@ahggg/dsh-side-chat 0.7.0 → 0.7.2

package/lib/client.js

@@ -9,10 +9,58 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		//#region \0dsh-side-chat-css:L2hvbWUvcnVubmVyL3dvcmsvZHNoLXNpZGUtY2hhdC9kc2gtc2lkZS1jaGF0L3NyYy9jbGllbnQvcGFuZWwvc2lkZS1jaGF0LmNzcw
 		var _dsh_side_chat_css_L2hvbWUvcnVubmVyL3dvcmsvZHNoLXNpZGUtY2hhdC9kc2gtc2lkZS1jaGF0L3NyYy9jbGllbnQvcGFuZWwvc2lkZS1jaGF0LmNzcw_default = ".dsh-side-chat-overlay,\n.dsh-side-chat-parent-annotation-dock,\n.dsh-side-chat-parent-user-message {\n  /* DSH rc.6 themes publish the semantic alias layer. Keep the legacy tokens\n     as fallbacks for older hosts instead of falling through to light colors\n     while the host has selected its dark palette. */\n  --side-chat-border: var(--dsw-alias-border-l2, var(--dsw-border, #d8d8de));\n  --side-chat-bg: var(--dsw-alias-bg-layer-2, var(--dsw-surface, #ffffff));\n  --side-chat-muted: var(--dsw-alias-label-tertiary, var(--dsw-text-muted, #62636a));\n  --side-chat-text: var(--dsw-alias-label-primary, var(--dsw-text, #19191d));\n  --side-chat-accent: var(--dsw-alias-state-business-primary, #1473e6);\n  --side-chat-accent-fill: var(--dsw-alias-button-info-fill, #4176e6);\n  --side-chat-accent-hover: var(--dsw-alias-button-info-hover, #3467d6);\n  --side-chat-accent-text: var(--dsw-alias-label-primary-foreground, #ffffff);\n  color: var(--side-chat-text);\n}\n\n.dsh-side-chat-overlay {\n  pointer-events: none;\n}\n\n.dsh-side-chat-overlay > * {\n  pointer-events: auto;\n}\n\n.dsh-side-chat-panel {\n  position: fixed;\n  z-index: 70;\n  right: clamp(12px, 2vw, 20px);\n  bottom: clamp(12px, 2vw, 20px);\n  display: flex;\n  width: min(840px, calc(100vw - 32px));\n  height: clamp(460px, 62dvh, 980px);\n  max-height: calc(100dvh - 32px);\n  min-width: 0;\n  min-height: 0;\n  box-sizing: border-box;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 28px;\n  background: var(--side-chat-bg);\n  color: var(--side-chat-text);\n  box-shadow: 0 12px 36px rgb(0 0 0 / 11%), 0 2px 8px rgb(0 0 0 / 6%);\n}\n\n.dsh-side-chat-conversation {\n  display: flex;\n  height: 100%;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.dsh-side-chat-transcript {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 12px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  padding: 18px 20px 24px;\n  scrollbar-color: color-mix(in srgb, var(--side-chat-muted) 34%, transparent) transparent;\n  scrollbar-width: thin;\n}\n\n.dsh-side-chat-message {\n  max-width: 92%;\n  padding: 10px 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 12px;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-surface-subtle, #f7f7f9));\n}\n\n.dsh-side-chat-message[data-role=\"user\"] {\n  align-self: end;\n  background: var(--dsw-specific-bubble, var(--dsw-accent-soft, #eef4ff));\n}\n\n.dsh-side-chat-message[data-role=\"assistant\"] {\n  align-self: start;\n  min-width: 0;\n  max-width: 100%;\n  border-color: transparent;\n  background: transparent;\n  overflow-wrap: anywhere;\n}\n.dsh-side-chat-message-role,\n.dsh-side-chat-message-note { display: block; margin-bottom: 5px; color: var(--side-chat-muted); font-size: 12px; }\n.dsh-side-chat-message-text { white-space: pre-wrap; overflow-wrap: anywhere; }\n.dsh-side-chat-message pre,\n.dsh-side-chat-turn-notice pre { overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }\n.dsh-side-chat-message[data-role=\"assistant\"] :where(table) {\n  display: block;\n  max-width: 100%;\n  overflow-x: auto;\n}\n.dsh-side-chat-reasoning {\n  display: flex;\n  flex-direction: column;\n}\n.dsh-side-chat-reasoning-row {\n  position: relative;\n  overflow: hidden;\n}\n.dsh-side-chat-reasoning[data-state=\"running\"] .dsh-side-chat-reasoning-row::after {\n  position: absolute;\n  inset-block: 0;\n  left: 0;\n  width: 300px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 60%, transparent) 55%,\n    transparent 100%\n  );\n  content: '';\n  pointer-events: none;\n  animation: dsh-side-chat-reasoning-sweep 2.6s ease-out infinite;\n}\n@keyframes dsh-side-chat-reasoning-sweep {\n  0% { left: -300px; }\n  90%, 100% { left: 100%; }\n}\n.dsh-side-chat-reasoning-leading { flex-shrink: 0; }\n.dsh-side-chat-reasoning-chevron { color: var(--dsw-alias-label-secondary, var(--side-chat-muted)); }\n.dsh-side-chat-reasoning-title { font-weight: 400; }\n.dsh-side-chat-reasoning-separator {\n  width: 2px;\n  height: 2px;\n  flex: none;\n  margin: 0 8px;\n  border-radius: 1px;\n  background: var(--dsw-alias-label-caption, #a1a1aa);\n}\n.dsh-side-chat-reasoning-summary {\n  min-width: 0;\n  flex: auto;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 14px;\n  line-height: 24px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-reasoning-summary[data-follow-end] { text-overflow: clip; }\n.dsh-side-chat-reasoning-body {\n  padding: 4px 0 4px 22px;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 14px;\n  line-height: 24px;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.dsh-side-chat-reasoning-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n.dsh-side-chat-tool-branch {\n  min-width: 0;\n  max-width: 100%;\n  flex: 0 0 auto;\n}\n.dsh-side-chat-tool {\n  display: flex;\n  min-width: 0;\n  max-width: 100%;\n  flex: 0 0 auto;\n  flex-direction: column;\n  border-radius: 6px;\n}\n.dsh-side-chat-tool-row {\n  position: relative;\n  overflow: hidden;\n}\n.dsh-side-chat-tool[data-state=\"running\"] .dsh-side-chat-tool-row::after,\n.dsh-side-chat-tool[data-state=\"pending\"] .dsh-side-chat-tool-row::after {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 300px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 60%, transparent) 55%,\n    transparent 100%\n  );\n  content: '';\n  pointer-events: none;\n  animation: dsh-side-chat-tool-sweep 2.6s ease-out infinite;\n}\n@keyframes dsh-side-chat-tool-sweep {\n  0% { left: -300px; }\n  90%, 100% { left: 100%; }\n}\n.dsh-side-chat-tool-row:focus-visible {\n  border-radius: 4px;\n  outline: 2px solid color-mix(in srgb, var(--side-chat-accent) 42%, transparent);\n  outline-offset: 1px;\n}\n.dsh-side-chat-tool-leading { flex-shrink: 0; }\n.dsh-side-chat-tool-chevron { color: var(--dsw-alias-label-secondary, var(--side-chat-muted)); }\n.dsh-side-chat-tool-title { font-weight: 400; }\n.dsh-side-chat-tool-separator {\n  width: 2px;\n  height: 2px;\n  flex: none;\n  margin: 0 8px;\n  border-radius: 1px;\n  background: var(--dsw-alias-label-caption, #a1a1aa);\n}\n.dsh-side-chat-tool-summary {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 14px;\n  line-height: 24px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-tool-error-summary { color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-tool-body-wrap {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n.dsh-side-chat-tool-code,\n.dsh-side-chat-tool-diff,\n.dsh-side-chat-tool-read,\n.dsh-side-chat-tool-search,\n.dsh-side-chat-tool-terminal,\n.dsh-side-chat-tool-web {\n  margin: 4px 0 4px 4px;\n}\n.dsh-side-chat-tool-code { --dsl-code-block-content-font: var(--dsw-font-markdown-code-block-small); }\n.dsh-side-chat-tool-terminal {\n  --dsl-terminal-font: var(--dsw-font-markdown-code-block-small);\n  --dsl-terminal-line-height: 18px;\n  --dsl-terminal-output-max-height: 224px;\n  border: 1px solid var(--dsw-alias-border-l1, var(--side-chat-border));\n}\n.dsh-side-chat-tool-io-card {\n  display: flex;\n  flex-direction: column;\n  margin: 4px 0 4px 4px;\n  border: 1px solid var(--dsw-alias-border-l1, var(--side-chat-border));\n  border-radius: 12px;\n  background: var(--dsw-alias-markdown-code-block, #f6f6f7);\n  font: var(--dsw-font-markdown-code-block-small, 12px/18px ui-monospace, SFMono-Regular, Consolas, monospace);\n}\n.dsh-side-chat-tool-io-section {\n  display: grid;\n  max-height: 150px;\n  grid-template-columns: max-content minmax(0, 1fr);\n  column-gap: 14px;\n  align-items: baseline;\n  overflow-y: auto;\n  padding: 12px 16px;\n}\n.dsh-side-chat-tool-io-divider {\n  height: 1px;\n  flex: none;\n  background: var(--dsw-alias-border-l2, var(--side-chat-border));\n}\n.dsh-side-chat-tool-io-label {\n  position: sticky;\n  top: 0;\n  align-self: start;\n  color: var(--dsw-alias-label-caption, #8d8d95);\n}\n.dsh-side-chat-tool-io-text {\n  min-width: 0;\n  white-space: pre-wrap;\n  word-break: break-word;\n  color: var(--dsw-alias-label-secondary, #4b4b52);\n}\n.dsh-side-chat-tool-io-text[data-error] { color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-tool-subcalls {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 4px 0 2px 22px;\n  padding-left: 8px;\n  border-left: 1px solid var(--dsw-alias-border-l2, var(--side-chat-border));\n}\n.dsh-side-chat-tool-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n.dsh-side-chat-turn-notice,\n.dsh-side-chat-interaction,\n.dsh-side-chat-queue { padding: 10px; border: 1px solid var(--side-chat-border); border-radius: 10px; }\n.dsh-side-chat-interaction fieldset { margin: 8px 0; border: 1px solid var(--side-chat-border); border-radius: 8px; }\n.dsh-side-chat-question-option { display: flex; gap: 8px; margin: 8px 0; }\n.dsh-side-chat-interaction textarea { width: 100%; box-sizing: border-box; resize: vertical; }\n.dsh-side-chat-interaction-actions,\n.dsh-side-chat-queue > div { display: flex; justify-content: end; gap: 8px; }\n.dsh-side-chat-interaction button,\n.dsh-side-chat-queue button { min-height: 32px; border: 1px solid var(--side-chat-border); border-radius: 7px; background: var(--dsw-alias-interactive-bg-hover-solid, var(--dsw-control, #f7f7f9)); color: inherit; cursor: pointer; }\n.dsh-side-chat-composer {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 6px;\n  align-items: end;\n  margin: 0 12px 12px;\n  padding: 8px 8px 8px 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 24px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 2px 8px rgb(0 0 0 / 5%);\n}\n.dsh-side-chat-composer textarea {\n  grid-column: 1 / -1;\n  width: 100%;\n  height: auto;\n  min-height: 24px;\n  max-height: 160px;\n  box-sizing: border-box;\n  resize: none;\n  overflow-y: hidden;\n  padding: 6px;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.5;\n}\n.dsh-side-chat-composer-actions,\n.dsh-side-chat-draft-actions {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 6px;\n}\n.dsh-side-chat-model-root {\n  position: relative;\n  min-width: 0;\n}\n.dsh-side-chat-model-trigger {\n  display: flex;\n  width: auto;\n  height: 28px;\n  min-height: 28px;\n  max-width: 220px;\n  align-items: center;\n  gap: 4px;\n  padding: 0 4px 0 8px;\n  border: 0;\n  border-radius: 24px;\n  outline: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, var(--side-chat-muted));\n  cursor: pointer;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 20px;\n}\n.dsh-side-chat-model-trigger:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-model-trigger:focus-visible {\n  box-shadow: 0 0 0 2px var(--dsw-alias-border-l3, var(--side-chat-border));\n}\n.dsh-side-chat-model-trigger:disabled {\n  color: var(--dsw-alias-label-dimmed, #a1a1aa);\n  cursor: default;\n}\n.dsh-side-chat-model-trigger-label {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-trigger-effort {\n  flex: none;\n  color: var(--dsw-alias-label-caption, #8d8d95);\n}\n.dsh-side-chat-model-chevron {\n  flex: none;\n  color: var(--dsw-alias-label-caption, #8d8d95);\n  transition: transform 120ms ease;\n}\n.dsh-side-chat-model-chevron-open { transform: rotate(180deg); }\n.dsh-side-chat-model-menu {\n  position: absolute;\n  z-index: 20;\n  right: 0;\n  bottom: calc(100% + 8px);\n  display: flex;\n  width: min(240px, calc(100vw - 32px));\n  max-height: min(360px, calc(100dvh - 96px));\n  flex-direction: column;\n  overflow: hidden;\n  padding: 4px;\n  border: 1px solid var(--dsw-alias-border-inverted, var(--side-chat-border));\n  border-radius: 12px;\n  background: var(--dsw-specific-menu, var(--side-chat-bg));\n  box-shadow: var(--dsw-shadow-lv3, 0 8px 24px rgb(0 0 0 / 16%));\n  color: var(--dsw-alias-label-primary, inherit);\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2, #a1a1aa);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2, #71717a);\n}\n.dsh-side-chat-model-status,\n.dsh-side-chat-model-empty {\n  padding: 10px;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 13px;\n  line-height: 20px;\n}\n.dsh-side-chat-model-error,\n.dsh-side-chat-model-warning {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 4px;\n  padding: 7px 8px;\n  border-radius: 8px;\n  background: var(--dsw-alias-interactive-bg-hover-danger, #fff1f0);\n  color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318));\n  font-size: 12px;\n  line-height: 18px;\n}\n.dsh-side-chat-model-warning {\n  background: var(--dsw-alias-bg-module-platform, #fff8e6);\n  color: var(--dsw-alias-state-warn-label, #8a5a00);\n}\n.dsh-side-chat-model-retry {\n  min-height: 0;\n  flex: none;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-weight: 600;\n}\n.dsh-side-chat-model-groups {\n  min-height: 0;\n  overflow-y: auto;\n}\n.dsh-side-chat-model-group + .dsh-side-chat-model-group { margin-top: 4px; }\n.dsh-side-chat-model-group-title {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  padding: 5px 8px 3px;\n  background: var(--dsw-specific-menu, var(--side-chat-bg));\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n.dsh-side-chat-model-option {\n  display: flex;\n  width: 100%;\n  min-height: 38px;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 8px;\n  border: 0;\n  border-radius: 10px;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  text-align: left;\n}\n.dsh-side-chat-model-option:hover:not(:disabled),\n.dsh-side-chat-model-option:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-model-selected { background: transparent; }\n.dsh-side-chat-model-option:disabled {\n  color: var(--dsw-alias-label-dimmed, #a1a1aa);\n  cursor: default;\n}\n.dsh-side-chat-model-option-copy {\n  display: flex;\n  min-width: 0;\n  flex: 1;\n  flex-direction: column;\n}\n.dsh-side-chat-model-name {\n  overflow: hidden;\n  color: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-description {\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 12px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-check {\n  display: grid;\n  flex: 0 0 18px;\n  place-items: center;\n  color: var(--dsw-alias-label-primary, inherit);\n}\n.dsh-side-chat-model-cell {\n  display: flex;\n  width: 100%;\n  height: 40px;\n  align-items: center;\n  gap: 8px;\n  padding: 0 10px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, inherit);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: left;\n}\n.dsh-side-chat-model-cell:hover {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-model-cell-label {\n  min-width: 0;\n  flex: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-cell-value {\n  min-width: 0;\n  flex: 0 auto;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-model-cell-chevron {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n}\n.dsh-side-chat-loading { display: grid; height: 100%; place-items: center; color: var(--side-chat-muted); }\n\n.dsh-side-chat-header {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 8px 12px;\n  align-items: center;\n  flex: 0 0 auto;\n  min-height: 46px;\n  box-sizing: border-box;\n  padding: 5px 10px 5px 16px;\n  border-bottom: 1px solid var(--side-chat-border);\n  background: var(--side-chat-bg);\n}\n\n.dsh-side-chat-heading { display: flex; min-width: 0; flex-direction: column; }\n.dsh-side-chat-heading strong { font-size: 14px; font-weight: 600; }\n.dsh-side-chat-footer { color: var(--side-chat-muted); font-size: 12px; }\n.dsh-side-chat-header button,\n.dsh-side-chat-inline-actions button,\n.dsh-side-chat-error button,\n.dsh-side-chat-selection-actions button {\n  min-height: 32px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 7px;\n  background: var(--dsw-alias-interactive-bg-hover-solid, var(--dsw-control, #f7f7f9));\n  color: inherit;\n  cursor: pointer;\n}\n.dsh-side-chat-header button:disabled { cursor: not-allowed; opacity: .55; }\n.dsh-side-chat-header .dsh-side-chat-heading {\n  align-items: flex-start;\n  min-height: 0;\n  padding: 4px 0;\n  border: 0;\n  background: transparent;\n  text-align: left;\n}\n.dsh-side-chat-header-actions {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 4px;\n}\n.dsh-side-chat-header .dsh-side-chat-add-to-conversation {\n  display: inline-flex;\n  min-width: 0;\n  align-items: center;\n  gap: 6px;\n  padding: 0 9px;\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, var(--side-chat-muted));\n  font: inherit;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.dsh-side-chat-add-to-conversation:hover:not(:disabled),\n.dsh-side-chat-add-to-conversation:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n  color: var(--side-chat-text);\n}\n.dsh-side-chat-add-to-conversation-icon {\n  width: 18px;\n  height: 18px;\n  flex: none;\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1.5;\n}\n.dsh-side-chat-header .dsh-side-chat-close {\n  width: 32px;\n  min-height: 32px;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n  font-size: 20px;\n  line-height: 1;\n}\n.dsh-side-chat-close:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5)); }\n\n.dsh-side-chat-quote { position: relative; max-width: 100%; align-self: flex-start; }\n.dsh-side-chat-quote-chip {\n  display: inline-flex;\n  min-height: 36px;\n  align-items: center;\n  overflow: hidden;\n  padding: 0;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 999px;\n  background: var(--side-chat-bg);\n  transition: background-color 120ms ease;\n}\n.dsh-side-chat-quote:hover .dsh-side-chat-quote-chip,\n.dsh-side-chat-quote:focus-within .dsh-side-chat-quote-chip,\n.dsh-side-chat-quote[data-expanded] .dsh-side-chat-quote-chip { background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5)); }\n.dsh-side-chat-quote-chip .dsh-side-chat-quote-trigger {\n  display: inline-flex;\n  min-height: 34px;\n  align-items: center;\n  gap: 8px;\n  padding: 0 11px;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-side-chat-quote-trigger strong { font-size: 13px; font-weight: 500; line-height: 1; }\n.dsh-side-chat-quote-icon {\n  width: 16px;\n  height: 16px;\n  flex: 0 0 auto;\n  color: var(--side-chat-muted);\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1.7;\n}\n.dsh-side-chat-quote-chip .dsh-side-chat-quote-remove {\n  display: grid;\n  width: 0;\n  height: 34px;\n  min-height: 34px;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  place-items: center;\n  overflow: hidden;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: var(--side-chat-muted);\n  cursor: pointer;\n  font: inherit;\n  font-size: 18px;\n  line-height: 1;\n  opacity: 0;\n  pointer-events: none;\n  transition: width 120ms ease, margin-left 120ms ease, opacity 100ms ease, background-color 100ms ease;\n}\n.dsh-side-chat-quote:hover .dsh-side-chat-quote-remove,\n.dsh-side-chat-quote:focus-within .dsh-side-chat-quote-remove {\n  width: 30px;\n  opacity: 1;\n  pointer-events: auto;\n}\n.dsh-side-chat-quote-remove:hover { background: var(--dsw-alias-interactive-bg-hover, rgb(0 0 0 / 6%)); color: inherit; }\n.dsh-side-chat-quote-details {\n  position: absolute;\n  z-index: 10;\n  bottom: calc(100% + 8px);\n  left: 0;\n  width: min(520px, calc(100vw - 64px));\n  max-width: calc(100vw - 48px);\n  box-sizing: border-box;\n  padding: 14px 16px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 16px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 4px 14px rgb(0 0 0 / 8%);\n  font-size: 14px;\n  line-height: 1.45;\n  opacity: 0;\n  pointer-events: none;\n  transform: translate(var(--dsh-side-chat-quote-offset-x, 0px), 4px);\n  visibility: hidden;\n  transition: opacity 100ms ease, transform 120ms ease, visibility 100ms ease;\n}\n.dsh-side-chat-quote-details::before {\n  content: '';\n  position: absolute;\n  right: 0;\n  bottom: -8px;\n  left: 0;\n  height: 8px;\n}\n.dsh-side-chat-quote[data-hovered] .dsh-side-chat-quote-details,\n.dsh-side-chat-quote[data-expanded] .dsh-side-chat-quote-details {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(var(--dsh-side-chat-quote-offset-x, 0px), 0);\n  visibility: visible;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-quote-details {\n  top: calc(100% + 8px);\n  right: 0;\n  bottom: auto;\n  left: auto;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-quote-details::before {\n  top: -8px;\n  bottom: auto;\n}\n.dsh-side-chat-quote-details-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }\n.dsh-side-chat-quote-details-header strong { color: var(--side-chat-muted); font-size: 13px; font-weight: 500; }\n.dsh-side-chat-quote-detail + .dsh-side-chat-quote-detail {\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid var(--side-chat-border);\n}\n.dsh-side-chat-quote pre {\n  max-height: 180px;\n  margin: 4px 0 0;\n  overflow: auto;\n  white-space: pre-wrap;\n  font: inherit;\n}\n.dsh-side-chat-quote-comment {\n  margin-top: 9px;\n}\n.dsh-side-chat-quote-comment > strong { color: var(--side-chat-muted); font-size: 13px; font-weight: 500; }\n.dsh-side-chat-quote-comment > pre { margin-top: 4px; }\n.dsh-side-chat-error { margin: 10px 16px 0; padding: 10px 12px; border: 1px solid var(--side-chat-border); border-radius: 14px; background: var(--dsw-alias-interactive-bg-hover-danger, var(--dsw-surface-subtle, #f7f7f9)); }\n.dsh-side-chat-error { border-color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-body { min-height: 0; flex: 1; overflow: hidden; }\n.dsh-side-chat-annotated-user-message {\n  display: flex;\n  max-width: 92%;\n  align-self: end;\n  align-items: flex-start;\n  flex-direction: column;\n  gap: 8px;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-message { max-width: 100%; align-self: stretch; }\n\n/* The DSH occurrence remains the durable serialization carrier, while this\n   plugin-owned capsule supplies the visible and interactive projection. */\n[data-composer-seat] [data-decoration=\"chip\"][title=\"__dsh_side_chat_annotations__\"] {\n  visibility: hidden;\n}\n.dsh-side-chat-parent-annotation-dock {\n  position: relative;\n  z-index: 20;\n  width: calc(100% - 32px);\n  max-width: var(--dsh-composer-card-max-width, 780px);\n  height: 0;\n  /* The terminal zero-height dock would otherwise add a second gap between\n     Todo/Goal/Queue and the input card. Its child still lands 10px inside the\n     following card: -gap + top:16px against the card's own 6px gap. */\n  margin: calc(0px - var(--dsh-composer-stack-gap, 6px)) auto 0;\n  pointer-events: none;\n}\n.dsh-side-chat-parent-annotation-dock > .dsh-side-chat-quote {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  pointer-events: auto;\n}\n.dsh-side-chat-parent-user-message {\n  display: flex;\n  width: 100%;\n  min-width: 0;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 8px;\n}\n.dsh-side-chat-parent-user-message > .dsh-side-chat-quote { align-self: flex-end; }\n/* rc.6 caps its inner user stack at 82%; give that percentage the full chat\n   column as its containing width instead of the annotation chip's shrink width. */\n.dsh-side-chat-parent-user-message-body { width: 100%; min-width: 0; }\n.dsh-side-chat-parent-user-message > .dsh-side-chat-quote .dsh-side-chat-quote-details {\n  right: 0;\n  left: auto;\n}\n.dsh-side-chat-draft {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  min-height: 0;\n  flex: 0 0 auto;\n  gap: 6px;\n  align-items: end;\n  margin: auto 12px 12px;\n  padding: 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 24px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 2px 8px rgb(0 0 0 / 5%);\n}\n.dsh-side-chat-draft > .dsh-side-chat-quote { grid-column: 1 / -1; }\n.dsh-side-chat-draft label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n}\n.dsh-side-chat-draft textarea {\n  grid-column: 1 / -1;\n  width: 100%;\n  height: auto;\n  min-height: 24px;\n  max-height: 160px;\n  box-sizing: border-box;\n  resize: none;\n  overflow-y: hidden;\n  padding: 6px 2px;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.5;\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button,\n.dsh-side-chat-panel .dsh-side-chat-stop-button {\n  display: grid;\n  width: 34px;\n  height: 34px;\n  min-height: 34px;\n  flex: none;\n  place-items: center;\n  padding: 1px 6px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--side-chat-accent-fill);\n  color: var(--side-chat-accent-text);\n  cursor: pointer;\n  line-height: 1;\n  transform: translateY(-2px);\n  transition: background-color 100ms ease;\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button:hover:not(:disabled),\n.dsh-side-chat-panel .dsh-side-chat-stop-button:hover:not(:disabled) {\n  background: var(--side-chat-accent-hover);\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button:disabled,\n.dsh-side-chat-panel .dsh-side-chat-stop-button:disabled { cursor: default; opacity: .4; }\n.dsh-side-chat-footer { display: none; }\n.dsh-side-chat-announcer { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }\n\n.dsh-side-chat-selection-actions {\n  position: fixed;\n  z-index: 90;\n  display: flex;\n  width: max-content;\n  max-width: calc(100vw - 16px);\n  box-sizing: border-box;\n  flex-wrap: wrap;\n  gap: 0;\n  padding: 0;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 999px;\n  background: var(--dsw-alias-button-floating-fill, var(--side-chat-bg));\n  box-shadow: 0 4px 14px rgb(0 0 0 / 12%);\n  color: var(--side-chat-text);\n  overflow: hidden;\n}\n.dsh-side-chat-selection-actions button {\n  min-height: 36px;\n  padding: 0 14px;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  transition: background-color 120ms ease;\n}\n.dsh-side-chat-selection-actions button:hover:not(:disabled),\n.dsh-side-chat-selection-actions button:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5));\n}\n.dsh-side-chat-selection-actions button + button {\n  border-left: 1px solid var(--side-chat-border);\n  border-radius: 0;\n}\n.dsh-side-chat-selection-actions[data-touch] button {\n  min-height: 42px;\n  padding-inline: 14px;\n  touch-action: manipulation;\n  white-space: nowrap;\n}\n\n::highlight(dsh-side-chat-annotations) {\n  background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #1473e6) 18%, transparent);\n}\n::highlight(dsh-side-chat-active-annotation) {\n  background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #1473e6) 32%, transparent);\n  text-decoration: underline;\n  text-decoration-color: color-mix(in srgb, var(--dsw-alias-state-business-primary, #1473e6) 70%, transparent);\n  text-decoration-thickness: 1px;\n}\n\n.dsh-side-chat-annotation-marker,\n.dsh-side-chat-selection-marker {\n  position: fixed;\n  z-index: 91;\n  display: grid;\n  width: 22px;\n  height: 22px;\n  min-height: 22px;\n  box-sizing: border-box;\n  place-items: center;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: var(--side-chat-accent-fill);\n  box-shadow: 0 2px 6px rgb(0 0 0 / 14%);\n  color: var(--side-chat-accent-text);\n  font: inherit;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n}\n.dsh-side-chat-annotation-marker { cursor: pointer; }\n.dsh-side-chat-selection-marker { pointer-events: none; }\n.dsh-side-chat-annotation-marker[data-large],\n.dsh-side-chat-selection-marker[data-large] { font-size: 9px; }\n.dsh-side-chat-annotation-marker[data-active] {\n  background: var(--side-chat-accent-hover);\n}\n.dsh-side-chat-annotation-marker:focus-visible {\n  outline: 2px solid color-mix(in srgb, var(--side-chat-accent) 32%, transparent);\n  outline-offset: 1px;\n}\n\n.dsh-side-chat-selection-comment {\n  position: fixed;\n  z-index: 92;\n  display: grid;\n  max-width: calc(100vw - 16px);\n  box-sizing: border-box;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 20px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 5px 18px rgb(0 0 0 / 9%);\n  color: var(--side-chat-text);\n}\n.dsh-side-chat-selection-comment textarea {\n  width: 100%;\n  min-height: 48px;\n  max-height: 128px;\n  box-sizing: border-box;\n  resize: none;\n  padding: 6px 8px;\n  overflow-y: auto;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.45;\n}\n.dsh-side-chat-selection-comment-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.dsh-side-chat-selection-comment-actions button {\n  min-height: 32px;\n  padding: 0 14px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 999px;\n  background: var(--side-chat-bg);\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-side-chat-selection-comment-actions button:hover { background: var(--dsw-alias-interactive-bg-hover, var(--dsw-surface-subtle, #f3f3f5)); }\n.dsh-side-chat-selection-comment-actions .dsh-side-chat-selection-comment-save {\n  border-color: transparent;\n  background: var(--side-chat-accent-fill);\n  color: var(--side-chat-accent-text);\n}\n.dsh-side-chat-selection-comment-actions .dsh-side-chat-selection-comment-save:hover {\n  background: var(--side-chat-accent-hover);\n}\n\n@media (max-width: 900px) {\n  .dsh-side-chat-panel {\n    right: 12px;\n    bottom: 12px;\n    width: calc(100vw - 24px);\n    max-height: calc(100dvh - 24px);\n    border-radius: 24px;\n  }\n}\n\n@media (max-width: 720px) {\n  .dsh-side-chat-panel {\n    right: 8px;\n    bottom: 8px;\n    width: calc(100vw - 16px);\n    height: min(78dvh, 760px);\n    max-height: calc(100dvh - 16px);\n    border-radius: 22px;\n  }\n  .dsh-side-chat-transcript { padding: 14px 14px 20px; }\n  .dsh-side-chat-header { padding-left: 14px; }\n  .dsh-side-chat-error { margin-inline: 12px; }\n}\n\n@media (max-height: 620px) {\n  .dsh-side-chat-panel {\n    bottom: 8px;\n    height: calc(100dvh - 16px);\n    max-height: calc(100dvh - 16px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-side-chat-reasoning[data-state=\"running\"] .dsh-side-chat-reasoning-row::after { animation: none; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .dsh-side-chat-panel { animation: dsh-side-chat-enter 160ms ease-out; }\n  @keyframes dsh-side-chat-enter { from { transform: translateY(18px) scale(.985); opacity: .7; } }\n}\n\n@media (forced-colors: active) {\n.dsh-side-chat-panel,\n.dsh-side-chat-selection-actions,\n.dsh-side-chat-selection-comment,\n.dsh-side-chat-annotation-marker { border: 1px solid CanvasText; }\n}\n";
