@lemoncat7/dsh-knowledge 0.7.2 → 1.0.0

package/lib/client.js

@@ -29,29 +29,161 @@ var import_react = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client.css
-var client_default = ".dsh-knowledge-trigger {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: calc(100% + 8px);\n  height: 34px;\n  margin: 4px -4px;\n  padding: 6px 2px 6px 10px;\n  box-sizing: border-box;\n  border: 0;\n  border-radius: 12px;\n  overflow: hidden;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  white-space: nowrap;\n}\n\n.dsh-knowledge-trigger:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.dsh-knowledge-trigger--rail {\n  width: 36px;\n  height: 36px;\n  margin: 8px 0 4px;\n  padding: 0;\n  justify-content: center;\n  gap: 0;\n  border-radius: 50%;\n}\n\n.dsh-knowledge-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  box-sizing: border-box;\n}\n\n.dsh-knowledge-mask {\n  position: absolute;\n  inset: 0;\n  background: var(--dsw-alias-bg-mask-1);\n  backdrop-filter: var(--dsw-mask-blur);\n}\n\n.dsh-knowledge-panel {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  width: min(1180px, calc(100vw - 48px));\n  height: min(860px, calc(100vh - 48px));\n  min-width: min(1040px, calc(100vw - 32px));\n  min-height: 460px;\n  max-width: calc(100vw - 32px);\n  max-height: calc(100vh - 32px);\n  border-radius: 24px;\n  overflow: hidden;\n  background: var(--dsw-alias-bg-layer-2);\n  box-shadow: var(--dsw-shadow-lv3);\n  resize: both;\n}\n\n.dsh-knowledge-panel--maximized {\n  width: calc(100vw - 32px);\n  height: calc(100vh - 32px);\n  resize: none;\n}\n\n.dsh-knowledge-header {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  min-height: 68px;\n  padding: 10px 16px 10px 24px;\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--dsw-alias-divider-primary, rgba(128, 128, 128, .18));\n}\n\n.dsh-knowledge-window-actions {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.dsh-knowledge-header h2,\n.dsh-knowledge-header p {\n  margin: 0;\n}\n\n.dsh-knowledge-header h2 {\n  color: var(--dsw-alias-label-primary);\n  font-size: 17px;\n  line-height: 26px;\n  font-weight: 600;\n}\n\n.dsh-knowledge-header p {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.dsh-knowledge-window-button {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n.dsh-knowledge-window-button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.dsh-knowledge-window-button:focus-visible {\n  outline: 2px solid var(--dsw-alias-interactive-primary, #335cff);\n  outline-offset: 2px;\n}\n\n.dsh-knowledge-resize-grip {\n  position: absolute;\n  right: 3px;\n  bottom: 3px;\n  width: 20px;\n  height: 20px;\n  pointer-events: none;\n  background: repeating-linear-gradient(135deg, transparent 0 4px, var(--dsw-alias-divider-primary, rgba(128, 128, 128, .42)) 4px 6px);\n  clip-path: polygon(100% 0, 100% 100%, 0 100%);\n}\n\n.dsh-knowledge-frame {\n  flex: 1;\n  width: 100%;\n  min-height: 0;\n  border: 0;\n  background: var(--dsw-alias-bg-layer-1, #fff);\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  padding: 32px;\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  color: var(--dsw-alias-label-primary, #171719);\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(--dsw-alias-interactive-bg-hover, rgba(128, 128, 128, .1));\n  color: var(--dsw-alias-label-secondary, #68686f);\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(--dsw-alias-label-secondary, #68686f); 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(--dsw-alias-interactive-primary, #335cff);\n  color: #fff;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-knowledge-panel-state button:focus-visible {\n  outline: 2px solid var(--dsw-alias-interactive-primary, #335cff);\n  outline-offset: 2px;\n}\n\n@media (max-width: 760px) {\n  .dsh-knowledge-overlay {\n    padding: 0;\n  }\n\n  .dsh-knowledge-panel {\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n    max-width: none;\n    max-height: none;\n    border-radius: 0;\n    resize: none;\n  }\n\n  .dsh-knowledge-window-actions > :first-child,\n  .dsh-knowledge-resize-grip { display: none; }\n}\n\n.dsh-knowledge-settings-card {\n  list-style: none;\n  overflow: hidden;\n  border: 1px solid var(--dsw-alias-divider-primary, rgba(128, 128, 128, .18));\n  border-radius: 18px;\n  background: var(--dsw-alias-bg-layer-2, #fff);\n  color: var(--dsw-alias-label-primary, #171719);\n}\n\n.dsh-knowledge-settings-card--open {\n  box-shadow: 0 10px 32px rgba(0, 0, 0, .07);\n}\n\n.dsh-knowledge-settings-header {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 18px 20px;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.dsh-knowledge-settings-header:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128, 128, 128, .08)); }\n.dsh-knowledge-settings-header:focus-visible,\n.dsh-knowledge-settings-actions button:focus-visible,\n.dsh-knowledge-settings-load-error button:focus-visible {\n  outline: 2px solid var(--dsw-alias-interactive-primary, #335cff);\n  outline-offset: 2px;\n}\n.dsh-knowledge-settings-header > span:first-child { display: grid; gap: 3px; }\n.dsh-knowledge-settings-header strong { font-size: 15px; font-weight: 600; }\n.dsh-knowledge-settings-header small,\n.dsh-knowledge-source-picker small,\n.dsh-knowledge-remote-fields small { color: var(--dsw-alias-label-secondary, #68686f); font-size: 12px; }\n.dsh-knowledge-settings-summary { flex: none; color: var(--dsw-alias-label-secondary, #68686f); font-size: 12px; }\n\n.dsh-knowledge-settings-body {\n  display: grid;\n  gap: 18px;\n  padding: 4px 20px 20px;\n  border-top: 1px solid var(--dsw-alias-divider-primary, rgba(128, 128, 128, .14));\n}\n\n.dsh-knowledge-source-picker {\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; 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(--dsw-alias-divider-primary, rgba(128, 128, 128, .2));\n  border-radius: 14px;\n  cursor: pointer;\n}\n.dsh-knowledge-source-picker label.is-selected {\n  border-color: var(--dsw-alias-interactive-primary, #335cff);\n  background: color-mix(in srgb, var(--dsw-alias-interactive-primary, #335cff) 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(--dsw-alias-interactive-primary, #335cff);\n  outline-offset: 2px;\n}\n.dsh-knowledge-source-picker input { margin-top: 2px; accent-color: var(--dsw-alias-interactive-primary, #335cff); }\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(--dsw-alias-label-secondary, #68686f); font-size: 12px; }\n.dsh-knowledge-remote-fields input,\n.dsh-knowledge-timeout-field input {\n  min-height: 38px;\n  box-sizing: border-box;\n  padding: 8px 11px;\n  border: 1px solid var(--dsw-alias-divider-primary, rgba(128, 128, 128, .25));\n  border-radius: 10px;\n  outline: none;\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  color: var(--dsw-alias-label-primary, #171719);\n  font: inherit;\n}\n.dsh-knowledge-remote-fields input:focus,\n.dsh-knowledge-timeout-field input:focus { border-color: var(--dsw-alias-interactive-primary, #335cff); box-shadow: 0 0 0 3px rgba(51, 92, 255, .12); }\n.dsh-knowledge-timeout-field { max-width: 240px; }\n.dsh-knowledge-field-error { color: #c9362b !important; }\n\n.dsh-knowledge-settings-message,\n.dsh-knowledge-settings-note { margin: 0; color: var(--dsw-alias-label-secondary, #68686f); font-size: 12px; }\n.dsh-knowledge-settings-message.is-success { color: #15803d; }\n.dsh-knowledge-settings-message.is-error { color: #c9362b; }\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, #c9362b 8%, transparent);\n  color: #c9362b;\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(--dsw-alias-bg-layer-2, #fff);\n  color: var(--dsw-alias-label-primary, #171719);\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(--dsw-alias-interactive-bg-hover, rgba(128, 128, 128, .1));\n  color: var(--dsw-alias-label-primary, #171719);\n  cursor: pointer;\n  font: inherit;\n  font-size: 13px;\n}\n.dsh-knowledge-settings-actions button.is-primary { background: var(--dsw-alias-interactive-primary, #335cff); color: #fff; }\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}\n";
+var client_default = ".dsh-knowledge-trigger {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: calc(100% + 8px);\n  height: 34px;\n  margin: 4px -4px;\n  padding: 6px 2px 6px 10px;\n  box-sizing: border-box;\n  border: 0;\n  border-radius: 12px;\n  overflow: hidden;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  white-space: nowrap;\n}\n\n.dsh-knowledge-trigger:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.dsh-knowledge-trigger.is-active {\n  background: var(--dsw-alias-interactive-bg-selected, var(--dsw-alias-interactive-bg-hover));\n  color: var(--dsw-alias-interactive-primary, currentColor);\n}\n\n.dsh-knowledge-trigger--rail {\n  width: 36px;\n  height: 36px;\n  margin: 8px 0 4px;\n  padding: 0;\n  justify-content: center;\n  gap: 0;\n  border-radius: 50%;\n}\n\n.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(--dsw-alias-bg-layer-1, #fff);\n}\n\n.dsh-knowledge-workspace-header {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  min-height: 56px;\n  padding: 8px 16px 8px 20px;\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--dsw-alias-divider-primary, rgba(128, 128, 128, .18));\n  background: var(--dsw-alias-bg-layer-2, #fff);\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(--dsw-alias-label-primary);\n  font-size: 15px;\n  line-height: 22px;\n  font-weight: 600;\n}\n\n.dsh-knowledge-workspace-header p {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.dsh-knowledge-frame {\n  flex: 1;\n  width: 100%;\n  min-height: 0;\n  border: 0;\n  background: var(--dsw-alias-bg-layer-1, #fff);\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  padding: 32px;\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  color: var(--dsw-alias-label-primary, #171719);\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(--dsw-alias-interactive-bg-hover, rgba(128, 128, 128, .1));\n  color: var(--dsw-alias-label-secondary, #68686f);\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(--dsw-alias-label-secondary, #68686f); 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(--dsw-alias-interactive-primary, #335cff);\n  color: #fff;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-knowledge-panel-state button:focus-visible {\n  outline: 2px solid var(--dsw-alias-interactive-primary, #335cff);\n  outline-offset: 2px;\n}\n\n.dsh-knowledge-settings-card {\n  list-style: none;\n  overflow: hidden;\n  border: 1px solid var(--dsw-alias-divider-primary, rgba(128, 128, 128, .18));\n  border-radius: 18px;\n  background: var(--dsw-alias-bg-layer-2, #fff);\n  color: var(--dsw-alias-label-primary, #171719);\n}\n\n.dsh-knowledge-settings-card--open {\n  box-shadow: 0 10px 32px rgba(0, 0, 0, .07);\n}\n\n.dsh-knowledge-settings-header {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 18px 20px;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.dsh-knowledge-settings-header:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128, 128, 128, .08)); }\n.dsh-knowledge-settings-header:focus-visible,\n.dsh-knowledge-settings-actions button:focus-visible,\n.dsh-knowledge-settings-load-error button:focus-visible {\n  outline: 2px solid var(--dsw-alias-interactive-primary, #335cff);\n  outline-offset: 2px;\n}\n.dsh-knowledge-settings-header > span:first-child { display: grid; gap: 3px; }\n.dsh-knowledge-settings-header strong { font-size: 15px; font-weight: 600; }\n.dsh-knowledge-settings-header small,\n.dsh-knowledge-source-picker small,\n.dsh-knowledge-remote-fields small { color: var(--dsw-alias-label-secondary, #68686f); font-size: 12px; }\n.dsh-knowledge-settings-summary { flex: none; color: var(--dsw-alias-label-secondary, #68686f); font-size: 12px; }\n\n.dsh-knowledge-settings-body {\n  display: grid;\n  gap: 18px;\n  padding: 4px 20px 20px;\n  border-top: 1px solid var(--dsw-alias-divider-primary, rgba(128, 128, 128, .14));\n}\n\n.dsh-knowledge-source-picker {\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; 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(--dsw-alias-divider-primary, rgba(128, 128, 128, .2));\n  border-radius: 14px;\n  cursor: pointer;\n}\n.dsh-knowledge-source-picker label.is-selected {\n  border-color: var(--dsw-alias-interactive-primary, #335cff);\n  background: color-mix(in srgb, var(--dsw-alias-interactive-primary, #335cff) 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(--dsw-alias-interactive-primary, #335cff);\n  outline-offset: 2px;\n}\n.dsh-knowledge-source-picker input { margin-top: 2px; accent-color: var(--dsw-alias-interactive-primary, #335cff); }\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(--dsw-alias-label-secondary, #68686f); font-size: 12px; }\n.dsh-knowledge-remote-fields input,\n.dsh-knowledge-timeout-field input {\n  min-height: 38px;\n  box-sizing: border-box;\n  padding: 8px 11px;\n  border: 1px solid var(--dsw-alias-divider-primary, rgba(128, 128, 128, .25));\n  border-radius: 10px;\n  outline: none;\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  color: var(--dsw-alias-label-primary, #171719);\n  font: inherit;\n}\n.dsh-knowledge-remote-fields input:focus,\n.dsh-knowledge-timeout-field input:focus { border-color: var(--dsw-alias-interactive-primary, #335cff); box-shadow: 0 0 0 3px rgba(51, 92, 255, .12); }\n.dsh-knowledge-timeout-field { max-width: 240px; }\n.dsh-knowledge-field-error { color: #c9362b !important; }\n\n.dsh-knowledge-settings-message,\n.dsh-knowledge-settings-note { margin: 0; color: var(--dsw-alias-label-secondary, #68686f); font-size: 12px; }\n.dsh-knowledge-settings-message.is-success { color: #15803d; }\n.dsh-knowledge-settings-message.is-error { color: #c9362b; }\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, #c9362b 8%, transparent);\n  color: #c9362b;\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(--dsw-alias-bg-layer-2, #fff);\n  color: var(--dsw-alias-label-primary, #171719);\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(--dsw-alias-interactive-bg-hover, rgba(128, 128, 128, .1));\n  color: var(--dsw-alias-label-primary, #171719);\n  cursor: pointer;\n  font: inherit;\n  font-size: 13px;\n}\n.dsh-knowledge-settings-actions button.is-primary { background: var(--dsw-alias-interactive-primary, #335cff); color: #fff; }\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}\n";
+
+// src/constants.ts
+var KNOWLEDGE_SETTINGS_NAMESPACE = "dsh-knowledge-connection";
+
+// src/theme-bridge.ts
+var KNOWLEDGE_THEME_MESSAGE = "@lemoncat7/dsh-knowledge/host-theme";
+var KNOWLEDGE_THEME_READY_MESSAGE = "@lemoncat7/dsh-knowledge/host-theme-ready";
+var KNOWLEDGE_THEME_PROTOCOL_VERSION = 1;
+var TOKEN_SOURCES = {
+  "--bg": ["--dsw-alias-bg-layer-1", "--dsw-alias-bg-base"],
+  "--surface": ["--dsw-alias-bg-layer-2", "--dsw-alias-bg-layer-1"],
+  "--surface-raised": ["--dsw-alias-bg-layer-3", "--dsw-alias-bg-overlay", "--dsw-alias-bg-layer-2"],
+  "--surface-soft": ["--dsw-alias-bg-module-platform", "--dsw-alias-bg-layer-3", "--dsw-alias-bg-layer-2"],
+  "--surface-hover": ["--dsw-alias-interactive-bg-hover", "--dsw-alias-bg-layer-3"],
+  "--text": ["--dsw-alias-label-primary"],
+  "--text-secondary": ["--dsw-alias-label-secondary", "--dsw-alias-label-primary-dimmed"],
+  "--text-tertiary": ["--dsw-alias-label-tertiary", "--dsw-alias-label-caption"],
+  "--border": ["--dsw-alias-border-l2", "--dsw-alias-divider-primary", "--dsw-alias-border-l1"],
+  "--border-strong": ["--dsw-alias-border-l3", "--dsw-alias-border-l2"],
+  "--accent": ["--dsw-alias-button-primary-fill", "--dsw-alias-brand-primary"],
+  "--accent-hover": ["--dsw-alias-button-primary-hover", "--dsw-alias-brand-primary"],
+  "--accent-soft": ["--dsw-alias-interactive-bg-active", "--dsw-alias-interactive-bg-hover-accent"],
+  "--on-accent": ["--dsw-alias-label-primary-foreground", "--dsw-alias-brand-primary-invert"],
+  "--success": ["--dsw-alias-state-success-primary"],
+  "--success-soft": ["--dsw-alias-state-success-tertiary"],
+  "--warning": ["--dsw-alias-state-warn-primary", "--dsw-alias-state-warn-label"],
+  "--warning-soft": ["--dsw-alias-state-warn-tertiary"],
+  "--danger": ["--dsw-alias-state-error-primary"],
+  "--danger-soft": ["--dsw-alias-state-error-tertiary"],
+  "--shadow": ["--dsw-shadow-lv3", "--dsw-shadow-lv2"]
+};
+var FALLBACK_TOKENS = {
+  light: {
+    "--bg": "#f5f5f7",
+    "--surface": "#ffffff",
+    "--surface-raised": "#ffffff",
+    "--surface-soft": "#f0f0f3",
+    "--surface-hover": "#f5f5f8",
+    "--text": "#1d1d1f",
+    "--text-secondary": "#4c4c50",
+    "--text-tertiary": "#6e6e73",
+    "--border": "#dedee3",
+    "--border-strong": "#c7c7cc",
+    "--accent": "#086bd8",
+    "--accent-hover": "#005ab8",
+    "--accent-soft": "#e8f2ff",
+    "--on-accent": "#ffffff",
+    "--success": "#18794e",
+    "--success-soft": "#e8f5ee",
+    "--warning": "#986800",
+    "--warning-soft": "#fff4cf",
+    "--danger": "#c9343a",
+    "--danger-soft": "#fdebec",
+    "--shadow": "0 18px 48px rgb(30 45 70 / 10%)"
+  },
+  dark: {
+    "--bg": "#101012",
+    "--surface": "#1c1c1e",
+    "--surface-raised": "#242426",
+    "--surface-soft": "#2c2c2e",
+    "--surface-hover": "#303033",
+    "--text": "#f5f5f7",
+    "--text-secondary": "#c7c7cc",
+    "--text-tertiary": "#98989d",
+    "--border": "#353538",
+    "--border-strong": "#4a4a4f",
+    "--accent": "#64a8ff",
+    "--accent-hover": "#82b8ff",
+    "--accent-soft": "#17365d",
+    "--on-accent": "#0c1b2c",
+    "--success": "#62c596",
+    "--success-soft": "#163a2a",
+    "--warning": "#e7bc62",
+    "--warning-soft": "#423414",
+    "--danger": "#ff858a",
+    "--danger-soft": "#4b2227",
+    "--shadow": "0 16px 40px rgb(0 0 0 / 28%)"
+  }
+};
+function createKnowledgeHostTheme(computed, snapshot) {
+  const tokens = {};
+  for (const [target, sources] of Object.entries(TOKEN_SOURCES)) {
+    const value = firstDefinedToken(computed, snapshot.active.tokens, sources);
+    tokens[target] = value ?? FALLBACK_TOKENS[snapshot.active.colorScheme][target];
+  }
+  return {
+    type: KNOWLEDGE_THEME_MESSAGE,
+    version: KNOWLEDGE_THEME_PROTOCOL_VERSION,
+    colorScheme: snapshot.active.colorScheme,
+    tokens
+  };
+}
+function firstDefinedToken(computed, snapshotTokens, sources) {
+  for (const source of sources) {
+    const computedValue = computed.getPropertyValue(source).trim();
+    if (computedValue.length > 0) return computedValue;
+    const snapshotValue = snapshotTokens[source]?.trim();
+    if (snapshotValue !== void 0 && snapshotValue.length > 0) return snapshotValue;
+  }
+  return void 0;
+}
 
 // src/client.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var PLUGIN_ID = "@lemoncat7/dsh-knowledge";
 var STYLE_ID = `${PLUGIN_ID}/client`;
