cognova 0.2.2 → 0.2.4

package/app/pages/skills/index.vue

@@ -11,6 +11,12 @@ const skills = ref<SkillListItem[]>([])
 const loading = ref(true)
 const search = ref('')
 const createOpen = ref(false)
+const importing = ref(false)
+const fileInput = ref<HTMLInputElement | null>(null)
+const deleteTarget = ref('')
+const updateTarget = ref('')
+const deleting = ref(false)
+const updating = ref(false)
 
 const filteredSkills = computed(() => {
   if (!search.value.trim()) return skills.value
@@ -33,6 +39,34 @@ async function loadSkills() {
   }
 }
 
+async function handleImport(event: Event) {
+  const input = event.target as HTMLInputElement
+  const file = input.files?.[0]
+  if (!file) return
+
+  importing.value = true
+  try {
+    const formData = new FormData()
+    formData.append('file', file)
+    const res = await $fetch<{ data: { name: string, fileCount: number } }>('/api/skills/import', {
+      method: 'POST',
+      body: formData
+    })
+    toast.add({
+      title: `Imported ${res.data.name}`,
+      description: `${res.data.fileCount} file${res.data.fileCount === 1 ? '' : 's'}`,
+      color: 'success'
+    })
+    navigateTo(`/skills/${res.data.name}`)
+  } catch (err: unknown) {
+    const message = err instanceof Error ? err.message : 'Import failed'
+    toast.add({ title: 'Import failed', description: message, color: 'error' })
+  } finally {
+    importing.value = false
+    input.value = ''
+  }
+}
+
 async function handleToggle(name: string) {
   try {
     const res = await $fetch<{ data: { name: string, active: boolean } }>(`/api/skills/${name}/toggle`, {
@@ -49,6 +83,39 @@ async function handleToggle(name: string) {
   }
 }
 
+async function confirmDelete() {
+  if (!deleteTarget.value) return
+  deleting.value = true
+  try {
+    await $fetch(`/api/skills/${deleteTarget.value}/delete`, { method: 'POST' })
+    skills.value = skills.value.filter(s => s.name !== deleteTarget.value)
+    toast.add({ title: `Deleted ${deleteTarget.value}`, color: 'success' })
+    deleteTarget.value = ''
+  } catch {
+    toast.add({ title: `Failed to delete ${deleteTarget.value}`, color: 'error' })
+  } finally {
+    deleting.value = false
+  }
+}
+
+async function confirmUpdate() {
+  if (!updateTarget.value) return
+  updating.value = true
+  try {
+    await $fetch('/api/skills/library/install', {
+      method: 'POST',
+      body: { name: updateTarget.value, force: true }
+    })
+    toast.add({ title: `Updated ${updateTarget.value}`, color: 'success' })
+    updateTarget.value = ''
+    await loadSkills()
+  } catch {
+    toast.add({ title: `Failed to update ${updateTarget.value}`, color: 'error' })
+  } finally {
+    updating.value = false
+  }
+}
+
 onMounted(() => loadSkills())
 </script>
 
@@ -78,6 +145,23 @@ onMounted(() => loadSkills())
                 Library
               </UButton>
             </NuxtLink>
+            <UButton
+              icon="i-lucide-upload"
+              variant="ghost"
+              color="neutral"
+              size="sm"
+              :loading="importing"
+              @click="fileInput?.click()"
+            >
+              Import
+            </UButton>
+            <input
+              ref="fileInput"
+              type="file"
+              accept=".zip"
+              class="hidden"
+              @change="handleImport"
+            >
             <UButton
               icon="i-lucide-plus"
               size="sm"
@@ -142,6 +226,8 @@ onMounted(() => loadSkills())
               :key="skill.name"
               :skill="skill"
               @toggle="handleToggle"
+              @delete="deleteTarget = $event"
+              @update="updateTarget = $event"
             />
           </div>
         </div>
@@ -153,5 +239,72 @@ onMounted(() => loadSkills())
       @update:open="createOpen = $event"
       @created="loadSkills"
     />
+
+    <!-- Delete confirmation modal -->
+    <UModal
+      :open="!!deleteTarget"
+      @update:open="!$event && (deleteTarget = '')"
+    >
+      <template #header>
+        <span class="font-semibold">Delete Skill</span>
+      </template>
+      <template #body>
+        <p class="text-sm text-muted">
+          This will permanently delete <strong class="text-default">{{ deleteTarget }}</strong> and all its files. Any modifications you've made will be lost. This cannot be undone.
+        </p>
+      </template>
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <UButton
+            variant="ghost"
+            color="neutral"
+            :disabled="deleting"
+            @click="deleteTarget = ''"
+          >
+            Cancel
+          </UButton>
+          <UButton
+            color="error"
+            :loading="deleting"
+            @click="confirmDelete"
+          >
+            Delete
+          </UButton>
+        </div>
+      </template>
+    </UModal>
+
+    <!-- Update confirmation modal -->
+    <UModal
+      :open="!!updateTarget"
+      @update:open="!$event && (updateTarget = '')"
+    >
+      <template #header>
+        <span class="font-semibold">Update Skill</span>
+      </template>
+      <template #body>
+        <p class="text-sm text-muted">
+          This will re-download <strong class="text-default">{{ updateTarget }}</strong> from the community library, overwriting any local changes you've made to its files.
+        </p>
+      </template>
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <UButton
+            variant="ghost"
+            color="neutral"
+            :disabled="updating"
+            @click="updateTarget = ''"
+          >
+            Cancel
+          </UButton>
+          <UButton
+            :loading="updating"
+            @click="confirmUpdate"
+          >
+            Update
+          </UButton>
+        </div>
+      </template>
+    </UModal>
   </div>
 </template>

package/app/pages/skills/library.vue

@@ -6,6 +6,8 @@ definePageMeta({
   middleware: 'auth'
 })
 
+const route = useRoute()
+const router = useRouter()
 const toast = useToast()
 const skills = ref<SkillCatalogItem[]>([])
 const loading = ref(true)
@@ -96,7 +98,24 @@ async function handleUpdate(name: string) {
   }
 }
 
-onMounted(() => loadLibrary())
+onMounted(async () => {
+  await loadLibrary()
+
+  // Handle ?install= query param from docs site redirect
+  const installName = route.query.install as string | undefined
+  if (installName) {
+    router.replace({ query: {} })
+    const found = skills.value.find(s => s.name === installName)
+    if (found && !found.installed) {
+      toast.add({ title: `Installing ${installName} from docs...`, color: 'info' })
+      await handleInstall(installName)
+    } else if (found?.installed) {
+      toast.add({ title: `${installName} is already installed`, color: 'neutral' })
+    } else {
+      toast.add({ title: `Skill "${installName}" not found in library`, color: 'warning' })
+    }
+  }
+})
 </script>
 
 <template>

package/app/pages/usage.vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
-import type { StatsPeriod, UsageStats } from '~~/shared/types'
+import type { StatsPeriod, UsageStats, UsageDisplayMode } from '~~/shared/types'
 
 definePageMeta({
   layout: 'dashboard',
   middleware: 'auth'
 })
 
-const { usageStatsPeriod } = usePreferences()
+const { usageStatsPeriod, usageDisplayMode } = usePreferences()
 const period = ref<StatsPeriod>(usageStatsPeriod.value)
+const displayMode = ref<UsageDisplayMode>(usageDisplayMode.value)
 const granularity = ref<'daily' | 'hourly'>('daily')
 const stats = ref<UsageStats | null>(null)
 const loading = ref(false)
@@ -18,6 +19,11 @@ const periodOptions = [
   { label: '30d', value: '30d' as StatsPeriod }
 ]
 
+const displayModeOptions = [
+  { label: 'Tokens', value: 'tokens' as UsageDisplayMode },
+  { label: 'Cost', value: 'cost' as UsageDisplayMode }
+]
+
 async function loadStats() {
   loading.value = true
   try {
@@ -41,6 +47,10 @@ watch(period, (value) => {
   loadStats()
 })
 
+watch(displayMode, (value) => {
+  usageDisplayMode.value = value
+})
+
 watch(granularity, () => {
   loadStats()
 })
@@ -59,18 +69,32 @@ onMounted(() => {
       <template #header>
         <UDashboardNavbar title="Token Usage">
           <template #right>
-            <UFieldGroup>
-              <UButton
-                v-for="opt in periodOptions"
-                :key="opt.value"
-                :color="period === opt.value ? 'primary' : 'neutral'"
-                :variant="period === opt.value ? 'solid' : 'ghost'"
-                size="sm"
-                @click="period = opt.value"
-              >
-                {{ opt.label }}
-              </UButton>
-            </UFieldGroup>
+            <div class="flex items-center gap-4">
+              <UFieldGroup>
+                <UButton
+                  v-for="opt in displayModeOptions"
+                  :key="opt.value"
+                  :color="displayMode === opt.value ? 'primary' : 'neutral'"
+                  :variant="displayMode === opt.value ? 'solid' : 'ghost'"
+                  size="sm"
+                  @click="displayMode = opt.value"
+                >
+                  {{ opt.label }}
+                </UButton>
+              </UFieldGroup>
+              <UFieldGroup>
+                <UButton
+                  v-for="opt in periodOptions"
+                  :key="opt.value"
+                  :color="period === opt.value ? 'primary' : 'neutral'"
+                  :variant="period === opt.value ? 'solid' : 'ghost'"
+                  size="sm"
+                  @click="period = opt.value"
+                >
+                  {{ opt.label }}
+                </UButton>
+              </UFieldGroup>
+            </div>
           </template>
         </UDashboardNavbar>
       </template>
@@ -86,19 +110,22 @@ onMounted(() => {
             v-if="stats && stats.dailyUsage.length > 0"
             v-model:granularity="granularity"
             :data="stats.dailyUsage"
-            title="Cost Over Time"
+            :display-mode="displayMode"
+            :title="displayMode === 'tokens' ? 'Tokens Over Time' : 'Cost Over Time'"
           />
 
           <div class="grid gap-6 lg:grid-cols-2">
             <UsageSourceDonut
               v-if="stats && stats.bySource.length > 0"
               :data="stats.bySource"
-              title="Cost by Source"
+              :display-mode="displayMode"
+              :title="displayMode === 'tokens' ? 'Tokens by Source' : 'Cost by Source'"
             />
 
             <UsageTopConsumers
               v-if="stats && stats.topConsumers.length > 0"
               :data="stats.topConsumers"
+              :display-mode="displayMode"
               title="Top Consumers"
             />
           </div>

package/dist/cli/index.js

@@ -2339,25 +2339,24 @@ async function update() {
   }
   if (latestVersion === metadata.version) {
     s.stop(`Already on latest version (${metadata.version})`);
-  } else {
-    s.stop(`Update available: ${metadata.version} \u2192 ${import_picocolors6.default.green(latestVersion)}`);
+    Le("Nothing to update.");
+    return;
   }
+  s.stop(`Update available: ${metadata.version} \u2192 ${import_picocolors6.default.green(latestVersion)}`);
   s.start("Creating backup");
   const backupDir = createBackup(installDir);
   s.stop("Backup created");
   let updateFailed = false;
   try {
-    if (latestVersion !== metadata.version) {
-      s.start("Downloading latest version");
-      const tmpDir = execSync7("mktemp -d", { encoding: "utf-8" }).trim();
-      try {
-        execSync7(`npm pack cognova@${latestVersion} --pack-destination ${tmpDir}`, { stdio: "pipe" });
-        execSync7(`tar -xzf ${tmpDir}/cognova-${latestVersion}.tgz -C ${tmpDir}`, { stdio: "pipe" });
-        copyAppSource(`${tmpDir}/package`, installDir);
-        s.stop("Source files updated");
-      } finally {
-        rmSync(tmpDir, { recursive: true, force: true });
-      }
+    s.start("Downloading latest version");
+    const tmpDir = execSync7("mktemp -d", { encoding: "utf-8" }).trim();
+    try {
+      execSync7(`npm pack cognova@${latestVersion} --pack-destination ${tmpDir}`, { stdio: "pipe" });
+      execSync7(`tar -xzf ${tmpDir}/cognova-${latestVersion}.tgz -C ${tmpDir}`, { stdio: "pipe" });
+      copyAppSource(`${tmpDir}/package`, installDir);
+      s.stop("Source files updated");
+    } finally {
+      rmSync(tmpDir, { recursive: true, force: true });
     }
     s.start("Syncing Claude config");
     syncClaudeConfig(installDir);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cognova",
   "type": "module",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Personal knowledge management system with Claude Code integration",
   "repository": {
     "type": "git",
@@ -36,10 +36,8 @@
     "db:migrate": "drizzle-kit migrate",
     "db:push": "drizzle-kit push",
     "db:studio": "drizzle-kit studio",
-    "db:up": "docker compose --profile local up -d db",
-    "db:down": "docker compose --profile local down",
-    "docker:up": "./scripts/docker-up.sh -d",
-    "docker:down": "docker compose --profile local down",
+    "db:up": "docker compose up -d",
+    "db:down": "docker compose down",
     "auth:create-admin": "tsx scripts/create-admin.ts",
     "auth:reset-pw": "tsx scripts/reset-password.ts"
   },
@@ -75,12 +73,15 @@
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-web-links": "^0.12.0",
     "@xterm/xterm": "^6.0.0",
+    "adm-zip": "^0.5.16",
     "better-auth": "^1.4.17",
     "chokidar": "^5.0.0",
     "codemirror": "^6.0.2",
     "cron": "^4.4.0",
     "date-fns": "^4.1.0",
+    "discord.js": "^14.25.1",
     "dotenv": "^17.2.3",
+    "drizzle-kit": "^0.31.8",
     "drizzle-orm": "^0.45.1",
     "gray-matter": "^4.0.3",
     "node-pty": "^1.1.0",
@@ -88,11 +89,11 @@
     "postgres": "^3.4.8",
     "shiki": "^3.21.0",
     "sortablejs": "^1.15.6",
-    "tailwindcss": "^4.0.0",
-    "drizzle-kit": "^0.31.8"
+    "tailwindcss": "^4.0.0"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.12.1",
+    "@types/adm-zip": "^0.5.7",
     "@types/node": "^25.0.8",
     "@types/sortablejs": "^1.15.9",
     "eslint": "^9.39.2",

package/server/api/bridges/[id]/health.get.ts

@@ -0,0 +1,78 @@
+import { eq } from 'drizzle-orm'
+import { getDb, schema } from '~~/server/db'
+import { requireDb } from '~~/server/utils/db-guard'
+import { getAdapter } from '~~/server/bridge/registry'
+
+/**
+ * Check bridge health on demand.
+ * Updates the health status in the database and returns it.
+ */
+export default defineEventHandler(async (event) => {
+  requireDb(event)
+
+  const id = getRouterParam(event, 'id')
+  if (!id) {
+    throw createError({ statusCode: 400, message: 'Bridge ID is required' })
+  }
+
+  const db = getDb()
+
+  const bridge = await db.query.bridges.findFirst({
+    where: eq(schema.bridges.id, id)
+  })
+
+  if (!bridge) {
+    throw createError({ statusCode: 404, message: 'Bridge not found' })
+  }
+
+  const adapter = getAdapter(id)
+  const now = new Date()
+
+  if (!bridge.enabled) {
+    return {
+      data: {
+        healthStatus: 'disconnected',
+        healthMessage: 'Bridge is disabled',
+        lastHealthCheck: now
+      }
+    }
+  }
+
+  if (!adapter) {
+    await db.update(schema.bridges)
+      .set({
+        healthStatus: 'disconnected',
+        healthMessage: 'No active adapter',
+        lastHealthCheck: now
+      })
+      .where(eq(schema.bridges.id, id))
+
+    return {
+      data: {
+        healthStatus: 'disconnected',
+        healthMessage: 'No active adapter',
+        lastHealthCheck: now
+      }
+    }
+  }
+
+  const healthy = adapter.isHealthy()
+  const status = healthy ? 'connected' : 'error'
+  const message = healthy ? null : 'Adapter reports unhealthy'
+
+  await db.update(schema.bridges)
+    .set({
+      healthStatus: status,
+      healthMessage: message,
+      lastHealthCheck: now
+    })
+    .where(eq(schema.bridges.id, id))
+
+  return {
+    data: {
+      healthStatus: status,
+      healthMessage: message,
+      lastHealthCheck: now
+    }
+  }
+})

package/server/api/bridges/[id].delete.ts

@@ -0,0 +1,41 @@
+import { eq } from 'drizzle-orm'
+import { getDb, schema } from '~~/server/db'
+import { requireDb } from '~~/server/utils/db-guard'
+import { notifyResourceChange } from '~~/server/utils/notify-resource'
+import { getAdapter, unregisterAdapter } from '~~/server/bridge/registry'
+
+export default defineEventHandler(async (event) => {
+  requireDb(event)
+
+  const id = getRouterParam(event, 'id')
+  if (!id) {
+    throw createError({ statusCode: 400, message: 'Bridge ID is required' })
+  }
+
+  const db = getDb()
+
+  // Stop adapter if running
+  const adapter = getAdapter(id)
+  if (adapter) {
+    await adapter.stop()
+    unregisterAdapter(id)
+  }
+
+  // Delete bridge (messages will cascade delete)
+  const [deleted] = await db.delete(schema.bridges)
+    .where(eq(schema.bridges.id, id))
+    .returning()
+
+  if (!deleted) {
+    throw createError({ statusCode: 404, message: 'Bridge not found' })
+  }
+
+  notifyResourceChange({
+    resource: 'bridge',
+    action: 'delete',
+    resourceId: id,
+    resourceName: deleted.name
+  })
+
+  return { data: deleted }
+})

package/server/api/bridges/[id].get.ts

@@ -0,0 +1,25 @@
+import { eq } from 'drizzle-orm'
+import { getDb, schema } from '~~/server/db'
+import { requireDb } from '~~/server/utils/db-guard'
+
+export default defineEventHandler(async (event) => {
+  requireDb(event)
+
+  const id = getRouterParam(event, 'id')
+  if (!id) {
+    throw createError({ statusCode: 400, message: 'Bridge ID is required' })
+  }
+
+  const db = getDb()
+
+  const bridge = await db.query.bridges.findFirst({
+    where: eq(schema.bridges.id, id),
+    with: { creator: true }
+  })
+
+  if (!bridge) {
+    throw createError({ statusCode: 404, message: 'Bridge not found' })
+  }
+
+  return { data: bridge }
+})

package/server/api/bridges/[id].put.ts

@@ -0,0 +1,54 @@
+import { eq } from 'drizzle-orm'
+import { getDb, schema } from '~~/server/db'
+import { requireDb } from '~~/server/utils/db-guard'
+import { notifyResourceChange } from '~~/server/utils/notify-resource'
+import { startBridge, stopBridge } from '~~/server/bridge/lifecycle'
+import type { UpdateBridgeInput } from '~~/shared/types'
+
+export default defineEventHandler(async (event) => {
+  requireDb(event)
+
+  const id = getRouterParam(event, 'id')
+  if (!id) {
+    throw createError({ statusCode: 400, message: 'Bridge ID is required' })
+  }
+
+  const body = await readBody<UpdateBridgeInput>(event)
+  const db = getDb()
+
+  const existing = await db.query.bridges.findFirst({
+    where: eq(schema.bridges.id, id)
+  })
+
+  if (!existing) {
+    throw createError({ statusCode: 404, message: 'Bridge not found' })
+  }
+
+  const [bridge] = await db.update(schema.bridges)
+    .set({
+      ...body.name !== undefined && { name: body.name },
+      ...body.enabled !== undefined && { enabled: body.enabled },
+      ...body.config !== undefined && { config: JSON.stringify(body.config) },
+      ...body.secretKeys !== undefined && { secretKeys: body.secretKeys },
+      updatedAt: new Date()
+    })
+    .where(eq(schema.bridges.id, id))
+    .returning()
+
+  // Start/stop adapter when enabled state changes
+  if (body.enabled !== undefined && body.enabled !== existing.enabled) {
+    if (body.enabled)
+      await startBridge(bridge!)
+    else
+      await stopBridge(bridge!.id)
+  }
+
+  notifyResourceChange({
+    resource: 'bridge',
+    action: 'edit',
+    resourceId: id,
+    resourceName: bridge!.name
+  })
+
+  return { data: bridge }
+})