+		function referenceDisplayText(label) {
+			return `@${label}`;
+		}
+		/**
+		* Resolve one occurrence's occupied draft range across both DSH reference
+		* representations: current full `@label` text with `length`, and the legacy
+		* one-code-unit U+FFFC placeholder without it.
+		*/
+		function occurrenceRange(snapshot, occurrence, expectedLabel) {
+			const start = occurrence.offset;
+			if (!Number.isSafeInteger(start) || start < 0 || start > snapshot.draft.length) return;
+			if (occurrence.length !== void 0 && Number.isSafeInteger(occurrence.length) && occurrence.length > 0 && start + occurrence.length <= snapshot.draft.length) return {
+				start,
+				end: start + occurrence.length
+			};
+			if (snapshot.draft.startsWith("", start)) return {
+				start,
+				end: start + 1
+			};
+			const display = referenceDisplayText(expectedLabel);
+			if (snapshot.draft.startsWith(display, start)) return {
+				start,
+				end: start + display.length
+			};
+		}
+		function occurrenceMatchesDraft(snapshot, occurrence, expectedLabel) {
+			const range = occurrenceRange(snapshot, occurrence, expectedLabel);
+			if (range === void 0) return false;
+			const text = snapshot.draft.slice(range.start, range.end);
+			return text === "" || text === referenceDisplayText(expectedLabel);
+		}
+		/** Find the exact occurrence minted by one synchronous insertReference call. */
+		function newlyInsertedOccurrence(before, after, source, ref) {
+			const previousIds = new Set(before.occurrences.map((occurrence) => occurrence.occurrenceId));
+			const inserted = after.occurrences.filter((occurrence) => !previousIds.has(occurrence.occurrenceId) && occurrence.source === source && occurrence.ref === ref);
+			return inserted.length === 1 ? inserted[0] : void 0;
+		}
+		/** Remove one occurrence's display range and, optionally, its separating ASCII gap. */
+		function draftWithoutOccurrence(snapshot, occurrence, expectedLabel, options = {}) {
+			const range = occurrenceRange(snapshot, occurrence, expectedLabel);
+			if (range === void 0) return;
+			let { start, end } = range;
+			if (options.consumeAdjacentSpace === true) {
+				if (snapshot.draft[end] === " ") end += 1;
+				else if (start > 0 && snapshot.draft[start - 1] === " ") start -= 1;
+			}
+			return snapshot.draft.slice(0, start) + snapshot.draft.slice(end);
+		}
 		//#endregion
 		//#region src/client/parent-composer/add-to-conversation.ts
 		const SELECTION_REFERENCE_SOURCE = "dsh-side-chat-selection";
