@sanqianx/project-knowledge 4.6.1

package/ui/i18n.js

@@ -0,0 +1,146 @@
+// ui/i18n.js
+//
+// T10 — minimal zh-CN / en-US translation dictionary + helpers.
+// Restored from v4.1.22 I18N content (functional baseline, not code
+// structure). Loaded as a plain script before app.js so the IIFE in
+// app.js can pick it up via the global `I18N` symbol.
+
+(function () {
+  'use strict';
+  const DICT = {
+    'zh-CN': {
+      'app.title': 'Project Knowledge',
+      'app.brand.eyebrow': 'AI 知识库',
+      'app.brand.title': '控制中心',
+      'app.nav.workbench': 'Claude Code',
+      'app.nav.badge': '项目',
+      'app.action.theme.dark': '深色模式',
+      'app.action.theme.light': '浅色模式',
+      'app.action.settings': '设置',
+      'app.workbench.empty.title': '从项目知识开始对话',
+      'app.workbench.empty.hint': '选择左侧项目，输入问题或开发需求。',
+      'app.workbench.placeholder': '向 Claude 发送消息…',
+      'app.workbench.state.ready': '就绪',
+      'app.workbench.state.reconnecting': '正在重连',
+      'app.import.title': '导入项目',
+      'app.import.help': '导入只建立项目登记、Git 跟踪基线和托管 Hook，不运行初始化分析。下方的所有输入都会触发后端 preflight，导入按钮在所有必填项就绪前保持禁用。',
+      'app.import.path.label': '本地路径',
+      'app.import.path.placeholder': 'D:\\Projects\\my-project',
+      'app.import.path.web.help': '桌面端会调用原生目录选择器；Web 模式请直接输入绝对路径。',
+      'app.import.pickFolder': '选择目录…',
+      'app.import.language.label': '知识输出语言',
+      'app.import.profile.label': 'AI 配置',
+      'app.import.profile.help': '由后端解析；不指定则使用默认 / 第一个可用配置。',
+      'app.import.team.label': '使用 Team Knowledge（可选）',
+      'app.import.team.store': 'Team Store 本地路径',
+      'app.import.team.subdir': '子目录',
+      'app.import.team.provider': 'Provider',
+      'app.import.team.help': '仅当项目需要绑定到共享知识库时填写。',
+      'app.import.preflight.ready': '所有前置条件就绪，可以导入。',
+      'app.import.preflight.problemsTitle': '导入前需要处理：',
+      'app.import.submit': '导入',
+      'app.import.reset': '重置',
+      'app.import.success': '项目已导入。',
+      'app.settings.ai': 'AI 模型',
+      'app.settings.knowledge': '知识库存储',
+      'app.settings.relations': '知识关联',
+      'app.settings.logs': '日志',
+      'app.settings.client': '桌面客户端',
+      'app.settings.ai.help': '配置模型并为项目分配 Profile。',
+      'app.settings.knowledge.rootLabel': '知识库根目录',
+      'app.settings.knowledge.save': '保存',
+      'app.language.toggle': '界面语言',
+    },
+    'en-US': {
+      'app.title': 'Project Knowledge',
+      'app.brand.eyebrow': 'AI Knowledge Base',
+      'app.brand.title': 'Control Center',
+      'app.nav.workbench': 'Claude Code',
+      'app.nav.badge': 'Projects',
+      'app.action.theme.dark': 'Dark mode',
+      'app.action.theme.light': 'Light mode',
+      'app.action.settings': 'Settings',
+      'app.workbench.empty.title': 'Start a conversation with project knowledge',
+      'app.workbench.empty.hint': 'Pick a project on the left, then ask a question or describe a development need.',
+      'app.workbench.placeholder': 'Send a message to Claude…',
+      'app.workbench.state.ready': 'Ready',
+      'app.workbench.state.reconnecting': 'Reconnecting',
+      'app.import.title': 'Import project',
+      'app.import.help': 'Import only registers the project, freezes the Git tracking baseline, and installs a managed post-commit hook. No initial AI analysis runs. Every change below triggers a backend preflight, and the Import button stays disabled until every mandatory prerequisite is satisfied.',
+      'app.import.path.label': 'Local path',
+      'app.import.path.placeholder': 'D:\\Projects\\my-project',
+      'app.import.path.web.help': 'Desktop mode uses the native folder picker; in Web mode paste the absolute path.',
+      'app.import.pickFolder': 'Pick folder…',
+      'app.import.language.label': 'Knowledge output language',
+      'app.import.profile.label': 'AI profile',
+      'app.import.profile.help': 'Resolved server-side; if unset, the default / first-usable profile is used.',
+      'app.import.team.label': 'Bind to a Team Knowledge store (optional)',
+      'app.import.team.store': 'Team store local path',
+      'app.import.team.subdir': 'Subdirectory',
+      'app.import.team.provider': 'Provider',
+      'app.import.team.help': 'Fill in only when the project must join a shared knowledge base.',
+      'app.import.preflight.ready': 'All prerequisites are satisfied — ready to import.',
+      'app.import.preflight.problemsTitle': 'Resolve before importing:',
+      'app.import.submit': 'Import',
+      'app.import.reset': 'Reset',
+      'app.import.success': 'Project imported.',
+      'app.settings.ai': 'AI Profiles',
+      'app.settings.knowledge': 'Knowledge Store',
+      'app.settings.relations': 'Related Knowledge',
+      'app.settings.logs': 'Logs',
+      'app.settings.client': 'Desktop Client',
+      'app.settings.ai.help': 'Configure models and assign a profile per project.',
+      'app.settings.knowledge.rootLabel': 'Knowledge root',
+      'app.settings.knowledge.save': 'Save',
+      'app.language.toggle': 'UI language',
+    },
+  };
+
+  const STORAGE_KEY = 'pk.uiLanguage';
+
+  function readPersistedLanguage() {
+    try {
+      const raw = window.localStorage && window.localStorage.getItem(STORAGE_KEY);
+      if (raw === 'zh-CN' || raw === 'en-US') return raw;
+    } catch {}
+    return null;
+  }
+
+  function persistLanguage(lang) {
+    try {
+      if (window.localStorage) window.localStorage.setItem(STORAGE_KEY, lang);
+    } catch {}
+  }
+
+  function activeLanguage() {
+    if (window.__PK_I18N_ACTIVE__) return window.__PK_I18N_ACTIVE__;
+    return readPersistedLanguage() || 'zh-CN';
+  }
+
+  function t(key, fallback) {
+    const lang = activeLanguage();
+    const dict = DICT[lang] || DICT['zh-CN'];
+    return dict[key] != null ? dict[key] : (fallback != null ? fallback : key);
+  }
+
+  function setLanguage(lang) {
+    if (!DICT[lang]) lang = 'zh-CN';
+    window.__PK_I18N_ACTIVE__ = lang;
+    persistLanguage(lang);
+    if (typeof document !== 'undefined') {
+      document.documentElement.lang = lang === 'en-US' ? 'en' : 'zh-CN';
+    }
+    if (typeof window.__PK_I18N_ONCHANGE__ === 'function') {
+      window.__PK_I18N_ONCHANGE__(lang);
+    }
+  }
+
+  function availableLanguages() {
+    return Object.keys(DICT);
+  }
+
+  if (typeof document !== 'undefined') {
+    document.documentElement.lang = activeLanguage() === 'en-US' ? 'en' : 'zh-CN';
+  }
+  window.I18N = { t, setLanguage, activeLanguage, availableLanguages };
+})();

