@ahggg/dsh-side-chat 0.3.0 → 0.4.0

package/lib/client.js

@@ -8,7 +8,422 @@ 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  max-width: 100%;\n  border-color: transparent;\n  background: transparent;\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-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  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:hover .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  transform: translate(var(--dsh-side-chat-quote-offset-x, 0px), 0);\n  visibility: visible;\n}\n.dsh-side-chat-quote[data-expanded] .dsh-side-chat-quote-details { pointer-events: auto; }\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-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-details-header button {\n  min-height: 28px;\n  padding-inline: 10px;\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}\n.dsh-side-chat-quote pre { max-height: 180px; margin: 8px 0 0; overflow: auto; white-space: pre-wrap; font: inherit; }\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.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@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 { 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  max-width: 100%;\n  border-color: transparent;\n  background: transparent;\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-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";
+		//#endregion
+		//#region src/client/parent-composer/add-to-conversation.ts
+		const SELECTION_REFERENCE_SOURCE = "dsh-side-chat-selection";
+		const OBJECT_REPLACEMENT_CHARACTER = "";
+		function escapeXmlText(value) {
+			return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+		}
+		function annotationFromSelection(selection, comment) {
+			const trimmedComment = comment?.trim();
+			return {
+				text: selection.text,
+				...trimmedComment === void 0 || trimmedComment.length === 0 ? {} : { comment: trimmedComment }
+			};
+		}
+		function encodeSelectionReference(annotations) {
+			return JSON.stringify({
+				version: 1,
+				annotations
+			});
+		}
+		function isAnnotation(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");
+		}
+		function decodeSelectionReference(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;
+		}
+		function selectedContext(annotations) {
+			return [
+				"<selected_context>",
+				...annotations.flatMap((annotation, index) => annotation.comment === void 0 ? [
+					`<annotation index="${String(index + 1)}">`,
+					escapeXmlText(annotation.text),
+					"</annotation>"
+				] : [
+					`<annotation index="${String(index + 1)}">`,
+					"<selected_text>",
+					escapeXmlText(annotation.text),
+					"</selected_text>",
+					"<user_comment>",
+					escapeXmlText(annotation.comment),
+					"</user_comment>",
+					"</annotation>"
+				]),
+				"</selected_context>"
+			].join("\n");
+		}
+		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) {
+			return selectionOccurrences(snapshot).flatMap((occurrence) => {
+				try {
+					return [...decodeSelectionReference(occurrence.ref)];
+				} catch {
+					return [];
+				}
+			});
+		}
+		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);
+			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);
+			}
+			return draft;
+		}
+		/** Remove every unsent plugin annotation while preserving the user's draft. */
+		function removeConversationAnnotations(input) {
+			const snapshot = input.state.getSnapshot();
+			if (selectionOccurrences(snapshot).length === 0) return false;
+			input.setDraft(draftWithoutSelectionOccurrences(snapshot));
+			return true;
+		}
+		/** Reference codec used by DSH's native composer chip and submit pipeline. */
+		const selectionReferenceSource = {
+			trigger: "@",
+			name: SELECTION_REFERENCE_SOURCE,
+			order: 1e3,
+			candidates: async () => [],
+			onPick: () => void 0,
+			codec: {
+				clipboardText: (ref) => decodeSelectionReference(ref).map((annotation) => annotation.text).join("\n\n"),
+				serialize: async (ref, signal) => {
+					if (signal.aborted) throw signal.reason;
+					return selectedContext(decodeSelectionReference(ref));
+				}
+			}
+		};
+		/** 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)];
+			const draft = draftWithoutSelectionOccurrences(before);
+			if (selectionOccurrences(before).length > 0) input.setDraft(draft);
+			const insertionState = input.state.getSnapshot();
+			if (!input.insertReference({
+				source: SELECTION_REFERENCE_SOURCE,
+				ref: encodeSelectionReference(annotations),
+				label: "__dsh_side_chat_annotations__",
+				clipboardText: annotations.map((annotation) => annotation.text).join("\n\n")
+			}, {
+				start: 0,
+				end: 0,
+				draftRev: insertionState.draftRev
+			})) return false;
+			input.setDraft(`${OBJECT_REPLACEMENT_CHARACTER}\n\n${draft}`);
+			return true;
+		}
+		function unescapeXmlText(value) {
+			return value.replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&amp;", "&");
+		}
+		function parseAnnotationBody(body) {
+			const selectedText = /^<selected_text>\n([\s\S]*?)\n<\/selected_text>(?:\n<user_comment>\n([\s\S]*?)\n<\/user_comment>)?$/u.exec(body);
+			if (selectedText === null) return { text: unescapeXmlText(body) };
+			const comment = selectedText[2];
+			return {
+				text: unescapeXmlText(selectedText[1] ?? ""),
+				...comment === void 0 ? {} : { comment: unescapeXmlText(comment) }
+			};
+		}
+		/** Parse the durable model form back into the user-facing annotation capsule. */
+		function parseAnnotatedConversationPrompt(text) {
+			const current = /^<selected_context>\n([\s\S]*?)\n<\/selected_context>\s*/u.exec(text);
+			if (current !== null) {
+				const annotations = [];
+				for (const match of current[1]?.matchAll(/<annotation(?: index="\d+")?>\n([\s\S]*?)\n<\/annotation>/gu) ?? []) annotations.push(parseAnnotationBody(match[1] ?? ""));
+				if (annotations.length > 0) return {
+					annotations,
+					message: text.slice(current[0].length).trim()
+				};
+			}
+			const legacyXml = /^<selected_context source="current-conversation" event-seq="(\d+)">\n?([\s\S]*?)\n?<\/selected_context>\s*/u.exec(text);
+			if (legacyXml !== null) return {
+				annotations: [{ text: unescapeXmlText(legacyXml[2] ?? "") }],
+				message: text.slice(legacyXml[0].length).trim()
+			};
+			const legacyText = /^Selected passage from the current conversation \(message (\d+)\):\n([\s\S]*?)\nEnd selected passage\.\s*/u.exec(text);
+			if (legacyText === null) return void 0;
+			return {
+				annotations: [{ text: legacyText[2] ?? "" }],
+				message: text.slice(legacyText[0].length).trim()
+			};
+		}
+		/** Add the selected quote to the first child prompt. */
+		function buildSideChatPrompt(selection, question) {
+			const trimmed = question.trim();
+			if (selection === void 0) return [{
+				type: "text",
+				text: trimmed
+			}];
+			return [{
+				type: "text",
+				text: [
+					`<selected_context source="current-conversation" event-seq="${selection.atSeq}">`,
+					escapeXmlText(selection.text),
+					"</selected_context>",
+					"",
+					"<user_question>",
+					escapeXmlText(trimmed),
+					"</user_question>"
+				].join("\n")
+			}];
+		}
+		//#endregion
+		//#region src/client/panel/messages.ts
+		const SIDE_CHAT_MESSAGES = Object.freeze({
+			en: Object.freeze({
+				title: "Side Chat",
+				close: "Close Side Chat",
+				placeholder: "Ask about this in a Side Chat",
+				send: "Send",
+				selectedPassage: "Selected passage",
+				selectionAttachments: (count) => `${String(count)} ${count === 1 ? "annotation" : "annotations"}`,
+				selectionPreviewLabel: "Selected text",
+				selectionCommentLabel: "User comment",
+				removeSelection: "Remove annotation",
+				expand: "Expand",
+				collapse: "Collapse",
+				temporary: "Archived when closed; history remains on disk",
+				referenceOnly: "Inherits the complete parent conversation prefix",
+				cannotReopen: "No reopen action",
+				sharedWorkspace: "Shares the parent workspace",
+				retry: "Retry",
+				genericError: "Side Chat error",
+				closeError: "Could not close the Side Chat"
+			}),
+			"zh-CN": Object.freeze({
+				title: "侧边对话",
+				close: "关闭侧边对话",
+				placeholder: "在侧边对话中询问这段内容",
+				send: "发送",
+				selectedPassage: "所选段落",
+				selectionAttachments: (count) => `${String(count)} 条引用`,
+				selectionPreviewLabel: "所选文本",
+				selectionCommentLabel: "用户批注",
+				removeSelection: "移除引用",
+				expand: "展开",
+				collapse: "收起",
+				temporary: "关闭时归档；历史仍保存在磁盘上",
+				referenceOnly: "完整继承父会话对话前缀",
+				cannotReopen: "不提供重新打开操作",
+				sharedWorkspace: "与父会话共享工作区",
+				retry: "重试",
+				genericError: "侧边对话错误",
+				closeError: "无法关闭侧边对话"
+			})
+		});
+		//#endregion
+		//#region src/client/panel/SelectionQuote.tsx
+		/** Selected passage displayed separately from the user's first question. */
+		function SelectionQuote({ selections, messages, onRemove }) {
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			const [hovered, setHovered] = (0, react.useState)(false);
+			const quoteRef = (0, react.useRef)(null);
+			const detailsRef = (0, react.useRef)(null);
+			const leaveTimerRef = (0, react.useRef)();
+			const keepHoverOpen = () => {
+				if (leaveTimerRef.current !== void 0) window.clearTimeout(leaveTimerRef.current);
+				leaveTimerRef.current = void 0;
+				setHovered(true);
+			};
+			const closeHoverAfterGrace = () => {
+				if (leaveTimerRef.current !== void 0) window.clearTimeout(leaveTimerRef.current);
+				leaveTimerRef.current = window.setTimeout(() => {
+					leaveTimerRef.current = void 0;
+					setHovered(false);
+				}, 220);
+			};
+			(0, react.useEffect)(() => () => {
+				if (leaveTimerRef.current !== void 0) window.clearTimeout(leaveTimerRef.current);
+			}, []);
+			const constrainDetailsToBoundary = () => {
+				const details = detailsRef.current;
+				const boundary = quoteRef.current?.closest(".dsh-side-chat-panel, [data-composer-seat], [data-chat-flow-kind]");
+				if (details === null) return;
+				details.style.setProperty("--dsh-side-chat-quote-offset-x", "0px");
+				const detailsRect = details.getBoundingClientRect();
+				const boundaryRect = boundary?.getBoundingClientRect();
+				const leftEdge = (boundaryRect?.left ?? 0) + 16;
+				const rightEdge = (boundaryRect?.right ?? window.innerWidth) - 16;
+				const offset = detailsRect.left < leftEdge ? leftEdge - detailsRect.left : detailsRect.right > rightEdge ? rightEdge - detailsRect.right : 0;
+				details.style.setProperty("--dsh-side-chat-quote-offset-x", `${String(offset)}px`);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				ref: quoteRef,
+				className: "dsh-side-chat-quote",
+				"aria-label": messages.selectedPassage,
+				"data-expanded": expanded || void 0,
+				"data-hovered": hovered || void 0,
+				onMouseEnter: () => {
+					keepHoverOpen();
+					constrainDetailsToBoundary();
+				},
+				onMouseLeave: closeHoverAfterGrace,
+				onFocusCapture: constrainDetailsToBoundary,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-side-chat-quote-chip",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "dsh-side-chat-quote-trigger",
+						"aria-expanded": expanded,
+						"aria-label": `${expanded ? messages.collapse : messages.expand}: ${messages.selectedPassage}`,
+						onClick: () => {
+							setExpanded((value) => !value);
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+							className: "dsh-side-chat-quote-icon",
+							viewBox: "0 0 24 24",
+							"aria-hidden": "true",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 8h8M8 12h5" })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: messages.selectionAttachments(selections.length) })]
+					}), onRemove !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dsh-side-chat-quote-remove",
+						"aria-label": messages.removeSelection,
+						onClick: onRemove,
+						children: "×"
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					ref: detailsRef,
+					className: "dsh-side-chat-quote-details",
+					role: "tooltip",
+					children: selections.map((selection, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-side-chat-quote-detail",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-side-chat-quote-details-header",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [
+									String(index + 1),
+									". ",
+									messages.selectionPreviewLabel,
+									":"
+								] })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: selection.text }),
+							selection.comment !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-side-chat-quote-comment",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [messages.selectionCommentLabel, ":"] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: selection.comment })]
+							})
+						]
+					}, `${String(index)}-${selection.text}`))
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/parent-composer/ParentConversationAnnotations.tsx
+		function currentLocale() {
+			return navigator.language.toLowerCase().startsWith("zh") ? "zh-CN" : "en";
+		}
+		/** The interactive annotation capsule occupying the reserved first composer row. */
+		function ParentComposerAnnotations({ input, onRemove, locale = currentLocale() }) {
+			const annotations = conversationAnnotations(input);
+			if (annotations.length === 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-side-chat-parent-annotation-dock",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionQuote, {
+					selections: annotations,
+					messages: SIDE_CHAT_MESSAGES[locale],
+					onRemove
+				})
+			});
+		}
+		function contentText$1(content) {
+			return content.map((block) => {
+				if (typeof block !== "object" || block === null) return "";
+				const value = block;
+				return value.type === "text" && typeof value.text === "string" ? value.text : "";
+			}).join("");
+		}
+		function visibleMessage(message) {
+			return /^<user_question>\n?([\s\S]*?)\n?<\/user_question>$/u.exec(message)?.[1]?.trim() ?? message;
+		}
+		function replaceTextContent(content, message) {
+			let replaced = false;
+			const next = content.flatMap((block) => {
+				if (typeof block !== "object" || block === null) return [block];
+				const value = block;
+				if (value.type !== "text" || typeof value.text !== "string") return [block];
+				if (replaced) return [];
+				replaced = true;
+				return [{
+					...value,
+					text: message
+				}];
+			});
+			return replaced ? next : [{
+				type: "text",
+				text: message
+			}, ...next];
+		}
+		/** Wrap DSH's own user renderer only when this plugin's durable prefix exists. */
+		function annotatedUserMessageRenderer(Original) {
+			return function AnnotatedUserMessageRenderer(props) {
+				const parsed = parseAnnotatedConversationPrompt(contentText$1(props.node.data.content));
+				if (parsed === void 0) return (0, react.createElement)(Original, props);
+				const node = {
+					...props.node,
+					data: {
+						...props.node.data,
+						content: replaceTextContent(props.node.data.content, visibleMessage(parsed.message))
+					}
+				};
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-side-chat-parent-user-message",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionQuote, {
+						selections: parsed.annotations,
+						messages: SIDE_CHAT_MESSAGES[currentLocale()]
+					}), (0, react.createElement)(Original, {
+						...props,
+						node
+					})]
+				});
+			};
+		}
+		/** Mount the composer capsule and a thin wrapper around DSH's user renderers. */
+		function mountParentConversationAnnotations(ctx, removeAnnotations) {
+			const slots = ctx.slots;
+			const removeDock = slots.inject("conversation.input.dock", () => slots.register({
+				name: "conversation.input.dock",
+				id: "dsh-side-chat-annotations",
+				order: -100
+			}, ({ input }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParentComposerAnnotations, {
+				input,
+				onRemove: removeAnnotations
+			})));
+			const shadow = (key) => slots.inject("conversation.chat.node", () => {
+				const ShadowedUserMessage = (props) => {
+					const original = slots.entries("conversation.chat.node").find((entry) => entry.options.key === key && entry.component !== ShadowedUserMessage && (entry.options.priority ?? 0) >= 0)?.component;
+					if (original === void 0) return null;
+					const Renderer = annotatedUserMessageRenderer(original);
+					return (0, react.createElement)(Renderer, props);
+				};
+				return slots.register({
+					name: "conversation.chat.node",
+					key,
+					priority: -100,
+					locale: "conversation"
+				}, ShadowedUserMessage);
+			});
+			const removeUser = shadow("user");
+			const removeSteering = shadow("steering");
+			return () => {
+				removeSteering();
+				removeUser();
+				removeDock();
+			};
+		}
 		//#endregion
 		//#region src/shared/observable.ts
 		/** Immutable-value observable with contained subscriber failures. */
