@ahggg/dsh-side-chat 0.6.1 → 0.7.0

package/lib/client.js

@@ -8,7 +8,7 @@ window.__ModuleLoader__.load({
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		//#region \0dsh-side-chat-css:L2hvbWUvcnVubmVyL3dvcmsvZHNoLXNpZGUtY2hhdC9kc2gtc2lkZS1jaGF0L3NyYy9jbGllbnQvcGFuZWwvc2lkZS1jaGF0LmNzcw
-		var _dsh_side_chat_css_L2hvbWUvcnVubmVyL3dvcmsvZHNoLXNpZGUtY2hhdC9kc2gtc2lkZS1jaGF0L3NyYy9jbGllbnQvcGFuZWwvc2lkZS1jaGF0LmNzcw_default = ".dsh-side-chat-overlay,\n.dsh-side-chat-parent-annotation-dock,\n.dsh-side-chat-parent-user-message {\n  /* DSH rc.6 themes publish the semantic alias layer. Keep the legacy tokens\n     as fallbacks for older hosts instead of falling through to light colors\n     while the host has selected its dark palette. */\n  --side-chat-border: var(--dsw-alias-border-l2, var(--dsw-border, #d8d8de));\n  --side-chat-bg: var(--dsw-alias-bg-layer-2, var(--dsw-surface, #ffffff));\n  --side-chat-muted: var(--dsw-alias-label-tertiary, var(--dsw-text-muted, #62636a));\n  --side-chat-text: var(--dsw-alias-label-primary, var(--dsw-text, #19191d));\n  --side-chat-accent: var(--dsw-alias-state-business-primary, #1473e6);\n  --side-chat-accent-fill: var(--dsw-alias-button-info-fill, #4176e6);\n  --side-chat-accent-hover: var(--dsw-alias-button-info-hover, #3467d6);\n  --side-chat-accent-text: var(--dsw-alias-label-primary-foreground, #ffffff);\n  color: var(--side-chat-text);\n}\n\n.dsh-side-chat-overlay {\n  pointer-events: none;\n}\n\n.dsh-side-chat-overlay > * {\n  pointer-events: auto;\n}\n\n.dsh-side-chat-panel {\n  position: fixed;\n  z-index: 70;\n  right: clamp(12px, 2vw, 20px);\n  bottom: clamp(12px, 2vw, 20px);\n  display: flex;\n  width: min(840px, calc(100vw - 32px));\n  height: clamp(460px, 62dvh, 980px);\n  max-height: calc(100dvh - 32px);\n  min-width: 0;\n  min-height: 0;\n  box-sizing: border-box;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 28px;\n  background: var(--side-chat-bg);\n  color: var(--side-chat-text);\n  box-shadow: 0 12px 36px rgb(0 0 0 / 11%), 0 2px 8px rgb(0 0 0 / 6%);\n}\n\n.dsh-side-chat-conversation {\n  display: flex;\n  height: 100%;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.dsh-side-chat-transcript {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 12px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  padding: 18px 20px 24px;\n  scrollbar-color: color-mix(in srgb, var(--side-chat-muted) 34%, transparent) transparent;\n  scrollbar-width: thin;\n}\n\n.dsh-side-chat-message {\n  max-width: 92%;\n  padding: 10px 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 12px;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-surface-subtle, #f7f7f9));\n}\n\n.dsh-side-chat-message[data-role=\"user\"] {\n  align-self: end;\n  background: var(--dsw-specific-bubble, var(--dsw-accent-soft, #eef4ff));\n}\n\n.dsh-side-chat-message[data-role=\"assistant\"] {\n  align-self: start;\n  min-width: 0;\n  max-width: 100%;\n  border-color: transparent;\n  background: transparent;\n  overflow-wrap: anywhere;\n}\n.dsh-side-chat-message-role,\n.dsh-side-chat-message-note { display: block; margin-bottom: 5px; color: var(--side-chat-muted); font-size: 12px; }\n.dsh-side-chat-message-text { white-space: pre-wrap; overflow-wrap: anywhere; }\n.dsh-side-chat-message pre,\n.dsh-side-chat-turn-notice pre { overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }\n.dsh-side-chat-message[data-role=\"assistant\"] :where(table) {\n  display: block;\n  max-width: 100%;\n  overflow-x: auto;\n}\n.dsh-side-chat-reasoning {\n  display: flex;\n  flex-direction: column;\n}\n.dsh-side-chat-reasoning-row {\n  position: relative;\n  overflow: hidden;\n}\n.dsh-side-chat-reasoning[data-state=\"running\"] .dsh-side-chat-reasoning-row::after {\n  position: absolute;\n  inset-block: 0;\n  left: 0;\n  width: 300px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 60%, transparent) 55%,\n    transparent 100%\n  );\n  content: '';\n  pointer-events: none;\n  animation: dsh-side-chat-reasoning-sweep 2.6s ease-out infinite;\n}\n@keyframes dsh-side-chat-reasoning-sweep {\n  0% { left: -300px; }\n  90%, 100% { left: 100%; }\n}\n.dsh-side-chat-reasoning-leading { flex-shrink: 0; }\n.dsh-side-chat-reasoning-chevron { color: var(--dsw-alias-label-secondary, var(--side-chat-muted)); }\n.dsh-side-chat-reasoning-title { font-weight: 400; }\n.dsh-side-chat-reasoning-separator {\n  width: 2px;\n  height: 2px;\n  flex: none;\n  margin: 0 8px;\n  border-radius: 1px;\n  background: var(--dsw-alias-label-caption, #a1a1aa);\n}\n.dsh-side-chat-reasoning-summary {\n  min-width: 0;\n  flex: auto;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 14px;\n  line-height: 24px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-reasoning-summary[data-follow-end] { text-overflow: clip; }\n.dsh-side-chat-reasoning-body {\n  padding: 4px 0 4px 22px;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 14px;\n  line-height: 24px;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.dsh-side-chat-reasoning-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n.dsh-side-chat-tool-branch {\n  min-width: 0;\n  max-width: 100%;\n  flex: 0 0 auto;\n}\n.dsh-side-chat-tool {\n  display: flex;\n  min-width: 0;\n  max-width: 100%;\n  flex: 0 0 auto;\n  flex-direction: column;\n  border-radius: 6px;\n}\n.dsh-side-chat-tool-row {\n  position: relative;\n  overflow: hidden;\n}\n.dsh-side-chat-tool[data-state=\"running\"] .dsh-side-chat-tool-row::after,\n.dsh-side-chat-tool[data-state=\"pending\"] .dsh-side-chat-tool-row::after {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 300px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 60%, transparent) 55%,\n    transparent 100%\n  );\n  content: '';\n  pointer-events: none;\n  animation: dsh-side-chat-tool-sweep 2.6s ease-out infinite;\n}\n@keyframes dsh-side-chat-tool-sweep {\n  0% { left: -300px; }\n  90%, 100% { left: 100%; }\n}\n.dsh-side-chat-tool-row:focus-visible {\n  border-radius: 4px;\n  outline: 2px solid color-mix(in srgb, var(--side-chat-accent) 42%, transparent);\n  outline-offset: 1px;\n}\n.dsh-side-chat-tool-leading { flex-shrink: 0; }\n.dsh-side-chat-tool-chevron { color: var(--dsw-alias-label-secondary, var(--side-chat-muted)); }\n.dsh-side-chat-tool-title { font-weight: 400; }\n.dsh-side-chat-tool-separator {\n  width: 2px;\n  height: 2px;\n  flex: none;\n  margin: 0 8px;\n  border-radius: 1px;\n  background: var(--dsw-alias-label-caption, #a1a1aa);\n}\n.dsh-side-chat-tool-summary {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 14px;\n  line-height: 24px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-tool-error-summary { color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-tool-body-wrap {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n.dsh-side-chat-tool-code,\n.dsh-side-chat-tool-diff,\n.dsh-side-chat-tool-read,\n.dsh-side-chat-tool-search,\n.dsh-side-chat-tool-terminal,\n.dsh-side-chat-tool-web {\n  margin: 4px 0 4px 4px;\n}\n.dsh-side-chat-tool-code { --dsl-code-block-content-font: var(--dsw-font-markdown-code-block-small); }\n.dsh-side-chat-tool-terminal {\n  --dsl-terminal-font: var(--dsw-font-markdown-code-block-small);\n  --dsl-terminal-line-height: 18px;\n  --dsl-terminal-output-max-height: 224px;\n  border: 1px solid var(--dsw-alias-border-l1, var(--side-chat-border));\n}\n.dsh-side-chat-tool-io-card {\n  display: flex;\n  flex-direction: column;\n  margin: 4px 0 4px 4px;\n  border: 1px solid var(--dsw-alias-border-l1, var(--side-chat-border));\n  border-radius: 12px;\n  background: var(--dsw-alias-markdown-code-block, #f6f6f7);\n  font: var(--dsw-font-markdown-code-block-small, 12px/18px ui-monospace, SFMono-Regular, Consolas, monospace);\n}\n.dsh-side-chat-tool-io-section {\n  display: grid;\n  max-height: 150px;\n  grid-template-columns: max-content minmax(0, 1fr);\n  column-gap: 14px;\n  align-items: baseline;\n  overflow-y: auto;\n  padding: 12px 16px;\n}\n.dsh-side-chat-tool-io-divider {\n  height: 1px;\n  flex: none;\n  background: var(--dsw-alias-border-l2, var(--side-chat-border));\n}\n.dsh-side-chat-tool-io-label {\n  position: sticky;\n  top: 0;\n  align-self: start;\n  color: var(--dsw-alias-label-caption, #8d8d95);\n}\n.dsh-side-chat-tool-io-text {\n  min-width: 0;\n  white-space: pre-wrap;\n  word-break: break-word;\n  color: var(--dsw-alias-label-secondary, #4b4b52);\n}\n.dsh-side-chat-tool-io-text[data-error] { color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-tool-subcalls {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 4px 0 2px 22px;\n  padding-left: 8px;\n  border-left: 1px solid var(--dsw-alias-border-l2, var(--side-chat-border));\n}\n.dsh-side-chat-tool-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n.dsh-side-chat-turn-notice,\n.dsh-side-chat-interaction,\n.dsh-side-chat-queue { padding: 10px; border: 1px solid var(--side-chat-border); border-radius: 10px; }\n.dsh-side-chat-interaction fieldset { margin: 8px 0; border: 1px solid var(--side-chat-border); border-radius: 8px; }\n.dsh-side-chat-question-option { display: flex; gap: 8px; margin: 8px 0; }\n.dsh-side-chat-interaction textarea { width: 100%; box-sizing: border-box; resize: vertical; }\n.dsh-side-chat-interaction-actions,\n.dsh-side-chat-queue > div { display: flex; justify-content: end; gap: 8px; }\n.dsh-side-chat-interaction button,\n.dsh-side-chat-queue button { min-height: 32px; border: 1px solid var(--side-chat-border); border-radius: 7px; background: var(--dsw-alias-interactive-bg-hover-solid, var(--dsw-control, #f7f7f9)); color: inherit; cursor: pointer; }\n.dsh-side-chat-composer {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 6px;\n  align-items: end;\n  margin: 0 12px 12px;\n  padding: 8px 8px 8px 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 24px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 2px 8px rgb(0 0 0 / 5%);\n}\n.dsh-side-chat-composer textarea {\n  grid-column: 1 / -1;\n  width: 100%;\n  height: auto;\n  min-height: 24px;\n  max-height: 160px;\n  box-sizing: border-box;\n  resize: none;\n  overflow-y: hidden;\n  padding: 6px;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.5;\n}\n.dsh-side-chat-composer-actions,\n.dsh-side-chat-draft-actions {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 6px;\n}\n.dsh-side-chat-model-root {\n  position: relative;\n  min-width: 0;\n}\n.dsh-side-chat-model-trigger {\n  display: flex;\n  width: auto;\n  height: 28px;\n  min-height: 28px;\n  max-width: 220px;\n  align-items: center;\n  gap: 4px;\n  padding: 0 4px 0 8px;\n  border: 0;\n  border-radius: 24px;\n  outline: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, var(--side-chat-muted));\n  cursor: pointer;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 20px;\n}\n.dsh-side-chat-model-trigger:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-model-trigger:focus-visible {\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3, var(--side-chat-border));\n}\n.dsh-side-chat-model-trigger:disabled {\n  color: var(--dsw-alias-label-dimmed, #a1a1aa);\n  cursor: default;\n}\n.dsh-side-chat-model-trigger-label {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-trigger-effort {\n  flex: none;\n  color: var(--dsw-alias-label-caption, #8d8d95);\n}\n.dsh-side-chat-model-chevron {\n  flex: none;\n  color: var(--dsw-alias-label-caption, #8d8d95);\n  transition: transform 120ms ease;\n}\n.dsh-side-chat-model-chevron-open { transform: rotate(180deg); }\n.dsh-side-chat-model-menu {\n  position: absolute;\n  z-index: 20;\n  right: 0;\n  bottom: calc(100% + 8px);\n  display: flex;\n  width: min(240px, calc(100vw - 32px));\n  max-height: min(360px, calc(100dvh - 96px));\n  flex-direction: column;\n  overflow: hidden;\n  padding: 4px;\n  border: 1px solid var(--dsw-alias-border-inverted, var(--side-chat-border));\n  border-radius: 12px;\n  background: var(--dsw-specific-menu, var(--side-chat-bg));\n  box-shadow: var(--dsw-shadow-lv3, 0 8px 24px rgb(0 0 0 / 16%));\n  color: var(--dsw-alias-label-primary, inherit);\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2, #a1a1aa);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2, #71717a);\n}\n.dsh-side-chat-model-status,\n.dsh-side-chat-model-empty {\n  padding: 10px;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 13px;\n  line-height: 20px;\n}\n.dsh-side-chat-model-error,\n.dsh-side-chat-model-warning {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 4px;\n  padding: 7px 8px;\n  border-radius: 8px;\n  background: var(--dsw-alias-interactive-bg-hover-danger, #fff1f0);\n  color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318));\n  font-size: 12px;\n  line-height: 18px;\n}\n.dsh-side-chat-model-warning {\n  background: var(--dsw-alias-bg-module-platform, #fff8e6);\n  color: var(--dsw-alias-state-warn-label, #8a5a00);\n}\n.dsh-side-chat-model-retry {\n  min-height: 0;\n  flex: none;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-weight: 600;\n}\n.dsh-side-chat-model-groups {\n  min-height: 0;\n  overflow-y: auto;\n}\n.dsh-side-chat-model-group + .dsh-side-chat-model-group { margin-top: 4px; }\n.dsh-side-chat-model-group-title {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  padding: 5px 8px 3px;\n  background: var(--dsw-specific-menu, var(--side-chat-bg));\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n.dsh-side-chat-model-option {\n  display: flex;\n  width: 100%;\n  min-height: 38px;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 8px;\n  border: 0;\n  border-radius: 10px;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  text-align: left;\n}\n.dsh-side-chat-model-option:hover:not(:disabled),\n.dsh-side-chat-model-option:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-model-selected { background: transparent; }\n.dsh-side-chat-model-option:disabled {\n  color: var(--dsw-alias-label-dimmed, #a1a1aa);\n  cursor: default;\n}\n.dsh-side-chat-model-option-copy {\n  display: flex;\n  min-width: 0;\n  flex: 1;\n  flex-direction: column;\n}\n.dsh-side-chat-model-name {\n  overflow: hidden;\n  color: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-description {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 12px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-check {\n  display: grid;\n  flex: 0 0 18px;\n  place-items: center;\n  color: var(--dsw-alias-label-primary, inherit);\n}\n.dsh-side-chat-model-cell {\n  display: flex;\n  width: 100%;\n  height: 40px;\n  align-items: center;\n  gap: 8px;\n  padding: 0 10px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, inherit);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: left;\n}\n.dsh-side-chat-model-cell:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-model-cell-label {\n  min-width: 0;\n  flex: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-cell-value {\n  min-width: 0;\n  flex: 0 auto;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-cell-chevron {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n}\n.dsh-side-chat-loading { display: grid; height: 100%; place-items: center; color: var(--side-chat-muted); }\n\n.dsh-side-chat-header {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 8px 12px;\n  align-items: center;\n  flex: 0 0 auto;\n  min-height: 46px;\n  box-sizing: border-box;\n  padding: 5px 10px 5px 16px;\n  border-bottom: 1px solid var(--side-chat-border);\n  background: var(--side-chat-bg);\n}\n\n.dsh-side-chat-heading { display: flex; min-width: 0; flex-direction: column; }\n.dsh-side-chat-heading strong { font-size: 14px; font-weight: 600; }\n.dsh-side-chat-footer { color: var(--side-chat-muted); font-size: 12px; }\n.dsh-side-chat-header button,\n.dsh-side-chat-inline-actions button,\n.dsh-side-chat-error button,\n.dsh-side-chat-selection-actions button {\n  min-height: 32px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 7px;\n  background: var(--dsw-alias-interactive-bg-hover-solid, var(--dsw-control, #f7f7f9));\n  color: inherit;\n  cursor: pointer;\n}\n.dsh-side-chat-header button:disabled { cursor: not-allowed; opacity: .55; }\n.dsh-side-chat-header .dsh-side-chat-heading {\n  align-items: flex-start;\n  min-height: 0;\n  padding: 4px 0;\n  border: 0;\n  background: transparent;\n  text-align: left;\n}\n.dsh-side-chat-header > button:last-child {\n  width: 32px;\n  min-height: 32px;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n  font-size: 20px;\n  line-height: 1;\n}\n.dsh-side-chat-header > button:last-child:hover { background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5)); }\n\n.dsh-side-chat-quote { position: relative; max-width: 100%; align-self: flex-start; }\n.dsh-side-chat-quote-chip {\n  display: inline-flex;\n  min-height: 36px;\n  align-items: center;\n  overflow: hidden;\n  padding: 0;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 999px;\n  background: var(--side-chat-bg);\n  transition: background-color 120ms ease;\n}\n.dsh-side-chat-quote:hover .dsh-side-chat-quote-chip,\n.dsh-side-chat-quote:focus-within .dsh-side-chat-quote-chip,\n.dsh-side-chat-quote[data-expanded] .dsh-side-chat-quote-chip { background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5)); }\n.dsh-side-chat-quote-chip .dsh-side-chat-quote-trigger {\n  display: inline-flex;\n  min-height: 34px;\n  align-items: center;\n  gap: 8px;\n  padding: 0 11px;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-side-chat-quote-trigger strong { font-size: 13px; font-weight: 500; line-height: 1; }\n.dsh-side-chat-quote-icon {\n  width: 16px;\n  height: 16px;\n  flex: 0 0 auto;\n  color: var(--side-chat-muted);\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1.7;\n}\n.dsh-side-chat-quote-chip .dsh-side-chat-quote-remove {\n  display: grid;\n  width: 0;\n  height: 34px;\n  min-height: 34px;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  place-items: center;\n  overflow: hidden;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: var(--side-chat-muted);\n  cursor: pointer;\n  font: inherit;\n  font-size: 18px;\n  line-height: 1;\n  opacity: 0;\n  pointer-events: none;\n  transition: width 120ms ease, margin-left 120ms ease, opacity 100ms ease, background-color 100ms ease;\n}\n.dsh-side-chat-quote:hover .dsh-side-chat-quote-remove,\n.dsh-side-chat-quote:focus-within .dsh-side-chat-quote-remove {\n  width: 30px;\n  opacity: 1;\n  pointer-events: auto;\n}\n.dsh-side-chat-quote-remove:hover { background: var(--dsw-alias-interactive-bg-hover, rgb(0 0 0 / 6%)); color: inherit; }\n.dsh-side-chat-quote-details {\n  position: absolute;\n  z-index: 10;\n  bottom: calc(100% + 8px);\n  left: 0;\n  width: min(520px, calc(100vw - 64px));\n  max-width: calc(100vw - 48px);\n  box-sizing: border-box;\n  padding: 14px 16px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 16px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 4px 14px rgb(0 0 0 / 8%);\n  font-size: 14px;\n  line-height: 1.45;\n  opacity: 0;\n  pointer-events: none;\n  transform: translate(var(--dsh-side-chat-quote-offset-x, 0px), 4px);\n  visibility: hidden;\n  transition: opacity 100ms ease, transform 120ms ease, visibility 100ms ease;\n}\n.dsh-side-chat-quote-details::before {\n  content: '';\n  position: absolute;\n  right: 0;\n  bottom: -8px;\n  left: 0;\n  height: 8px;\n}\n.dsh-side-chat-quote[data-hovered] .dsh-side-chat-quote-details,\n.dsh-side-chat-quote[data-expanded] .dsh-side-chat-quote-details {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(var(--dsh-side-chat-quote-offset-x, 0px), 0);\n  visibility: visible;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-quote-details {\n  top: calc(100% + 8px);\n  right: 0;\n  bottom: auto;\n  left: auto;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-quote-details::before {\n  top: -8px;\n  bottom: auto;\n}\n.dsh-side-chat-quote-details-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }\n.dsh-side-chat-quote-details-header strong { color: var(--side-chat-muted); font-size: 13px; font-weight: 500; }\n.dsh-side-chat-quote-detail + .dsh-side-chat-quote-detail {\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid var(--side-chat-border);\n}\n.dsh-side-chat-quote pre {\n  max-height: 180px;\n  margin: 4px 0 0;\n  overflow: auto;\n  white-space: pre-wrap;\n  font: inherit;\n}\n.dsh-side-chat-quote-comment {\n  margin-top: 9px;\n}\n.dsh-side-chat-quote-comment > strong { color: var(--side-chat-muted); font-size: 13px; font-weight: 500; }\n.dsh-side-chat-quote-comment > pre { margin-top: 4px; }\n.dsh-side-chat-error { margin: 10px 16px 0; padding: 10px 12px; border: 1px solid var(--side-chat-border); border-radius: 14px; background: var(--dsw-alias-interactive-bg-hover-danger, var(--dsw-surface-subtle, #f7f7f9)); }\n.dsh-side-chat-error { border-color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-body { min-height: 0; flex: 1; overflow: hidden; }\n.dsh-side-chat-annotated-user-message {\n  display: flex;\n  max-width: 92%;\n  align-self: end;\n  align-items: flex-start;\n  flex-direction: column;\n  gap: 8px;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-message { max-width: 100%; align-self: stretch; }\n\n/* The DSH occurrence remains the durable serialization carrier, while this\n   plugin-owned capsule supplies the visible and interactive projection. */\n[data-composer-seat] [data-decoration=\"chip\"][title=\"__dsh_side_chat_annotations__\"] {\n  visibility: hidden;\n}\n.dsh-side-chat-parent-annotation-dock {\n  position: relative;\n  z-index: 20;\n  width: calc(100% - 32px);\n  max-width: var(--dsh-composer-card-max-width, 780px);\n  height: 0;\n  /* The terminal zero-height dock would otherwise add a second gap between\n     Todo/Goal/Queue and the input card. Its child still lands 10px inside the\n     following card: -gap + top:16px against the card's own 6px gap. */\n  margin: calc(0px - var(--dsh-composer-stack-gap, 6px)) auto 0;\n  pointer-events: none;\n}\n.dsh-side-chat-parent-annotation-dock > .dsh-side-chat-quote {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  pointer-events: auto;\n}\n.dsh-side-chat-parent-user-message {\n  display: flex;\n  width: 100%;\n  min-width: 0;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 8px;\n}\n.dsh-side-chat-parent-user-message > .dsh-side-chat-quote { align-self: flex-end; }\n/* rc.6 caps its inner user stack at 82%; give that percentage the full chat\n   column as its containing width instead of the annotation chip's shrink width. */\n.dsh-side-chat-parent-user-message-body { width: 100%; min-width: 0; }\n.dsh-side-chat-parent-user-message > .dsh-side-chat-quote .dsh-side-chat-quote-details {\n  right: 0;\n  left: auto;\n}\n.dsh-side-chat-draft {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  min-height: 0;\n  flex: 0 0 auto;\n  gap: 6px;\n  align-items: end;\n  margin: auto 12px 12px;\n  padding: 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 24px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 2px 8px rgb(0 0 0 / 5%);\n}\n.dsh-side-chat-draft > .dsh-side-chat-quote { grid-column: 1 / -1; }\n.dsh-side-chat-draft label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n}\n.dsh-side-chat-draft textarea {\n  grid-column: 1 / -1;\n  width: 100%;\n  height: auto;\n  min-height: 24px;\n  max-height: 160px;\n  box-sizing: border-box;\n  resize: none;\n  overflow-y: hidden;\n  padding: 6px 2px;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.5;\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button,\n.dsh-side-chat-panel .dsh-side-chat-stop-button {\n  display: grid;\n  width: 34px;\n  height: 34px;\n  min-height: 34px;\n  flex: none;\n  place-items: center;\n  padding: 1px 6px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--side-chat-accent-fill);\n  color: var(--side-chat-accent-text);\n  cursor: pointer;\n  line-height: 1;\n  transform: translateY(-2px);\n  transition: background-color 100ms ease;\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button:hover:not(:disabled),\n.dsh-side-chat-panel .dsh-side-chat-stop-button:hover:not(:disabled) {\n  background: var(--side-chat-accent-hover);\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button:disabled,\n.dsh-side-chat-panel .dsh-side-chat-stop-button:disabled { cursor: default; opacity: .4; }\n.dsh-side-chat-footer { display: none; }\n.dsh-side-chat-announcer { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }\n\n.dsh-side-chat-selection-actions {\n  position: fixed;\n  z-index: 90;\n  display: flex;\n  max-width: calc(100vw - 16px);\n  flex-wrap: wrap;\n  gap: 0;\n  padding: 0;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 999px;\n  background: var(--dsw-alias-button-floating-fill, var(--side-chat-bg));\n  box-shadow: 0 4px 14px rgb(0 0 0 / 12%);\n  color: var(--side-chat-text);\n  overflow: hidden;\n}\n.dsh-side-chat-selection-actions button {\n  min-height: 36px;\n  padding: 0 14px;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  transition: background-color 120ms ease;\n}\n.dsh-side-chat-selection-actions button:hover:not(:disabled),\n.dsh-side-chat-selection-actions button:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-selection-actions button + button {\n  border-left: 1px solid var(--side-chat-border);\n  border-radius: 0;\n}\n\n::highlight(dsh-side-chat-annotations) {\n  background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #1473e6) 18%, transparent);\n}\n::highlight(dsh-side-chat-active-annotation) {\n  background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #1473e6) 32%, transparent);\n  text-decoration: underline;\n  text-decoration-color: color-mix(in srgb, var(--dsw-alias-state-business-primary, #1473e6) 70%, transparent);\n  text-decoration-thickness: 1px;\n}\n\n.dsh-side-chat-annotation-marker,\n.dsh-side-chat-selection-marker {\n  position: fixed;\n  z-index: 91;\n  display: grid;\n  width: 22px;\n  height: 22px;\n  min-height: 22px;\n  box-sizing: border-box;\n  place-items: center;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: var(--side-chat-accent-fill);\n  box-shadow: 0 2px 6px rgb(0 0 0 / 14%);\n  color: var(--side-chat-accent-text);\n  font: inherit;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n}\n.dsh-side-chat-annotation-marker { cursor: pointer; }\n.dsh-side-chat-selection-marker { pointer-events: none; }\n.dsh-side-chat-annotation-marker[data-large],\n.dsh-side-chat-selection-marker[data-large] { font-size: 9px; }\n.dsh-side-chat-annotation-marker[data-active] {\n  background: var(--side-chat-accent-hover);\n}\n.dsh-side-chat-annotation-marker:focus-visible {\n  outline: 2px solid color-mix(in srgb, var(--side-chat-accent) 32%, transparent);\n  outline-offset: 1px;\n}\n\n.dsh-side-chat-selection-comment {\n  position: fixed;\n  z-index: 92;\n  display: grid;\n  max-width: calc(100vw - 16px);\n  box-sizing: border-box;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 20px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 5px 18px rgb(0 0 0 / 9%);\n  color: var(--side-chat-text);\n}\n.dsh-side-chat-selection-comment textarea {\n  width: 100%;\n  min-height: 48px;\n  max-height: 128px;\n  box-sizing: border-box;\n  resize: none;\n  padding: 6px 8px;\n  overflow-y: auto;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.45;\n}\n.dsh-side-chat-selection-comment-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.dsh-side-chat-selection-comment-actions button {\n  min-height: 32px;\n  padding: 0 14px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 999px;\n  background: var(--side-chat-bg);\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-side-chat-selection-comment-actions button:hover { background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5)); }\n.dsh-side-chat-selection-comment-actions .dsh-side-chat-selection-comment-save {\n  border-color: transparent;\n  background: var(--side-chat-accent-fill);\n  color: var(--side-chat-accent-text);\n}\n.dsh-side-chat-selection-comment-actions .dsh-side-chat-selection-comment-save:hover {\n  background: var(--side-chat-accent-hover);\n}\n\n@media (max-width: 900px) {\n  .dsh-side-chat-panel {\n    right: 12px;\n    bottom: 12px;\n    width: calc(100vw - 24px);\n    max-height: calc(100dvh - 24px);\n    border-radius: 24px;\n  }\n}\n\n@media (max-width: 720px) {\n  .dsh-side-chat-panel {\n    right: 8px;\n    bottom: 8px;\n    width: calc(100vw - 16px);\n    height: min(78dvh, 760px);\n    max-height: calc(100dvh - 16px);\n    border-radius: 22px;\n  }\n  .dsh-side-chat-transcript { padding: 14px 14px 20px; }\n  .dsh-side-chat-header { padding-left: 14px; }\n  .dsh-side-chat-error { margin-inline: 12px; }\n}\n\n@media (max-height: 620px) {\n  .dsh-side-chat-panel {\n    bottom: 8px;\n    height: calc(100dvh - 16px);\n    max-height: calc(100dvh - 16px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-side-chat-reasoning[data-state=\"running\"] .dsh-side-chat-reasoning-row::after { animation: none; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .dsh-side-chat-panel { animation: dsh-side-chat-enter 160ms ease-out; }\n  @keyframes dsh-side-chat-enter { from { transform: translateY(18px) scale(.985); opacity: .7; } }\n}\n\n@media (forced-colors: active) {\n.dsh-side-chat-panel,\n.dsh-side-chat-selection-actions,\n.dsh-side-chat-selection-comment,\n.dsh-side-chat-annotation-marker { border: 1px solid CanvasText; }\n}\n";
+		var _dsh_side_chat_css_L2hvbWUvcnVubmVyL3dvcmsvZHNoLXNpZGUtY2hhdC9kc2gtc2lkZS1jaGF0L3NyYy9jbGllbnQvcGFuZWwvc2lkZS1jaGF0LmNzcw_default = ".dsh-side-chat-overlay,\n.dsh-side-chat-parent-annotation-dock,\n.dsh-side-chat-parent-user-message {\n  /* DSH rc.6 themes publish the semantic alias layer. Keep the legacy tokens\n     as fallbacks for older hosts instead of falling through to light colors\n     while the host has selected its dark palette. */\n  --side-chat-border: var(--dsw-alias-border-l2, var(--dsw-border, #d8d8de));\n  --side-chat-bg: var(--dsw-alias-bg-layer-2, var(--dsw-surface, #ffffff));\n  --side-chat-muted: var(--dsw-alias-label-tertiary, var(--dsw-text-muted, #62636a));\n  --side-chat-text: var(--dsw-alias-label-primary, var(--dsw-text, #19191d));\n  --side-chat-accent: var(--dsw-alias-state-business-primary, #1473e6);\n  --side-chat-accent-fill: var(--dsw-alias-button-info-fill, #4176e6);\n  --side-chat-accent-hover: var(--dsw-alias-button-info-hover, #3467d6);\n  --side-chat-accent-text: var(--dsw-alias-label-primary-foreground, #ffffff);\n  color: var(--side-chat-text);\n}\n\n.dsh-side-chat-overlay {\n  pointer-events: none;\n}\n\n.dsh-side-chat-overlay > * {\n  pointer-events: auto;\n}\n\n.dsh-side-chat-panel {\n  position: fixed;\n  z-index: 70;\n  right: clamp(12px, 2vw, 20px);\n  bottom: clamp(12px, 2vw, 20px);\n  display: flex;\n  width: min(840px, calc(100vw - 32px));\n  height: clamp(460px, 62dvh, 980px);\n  max-height: calc(100dvh - 32px);\n  min-width: 0;\n  min-height: 0;\n  box-sizing: border-box;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 28px;\n  background: var(--side-chat-bg);\n  color: var(--side-chat-text);\n  box-shadow: 0 12px 36px rgb(0 0 0 / 11%), 0 2px 8px rgb(0 0 0 / 6%);\n}\n\n.dsh-side-chat-conversation {\n  display: flex;\n  height: 100%;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.dsh-side-chat-transcript {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 12px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  padding: 18px 20px 24px;\n  scrollbar-color: color-mix(in srgb, var(--side-chat-muted) 34%, transparent) transparent;\n  scrollbar-width: thin;\n}\n\n.dsh-side-chat-message {\n  max-width: 92%;\n  padding: 10px 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 12px;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-surface-subtle, #f7f7f9));\n}\n\n.dsh-side-chat-message[data-role=\"user\"] {\n  align-self: end;\n  background: var(--dsw-specific-bubble, var(--dsw-accent-soft, #eef4ff));\n}\n\n.dsh-side-chat-message[data-role=\"assistant\"] {\n  align-self: start;\n  min-width: 0;\n  max-width: 100%;\n  border-color: transparent;\n  background: transparent;\n  overflow-wrap: anywhere;\n}\n.dsh-side-chat-message-role,\n.dsh-side-chat-message-note { display: block; margin-bottom: 5px; color: var(--side-chat-muted); font-size: 12px; }\n.dsh-side-chat-message-text { white-space: pre-wrap; overflow-wrap: anywhere; }\n.dsh-side-chat-message pre,\n.dsh-side-chat-turn-notice pre { overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }\n.dsh-side-chat-message[data-role=\"assistant\"] :where(table) {\n  display: block;\n  max-width: 100%;\n  overflow-x: auto;\n}\n.dsh-side-chat-reasoning {\n  display: flex;\n  flex-direction: column;\n}\n.dsh-side-chat-reasoning-row {\n  position: relative;\n  overflow: hidden;\n}\n.dsh-side-chat-reasoning[data-state=\"running\"] .dsh-side-chat-reasoning-row::after {\n  position: absolute;\n  inset-block: 0;\n  left: 0;\n  width: 300px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 60%, transparent) 55%,\n    transparent 100%\n  );\n  content: '';\n  pointer-events: none;\n  animation: dsh-side-chat-reasoning-sweep 2.6s ease-out infinite;\n}\n@keyframes dsh-side-chat-reasoning-sweep {\n  0% { left: -300px; }\n  90%, 100% { left: 100%; }\n}\n.dsh-side-chat-reasoning-leading { flex-shrink: 0; }\n.dsh-side-chat-reasoning-chevron { color: var(--dsw-alias-label-secondary, var(--side-chat-muted)); }\n.dsh-side-chat-reasoning-title { font-weight: 400; }\n.dsh-side-chat-reasoning-separator {\n  width: 2px;\n  height: 2px;\n  flex: none;\n  margin: 0 8px;\n  border-radius: 1px;\n  background: var(--dsw-alias-label-caption, #a1a1aa);\n}\n.dsh-side-chat-reasoning-summary {\n  min-width: 0;\n  flex: auto;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 14px;\n  line-height: 24px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-reasoning-summary[data-follow-end] { text-overflow: clip; }\n.dsh-side-chat-reasoning-body {\n  padding: 4px 0 4px 22px;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 14px;\n  line-height: 24px;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.dsh-side-chat-reasoning-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n.dsh-side-chat-tool-branch {\n  min-width: 0;\n  max-width: 100%;\n  flex: 0 0 auto;\n}\n.dsh-side-chat-tool {\n  display: flex;\n  min-width: 0;\n  max-width: 100%;\n  flex: 0 0 auto;\n  flex-direction: column;\n  border-radius: 6px;\n}\n.dsh-side-chat-tool-row {\n  position: relative;\n  overflow: hidden;\n}\n.dsh-side-chat-tool[data-state=\"running\"] .dsh-side-chat-tool-row::after,\n.dsh-side-chat-tool[data-state=\"pending\"] .dsh-side-chat-tool-row::after {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 300px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 60%, transparent) 55%,\n    transparent 100%\n  );\n  content: '';\n  pointer-events: none;\n  animation: dsh-side-chat-tool-sweep 2.6s ease-out infinite;\n}\n@keyframes dsh-side-chat-tool-sweep {\n  0% { left: -300px; }\n  90%, 100% { left: 100%; }\n}\n.dsh-side-chat-tool-row:focus-visible {\n  border-radius: 4px;\n  outline: 2px solid color-mix(in srgb, var(--side-chat-accent) 42%, transparent);\n  outline-offset: 1px;\n}\n.dsh-side-chat-tool-leading { flex-shrink: 0; }\n.dsh-side-chat-tool-chevron { color: var(--dsw-alias-label-secondary, var(--side-chat-muted)); }\n.dsh-side-chat-tool-title { font-weight: 400; }\n.dsh-side-chat-tool-separator {\n  width: 2px;\n  height: 2px;\n  flex: none;\n  margin: 0 8px;\n  border-radius: 1px;\n  background: var(--dsw-alias-label-caption, #a1a1aa);\n}\n.dsh-side-chat-tool-summary {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 14px;\n  line-height: 24px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-tool-error-summary { color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-tool-body-wrap {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n.dsh-side-chat-tool-code,\n.dsh-side-chat-tool-diff,\n.dsh-side-chat-tool-read,\n.dsh-side-chat-tool-search,\n.dsh-side-chat-tool-terminal,\n.dsh-side-chat-tool-web {\n  margin: 4px 0 4px 4px;\n}\n.dsh-side-chat-tool-code { --dsl-code-block-content-font: var(--dsw-font-markdown-code-block-small); }\n.dsh-side-chat-tool-terminal {\n  --dsl-terminal-font: var(--dsw-font-markdown-code-block-small);\n  --dsl-terminal-line-height: 18px;\n  --dsl-terminal-output-max-height: 224px;\n  border: 1px solid var(--dsw-alias-border-l1, var(--side-chat-border));\n}\n.dsh-side-chat-tool-io-card {\n  display: flex;\n  flex-direction: column;\n  margin: 4px 0 4px 4px;\n  border: 1px solid var(--dsw-alias-border-l1, var(--side-chat-border));\n  border-radius: 12px;\n  background: var(--dsw-alias-markdown-code-block, #f6f6f7);\n  font: var(--dsw-font-markdown-code-block-small, 12px/18px ui-monospace, SFMono-Regular, Consolas, monospace);\n}\n.dsh-side-chat-tool-io-section {\n  display: grid;\n  max-height: 150px;\n  grid-template-columns: max-content minmax(0, 1fr);\n  column-gap: 14px;\n  align-items: baseline;\n  overflow-y: auto;\n  padding: 12px 16px;\n}\n.dsh-side-chat-tool-io-divider {\n  height: 1px;\n  flex: none;\n  background: var(--dsw-alias-border-l2, var(--side-chat-border));\n}\n.dsh-side-chat-tool-io-label {\n  position: sticky;\n  top: 0;\n  align-self: start;\n  color: var(--dsw-alias-label-caption, #8d8d95);\n}\n.dsh-side-chat-tool-io-text {\n  min-width: 0;\n  white-space: pre-wrap;\n  word-break: break-word;\n  color: var(--dsw-alias-label-secondary, #4b4b52);\n}\n.dsh-side-chat-tool-io-text[data-error] { color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-tool-subcalls {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 4px 0 2px 22px;\n  padding-left: 8px;\n  border-left: 1px solid var(--dsw-alias-border-l2, var(--side-chat-border));\n}\n.dsh-side-chat-tool-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n.dsh-side-chat-turn-notice,\n.dsh-side-chat-interaction,\n.dsh-side-chat-queue { padding: 10px; border: 1px solid var(--side-chat-border); border-radius: 10px; }\n.dsh-side-chat-interaction fieldset { margin: 8px 0; border: 1px solid var(--side-chat-border); border-radius: 8px; }\n.dsh-side-chat-question-option { display: flex; gap: 8px; margin: 8px 0; }\n.dsh-side-chat-interaction textarea { width: 100%; box-sizing: border-box; resize: vertical; }\n.dsh-side-chat-interaction-actions,\n.dsh-side-chat-queue > div { display: flex; justify-content: end; gap: 8px; }\n.dsh-side-chat-interaction button,\n.dsh-side-chat-queue button { min-height: 32px; border: 1px solid var(--side-chat-border); border-radius: 7px; background: var(--dsw-alias-interactive-bg-hover-solid, var(--dsw-control, #f7f7f9)); color: inherit; cursor: pointer; }\n.dsh-side-chat-composer {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 6px;\n  align-items: end;\n  margin: 0 12px 12px;\n  padding: 8px 8px 8px 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 24px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 2px 8px rgb(0 0 0 / 5%);\n}\n.dsh-side-chat-composer textarea {\n  grid-column: 1 / -1;\n  width: 100%;\n  height: auto;\n  min-height: 24px;\n  max-height: 160px;\n  box-sizing: border-box;\n  resize: none;\n  overflow-y: hidden;\n  padding: 6px;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.5;\n}\n.dsh-side-chat-composer-actions,\n.dsh-side-chat-draft-actions {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 6px;\n}\n.dsh-side-chat-model-root {\n  position: relative;\n  min-width: 0;\n}\n.dsh-side-chat-model-trigger {\n  display: flex;\n  width: auto;\n  height: 28px;\n  min-height: 28px;\n  max-width: 220px;\n  align-items: center;\n  gap: 4px;\n  padding: 0 4px 0 8px;\n  border: 0;\n  border-radius: 24px;\n  outline: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, var(--side-chat-muted));\n  cursor: pointer;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 20px;\n}\n.dsh-side-chat-model-trigger:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-model-trigger:focus-visible {\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3, var(--side-chat-border));\n}\n.dsh-side-chat-model-trigger:disabled {\n  color: var(--dsw-alias-label-dimmed, #a1a1aa);\n  cursor: default;\n}\n.dsh-side-chat-model-trigger-label {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-trigger-effort {\n  flex: none;\n  color: var(--dsw-alias-label-caption, #8d8d95);\n}\n.dsh-side-chat-model-chevron {\n  flex: none;\n  color: var(--dsw-alias-label-caption, #8d8d95);\n  transition: transform 120ms ease;\n}\n.dsh-side-chat-model-chevron-open { transform: rotate(180deg); }\n.dsh-side-chat-model-menu {\n  position: absolute;\n  z-index: 20;\n  right: 0;\n  bottom: calc(100% + 8px);\n  display: flex;\n  width: min(240px, calc(100vw - 32px));\n  max-height: min(360px, calc(100dvh - 96px));\n  flex-direction: column;\n  overflow: hidden;\n  padding: 4px;\n  border: 1px solid var(--dsw-alias-border-inverted, var(--side-chat-border));\n  border-radius: 12px;\n  background: var(--dsw-specific-menu, var(--side-chat-bg));\n  box-shadow: var(--dsw-shadow-lv3, 0 8px 24px rgb(0 0 0 / 16%));\n  color: var(--dsw-alias-label-primary, inherit);\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2, #a1a1aa);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2, #71717a);\n}\n.dsh-side-chat-model-status,\n.dsh-side-chat-model-empty {\n  padding: 10px;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 13px;\n  line-height: 20px;\n}\n.dsh-side-chat-model-error,\n.dsh-side-chat-model-warning {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 4px;\n  padding: 7px 8px;\n  border-radius: 8px;\n  background: var(--dsw-alias-interactive-bg-hover-danger, #fff1f0);\n  color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318));\n  font-size: 12px;\n  line-height: 18px;\n}\n.dsh-side-chat-model-warning {\n  background: var(--dsw-alias-bg-module-platform, #fff8e6);\n  color: var(--dsw-alias-state-warn-label, #8a5a00);\n}\n.dsh-side-chat-model-retry {\n  min-height: 0;\n  flex: none;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-weight: 600;\n}\n.dsh-side-chat-model-groups {\n  min-height: 0;\n  overflow-y: auto;\n}\n.dsh-side-chat-model-group + .dsh-side-chat-model-group { margin-top: 4px; }\n.dsh-side-chat-model-group-title {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  padding: 5px 8px 3px;\n  background: var(--dsw-specific-menu, var(--side-chat-bg));\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n.dsh-side-chat-model-option {\n  display: flex;\n  width: 100%;\n  min-height: 38px;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 8px;\n  border: 0;\n  border-radius: 10px;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  text-align: left;\n}\n.dsh-side-chat-model-option:hover:not(:disabled),\n.dsh-side-chat-model-option:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-model-selected { background: transparent; }\n.dsh-side-chat-model-option:disabled {\n  color: var(--dsw-alias-label-dimmed, #a1a1aa);\n  cursor: default;\n}\n.dsh-side-chat-model-option-copy {\n  display: flex;\n  min-width: 0;\n  flex: 1;\n  flex-direction: column;\n}\n.dsh-side-chat-model-name {\n  overflow: hidden;\n  color: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-description {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 12px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-check {\n  display: grid;\n  flex: 0 0 18px;\n  place-items: center;\n  color: var(--dsw-alias-label-primary, inherit);\n}\n.dsh-side-chat-model-cell {\n  display: flex;\n  width: 100%;\n  height: 40px;\n  align-items: center;\n  gap: 8px;\n  padding: 0 10px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, inherit);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: left;\n}\n.dsh-side-chat-model-cell:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-model-cell-label {\n  min-width: 0;\n  flex: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-cell-value {\n  min-width: 0;\n  flex: 0 auto;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-cell-chevron {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n}\n.dsh-side-chat-loading { display: grid; height: 100%; place-items: center; color: var(--side-chat-muted); }\n\n.dsh-side-chat-header {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 8px 12px;\n  align-items: center;\n  flex: 0 0 auto;\n  min-height: 46px;\n  box-sizing: border-box;\n  padding: 5px 10px 5px 16px;\n  border-bottom: 1px solid var(--side-chat-border);\n  background: var(--side-chat-bg);\n}\n\n.dsh-side-chat-heading { display: flex; min-width: 0; flex-direction: column; }\n.dsh-side-chat-heading strong { font-size: 14px; font-weight: 600; }\n.dsh-side-chat-footer { color: var(--side-chat-muted); font-size: 12px; }\n.dsh-side-chat-header button,\n.dsh-side-chat-inline-actions button,\n.dsh-side-chat-error button,\n.dsh-side-chat-selection-actions button {\n  min-height: 32px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 7px;\n  background: var(--dsw-alias-interactive-bg-hover-solid, var(--dsw-control, #f7f7f9));\n  color: inherit;\n  cursor: pointer;\n}\n.dsh-side-chat-header button:disabled { cursor: not-allowed; opacity: .55; }\n.dsh-side-chat-header .dsh-side-chat-heading {\n  align-items: flex-start;\n  min-height: 0;\n  padding: 4px 0;\n  border: 0;\n  background: transparent;\n  text-align: left;\n}\n.dsh-side-chat-header-actions {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 4px;\n}\n.dsh-side-chat-header .dsh-side-chat-add-to-conversation {\n  display: inline-flex;\n  min-width: 0;\n  align-items: center;\n  gap: 6px;\n  padding: 0 9px;\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, var(--side-chat-muted));\n  font: inherit;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.dsh-side-chat-add-to-conversation:hover:not(:disabled),\n.dsh-side-chat-add-to-conversation:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n  color: var(--side-chat-text);\n}\n.dsh-side-chat-add-to-conversation-icon {\n  width: 18px;\n  height: 18px;\n  flex: none;\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1.5;\n}\n.dsh-side-chat-header .dsh-side-chat-close {\n  width: 32px;\n  min-height: 32px;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n  font-size: 20px;\n  line-height: 1;\n}\n.dsh-side-chat-close:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5)); }\n\n.dsh-side-chat-quote { position: relative; max-width: 100%; align-self: flex-start; }\n.dsh-side-chat-quote-chip {\n  display: inline-flex;\n  min-height: 36px;\n  align-items: center;\n  overflow: hidden;\n  padding: 0;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 999px;\n  background: var(--side-chat-bg);\n  transition: background-color 120ms ease;\n}\n.dsh-side-chat-quote:hover .dsh-side-chat-quote-chip,\n.dsh-side-chat-quote:focus-within .dsh-side-chat-quote-chip,\n.dsh-side-chat-quote[data-expanded] .dsh-side-chat-quote-chip { background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5)); }\n.dsh-side-chat-quote-chip .dsh-side-chat-quote-trigger {\n  display: inline-flex;\n  min-height: 34px;\n  align-items: center;\n  gap: 8px;\n  padding: 0 11px;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-side-chat-quote-trigger strong { font-size: 13px; font-weight: 500; line-height: 1; }\n.dsh-side-chat-quote-icon {\n  width: 16px;\n  height: 16px;\n  flex: 0 0 auto;\n  color: var(--side-chat-muted);\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1.7;\n}\n.dsh-side-chat-quote-chip .dsh-side-chat-quote-remove {\n  display: grid;\n  width: 0;\n  height: 34px;\n  min-height: 34px;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  place-items: center;\n  overflow: hidden;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: var(--side-chat-muted);\n  cursor: pointer;\n  font: inherit;\n  font-size: 18px;\n  line-height: 1;\n  opacity: 0;\n  pointer-events: none;\n  transition: width 120ms ease, margin-left 120ms ease, opacity 100ms ease, background-color 100ms ease;\n}\n.dsh-side-chat-quote:hover .dsh-side-chat-quote-remove,\n.dsh-side-chat-quote:focus-within .dsh-side-chat-quote-remove {\n  width: 30px;\n  opacity: 1;\n  pointer-events: auto;\n}\n.dsh-side-chat-quote-remove:hover { background: var(--dsw-alias-interactive-bg-hover, rgb(0 0 0 / 6%)); color: inherit; }\n.dsh-side-chat-quote-details {\n  position: absolute;\n  z-index: 10;\n  bottom: calc(100% + 8px);\n  left: 0;\n  width: min(520px, calc(100vw - 64px));\n  max-width: calc(100vw - 48px);\n  box-sizing: border-box;\n  padding: 14px 16px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 16px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 4px 14px rgb(0 0 0 / 8%);\n  font-size: 14px;\n  line-height: 1.45;\n  opacity: 0;\n  pointer-events: none;\n  transform: translate(var(--dsh-side-chat-quote-offset-x, 0px), 4px);\n  visibility: hidden;\n  transition: opacity 100ms ease, transform 120ms ease, visibility 100ms ease;\n}\n.dsh-side-chat-quote-details::before {\n  content: '';\n  position: absolute;\n  right: 0;\n  bottom: -8px;\n  left: 0;\n  height: 8px;\n}\n.dsh-side-chat-quote[data-hovered] .dsh-side-chat-quote-details,\n.dsh-side-chat-quote[data-expanded] .dsh-side-chat-quote-details {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(var(--dsh-side-chat-quote-offset-x, 0px), 0);\n  visibility: visible;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-quote-details {\n  top: calc(100% + 8px);\n  right: 0;\n  bottom: auto;\n  left: auto;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-quote-details::before {\n  top: -8px;\n  bottom: auto;\n}\n.dsh-side-chat-quote-details-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }\n.dsh-side-chat-quote-details-header strong { color: var(--side-chat-muted); font-size: 13px; font-weight: 500; }\n.dsh-side-chat-quote-detail + .dsh-side-chat-quote-detail {\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid var(--side-chat-border);\n}\n.dsh-side-chat-quote pre {\n  max-height: 180px;\n  margin: 4px 0 0;\n  overflow: auto;\n  white-space: pre-wrap;\n  font: inherit;\n}\n.dsh-side-chat-quote-comment {\n  margin-top: 9px;\n}\n.dsh-side-chat-quote-comment > strong { color: var(--side-chat-muted); font-size: 13px; font-weight: 500; }\n.dsh-side-chat-quote-comment > pre { margin-top: 4px; }\n.dsh-side-chat-error { margin: 10px 16px 0; padding: 10px 12px; border: 1px solid var(--side-chat-border); border-radius: 14px; background: var(--dsw-alias-interactive-bg-hover-danger, var(--dsw-surface-subtle, #f7f7f9)); }\n.dsh-side-chat-error { border-color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-body { min-height: 0; flex: 1; overflow: hidden; }\n.dsh-side-chat-annotated-user-message {\n  display: flex;\n  max-width: 92%;\n  align-self: end;\n  align-items: flex-start;\n  flex-direction: column;\n  gap: 8px;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-message { max-width: 100%; align-self: stretch; }\n\n/* The DSH occurrence remains the durable serialization carrier, while this\n   plugin-owned capsule supplies the visible and interactive projection. */\n[data-composer-seat] [data-decoration=\"chip\"][title=\"__dsh_side_chat_annotations__\"] {\n  visibility: hidden;\n}\n.dsh-side-chat-parent-annotation-dock {\n  position: relative;\n  z-index: 20;\n  width: calc(100% - 32px);\n  max-width: var(--dsh-composer-card-max-width, 780px);\n  height: 0;\n  /* The terminal zero-height dock would otherwise add a second gap between\n     Todo/Goal/Queue and the input card. Its child still lands 10px inside the\n     following card: -gap + top:16px against the card's own 6px gap. */\n  margin: calc(0px - var(--dsh-composer-stack-gap, 6px)) auto 0;\n  pointer-events: none;\n}\n.dsh-side-chat-parent-annotation-dock > .dsh-side-chat-quote {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  pointer-events: auto;\n}\n.dsh-side-chat-parent-user-message {\n  display: flex;\n  width: 100%;\n  min-width: 0;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 8px;\n}\n.dsh-side-chat-parent-user-message > .dsh-side-chat-quote { align-self: flex-end; }\n/* rc.6 caps its inner user stack at 82%; give that percentage the full chat\n   column as its containing width instead of the annotation chip's shrink width. */\n.dsh-side-chat-parent-user-message-body { width: 100%; min-width: 0; }\n.dsh-side-chat-parent-user-message > .dsh-side-chat-quote .dsh-side-chat-quote-details {\n  right: 0;\n  left: auto;\n}\n.dsh-side-chat-draft {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  min-height: 0;\n  flex: 0 0 auto;\n  gap: 6px;\n  align-items: end;\n  margin: auto 12px 12px;\n  padding: 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 24px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 2px 8px rgb(0 0 0 / 5%);\n}\n.dsh-side-chat-draft > .dsh-side-chat-quote { grid-column: 1 / -1; }\n.dsh-side-chat-draft label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n}\n.dsh-side-chat-draft textarea {\n  grid-column: 1 / -1;\n  width: 100%;\n  height: auto;\n  min-height: 24px;\n  max-height: 160px;\n  box-sizing: border-box;\n  resize: none;\n  overflow-y: hidden;\n  padding: 6px 2px;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.5;\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button,\n.dsh-side-chat-panel .dsh-side-chat-stop-button {\n  display: grid;\n  width: 34px;\n  height: 34px;\n  min-height: 34px;\n  flex: none;\n  place-items: center;\n  padding: 1px 6px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--side-chat-accent-fill);\n  color: var(--side-chat-accent-text);\n  cursor: pointer;\n  line-height: 1;\n  transform: translateY(-2px);\n  transition: background-color 100ms ease;\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button:hover:not(:disabled),\n.dsh-side-chat-panel .dsh-side-chat-stop-button:hover:not(:disabled) {\n  background: var(--side-chat-accent-hover);\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button:disabled,\n.dsh-side-chat-panel .dsh-side-chat-stop-button:disabled { cursor: default; opacity: .4; }\n.dsh-side-chat-footer { display: none; }\n.dsh-side-chat-announcer { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }\n\n.dsh-side-chat-selection-actions {\n  position: fixed;\n  z-index: 90;\n  display: flex;\n  width: max-content;\n  max-width: calc(100vw - 16px);\n  box-sizing: border-box;\n  flex-wrap: wrap;\n  gap: 0;\n  padding: 0;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 999px;\n  background: var(--dsw-alias-button-floating-fill, var(--side-chat-bg));\n  box-shadow: 0 4px 14px rgb(0 0 0 / 12%);\n  color: var(--side-chat-text);\n  overflow: hidden;\n}\n.dsh-side-chat-selection-actions button {\n  min-height: 36px;\n  padding: 0 14px;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  transition: background-color 120ms ease;\n}\n.dsh-side-chat-selection-actions button:hover:not(:disabled),\n.dsh-side-chat-selection-actions button:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-selection-actions button + button {\n  border-left: 1px solid var(--side-chat-border);\n  border-radius: 0;\n}\n.dsh-side-chat-selection-actions[data-touch] button {\n  min-height: 42px;\n  padding-inline: 14px;\n  touch-action: manipulation;\n  white-space: nowrap;\n}\n\n::highlight(dsh-side-chat-annotations) {\n  background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #1473e6) 18%, transparent);\n}\n::highlight(dsh-side-chat-active-annotation) {\n  background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #1473e6) 32%, transparent);\n  text-decoration: underline;\n  text-decoration-color: color-mix(in srgb, var(--dsw-alias-state-business-primary, #1473e6) 70%, transparent);\n  text-decoration-thickness: 1px;\n}\n\n.dsh-side-chat-annotation-marker,\n.dsh-side-chat-selection-marker {\n  position: fixed;\n  z-index: 91;\n  display: grid;\n  width: 22px;\n  height: 22px;\n  min-height: 22px;\n  box-sizing: border-box;\n  place-items: center;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: var(--side-chat-accent-fill);\n  box-shadow: 0 2px 6px rgb(0 0 0 / 14%);\n  color: var(--side-chat-accent-text);\n  font: inherit;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n}\n.dsh-side-chat-annotation-marker { cursor: pointer; }\n.dsh-side-chat-selection-marker { pointer-events: none; }\n.dsh-side-chat-annotation-marker[data-large],\n.dsh-side-chat-selection-marker[data-large] { font-size: 9px; }\n.dsh-side-chat-annotation-marker[data-active] {\n  background: var(--side-chat-accent-hover);\n}\n.dsh-side-chat-annotation-marker:focus-visible {\n  outline: 2px solid color-mix(in srgb, var(--side-chat-accent) 32%, transparent);\n  outline-offset: 1px;\n}\n\n.dsh-side-chat-selection-comment {\n  position: fixed;\n  z-index: 92;\n  display: grid;\n  max-width: calc(100vw - 16px);\n  box-sizing: border-box;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 20px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 5px 18px rgb(0 0 0 / 9%);\n  color: var(--side-chat-text);\n}\n.dsh-side-chat-selection-comment textarea {\n  width: 100%;\n  min-height: 48px;\n  max-height: 128px;\n  box-sizing: border-box;\n  resize: none;\n  padding: 6px 8px;\n  overflow-y: auto;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.45;\n}\n.dsh-side-chat-selection-comment-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.dsh-side-chat-selection-comment-actions button {\n  min-height: 32px;\n  padding: 0 14px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 999px;\n  background: var(--side-chat-bg);\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-side-chat-selection-comment-actions button:hover { background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5)); }\n.dsh-side-chat-selection-comment-actions .dsh-side-chat-selection-comment-save {\n  border-color: transparent;\n  background: var(--side-chat-accent-fill);\n  color: var(--side-chat-accent-text);\n}\n.dsh-side-chat-selection-comment-actions .dsh-side-chat-selection-comment-save:hover {\n  background: var(--side-chat-accent-hover);\n}\n\n@media (max-width: 900px) {\n  .dsh-side-chat-panel {\n    right: 12px;\n    bottom: 12px;\n    width: calc(100vw - 24px);\n    max-height: calc(100dvh - 24px);\n    border-radius: 24px;\n  }\n}\n\n@media (max-width: 720px) {\n  .dsh-side-chat-panel {\n    right: 8px;\n    bottom: 8px;\n    width: calc(100vw - 16px);\n    height: min(78dvh, 760px);\n    max-height: calc(100dvh - 16px);\n    border-radius: 22px;\n  }\n  .dsh-side-chat-transcript { padding: 14px 14px 20px; }\n  .dsh-side-chat-header { padding-left: 14px; }\n  .dsh-side-chat-error { margin-inline: 12px; }\n}\n\n@media (max-height: 620px) {\n  .dsh-side-chat-panel {\n    bottom: 8px;\n    height: calc(100dvh - 16px);\n    max-height: calc(100dvh - 16px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-side-chat-reasoning[data-state=\"running\"] .dsh-side-chat-reasoning-row::after { animation: none; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .dsh-side-chat-panel { animation: dsh-side-chat-enter 160ms ease-out; }\n  @keyframes dsh-side-chat-enter { from { transform: translateY(18px) scale(.985); opacity: .7; } }\n}\n\n@media (forced-colors: active) {\n.dsh-side-chat-panel,\n.dsh-side-chat-selection-actions,\n.dsh-side-chat-selection-comment,\n.dsh-side-chat-annotation-marker { border: 1px solid CanvasText; }\n}\n";
 		//#endregion
 		//#region src/client/parent-composer/add-to-conversation.ts
 		const SELECTION_REFERENCE_SOURCE = "dsh-side-chat-selection";
@@ -290,6 +290,7 @@ window.__ModuleLoader__.load({
 			en: Object.freeze({
 				title: "Side Chat",
 				close: "Close Side Chat",
+				addToConversation: "Add to conversation",
 				placeholder: "Ask about this in a Side Chat",
 				send: "Send",
 				selectedPassage: "Selected passage",
@@ -310,6 +311,7 @@ window.__ModuleLoader__.load({
 			"zh-CN": Object.freeze({
 				title: "侧边对话",
 				close: "关闭侧边对话",
+				addToConversation: "添加到主对话",
 				placeholder: "在侧边对话中询问这段内容",
 				send: "发送",
 				selectedPassage: "所选段落",
@@ -447,6 +449,178 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/parent-composer/referenced-conversation.ts
+		const SIDE_CHAT_CONVERSATION_REFERENCE_SOURCE = "dsh-side-chat-conversation";
+		const OPEN_TAG = "<referenced_conversation>";
+		const CLOSE_TAG = "</referenced_conversation>";
+		function normalizedTitle(title) {
+			const normalized = title.trim().replace(/\s+/gu, " ");
+			return normalized.length === 0 ? "Side Chat" : normalized;
+		}
+		function visibleContentText(content) {
+			return content.map((block) => {
+				if (typeof block !== "object" || block === null) return "";
+				const value = block;
+				if (value.type === "text" && typeof value.text === "string") return value.text;
+				if (value.type === "image") return "[Image attachment]";
+				return "";
+			}).filter(Boolean).join("\n").trim();
+		}
+		function assistantText(node) {
+			return node.blocks.flatMap((block) => block.kind === "text" ? [block.text] : []).join("\n").trim();
+		}
+		/** Project exactly the user/assistant history visible in the Side Chat modal. */
+		function referencedSideChatConversation(input) {
+			const conversation = [];
+			for (const node of input.nodes) {
+				if (node.seq <= input.inheritedThroughSeq) continue;
+				if (node.kind === "user" || node.kind === "steering") {
+					const content = visibleContentText(node.content);
+					if (content.length > 0) conversation.push({
+						role: "user",
+						content
+					});
+					continue;
+				}
+				if (node.kind === "assistant") {
+					const content = assistantText(node);
+					if (content.length > 0) conversation.push({
+						role: "assistant",
+						content
+					});
+				}
+			}
+			return {
+				version: 1,
+				conversationId: input.conversationId,
+				title: normalizedTitle(input.title),
+				conversation
+			};
+		}
+		function isReferencedConversationMessage(value) {
+			if (typeof value !== "object" || value === null) return false;
+			const message = value;
+			return (message.role === "user" || message.role === "assistant") && typeof message.content === "string" && message.content.length > 0;
+		}
+		function decodeReferencedConversation(ref) {
+			const value = JSON.parse(ref);
+			if (typeof value !== "object" || value === null) throw new Error("The referenced Side Chat conversation is no longer valid.");
+			const reference = value;
+			if (reference.version !== 1 || typeof reference.conversationId !== "string" || reference.conversationId.length === 0 || typeof reference.title !== "string" || reference.title.length === 0 || !Array.isArray(reference.conversation) || reference.conversation.length === 0 || !reference.conversation.every(isReferencedConversationMessage)) throw new Error("The referenced Side Chat conversation is no longer valid.");
+			return {
+				version: 1,
+				conversationId: reference.conversationId,
+				title: reference.title,
+				conversation: reference.conversation
+			};
+		}
+		function encodeReferencedConversation(reference) {
+			return JSON.stringify(reference);
+		}
+		function stringifyTagSafeJson(value) {
+			return JSON.stringify(value).replaceAll("<", "\\u003c");
+		}
+		/** Durable model-facing form of the referenced conversation label. */
+		function serializeReferencedConversation(reference) {
+			return [
+				OPEN_TAG,
+				stringifyTagSafeJson({
+					conversationId: reference.conversationId,
+					title: reference.title,
+					conversation: reference.conversation
+				}),
+				CLOSE_TAG
+			].join("\n");
+		}
+		/** Parse a sent reference prefix so the main thread can keep showing one label. */
+		function parseReferencedConversationPrompt(text) {
+			const prefix = `${OPEN_TAG}\n`;
+			if (!text.startsWith(prefix)) return;
+			const closeToken = `\n${CLOSE_TAG}`;
+			const closeIndex = text.indexOf(closeToken, prefix.length);
+			if (closeIndex < 0) return;
+			const json = text.slice(prefix.length, closeIndex);
+			if (json.length === 0) return;
+			try {
+				const parsed = JSON.parse(json);
+				return {
+					reference: decodeReferencedConversation(JSON.stringify({
+						version: 1,
+						conversationId: parsed.conversationId,
+						title: parsed.title,
+						conversation: parsed.conversation
+					})),
+					message: text.slice(closeIndex + closeToken.length).trim()
+				};
+			} catch {
+				return;
+			}
+		}
+		function matchingOccurrences(snapshot, reference) {
+			return snapshot.occurrences.filter((occurrence) => {
+				if (occurrence.source !== "dsh-side-chat-conversation") return false;
+				try {
+					return decodeReferencedConversation(occurrence.ref).conversationId === reference.conversationId;
+				} catch {
+					return false;
+				}
+			});
+		}
+		function occurrenceLength(occurrence) {
+			if (occurrence.length !== void 0 && Number.isSafeInteger(occurrence.length) && occurrence.length > 0) return occurrence.length;
+			try {
+				return `@${decodeReferencedConversation(occurrence.ref).title}`.length;
+			} catch {
+				return 1;
+			}
+		}
+		function removeOccurrence(input, occurrenceId) {
+			const snapshot = input.state.getSnapshot();
+			const occurrence = snapshot.occurrences.find((candidate) => candidate.occurrenceId === occurrenceId);
+			if (occurrence === void 0) return;
+			let start = occurrence.offset;
+			let end = occurrence.offset + occurrenceLength(occurrence);
+			if (snapshot.draft[end] === " ") end += 1;
+			else if (start > 0 && snapshot.draft[start - 1] === " ") start -= 1;
+			input.setDraft(snapshot.draft.slice(0, start) + snapshot.draft.slice(end));
+		}
+		/** Insert or refresh one Side Chat label without duplicating an older snapshot. */
+		function addReferencedSideChatToConversation(input, reference) {
+			if (reference.conversation.length === 0) return false;
+			const before = input.state.getSnapshot();
+			const existing = matchingOccurrences(before, reference);
+			const encoded = encodeReferencedConversation(reference);
+			if (existing.some((occurrence) => occurrence.ref === encoded)) return true;
+			if (!input.insertReference({
+				source: "dsh-side-chat-conversation",
+				ref: encoded,
+				label: reference.title,
+				appearance: "session",
+				clipboardText: `@${reference.title}`
+			}, {
+				start: 0,
+				end: 0,
+				draftRev: before.draftRev
+			})) return false;
+			for (const occurrence of existing) removeOccurrence(input, occurrence.occurrenceId);
+			return true;
+		}
+		/** Reference codec used by the native composer chip and submit pipeline. */
+		const sideChatConversationReferenceSource = {
+			trigger: "@",
+			name: SIDE_CHAT_CONVERSATION_REFERENCE_SOURCE,
+			order: 1001,
+			candidates: async () => [],
+			onPick: () => void 0,
+			codec: {
+				clipboardText: (ref) => `@${decodeReferencedConversation(ref).title}`,
+				serialize: async (ref, signal) => {
+					if (signal.aborted) throw signal.reason;
+					return serializeReferencedConversation(decodeReferencedConversation(ref));
+				}
+			}
+		};
+		//#endregion
 		//#region src/client/parent-composer/ParentConversationAnnotations.tsx
 		function currentLocale() {
 			return navigator.language.toLowerCase().startsWith("zh") ? "zh-CN" : "en";
@@ -492,18 +666,53 @@ window.__ModuleLoader__.load({
 				text: message
 			}, ...next];
 		}
+		function parsePluginPrompt(text) {
+			let message = text;
+			let annotations;
+			let reference;
+			for (let index = 0; index < 2; index += 1) {
+				const annotated = annotations === void 0 ? parseAnnotatedConversationPrompt(message) : void 0;
+				if (annotated !== void 0) {
+					annotations = annotated.annotations;
+					message = annotated.message;
+					continue;
+				}
+				const referenced = reference === void 0 ? parseReferencedConversationPrompt(message) : void 0;
+				if (referenced !== void 0) {
+					reference = referenced.reference;
+					message = referenced.message;
+					continue;
+				}
+				break;
+			}
+			if (annotations === void 0 && reference === void 0) return;
+			return {
+				...annotations === void 0 ? {} : { annotations },
+				...reference === void 0 ? {} : { reference },
+				message
+			};
+		}
 		/** Wrap DSH's own user renderer only when this plugin's durable prefix exists. */
 		function annotatedUserMessageRenderer(Original) {
 			return function AnnotatedUserMessageRenderer(props) {
-				const parsed = parseAnnotatedConversationPrompt(contentText$2(props.node.data.content));
+				const parsed = parsePluginPrompt(contentText$2(props.node.data.content));
 				if (parsed === void 0) return (0, react.createElement)(Original, props);
+				const body = visibleMessage(parsed.message);
+				const visible = parsed.reference === void 0 ? body : [`@${parsed.reference.title}`, body].filter((part) => part.length > 0).join("\n\n");
+				const existingLabels = props.node.data.referenceLabels ?? [];
 				const node = {
 					...props.node,
 					data: {
 						...props.node.data,
-						content: replaceTextContent(props.node.data.content, visibleMessage(parsed.message))
+						content: replaceTextContent(props.node.data.content, visible),
+						...parsed.reference === void 0 ? {} : { referenceLabels: [.../* @__PURE__ */ new Set([parsed.reference.title, ...existingLabels])] }
 					}
 				};
+				const original = (0, react.createElement)(Original, {
+					...props,
+					node
+				});
+				if (parsed.annotations === void 0) return original;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "dsh-side-chat-parent-user-message",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionQuote, {
@@ -511,10 +720,7 @@ window.__ModuleLoader__.load({
 						messages: SIDE_CHAT_MESSAGES[currentLocale()]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "dsh-side-chat-parent-user-message-body",
-						children: (0, react.createElement)(Original, {
-							...props,
-							node
-						})
+						children: original
 					})]
 				});
 			};
@@ -5826,7 +6032,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		//#endregion
 		//#region src/client/panel/SideChatHeader.tsx
-		function SideChatHeader({ phase, messages, onFocusParent, onClose }) {
+		function AddToConversationIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				className: "dsh-side-chat-add-to-conversation-icon",
+				viewBox: "0 0 20 20",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.25 4.5h11.5v8.25H9l-3.5 2.75v-2.75H4.25z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 6.5v4M8 8.5h4" })]
+			});
+		}
+		function SideChatHeader({ phase, messages, addToConversationDisabled = false, onAddToConversation, onFocusParent, onClose }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 				className: "dsh-side-chat-header",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -5834,12 +6048,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					className: "dsh-side-chat-heading",
 					onClick: onFocusParent,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: messages.title })
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					"aria-label": messages.close,
-					disabled: phase === "closing",
-					onClick: onClose,
-					children: "×"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-side-chat-header-actions",
+					children: [onAddToConversation !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "dsh-side-chat-add-to-conversation",
+						disabled: addToConversationDisabled,
+						onClick: onAddToConversation,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddToConversationIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: messages.addToConversation })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dsh-side-chat-close",
+						"aria-label": messages.close,
+						disabled: phase === "closing",
+						onClick: onClose,
+						children: "×"
+					})]
 				})]
 			});
 		}
