cognova 0.2.12 → 0.2.14

package/app/pages/settings/account.vue

@@ -0,0 +1,243 @@
+<script setup lang="ts">
+const { user, updateProfile, changeEmail, changePassword } = useAuth()
+const toast = useToast()
+
+// Profile form state
+const profileState = reactive({
+  name: ''
+})
+const profileLoading = ref(false)
+
+// Email form state
+const emailState = reactive({
+  newEmail: ''
+})
+const emailLoading = ref(false)
+
+// Password form state
+const passwordState = reactive({
+  currentPassword: '',
+  newPassword: '',
+  confirmPassword: ''
+})
+const passwordLoading = ref(false)
+
+// Initialize forms with current user data
+watch(() => user.value, (u) => {
+  if (u) {
+    profileState.name = u.name || ''
+    emailState.newEmail = u.email || ''
+  }
+}, { immediate: true })
+
+async function handleProfileSubmit() {
+  profileLoading.value = true
+  const result = await updateProfile({
+    name: profileState.name
+  })
+
+  if (result.error) {
+    toast.add({
+      title: 'Update failed',
+      description: result.error.message,
+      color: 'error'
+    })
+  } else {
+    toast.add({
+      title: 'Profile updated',
+      description: 'Your name has been updated successfully.',
+      color: 'success'
+    })
+  }
+  profileLoading.value = false
+}
+
+async function handleEmailSubmit() {
+  if (!emailState.newEmail) {
+    toast.add({
+      title: 'Email required',
+      description: 'Please enter a new email address.',
+      color: 'error'
+    })
+    return
+  }
+
+  emailLoading.value = true
+  const result = await changeEmail(emailState.newEmail)
+
+  if (result.error) {
+    toast.add({
+      title: 'Email change failed',
+      description: result.error.message,
+      color: 'error'
+    })
+  } else {
+    toast.add({
+      title: 'Email updated',
+      description: 'Your email has been changed successfully.',
+      color: 'success'
+    })
+  }
+  emailLoading.value = false
+}
+
+async function handlePasswordSubmit() {
+  if (passwordState.newPassword !== passwordState.confirmPassword) {
+    toast.add({
+      title: 'Passwords do not match',
+      description: 'Please make sure your new passwords match.',
+      color: 'error'
+    })
+    return
+  }
+
+  if (!passwordState.currentPassword || !passwordState.newPassword) {
+    toast.add({
+      title: 'Missing fields',
+      description: 'Please fill in all password fields.',
+      color: 'error'
+    })
+    return
+  }
+
+  passwordLoading.value = true
+  const result = await changePassword({
+    currentPassword: passwordState.currentPassword,
+    newPassword: passwordState.newPassword
+  })
+
+  if (result.error) {
+    toast.add({
+      title: 'Password change failed',
+      description: result.error.message,
+      color: 'error'
+    })
+  } else {
+    toast.add({
+      title: 'Password changed',
+      description: 'Your password has been changed successfully.',
+      color: 'success'
+    })
+    passwordState.currentPassword = ''
+    passwordState.newPassword = ''
+    passwordState.confirmPassword = ''
+  }
+  passwordLoading.value = false
+}
+</script>
+
+<template>
+  <div class="space-y-8 max-w-2xl mx-auto py-6">
+    <!-- Profile Section -->
+    <div>
+      <h3 class="text-lg font-semibold mb-4">
+        Profile
+      </h3>
+      <UForm
+        :state="profileState"
+        class="space-y-4"
+        @submit="handleProfileSubmit"
+      >
+        <UFormField
+          label="Name"
+          name="name"
+        >
+          <UInput
+            v-model="profileState.name"
+            placeholder="Your name"
+            class="w-full"
+          />
+        </UFormField>
+        <UButton
+          type="submit"
+          :loading="profileLoading"
+        >
+          Save Name
+        </UButton>
+      </UForm>
+    </div>
+
+    <USeparator />
+
+    <!-- Email Section -->
+    <div>
+      <h3 class="text-lg font-semibold mb-4">
+        Email Address
+      </h3>
+      <UForm
+        :state="emailState"
+        class="space-y-4"
+        @submit="handleEmailSubmit"
+      >
+        <UFormField
+          label="Email"
+          name="newEmail"
+        >
+          <UInput
+            v-model="emailState.newEmail"
+            type="email"
+            placeholder="your@email.com"
+            class="w-full"
+          />
+        </UFormField>
+        <UButton
+          type="submit"
+          :loading="emailLoading"
+        >
+          Change Email
+        </UButton>
+      </UForm>
+    </div>
+
+    <USeparator />
+
+    <!-- Password Section -->
+    <div>
+      <h3 class="text-lg font-semibold mb-4">
+        Change Password
+      </h3>
+      <UForm
+        :state="passwordState"
+        class="space-y-4"
+        @submit="handlePasswordSubmit"
+      >
+        <UFormField
+          label="Current Password"
+          name="currentPassword"
+        >
+          <UInput
+            v-model="passwordState.currentPassword"
+            type="password"
+            class="w-full"
+          />
+        </UFormField>
+        <UFormField
+          label="New Password"
+          name="newPassword"
+        >
+          <UInput
+            v-model="passwordState.newPassword"
+            type="password"
+            class="w-full"
+          />
+        </UFormField>
+        <UFormField
+          label="Confirm New Password"
+          name="confirmPassword"
+        >
+          <UInput
+            v-model="passwordState.confirmPassword"
+            type="password"
+            class="w-full"
+          />
+        </UFormField>
+        <UButton
+          type="submit"
+          :loading="passwordLoading"
+        >
+          Change Password
+        </UButton>
+      </UForm>
+    </div>
+  </div>
+</template>