@@ -47,31 +462,6 @@ window.__ModuleLoader__.load({
 				this.listeners.clear();
 			}
 		};
-		//#endregion
-		//#region src/client/parent-composer/add-to-conversation.ts
-		function escapeXmlText(value) {
-			return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-		}
-		/** Add the selected quote to the first child prompt. */
-		function buildSideChatPrompt(selection, question) {
-			const trimmed = question.trim();
-			if (selection === void 0) return [{
-				type: "text",
-				text: trimmed
-			}];
-			return [{
-				type: "text",
-				text: [
-					`<selected_context source="current-conversation" event-seq="${selection.atSeq}">`,
-					escapeXmlText(selection.text),
-					"</selected_context>",
-					"",
-					"<user_question>",
-					escapeXmlText(trimmed),
-					"</user_question>"
-				].join("\n")
-			}];
-		}
 		Object.freeze({
 			repository: "https://github.com/deepseek-ai/deepseek-harness",
 			npmPackage: "@deepseek-ai/dsh",
@@ -4785,120 +5175,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			};
 		}
 		//#endregion
-		//#region src/client/panel/messages.ts
-		const SIDE_CHAT_MESSAGES = Object.freeze({
-			en: Object.freeze({
-				title: "Side Chat",
-				close: "Close Side Chat",
-				placeholder: "Ask about this in a Side Chat",
-				send: "Send",
-				selectedPassage: "Selected passage",
-				selectionAttachment: "1 annotation",
-				selectionPreviewLabel: "Selected text",
-				removeSelection: "Remove annotation",
-				expand: "Expand",
-				collapse: "Collapse",
-				copy: "Copy",
-				temporary: "Archived when closed; history remains on disk",
-				referenceOnly: "Inherits the complete parent conversation prefix",
-				cannotReopen: "No reopen action",
-				sharedWorkspace: "Shares the parent workspace",
-				retry: "Retry",
-				genericError: "Side Chat error",
-				closeError: "Could not close the Side Chat"
-			}),
-			"zh-CN": Object.freeze({
-				title: "侧边对话",
-				close: "关闭侧边对话",
-				placeholder: "在侧边对话中询问这段内容",
-				send: "发送",
-				selectedPassage: "所选段落",
-				selectionAttachment: "1 条引用",
-				selectionPreviewLabel: "所选文本",
-				removeSelection: "移除引用",
-				expand: "展开",
-				collapse: "收起",
-				copy: "复制",
-				temporary: "关闭时归档；历史仍保存在磁盘上",
-				referenceOnly: "完整继承父会话对话前缀",
-				cannotReopen: "不提供重新打开操作",
-				sharedWorkspace: "与父会话共享工作区",
-				retry: "重试",
-				genericError: "侧边对话错误",
-				closeError: "无法关闭侧边对话"
-			})
-		});
-		//#endregion
-		//#region src/client/panel/SelectionQuote.tsx
-		/** Selected passage displayed separately from the user's first question. */
-		function SelectionQuote({ selection, messages, onCopy, onRemove }) {
-			const [expanded, setExpanded] = (0, react.useState)(false);
-			const quoteRef = (0, react.useRef)(null);
-			const detailsRef = (0, react.useRef)(null);
-			const constrainDetailsToPanel = () => {
-				const details = detailsRef.current;
-				const panel = quoteRef.current?.closest(".dsh-side-chat-panel");
-				if (details === null || panel === void 0 || panel === null) return;
-				details.style.setProperty("--dsh-side-chat-quote-offset-x", "0px");
-				const detailsRect = details.getBoundingClientRect();
-				const panelRect = panel.getBoundingClientRect();
-				const leftEdge = panelRect.left + 16;
-				const rightEdge = panelRect.right - 16;
-				const offset = detailsRect.left < leftEdge ? leftEdge - detailsRect.left : detailsRect.right > rightEdge ? rightEdge - detailsRect.right : 0;
-				details.style.setProperty("--dsh-side-chat-quote-offset-x", `${String(offset)}px`);
-			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				ref: quoteRef,
-				className: "dsh-side-chat-quote",
-				"aria-label": messages.selectedPassage,
-				"data-expanded": expanded || void 0,
-				onMouseEnter: constrainDetailsToPanel,
-				onFocusCapture: constrainDetailsToPanel,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "dsh-side-chat-quote-chip",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: "dsh-side-chat-quote-trigger",
-						"aria-expanded": expanded,
-						"aria-label": `${expanded ? messages.collapse : messages.expand}: ${messages.selectedPassage}`,
-						onClick: () => {
-							setExpanded((value) => !value);
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-							className: "dsh-side-chat-quote-icon",
-							viewBox: "0 0 24 24",
-							"aria-hidden": "true",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 8h8M8 12h5" })]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: messages.selectionAttachment })]
-					}), onRemove !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: "dsh-side-chat-quote-remove",
-						"aria-label": messages.removeSelection,
-						onClick: onRemove,
-						children: "×"
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					ref: detailsRef,
-					className: "dsh-side-chat-quote-details",
-					role: "tooltip",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsh-side-chat-quote-details-header",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [
-							"1. ",
-							messages.selectionPreviewLabel,
-							":"
-						] }), onCopy !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							onClick: () => {
-								onCopy(selection.text);
-							},
-							children: messages.copy
-						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: selection.text })]
-				})]
-			});
-		}
-		//#endregion
 		//#region src/client/panel/SendIcon.tsx
 		/** Arrow used by DSH's native 34px primary send button. */
 		function SendIcon() {
@@ -4977,7 +5253,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, onCopySelection, onRemoveSelection }) {
+		function SideChatPanel({ state, locale = "en", embeddedConversation, onDraftChange, onFirstSend, onClose, onRetry, onFocusParent, onRemoveSelection }) {
 			const messages = SIDE_CHAT_MESSAGES[locale];
 			const [submitting, setSubmitting] = (0, react.useState)(false);
 			const draftRef = useAutoGrowingTextarea(state.draft);
@@ -5023,9 +5299,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						},
 						children: [
 							state.selection !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionQuote, {
-								selection: state.selection,
+								selections: [state.selection],
 								messages,
-								...onCopySelection === void 0 ? {} : { onCopy: onCopySelection },
 								...onRemoveSelection === void 0 ? {} : { onRemove: onRemoveSelection }
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
@@ -5172,16 +5447,103 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		//#endregion
 		//#region src/client/selection/SelectionActions.tsx
-		function SelectionActions({ selection, askDisabledReason, onMoreDetails, onAskInSideChat, onDismiss }) {
+		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)("");
+			const commentRef = (0, react.useRef)(null);
 			const center = selection.rect.x + selection.rect.width / 2;
 			const style = {
 				left: Math.min(Math.max(8, center), selection.rect.viewportWidth - 8),
 				top: selection.rect.y < 56 ? selection.rect.y + selection.rect.height + 8 : selection.rect.y - 8,
 				transform: selection.rect.y < 56 ? "translate(0, 0)" : "translate(0, -100%)"
 			};
+			const editorWidth = Math.min(420, selection.rect.viewportWidth - 16);
+			const editorAbove = selection.rect.y - 118;
+			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),
+				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
+			};
 			const keepSelection = (event) => {
 				event.preventDefault();
 			};
+			(0, react.useEffect)(() => {
+				if (editingAnnotation) commentRef.current?.focus();
+			}, [editingAnnotation]);
+			const closeEditor = () => {
+				setEditingAnnotation(false);
+				setComment("");
+				onAnnotationEditorChange?.(false);
+			};
+			const saveAnnotation = () => {
+				const trimmed = comment.trim();
+				onAddToChat(selection, trimmed.length === 0 ? void 0 : trimmed);
+				onAnnotationEditorChange?.(false);
+				onDismiss();
+			};
+			const submitAnnotation = (event) => {
+				event.preventDefault();
+				saveAnnotation();
+			};
+			const annotationKeyDown = (event) => {
+				if (event.key === "Escape") {
+					event.preventDefault();
+					event.stopPropagation();
+					closeEditor();
+					return;
+				}
+				if (event.key === "Enter" && !event.shiftKey) {
+					event.preventDefault();
+					saveAnnotation();
+				}
+			};
+			if (editingAnnotation) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dsh-side-chat-selection-marker",
+				"aria-hidden": "true",
+				style: markerStyle,
+				children: String(annotationNumber)
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+				className: "dsh-side-chat-selection-comment",
+				role: "dialog",
+				"aria-label": "Add annotation comment",
+				style: editorStyle,
+				onSubmit: submitAnnotation,
+				onMouseDown: (event) => {
+					event.stopPropagation();
+				},
+				onKeyUp: (event) => {
+					event.stopPropagation();
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+					ref: commentRef,
+					value: comment,
+					rows: 2,
+					"aria-label": "Optional annotation comment",
+					placeholder: "Add an optional comment…",
+					onChange: (event) => {
+						setComment(event.currentTarget.value);
+					},
+					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"
+					})]
+				})]
+			})] });
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-side-chat-selection-actions",
 				role: "toolbar",