@@ -5861,7 +6085,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		//#endregion
 		//#region src/client/panel/SideChatPanel.tsx
-		function SideChatPanel({ state, locale = "en", embeddedConversation, modelControl, onDraftChange, onFirstSend, onClose, onRetry, onFocusParent, onRemoveSelection }) {
+		function SideChatPanel({ state, locale = "en", embeddedConversation, modelControl, onDraftChange, onFirstSend, onClose, onRetry, onFocusParent, onAddToConversation, addToConversationDisabled, onRemoveSelection }) {
 			const messages = SIDE_CHAT_MESSAGES[locale];
 			const [submitting, setSubmitting] = (0, react.useState)(false);
 			const draftRef = useAutoGrowingTextarea(state.draft);
@@ -5888,6 +6112,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideChatHeader, {
 						phase: state.phase,
 						messages,
+						...onAddToConversation === void 0 ? {} : { onAddToConversation },
+						...addToConversationDisabled === void 0 ? {} : { addToConversationDisabled },
 						onFocusParent,
 						onClose: () => {
 							onClose();
@@ -6328,15 +6554,49 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function clamp(value, minimum, maximum) {
 			return Math.min(Math.max(minimum, value), Math.max(minimum, maximum));
 		}
-		function SelectionActions({ selection, askDisabledReason, annotationNumber = 1, annotationEditor, onAddToChat, onMoreDetails, onAskInSideChat, onAnnotationEditorChange, onDismiss }) {
+		function calculateSelectionActionsPosition(rect, size, touch, viewport = {
+			width: rect.viewportWidth,
+			height: rect.viewportHeight
+		}) {
+			const edge = 8;
+			const width = Math.max(0, size.width);
+			const height = Math.max(0, size.height);
+			const left = clamp(rect.x + rect.width / 2 - width / 2, edge, viewport.width - width - edge);
+			const belowGap = touch ? 12 : 8;
+			const aboveGap = touch ? 64 : 8;
+			const below = rect.y + rect.height + belowGap;
+			const above = rect.y - height - aboveGap;
+			const belowFits = below + height <= viewport.height - edge;
+			const aboveFits = above >= edge;
+			let top;
+			if (touch && belowFits) top = below;
+			else if (aboveFits) top = above;
+			else if (belowFits) top = below;
+			else top = rect.y - aboveGap - edge >= viewport.height - edge - rect.y - rect.height - belowGap ? above : below;
+			return {
+				left,
+				top: clamp(top, edge, viewport.height - height - edge)
+			};
+		}
+		function SelectionActions({ selection, touchInteraction = false, askDisabledReason, annotationNumber = 1, annotationEditor, onAddToChat, onMoreDetails, onAskInSideChat, onAnnotationEditorChange, onDismiss }) {
 			const [editingAnnotation, setEditingAnnotation] = (0, react.useState)(annotationEditor !== void 0);
 			const [comment, setComment] = (0, react.useState)(annotationEditor?.initialComment ?? "");
+			const [toolbarGeometry, setToolbarGeometry] = (0, react.useState)(() => ({
+				width: 0,
+				height: 0,
+				viewportWidth: selection.rect.viewportWidth,
+				viewportHeight: selection.rect.viewportHeight
+			}));
 			const commentRef = (0, react.useRef)(null);
-			const center = selection.rect.x + selection.rect.width / 2;
+			const toolbarRef = (0, react.useRef)(null);
+			const touchActivationRef = (0, react.useRef)(null);
+			const toolbarPosition = calculateSelectionActionsPosition(selection.rect, toolbarGeometry, touchInteraction, {
+				width: toolbarGeometry.viewportWidth,
+				height: toolbarGeometry.viewportHeight
+			});
 			const style = {
-				left: Math.min(Math.max(8, center), selection.rect.viewportWidth - 8),
-				top: selection.rect.y < 56 ? selection.rect.y + selection.rect.height + 8 : selection.rect.y - 8,
-				transform: selection.rect.y < 56 ? "translate(0, 0)" : "translate(0, -100%)"
+				left: toolbarPosition.left,
+				top: toolbarPosition.top
 			};
 			const editorWidth = Math.min(420, selection.rect.viewportWidth - 16);
 			const editorAbove = selection.rect.y - 118;
@@ -6353,6 +6613,40 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const keepSelection = (event) => {
 				event.preventDefault();
 			};
+			(0, react.useLayoutEffect)(() => {
+				if (editingAnnotation) return;
+				const toolbar = toolbarRef.current;
+				if (toolbar === null) return;
+				const measure = () => {
+					const bounds = toolbar.getBoundingClientRect();
+					const visualViewport = window.visualViewport;
+					const viewportWidth = visualViewport?.width ?? window.innerWidth ?? selection.rect.viewportWidth;
+					const viewportHeight = visualViewport?.height ?? window.innerHeight ?? selection.rect.viewportHeight;
+					const next = {
+						width: bounds.width,
+						height: bounds.height,
+						viewportWidth,
+						viewportHeight
+					};
+					setToolbarGeometry((current) => current.width === next.width && current.height === next.height && current.viewportWidth === next.viewportWidth && current.viewportHeight === next.viewportHeight ? current : next);
+				};
+				measure();
+				const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(measure);
+				observer?.observe(toolbar);
+				window.addEventListener("resize", measure);
+				window.visualViewport?.addEventListener("resize", measure);
+				window.visualViewport?.addEventListener("scroll", measure);
+				return () => {
+					observer?.disconnect();
+					window.removeEventListener("resize", measure);
+					window.visualViewport?.removeEventListener("resize", measure);
+					window.visualViewport?.removeEventListener("scroll", measure);
+				};
+			}, [
+				editingAnnotation,
+				selection,
+				touchInteraction
+			]);
 			(0, react.useEffect)(() => {
 				if (editingAnnotation) commentRef.current?.focus();
 			}, [editingAnnotation]);
@@ -6384,6 +6678,37 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					saveAnnotation();
 				}
 			};
+			const openAnnotationEditor = () => {
+				setEditingAnnotation(true);
+				onAnnotationEditorChange?.(true);
+			};
+			const showMoreDetails = () => {
+				onMoreDetails(selection);
+				onDismiss();
+			};
+			const askInSideChat = () => {
+				onAskInSideChat(selection);
+				onDismiss();
+			};
+			const activateOnTouch = (event, action) => {
+				if (!touchInteraction || event.pointerType !== "touch" || event.currentTarget.disabled) return;
+				event.preventDefault();
+				touchActivationRef.current = {
+					target: event.currentTarget,
+					timeStamp: event.timeStamp
+				};
+				action();
+			};
+			const activateOnClick = (event, action) => {
+				const touchActivation = touchActivationRef.current;
+				touchActivationRef.current = null;
+				const elapsed = touchActivation === null ? Number.POSITIVE_INFINITY : event.timeStamp - touchActivation.timeStamp;
+				if (event.detail !== 0 && touchActivation?.target === event.currentTarget && elapsed >= 0 && elapsed < 1e3) {
+					event.preventDefault();
+					return;
+				}
+				action();
+			};
 			if (editingAnnotation) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [annotationEditor === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "dsh-side-chat-selection-marker",
 				"aria-hidden": "true",
@@ -6426,20 +6751,27 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				})]
 			})] });
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: toolbarRef,
 				className: "dsh-side-chat-selection-actions",
 				role: "toolbar",
 				"aria-label": "Selected conversation text actions",
