@lemoncat7/dsh-knowledge 2.3.3 → 2.3.4

package/lib/client.js

@@ -25,7 +25,7 @@ __export(client_exports, {
   inject: () => inject
 });
 module.exports = __toCommonJS(client_exports);
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/workspace-ownership.ts
 var WORKSPACE_ACTIVATE_EVENT = "@lemoncat7/dsh-plugin-ui/workspace-activate";
@@ -46,11 +46,115 @@ function observePluginWorkspace(pluginId, close) {
 // src/client.tsx
 var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
 
+// src/design-tokens.ts
+var KNOWLEDGE_PALETTE = {
+  light: {
+    "--bg": "#ebebeb",
+    "--surface": "#f4f4f4",
+    "--surface-raised": "#fafafa",
+    "--surface-soft": "#eeeeef",
+    "--surface-hover": "rgb(118 118 128 / 9%)",
+    "--dialog-surface": "#f4f4f4",
+    "--menu-surface": "rgb(232 234 236 / 98%)",
+    "--menu-surface-solid": "#e8eaec",
+    "--document-surface": "rgb(218 222 226 / 32%)",
+    "--selection-background": "#b8c8d6",
+    "--selection-text": "#17212b",
+    "--activity-surface": "rgba(255, 255, 255, 0.14)",
+    "--text": "#1d1d1f",
+    "--text-secondary": "#515154",
+    "--text-tertiary": "#6e6e73",
+    "--border": "rgb(60 60 67 / 14%)",
+    "--border-strong": "rgb(60 60 67 / 24%)",
+    "--accent": "#3a3a3c",
+    "--accent-hover": "#1d1d1f",
+    "--accent-soft": "#e2e2e5",
+    "--on-accent": "#ffffff",
+    "--success": "#248a3d",
+    "--success-soft": "#e8f5eb",
+    "--warning": "#c93400",
+    "--warning-soft": "#fff1e8",
+    "--danger": "#d70015",
+    "--danger-soft": "#ffebed",
+    "--shadow": "0 24px 64px rgb(0 0 0 / 20%)"
+  },
+  dark: {
+    "--bg": "#101719",
+    "--surface": "#182022",
+    "--surface-raised": "#20292b",
+    "--surface-soft": "rgb(184 204 205 / 6%)",
+    "--surface-hover": "rgb(105 182 186 / 9%)",
+    "--dialog-surface": "#20292b",
+    "--menu-surface": "rgb(29 38 40 / 98%)",
+    "--menu-surface-solid": "#1d2628",
+    "--document-surface": "rgb(130 138 146 / 6%)",
+    "--selection-background": "#455b68",
+    "--selection-text": "#ffffff",
+    "--activity-surface": "rgb(29 36 38 / 24%)",
+    "--text": "#e3eaeb",
+    "--text-secondary": "#bbc9cc",
+    "--text-tertiary": "#95a7ab",
+    "--border": "rgb(184 204 205 / 10%)",
+    "--border-strong": "rgb(184 204 205 / 18%)",
+    "--accent": "#69b6ba",
+    "--accent-hover": "#8aced0",
+    "--accent-soft": "rgb(105 182 186 / 13%)",
+    "--on-accent": "#101819",
+    "--success": "#30d158",
+    "--success-soft": "rgb(48 209 88 / 13%)",
+    "--warning": "#ff9f0a",
+    "--warning-soft": "rgb(255 159 10 / 13%)",
+    "--danger": "#ff453a",
+    "--danger-soft": "rgb(255 69 58 / 14%)",
+    "--shadow": "0 28px 72px rgb(0 0 0 / 42%)"
+  }
+};
+var KNOWLEDGE_FONTS = {
+  "--font-ui": 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei UI", Arial, sans-serif',
+  "--font-reading": "var(--font-ui)",
+  "--font-mono": '"SFMono-Regular", "Cascadia Code", Menlo, Consolas, monospace'
+};
+var KNOWLEDGE_EMBEDDED_MATERIAL = {
+  light: {
+    "--knowledge-embedded-surface": "rgba(255, 255, 255, 0.08)",
+    "--knowledge-embedded-filter": "saturate(.65) contrast(1.015) blur(24px)",
+    "--knowledge-embedded-control": "rgba(255, 255, 255, 0.27)"
+  },
+  dark: {
+    "--knowledge-embedded-surface": "rgb(16 23 25 / 18%)",
+    "--knowledge-embedded-filter": "saturate(.55) contrast(1.02) blur(24px)",
+    "--knowledge-embedded-control": "rgb(39 50 53 / 72%)"
+  }
+};
+function declarations(tokens) {
+  return Object.entries(tokens).map(([name, value]) => name + ":" + value + ";").join("");
+}
+function knowledgeDesignCss(scope = ":root", dark = ':root[data-color-scheme="dark"]', systemMode = true) {
+  const themeTokens = (scheme) => declarations(KNOWLEDGE_PALETTE[scheme]) + declarations(KNOWLEDGE_EMBEDDED_MATERIAL[scheme]);
+  const base = scope + "{" + declarations(KNOWLEDGE_FONTS) + themeTokens("light") + "}";
+  const darkRule = dark + "{" + themeTokens("dark") + "}";
+  const automatic = systemMode ? "@media(prefers-color-scheme:dark){" + scope + ":not([data-color-scheme]){" + themeTokens("dark") + "}}" : "";
+  return base + automatic + darkRule;
+}
+
+// src/knowledge-activity-state.ts
+function availableActivitySession(state) {
+  const current = state.current;
+  return current !== void 0 && state.byId[current]?.blank === false ? String(current) : void 0;
+}
+function mergeActivitySelection(previous, next) {
+  const merged = { ...previous, ...next };
+  if ("knowledgeBaseId" in next && next.knowledgeBaseId !== previous.knowledgeBaseId && !("documentId" in next)) {
+    merged.documentId = void 0;
+  }
+  return merged;
+}
+
 // src/client.css
-var client_default = '.dsh-knowledge-trigger,\n.dsh-knowledge-activity-panel,\n.dsh-knowledge-workspace,\n.dsh-knowledge-settings-card,\n.dsh-knowledge-writeback-status {\n  color-scheme: light;\n  --knowledge-canvas: transparent;\n  --knowledge-accent: #3a3a3c;\n  --knowledge-on-accent: #fff;\n  --knowledge-danger: #d70015;\n  --knowledge-success: #248a3d;\n  --knowledge-pane: rgba(255, 255, 255, 0.16);\n  --knowledge-raised: rgba(255, 255, 255, 0.38);\n  --knowledge-control: rgba(255, 255, 255, 0.27);\n  --knowledge-border: rgb(60 60 67 / 14%);\n  --knowledge-text: #1d1d1f;\n  --knowledge-text-secondary: #515154;\n  --knowledge-text-tertiary: #747478;\n  --knowledge-hover: rgba(118, 118, 128, .1);\n  --knowledge-glare-light: rgb(255 255 255 / 70%);\n  --knowledge-glare-rim: rgb(60 60 67 / 11%);\n  --knowledge-glass-filter: saturate(1.22) contrast(1.03) blur(32px);\n  --knowledge-host-glass-filter: saturate(.18) contrast(1.015) blur(24px);\n  --knowledge-glass-shadow: inset 0 1px 0 rgb(255 255 255 / 70%), inset 0 -1px 0 rgb(60 60 67 / 11%), 0 10px 28px rgb(31 31 35 / 8.5%);\n  --knowledge-activity-surface: rgb(250 249 246 / 58%);\n  --knowledge-font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", sans-serif;\n  color: var(--knowledge-text);\n  font-family: var(--knowledge-font-family);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\nbody[data-ds-dark-theme] :is(\n  .dsh-knowledge-trigger,\n  .dsh-knowledge-activity-panel,\n  .dsh-knowledge-workspace,\n  .dsh-knowledge-settings-card,\n  .dsh-knowledge-writeback-status\n) {\n  color-scheme: dark;\n  --knowledge-canvas: transparent;\n  --knowledge-accent: #69b6ba;\n  --knowledge-on-accent: #101819;\n  --knowledge-danger: #ff453a;\n  --knowledge-success: #30d158;\n  --knowledge-pane: rgb(25 33 35 / 90%);\n  --knowledge-raised: rgb(32 41 43 / 94%);\n  --knowledge-control: rgb(39 50 53 / 92%);\n  --knowledge-border: rgb(184 204 205 / 11%);\n  --knowledge-text: #e3eaeb;\n  --knowledge-text-secondary: #bbc9cc;\n  --knowledge-text-tertiary: #95a7ab;\n  --knowledge-hover: rgb(105 182 186 / 9%);\n  --knowledge-glare-light: rgb(255 255 255 / 16%);\n  --knowledge-glare-rim: rgb(0 0 0 / 30%);\n  --knowledge-host-glass-filter: saturate(.45) contrast(1.02) blur(24px);\n  --knowledge-glass-shadow: inset 0 1px 0 rgb(255 255 255 / 16%), inset 0 -1px 0 rgb(0 0 0 / 30%), 0 12px 32px rgb(0 0 0 / 30%);\n  --knowledge-activity-surface: rgb(18 20 20 / 72%);\n}\n\n:is(\n  .dsh-knowledge-trigger,\n  .dsh-knowledge-activity-panel,\n  .dsh-knowledge-workspace,\n  .dsh-knowledge-settings-card,\n  .dsh-knowledge-writeback-status\n),\n:is(\n  .dsh-knowledge-trigger,\n  .dsh-knowledge-activity-panel,\n  .dsh-knowledge-workspace,\n  .dsh-knowledge-settings-card,\n  .dsh-knowledge-writeback-status\n) * {\n  box-sizing: border-box;\n}\n\n:is(\n  .dsh-knowledge-trigger,\n  .dsh-knowledge-activity-panel,\n  .dsh-knowledge-workspace,\n  .dsh-knowledge-settings-card,\n  .dsh-knowledge-writeback-status\n) :where(button, input, textarea, select) {\n  margin: 0;\n  color: inherit;\n  font-family: var(--knowledge-font-family);\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n}\n\n.dsh-knowledge-trigger,\n.dsh-knowledge-activity-panel button,\n.dsh-knowledge-activity-panel input,\n.dsh-knowledge-panel-state button,\n.dsh-knowledge-settings-card button,\n.dsh-knowledge-writeback-status button {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n}\n\n.dsh-knowledge-trigger {\n  position: relative;\n  flex: none;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: calc(100% + 4px);\n  height: 42px;\n  margin: 4px -2px;\n  padding: 0 10px 0 8px;\n  box-sizing: border-box;\n  border: 0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: transparent;\n  color: var(--knowledge-text);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  white-space: nowrap;\n  isolation: isolate;\n  transition:\n    color 120ms ease,\n    background-color 120ms ease,\n    box-shadow 160ms ease;\n}\n\n.dsh-knowledge-trigger:hover {\n  background: var(--knowledge-hover);\n}\n\n.dsh-knowledge-trigger:focus-visible,\n.dsh-knowledge-writeback-status button:focus-visible {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: 2px;\n}\n\n.dsh-knowledge-trigger.is-active {\n  background: var(--knowledge-control);\n  color: var(--knowledge-text);\n  box-shadow: 0 1px 2px rgb(0 0 0 / 7%), inset 0 1px 0 rgb(255 255 255 / 28%);\n}\n\n.dsh-knowledge-trigger--rail {\n  width: 36px;\n  height: 36px;\n  margin: 8px 0 4px;\n  padding: 0;\n  justify-content: center;\n  gap: 0;\n  border-radius: 50%;\n}\n\n/* Rail (collapsed) mode: the host footer seat is a horizontal row sized for a\n   single 36px circle per entry; with several entries it overflows the 56px\n   rail and the circles drift off the settings axis. Stack the entries\n   vertically, centered on the same axis as the settings circle. The --rail\n   class on the knowledge trigger is the collapsed-mode signal, so wide mode\n   is untouched. */\ndiv:has(> div[data-slot="sidebar.footer.action"] .dsh-knowledge-trigger--rail) {\n  flex-direction: column;\n  align-items: center;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-knowledge-trigger { transition: none; }\n}\n\n.dsh-knowledge-workspace {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--knowledge-canvas);\n}\n\n.dsh-knowledge-workspace-header {\n  position: relative;\n  z-index: 2;\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  min-height: 52px;\n  margin: 8px 10px 0;\n  padding: 7px 14px;\n  box-sizing: border-box;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 14px 14px 11px 11px;\n  background: transparent;\n  box-shadow: var(--knowledge-glass-shadow);\n  -webkit-backdrop-filter: var(--knowledge-host-glass-filter);\n  backdrop-filter: var(--knowledge-host-glass-filter);\n}\n\n.dsh-knowledge-workspace-header > div {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n\n.dsh-knowledge-workspace-header [data-xiaohei-workspace-close] {\n  -webkit-appearance: none;\n  appearance: none;\n  display: grid;\n  place-items: center;\n  box-sizing: border-box;\n  flex: none;\n  width: 30px;\n  height: 30px;\n  margin: 0;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  color: var(--knowledge-text-secondary);\n  background: transparent;\n  font: inherit;\n  line-height: 1;\n  -webkit-tap-highlight-color: transparent;\n  cursor: pointer;\n  transition: color 140ms ease, background 140ms ease, border-color 140ms ease, transform 140ms ease;\n}\n\n.dsh-knowledge-workspace-header [data-xiaohei-workspace-close]:hover {\n  border-color: var(--knowledge-border);\n  color: var(--knowledge-text);\n  background: var(--knowledge-control);\n}\n\n.dsh-knowledge-workspace-header [data-xiaohei-workspace-close]:active { transform: scale(.96); }\n.dsh-knowledge-workspace-header [data-xiaohei-workspace-close]:focus-visible {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: 2px;\n}\n.dsh-knowledge-workspace-header [data-xiaohei-workspace-close] > svg {\n  display: block;\n  pointer-events: none;\n}\n\n.dsh-knowledge-workspace-header > div > span {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.dsh-knowledge-workspace-header h2,\n.dsh-knowledge-workspace-header p {\n  margin: 0;\n}\n\n.dsh-knowledge-workspace-header h2 {\n  color: var(--knowledge-text);\n  font-size: 15px;\n  line-height: 22px;\n  font-weight: 600;\n}\n\n.dsh-knowledge-workspace-header p {\n  color: var(--knowledge-text-secondary);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.dsh-knowledge-frame {\n  flex: 1;\n  display: block;\n  width: 100%;\n  min-height: 0;\n  margin: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n  -webkit-backdrop-filter: none;\n  backdrop-filter: none;\n}\n\n.dsh-knowledge-panel-state {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  min-height: 0;\n  margin: 8px 10px 10px;\n  padding: 32px;\n  box-sizing: border-box;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 15px;\n  background: var(--knowledge-pane);\n  box-shadow: var(--knowledge-glass-shadow);\n  -webkit-backdrop-filter: var(--knowledge-host-glass-filter);\n  backdrop-filter: var(--knowledge-host-glass-filter);\n  color: var(--knowledge-text);\n}\n\n.dsh-knowledge-panel-state-icon {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 12px;\n  background: var(--knowledge-hover);\n  color: var(--knowledge-text-secondary);\n  font-size: 18px;\n  font-weight: 600;\n}\n\n.dsh-knowledge-panel-state > div { max-width: 560px; }\n.dsh-knowledge-panel-state h3 { margin: 0 0 6px; font-size: 17px; line-height: 24px; font-weight: 600; }\n.dsh-knowledge-panel-state p { margin: 0; color: var(--knowledge-text-secondary); font-size: 13px; line-height: 20px; }\n.dsh-knowledge-panel-state button {\n  min-width: 72px;\n  min-height: 32px;\n  margin-top: 16px;\n  padding: 6px 14px;\n  border: 0;\n  border-radius: 10px;\n  background: var(--knowledge-accent);\n  color: var(--knowledge-on-accent);\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-knowledge-panel-state button:focus-visible {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: 2px;\n}\n\n.dsh-knowledge-settings-card {\n  list-style: none;\n  overflow: hidden;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 14px;\n  background:\n    linear-gradient(145deg, color-mix(in srgb, var(--knowledge-glare-light) 16%, transparent), transparent 58%),\n    var(--knowledge-pane);\n  color: var(--knowledge-text);\n  box-shadow: var(--knowledge-glass-shadow), 0 8px 24px rgb(0 0 0 / 5%);\n  -webkit-backdrop-filter: var(--knowledge-glass-filter);\n  backdrop-filter: var(--knowledge-glass-filter);\n  transition: border-color .16s, background .16s, box-shadow .2s, transform .2s cubic-bezier(.22, 1, .36, 1);\n}\n.dsh-knowledge-settings-card:hover {\n  border-color: color-mix(in srgb, var(--knowledge-border) 68%, var(--knowledge-text-secondary));\n  box-shadow: var(--knowledge-glass-shadow), 0 12px 30px rgb(0 0 0 / 8%);\n  transform: translateY(-1px);\n}\n.dsh-knowledge-settings-card--open {\n  border-color: color-mix(in srgb, var(--knowledge-border) 68%, var(--knowledge-text-secondary));\n  background: var(--knowledge-pane);\n}\n.dsh-knowledge-settings-header { display: flex; width: 100%; align-items: center; gap: 12px; padding: 14px 16px; border: 0; border-radius: 12px; background: transparent; color: inherit; text-align: left; cursor: pointer; font: inherit; }\n.dsh-knowledge-settings-header:focus-visible {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: -2px;\n}\n.dsh-knowledge-settings-actions button:focus-visible,\n.dsh-knowledge-settings-load-error button:focus-visible {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: 2px;\n}\n.dsh-knowledge-settings-header > span:first-child { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 4px; }\n.dsh-knowledge-settings-header strong { font-size: 15px; font-weight: 600; line-height: 1.4; }\n.dsh-knowledge-settings-header small { color: var(--knowledge-text-tertiary); font-size: 13px; line-height: 1.5; }\n.dsh-knowledge-source-picker small,\n.dsh-knowledge-remote-fields small { color: var(--knowledge-text-secondary); font-size: 12px; }\n.dsh-knowledge-settings-summary { display: flex; flex: none; align-items: center; gap: 10px; color: var(--knowledge-text-tertiary); font-size: 12px; }\n.dsh-knowledge-settings-summary i { width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform 160ms ease; }\n.dsh-knowledge-settings-card--open .dsh-knowledge-settings-summary i { transform: rotate(225deg); }\n\n.dsh-knowledge-settings-body {\n  display: grid;\n  gap: 18px;\n  margin: 0 16px;\n  padding-bottom: 8px;\n  border-top: 1px solid var(--knowledge-border);\n}\n\n.dsh-knowledge-source-picker {\n  min-width: 0;\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n  margin: 18px 0 0;\n  padding: 0;\n  border: 0;\n}\n\n.dsh-knowledge-source-picker legend { margin-bottom: 8px; padding: 0; color: inherit; font-size: 13px; font-weight: 600; }\n.dsh-knowledge-source-picker label {\n  display: flex;\n  gap: 10px;\n  padding: 13px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 14px;\n  cursor: pointer;\n}\n.dsh-knowledge-source-picker label.is-selected {\n  border-color: var(--knowledge-accent);\n  background: color-mix(in srgb, var(--knowledge-accent) 7%, transparent);\n}\n.dsh-knowledge-source-picker label.is-disabled {\n  cursor: default;\n  opacity: .55;\n}\n.dsh-knowledge-source-picker label:focus-within {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: 2px;\n}\n.dsh-knowledge-source-picker input {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 16px;\n  height: 16px;\n  display: inline-grid;\n  place-content: center;\n  flex: none;\n  margin: 2px 0 0;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 50%;\n  background: var(--knowledge-control);\n  color: var(--knowledge-on-accent);\n  cursor: pointer;\n  transition: border-color .15s ease, background-color .15s ease;\n}\n.dsh-knowledge-source-picker input::before {\n  content: "";\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0;\n  transform: scale(.55);\n  transition: opacity .12s ease, transform .15s cubic-bezier(.2, .8, .2, 1);\n}\n.dsh-knowledge-source-picker input:checked { border-color: var(--knowledge-accent); background: var(--knowledge-accent); }\n.dsh-knowledge-source-picker input:checked::before { opacity: 1; transform: scale(1); }\n.dsh-knowledge-source-picker input:disabled { cursor: default; }\n.dsh-knowledge-source-picker span { display: grid; gap: 3px; }\n\n.dsh-knowledge-remote-fields { display: grid; grid-template-columns: 1.25fr 1fr; gap: 12px; }\n.dsh-knowledge-remote-fields label,\n.dsh-knowledge-timeout-field { display: grid; gap: 6px; color: var(--knowledge-text-secondary); font-size: 12px; }\n.dsh-knowledge-remote-fields input,\n.dsh-knowledge-timeout-field input {\n  -webkit-appearance: none;\n  appearance: none;\n  min-height: 38px;\n  box-sizing: border-box;\n  padding: 8px 11px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 10px;\n  outline: none;\n  background: var(--knowledge-control);\n  color: var(--knowledge-text);\n  font: inherit;\n}\n.dsh-knowledge-remote-fields input:focus,\n.dsh-knowledge-timeout-field input:focus { border-color: var(--knowledge-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--knowledge-accent) 16%, transparent); }\n.dsh-knowledge-remote-fields input:-webkit-autofill,\n.dsh-knowledge-remote-fields input:-webkit-autofill:hover,\n.dsh-knowledge-remote-fields input:-webkit-autofill:focus {\n  -webkit-text-fill-color: var(--knowledge-text);\n  box-shadow: 0 0 0 1000px var(--knowledge-control) inset;\n  caret-color: var(--knowledge-text);\n}\n.dsh-knowledge-timeout-field input::-webkit-inner-spin-button,\n.dsh-knowledge-timeout-field input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }\n.dsh-knowledge-timeout-field { max-width: 240px; }\n.dsh-knowledge-field-error { color: var(--knowledge-danger) !important; }\n\n.dsh-knowledge-settings-message,\n.dsh-knowledge-settings-note { margin: 0; color: var(--knowledge-text-secondary); font-size: 12px; }\n.dsh-knowledge-settings-message.is-success { color: var(--knowledge-success); }\n.dsh-knowledge-settings-message.is-error { color: var(--knowledge-danger); }\n.dsh-knowledge-settings-load-error {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 18px;\n  padding: 12px 14px;\n  border-radius: 12px;\n  background: color-mix(in srgb, var(--knowledge-danger) 8%, transparent);\n  color: var(--knowledge-danger);\n  font-size: 13px;\n}\n.dsh-knowledge-settings-load-error p { margin: 0; }\n.dsh-knowledge-settings-load-error button {\n  flex: none;\n  min-height: 30px;\n  padding: 5px 10px;\n  border: 0;\n  border-radius: 9px;\n  background: var(--knowledge-control);\n  color: var(--knowledge-text);\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-knowledge-settings-actions { display: flex; justify-content: flex-end; gap: 8px; }\n.dsh-knowledge-settings-actions button {\n  min-height: 34px;\n  padding: 7px 13px;\n  border: 0;\n  border-radius: 10px;\n  background: var(--knowledge-hover);\n  color: var(--knowledge-text);\n  cursor: pointer;\n  font: inherit;\n  font-size: 13px;\n}\n.dsh-knowledge-settings-actions button.is-primary { background: var(--knowledge-accent); color: var(--knowledge-on-accent); }\n.dsh-knowledge-settings-actions button:disabled { cursor: default; opacity: .45; }\n\n@media (max-width: 720px) {\n  .dsh-knowledge-source-picker,\n  .dsh-knowledge-remote-fields { grid-template-columns: 1fr; }\n  .dsh-knowledge-settings-summary { font-size: 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-knowledge-settings-card,\n  .dsh-knowledge-settings-header,\n  .dsh-knowledge-settings-summary i { transition: none; }\n}\n\n.dsh-knowledge-writeback-status {\n  display: grid;\n  gap: 5px;\n  min-width: 0;\n  color: var(--knowledge-text-tertiary);\n  font-size: 12px;\n  line-height: 1.5;\n}\n.dsh-knowledge-writeback-summary {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-width: 0;\n}\n.dsh-knowledge-writeback-status strong {\n  color: var(--knowledge-text-secondary);\n  font-weight: 600;\n}\n.dsh-knowledge-writeback-status button {\n  min-height: 24px;\n  padding: 0 9px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 7px;\n  color: var(--knowledge-text-secondary);\n  background: var(--knowledge-control);\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-knowledge-writeback-status button:disabled { cursor: default; opacity: .5; }\n.dsh-knowledge-writeback-destinations {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2px 12px;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.dsh-knowledge-writeback-destinations li {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-width: 0;\n  max-width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n}\n.dsh-knowledge-writeback-base,\n.dsh-knowledge-writeback-separator {\n  flex: none;\n}\n.dsh-knowledge-writeback-separator {\n  color: var(--knowledge-text-tertiary);\n}\n.dsh-knowledge-writeback-destinations strong {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-knowledge-writeback-status .dsh-knowledge-writeback-document {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  min-height: 24px;\n  padding: 0 3px;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--knowledge-text-secondary);\n  text-decoration: underline;\n  text-decoration-color: transparent;\n  text-underline-offset: 3px;\n  transition: color 120ms ease, background-color 120ms ease, text-decoration-color 120ms ease;\n}\n.dsh-knowledge-writeback-status .dsh-knowledge-writeback-document:hover {\n  background: var(--knowledge-hover);\n  color: var(--knowledge-text);\n  text-decoration-color: currentColor;\n}\n.dsh-knowledge-writeback-document strong { color: inherit; }\n.dsh-knowledge-writeback-destinations small {\n  flex: none;\n  color: var(--knowledge-text-secondary);\n  font: inherit;\n  white-space: nowrap;\n}\n.dsh-knowledge-writeback-destinations small[data-disposition="written"] { color: var(--knowledge-success); }\n.dsh-knowledge-writeback-error {\n  max-width: min(720px, 100%);\n  margin: 0;\n  color: var(--knowledge-danger);\n  overflow-wrap: anywhere;\n}\n';
+var client_default = '.dsh-knowledge-trigger,\n.dsh-knowledge-activity-panel,\n.dsh-knowledge-workspace,\n.dsh-knowledge-settings-card,\n.dsh-knowledge-writeback-notice {\n  color-scheme: light;\n  --knowledge-canvas: transparent;\n  --knowledge-accent: var(--accent);\n  --knowledge-on-accent: var(--on-accent);\n  --knowledge-danger: var(--danger);\n  --knowledge-success: var(--success);\n  --knowledge-pane: rgba(255, 255, 255, 0.16);\n  --knowledge-raised: rgba(255, 255, 255, 0.38);\n  --knowledge-control: rgba(255, 255, 255, 0.27);\n  --knowledge-border: var(--border);\n  --knowledge-text: var(--text);\n  --knowledge-text-secondary: var(--text-secondary);\n  --knowledge-text-tertiary: var(--text-tertiary);\n  --knowledge-hover: var(--surface-hover);\n  --knowledge-glare-light: rgb(255 255 255 / 70%);\n  --knowledge-glare-rim: rgb(60 60 67 / 11%);\n  --knowledge-glass-filter: saturate(1.22) contrast(1.03) blur(32px);\n  --knowledge-host-glass-filter: saturate(.18) contrast(1.015) blur(24px);\n  --knowledge-glass-shadow: inset 0 1px 0 rgb(255 255 255 / 70%), inset 0 -1px 0 rgb(60 60 67 / 11%), 0 10px 28px rgb(31 31 35 / 8.5%);\n  --knowledge-font-family: var(--font-ui);\n  color: var(--knowledge-text);\n  font-family: var(--knowledge-font-family);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\nbody[data-ds-dark-theme] :is(\n  .dsh-knowledge-trigger,\n  .dsh-knowledge-activity-panel,\n  .dsh-knowledge-workspace,\n  .dsh-knowledge-settings-card,\n  .dsh-knowledge-writeback-notice\n) {\n  color-scheme: dark;\n  --knowledge-canvas: transparent;\n  --knowledge-accent: var(--accent);\n  --knowledge-on-accent: var(--on-accent);\n  --knowledge-danger: var(--danger);\n  --knowledge-success: var(--success);\n  --knowledge-pane: rgb(25 33 35 / 90%);\n  --knowledge-raised: rgb(32 41 43 / 94%);\n  --knowledge-control: rgb(39 50 53 / 92%);\n  --knowledge-border: var(--border);\n  --knowledge-text: var(--text);\n  --knowledge-text-secondary: var(--text-secondary);\n  --knowledge-text-tertiary: var(--text-tertiary);\n  --knowledge-hover: var(--surface-hover);\n  --knowledge-glare-light: rgb(255 255 255 / 16%);\n  --knowledge-glare-rim: rgb(0 0 0 / 30%);\n  --knowledge-host-glass-filter: saturate(.45) contrast(1.02) blur(24px);\n  --knowledge-glass-shadow: inset 0 1px 0 rgb(255 255 255 / 16%), inset 0 -1px 0 rgb(0 0 0 / 30%), 0 12px 32px rgb(0 0 0 / 30%);\n}\n\n:is(\n  .dsh-knowledge-trigger,\n  .dsh-knowledge-activity-panel,\n  .dsh-knowledge-workspace,\n  .dsh-knowledge-settings-card,\n  .dsh-knowledge-writeback-notice\n),\n:is(\n  .dsh-knowledge-trigger,\n  .dsh-knowledge-activity-panel,\n  .dsh-knowledge-workspace,\n  .dsh-knowledge-settings-card,\n  .dsh-knowledge-writeback-notice\n) * {\n  box-sizing: border-box;\n}\n\n:is(\n  .dsh-knowledge-trigger,\n  .dsh-knowledge-activity-panel,\n  .dsh-knowledge-workspace,\n  .dsh-knowledge-settings-card,\n  .dsh-knowledge-writeback-notice\n) :where(button, input, textarea, select) {\n  margin: 0;\n  color: inherit;\n  font-family: var(--knowledge-font-family);\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n}\n\n.dsh-knowledge-trigger,\n.dsh-knowledge-activity-panel button,\n.dsh-knowledge-activity-panel input,\n.dsh-knowledge-panel-state button,\n.dsh-knowledge-settings-card button,\n.dsh-knowledge-writeback-notice button {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n}\n\n.dsh-knowledge-trigger {\n  position: relative;\n  flex: none;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: calc(100% + 8px);\n  height: 34px;\n  margin: 4px -4px;\n  padding: 6px 2px 6px 10px;\n  box-sizing: border-box;\n  border: 0;\n  border-radius: 12px;\n  overflow: hidden;\n  background: transparent;\n  color: var(--knowledge-text);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  white-space: nowrap;\n  isolation: isolate;\n  transition:\n    color 120ms ease,\n    background-color 120ms ease,\n    box-shadow 160ms ease;\n}\n\n.dsh-knowledge-trigger:hover {\n  background: var(--knowledge-hover);\n}\n\n.dsh-knowledge-trigger:focus-visible,\n.dsh-knowledge-writeback-notice button:focus-visible {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: 2px;\n}\n\n.dsh-knowledge-trigger.is-active {\n  background: var(--knowledge-control);\n  color: var(--knowledge-text);\n  box-shadow: 0 1px 2px rgb(0 0 0 / 7%), inset 0 1px 0 rgb(255 255 255 / 28%);\n}\n\n.dsh-knowledge-trigger--rail {\n  width: 36px;\n  height: 36px;\n  margin: 8px 0 10px;\n  padding: 0;\n  justify-content: center;\n  gap: 0;\n  border-radius: 50%;\n}\n\n.dsh-knowledge-trigger--rail { margin-inline: auto; }\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-knowledge-trigger { transition: none; }\n}\n\n.dsh-knowledge-workspace {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--knowledge-canvas);\n}\n\n.dsh-knowledge-workspace-header {\n  position: relative;\n  z-index: 2;\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  min-height: 52px;\n  margin: 8px 10px 0;\n  padding: 7px 14px;\n  box-sizing: border-box;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 14px 14px 11px 11px;\n  background: transparent;\n  box-shadow: var(--knowledge-glass-shadow);\n  -webkit-backdrop-filter: var(--knowledge-host-glass-filter);\n  backdrop-filter: var(--knowledge-host-glass-filter);\n}\n\n.dsh-knowledge-workspace-header > div {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n\n.dsh-knowledge-workspace-header [data-knowledge-workspace-close] {\n  -webkit-appearance: none;\n  appearance: none;\n  display: grid;\n  place-items: center;\n  box-sizing: border-box;\n  flex: none;\n  width: 30px;\n  height: 30px;\n  margin: 0;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  color: var(--knowledge-text-secondary);\n  background: transparent;\n  font: inherit;\n  line-height: 1;\n  -webkit-tap-highlight-color: transparent;\n  cursor: pointer;\n  transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease;\n}\n\n.dsh-knowledge-workspace-header [data-knowledge-workspace-close]:hover {\n  border-color: var(--knowledge-border);\n  color: var(--knowledge-text);\n  background: var(--knowledge-control);\n}\n\n.dsh-knowledge-workspace-header [data-knowledge-workspace-close]:active { border-color: var(--knowledge-text-secondary); }\n.dsh-knowledge-workspace-header [data-knowledge-workspace-close]:focus-visible {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: 2px;\n}\n.dsh-knowledge-workspace-header [data-knowledge-workspace-close] > svg {\n  display: block;\n  pointer-events: none;\n}\n\n.dsh-knowledge-workspace-header > div > span {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.dsh-knowledge-workspace-header h2,\n.dsh-knowledge-workspace-header p {\n  margin: 0;\n}\n\n.dsh-knowledge-workspace-header h2 {\n  color: var(--knowledge-text);\n  font-size: 15px;\n  line-height: 22px;\n  font-weight: 600;\n}\n\n.dsh-knowledge-workspace-header p {\n  color: var(--knowledge-text-secondary);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.dsh-knowledge-frame {\n  flex: 1;\n  display: block;\n  width: 100%;\n  min-height: 0;\n  margin: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n  -webkit-backdrop-filter: none;\n  backdrop-filter: none;\n}\n\n.dsh-knowledge-panel-state {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  min-height: 0;\n  margin: 8px 10px 10px;\n  padding: 32px;\n  box-sizing: border-box;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 15px;\n  background: var(--knowledge-pane);\n  box-shadow: var(--knowledge-glass-shadow);\n  -webkit-backdrop-filter: var(--knowledge-host-glass-filter);\n  backdrop-filter: var(--knowledge-host-glass-filter);\n  color: var(--knowledge-text);\n}\n\n.dsh-knowledge-panel-state-icon {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 12px;\n  background: var(--knowledge-hover);\n  color: var(--knowledge-text-secondary);\n  font-size: 18px;\n  font-weight: 600;\n}\n\n.dsh-knowledge-panel-state > div { max-width: 560px; }\n.dsh-knowledge-panel-state h3 { margin: 0 0 6px; font-size: 17px; line-height: 24px; font-weight: 600; }\n.dsh-knowledge-panel-state p { margin: 0; color: var(--knowledge-text-secondary); font-size: 13px; line-height: 20px; }\n.dsh-knowledge-panel-state button {\n  min-width: 72px;\n  min-height: 32px;\n  margin-top: 16px;\n  padding: 6px 14px;\n  border: 0;\n  border-radius: 10px;\n  background: var(--knowledge-accent);\n  color: var(--knowledge-on-accent);\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-knowledge-panel-state button:focus-visible {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: 2px;\n}\n\n.dsh-knowledge-settings-card {\n  list-style: none;\n  overflow: hidden;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 14px;\n  background:\n    linear-gradient(145deg, color-mix(in srgb, var(--knowledge-glare-light) 16%, transparent), transparent 58%),\n    var(--knowledge-pane);\n  color: var(--knowledge-text);\n  box-shadow: var(--knowledge-glass-shadow), 0 8px 24px rgb(0 0 0 / 5%);\n  -webkit-backdrop-filter: var(--knowledge-glass-filter);\n  backdrop-filter: var(--knowledge-glass-filter);\n  transition: border-color 120ms ease, background-color 120ms ease;\n}\n.dsh-knowledge-settings-card:hover {\n  border-color: color-mix(in srgb, var(--knowledge-border) 68%, var(--knowledge-text-secondary));\n}\n.dsh-knowledge-settings-card--open {\n  border-color: color-mix(in srgb, var(--knowledge-border) 68%, var(--knowledge-text-secondary));\n  background: var(--knowledge-pane);\n}\n.dsh-knowledge-settings-header { display: flex; width: 100%; align-items: center; gap: 12px; padding: 14px 16px; border: 0; border-radius: 12px; background: transparent; color: inherit; text-align: left; cursor: pointer; font: inherit; }\n.dsh-knowledge-settings-header:focus-visible {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: -2px;\n}\n.dsh-knowledge-settings-actions button:focus-visible,\n.dsh-knowledge-settings-load-error button:focus-visible {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: 2px;\n}\n.dsh-knowledge-settings-header > span:first-child { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 4px; }\n.dsh-knowledge-settings-header strong { font-size: 15px; font-weight: 600; line-height: 1.4; }\n.dsh-knowledge-settings-header small { color: var(--knowledge-text-tertiary); font-size: 13px; line-height: 1.5; }\n.dsh-knowledge-source-picker small,\n.dsh-knowledge-remote-fields small { color: var(--knowledge-text-secondary); font-size: 12px; }\n.dsh-knowledge-settings-summary { display: flex; flex: none; align-items: center; gap: 10px; color: var(--knowledge-text-tertiary); font-size: 12px; }\n.dsh-knowledge-settings-summary i { width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform 160ms ease; }\n.dsh-knowledge-settings-card--open .dsh-knowledge-settings-summary i { transform: rotate(225deg); }\n\n.dsh-knowledge-settings-body {\n  display: grid;\n  gap: 18px;\n  margin: 0 16px;\n  padding-bottom: 8px;\n  border-top: 1px solid var(--knowledge-border);\n}\n\n.dsh-knowledge-source-picker {\n  min-width: 0;\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n  margin: 18px 0 0;\n  padding: 0;\n  border: 0;\n}\n\n.dsh-knowledge-source-picker legend { margin-bottom: 8px; padding: 0; color: inherit; font-size: 13px; font-weight: 600; }\n.dsh-knowledge-source-picker label {\n  display: flex;\n  gap: 10px;\n  padding: 13px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 14px;\n  cursor: pointer;\n}\n.dsh-knowledge-source-picker label.is-selected {\n  border-color: var(--knowledge-accent);\n  background: color-mix(in srgb, var(--knowledge-accent) 7%, transparent);\n}\n.dsh-knowledge-source-picker label.is-disabled {\n  cursor: default;\n  opacity: .55;\n}\n.dsh-knowledge-source-picker label:focus-within {\n  outline: 2px solid var(--knowledge-accent);\n  outline-offset: 2px;\n}\n.dsh-knowledge-source-picker input {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 16px;\n  height: 16px;\n  display: inline-grid;\n  place-content: center;\n  flex: none;\n  margin: 2px 0 0;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 50%;\n  background: var(--knowledge-control);\n  color: var(--knowledge-on-accent);\n  cursor: pointer;\n  transition: border-color .15s ease, background-color .15s ease;\n}\n.dsh-knowledge-source-picker input::before {\n  content: "";\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0;\n  transform: scale(.55);\n  transition: opacity .12s ease, transform .15s cubic-bezier(.2, .8, .2, 1);\n}\n.dsh-knowledge-source-picker input:checked { border-color: var(--knowledge-accent); background: var(--knowledge-accent); }\n.dsh-knowledge-source-picker input:checked::before { opacity: 1; transform: scale(1); }\n.dsh-knowledge-source-picker input:disabled { cursor: default; }\n.dsh-knowledge-source-picker span { display: grid; gap: 3px; }\n\n.dsh-knowledge-remote-fields { display: grid; grid-template-columns: 1.25fr 1fr; gap: 12px; }\n.dsh-knowledge-remote-fields label,\n.dsh-knowledge-timeout-field { display: grid; gap: 6px; color: var(--knowledge-text-secondary); font-size: 12px; }\n.dsh-knowledge-remote-fields input,\n.dsh-knowledge-timeout-field input {\n  -webkit-appearance: none;\n  appearance: none;\n  min-height: 38px;\n  box-sizing: border-box;\n  padding: 8px 11px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 10px;\n  outline: none;\n  background: var(--knowledge-control);\n  color: var(--knowledge-text);\n  font: inherit;\n}\n.dsh-knowledge-remote-fields input:focus,\n.dsh-knowledge-timeout-field input:focus { border-color: var(--knowledge-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--knowledge-accent) 16%, transparent); }\n.dsh-knowledge-remote-fields input:-webkit-autofill,\n.dsh-knowledge-remote-fields input:-webkit-autofill:hover,\n.dsh-knowledge-remote-fields input:-webkit-autofill:focus {\n  -webkit-text-fill-color: var(--knowledge-text);\n  box-shadow: 0 0 0 1000px var(--knowledge-control) inset;\n  caret-color: var(--knowledge-text);\n}\n.dsh-knowledge-timeout-field input::-webkit-inner-spin-button,\n.dsh-knowledge-timeout-field input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }\n.dsh-knowledge-timeout-field { max-width: 240px; }\n.dsh-knowledge-field-error { color: var(--knowledge-danger) !important; }\n\n.dsh-knowledge-settings-message,\n.dsh-knowledge-settings-note { margin: 0; color: var(--knowledge-text-secondary); font-size: 12px; }\n.dsh-knowledge-settings-message.is-success { color: var(--knowledge-success); }\n.dsh-knowledge-settings-message.is-error { color: var(--knowledge-danger); }\n.dsh-knowledge-settings-load-error {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 18px;\n  padding: 12px 14px;\n  border-radius: 12px;\n  background: color-mix(in srgb, var(--knowledge-danger) 8%, transparent);\n  color: var(--knowledge-danger);\n  font-size: 13px;\n}\n.dsh-knowledge-settings-load-error p { margin: 0; }\n.dsh-knowledge-settings-load-error button {\n  flex: none;\n  min-height: 30px;\n  padding: 5px 10px;\n  border: 0;\n  border-radius: 9px;\n  background: var(--knowledge-control);\n  color: var(--knowledge-text);\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-knowledge-settings-actions { display: flex; justify-content: flex-end; gap: 8px; }\n.dsh-knowledge-settings-actions button {\n  min-height: 34px;\n  padding: 7px 13px;\n  border: 0;\n  border-radius: 10px;\n  background: var(--knowledge-hover);\n  color: var(--knowledge-text);\n  cursor: pointer;\n  font: inherit;\n  font-size: 13px;\n}\n.dsh-knowledge-settings-actions button.is-primary { background: var(--knowledge-accent); color: var(--knowledge-on-accent); }\n.dsh-knowledge-settings-actions button:disabled { cursor: default; opacity: .45; }\n\n@media (max-width: 720px) {\n  .dsh-knowledge-source-picker,\n  .dsh-knowledge-remote-fields { grid-template-columns: 1fr; }\n  .dsh-knowledge-settings-summary { font-size: 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-knowledge-settings-card,\n  .dsh-knowledge-settings-header,\n  .dsh-knowledge-settings-summary i { transition: none; }\n}\n\n.dsh-knowledge-writeback-notice {\n  display: grid;\n  gap: 5px;\n  min-width: 0;\n  color: var(--knowledge-text-tertiary);\n  font-size: 12px;\n  line-height: 1.5;\n}\n.dsh-knowledge-writeback-summary {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-width: 0;\n}\n.dsh-knowledge-writeback-notice strong {\n  color: var(--knowledge-text-secondary);\n  font-weight: 600;\n}\n.dsh-knowledge-writeback-notice button {\n  min-height: 24px;\n  padding: 0 9px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 7px;\n  color: var(--knowledge-text-secondary);\n  background: var(--knowledge-control);\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-knowledge-writeback-notice button:disabled { cursor: default; opacity: .5; }\n.dsh-knowledge-writeback-destinations {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2px 12px;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.dsh-knowledge-writeback-destinations li {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-width: 0;\n  max-width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n}\n.dsh-knowledge-writeback-base,\n.dsh-knowledge-writeback-separator {\n  flex: none;\n}\n.dsh-knowledge-writeback-separator {\n  color: var(--knowledge-text-tertiary);\n}\n.dsh-knowledge-writeback-destinations strong {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-knowledge-writeback-notice .dsh-knowledge-writeback-document {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  min-height: 24px;\n  padding: 0 3px;\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--knowledge-text-secondary);\n  text-decoration: underline;\n  text-decoration-color: transparent;\n  text-underline-offset: 3px;\n  transition: color 120ms ease, background-color 120ms ease, text-decoration-color 120ms ease;\n}\n.dsh-knowledge-writeback-notice .dsh-knowledge-writeback-document:hover {\n  background: var(--knowledge-hover);\n  color: var(--knowledge-text);\n  text-decoration-color: currentColor;\n}\n.dsh-knowledge-writeback-document strong { color: inherit; }\n.dsh-knowledge-writeback-destinations small {\n  flex: none;\n  color: var(--knowledge-text-secondary);\n  font: inherit;\n  white-space: nowrap;\n}\n.dsh-knowledge-writeback-destinations small[data-disposition="written"] { color: var(--knowledge-success); }\n.dsh-knowledge-writeback-error {\n  max-width: min(720px, 100%);\n  margin: 0;\n  color: var(--knowledge-danger);\n  overflow-wrap: anywhere;\n}\n';
 
 // src/knowledge-activity.css
-var knowledge_activity_default = '.dsh-knowledge-activity-panel {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  color: var(--knowledge-text);\n  background: var(--knowledge-activity-surface);\n  -webkit-backdrop-filter: var(--knowledge-host-glass-filter);\n  backdrop-filter: var(--knowledge-host-glass-filter);\n  box-shadow: inset 1px 0 0 var(--knowledge-border);\n  font-family: var(--knowledge-font-family);\n  font-size: 13px;\n  line-height: 1.5;\n  animation: dsh-knowledge-activity-enter 180ms cubic-bezier(.2, .8, .2, 1) both;\n}\n\n.dsh-knowledge-activity-panel *,\n.dsh-knowledge-activity-panel *::before,\n.dsh-knowledge-activity-panel *::after { box-sizing: border-box; }\n\n.dsh-knowledge-activity-panel :where(button, input) {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  color: inherit;\n  font: inherit;\n  letter-spacing: inherit;\n}\n\n.dsh-knowledge-activity-header {\n  display: flex;\n  min-height: 58px;\n  padding: 0 12px 0 15px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  border-bottom: 1px solid var(--knowledge-border);\n  background: color-mix(in srgb, var(--knowledge-raised) 54%, transparent);\n}\n\n.dsh-knowledge-activity-tabs {\n  display: grid;\n  min-height: 43px;\n  flex: none;\n  grid-template-columns: 1fr 1fr;\n  gap: 4px;\n  padding: 5px 10px;\n  border-bottom: 1px solid var(--knowledge-border);\n  background: color-mix(in srgb, var(--knowledge-raised) 30%, transparent);\n}\n.dsh-knowledge-activity-tabs button {\n  display: inline-flex;\n  min-width: 0;\n  min-height: 32px;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 0 10px;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  color: var(--knowledge-text-tertiary);\n  background: transparent;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 580;\n}\n.dsh-knowledge-activity-tabs button:hover { color: var(--knowledge-text); background: var(--knowledge-hover); }\n.dsh-knowledge-activity-tabs button.is-active {\n  border-color: var(--knowledge-border);\n  color: var(--knowledge-text);\n  background: var(--knowledge-control);\n  box-shadow: inset 0 1px 0 var(--knowledge-glare-light);\n}\n\n.dsh-knowledge-activity-title,\n.dsh-knowledge-activity-header-actions { display: flex; min-width: 0; align-items: center; gap: 9px; }\n.dsh-knowledge-activity-title > span:last-child { display: grid; min-width: 0; gap: 1px; }\n.dsh-knowledge-activity-title strong { overflow: hidden; font-size: 14px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-title small { overflow: hidden; color: var(--knowledge-text-tertiary); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }\n\n.dsh-knowledge-activity-mark,\n.dsh-knowledge-activity-document-icon,\n.dsh-knowledge-activity-row-icon {\n  display: grid;\n  flex: none;\n  place-items: center;\n  border: 1px solid color-mix(in srgb, var(--knowledge-accent) 18%, transparent);\n  color: var(--knowledge-accent);\n  background: color-mix(in srgb, var(--knowledge-accent) 6%, transparent);\n}\n\n.dsh-knowledge-activity-mark { width: 27px; height: 27px; border: 0; border-radius: 8px; background: transparent; }\n.dsh-knowledge-activity-icon-button {\n  display: grid;\n  width: 32px;\n  height: 32px;\n  flex: none;\n  place-items: center;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  color: var(--knowledge-text-secondary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-knowledge-activity-icon-button:hover { border-color: var(--knowledge-border); color: var(--knowledge-text); background: var(--knowledge-hover); }\n.dsh-knowledge-activity-icon-button:focus-visible,\n.dsh-knowledge-activity-panel button:focus-visible,\n.dsh-knowledge-activity-panel input:focus-visible { outline: 2px solid var(--knowledge-accent); outline-offset: 2px; }\n\n.dsh-knowledge-activity-browser,\n.dsh-knowledge-activity-reader {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n  padding: 14px 14px 16px;\n}\n\n.dsh-knowledge-activity-search {\n  display: flex;\n  min-height: 40px;\n  flex: none;\n  align-items: center;\n  gap: 8px;\n  padding: 0 10px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 10px;\n  color: var(--knowledge-text-tertiary);\n  background: var(--knowledge-control);\n}\n.dsh-knowledge-activity-search:focus-within { border-color: color-mix(in srgb, var(--knowledge-accent) 50%, var(--knowledge-border)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--knowledge-accent) 10%, transparent); }\n.dsh-knowledge-activity-search input { min-width: 0; height: 38px; flex: 1; padding: 0; border: 0; outline: 0 !important; color: var(--knowledge-text); background: transparent; box-shadow: none; }\n.dsh-knowledge-activity-search input::placeholder { color: var(--knowledge-text-tertiary); opacity: 1; }\n.dsh-knowledge-activity-search > button { display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 0; border-radius: 8px; color: var(--knowledge-text-tertiary); background: transparent; cursor: pointer; }\n.dsh-knowledge-activity-search > button:hover { color: var(--knowledge-text); background: var(--knowledge-hover); }\n\n.dsh-knowledge-activity-scope { position: relative; z-index: 3; flex: none; margin-top: 10px; }\n.dsh-knowledge-activity-breadcrumbs {\n  display: flex;\n  min-height: 37px;\n  flex: none;\n  align-items: center;\n  gap: 1px;\n  overflow-x: auto;\n  padding: 5px 1px 2px;\n  color: var(--knowledge-text-tertiary);\n  scrollbar-width: none;\n}\n.dsh-knowledge-activity-breadcrumbs::-webkit-scrollbar { display: none; }\n.dsh-knowledge-activity-breadcrumbs span { display: inline-flex; flex: none; align-items: center; gap: 1px; }\n.dsh-knowledge-activity-breadcrumbs button {\n  max-width: 130px;\n  min-height: 28px;\n  overflow: hidden;\n  padding: 0 7px;\n  border: 0;\n  border-radius: 7px;\n  color: inherit;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  background: transparent;\n  cursor: pointer;\n  font-size: 11px;\n}\n.dsh-knowledge-activity-breadcrumbs button:hover { color: var(--knowledge-text); background: var(--knowledge-hover); }\n.dsh-knowledge-activity-breadcrumbs button[aria-current="location"] { color: var(--knowledge-text-secondary); font-weight: 620; }\n.dsh-knowledge-activity-scope-trigger {\n  display: grid;\n  width: 100%;\n  min-height: 48px;\n  grid-template-columns: 30px minmax(0, 1fr) 20px;\n  align-items: center;\n  gap: 8px;\n  padding: 5px 9px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 10px;\n  text-align: left;\n  background: color-mix(in srgb, var(--knowledge-control) 72%, transparent);\n  cursor: pointer;\n}\n.dsh-knowledge-activity-scope-trigger:hover { background: var(--knowledge-control); }\n.dsh-knowledge-activity-scope-trigger > span:nth-child(2) { display: grid; min-width: 0; gap: 1px; }\n.dsh-knowledge-activity-scope-trigger small { color: var(--knowledge-text-tertiary); font-size: 10px; }\n.dsh-knowledge-activity-scope-trigger strong { overflow: hidden; font-size: 12px; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-scope-trigger > svg { color: var(--knowledge-text-tertiary); transition: transform 140ms ease; }\n.dsh-knowledge-activity-scope-trigger > svg.is-open { transform: rotate(180deg); }\n.dsh-knowledge-activity-scope-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: var(--knowledge-accent); background: color-mix(in srgb, var(--knowledge-accent) 8%, transparent); }\n.dsh-knowledge-activity-scope-menu {\n  position: absolute;\n  z-index: 6;\n  top: calc(100% + 6px);\n  right: 0;\n  left: 0;\n  max-height: min(320px, 44vh);\n  overflow-y: auto;\n  padding: 5px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 12px;\n  background: var(--knowledge-activity-surface);\n  box-shadow: 0 16px 38px rgb(24 30 32 / 18%), inset 0 1px 0 var(--knowledge-glare-light);\n  -webkit-backdrop-filter: var(--knowledge-glass-filter);\n  backdrop-filter: var(--knowledge-glass-filter);\n}\n.dsh-knowledge-activity-scope-menu button { display: flex; width: 100%; min-height: 46px; align-items: center; gap: 9px; padding: 6px 9px; border: 0; border-radius: 8px; text-align: left; background: transparent; cursor: pointer; }\n.dsh-knowledge-activity-scope-menu button:hover { background: var(--knowledge-hover); }\n.dsh-knowledge-activity-scope-menu button.is-active { background: var(--knowledge-control); }\n.dsh-knowledge-activity-scope-menu button > svg { flex: none; color: var(--knowledge-text-secondary); }\n.dsh-knowledge-activity-scope-menu button > span { display: grid; min-width: 0; gap: 1px; }\n.dsh-knowledge-activity-scope-menu button strong { overflow: hidden; font-size: 12px; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-scope-menu button small { color: var(--knowledge-text-tertiary); font-size: 10px; }\n\n.dsh-knowledge-activity-list-heading {\n  display: flex;\n  min-height: 46px;\n  flex: none;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 8px 2px 6px;\n  border-bottom: 1px solid var(--knowledge-border);\n}\n.dsh-knowledge-activity-list-heading > span { display: grid; min-width: 0; }\n.dsh-knowledge-activity-list-heading strong { overflow: hidden; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-list-heading small { color: var(--knowledge-text-tertiary); font-size: 11px; }\n\n.dsh-knowledge-activity-list {\n  min-height: 0;\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: 0 0 20px;\n  scrollbar-color: color-mix(in srgb, var(--knowledge-text-tertiary) 35%, transparent) transparent;\n  scrollbar-width: thin;\n}\n.dsh-knowledge-activity-row {\n  display: flex;\n  width: 100%;\n  min-height: 61px;\n  align-items: center;\n  gap: 9px;\n  padding: 8px 6px;\n  border: 0;\n  border-bottom: 1px solid color-mix(in srgb, var(--knowledge-border) 72%, transparent);\n  border-radius: 0;\n  text-align: left;\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-knowledge-activity-row:hover { border-radius: 8px; background: var(--knowledge-hover); }\n.dsh-knowledge-activity-row:disabled { cursor: default; opacity: .58; }\n.dsh-knowledge-activity-row:disabled:hover { border-radius: 0; background: transparent; }\n.dsh-knowledge-activity-row-icon { width: 27px; height: 27px; border: 0; border-radius: 0; background: transparent; }\n.dsh-knowledge-activity-row-copy { display: grid; min-width: 0; flex: 1; gap: 2px; }\n.dsh-knowledge-activity-row-copy strong,\n.dsh-knowledge-activity-row-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-row-copy strong { color: var(--knowledge-text); font-size: 13px; font-weight: 600; }\n.dsh-knowledge-activity-row-copy small { color: var(--knowledge-text-tertiary); font-size: 10px; }\n.dsh-knowledge-activity-row-meta { display: grid; flex: none; justify-items: end; align-items: center; gap: 3px; color: var(--knowledge-text-tertiary); font-size: 10px; }\n.dsh-knowledge-activity-row-meta em { padding: 1px 5px; border-radius: 999px; color: var(--knowledge-text-secondary); background: var(--knowledge-control); font-style: normal; }\n.dsh-knowledge-activity-load-more { display: block; min-height: 36px; margin: 8px auto 0; padding: 0 14px; border: 1px solid var(--knowledge-border); border-radius: 10px; color: var(--knowledge-text-secondary); background: var(--knowledge-control); cursor: pointer; }\n.dsh-knowledge-activity-load-more:hover:not(:disabled) { color: var(--knowledge-text); background: var(--knowledge-hover); }\n\n.dsh-knowledge-activity-reader-bar {\n  display: flex;\n  min-height: 38px;\n  flex: none;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  border-bottom: 1px solid var(--knowledge-border);\n  color: var(--knowledge-text-tertiary);\n  font-size: 11px;\n}\n.dsh-knowledge-activity-back { display: inline-flex; min-height: 32px; align-items: center; gap: 4px; padding: 0 7px 0 4px; border: 0; border-radius: 8px; color: var(--knowledge-text-secondary); background: transparent; cursor: pointer; font-size: 12px !important; }\n.dsh-knowledge-activity-back:hover { color: var(--knowledge-text); background: var(--knowledge-hover); }\n.dsh-knowledge-activity-document-heading { display: flex; flex: none; align-items: center; gap: 10px; padding: 16px 4px 13px; }\n.dsh-knowledge-activity-document-icon { width: 36px; height: 36px; border-radius: 11px; }\n.dsh-knowledge-activity-document-heading > div { min-width: 0; }\n.dsh-knowledge-activity-document-heading h2 { overflow: hidden; margin: 0; font-size: 16px; line-height: 22px; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-document-heading p { overflow: hidden; margin: 1px 0 0; color: var(--knowledge-text-tertiary); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }\n\n.dsh-knowledge-activity-markdown {\n  min-height: 0;\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 5px 44px;\n  color: var(--knowledge-text);\n  font-size: 13px;\n  line-height: 1.75;\n  overflow-wrap: anywhere;\n  scrollbar-color: color-mix(in srgb, var(--knowledge-text-tertiary) 35%, transparent) transparent;\n  scrollbar-width: thin;\n}\n.dsh-knowledge-activity-markdown :where(h1, h2, h3, h4) { margin: 1.35em 0 .55em; color: var(--knowledge-text); line-height: 1.35; font-weight: 680; }\n.dsh-knowledge-activity-markdown h1 { font-size: 18px; }\n.dsh-knowledge-activity-markdown h2 { padding-bottom: .35em; border-bottom: 1px solid var(--knowledge-border); font-size: 16px; }\n.dsh-knowledge-activity-markdown h3 { font-size: 14px; }\n.dsh-knowledge-activity-markdown :where(p, ul, ol, blockquote, pre, table) { margin: .7em 0; }\n.dsh-knowledge-activity-markdown :where(ul, ol) { padding-left: 1.5em; }\n.dsh-knowledge-activity-markdown a { color: var(--knowledge-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }\n.dsh-knowledge-activity-markdown blockquote { margin-left: 0; padding: .15em 0 .15em 12px; border-left: 3px solid color-mix(in srgb, var(--knowledge-accent) 40%, transparent); color: var(--knowledge-text-secondary); }\n.dsh-knowledge-activity-markdown :where(code, pre) { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }\n.dsh-knowledge-activity-markdown code { padding: .14em .32em; border-radius: 5px; background: var(--knowledge-control); font-size: .92em; }\n.dsh-knowledge-activity-markdown pre { overflow-x: auto; padding: 11px 12px; border: 1px solid var(--knowledge-border); border-radius: 10px; background: var(--knowledge-control); }\n.dsh-knowledge-activity-markdown pre code { padding: 0; background: transparent; }\n.dsh-knowledge-activity-markdown table { width: 100%; border-collapse: collapse; font-size: 12px; }\n.dsh-knowledge-activity-markdown :where(th, td) { padding: 6px 7px; border: 1px solid var(--knowledge-border); text-align: left; }\n.dsh-knowledge-activity-markdown img { display: block; max-width: 100%; height: auto; border-radius: 10px; }\n\n.dsh-knowledge-activity-state,\n.dsh-knowledge-activity-error,\n.dsh-knowledge-activity-empty { margin: auto; text-align: center; }\n.dsh-knowledge-activity-state { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 28px 10px; color: var(--knowledge-text-tertiary); }\n.dsh-knowledge-activity-state > span { width: 8px; height: 8px; border: 2px solid var(--knowledge-border); border-top-color: var(--knowledge-accent); border-radius: 50%; animation: dsh-knowledge-activity-spin .8s linear infinite; }\n.dsh-knowledge-activity-error,\n.dsh-knowledge-activity-empty { display: grid; max-width: 260px; justify-items: center; gap: 6px; padding: 32px 12px; }\n.dsh-knowledge-activity-error strong,\n.dsh-knowledge-activity-empty strong { font-size: 13px; font-weight: 650; }\n.dsh-knowledge-activity-error p,\n.dsh-knowledge-activity-empty p { margin: 0; color: var(--knowledge-text-tertiary); font-size: 11px; line-height: 1.65; }\n.dsh-knowledge-activity-empty > span { display: grid; width: 40px; height: 40px; margin-bottom: 3px; place-items: center; border-radius: 13px; color: var(--knowledge-text-secondary); background: var(--knowledge-control); }\n.dsh-knowledge-activity-error > button { min-height: 34px; margin-top: 6px; padding: 0 13px; border: 1px solid var(--knowledge-border); border-radius: 9px; background: var(--knowledge-control); cursor: pointer; }\n.dsh-knowledge-activity-error > button:hover { background: var(--knowledge-hover); }\n\n@keyframes dsh-knowledge-activity-enter { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: translateX(0); } }\n@keyframes dsh-knowledge-activity-spin { to { transform: rotate(360deg); } }\n\n@media (max-width: 460px) {\n  .dsh-knowledge-activity-header { padding-inline: 10px; }\n  .dsh-knowledge-activity-browser,\n  .dsh-knowledge-activity-reader { padding: 10px 10px max(14px, env(safe-area-inset-bottom)); }\n  .dsh-knowledge-activity-search input { font-size: 16px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-knowledge-activity-panel,\n  .dsh-knowledge-activity-state > span { animation: none; transition: none; }\n}\n';
+var knowledge_activity_default = '.dsh-knowledge-activity-viewport {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  overflow: hidden;\n  contain: layout paint;\n}\n\n.dsh-knowledge-activity-panel {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  color: var(--knowledge-text);\n  background: var(--activity-surface);\n  -webkit-backdrop-filter: var(--knowledge-embedded-filter);\n  backdrop-filter: var(--knowledge-embedded-filter);\n  box-shadow: inset 1px 0 0 var(--knowledge-border);\n  font-family: var(--knowledge-font-family);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.dsh-knowledge-activity-panel *,\n.dsh-knowledge-activity-panel *::before,\n.dsh-knowledge-activity-panel *::after { box-sizing: border-box; }\n\n.dsh-knowledge-activity-panel ::selection { background: var(--selection-background); color: var(--selection-text); }\n\n.dsh-knowledge-activity-panel :where(button, input) {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  color: inherit;\n  font: inherit;\n  letter-spacing: inherit;\n}\n\n.dsh-knowledge-activity-header {\n  display: flex;\n  min-height: 58px;\n  padding: 0 12px 0 15px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  border-bottom: 1px solid var(--knowledge-border);\n  background: transparent;\n}\n\n.dsh-knowledge-activity-tabs {\n  display: grid;\n  min-height: 43px;\n  flex: none;\n  grid-template-columns: 1fr 1fr;\n  gap: 4px;\n  padding: 5px 10px;\n  border-bottom: 1px solid var(--knowledge-border);\n  background: transparent;\n}\n.dsh-knowledge-activity-tabs button {\n  display: inline-flex;\n  min-width: 0;\n  min-height: 32px;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 0 10px;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  color: var(--knowledge-text-tertiary);\n  background: transparent;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 580;\n}\n.dsh-knowledge-activity-tabs button:hover { color: var(--knowledge-text); background: var(--knowledge-hover); }\n.dsh-knowledge-activity-tabs button.is-active {\n  border-color: var(--knowledge-border);\n  color: var(--knowledge-text);\n  background: var(--knowledge-embedded-control);\n  box-shadow: inset 0 1px 0 var(--knowledge-glare-light);\n}\n\n.dsh-knowledge-activity-title,\n.dsh-knowledge-activity-header-actions { display: flex; min-width: 0; align-items: center; gap: 9px; }\n.dsh-knowledge-activity-title > span:last-child { display: grid; min-width: 0; gap: 1px; }\n.dsh-knowledge-activity-title strong { overflow: hidden; font-size: 14px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-title small { overflow: hidden; color: var(--knowledge-text-tertiary); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }\n\n.dsh-knowledge-activity-mark,\n.dsh-knowledge-activity-document-icon,\n.dsh-knowledge-activity-row-icon {\n  display: grid;\n  flex: none;\n  place-items: center;\n  border: 1px solid color-mix(in srgb, var(--knowledge-accent) 18%, transparent);\n  color: var(--knowledge-accent);\n  background: color-mix(in srgb, var(--knowledge-accent) 6%, transparent);\n}\n\n.dsh-knowledge-activity-mark { width: 27px; height: 27px; border: 0; border-radius: 8px; background: transparent; }\n.dsh-knowledge-activity-icon-button {\n  display: grid;\n  width: 32px;\n  height: 32px;\n  flex: none;\n  place-items: center;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  color: var(--knowledge-text-secondary);\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-knowledge-activity-icon-button:hover { border-color: var(--knowledge-border); color: var(--knowledge-text); background: var(--knowledge-hover); }\n.dsh-knowledge-activity-icon-button:focus-visible,\n.dsh-knowledge-activity-panel button:focus-visible,\n.dsh-knowledge-activity-panel input:focus-visible { outline: 2px solid var(--knowledge-accent); outline-offset: 2px; }\n\n.dsh-knowledge-activity-browser,\n.dsh-knowledge-activity-reader {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n  padding: 14px 14px 16px;\n}\n\n.dsh-knowledge-activity-search {\n  display: flex;\n  min-height: 40px;\n  flex: none;\n  align-items: center;\n  gap: 8px;\n  padding: 0 10px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 10px;\n  color: var(--knowledge-text-tertiary);\n  background: var(--knowledge-embedded-control);\n}\n.dsh-knowledge-activity-search:focus-within { border-color: color-mix(in srgb, var(--knowledge-accent) 50%, var(--knowledge-border)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--knowledge-accent) 10%, transparent); }\n.dsh-knowledge-activity-search input { min-width: 0; height: 38px; flex: 1; padding: 0; border: 0; outline: 0 !important; color: var(--knowledge-text); background: transparent; box-shadow: none; }\n.dsh-knowledge-activity-search input::placeholder { color: var(--knowledge-text-tertiary); opacity: 1; }\n.dsh-knowledge-activity-search > button { display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 0; border-radius: 8px; color: var(--knowledge-text-tertiary); background: transparent; cursor: pointer; }\n.dsh-knowledge-activity-search > button:hover { color: var(--knowledge-text); background: var(--knowledge-hover); }\n\n.dsh-knowledge-activity-scope { position: relative; z-index: 3; flex: none; margin-top: 10px; }\n.dsh-knowledge-activity-breadcrumbs {\n  display: flex;\n  min-height: 37px;\n  flex: none;\n  align-items: center;\n  gap: 1px;\n  overflow-x: auto;\n  padding: 5px 1px 2px;\n  color: var(--knowledge-text-tertiary);\n  scrollbar-width: none;\n}\n.dsh-knowledge-activity-breadcrumbs::-webkit-scrollbar { display: none; }\n.dsh-knowledge-activity-breadcrumbs span { display: inline-flex; flex: none; align-items: center; gap: 1px; }\n.dsh-knowledge-activity-breadcrumbs button {\n  max-width: 130px;\n  min-height: 28px;\n  overflow: hidden;\n  padding: 0 7px;\n  border: 0;\n  border-radius: 7px;\n  color: inherit;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  background: transparent;\n  cursor: pointer;\n  font-size: 11px;\n}\n.dsh-knowledge-activity-breadcrumbs button:hover { color: var(--knowledge-text); background: var(--knowledge-hover); }\n.dsh-knowledge-activity-breadcrumbs button[aria-current="location"] { color: var(--knowledge-text-secondary); font-weight: 620; }\n.dsh-knowledge-activity-scope-trigger {\n  display: grid;\n  width: 100%;\n  min-height: 48px;\n  grid-template-columns: 30px minmax(0, 1fr) 20px;\n  align-items: center;\n  gap: 8px;\n  padding: 5px 9px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 10px;\n  text-align: left;\n  background: color-mix(in srgb, var(--knowledge-embedded-control) 72%, transparent);\n  cursor: pointer;\n}\n.dsh-knowledge-activity-scope-trigger:hover { background: var(--knowledge-embedded-control); }\n.dsh-knowledge-activity-scope-trigger > span:nth-child(2) { display: grid; min-width: 0; gap: 1px; }\n.dsh-knowledge-activity-scope-trigger small { color: var(--knowledge-text-tertiary); font-size: 10px; }\n.dsh-knowledge-activity-scope-trigger strong { overflow: hidden; font-size: 12px; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-scope-trigger > svg { color: var(--knowledge-text-tertiary); transition: transform 140ms ease; }\n.dsh-knowledge-activity-scope-trigger > svg.is-open { transform: rotate(180deg); }\n.dsh-knowledge-activity-scope-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: var(--knowledge-accent); background: color-mix(in srgb, var(--knowledge-accent) 8%, transparent); }\n.dsh-knowledge-activity-scope-menu {\n  position: absolute;\n  z-index: 6;\n  top: calc(100% + 6px);\n  right: 0;\n  left: 0;\n  max-height: min(320px, 44vh);\n  overflow-y: auto;\n  padding: 5px;\n  border: 1px solid var(--knowledge-border);\n  border-radius: 12px;\n  background: var(--dialog-surface);\n  box-shadow: 0 16px 38px rgb(24 30 32 / 18%), inset 0 1px 0 var(--knowledge-glare-light);\n  -webkit-backdrop-filter: none;\n  backdrop-filter: none;\n}\n.dsh-knowledge-activity-scope-menu button { display: flex; width: 100%; min-height: 46px; align-items: center; gap: 9px; padding: 6px 9px; border: 0; border-radius: 8px; text-align: left; background: transparent; cursor: pointer; }\n.dsh-knowledge-activity-scope-menu button:hover { background: var(--knowledge-hover); }\n.dsh-knowledge-activity-scope-menu button.is-active { background: var(--knowledge-embedded-control); }\n.dsh-knowledge-activity-scope-menu button > svg { flex: none; color: var(--knowledge-text-secondary); }\n.dsh-knowledge-activity-scope-menu button > span { display: grid; min-width: 0; gap: 1px; }\n.dsh-knowledge-activity-scope-menu button strong { overflow: hidden; font-size: 12px; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-scope-menu button small { color: var(--knowledge-text-tertiary); font-size: 10px; }\n\n.dsh-knowledge-activity-list-heading {\n  display: flex;\n  min-height: 46px;\n  flex: none;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 8px 2px 6px;\n  border-bottom: 1px solid var(--knowledge-border);\n}\n.dsh-knowledge-activity-list-heading > span { display: grid; min-width: 0; }\n.dsh-knowledge-activity-list-heading strong { overflow: hidden; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-list-heading small { color: var(--knowledge-text-tertiary); font-size: 11px; }\n\n.dsh-knowledge-activity-list {\n  min-height: 0;\n  flex: 1;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: 0 0 20px;\n  scrollbar-color: color-mix(in srgb, var(--knowledge-text-tertiary) 35%, transparent) transparent;\n  scrollbar-width: thin;\n}\n.dsh-knowledge-activity-row {\n  display: flex;\n  width: 100%;\n  min-height: 61px;\n  align-items: center;\n  gap: 9px;\n  padding: 8px 6px;\n  border: 0;\n  border-bottom: 1px solid color-mix(in srgb, var(--knowledge-border) 72%, transparent);\n  border-radius: 0;\n  text-align: left;\n  background: transparent;\n  cursor: pointer;\n}\n.dsh-knowledge-activity-row:hover { border-radius: 8px; background: var(--knowledge-hover); }\n.dsh-knowledge-activity-row:disabled { cursor: default; opacity: .58; }\n.dsh-knowledge-activity-row:disabled:hover { border-radius: 0; background: transparent; }\n.dsh-knowledge-activity-row-icon { width: 27px; height: 27px; border: 0; border-radius: 0; background: transparent; }\n.dsh-knowledge-activity-row-copy { display: grid; min-width: 0; flex: 1; gap: 2px; }\n.dsh-knowledge-activity-row-copy strong,\n.dsh-knowledge-activity-row-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-row-copy strong { color: var(--knowledge-text); font-size: 13px; font-weight: 600; }\n.dsh-knowledge-activity-row-copy small { color: var(--knowledge-text-tertiary); font-size: 10px; }\n.dsh-knowledge-activity-row-meta { display: grid; flex: none; justify-items: end; align-items: center; gap: 3px; color: var(--knowledge-text-tertiary); font-size: 10px; }\n.dsh-knowledge-activity-row-meta em { padding: 1px 5px; border-radius: 999px; color: var(--knowledge-text-secondary); background: var(--knowledge-embedded-control); font-style: normal; }\n.dsh-knowledge-activity-load-more { display: block; min-height: 36px; margin: 8px auto 0; padding: 0 14px; border: 1px solid var(--knowledge-border); border-radius: 10px; color: var(--knowledge-text-secondary); background: var(--knowledge-embedded-control); cursor: pointer; }\n.dsh-knowledge-activity-load-more:hover:not(:disabled) { color: var(--knowledge-text); background: var(--knowledge-hover); }\n\n.dsh-knowledge-activity-reader-bar {\n  display: flex;\n  min-height: 38px;\n  flex: none;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  border-bottom: 1px solid var(--knowledge-border);\n  color: var(--knowledge-text-tertiary);\n  font-size: 11px;\n}\n.dsh-knowledge-activity-back { display: inline-flex; min-height: 32px; align-items: center; gap: 4px; padding: 0 7px 0 4px; border: 0; border-radius: 8px; color: var(--knowledge-text-secondary); background: transparent; cursor: pointer; font-size: 12px !important; }\n.dsh-knowledge-activity-back:hover { color: var(--knowledge-text); background: var(--knowledge-hover); }\n.dsh-knowledge-activity-document-heading { display: flex; flex: none; align-items: center; gap: 10px; padding: 16px 4px 13px; }\n.dsh-knowledge-activity-document-icon { width: 36px; height: 36px; border-radius: 11px; }\n.dsh-knowledge-activity-document-heading > div { min-width: 0; }\n.dsh-knowledge-activity-document-heading h2 { overflow: hidden; margin: 0; font-size: 16px; line-height: 22px; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-knowledge-activity-document-heading p { overflow: hidden; margin: 1px 0 0; color: var(--knowledge-text-tertiary); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }\n\n.dsh-knowledge-activity-markdown {\n  min-height: 0;\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 5px 44px;\n  color: var(--knowledge-text);\n  font-size: 13px;\n  line-height: 1.75;\n  overflow-wrap: anywhere;\n  scrollbar-color: color-mix(in srgb, var(--knowledge-text-tertiary) 35%, transparent) transparent;\n  scrollbar-width: thin;\n}\n.dsh-knowledge-activity-markdown :where(h1, h2, h3, h4, h5, h6) { margin: 1.35em 0 .55em; color: var(--knowledge-text); line-height: 1.35; font-weight: 650; }\n.dsh-knowledge-activity-markdown h1 { font-size: 18px; }\n.dsh-knowledge-activity-markdown h2 { padding-bottom: .35em; border-bottom: 1px solid var(--knowledge-border); font-size: 16px; }\n.dsh-knowledge-activity-markdown h3 { font-size: 14px; }\n.dsh-knowledge-activity-markdown :where(h4, h5, h6) { font-size: 13px; }\n.dsh-knowledge-activity-markdown hr { height: 1px; margin: 18px 0; border: 0; background: var(--knowledge-border); }\n.dsh-knowledge-activity-markdown summary { cursor: pointer; color: var(--knowledge-text); }\n.dsh-knowledge-activity-markdown :where(p, ul, ol, blockquote, pre, table) { margin: .7em 0; }\n.dsh-knowledge-activity-markdown :where(ul, ol) { padding-left: 1.5em; }\n.dsh-knowledge-activity-markdown a { color: var(--knowledge-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }\n.dsh-knowledge-activity-markdown blockquote { margin-left: 0; padding: .15em 0 .15em 12px; border-left: 3px solid color-mix(in srgb, var(--knowledge-accent) 40%, transparent); color: var(--knowledge-text-secondary); }\n.dsh-knowledge-activity-markdown :where(code, pre) { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }\n.dsh-knowledge-activity-markdown code { padding: .14em .32em; border-radius: 5px; background: var(--knowledge-embedded-control); font-size: .92em; }\n.dsh-knowledge-activity-markdown pre { overflow-x: auto; padding: 11px 12px; border: 1px solid var(--knowledge-border); border-radius: 10px; background: var(--knowledge-embedded-control); }\n.dsh-knowledge-activity-markdown pre code { padding: 0; background: transparent; }\n.dsh-knowledge-activity-markdown table { width: 100%; border-collapse: collapse; font-size: 12px; }\n.dsh-knowledge-activity-markdown :where(th, td) { padding: 6px 7px; border: 1px solid var(--knowledge-border); text-align: left; }\n.dsh-knowledge-activity-markdown img { display: block; max-width: 100%; height: auto; border-radius: 10px; }\n\n.dsh-knowledge-activity-state,\n.dsh-knowledge-activity-error,\n.dsh-knowledge-activity-empty { margin: auto; text-align: center; }\n.dsh-knowledge-activity-state { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 28px 10px; color: var(--knowledge-text-tertiary); }\n.dsh-knowledge-activity-state > span { width: 8px; height: 8px; border: 2px solid var(--knowledge-border); border-top-color: var(--knowledge-accent); border-radius: 50%; animation: dsh-knowledge-activity-spin .8s linear infinite; }\n.dsh-knowledge-activity-error,\n.dsh-knowledge-activity-empty { display: grid; max-width: 260px; justify-items: center; gap: 6px; padding: 32px 12px; }\n.dsh-knowledge-activity-error strong,\n.dsh-knowledge-activity-empty strong { font-size: 13px; font-weight: 650; }\n.dsh-knowledge-activity-error p,\n.dsh-knowledge-activity-empty p { margin: 0; color: var(--knowledge-text-tertiary); font-size: 11px; line-height: 1.65; }\n.dsh-knowledge-activity-empty > span { display: grid; width: 40px; height: 40px; margin-bottom: 3px; place-items: center; border-radius: 13px; color: var(--knowledge-text-secondary); background: var(--knowledge-embedded-control); }\n.dsh-knowledge-activity-error > button { min-height: 34px; margin-top: 6px; padding: 0 13px; border: 1px solid var(--knowledge-border); border-radius: 9px; background: var(--knowledge-embedded-control); cursor: pointer; }\n.dsh-knowledge-activity-error > button:hover { background: var(--knowledge-hover); }\n\n@keyframes dsh-knowledge-activity-spin { to { transform: rotate(360deg); } }\n\n@media (max-width: 460px) {\n  .dsh-knowledge-activity-header { padding-inline: 10px; }\n  .dsh-knowledge-activity-browser,\n  .dsh-knowledge-activity-reader { padding: 10px 10px max(14px, env(safe-area-inset-bottom)); }\n  .dsh-knowledge-activity-search input { font-size: 16px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-knowledge-activity-panel,\n  .dsh-knowledge-activity-state > span,\n  .dsh-knowledge-activity-scope-trigger > svg { animation: none; transition: none; }\n}\n';
 
 // src/knowledge-activity-panel.tsx
 var import_react2 = require("react");
@@ -136,6 +240,20 @@ function isRecord(value) {
 var import_react = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
+// src/latest-request.ts
+var LatestRequest = class {
+  current;
+  start() {
+    this.cancel();
+    this.current = new AbortController();
+    return this.current.signal;
+  }
+  cancel() {
+    this.current?.abort();
+    this.current = void 0;
+  }
+};
+
 // node_modules/dompurify/dist/purify.es.mjs
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -3008,7 +3126,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 function KnowledgeActivityNotes({ sessionId, projectId, controller }) {
   const initial = controller.selection(sessionId);
   const [folderId, setFolderId] = (0, import_react.useState)(initial.noteFolderId ?? null);
-  const [crumbs, setCrumbs] = (0, import_react.useState)([{ id: null, name: "\u5168\u90E8\u7B14\u8BB0" }]);
+  const [crumbs, setCrumbs] = (0, import_react.useState)(initial.noteCrumbs ?? [{ id: null, name: "\u5168\u90E8\u7B14\u8BB0" }]);
   const [selectedId, setSelectedId] = (0, import_react.useState)(initial.noteDocumentId);
   const [nodes, setNodes] = (0, import_react.useState)([]);
   const [content, setContent] = (0, import_react.useState)();
@@ -3017,8 +3135,10 @@ function KnowledgeActivityNotes({ sessionId, projectId, controller }) {
   const [listState, setListState] = (0, import_react.useState)("loading");
   const [contentState, setContentState] = (0, import_react.useState)("idle");
   const [error, setError] = (0, import_react.useState)("");
+  const listRequest = (0, import_react.useRef)(new LatestRequest());
   const [refresh, setRefresh] = (0, import_react.useState)(0);
-  const loadNodes = (0, import_react.useCallback)(async (signal) => {
+  const loadNodes = (0, import_react.useCallback)(async () => {
+    const signal = listRequest.current.start();
     setListState("loading");
     setError("");
     try {
@@ -3029,6 +3149,7 @@ function KnowledgeActivityNotes({ sessionId, projectId, controller }) {
         query,
         ...signal === void 0 ? {} : { signal }
       });
+      if (signal.aborted) return;
       setNodes(value);
       setListState("ready");
     } catch (reason) {
@@ -3038,10 +3159,9 @@ function KnowledgeActivityNotes({ sessionId, projectId, controller }) {
     }
   }, [folderId, projectId, query, sessionId]);
   (0, import_react.useEffect)(() => {
-    const abort = new AbortController();
-    void loadNodes(abort.signal);
+    void loadNodes();
     return () => {
-      abort.abort();
+      listRequest.current.cancel();
     };
   }, [loadNodes, refresh]);
   (0, import_react.useEffect)(() => {
@@ -3059,6 +3179,7 @@ function KnowledgeActivityNotes({ sessionId, projectId, controller }) {
       ...projectId === void 0 ? {} : { projectId },
       signal: abort.signal
     }).then((value) => {
+      if (abort.signal.aborted) return;
       setContent(value);
       setContentState("ready");
     }).catch((reason) => {
@@ -3072,16 +3193,18 @@ function KnowledgeActivityNotes({ sessionId, projectId, controller }) {
   }, [projectId, refresh, selectedId, sessionId]);
   const openFolder = (node) => {
     setFolderId(node.id);
-    setCrumbs((current) => [...current, { id: node.id, name: node.name }]);
+    const nextCrumbs = [...crumbs, { id: node.id, name: node.name }];
+    setCrumbs(nextCrumbs);
     setQuery("");
     setQueryInput("");
-    controller.select(sessionId, { ...controller.selection(sessionId), mode: "notes", noteFolderId: node.id, noteDocumentId: void 0 });
+    controller.select(sessionId, { mode: "notes", noteFolderId: node.id, noteDocumentId: void 0, noteCrumbs: nextCrumbs });
   };
   const openCrumb = (crumb, index) => {
     setFolderId(crumb.id);
-    setCrumbs((current) => current.slice(0, index + 1));
+    const nextCrumbs = crumbs.slice(0, index + 1);
+    setCrumbs(nextCrumbs);
     setSelectedId(void 0);
-    controller.select(sessionId, { ...controller.selection(sessionId), mode: "notes", noteFolderId: crumb.id, noteDocumentId: void 0 });
+    controller.select(sessionId, { mode: "notes", noteFolderId: crumb.id, noteDocumentId: void 0, noteCrumbs: nextCrumbs });
   };
   const openNode = (node) => {
     if (node.kind === "folder") return openFolder(node);
@@ -3098,6 +3221,7 @@ function KnowledgeActivityNotes({ sessionId, projectId, controller }) {
     event.preventDefault();
     setSelectedId(void 0);
     setContent(void 0);
+    controller.select(sessionId, { noteDocumentId: void 0 });
     setQuery(queryInput.trim());
   };
   if (selectedId !== void 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -3226,6 +3350,8 @@ function KnowledgeActivityPanel(props) {
   const [error, setError] = (0, import_react2.useState)("");
   const [nextCursor, setNextCursor] = (0, import_react2.useState)();
   const [baseMenuOpen, setBaseMenuOpen] = (0, import_react2.useState)(false);
+  const indexRequest = (0, import_react2.useRef)(new LatestRequest());
+  const mountRequest = (0, import_react2.useRef)(new LatestRequest());
   const scopeRef = (0, import_react2.useRef)(null);
   (0, import_react2.useEffect)(() => {
     if (!baseMenuOpen) return;
@@ -3242,17 +3368,19 @@ function KnowledgeActivityPanel(props) {
       document.removeEventListener("keydown", closeOnEscape);
     };
   }, [baseMenuOpen]);
-  const refreshMounts = (0, import_react2.useCallback)(async (signal) => {
+  const refreshMounts = (0, import_react2.useCallback)(async () => {
+    const signal = mountRequest.current.start();
     setMountState("loading");
     setError("");
     try {
       const next = await loadMountedKnowledge(sessionId, projectId, signal);
+      if (signal.aborted) return;
       setMounts(next);
       const current = props.controller.selection(sessionId);
       const selected = next.some((item) => item.knowledgeBaseId === current.knowledgeBaseId) ? current.knowledgeBaseId : next[0]?.knowledgeBaseId;
       props.controller.select(sessionId, {
-        ...selected === void 0 ? {} : { knowledgeBaseId: selected },
-        ...selected === current.knowledgeBaseId && current.documentId !== void 0 ? { documentId: current.documentId } : {}
+        knowledgeBaseId: selected,
+        documentId: selected === current.knowledgeBaseId ? current.documentId : void 0
       });
       setSelectedBaseId(selected);
       if (selected !== current.knowledgeBaseId) {
@@ -3267,13 +3395,13 @@ function KnowledgeActivityPanel(props) {
     }
   }, [projectId, props.controller, sessionId]);
   (0, import_react2.useEffect)(() => {
-    const controller = new AbortController();
-    void refreshMounts(controller.signal);
+    void refreshMounts();
     return () => {
-      controller.abort();
+      mountRequest.current.cancel();
     };
   }, [refreshMounts]);
-  const loadIndex = (0, import_react2.useCallback)(async (cursor, append = false, signal) => {
+  const loadIndex = (0, import_react2.useCallback)(async (cursor, append = false) => {
+    const signal = indexRequest.current.start();
     if (mounts.length === 0 || query.length === 0 && selectedBaseId === void 0) {
       setDocuments([]);
       setNextCursor(void 0);
@@ -3291,6 +3419,7 @@ function KnowledgeActivityPanel(props) {
         ...cursor === void 0 ? {} : { cursor },
         ...signal === void 0 ? {} : { signal }
       });
+      if (signal.aborted) return;
       setDocuments((current) => append ? [...current, ...result.items] : result.items);
       setNextCursor(result.nextCursor);
       setListState("ready");
@@ -3301,10 +3430,9 @@ function KnowledgeActivityPanel(props) {
     }
   }, [mounts, projectId, query, selectedBaseId, sessionId]);
   (0, import_react2.useEffect)(() => {
-    const controller = new AbortController();
-    void loadIndex(void 0, false, controller.signal);
+    void loadIndex();
     return () => {
-      controller.abort();
+      indexRequest.current.cancel();
     };
   }, [loadIndex]);
   (0, import_react2.useEffect)(() => {
@@ -3322,6 +3450,7 @@ function KnowledgeActivityPanel(props) {
       ...projectId === void 0 ? {} : { projectId },
       signal: controller.signal
     }).then((value) => {
+      if (controller.signal.aborted) return;
       setDocumentValue(value);
       setDocumentState("ready");
     }).catch((reason) => {
@@ -3340,7 +3469,7 @@ function KnowledgeActivityPanel(props) {
     setDocumentValue(void 0);
     setQueryInput("");
     setQuery("");
-    props.controller.select(sessionId, { mode: "knowledge", knowledgeBaseId });
+    props.controller.select(sessionId, { mode: "knowledge", knowledgeBaseId, documentId: void 0 });
   };
   const selectDocument = (document2) => {
     setSelectedBaseId(document2.knowledgeBaseId);
@@ -3356,6 +3485,7 @@ function KnowledgeActivityPanel(props) {
     setDocumentValue(void 0);
     props.controller.select(sessionId, {
       mode: "knowledge",
+      documentId: void 0,
       ...selectedBaseId === void 0 ? {} : { knowledgeBaseId: selectedBaseId }
     });
   };
@@ -3363,22 +3493,26 @@ function KnowledgeActivityPanel(props) {
     event.preventDefault();
     setSelectedDocumentId(void 0);
     setDocumentValue(void 0);
+    props.controller.select(sessionId, { documentId: void 0 });
     setQuery(queryInput.trim());
   };
   const clearSearch = () => {
     setQueryInput("");
     setQuery("");
   };
-  const workspaceTarget = mode === "notes" ? { view: "notes" } : documentValue === void 0 ? void 0 : {
-    knowledgeBaseId: documentValue.knowledgeBaseId,
-    documentId: documentValue.id
+  const openWorkspace = () => {
+    const noteId = props.controller.selection(sessionId).noteDocumentId;
+    props.controller.openWorkspace(mode === "notes" ? { view: "notes", ...noteId === void 0 ? {} : { noteId } } : documentValue === void 0 ? void 0 : {
+      knowledgeBaseId: documentValue.knowledgeBaseId,
+      documentId: documentValue.id
+    });
   };
   const selectMode = (nextMode) => {
     setMode(nextMode);
     setBaseMenuOpen(false);
     props.controller.select(sessionId, { ...props.controller.selection(sessionId), mode: nextMode });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dsh-knowledge-activity-panel", "data-xiaohei-surface": "plugin-workspace", "aria-label": "\u4F1A\u8BDD\u77E5\u8BC6\u5E93", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dsh-knowledge-activity-panel", "data-knowledge-surface": "activity", "aria-label": "\u4F1A\u8BDD\u77E5\u8BC6\u5E93", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: "dsh-knowledge-activity-header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-knowledge-activity-title", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-knowledge-activity-mark", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconDatabaseOutline16, { size: 17 }) }),
@@ -3391,7 +3525,7 @@ function KnowledgeActivityPanel(props) {
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-knowledge-activity-header-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "dsh-knowledge-activity-icon-button", "aria-label": "\u5728\u5B8C\u6574\u5DE5\u4F5C\u533A\u4E2D\u6253\u5F00", title: "\u5B8C\u6574\u5DE5\u4F5C\u533A", onClick: () => props.controller.openWorkspace(workspaceTarget), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconFullscreenOutline16, { size: 16 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "dsh-knowledge-activity-icon-button", "aria-label": "\u5728\u5B8C\u6574\u5DE5\u4F5C\u533A\u4E2D\u6253\u5F00", title: "\u5B8C\u6574\u5DE5\u4F5C\u533A", onClick: openWorkspace, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconFullscreenOutline16, { size: 16 }) }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "dsh-knowledge-activity-icon-button", "aria-label": "\u5173\u95ED\u4F1A\u8BDD\u77E5\u8BC6\u5E93", title: "\u5173\u95ED", onClick: () => props.controller.close(sessionId), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconCloseOutline16, { size: 16 }) })
       ] })
     ] }),
@@ -3554,8 +3688,69 @@ function message2(reason) {
   return reason instanceof Error ? reason.message : String(reason);
 }
 
-// src/knowledge-activity-controller.tsx
+// src/knowledge-activity-presentation.tsx
+var import_react3 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
+function KnowledgeActivityPresentation({ controller, sessionId, onClosed, children }) {
+  const root = (0, import_react3.useRef)(null);
+  const open = (0, import_react3.useSyncExternalStore)(controller.subscribe, () => controller.isOpen(sessionId));
+  (0, import_react3.useLayoutEffect)(() => {
+    const viewport = root.current;
+    const panel = viewport?.firstElementChild;
+    if (!viewport || !panel) return;
+    let cancelled = false;
+    let timeout;
+    let reveal;
+    const width = panel.getBoundingClientRect().width;
+    panel.style.width = `${width > 1 ? width : 360}px`;
+    viewport.toggleAttribute("inert", !open);
+    const settle = () => {
+      if (cancelled) return;
+      cancelled = true;
+      if (timeout !== void 0) clearTimeout(timeout);
+      reveal?.cancel();
+      panel.style.removeProperty("width");
+      if (!open) onClosed();
+    };
+    const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    if (!open && reducedMotion) {
+      settle();
+      return;
+    }
+    const frame = requestAnimationFrame(() => {
+      const transitions = [];
+      for (let parent = viewport.parentElement; parent; parent = parent.parentElement) {
+        for (const animation of parent.getAnimations()) {
+          if ("transitionProperty" in animation && animation.transitionProperty === "grid-template-columns") transitions.push(animation);
+        }
+        if (transitions.length > 0) break;
+      }
+      if (open && transitions.length > 0) {
+        for (const transition of transitions) transition.finish();
+        panel.style.removeProperty("width");
+        if (!reducedMotion) {
+          reveal = panel.animate([
+            { transform: "translateX(100%)" },
+            { transform: "translateX(0)" }
+          ], { duration: 180, easing: "cubic-bezier(.22, 1, .36, 1)" });
+        }
+      }
+      timeout = setTimeout(settle, 1e3);
+      void Promise.allSettled((reveal ? [reveal] : transitions).map((animation) => animation.finished)).then(settle);
+    });
+    return () => {
+      cancelled = true;
+      cancelAnimationFrame(frame);
+      if (timeout !== void 0) clearTimeout(timeout);
+      reveal?.cancel();
+      panel.style.removeProperty("width");
+    };
+  }, [open, onClosed]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: root, className: "dsh-knowledge-activity-viewport", "aria-hidden": !open || void 0, children });
+}
+
+// src/knowledge-activity-controller.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function createKnowledgeActivityController(ctx, options) {
   const runtime = ctx;
   const listeners = /* @__PURE__ */ new Set();
@@ -3581,10 +3776,16 @@ function createKnowledgeActivityController(ctx, options) {
     return true;
   };
   const mount = (sessionId, openDetails = true) => {
-    if (mountedSessionId === sessionId && disposePanel !== void 0) return;
+    if (mountedSessionId === sessionId && disposePanel !== void 0) {
+      if (openDetails) ctx.layout.openDetails();
+      return;
+    }
     unmount();
     mountedSessionId = sessionId;
-    disposePanel = ctx.slots.register({ name: "details", priority: -3 }, (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(KnowledgeActivityPanel, { ...props, controller }));
+    const onClosed = () => {
+      if (mountedSessionId === sessionId && states.get(sessionId)?.open !== true) unmount();
+    };
+    disposePanel = ctx.slots.register({ name: "details", priority: -3 }, (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(KnowledgeActivityPresentation, { sessionId, controller, onClosed, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(KnowledgeActivityPanel, { ...props, controller }) }, sessionId));
     if (openDetails) ctx.layout.openDetails();
   };
   const syncCurrentSession = () => {
@@ -3609,7 +3810,7 @@ function createKnowledgeActivityController(ctx, options) {
   const controller = {
     open(sessionId, selection) {
       const previous = states.get(sessionId);
-      states.set(sessionId, { ...previous, ...selection, open: true });
+      states.set(sessionId, { ...mergeActivitySelection(previous ?? {}, selection ?? {}), open: true });
       options.beforeOpen();
       if (sessionId === currentSessionId) {
         cancelRestore();
@@ -3621,14 +3822,15 @@ function createKnowledgeActivityController(ctx, options) {
       if (states.get(sessionId)?.open === true) controller.close(sessionId);
       else controller.open(sessionId);
     },
-    close(sessionId) {
+    close(sessionId, immediate = false) {
       const target = sessionId ?? currentSessionId;
       if (target === void 0) return;
       const previous = states.get(target) ?? { open: false };
       states.set(target, { ...previous, open: false });
       if (target === currentSessionId) {
         cancelRestore();
-        if (unmount()) ctx.layout.closeDetails();
+        if (mountedSessionId === target) ctx.layout.closeDetails();
+        if (immediate) unmount();
       }
       notify();
     },
@@ -3640,16 +3842,17 @@ function createKnowledgeActivityController(ctx, options) {
         ...state?.knowledgeBaseId === void 0 ? {} : { knowledgeBaseId: state.knowledgeBaseId },
         ...state?.documentId === void 0 ? {} : { documentId: state.documentId },
         ...state?.noteFolderId === void 0 ? {} : { noteFolderId: state.noteFolderId },
-        ...state?.noteDocumentId === void 0 ? {} : { noteDocumentId: state.noteDocumentId }
+        ...state?.noteDocumentId === void 0 ? {} : { noteDocumentId: state.noteDocumentId },
+        ...state?.noteCrumbs === void 0 ? {} : { noteCrumbs: state.noteCrumbs }
       };
     },
     select(sessionId, selection) {
       const previous = states.get(sessionId) ?? { open: true };
-      states.set(sessionId, { ...previous, ...selection, open: previous.open });
+      states.set(sessionId, { ...mergeActivitySelection(previous, selection), open: previous.open });
       notify();
     },
     openWorkspace(target) {
-      controller.close();
+      controller.close(void 0, true);
       options.openWorkspace(target);
     },
     subscribe(listener) {
@@ -3680,67 +3883,17 @@ var KNOWLEDGE_SETTINGS_NAMESPACE = "dsh-knowledge-connection";
 var KNOWLEDGE_THEME_MESSAGE = "@lemoncat7/dsh-knowledge/host-theme";
 var KNOWLEDGE_THEME_READY_MESSAGE = "@lemoncat7/dsh-knowledge/host-theme-ready";
 var KNOWLEDGE_THEME_PROTOCOL_VERSION = 1;
-var WORKSPACE_TOKENS = {
-  light: {
-    "--bg": "#ebebeb",
-    "--surface": "#f4f4f4",
-    "--surface-raised": "#fafafa",
-    "--surface-soft": "#eeeeef",
-    "--surface-hover": "rgb(118 118 128 / 9%)",
-    "--dialog-surface": "#f4f4f4",
-    "--text": "#1d1d1f",
-    "--text-secondary": "#515154",
-    "--text-tertiary": "#6e6e73",
-    "--border": "rgb(60 60 67 / 14%)",
-    "--border-strong": "rgb(60 60 67 / 24%)",
-    "--accent": "#3a3a3c",
-    "--accent-hover": "#1d1d1f",
-    "--accent-soft": "#e2e2e5",
-    "--on-accent": "#ffffff",
-    "--success": "#248a3d",
-    "--success-soft": "#e8f5eb",
-    "--warning": "#c93400",
-    "--warning-soft": "#fff1e8",
-    "--danger": "#d70015",
-    "--danger-soft": "#ffebed",
-    "--shadow": "0 24px 64px rgb(0 0 0 / 20%)"
-  },
-  dark: {
-    "--bg": "#101719",
-    "--surface": "#182022",
-    "--surface-raised": "#20292b",
-    "--surface-soft": "rgb(184 204 205 / 6%)",
-    "--surface-hover": "rgb(105 182 186 / 9%)",
-    "--dialog-surface": "#20292b",
-    "--text": "#e3eaeb",
-    "--text-secondary": "#bbc9cc",
-    "--text-tertiary": "#95a7ab",
-    "--border": "rgb(184 204 205 / 10%)",
-    "--border-strong": "rgb(184 204 205 / 18%)",
-    "--accent": "#69b6ba",
-    "--accent-hover": "#8aced0",
-    "--accent-soft": "rgb(105 182 186 / 13%)",
-    "--on-accent": "#101819",
-    "--success": "#30d158",
-    "--success-soft": "rgb(48 209 88 / 13%)",
-    "--warning": "#ff9f0a",
-    "--warning-soft": "rgb(255 159 10 / 13%)",
-    "--danger": "#ff453a",
-    "--danger-soft": "rgb(255 69 58 / 14%)",
-    "--shadow": "0 28px 72px rgb(0 0 0 / 42%)"
-  }
-};
-function createKnowledgeHostTheme(_computed, snapshot) {
+function createKnowledgeHostTheme(snapshot) {
   return {
     type: KNOWLEDGE_THEME_MESSAGE,
     version: KNOWLEDGE_THEME_PROTOCOL_VERSION,
     colorScheme: snapshot.active.colorScheme,
-    tokens: { ...WORKSPACE_TOKENS[snapshot.active.colorScheme] }
+    tokens: { ...KNOWLEDGE_PALETTE[snapshot.active.colorScheme] }
   };
 }
 
 // src/client.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var PLUGIN_ID = "@lemoncat7/dsh-knowledge";
 var STYLE_ID = `${PLUGIN_ID}/client`;
 var COMPACT_KNOWLEDGE_VIEWPORT = "(max-width: 1120px), (hover: none) and (pointer: coarse) and (max-width: 1400px)";
@@ -3750,7 +3903,7 @@ var inject = ["slots", "theme", "layout", "sessions"];
 function apply2(ctx) {
   ctx.effect(installStyles, "dsh-knowledge: client styles");
   let activity;
-  const workspace = createKnowledgeWorkspaceController(ctx, () => activity?.close());
+  const workspace = createKnowledgeWorkspaceController(ctx, () => activity?.close(void 0, true));
   activity = createKnowledgeActivityController(ctx, {
     beforeOpen: () => {
       workspace.close();
@@ -3763,7 +3916,7 @@ function apply2(ctx) {
   });
   ctx.effect(() => observePluginWorkspace(PLUGIN_ID, () => {
     workspace.close();
-    activity?.close();
+    activity?.close(void 0, true);
   }), "dsh-knowledge: exclusive workspace");
   ctx.effect(() => () => {
     workspace.close();
@@ -3773,7 +3926,7 @@ function apply2(ctx) {
     name: "sidebar.footer.action",
     id: "knowledge",
     order: -10
-  }, (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(KnowledgeLauncher, { ...props, workspace, activity })));
+  }, (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KnowledgeLauncher, { ...props, workspace, activity })));
   ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
     name: "settings.plugin.item",
     key: KNOWLEDGE_SETTINGS_NAMESPACE
@@ -3781,16 +3934,16 @@ function apply2(ctx) {
   ctx.slots.inject("conversation.chat.turnTail", () => ctx.slots.register({
     name: "conversation.chat.turnTail",
     select: (owner) => ({ turn: owner.turn.turn })
-  }, (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(KnowledgeWritebackStatus, { sessionId: String(props.sessionId), turn: props.matched.turn, workspace })));
+  }, (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KnowledgeWritebackStatus, { sessionId: String(props.sessionId), turn: props.matched.turn, workspace })));
 }
 function KnowledgeWritebackStatus({
   sessionId,
   turn,
   workspace
 }) {
-  const [state, setState] = (0, import_react3.useState)();
-  const [retrying, setRetrying] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
+  const [state, setState] = (0, import_react4.useState)();
+  const [retrying, setRetrying] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
     const controller = new AbortController();
     let timer;
     let missingAttempts = 0;
@@ -3851,19 +4004,19 @@ function KnowledgeWritebackStatus({
   };
   const destinations = state.destinations ?? [];
   const summary = state.summary.replace(/^知识库回写\s*·\s*/u, "");
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-knowledge-writeback-status", "data-status": state.status, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-knowledge-writeback-summary", role: state.status === "running" ? "status" : void 0, "aria-atomic": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u77E5\u8BC6\u5E93\u56DE\u5199" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "@lemoncat7/dsh-knowledge" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { title: state.error, children: summary }),
-      state.status === "failed" && state.retryable && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", disabled: retrying, onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-knowledge-writeback-notice", "data-status": state.status, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-knowledge-writeback-summary", role: state.status === "running" ? "status" : void 0, "aria-atomic": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u77E5\u8BC6\u5E93\u56DE\u5199" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "@lemoncat7/dsh-knowledge" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { title: state.error, children: summary }),
+      state.status === "failed" && state.retryable && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", disabled: retrying, onClick: () => {
         void retry();
       }, children: retrying ? "\u91CD\u8BD5\u4E2D\u2026" : "\u91CD\u8BD5" })
     ] }),
-    destinations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "dsh-knowledge-writeback-destinations", "aria-label": "\u56DE\u5199\u76EE\u6807", children: destinations.map((destination, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dsh-knowledge-writeback-base", children: destination.knowledgeBaseName }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dsh-knowledge-writeback-separator", "aria-hidden": "true", children: "/" }),
-      destination.documentId ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    destinations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "dsh-knowledge-writeback-destinations", "aria-label": "\u56DE\u5199\u76EE\u6807", children: destinations.map((destination, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dsh-knowledge-writeback-base", children: destination.knowledgeBaseName }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dsh-knowledge-writeback-separator", "aria-hidden": "true", children: "/" }),
+      destination.documentId ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
         {
           type: "button",
@@ -3873,12 +4026,12 @@ function KnowledgeWritebackStatus({
           onClick: () => {
             workspace.openDocument({ knowledgeBaseId: destination.knowledgeBaseId, documentId: destination.documentId });
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: destination.documentPath ?? destination.documentTitle })
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: destination.documentPath ?? destination.documentTitle })
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { title: destination.documentTitle, children: `\u62DF\u65B0\u5EFA\uFF1A${destination.documentTitle}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { "data-disposition": destination.disposition, children: destination.disposition === "written" ? "\u5DF2\u5199\u5165" : "\u5F85\u5BA1\u6838" })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { title: destination.documentTitle, children: `\u62DF\u65B0\u5EFA\uFF1A${destination.documentTitle}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { "data-disposition": destination.disposition, children: destination.disposition === "written" ? "\u5DF2\u5199\u5165" : "\u5F85\u5BA1\u6838" })
     ] }, `${destination.knowledgeBaseId}:${destination.documentId ?? destination.documentTitle}:${index}`)) }),
-    state.status === "failed" && state.error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "dsh-knowledge-writeback-error", role: "alert", children: state.error })
+    state.status === "failed" && state.error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "dsh-knowledge-writeback-error", role: "alert", children: state.error })
   ] });
 }
 function createKnowledgeWorkspaceController(client, beforeOpen) {
@@ -3900,7 +4053,7 @@ function createKnowledgeWorkspaceController(client, beforeOpen) {
     if (disposeWorkspace !== void 0) return;
     beforeOpen();
     activatePluginWorkspace(PLUGIN_ID);
-    disposeWorkspace = client.slots.register({ name: "conversation", priority: -1 }, (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(KnowledgeWorkspace, { ...props, client, workspace: controller }));
+    disposeWorkspace = client.slots.register({ name: "conversation", priority: -1 }, (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KnowledgeWorkspace, { ...props, client, workspace: controller }));
   };
   controller = {
     isOpen: () => disposeWorkspace !== void 0,
@@ -3932,18 +4085,18 @@ function createKnowledgeWorkspaceController(client, beforeOpen) {
   return controller;
 }
 function KnowledgeConnectionCard() {
-  const [current, setCurrent] = (0, import_react3.useState)();
-  const [loadState, setLoadState] = (0, import_react3.useState)("loading");
-  const [loadError, setLoadError] = (0, import_react3.useState)("");
-  const [open, setOpen] = (0, import_react3.useState)(false);
-  const [backend, setBackend] = (0, import_react3.useState)("local");
-  const [remoteUrl, setRemoteUrl] = (0, import_react3.useState)("");
-  const [remoteToken, setRemoteToken] = (0, import_react3.useState)("");
-  const [timeout, setTimeoutValue] = (0, import_react3.useState)("10000");
-  const [dirty, setDirty] = (0, import_react3.useState)(false);
-  const [saving, setSaving] = (0, import_react3.useState)(false);
-  const [message3, setMessage] = (0, import_react3.useState)();
-  const load = (0, import_react3.useCallback)(async (signal) => {
+  const [current, setCurrent] = (0, import_react4.useState)();
+  const [loadState, setLoadState] = (0, import_react4.useState)("loading");
+  const [loadError, setLoadError] = (0, import_react4.useState)("");
+  const [open, setOpen] = (0, import_react4.useState)(false);
+  const [backend, setBackend] = (0, import_react4.useState)("local");
+  const [remoteUrl, setRemoteUrl] = (0, import_react4.useState)("");
+  const [remoteToken, setRemoteToken] = (0, import_react4.useState)("");
+  const [timeout, setTimeoutValue] = (0, import_react4.useState)("10000");
+  const [dirty, setDirty] = (0, import_react4.useState)(false);
+  const [saving, setSaving] = (0, import_react4.useState)(false);
+  const [message3, setMessage] = (0, import_react4.useState)();
+  const load = (0, import_react4.useCallback)(async (signal) => {
     setLoadState("loading");
     setLoadError("");
     try {
@@ -3956,14 +4109,14 @@ function KnowledgeConnectionCard() {
       setLoadState("error");
     }
   }, []);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const controller = new AbortController();
     void load(controller.signal);
     return () => {
       controller.abort();
     };
   }, [load]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (dirty || current === void 0) return;
     setBackend(current.backend);
     setRemoteUrl(current.remoteUrl ?? "");
@@ -4011,75 +4164,75 @@ function KnowledgeConnectionCard() {
       setSaving(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: `dsh-knowledge-settings-card${open ? " dsh-knowledge-settings-card--open" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "dsh-knowledge-settings-header", "aria-expanded": open, onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { className: `dsh-knowledge-settings-card${open ? " dsh-knowledge-settings-card--open" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: "dsh-knowledge-settings-header", "aria-expanded": open, onClick: () => {
       setOpen((value) => !value);
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "\u77E5\u8BC6\u5E93\u8FDE\u63A5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: "\u9009\u62E9\u672C\u673A\u77E5\u8BC6\u5E93\uFF0C\u6216\u8FDE\u63A5\u4E00\u53F0\u4E2D\u592E DSH \u77E5\u8BC6\u5E93" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u77E5\u8BC6\u5E93\u8FDE\u63A5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: "\u9009\u62E9\u672C\u673A\u77E5\u8BC6\u5E93\uFF0C\u6216\u8FDE\u63A5\u4E00\u53F0\u4E2D\u592E DSH \u77E5\u8BC6\u5E93" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "dsh-knowledge-settings-summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "dsh-knowledge-settings-summary", children: [
         loadState === "loading" ? "\u8BFB\u53D6\u4E2D" : loadState === "error" ? "\u8FDE\u63A5\u5165\u53E3" : current?.backend === "remote" ? "\u8FDC\u7A0B" : "\u672C\u5730",
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { "aria-hidden": "true" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("i", { "aria-hidden": "true" })
       ] })
     ] }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dsh-knowledge-settings-body", children: loadState === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "dsh-knowledge-settings-note", role: "status", children: "\u6B63\u5728\u8BFB\u53D6\u8FDE\u63A5\u914D\u7F6E\u2026" }) : loadState === "error" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-knowledge-settings-load-error", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: loadError }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
+    open && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dsh-knowledge-settings-body", children: loadState === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "dsh-knowledge-settings-note", role: "status", children: "\u6B63\u5728\u8BFB\u53D6\u8FDE\u63A5\u914D\u7F6E\u2026" }) : loadState === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-knowledge-settings-load-error", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: loadError }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
         void load();
       }, children: "\u91CD\u65B0\u8BFB\u53D6" })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("fieldset", { className: "dsh-knowledge-source-picker", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("legend", { children: "\u77E5\u8BC6\u5E93\u6765\u6E90" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: backend === "local" ? "is-selected" : "", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "radio", name: "dsh-knowledge-backend", checked: backend === "local", onChange: () => edit(() => {
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("fieldset", { className: "dsh-knowledge-source-picker", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("legend", { children: "\u77E5\u8BC6\u5E93\u6765\u6E90" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: backend === "local" ? "is-selected" : "", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "radio", name: "dsh-knowledge-backend", checked: backend === "local", onChange: () => edit(() => {
             setBackend("local");
           }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "\u672C\u5730" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: "\u6570\u636E\u4FDD\u5B58\u5728\u5F53\u524D DSH \u7684 SQLite \u4E2D" })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u672C\u5730" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: "\u6570\u636E\u4FDD\u5B58\u5728\u5F53\u524D DSH \u7684 SQLite \u4E2D" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: `${backend === "remote" ? "is-selected" : ""}${!current?.canSwitchRemote ? " is-disabled" : ""}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "radio", name: "dsh-knowledge-backend", checked: backend === "remote", disabled: !current?.canSwitchRemote, onChange: () => edit(() => {
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: `${backend === "remote" ? "is-selected" : ""}${!current?.canSwitchRemote ? " is-disabled" : ""}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "radio", name: "dsh-knowledge-backend", checked: backend === "remote", disabled: !current?.canSwitchRemote, onChange: () => edit(() => {
             setBackend("remote");
           }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "\u8FDC\u7A0B" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: "\u53EC\u56DE\u548C\u56DE\u5199\u7EDF\u4E00\u4F7F\u7528\u4E2D\u592E\u77E5\u8BC6\u5E93" })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u8FDC\u7A0B" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: "\u53EC\u56DE\u548C\u56DE\u5199\u7EDF\u4E00\u4F7F\u7528\u4E2D\u592E\u77E5\u8BC6\u5E93" })
           ] })
         ] })
       ] }),
-      !current?.canSwitchRemote && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "dsh-knowledge-settings-note", children: "\u5F53\u524D\u5B9E\u4F8B\u662F\u4E2D\u592E\u77E5\u8BC6\u5E93\u670D\u52A1\uFF0C\u4E0D\u80FD\u518D\u5207\u6362\u5230\u53E6\u4E00\u53F0\u8FDC\u7A0B\u670D\u52A1\u3002" }),
-      backend === "remote" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-knowledge-remote-fields", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { htmlFor: "dsh-knowledge-remote-url", children: [
+      !current?.canSwitchRemote && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "dsh-knowledge-settings-note", children: "\u5F53\u524D\u5B9E\u4F8B\u662F\u4E2D\u592E\u77E5\u8BC6\u5E93\u670D\u52A1\uFF0C\u4E0D\u80FD\u518D\u5207\u6362\u5230\u53E6\u4E00\u53F0\u8FDC\u7A0B\u670D\u52A1\u3002" }),
+      backend === "remote" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-knowledge-remote-fields", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { htmlFor: "dsh-knowledge-remote-url", children: [
           "\u670D\u52A1\u5668\u5730\u5740",
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { id: "dsh-knowledge-remote-url", type: "url", value: remoteUrl, placeholder: "https://example.com/knowledge-api/v1", autoComplete: "url", onChange: (event) => edit(() => {
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { id: "dsh-knowledge-remote-url", type: "url", value: remoteUrl, placeholder: "https://example.com/knowledge-api/v1", autoComplete: "url", onChange: (event) => edit(() => {
             setRemoteUrl(event.target.value);
           }), "aria-invalid": urlError !== void 0, "aria-describedby": urlError ? "dsh-knowledge-url-error" : void 0 }),
-          urlError && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { id: "dsh-knowledge-url-error", className: "dsh-knowledge-field-error", children: urlError })
+          urlError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { id: "dsh-knowledge-url-error", className: "dsh-knowledge-field-error", children: urlError })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { htmlFor: "dsh-knowledge-remote-token", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { htmlFor: "dsh-knowledge-remote-token", children: [
           "\u5BA2\u6237\u7AEF\u4EE4\u724C",
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { id: "dsh-knowledge-remote-token", type: "password", value: remoteToken, placeholder: current?.tokenConfigured ? "\u5DF2\u4FDD\u5B58\uFF1B\u7559\u7A7A\u5219\u4FDD\u6301\u4E0D\u53D8" : "\u7C98\u8D34\u5BA2\u6237\u7AEF\u4EE4\u724C", autoComplete: "new-password", onChange: (event) => edit(() => {
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { id: "dsh-knowledge-remote-token", type: "password", value: remoteToken, placeholder: current?.tokenConfigured ? "\u5DF2\u4FDD\u5B58\uFF1B\u7559\u7A7A\u5219\u4FDD\u6301\u4E0D\u53D8" : "\u7C98\u8D34\u5BA2\u6237\u7AEF\u4EE4\u724C", autoComplete: "new-password", onChange: (event) => edit(() => {
             setRemoteToken(event.target.value);
           }), "aria-invalid": tokenError !== void 0, "aria-describedby": "dsh-knowledge-token-help" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { id: "dsh-knowledge-token-help", className: tokenError ? "dsh-knowledge-field-error" : void 0, children: tokenError ?? (current?.tokenConfigured ? "\u4EE4\u724C\u5DF2\u5B89\u5168\u4FDD\u5B58\uFF0C\u9875\u9762\u65E0\u6CD5\u8BFB\u53D6\uFF1B\u8F93\u5165\u65B0\u4EE4\u724C\u53EF\u8986\u76D6\u3002" : "\u4EE4\u724C\u4FDD\u5B58\u540E\u4E0D\u53EF\u8BFB\u53D6\uFF0C\u53EA\u80FD\u8986\u76D6\u3002") })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { id: "dsh-knowledge-token-help", className: tokenError ? "dsh-knowledge-field-error" : void 0, children: tokenError ?? (current?.tokenConfigured ? "\u4EE4\u724C\u5DF2\u5B89\u5168\u4FDD\u5B58\uFF0C\u9875\u9762\u65E0\u6CD5\u8BFB\u53D6\uFF1B\u8F93\u5165\u65B0\u4EE4\u724C\u53EF\u8986\u76D6\u3002" : "\u4EE4\u724C\u4FDD\u5B58\u540E\u4E0D\u53EF\u8BFB\u53D6\uFF0C\u53EA\u80FD\u8986\u76D6\u3002") })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "dsh-knowledge-timeout-field", htmlFor: "dsh-knowledge-timeout", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "dsh-knowledge-timeout-field", htmlFor: "dsh-knowledge-timeout", children: [
         "\u8BF7\u6C42\u8D85\u65F6\uFF08\u6BEB\u79D2\uFF09",
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { id: "dsh-knowledge-timeout", type: "number", min: "100", max: "120000", step: "100", value: timeout, onChange: (event) => edit(() => {
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { id: "dsh-knowledge-timeout", type: "number", min: "100", max: "120000", step: "100", value: timeout, onChange: (event) => edit(() => {
           setTimeoutValue(event.target.value);
         }), "aria-invalid": timeoutError !== void 0 }),
-        timeoutError && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { className: "dsh-knowledge-field-error", children: timeoutError })
+        timeoutError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { className: "dsh-knowledge-field-error", children: timeoutError })
       ] }),
-      !current?.writable && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "dsh-knowledge-settings-note", children: "\u5F53\u524D\u63D2\u4EF6\u6CA1\u6709\u914D\u7F6E\u6301\u4E45\u5316\u8DEF\u5F84\uFF0C\u65E0\u6CD5\u4FDD\u5B58\u8FDE\u63A5\u3002" }),
-      message3 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: `dsh-knowledge-settings-message is-${message3.kind}`, role: message3.kind === "error" ? "alert" : "status", "aria-live": "polite", children: message3.text }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-knowledge-settings-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: reset, disabled: !dirty || saving, children: "\u653E\u5F03\u66F4\u6539" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "is-primary", onClick: () => {
+      !current?.writable && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "dsh-knowledge-settings-note", children: "\u5F53\u524D\u63D2\u4EF6\u6CA1\u6709\u914D\u7F6E\u6301\u4E45\u5316\u8DEF\u5F84\uFF0C\u65E0\u6CD5\u4FDD\u5B58\u8FDE\u63A5\u3002" }),
+      message3 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: `dsh-knowledge-settings-message is-${message3.kind}`, role: message3.kind === "error" ? "alert" : "status", "aria-live": "polite", children: message3.text }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-knowledge-settings-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: reset, disabled: !dirty || saving, children: "\u653E\u5F03\u66F4\u6539" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "is-primary", onClick: () => {
           void save();
         }, disabled: !dirty || invalid || saving || !current?.writable, children: saving ? "\u6B63\u5728\u9A8C\u8BC1\u2026" : "\u9A8C\u8BC1\u5E76\u8FDE\u63A5" })
       ] })
@@ -4126,22 +4279,21 @@ function isManagementPath(value) {
   return typeof value === "string" && value.startsWith("/") && !value.startsWith("//");
 }
 function KnowledgeLauncher({ wide, useSessions, workspace, activity }) {
-  const [open, setOpen] = (0, import_react3.useState)(workspace.isOpen());
-  const sessionId = useSessions((state) => state.current);
-  const currentSessionId = sessionId === void 0 ? void 0 : String(sessionId);
-  const [activityOpen, setActivityOpen] = (0, import_react3.useState)(currentSessionId === void 0 ? false : activity.isOpen(currentSessionId));
-  const [compactViewport, setCompactViewport] = (0, import_react3.useState)(() => window.matchMedia(COMPACT_KNOWLEDGE_VIEWPORT).matches);
-  (0, import_react3.useEffect)(() => workspace.subscribe(() => {
+  const [open, setOpen] = (0, import_react4.useState)(workspace.isOpen());
+  const currentSessionId = useSessions(availableActivitySession);
+  const [activityOpen, setActivityOpen] = (0, import_react4.useState)(currentSessionId === void 0 ? false : activity.isOpen(currentSessionId));
+  const [compactViewport, setCompactViewport] = (0, import_react4.useState)(() => window.matchMedia(COMPACT_KNOWLEDGE_VIEWPORT).matches);
+  (0, import_react4.useEffect)(() => workspace.subscribe(() => {
     setOpen(workspace.isOpen());
   }), [workspace]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const sync = () => {
       setActivityOpen(currentSessionId === void 0 ? false : activity.isOpen(currentSessionId));
     };
     sync();
     return activity.subscribe(sync);
   }, [activity, currentSessionId]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const query = window.matchMedia(COMPACT_KNOWLEDGE_VIEWPORT);
     const sync = () => {
       setCompactViewport(query.matches);
@@ -4158,7 +4310,7 @@ function KnowledgeLauncher({ wide, useSessions, workspace, activity }) {
     if (compactViewport || currentSessionId === void 0) return workspace.open();
     if (currentSessionId !== void 0) activity.toggle(currentSessionId);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "button",
     {
       type: "button",
@@ -4168,8 +4320,8 @@ function KnowledgeLauncher({ wide, useSessions, workspace, activity }) {
       title: wide ? void 0 : active ? "\u8FD4\u56DE\u5BF9\u8BDD" : "\u77E5\u8BC6\u5E93",
       onClick: activate,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconDataOutline16, { size: wide ? 16 : 18 }),
-        wide && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u77E5\u8BC6\u5E93" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives3.IconDataOutline16, { size: wide ? 16 : 18 }),
+        wide && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u77E5\u8BC6\u5E93" })
       ]
     }
   );
@@ -4181,15 +4333,15 @@ function KnowledgeWorkspace({
   workspace
 }) {
   const cachedManagementPath = cachedConnectionView?.managementAvailable ? cachedConnectionView.managementPath : void 0;
-  const [panelState, setPanelState] = (0, import_react3.useState)(cachedConnectionView === void 0 ? "loading" : cachedManagementPath === void 0 ? "unavailable" : "ready");
-  const [managementPath, setManagementPath] = (0, import_react3.useState)(cachedManagementPath);
-  const [panelError, setPanelError] = (0, import_react3.useState)("");
-  const [target, setTarget] = (0, import_react3.useState)(workspace.currentTarget());
+  const [panelState, setPanelState] = (0, import_react4.useState)(cachedConnectionView === void 0 ? "loading" : cachedManagementPath === void 0 ? "unavailable" : "ready");
+  const [managementPath, setManagementPath] = (0, import_react4.useState)(cachedManagementPath);
+  const [panelError, setPanelError] = (0, import_react4.useState)("");
+  const [target, setTarget] = (0, import_react4.useState)(workspace.currentTarget());
   const projectId = useSessions((state) => sessionId === void 0 ? void 0 : state.byId[sessionId]?.cwd);
   const knowledgeUrl = managementPath === void 0 ? void 0 : knowledgePanelUrl(managementPath, sessionId, projectId, target);
-  const frame = (0, import_react3.useRef)(null);
-  const themeFrame = (0, import_react3.useRef)(0);
-  const loadManagement = (0, import_react3.useCallback)(async (background = false) => {
+  const frame = (0, import_react4.useRef)(null);
+  const themeFrame = (0, import_react4.useRef)(0);
+  const loadManagement = (0, import_react4.useCallback)(async (background = false) => {
     if (!background) setPanelState("loading");
     setPanelError("");
     try {
@@ -4207,31 +4359,30 @@ function KnowledgeWorkspace({
       setPanelState("error");
     }
   }, []);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     void loadManagement(cachedConnectionView !== void 0);
   }, [loadManagement]);
-  (0, import_react3.useEffect)(() => workspace.subscribe(() => {
+  (0, import_react4.useEffect)(() => workspace.subscribe(() => {
     setTarget(workspace.currentTarget());
   }), [workspace]);
-  const sendTheme = (0, import_react3.useCallback)(() => {
+  const sendTheme = (0, import_react4.useCallback)(() => {
     const currentFrame = frame.current;
     if (currentFrame === null) return;
     const target2 = currentFrame.contentWindow;
     if (target2 === null) return;
-    const computed = getComputedStyle(document.body);
     target2.postMessage(
-      createKnowledgeHostTheme(computed, client.theme.getTheme()),
+      createKnowledgeHostTheme(client.theme.getTheme()),
       frameOrigin(currentFrame) ?? "*"
     );
   }, [client]);
-  const scheduleTheme = (0, import_react3.useCallback)(() => {
+  const scheduleTheme = (0, import_react4.useCallback)(() => {
     if (themeFrame.current !== 0) window.cancelAnimationFrame(themeFrame.current);
     themeFrame.current = window.requestAnimationFrame(() => {
       themeFrame.current = 0;
       sendTheme();
     });
   }, [sendTheme]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const off = client.on("theme/change", scheduleTheme);
     const onMessage = (event) => {
       const currentFrame = frame.current;
@@ -4249,21 +4400,21 @@ function KnowledgeWorkspace({
       if (themeFrame.current !== 0) window.cancelAnimationFrame(themeFrame.current);
     };
   }, [client, scheduleTheme, sendTheme]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "dsh-knowledge-workspace", "data-xiaohei-surface": "plugin-workspace", "aria-labelledby": "dsh-knowledge-workspace-title", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("header", { className: "dsh-knowledge-workspace-header", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", "data-xiaohei-workspace-close": true, onClick: workspace.close, "aria-label": "\u8FD4\u56DE\u4F1A\u8BDD", title: "\u8FD4\u56DE\u4F1A\u8BDD", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconChevronLeftOutline14, { size: 15 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconDataOutline16, { size: 18 }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { id: "dsh-knowledge-workspace-title", children: "\u77E5\u8BC6\u5E93" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "\u6587\u6863\u3001\u5BA1\u6838\u3001\u6302\u8F7D\u4E0E\u8BBF\u95EE\u7BA1\u7406" })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "dsh-knowledge-workspace", "data-knowledge-surface": "workspace", "aria-labelledby": "dsh-knowledge-workspace-title", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("header", { className: "dsh-knowledge-workspace-header", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", "data-knowledge-workspace-close": true, onClick: workspace.close, "aria-label": "\u8FD4\u56DE\u4F1A\u8BDD", title: "\u8FD4\u56DE\u4F1A\u8BDD", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives3.IconChevronLeftOutline14, { size: 15 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives3.IconDataOutline16, { size: 18 }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { id: "dsh-knowledge-workspace-title", children: "\u77E5\u8BC6\u5E93" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u6587\u6863\u3001\u5BA1\u6838\u3001\u6302\u8F7D\u4E0E\u8BBF\u95EE\u7BA1\u7406" })
       ] })
     ] }) }),
-    panelState === "ready" && knowledgeUrl !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("iframe", { ref: frame, className: "dsh-knowledge-frame", src: knowledgeUrl, title: "\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0", onLoad: sendTheme }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-knowledge-panel-state", role: panelState === "error" ? "alert" : "status", "aria-live": "polite", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dsh-knowledge-panel-state-icon", "aria-hidden": "true", children: panelState === "loading" ? "\xB7\xB7\xB7" : panelState === "error" ? "!" : "\u2014" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: panelState === "loading" ? "\u6B63\u5728\u6253\u5F00\u77E5\u8BC6\u5E93\u2026" : panelState === "error" ? "\u6682\u65F6\u65E0\u6CD5\u6253\u5F00\u77E5\u8BC6\u5E93" : "\u8FD9\u53F0 DSH \u672A\u542F\u7528\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: panelState === "loading" ? "\u6B63\u5728\u786E\u8BA4\u5F53\u524D\u5B9E\u4F8B\u662F\u5426\u63D0\u4F9B\u7BA1\u7406\u9875\u9762\u3002" : panelState === "error" ? panelError : "\u672C\u5730\u53EC\u56DE\u548C\u56DE\u5199\u4ECD\u53EF\u4F7F\u7528\u3002\u5F53\u524D profile \u5DF2\u663E\u5F0F\u5173\u95ED exposeWeb\uFF1B\u91CD\u65B0\u542F\u7528\u540E\u5373\u53EF\u5728\u8FD9\u91CC\u7BA1\u7406\u3002\u4F7F\u7528\u8FDC\u7A0B\u77E5\u8BC6\u5E93\u65F6\uFF0C\u8BF7\u524D\u5F80\u4E2D\u592E DSH \u7684\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0\u3002" }),
-        panelState === "error" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
+    panelState === "ready" && knowledgeUrl !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("iframe", { ref: frame, className: "dsh-knowledge-frame", src: knowledgeUrl, title: "\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0", onLoad: sendTheme }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-knowledge-panel-state", role: panelState === "error" ? "alert" : "status", "aria-live": "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dsh-knowledge-panel-state-icon", "aria-hidden": "true", children: panelState === "loading" ? "\xB7\xB7\xB7" : panelState === "error" ? "!" : "\u2014" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: panelState === "loading" ? "\u6B63\u5728\u6253\u5F00\u77E5\u8BC6\u5E93\u2026" : panelState === "error" ? "\u6682\u65F6\u65E0\u6CD5\u6253\u5F00\u77E5\u8BC6\u5E93" : "\u8FD9\u53F0 DSH \u672A\u542F\u7528\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: panelState === "loading" ? "\u6B63\u5728\u786E\u8BA4\u5F53\u524D\u5B9E\u4F8B\u662F\u5426\u63D0\u4F9B\u7BA1\u7406\u9875\u9762\u3002" : panelState === "error" ? panelError : "\u672C\u5730\u53EC\u56DE\u548C\u56DE\u5199\u4ECD\u53EF\u4F7F\u7528\u3002\u5F53\u524D profile \u5DF2\u663E\u5F0F\u5173\u95ED exposeWeb\uFF1B\u91CD\u65B0\u542F\u7528\u540E\u5373\u53EF\u5728\u8FD9\u91CC\u7BA1\u7406\u3002\u4F7F\u7528\u8FDC\u7A0B\u77E5\u8BC6\u5E93\u65F6\uFF0C\u8BF7\u524D\u5F80\u4E2D\u592E DSH \u7684\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0\u3002" }),
+        panelState === "error" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
           void loadManagement();
         }, children: "\u91CD\u8BD5" })
       ] })
@@ -4300,8 +4451,8 @@ function installStyles() {
   const style = document.createElement("style");
   style.dataset.plugin = PLUGIN_ID;
   style.dataset.pluginCss = STYLE_ID;
-  style.textContent = `${client_default}
-${knowledge_activity_default}`;
+  const scope = ":is(.dsh-knowledge-trigger, .dsh-knowledge-activity-panel, .dsh-knowledge-workspace, .dsh-knowledge-settings-card, .dsh-knowledge-writeback-notice)";
+  style.textContent = knowledgeDesignCss(scope, "body[data-ds-dark-theme] " + scope, false) + client_default + knowledge_activity_default;
   document.head.appendChild(style);
   return () => {
     style.remove();