@ahggg/dsh-side-chat 0.5.0 → 0.6.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  pointer-events: none;\n}\n\n.dsh-side-chat-overlay > * {\n  pointer-events: auto;\n}\n\n.dsh-side-chat-panel {\n  --side-chat-border: var(--dsw-border, #d8d8de);\n  --side-chat-bg: var(--dsw-surface, #ffffff);\n  --side-chat-muted: var(--dsw-text-muted, #62636a);\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(--dsw-text, #19191d);\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-surface-subtle, #f7f7f9);\n}\n\n.dsh-side-chat-message[data-role=\"user\"] {\n  align-self: end;\n  background: 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-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(--dsw-alias-button-info, #1473e6) 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-composer > div,\n.dsh-side-chat-queue > div { display: flex; justify-content: end; gap: 8px; }\n.dsh-side-chat-interaction button,\n.dsh-side-chat-composer button,\n.dsh-side-chat-queue button { min-height: 32px; border: 1px solid var(--side-chat-border); border-radius: 7px; background: var(--dsw-control, #f7f7f9); color: inherit; cursor: pointer; }\n.dsh-side-chat-composer {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 8px;\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  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 button { align-self: end; }\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-draft 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-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-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-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: 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-surface-subtle, #f7f7f9); }\n.dsh-side-chat-error { border-color: 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.dsh-side-chat-parent-user-message {\n  --side-chat-border: var(--dsw-border, #d8d8de);\n  --side-chat-bg: var(--dsw-surface, #ffffff);\n  --side-chat-muted: var(--dsw-text-muted, #62636a);\n  color: var(--dsw-text, #19191d);\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) auto;\n  min-height: 0;\n  flex: 0 0 auto;\n  gap: 8px;\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  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-draft > button { align-self: end; }\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(--dsw-alias-button-info-fill, #4176e6);\n  color: #fff;\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(--dsw-alias-button-info-hover, #3467d6);\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(--dsw-border, #d8d8de);\n  border-radius: 999px;\n  background: var(--dsw-surface, #fff);\n  box-shadow: 0 4px 14px rgb(0 0 0 / 12%);\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-surface-subtle, #f3f3f5);\n}\n.dsh-side-chat-selection-actions button + button {\n  border-left: 1px solid var(--dsw-border, #d8d8de);\n  border-radius: 0;\n}\n\n::highlight(dsh-side-chat-annotations) {\n  background: color-mix(in srgb, var(--dsw-alias-button-info, #1473e6) 18%, transparent);\n}\n::highlight(dsh-side-chat-active-annotation) {\n  background: color-mix(in srgb, var(--dsw-alias-button-info, #1473e6) 32%, transparent);\n  text-decoration: underline;\n  text-decoration-color: color-mix(in srgb, var(--dsw-alias-button-info, #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(--dsw-alias-button-info, #1473e6);\n  box-shadow: 0 2px 6px rgb(0 0 0 / 14%);\n  color: #fff;\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(--dsw-alias-button-info-hover, #3467d6);\n}\n.dsh-side-chat-annotation-marker:focus-visible {\n  outline: 2px solid color-mix(in srgb, var(--dsw-alias-button-info, #1473e6) 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(--dsw-border, #d8d8de);\n  border-radius: 20px;\n  background: var(--dsw-surface, #fff);\n  box-shadow: 0 5px 18px rgb(0 0 0 / 9%);\n  color: var(--dsw-text, #19191d);\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(--dsw-border, #d8d8de);\n  border-radius: 999px;\n  background: var(--dsw-surface, #fff);\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-side-chat-selection-comment-actions button:hover { background: 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(--dsw-alias-button-info, #1473e6);\n  color: #fff;\n}\n.dsh-side-chat-selection-comment-actions .dsh-side-chat-selection-comment-save:hover {\n  background: var(--dsw-alias-button-info-hover, #3467d6);\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: 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  pointer-events: none;\n}\n\n.dsh-side-chat-overlay > * {\n  pointer-events: auto;\n}\n\n.dsh-side-chat-panel {\n  --side-chat-border: var(--dsw-border, #d8d8de);\n  --side-chat-bg: var(--dsw-surface, #ffffff);\n  --side-chat-muted: var(--dsw-text-muted, #62636a);\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(--dsw-text, #19191d);\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-surface-subtle, #f7f7f9);\n}\n\n.dsh-side-chat-message[data-role=\"user\"] {\n  align-self: end;\n  background: 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(--dsw-alias-button-info, #1473e6) 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-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-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-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-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: 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-surface-subtle, #f7f7f9); }\n.dsh-side-chat-error { border-color: 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.dsh-side-chat-parent-user-message {\n  --side-chat-border: var(--dsw-border, #d8d8de);\n  --side-chat-bg: var(--dsw-surface, #ffffff);\n  --side-chat-muted: var(--dsw-text-muted, #62636a);\n  color: var(--dsw-text, #19191d);\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(--dsw-alias-button-info-fill, #4176e6);\n  color: #fff;\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(--dsw-alias-button-info-hover, #3467d6);\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(--dsw-border, #d8d8de);\n  border-radius: 999px;\n  background: var(--dsw-surface, #fff);\n  box-shadow: 0 4px 14px rgb(0 0 0 / 12%);\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-surface-subtle, #f3f3f5);\n}\n.dsh-side-chat-selection-actions button + button {\n  border-left: 1px solid var(--dsw-border, #d8d8de);\n  border-radius: 0;\n}\n\n::highlight(dsh-side-chat-annotations) {\n  background: color-mix(in srgb, var(--dsw-alias-button-info, #1473e6) 18%, transparent);\n}\n::highlight(dsh-side-chat-active-annotation) {\n  background: color-mix(in srgb, var(--dsw-alias-button-info, #1473e6) 32%, transparent);\n  text-decoration: underline;\n  text-decoration-color: color-mix(in srgb, var(--dsw-alias-button-info, #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(--dsw-alias-button-info, #1473e6);\n  box-shadow: 0 2px 6px rgb(0 0 0 / 14%);\n  color: #fff;\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(--dsw-alias-button-info-hover, #3467d6);\n}\n.dsh-side-chat-annotation-marker:focus-visible {\n  outline: 2px solid color-mix(in srgb, var(--dsw-alias-button-info, #1473e6) 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(--dsw-border, #d8d8de);\n  border-radius: 20px;\n  background: var(--dsw-surface, #fff);\n  box-shadow: 0 5px 18px rgb(0 0 0 / 9%);\n  color: var(--dsw-text, #19191d);\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(--dsw-border, #d8d8de);\n  border-radius: 999px;\n  background: var(--dsw-surface, #fff);\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-side-chat-selection-comment-actions button:hover { background: 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(--dsw-alias-button-info, #1473e6);\n  color: #fff;\n}\n.dsh-side-chat-selection-comment-actions .dsh-side-chat-selection-comment-save:hover {\n  background: var(--dsw-alias-button-info-hover, #3467d6);\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";
@@ -717,10 +717,12 @@ window.__ModuleLoader__.load({
 				} catch (error) {
 					return failure(localError("selection_stale", error instanceof Error ? error.message : "The selected text is no longer available.", false));
 				}
+				const modelSelection = this.sessions.sideChatModelPreference();
 				this.publish({
 					phase: "draft",
 					parentSessionId,
 					...input.selection === void 0 ? {} : { selection: input.selection },
+					...modelSelection === void 0 ? {} : { modelSelection },
 					draft: input.draft ?? ""
 				});
 				return success(void 0);
@@ -744,6 +746,45 @@ window.__ModuleLoader__.load({
 				});
 				return success(void 0);
 			}
+			initializeModel(selection) {
+				const state = this.getSnapshot();
+				if (state.childSessionId !== void 0 || !["draft", "error"].includes(state.phase) || state.error?.operation === "close") return failure(localError("invalid_request", "The Side Chat model cannot be initialized right now.", false));
+				const selected = { ...selection };
+				this.publish({
+					...state,
+					modelSelection: selected
+				});
+				return success(selected);
+			}
+			async selectModel(selection) {
+				const state = this.getSnapshot();
+				if (state.phase === "closed" || [
+					"creating",
+					"opening",
+					"closing"
+				].includes(state.phase) || state.error?.operation === "close") return failure(localError("invalid_request", "The Side Chat model cannot be changed right now.", false));
+				const selected = { ...selection };
+				const childSessionId = state.childSessionId;
+				if (childSessionId === void 0) {
+					const initialized = this.initializeModel(selected);
+					if (initialized.ok) this.sessions.rememberSideChatModelPreference(initialized.value);
+					return initialized;
+				}
+				const result = await this.invoke(() => this.remote.selectModel({
+					childSessionId,
+					...selected
+				}));
+				if (!result.ok) return failure(result.error);
+				const latest = this.getSnapshot();
+				if (latest.childSessionId === childSessionId && !["closed", "closing"].includes(latest.phase)) {
+					this.publish({
+						...latest,
+						modelSelection: result.value.selected
+					});
+					this.sessions.rememberSideChatModelPreference(result.value.selected);
+				}
+				return success(result.value.selected);
+			}
 			async sendFirst(question) {
 				if (this.opening !== void 0) return failure(localError("invalid_request", "The Side Chat is already opening.", false));
 				const state = this.getSnapshot();
@@ -878,7 +919,8 @@ window.__ModuleLoader__.load({
 					});
 					const created = await this.invoke(() => this.remote.create({
 						parentSessionId,
-						atSeq
+						atSeq,
+						...original.modelSelection === void 0 ? {} : { modelSelection: original.modelSelection }
 					}));
 					if (!created.ok) {
 						if (this.closeRequested) this.reset();
@@ -952,6 +994,7 @@ window.__ModuleLoader__.load({
 					childSessionId: created.childSessionId,
 					boundarySeq: created.boundarySeq,
 					inheritedThroughSeq: created.inheritedThroughSeq,
+					...created.modelSelection === void 0 ? {} : { modelSelection: created.modelSelection },
 					firstQuestion: question,
 					error: void 0
 				});
@@ -5192,6 +5235,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			"side_chat_not_found",
 			"side_chat_open_failed",
 			"side_chat_prompt_failed",
+			"side_chat_model_failed",
 			"side_chat_interrupt_failed",
 			"side_chat_destroy_failed",
 			"transport_error",
@@ -5201,6 +5245,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		//#endregion
 		//#region src/shared/archived-wire.ts
 		const id = string().min(1).max(512);
+		const modelSelectionSchema = object({
+			provider: id,
+			model: id,
+			reasoningEffort: id.optional()
+		}).strict();
 		const sideChatWireErrorSchema = object({
 			code: _enum(SIDE_CHAT_ERROR_CODES),
 			message: string(),
@@ -5208,15 +5257,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}).strict();
 		const archivedCreateRequestSchema = object({
 			parentSessionId: id,
-			atSeq: number().finite().nonnegative()
+			atSeq: number().finite().nonnegative(),
+			modelSelection: modelSelectionSchema.optional()
+		}).strict();
+		const archivedSelectModelRequestSchema = object({
+			childSessionId: id,
+			provider: id,
+			model: id,
+			reasoningEffort: id.optional()
 		}).strict();
 		const archivedCloseRequestSchema = object({ childSessionId: id }).strict();
 		const createValueSchema = object({
 			parentSessionId: id,
 			childSessionId: id,
 			boundarySeq: number().int().nonnegative(),
-			inheritedThroughSeq: number().int().nonnegative()
+			inheritedThroughSeq: number().int().nonnegative(),
+			modelSelection: modelSelectionSchema.optional()
 		}).strict();
+		const selectModelValueSchema = object({ selected: modelSelectionSchema }).strict();
 		const closeValueSchema = object({ closed: literal(true) }).strict();
 		function resultSchema(value) {
 			return discriminatedUnion("ok", [object({
@@ -5228,10 +5286,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			}).strict()]);
 		}
 		const archivedCreateResultSchema = resultSchema(createValueSchema);
+		const archivedSelectModelResultSchema = resultSchema(selectModelValueSchema);
 		const archivedCloseResultSchema = resultSchema(closeValueSchema);
 		//#endregion
 		//#region src/typert.ts
 		function invocation(method, implementation, parameterSchema, resultSchema) {
+			const requestType = method === "create" ? "CreateSideChatRequest" : method === "selectModel" ? "SelectSideChatModelRequest" : "CloseSideChatRequest";
+			const resultType = method === "create" ? "ArchivedCreateResult" : method === "selectModel" ? "ArchivedSelectModelResult" : "ArchivedCloseResult";
 			return {
 				id: `@ahggg/dsh-side-chat#sideChatArchived/${method}`,
 				service: "sideChat",
@@ -5245,13 +5306,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					source: "json",
 					codec: {
 						mode: "strict",
-						typeSymbol: `@ahggg/dsh-side-chat/remote#${method === "create" ? "Create" : "Close"}SideChatRequest`,
+						typeSymbol: `@ahggg/dsh-side-chat/remote#${requestType}`,
 						schema: parameterSchema
 					}
 				}],
 				result: {
 					mode: "strict",
-					typeSymbol: `@ahggg/dsh-side-chat/remote#Archived${method === "create" ? "Create" : "Close"}Result`,
+					typeSymbol: `@ahggg/dsh-side-chat/remote#${resultType}`,
 					schema: resultSchema
 				},
 				sourceLocation: {
@@ -5265,7 +5326,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		//#region src/remote.ts
 		const TYPERT_REMOTE = {
 			package: "@ahggg/dsh-side-chat",
-			descriptors: [invocation("create", "createArchived", archivedCreateRequestSchema, archivedCreateResultSchema), invocation("close", "closeArchived", archivedCloseRequestSchema, archivedCloseResultSchema)]
+			descriptors: [
+				invocation("create", "createArchived", archivedCreateRequestSchema, archivedCreateResultSchema),
+				invocation("selectModel", "selectArchivedModel", archivedSelectModelRequestSchema, archivedSelectModelResultSchema),
+				invocation("close", "closeArchived", archivedCloseRequestSchema, archivedCloseResultSchema)
+			]
 		};
 		//#endregion
 		//#region src/client/rc6/remote-adapter.ts
@@ -5291,6 +5356,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							error: remoteFailure(result.error)
 						};
 					},
+					selectModel: async (request) => {
+						const result = await archived.selectModel(request);
+						return result.ok ? result.value : {
+							ok: false,
+							error: remoteFailure(result.error)
+						};
+					},
 					close: async (request) => {
 						const result = await archived.close(request);
 						return result.ok ? result.value : {
@@ -5303,6 +5375,414 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			};
 		}
 		//#endregion
+		//#region src/client/panel/SideChatModelSelect.tsx
+		const MODEL_MESSAGES = {
+			en: {
+				selectModel: "Select model",
+				menu: "Model and reasoning effort",
+				model: "Model",
+				effort: "Effort",
+				providerDefault: "Default",
+				loading: "Refreshing model list…",
+				reload: "Reload",
+				emptyModels: "No models available.",
+				emptyEfforts: "This model provides no reasoning effort levels.",
+				aria: (model, effort) => effort === void 0 ? `Select model, current ${model}` : `Select model, current ${model}, reasoning effort ${effort}`,
+				operationFailed: (message) => `Model operation failed: ${message}`,
+				groupFailed: (name, message) => `${name} failed to load: ${message}`
+			},
+			"zh-CN": {
+				selectModel: "选择模型",
+				menu: "模型与推理等级",
+				model: "模型",
+				effort: "推理等级",
+				providerDefault: "Default",
+				loading: "正在刷新模型列表…",
+				reload: "重新加载",
+				emptyModels: "没有可用的模型。",
+				emptyEfforts: "当前模型未提供推理等级。",
+				aria: (model, effort) => effort === void 0 ? `选择模型，当前 ${model}` : `选择模型，当前 ${model}，推理等级 ${effort}`,
+				operationFailed: (message) => `模型操作失败：${message}`,
+				groupFailed: (name, message) => `${name} 加载失败：${message}`
+			}
+		};
+		function sameModel(selection, provider, model) {
+			return selection?.provider === provider && selection.model === model;
+		}
+		function sameSelection(left, right) {
+			return left.provider === right.provider && left.model === right.model && left.reasoningEffort === right.reasoningEffort;
+		}
+		function repairSelection(selection, choices, fallback) {
+			const choice = choices.find((candidate) => sameModel(selection, candidate.group.id, candidate.model.id));
+			if (choice === void 0) return fallback;
+			const reasoning = choice.model.reasoning;
+			if (reasoning === void 0) return {
+				provider: selection.provider,
+				model: selection.model
+			};
+			if (selection.reasoningEffort === void 0 || reasoning.efforts.some((effort) => effort.id === selection.reasoningEffort)) return selection;
+			return {
+				provider: selection.provider,
+				model: selection.model,
+				...reasoning.defaultEffort === void 0 ? {} : { reasoningEffort: reasoning.defaultEffort }
+			};
+		}
+		/** Side Chat projection of DSH Web's native composer model selector. */
+		function SideChatModelSelect({ directory, selection, locked, validateInitialSelection = true, locale = "en", onInitialize, onSelect }) {
+			const messages = MODEL_MESSAGES[locale];
+			const state = (0, react.useSyncExternalStore)((listener) => directory.store.subscribe(listener), () => directory.store.getSnapshot(), () => directory.store.getSnapshot());
+			const [open, setOpen] = (0, react.useState)(false);
+			const [pane, setPane] = (0, react.useState)("root");
+			const [selecting, setSelecting] = (0, react.useState)(false);
+			const [toast, setToast] = (0, react.useState)(null);
+			const rootRef = (0, react.useRef)(null);
+			const triggerRef = (0, react.useRef)(null);
+			const itemRefs = (0, react.useRef)([]);
+			const initialized = (0, react.useRef)(false);
+			const operation = (0, react.useRef)(0);
+			const toastSequence = (0, react.useRef)(0);
+			const id = (0, react.useId)();
+			const choices = (0, react.useMemo)(() => state.groups.flatMap((group) => group.models.map((model) => ({
+				group,
+				model
+			}))), [state.groups]);
+			const current = selection ?? state.current ?? void 0;
+			const currentChoice = choices.find((choice) => sameModel(current, choice.group.id, choice.model.id));
+			const reasoning = currentChoice?.model.reasoning;
+			const effectiveEffort = current?.reasoningEffort ?? reasoning?.defaultEffort;
+			const effortLabel = reasoning === void 0 ? void 0 : effectiveEffort === void 0 ? messages.providerDefault : reasoning.efforts.find((level) => level.id === effectiveEffort)?.name ?? effectiveEffort;
+			const effortChoices = (0, react.useMemo)(() => reasoning === void 0 ? [] : [...reasoning.defaultEffort === void 0 ? [{
+				key: "provider-default",
+				effort: void 0,
+				label: messages.providerDefault
+			}] : [], ...reasoning.efforts.map((effort) => ({
+				key: `effort:${effort.id}`,
+				effort: effort.id,
+				label: effort.name,
+				...effort.description === void 0 ? {} : { description: effort.description }
+			}))], [messages.providerDefault, reasoning]);
+			const modelLabel = currentChoice?.model.name ?? messages.selectModel;
+			const triggerLabel = effortLabel === void 0 ? modelLabel : `${modelLabel} · ${effortLabel}`;
+			const reload = () => {
+				directory.load().catch(() => void 0);
+			};
+			(0, react.useEffect)(() => {
+				reload();
+			}, [directory]);
+			(0, react.useEffect)(() => {
+				if (initialized.current) return;
+				if (selection !== void 0 && !validateInitialSelection) {
+					initialized.current = true;
+					return;
+				}
+				if (state.current === null) return;
+				const directoryCurrent = {
+					provider: state.current.provider,
+					model: state.current.model,
+					...state.current.reasoningEffort === void 0 ? {} : { reasoningEffort: state.current.reasoningEffort }
+				};
+				if (selection === void 0) {
+					initialized.current = true;
+					onInitialize(directoryCurrent, { remember: false });
+					return;
+				}
+				if (state.status !== "ready") return;
+				initialized.current = true;
+				const repaired = repairSelection(selection, choices, directoryCurrent);
+				if (!sameSelection(selection, repaired)) onInitialize(repaired, { remember: true });
+			}, [
+				choices,
+				onInitialize,
+				selection,
+				state.current,
+				state.status,
+				validateInitialSelection
+			]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const closeOutside = (event) => {
+					if (!rootRef.current?.contains(event.target)) setOpen(false);
+				};
+				document.addEventListener("mousedown", closeOutside);
+				return () => {
+					document.removeEventListener("mousedown", closeOutside);
+				};
+			}, [open]);
+			const show = () => {
+				setPane("root");
+				setOpen(true);
+				reload();
+			};
+			const close = (restoreFocus = false) => {
+				setOpen(false);
+				setPane("root");
+				if (restoreFocus) queueMicrotask(() => {
+					triggerRef.current?.focus();
+				});
+			};
+			const moveFocus = (offset) => {
+				const items = itemRefs.current.filter((item) => item !== null);
+				if (items.length === 0) return;
+				const active = items.findIndex((item) => item === document.activeElement);
+				items[(Math.max(active, 0) + offset + items.length) % items.length]?.focus();
+			};
+			const onKeyDown = (event) => {
+				if (event.key === "Escape" && open) {
+					event.preventDefault();
+					if (pane !== "root") setPane("root");
+					else close(true);
+					return;
+				}
+				if (!open || event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+				event.preventDefault();
+				moveFocus(event.key === "ArrowDown" ? 1 : -1);
+			};
+			const onBlur = (event) => {
+				if (event.relatedTarget instanceof Node && rootRef.current?.contains(event.relatedTarget)) return;
+				close();
+			};
+			const submitSelection = async (next) => {
+				const generation = ++operation.current;
+				setSelecting(true);
+				const result = await onSelect(next);
+				if (generation !== operation.current) return;
+				setSelecting(false);
+				if (!result.ok) {
+					toastSequence.current += 1;
+					setToast({
+						seq: toastSequence.current,
+						text: messages.operationFailed(result.error.message)
+					});
+					return;
+				}
+				close(true);
+			};
+			const chooseModel = (group, model) => {
+				if (sameModel(current, group.id, model.id)) {
+					close(true);
+					return;
+				}
+				submitSelection({
+					provider: group.id,
+					model: model.id,
+					...model.reasoning?.defaultEffort === void 0 ? {} : { reasoningEffort: model.reasoning.defaultEffort }
+				});
+			};
+			const chooseEffort = (effort) => {
+				if (current === void 0) return;
+				if (effectiveEffort === effort) {
+					close(true);
+					return;
+				}
+				submitSelection({
+					provider: current.provider,
+					model: current.model,
+					...effort === void 0 ? {} : { reasoningEffort: effort }
+				});
+			};
+			itemRefs.current = [];
+			let itemIndex = 0;
+			const itemRef = () => {
+				const index = itemIndex++;
+				return (node) => {
+					itemRefs.current[index] = node;
+				};
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
+				className: "dsh-side-chat-model-root",
+				"data-side-chat-model-select": "",
+				onKeyDown,
+				onBlur,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						ref: triggerRef,
+						type: "button",
+						className: "dsh-side-chat-model-trigger",
+						"aria-label": messages.aria(modelLabel, effortLabel),
+						"aria-haspopup": "menu",
+						"aria-expanded": open,
+						"aria-controls": open ? `${id}-menu` : void 0,
+						title: triggerLabel,
+						disabled: locked,
+						onClick: () => {
+							if (open) close();
+							else show();
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-side-chat-model-trigger-label",
+								children: modelLabel
+							}),
+							effortLabel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-side-chat-model-trigger-effort",
+								children: effortLabel
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: `dsh-side-chat-model-chevron${open ? " dsh-side-chat-model-chevron-open" : ""}` })
+						]
+					}),
+					open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						id: `${id}-menu`,
+						className: "dsh-side-chat-model-menu",
+						role: "menu",
+						"aria-label": messages.menu,
+						"aria-busy": state.status === "loading" || selecting,
+						children: [
+							pane === "root" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								ref: itemRef(),
+								type: "button",
+								role: "menuitem",
+								className: "dsh-side-chat-model-cell",
+								onClick: () => {
+									setPane("model");
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-side-chat-model-cell-label",
+										children: messages.model
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-side-chat-model-cell-value",
+										children: modelLabel
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, { className: "dsh-side-chat-model-cell-chevron" })
+								]
+							}), reasoning !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								ref: itemRef(),
+								type: "button",
+								role: "menuitem",
+								className: "dsh-side-chat-model-cell",
+								onClick: () => {
+									setPane("effort");
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-side-chat-model-cell-label",
+										children: messages.effort
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-side-chat-model-cell-value",
+										children: effortLabel
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, { className: "dsh-side-chat-model-cell-chevron" })
+								]
+							})] }),
+							pane === "model" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								state.status === "loading" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-side-chat-model-status",
+									children: messages.loading
+								}),
+								state.error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-side-chat-model-error",
+									role: "alert",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: messages.operationFailed(state.error) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-side-chat-model-retry",
+										onClick: reload,
+										children: messages.reload
+									})]
+								}),
+								state.failures.map((failure) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-side-chat-model-warning",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: messages.groupFailed(failure.name, failure.message) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-side-chat-model-retry",
+										onClick: reload,
+										children: messages.reload
+									})]
+								}, failure.id)),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-side-chat-model-groups scrollable",
+									children: state.groups.map((group) => {
+										const headingId = `${id}-${group.id}`;
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											role: "group",
+											"aria-labelledby": headingId,
+											className: "dsh-side-chat-model-group",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												id: headingId,
+												className: "dsh-side-chat-model-group-title",
+												children: group.name
+											}), group.models.map((model) => {
+												const selected = sameModel(current, group.id, model.id);
+												return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+													ref: itemRef(),
+													type: "button",
+													role: "menuitemradio",
+													"aria-checked": selected,
+													className: `dsh-side-chat-model-option${selected ? " dsh-side-chat-model-selected" : ""}`,
+													title: model.name,
+													disabled: selecting,
+													onClick: () => {
+														chooseModel(group, model);
+													},
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: "dsh-side-chat-model-option-copy",
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "dsh-side-chat-model-name",
+															children: model.name
+														}), model.description !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "dsh-side-chat-model-description",
+															children: model.description
+														})]
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsh-side-chat-model-check",
+														children: selected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, {}) : null
+													})]
+												}, model.id);
+											})]
+										}, group.id);
+									})
+								}),
+								state.status === "ready" && choices.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-side-chat-model-empty",
+									children: messages.emptyModels
+								})
+							] }),
+							pane === "effort" && (effortChoices.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-side-chat-model-empty",
+								children: messages.emptyEfforts
+							}) : effortChoices.map((level) => {
+								const selected = effectiveEffort === level.effort;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									ref: itemRef(),
+									type: "button",
+									role: "menuitemradio",
+									"aria-checked": selected,
+									className: `dsh-side-chat-model-option${selected ? " dsh-side-chat-model-selected" : ""}`,
+									disabled: selecting,
+									onClick: () => {
+										chooseEffort(level.effort);
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dsh-side-chat-model-option-copy",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-side-chat-model-name",
+											children: level.label
+										}), level.description !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-side-chat-model-description",
+											children: level.description
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-side-chat-model-check",
+										children: selected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, {}) : null
+									})]
+								}, level.key);
+							}))
+						]
+					}),
+					toast !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Toast, {
+						text: toast.text,
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconWarningOutline16, {}),
+						anchor: rootRef.current?.closest("[data-composer-card]") ?? null,
+						onDone: () => {
+							setToast(null);
+						}
+					}, toast.seq)
+				]
+			});
+		}
+		//#endregion
 		//#region src/client/panel/SendIcon.tsx
 		/** Arrow used by DSH's native 34px primary send button. */
 		function SendIcon() {
@@ -5381,7 +5861,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, onDraftChange, onFirstSend, onClose, onRetry, onFocusParent, onRemoveSelection }) {
+		function SideChatPanel({ state, locale = "en", embeddedConversation, modelControl, onDraftChange, onFirstSend, onClose, onRetry, onFocusParent, onRemoveSelection }) {
 			const messages = SIDE_CHAT_MESSAGES[locale];
 			const [submitting, setSubmitting] = (0, react.useState)(false);
 			const draftRef = useAutoGrowingTextarea(state.draft);
@@ -5422,6 +5902,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					}),
 					state.childSessionId !== void 0 && embeddedConversation !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideChatBody, { children: embeddedConversation }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 						className: "dsh-side-chat-draft",
