cognova 0.2.0 → 0.2.2

package/app/pages/skills/[name].vue

@@ -0,0 +1,198 @@
+<script setup lang="ts">
+import type { SkillDetail } from '~~/shared/types'
+
+definePageMeta({
+  layout: 'dashboard',
+  middleware: 'auth'
+})
+
+const route = useRoute()
+const router = useRouter()
+const toast = useToast()
+
+const skillName = computed(() => route.params.name as string)
+const skill = ref<SkillDetail | null>(null)
+const loading = ref(true)
+const selectedFile = ref('')
+const renameOpen = ref(false)
+
+async function loadSkill() {
+  loading.value = true
+  try {
+    const res = await $fetch<{ data: SkillDetail }>(`/api/skills/${skillName.value}`)
+    skill.value = res.data
+
+    // Auto-select SKILL.md if exists
+    if (!selectedFile.value) {
+      const skillMd = res.data.files.find(f => f.name === 'SKILL.md')
+      if (skillMd) selectedFile.value = skillMd.path
+    }
+  } catch {
+    toast.add({ title: 'Skill not found', color: 'error' })
+    router.push('/skills')
+  } finally {
+    loading.value = false
+  }
+}
+
+async function handleToggle() {
+  if (!skill.value || skill.value.core) return
+  try {
+    const res = await $fetch<{ data: { active: boolean } }>(`/api/skills/${skillName.value}/toggle`, {
+      method: 'POST'
+    })
+    skill.value.active = res.data.active
+    toast.add({
+      title: `${skillName.value} ${res.data.active ? 'enabled' : 'disabled'}`,
+      color: 'success'
+    })
+  } catch {
+    toast.add({ title: 'Failed to toggle skill', color: 'error' })
+  }
+}
+
+function handleRenamed(newName: string) {
+  router.replace(`/skills/${newName}`)
+}
+
+onMounted(() => loadSkill())
+</script>
+
+<template>
+  <div class="flex flex-1 min-w-0">
+    <!-- File tree sidebar -->
+    <UDashboardPanel
+      id="skill-filetree"
+      collapsible
+      resizable
+      :min-size="12"
+      :default-size="16"
+      :max-size="24"
+      class="hidden lg:flex"
+    >
+      <template #header>
+        <UDashboardNavbar>
+          <template #title>
+            <span class="text-sm font-medium truncate">Files</span>
+          </template>
+        </UDashboardNavbar>
+      </template>
+
+      <template #body>
+        <div
+          v-if="loading"
+          class="p-4 space-y-2"
+        >
+          <USkeleton
+            v-for="i in 4"
+            :key="i"
+            class="h-6 w-full"
+          />
+        </div>
+        <SkillsFileTree
+          v-else-if="skill"
+          :skill-name="skillName"
+          :files="skill.files"
+          :selected-path="selectedFile"
+          @select="selectedFile = $event"
+          @refresh="loadSkill"
+        />
+      </template>
+    </UDashboardPanel>
+
+    <!-- Editor panel -->
+    <UDashboardPanel
+      id="skill-editor"
+      grow
+      :ui="{ body: '!p-0' }"
+    >
+      <template #header>
+        <UDashboardNavbar>
+          <template #title>
+            <NuxtLink
+              to="/skills"
+              class="text-muted hover:text-default transition-colors"
+            >
+              <UIcon
+                name="i-lucide-arrow-left"
+                class="size-4"
+              />
+            </NuxtLink>
+            <span class="font-medium">{{ skillName }}</span>
+            <UBadge
+              v-if="skill?.core"
+              variant="subtle"
+              color="primary"
+              size="xs"
+            >
+              Core
+            </UBadge>
+            <UBadge
+              v-if="skill && !skill.active"
+              variant="subtle"
+              color="neutral"
+              size="xs"
+            >
+              Disabled
+            </UBadge>
+          </template>
+          <template #right>
+            <USwitch
+              v-if="skill && !skill.core"
+              :model-value="skill.active"
+              size="sm"
+              @update:model-value="handleToggle"
+            />
+            <UButton
+              v-if="skill && !skill.core"
+              icon="i-lucide-pencil"
+              variant="ghost"
+              color="neutral"
+              size="sm"
+              @click="renameOpen = true"
+            />
+          </template>
+        </UDashboardNavbar>
+      </template>
+
+      <template #body>
+        <div
+          v-if="loading"
+          class="flex-1 flex items-center justify-center h-full"
+        >
+          <UIcon
+            name="i-lucide-loader-2"
+            class="size-6 animate-spin text-dimmed"
+          />
+        </div>
+        <div
+          v-else-if="!selectedFile"
+          class="flex-1 flex items-center justify-center h-full text-dimmed"
+        >
+          <div class="text-center">
+            <UIcon
+              name="i-lucide-file-code"
+              class="size-12 mx-auto mb-4 opacity-50"
+            />
+            <p>Select a file to edit</p>
+          </div>
+        </div>
+        <SkillsEditor
+          v-else
+          :key="selectedFile"
+          :skill-name="skillName"
+          :file-path="selectedFile"
+          @saved="loadSkill"
+        />
+      </template>
+    </UDashboardPanel>
+
+    <SkillsRenameModal
+      v-if="skill"
+      :open="renameOpen"
+      :current-name="skillName"
+      @update:open="renameOpen = $event"
+      @renamed="handleRenamed"
+    />
+  </div>
+</template>

