diff --git a/apps/desktop/src/components/settings/sections/KnowledgeSection.vue b/apps/desktop/src/components/settings/sections/KnowledgeSection.vue
new file mode 100644
index 0000000..29fcdf0
--- /dev/null
+++ b/apps/desktop/src/components/settings/sections/KnowledgeSection.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/desktop/src/composables/useKnowledgeMock.ts b/apps/desktop/src/composables/useKnowledgeMock.ts
new file mode 100644
index 0000000..91e63b6
--- /dev/null
+++ b/apps/desktop/src/composables/useKnowledgeMock.ts
@@ -0,0 +1,311 @@
+import { computed, ref } from "vue";
+
+/**
+ * Knowledge workspace mock composable — 阶段 2（v1.5）：把笔记正文从 excerpt（HTML）
+ * 升级为真正的 Markdown 字符串（body 字段），与 docs/ARCHITECTURE.md 第 717 行的
+ * `Note { id, projectId, title, body, tags }` schema 对齐。仍是纯前端 mock，不连
+ * sidecar/WS。
+ *
+ * 设计要点：
+ * - body 是 markdown 全文（编辑器 single source of truth）；列表用 deriveExcerpt 从
+ * body 截取首段做摘要，避免重复存储。
+ * - "收件箱" 项目 ID 固定为 "inbox"，对齐 PRD 4.1 不可缺省语义。
+ * - indexStatus 区分 "ok" / "fts_only" / "indexing" 三态，对齐降级语义。
+ */
+
+export type KnowledgeViewKey = "notes" | "board" | "tasks";
+export type IndexStatus = "ok" | "fts_only" | "indexing";
+
+export interface KnowledgeProject {
+ id: string;
+ name: string;
+ noteCount: number;
+ taskCount: number;
+ boardCount: number;
+ isInbox?: boolean;
+}
+
+export interface KnowledgeNote {
+ id: string;
+ projectId: string;
+ title: string;
+ /** Markdown 全文（SSOT）。列表显示请用 `deriveExcerpt(body)` 派生。 */
+ body: string;
+ tags: string[];
+ /** 显示用文本，例如 "06·12 14:32"。 */
+ updatedAt: string;
+}
+
+export interface KnowledgeTask {
+ id: string;
+ projectId: string;
+ title: string;
+ status: "todo" | "doing" | "done" | "archived";
+ boardColumnId?: string;
+ linkedNoteId?: string;
+ tags: string[];
+}
+
+export interface BoardColumnMock {
+ id: string;
+ title: string;
+ status: "todo" | "doing" | "done" | "archived";
+}
+
+const PROJECTS: KnowledgeProject[] = [
+ { id: "inbox", name: "收件箱", noteCount: 3, taskCount: 5, boardCount: 0, isInbox: true },
+ { id: "proj-product", name: "产品研究", noteCount: 12, taskCount: 8, boardCount: 1 },
+ { id: "proj-learning", name: "学习笔记", noteCount: 7, taskCount: 3, boardCount: 1 },
+ { id: "proj-writing", name: "写作素材", noteCount: 5, taskCount: 1, boardCount: 0 },
+];
+
+const NOTES_INIT: KnowledgeNote[] = [
+ {
+ id: "n-001",
+ projectId: "proj-product",
+ title: "竞品分析：本地优先笔记应用",
+ body:
+ "# 竞品分析：本地优先笔记应用\n\n" +
+ "Obsidian、Logseq、Reflect 在本地数据、双向链接、AI 检索三个维度的能力对比。\n\n" +
+ "| 应用 | 本地数据 | 双向链接 | AI 检索 |\n" +
+ "| ---- | -------- | -------- | ------- |\n" +
+ "| Obsidian | ✅ Markdown 文件 | ✅ 强 | ⚠️ 插件 |\n" +
+ "| Logseq | ✅ Markdown/Org | ✅ 强 | ⚠️ 插件 |\n" +
+ "| Reflect | ⚠️ 云优先 | ✅ 中 | ✅ 内建 |\n\n" +
+ "结论：本地优先 + 内建 AI 检索是差异化方向。",
+ tags: ["竞品", "调研"],
+ updatedAt: "06·12 14:32",
+ },
+ {
+ id: "n-002",
+ projectId: "proj-product",
+ title: "用户访谈纪要 · 06-10",
+ body:
+ "# 用户访谈纪要 · 06-10\n\n" +
+ "和三位深度用户聊了使用习惯。\n\n" +
+ "> 「我希望 AI 引用的来源是真实文件，不是它编出来的。」 — P02\n\n" +
+ "## 共性诉求\n\n" +
+ "- 引用透明：召回结果必须显示原文与位置\n" +
+ "- 离线可用：不能强依赖云\n" +
+ "- 数据可导出：Markdown 即可\n\n" +
+ "#访谈 #用户故事",
+ tags: ["访谈", "用户故事"],
+ updatedAt: "06·11 09:18",
+ },
+ {
+ id: "n-003",
+ projectId: "proj-product",
+ title: "FTS5 与 sqlite-vec 融合策略",
+ body:
+ "# FTS5 与 sqlite-vec 融合策略\n\n" +
+ "本地知识工作空间需要在 **FTS5 全文检索** 与 **sqlite-vec 语义向量** 两路结果之间做融合。\n\n" +
+ "## Reciprocal Rank Fusion (RRF)\n\n" +
+ "对每路结果取倒数排名累加：\n\n" +
+ "```\nscore(d) = Σ 1 / (k + rank_i(d))\n```\n\n" +
+ "实测中 `k = 60` 时排名稳定性最好，对短查询更宽容。\n\n" +
+ "## 降级条件\n\n" +
+ "- 未配置 Embedding Provider\n" +
+ "- 云端额度不足或网络失败\n" +
+ "- sqlite-vec 扩展加载失败\n\n" +
+ "任一条件触发后退化为纯 FTS5，并在 UI 显式标注「仅 FTS 可用」。",
+ tags: ["技术", "检索"],
+ updatedAt: "06·09 22:04",
+ },
+ {
+ id: "n-004",
+ projectId: "proj-product",
+ title: "知识工作空间 v2 设计草稿",
+ body:
+ "# 知识工作空间 v2 设计草稿\n\n" +
+ "项目结构、笔记标签、看板列、AI 范围切换的交互草图与文案规范。\n\n" +
+ "## 待办\n\n" +
+ "- [x] 完成 v1 mock UI\n" +
+ "- [x] 移植 memos 编辑器\n" +
+ "- [ ] 实现看板拖拽\n" +
+ " - [ ] 列内排序\n" +
+ " - [ ] 跨列移动 → 同步任务 status\n" +
+ "- [ ] 接入 sidecar 的真实笔记数据\n\n" +
+ "参考：[memos 项目首页](https://github.com/usememos/memos)\n\n" +
+ "#设计 #v2",
+ tags: ["设计", "v2"],
+ updatedAt: "06·08 16:50",
+ },
+ {
+ id: "n-005",
+ projectId: "proj-product",
+ title: "降级体验文案",
+ body:
+ "# 降级体验文案\n\n" +
+ "Embedding 不可用时如何向用户清晰说明，避免误以为 AI 在编造。\n\n" +
+ "原则：*告诉用户当前能力的真实边界*，使用 `仅 FTS 可用` 这种带形容词的明确文案，\n" +
+ "而不是模糊的 `检索受限`。\n\n" +
+ "#文案",
+ tags: ["文案"],
+ updatedAt: "06·06 11:22",
+ },
+ {
+ id: "n-006",
+ projectId: "proj-learning",
+ title: "Rust borrow checker 速记",
+ body:
+ "# Rust borrow checker 速记\n\n" +
+ "可变借用与不可变借用同时存在的 4 个常见场景及修复策略。\n\n" +
+ "## 模式：split borrow\n\n" +
+ "```rust\nfn split(buf: &mut [u8]) -> (&mut [u8], &mut [u8]) {\n let mid = buf.len() / 2;\n buf.split_at_mut(mid)\n}\n```\n\n" +
+ "## 关键判断\n\n" +
+ "1. NLL（non-lexical lifetimes）允许借用提前结束\n" +
+ "2. `split_at_mut` 在 stdlib 内用 unsafe 划分，外面看到两个不重叠的 &mut\n" +
+ "3. 字段级借用：编译器能识别 struct 字段独立\n\n" +
+ "#Rust #笔记",
+ tags: ["Rust", "笔记"],
+ updatedAt: "06·12 23:18",
+ },
+];
+
+const TASKS: KnowledgeTask[] = [
+ { id: "t-101", projectId: "proj-product", title: "整理 6 月用户访谈共性问题", status: "doing", boardColumnId: "col-doing", linkedNoteId: "n-002", tags: ["访谈"] },
+ { id: "t-102", projectId: "proj-product", title: "草拟 v2 看板拖拽交互", status: "todo", boardColumnId: "col-todo", linkedNoteId: "n-004", tags: ["设计"] },
+ { id: "t-103", projectId: "proj-product", title: "对比 chunk 大小 800 / 1200 / 1600", status: "todo", boardColumnId: "col-todo", linkedNoteId: "n-003", tags: ["技术"] },
+ { id: "t-104", projectId: "proj-product", title: "确认 sqlite-vec 在 Windows ARM 上的可行性", status: "doing", boardColumnId: "col-doing", tags: ["技术"] },
+ { id: "t-105", projectId: "proj-product", title: "降级文案 Review", status: "done", boardColumnId: "col-done", linkedNoteId: "n-005", tags: ["文案"] },
+ { id: "t-106", projectId: "proj-product", title: "归档 5 月旧迭代记录", status: "archived", boardColumnId: "col-archived", tags: [] },
+ { id: "t-107", projectId: "proj-product", title: "整理 RRF 公式来源出处", status: "done", boardColumnId: "col-done", linkedNoteId: "n-003", tags: ["技术"] },
+ { id: "t-108", projectId: "proj-product", title: "导出本周专注热力图", status: "todo", boardColumnId: "col-todo", tags: [] },
+];
+
+const BOARD_COLUMNS: BoardColumnMock[] = [
+ { id: "col-todo", title: "待办", status: "todo" },
+ { id: "col-doing", title: "进行中", status: "doing" },
+ { id: "col-done", title: "已完成", status: "done" },
+ { id: "col-archived", title: "归档", status: "archived" },
+];
+
+/**
+ * 从 markdown body 中派生列表用摘要：取第一段非标题/非空白文本，去掉常见 markdown 标记。
+ * 实现简单，够列表展示用；不追求完整反 markdown 解析。
+ */
+export function deriveExcerpt(body: string, maxChars = 120): string {
+ if (!body) return "";
+ const blocks = body.split(/\n{2,}/);
+ for (const block of blocks) {
+ const trimmed = block.trim();
+ if (!trimmed) continue;
+ // 跳过标题、引用、代码块、列表项符号
+ if (/^(#{1,6}\s|>\s|```|---|\[)/.test(trimmed)) continue;
+ if (/^[*\-+]\s|^\d+\.\s/.test(trimmed)) {
+ // 列表项也可作摘要，但去掉前缀
+ const stripped = trimmed.replace(/^[*\-+]\s|^\d+\.\s/, "");
+ return clampExcerpt(stripMarkdown(stripped), maxChars);
+ }
+ return clampExcerpt(stripMarkdown(trimmed), maxChars);
+ }
+ return clampExcerpt(stripMarkdown(body.trim()), maxChars);
+}
+
+function stripMarkdown(text: string): string {
+ return text
+ .replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1") // 链接 / 图片 → alt 文本
+ .replace(/`([^`]+)`/g, "$1") // 行内 code
+ .replace(/\*\*([^*]+)\*\*/g, "$1") // 粗体
+ .replace(/\*([^*]+)\*/g, "$1") // 斜体
+ .replace(/[#>*_~`]/g, "") // 残留符号
+ .replace(/\s+/g, " ")
+ .trim();
+}
+
+function clampExcerpt(text: string, maxChars: number): string {
+ if (text.length <= maxChars) return text;
+ return `${text.slice(0, maxChars - 1)}…`;
+}
+
+function formatNowKwStyle(): string {
+ const now = new Date();
+ const m = String(now.getMonth() + 1).padStart(2, "0");
+ const d = String(now.getDate()).padStart(2, "0");
+ const hh = String(now.getHours()).padStart(2, "0");
+ const mm = String(now.getMinutes()).padStart(2, "0");
+ return `${m}·${d} ${hh}:${mm}`;
+}
+
+export function useKnowledgeMock() {
+ const projects = ref
(PROJECTS);
+ const notesRef = ref([...NOTES_INIT]);
+ const activeProjectId = ref("proj-product");
+ const activeView = ref("notes");
+ const activeNoteId = ref("n-003");
+ const searchQuery = ref("");
+ const indexStatus = ref("ok");
+
+ const activeProject = computed(
+ () => projects.value.find((p) => p.id === activeProjectId.value) ?? null,
+ );
+
+ const projectNotes = computed(() =>
+ notesRef.value.filter((n) => n.projectId === activeProjectId.value),
+ );
+
+ const projectTasks = computed(() =>
+ TASKS.filter((t) => t.projectId === activeProjectId.value),
+ );
+
+ const activeNote = computed(() => {
+ const list = projectNotes.value;
+ return list.find((n) => n.id === activeNoteId.value) ?? list[0] ?? null;
+ });
+
+ function selectProject(id: string): void {
+ activeProjectId.value = id;
+ const firstNote = notesRef.value.find((n) => n.projectId === id);
+ activeNoteId.value = firstNote?.id ?? "";
+ }
+
+ function selectView(view: KnowledgeViewKey): void {
+ activeView.value = view;
+ }
+
+ function selectNote(id: string): void {
+ activeNoteId.value = id;
+ }
+
+ /**
+ * 写入笔记正文（仅内存，刷新即丢失，符合 mock 范围）。
+ */
+ function setNoteBody(id: string, body: string): void {
+ const next = notesRef.value.map((n) =>
+ n.id === id ? { ...n, body, updatedAt: formatNowKwStyle() } : n,
+ );
+ notesRef.value = next;
+ }
+
+ return {
+ projects,
+ activeProject,
+ activeProjectId,
+ activeView,
+ activeNoteId,
+ activeNote,
+ projectNotes,
+ projectTasks,
+ boardColumns: ref(BOARD_COLUMNS),
+ searchQuery,
+ indexStatus,
+ selectProject,
+ selectView,
+ selectNote,
+ setNoteBody,
+ };
+}
+
+export type KnowledgeMockState = ReturnType;
+
+export const VIEW_LABELS: Record = {
+ notes: "笔记",
+ board: "看板",
+ tasks: "任务",
+};
+
+export const INDEX_STATUS_LABELS: Record = {
+ ok: "FTS+向量 正常",
+ fts_only: "仅 FTS 可用",
+ indexing: "索引中…",
+};
diff --git a/apps/desktop/src/composables/useSettings.ts b/apps/desktop/src/composables/useSettings.ts
index a72c3c5..91e7fc6 100644
--- a/apps/desktop/src/composables/useSettings.ts
+++ b/apps/desktop/src/composables/useSettings.ts
@@ -14,6 +14,7 @@ export type SettingsSection =
| "persona"
| "model"
| "privacy"
+ | "knowledge"
| "hooks";
export type MountMode = "tcp" | "uds" | "remote";
@@ -25,6 +26,8 @@ export type ToneStyle = "warm" | "concise" | "humor" | "strict";
export type NudgeFrequency = "once" | "gentle" | "persistent";
export type TtsEngine = "edge" | "openai" | "system";
export type CommandFrequency = string;
+export type EmbeddingProvider = "none" | "openai" | "cohere" | "local";
+export type SearchScope = "current" | "all";
export function useSettings() {
const isDark = ref(false);
@@ -69,7 +72,17 @@ export function useSettings() {
const autoScanInject = ref(true);
const floatingApproval = ref(true);
const mqttEnabled = ref(false);
- const openClawDetected = ref(false);
+
+ // —— 知识库（v3.3 新增；mock 状态，等 v2 接 sidecar 时迁出）
+ const embeddingProvider = ref("none");
+ const embeddingModel = ref("");
+ const searchScope = ref("current");
+ const chunkSize = ref("1200");
+ const indexAutoRebuild = ref(true);
+
+ function reindexAll(): void {
+ // mock：v2 接入后会调用 api.reindexKnowledge()
+ }
function toggleTheme(): void {
isDark.value = !isDark.value;
@@ -129,7 +142,11 @@ export function useSettings() {
autoScanInject,
floatingApproval,
mqttEnabled,
- openClawDetected,
+ embeddingProvider,
+ embeddingModel,
+ searchScope,
+ chunkSize,
+ indexAutoRebuild,
// actions
toggleTheme,
setSection,
@@ -137,6 +154,7 @@ export function useSettings() {
selectMount,
removeBlacklistItem,
addBlacklistItem,
+ reindexAll,
};
}
@@ -148,5 +166,6 @@ export const SECTION_TITLES: Record = {
persona: "人设配置",
model: "模型配置",
privacy: "隐私安全",
+ knowledge: "知识库",
hooks: "Hook 与连接",
};
diff --git a/apps/desktop/src/main.ts b/apps/desktop/src/main.ts
index c316b8f..2454bca 100644
--- a/apps/desktop/src/main.ts
+++ b/apps/desktop/src/main.ts
@@ -8,5 +8,7 @@ import "./styles/panel.css";
import "./styles/permission-bubble.css";
import "./styles/wallpaper.css";
import "./styles/settings.css";
+import "./styles/knowledge.css";
+import "./styles/markdown.css";
createApp(App).mount("#app");
diff --git a/apps/desktop/src/styles/knowledge.css b/apps/desktop/src/styles/knowledge.css
new file mode 100644
index 0000000..cb0d241
--- /dev/null
+++ b/apps/desktop/src/styles/knowledge.css
@@ -0,0 +1,754 @@
+/*
+ * Knowledge Workspace Styles
+ *
+ * 作用域：[data-view="knowledge"] 下的独立 webview，不污染 panel/settings。
+ * 入口卡 .nc-knowledge-* 类挂在 panel-shell 内的 KnowledgeEntryCard，沿用 panel.css 的 token。
+ *
+ * 设计取向：与 settings 视图一脉相承的玻璃 + 浅色基底，但更强调"工作区"的密度——
+ * 项目侧栏、笔记列表、看板列都倾向更紧凑的留白，避免在大窗口里显得空洞。
+ */
+
+/* ============================================================
+ Panel 入口卡：KnowledgeEntryCard
+ ============================================================ */
+
+.nc-knowledge-stats {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 14px;
+ margin-top: 18px;
+}
+
+.nc-knowledge-stat {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ padding: 10px 12px;
+ border-radius: 12px;
+ background: rgba(255, 255, 255, 0.05);
+ border: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.nc-knowledge-stat .value {
+ font-size: 1.2rem;
+ font-weight: 500;
+ letter-spacing: -0.01em;
+ font-variant-numeric: tabular-nums;
+}
+
+.nc-knowledge-stat .label {
+ font-size: 0.7rem;
+ opacity: 0.6;
+}
+
+.nc-knowledge-tip {
+ margin: 16px 0 0;
+ font-size: 0.78rem;
+ line-height: 1.55;
+ opacity: 0.78;
+}
+
+.nc-knowledge-status-line {
+ display: inline-flex;
+ align-items: center;
+ font-size: 0.72rem;
+ opacity: 0.78;
+}
+
+.nc-knowledge-open-btn {
+ appearance: none;
+ border: none;
+ border-radius: 999px;
+ padding: 8px 16px;
+ font-size: 0.78rem;
+ font-weight: 500;
+ background: var(--blue);
+ color: #fff;
+ cursor: pointer;
+ transition: filter 0.18s ease, transform 0.18s ease;
+}
+
+.nc-knowledge-open-btn:hover {
+ filter: brightness(1.08);
+}
+
+.nc-knowledge-open-btn:active {
+ transform: translateY(1px);
+}
+
+/* IndexStatusDot ——共享，在面板与知识库窗口都用 */
+.knowledge-index-dot {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ font-size: 0.7rem;
+ letter-spacing: 0.02em;
+}
+
+.knowledge-index-dot .dot {
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: #cbd5e1;
+ box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.18);
+}
+
+.knowledge-index-dot.status-ok .dot {
+ background: #22c55e;
+ box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.22);
+}
+
+.knowledge-index-dot.status-fts_only .dot {
+ background: #f59e0b;
+ box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.22);
+}
+
+.knowledge-index-dot.status-indexing .dot {
+ background: #3b82f6;
+ box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22);
+ animation: knowledge-dot-pulse 1.4s ease-in-out infinite;
+}
+
+@keyframes knowledge-dot-pulse {
+ 0%, 100% { opacity: 0.7; }
+ 50% { opacity: 1; }
+}
+
+/* ============================================================
+ 独立窗口：KnowledgeView
+ ============================================================ */
+
+[data-view="knowledge"] {
+ --kw-bg: #f6f5f2;
+ --kw-surface: #ffffff;
+ --kw-surface-alt: #fafaf8;
+ --kw-border: #e9e7e2;
+ --kw-text: #1c1a17;
+ --kw-text-muted: #6b6660;
+ --kw-accent: #3b82f6;
+ --kw-accent-soft: rgba(59, 130, 246, 0.1);
+ --kw-tag-bg: rgba(28, 26, 23, 0.06);
+ --kw-radius-l: 16px;
+ --kw-radius-m: 10px;
+ --kw-sidebar-width: 260px;
+}
+
+.knowledge-root,
+.knowledge-root * {
+ box-sizing: border-box;
+}
+
+.knowledge-root {
+ display: grid;
+ grid-template-columns: var(--kw-sidebar-width) 1fr;
+ height: 100vh;
+ overflow: hidden;
+ background: var(--kw-bg);
+ color: var(--kw-text);
+ font-family: "Inter", "Zen Maru Gothic", "Microsoft YaHei", "PingFang SC", sans-serif;
+ -webkit-font-smoothing: antialiased;
+}
+
+/* ───── 项目侧栏 ───── */
+
+.knowledge-sidebar {
+ display: flex;
+ flex-direction: column;
+ padding: 24px 14px 18px;
+ background: var(--kw-surface-alt);
+ border-right: 1px solid var(--kw-border);
+ overflow-y: auto;
+}
+
+.knowledge-sidebar-brand {
+ padding: 0 8px 18px;
+ border-bottom: 1px solid var(--kw-border);
+ margin-bottom: 14px;
+}
+
+.knowledge-sidebar-title {
+ font-size: 1.05rem;
+ font-weight: 600;
+ letter-spacing: -0.01em;
+}
+
+.knowledge-sidebar-sub {
+ font-size: 0.72rem;
+ color: var(--kw-text-muted);
+ margin-top: 2px;
+}
+
+.knowledge-sidebar-section-label {
+ font-size: 0.68rem;
+ font-weight: 500;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ color: var(--kw-text-muted);
+ padding: 8px 8px 6px;
+}
+
+.knowledge-project-item {
+ appearance: none;
+ border: none;
+ background: transparent;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ width: 100%;
+ padding: 9px 10px;
+ border-radius: var(--kw-radius-m);
+ font-size: 0.86rem;
+ color: var(--kw-text);
+ text-align: left;
+ cursor: pointer;
+ transition: background 0.16s ease;
+}
+
+.knowledge-project-item:hover {
+ background: var(--kw-tag-bg);
+}
+
+.knowledge-project-item.active {
+ background: var(--kw-accent-soft);
+ color: var(--kw-accent);
+}
+
+.knowledge-project-item .project-icon {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--kw-text-muted);
+ flex: none;
+}
+
+.knowledge-project-item.active .project-icon {
+ color: var(--kw-accent);
+}
+
+.knowledge-project-item .project-name {
+ flex: 1;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.knowledge-project-item .project-count {
+ font-size: 0.7rem;
+ color: var(--kw-text-muted);
+ font-variant-numeric: tabular-nums;
+}
+
+.knowledge-project-item.inbox .project-name {
+ font-weight: 500;
+}
+
+.knowledge-project-add {
+ appearance: none;
+ border: 1px dashed var(--kw-border);
+ background: transparent;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+ width: 100%;
+ padding: 9px;
+ margin-top: 6px;
+ border-radius: var(--kw-radius-m);
+ font-size: 0.78rem;
+ color: var(--kw-text-muted);
+ cursor: not-allowed;
+}
+
+.knowledge-sidebar-footer {
+ margin-top: auto;
+ padding: 12px 8px 0;
+ border-top: 1px solid var(--kw-border);
+ font-size: 0.7rem;
+ color: var(--kw-text-muted);
+}
+
+/* ───── 主区 ───── */
+
+.knowledge-main {
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ overflow: hidden;
+}
+
+/* Topbar */
+
+.knowledge-topbar {
+ display: flex;
+ align-items: center;
+ gap: 24px;
+ padding: 18px 28px;
+ background: var(--kw-surface);
+ border-bottom: 1px solid var(--kw-border);
+}
+
+.knowledge-topbar-left {
+ display: flex;
+ flex-direction: column;
+ gap: 2px;
+ min-width: 200px;
+}
+
+.knowledge-project-title {
+ margin: 0;
+ font-size: 1.08rem;
+ font-weight: 600;
+ letter-spacing: -0.01em;
+}
+
+.knowledge-project-meta {
+ font-size: 0.72rem;
+ color: var(--kw-text-muted);
+ font-variant-numeric: tabular-nums;
+}
+
+.knowledge-view-tabs {
+ display: flex;
+ gap: 4px;
+ padding: 3px;
+ background: var(--kw-surface-alt);
+ border-radius: 999px;
+}
+
+.knowledge-view-tabs button {
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 6px 16px;
+ border-radius: 999px;
+ font-size: 0.78rem;
+ color: var(--kw-text-muted);
+ cursor: pointer;
+ transition: background 0.16s ease, color 0.16s ease;
+}
+
+.knowledge-view-tabs button.active {
+ background: var(--kw-surface);
+ color: var(--kw-text);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+.knowledge-topbar-right {
+ margin-left: auto;
+ display: flex;
+ align-items: center;
+ gap: 16px;
+}
+
+.knowledge-search {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ padding: 6px 12px;
+ border-radius: 999px;
+ background: var(--kw-surface-alt);
+ border: 1px solid var(--kw-border);
+ color: var(--kw-text-muted);
+ width: 240px;
+}
+
+.knowledge-search input {
+ flex: 1;
+ border: none;
+ background: transparent;
+ outline: none;
+ font-size: 0.8rem;
+ color: var(--kw-text);
+}
+
+/* 主滚动区 */
+.knowledge-content-scroll {
+ flex: 1;
+ min-height: 0;
+ overflow: auto;
+ padding: 20px 28px 28px;
+}
+
+/* ───── 笔记视图 ───── */
+
+.knowledge-notes-pane {
+ display: grid;
+ grid-template-columns: 320px 1fr;
+ gap: 20px;
+ min-height: 100%;
+}
+
+.knowledge-note-list {
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
+ align-self: start;
+}
+
+.knowledge-note-item {
+ appearance: none;
+ border: 1px solid transparent;
+ background: var(--kw-surface);
+ text-align: left;
+ padding: 12px 14px;
+ border-radius: var(--kw-radius-m);
+ cursor: pointer;
+ transition: border-color 0.16s ease, background 0.16s ease;
+}
+
+.knowledge-note-item:hover {
+ border-color: var(--kw-border);
+}
+
+.knowledge-note-item.active {
+ border-color: var(--kw-accent);
+ background: var(--kw-accent-soft);
+}
+
+.knowledge-note-item .title {
+ font-size: 0.9rem;
+ font-weight: 500;
+ margin-bottom: 4px;
+}
+
+.knowledge-note-item .excerpt {
+ font-size: 0.76rem;
+ color: var(--kw-text-muted);
+ line-height: 1.5;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+}
+
+.knowledge-note-item .meta {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ margin-top: 8px;
+ flex-wrap: wrap;
+}
+
+.knowledge-note-item .meta .tag {
+ font-size: 0.66rem;
+ padding: 2px 8px;
+ border-radius: 999px;
+ background: var(--kw-tag-bg);
+ color: var(--kw-text-muted);
+}
+
+.knowledge-note-item .meta .time {
+ margin-left: auto;
+ font-size: 0.68rem;
+ color: var(--kw-text-muted);
+ font-variant-numeric: tabular-nums;
+}
+
+.knowledge-note-preview {
+ background: var(--kw-surface);
+ border: 1px solid var(--kw-border);
+ border-radius: var(--kw-radius-l);
+ padding: 24px 28px 32px;
+ min-height: 100%;
+}
+
+.knowledge-note-preview .preview-head {
+ display: flex;
+ align-items: flex-start;
+ gap: 16px;
+ padding-bottom: 16px;
+ border-bottom: 1px solid var(--kw-border);
+ margin-bottom: 18px;
+}
+
+.knowledge-note-preview .preview-title {
+ font-size: 1.18rem;
+ font-weight: 600;
+ letter-spacing: -0.01em;
+ margin-bottom: 6px;
+}
+
+.knowledge-note-preview .preview-meta {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ flex-wrap: wrap;
+ font-size: 0.72rem;
+ color: var(--kw-text-muted);
+}
+
+.knowledge-note-preview .preview-meta .tag {
+ padding: 2px 8px;
+ border-radius: 999px;
+ background: var(--kw-tag-bg);
+}
+
+.knowledge-note-preview .preview-edit {
+ margin-left: auto;
+ appearance: none;
+ border: 1px solid var(--kw-border);
+ background: var(--kw-surface);
+ padding: 6px 14px;
+ border-radius: 999px;
+ font-size: 0.76rem;
+ color: var(--kw-text-muted);
+ cursor: pointer;
+ transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
+}
+
+.knowledge-note-preview .preview-edit:hover:not(:disabled) {
+ background: var(--kw-accent-soft);
+ border-color: var(--kw-accent);
+ color: var(--kw-accent);
+}
+
+.knowledge-note-preview .preview-edit:disabled {
+ cursor: not-allowed;
+ opacity: 0.6;
+}
+
+.knowledge-note-preview .preview-edit.is-editing {
+ background: var(--kw-accent);
+ border-color: var(--kw-accent);
+ color: #ffffff;
+}
+
+.knowledge-note-preview .preview-body {
+ /* 容器层基线；具体 markdown 元素样式见 styles/markdown.css 的 .nc-md-* 类。 */
+ font-size: 0.92rem;
+ line-height: 1.7;
+ color: var(--kw-text);
+}
+
+.knowledge-empty {
+ text-align: center;
+ color: var(--kw-text-muted);
+ padding: 60px 20px;
+}
+
+.knowledge-empty p {
+ margin: 0 0 6px;
+ font-size: 0.9rem;
+}
+
+.knowledge-empty small {
+ font-size: 0.72rem;
+}
+
+/* ───── 看板视图 ───── */
+
+.knowledge-board-pane {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 14px;
+ min-height: 100%;
+}
+
+.knowledge-board-column {
+ display: flex;
+ flex-direction: column;
+ background: var(--kw-surface-alt);
+ border-radius: var(--kw-radius-l);
+ padding: 14px 12px;
+ min-width: 0;
+}
+
+.knowledge-board-column header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 4px 10px;
+ font-size: 0.78rem;
+ font-weight: 500;
+ color: var(--kw-text-muted);
+}
+
+.knowledge-board-column header .count {
+ font-size: 0.7rem;
+ background: var(--kw-tag-bg);
+ padding: 1px 8px;
+ border-radius: 999px;
+ font-variant-numeric: tabular-nums;
+}
+
+.knowledge-board-column .cards {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+
+.knowledge-board-column .empty {
+ font-size: 0.72rem;
+ color: var(--kw-text-muted);
+ padding: 16px;
+ text-align: center;
+ border: 1px dashed var(--kw-border);
+ border-radius: var(--kw-radius-m);
+}
+
+.knowledge-board-card {
+ background: var(--kw-surface);
+ border: 1px solid var(--kw-border);
+ border-radius: var(--kw-radius-m);
+ padding: 10px 12px;
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+
+.knowledge-board-card .title {
+ font-size: 0.82rem;
+ font-weight: 500;
+ line-height: 1.45;
+}
+
+.knowledge-board-card .meta {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ flex-wrap: wrap;
+}
+
+.knowledge-board-card .tag {
+ font-size: 0.66rem;
+ padding: 2px 8px;
+ border-radius: 999px;
+ background: var(--kw-tag-bg);
+ color: var(--kw-text-muted);
+}
+
+.knowledge-board-card .linked {
+ display: inline-flex;
+ align-items: center;
+ gap: 3px;
+ font-size: 0.66rem;
+ color: var(--kw-accent);
+}
+
+.knowledge-board-card[data-status="done"] .title,
+.knowledge-board-card[data-status="archived"] .title {
+ color: var(--kw-text-muted);
+ text-decoration: line-through;
+ text-decoration-color: rgba(28, 26, 23, 0.25);
+}
+
+/* ───── 任务视图 ───── */
+
+.knowledge-tasks-pane {
+ background: var(--kw-surface);
+ border: 1px solid var(--kw-border);
+ border-radius: var(--kw-radius-l);
+ padding: 18px 22px;
+}
+
+.knowledge-tasks-tip {
+ margin: 0 0 14px;
+ font-size: 0.74rem;
+ color: var(--kw-text-muted);
+}
+
+.knowledge-task-list {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+}
+
+.knowledge-task-row {
+ display: grid;
+ grid-template-columns: 80px 1fr auto;
+ align-items: center;
+ gap: 12px;
+ padding: 10px 4px;
+ border-bottom: 1px solid var(--kw-border);
+ font-size: 0.84rem;
+}
+
+.knowledge-task-row:last-child {
+ border-bottom: none;
+}
+
+.knowledge-task-row .status-pill {
+ font-size: 0.7rem;
+ padding: 2px 10px;
+ border-radius: 999px;
+ background: var(--kw-tag-bg);
+ color: var(--kw-text-muted);
+ text-align: center;
+ width: fit-content;
+}
+
+.knowledge-task-row[data-status="doing"] .status-pill {
+ background: rgba(59, 130, 246, 0.12);
+ color: #2563eb;
+}
+
+.knowledge-task-row[data-status="done"] .status-pill {
+ background: rgba(34, 197, 94, 0.14);
+ color: #15803d;
+}
+
+.knowledge-task-row[data-status="done"] .title,
+.knowledge-task-row[data-status="archived"] .title {
+ color: var(--kw-text-muted);
+ text-decoration: line-through;
+ text-decoration-color: rgba(28, 26, 23, 0.25);
+}
+
+.knowledge-task-row .tags {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ flex-wrap: wrap;
+}
+
+.knowledge-task-row .tags .tag {
+ font-size: 0.66rem;
+ padding: 2px 8px;
+ border-radius: 999px;
+ background: var(--kw-tag-bg);
+ color: var(--kw-text-muted);
+}
+
+.knowledge-task-row .tags .linked {
+ font-size: 0.68rem;
+ color: var(--kw-accent);
+}
+
+/* ---------- Knowledge edit-strip（KnowledgeView 顶部的「编辑/完成」按钮容器） ---------- */
+
+.knowledge-main .knowledge-edit-strip {
+ display: flex;
+ justify-content: flex-end;
+ padding: 8px 24px 0;
+}
+
+.knowledge-main .knowledge-edit-strip .preview-edit {
+ appearance: none;
+ border: 1px solid var(--kw-border);
+ background: var(--kw-surface);
+ padding: 6px 14px;
+ border-radius: 999px;
+ font-size: 0.76rem;
+ color: var(--kw-text-muted);
+ cursor: pointer;
+ transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
+}
+
+.knowledge-main .knowledge-edit-strip .preview-edit:hover:not(:disabled) {
+ background: var(--kw-accent-soft);
+ border-color: var(--kw-accent);
+ color: var(--kw-accent);
+}
+
+.knowledge-main .knowledge-edit-strip .preview-edit:disabled {
+ cursor: not-allowed;
+ opacity: 0.6;
+}
+
+.knowledge-main .knowledge-edit-strip .preview-edit.is-editing {
+ background: var(--kw-accent);
+ border-color: var(--kw-accent);
+ color: #ffffff;
+}
diff --git a/apps/desktop/src/styles/markdown.css b/apps/desktop/src/styles/markdown.css
new file mode 100644
index 0000000..9d2cc10
--- /dev/null
+++ b/apps/desktop/src/styles/markdown.css
@@ -0,0 +1,268 @@
+/**
+ * 编辑器/渲染共享的 markdown 元素样式。
+ *
+ * 这些 class 由 markdownStyles.ts 派发，编辑器（Tiptap HTMLAttributes）与
+ * NotePreview 的 readonly 渲染都会命中同一份规则——做到所见即所得。
+ *
+ * 命名空间 `.nc-md-*`，避免与 panel/settings 现有 .preview-body 子规则混淆。
+ * 颜色全部走 `var(--kw-*)` token，与 knowledge 视觉协调。
+ */
+
+/* ---------- 容器基线 ---------- */
+
+.nc-md-root {
+ font-size: 0.92rem;
+ line-height: 1.7;
+ color: var(--kw-text);
+ word-wrap: break-word;
+}
+
+/* Tiptap 渲染出的 ProseMirror 根节点同样落在容器内 */
+.nc-md-root .ProseMirror {
+ outline: none;
+ min-height: 1.5em;
+}
+
+.nc-md-root .ProseMirror:focus {
+ outline: none;
+}
+
+/* ---------- 标题 ---------- */
+
+.nc-md-h1,
+.nc-md-h2,
+.nc-md-h3,
+.nc-md-h4,
+.nc-md-h5,
+.nc-md-h6 {
+ margin: 18px 0 8px;
+ line-height: 1.3;
+ color: var(--kw-text);
+}
+
+.nc-md-h1 {
+ font-size: 1.5rem;
+ font-weight: 700;
+ border-bottom: 1px solid var(--kw-border);
+ padding-bottom: 6px;
+}
+
+.nc-md-h2 {
+ font-size: 1.22rem;
+ font-weight: 600;
+ border-bottom: 1px solid var(--kw-border);
+ padding-bottom: 4px;
+}
+
+.nc-md-h3 {
+ font-size: 1.05rem;
+ font-weight: 600;
+}
+
+.nc-md-h4 {
+ font-size: 0.98rem;
+ font-weight: 600;
+}
+
+.nc-md-h5 {
+ font-size: 0.92rem;
+ font-weight: 600;
+}
+
+.nc-md-h6 {
+ font-size: 0.92rem;
+ font-weight: 500;
+ color: var(--kw-text-muted);
+}
+
+/* ---------- 段落 / 引用 / 分隔 ---------- */
+
+.nc-md-paragraph {
+ margin: 0 0 10px;
+ line-height: 1.7;
+}
+
+.nc-md-blockquote {
+ margin: 0 0 10px;
+ padding: 4px 12px;
+ border-left: 3px solid var(--kw-accent);
+ background: var(--kw-accent-soft);
+ color: var(--kw-text-muted);
+ font-style: italic;
+}
+
+.nc-md-blockquote .nc-md-paragraph {
+ margin: 0;
+}
+
+.nc-md-hr {
+ margin: 16px 0;
+ border: 0;
+ height: 0;
+ border-bottom: 1px solid var(--kw-border);
+}
+
+/* ---------- 列表 ---------- */
+
+.nc-md-bullet-list,
+.nc-md-ordered-list {
+ margin: 0 0 10px;
+ padding-left: 22px;
+}
+
+.nc-md-bullet-list {
+ list-style: disc;
+}
+
+.nc-md-ordered-list {
+ list-style: decimal;
+}
+
+.nc-md-list-item {
+ margin: 4px 0;
+ line-height: 1.7;
+}
+
+.nc-md-list-item > p {
+ margin: 0;
+}
+
+/* 任务列表 —— Tiptap TaskList/TaskItem 渲染为 ul/li，内部含 label + checkbox */
+.nc-md-task-list {
+ list-style: none;
+ margin: 0 0 10px;
+ padding-left: 4px;
+}
+
+.nc-md-task-item {
+ display: flex;
+ align-items: flex-start;
+ gap: 8px;
+ margin: 4px 0;
+ line-height: 1.7;
+}
+
+.nc-md-task-item > label {
+ flex-shrink: 0;
+ margin-top: 4px;
+}
+
+.nc-md-task-item input[type="checkbox"] {
+ width: 14px;
+ height: 14px;
+ margin: 0;
+ cursor: pointer;
+ accent-color: var(--kw-accent);
+}
+
+.nc-md-task-item > div {
+ flex: 1;
+}
+
+.nc-md-task-item > div > p {
+ margin: 0;
+}
+
+.nc-md-task-item[data-checked="true"] > div {
+ color: var(--kw-text-muted);
+ text-decoration: line-through;
+}
+
+/* ---------- 行内 ---------- */
+
+.nc-md-strong {
+ font-weight: 600;
+ color: var(--kw-text);
+}
+
+.nc-md-emphasis {
+ font-style: italic;
+}
+
+.nc-md-link {
+ color: var(--kw-accent);
+ text-decoration: underline;
+ text-underline-offset: 2px;
+ text-decoration-color: rgba(59, 130, 246, 0.5);
+ transition: text-decoration-color 0.15s ease;
+}
+
+.nc-md-link:hover {
+ text-decoration-color: var(--kw-accent);
+}
+
+.nc-md-inline-code {
+ background: var(--kw-tag-bg);
+ padding: 1px 6px;
+ border-radius: 4px;
+ font-family: "JetBrains Mono", "Fira Code", "SFMono-Regular", monospace;
+ font-size: 0.85em;
+ color: var(--kw-text);
+}
+
+/* ---------- 代码块 ---------- */
+
+.nc-md-code-block {
+ background: var(--kw-surface-alt);
+ border: 1px solid var(--kw-border);
+ border-radius: 8px;
+ padding: 12px 14px;
+ margin: 0 0 10px;
+ overflow-x: auto;
+ font-family: "JetBrains Mono", "Fira Code", "SFMono-Regular", monospace;
+ font-size: 0.85rem;
+ line-height: 1.6;
+}
+
+.nc-md-code-block code {
+ background: transparent;
+ padding: 0;
+ border: 0;
+ font-size: inherit;
+ color: var(--kw-text);
+ white-space: pre;
+}
+
+/* ---------- 标签 pill（#tag） ---------- */
+
+.nc-md-tag-pill {
+ display: inline-flex;
+ align-items: center;
+ vertical-align: baseline;
+ padding: 1px 8px;
+ font-size: 0.86em;
+ line-height: 1.4;
+ font-weight: 400;
+ border-radius: 999px;
+ border: 1px solid var(--kw-accent);
+ color: var(--kw-accent);
+ background: var(--kw-accent-soft);
+ font-family: inherit;
+}
+
+/* ---------- PreservedBlock（表格 / $$math$$ / 原生 HTML） ---------- */
+
+.nc-md-preserved-block,
+.ProseMirror pre[data-preserved-block] {
+ background: var(--kw-surface-alt);
+ border: 1px dashed var(--kw-border);
+ border-radius: 8px;
+ padding: 10px 12px;
+ margin: 0 0 10px;
+ font-family: "JetBrains Mono", "Fira Code", "SFMono-Regular", monospace;
+ font-size: 0.85rem;
+ line-height: 1.6;
+ color: var(--kw-text-muted);
+ white-space: pre-wrap;
+ word-break: break-word;
+}
+
+.nc-md-preserved-inline,
+.ProseMirror span[data-preserved-inline] {
+ font-family: "JetBrains Mono", "Fira Code", "SFMono-Regular", monospace;
+ font-size: 0.85em;
+ color: var(--kw-text-muted);
+ background: var(--kw-tag-bg);
+ padding: 1px 4px;
+ border-radius: 4px;
+}
diff --git a/apps/desktop/src/styles/panel.css b/apps/desktop/src/styles/panel.css
index 0d8e62c..eeb95cf 100644
--- a/apps/desktop/src/styles/panel.css
+++ b/apps/desktop/src/styles/panel.css
@@ -962,75 +962,6 @@
font-size: 0.78rem;
}
-/* ───── Claw steps ───── */
-.nc-claw {
- display: flex;
- flex-direction: column;
- gap: 10px;
- margin-top: 18px;
- flex: 1;
- min-height: 0;
-}
-
-.nc-claw-step {
- display: flex;
- align-items: center;
- gap: 8px;
- font-size: 0.78rem;
- opacity: 0.55;
-}
-
-.nc-claw-step.active {
- opacity: 1;
-}
-
-.nc-claw-step.done {
- opacity: 0.85;
-}
-
-.nc-claw-step .pin {
- width: 6px;
- height: 6px;
- border-radius: 50%;
- background: rgba(15, 23, 42, 0.28);
-}
-
-.nc-claw-step.active .pin {
- background: var(--blue);
- box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.22);
-}
-
-.nc-claw-step.done .pin {
- background: rgba(15, 23, 42, 0.56);
-}
-
-.nc-claw .progress {
- height: 3px;
- border-radius: 2px;
- background: rgba(15, 23, 42, 0.12);
- overflow: hidden;
-}
-
-.nc-claw .progress > i {
- display: block;
- height: 100%;
- width: 62%;
- background: var(--blue);
- border-radius: 2px;
-}
-
-.panel-shell.dark-mode .nc-claw-step .pin {
- background: rgba(255, 255, 255, 0.35);
-}
-
-.panel-shell.dark-mode .nc-claw-step.done .pin {
- background: rgba(255, 255, 255, 0.7);
-}
-
-.panel-shell.dark-mode .nc-claw .progress {
- background: rgba(255, 255, 255, 0.12);
-}
-
/* ───── Mood & State pills ───── */
.nc-mood {
display: flex;
@@ -1882,3 +1813,164 @@
justify-self: stretch;
}
}
+
+/* ───── AI 对话卡：项目范围切换 + 召回来源 ───── */
+
+.nc-chat-scope {
+ display: inline-flex;
+ gap: 2px;
+ padding: 2px;
+ background: rgba(15, 23, 42, 0.06);
+ border-radius: 999px;
+ font-size: 0.7rem;
+}
+
+.panel-shell.dark-mode .nc-chat-scope {
+ background: rgba(255, 255, 255, 0.08);
+}
+
+.nc-chat-scope button {
+ appearance: none;
+ border: none;
+ background: transparent;
+ padding: 4px 10px;
+ border-radius: 999px;
+ font-size: 0.7rem;
+ color: var(--panel-muted);
+ cursor: pointer;
+ transition: background 0.16s ease, color 0.16s ease;
+}
+
+.nc-chat-scope button.active {
+ background: #fff;
+ color: #1a1a1a;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+.panel-shell.dark-mode .nc-chat-scope button.active {
+ background: rgba(255, 255, 255, 0.92);
+}
+
+.nc-chat-sources {
+ margin-top: 10px;
+ padding: 10px 12px;
+ background: rgba(15, 23, 42, 0.04);
+ border: 1px solid rgba(15, 23, 42, 0.08);
+ border-radius: 12px;
+ font-size: 0.75rem;
+}
+
+.panel-shell.dark-mode .nc-chat-sources {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: rgba(255, 255, 255, 0.08);
+}
+
+.nc-chat-sources-head {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ font-size: 0.72rem;
+ color: var(--panel-muted);
+ margin-bottom: 8px;
+}
+
+.nc-chat-sources-head .scope-tag {
+ margin-left: auto;
+ font-size: 0.66rem;
+ padding: 1px 8px;
+ border-radius: 999px;
+ background: rgba(15, 23, 42, 0.06);
+}
+
+.panel-shell.dark-mode .nc-chat-sources-head .scope-tag {
+ background: rgba(255, 255, 255, 0.08);
+}
+
+.nc-chat-sources ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
+}
+
+.nc-chat-sources li {
+ display: flex;
+ align-items: flex-start;
+ gap: 8px;
+ padding: 8px 10px;
+ background: rgba(255, 255, 255, 0.6);
+ border-radius: 10px;
+}
+
+.panel-shell.dark-mode .nc-chat-sources li {
+ background: rgba(255, 255, 255, 0.06);
+}
+
+.nc-chat-sources .kind {
+ font-size: 0.62rem;
+ padding: 2px 7px;
+ border-radius: 999px;
+ background: rgba(59, 130, 246, 0.14);
+ color: #2563eb;
+ flex: none;
+ margin-top: 1px;
+}
+
+.nc-chat-sources .kind[data-type="task"] {
+ background: rgba(34, 197, 94, 0.14);
+ color: #15803d;
+}
+
+.nc-chat-sources .body {
+ flex: 1;
+ min-width: 0;
+}
+
+.nc-chat-sources .title {
+ font-size: 0.78rem;
+ font-weight: 500;
+ color: var(--text-main, #1a1a1a);
+}
+
+.panel-shell.dark-mode .nc-chat-sources .title {
+ color: rgba(255, 255, 255, 0.92);
+}
+
+.nc-chat-sources .excerpt {
+ font-size: 0.7rem;
+ color: var(--panel-muted);
+ margin-top: 2px;
+ line-height: 1.5;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
+
+.nc-chat-sources .open-btn {
+ appearance: none;
+ border: 1px solid rgba(15, 23, 42, 0.12);
+ background: transparent;
+ font-size: 0.66rem;
+ padding: 3px 9px;
+ border-radius: 999px;
+ color: var(--panel-muted);
+ cursor: not-allowed;
+ flex: none;
+ margin-top: 1px;
+}
+
+.panel-shell.dark-mode .nc-chat-sources .open-btn {
+ border-color: rgba(255, 255, 255, 0.16);
+}
+
+.nc-chat-degraded {
+ font-size: 0.74rem;
+ color: #f59e0b;
+ padding: 4px 8px;
+ background: rgba(245, 158, 11, 0.1);
+ border-radius: 8px;
+}
diff --git a/apps/desktop/src/styles/permission-bubble.css b/apps/desktop/src/styles/permission-bubble.css
index ec980a2..d065d31 100644
--- a/apps/desktop/src/styles/permission-bubble.css
+++ b/apps/desktop/src/styles/permission-bubble.css
@@ -40,7 +40,6 @@
background: var(--muted);
}
-.agent-avatar-mini.openclaw { background: #818cf8; }
.agent-avatar-mini.claude { background: #f0abfc; color: var(--soft); }
.agent-avatar-mini.ci { background: #38bdf8; color: var(--soft); }
@@ -109,7 +108,6 @@
flex-shrink: 0;
}
-.agent-avatar.openclaw { background: #818cf8; }
.agent-avatar.claude { background: #f0abfc; color: var(--soft); }
.agent-avatar.ci { background: #38bdf8; color: var(--soft); }
diff --git a/apps/desktop/src/views/KnowledgeView.vue b/apps/desktop/src/views/KnowledgeView.vue
new file mode 100644
index 0000000..313d644
--- /dev/null
+++ b/apps/desktop/src/views/KnowledgeView.vue
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+