@lemoncat7/dsh-knowledge 2.9.4 → 2.9.5

package/lib/client.js

@@ -25,7 +25,7 @@ __export(client_exports, {
   inject: () => inject
 });
 module.exports = __toCommonJS(client_exports);
-var import_react4 = require("react");
+var import_react6 = require("react");
 
 // src/writeback/status-client.ts
 var WritebackStatusClient = class {
@@ -305,9 +305,10 @@ function knowledgeDesignCss(scope = ":root", dark = ':root[data-color-scheme="da
 }
 
 // src/knowledge-activity-state.ts
-function availableActivitySession(state) {
+function availableActivitySession(state, docked = false) {
   const current = state.current;
-  return current !== void 0 && state.byId[current]?.blank === false ? String(current) : void 0;
+  if (current === void 0 || state.byId[current] === void 0) return void 0;
+  return docked || state.byId[current]?.blank === false ? String(current) : void 0;
 }
 function mergeActivitySelection(previous, next) {
   const merged = { ...previous, ...next };
@@ -317,14 +318,156 @@ function mergeActivitySelection(previous, next) {
   return merged;
 }
 
+// src/docked-panel-compat.tsx
+var import_react = require("react");
+function supportsDockedPanels(ctx) {
+  return typeof ctx.layout.selectPanel === "function";
+}
+function createDockedPanel(ctx, id, title, render, notify) {
+  const records = /* @__PURE__ */ new Map();
+  let pending;
+  let frame;
+  let disposed = false;
+  let sidebar;
+  const cancel = () => {
+    if (frame !== void 0) window.cancelAnimationFrame(frame);
+    frame = void 0;
+    pending = void 0;
+  };
+  function Body(props) {
+    const { tab } = props.useTabInfo();
+    const sessionId = String(props.sessionId);
+    (0, import_react.useEffect)(() => {
+      let entries2 = records.get(sessionId);
+      if (entries2 === void 0) {
+        entries2 = /* @__PURE__ */ new Map();
+        records.set(sessionId, entries2);
+      }
+      const entry = { visible: tab.visible, close: () => tab.actions.close() };
+      entries2.set(tab.id, entry);
+      const remove = () => {
+        if (entries2?.get(tab.id) !== entry) return;
+        entries2.delete(tab.id);
+        if (entries2.size === 0) records.delete(sessionId);
+        notify();
+      };
+      tab.signal.addEventListener("abort", remove, { once: true });
+      notify();
+      return () => {
+        tab.signal.removeEventListener("abort", remove);
+        remove();
+      };
+    }, [sessionId, tab.id, tab.visible, tab.signal]);
+    return tab.visible ? render(props) : null;
+  }
+  const fiber = ctx.inject(["sidebarRight", "sidebarRightTabs"], (child) => {
+    sidebar = child.get("sidebarRight");
+    const registry = child.get("sidebarRightTabs");
+    const slots = child.slots;
+    child.effect(() => registry.register({ id, kind: id, title: () => title }), id + ": tab type");
+    child.effect(() => slots.inject("sidebar.right.pane.tab", () => slots.register({
+      name: "sidebar.right.pane.tab",
+      key: id
+    }, Body)), id + ": tab body");
+    child.effect(() => () => {
+      sidebar = void 0;
+    }, id + ": tab service");
+  });
+  return {
+    open(sessionId) {
+      cancel();
+      pending = sessionId;
+      let attempts = 0;
+      const reveal = () => {
+        frame = void 0;
+        if (disposed || pending !== sessionId) return;
+        const sessions = ctx.get("sessions");
+        if (String(sessions.list.getSnapshot().current) !== sessionId) {
+          cancel();
+          notify();
+          return;
+        }
+        try {
+          if (sidebar === void 0) throw new Error("Right sidebar is not ready");
+          sidebar.openTab(id);
+          pending = void 0;
+          notify();
+        } catch (error) {
+          if (++attempts < 30) frame = window.requestAnimationFrame(reveal);
+          else {
+            cancel();
+            notify();
+            console.error(title + ": could not open sidebar", error);
+          }
+        }
+      };
+      frame = window.requestAnimationFrame(reveal);
+      notify();
+    },
+    close(sessionId) {
+      if (pending === sessionId) cancel();
+      for (const entry of [...records.get(sessionId)?.values() ?? []]) entry.close();
+      records.delete(sessionId);
+      notify();
+    },
+    isOpen(sessionId) {
+      return pending === sessionId || [...records.get(sessionId)?.values() ?? []].some((entry) => entry.visible);
+    },
+    dispose() {
+      disposed = true;
+      cancel();
+      for (const entries2 of records.values()) for (const entry of [...entries2.values()]) entry.close();
+      records.clear();
+      void fiber.dispose();
+    }
+  };
+}
+
 // 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-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/* The official footer slot is a horizontal list. Only opt its immediate\n   container into wrapping; leave neighboring plugin controls untouched. */\n:has(> .dsh-knowledge-launcher) { flex-wrap: wrap; }\n/* In rail mode the host centers a 36px settings row. Use that same row\n   geometry, rather than forcing a percentage-width footer. */\n:has(> .dsh-knowledge-launcher--rail) { flex-direction: column; align-items: center; }\n\n.dsh-knowledge-launcher {\n  display: flex;\n  flex: 0 0 calc(100% + 4px);\n  order: -1;\n  min-width: 0;\n  gap: 4px;\n  width: calc(100% + 4px);\n  margin: 4px -2px;\n  box-sizing: border-box;\n}\n\n.dsh-knowledge-launcher--rail { flex: none; width: 36px; margin: 8px 0 10px; flex-direction: column; align-items: center; }\n\n.dsh-knowledge-trigger {\n  position: relative;\n  flex: 1 1 auto;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: auto;\n  height: 36px;\n  margin: 0;\n  padding: 0 10px 0 8px;\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.dsh-knowledge-launcher .dsh-knowledge-trigger--rail { flex: none; margin-block: 0; }\n.dsh-knowledge-panel-trigger { flex: 0 0 36px; width: 36px; padding: 0; justify-content: center; }\n.dsh-knowledge-panel-trigger:disabled { opacity: .4; cursor: default; background: transparent; }\n.dsh-knowledge-launcher--rail .dsh-knowledge-panel-trigger { flex: none; border-radius: 50%; }\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';
+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/* The official footer slot is a horizontal list. Only opt its immediate\n   container into wrapping; leave neighboring plugin controls untouched. */\n:has(> .dsh-knowledge-launcher) { flex-wrap: wrap; }\n/* In rail mode the host centers a 36px settings row. Use that same row\n   geometry, rather than forcing a percentage-width footer. */\n:has(> .dsh-knowledge-launcher--rail) { flex-direction: column; align-items: center; }\n\n.dsh-knowledge-launcher {\n  display: flex;\n  flex: 0 0 calc(100% + 4px);\n  order: -1;\n  min-width: 0;\n  gap: 4px;\n  width: calc(100% + 4px);\n  margin: 4px -2px;\n  box-sizing: border-box;\n}\n\n.dsh-knowledge-launcher--rail { flex: none; width: 36px; margin: 8px 0 10px; flex-direction: column; align-items: center; }\n\n.dsh-knowledge-trigger {\n  position: relative;\n  flex: 1 1 auto;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: auto;\n  height: 36px;\n  margin: 0;\n  padding: 0 10px 0 8px;\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.dsh-knowledge-launcher .dsh-knowledge-trigger--rail { flex: none; margin-block: 0; }\n.dsh-knowledge-panel-trigger { flex: 0 0 36px; width: 36px; padding: 0; justify-content: center; }\n.dsh-knowledge-panel-trigger:disabled { opacity: .4; cursor: default; background: transparent; }\n.dsh-knowledge-launcher--rail .dsh-knowledge-panel-trigger { flex: none; border-radius: 50%; }\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.dsh-knowledge-panel-right-icon {\n  transform: rotate(180deg);\n}\n';
+
+// src/main-panel-compat.ts
+var import_react2 = require("react");
+function registerMainPanel(ctx, id, priority, render, onHidden = () => {
+}) {
+  const layout = ctx.layout;
+  if (typeof layout.selectPanel !== "function") {
+    return ctx.slots.register({ name: "conversation", priority }, render);
+  }
+  const slots = ctx.slots;
+  let disposed = false;
+  let generation = 0;
+  const Body = (props) => {
+    (0, import_react2.useEffect)(() => {
+      const current = ++generation;
+      return () => {
+        queueMicrotask(() => {
+          if (!disposed && generation === current) onHidden();
+        });
+      };
+    }, []);
+    return render(props);
+  };
+  const remove = slots.register({ name: "main", key: id }, Body);
+  const dispose = () => {
+    if (disposed) return;
+    disposed = true;
+    remove();
+  };
+  try {
+    layout.selectPanel(id);
+  } catch (error) {
+    dispose();
+    throw error;
+  }
+  return dispose;
+}
 
 // src/knowledge-activity.css
-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';
+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: var(--knowledge-border); box-shadow: none; background: color-mix(in srgb, var(--knowledge-text) 5%, var(--knowledge-embedded-control)); }\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/* Host themes can force a focus outline with #root and !important. */\n#root .dsh-knowledge-activity-search input:is(:focus, :focus-visible) {\n  outline: none !important;\n  outline-offset: 0 !important;\n  border: 0;\n  box-shadow: none !important;\n}\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");
+var import_react4 = require("react");
 var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/knowledge-activity-api.ts
@@ -404,7 +547,7 @@ function isRecord(value) {
 }
 
 // src/knowledge-activity-notes.tsx
-var import_react = require("react");
+var import_react3 = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/latest-request.ts
@@ -3292,19 +3435,19 @@ function renderMarkdown(markdown) {
 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)(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)();
-  const [queryInput, setQueryInput] = (0, import_react.useState)("");
-  const [query, setQuery] = (0, import_react.useState)("");
-  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 () => {
+  const [folderId, setFolderId] = (0, import_react3.useState)(initial.noteFolderId ?? null);
+  const [crumbs, setCrumbs] = (0, import_react3.useState)(initial.noteCrumbs ?? [{ id: null, name: "\u5168\u90E8\u7B14\u8BB0" }]);
+  const [selectedId, setSelectedId] = (0, import_react3.useState)(initial.noteDocumentId);
+  const [nodes, setNodes] = (0, import_react3.useState)([]);
+  const [content, setContent] = (0, import_react3.useState)();
+  const [queryInput, setQueryInput] = (0, import_react3.useState)("");
+  const [query, setQuery] = (0, import_react3.useState)("");
+  const [listState, setListState] = (0, import_react3.useState)("loading");
+  const [contentState, setContentState] = (0, import_react3.useState)("idle");
+  const [error, setError] = (0, import_react3.useState)("");
+  const listRequest = (0, import_react3.useRef)(new LatestRequest());
+  const [refresh, setRefresh] = (0, import_react3.useState)(0);
+  const loadNodes = (0, import_react3.useCallback)(async () => {
     const signal = listRequest.current.start();
     setListState("loading");
     setError("");
@@ -3325,13 +3468,13 @@ function KnowledgeActivityNotes({ sessionId, projectId, controller }) {
       setError(message(reason));
     }
   }, [folderId, projectId, query, sessionId]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     void loadNodes();
     return () => {
       listRequest.current.cancel();
     };
   }, [loadNodes, refresh]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (selectedId === void 0) {
       setContent(void 0);
       setContentState("idle");
@@ -3435,7 +3578,7 @@ function KnowledgeActivityNotes({ sessionId, projectId, controller }) {
   ] });
 }
 function NoteReader({ value, state, error, onBack, onRetry }) {
-  const html2 = (0, import_react.useMemo)(() => value === void 0 ? "" : renderMarkdown(value.content), [value]);
+  const html2 = (0, import_react3.useMemo)(() => value === void 0 ? "" : renderMarkdown(value.content), [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-knowledge-activity-reader", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-knowledge-activity-reader-bar", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "dsh-knowledge-activity-back", onClick: onBack, children: [
@@ -3502,25 +3645,25 @@ function KnowledgeActivityPanel(props) {
   const sessionId = String(props.sessionId);
   const projectId = props.useSessions((state) => state.byId[props.sessionId]?.cwd);
   const initial = props.controller.selection(sessionId);
-  const [mode, setMode] = (0, import_react2.useState)(initial.mode ?? "knowledge");
-  const [mounts, setMounts] = (0, import_react2.useState)([]);
-  const [selectedBaseId, setSelectedBaseId] = (0, import_react2.useState)(initial.knowledgeBaseId);
-  const [selectedDocumentId, setSelectedDocumentId] = (0, import_react2.useState)(initial.documentId);
-  const [documents, setDocuments] = (0, import_react2.useState)([]);
-  const [documentValue, setDocumentValue] = (0, import_react2.useState)();
-  const [queryInput, setQueryInput] = (0, import_react2.useState)("");
-  const [query, setQuery] = (0, import_react2.useState)("");
-  const [mountState, setMountState] = (0, import_react2.useState)("loading");
-  const [listState, setListState] = (0, import_react2.useState)("idle");
-  const [documentState, setDocumentState] = (0, import_react2.useState)("idle");
-  const [documentRefresh, setDocumentRefresh] = (0, import_react2.useState)(0);
-  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)(() => {
+  const [mode, setMode] = (0, import_react4.useState)(initial.mode ?? "knowledge");
+  const [mounts, setMounts] = (0, import_react4.useState)([]);
+  const [selectedBaseId, setSelectedBaseId] = (0, import_react4.useState)(initial.knowledgeBaseId);
+  const [selectedDocumentId, setSelectedDocumentId] = (0, import_react4.useState)(initial.documentId);
+  const [documents, setDocuments] = (0, import_react4.useState)([]);
+  const [documentValue, setDocumentValue] = (0, import_react4.useState)();
+  const [queryInput, setQueryInput] = (0, import_react4.useState)("");
+  const [query, setQuery] = (0, import_react4.useState)("");
+  const [mountState, setMountState] = (0, import_react4.useState)("loading");
+  const [listState, setListState] = (0, import_react4.useState)("idle");
+  const [documentState, setDocumentState] = (0, import_react4.useState)("idle");
+  const [documentRefresh, setDocumentRefresh] = (0, import_react4.useState)(0);
+  const [error, setError] = (0, import_react4.useState)("");
+  const [nextCursor, setNextCursor] = (0, import_react4.useState)();
+  const [baseMenuOpen, setBaseMenuOpen] = (0, import_react4.useState)(false);
+  const indexRequest = (0, import_react4.useRef)(new LatestRequest());
+  const mountRequest = (0, import_react4.useRef)(new LatestRequest());
+  const scopeRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useEffect)(() => {
     if (!baseMenuOpen) return;
     const closeOutside = (event) => {
       if (!scopeRef.current?.contains(event.target)) setBaseMenuOpen(false);
@@ -3535,7 +3678,7 @@ function KnowledgeActivityPanel(props) {
       document.removeEventListener("keydown", closeOnEscape);
     };
   }, [baseMenuOpen]);
-  const refreshMounts = (0, import_react2.useCallback)(async () => {
+  const refreshMounts = (0, import_react4.useCallback)(async () => {
     const signal = mountRequest.current.start();
     setMountState("loading");
     setError("");
@@ -3561,13 +3704,13 @@ function KnowledgeActivityPanel(props) {
       setError(message2(reason));
     }
   }, [projectId, props.controller, sessionId]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     void refreshMounts();
     return () => {
       mountRequest.current.cancel();
     };
   }, [refreshMounts]);
-  const loadIndex = (0, import_react2.useCallback)(async (cursor, append = false) => {
+  const loadIndex = (0, import_react4.useCallback)(async (cursor, append = false) => {
     const signal = indexRequest.current.start();
     if (mounts.length === 0 || query.length === 0 && selectedBaseId === void 0) {
       setDocuments([]);
@@ -3596,13 +3739,13 @@ function KnowledgeActivityPanel(props) {
       setError(message2(reason));
     }
   }, [mounts, projectId, query, selectedBaseId, sessionId]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     void loadIndex();
     return () => {
       indexRequest.current.cancel();
     };
   }, [loadIndex]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (selectedDocumentId === void 0) {
       setDocumentValue(void 0);
       setDocumentState("idle");
@@ -3796,7 +3939,7 @@ function DocumentRow({ document: document2, baseName, onClick }) {
   ] });
 }
 function DocumentReader({ value, state, error, onBack, onRetry }) {
-  const html2 = (0, import_react2.useMemo)(() => value === void 0 ? "" : renderMarkdown(readableMarkdown(value.content)), [value]);
+  const html2 = (0, import_react4.useMemo)(() => value === void 0 ? "" : renderMarkdown(readableMarkdown(value.content)), [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-knowledge-activity-reader", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-knowledge-activity-reader-bar", children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", className: "dsh-knowledge-activity-back", onClick: onBack, children: [
@@ -3856,12 +3999,12 @@ function message2(reason) {
 }
 
 // src/knowledge-activity-presentation.tsx
-var import_react3 = require("react");
+var import_react5 = 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 root = (0, import_react5.useRef)(null);
+  const open = (0, import_react5.useSyncExternalStore)(controller.subscribe, () => controller.isOpen(sessionId));
+  (0, import_react5.useLayoutEffect)(() => {
     const viewport = root.current;
     const panel = viewport?.firstElementChild;
     if (!viewport || !panel) return;
@@ -3919,6 +4062,7 @@ function KnowledgeActivityPresentation({ controller, sessionId, onClosed, childr
 // src/knowledge-activity-controller.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function createKnowledgeActivityController(ctx, options) {
+  if (supportsDockedPanels(ctx)) return createDockedKnowledgeController(ctx, options);
   const runtime = ctx;
   const listeners = /* @__PURE__ */ new Set();
   const states = /* @__PURE__ */ new Map();
@@ -4042,6 +4186,58 @@ function createKnowledgeActivityController(ctx, options) {
 function normalizeSessionId(value) {
   return typeof value === "string" && value.length > 0 ? value : void 0;
 }
+function createDockedKnowledgeController(ctx, options) {
+  const selections = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  const notify = () => {
+    for (const listener of listeners) listener();
+  };
+  const current = () => normalizeSessionId(ctx.sessions.list.getSnapshot().current);
+  const panel = createDockedPanel(
+    ctx,
+    "@lemoncat7/dsh-knowledge/activity",
+    "\u77E5\u8BC6\u5E93",
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(KnowledgeActivityPanel, { ...props, controller }),
+    notify
+  );
+  const controller = {
+    open(sessionId, selection) {
+      if (selection !== void 0) controller.select(sessionId, selection);
+      options.beforeOpen();
+      panel.open(sessionId);
+    },
+    toggle(sessionId) {
+      if (panel.isOpen(sessionId)) controller.close(sessionId);
+      else controller.open(sessionId);
+    },
+    close(sessionId) {
+      const target = sessionId ?? current();
+      if (target !== void 0) panel.close(target);
+    },
+    isOpen: panel.isOpen,
+    selection: (sessionId) => selections.get(sessionId) ?? {},
+    select(sessionId, selection) {
+      selections.set(sessionId, mergeActivitySelection(selections.get(sessionId) ?? {}, selection));
+      notify();
+    },
+    openWorkspace(target) {
+      controller.close();
+      options.openWorkspace(target);
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    dispose() {
+      panel.dispose();
+      selections.clear();
+      listeners.clear();
+    }
+  };
+  return controller;
+}
 
 // src/constants.ts
 var KNOWLEDGE_SETTINGS_NAMESPACE = "dsh-knowledge-connection";
@@ -4068,12 +4264,15 @@ var cachedConnectionView;
 var inject = ["slots", "theme", "layout", "sessions"];
 function apply2(ctx) {
   ctx.effect(installStyles, "dsh-knowledge: client styles");
+  const docked = supportsDockedPanels(ctx);
   let activity;
-  const workspace = createKnowledgeWorkspaceController(ctx, () => activity?.close(void 0, true));
+  const workspace = createKnowledgeWorkspaceController(ctx, () => {
+    if (!docked) activity?.close(void 0, true);
+  });
   activity = createKnowledgeActivityController(ctx, {
     beforeOpen: () => {
       workspace.close();
-      activatePluginWorkspace(PLUGIN_ID);
+      if (!docked) activatePluginWorkspace(PLUGIN_ID);
     },
     openWorkspace: (target) => {
       if (target === void 0) workspace.open();
@@ -4082,7 +4281,7 @@ function apply2(ctx) {
   });
   ctx.effect(() => observePluginWorkspace(PLUGIN_ID, () => {
     workspace.close();
-    activity?.close(void 0, true);
+    if (!docked) activity?.close(void 0, true);
   }), "dsh-knowledge: exclusive workspace");
   ctx.effect(() => () => {
     workspace.close();
@@ -4092,7 +4291,7 @@ function apply2(ctx) {
     name: "sidebar.footer.action",
     id: "knowledge",
     order: -10
-  }, (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KnowledgeLauncher, { ...props, workspace, activity })));
+  }, (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KnowledgeLauncher, { ...props, workspace, activity, docked: supportsDockedPanels(ctx) })));
   ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
     name: "settings.plugin.item",
     key: KNOWLEDGE_SETTINGS_NAMESPACE
@@ -4107,12 +4306,12 @@ function KnowledgeWritebackStatus({
   turn,
   workspace
 }) {
-  const [state, setState] = (0, import_react4.useState)();
-  const [retrying, setRetrying] = (0, import_react4.useState)(false);
-  const [readError, setReadError] = (0, import_react4.useState)();
-  const client = (0, import_react4.useRef)();
-  const container = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const [state, setState] = (0, import_react6.useState)();
+  const [retrying, setRetrying] = (0, import_react6.useState)(false);
+  const [readError, setReadError] = (0, import_react6.useState)();
+  const client = (0, import_react6.useRef)();
+  const container = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(() => {
     setState(void 0);
     setRetrying(false);
     setReadError(void 0);
@@ -4205,7 +4404,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_runtime5.jsx)(KnowledgeWorkspace, { ...props, client, workspace: controller }));
+    disposeWorkspace = registerMainPanel(client, PLUGIN_ID, -1, (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KnowledgeWorkspace, { ...props, client, workspace: controller }), close);
   };
   controller = {
     isOpen: () => disposeWorkspace !== void 0,
@@ -4237,18 +4436,18 @@ function createKnowledgeWorkspaceController(client, beforeOpen) {
   return controller;
 }
 function KnowledgeConnectionCard() {
-  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) => {
+  const [current, setCurrent] = (0, import_react6.useState)();
+  const [loadState, setLoadState] = (0, import_react6.useState)("loading");
+  const [loadError, setLoadError] = (0, import_react6.useState)("");
+  const [open, setOpen] = (0, import_react6.useState)(false);
+  const [backend, setBackend] = (0, import_react6.useState)("local");
+  const [remoteUrl, setRemoteUrl] = (0, import_react6.useState)("");
+  const [remoteToken, setRemoteToken] = (0, import_react6.useState)("");
+  const [timeout, setTimeoutValue] = (0, import_react6.useState)("10000");
+  const [dirty, setDirty] = (0, import_react6.useState)(false);
+  const [saving, setSaving] = (0, import_react6.useState)(false);
+  const [message3, setMessage] = (0, import_react6.useState)();
+  const load = (0, import_react6.useCallback)(async (signal) => {
     setLoadState("loading");
     setLoadError("");
     try {
@@ -4261,14 +4460,14 @@ function KnowledgeConnectionCard() {
       setLoadState("error");
     }
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const controller = new AbortController();
     void load(controller.signal);
     return () => {
       controller.abort();
     };
   }, [load]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (dirty || current === void 0) return;
     setBackend(current.backend);
     setRemoteUrl(current.remoteUrl ?? "");
@@ -4430,14 +4629,14 @@ function isConnectionView(value) {
 function isManagementPath(value) {
   return typeof value === "string" && value.startsWith("/") && !value.startsWith("//");
 }
-function KnowledgeLauncher({ wide, useSessions, workspace, activity }) {
-  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));
-  (0, import_react4.useEffect)(() => workspace.subscribe(() => {
+function KnowledgeLauncher({ wide, useSessions, workspace, activity, docked }) {
+  const [open, setOpen] = (0, import_react6.useState)(workspace.isOpen());
+  const currentSessionId = useSessions((state) => availableActivitySession(state, docked));
+  const [activityOpen, setActivityOpen] = (0, import_react6.useState)(currentSessionId === void 0 ? false : activity.isOpen(currentSessionId));
+  (0, import_react6.useEffect)(() => workspace.subscribe(() => {
     setOpen(workspace.isOpen());
   }), [workspace]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const sync = () => {
       setActivityOpen(currentSessionId === void 0 ? false : activity.isOpen(currentSessionId));
     };
@@ -4472,30 +4671,29 @@ function KnowledgeLauncher({ wide, useSessions, workspace, activity }) {
         onClick: () => {
           if (currentSessionId !== void 0) activity.toggle(currentSessionId);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.7", "aria-hidden": "true", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "3", y: "4", width: "18", height: "16", rx: "3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M14 4v16M17 9v6" })
-        ] })
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives3.IconPanelLeftOutline16, { size: 16, className: "dsh-knowledge-panel-right-icon" })
       }
     )
   ] });
 }
 function KnowledgeWorkspace({
-  sessionId,
+  sessionId: scopedSessionId,
   useSessions,
   client,
   workspace
 }) {
   const cachedManagementPath = cachedConnectionView?.managementAvailable ? cachedConnectionView.managementPath : void 0;
-  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 [panelState, setPanelState] = (0, import_react6.useState)(cachedConnectionView === void 0 ? "loading" : cachedManagementPath === void 0 ? "unavailable" : "ready");
+  const [managementPath, setManagementPath] = (0, import_react6.useState)(cachedManagementPath);
+  const [panelError, setPanelError] = (0, import_react6.useState)("");
+  const [target, setTarget] = (0, import_react6.useState)(workspace.currentTarget());
+  const selectedSessionId = useSessions((state) => state.current);
+  const sessionId = scopedSessionId ?? selectedSessionId;
   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_react4.useRef)(null);
-  const themeFrame = (0, import_react4.useRef)(0);
-  const loadManagement = (0, import_react4.useCallback)(async (background = false) => {
+  const frame = (0, import_react6.useRef)(null);
+  const themeFrame = (0, import_react6.useRef)(0);
+  const loadManagement = (0, import_react6.useCallback)(async (background = false) => {
     if (!background) setPanelState("loading");
     setPanelError("");
     try {
@@ -4513,13 +4711,13 @@ function KnowledgeWorkspace({
       setPanelState("error");
     }
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     void loadManagement(cachedConnectionView !== void 0);
   }, [loadManagement]);
-  (0, import_react4.useEffect)(() => workspace.subscribe(() => {
+  (0, import_react6.useEffect)(() => workspace.subscribe(() => {
     setTarget(workspace.currentTarget());
   }), [workspace]);
-  const sendTheme = (0, import_react4.useCallback)(() => {
+  const sendTheme = (0, import_react6.useCallback)(() => {
     const currentFrame = frame.current;
     if (currentFrame === null) return;
     const target2 = currentFrame.contentWindow;
@@ -4529,14 +4727,14 @@ function KnowledgeWorkspace({
       frameOrigin(currentFrame) ?? "*"
     );
   }, [client]);
-  const scheduleTheme = (0, import_react4.useCallback)(() => {
+  const scheduleTheme = (0, import_react6.useCallback)(() => {
     if (themeFrame.current !== 0) window.cancelAnimationFrame(themeFrame.current);
     themeFrame.current = window.requestAnimationFrame(() => {
       themeFrame.current = 0;
       sendTheme();
     });
   }, [sendTheme]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const off = client.on("theme/change", scheduleTheme);
     const onMessage = (event) => {
       const currentFrame = frame.current;