+						"data-composer-card": "",
 						onSubmit: (event) => {
 							submit(event);
 						},
@@ -5457,12 +5938,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									}
 								}
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "submit",
-								className: "dsh-side-chat-send-button",
-								"aria-label": messages.send,
-								disabled: submitting || state.draft.trim().length === 0,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SendIcon, {})
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-side-chat-draft-actions",
+								children: [modelControl, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "submit",
+									className: "dsh-side-chat-send-button",
+									"aria-label": messages.send,
+									disabled: submitting || state.draft.trim().length === 0,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SendIcon, {})
+								})]
 							})
 						]
 					}),
@@ -6053,7 +6537,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function booleanValue(value) {
 			return typeof value === "boolean" ? value : void 0;
 		}
-		function firstLine(text) {
+		function firstLine$1(text) {
 			const newline = text.indexOf("\n");
 			return newline === -1 ? text : text.slice(0, newline);
 		}
@@ -6115,7 +6599,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		function summaryFromArguments(name, variant, argsRaw, callId, cwd) {
 			const args = parseArguments(argsRaw);
-			const base = relativizeToCwd(firstLine((args === null ? void 0 : pickArgument(args, SUMMARY_KEYS[variant])) ?? (argsRaw === "" || argsRaw === "{}" ? callId : argsRaw)), cwd);
+			const base = relativizeToCwd(firstLine$1((args === null ? void 0 : pickArgument(args, SUMMARY_KEYS[variant])) ?? (argsRaw === "" || argsRaw === "{}" ? callId : argsRaw)), cwd);
 			return variant === "others" && name !== "" ? `${name} · ${base}` : base;
 		}
 		function filePathFromArguments(variant, argsRaw) {
@@ -6353,7 +6837,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const code = variant === "code" && args !== null ? stringValue(args["code"]) : void 0;
 			const body = genericBody(variant, argsRaw);
 			const summary = terminal?.description ?? stringValue(record(resultView)?.["title"]) ?? summaryFromArguments(name, variant, argsRaw, callId, cwd);
-			const failureLine = visualState === "error" && output !== void 0 ? firstLine(output) : null;
+			const failureLine = visualState === "error" && output !== void 0 ? firstLine$1(output) : null;
 			const summaryText = failureLine ?? summary;
 			const expandable = terminal !== null || read !== null || search !== null || diffs !== null || web !== null || code !== void 0 || body !== null || output !== void 0;
 			const open = expanded && expandable;
@@ -6513,16 +6997,102 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function firstSideChatQuestion(text) {
 			return /<user_question>([\s\S]*?)<\/user_question>/u.exec(text)?.[1]?.trim() ?? text;
 		}
-		function AssistantBlocks({ blocks, streaming = false, projectedToolCallIds, unprojectedToolState = "pending", cwd }) {
+		function firstLine(text) {
+			const newline = text.indexOf("\n");
+			return newline === -1 ? text : text.slice(0, newline);
+		}
+		function latestLine(text) {
+			const visible = text.trimEnd();
+			const newline = visible.lastIndexOf("\n");
+			return newline === -1 ? visible : visible.slice(newline + 1);
+		}
+		function useThrottledVisualUpdate(update, intervalFrames = 3) {
+			const updateRef = (0, react.useRef)(update);
+			updateRef.current = update;
+			const pendingFrameRef = (0, react.useRef)(null);
+			(0, react.useLayoutEffect)(() => () => {
+				if (pendingFrameRef.current === null) return;
+				cancelAnimationFrame(pendingFrameRef.current);
+				pendingFrameRef.current = null;
+			}, []);
+			return (0, react.useCallback)(() => {
+				if (pendingFrameRef.current !== null) return;
+				let remainingFrames = intervalFrames;
+				const advance = () => {
+					remainingFrames -= 1;
+					if (remainingFrames > 0) {
+						pendingFrameRef.current = requestAnimationFrame(advance);
+						return;
+					}
+					pendingFrameRef.current = null;
+					updateRef.current();
+				};
+				pendingFrameRef.current = requestAnimationFrame(advance);
+			}, [intervalFrames]);
+		}
+		function ReasoningRow({ text, running, locale }) {
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			const summaryRef = (0, react.useRef)(null);
+			const summary = running ? latestLine(text) : firstLine(text);
+			const scheduleSummaryScroll = useThrottledVisualUpdate(() => {
+				const element = summaryRef.current;
+				if (element === null) return;
+				element.scrollLeft = running ? element.scrollWidth - element.clientWidth : 0;
+			});
+			(0, react.useEffect)(() => {
+				scheduleSummaryScroll();
+			}, [
+				running,
+				scheduleSummaryScroll,
+				summary
+			]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-side-chat-reasoning",
+				"data-variant": "think",
+				"data-state": running ? "running" : "ok",
+				children: [running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsh-side-chat-reasoning-visually-hidden",
+					children: locale === "zh-CN" ? "运行中" : "Running"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+					rowClassName: "dsh-side-chat-reasoning-row",
+					leadingClassName: "dsh-side-chat-reasoning-leading",
+					titleClassName: "dsh-side-chat-reasoning-title",
+					chevronClassName: "dsh-side-chat-reasoning-chevron",
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconThinkOutline14, { size: 14 }),
+					title: "Think",
+					open: expanded,
+					expandable: true,
+					expandOnRowClick: true,
+					onToggle: () => {
+						setExpanded((value) => !value);
+					},
+					collapsedContent: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-side-chat-reasoning-separator",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						ref: summaryRef,
+						className: "dsh-side-chat-reasoning-summary",
+						"data-follow-end": running || void 0,
+						children: summary
+					})] }),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-side-chat-reasoning-body",
+						children: text
+					})
+				})]
+			});
+		}
+		function AssistantBlocks({ blocks, streaming = false, projectedToolCallIds, unprojectedToolState = "pending", cwd, locale }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: blocks.map((block, index) => {
 				const key = `${block.kind}-${String(index)}`;
 				if (block.kind === "text") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
 					text: block.text,
 					streaming
 				}, key);
-				if (block.kind === "reasoning") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-					className: "dsh-side-chat-reasoning",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: "Reasoning" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: block.text })]
+				if (block.kind === "reasoning") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReasoningRow, {
+					text: block.text,
+					running: streaming && index === blocks.length - 1,
+					locale
 				}, key);
 				if (block.kind === "image") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: "[Image attachment]" }, key);
 				if (block.kind === "tool-call") {
@@ -6538,7 +7108,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: stringify(block.block) }, key);
 			}) });
 		}
