@ahggg/dsh-side-chat 0.4.2 → 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:hover .dsh-side-chat-quote-details,\n.dsh-side-chat-quote[data-hovered] .dsh-side-chat-quote-details,\n.dsh-side-chat-quote:focus-within .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  margin: 0 auto;\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  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n}\n.dsh-side-chat-parent-user-message > .dsh-side-chat-quote { align-self: flex-end; }\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.dsh-side-chat-selection-marker {\n  position: fixed;\n  z-index: 91;\n  display: grid;\n  width: 28px;\n  height: 28px;\n  place-items: center;\n  border: 2px solid var(--dsw-surface, #fff);\n  border-radius: 999px;\n  background: var(--dsw-alias-button-info, #1473e6);\n  box-shadow: 0 2px 6px rgb(0 0 0 / 12%);\n  color: #fff;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1;\n  pointer-events: none;\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 { 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";
@@ -20,25 +20,61 @@ window.__ModuleLoader__.load({
 			const trimmedComment = comment?.trim();
 			return {
 				text: selection.text,
+				selection,
 				...trimmedComment === void 0 || trimmedComment.length === 0 ? {} : { comment: trimmedComment }
 			};
 		}
 		function encodeSelectionReference(annotations) {
 			return JSON.stringify({
-				version: 1,
+				version: 2,
 				annotations
 			});
 		}
-		function isAnnotation(value) {
+		function isSelection(value) {
+			if (typeof value !== "object" || value === null) return false;
+			const selection = value;
+			if (typeof selection.parentSessionId !== "string" || typeof selection.text !== "string" || !Number.isSafeInteger(selection.atSeq) || !Array.isArray(selection.fragments) || typeof selection.rect !== "object" || selection.rect === null) return false;
+			const rect = selection.rect;
+			if (![
+				rect.x,
+				rect.y,
+				rect.width,
+				rect.height,
+				rect.viewportWidth,
+				rect.viewportHeight
+			].every((number) => typeof number === "number" && Number.isFinite(number))) return false;
+			return selection.fragments.every((candidate) => {
+				if (typeof candidate !== "object" || candidate === null) return false;
+				const fragment = candidate;
+				return typeof fragment.nodeKey === "string" && typeof fragment.nodeKind === "string" && typeof fragment.turnKey === "string" && Number.isSafeInteger(fragment.seq) && Number.isSafeInteger(fragment.startOffset) && Number.isSafeInteger(fragment.endOffset) && typeof fragment.text === "string" && [
+					"user",
+					"assistant",
+					"context",
+					"code"
+				].includes(fragment.source ?? "") && typeof fragment.modelVisible === "boolean" && typeof fragment.settled === "boolean";
+			});
+		}
+		function isStoredAnnotation(value) {
 			if (typeof value !== "object" || value === null) return false;
 			const annotation = value;
-			return typeof annotation.text === "string" && (annotation.comment === void 0 || typeof annotation.comment === "string");
+			return typeof annotation.text === "string" && (annotation.comment === void 0 || typeof annotation.comment === "string") && (annotation.selection === void 0 || isSelection(annotation.selection));
 		}
-		function decodeSelectionReference(ref) {
+		function visibleAnnotation(annotation) {
+			return {
+				text: annotation.text,
+				...annotation.comment === void 0 ? {} : { comment: annotation.comment }
+			};
+		}
+		function decodeStoredSelectionReference(ref) {
 			const value = JSON.parse(ref);
-			if (isAnnotation(value)) return [value];
-			if (value.version !== 1 || !Array.isArray(value.annotations) || value.annotations.length === 0 || !value.annotations.every(isAnnotation)) throw new Error("The selected conversation annotation is no longer valid.");
-			return value.annotations;
+			if (isStoredAnnotation(value)) return [value];
+			if (typeof value !== "object" || value === null) throw new Error("The selected conversation annotation is no longer valid.");
+			const payload = value;
+			if (payload.version !== 1 && payload.version !== 2 || !Array.isArray(payload.annotations) || payload.annotations.length === 0 || !payload.annotations.every(isStoredAnnotation)) throw new Error("The selected conversation annotation is no longer valid.");
+			return payload.annotations;
+		}
+		function decodeSelectionReference(ref) {
+			return decodeStoredSelectionReference(ref).map(visibleAnnotation);
 		}
 		function selectedContext(annotations) {
 			return [
@@ -63,16 +99,32 @@ window.__ModuleLoader__.load({
 		function selectionOccurrences(snapshot) {
 			return snapshot.occurrences.filter((occurrence) => occurrence.source === SELECTION_REFERENCE_SOURCE);
 		}
-		/** Read all plugin annotations represented by the current DSH input occurrence. */
-		function conversationAnnotations(snapshot) {
+		function storedConversationAnnotations(snapshot) {
 			return selectionOccurrences(snapshot).flatMap((occurrence) => {
 				try {
-					return [...decodeSelectionReference(occurrence.ref)];
+					return [...decodeStoredSelectionReference(occurrence.ref)];
 				} catch {
 					return [];
 				}
 			});
 		}
+		/** Read all plugin annotations represented by the current DSH input occurrence. */
+		function conversationAnnotations(snapshot) {
+			return storedConversationAnnotations(snapshot).map(visibleAnnotation);
+		}
+		/** Read annotations that retain an exact source-selection anchor. */
+		function conversationSelectionAnnotations(snapshot) {
+			const anchored = [];
+			storedConversationAnnotations(snapshot).forEach((annotation, annotationIndex) => {
+				if (annotation.selection === void 0) return;
+				anchored.push({
+					...visibleAnnotation(annotation),
+					annotationIndex,
+					selection: annotation.selection
+				});
+			});
+			return anchored;
+		}
 		function draftWithoutSelectionOccurrences(snapshot) {
 			const occurrences = [...selectionOccurrences(snapshot)].sort((a, b) => b.offset - a.offset);
 			let draft = snapshot.draft;
@@ -105,10 +157,7 @@ window.__ModuleLoader__.load({
 				}
 			}
 		};
-		/** Add one passage to the parent composer's aggregated annotation occurrence. */
-		function addSelectionToConversation(input, selection, comment) {
-			const before = input.state.getSnapshot();
-			const annotations = [...conversationAnnotations(before), annotationFromSelection(selection, comment)];
+		function writeConversationAnnotations(input, before, annotations) {
 			const draft = draftWithoutSelectionOccurrences(before);
 			if (selectionOccurrences(before).length > 0) input.setDraft(draft);
 			const insertionState = input.state.getSnapshot();
@@ -125,6 +174,61 @@ window.__ModuleLoader__.load({
 			input.setDraft(`${OBJECT_REPLACEMENT_CHARACTER}\n\n${draft}`);
 			return true;
 		}
+		/** Add one passage to the parent composer's aggregated annotation occurrence. */
+		function addSelectionToConversation(input, selection, comment) {
+			const before = input.state.getSnapshot();
+			return writeConversationAnnotations(input, before, [...storedConversationAnnotations(before), annotationFromSelection(selection, comment)]);
+		}
+		/** Replace the optional comment on one unsent selected-passage annotation. */
+		function updateConversationAnnotation(input, annotationIndex, comment) {
+			const before = input.state.getSnapshot();
+			const annotations = [...storedConversationAnnotations(before)];
+			const current = annotations[annotationIndex];
+			if (!Number.isSafeInteger(annotationIndex) || current === void 0) return false;
+			const trimmedComment = comment?.trim();
+			annotations[annotationIndex] = {
+				text: current.text,
+				...current.selection === void 0 ? {} : { selection: current.selection },
+				...trimmedComment === void 0 || trimmedComment.length === 0 ? {} : { comment: trimmedComment }
+			};
+			return writeConversationAnnotations(input, before, annotations);
+		}
+		/** Return the valid aggregated reference currently occupying the leading draft slot. */
+		function conversationAnnotationReference(snapshot) {
+			const occurrence = selectionOccurrences(snapshot).find((candidate) => candidate.offset === 0);
+			if (occurrence === void 0 || !snapshot.draft.startsWith(OBJECT_REPLACEMENT_CHARACTER)) return;
+			try {
+				decodeStoredSelectionReference(occurrence.ref);
+				return occurrence.ref;
+			} catch {
+				return;
+			}
+		}
+		function draftWithoutOrphanedAnnotationPrefix(snapshot) {
+			const prefix = `${OBJECT_REPLACEMENT_CHARACTER}\n\n`;
+			if (!snapshot.draft.startsWith(prefix) || snapshot.occurrences.some((occurrence) => occurrence.offset === 0)) return;
+			return snapshot.draft.slice(prefix.length);
+		}
+		/** Remove the plugin-owned prefix when rc.6 restored its draft without occurrences. */
+		function removeOrphanedConversationAnnotationPlaceholder(input) {
+			const draft = draftWithoutOrphanedAnnotationPrefix(input.state.getSnapshot());
+			if (draft === void 0) return false;
+			input.setDraft(draft);
+			return true;
+		}
+		/** Rehydrate a lost rc.6 occurrence only over the exact plugin-owned orphan prefix. */
+		function restoreConversationAnnotationReference(input, ref) {
+			let annotations;
+			try {
+				annotations = decodeStoredSelectionReference(ref);
+			} catch {
+				return false;
+			}
+			const draft = draftWithoutOrphanedAnnotationPrefix(input.state.getSnapshot());
+			if (draft === void 0) return false;
+			input.setDraft(draft);
+			return writeConversationAnnotations(input, input.state.getSnapshot(), annotations);
+		}
 		function unescapeXmlText(value) {
 			return value.replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&amp;", "&");
 		}
@@ -248,6 +352,22 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => () => {
 				if (leaveTimerRef.current !== void 0) window.clearTimeout(leaveTimerRef.current);
 			}, []);
+			(0, react.useEffect)(() => {
+				if (!expanded) return;
+				const dismissOutside = (event) => {
+					const quote = quoteRef.current;
+					const target = event.target;
+					if (quote !== null && target instanceof Node && quote.contains(target)) return;
+					if (leaveTimerRef.current !== void 0) window.clearTimeout(leaveTimerRef.current);
+					leaveTimerRef.current = void 0;
+					setHovered(false);
+					setExpanded(false);
+				};
+				document.addEventListener("mousedown", dismissOutside, true);
+				return () => {
+					document.removeEventListener("mousedown", dismissOutside, true);
+				};
+			}, [expanded]);
 			const constrainDetailsToBoundary = () => {
 				const details = detailsRef.current;
 				const boundary = quoteRef.current?.closest(".dsh-side-chat-panel, [data-composer-seat], [data-chat-flow-kind]");
@@ -280,6 +400,11 @@ window.__ModuleLoader__.load({
 						"aria-expanded": expanded,
 						"aria-label": `${expanded ? messages.collapse : messages.expand}: ${messages.selectedPassage}`,
 						onClick: () => {
+							if (expanded) {
+								if (leaveTimerRef.current !== void 0) window.clearTimeout(leaveTimerRef.current);
+								leaveTimerRef.current = void 0;
+								setHovered(false);
+							}
 							setExpanded((value) => !value);
 						},
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -384,9 +509,12 @@ window.__ModuleLoader__.load({
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionQuote, {
 						selections: parsed.annotations,
 						messages: SIDE_CHAT_MESSAGES[currentLocale()]
-					}), (0, react.createElement)(Original, {
-						...props,
-						node
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-side-chat-parent-user-message-body",
+						children: (0, react.createElement)(Original, {
+							...props,
+							node
+						})
 					})]
 				});
 			};
@@ -397,7 +525,7 @@ window.__ModuleLoader__.load({
 			const removeDock = slots.inject("conversation.input.dock", () => slots.register({
 				name: "conversation.input.dock",
 				id: "dsh-side-chat-annotations",
-				order: -100
+				order: 30
 			}, ({ input }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParentComposerAnnotations, {
 				input,
 				onRemove: removeAnnotations
@@ -589,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);
@@ -616,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();
@@ -750,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();
@@ -824,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
 				});
@@ -5064,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",
@@ -5073,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(),
@@ -5080,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({
@@ -5100,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",
@@ -5117,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: {
@@ -5137,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
@@ -5163,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 : {
@@ -5175,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() {
@@ -5253,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);
@@ -5294,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);
 						},
@@ -5329,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, {})
+								})]
 							})
 						]
 					}),
@@ -5445,14 +6057,280 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				}
 			});
 		}
+		function anchorByKey(root, nodeKey) {
+			return [...root.querySelectorAll("[data-chat-anchor-key]")].find((anchor) => anchor.dataset["chatAnchorKey"] === nodeKey);
+		}
+		function restoreFragmentRanges(root, fragment) {
+			const anchor = anchorByKey(root, fragment.nodeKey);
+			if (anchor === void 0) return;
+			const nodes = acceptedTextNodes(anchor, root);
+			const visibleText = nodes.map((node) => node.data).join("");
+			if (!Number.isSafeInteger(fragment.startOffset) || !Number.isSafeInteger(fragment.endOffset) || fragment.startOffset < 0 || fragment.endOffset <= fragment.startOffset || fragment.endOffset > visibleText.length || visibleText.slice(fragment.startOffset, fragment.endOffset) !== fragment.text) return;
+			const ranges = [];
+			let visibleOffset = 0;
+			for (const node of nodes) {
+				const nodeEnd = visibleOffset + node.data.length;
+				const start = Math.max(fragment.startOffset, visibleOffset) - visibleOffset;
+				const end = Math.min(fragment.endOffset, nodeEnd) - visibleOffset;
+				if (end > start) {
+					const range = document.createRange();
+					range.setStart(node, start);
+					range.setEnd(node, end);
+					ranges.push(range);
+				}
+				visibleOffset = nodeEnd;
+				if (visibleOffset >= fragment.endOffset) break;
+			}
+			return ranges.length === 0 ? void 0 : ranges;
+		}
+		/** Rebuild a saved selection only when its anchored visible text still matches. */
+		function restoreDomConversationSelection(input) {
+			const ranges = [];
+			for (const fragment of input.selection.fragments) {
+				const restored = restoreFragmentRanges(input.conversationRoot, fragment);
+				if (restored === void 0) return;
+				ranges.push(...restored);
+			}
+			const first = ranges[0];
+			const last = ranges.at(-1);
+			if (first === void 0 || last === void 0) return;
+			const browserRange = document.createRange();
+			browserRange.setStart(first.startContainer, first.startOffset);
+			browserRange.setEnd(last.endContainer, last.endOffset);
+			return {
+				ranges,
+				browserRange
+			};
+		}
+		//#endregion
+		//#region src/client/selection/ConversationAnnotationMarkers.tsx
+		const ANNOTATION_HIGHLIGHT = "dsh-side-chat-annotations";
+		const ACTIVE_ANNOTATION_HIGHLIGHT = "dsh-side-chat-active-annotation";
+		function clamp$1(value, minimum, maximum) {
+			return Math.min(Math.max(minimum, value), Math.max(minimum, maximum));
+		}
+		function boundsOf(rect) {
+			const left = Number.isFinite(rect.left) ? rect.left : rect.x;
+			const top = Number.isFinite(rect.top) ? rect.top : rect.y;
+			const right = Number.isFinite(rect.right) ? rect.right : left + rect.width;
+			const bottom = Number.isFinite(rect.bottom) ? rect.bottom : top + rect.height;
+			return [
+				left,
+				top,
+				right,
+				bottom
+			].every(Number.isFinite) ? {
+				left,
+				top,
+				right,
+				bottom
+			} : void 0;
+		}
+		function rangeBounds(ranges) {
+			const boxes = [];
+			for (const range of ranges) {
+				const clientRects = typeof range.getClientRects === "function" ? [...range.getClientRects()] : [];
+				const rects = clientRects.length > 0 ? clientRects : typeof range.getBoundingClientRect === "function" ? [range.getBoundingClientRect()] : [];
+				for (const rect of rects) {
+					const bounds = boundsOf(rect);
+					if (bounds !== void 0 && (bounds.right > bounds.left || bounds.bottom > bounds.top)) boxes.push(bounds);
+				}
+			}
+			if (boxes.length === 0) return;
+			return {
+				left: Math.min(...boxes.map((box) => box.left)),
+				top: Math.min(...boxes.map((box) => box.top)),
+				right: Math.max(...boxes.map((box) => box.right)),
+				bottom: Math.max(...boxes.map((box) => box.bottom))
+			};
+		}
+		function selectionRect(bounds) {
+			return {
+				x: bounds.left,
+				y: bounds.top,
+				width: bounds.right - bounds.left,
+				height: bounds.bottom - bounds.top,
+				viewportWidth: window.innerWidth,
+				viewportHeight: window.innerHeight
+			};
+		}
+		function visibleViewport(range) {
+			let viewport = {
+				left: 0,
+				top: 0,
+				right: window.innerWidth,
+				bottom: window.innerHeight
+			};
+			const start = range.startContainer;
+			const scrollport = (start.nodeType === Node.ELEMENT_NODE ? start : start.parentElement)?.closest("[data-conversation-scroll]");
+			if (scrollport === null || scrollport === void 0) return viewport;
+			const scrollBounds = boundsOf(scrollport.getBoundingClientRect());
+			if (scrollBounds !== void 0 && scrollBounds.right > scrollBounds.left && scrollBounds.bottom > scrollBounds.top) viewport = {
+				left: Math.max(viewport.left, scrollBounds.left),
+				top: Math.max(viewport.top, scrollBounds.top),
+				right: Math.min(viewport.right, scrollBounds.right),
+				bottom: Math.min(viewport.bottom, scrollBounds.bottom)
+			};
+			const composer = scrollport.querySelector("[data-composer-seat]");
+			const composerBounds = composer === null ? void 0 : boundsOf(composer.getBoundingClientRect());
+			if (composerBounds !== void 0 && composerBounds.right > composerBounds.left && composerBounds.bottom > composerBounds.top && composerBounds.bottom > viewport.top && composerBounds.top < viewport.bottom) viewport = {
+				...viewport,
+				bottom: Math.min(viewport.bottom, composerBounds.top)
+			};
+			return viewport;
+		}
+		function intersects(bounds, viewport) {
+			return bounds.right > viewport.left && bounds.bottom > viewport.top && bounds.left < viewport.right && bounds.top < viewport.bottom;
+		}
+		function markerPositionsEqual(previous, next) {
+			return previous.length === next.length && previous.every((position, index) => {
+				const candidate = next[index];
+				return candidate !== void 0 && candidate.annotationIndex === position.annotationIndex && candidate.left === position.left && candidate.top === position.top;
+			});
+		}
+		function clearHighlights() {
+			if (typeof CSS === "undefined" || CSS.highlights === void 0) return;
+			CSS.highlights.delete(ANNOTATION_HIGHLIGHT);
+			CSS.highlights.delete(ACTIVE_ANNOTATION_HIGHLIGHT);
+		}
+		function publishHighlights(ranges, activeRanges) {
+			if (typeof CSS === "undefined" || CSS.highlights === void 0 || typeof Highlight === "undefined") return;
+			CSS.highlights.set(ANNOTATION_HIGHLIGHT, new Highlight(...ranges));
+			if (activeRanges.length === 0) {
+				CSS.highlights.delete(ACTIVE_ANNOTATION_HIGHLIGHT);
+				return;
+			}
+			const active = new Highlight(...activeRanges);
+			active.priority = 1;
+			CSS.highlights.set(ACTIVE_ANNOTATION_HIGHLIGHT, active);
+		}
+		function restoreBrowserSelection(range) {
+			const browserSelection = window.getSelection();
+			if (browserSelection === null) return;
+			browserSelection.removeAllRanges();
+			browserSelection.addRange(range);
+		}
+		/** Persistent source markers for unsent parent-composer annotations. */
+		function ConversationAnnotationMarkers({ annotations, activeAnnotationIndex, onEdit }) {
+			const resolvedRef = (0, react.useRef)(/* @__PURE__ */ new Map());
+			const [positions, setPositions] = (0, react.useState)([]);
+			(0, react.useEffect)(() => {
+				if (annotations.length === 0) {
+					resolvedRef.current.clear();
+					setPositions((previous) => previous.length === 0 ? previous : []);
+					clearHighlights();
+					return;
+				}
+				let animationFrame;
+				let observedConversationRoot = null;
+				let resizeObserver;
+				const refresh = () => {
+					animationFrame = void 0;
+					const conversationRoot = document.querySelector("[data-chat-flow]");
+					if (conversationRoot !== observedConversationRoot) {
+						resizeObserver?.disconnect();
+						observedConversationRoot = conversationRoot;
+						if (conversationRoot !== null) resizeObserver?.observe(conversationRoot);
+					}
+					const resolved = /* @__PURE__ */ new Map();
+					const nextPositions = [];
+					const highlightRanges = [];
+					const activeRanges = [];
+					if (conversationRoot !== null) for (const annotation of annotations) {
+						const restored = restoreDomConversationSelection({
+							selection: annotation.selection,
+							conversationRoot
+						});
+						if (restored === void 0) continue;
+						highlightRanges.push(...restored.ranges);
+						if (annotation.annotationIndex === activeAnnotationIndex) activeRanges.push(...restored.ranges);
+						const bounds = rangeBounds(restored.ranges);
+						const viewport = visibleViewport(restored.browserRange);
+						if (bounds === void 0 || !intersects(bounds, viewport)) continue;
+						const rect = selectionRect(bounds);
+						resolved.set(annotation.annotationIndex, {
+							browserRange: restored.browserRange,
+							rect
+						});
+						nextPositions.push({
+							annotationIndex: annotation.annotationIndex,
+							left: clamp$1(bounds.right + 3, viewport.left + 4, viewport.right - 26),
+							top: clamp$1(bounds.top - 12, viewport.top + 4, viewport.bottom - 26)
+						});
+					}
+					resolvedRef.current = resolved;
+					setPositions((previous) => markerPositionsEqual(previous, nextPositions) ? previous : nextPositions);
+					publishHighlights(highlightRanges, activeRanges);
+				};
+				const scheduleRefresh = () => {
+					if (animationFrame !== void 0) return;
+					animationFrame = window.requestAnimationFrame(refresh);
+				};
+				resizeObserver = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(scheduleRefresh);
+				refresh();
+				const mutationObserver = new MutationObserver(scheduleRefresh);
+				mutationObserver.observe(document.body, {
+					childList: true,
+					characterData: true,
+					subtree: true
+				});
+				document.addEventListener("scroll", scheduleRefresh, true);
+				window.addEventListener("resize", scheduleRefresh);
+				return () => {
+					if (animationFrame !== void 0) window.cancelAnimationFrame(animationFrame);
+					mutationObserver?.disconnect();
+					resizeObserver?.disconnect();
+					document.removeEventListener("scroll", scheduleRefresh, true);
+					window.removeEventListener("resize", scheduleRefresh);
+					clearHighlights();
+				};
+			}, [activeAnnotationIndex, annotations]);
+			return positions.map((position) => {
+				const annotation = annotations.find((candidate) => candidate.annotationIndex === position.annotationIndex);
+				if (annotation === void 0) return null;
+				const style = {
+					left: position.left,
+					top: position.top
+				};
+				const number = annotation.annotationIndex + 1;
+				const badge = number > 99 ? "99+" : String(number);
+				const activate = () => {
+					const resolved = resolvedRef.current.get(annotation.annotationIndex);
+					if (resolved === void 0) return;
+					restoreBrowserSelection(resolved.browserRange);
+					onEdit(annotation, {
+						...annotation.selection,
+						rect: resolved.rect
+					});
+					window.requestAnimationFrame(() => {
+						restoreBrowserSelection(resolved.browserRange);
+					});
+				};
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "dsh-side-chat-annotation-marker",
+					style,
+					"data-active": annotation.annotationIndex === activeAnnotationIndex || void 0,
+					"data-large": number > 99 || void 0,
+					"aria-label": `Edit annotation ${String(number)}`,
+					title: `Edit annotation ${String(number)}`,
+					onMouseDown: (event) => {
+						event.preventDefault();
+						event.stopPropagation();
+					},
+					onClick: activate,
+					children: badge
+				}, `${annotation.selection.parentSessionId}:${annotation.selection.fragments[0]?.nodeKey ?? ""}:${String(annotation.annotationIndex)}`);
+			});
+		}
 		//#endregion
 		//#region src/client/selection/SelectionActions.tsx
 		function clamp(value, minimum, maximum) {
 			return Math.min(Math.max(minimum, value), Math.max(minimum, maximum));
 		}
-		function SelectionActions({ selection, askDisabledReason, annotationNumber = 1, onAddToChat, onMoreDetails, onAskInSideChat, onAnnotationEditorChange, onDismiss }) {
-			const [editingAnnotation, setEditingAnnotation] = (0, react.useState)(false);
-			const [comment, setComment] = (0, react.useState)("");
+		function SelectionActions({ selection, askDisabledReason, annotationNumber = 1, annotationEditor, onAddToChat, onMoreDetails, onAskInSideChat, onAnnotationEditorChange, onDismiss }) {
+			const [editingAnnotation, setEditingAnnotation] = (0, react.useState)(annotationEditor !== void 0);
+			const [comment, setComment] = (0, react.useState)(annotationEditor?.initialComment ?? "");
 			const commentRef = (0, react.useRef)(null);
 			const center = selection.rect.x + selection.rect.width / 2;
 			const style = {
@@ -5468,9 +6346,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				width: editorWidth
 			};
 			const markerStyle = {
-				left: clamp(selection.rect.x + selection.rect.width - 10, 8, selection.rect.viewportWidth - 36),
-				top: selection.rect.y >= 38 ? selection.rect.y - 34 : selection.rect.y + selection.rect.height + 6
+				left: clamp(selection.rect.x + selection.rect.width + 3, 4, selection.rect.viewportWidth - 26),
+				top: clamp(selection.rect.y - 12, 4, selection.rect.viewportHeight - 26)
 			};
+			const markerNumber = annotationNumber > 99 ? "99+" : String(annotationNumber);
 			const keepSelection = (event) => {
 				event.preventDefault();
 			};
@@ -5481,6 +6360,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				setEditingAnnotation(false);
 				setComment("");
 				onAnnotationEditorChange?.(false);
+				if (annotationEditor !== void 0) onDismiss();
 			};
 			const saveAnnotation = () => {
 				const trimmed = comment.trim();
@@ -5504,15 +6384,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					saveAnnotation();
 				}
 			};
-			if (editingAnnotation) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			if (editingAnnotation) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [annotationEditor === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "dsh-side-chat-selection-marker",
 				"aria-hidden": "true",
+				"data-large": annotationNumber > 99 || void 0,
 				style: markerStyle,
-				children: String(annotationNumber)
+				children: markerNumber
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 				className: "dsh-side-chat-selection-comment",
 				role: "dialog",
-				"aria-label": "Add annotation comment",
+				"aria-label": annotationEditor?.dialogLabel ?? "Add annotation comment",
 				style: editorStyle,
 				onSubmit: submitAnnotation,
 				onMouseDown: (event) => {
@@ -5656,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);
 		}
@@ -5718,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) {
@@ -5956,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;
@@ -6116,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") {
@@ -6141,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",
@@ -6165,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",
@@ -6350,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);
@@ -6404,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",
@@ -6422,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, {
@@ -6445,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);
 					},