+				"data-touch": touchInteraction || void 0,
 				style,
 				onMouseDown: keepSelection,
+				onPointerDown: (event) => {
+					if (touchInteraction && event.pointerType === "touch") event.preventDefault();
+				},
 				onKeyDown: (event) => {
 					if (event.key === "Escape") onDismiss();
 				},
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						onClick: () => {
-							setEditingAnnotation(true);
-							onAnnotationEditorChange?.(true);
+						onPointerDown: (event) => {
+							activateOnTouch(event, openAnnotationEditor);
+						},
+						onClick: (event) => {
+							activateOnClick(event, openAnnotationEditor);
 						},
 						children: "Add to chat"
 					}),
@@ -6447,9 +6779,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						type: "button",
 						disabled: askDisabledReason !== void 0,
 						title: askDisabledReason,
-						onClick: () => {
-							onMoreDetails(selection);
-							onDismiss();
+						onPointerDown: (event) => {
+							activateOnTouch(event, showMoreDetails);
+						},
+						onClick: (event) => {
+							activateOnClick(event, showMoreDetails);
 						},
 						children: "More details"
 					}),
@@ -6457,9 +6791,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						type: "button",
 						disabled: askDisabledReason !== void 0,
 						title: askDisabledReason,
-						onClick: () => {
-							onAskInSideChat(selection);
-							onDismiss();
+						onPointerDown: (event) => {
+							activateOnTouch(event, askInSideChat);
+						},
+						onClick: (event) => {
+							activateOnClick(event, askInSideChat);
 						},
 						children: "Ask in side chat"
 					})