-var PANEL_SIZE_KEY = `${PLUGIN_ID}/panel-size`;
 var CONNECTION_CONTROL_PATH = "/knowledge-control/v1/connection";
-var inject = ["slots"];
+var inject = ["slots", "theme"];
 function apply(ctx) {
   ctx.effect(installStyles, "dsh-knowledge: client styles");
+  const workspace = createKnowledgeWorkspaceController(ctx);
+  ctx.effect(() => () => {
+    workspace.close();
+  }, "dsh-knowledge: workspace lifecycle");
   ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
     name: "sidebar.footer.action",
     id: "knowledge",
     order: -10
-  }, KnowledgeLauncher));
+  }, (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KnowledgeLauncher, { ...props, workspace })));
   ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
     name: "settings.plugin.item",
-    key: "dsh-knowledge-connection",
-    id: "dsh-knowledge-connection",
-    order: 25
+    key: KNOWLEDGE_SETTINGS_NAMESPACE
   }, KnowledgeConnectionCard));
 }
+function createKnowledgeWorkspaceController(client) {
+  const listeners = /* @__PURE__ */ new Set();
+  let disposeWorkspace;
+  const notify = () => {
+    for (const listener of listeners) listener();
+  };
+  const close = () => {
+    if (disposeWorkspace === void 0) return;
+    const dispose = disposeWorkspace;
+    disposeWorkspace = void 0;
+    dispose();
+    notify();
+  };
+  return {
+    isOpen: () => disposeWorkspace !== void 0,
+    toggle: () => {
+      if (disposeWorkspace !== void 0) return close();
+      const dispose = client.slots.register({ name: "conversation", priority: -1 }, (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KnowledgeWorkspace, { ...props, client }));
+      disposeWorkspace = dispose;
+      notify();
+    },
+    close,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+}
 function KnowledgeConnectionCard() {
   const [current, setCurrent] = (0, import_react.useState)();
   const [loadState, setLoadState] = (0, import_react.useState)("loading");
@@ -246,18 +378,41 @@ function isConnectionView(value) {
 function isManagementPath(value) {
   return typeof value === "string" && value.startsWith("/") && !value.startsWith("//");
 }
-function KnowledgeLauncher({ wide, useSessions }) {
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const [maximized, setMaximized] = (0, import_react.useState)(false);
+function KnowledgeLauncher({ wide, workspace }) {
+  const [open, setOpen] = (0, import_react.useState)(workspace.isOpen());
+  (0, import_react.useEffect)(() => workspace.subscribe(() => {
+    setOpen(workspace.isOpen());
+  }), [workspace]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type: "button",
+      className: `dsh-knowledge-trigger${wide ? "" : " dsh-knowledge-trigger--rail"}${open ? " is-active" : ""}`,
+      "aria-label": open ? "\u8FD4\u56DE\u5BF9\u8BDD" : "\u77E5\u8BC6\u5E93",
+      "aria-pressed": open,
+      title: wide ? void 0 : open ? "\u8FD4\u56DE\u5BF9\u8BDD" : "\u77E5\u8BC6\u5E93",
+      onClick: () => {
+        workspace.toggle();
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconDataOutline16, { size: wide ? 16 : 18 }),
+        wide && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: open ? "\u8FD4\u56DE\u5BF9\u8BDD" : "\u77E5\u8BC6\u5E93" })
+      ]
+    }
+  );
+}
+function KnowledgeWorkspace({
+  sessionId,
+  useSessions,
+  client
+}) {
   const [panelState, setPanelState] = (0, import_react.useState)("loading");
   const [managementPath, setManagementPath] = (0, import_react.useState)();
   const [panelError, setPanelError] = (0, import_react.useState)("");
-  const close = (0, import_react.useCallback)(() => {
-    setOpen(false);
-  }, []);
-  const sessionId = useSessions((state) => state.current);
   const projectId = useSessions((state) => sessionId === void 0 ? void 0 : state.byId[sessionId]?.cwd);
   const knowledgeUrl = managementPath === void 0 ? void 0 : knowledgePanelUrl(managementPath, sessionId, projectId);
+  const frame = (0, import_react.useRef)(null);
+  const themeFrame = (0, import_react.useRef)(0);
   const loadManagement = (0, import_react.useCallback)(async () => {
     setPanelState("loading");
     setPanelError("");
@@ -276,169 +431,54 @@ function KnowledgeLauncher({ wide, useSessions }) {
       setPanelState("error");
     }
   }, []);
-  const show = () => {
-    setOpen(true);
+  (0, import_react.useEffect)(() => {
     void loadManagement();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "button",
-      {
-        type: "button",
-        className: `dsh-knowledge-trigger${wide ? "" : " dsh-knowledge-trigger--rail"}`,
-        "aria-label": "\u77E5\u8BC6\u5E93",
-        "aria-haspopup": "dialog",
-        "aria-expanded": open,
-        title: wide ? void 0 : "\u77E5\u8BC6\u5E93",
-        onClick: show,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconDataOutline16, { size: wide ? 16 : 18 }),
-          wide && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u77E5\u8BC6\u5E93" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      KnowledgePanel,
-      {
-        src: knowledgeUrl,
-        state: panelState,
-        error: panelError,
-        onRetry: () => {
-          void loadManagement();
-        },
-        maximized,
-        onToggleMaximized: () => {
-          setMaximized((value) => !value);
-        },
-        onClose: close
-      }
-    )
-  ] });
-}
-function KnowledgePanel({
-  src,
-  state,
-  error,
-  onRetry,
-  maximized,
-  onToggleMaximized,
-  onClose
-}) {
-  const closeButton = (0, import_react.useRef)(null);
-  const panel = (0, import_react.useRef)(null);
-  const panelSize = (0, import_react.useRef)(readPanelSize());
+  }, [loadManagement]);
+  const sendTheme = (0, import_react.useCallback)(() => {
+    const target = frame.current?.contentWindow;
+    if (target === void 0 || target === null) return;
+    const computed = getComputedStyle(document.body);
+    target.postMessage(createKnowledgeHostTheme(computed, client.theme.getTheme()), window.location.origin);
+  }, [client]);
+  const scheduleTheme = (0, import_react.useCallback)(() => {
+    if (themeFrame.current !== 0) window.cancelAnimationFrame(themeFrame.current);
+    themeFrame.current = window.requestAnimationFrame(() => {
+      themeFrame.current = 0;
+      sendTheme();
+    });
+  }, [sendTheme]);
   (0, import_react.useEffect)(() => {
-    const onKeyDown = (event) => {
-      if (event.key === "Escape") onClose();
+    const off = client.on("theme/change", scheduleTheme);
+    const onMessage = (event) => {
+      if (event.origin !== window.location.origin || event.source !== frame.current?.contentWindow) return;
+      const data = event.data;
+      if (data?.type === KNOWLEDGE_THEME_READY_MESSAGE && data.version === KNOWLEDGE_THEME_PROTOCOL_VERSION) sendTheme();
     };
-    document.addEventListener("keydown", onKeyDown);
-    closeButton.current?.focus();
-    return () => {
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [onClose]);
-  (0, import_react.useEffect)(() => {
-    const target = panel.current;
-    if (target === null || typeof ResizeObserver === "undefined") return;
-    const minimumWidth = desktopPanelMinimumWidth();
-    const observer = new ResizeObserver((entries) => {
-      if (target.classList.contains("dsh-knowledge-panel--maximized") || window.innerWidth <= 760) return;
-      const rect = entries[0]?.contentRect;
-      if (rect === void 0 || rect.width < minimumWidth || rect.height < 460) return;
-      panelSize.current = { width: Math.round(rect.width), height: Math.round(rect.height) };
-      try {
-        localStorage.setItem(PANEL_SIZE_KEY, JSON.stringify(panelSize.current));
-      } catch {
-      }
-    });
-    observer.observe(target);
+    window.addEventListener("message", onMessage);
+    scheduleTheme();
     return () => {
-      observer.disconnect();
+      off();
+      window.removeEventListener("message", onMessage);
+      if (themeFrame.current !== 0) window.cancelAnimationFrame(themeFrame.current);
     };
-  }, []);
-  const restoredSize = !maximized && window.innerWidth > 760 ? panelSize.current : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-knowledge-overlay", role: "presentation", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-knowledge-mask", "aria-hidden": "true", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "section",
-      {
-        ref: panel,
-        className: `dsh-knowledge-panel${maximized ? " dsh-knowledge-panel--maximized" : ""}`,
-        style: restoredSize,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": "dsh-knowledge-panel-title",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "dsh-knowledge-header", onDoubleClick: (event) => {
-            if (!event.target.closest("button")) onToggleMaximized();
-          }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: "dsh-knowledge-panel-title", children: "\u77E5\u8BC6\u5E93" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u7BA1\u7406\u77E5\u8BC6\u3001AI \u5019\u9009\u548C\u5BA2\u6237\u7AEF\u8BBF\u95EE\u4EE4\u724C" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-knowledge-window-actions", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "button",
-                {
-                  type: "button",
-                  className: "dsh-knowledge-window-button",
-                  "aria-label": maximized ? "\u8FD8\u539F\u77E5\u8BC6\u5E93\u7A97\u53E3" : "\u6700\u5927\u5316\u77E5\u8BC6\u5E93\u7A97\u53E3",
-                  title: maximized ? "\u8FD8\u539F" : "\u6700\u5927\u5316",
-                  onClick: (event) => {
-                    event.stopPropagation();
-                    onToggleMaximized();
-                  },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: maximized ? "\u2199" : "\u2197" })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "button",
-                {
-                  ref: closeButton,
-                  type: "button",
-                  className: "dsh-knowledge-window-button",
-                  "aria-label": "\u5173\u95ED\u77E5\u8BC6\u5E93",
-                  onClick: onClose,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconCloseOutline16, { size: 16 })
-                }
-              )
-            ] })
-          ] }),
-          state === "ready" && src !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("iframe", { className: "dsh-knowledge-frame", src, title: "\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-knowledge-panel-state", role: state === "error" ? "alert" : "status", "aria-live": "polite", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-knowledge-panel-state-icon", "aria-hidden": "true", children: state === "loading" ? "\xB7\xB7\xB7" : state === "error" ? "!" : "\u2014" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: state === "loading" ? "\u6B63\u5728\u6253\u5F00\u77E5\u8BC6\u5E93\u2026" : state === "error" ? "\u6682\u65F6\u65E0\u6CD5\u6253\u5F00\u77E5\u8BC6\u5E93" : "\u8FD9\u53F0 DSH \u672A\u542F\u7528\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: state === "loading" ? "\u6B63\u5728\u786E\u8BA4\u5F53\u524D\u5B9E\u4F8B\u662F\u5426\u63D0\u4F9B\u7BA1\u7406\u9875\u9762\u3002" : state === "error" ? error : "\u672C\u5730\u53EC\u56DE\u548C\u56DE\u5199\u4ECD\u53EF\u4F7F\u7528\u3002\u5F53\u524D profile \u5DF2\u663E\u5F0F\u5173\u95ED exposeWeb\uFF1B\u91CD\u65B0\u542F\u7528\u540E\u5373\u53EF\u5728\u8FD9\u91CC\u7BA1\u7406\u3002\u4F7F\u7528\u8FDC\u7A0B\u77E5\u8BC6\u5E93\u65F6\uFF0C\u8BF7\u524D\u5F80\u4E2D\u592E DSH \u7684\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0\u3002" }),
-              state === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: onRetry, children: "\u91CD\u8BD5" })
-            ] })
-          ] }),
-          !maximized && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-knowledge-resize-grip", "aria-hidden": "true" })
-        ]
-      }
-    )
+  }, [client, scheduleTheme, sendTheme]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-knowledge-workspace", "aria-labelledby": "dsh-knowledge-workspace-title", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "dsh-knowledge-workspace-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: "dsh-knowledge-workspace-title", children: "\u77E5\u8BC6\u5E93" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u6587\u6863\u3001\u5BA1\u6838\u3001\u6302\u8F7D\u4E0E\u8BBF\u95EE\u7BA1\u7406" })
+    ] }) }),
+    panelState === "ready" && knowledgeUrl !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("iframe", { ref: frame, className: "dsh-knowledge-frame", src: knowledgeUrl, title: "\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0", onLoad: sendTheme }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-knowledge-panel-state", role: panelState === "error" ? "alert" : "status", "aria-live": "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-knowledge-panel-state-icon", "aria-hidden": "true", children: panelState === "loading" ? "\xB7\xB7\xB7" : panelState === "error" ? "!" : "\u2014" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: panelState === "loading" ? "\u6B63\u5728\u6253\u5F00\u77E5\u8BC6\u5E93\u2026" : panelState === "error" ? "\u6682\u65F6\u65E0\u6CD5\u6253\u5F00\u77E5\u8BC6\u5E93" : "\u8FD9\u53F0 DSH \u672A\u542F\u7528\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: panelState === "loading" ? "\u6B63\u5728\u786E\u8BA4\u5F53\u524D\u5B9E\u4F8B\u662F\u5426\u63D0\u4F9B\u7BA1\u7406\u9875\u9762\u3002" : panelState === "error" ? panelError : "\u672C\u5730\u53EC\u56DE\u548C\u56DE\u5199\u4ECD\u53EF\u4F7F\u7528\u3002\u5F53\u524D profile \u5DF2\u663E\u5F0F\u5173\u95ED exposeWeb\uFF1B\u91CD\u65B0\u542F\u7528\u540E\u5373\u53EF\u5728\u8FD9\u91CC\u7BA1\u7406\u3002\u4F7F\u7528\u8FDC\u7A0B\u77E5\u8BC6\u5E93\u65F6\uFF0C\u8BF7\u524D\u5F80\u4E2D\u592E DSH \u7684\u77E5\u8BC6\u5E93\u7BA1\u7406\u53F0\u3002" }),
+        panelState === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => {
+          void loadManagement();
+        }, children: "\u91CD\u8BD5" })
+      ] })
+    ] })
   ] });
 }
-function readPanelSize() {
-  const minimumWidth = desktopPanelMinimumWidth();
-  const fallback = {
-    width: Math.min(1180, Math.max(minimumWidth, window.innerWidth - 48)),
-    height: Math.min(860, Math.max(460, window.innerHeight - 48))
-  };
-  try {
-    const value = JSON.parse(localStorage.getItem(PANEL_SIZE_KEY) || "{}");
-    const width = Number(value.width);
-    const height = Number(value.height);
-    return {
-      width: Number.isFinite(width) ? Math.min(window.innerWidth - 32, Math.max(minimumWidth, width)) : fallback.width,
-      height: Number.isFinite(height) ? Math.min(window.innerHeight - 32, Math.max(460, height)) : fallback.height
-    };
-  } catch {
-    return fallback;
-  }
-}
-function desktopPanelMinimumWidth() {
-  return Math.min(1040, Math.max(320, window.innerWidth - 32));
-}
 function knowledgePanelUrl(managementPath, sessionId, projectId) {
   const params = new URLSearchParams();
   if (sessionId !== void 0) params.set("sessionId", sessionId);