@lemoncat7/dsh-knowledge 2.10.0 → 2.10.1

package/docs/releases/2.10.1.md

@@ -0,0 +1,10 @@
+# 2.10.1 · 透明磨砂材质统一
+
+正式版。适配并验证 DSH **0.1.5-rc.1**，Node.js **^22.19.0 或 >=24.0.0**。
+保留旧宿主兼容声明，未重新完成旧宿主全部端到端验证。
+
+- 上栏、侧栏和主区统一磨砂材质，移除使背景发灰的强去饱和滤镜。
+- 深浅主题上栏均使用 16% 轻透明底，修复深色上栏过黑的问题。
+- 笔记与知识文档正文改为轻透明底与背景高斯模糊，文字保持清晰，大背景保持透明。
+- 保留减少透明度与不支持背景模糊时的可读性降级，以及移动端目录遮挡。
+- 升级前建议备份插件及数据。

package/lib/client.js

@@ -224,7 +224,8 @@ var KNOWLEDGE_PALETTE = {
     "--dialog-surface": "#f4f4f4",
     "--menu-surface": "rgb(232 234 236 / 98%)",
     "--menu-surface-solid": "#e8eaec",
-    "--document-surface": "rgb(218 222 226 / 32%)",
+    "--document-surface": "rgb(255 255 255 / 12%)",
+    "--document-backdrop-filter": "blur(24px)",
     "--selection-background": "#b8c8d6",
     "--selection-text": "#17212b",
     "--activity-surface": "rgba(255, 255, 255, 0.14)",
@@ -254,7 +255,8 @@ var KNOWLEDGE_PALETTE = {
     "--dialog-surface": "#20292b",
     "--menu-surface": "rgb(29 38 40 / 98%)",
     "--menu-surface-solid": "#1d2628",
-    "--document-surface": "rgb(130 138 146 / 6%)",
+    "--document-surface": "rgb(0 0 0 / 8%)",
+    "--document-backdrop-filter": "blur(24px)",
     "--selection-background": "#455b68",
     "--selection-text": "#ffffff",
     "--activity-surface": "rgb(29 36 38 / 24%)",
@@ -284,12 +286,12 @@ var KNOWLEDGE_FONTS = {
 var KNOWLEDGE_EMBEDDED_MATERIAL = {
   light: {
     "--knowledge-embedded-surface": "rgba(255, 255, 255, 0.08)",
-    "--knowledge-embedded-filter": "saturate(.65) contrast(1.015) blur(24px)",
+    "--knowledge-embedded-filter": "saturate(1.22) contrast(1.03) blur(32px)",
     "--knowledge-embedded-control": "rgba(255, 255, 255, 0.27)"
   },
   dark: {
     "--knowledge-embedded-surface": "rgb(16 23 25 / 18%)",
-    "--knowledge-embedded-filter": "saturate(.55) contrast(1.02) blur(24px)",
+    "--knowledge-embedded-filter": "saturate(1.22) contrast(1.03) blur(32px)",
     "--knowledge-embedded-control": "rgb(39 50 53 / 72%)"
   }
 };
@@ -424,7 +426,7 @@ function createDockedPanel(ctx, id, title, render, notify) {
 }
 
 // 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 slot may add a display:contents boundary between its children and the\n   actual flex row. Cover both host structures: wrapping the boundary alone\n   does nothing and a full-width launcher pushes other plugins offscreen. */\n:has(> .dsh-knowledge-launcher),\n:has(> div > .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),\n:has(> div > .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';
+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-header-surface: 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-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-header-surface: rgb(25 33 35 / 16%);\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-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 slot may add a display:contents boundary between its children and the\n   actual flex row. Cover both host structures: wrapping the boundary alone\n   does nothing and a full-width launcher pushes other plugins offscreen. */\n:has(> .dsh-knowledge-launcher),\n:has(> div > .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),\n:has(> div > .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: var(--knowledge-header-surface);\n  box-shadow: var(--knowledge-glass-shadow);\n  /* Equal tint opacity in both themes; keep dense control surfaces independent. */\n  -webkit-backdrop-filter: var(--knowledge-glass-filter);\n  backdrop-filter: var(--knowledge-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-glass-filter);\n  backdrop-filter: var(--knowledge-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");