-		function MessageRow({ node, projectedToolCallIds, cwd }) {
+		function MessageRow({ node, projectedToolCallIds, cwd, locale }) {
 			if (node.kind === "user" || node.kind === "steering") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
 				className: "dsh-side-chat-message",
 				"data-role": "user",
@@ -6562,7 +7132,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						blocks: node.blocks,
 						projectedToolCallIds,
 						unprojectedToolState: node.interrupted === true ? "interrupted" : "pending",
-						cwd
+						cwd,
+						locale
 					}),
 					node.interrupted === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "dsh-side-chat-message-note",
@@ -6747,7 +7318,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			});
 		}
 		/** Functional rc.6 conversation surface bound to a non-current child Session. */
-		function ArchivedConversation({ face, inheritedThroughSeq, controller, selection, locale = "en", cwd }) {
+		function ArchivedConversation({ face, inheritedThroughSeq, controller, selection, locale = "en", cwd, modelControl }) {
 			const snapshot = (0, react.useSyncExternalStore)((listener) => face.subscribe(listener), () => face.getSnapshot(), () => face.getSnapshot());
 			const [draft, setDraft] = (0, react.useState)("");
 			const [sending, setSending] = (0, react.useState)(false);
@@ -6801,12 +7372,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageRow, {
 								node,
 								projectedToolCallIds,
-								cwd
+								cwd,
+								locale
 							})]
 						}, `${node.kind}-${String(node.seq)}`) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageRow, {
 							node,
 							projectedToolCallIds,
-							cwd
+							cwd,
+							locale
 						}, `${node.kind}-${String(node.seq)}`)),
 						snapshot.partial !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
 							className: "dsh-side-chat-message",