package/app/pages/skills/index.vue

@@ -0,0 +1,157 @@
+<script setup lang="ts">
+import type { SkillListItem } from '~~/shared/types'
+
+definePageMeta({
+  layout: 'dashboard',
+  middleware: 'auth'
+})
+
+const toast = useToast()
+const skills = ref<SkillListItem[]>([])
+const loading = ref(true)
+const search = ref('')
+const createOpen = ref(false)
+
+const filteredSkills = computed(() => {
+  if (!search.value.trim()) return skills.value
+  const q = search.value.toLowerCase()
+  return skills.value.filter(s =>
+    s.name.toLowerCase().includes(q)
+    || s.description.toLowerCase().includes(q)
+  )
+})
+
+async function loadSkills() {
+  loading.value = true
+  try {
+    const res = await $fetch<{ data: SkillListItem[] }>('/api/skills')
+    skills.value = res.data
+  } catch {
+    toast.add({ title: 'Failed to load skills', color: 'error' })
+  } finally {
+    loading.value = false
+  }
+}
+
+async function handleToggle(name: string) {
+  try {
+    const res = await $fetch<{ data: { name: string, active: boolean } }>(`/api/skills/${name}/toggle`, {
+      method: 'POST'
+    })
+    const skill = skills.value.find(s => s.name === name)
+    if (skill) skill.active = res.data.active
+    toast.add({
+      title: `${name} ${res.data.active ? 'enabled' : 'disabled'}`,
+      color: 'success'
+    })
+  } catch {
+    toast.add({ title: `Failed to toggle ${name}`, color: 'error' })
+  }
+}
+
+onMounted(() => loadSkills())
+</script>
+
+<template>
+  <div class="flex flex-1 min-w-0">
+    <UDashboardPanel
+      id="skills-main"
+      grow
+    >
+      <template #header>
+        <UDashboardNavbar title="Skills">
+          <template #right>
+            <UInput
+              v-model="search"
+              icon="i-lucide-search"
+              placeholder="Search skills..."
+              size="sm"
+              class="w-48"
+            />
+            <NuxtLink to="/skills/library">
+              <UButton
+                icon="i-lucide-library"
+                variant="ghost"
+                color="neutral"
+                size="sm"
+              >
+                Library
+              </UButton>
+            </NuxtLink>
+            <UButton
+              icon="i-lucide-plus"
+              size="sm"
+              @click="createOpen = true"
+            >
+              Create Skill
+            </UButton>
+          </template>
+        </UDashboardNavbar>
+      </template>
+
+      <template #body>
+        <div class="p-4">
+          <!-- Loading -->
+          <div
+            v-if="loading"
+            class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"
+          >
+            <div
+              v-for="i in 6"
+              :key="i"
+              class="p-4 rounded-lg border border-default bg-elevated/50"
+            >
+              <USkeleton class="h-4 w-24 mb-2" />
+              <USkeleton class="h-3 w-full mb-1" />
+              <USkeleton class="h-3 w-2/3" />
+            </div>
+          </div>
+
+          <!-- Empty -->
+          <div
+            v-else-if="skills.length === 0"
+            class="flex flex-col items-center justify-center py-16 text-dimmed"
+          >
+            <UIcon
+              name="i-lucide-puzzle"
+              class="size-12 mb-4"
+            />
+            <p class="text-lg font-medium">
+              No skills found
+            </p>
+            <p class="text-sm mt-1">
+              Skills are loaded from ~/.claude/skills/
+            </p>
+          </div>
+
+          <!-- No results -->
+          <div
+            v-else-if="filteredSkills.length === 0"
+            class="text-center py-12 text-muted text-sm"
+          >
+            No skills matching "{{ search }}"
+          </div>
+
+          <!-- Grid -->
+          <div
+            v-else
+            class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"
+          >
+            <SkillsCard
+              v-for="skill in filteredSkills"
+              :key="skill.name"
+              :skill="skill"
+              @toggle="handleToggle"
+            />
+          </div>
+        </div>
+      </template>
+    </UDashboardPanel>
+
+    <SkillsCreateModal
+      :open="createOpen"
+      @update:open="createOpen = $event"
+      @created="loadSkills"
+    />
+  </div>
+</template>