-		const OBJECT_REPLACEMENT_CHARACTER = "";
+		const SELECTION_REFERENCE_LABEL = "__dsh_side_chat_annotations__";
 		function escapeXmlText(value) {
 			return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 		}
@@ -127,11 +175,19 @@ window.__ModuleLoader__.load({
 		}
 		function draftWithoutSelectionOccurrences(snapshot) {
 			const occurrences = [...selectionOccurrences(snapshot)].sort((a, b) => b.offset - a.offset);
-			let draft = snapshot.draft;
-			for (const occurrence of occurrences) draft = draft.slice(0, occurrence.offset) + draft.slice(occurrence.offset + 1);
+			let current = snapshot;
+			for (const occurrence of occurrences) {
+				const draft = draftWithoutOccurrence(current, occurrence, SELECTION_REFERENCE_LABEL);
+				if (draft === void 0) continue;
+				current = {
+					...current,
+					draft
+				};
+			}
+			let draft = current.draft;
 			if (occurrences.some((occurrence) => occurrence.offset === 0)) {
 				if (draft.startsWith("\n\n")) draft = draft.slice(2);
-				else if (draft.startsWith("\n")) draft = draft.slice(1);
+				else if (draft.startsWith("\n") || draft.startsWith(" ")) draft = draft.slice(1);
 			}
 			return draft;
 		}
@@ -159,11 +215,12 @@ window.__ModuleLoader__.load({
 		};
 		function writeConversationAnnotations(input, before, annotations) {
 			const draft = draftWithoutSelectionOccurrences(before);
-			if (selectionOccurrences(before).length > 0) input.setDraft(draft);
 			const insertionState = input.state.getSnapshot();
+			if (insertionState.draftRev !== before.draftRev || insertionState.draft !== before.draft) return false;
+			const ref = encodeSelectionReference(annotations);
 			if (!input.insertReference({
 				source: SELECTION_REFERENCE_SOURCE,
-				ref: encodeSelectionReference(annotations),
+				ref,
 				label: "__dsh_side_chat_annotations__",
 				clipboardText: annotations.map((annotation) => annotation.text).join("\n\n")
 			}, {
@@ -171,14 +228,63 @@ window.__ModuleLoader__.load({
 				end: 0,
 				draftRev: insertionState.draftRev
 			})) return false;
-			input.setDraft(`${OBJECT_REPLACEMENT_CHARACTER}\n\n${draft}`);
-			return true;
+			const afterInsert = input.state.getSnapshot();
+			const occurrence = newlyInsertedOccurrence(insertionState, afterInsert, SELECTION_REFERENCE_SOURCE, ref);
+			const rollbackInsertion = () => {
+				const current = input.state.getSnapshot();
+				const insertedOccurrence = occurrence === void 0 ? void 0 : current.occurrences.find((candidate) => candidate.occurrenceId === occurrence.occurrenceId);
+				if (insertedOccurrence === void 0 || insertedOccurrence.offset !== 0) return;
+				const insertedRange = occurrenceRange(current, insertedOccurrence, SELECTION_REFERENCE_LABEL);
+				if (insertedRange === void 0 || insertedRange.start !== 0) return;
+				let tail = current.draft.slice(insertedRange.end);
+				if (tail.startsWith(" ") && tail.slice(1) === before.draft) tail = before.draft;
+				else if (tail !== before.draft) return;
+				input.setDraft(tail);
+			};
+			if (occurrence === void 0 || occurrence.offset !== 0) {
+				rollbackInsertion();
+				return false;
+			}
+			const range = occurrenceRange(afterInsert, occurrence, SELECTION_REFERENCE_LABEL);
+			if (range === void 0 || range.start !== 0) {
+				rollbackInsertion();
+				return false;
+			}
+			let rest = afterInsert.draft.slice(range.end);
+			if (rest.startsWith(" ") && rest.slice(1) === before.draft) rest = before.draft;
+			else if (rest !== before.draft) {
+				rollbackInsertion();
+				return false;
+			}
+			const normalizedDraft = `${afterInsert.draft.slice(range.start, range.end)}\n\n${draft}`;
+			const current = input.state.getSnapshot();
+			const currentOccurrence = current.occurrences.find((candidate) => candidate.occurrenceId === occurrence.occurrenceId);
+			if (current.draftRev !== afterInsert.draftRev || current.draft !== afterInsert.draft || currentOccurrence === void 0 || currentOccurrence.source !== SELECTION_REFERENCE_SOURCE || currentOccurrence.ref !== ref || !occurrenceMatchesDraft(current, currentOccurrence, "__dsh_side_chat_annotations__")) {
+				rollbackInsertion();
+				return false;
+			}
+			input.setDraft(normalizedDraft);
+			const normalized = input.state.getSnapshot();
+			const retained = normalized.occurrences.find((candidate) => candidate.occurrenceId === occurrence.occurrenceId);
+			return normalized.draft === normalizedDraft && retained !== void 0 && retained.source === SELECTION_REFERENCE_SOURCE && retained.ref === ref && retained.offset === 0 && occurrenceMatchesDraft(normalized, retained, "__dsh_side_chat_annotations__");
 		}
 		/** 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)]);
 		}
+		/** Remove one unsent selected-passage annotation, retaining the aggregate when needed. */
+		function removeConversationAnnotation(input, annotationIndex) {
+			const before = input.state.getSnapshot();
+			const annotations = [...storedConversationAnnotations(before)];
+			if (!Number.isSafeInteger(annotationIndex) || annotations[annotationIndex] === void 0) return false;
+			annotations.splice(annotationIndex, 1);
+			if (annotations.length === 0) {
+				input.setDraft(draftWithoutSelectionOccurrences(before));
+				return selectionOccurrences(input.state.getSnapshot()).length === 0;
+			}
+			return writeConversationAnnotations(input, before, annotations);
+		}
 		/** Replace the optional comment on one unsent selected-passage annotation. */
 		function updateConversationAnnotation(input, annotationIndex, comment) {
 			const before = input.state.getSnapshot();
@@ -193,10 +299,71 @@ window.__ModuleLoader__.load({
 			};
 			return writeConversationAnnotations(input, before, annotations);
 		}
+		function exactClipboardProjection(snapshot, annotationOccurrence, annotationClipboardText) {
+			let projected = "";
+			let cursor = 0;
+			const occurrences = [...snapshot.occurrences].sort((left, right) => left.offset - right.offset);
+			for (const occurrence of occurrences) {
+				const expectedLabel = occurrence.occurrenceId === annotationOccurrence.occurrenceId ? SELECTION_REFERENCE_LABEL : occurrence.label;
+				if (occurrence.length === void 0 && !snapshot.draft.startsWith("", occurrence.offset) && expectedLabel === void 0) return;
+				const range = occurrenceRange(snapshot, occurrence, expectedLabel ?? "");
+				if (range === void 0 || range.start < cursor) return;
+				const clipboardText = occurrence.occurrenceId === annotationOccurrence.occurrenceId ? annotationClipboardText : occurrence.clipboardText;
+				if (clipboardText === void 0) return;
+				projected += snapshot.draft.slice(cursor, range.start) + clipboardText;
+				cursor = range.end;
+			}
+			return projected + snapshot.draft.slice(cursor);
+		}
+		function annotationSeparator(draftTail) {
+			if (draftTail.startsWith("\n\n")) return "\n\n";
+			if (draftTail.startsWith("\n")) return "\n";
+			if (draftTail.startsWith(" ")) return " ";
+			return "";
+		}
+		function baseDraftFromMirror(mirrorDraft, clipboardText, expectedBaseDraft) {
+			const separators = [
+				"\n\n",
+				"\n",
+				" ",
+				""
+			];
+			if (expectedBaseDraft !== void 0) return separators.some((separator) => mirrorDraft === clipboardText + separator + expectedBaseDraft) ? expectedBaseDraft : void 0;
+			for (const separator of separators.slice(0, -1)) {
+				const prefix = clipboardText + separator;
+				if (mirrorDraft.startsWith(prefix)) return mirrorDraft.slice(prefix.length);
+			}
+			return mirrorDraft === clipboardText ? "" : void 0;
+		}
+		/** Describe both the display draft and DSH's persisted clipboard projection. */
+		function conversationAnnotationRecoveryRecord(snapshot) {
+			const occurrence = selectionOccurrences(snapshot).find((candidate) => candidate.offset === 0);
+			const ref = conversationAnnotationReference(snapshot);
+			if (occurrence === void 0 || ref === void 0) return;
+			const range = occurrenceRange(snapshot, occurrence, SELECTION_REFERENCE_LABEL);
+			if (range === void 0 || range.start !== 0) return;
+			let annotations;
+			try {
+				annotations = decodeStoredSelectionReference(ref);
+			} catch {
+				return;
+			}
+			const clipboardText = annotations.map((annotation) => annotation.text).join("\n\n");
+			const mirrorDraft = exactClipboardProjection(snapshot, occurrence, clipboardText);
+			if (mirrorDraft === void 0) return;
+			const mirrorPrefix = clipboardText + annotationSeparator(snapshot.draft.slice(range.end));
+			if (!mirrorDraft.startsWith(mirrorPrefix)) return;
+			return {
+				ref,
+				displayDraft: snapshot.draft,
+				mirrorDraft,
+				baseDraft: mirrorDraft.slice(mirrorPrefix.length)
+			};
+		}
 		/** 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;
+			if (occurrence === void 0 || !occurrenceMatchesDraft(snapshot, occurrence, "__dsh_side_chat_annotations__")) return;
 			try {
 				decodeStoredSelectionReference(occurrence.ref);
 				return occurrence.ref;
@@ -205,9 +372,16 @@ window.__ModuleLoader__.load({
 			}
 		}
 		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);
+			if (snapshot.occurrences.some((occurrence) => occurrence.offset === 0)) return;
+			const legacyPrefix = `\n\n`;
+			if (snapshot.draft.startsWith(legacyPrefix)) return snapshot.draft.slice(legacyPrefix.length);
+			const display = referenceDisplayText(SELECTION_REFERENCE_LABEL);
+			if (!snapshot.draft.startsWith(display)) return;
+			let rest = snapshot.draft.slice(display.length);
+			if (rest.startsWith("\n\n")) rest = rest.slice(2);
+			else if (rest.startsWith(" ")) rest = rest.slice(1);
+			else return;
+			return rest;
 		}
 		/** Remove the plugin-owned prefix when rc.6 restored its draft without occurrences. */
 		function removeOrphanedConversationAnnotationPlaceholder(input) {
@@ -216,18 +390,26 @@ window.__ModuleLoader__.load({
 			input.setDraft(draft);
 			return true;
 		}
-		/** Rehydrate a lost rc.6 occurrence only over the exact plugin-owned orphan prefix. */
-		function restoreConversationAnnotationReference(input, ref) {
+		/** Rehydrate a lost occurrence over either its display draft or exact mirror projection. */
+		function restoreConversationAnnotationReference(input, ref, expectedMirrorDraft, expectedBaseDraft) {
 			let annotations;
 			try {
 				annotations = decodeStoredSelectionReference(ref);
 			} catch {
 				return false;
 			}
-			const draft = draftWithoutOrphanedAnnotationPrefix(input.state.getSnapshot());
+			const snapshot = input.state.getSnapshot();
+			const orphanDraft = draftWithoutOrphanedAnnotationPrefix(snapshot);
+			const clipboardText = annotations.map((annotation) => annotation.text).join("\n\n");
+			const mirrorBaseDraft = expectedMirrorDraft === void 0 ? void 0 : baseDraftFromMirror(expectedMirrorDraft, clipboardText, expectedBaseDraft);
+			const draft = orphanDraft ?? (expectedMirrorDraft !== void 0 && snapshot.occurrences.length === 0 && snapshot.draft === expectedMirrorDraft && mirrorBaseDraft !== void 0 ? mirrorBaseDraft : void 0);
 			if (draft === void 0) return false;
-			input.setDraft(draft);
-			return writeConversationAnnotations(input, input.state.getSnapshot(), annotations);
+			if (draft !== snapshot.draft) input.setDraft(draft);
+			const beforeWrite = input.state.getSnapshot();
+			if (beforeWrite.draft !== draft || beforeWrite.occurrences.length !== 0) return false;
+			if (writeConversationAnnotations(input, beforeWrite, annotations)) return true;
+			if (input.state.getSnapshot().occurrences.length === 0 && expectedMirrorDraft !== void 0) input.setDraft(expectedMirrorDraft);
+			return false;
 		}
 		function unescapeXmlText(value) {
 			return value.replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&amp;", "&");
@@ -566,23 +748,18 @@ window.__ModuleLoader__.load({
 				}
 			});
 		}
-		function occurrenceLength(occurrence) {
-			if (occurrence.length !== void 0 && Number.isSafeInteger(occurrence.length) && occurrence.length > 0) return occurrence.length;
-			try {
-				return `@${decodeReferencedConversation(occurrence.ref).title}`.length;
-			} catch {
-				return 1;
-			}
-		}
 		function removeOccurrence(input, occurrenceId) {
 			const snapshot = input.state.getSnapshot();
 			const occurrence = snapshot.occurrences.find((candidate) => candidate.occurrenceId === occurrenceId);
 			if (occurrence === void 0) return;
-			let start = occurrence.offset;
-			let end = occurrence.offset + occurrenceLength(occurrence);
-			if (snapshot.draft[end] === " ") end += 1;
-			else if (start > 0 && snapshot.draft[start - 1] === " ") start -= 1;
-			input.setDraft(snapshot.draft.slice(0, start) + snapshot.draft.slice(end));
+			let title;
+			try {
+				title = decodeReferencedConversation(occurrence.ref).title;
+			} catch {
+				return;
+			}
+			const draft = draftWithoutOccurrence(snapshot, occurrence, title, { consumeAdjacentSpace: true });
+			if (draft !== void 0) input.setDraft(draft);
 		}
 		/** Insert or refresh one Side Chat label without duplicating an older snapshot. */
 		function addReferencedSideChatToConversation(input, reference) {
@@ -6561,86 +6738,102 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const edge = 8;
 			const width = Math.max(0, size.width);
 			const height = Math.max(0, size.height);
-			const left = clamp(rect.x + rect.width / 2 - width / 2, edge, viewport.width - width - edge);
+			const viewportLeft = viewport.offsetLeft ?? 0;
+			const viewportTop = viewport.offsetTop ?? 0;
+			const viewportRight = viewportLeft + viewport.width;
+			const viewportBottom = viewportTop + viewport.height;
+			const left = clamp(rect.x + rect.width / 2 - width / 2, viewportLeft + edge, viewportRight - width - edge);
 			const belowGap = touch ? 12 : 8;
 			const aboveGap = touch ? 64 : 8;
 			const below = rect.y + rect.height + belowGap;
 			const above = rect.y - height - aboveGap;
-			const belowFits = below + height <= viewport.height - edge;
-			const aboveFits = above >= edge;
+			const belowFits = below + height <= viewportBottom - edge;
+			const aboveFits = above >= viewportTop + edge;
 			let top;
-			if (touch && belowFits) top = below;
+			if (belowFits) top = below;
 			else if (aboveFits) top = above;
-			else if (belowFits) top = below;
-			else top = rect.y - aboveGap - edge >= viewport.height - edge - rect.y - rect.height - belowGap ? above : below;
+			else top = rect.y - aboveGap - viewportTop - edge >= viewportBottom - edge - rect.y - rect.height - belowGap ? above : below;
 			return {
 				left,
-				top: clamp(top, edge, viewport.height - height - edge)
+				top: clamp(top, viewportTop + edge, viewportBottom - height - edge)
 			};
 		}
-		function SelectionActions({ selection, touchInteraction = false, askDisabledReason, annotationNumber = 1, annotationEditor, onAddToChat, onMoreDetails, onAskInSideChat, onAnnotationEditorChange, onDismiss }) {
+		function SelectionActions({ selection, touchInteraction = false, askDisabledReason, annotationNumber = 1, annotationEditor, onAddToChat, onMoreDetails, onAskInSideChat, onAnnotationEditorChange, onRemoveAnnotation, onDismiss }) {
 			const [editingAnnotation, setEditingAnnotation] = (0, react.useState)(annotationEditor !== void 0);
 			const [comment, setComment] = (0, react.useState)(annotationEditor?.initialComment ?? "");
-			const [toolbarGeometry, setToolbarGeometry] = (0, react.useState)(() => ({
+			const [toolbarSize, setToolbarSize] = (0, react.useState)(() => ({
 				width: 0,
-				height: 0,
-				viewportWidth: selection.rect.viewportWidth,
-				viewportHeight: selection.rect.viewportHeight
+				height: 0
+			}));
+			const [viewport, setViewport] = (0, react.useState)(() => ({
+				width: selection.rect.viewportWidth,
+				height: selection.rect.viewportHeight,
+				offsetLeft: 0,
+				offsetTop: 0
 			}));
 			const commentRef = (0, react.useRef)(null);
 			const toolbarRef = (0, react.useRef)(null);
 			const touchActivationRef = (0, react.useRef)(null);
-			const toolbarPosition = calculateSelectionActionsPosition(selection.rect, toolbarGeometry, touchInteraction, {
-				width: toolbarGeometry.viewportWidth,
-				height: toolbarGeometry.viewportHeight
-			});
+			const toolbarPosition = calculateSelectionActionsPosition(selection.rect, toolbarSize, touchInteraction, viewport);
 			const style = {
 				left: toolbarPosition.left,
 				top: toolbarPosition.top
 			};
-			const editorWidth = Math.min(420, selection.rect.viewportWidth - 16);
-			const editorAbove = selection.rect.y - 118;
+			const viewportLeft = viewport.offsetLeft;
+			const viewportTop = viewport.offsetTop;
+			const viewportRight = viewportLeft + viewport.width;
+			const viewportBottom = viewportTop + viewport.height;
+			const editorEdge = 8;
+			const editorHeight = 118;
+			const editorWidth = Math.max(0, Math.min(420, viewport.width - 16));
+			const editorAbove = selection.rect.y - editorHeight;
+			const editorBelow = selection.rect.y + selection.rect.height + 12;
 			const editorStyle = {
-				left: clamp(selection.rect.x + selection.rect.width + 28, 8, selection.rect.viewportWidth - editorWidth - 8),
-				top: editorAbove >= 8 ? editorAbove : clamp(selection.rect.y + selection.rect.height + 12, 8, selection.rect.viewportHeight - 126),
+				left: clamp(selection.rect.x + selection.rect.width + 28, viewportLeft + editorEdge, viewportRight - editorWidth - editorEdge),
+				top: clamp(editorAbove >= viewportTop + editorEdge ? editorAbove : editorBelow, viewportTop + editorEdge, viewportBottom - editorHeight - editorEdge),
 				width: editorWidth
 			};
+			const markerEdge = 4;
+			const markerSize = 22;
 			const markerStyle = {
-				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)
+				left: clamp(selection.rect.x + selection.rect.width + 3, viewportLeft + markerEdge, viewportRight - markerSize - markerEdge),
+				top: clamp(selection.rect.y - 12, viewportTop + markerEdge, viewportBottom - markerSize - markerEdge)
 			};
 			const markerNumber = annotationNumber > 99 ? "99+" : String(annotationNumber);
 			const keepSelection = (event) => {
 				event.preventDefault();
 			};
 			(0, react.useLayoutEffect)(() => {
-				if (editingAnnotation) return;
-				const toolbar = toolbarRef.current;
-				if (toolbar === null) return;
+				const visualViewport = window.visualViewport;
 				const measure = () => {
+					const nextViewport = {
+						width: visualViewport?.width ?? window.innerWidth ?? selection.rect.viewportWidth,
+						height: visualViewport?.height ?? window.innerHeight ?? selection.rect.viewportHeight,
+						offsetLeft: visualViewport?.offsetLeft ?? 0,
+						offsetTop: visualViewport?.offsetTop ?? 0
+					};
+					setViewport((current) => current.width === nextViewport.width && current.height === nextViewport.height && current.offsetLeft === nextViewport.offsetLeft && current.offsetTop === nextViewport.offsetTop ? current : nextViewport);
+					const toolbar = toolbarRef.current;
+					if (toolbar === null) return;
 					const bounds = toolbar.getBoundingClientRect();
-					const visualViewport = window.visualViewport;
-					const viewportWidth = visualViewport?.width ?? window.innerWidth ?? selection.rect.viewportWidth;
-					const viewportHeight = visualViewport?.height ?? window.innerHeight ?? selection.rect.viewportHeight;
-					const next = {
+					const nextSize = {
 						width: bounds.width,
-						height: bounds.height,
-						viewportWidth,
-						viewportHeight
+						height: bounds.height
 					};
-					setToolbarGeometry((current) => current.width === next.width && current.height === next.height && current.viewportWidth === next.viewportWidth && current.viewportHeight === next.viewportHeight ? current : next);
+					setToolbarSize((current) => current.width === nextSize.width && current.height === nextSize.height ? current : nextSize);
 				};
 				measure();
+				const toolbar = toolbarRef.current;
 				const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(measure);
-				observer?.observe(toolbar);
+				if (toolbar !== null) observer?.observe(toolbar);
 				window.addEventListener("resize", measure);
-				window.visualViewport?.addEventListener("resize", measure);
-				window.visualViewport?.addEventListener("scroll", measure);
+				visualViewport?.addEventListener("resize", measure);
+				visualViewport?.addEventListener("scroll", measure);
 				return () => {
 					observer?.disconnect();
 					window.removeEventListener("resize", measure);
-					window.visualViewport?.removeEventListener("resize", measure);
-					window.visualViewport?.removeEventListener("scroll", measure);
+					visualViewport?.removeEventListener("resize", measure);
+					visualViewport?.removeEventListener("scroll", measure);
 				};
 			}, [
 				editingAnnotation,
@@ -6654,7 +6847,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				setEditingAnnotation(false);
 				setComment("");
 				onAnnotationEditorChange?.(false);
-				if (annotationEditor !== void 0) onDismiss();
+				onDismiss();
 			};
 			const saveAnnotation = () => {
 				const trimmed = comment.trim();
@@ -6739,15 +6932,23 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					onKeyDown: annotationKeyDown
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "dsh-side-chat-selection-comment-actions",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: closeEditor,
-						children: "Cancel"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "submit",
-						className: "dsh-side-chat-selection-comment-save",
-						children: "Save"
-					})]
+					children: [
+						annotationEditor !== void 0 && onRemoveAnnotation !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: onRemoveAnnotation,
+							children: "Remove"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: closeEditor,
+							children: "Cancel"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "submit",
+							className: "dsh-side-chat-selection-comment-save",
+							children: "Save"
+						})
+					]
 				})]
 			})] });
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -7812,14 +8013,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			return `${STORAGE_PREFIX}${encodeURIComponent(sessionId)}`;
 		}
 		function recordOf(snapshot) {
-			const ref = conversationAnnotationReference(snapshot);
-			return ref === void 0 ? void 0 : {
-				version: 1,
-				draft: snapshot.draft,
-				ref
+			const record = conversationAnnotationRecoveryRecord(snapshot);
+			return record === void 0 ? void 0 : {
+				version: 2,
+				...record
 			};
 		}
-		/** Tab-scoped recovery for rc.6 drafts that persist U+FFFC without occurrences. */
+		function displayDraft(record) {
+			return record.version === 1 ? record.draft : record.displayDraft;
+		}
+		function mirrorDraft(record) {
+			return record.version === 1 ? record.projection : record.mirrorDraft;
+		}
+		/** Tab-scoped recovery for drafts persisted as a reference clipboard projection. */
 		var ConversationAnnotationPersistence = class {
 			storage;
 			observedSessions = /* @__PURE__ */ new Set();
@@ -7836,12 +8042,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					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 (stored !== void 0) {
+					const exactDisplayDraft = snapshot.draft === displayDraft(stored);
+					const storedMirrorDraft = mirrorDraft(stored);
+					const exactMirrorDraft = storedMirrorDraft !== void 0 && snapshot.draft === storedMirrorDraft;
+					if (exactDisplayDraft || exactMirrorDraft) {
+						this.observedSessions.add(key);
+						if (restoreConversationAnnotationReference(input, stored.ref, storedMirrorDraft, stored.version === 2 ? stored.baseDraft : void 0)) return;
+						if (storedMirrorDraft !== void 0 && input.state.getSnapshot().draft === storedMirrorDraft) return;
+						this.remove(key);
+						removeOrphanedConversationAnnotationPlaceholder(input);
+						return;
+					}
 				}
 				if (this.observedSessions.has(key)) {
 					this.remove(key);
@@ -7858,9 +8070,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					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" ? {
+					if (value.version === 1 && typeof value.draft === "string" && typeof value.ref === "string" && (value.projection === void 0 || typeof value.projection === "string")) return {
 						version: 1,
 						draft: value.draft,
+						...value.projection === void 0 ? {} : { projection: value.projection },
+						ref: value.ref
+					};
+					return value.version === 2 && typeof value.displayDraft === "string" && typeof value.mirrorDraft === "string" && typeof value.baseDraft === "string" && typeof value.ref === "string" ? {
+						version: 2,
+						displayDraft: value.displayDraft,
+						mirrorDraft: value.mirrorDraft,
+						baseDraft: value.baseDraft,
 						ref: value.ref
 					} : void 0;
 				} catch {
@@ -8133,6 +8353,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				this.annotationPersistence.reconcile(parentSessionId, input);
 				return true;
 			}
+			/** Remove one existing unsent annotation from the aggregated occurrence. */
+			removeConversationAnnotation(annotationIndex) {
+				const sessionId = this.currentSessionId();
+				const input = this.currentParentInput();
+				if (sessionId === void 0 || input === void 0 || !removeConversationAnnotation(input, annotationIndex)) return false;
+				this.annotationPersistence.reconcile(sessionId, input);
+				return true;
+			}
 			/** Update an existing unsent annotation without adding a duplicate passage. */
 			updateConversationAnnotation(annotationIndex, comment) {
 				const sessionId = this.currentSessionId();
@@ -8623,6 +8851,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						onAnnotationEditorChange: (open) => {
 							annotationEditing.current = open;
 						},
+						onRemoveAnnotation: () => {
+							try {
+								if (!sessions.removeConversationAnnotation(editingAnnotation.annotationIndex)) sessions.notify({
+									kind: "warning",
+									text: "Could not remove the annotation."
+								});
+							} catch {
+								sessions.notify({
+									kind: "warning",
+									text: "Could not remove the annotation."
+								});
+							}
+							annotationEditing.current = false;
+							setEditingAnnotation(null);
+						},
 						onMoreDetails: () => {},
 						onAskInSideChat: () => {},
 						onDismiss: () => {