@@ -6819,7 +7392,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								streaming: true,
 								projectedToolCallIds,
 								unprojectedToolState: "running",
-								cwd
+								cwd,
+								locale
 							})]
 						}),
 						runningCalls.map((call) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RunningToolCard, {
@@ -6842,6 +7416,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 					className: "dsh-side-chat-composer",
+					"data-composer-card": "",
 					onSubmit: (event) => {
 						submit(event);
 					},
@@ -6859,22 +7434,25 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								event.currentTarget.form?.requestSubmit();
 							}
 						}
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: snapshot.running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: "dsh-side-chat-stop-button",
-						"aria-label": "Stop generating",
-						title: "Stop generating",
-						onClick: () => {
-							controller.cancel();
-						},
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StopIcon, {})
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "submit",
-						className: "dsh-side-chat-send-button",
-						"aria-label": "Send",
-						disabled: sending || draft.trim().length === 0,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SendIcon, {})
-					}) })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-side-chat-composer-actions",
+						children: [modelControl, snapshot.running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dsh-side-chat-stop-button",
+							"aria-label": "Stop generating",
+							title: "Stop generating",
+							onClick: () => {
+								controller.cancel();
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StopIcon, {})
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "submit",
+							className: "dsh-side-chat-send-button",
+							"aria-label": "Send",
+							disabled: sending || draft.trim().length === 0,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SendIcon, {})
+						})]
+					})]
 				})]
 			});
 		}