package/app/pages/skills/library.vue

@@ -0,0 +1,209 @@
+<script setup lang="ts">
+import type { SkillCatalogItem } from '~~/shared/types'
+
+definePageMeta({
+  layout: 'dashboard',
+  middleware: 'auth'
+})
+
+const toast = useToast()
+const skills = ref<SkillCatalogItem[]>([])
+const loading = ref(true)
+const installing = ref<string | null>(null)
+const search = ref('')
+const activeTag = ref<string | null>(null)
+
+// Collect all unique tags across skills
+const allTags = computed(() => {
+  const tagSet = new Set<string>()
+  for (const s of skills.value) {
+    for (const t of s.tags) tagSet.add(t)
+  }
+  return [...tagSet].sort()
+})
+
+const filteredSkills = computed(() => {
+  let result = skills.value
+
+  if (activeTag.value) {
+    result = result.filter(s => s.tags.includes(activeTag.value!))
+  }
+
+  if (search.value.trim()) {
+    const q = search.value.toLowerCase()
+    result = result.filter(s =>
+      s.name.toLowerCase().includes(q)
+      || s.description.toLowerCase().includes(q)
+      || s.author.toLowerCase().includes(q)
+    )
+  }
+
+  return result
+})
+
+function toggleTag(tag: string) {
+  activeTag.value = activeTag.value === tag ? null : tag
+}
+
+async function loadLibrary() {
+  loading.value = true
+  try {
+    const res = await $fetch<{ data: SkillCatalogItem[] }>('/api/skills/library')
+    skills.value = res.data
+  } catch {
+    toast.add({ title: 'Failed to load skills library', color: 'error' })
+  } finally {
+    loading.value = false
+  }
+}
+
+async function handleInstall(name: string) {
+  installing.value = name
+  try {
+    await $fetch('/api/skills/library/install', {
+      method: 'POST',
+      body: { name }
+    })
+    toast.add({ title: `Installed ${name}`, color: 'success' })
+    await loadLibrary()
+  } catch (e: unknown) {
+    const message = e instanceof Error ? e.message : 'Failed to install skill'
+    toast.add({ title: message, color: 'error' })
+  } finally {
+    installing.value = null
+  }
+}
+
+async function handleUpdate(name: string) {
+  installing.value = name
+  try {
+    // Remove existing first
+    await $fetch(`/api/skills/${name}/files/delete`, {
+      method: 'POST',
+      body: { path: '.' }
+    }).catch(() => {})
+
+    await $fetch('/api/skills/library/install', {
+      method: 'POST',
+      body: { name }
+    })
+    toast.add({ title: `Updated ${name}`, color: 'success' })
+    await loadLibrary()
+  } catch {
+    toast.add({ title: `Failed to update ${name}`, color: 'error' })
+  } finally {
+    installing.value = null
+  }
+}
+
+onMounted(() => loadLibrary())
+</script>
+
+<template>
+  <div class="flex flex-1 min-w-0">
+    <UDashboardPanel
+      id="skills-library"
+      grow
+    >
+      <template #header>
+        <UDashboardNavbar title="Skills Library">
+          <template #right>
+            <UInput
+              v-model="search"
+              icon="i-lucide-search"
+              placeholder="Search library..."
+              size="sm"
+              class="w-48"
+            />
+            <NuxtLink to="/skills">
+              <UButton
+                icon="i-lucide-arrow-left"
+                variant="ghost"
+                color="neutral"
+                size="sm"
+              >
+                My Skills
+              </UButton>
+            </NuxtLink>
+          </template>
+        </UDashboardNavbar>
+      </template>
+
+      <template #body>
+        <div class="p-4">
+          <!-- Tag filter bar -->
+          <div
+            v-if="allTags.length > 0 && !loading"
+            class="flex flex-wrap gap-1.5 mb-4"
+          >
+            <UButton
+              v-for="tag in allTags"
+              :key="tag"
+              size="xs"
+              :variant="activeTag === tag ? 'solid' : 'outline'"
+              :color="tag === 'official' ? 'primary' : 'neutral'"
+              @click="toggleTag(tag)"
+            >
+              {{ tag }}
+            </UButton>
+          </div>
+
+          <!-- Loading -->
+          <div
+            v-if="loading"
+            class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"
+          >
+            <div
+              v-for="i in 6"
+              :key="i"
+              class="p-4 rounded-lg border border-default bg-elevated/50"
+            >
+              <USkeleton class="h-4 w-24 mb-2" />
+              <USkeleton class="h-3 w-full mb-1" />
+              <USkeleton class="h-3 w-2/3" />
+            </div>
+          </div>
+
+          <!-- Empty -->
+          <div
+            v-else-if="skills.length === 0"
+            class="flex flex-col items-center justify-center py-16 text-dimmed"
+          >
+            <UIcon
+              name="i-lucide-library"
+              class="size-12 mb-4"
+            />
+            <p class="text-lg font-medium">
+              No community skills available
+            </p>
+            <p class="text-sm mt-1">
+              The skills registry is empty or hasn't synced yet.
+            </p>
+          </div>
+
+          <!-- No results -->
+          <div
+            v-else-if="filteredSkills.length === 0"
+            class="text-center py-12 text-muted text-sm"
+          >
+            No skills matching {{ activeTag ? `"${activeTag}"` : '' }} {{ search ? `"${search}"` : '' }}
+          </div>
+
+          <!-- Grid -->
+          <div
+            v-else
+            class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"
+          >
+            <SkillsLibraryCard
+              v-for="skill in filteredSkills"
+              :key="skill.name"
+              :skill="skill"
+              @install="handleInstall"
+              @update="handleUpdate"
+            />
+          </div>
+        </div>
+      </template>
+    </UDashboardPanel>
+  </div>
+</template>