@@ -5191,25 +5553,36 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				onKeyDown: (event) => {
 					if (event.key === "Escape") onDismiss();
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					disabled: askDisabledReason !== void 0,
-					title: askDisabledReason,
-					onClick: () => {
-						onMoreDetails(selection);
-						onDismiss();
-					},
-					children: "More details"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					disabled: askDisabledReason !== void 0,
-					title: askDisabledReason,
-					onClick: () => {
-						onAskInSideChat(selection);
-						onDismiss();
-					},
-					children: "Ask in side chat"
-				})]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: () => {
+							setEditingAnnotation(true);
+							onAnnotationEditorChange?.(true);
+						},
+						children: "Add to chat"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						disabled: askDisabledReason !== void 0,
+						title: askDisabledReason,
+						onClick: () => {
+							onMoreDetails(selection);
+							onDismiss();
+						},
+						children: "More details"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						disabled: askDisabledReason !== void 0,
+						title: askDisabledReason,
+						onClick: () => {
+							onAskInSideChat(selection);
+							onDismiss();
+						},
+						children: "Ask in side chat"
+					})
+				]
 			});
 		}
 		//#endregion
@@ -5481,7 +5854,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", onCopySelection }) {
+		function ArchivedConversation({ face, inheritedThroughSeq, controller, selection, locale = "en" }) {
 			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);