@@ -6967,6 +7545,55 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			}
 		};
 		//#endregion
+		//#region src/client/model-preference.ts
+		const STORAGE_KEY = "dsh-side-chat:model-preference:v1";
+		function browserLocalStorage() {
+			if (typeof window === "undefined") return;
+			try {
+				return window.localStorage;
+			} catch {
+				return;
+			}
+		}
+		function modelSelection(value) {
+			if (typeof value !== "object" || value === null) return;
+			const candidate = value;
+			if (typeof candidate.provider !== "string" || candidate.provider === "" || typeof candidate.model !== "string" || candidate.model === "" || candidate.reasoningEffort !== void 0 && (typeof candidate.reasoningEffort !== "string" || candidate.reasoningEffort === "")) return;
+			return {
+				provider: candidate.provider,
+				model: candidate.model,
+				...candidate.reasoningEffort === void 0 ? {} : { reasoningEffort: candidate.reasoningEffort }
+			};
+		}
+		/** Browser-persistent default shared by every Side Chat in this DSH profile. */
+		var SideChatModelPreferences = class {
+			storage;
+			constructor(storage = browserLocalStorage()) {
+				this.storage = storage;
+			}
+			get() {
+				if (this.storage === void 0) return;
+				try {
+					const raw = this.storage.getItem(STORAGE_KEY);
+					if (raw === null) return;
+					const parsed = JSON.parse(raw);
+					return parsed.version === 1 ? modelSelection(parsed.selection) : void 0;
+				} catch {
+					return;
+				}
+			}
+			set(selection) {
+				if (this.storage === void 0) return;
+				const preference = {
+					version: 1,
+					selection: { ...selection }
+				};
+				try {
+					this.storage.setItem(STORAGE_KEY, JSON.stringify(preference));
+				} catch {}
+			}
+		};
+		//#endregion
 		//#region src/client/rc6/sessions-adapter.ts
 		const BINDING_WAIT_MS = 8e3;
 		function sideChatError(error, fallback) {
@@ -7109,6 +7736,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			ctx;
 			renamed = /* @__PURE__ */ new Set();
 			annotationPersistence = new ConversationAnnotationPersistence();
+			modelPreferences = new SideChatModelPreferences();
 			constructor(ctx) {
 				this.ctx = ctx;
 			}
@@ -7219,6 +7847,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			cwd(sessionId) {
 				return this.ctx.sessions.list.getSnapshot().byId[dshSessionId(sessionId)]?.cwd;
 			}
+			modelDirectory(sessionId) {
+				try {
+					return this.ctx.modelDirectories.directoryFor(dshSessionId(sessionId));
+				} catch {
+					return;
+				}
+			}
+			sideChatModelPreference() {
+				return this.modelPreferences.get();
+			}
+			rememberSideChatModelPreference(selection) {
+				this.modelPreferences.set(selection);
+			}
 			currentParentInput() {
 				const sessionId = this.currentSessionId();
 				if (sessionId === void 0) return;
@@ -7405,6 +8046,23 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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 modelControl = modelDirectory === void 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideChatModelSelect, {
+				directory: modelDirectory,
+				selection: state.modelSelection,
+				locked: [
+					"creating",
+					"opening",
+					"closing"
+				].includes(state.phase) || state.error?.operation === "close",
+				validateInitialSelection: state.childSessionId === void 0,
+				locale,
+				onInitialize: (selection, options) => {
+					if (options.remember) controller.selectModel(selection);
+					else controller.initializeModel(selection);
+				},
+				onSelect: (selection) => controller.selectModel(selection)
+			}, `${state.parentSessionId}:${state.childSessionId ?? "draft"}`);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-side-chat-overlay",
 				children: [
@@ -7506,8 +8164,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							controller,
 							cwd: childCwd,
 							...state.selection === void 0 ? {} : { selection: state.selection },
-							locale
+							locale,
+							modelControl
 						}) },
+						modelControl,
 						onDraftChange: (draft) => {
 							controller.setDraft(draft);
 						},
@@ -7530,6 +8190,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		const inject = [
 			"conversation",
 			"inputTriggers",
+			"modelDirectories",
 			"remote",
 			"sessions",
 			"slots"