package/ui/index.html

@@ -0,0 +1,162 @@
+<!doctype html>
+<html lang="zh-CN" data-theme="light">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="color-scheme" content="light dark">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="/app.css">
+  <title>Project Knowledge</title>
+</head>
+<body>
+<div class="shell">
+  <aside class="sidebar">
+    <div class="brand">
+      <div class="eyebrow">AI Knowledge Base</div>
+      <h1>Control Center</h1>
+      <div class="root" id="brand-root"></div>
+    </div>
+    <div class="project-area">
+      <div class="project-head"><span>项目 · 右键管理</span><button class="small-btn" type="button" data-go="import">导入项目</button></div>
+      <div class="project-list" id="project-list"></div>
+    </div>
+    <nav class="sidebar-nav">
+      <button class="nav-btn active" type="button" data-go="terminal"><span>🤖 Agent 终端</span><span class="nav-badge">终端</span><span class="nav-fold" data-fold="term" title="模块项目列表：已折叠，点击展开">▤</span></button>
+      <button class="nav-btn" type="button" data-go="search"><span>🔎 知识检索</span><span class="nav-badge">检索</span><span class="nav-fold" data-fold="vh" title="模块项目列表：已折叠，点击展开">▤</span></button>
+      <button class="nav-btn" type="button" data-go="bridge"><span>💬 会话浏览</span><span class="nav-badge">会话</span><span class="nav-fold" data-fold="eb" title="模块项目列表：已折叠，点击展开">▤</span></button>
+    </nav>
+  </aside>
+
+  <main class="main">
+    <header class="main-header">
+      <div><div class="subtitle">Project Knowledge</div><div class="page-title" id="page-title">Agent 终端</div></div>
+      <div class="header-actions">
+        <button class="btn" type="button" id="theme-button">深色模式</button>
+        <button class="btn" type="button" id="open-settings">设置</button>
+      </div>
+    </header>
+
+    <div class="mobile-strip">
+      <select class="input" id="mobile-project" aria-label="选择项目"></select>
+      <button class="btn" type="button" data-go="import">导入项目</button>
+      <button class="btn" type="button" id="mobile-settings">设置</button>
+    </div>
+
+    <!-- Agent 终端：原版 claude-ai-workbench UI（嵌入模式） -->
+    <section class="view active" id="view-terminal">
+      <div class="embed-head">
+        <span class="embed-status" id="st-5760"><span class="st-dot"></span><span class="st-text">检测 127.0.0.1:5760 …</span></span>
+        <span class="chip" id="sync-5760">联动: —</span>
+        <a class="btn compact embed-open" id="open-5760" href="#" target="_blank" rel="noopener">独立打开 ↗</a>
+      </div>
+      <div class="embed"><iframe id="fr-5760" title="Agent Terminal"></iframe></div>
+    </section>
+
+    <!-- 知识检索：原版 vector-hub 控制台（嵌入模式） -->
+    <section class="view" id="view-search">
+      <div class="embed-head">
+        <span class="embed-status" id="st-8787"><span class="st-dot"></span><span class="st-text">检测 127.0.0.1:8787 …</span></span>
+        <span class="chip" id="sync-8787">联动: —</span>
+        <a class="btn compact embed-open" id="open-8787" href="#" target="_blank" rel="noopener">独立打开 ↗</a>
+      </div>
+      <div class="embed"><iframe id="fr-8787" title="vector-hub 控制台"></iframe></div>
+    </section>
+
+    <!-- 会话浏览：原版 ai-coding-event-bridge 会话浏览器（嵌入模式） -->
+    <section class="view" id="view-bridge">
+      <div class="embed-head">
+        <span class="embed-status" id="st-8790"><span class="st-dot"></span><span class="st-text">检测 127.0.0.1:8790 …</span></span>
+        <a class="btn compact embed-open" id="open-8790" href="#" target="_blank" rel="noopener">独立打开 ↗</a>
+      </div>
+      <div class="embed"><iframe id="fr-8790" title="ai-coding-event-bridge 会话浏览器"></iframe></div>
+    </section>
+
+    <section class="view" id="view-import">
+      <div class="split">
+        <section class="panel form-panel">
+          <div class="section-title">导入项目</div>
+          <div class="section-help">导入只建立项目登记、Git 跟踪基线和托管 Hook，不运行初始化分析。两个地址在导入时由人选定，项目与模块的一一对应在登记那一刻确定。</div>
+          <form id="import-form" class="form-grid">
+            <div class="field"><label for="import-path">① 开发项目地址 · 登记到 Agent 终端</label>
+              <div style="display:flex;gap:8px">
+                <input class="input code" id="import-path" required placeholder="也可手动输入路径" style="flex:1">
+                <button class="btn" type="button" id="import-pick-folder">选择目录…</button>
+              </div>
+              <span class="muted import-field-help">打开本地目录选择框（终端原生选择器）；确认后登记为终端项目</span>
+            </div>
+            <div class="field"><label for="import-knowledge-path">② 知识库地址 · 登记到 vector-hub</label>
+              <div style="display:flex;gap:8px">
+                <input class="input code" id="import-knowledge-path" placeholder="也可手动输入路径" style="flex:1">
+                <button class="btn" type="button" id="import-pick-knowledge">选择目录…</button>
+              </div>
+              <span class="muted import-field-help">打开本地目录选择框（检索控制台原生选择器）；确认后建索引并监控</span>
+            </div>
+            <div class="notice" id="import-preflight" hidden></div>
+            <div class="notice error" id="import-errors" hidden></div>
+            <div class="notice" id="import-auto-init" hidden><strong>该目录不是 Git 仓库</strong><div class="muted">导入事务会自动执行 <code>git init</code>，并将当前目录加入跟踪基线。</div></div>
+            <div style="display:flex;gap:8px"><button class="btn-primary" type="submit" id="import-submit" disabled>导入</button><button class="btn" type="reset" id="import-reset">重置</button></div>
+          </form>
+        </section>
+        <aside class="panel preview-panel">
+          <div class="section-title">导入目标</div>
+          <div class="section-help">两个地址在导入时由人选定，项目与模块的一一对应在登记那一刻确定。</div>
+          <div class="preview-list">
+            <div class="panel2 preview-item"><div class="preview-label">Git 状态</div><div class="preview-value" id="pv-git-status">等待 preflight</div></div>
+            <div class="panel2 preview-item"><div class="preview-label">知识库地址</div><div class="preview-value code" id="pv-knowledge-root">—</div></div>
+            <div class="panel2 preview-item"><div class="preview-label">模块登记</div><div class="preview-value" id="pv-modules">待登记</div></div>
+          </div>
+        </aside>
+      </div>
+    </section>
+  </main>
+</div>
+
+<div class="backdrop" id="settings-backdrop"></div>
+<aside class="drawer" id="settings-drawer" aria-label="设置">
+  <nav class="settings-nav"><h3>设置</h3><button class="active" type="button" data-settings="logs">日志</button></nav>
+  <div class="settings-content">
+    <div class="drawer-head"><div><h2 id="settings-title">日志</h2><div class="section-help" id="settings-help">查看系统和项目的运行记录；异常会自动突出显示。</div></div><div style="display:flex;gap:8px;align-items:center"><label for="ui-language" data-i18n="app.language.toggle" style="font-size:12px;color:var(--muted)">界面语言</label><select class="input" id="ui-language" style="width:auto"><option value="zh-CN">中文</option><option value="en-US">English</option></select><button class="btn" type="button" id="close-settings">×</button></div></div>
+
+    <section class="settings-section active" id="settings-logs" data-layout-contract="fill-settings-available-height">
+      <div class="panel2 settings-card logs-card">
+        <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px">
+          <div><strong>运行记录</strong><p class="section-help">查看系统和项目的运行过程。正常记录保持安静，警告和错误会自动突出；点击记录可查看完整上下文。</p></div>
+          <button class="btn" type="button" id="logs-export">导出</button>
+        </div>
+        <div class="record-sync-warning" id="logs-connection">新记录同步暂时中断，正在自动恢复。</div>
+        <div class="record-toolbar">
+          <input class="input" id="logs-date" type="date" aria-label="记录日期">
+          <select class="input" id="logs-project" aria-label="项目筛选"><option value="">全部项目</option></select>
+          <select class="input" id="logs-scope" aria-label="记录范围"><option value="all">全部记录</option><option value="important">重要记录</option><option value="errors">仅异常</option></select>
+          <select class="input" id="logs-limit" aria-label="显示记录数量"><option value="500" selected>500 条</option><option value="1000">1000 条</option><option value="2000">2000 条</option><option value="5000">5000 条</option></select>
+          <input class="input record-search" id="logs-search" placeholder="搜索运行记录…">
+        </div>
+        <div class="record-shell">
+          <div class="record-list" id="record-list"></div>
+          <div class="record-empty" id="record-empty">这个筛选条件下没有运行记录。</div>
+          <button class="new-records" type="button" id="new-records" hidden>有新记录</button>
+          <div class="record-footer"><span id="logs-summary">正在读取运行记录…</span><span class="record-note">点击任意记录查看级别、阶段和操作详情</span></div>
+        </div>
+      </div>
+    </section>
+  </div>
+</aside>
+
+<div class="context-menu" id="context-menu"><div class="muted" style="padding:5px 8px;font-size:10px" id="context-id">project</div><button type="button" id="remove-project">移除项目…</button></div>
+
+<dialog id="delete-dialog">
+  <div class="dialog-head"><h3>移除项目</h3></div>
+  <div class="dialog-body">
+    <p class="muted" id="delete-copy" style="margin:0;font-size:12px">确认移除项目？默认保留知识目录。</p>
+    <p class="muted" style="margin:0;font-size:12px">同时解除模块登记：终端项目（保留会话记录）、vector-hub 索引（不动源文件）、会话浏览登记（journal 与封存文档全部保留）。</p>
+    <label class="check"><input type="checkbox" id="delete-knowledge"> 同时删除由本应用拥有的知识目录（危险）</label>
+    <div class="field" id="delete-confirm-field" hidden><label for="delete-confirm">输入项目 ID 以确认删除知识</label><input class="input code" id="delete-confirm"></div>
+    <div class="notice error" id="delete-error" hidden></div>
+  </div>
+  <div class="dialog-foot"><button class="btn" type="button" id="delete-cancel">取消</button><button class="btn-danger" type="button" id="delete-submit">移除项目</button></div>
+</dialog>
+
+<script src="/i18n.js"></script>
+<script src="/app.js"></script>
+</body>
+</html>