@@ -7789,6 +8125,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				this.annotationPersistence.reconcile(selection.parentSessionId, input);
 				return true;
 			}
+			/** Add one immutable Side Chat transcript to its parent Session's composer. */
+			addSideChatToConversation(parentSessionId, reference) {
+				const scope = this.ctx.sessions.scope(dshSessionId(parentSessionId));
+				const input = scope === void 0 ? void 0 : this.ctx.conversation.input.for(scope);
+				if (input === void 0 || !addReferencedSideChatToConversation(input, reference)) return false;
+				this.annotationPersistence.reconcile(parentSessionId, input);
+				return true;
+			}
 			/** Update an existing unsent annotation without adding a duplicate passage. */
 			updateConversationAnnotation(annotationIndex, comment) {
 				const sessionId = this.currentSessionId();
@@ -7910,6 +8254,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		//#endregion
 		//#region src/client/rc6/Rc6SideChatOverlay.tsx
 		const MORE_DETAILS_PROMPT = "Please explain the selected passage in more detail.";
+		const TOUCH_SELECTION_SETTLE_MS = 300;
+		const TOUCH_ACTIVATION_SUPPRESS_MS = 750;
 		function captureEvent(event) {
 			if (event instanceof KeyboardEvent && event.key === "Escape") return false;
 			const target = event.target;
@@ -7945,19 +8291,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const currentSessionId = (0, react.useSyncExternalStore)(sessions.subscribeList, () => sessions.currentSessionId(), () => sessions.currentSessionId());
 			const composerInput = (0, react.useSyncExternalStore)(sessions.subscribeConversationInput, sessions.currentConversationInputSnapshot, sessions.currentConversationInputSnapshot);
 			const annotations = (0, react.useMemo)(() => composerInput === void 0 ? [] : conversationSelectionAnnotations(composerInput), [composerInput]);
-			const [selection, setSelection] = (0, react.useState)(null);
+			const [activeSelection, setActiveSelection] = (0, react.useState)(null);
 			const [editingAnnotation, setEditingAnnotation] = (0, react.useState)(null);
 			const captureGeneration = (0, react.useRef)(0);
+			const captureTimer = (0, react.useRef)(void 0);
 			const mouseDownPoint = (0, react.useRef)(null);
 			const annotationEditing = (0, react.useRef)(false);
-			const capture = (0, react.useCallback)(async () => {
+			const touchInteraction = (0, react.useRef)(false);
+			const suppressTouchCaptureUntil = (0, react.useRef)(0);
+			const capture = (0, react.useCallback)(async (touch) => {
 				const generation = ++captureGeneration.current;
 				const parentSessionId = sessions.currentSessionId();
 				const face = parentSessionId === void 0 ? void 0 : sessions.face(parentSessionId);
 				const conversationRoot = document.querySelector("[data-chat-flow]");
 				const browserSelection = window.getSelection();
 				if (parentSessionId === void 0 || face === void 0 || conversationRoot === null || browserSelection === null || browserSelection.isCollapsed) {
-					if (generation === captureGeneration.current) setSelection(null);
+					if (generation === captureGeneration.current) setActiveSelection(null);
 					return;
 				}
 				const snapshot = face.getSnapshot();
@@ -7971,67 +8320,139 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							return key === void 0 ? void 0 : selectionDescriptor(snapshot, key);
 						} }
 					});
-					if (generation === captureGeneration.current) setSelection(captured);
+					if (generation === captureGeneration.current) setActiveSelection({
+						value: captured,
+						touch
+					});
 				} catch {
-					if (generation === captureGeneration.current) setSelection(null);
+					if (generation === captureGeneration.current) setActiveSelection(null);
 				}
 			}, [sessions]);