@@ -5528,9 +5901,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						nodes.map((node) => selection !== void 0 && node === annotatedUserNode ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-side-chat-annotated-user-message",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionQuote, {
-								selection,
-								messages: SIDE_CHAT_MESSAGES[locale],
-								...onCopySelection === void 0 ? {} : { onCopy: onCopySelection }
+								selections: [selection],
+								messages: SIDE_CHAT_MESSAGES[locale]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageRow, { node })]
 						}, `${node.kind}-${String(node.seq)}`) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageRow, { node }, `${node.kind}-${String(node.seq)}`)),
 						snapshot.partial !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
@@ -5769,6 +6141,29 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					return node !== void 0 && node.visibility === "visible" && node.kind === fragment.nodeKind && node.anchorSeq === fragment.seq && locationSettled(node.location);
 				});
 			}
+			/** 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);
+			}
+			/** 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;
+			}
+			/** 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));
+			}
 			async retain(sessionId) {
 				const binding = await this.waitForBinding(dshSessionId(sessionId));
 				await binding.session.open();
@@ -5844,7 +6239,30 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function captureEvent(event) {
 			if (event instanceof KeyboardEvent && event.key === "Escape") return false;
 			const target = event.target;
-			return !(target instanceof Element && target.closest("[data-side-chat-panel], .dsh-side-chat-selection-actions") !== null);
+			return !(target instanceof Element && target.closest([
+				"[data-side-chat-panel]",
+				".dsh-side-chat-selection-actions",
+				".dsh-side-chat-selection-comment"
+			].join(", ")) !== null);
+		}
+		function focusParentComposer() {
+			const input = document.querySelector([
+				"[data-composer-seat] textarea",
+				"[data-composer-seat] [role=\"textbox\"]",
+				"[data-composer-seat] [contenteditable=\"true\"]"
+			].join(", "));
+			if (input === null) return;
+			input.focus();
+			if (input instanceof HTMLTextAreaElement) {
+				input.setSelectionRange(input.value.length, input.value.length);
+				return;
+			}
+			const range = document.createRange();
+			range.selectNodeContents(input);
+			range.collapse(false);
+			const selection = window.getSelection();
+			selection?.removeAllRanges();
+			selection?.addRange(range);
 		}
 		/** rc.6 compatibility surface: selection toolbar plus a non-current child conversation panel. */
 		function Rc6SideChatOverlay({ controller, sessions }) {
@@ -5853,6 +6271,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const [selection, setSelection] = (0, react.useState)(null);
 			const captureGeneration = (0, react.useRef)(0);
 			const mouseDownPoint = (0, react.useRef)(null);
+			const annotationEditing = (0, react.useRef)(false);
 			const capture = (0, react.useCallback)(async () => {
 				const generation = ++captureGeneration.current;
 				const parentSessionId = sessions.currentSessionId();
@@ -5889,6 +6308,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						x: event.clientX,
 						y: event.clientY
 					};
+					annotationEditing.current = false;
 					++captureGeneration.current;
 					setSelection(null);
 				};
@@ -5899,6 +6319,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					if (start === null || Math.abs(event.clientX - start.x) > 2 || Math.abs(event.clientY - start.y) > 2 || event.detail > 1 || event.shiftKey) capture();
 				};
 				const onSelectionChange = () => {
+					if (annotationEditing.current) return;
 					const browserSelection = window.getSelection();
 					if (browserSelection !== null && !browserSelection.isCollapsed) return;
 					++captureGeneration.current;
@@ -5926,25 +6347,37 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			}, [capture, controller]);
 			(0, react.useEffect)(() => {
 				++captureGeneration.current;
+				annotationEditing.current = false;
 				setSelection(null);
 			}, [currentSessionId]);
 			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 inheritedThroughSeq = state.inheritedThroughSeq;
 			const locale = navigator.language.toLowerCase().startsWith("zh") ? "zh-CN" : "en";
