@ahggg/dsh-side-chat 0.4.0 → 0.4.2

package/lib/client.js

@@ -8,7 +8,7 @@ window.__ModuleLoader__.load({
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		//#region \0dsh-side-chat-css:L2hvbWUvcnVubmVyL3dvcmsvZHNoLXNpZGUtY2hhdC9kc2gtc2lkZS1jaGF0L3NyYy9jbGllbnQvcGFuZWwvc2lkZS1jaGF0LmNzcw
-		var _dsh_side_chat_css_L2hvbWUvcnVubmVyL3dvcmsvZHNoLXNpZGUtY2hhdC9kc2gtc2lkZS1jaGF0L3NyYy9jbGllbnQvcGFuZWwvc2lkZS1jaGF0LmNzcw_default = ".dsh-side-chat-overlay {\n  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";
+		var _dsh_side_chat_css_L2hvbWUvcnVubmVyL3dvcmsvZHNoLXNpZGUtY2hhdC9kc2gtc2lkZS1jaGF0L3NyYy9jbGllbnQvcGFuZWwvc2lkZS1jaGF0LmNzcw_default = ".dsh-side-chat-overlay {\n  pointer-events: none;\n}\n\n.dsh-side-chat-overlay > * {\n  pointer-events: auto;\n}\n\n.dsh-side-chat-panel {\n  --side-chat-border: var(--dsw-border, #d8d8de);\n  --side-chat-bg: var(--dsw-surface, #ffffff);\n  --side-chat-muted: var(--dsw-text-muted, #62636a);\n  position: fixed;\n  z-index: 70;\n  right: clamp(12px, 2vw, 20px);\n  bottom: clamp(12px, 2vw, 20px);\n  display: flex;\n  width: min(840px, calc(100vw - 32px));\n  height: clamp(460px, 62dvh, 980px);\n  max-height: calc(100dvh - 32px);\n  min-width: 0;\n  min-height: 0;\n  box-sizing: border-box;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 28px;\n  background: var(--side-chat-bg);\n  color: var(--dsw-text, #19191d);\n  box-shadow: 0 12px 36px rgb(0 0 0 / 11%), 0 2px 8px rgb(0 0 0 / 6%);\n}\n\n.dsh-side-chat-conversation {\n  display: flex;\n  height: 100%;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.dsh-side-chat-transcript {\n  display: flex;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 12px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  padding: 18px 20px 24px;\n  scrollbar-color: color-mix(in srgb, var(--side-chat-muted) 34%, transparent) transparent;\n  scrollbar-width: thin;\n}\n\n.dsh-side-chat-message {\n  max-width: 92%;\n  padding: 10px 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 12px;\n  background: var(--dsw-surface-subtle, #f7f7f9);\n}\n\n.dsh-side-chat-message[data-role=\"user\"] {\n  align-self: end;\n  background: var(--dsw-accent-soft, #eef4ff);\n}\n\n.dsh-side-chat-message[data-role=\"assistant\"] {\n  align-self: start;\n  min-width: 0;\n  max-width: 100%;\n  border-color: transparent;\n  background: transparent;\n  overflow-wrap: anywhere;\n}\n.dsh-side-chat-message-role,\n.dsh-side-chat-message-note { display: block; margin-bottom: 5px; color: var(--side-chat-muted); font-size: 12px; }\n.dsh-side-chat-message-text { white-space: pre-wrap; overflow-wrap: anywhere; }\n.dsh-side-chat-message pre,\n.dsh-side-chat-turn-notice pre { overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }\n.dsh-side-chat-message[data-role=\"assistant\"] :where(table) {\n  display: block;\n  max-width: 100%;\n  overflow-x: auto;\n}\n.dsh-side-chat-tool-branch {\n  min-width: 0;\n  max-width: 100%;\n  flex: 0 0 auto;\n}\n.dsh-side-chat-tool {\n  display: flex;\n  min-width: 0;\n  max-width: 100%;\n  flex: 0 0 auto;\n  flex-direction: column;\n  border-radius: 6px;\n}\n.dsh-side-chat-tool-row {\n  position: relative;\n  overflow: hidden;\n}\n.dsh-side-chat-tool[data-state=\"running\"] .dsh-side-chat-tool-row::after,\n.dsh-side-chat-tool[data-state=\"pending\"] .dsh-side-chat-tool-row::after {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 300px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 60%, transparent) 55%,\n    transparent 100%\n  );\n  content: '';\n  pointer-events: none;\n  animation: dsh-side-chat-tool-sweep 2.6s ease-out infinite;\n}\n@keyframes dsh-side-chat-tool-sweep {\n  0% { left: -300px; }\n  90%, 100% { left: 100%; }\n}\n.dsh-side-chat-tool-row:focus-visible {\n  border-radius: 4px;\n  outline: 2px solid color-mix(in srgb, var(--dsw-alias-button-info, #1473e6) 42%, transparent);\n  outline-offset: 1px;\n}\n.dsh-side-chat-tool-leading { flex-shrink: 0; }\n.dsh-side-chat-tool-chevron { color: var(--dsw-alias-label-secondary, var(--side-chat-muted)); }\n.dsh-side-chat-tool-title { font-weight: 400; }\n.dsh-side-chat-tool-separator {\n  width: 2px;\n  height: 2px;\n  flex: none;\n  margin: 0 8px;\n  border-radius: 1px;\n  background: var(--dsw-alias-label-caption, #a1a1aa);\n}\n.dsh-side-chat-tool-summary {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, var(--side-chat-muted));\n  font-size: 14px;\n  line-height: 24px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-side-chat-tool-error-summary { color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-tool-body-wrap {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n.dsh-side-chat-tool-code,\n.dsh-side-chat-tool-diff,\n.dsh-side-chat-tool-read,\n.dsh-side-chat-tool-search,\n.dsh-side-chat-tool-terminal,\n.dsh-side-chat-tool-web {\n  margin: 4px 0 4px 4px;\n}\n.dsh-side-chat-tool-code { --dsl-code-block-content-font: var(--dsw-font-markdown-code-block-small); }\n.dsh-side-chat-tool-terminal {\n  --dsl-terminal-font: var(--dsw-font-markdown-code-block-small);\n  --dsl-terminal-line-height: 18px;\n  --dsl-terminal-output-max-height: 224px;\n  border: 1px solid var(--dsw-alias-border-l1, var(--side-chat-border));\n}\n.dsh-side-chat-tool-io-card {\n  display: flex;\n  flex-direction: column;\n  margin: 4px 0 4px 4px;\n  border: 1px solid var(--dsw-alias-border-l1, var(--side-chat-border));\n  border-radius: 12px;\n  background: var(--dsw-alias-markdown-code-block, #f6f6f7);\n  font: var(--dsw-font-markdown-code-block-small, 12px/18px ui-monospace, SFMono-Regular, Consolas, monospace);\n}\n.dsh-side-chat-tool-io-section {\n  display: grid;\n  max-height: 150px;\n  grid-template-columns: max-content minmax(0, 1fr);\n  column-gap: 14px;\n  align-items: baseline;\n  overflow-y: auto;\n  padding: 12px 16px;\n}\n.dsh-side-chat-tool-io-divider {\n  height: 1px;\n  flex: none;\n  background: var(--dsw-alias-border-l2, var(--side-chat-border));\n}\n.dsh-side-chat-tool-io-label {\n  position: sticky;\n  top: 0;\n  align-self: start;\n  color: var(--dsw-alias-label-caption, #8d8d95);\n}\n.dsh-side-chat-tool-io-text {\n  min-width: 0;\n  white-space: pre-wrap;\n  word-break: break-word;\n  color: var(--dsw-alias-label-secondary, #4b4b52);\n}\n.dsh-side-chat-tool-io-text[data-error] { color: var(--dsw-alias-state-error-primary, var(--dsw-danger, #b42318)); }\n.dsh-side-chat-tool-subcalls {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 4px 0 2px 22px;\n  padding-left: 8px;\n  border-left: 1px solid var(--dsw-alias-border-l2, var(--side-chat-border));\n}\n.dsh-side-chat-tool-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n.dsh-side-chat-turn-notice,\n.dsh-side-chat-interaction,\n.dsh-side-chat-queue { padding: 10px; border: 1px solid var(--side-chat-border); border-radius: 10px; }\n.dsh-side-chat-interaction fieldset { margin: 8px 0; border: 1px solid var(--side-chat-border); border-radius: 8px; }\n.dsh-side-chat-question-option { display: flex; gap: 8px; margin: 8px 0; }\n.dsh-side-chat-interaction textarea { width: 100%; box-sizing: border-box; resize: vertical; }\n.dsh-side-chat-interaction-actions,\n.dsh-side-chat-composer > div,\n.dsh-side-chat-queue > div { display: flex; justify-content: end; gap: 8px; }\n.dsh-side-chat-interaction button,\n.dsh-side-chat-composer button,\n.dsh-side-chat-queue button { min-height: 32px; border: 1px solid var(--side-chat-border); border-radius: 7px; background: var(--dsw-control, #f7f7f9); color: inherit; cursor: pointer; }\n.dsh-side-chat-composer {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 8px;\n  align-items: end;\n  margin: 0 12px 12px;\n  padding: 8px 8px 8px 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 24px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 2px 8px rgb(0 0 0 / 5%);\n}\n.dsh-side-chat-composer textarea {\n  width: 100%;\n  height: auto;\n  min-height: 24px;\n  max-height: 160px;\n  box-sizing: border-box;\n  resize: none;\n  overflow-y: hidden;\n  padding: 6px;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.5;\n}\n.dsh-side-chat-composer button { align-self: end; }\n.dsh-side-chat-loading { display: grid; height: 100%; place-items: center; color: var(--side-chat-muted); }\n\n.dsh-side-chat-header {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 8px 12px;\n  align-items: center;\n  flex: 0 0 auto;\n  min-height: 46px;\n  box-sizing: border-box;\n  padding: 5px 10px 5px 16px;\n  border-bottom: 1px solid var(--side-chat-border);\n  background: var(--side-chat-bg);\n}\n\n.dsh-side-chat-heading { display: flex; min-width: 0; flex-direction: column; }\n.dsh-side-chat-heading strong { font-size: 14px; font-weight: 600; }\n.dsh-side-chat-footer { color: var(--side-chat-muted); font-size: 12px; }\n.dsh-side-chat-header button,\n.dsh-side-chat-inline-actions button,\n.dsh-side-chat-draft button,\n.dsh-side-chat-error button,\n.dsh-side-chat-selection-actions button {\n  min-height: 32px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 7px;\n  background: var(--dsw-control, #f7f7f9);\n  color: inherit;\n  cursor: pointer;\n}\n.dsh-side-chat-header button:disabled { cursor: not-allowed; opacity: .55; }\n.dsh-side-chat-header .dsh-side-chat-heading {\n  align-items: flex-start;\n  min-height: 0;\n  padding: 4px 0;\n  border: 0;\n  background: transparent;\n  text-align: left;\n}\n.dsh-side-chat-header > button:last-child {\n  width: 32px;\n  min-height: 32px;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n  font-size: 20px;\n  line-height: 1;\n}\n.dsh-side-chat-header > button:last-child:hover { background: var(--dsw-surface-subtle, #f3f3f5); }\n\n.dsh-side-chat-quote { position: relative; max-width: 100%; align-self: flex-start; }\n.dsh-side-chat-quote-chip {\n  display: inline-flex;\n  min-height: 36px;\n  align-items: center;\n  overflow: hidden;\n  padding: 0;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 999px;\n  background: var(--side-chat-bg);\n  transition: background-color 120ms ease;\n}\n.dsh-side-chat-quote:hover .dsh-side-chat-quote-chip,\n.dsh-side-chat-quote:focus-within .dsh-side-chat-quote-chip,\n.dsh-side-chat-quote[data-expanded] .dsh-side-chat-quote-chip { background: var(--dsw-surface-subtle, #f3f3f5); }\n.dsh-side-chat-quote-chip .dsh-side-chat-quote-trigger {\n  display: inline-flex;\n  min-height: 34px;\n  align-items: center;\n  gap: 8px;\n  padding: 0 11px;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-side-chat-quote-trigger strong { font-size: 13px; font-weight: 500; line-height: 1; }\n.dsh-side-chat-quote-icon {\n  width: 16px;\n  height: 16px;\n  flex: 0 0 auto;\n  color: var(--side-chat-muted);\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1.7;\n}\n.dsh-side-chat-quote-chip .dsh-side-chat-quote-remove {\n  display: grid;\n  width: 0;\n  height: 34px;\n  min-height: 34px;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  place-items: center;\n  overflow: hidden;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: var(--side-chat-muted);\n  cursor: pointer;\n  font: inherit;\n  font-size: 18px;\n  line-height: 1;\n  opacity: 0;\n  pointer-events: none;\n  transition: width 120ms ease, margin-left 120ms ease, opacity 100ms ease, background-color 100ms ease;\n}\n.dsh-side-chat-quote:hover .dsh-side-chat-quote-remove,\n.dsh-side-chat-quote:focus-within .dsh-side-chat-quote-remove {\n  width: 30px;\n  opacity: 1;\n  pointer-events: auto;\n}\n.dsh-side-chat-quote-remove:hover { background: rgb(0 0 0 / 6%); color: inherit; }\n.dsh-side-chat-quote-details {\n  position: absolute;\n  z-index: 10;\n  bottom: calc(100% + 8px);\n  left: 0;\n  width: min(520px, calc(100vw - 64px));\n  max-width: calc(100vw - 48px);\n  box-sizing: border-box;\n  padding: 14px 16px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 16px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 4px 14px rgb(0 0 0 / 8%);\n  font-size: 14px;\n  line-height: 1.45;\n  opacity: 0;\n  pointer-events: none;\n  transform: translate(var(--dsh-side-chat-quote-offset-x, 0px), 4px);\n  visibility: hidden;\n  transition: opacity 100ms ease, transform 120ms ease, visibility 100ms ease;\n}\n.dsh-side-chat-quote-details::before {\n  content: '';\n  position: absolute;\n  right: 0;\n  bottom: -8px;\n  left: 0;\n  height: 8px;\n}\n.dsh-side-chat-quote:hover .dsh-side-chat-quote-details,\n.dsh-side-chat-quote[data-hovered] .dsh-side-chat-quote-details,\n.dsh-side-chat-quote:focus-within .dsh-side-chat-quote-details,\n.dsh-side-chat-quote[data-expanded] .dsh-side-chat-quote-details {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(var(--dsh-side-chat-quote-offset-x, 0px), 0);\n  visibility: visible;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-quote-details {\n  top: calc(100% + 8px);\n  right: 0;\n  bottom: auto;\n  left: auto;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-quote-details::before {\n  top: -8px;\n  bottom: auto;\n}\n.dsh-side-chat-quote-details-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }\n.dsh-side-chat-quote-details-header strong { color: var(--side-chat-muted); font-size: 13px; font-weight: 500; }\n.dsh-side-chat-quote-detail + .dsh-side-chat-quote-detail {\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid var(--side-chat-border);\n}\n.dsh-side-chat-quote pre {\n  max-height: 180px;\n  margin: 4px 0 0;\n  overflow: auto;\n  white-space: pre-wrap;\n  font: inherit;\n}\n.dsh-side-chat-quote-comment {\n  margin-top: 9px;\n}\n.dsh-side-chat-quote-comment > strong { color: var(--side-chat-muted); font-size: 13px; font-weight: 500; }\n.dsh-side-chat-quote-comment > pre { margin-top: 4px; }\n.dsh-side-chat-error { margin: 10px 16px 0; padding: 10px 12px; border: 1px solid var(--side-chat-border); border-radius: 14px; background: var(--dsw-surface-subtle, #f7f7f9); }\n.dsh-side-chat-error { border-color: var(--dsw-danger, #b42318); }\n.dsh-side-chat-body { min-height: 0; flex: 1; overflow: hidden; }\n.dsh-side-chat-annotated-user-message {\n  display: flex;\n  max-width: 92%;\n  align-self: end;\n  align-items: flex-start;\n  flex-direction: column;\n  gap: 8px;\n}\n.dsh-side-chat-annotated-user-message .dsh-side-chat-message { max-width: 100%; align-self: stretch; }\n\n/* The DSH occurrence remains the durable serialization carrier, while this\n   plugin-owned capsule supplies the visible and interactive projection. */\n[data-composer-seat] [data-decoration=\"chip\"][title=\"__dsh_side_chat_annotations__\"] {\n  visibility: hidden;\n}\n.dsh-side-chat-parent-annotation-dock,\n.dsh-side-chat-parent-user-message {\n  --side-chat-border: var(--dsw-border, #d8d8de);\n  --side-chat-bg: var(--dsw-surface, #ffffff);\n  --side-chat-muted: var(--dsw-text-muted, #62636a);\n  color: var(--dsw-text, #19191d);\n}\n.dsh-side-chat-parent-annotation-dock {\n  position: relative;\n  z-index: 20;\n  width: calc(100% - 32px);\n  max-width: var(--dsh-composer-card-max-width, 780px);\n  height: 0;\n  margin: 0 auto;\n  pointer-events: none;\n}\n.dsh-side-chat-parent-annotation-dock > .dsh-side-chat-quote {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  pointer-events: auto;\n}\n.dsh-side-chat-parent-user-message {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n}\n.dsh-side-chat-parent-user-message > .dsh-side-chat-quote { align-self: flex-end; }\n.dsh-side-chat-parent-user-message > .dsh-side-chat-quote .dsh-side-chat-quote-details {\n  right: 0;\n  left: auto;\n}\n.dsh-side-chat-draft {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  min-height: 0;\n  flex: 0 0 auto;\n  gap: 8px;\n  align-items: end;\n  margin: auto 12px 12px;\n  padding: 12px;\n  border: 1px solid var(--side-chat-border);\n  border-radius: 24px;\n  background: var(--side-chat-bg);\n  box-shadow: 0 2px 8px rgb(0 0 0 / 5%);\n}\n.dsh-side-chat-draft > .dsh-side-chat-quote { grid-column: 1 / -1; }\n.dsh-side-chat-draft label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n}\n.dsh-side-chat-draft textarea {\n  width: 100%;\n  height: auto;\n  min-height: 24px;\n  max-height: 160px;\n  box-sizing: border-box;\n  resize: none;\n  overflow-y: hidden;\n  padding: 6px 2px;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.5;\n}\n.dsh-side-chat-draft > button { align-self: end; }\n.dsh-side-chat-panel .dsh-side-chat-send-button,\n.dsh-side-chat-panel .dsh-side-chat-stop-button {\n  display: grid;\n  width: 34px;\n  height: 34px;\n  min-height: 34px;\n  flex: none;\n  place-items: center;\n  padding: 1px 6px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--dsw-alias-button-info-fill, #4176e6);\n  color: #fff;\n  cursor: pointer;\n  line-height: 1;\n  transform: translateY(-2px);\n  transition: background-color 100ms ease;\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button:hover:not(:disabled),\n.dsh-side-chat-panel .dsh-side-chat-stop-button:hover:not(:disabled) {\n  background: var(--dsw-alias-button-info-hover, #3467d6);\n}\n.dsh-side-chat-panel .dsh-side-chat-send-button:disabled,\n.dsh-side-chat-panel .dsh-side-chat-stop-button:disabled { cursor: default; opacity: .4; }\n.dsh-side-chat-footer { display: none; }\n.dsh-side-chat-announcer { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }\n\n.dsh-side-chat-selection-actions {\n  position: fixed;\n  z-index: 90;\n  display: flex;\n  max-width: calc(100vw - 16px);\n  flex-wrap: wrap;\n  gap: 0;\n  padding: 0;\n  border: 1px solid var(--dsw-border, #d8d8de);\n  border-radius: 999px;\n  background: var(--dsw-surface, #fff);\n  box-shadow: 0 4px 14px rgb(0 0 0 / 12%);\n  overflow: hidden;\n}\n.dsh-side-chat-selection-actions button {\n  min-height: 36px;\n  padding: 0 14px;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  transition: background-color 120ms ease;\n}\n.dsh-side-chat-selection-actions button:hover:not(:disabled),\n.dsh-side-chat-selection-actions button:focus-visible {\n  background: var(--dsw-surface-subtle, #f3f3f5);\n}\n.dsh-side-chat-selection-actions button + button {\n  border-left: 1px solid var(--dsw-border, #d8d8de);\n  border-radius: 0;\n}\n\n.dsh-side-chat-selection-marker {\n  position: fixed;\n  z-index: 91;\n  display: grid;\n  width: 28px;\n  height: 28px;\n  place-items: center;\n  border: 2px solid var(--dsw-surface, #fff);\n  border-radius: 999px;\n  background: var(--dsw-alias-button-info, #1473e6);\n  box-shadow: 0 2px 6px rgb(0 0 0 / 12%);\n  color: #fff;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1;\n  pointer-events: none;\n}\n\n.dsh-side-chat-selection-comment {\n  position: fixed;\n  z-index: 92;\n  display: grid;\n  max-width: calc(100vw - 16px);\n  box-sizing: border-box;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid var(--dsw-border, #d8d8de);\n  border-radius: 20px;\n  background: var(--dsw-surface, #fff);\n  box-shadow: 0 5px 18px rgb(0 0 0 / 9%);\n  color: var(--dsw-text, #19191d);\n}\n.dsh-side-chat-selection-comment textarea {\n  width: 100%;\n  min-height: 48px;\n  max-height: 128px;\n  box-sizing: border-box;\n  resize: none;\n  padding: 6px 8px;\n  overflow-y: auto;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  line-height: 1.45;\n}\n.dsh-side-chat-selection-comment-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.dsh-side-chat-selection-comment-actions button {\n  min-height: 32px;\n  padding: 0 14px;\n  border: 1px solid var(--dsw-border, #d8d8de);\n  border-radius: 999px;\n  background: var(--dsw-surface, #fff);\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-side-chat-selection-comment-actions button:hover { background: var(--dsw-surface-subtle, #f3f3f5); }\n.dsh-side-chat-selection-comment-actions .dsh-side-chat-selection-comment-save {\n  border-color: transparent;\n  background: var(--dsw-alias-button-info, #1473e6);\n  color: #fff;\n}\n.dsh-side-chat-selection-comment-actions .dsh-side-chat-selection-comment-save:hover {\n  background: var(--dsw-alias-button-info-hover, #3467d6);\n}\n\n@media (max-width: 900px) {\n  .dsh-side-chat-panel {\n    right: 12px;\n    bottom: 12px;\n    width: calc(100vw - 24px);\n    max-height: calc(100dvh - 24px);\n    border-radius: 24px;\n  }\n}\n\n@media (max-width: 720px) {\n  .dsh-side-chat-panel {\n    right: 8px;\n    bottom: 8px;\n    width: calc(100vw - 16px);\n    height: min(78dvh, 760px);\n    max-height: calc(100dvh - 16px);\n    border-radius: 22px;\n  }\n  .dsh-side-chat-transcript { padding: 14px 14px 20px; }\n  .dsh-side-chat-header { padding-left: 14px; }\n  .dsh-side-chat-error { margin-inline: 12px; }\n}\n\n@media (max-height: 620px) {\n  .dsh-side-chat-panel {\n    bottom: 8px;\n    height: calc(100dvh - 16px);\n    max-height: calc(100dvh - 16px);\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .dsh-side-chat-panel { animation: dsh-side-chat-enter 160ms ease-out; }\n  @keyframes dsh-side-chat-enter { from { transform: translateY(18px) scale(.985); opacity: .7; } }\n}\n\n@media (forced-colors: active) {\n.dsh-side-chat-panel,\n.dsh-side-chat-selection-actions,\n.dsh-side-chat-selection-comment { border: 1px solid CanvasText; }\n}\n";
 		//#endregion
 		//#region src/client/parent-composer/add-to-conversation.ts
 		const SELECTION_REFERENCE_SOURCE = "dsh-side-chat-selection";
@@ -339,7 +339,7 @@ window.__ModuleLoader__.load({
 				})
 			});
 		}