+			const cancelScheduledCapture = (0, react.useCallback)(() => {
+				if (captureTimer.current === void 0) return;
+				window.clearTimeout(captureTimer.current);
+				captureTimer.current = void 0;
+			}, []);
+			const scheduleTouchCapture = (0, react.useCallback)(() => {
+				cancelScheduledCapture();
+				const generation = ++captureGeneration.current;
+				captureTimer.current = window.setTimeout(() => {
+					captureTimer.current = void 0;
+					if (generation !== captureGeneration.current || annotationEditing.current) return;
+					capture(true);
+				}, TOUCH_SELECTION_SETTLE_MS);
+			}, [cancelScheduledCapture, capture]);
 			(0, react.useEffect)(() => {
+				const clearSelection = () => {
+					cancelScheduledCapture();
+					mouseDownPoint.current = null;
+					annotationEditing.current = false;
+					++captureGeneration.current;
+					setActiveSelection(null);
+					setEditingAnnotation(null);
+				};
+				const touchCaptureSuppressed = () => Date.now() < suppressTouchCaptureUntil.current;
+				const onPointerDown = (event) => {
+					if (!captureEvent(event)) return;
+					if (event.pointerType === "touch" && touchCaptureSuppressed()) return;
+					if (event.pointerType !== "touch") suppressTouchCaptureUntil.current = 0;
+					touchInteraction.current = event.pointerType === "touch";
+					if (touchInteraction.current) clearSelection();
+				};
+				const onTouchStart = (event) => {
+					if (!captureEvent(event) || touchCaptureSuppressed()) return;
+					touchInteraction.current = true;
+					clearSelection();
+				};
+				const onTouchEnd = (event) => {
+					if (!captureEvent(event) || touchCaptureSuppressed()) return;
+					touchInteraction.current = true;
+					scheduleTouchCapture();
+				};
 				const onMouseDown = (event) => {
+					if (touchInteraction.current || touchCaptureSuppressed()) {
+						mouseDownPoint.current = null;
+						return;
+					}
 					if (!captureEvent(event)) {
 						mouseDownPoint.current = null;
 						return;
 					}
+					cancelScheduledCapture();
 					mouseDownPoint.current = {
 						x: event.clientX,
 						y: event.clientY
 					};
 					annotationEditing.current = false;
 					++captureGeneration.current;
-					setSelection(null);
+					setActiveSelection(null);
 					setEditingAnnotation(null);
 				};
 				const onMouseUp = (event) => {
 					const start = mouseDownPoint.current;
 					mouseDownPoint.current = null;
-					if (!captureEvent(event)) return;
-					if (start === null || Math.abs(event.clientX - start.x) > 2 || Math.abs(event.clientY - start.y) > 2 || event.detail > 1 || event.shiftKey) capture();
+					if (!captureEvent(event) || touchCaptureSuppressed()) return;
+					if (touchInteraction.current) {
+						scheduleTouchCapture();
+						return;
+					}
+					if (start === null || Math.abs(event.clientX - start.x) > 2 || Math.abs(event.clientY - start.y) > 2 || event.detail > 1 || event.shiftKey) capture(false);
 				};
 				const onSelectionChange = () => {
 					if (annotationEditing.current) return;
+					if (touchInteraction.current) {
+						scheduleTouchCapture();
+						return;
+					}
 					const browserSelection = window.getSelection();
 					if (browserSelection !== null && !browserSelection.isCollapsed) return;
+					cancelScheduledCapture();
 					++captureGeneration.current;
-					setSelection(null);
+					setActiveSelection(null);
 				};
 				const onKeyUp = (event) => {
+					touchInteraction.current = false;
+					cancelScheduledCapture();
 					if (event.key === "Escape") {
 						++captureGeneration.current;
 						annotationEditing.current = false;
-						setSelection(null);
+						setActiveSelection(null);
 						setEditingAnnotation(null);
 						controller.close();
 						return;
 					}
-					if (captureEvent(event)) capture();
+					if (captureEvent(event)) capture(false);
 				};
+				document.addEventListener("pointerdown", onPointerDown);
+				document.addEventListener("touchstart", onTouchStart, { passive: true });
+				document.addEventListener("touchend", onTouchEnd, { passive: true });
 				document.addEventListener("mousedown", onMouseDown);
 				document.addEventListener("mouseup", onMouseUp);
 				document.addEventListener("selectionchange", onSelectionChange);
 				document.addEventListener("keyup", onKeyUp);
 				return () => {
+					cancelScheduledCapture();
+					document.removeEventListener("pointerdown", onPointerDown);
+					document.removeEventListener("touchstart", onTouchStart);
+					document.removeEventListener("touchend", onTouchEnd);
 					document.removeEventListener("mousedown", onMouseDown);
 					document.removeEventListener("mouseup", onMouseUp);
 					document.removeEventListener("selectionchange", onSelectionChange);
 					document.removeEventListener("keyup", onKeyUp);
 				};
-			}, [capture, controller]);
+			}, [
+				cancelScheduledCapture,
+				capture,
+				controller,
+				scheduleTouchCapture
+			]);
 			(0, react.useEffect)(() => {
+				cancelScheduledCapture();
 				++captureGeneration.current;
 				annotationEditing.current = false;
-				setSelection(null);
+				setActiveSelection(null);
 				setEditingAnnotation(null);
-			}, [currentSessionId]);
+			}, [cancelScheduledCapture, currentSessionId]);
 			(0, react.useEffect)(() => {
 				if (composerInput !== void 0) sessions.reconcileConversationAnnotationPersistence();
 			}, [composerInput, sessions]);