-			const copySelection = (text) => {
-				navigator.clipboard.writeText(text).catch(() => {
-					sessions.notify({
-						kind: "warning",
-						text: "Could not copy the selected text."
-					});
-				});
-			};
 			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({
+								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({
@@ -5963,6 +6396,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						setSelection(null);
 					},
 					onDismiss: () => {
+						annotationEditing.current = false;
 						setSelection(null);
 					}
 				}), state.phase !== "closed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideChatPanel, {
@@ -5973,8 +6407,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						inheritedThroughSeq,
 						controller,
 						...state.selection === void 0 ? {} : { selection: state.selection },
-						locale,
-						onCopySelection: copySelection
+						locale
 					}) },
 					onDraftChange: (draft) => {
 						controller.setDraft(draft);
@@ -5985,7 +6418,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					onFocusParent: () => {
 						if (state.parentSessionId !== void 0) sessions.openSession(state.parentSessionId);
 					},
-					onCopySelection: copySelection,
 					onRemoveSelection: () => {
 						controller.clearSelection();
 					}
@@ -5996,6 +6428,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		//#region src/client/apply.ts
 		const name = "side-chat-client";
 		const inject = [
+			"conversation",
+			"inputTriggers",
 			"remote",
 			"sessions",
 			"slots"
@@ -6008,7 +6442,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			document.head.append(stylesheet);
 			const clientCtx = ctx;
 			const mounted = await mountArchivedRemote(clientCtx);
+			const removeSelectionReferenceSource = clientCtx.inputTriggers.registerSource(selectionReferenceSource);
 			const sessions = new Rc6SideChatSessions(clientCtx);
+			const removeParentAnnotations = mountParentConversationAnnotations(clientCtx, () => {
+				sessions.removeConversationAnnotations();
+			});
 			const controller = new SideChatController(mounted.remote, sessions);
 			const removeOverlay = clientCtx.slots.inject("shell.overlay", () => clientCtx.slots.register({
 				name: "shell.overlay",
@@ -6022,6 +6460,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				try {
 					await controller.dispose();
 				} finally {
+					removeParentAnnotations();
+					removeSelectionReferenceSource();
 					removeOverlay();
 					await mounted.dispose();
 					stylesheet.remove();