@ahggg/dsh-side-chat 0.6.1 → 0.6.2

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 > 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  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";
@@ -6328,15 +6328,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 +6387,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 +6452,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 +6525,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 +6553,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 +6565,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"
 					})
@@ -7910,6 +8020,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 +8057,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 +8086,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,6 +8228,14 @@ 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);
@@ -8071,16 +8266,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 +8293,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 +8306,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 +8314,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,