('open', { default: false })
const { t } = useI18n()
@@ -116,6 +159,7 @@ const { run } = useDialogMutation()
const formSchema = toTypedSchema(z.object({
display_name: z.string().min(1),
avatar_url: z.string().optional(),
+ timezone: z.string().optional(),
}))
const form = useForm({
@@ -123,6 +167,7 @@ const form = useForm({
initialValues: {
display_name: '',
avatar_url: '',
+ timezone: '',
},
})
@@ -138,6 +183,7 @@ watch(open, (val) => {
values: {
display_name: '',
avatar_url: '',
+ timezone: '',
},
})
} else {
@@ -151,6 +197,7 @@ const handleSubmit = form.handleSubmit(async (values) => {
body: {
display_name: values.display_name,
avatar_url: values.avatar_url || undefined,
+ timezone: values.timezone || undefined,
is_active: true,
},
}),
diff --git a/apps/web/src/pages/bots/detail.vue b/apps/web/src/pages/bots/detail.vue
index 48c1c5da..2bc577b0 100644
--- a/apps/web/src/pages/bots/detail.vue
+++ b/apps/web/src/pages/bots/detail.vue
@@ -93,6 +93,22 @@
{{ botTypeLabel }}
+
+ {{ $t('bots.timezone') }}: {{ bot.timezone || $t('bots.timezoneInherited') }}
+
+
@@ -193,6 +209,67 @@
+
+
@@ -211,6 +288,12 @@ import {
DialogHeader,
DialogTitle,
Input,
+ Select,
+ SelectContent,
+ SelectGroup,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
Separator,
Spinner,
ScrollArea,
@@ -255,6 +338,7 @@ import { useAvatarInitials } from '@/composables/useAvatarInitials'
import { useSyncedQueryParam } from '@/composables/useSyncedQueryParam'
import { useBotStatusMeta } from '@/composables/useBotStatusMeta'
import MasterDetailSidebarLayout from '@/components/master-detail-sidebar-layout/index.vue'
+import { emptyTimezoneValue, timezones } from '@/utils/timezones'
type BotCheck = BotsBotCheck
type BotContainerInfo = HandlersGetContainerResponse
type BotContainerSnapshot = HandlersListSnapshotsResponse extends { snapshots?: (infer T)[] } ? T : never
@@ -344,9 +428,12 @@ watch(bot, (val) => {
const activeTab = useSyncedQueryParam('tab', 'overview')
const avatarDialogOpen = ref(false)
const avatarUrlDraft = ref('')
+const timezoneDialogOpen = ref(false)
+const timezoneDraft = ref('')
const avatarFallback = useAvatarInitials(() => bot.value?.display_name || botId.value || '')
const isSavingBotName = computed(() => updateBotLoading.value)
const avatarSaving = computed(() => updateBotLoading.value)
+const timezoneSaving = computed(() => updateBotLoading.value)
const canConfirmAvatar = computed(() => {
if (!bot.value) return false
const next = avatarUrlDraft.value.trim()
@@ -359,6 +446,10 @@ const canConfirmBotName = computed(() => {
if (!nextName) return false
return nextName !== (bot.value.display_name || '').trim()
})
+const canConfirmTimezone = computed(() => {
+ if (!bot.value) return false
+ return timezoneDraft.value.trim() !== (bot.value.timezone || '').trim()
+})
const {
hasIssue,
isPending: botLifecyclePending,
@@ -412,6 +503,12 @@ function handleEditAvatar() {
avatarDialogOpen.value = true
}
+function handleEditTimezone() {
+ if (!bot.value || botLifecyclePending.value) return
+ timezoneDraft.value = bot.value.timezone || ''
+ timezoneDialogOpen.value = true
+}
+
async function handleConfirmAvatar() {
if (!bot.value || !canConfirmAvatar.value || avatarSaving.value) return
const nextUrl = avatarUrlDraft.value.trim()
@@ -427,6 +524,21 @@ async function handleConfirmAvatar() {
}
}
+async function handleConfirmTimezone() {
+ if (!bot.value || !canConfirmTimezone.value || timezoneSaving.value) return
+ const nextTimezone = timezoneDraft.value.trim()
+ try {
+ await updateBot({
+ id: bot.value.id as string,
+ timezone: nextTimezone,
+ })
+ timezoneDialogOpen.value = false
+ toast.success(t('bots.timezoneUpdateSuccess'))
+ } catch (error) {
+ toast.error(resolveErrorMessage(error, t('bots.timezoneUpdateFailed')))
+ }
+}
+
function handleStartEditBotName() {
if (!bot.value) return
isEditingBotName.value = true
@@ -517,4 +629,4 @@ async function loadSnapshots() {
}
}
-
\ No newline at end of file
+
diff --git a/apps/web/src/pages/browser-contexts/components/context-setting.vue b/apps/web/src/pages/browser-contexts/components/context-setting.vue
index 21568d12..13dd68fe 100644
--- a/apps/web/src/pages/browser-contexts/components/context-setting.vue
+++ b/apps/web/src/pages/browser-contexts/components/context-setting.vue
@@ -155,11 +155,28 @@
-
+
@@ -232,6 +249,12 @@ import {
Label,
Separator,
Button,
+ Select,
+ SelectContent,
+ SelectGroup,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
Switch,
} from '@memohai/ui'
import { toTypedSchema } from '@vee-validate/zod'
@@ -247,6 +270,7 @@ import { toast } from 'vue-sonner'
import { useDialogMutation } from '@/composables/useDialogMutation'
import ConfirmPopover from '@/components/confirm-popover/index.vue'
import { resolveApiErrorMessage } from '@/utils/api-error'
+import { emptyTimezoneValue, timezones } from '@/utils/timezones'
const { t } = useI18n()
const { run } = useDialogMutation()
diff --git a/apps/web/src/pages/login/index.vue b/apps/web/src/pages/login/index.vue
index d0d43374..1bb373e6 100644
--- a/apps/web/src/pages/login/index.vue
+++ b/apps/web/src/pages/login/index.vue
@@ -187,6 +187,7 @@ const login = form.handleSubmit(async (values) => {
displayName: data.display_name ?? '',
role: data.role ?? '',
avatarUrl: data.avatar_url ?? '',
+ timezone: data.timezone ?? 'UTC',
}, data.access_token)
} else {
throw new Error(t('auth.loginFailed'))
diff --git a/apps/web/src/pages/settings/components/profile-section.vue b/apps/web/src/pages/settings/components/profile-section.vue
index aca46952..0d8d0abf 100644
--- a/apps/web/src/pages/settings/components/profile-section.vue
+++ b/apps/web/src/pages/settings/components/profile-section.vue
@@ -46,6 +46,32 @@
@update:model-value="onAvatarUrlChange"
/>
+
+
+
+