@@ -8041,12 +8462,66 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				annotationEditing.current = false;
 				setEditingAnnotation(null);
 			}, [annotations, editingAnnotation]);
+			const dismissActiveSelection = (0, react.useCallback)(() => {
+				cancelScheduledCapture();
+				if (touchInteraction.current) suppressTouchCaptureUntil.current = Date.now() + TOUCH_ACTIVATION_SUPPRESS_MS;
+				touchInteraction.current = false;
+				annotationEditing.current = false;
+				++captureGeneration.current;
+				setActiveSelection(null);
+			}, [cancelScheduledCapture]);
 			const askDisabledReason = state.phase === "closed" ? void 0 : "Close the current Side Chat before starting another one.";
 			const childFace = state.childSessionId === void 0 ? void 0 : sessions.face(state.childSessionId);
 			const childCwd = state.childSessionId === void 0 ? void 0 : sessions.cwd(state.childSessionId);
 			const inheritedThroughSeq = state.inheritedThroughSeq;
 			const locale = navigator.language.toLowerCase().startsWith("zh") ? "zh-CN" : "en";
 			const modelDirectory = state.parentSessionId === void 0 ? void 0 : sessions.modelDirectory?.(state.parentSessionId);
+			const addToConversationDisabled = childFace === void 0 || inheritedThroughSeq === void 0 || state.parentSessionId === void 0 || state.childSessionId === void 0 || state.phase !== "ready";
+			const addToConversation = () => {
+				const parentSessionId = state.parentSessionId;
+				const childSessionId = state.childSessionId;
+				const face = childSessionId === void 0 ? void 0 : sessions.face(childSessionId);
+				if (parentSessionId === void 0 || childSessionId === void 0 || inheritedThroughSeq === void 0 || face === void 0) {
+					sessions.notify({
+						kind: "warning",
+						text: "The Side Chat conversation is not ready to add yet."
+					});
+					return;
+				}
+				const reference = referencedSideChatConversation({
+					conversationId: childSessionId,
+					title: sessions.title(childSessionId) ?? (locale === "zh-CN" ? "侧边对话" : "Side Chat"),
+					nodes: face.getSnapshot().nodes,
+					inheritedThroughSeq
+				});
+				if (reference.conversation.length === 0) {
+					sessions.notify({
+						kind: "warning",
+						text: "The Side Chat does not have any conversation history to add yet."
+					});
+					return;
+				}
+				try {
+					if (!sessions.addSideChatToConversation(parentSessionId, reference)) {
+						sessions.notify({
+							kind: "warning",
+							text: "Could not add the Side Chat to the main conversation."
+						});
+						return;
+					}
+					sessions.openSession(parentSessionId).then(focusParentComposer, () => {
+						sessions.notify({
+							kind: "warning",
+							text: "The Side Chat was added, but its parent conversation could not be opened."
+						});
+					});
+				} catch {
+					sessions.notify({
+						kind: "warning",
+						text: "Could not add the Side Chat to the main conversation."
+					});
+				}
+			};
 			const modelControl = modelDirectory === void 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideChatModelSelect, {
 				directory: modelDirectory,
 				selection: state.modelSelection,
@@ -8071,16 +8546,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						...editingAnnotation === null ? {} : { activeAnnotationIndex: editingAnnotation.annotationIndex },
 						onEdit: (annotation, restoredSelection) => {
 							annotationEditing.current = true;
+							cancelScheduledCapture();
 							++captureGeneration.current;
-							setSelection(null);
+							setActiveSelection(null);
 							setEditingAnnotation({
 								...annotation,
 								selection: restoredSelection
 							});
 						}
 					}),
