npm - project-knowledge - Versions diffs - 0.1.0 - Mend

project-knowledge 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/CHANGELOG.md +34 -0
package/INDEX.md +53 -0
package/README.md +79 -0
package/_site/README.md +63 -0
package/_site/_test/ai-profile-test.js +199 -0
package/_site/_test/baseline-schema-test.js +132 -0
package/_site/_test/commit-analysis-test.js +184 -0
package/_site/_test/context-pack-test.js +199 -0
package/_site/_test/draft-apply-test.js +363 -0
package/_site/_test/git-validation-test.js +171 -0
package/_site/_test/hook-trigger-test.js +257 -0
package/_site/_test/initial-analysis-test.js +228 -0
package/_site/_test/job-orchestrator-test.js +297 -0
package/_site/_test/kb-v2-templates-test.js +189 -0
package/_site/_test/pr-consumer-contract-test.js +236 -0
package/_site/_test/run-all-tests.js +135 -0
package/_site/_test/scanner-test.js +206 -0
package/_site/_test/ui-smoke-test.js +237 -0
package/_site/_test/ui-test.js +237 -0
package/_site/index.html +1166 -0
package/_site/lib/ai-adapter.js +287 -0
package/_site/lib/analysis-orchestrator.js +433 -0
package/_site/lib/context-pack-builder.js +290 -0
package/_site/lib/draft-apply.js +219 -0
package/_site/lib/git-runner.js +26 -0
package/_site/lib/hook-manager.js +148 -0
package/_site/lib/job-orchestrator.js +231 -0
package/_site/lib/kb-validator.js +224 -0
package/_site/lib/llm-client.js +126 -0
package/_site/lib/scanner.js +94 -0
package/_site/scripts/hook-trigger.js +133 -0
package/_site/scripts/safe-runner.js +151 -0
package/_site/server.js +1058 -0
package/_site/start.bat +26 -0
package/_site/stop.bat +11 -0
package/ai-profiles.json +18 -0
package/docs/ai-knowledge-base-system-design.md +395 -0
package/docs/pr-consumer-contract.md +198 -0
package/docs/project-goal.md +72 -0
package/docs/project-registry-schema.md +46 -0
package/docs/testing-strategy.md +169 -0
package/iterations.json +23 -0
package/package.json +47 -0
package/scripts/gen-commit-doc.ps1 +178 -0
package/scripts/gen-commit-doc.sh +197 -0
package/scripts/list-features.ps1 +41 -0
package/scripts/register-scheduled-task.bat +5 -0
package/templates/change.md +59 -0
package/templates/commit-feature.md +56 -0
package/templates/feature.md +44 -0
package/templates/framework.md +80 -0
package/templates/index-header.md +3 -0
package/templates/kb-manifest.json +38 -0
package/templates/module.md +58 -0
package/templates/project-analysis.md +48 -0
package/templates/project-goal.md +55 -0
package/templates/project-readme.md +60 -0
package/templates/quality-review-rules.md +37 -0
package/templates/update-entry.md +7 -0

package/_site/index.html ADDED Viewed