@@ -6462,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, {})
+						})]
+					})]
 				})]
 			});
 		}
@@ -6487,6 +7462,138 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			return value;
 		}
 		//#endregion
+		//#region src/client/parent-composer/annotation-persistence.ts
+		const STORAGE_PREFIX = "dsh-side-chat:composer-annotations:";
+		function browserSessionStorage() {
+			if (typeof window === "undefined") return;
+			try {
+				return window.sessionStorage;
+			} catch {
+				return;
+			}
+		}
+		function storageKey(sessionId) {
+			return `${STORAGE_PREFIX}${encodeURIComponent(sessionId)}`;
+		}
+		function recordOf(snapshot) {
+			const ref = conversationAnnotationReference(snapshot);
+			return ref === void 0 ? void 0 : {
+				version: 1,
+				draft: snapshot.draft,
+				ref
+			};
+		}
+		/** Tab-scoped recovery for rc.6 drafts that persist U+FFFC without occurrences. */
+		var ConversationAnnotationPersistence = class {
+			storage;
+			observedSessions = /* @__PURE__ */ new Set();
+			constructor(storage = browserSessionStorage()) {
+				this.storage = storage;
+			}
+			reconcile(sessionId, input) {
+				const key = storageKey(sessionId);
+				const snapshot = input.state.getSnapshot();
+				const current = recordOf(snapshot);
+				if (current !== void 0) {
+					this.observedSessions.add(key);
+					this.write(key, current);
+					return;
+				}
+				const stored = this.read(key);
+				if (stored !== void 0 && snapshot.draft === stored.draft) {
+					this.observedSessions.add(key);
+					if (restoreConversationAnnotationReference(input, stored.ref)) return;
+					this.remove(key);
+					removeOrphanedConversationAnnotationPlaceholder(input);
+					return;
+				}
+				if (this.observedSessions.has(key)) {
+					this.remove(key);
+					removeOrphanedConversationAnnotationPlaceholder(input);
+					return;
+				}
+				if (stored !== void 0 && snapshot.draft === "") return;
+				if (stored !== void 0) this.remove(key);
+				removeOrphanedConversationAnnotationPlaceholder(input);
+			}
+			read(key) {
+				if (this.storage === void 0) return;
+				try {
+					const raw = this.storage.getItem(key);
+					if (raw === null) return;
+					const value = JSON.parse(raw);
+					return value.version === 1 && typeof value.draft === "string" && typeof value.ref === "string" ? {
+						version: 1,
+						draft: value.draft,
+						ref: value.ref
+					} : void 0;
+				} catch {
+					return;
+				}
+			}
+			write(key, record) {
+				if (this.storage === void 0) return;
+				try {
+					this.storage.setItem(key, JSON.stringify(record));
+				} catch {}
+			}
+			remove(key) {
+				if (this.storage === void 0) return;
+				try {
+					this.storage.removeItem(key);
+				} catch {}
+			}
+		};
+		//#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) {
@@ -6628,11 +7735,35 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		var Rc6SideChatSessions = class {
 			ctx;
 			renamed = /* @__PURE__ */ new Set();
+			annotationPersistence = new ConversationAnnotationPersistence();
+			modelPreferences = new SideChatModelPreferences();
 			constructor(ctx) {
 				this.ctx = ctx;
 			}
 			/** Observable rc.6 Session-list surface used to follow main-session switches. */
 			subscribeList = (listener) => this.ctx.sessions.list.subscribe(listener);
+			/** Follow both current-session switches and that session's composer state. */
+			subscribeConversationInput = (listener) => {
+				let input;
+				let removeInputListener = () => {};
+				const bindInput = () => {
+					const next = this.currentParentInput();
+					if (next === input) return;
+					removeInputListener();
+					input = next;
+					removeInputListener = input?.state.subscribe?.(listener) ?? (() => {});
+				};
+				bindInput();
+				const removeListListener = this.ctx.sessions.list.subscribe(() => {
+					bindInput();
+					listener();
+				});
+				return () => {
+					removeListListener();
+					removeInputListener();
+				};
+			};
+			currentConversationInputSnapshot = () => this.currentParentInput()?.state.getSnapshot();
 			currentSessionId() {
 				const current = this.ctx.sessions.list.getSnapshot().current;
 				return current === void 0 ? void 0 : SessionId(current);
@@ -6653,25 +7784,37 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			/** Add one selected passage to the native composer of its parent Session. */
 			addSelectionToConversation(selection, comment) {
 				if (this.currentSessionId() !== selection.parentSessionId) return false;
-				const scope = this.ctx.sessions.scope(dshSessionId(selection.parentSessionId));
-				if (scope === void 0) return false;
-				return addSelectionToConversation(this.ctx.conversation.input.for(scope), selection, comment);
+				const input = this.currentParentInput();
+				if (input === void 0 || !addSelectionToConversation(input, selection, comment)) return false;
+				this.annotationPersistence.reconcile(selection.parentSessionId, input);
+				return true;
+			}
+			/** Update an existing unsent annotation without adding a duplicate passage. */
+			updateConversationAnnotation(annotationIndex, comment) {
+				const sessionId = this.currentSessionId();
+				const input = this.currentParentInput();
+				if (sessionId === void 0 || input === void 0 || !updateConversationAnnotation(input, annotationIndex, comment)) return false;
+				this.annotationPersistence.reconcile(sessionId, input);
+				return true;
+			}
+			/** Mirror or recover the current Session's unsent annotation occurrence. */
+			reconcileConversationAnnotationPersistence() {
+				const sessionId = this.currentSessionId();
+				const input = this.currentParentInput();
+				if (sessionId !== void 0 && input !== void 0) this.annotationPersistence.reconcile(sessionId, input);
 			}
 			/** Number assigned to the next annotation shown beside the selected passage. */
 			nextConversationAnnotationNumber() {
-				const sessionId = this.currentSessionId();
-				if (sessionId === void 0) return 1;
-				const scope = this.ctx.sessions.scope(dshSessionId(sessionId));
-				if (scope === void 0) return 1;
-				return conversationAnnotations(this.ctx.conversation.input.for(scope).state.getSnapshot()).length + 1;
+				const snapshot = this.currentConversationInputSnapshot();
+				return snapshot === void 0 ? 1 : conversationAnnotations(snapshot).length + 1;
 			}
 			/** Remove the current Session's unsent selected-passage annotations. */
 			removeConversationAnnotations() {
 				const sessionId = this.currentSessionId();
-				if (sessionId === void 0) return false;
-				const scope = this.ctx.sessions.scope(dshSessionId(sessionId));
-				if (scope === void 0) return false;
-				return removeConversationAnnotations(this.ctx.conversation.input.for(scope));
+				const input = this.currentParentInput();
+				if (sessionId === void 0 || input === void 0 || !removeConversationAnnotations(input)) return false;
+				this.annotationPersistence.reconcile(sessionId, input);
+				return true;
 			}
 			async retain(sessionId) {
 				const binding = await this.waitForBinding(dshSessionId(sessionId));
@@ -6704,6 +7847,25 @@ 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;
+				const scope = this.ctx.sessions.scope(dshSessionId(sessionId));
+				return scope === void 0 ? void 0 : this.ctx.conversation.input.for(scope);
+			}
 			waitForBinding(sessionId) {
 				const immediate = this.ctx.sessions.binding(sessionId);
 				if (immediate !== void 0) return Promise.resolve(immediate);
@@ -6754,7 +7916,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			return !(target instanceof Element && target.closest([
 				"[data-side-chat-panel]",
 				".dsh-side-chat-selection-actions",
-				".dsh-side-chat-selection-comment"
+				".dsh-side-chat-selection-comment",
+				".dsh-side-chat-annotation-marker"
 			].join(", ")) !== null);
 		}
 		function focusParentComposer() {
@@ -6780,7 +7943,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function Rc6SideChatOverlay({ controller, sessions }) {
 			const state = (0, react.useSyncExternalStore)(controller.subscribe, controller.getSnapshot, controller.getSnapshot);
 			const currentSessionId = (0, react.useSyncExternalStore)(sessions.subscribeList, () => sessions.currentSessionId(), () => sessions.currentSessionId());
+			const composerInput = (0, react.useSyncExternalStore)(sessions.subscribeConversationInput, sessions.currentConversationInputSnapshot, sessions.currentConversationInputSnapshot);
+			const annotations = (0, react.useMemo)(() => composerInput === void 0 ? [] : conversationSelectionAnnotations(composerInput), [composerInput]);
 			const [selection, setSelection] = (0, react.useState)(null);
+			const [editingAnnotation, setEditingAnnotation] = (0, react.useState)(null);
 			const captureGeneration = (0, react.useRef)(0);
 			const mouseDownPoint = (0, react.useRef)(null);
 			const annotationEditing = (0, react.useRef)(false);
@@ -6823,6 +7989,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					annotationEditing.current = false;
 					++captureGeneration.current;
 					setSelection(null);
+					setEditingAnnotation(null);
 				};
 				const onMouseUp = (event) => {
 					const start = mouseDownPoint.current;
@@ -6840,7 +8007,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				const onKeyUp = (event) => {
 					if (event.key === "Escape") {
 						++captureGeneration.current;
+						annotationEditing.current = false;
 						setSelection(null);
+						setEditingAnnotation(null);
 						controller.close();
 						return;
 					}
@@ -6861,81 +8030,158 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				++captureGeneration.current;
 				annotationEditing.current = false;
 				setSelection(null);
+				setEditingAnnotation(null);
 			}, [currentSessionId]);
+			(0, react.useEffect)(() => {
+				if (composerInput !== void 0) sessions.reconcileConversationAnnotationPersistence();
+			}, [composerInput, sessions]);
+			(0, react.useEffect)(() => {
+				if (editingAnnotation === null) return;
+				if (annotations.some((annotation) => annotation.annotationIndex === editingAnnotation.annotationIndex)) return;
+				annotationEditing.current = false;
+				setEditingAnnotation(null);
+			}, [annotations, editingAnnotation]);
 			const askDisabledReason = state.phase === "closed" ? void 0 : "Close the current Side Chat before starting another one.";
 			const childFace = state.childSessionId === void 0 ? void 0 : sessions.face(state.childSessionId);
 			const childCwd = state.childSessionId === void 0 ? void 0 : sessions.cwd(state.childSessionId);
 			const inheritedThroughSeq = state.inheritedThroughSeq;
 			const locale = navigator.language.toLowerCase().startsWith("zh") ? "zh-CN" : "en";
+			const modelDirectory = state.parentSessionId === void 0 ? void 0 : sessions.modelDirectory?.(state.parentSessionId);
+			const 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: [selection !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionActions, {
-					selection,
-					annotationNumber: sessions.nextConversationAnnotationNumber(),
-					...askDisabledReason === void 0 ? {} : { askDisabledReason },
-					onAddToChat: (captured, comment) => {
-						try {
-							if (sessions.addSelectionToConversation(captured, comment)) focusParentComposer();
-							else sessions.notify({
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConversationAnnotationMarkers, {
+						annotations,
+						...editingAnnotation === null ? {} : { activeAnnotationIndex: editingAnnotation.annotationIndex },
+						onEdit: (annotation, restoredSelection) => {
+							annotationEditing.current = true;
+							++captureGeneration.current;
+							setSelection(null);
+							setEditingAnnotation({
+								...annotation,
+								selection: restoredSelection
+							});
+						}
+					}),
+					selection !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionActions, {
+						selection,
+						annotationNumber: sessions.nextConversationAnnotationNumber(),
+						...askDisabledReason === void 0 ? {} : { askDisabledReason },
+						onAddToChat: (captured, comment) => {
+							try {
+								if (sessions.addSelectionToConversation(captured, comment)) focusParentComposer();
+								else sessions.notify({
+									kind: "warning",
+									text: "Could not add the selection to the current chat."
+								});
+							} catch {
+								sessions.notify({
+									kind: "warning",
+									text: "Could not add the selection to the current chat."
+								});
+							}
+							setSelection(null);
+						},
+						onAnnotationEditorChange: (open) => {
+							annotationEditing.current = open;
+						},
+						onMoreDetails: (captured) => {
+							const opened = controller.openDraft({ selection: captured });
+							if (!opened.ok) sessions.notify({
 								kind: "warning",
-								text: "Could not add the selection to the current chat."
+								text: opened.error.message
 							});
-						} catch {
-							sessions.notify({
+							else controller.sendFirst(MORE_DETAILS_PROMPT);
+							setSelection(null);
+						},
+						onAskInSideChat: (captured) => {
+							const opened = controller.openDraft({ selection: captured });
+							if (!opened.ok) sessions.notify({
 								kind: "warning",
-								text: "Could not add the selection to the current chat."
+								text: opened.error.message
 							});
+							setSelection(null);
+						},
+						onDismiss: () => {
+							annotationEditing.current = false;
+							setSelection(null);
 						}
-						setSelection(null);
-					},
-					onAnnotationEditorChange: (open) => {
-						annotationEditing.current = open;
-					},
-					onMoreDetails: (captured) => {
-						const opened = controller.openDraft({ selection: captured });
-						if (!opened.ok) sessions.notify({
-							kind: "warning",
-							text: opened.error.message
-						});
-						else controller.sendFirst(MORE_DETAILS_PROMPT);
-						setSelection(null);
-					},
-					onAskInSideChat: (captured) => {
-						const opened = controller.openDraft({ selection: captured });
-						if (!opened.ok) sessions.notify({
-							kind: "warning",
-							text: opened.error.message
-						});
-						setSelection(null);
-					},
-					onDismiss: () => {
-						annotationEditing.current = false;
-						setSelection(null);
-					}
-				}), state.phase !== "closed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideChatPanel, {
-					state,
-					locale,
-					...childFace === void 0 || inheritedThroughSeq === void 0 ? {} : { embeddedConversation: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArchivedConversation, {
-						face: childFace,
-						inheritedThroughSeq,
-						controller,
-						cwd: childCwd,
-						...state.selection === void 0 ? {} : { selection: state.selection },
-						locale
-					}) },
-					onDraftChange: (draft) => {
-						controller.setDraft(draft);
-					},
-					onFirstSend: (question) => controller.sendFirst(question),
-					onClose: () => controller.close(),
-					onRetry: () => controller.retry(),
-					onFocusParent: () => {
-						if (state.parentSessionId !== void 0) sessions.openSession(state.parentSessionId);
-					},
-					onRemoveSelection: () => {
-						controller.clearSelection();
-					}
-				})]
+					}),
+					editingAnnotation !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionActions, {
+						selection: editingAnnotation.selection,
+						annotationNumber: editingAnnotation.annotationIndex + 1,
+						annotationEditor: {
+							...editingAnnotation.comment === void 0 ? {} : { initialComment: editingAnnotation.comment },
+							dialogLabel: "Edit annotation comment"
+						},
+						onAddToChat: (_captured, comment) => {
+							try {
+								if (!sessions.updateConversationAnnotation(editingAnnotation.annotationIndex, comment)) sessions.notify({
+									kind: "warning",
+									text: "Could not update the annotation."
+								});
+							} catch {
+								sessions.notify({
+									kind: "warning",
+									text: "Could not update the annotation."
+								});
+							}
+							annotationEditing.current = false;
+							setEditingAnnotation(null);
+						},
+						onAnnotationEditorChange: (open) => {
+							annotationEditing.current = open;
+						},
+						onMoreDetails: () => {},
+						onAskInSideChat: () => {},
+						onDismiss: () => {
+							annotationEditing.current = false;
+							setEditingAnnotation(null);
+						}
+					}, `annotation:${String(editingAnnotation.annotationIndex)}`),
+					state.phase !== "closed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideChatPanel, {
+						state,
+						locale,
+						...childFace === void 0 || inheritedThroughSeq === void 0 ? {} : { embeddedConversation: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArchivedConversation, {
+							face: childFace,
+							inheritedThroughSeq,
+							controller,
+							cwd: childCwd,
+							...state.selection === void 0 ? {} : { selection: state.selection },
+							locale,
+							modelControl
+						}) },
+						modelControl,
+						onDraftChange: (draft) => {
+							controller.setDraft(draft);
+						},
+						onFirstSend: (question) => controller.sendFirst(question),
+						onClose: () => controller.close(),
+						onRetry: () => controller.retry(),
+						onFocusParent: () => {
+							if (state.parentSessionId !== void 0) sessions.openSession(state.parentSessionId);
+						},
+						onRemoveSelection: () => {
+							controller.clearSelection();
+						}
+					})
+				]
 			});
 		}
 		//#endregion
@@ -6944,6 +8190,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		const inject = [
 			"conversation",
 			"inputTriggers",
+			"modelDirectories",
 			"remote",
 			"sessions",
 			"slots"
@@ -6995,6 +8242,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		exports.inject = inject;
 		exports.name = name;
 		exports.normalizeSelectedText = normalizeSelectedText;
+		exports.restoreDomConversationSelection = restoreDomConversationSelection;
 		exports.selectionFitsLimit = selectionFitsLimit;
 		exports.summarizeSelection = summarizeSelection;
 		exports.utf8ByteLength = utf8ByteLength;