package/app/pages/settings/app.vue

@@ -0,0 +1,230 @@
+<script setup lang="ts">
+import type { NotificationPreferences, NotificationResource, NotificationAction } from '~~/shared/types'
+import { defaultNotificationPreferences } from '~~/shared/utils/notification-defaults'
+
+const toast = useToast()
+const { updatePreferences } = useNotificationBus()
+
+// === App URL ===
+const appUrl = ref('')
+const appUrlSaving = ref(false)
+
+async function loadAppUrl() {
+  try {
+    const { data } = await $fetch<{ data: { key: string, value: string } }>('/api/secrets/APP_URL')
+    appUrl.value = data.value || ''
+  } catch {
+    appUrl.value = ''
+  }
+}
+
+async function saveAppUrl() {
+  appUrlSaving.value = true
+  try {
+    if (appUrl.value) {
+      // Try update first, create if it doesn't exist
+      try {
+        await $fetch('/api/secrets/APP_URL', {
+          method: 'PUT',
+          body: { value: appUrl.value, description: 'Public URL for webhooks and auth callbacks' }
+        })
+      } catch {
+        await $fetch('/api/secrets', {
+          method: 'POST',
+          body: { key: 'APP_URL', value: appUrl.value, description: 'Public URL for webhooks and auth callbacks' }
+        })
+      }
+    } else {
+      try {
+        await $fetch('/api/secrets/APP_URL', { method: 'DELETE' })
+      } catch {
+        // Secret may not exist, ignore
+      }
+    }
+    toast.add({ title: 'Public URL saved', description: 'Restart running integrations for changes to take effect.', color: 'success' })
+  } catch {
+    toast.add({ title: 'Failed to save URL', color: 'error' })
+  }
+  appUrlSaving.value = false
+}
+
+// === Notification Preferences ===
+const notifPrefs = ref<NotificationPreferences>({ ...defaultNotificationPreferences })
+const notifLoading = ref(false)
+const notifSaving = ref(false)
+const expandedResources = ref<Set<string>>(new Set())
+
+const resourceConfig: { key: NotificationResource, label: string, icon: string, subtypes: NotificationAction[] }[] = [
+  { key: 'task', label: 'Tasks', icon: 'i-lucide-check-square', subtypes: ['create', 'edit', 'delete', 'restore'] },
+  { key: 'project', label: 'Projects', icon: 'i-lucide-folder', subtypes: ['create', 'edit', 'delete'] },
+  { key: 'agent', label: 'Agents', icon: 'i-lucide-bot', subtypes: ['create', 'edit', 'delete', 'run', 'complete', 'fail', 'cancel'] },
+  { key: 'document', label: 'Documents', icon: 'i-lucide-file-text', subtypes: ['edit', 'delete', 'restore'] },
+  { key: 'memory', label: 'Memories', icon: 'i-lucide-brain', subtypes: ['create', 'delete'] },
+  { key: 'reminder', label: 'Reminders', icon: 'i-lucide-bell', subtypes: ['create'] },
+  { key: 'secret', label: 'Secrets', icon: 'i-lucide-key-round', subtypes: ['create', 'edit', 'delete'] },
+  { key: 'hook', label: 'Hooks', icon: 'i-lucide-webhook', subtypes: ['create'] },
+  { key: 'conversation', label: 'Conversations', icon: 'i-lucide-message-square', subtypes: ['delete'] },
+  { key: 'bridge', label: 'Bridges', icon: 'i-lucide-plug', subtypes: ['create', 'edit', 'delete', 'complete', 'fail'] }
+]
+
+async function loadNotificationPrefs() {
+  notifLoading.value = true
+  try {
+    const { data } = await $fetch<{ data: { notifications: NotificationPreferences } }>('/api/settings')
+    notifPrefs.value = { ...defaultNotificationPreferences, ...data.notifications }
+  } catch {
+    notifPrefs.value = { ...defaultNotificationPreferences }
+  }
+  notifLoading.value = false
+}
+
+async function saveNotificationPrefs() {
+  notifSaving.value = true
+  try {
+    await $fetch('/api/settings', {
+      method: 'PUT',
+      body: { notifications: notifPrefs.value }
+    })
+    updatePreferences(notifPrefs.value)
+    toast.add({ title: 'Notification preferences saved', color: 'success' })
+  } catch {
+    toast.add({ title: 'Failed to save preferences', color: 'error' })
+  }
+  notifSaving.value = false
+}
+
+function toggleResourceExpand(key: string) {
+  if (expandedResources.value.has(key))
+    expandedResources.value.delete(key)
+  else
+    expandedResources.value.add(key)
+}
+
+function setResourceEnabled(key: NotificationResource, enabled: boolean) {
+  notifPrefs.value[key] = { ...notifPrefs.value[key], enabled }
+}
+
+function setSubtypeEnabled(key: NotificationResource, subtype: NotificationAction, enabled: boolean) {
+  const current = notifPrefs.value[key]
+  notifPrefs.value[key] = {
+    ...current,
+    subtypes: { ...current?.subtypes, [subtype]: enabled }
+  }
+}
+
+onMounted(() => {
+  loadAppUrl()
+  loadNotificationPrefs()
+})
+</script>
+
+<template>
+  <div class="max-w-2xl mx-auto py-6">
+    <!-- Public URL -->
+    <div class="mb-8">
+      <h3 class="text-lg font-semibold mb-1">
+        Public URL
+      </h3>
+      <p class="text-sm text-dimmed mb-4">
+        The publicly accessible URL for this instance. Used for Telegram webhooks, auth callbacks, and other integrations that need to reach your server.
+      </p>
+      <div class="flex gap-2">
+        <UInput
+          v-model="appUrl"
+          placeholder="https://example.com"
+          class="flex-1"
+        />
+        <UButton
+          :loading="appUrlSaving"
+          @click="saveAppUrl"
+        >
+          Save
+        </UButton>
+      </div>
+      <p class="text-xs text-dimmed mt-2">
+        Leave empty to use long-polling for Telegram instead of webhooks. Changes require restarting running integrations.
+      </p>
+    </div>
+
+    <USeparator class="mb-8" />
+
+    <!-- Notification Preferences -->
+    <div class="mb-6">
+      <h3 class="text-lg font-semibold mb-1">
+        Notification Preferences
+      </h3>
+      <p class="text-sm text-dimmed">
+        Choose which resource changes show toast notifications.
+      </p>
+    </div>
+
+    <div
+      v-if="notifLoading"
+      class="space-y-3"
+    >
+      <USkeleton
+        v-for="i in 5"
+        :key="i"
+        class="h-12 w-full"
+      />
+    </div>
+
+    <div
+      v-else
+      class="space-y-2"
+    >
+      <div
+        v-for="rc in resourceConfig"
+        :key="rc.key"
+        class="border border-default rounded-lg"
+      >
+        <div class="flex items-center justify-between px-4 py-3">
+          <div class="flex items-center gap-3">
+            <UButton
+              variant="ghost"
+              size="xs"
+              :icon="expandedResources.has(rc.key) ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'"
+              @click="toggleResourceExpand(rc.key)"
+            />
+            <UIcon
+              :name="rc.icon"
+              class="size-5 text-dimmed"
+            />
+            <span class="font-medium">{{ rc.label }}</span>
+          </div>
+          <USwitch
+            :model-value="notifPrefs[rc.key]?.enabled ?? false"
+            @update:model-value="(v: boolean) => setResourceEnabled(rc.key, v)"
+          />
+        </div>
+
+        <div
+          v-if="expandedResources.has(rc.key) && notifPrefs[rc.key]?.enabled"
+          class="border-t border-default px-4 py-3 space-y-2 bg-elevated/50"
+        >
+          <div
+            v-for="subtype in rc.subtypes"
+            :key="subtype"
+            class="flex items-center justify-between pl-11"
+          >
+            <span class="text-sm text-dimmed capitalize">{{ subtype }}</span>
+            <USwitch
+              :model-value="notifPrefs[rc.key]?.subtypes?.[subtype] !== false"
+              size="sm"
+              @update:model-value="(v: boolean) => setSubtypeEnabled(rc.key, subtype, v)"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="mt-6">
+      <UButton
+        :loading="notifSaving"
+        @click="saveNotificationPrefs"
+      >
+        Save Preferences
+      </UButton>
+    </div>
+  </div>
+</template>

package/app/pages/settings/index.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'dashboard',
+  middleware: 'auth'
+})
+
+navigateTo('/settings/account', { replace: true })
+</script>
+
+<template>
+  <div />
+</template>