-					selection !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionActions, {
-						selection,
+					activeSelection !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionActions, {
+						selection: activeSelection.value,
+						touchInteraction: activeSelection.touch,
 						annotationNumber: sessions.nextConversationAnnotationNumber(),
 						...askDisabledReason === void 0 ? {} : { askDisabledReason },
 						onAddToChat: (captured, comment) => {
@@ -8096,10 +8573,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									text: "Could not add the selection to the current chat."
 								});
 							}
-							setSelection(null);
+							dismissActiveSelection();
 						},
 						onAnnotationEditorChange: (open) => {
 							annotationEditing.current = open;
+							if (open && touchInteraction.current) suppressTouchCaptureUntil.current = Date.now() + TOUCH_ACTIVATION_SUPPRESS_MS;
 						},
 						onMoreDetails: (captured) => {
 							const opened = controller.openDraft({ selection: captured });
@@ -8108,7 +8586,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								text: opened.error.message
 							});
 							else controller.sendFirst(MORE_DETAILS_PROMPT);
-							setSelection(null);
+							dismissActiveSelection();
 						},
 						onAskInSideChat: (captured) => {
 							const opened = controller.openDraft({ selection: captured });
@@ -8116,12 +8594,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								kind: "warning",
 								text: opened.error.message
 							});