package/dist/cli/index.js

@@ -154,11 +154,6 @@ var require_src = __commonJS({
   }
 });
 
-// src/index.ts
-import { readFileSync as readFileSync4 } from "fs";
-import { join as join11, dirname as dirname2 } from "path";
-import { fileURLToPath as fileURLToPath2 } from "url";
-
 // src/commands/init.ts
 import { execSync as execSync5 } from "child_process";
 import { join as join7 } from "path";
@@ -1357,6 +1352,14 @@ var __dirname = dirname(__filename);
 function getPackageDir() {
   return join(__dirname, "..", "..");
 }
+function getPackageVersion() {
+  try {
+    const pkg = JSON.parse(readFileSync(join(getPackageDir(), "package.json"), "utf-8"));
+    return pkg.version || "0.0.0";
+  } catch {
+    return "0.0.0";
+  }
+}
 function getClaudeDir() {
   return join(homedir(), ".claude");
 }
@@ -1694,6 +1697,7 @@ You run as a persistent service managed by PM2. Your conversations are streamed
 | Task Management | \`/task\` | Create, list, update, complete tasks |
 | Project Management | \`/project\` | Organize tasks into projects |
 | Memory | \`/memory\` | Search past decisions, store insights |
+| Secrets | \`/secret\` | Store, retrieve, list, delete encrypted API keys and credentials |
 | Environment | \`/environment\` | Check system status, troubleshoot issues |
 | Skill Creator | \`/skill-creator\` | Create new Claude Code skills |
 
@@ -1749,11 +1753,15 @@ Memory is your most important tool. You are stateless between sessions \u2014 wi
 **Rule: When in doubt, store it.** A redundant memory is harmless. A forgotten one wastes ${p.userName}'s time.
 
 ### Secrets & Sensitive Data
-- NEVER store passwords, tokens, API keys, or credentials in memory, notes, or conversation
-- NEVER write secrets to files \u2014 use the Cognova settings UI or secrets API instead
-- If ${p.userName} shares a credential in chat, warn them it should be stored as a secret
-- When you need a token for an integration, check the secrets API first before asking ${p.userName}
+
+**CRITICAL \u2014 Zero tolerance for leaked secrets:**
+- NEVER store passwords, tokens, API keys, or credentials in memory, notes, conversation, or any file
+- NEVER write secrets to files \u2014 use \`/secret set KEY\` or the Cognova settings UI instead
+- NEVER embed API keys, tokens, or credentials in SKILL.md files or Python scripts when creating or modifying skills \u2014 always use \`get_secret()\` from \`_lib/api.py\`
+- If ${p.userName} shares a credential in chat, warn them and store it via \`/secret set KEY\` immediately
+- When you need a token for an integration, check with \`/secret list\` and \`/secret get KEY\` before asking ${p.userName}
 - Treat any string that looks like a key, token, or password as sensitive \u2014 do not echo it back
+- When creating skills that need external API keys, declare them in \`metadata.requires-secrets\` frontmatter and use \`get_secret()\` in the script
 
 ### Troubleshooting
 - Use \`/environment status\` or \`/environment health\` to diagnose issues
@@ -2205,7 +2213,7 @@ async function init() {
   s.start("Installing Claude Code configuration");
   await installClaudeConfig(config);
   s.stop("Claude config installed to ~/.claude/");
-  writeMetadata(resolvedInstallDir, vault.path, "0.1.0");
+  writeMetadata(resolvedInstallDir, vault.path, getPackageVersion());
   R2.step(import_picocolors5.default.bold("Setup"));
   s.start("Installing dependencies");
   execSync5("pnpm install", { cwd: resolvedInstallDir, stdio: "pipe" });
@@ -2387,8 +2395,10 @@ async function update() {
       process.exit(1);
     }
   }
-  if (!updateFailed)
+  if (!updateFailed) {
+    writeMetadata(installDir, metadata.vaultPath, latestVersion);
     cleanupBackup(backupDir);
+  }
   if (updateFailed) {
     Le("Update failed. Previous version has been restored. Try again later.");
     process.exit(1);
@@ -2612,18 +2622,8 @@ async function reset() {
 }
 
 // src/index.ts
-var __filename2 = fileURLToPath2(import.meta.url);
-var __dirname2 = dirname2(__filename2);
-function getVersion() {
-  try {
-    const pkg = JSON.parse(readFileSync4(join11(__dirname2, "..", "..", "package.json"), "utf-8"));
-    return pkg.version || "0.0.0";
-  } catch {
-    return "0.0.0";
-  }
-}
 var HELP_TEXT = `
-  cognova v${getVersion()} \u2014 Personal knowledge management with Claude Code
+  cognova v${getPackageVersion()} \u2014 Personal knowledge management with Claude Code
 
   Usage: cognova <command> [options]
 
@@ -2720,7 +2720,7 @@ var args = process.argv.slice(2);
 var command = args.find((a) => !a.startsWith("-"));
 var flags = new Set(args.filter((a) => a.startsWith("-")));
 if (flags.has("--version") || flags.has("-v")) {
-  console.log(getVersion());
+  console.log(getPackageVersion());
   process.exit(0);
 }
 if (flags.has("--help") || flags.has("-h")) {

package/nuxt.config.ts

@@ -10,6 +10,15 @@ export default defineNuxtConfig({
     enabled: true
   },
 
+  app: {
+    head: {
+      link: [
+        { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
+        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
+      ]
+    }
+  },
+
   css: ['~/assets/css/main.css'],
 
   mdc: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cognova",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Personal knowledge management system with Claude Code integration",
   "repository": {
     "type": "git",