@@ -0,0 +1,1166 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>KB Control Center</title>
+  <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <style>
+    [v-cloak] { display: none; }
+    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; }
+    code, pre, textarea.font-mono, input.font-mono { font-family: "JetBrains Mono", Consolas, monospace; }
+    .theme-light {
+      --page: #eef2f6; --panel: #ffffff; --panel2: #f7f9fc; --line: #d8e1ea;
+      --text: #142033; --muted: #64748b; --side: #101722; --side2: #182334;
+      --sideText: #d7e0ea; --accent: #4f6f8f; --accent2: #3e5e75;
+      --good: #2f7d64; --warn: #9a7428; --bad: #af4b4b; --idle: #8794a6;
+    }
+    .theme-dark {
+      --page: #0c1118; --panel: #141c26; --panel2: #192331; --line: #2a3849;
+      --text: #e3ebf5; --muted: #94a3b8; --side: #080c11; --side2: #111923;
+      --sideText: #d7e0ea; --accent: #7492a5; --accent2: #8da9ba;
+      --good: #75b798; --warn: #c5a15d; --bad: #d36d6d; --idle: #8794a6;
+    }
+    .shell { min-height: 100vh; background: var(--page); color: var(--text); }
+    .side { background: var(--side); color: var(--sideText); }
+    .side2 { background: var(--side2); }
+    .panel { background: var(--panel); border-color: var(--line); }
+    .panel2 { background: var(--panel2); border-color: var(--line); }
+    .muted { color: var(--muted); }
+    .line { border-color: var(--line); }
+    .btn { border: 1px solid var(--line); background: var(--panel2); color: var(--text); border-radius: 9px; padding: 8px 11px; font-size: 13px; }
+    .btn:hover { filter: brightness(0.98); }
+    .btn-primary { border: 1px solid transparent; background: var(--accent); color: white; border-radius: 9px; padding: 8px 11px; font-size: 13px; }
+    .btn-primary:hover { background: var(--accent2); }
+    .btn-danger { border: 1px solid color-mix(in srgb, var(--bad) 35%, transparent); color: var(--bad); background: color-mix(in srgb, var(--bad) 10%, transparent); border-radius: 9px; padding: 8px 11px; font-size: 13px; }
+    .input { background: var(--panel); border: 1px solid var(--line); color: var(--text); border-radius: 9px; padding: 9px 11px; }
+    .dot { width: 8px; height: 8px; border-radius: 999px; display: inline-block; }
+    .good { background: var(--good); } .warn { background: var(--warn); } .bad { background: var(--bad); } .idle { background: var(--idle); }
+    .chip { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--line); border-radius: 999px; padding: 2px 8px; font-size: 11px; color: var(--muted); background: var(--panel2); }
+    .scrollbar-thin::-webkit-scrollbar { width: 7px; height: 7px; }
+    .scrollbar-thin::-webkit-scrollbar-thumb { background: #73829666; border-radius: 999px; }
+  </style>
+</head>
+<body>
+<div id="app" v-cloak>
+  <div :class="['shell', theme === 'dark' ? 'theme-dark' : 'theme-light']">
+    <div class="grid min-h-screen lg:grid-cols-[310px_1fr]">
+    <aside class="side flex min-h-screen flex-col">
+      <div class="border-b border-white/10 p-5">
+        <div class="text-xs uppercase tracking-[0.18em] text-slate-400">{{ t("appName") }}</div>
+        <div class="mt-1 text-xl font-semibold">{{ t("controlCenter") }}</div>
+        <div class="mt-2 break-all text-xs text-slate-400">{{ kbRoot || t("connecting") }}</div>
+      </div>
+      <nav class="border-b border-white/10 p-3">
+        <button v-for="item in navItems" :key="item.key" @click="activeView = item.key"
+          :class="['mb-1 flex w-full items-center justify-between rounded-lg px-3 py-2 text-left text-sm transition',
+            activeView === item.key ? 'side2 text-white' : 'text-slate-300 hover:bg-white/5']">
+          <span>{{ item.label }}</span>
+          <span v-if="item.badge" class="rounded-full bg-white/10 px-2 py-0.5 text-xs text-slate-300">{{ item.badge }}</span>
+        </button>
+      </nav>
+      <div class="flex min-h-0 flex-1 flex-col p-3">
+        <div class="mb-2 flex items-center justify-between px-1">
+          <span class="text-xs font-medium uppercase tracking-[0.14em] text-slate-500">{{ t("projects") }}</span>
+          <span class="text-xs text-slate-500">{{ projectList.length }}</span>
+        </div>
+        <div class="min-h-0 flex-1 overflow-auto pr-1 scrollbar-thin">
+          <button v-for="p in projectList" :key="p.slug"
+            @click="selectProject(p.slug); activeView = 'dashboard'"
+            :class="['mb-2 w-full rounded-xl border p-3 text-left transition',
+              selectedSlug === p.slug ? 'border-slate-500 bg-white/10' : 'border-white/5 bg-white/[0.03] hover:bg-white/[0.06]']">
+            <div class="flex items-start justify-between gap-2">
+              <div class="min-w-0">
+                <div class="truncate text-sm font-medium text-white">{{ p.cfg.displayName }}</div>
+                <div class="mt-0.5 truncate text-xs text-slate-400">{{ p.slug }}</div>
+              </div>
+              <span :class="['dot mt-1', projectStatusClass(p.slug)]"></span>
+            </div>
+            <div class="mt-3 flex flex-wrap gap-1">
+              <span class="rounded bg-white/8 px-1.5 py-0.5 text-[10px] text-slate-300">{{ p.cfg.repoStatus || "unknown" }}</span>
+              <span class="rounded bg-white/8 px-1.5 py-0.5 text-[10px] text-slate-300">{{ p.cfg.lastScanPendingCount || 0 }} pending</span>
+            </div>
+          </button>
+        </div>
+      </div>
+      <div class="border-t border-white/10 p-4">
+        <button @click="toggleTheme" class="w-full rounded-lg border border-white/10 px-3 py-2 text-sm text-slate-200 hover:bg-white/5">
+          {{ theme === "dark" ? t("lightMode") : t("darkMode") }}
+        </button>
+      </div>
+    </aside>
+    <main class="min-w-0 p-5 lg:p-7">
+      <header class="mb-5 flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
+        <div>
+          <div class="text-sm muted">{{ t("consoleSubtitle") }}</div>
+          <h1 class="mt-1 text-2xl font-semibold">{{ pageTitle }}</h1>
+        </div>
+        <div class="flex flex-wrap items-center gap-2">
+          <span v-if="pollError" class="rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm" style="color: var(--bad)">{{ pollError }}</span>
+          <span v-else-if="loading" class="rounded-lg border px-3 py-2 text-sm panel2 muted">{{ t("refreshing") }}</span>
+          <select v-model="uiLanguage" class="input py-2 text-sm">
+            <option value="zh">{{ t("chinese") }}</option>
+            <option value="en">{{ t("english") }}</option>
+          </select>
+          <button @click="refreshAll" class="btn">{{ t("refresh") }}</button>
+          <button @click="activeView = 'import'" class="btn-primary">{{ t("importProject") }}</button>
+        </div>
+      </header>
+      <section v-if="activeView === 'dashboard'" class="space-y-5">
+        <div class="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
+          <div v-for="s in summaryCards" :key="s.label" class="panel rounded-xl border p-4">
+            <div class="text-sm muted">{{ s.label }}</div>
+            <div class="mt-2 text-2xl font-semibold">{{ s.value }}</div>
+            <div class="mt-1 text-xs muted">{{ s.note }}</div>
+          </div>
+        </div>
+        <div class="grid gap-5 xl:grid-cols-[minmax(0,1fr)_390px]">
+          <section class="panel rounded-xl border p-5">
+            <div v-if="!selectedProject" class="py-20 text-center muted">{{ t("selectProject") }}</div>
+            <div v-else>
+              <div class="flex flex-col gap-3 border-b pb-5 line xl:flex-row xl:items-start xl:justify-between">
+                <div>
+                  <div class="flex items-center gap-2">
+                    <span :class="['dot', projectStatusClass(selectedSlug)]"></span>
+                    <h2 class="text-xl font-semibold">{{ selectedProject.displayName }}</h2>
+                    <span v-if="selectedProject.isReference" class="chip">{{ t("reference") }}</span>
+                  </div>
+                  <div class="mt-2 break-all text-xs muted">{{ selectedProject.localPath }}</div>
+                </div>
+                <div class="flex flex-wrap gap-2">
+                  <button @click="validateGit(selectedSlug)" class="btn">{{ t("validateGit") }}</button>
+                  <button @click="scanProject(selectedSlug)" class="btn">{{ t("scan") }}</button>
+                  <button @click="runJob('safe', selectedSlug)" class="btn-primary">{{ t("safeAnalyze") }}</button>
+                </div>
+              </div>
+              <div class="mt-5 grid gap-4 xl:grid-cols-4">
+                <status-card :label="t('repo')" :value="selectedProject.repoStatus || 'unknown'" :status="repoStatusLevel(selectedProject.repoStatus)"></status-card>
+                <status-card :label="t('pending')" :value="String(selectedProject.lastScanPendingCount || 0)" :status="(selectedProject.lastScanPendingCount || 0) > 0 ? 'warn' : 'good'"></status-card>
+                <status-card :label="t('goal')" :value="selectedProject.goalStatus || 'not-created'" :status="selectedProject.goalStatus === 'accepted' ? 'good' : 'warn'"></status-card>
+                <status-card :label="t('kb')" :value="isKbInit(selectedSlug) ? 'ready' : 'missing'" :status="isKbInit(selectedSlug) ? 'good' : 'bad'"></status-card>
+              </div>
+              <div class="mt-5 grid gap-4 xl:grid-cols-2">
+                <div class="panel2 rounded-xl border p-4">
+                  <div class="mb-3 flex items-center justify-between">
+                    <h3 class="font-medium">{{ t("projectOperations") }}</h3>
+                    <span class="chip">{{ selectedProject.aiProfileId || "mock-agent" }}</span>
+                  </div>
+                  <div class="grid gap-2 md:grid-cols-2">
+                    <button @click="initProject(selectedSlug)" class="btn">{{ t("initKb") }}</button>
+                    <button @click="migrateV2(selectedSlug)" class="btn">{{ t("migrateV2") }}</button>
+                    <button @click="runJob('scan', selectedSlug)" class="btn">{{ t("runScanJob") }}</button>
+                    <button @click="runJob('analyze-initial', selectedSlug)" class="btn">{{ t("initialAnalysis") }}</button>
+                    <button @click="runJob('analyze-commits', selectedSlug)" class="btn">{{ t("commitAnalysis") }}</button>
+                    <button @click="validateKb(selectedSlug)" class="btn">{{ t("validateKb") }}</button>
+                    <a v-if="isKbInit(selectedSlug)" :href="kbUrl(selectedSlug)" target="_blank" class="btn text-center">{{ t("openKb") }}</a>
+                    <a :href="goalUrl(selectedSlug)" target="_blank" class="btn text-center">{{ t("openGoal") }}</a>
+                  </div>
+                </div>
+                <div class="panel2 rounded-xl border p-4">
+                  <div class="mb-3 flex items-center justify-between">
+                    <h3 class="font-medium">{{ t("issues") }}</h3>
+                    <span class="chip">{{ projectIssues(selectedSlug).length }}</span>
+                  </div>
+                  <div v-if="projectIssues(selectedSlug).length" class="space-y-2">
+                    <div v-for="issue in projectIssues(selectedSlug)" :key="issue" class="rounded-lg border border-amber-500/25 bg-amber-500/10 px-3 py-2 text-sm" style="color: var(--warn)">
+                      {{ issue }}
+                    </div>
+                  </div>
+                  <div v-else class="rounded-lg border p-3 text-sm panel">{{ t("noIssue") }}</div>
+                </div>
+              </div>
+              <div class="mt-5 grid gap-4 xl:grid-cols-2">
+                <div class="panel2 rounded-xl border p-4">
+                  <h3 class="font-medium">{{ t("gitSnapshot") }}</h3>
+                  <dl class="mt-3 grid gap-2 text-sm">
+                    <div class="flex justify-between gap-3"><dt class="muted">{{ t("branch") }}</dt><dd>{{ selectedProject.currentBranch || "-" }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="muted">{{ t("defaultBranch") }}</dt><dd>{{ selectedProject.defaultBranch || "-" }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="muted">HEAD</dt><dd class="truncate font-mono text-xs">{{ selectedProject.headCommit || "-" }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="muted">{{ t("lastAnalyzed") }}</dt><dd class="truncate font-mono text-xs">{{ selectedProject.lastAnalyzedCommit || "-" }}</dd></div>
+                    <div class="flex justify-between gap-3"><dt class="muted">{{ t("remote") }}</dt><dd class="truncate text-xs">{{ selectedProject.remoteUrl || "-" }}</dd></div>
+                  </dl>
+                </div>
+                <div class="panel2 rounded-xl border p-4">
+                  <div class="mb-3 flex items-center justify-between">
+                    <h3 class="font-medium">{{ t("hook") }}</h3>
+                    <span class="chip">{{ hookStatus.installed ? t("installed") : t("notInstalled") }}</span>
+                  </div>
+                  <div class="grid gap-2 md:grid-cols-3">
+                    <button @click="loadHookStatus(selectedSlug)" class="btn">{{ t("checkHook") }}</button>
+                    <button @click="installHook(selectedSlug)" class="btn">{{ t("install") }}</button>
+                    <button @click="uninstallHook(selectedSlug)" class="btn-danger">{{ t("uninstall") }}</button>
+                  </div>
+                  <div class="mt-3 text-xs muted">{{ hookStatus.message || hookStatus.path || t("hookNotLoaded") }}</div>
+                </div>
+              </div>
+            </div>
+          </section>
+          <aside class="space-y-5">
+            <section class="panel rounded-xl border p-5">
+              <div class="mb-4 flex items-center justify-between">
+                <h2 class="font-semibold">{{ t("runningJobs") }}</h2>
+                <span class="chip">{{ runningJobs.length }}</span>
+              </div>
+              <div v-if="runningJobs.length" class="space-y-3">
+                <div v-for="job in runningJobs" :key="job.jobId" class="panel2 rounded-xl border p-3">
+                  <div class="flex items-center justify-between gap-2">
+                    <div class="truncate text-sm font-medium">{{ job.mode || "job" }} / {{ job.slug }}</div>
+                    <span class="dot warn"></span>
+                  </div>
+                  <div class="mt-2 h-1.5 overflow-hidden rounded-full bg-slate-500/20">
+                    <div class="h-full w-2/3 rounded-full" style="background: var(--warn)"></div>
+                  </div>
+                  <div class="mt-2 text-xs muted">{{ job.status }} / {{ formatTime(job.startTime) }}</div>
+                </div>
+              </div>
+              <div v-else class="rounded-lg border px-3 py-6 text-center text-sm panel2 muted">{{ t("noRunningJob") }}</div>
+            </section>
+            <section class="panel rounded-xl border p-5">
+              <div class="mb-3 flex items-center justify-between">
+                <h2 class="font-semibold">{{ t("lastResult") }}</h2>
+                <button @click="activeView = 'logs'" class="btn">{{ t("logs") }}</button>
+              </div>
+              <div class="text-sm">{{ lastRun.mode || "none" }} / {{ lastRun.slug || "none" }}</div>
+              <div class="mt-1 text-xs muted">{{ lastRun.time ? formatTime(lastRun.time) : "never" }}</div>
+              <div v-if="lastRun.status" class="mt-3 inline-flex items-center gap-2 rounded-full px-2.5 py-1 text-xs panel2">
+                <span :class="['dot', lastRun.status === 'success' ? 'good' : lastRun.status === 'partial' ? 'warn' : 'bad']"></span>
+                {{ lastRun.status }}
+              </div>
+            </section>
+          </aside>
+        </div>
+      </section>
+      <section v-else-if="activeView === 'import'" class="grid gap-5 xl:grid-cols-[minmax(0,760px)_1fr]">
+        <form @submit.prevent="addProject" class="panel rounded-xl border p-5">
+          <h2 class="text-lg font-semibold">{{ t("importProject") }}</h2>
+          <p class="mt-1 text-sm muted">{{ t("importHelp") }}</p>
+          <div class="mt-5 grid gap-4">
+            <label class="grid gap-1 text-sm">{{ t("slug") }}
+              <input v-model="form.slug" required pattern="[a-z0-9][a-z0-9\-]*" class="input font-mono" placeholder="my-project" />
+            </label>
+            <label class="grid gap-1 text-sm">{{ t("displayName") }}
+              <input v-model="form.displayName" required class="input" placeholder="My Project" />
+            </label>
+            <label class="grid gap-1 text-sm">{{ t("localPath") }}
+              <input v-model="form.localPath" required class="input font-mono text-xs" placeholder="D:\SanQian.Xu\my-project" />
+            </label>
+            <label class="grid gap-1 text-sm">{{ t("gitPath") }}
+              <input v-model="form.gitPath" class="input font-mono text-xs" placeholder="Leave blank if same as local path" />
+            </label>
+            <div class="grid gap-4 md:grid-cols-2">
+              <label class="grid gap-1 text-sm">{{ t("primaryLanguage") }}
+                <input v-model="form.primaryLanguage" class="input" placeholder="TypeScript" />
+              </label>
+              <label class="grid gap-1 text-sm">{{ t("tags") }}
+                <input v-model="form.tagsStr" class="input" placeholder="react, vite, api" />
+              </label>
+            </div>
+            <label class="grid gap-1 text-sm">{{ t("knowledgeLanguage") }}
+              <select v-model="form.knowledgeLanguage" class="input">
+                <option value="zh-CN">{{ t("chinese") }}</option>
+                <option value="en-US">{{ t("english") }}</option>
+              </select>
+            </label>
+            <div class="flex flex-wrap gap-4 text-sm">
+              <label class="flex items-center gap-2"><input type="checkbox" v-model="form.isReference" /> {{ t("referenceProject") }}</label>
+              <label class="flex items-center gap-2"><input type="checkbox" v-model="form.initNow" /> {{ t("initKbDirs") }}</label>
+            </div>
+            <div v-if="formError" class="rounded-lg border border-red-500/25 bg-red-500/10 p-3 text-sm" style="color: var(--bad)">{{ formError }}</div>
+            <div v-if="formOk" class="rounded-lg border border-emerald-500/25 bg-emerald-500/10 p-3 text-sm" style="color: var(--good)">{{ formOk }}</div>
+            <div class="flex gap-2">
+              <button type="submit" :disabled="submitting" class="btn-primary disabled:opacity-50">{{ submitting ? t("saving") : t("import") }}</button>
+              <button type="button" @click="resetForm" class="btn">{{ t("reset") }}</button>
+            </div>
+          </div>
+        </form>
+        <aside class="panel rounded-xl border p-5">
+          <h2 class="font-semibold">{{ t("importTarget") }}</h2>
+          <div class="mt-4 space-y-3 text-sm muted">
+            <p>{{ t("kbPath") }}: <code>{{ displayProjectKbPath(form.slug || "<slug>") }}</code></p>
+            <p>{{ t("schemaNormalized") }}</p>
+            <p>{{ t("gitPopulate") }}</p>
+          </div>
+        </aside>
+      </section>
+      <section v-else-if="activeView === 'ai'" class="grid gap-5 xl:grid-cols-[minmax(0,760px)_1fr]">
+        <div class="panel rounded-xl border p-5">
+          <div class="flex items-center justify-between gap-3">
+            <div>
+              <h2 class="text-lg font-semibold">{{ t("aiProfiles") }}</h2>
+              <p class="mt-1 text-sm muted">{{ t("backedByAi") }}</p>
+            </div>
+            <button @click="saveAiProfiles" class="btn-primary">{{ t("save") }}</button>
+          </div>
+          <div class="mt-5 grid gap-4">
+            <label class="grid gap-1 text-sm">{{ t("defaultProfile") }}
+              <select v-model="aiConfig.defaultProfileId" class="input">
+                <option v-for="p in aiConfig.profiles" :key="p.id" :value="p.id">{{ p.id }} - {{ p.name || p.id }}</option>
+              </select>
+            </label>
+            <label class="grid gap-1 text-sm">{{ t("rawProfiles") }}
+              <textarea v-model="aiProfilesText" rows="16" class="input font-mono text-xs"></textarea>
+            </label>
+            <div v-if="aiMessage" class="rounded-lg border p-3 text-sm panel2">{{ aiMessage }}</div>
+          </div>
+        </div>
+        <aside class="panel rounded-xl border p-5">
+          <h2 class="font-semibold">{{ t("projectProfile") }}</h2>
+          <div v-if="selectedProject" class="mt-4 grid gap-3">
+            <div class="text-sm muted">{{ selectedProject.displayName }}</div>
+            <label class="grid gap-1 text-sm">{{ t("defaultProfile") }}
+            <select v-model="selectedAiProfileId" class="input">
+              <option v-for="p in aiConfig.profiles" :key="p.id" :value="p.id">{{ p.id }}</option>
+            </select>
+            </label>
+            <label class="grid gap-1 text-sm">{{ t("knowledgeLanguage") }}
+              <select v-model="selectedKnowledgeLanguage" class="input">
+                <option value="zh-CN">{{ t("chinese") }}</option>
+                <option value="en-US">{{ t("english") }}</option>
+              </select>
+            </label>
+            <button @click="saveProjectSettings(selectedSlug)" class="btn-primary">{{ t("assignProject") }}</button>
+            <div class="text-xs muted">{{ t("availableAdapters") }}: {{ adapters.map(a => a.id).join(", ") || "-" }}</div>
+          </div>
+        </aside>
+      </section>
+      <section v-else-if="activeView === 'runs'" class="grid gap-5 xl:grid-cols-[360px_minmax(0,1fr)]">
+        <aside class="panel rounded-xl border p-5">
+          <div class="mb-3 flex items-center justify-between">
+            <h2 class="font-semibold">{{ t("runsAndDrafts") }}</h2>
+            <button @click="loadRuns(selectedSlug)" class="btn">{{ t("reload") }}</button>
+          </div>
+          <div class="space-y-2">
+            <button v-for="run in runs" :key="run.runId" @click="selectRun(run.runId)"
+              :class="['w-full rounded-lg border p-3 text-left text-sm', selectedRunId === run.runId ? 'panel2 border-slate-400' : 'panel border']">
+              <div class="font-medium">{{ run.type }} / {{ run.status }}</div>
+              <div class="mt-1 truncate text-xs muted">{{ run.runId }}</div>
+              <div class="mt-1 text-xs muted">{{ formatTime(run.startedAt) }}</div>
+            </button>
+          </div>
+        </aside>
+        <section class="panel rounded-xl border p-5">
+          <div v-if="!selectedRun" class="py-16 text-center muted">{{ t("selectRun") }}</div>
+          <div v-else>
+            <div class="flex flex-col gap-3 border-b pb-4 line xl:flex-row xl:items-start xl:justify-between">
+              <div>
+                <h2 class="text-lg font-semibold">{{ selectedRun.type }} / {{ selectedRun.status }}</h2>
+                <div class="mt-1 text-xs muted">{{ selectedRun.runId }}</div>
+              </div>
+              <div class="flex flex-wrap gap-2">
+                <button @click="loadRunDetail(selectedSlug, selectedRun.runId)" class="btn">{{ t("refreshRun") }}</button>
+                <button @click="applySelectedDrafts" class="btn-primary">{{ t("applySelected") }}</button>
+                <button @click="rejectRun" class="btn-danger">{{ t("rejectRun") }}</button>
+              </div>
+            </div>
+            <div class="mt-4 flex items-center gap-3 text-sm">
+              <label class="flex items-center gap-2"><input type="checkbox" v-model="allowGoalEdit" /> {{ t("allowGoalEdit") }}</label>
+              <span class="muted">{{ drafts.length }} {{ t("draftFiles") }}</span>
+            </div>
+            <div class="mt-4 grid gap-4 xl:grid-cols-[320px_1fr]">
+              <div class="space-y-2">
+                <label v-for="d in drafts" :key="d.path" class="flex cursor-pointer items-center justify-between gap-3 rounded-lg border p-3 text-sm panel2">
+                  <span class="truncate">{{ d.path }}</span>
+                  <input type="checkbox" v-model="draftSelection[d.path]" />
+                </label>
+              </div>
+              <div>
+                <select v-model="previewDraftPath" @change="loadDraftPreview" class="input mb-3 w-full">
+                  <option value="">{{ t("selectDraftPreview") }}</option>
+                  <option v-for="d in drafts" :key="d.path" :value="d.path">{{ d.path }}</option>
+                </select>
+                <pre class="max-h-[62vh] overflow-auto rounded-xl bg-slate-950 p-4 text-xs text-slate-100 scrollbar-thin whitespace-pre-wrap">{{ draftPreview || t("noPreview") }}</pre>
+              </div>
+            </div>
+          </div>
+        </section>
+      </section>
+      <section v-else-if="activeView === 'schedule'" class="grid gap-5 xl:grid-cols-2">
+        <div class="panel rounded-xl border p-5">
+          <h2 class="text-lg font-semibold">{{ t("schedule") }}</h2>
+          <div v-if="!schedule" class="mt-4 muted">{{ t("loading") }}</div>
+          <div v-else-if="!schedule.registered" class="mt-4 rounded-lg border p-3 panel2 muted">
+            {{ t("noSchedule") }} {{ schedule.error || "" }}
+          </div>
+          <div v-else class="mt-4 grid gap-3 text-sm">
+            <div class="flex justify-between gap-3"><span class="muted">{{ t("task") }}</span><code>KB-GitCommits-Daily</code></div>
+            <div class="flex justify-between gap-3"><span class="muted">{{ t("state") }}</span><span>{{ schedule.status || "-" }}</span></div>
+            <div class="flex justify-between gap-3"><span class="muted">{{ t("nextRun") }}</span><span>{{ schedule.nextRun ? new Date(schedule.nextRun).toLocaleString() : "-" }}</span></div>
+            <div class="flex justify-between gap-3"><span class="muted">{{ t("lastResult") }}</span><span>{{ schedule.lastResult || "-" }}</span></div>
+          </div>
+        </div>
+        <div class="panel rounded-xl border p-5">
+          <h2 class="text-lg font-semibold">{{ t("controls") }}</h2>
+          <div class="mt-4 grid gap-4">
+            <label class="grid gap-1 text-sm">{{ t("frequency") }}
+              <select v-model="freq.frequency" class="input">
+                <option value="off">Off</option>
+                <option value="hourly">Every hour</option>
+                <option value="every6h">Every 6 hours</option>
+                <option value="every12h">Every 12 hours</option>
+                <option value="daily">Daily</option>
+                <option value="weekly">Weekly</option>
+              </select>
+            </label>
+            <label v-if="['daily', 'weekly'].includes(freq.frequency)" class="grid gap-1 text-sm">{{ t("time") }}
+              <input v-model="freq.time" type="time" class="input" />
+            </label>
+            <label class="grid gap-1 text-sm">{{ t("runner") }}
+              <select v-model="freq.runner" class="input">
+                <option value="safe">safe runner</option>
+                <option value="legacy">legacy PowerShell</option>
+              </select>
+            </label>
+            <div v-if="scheduleMsg" class="rounded-lg border p-3 text-sm panel2">{{ scheduleMsg }}</div>
+            <div class="flex gap-2">
+              <button @click="applySchedule" class="btn-primary">{{ t("apply") }}</button>
+              <button @click="deleteSchedule" class="btn-danger">{{ t("stop") }}</button>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section v-else-if="activeView === 'logs'" class="grid gap-5 xl:grid-cols-[360px_minmax(0,1fr)]">
+        <aside class="panel rounded-xl border p-5">
+          <div class="mb-3 flex items-center justify-between">
+            <h2 class="font-semibold">{{ t("jobHistory") }}</h2>
+            <button @click="loadJobs" class="btn">{{ t("reload") }}</button>
+          </div>
+          <div class="space-y-2">
+            <button v-for="job in jobHistory" :key="job.jobId" @click="loadJobDetail(job.jobId)"
+              class="w-full rounded-lg border p-3 text-left text-sm panel2">
+              <div class="font-medium">{{ job.mode }} / {{ job.status }}</div>
+              <div class="mt-1 truncate text-xs muted">{{ job.slug }} / {{ job.jobId }}</div>
+            </button>
+          </div>
+        </aside>
+        <section class="panel rounded-xl border p-5">
+          <div class="mb-4 flex items-center justify-between">
+            <div>
+              <h2 class="text-lg font-semibold">{{ t("logOutput") }}</h2>
+              <div class="mt-1 text-sm muted">{{ logTitle }}</div>
+            </div>
+            <button @click="refreshAll" class="btn">{{ t("refresh") }}</button>
+          </div>
+          <pre class="max-h-[72vh] overflow-auto rounded-xl bg-slate-950 p-4 text-xs text-slate-100 scrollbar-thin whitespace-pre-wrap">{{ logOutput || t("noOutput") }}</pre>
+        </section>
+      </section>
+    </main>
+    </div>
+  </div>
+</div>
+<script>
+const { createApp, reactive, ref, computed, onMounted, onUnmounted, watch } = Vue;
+const I18N = {
+  en: {
+    appName: "AI Knowledge Base",
+    controlCenter: "Control Center",
+    connecting: "connecting...",
+    projects: "Projects",
+    dashboard: "Dashboard",
+    import: "Import",
+    aiProfiles: "AI Profiles",
+    runsDrafts: "Runs / Drafts",
+    schedule: "Schedule",
+    logs: "Logs",
+    consoleSubtitle: "Backend-driven project supervision console",
+    refreshing: "refreshing",
+    refresh: "Refresh",
+    importProject: "Import Project",
+    projectSupervision: "Project Supervision",
+    runsAndDrafts: "Runs and Drafts",
+    selectProject: "Select a project from the left sidebar.",
+    reference: "reference",
+    validateGit: "Validate Git",
+    scan: "Scan",
+    safeAnalyze: "Safe Analyze",
+    repo: "Repo",
+    pending: "Pending",
+    goal: "Goal",
+    kb: "KB",
+    projectOperations: "Project Operations",
+    initKb: "Init KB",
+    migrateV2: "Migrate v2",
+    runScanJob: "Run scan job",
+    initialAnalysis: "Initial analysis",
+    commitAnalysis: "Commit analysis",
+    validateKb: "Validate KB",
+    openKb: "Open KB",
+    openGoal: "Open Goal",
+    issues: "Issues",
+    noIssue: "No blocking issue detected.",
+    gitSnapshot: "Git Snapshot",
+    branch: "Branch",
+    defaultBranch: "Default",
+    lastAnalyzed: "Last analyzed",
+    remote: "Remote",
+    hook: "Hook",
+    installed: "installed",
+    notInstalled: "not installed",
+    checkHook: "Check hook",
+    install: "Install",
+    uninstall: "Uninstall",
+    hookNotLoaded: "Hook status not loaded.",
+    runningJobs: "Running Jobs",
+    noRunningJob: "No running job.",
+    lastResult: "Last Result",
+    saving: "Saving",
+    save: "Save",
+    reset: "Reset",
+    slug: "Slug",
+    displayName: "Display name",
+    localPath: "Local path",
+    gitPath: "Git path",
+    primaryLanguage: "Primary language",
+    tags: "Tags",
+    referenceProject: "Reference project",
+    initKbDirs: "Init KB directories",
+    importHelp: "The backend will persist the project, initialize KB files, and auto-validate Git on upsert.",
+    importTarget: "Import target",
+    kbPath: "KB path",
+    schemaNormalized: "Schema fields are normalized by the backend.",
+    gitPopulate: "Git validation will populate repoStatus, branch, remote and HEAD commit.",
+    backedByAi: "Backed by /api/ai-profiles and project settings.",
+    defaultProfile: "Default profile",
+    rawProfiles: "Raw ai-profiles.json",
+    projectProfile: "Project profile",
+    assignProject: "Save project settings",
+    availableAdapters: "Available adapters",
+    knowledgeLanguage: "Knowledge output language",
+    uiLanguage: "UI language",
+    chinese: "Chinese",
+    english: "English",
+    reload: "Reload",
+    selectRun: "Select a run to review drafts.",
+    refreshRun: "Refresh run",
+    applySelected: "Apply selected",
+    rejectRun: "Reject run",
+    allowGoalEdit: "allow project-goal.md edit",
+    draftFiles: "draft files",
+    selectDraftPreview: "Select draft preview",
+    noPreview: "(no preview)",
+    loading: "Loading...",
+    noSchedule: "No scheduled task found.",
+    task: "Task",
+    state: "State",
+    nextRun: "Next run",
+    controls: "Controls",
+    frequency: "Frequency",
+    time: "Time",
+    runner: "Runner",
+    apply: "Apply",
+    stop: "Stop",
+    jobHistory: "Job History",
+    logOutput: "Log Output",
+    noOutput: "(no output yet)",
+    darkMode: "Dark mode",
+    lightMode: "Light mode",
+    registeredProjects: "registered projects",
+    activeBackendJobs: "active backend jobs",
+    pendingFromLastScan: "from last scan",
+    failedOrPartialJobs: "failed or partial jobs",
+    recentIssues: "Recent issues",
+    pendingCommits: "Pending commits",
+  },
+  zh: {
+    appName: "AI 知识库",
+    controlCenter: "控制中心",
+    connecting: "连接中...",
+    projects: "项目",
+    dashboard: "仪表盘",
+    import: "导入",
+    aiProfiles: "AI 配置",
+    runsDrafts: "运行 / 草稿",
+    schedule: "定时任务",
+    logs: "日志",
+    consoleSubtitle: "由后端真实状态驱动的项目监督控制台",
+    refreshing: "刷新中",
+    refresh: "刷新",
+    importProject: "导入项目",
+    projectSupervision: "项目监督",
+    runsAndDrafts: "运行与草稿",
+    selectProject: "请从左侧选择一个项目。",
+    reference: "参考项目",
+    validateGit: "校验 Git",
+    scan: "扫描",
+    safeAnalyze: "安全分析",
+    repo: "仓库",
+    pending: "待分析",
+    goal: "目标",
+    kb: "知识库",
+    projectOperations: "项目操作",
+    initKb: "初始化知识库",
+    migrateV2: "迁移 v2",
+    runScanJob: "运行扫描任务",
+    initialAnalysis: "整体分析",
+    commitAnalysis: "提交分析",
+    validateKb: "校验知识库",
+    openKb: "打开知识库",
+    openGoal: "打开目标",
+    issues: "异常点",
+    noIssue: "未检测到阻塞异常。",
+    gitSnapshot: "Git 快照",
+    branch: "分支",
+    defaultBranch: "默认分支",
+    lastAnalyzed: "上次分析",
+    remote: "远端",
+    hook: "Hook",
+    installed: "已安装",
+    notInstalled: "未安装",
+    checkHook: "检查 Hook",
+    install: "安装",
+    uninstall: "卸载",
+    hookNotLoaded: "尚未加载 Hook 状态。",
+    runningJobs: "运行中的任务",
+    noRunningJob: "当前没有运行中的任务。",
+    lastResult: "最近结果",
+    saving: "保存中",
+    save: "保存",
+    reset: "重置",
+    slug: "标识",
+    displayName: "显示名称",
+    localPath: "本地路径",
+    gitPath: "Git 路径",
+    primaryLanguage: "主要语言",
+    tags: "标签",
+    referenceProject: "参考项目",
+    initKbDirs: "初始化知识库目录",
+    importHelp: "后端会保存项目、初始化知识库文件，并在写入时自动校验 Git。",
+    importTarget: "导入目标",
+    kbPath: "知识库路径",
+    schemaNormalized: "后端会自动归一化项目字段。",
+    gitPopulate: "Git 校验会写入 repoStatus、分支、远端和 HEAD commit。",
+    backedByAi: "由 /api/ai-profiles 和项目级设置驱动。",
+    defaultProfile: "默认模型配置",
+    rawProfiles: "原始 ai-profiles.json",
+    projectProfile: "项目模型配置",
+    assignProject: "保存项目设置",
+    availableAdapters: "可用适配器",
+    knowledgeLanguage: "知识库输出语言",
+    uiLanguage: "界面语言",
+    chinese: "中文",
+    english: "英文",
+    reload: "重新加载",
+    selectRun: "选择一次运行来审核草稿。",
+    refreshRun: "刷新运行",
+    applySelected: "应用选中草稿",
+    rejectRun: "拒绝运行",
+    allowGoalEdit: "允许修改 project-goal.md",
+    draftFiles: "个草稿文件",
+    selectDraftPreview: "选择草稿预览",
+    noPreview: "（暂无预览）",
+    loading: "加载中...",
+    noSchedule: "未找到定时任务。",
+    task: "任务",
+    state: "状态",
+    nextRun: "下次运行",
+    controls: "控制",
+    frequency: "频率",
+    time: "时间",
+    runner: "运行器",
+    apply: "应用",
+    stop: "停止",
+    jobHistory: "任务历史",
+    logOutput: "日志输出",
+    noOutput: "（暂无输出）",
+    darkMode: "深色模式",
+    lightMode: "浅色模式",
+    registeredProjects: "已登记项目",
+    activeBackendJobs: "活跃后端任务",
+    pendingFromLastScan: "来自上次扫描",
+    failedOrPartialJobs: "失败或部分成功任务",
+    recentIssues: "近期异常",
+    pendingCommits: "待分析提交",
+  },
+};
+const StatusCard = {
+  props: ["label", "value", "status"],
+  template: `
+    <div class="panel2 rounded-xl border p-4">
+      <div class="text-sm muted">{{ label }}</div>
+      <div class="mt-3 flex items-center gap-2">
+        <span :class="['dot', status || 'idle']"></span>
+        <span class="text-lg font-semibold">{{ value }}</span>
+      </div>
+    </div>
+  `
+};
+createApp({
+  components: { StatusCard },
+  setup() {
+    const kbRoot = ref("");
+    const projects = ref(null);
+    const schedule = ref(null);
+    const lastRun = ref({ time: null, status: null, slug: null, mode: null, output: "" });
+    const runningJobs = ref([]);
+    const jobHistory = ref([]);
+    const selectedJob = ref(null);
+    const loading = ref(false);
+    const pollError = ref("");
+    const activeView = ref("dashboard");
+    const selectedSlug = ref("");
+    const theme = ref(localStorage.getItem("kb-theme") || "light");
+    const uiLanguage = ref(localStorage.getItem("kb-ui-language") || "zh");
+    const runs = ref([]);
+    const selectedRunId = ref("");
+    const selectedRun = ref(null);
+    const drafts = ref([]);
+    const draftSelection = reactive({});
+    const previewDraftPath = ref("");
+    const draftPreview = ref("");
+    const allowGoalEdit = ref(false);
+    const aiConfig = reactive({ schema: "ai-profiles/v1", defaultProfileId: "mock-agent", profiles: [] });
+    const aiProfilesText = ref("");
+    const adapters = ref([]);
+    const aiMessage = ref("");
+    const selectedAiProfileId = ref("mock-agent");
+    const selectedKnowledgeLanguage = ref("zh-CN");
+    const hookStatus = reactive({ installed: false, path: "", message: "" });
+    const actionMessage = ref("");
+    const form = reactive({ slug: "", displayName: "", localPath: "", gitPath: "", primaryLanguage: "", tagsStr: "", isReference: false, initNow: true, knowledgeLanguage: "zh-CN" });
+    const submitting = ref(false);
+    const formError = ref("");
+    const formOk = ref("");
+    const busySlug = ref("");
+    const freq = reactive({ frequency: "daily", time: "08:00", runner: "safe" });
+    const scheduleMsg = ref("");
+    const projectList = computed(() => Object.entries(projects.value || {}).map(([slug, cfg]) => ({ slug, cfg })));
+    const selectedProject = computed(() => selectedSlug.value && projects.value ? projects.value[selectedSlug.value] : null);
+    function t(key) {
+      return (I18N[uiLanguage.value] && I18N[uiLanguage.value][key]) || I18N.en[key] || key;
+    }
+    const pageTitle = computed(() => ({
+      dashboard: t("projectSupervision"),
+      import: t("importProject"),
+      ai: t("aiProfiles"),
+      runs: t("runsAndDrafts"),
+      schedule: t("schedule"),
+      logs: t("logs")
+    }[activeView.value] || t("projectSupervision")));
+    const summaryCards = computed(() => {
+      const list = projectList.value;
+      const pending = list.reduce((sum, p) => sum + Number(p.cfg.lastScanPendingCount || 0), 0);
+      const failed = jobHistory.value.filter(j => j.status === "failed" || j.status === "partial").length;
+      return [
+        { label: t("projects"), value: list.length, note: t("registeredProjects") },
+        { label: t("runningJobs"), value: runningJobs.value.length, note: t("activeBackendJobs") },
+        { label: t("pendingCommits"), value: pending, note: t("pendingFromLastScan") },
+        { label: t("recentIssues"), value: failed, note: t("failedOrPartialJobs") }
+      ];
+    });
+    const navItems = computed(() => [
+      { key: "dashboard", label: t("dashboard"), badge: runningJobs.value.length || "" },
+      { key: "import", label: t("import") },
+      { key: "ai", label: t("aiProfiles") },
+      { key: "runs", label: t("runsDrafts"), badge: runs.value.length || "" },
+      { key: "schedule", label: t("schedule") },
+      { key: "logs", label: t("logs"), badge: lastRun.value.status === "failed" ? "failed" : "" }
+    ]);
+    const logOutput = computed(() => selectedJob.value ? (selectedJob.value.output || "") : (lastRun.value.output || ""));
+    const logTitle = computed(() => selectedJob.value ? `${selectedJob.value.mode} / ${selectedJob.value.slug} / ${selectedJob.value.status}` : `${lastRun.value.mode || "last"} / ${lastRun.value.slug || "none"} / ${lastRun.value.status || "none"}`);
+    watch(selectedProject, p => {
+      if (p) {
+        selectedAiProfileId.value = p.aiProfileId || aiConfig.defaultProfileId || "mock-agent";
+        selectedKnowledgeLanguage.value = p.knowledgeLanguage || "zh-CN";
+      }
+    });
+    watch(uiLanguage, value => {
+      localStorage.setItem("kb-ui-language", value);
+      document.documentElement.lang = value === "zh" ? "zh-CN" : "en";
+    });
+    function trimTrailingSlash(value) {
+      return String(value || "").replace(/[\\\/]+$/, "");
+    }
+    function projectKbPath(slug) {
+      const root = trimTrailingSlash(kbRoot.value || "D:\\SanQian.Xu\\project-knowledge-base");
+      return `${root}\\projects\\${slug}`;
+    }
+    function displayProjectKbPath(slug) {
+      return `${trimTrailingSlash(kbRoot.value || "project-knowledge-base")}\\projects\\${slug}`;
+    }
+    function fileUrlFromPath(value) {
+      const normalized = String(value || "").replace(/\\/g, "/");
+      return encodeURI("file:///" + normalized.replace(/^\/+/, ""));
+    }
+    function formatTime(value) {
+      if (!value) return "-";
+      try { return new Date(value).toLocaleString(); } catch { return value; }
+    }
+    function selectProject(slug) {
+      selectedSlug.value = slug;
+      selectedRunId.value = "";
+      selectedRun.value = null;
+      drafts.value = [];
+      previewDraftPath.value = "";
+      draftPreview.value = "";
+      loadRuns(slug);
+      loadHookStatus(slug);
+    }
+    function isKbInit(slug) {
+      return !!(projects.value && projects.value[slug] && projects.value[slug].kbInitialized);
+    }
+    function isProjectRunning(slug) {
+      return runningJobs.value.some(j => j.slug === slug || j.slug === "ALL");
+    }
+    function repoStatusLevel(status) {
+      if (status === "ok" || status === "empty") return status === "ok" ? "good" : "warn";
+      if (!status || status === "unknown") return "idle";
+      return "bad";
+    }
+    function projectStatusClass(slug) {
+      const cfg = projects.value && projects.value[slug];
+      if (!cfg) return "idle";
+      if (isProjectRunning(slug)) return "warn";
+      if (!isKbInit(slug)) return "bad";
+      if (repoStatusLevel(cfg.repoStatus) === "bad") return "bad";
+      if ((cfg.lastScanPendingCount || 0) > 0 || cfg.goalStatus !== "accepted") return "warn";
+      return "good";
+    }
+    function projectIssues(slug) {
+      const cfg = projects.value && projects.value[slug];
+      if (!cfg) return [];
+      const out = [];
+      if (!isKbInit(slug)) out.push("KB directory is not initialized.");
+      if (repoStatusLevel(cfg.repoStatus) === "bad") out.push(`Git status is ${cfg.repoStatus}: ${cfg.lastScanError || ""}`);
+      if (cfg.repoStatus === "empty") out.push("Repository has no commits.");
+      if (!cfg.lastAnalyzedCommit) out.push("lastAnalyzedCommit is empty. Apply drafts after analysis to advance it.");
+      if (cfg.goalStatus !== "accepted") out.push("Project goal is not accepted yet.");
+      if ((cfg.lastScanPendingCount || 0) > 0) out.push(`${cfg.lastScanPendingCount} pending commits need analysis.`);
+      return out;
+    }
+    function kbUrl(slug) {
+      const cfg = projects.value && projects.value[slug];
+      return fileUrlFromPath(`${(cfg && cfg.kbPath) || projectKbPath(slug)}\\README.md`);
+    }
+    function goalUrl(slug) {
+      const cfg = projects.value && projects.value[slug];
+      return fileUrlFromPath(`${(cfg && cfg.kbPath) || projectKbPath(slug)}\\project-goal.md`);
+    }
+    async function api(method, url, body) {
+      const res = await fetch(url, {
+        method,
+        headers: body ? { "Content-Type": "application/json" } : undefined,
+        body: body ? JSON.stringify(body) : undefined
+      });
+      const text = await res.text();
+      let data = {};
+      if (text) {
+        try { data = JSON.parse(text); } catch { data = { raw: text }; }
+      }
+      if (!res.ok) {
+        const msg = data.error || data.errors && data.errors.join("; ") || text || `HTTP ${res.status}`;
+        throw new Error(msg);
+      }
+      return data;
+    }
+    async function refreshAll() {
+      loading.value = true;
+      pollError.value = "";
+      try {
+        const state = await api("GET", "/api/state");
+        kbRoot.value = state.kbRoot;
+        projects.value = state.projects;
+        schedule.value = state.schedule;
+        lastRun.value = state.lastRun || lastRun.value;
+        if (!selectedSlug.value && projectList.value.length) selectProject(projectList.value[0].slug);
+        await Promise.all([loadJobs(), loadAiProfiles(false)]);
+      } catch (e) {
+        pollError.value = e.message;
+      } finally {
+        loading.value = false;
+      }
+    }
+    async function loadJobs() {
+      const data = await api("GET", "/api/jobs");
+      runningJobs.value = data.running || [];
+      jobHistory.value = data.history || [];
+      if (data.lastRun) lastRun.value = data.lastRun;
+      return data;
+    }
+    async function loadJobDetail(jobId) {
+      const data = await api("GET", `/api/jobs/${jobId}`);
+      selectedJob.value = data.job;
+      activeView.value = "logs";
+    }
+    async function loadAiProfiles(updateText = true) {
+      const data = await api("GET", "/api/ai-profiles");
+      Object.assign(aiConfig, data.config || {});
+      adapters.value = data.adapters || [];
+      if (updateText || !aiProfilesText.value.trim()) aiProfilesText.value = JSON.stringify(aiConfig, null, 2);
+      return data;
+    }
+    async function saveAiProfiles() {
+      try {
+        const parsed = JSON.parse(aiProfilesText.value);
+        await api("PUT", "/api/ai-profiles", parsed);
+        aiMessage.value = "AI profiles saved.";
+        await loadAiProfiles();
+      } catch (e) {
+        aiMessage.value = `Save failed: ${e.message}`;
+      }
+    }
+    async function setProjectAiProfile(slug, aiProfileId) {
+      await api("PUT", `/api/projects/${slug}/ai-profile`, { aiProfileId });
+      await refreshAll();
+    }
+    async function saveProjectSettings(slug) {
+      if (!slug) return;
+      await api("PUT", `/api/projects/${slug}/settings`, {
+        aiProfileId: selectedAiProfileId.value,
+        knowledgeLanguage: selectedKnowledgeLanguage.value
+      });
+      aiMessage.value = t("assignProject") + " OK.";
+      await refreshAll();
+    }
+    async function validateGit(slug) {
+      await api("POST", `/api/projects/${slug}/validate-git`);
+      await refreshAll();
+    }
+    async function scanProject(slug) {
+      await api("POST", `/api/projects/${slug}/scan`, { maxCommits: 200 });
+      await refreshAll();
+    }
+    async function validateKb(slug) {
+      const data = await api("POST", `/api/projects/${slug}/validate-kb`);
+      actionMessage.value = data.ok ? "KB contract valid." : "KB contract invalid.";
+      alert(actionMessage.value);
+    }
+    async function migrateV2(slug) {
+      await api("POST", `/api/projects/${slug}/migrate-v2`);
+      await refreshAll();
+    }
+    async function initProject(slug) {
+      busySlug.value = slug;
+      try {
+        await api("POST", `/api/projects/${slug}/init`);
+        await refreshAll();
+      } finally {
+        busySlug.value = "";
+      }
+    }
+    async function runJob(mode, slug) {
+      const data = await api("POST", "/api/jobs/run", { mode, slug: slug || "ALL" });
+      activeView.value = "logs";
+      await refreshAll();
+      if (data.jobId) loadJobDetail(data.jobId).catch(() => {});
+    }
+    async function loadHookStatus(slug) {
+      if (!slug) return;
+      try {
+        const data = await api("GET", `/api/projects/${slug}/hook-status`);
+        Object.assign(hookStatus, data);
+      } catch (e) {
+        Object.assign(hookStatus, { installed: false, path: "", message: e.message });
+      }
+    }
+    async function installHook(slug) {
+      const data = await api("POST", `/api/projects/${slug}/hook-install`, { overwrite: false });
+      Object.assign(hookStatus, data);
+    }
+    async function uninstallHook(slug) {
+      const data = await api("POST", `/api/projects/${slug}/hook-uninstall`);
+      Object.assign(hookStatus, data);
+    }
+    function resetForm() {
+      Object.assign(form, { slug: "", displayName: "", localPath: "", gitPath: "", primaryLanguage: "", tagsStr: "", isReference: false, initNow: true, knowledgeLanguage: "zh-CN" });
+      formError.value = "";
+      formOk.value = "";
+    }
+    async function addProject() {
+      formError.value = "";
+      formOk.value = "";
+      submitting.value = true;
+      try {
+        if (!/^[a-z0-9][a-z0-9-]*$/.test(form.slug)) throw new Error("Slug must be kebab-case.");
+        const config = {
+          displayName: form.displayName,
+          localPath: form.localPath,
+          gitPath: form.gitPath || form.localPath,
+          primaryLanguage: form.primaryLanguage || "",
+          tags: form.tagsStr.split(",").map(s => s.trim()).filter(Boolean),
+          isReference: !!form.isReference,
+          docConvention: "frontmatter-relations",
+          kbPath: projectKbPath(form.slug),
+          enabled: true,
+          aiProfileId: aiConfig.defaultProfileId || "mock-agent",
+          knowledgeLanguage: form.knowledgeLanguage || "zh-CN",
+          kbSchemaVersion: "v1",
+          goalStatus: "not-created"
+        };
+        await api("PUT", "/api/projects", { slug: form.slug, config });
+        if (form.initNow) await api("POST", `/api/projects/${form.slug}/init`);
+        formOk.value = `Imported ${form.slug}.`;
+        await refreshAll();
+        selectProject(form.slug);
+        activeView.value = "dashboard";
+      } catch (e) {
+        formError.value = e.message;
+      } finally {
+        submitting.value = false;
+      }
+    }
+    async function loadRuns(slug) {
+      if (!slug) return;
+      try {
+        const data = await api("GET", `/api/projects/${slug}/runs`);
+        runs.value = (data.runs || []).sort((a, b) => String(b.startedAt || "").localeCompare(String(a.startedAt || "")));
+      } catch {
+        runs.value = [];
+      }
+    }
+    async function selectRun(runId) {
+      selectedRunId.value = runId;
+      await loadRunDetail(selectedSlug.value, runId);
+    }
+    async function loadRunDetail(slug, runId) {
+      const data = await api("GET", `/api/projects/${slug}/runs/${runId}`);
+      selectedRun.value = data.run;
+      drafts.value = data.drafts || [];
+      for (const d of drafts.value) {
+        if (!(d.path in draftSelection)) draftSelection[d.path] = true;
+      }
+    }
+    async function loadDraftPreview() {
+      draftPreview.value = "";
+      if (!selectedSlug.value || !selectedRunId.value || !previewDraftPath.value) return;
+      const data = await api("GET", `/api/projects/${selectedSlug.value}/drafts/${selectedRunId.value}/raw?path=${encodeURIComponent(previewDraftPath.value)}`);
+      draftPreview.value = data.content || "";
+    }
+    async function applySelectedDrafts() {
+      if (!selectedSlug.value || !selectedRunId.value) return;
+      const selected = drafts.value.filter(d => draftSelection[d.path]);
+      if (!selected.length) throw new Error("No selected drafts.");
+      const draftPayload = [];
+      for (const d of selected) {
+        const raw = await api("GET", `/api/projects/${selectedSlug.value}/drafts/${selectedRunId.value}/raw?path=${encodeURIComponent(d.path)}`);
+        draftPayload.push({ path: d.path, content: raw.content || "" });
+      }
+      await api("POST", `/api/projects/${selectedSlug.value}/drafts/${selectedRunId.value}/apply`, {
+        drafts: draftPayload,
+        allowGoalEdit: allowGoalEdit.value
+      });
+      await refreshAll();
+      await loadRunDetail(selectedSlug.value, selectedRunId.value);
+    }
+    async function rejectRun() {
+      if (!selectedSlug.value || !selectedRunId.value) return;
+      await api("POST", `/api/projects/${selectedSlug.value}/drafts/${selectedRunId.value}/reject`, { reason: "rejected from UI" });
+      await loadRunDetail(selectedSlug.value, selectedRunId.value);
+    }
+    async function applySchedule() {
+      const data = await api("PUT", "/api/schedule", { frequency: freq.frequency, time: freq.time, runner: freq.runner });
+      scheduleMsg.value = data.ok ? `Updated: ${data.mode} / ${data.runner || freq.runner}` : "Failed";
+      await refreshAll();
+    }
+    async function deleteSchedule() {
+      const data = await api("PUT", "/api/schedule", { frequency: "off" });
+      scheduleMsg.value = data.ok ? "Schedule removed." : "Failed";
+      await refreshAll();
+    }
+    function toggleTheme() {
+      theme.value = theme.value === "dark" ? "light" : "dark";
+      localStorage.setItem("kb-theme", theme.value);
+    }
+    onMounted(() => {
+      document.documentElement.lang = uiLanguage.value === "zh" ? "zh-CN" : "en";
+      refreshAll();
+    });
+    const pollTimer = setInterval(refreshAll, 30000);
+    onUnmounted(() => clearInterval(pollTimer));
+    return {
+      kbRoot, projects, schedule, lastRun, runningJobs, jobHistory, selectedJob, logOutput, logTitle,
+      loading, pollError, activeView, selectedSlug, selectedProject, pageTitle, projectList, summaryCards, navItems,
+      theme, uiLanguage, t, toggleTheme, form, submitting, formError, formOk, addProject, resetForm, busySlug, initProject,
+      freq, scheduleMsg, applySchedule, deleteSchedule,
+      runs, selectedRunId, selectedRun, drafts, draftSelection, previewDraftPath, draftPreview, allowGoalEdit,
+      aiConfig, aiProfilesText, adapters, aiMessage, selectedAiProfileId, selectedKnowledgeLanguage,
+      hookStatus, actionMessage,
+      selectProject, isKbInit, isProjectRunning, repoStatusLevel, projectStatusClass, projectIssues,
+      kbUrl, goalUrl, displayProjectKbPath, formatTime,
+      refreshAll, loadJobs, loadJobDetail, loadAiProfiles, saveAiProfiles, setProjectAiProfile, saveProjectSettings,
+      validateGit, scanProject, validateKb, migrateV2, runJob, loadHookStatus, installHook, uninstallHook,
+      loadRuns, selectRun, loadRunDetail, loadDraftPreview, applySelectedDrafts, rejectRun
+    };
+  }
+}).mount("#app");
+</script>
+</body>
+</html>