-		function contentText$1(content) {
+		function contentText$2(content) {
 			return content.map((block) => {
 				if (typeof block !== "object" || block === null) return "";
 				const value = block;
@@ -370,7 +370,7 @@ window.__ModuleLoader__.load({
 		/** 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));
+				const parsed = parseAnnotatedConversationPrompt(contentText$2(props.node.data.content));
 				if (parsed === void 0) return (0, react.createElement)(Original, props);
 				const node = {
 					...props.node,
@@ -5605,6 +5605,496 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			});
 		}
 		//#endregion
+		//#region src/client/rc6/SideChatTool.tsx
+		const TOOL_VARIANTS = {
+			bash: "bash",
+			pwsh: "bash",
+			read: "read",
+			web_fetch: "read",
+			web_search: "search",
+			grep: "search",
+			glob: "search",
+			write: "write",
+			edit: "edit",
+			run_code: "code"
+		};
+		const VARIANT_TITLES = {
+			search: "Search",
+			read: "Read",
+			bash: "Bash",
+			write: "Write",
+			edit: "Edit",
+			code: "Code",
+			others: "Tool call"
+		};
+		const SUMMARY_KEYS = {
+			bash: ["description", "command"],
+			read: [
+				"path",
+				"file_path",
+				"url"
+			],
+			search: [
+				"query",
+				"pattern",
+				"url"
+			],
+			write: ["path", "file_path"],
+			edit: ["path", "file_path"],
+			code: ["description"],
+			others: []
+		};
+		function record(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
+		}
+		function stringValue(value) {
+			return typeof value === "string" && value !== "" ? value : void 0;
+		}
+		function numberValue(value) {
+			return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+		}
+		function booleanValue(value) {
+			return typeof value === "boolean" ? value : void 0;
+		}
+		function firstLine(text) {
+			const newline = text.indexOf("\n");
+			return newline === -1 ? text : text.slice(0, newline);
+		}
+		function stringify$1(value) {
+			if (typeof value === "string") return value;
+			try {
+				return JSON.stringify(value, null, 2);
+			} catch {
+				return String(value);
+			}
+		}
+		function contentText$1(content) {
+			return content.map((block) => {
+				if (block.type === "text" || block.type === "reasoning") return block.text;
+				if (block.type === "image") return "[Image]";
+				if (block.type === "tool-call") return `${block.name}(${block.arguments})`;
+				if (block.type === "tool-result") return contentText$1(block.content);
+				return stringify$1(block);
+			}).filter(Boolean).join("\n");
+		}
+		function toolOutputText(content) {
+			const text = contentText$1(content);
+			return /^<path>[\s\S]*?<\/path>\s*<type>[\s\S]*?<\/type>\s*<content>\s*\n?([\s\S]*?)\n?<\/content>\s*$/u.exec(text)?.[1]?.trimEnd() ?? text;
+		}
+		function parseArguments(argsRaw) {
+			try {
+				return record(JSON.parse(argsRaw));
+			} catch {
+				return null;
+			}
+		}
+		function formattedArguments(argsRaw) {
+			try {
+				return JSON.stringify(JSON.parse(argsRaw), null, 2);
+			} catch {
+				return argsRaw;
+			}
+		}
+		function classifyTool(name) {
+			return TOOL_VARIANTS[name.toLowerCase()] ?? "others";
+		}
+		function toolTitle(name, variant) {
+			if (name.toLowerCase() === "pwsh") return "Pwsh";
+			return VARIANT_TITLES[variant];
+		}
+		function pickArgument(args, keys) {
+			for (const key of keys) {
+				const value = stringValue(args[key]);
+				if (value !== void 0) return value;
+			}
+			return Object.values(args).find((value) => typeof value === "string" && value !== "");
+		}
+		function relativizeToCwd(path, cwd) {
+			if (cwd === void 0 || cwd === "") return path;
+			const root = cwd.replace(/[/\\]+$/u, "");
+			const lowerPath = path.toLowerCase();
+			const lowerRoot = root.toLowerCase();
+			return lowerPath.startsWith(`${lowerRoot}/`) || lowerPath.startsWith(`${lowerRoot}\\`) ? path.slice(root.length + 1) : path;
+		}
+		function summaryFromArguments(name, variant, argsRaw, callId, cwd) {
+			const args = parseArguments(argsRaw);
+			const base = relativizeToCwd(firstLine((args === null ? void 0 : pickArgument(args, SUMMARY_KEYS[variant])) ?? (argsRaw === "" || argsRaw === "{}" ? callId : argsRaw)), cwd);
+			return variant === "others" && name !== "" ? `${name} · ${base}` : base;
+		}
+		function filePathFromArguments(variant, argsRaw) {
+			if (variant !== "read" && variant !== "write" && variant !== "edit") return void 0;
+			const args = parseArguments(argsRaw);
+			if (args === null) return void 0;
+			return stringValue(args["path"]) ?? stringValue(args["file_path"]);
+		}
+		function variantIcon(variant) {
+			switch (variant) {
+				case "search": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, { size: 14 });
+				case "read": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBrowseOutline16, { size: 14 });
+				case "bash": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconApiOutline14, { size: 14 });
+				case "write":
+				case "edit": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 14 });
+				case "code": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCodeOutline16, { size: 14 });
+				case "others": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSparkle16, { size: 14 });
+			}
+		}
+		function resolveTerminalCwd(viewCwd, cwd) {
+			if (viewCwd === void 0 || viewCwd === "") return cwd;
+			if (cwd === void 0 || cwd === "" || /^(?:[A-Za-z]:[/\\]|[/\\]{1,2})/u.test(viewCwd)) return viewCwd;
+			return `${cwd.replace(/[/\\]+$/u, "")}\\${viewCwd}`;
+		}
+		function terminalCard(variant, argsRaw, state, output, callView, resultView, cwd) {
+			const call = record(callView);
+			const result = record(resultView);
+			const callIsTerminal = call?.["card"] === "terminal";
+			const resultIsTerminal = result?.["card"] === "terminal";
+			if (variant !== "bash" && !callIsTerminal && !resultIsTerminal) return null;
+			const args = parseArguments(argsRaw);
+			return {
+				command: stringValue(result?.["title"]) ?? stringValue(call?.["title"]) ?? (args === null ? void 0 : stringValue(args["command"])) ?? "",
+				cwd: resolveTerminalCwd(stringValue(call?.["cwd"]), cwd),
+				output: stringValue(result?.["output"]) ?? output,
+				exitCode: numberValue(result?.["exitCode"]),
+				signal: stringValue(result?.["signal"]),
+				running: state === "running" || state === "pending",
+				description: stringValue(call?.["description"])
+			};
+		}
+		function languageForPath(path) {
+			if (path === void 0) return void 0;
+			const extension = /\.([^.\\/]+)$/u.exec(path)?.[1]?.toLowerCase();
+			return extension === void 0 ? void 0 : {
+				js: "javascript",
+				jsx: "jsx",
+				ts: "typescript",
+				tsx: "tsx",
+				json: "json",
+				css: "css",
+				html: "html",
+				md: "markdown",
+				yml: "yaml",
+				yaml: "yaml",
+				py: "python",
+				ps1: "powershell",
+				sh: "bash",
+				toml: "toml",
+				xml: "xml"
+			}[extension];
+		}
+		function validReadLines(value) {
+			if (!Array.isArray(value)) return null;
+			const lines = [];
+			for (const item of value) {
+				const line = record(item);
+				const number = numberValue(line?.["number"]);
+				const text = stringValue(line?.["text"]) ?? (line?.["text"] === "" ? "" : void 0);
+				if (number === void 0 || text === void 0) return null;
+				lines.push({
+					number,
+					text
+				});
+			}
+			return lines;
+		}
+		function readCard(name, argsRaw, state, output, resultView, cwd) {
+			if (state === "running" || state === "pending" || state === "error" || state === "interrupted") return null;
+			const result = record(resultView);
+			if (result?.["card"] === "read") {
+				const lines = validReadLines(result["lines"]);
+				const totalLines = numberValue(result["totalLines"]);
+				const path = stringValue(result["path"]);
+				if (lines === null || totalLines === void 0) return null;
+				return {
+					label: stringValue(result["title"]) ?? (path === void 0 ? void 0 : relativizeToCwd(path, cwd)),
+					lines,
+					totalLines,
+					lang: stringValue(result["lang"])
+				};
+			}
+			if (name.toLowerCase() !== "read" || output === void 0) return null;
+			const path = filePathFromArguments("read", argsRaw);
+			const texts = output.split("\n");
+			return {
+				label: path === void 0 ? void 0 : relativizeToCwd(path, cwd),
+				lines: texts.map((text, index) => ({
+					number: index + 1,
+					text
+				})),
+				totalLines: texts.length,
+				lang: languageForPath(path)
+			};
+		}
+		function validSearchCard(resultView) {
+			const result = record(resultView);
+			if (result?.["card"] !== "search") return null;
+			const truncated = booleanValue(result["truncated"]);
+			const total = numberValue(result["total"]);
+			if (truncated === void 0 || total === void 0) return null;
+			if (result["shape"] === "paths") {
+				const paths = result["paths"];
+				return Array.isArray(paths) && paths.every((path) => typeof path === "string") ? {
+					kind: "paths",
+					paths,
+					truncated,
+					total
+				} : null;
+			}
+			if (result["shape"] !== "matches" || !Array.isArray(result["files"])) return null;
+			const files = [];
+			for (const item of result["files"]) {
+				const file = record(item);
+				const path = stringValue(file?.["path"]);
+				const matchesValue = file?.["matches"];
+				if (path === void 0 || !Array.isArray(matchesValue)) return null;
+				const matches = [];
+				for (const matchValue of matchesValue) {
+					const match = record(matchValue);
+					const lineNumber = numberValue(match?.["lineNumber"]);
+					const line = stringValue(match?.["line"]) ?? (match?.["line"] === "" ? "" : void 0);
+					if (lineNumber === void 0 || line === void 0) return null;
+					matches.push({
+						lineNumber,
+						line
+					});
+				}
+				files.push({
+					path,
+					matches
+				});
+			}
+			return {
+				kind: "matches",
+				files,
+				truncated,
+				total
+			};
+		}
+		function validDiffs(view) {
+			const value = record(view);
+			if (value?.["card"] !== "diff" || !Array.isArray(value["diffs"]) || value["diffs"].length === 0) return null;
+			const diffs = [];
+			for (const item of value["diffs"]) {
+				const hunk = record(item);
+				const path = stringValue(hunk?.["path"]);
+				const oldText = hunk?.["oldText"];
+				const newText = stringValue(hunk?.["newText"]) ?? (hunk?.["newText"] === "" ? "" : void 0);
+				if (path === void 0 || oldText !== null && typeof oldText !== "string" || newText === void 0) return null;
+				diffs.push({
+					path,
+					oldText,
+					newText
+				});
+			}
+			return diffs;
+		}
+		function validWebCard(view) {
+			const result = record(view);
+			if (result?.["card"] !== "web") return null;
+			const truncated = booleanValue(result["truncated"]);
+			if (truncated === void 0) return null;
+			if (result["kind"] === "fetch") {
+				const url = stringValue(result["url"]);
+				const statusCode = numberValue(result["statusCode"]);
+				return url === void 0 || statusCode === void 0 ? null : {
+					kind: "fetch",
+					url,
+					statusCode,
+					truncated
+				};
+			}
+			if (result["kind"] !== "search" || !Array.isArray(result["sources"])) return null;
+			const sources = [];
+			for (const item of result["sources"]) {
+				const source = record(item);
+				const url = stringValue(source?.["url"]);
+				if (url === void 0) return null;
+				const title = stringValue(source?.["title"]);
+				const snippet = stringValue(source?.["snippet"]);
+				const publishedAt = stringValue(source?.["publishedAt"]);
+				sources.push({
+					url,
+					...title === void 0 ? {} : { title },
+					...snippet === void 0 ? {} : { snippet },
+					...publishedAt === void 0 ? {} : { publishedAt }
+				});
+			}
+			const answer = stringValue(result["answer"]);
+			return {
+				kind: "search",
+				sources,
+				truncated,
+				...answer === void 0 ? {} : { answer }
+			};
+		}
+		function genericBody(variant, argsRaw) {
+			if (argsRaw === "" || argsRaw === "{}") return null;
+			if (variant === "read" || variant === "write" || variant === "edit") return null;
+			return formattedArguments(argsRaw);
+		}
+		function leadingFor(state, icon) {
+			if (state === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: "error" });
+			if (state === "interrupted") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: "warning" });
+			return icon;
+		}
+		function toolStatus(state) {
+			if (state === "running" || state === "pending") return "Running";
+			if (state === "error") return "Failed";
+			if (state === "interrupted") return "Stopped";
+			return null;
+		}
+		function ToolCard({ callId, name, argsRaw, state, output, callView, resultView, cwd }) {
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			const variant = classifyTool(name);
+			const terminal = terminalCard(variant, argsRaw, state, output, callView, resultView, cwd);
+			const terminalFailed = terminal !== null && !terminal.running && (terminal.exitCode !== void 0 && terminal.exitCode !== 0 || terminal.signal !== void 0);
+			const visualState = state === "success" && terminalFailed ? "error" : state;
+			const read = readCard(name, argsRaw, visualState, output, resultView, cwd);
+			const search = validSearchCard(resultView);
+			const diffs = validDiffs(resultView) ?? validDiffs(callView);
+			const web = validWebCard(resultView);
+			const args = parseArguments(argsRaw);
+			const code = variant === "code" && args !== null ? stringValue(args["code"]) : void 0;
+			const body = genericBody(variant, argsRaw);
+			const summary = terminal?.description ?? stringValue(record(resultView)?.["title"]) ?? summaryFromArguments(name, variant, argsRaw, callId, cwd);
+			const failureLine = visualState === "error" && output !== void 0 ? firstLine(output) : null;
+			const summaryText = failureLine ?? summary;
+			const expandable = terminal !== null || read !== null || search !== null || diffs !== null || web !== null || code !== void 0 || body !== null || output !== void 0;
+			const open = expanded && expandable;
+			const status = toolStatus(visualState);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-side-chat-tool",
+				"data-call-id": callId,
+				"data-state": visualState,
+				"data-expanded": open || void 0,
+				children: [status !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsh-side-chat-tool-visually-hidden",
+					children: status
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+					rowClassName: "dsh-side-chat-tool-row",
+					leadingClassName: "dsh-side-chat-tool-leading",
+					titleClassName: "dsh-side-chat-tool-title",
+					chevronClassName: "dsh-side-chat-tool-chevron",
+					icon: leadingFor(visualState, variantIcon(variant)),
+					title: toolTitle(name, variant),
+					open,
+					expandable,
+					expandOnRowClick: true,
+					keepContentWhenOpen: true,
+					onToggle: () => {
+						setExpanded((current) => !current);
+					},
+					collapsedContent: summaryText !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-side-chat-tool-separator",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: failureLine === null ? "dsh-side-chat-tool-summary" : "dsh-side-chat-tool-summary dsh-side-chat-tool-error-summary",
+						children: summaryText
+					})] }),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-side-chat-tool-body-wrap",
+						children: terminal !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.TerminalBlock, {
+							command: terminal.command,
+							cwd: terminal.cwd,
+							output: terminal.output,
+							exitCode: terminal.exitCode,
+							signal: terminal.signal,
+							running: terminal.running,
+							maxLines: Infinity,
+							className: "dsh-side-chat-tool-terminal"
+						}) : read !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.ReadBlock, {
+							...read,
+							maxLines: 8,
+							className: "dsh-side-chat-tool-read"
+						}) : search !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SearchBlock, {
+							...search,
+							maxLines: 8,
+							className: "dsh-side-chat-tool-search"
+						}) : diffs !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DiffBlock, {
+							diffs,
+							maxLines: 8,
+							className: "dsh-side-chat-tool-diff"
+						}) : web !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.WebBlock, {
+							...web,
+							className: "dsh-side-chat-tool-web"
+						}) : code !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.CodeBlock, {
+							code,
+							lang: "typescript",
+							copyLabel: "Copy",
+							copiedLabel: "Copied",
+							className: "dsh-side-chat-tool-code"
+						}) : (body !== null || output !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-side-chat-tool-io-card",
+							children: [
+								body !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-side-chat-tool-io-section",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-side-chat-tool-io-label",
+										children: "IN"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-side-chat-tool-io-text",
+										children: body
+									})]
+								}),
+								body !== null && output !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-side-chat-tool-io-divider",
+									"aria-hidden": "true"
+								}),
+								output !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-side-chat-tool-io-section",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-side-chat-tool-io-label",
+										children: "OUT"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-side-chat-tool-io-text",
+										"data-error": visualState === "error" || void 0,
+										children: output
+									})]
+								})
+							]
+						})
+					})
+				})]
+			});
+		}
+		function resultState(node, output) {
+			if (!node.isError) return "success";
+			const identity = `${node.error?.name ?? ""} ${node.error?.code ?? ""} ${output}`;
+			return /\b(?:aborted|cancelled|canceled)\b/iu.test(identity) ? "interrupted" : "error";
+		}
+		function ToolBlockCard({ block, cwd }) {
+			const settled = "kind" in block;
+			const output = settled ? toolOutputText(block.content) : void 0;
+			const state = settled ? resultState(block, output ?? "") : "running";
+			const name = settled ? block.call?.name ?? block.callId : block.name;
+			const argsRaw = settled ? block.call?.argsRaw ?? "{}" : block.argsRaw;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-side-chat-tool-branch",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolCard, {
+					callId: block.callId,
+					name,
+					argsRaw,
+					state,
+					output,
+					callView: block.callView,
+					resultView: settled ? block.resultView : null,
+					cwd
+				}), block.subCalls.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dsh-side-chat-tool-subcalls",
+					"data-subcalls": true,
+					children: block.subCalls.map((child) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolBlockCard, {
+						block: child,
+						cwd
+					}, child.callId))
+				})]
+			});
+		}
+		function RunningToolCard({ call, cwd }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolBlockCard, {
+				block: call,
+				cwd
+			});
+		}
+		//#endregion
 		//#region src/client/rc6/ArchivedConversation.tsx
 		function stringify(value) {
 			if (typeof value === "string") return value;
@@ -5626,7 +6116,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function firstSideChatQuestion(text) {
 			return /<user_question>([\s\S]*?)<\/user_question>/u.exec(text)?.[1]?.trim() ?? text;
 		}
-		function AssistantBlocks({ blocks, streaming = false }) {
+		function AssistantBlocks({ blocks, streaming = false, projectedToolCallIds, unprojectedToolState = "pending", cwd }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: blocks.map((block, index) => {
 				const key = `${block.kind}-${String(index)}`;
 				if (block.kind === "text") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
@@ -5638,14 +6128,20 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: "Reasoning" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: block.text })]
 				}, key);
 				if (block.kind === "image") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: "[Image attachment]" }, key);
-				if (block.kind === "tool-call") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-					className: "dsh-side-chat-tool",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", { children: ["Tool · ", block.name] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: block.argsRaw })]
-				}, key);
+				if (block.kind === "tool-call") {
+					if (projectedToolCallIds.has(block.callId)) return null;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolCard, {
+						callId: block.callId,
+						name: block.name,
+						argsRaw: block.argsRaw,
+						state: unprojectedToolState,
+						cwd
+					}, key);
+				}
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: stringify(block.block) }, key);
 			}) });
 		}
-		function MessageRow({ node }) {
+		function MessageRow({ node, projectedToolCallIds, cwd }) {
 			if (node.kind === "user" || node.kind === "steering") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
 				className: "dsh-side-chat-message",
 				"data-role": "user",
@@ -5665,7 +6161,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						className: "dsh-side-chat-message-role",
 						children: "Assistant"
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssistantBlocks, { blocks: node.blocks }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssistantBlocks, {
+						blocks: node.blocks,
+						projectedToolCallIds,
+						unprojectedToolState: node.interrupted === true ? "interrupted" : "pending",
+						cwd
+					}),
 					node.interrupted === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "dsh-side-chat-message-note",
 						children: "Stopped"
@@ -5676,14 +6177,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				className: "dsh-side-chat-message dsh-side-chat-context-message",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", { children: ["Context · ", node.provenance.label ?? node.provenance.role] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: contentText(node.content) })]
 			});
-			if (node.kind === "tool-result") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-				className: "dsh-side-chat-message dsh-side-chat-tool",
-				open: node.isError || void 0,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", { children: [
-					node.isError ? "Tool failed" : "Tool result",
-					" · ",
-					node.call?.name ?? node.callId
-				] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: contentText(node.content) })]
+			if (node.kind === "tool-result") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolBlockCard, {
+				block: node,
+				cwd
 			});
 			if (node.kind === "turn-error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dsh-side-chat-turn-notice",
@@ -5854,13 +6350,15 @@ 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" }) {
+		function ArchivedConversation({ face, inheritedThroughSeq, controller, selection, locale = "en", cwd }) {
 			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);
 			const draftRef = useAutoGrowingTextarea(draft);
 			const scrollRef = (0, react.useRef)(null);
 			const nodes = (0, react.useMemo)(() => snapshot.nodes.filter((node) => node.seq > inheritedThroughSeq), [snapshot.nodes, inheritedThroughSeq]);
+			const runningCalls = snapshot.runningCalls ?? [];
+			const projectedToolCallIds = (0, react.useMemo)(() => /* @__PURE__ */ new Set([...nodes.filter((node) => node.kind === "tool-result").map((node) => node.callId), ...runningCalls.map((call) => call.callId)]), [nodes, runningCalls]);
 			const annotatedUserNode = selection === void 0 ? void 0 : nodes.find((node) => node.kind === "user" || node.kind === "steering");
 			(0, react.useEffect)(() => {
 				const element = scrollRef.current;
@@ -5903,8 +6401,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionQuote, {
 								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)}`)),
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageRow, {
+								node,
+								projectedToolCallIds,
+								cwd
+							})]
+						}, `${node.kind}-${String(node.seq)}`) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageRow, {
+							node,
+							projectedToolCallIds,
+							cwd
+						}, `${node.kind}-${String(node.seq)}`)),
 						snapshot.partial !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
 							className: "dsh-side-chat-message",
 							"data-role": "assistant",
@@ -5913,12 +6419,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								children: "Assistant"
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssistantBlocks, {
 								blocks: snapshot.partial.blocks,
-								streaming: true
+								streaming: true,
+								projectedToolCallIds,
+								unprojectedToolState: "running",
+								cwd
 							})]
 						}),
-						snapshot.runningCalls.map((call) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-							className: "dsh-side-chat-message dsh-side-chat-tool",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", { children: ["Running tool · ", call.name] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: call.argsRaw })]
+						runningCalls.map((call) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RunningToolCard, {
+							call,
+							cwd
 						}, call.callId)),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PendingCards, {
 							pending: snapshot.pending,
@@ -6192,6 +6701,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			title(sessionId) {
 				return this.ctx.sessions.list.getSnapshot().byId[dshSessionId(sessionId)]?.displayTitle;
 			}
+			cwd(sessionId) {
+				return this.ctx.sessions.list.getSnapshot().byId[dshSessionId(sessionId)]?.cwd;
+			}
 			waitForBinding(sessionId) {
 				const immediate = this.ctx.sessions.binding(sessionId);
 				if (immediate !== void 0) return Promise.resolve(immediate);
@@ -6352,6 +6864,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			}, [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 childCwd = state.childSessionId === void 0 ? void 0 : sessions.cwd(state.childSessionId);
 			const inheritedThroughSeq = state.inheritedThroughSeq;
 			const locale = navigator.language.toLowerCase().startsWith("zh") ? "zh-CN" : "en";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -6406,6 +6919,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						face: childFace,
 						inheritedThroughSeq,
 						controller,
+						cwd: childCwd,
 						...state.selection === void 0 ? {} : { selection: state.selection },
 						locale
 					}) },