-							setSelection(null);
+							dismissActiveSelection();
 						},
-						onDismiss: () => {
-							annotationEditing.current = false;
-							setSelection(null);
-						}
+						onDismiss: dismissActiveSelection
 					}),
 					editingAnnotation !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionActions, {
 						selection: editingAnnotation.selection,
@@ -8177,6 +8652,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						onFocusParent: () => {
 							if (state.parentSessionId !== void 0) sessions.openSession(state.parentSessionId);
 						},
+						onAddToConversation: addToConversation,
+						addToConversationDisabled,
 						onRemoveSelection: () => {
 							controller.clearSelection();
 						}
@@ -8204,6 +8681,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const clientCtx = ctx;
 			const mounted = await mountArchivedRemote(clientCtx);
 			const removeSelectionReferenceSource = clientCtx.inputTriggers.registerSource(selectionReferenceSource);
+			const removeConversationReferenceSource = clientCtx.inputTriggers.registerSource(sideChatConversationReferenceSource);
 			const sessions = new Rc6SideChatSessions(clientCtx);
 			const removeParentAnnotations = mountParentConversationAnnotations(clientCtx, () => {
 				sessions.removeConversationAnnotations();
@@ -8222,6 +8700,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					await controller.dispose();
 				} finally {
 					removeParentAnnotations();
+					removeConversationReferenceSource();
 					removeSelectionReferenceSource();
 					removeOverlay();
 					await mounted.dispose();