@seekbuddy/dsh-ui 0.2.0-beta.0 → 0.2.0-beta.1

package/dist/blocks.js

@@ -1,8 +1,8 @@
 import {
   Menu,
   Pill,
-  StateDot
-} from "./chunks/chunk-3HCOU44R.js";
+  useClipboardCopy
+} from "./chunks/chunk-YOBY6PSL.js";
 import {
   CodeCard_module_default,
   CodeToolbar,
@@ -17,15 +17,16 @@ import {
   highlightLines,
   subscribeGrammarLoaded,
   useViewportHighlighting
-} from "./chunks/chunk-AY44MQMD.js";
+} from "./chunks/chunk-OCAQFVT3.js";
 import {
+  StateDot,
   writeClipboard
-} from "./chunks/chunk-OQPH36OI.js";
+} from "./chunks/chunk-JA3XDLIA.js";
 import {
   IconCheckOutlineRegular,
   IconCopyOutlineRegular,
   IconWrapLinesOutlineRegular
-} from "./chunks/chunk-LA3QDZYN.js";
+} from "./chunks/chunk-XW4L4ZGL.js";
 import "./chunks/chunk-ZA47FP7C.js";
 
 // src/JsonTree.tsx
@@ -37,10 +38,10 @@ var id = "@seekbuddy/dsh-ui/JsonTree.module.css";
 if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id + '"]')) {
   const element = document.createElement("style");
   element.setAttribute("data-dsh-ui-primitives", id);
-  element.textContent = '.vOc5Ca_root{--json-tree-property:#881391;--json-tree-string:#c41a16;--json-tree-number:#1c00cf;--json-tree-keyword:#1c00cf;--json-tree-punctuation:#202124;--json-tree-icon:#5f6368;--json-tree-hover:#3c40430a;min-width:0;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);font:12px/16px var(--ds-font-family-code);overscroll-behavior-x:contain;overscroll-behavior-y:auto;position:relative;overflow:auto}body[data-ds-dark-theme] .vOc5Ca_root{--json-tree-property:#5db0d7;--json-tree-string:#f28b82;--json-tree-number:#99c8ff;--json-tree-keyword:#99c8ff;--json-tree-punctuation:#e8eaed;--json-tree-icon:#9aa0a6;--json-tree-hover:#e8eaed0d}.vOc5Ca_container{box-sizing:border-box;white-space:pre;width:100%;min-width:0;margin:0;padding:6px 8px 8px}.vOc5Ca_expandedTopLevel{box-sizing:border-box;width:100%;min-width:0;padding:6px 8px 8px 14px}.vOc5Ca_expandedTopLevel:has(>.vOc5Ca_topLevelBracket[data-json-root-row]:hover),.vOc5Ca_expandedTopLevel:has(>.vOc5Ca_topLevelBracket[data-json-root-row][data-json-copy-active]){background:var(--json-tree-hover)}.vOc5Ca_expandedTopLevelContainer{padding:0}.vOc5Ca_row.vOc5Ca_topLevelBracket{margin-left:0;padding-left:0}.vOc5Ca_children{margin:0;padding:0;list-style:none}.vOc5Ca_row{box-sizing:border-box;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;min-height:16px;margin:0;padding:0 0 0 10px;list-style:none;position:relative}.vOc5Ca_row:not(.vOc5Ca_topLevelBracket):hover:not(:has(.vOc5Ca_row:hover)):after,.vOc5Ca_row:not(.vOc5Ca_topLevelBracket)[data-json-copy-active]:after,.vOc5Ca_row:has(>.vOc5Ca_expander:focus-visible):after{z-index:0;height:var(--json-tree-row-height,16px);background:var(--json-tree-hover);content:"";pointer-events:none;position:absolute;top:0;left:0;right:0}.vOc5Ca_row>span:not(.vOc5Ca_expander,.vOc5Ca_copySlot){z-index:1;position:relative}.vOc5Ca_label{color:var(--json-tree-property);margin-right:3px;font-weight:400}.vOc5Ca_clickableLabel{cursor:pointer}.vOc5Ca_stringValue{color:var(--json-tree-string)}.vOc5Ca_stringField{z-index:1;display:flow-root;position:relative}.vOc5Ca_stringText{max-height:calc(var(--json-tree-collapsed-lines) * 16px);text-indent:-12px;word-break:break-all;padding-left:12px;display:block;overflow:hidden}.vOc5Ca_stringRaw{color:var(--dsw-alias-label-primary);font:inherit;overflow-wrap:normal;white-space:pre;word-break:normal;margin:4px 0 0 12px;overflow:auto}.vOc5Ca_stringActions{justify-content:flex-end;align-items:center;gap:4px;width:fit-content;height:16px;display:flex;position:absolute;top:1px;right:4px}.vOc5Ca_stringRaw[data-wrap=true]{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-all}.vOc5Ca_stringActions>.vOc5Ca_copySlot{opacity:1;pointer-events:auto}.vOc5Ca_stringToggleSlot{float:right;height:calc(var(--json-tree-collapsed-lines) * 16px);shape-outside:inset(calc((var(--json-tree-collapsed-lines) - 1) * 16px) 0 0);pointer-events:none;align-items:flex-end;margin-left:2px;display:flex}.vOc5Ca_stringToggle{color:var(--dsw-alias-label-secondary);font:inherit;text-indent:0;white-space:nowrap;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:baseline;gap:2px;margin:0;padding:0;display:inline-flex}.vOc5Ca_stringToggle:hover{color:var(--dsw-alias-label-primary)}.vOc5Ca_stringToggle:focus-visible{outline:1px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:1px}.vOc5Ca_row:has(>.vOc5Ca_stringField){--json-tree-row-height:100%}.vOc5Ca_summary{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vOc5Ca_numberValue{color:var(--json-tree-number)}.vOc5Ca_keywordValue{color:var(--json-tree-keyword)}.vOc5Ca_otherValue{color:var(--dsw-alias-label-secondary)}.vOc5Ca_punctuation,.vOc5Ca_preview,.vOc5Ca_previewProperty{color:var(--json-tree-punctuation)}.vOc5Ca_previewEllipsis{color:var(--dsw-alias-label-tertiary)}.vOc5Ca_copySlot{opacity:0;pointer-events:none;width:20px;height:16px;display:inline-flex}.vOc5Ca_row>.vOc5Ca_copySlot{z-index:2;position:absolute;top:0;right:0}.vOc5Ca_row:has(>.vOc5Ca_stringField)>.vOc5Ca_copySlot{top:auto;bottom:0}.vOc5Ca_row:has(>.vOc5Ca_copySlot)>.vOc5Ca_stringField .vOc5Ca_stringToggleSlot{padding-right:24px}.vOc5Ca_row:hover:not(:has(.vOc5Ca_row:hover))>.vOc5Ca_copySlot,.vOc5Ca_row[data-json-copy-active]>.vOc5Ca_copySlot,.vOc5Ca_copySlot:focus-within{opacity:1;pointer-events:auto}.vOc5Ca_actionButton{box-sizing:border-box;border-radius:var(--dsw-radius-xs);width:20px;height:16px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.vOc5Ca_actionButton:hover{color:var(--dsw-alias-label-primary)}.vOc5Ca_actionButton[aria-pressed=true]{color:var(--dsw-alias-state-business-primary)}.vOc5Ca_actionButton:focus-visible{outline:1px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-1px}.vOc5Ca_actionButton[data-state=failed]{color:var(--dsw-alias-state-error-primary)}.vOc5Ca_expander{z-index:2;box-sizing:border-box;width:8px;height:16px;color:var(--json-tree-icon);cursor:pointer;user-select:none;justify-content:flex-start;align-items:center;margin:0;display:inline-flex;position:absolute;top:0;left:0}.vOc5Ca_expander:before{content:"";transform-origin:33.333%;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:0;height:0;transform:scale(.75)}.vOc5Ca_collapseIcon:before{transform:rotate(90deg)scale(.75)}.vOc5Ca_expander:hover{color:var(--dsw-alias-label-primary)}.vOc5Ca_expander:focus-visible{outline:none}.vOc5Ca_collapsedContent{color:var(--json-tree-punctuation);cursor:pointer;margin:0 1px}.vOc5Ca_collapsedContent:after{content:"\u2026"}';
+  element.textContent = '.vOc5Ca_root{--json-tree-property:#881391;--json-tree-string:#c41a16;--json-tree-number:#1c00cf;--json-tree-keyword:#1c00cf;--json-tree-punctuation:#202124;--json-tree-icon:#5f6368;--json-tree-hover:#3c40430a;min-width:0;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);font:12px/16px var(--ds-font-family-code);overscroll-behavior-x:contain;overscroll-behavior-y:auto;position:relative;overflow:auto}body[data-ds-dark-theme] .vOc5Ca_root{--json-tree-property:#5db0d7;--json-tree-string:#f28b82;--json-tree-number:#99c8ff;--json-tree-keyword:#99c8ff;--json-tree-punctuation:#e8eaed;--json-tree-icon:#9aa0a6;--json-tree-hover:#e8eaed0d}.vOc5Ca_container{box-sizing:border-box;white-space:pre;width:100%;min-width:0;margin:0;padding:6px 8px 8px}.vOc5Ca_expandedTopLevel{box-sizing:border-box;width:100%;min-width:0;padding:6px 8px 8px 14px}.vOc5Ca_expandedTopLevel:has(>.vOc5Ca_topLevelBracket[data-json-root-row][data-json-copy-active]){background:var(--json-tree-hover)}@media (hover:hover){.vOc5Ca_expandedTopLevel:has(>.vOc5Ca_topLevelBracket[data-json-root-row]:hover){background:var(--json-tree-hover)}}.vOc5Ca_expandedTopLevelContainer{padding:0}.vOc5Ca_row.vOc5Ca_topLevelBracket{margin-left:0;padding-left:0}.vOc5Ca_children{margin:0;padding:0;list-style:none}.vOc5Ca_row{box-sizing:border-box;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;min-height:16px;margin:0;padding:0 0 0 10px;list-style:none;position:relative}.vOc5Ca_row:not(.vOc5Ca_topLevelBracket)[data-json-copy-active]:after,.vOc5Ca_row:has(>.vOc5Ca_expander:focus-visible):after{z-index:0;height:var(--json-tree-row-height,16px);background:var(--json-tree-hover);content:"";pointer-events:none;position:absolute;top:0;left:0;right:0}@media (hover:hover){.vOc5Ca_row:not(.vOc5Ca_topLevelBracket):hover:not(:has(.vOc5Ca_row:hover)):after{z-index:0;height:var(--json-tree-row-height,16px);background:var(--json-tree-hover);content:"";pointer-events:none;position:absolute;top:0;left:0;right:0}}.vOc5Ca_row>span:not(.vOc5Ca_expander,.vOc5Ca_copySlot){z-index:1;position:relative}.vOc5Ca_label{color:var(--json-tree-property);margin-right:3px;font-weight:400}.vOc5Ca_clickableLabel{cursor:pointer}.vOc5Ca_stringValue{color:var(--json-tree-string)}.vOc5Ca_stringField{z-index:1;display:flow-root;position:relative}.vOc5Ca_stringText{max-height:calc(var(--json-tree-collapsed-lines) * 16px);text-indent:-12px;word-break:break-all;padding-left:12px;display:block;overflow:hidden}.vOc5Ca_stringRaw{color:var(--dsw-alias-label-primary);font:inherit;overflow-wrap:normal;white-space:pre;word-break:normal;margin:4px 0 0 12px;overflow:auto}.vOc5Ca_stringActions{justify-content:flex-end;align-items:center;gap:4px;width:fit-content;height:16px;display:flex;position:absolute;top:1px;right:4px}.vOc5Ca_stringRaw[data-wrap=true]{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-all}.vOc5Ca_stringActions>.vOc5Ca_copySlot{opacity:1;pointer-events:auto}.vOc5Ca_stringToggleSlot{float:right;height:calc(var(--json-tree-collapsed-lines) * 16px);shape-outside:inset(calc((var(--json-tree-collapsed-lines) - 1) * 16px) 0 0);pointer-events:none;align-items:flex-end;margin-left:2px;display:flex}.vOc5Ca_stringToggle{color:var(--dsw-alias-label-secondary);font:inherit;text-indent:0;white-space:nowrap;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:baseline;gap:2px;margin:0;padding:0;display:inline-flex}@media (hover:hover){.vOc5Ca_stringToggle:hover{color:var(--dsw-alias-label-primary)}}.vOc5Ca_stringToggle:focus-visible{outline:1px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:1px}.vOc5Ca_row:has(>.vOc5Ca_stringField){--json-tree-row-height:100%}.vOc5Ca_summary{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vOc5Ca_numberValue{color:var(--json-tree-number)}.vOc5Ca_keywordValue{color:var(--json-tree-keyword)}.vOc5Ca_otherValue{color:var(--dsw-alias-label-secondary)}.vOc5Ca_punctuation,.vOc5Ca_preview,.vOc5Ca_previewProperty{color:var(--json-tree-punctuation)}.vOc5Ca_previewEllipsis{color:var(--dsw-alias-label-tertiary)}.vOc5Ca_copySlot{opacity:0;pointer-events:none;width:20px;height:16px;display:inline-flex}.vOc5Ca_row>.vOc5Ca_copySlot{z-index:2;position:absolute;top:0;right:0}.vOc5Ca_row:has(>.vOc5Ca_stringField)>.vOc5Ca_copySlot{top:auto;bottom:0}.vOc5Ca_row:has(>.vOc5Ca_copySlot)>.vOc5Ca_stringField .vOc5Ca_stringToggleSlot{padding-right:24px}.vOc5Ca_row[data-json-copy-active]>.vOc5Ca_copySlot,.vOc5Ca_copySlot:focus-within{opacity:1;pointer-events:auto}@media (hover:hover){.vOc5Ca_row:hover:not(:has(.vOc5Ca_row:hover))>.vOc5Ca_copySlot{opacity:1;pointer-events:auto}}.vOc5Ca_actionButton{box-sizing:border-box;border-radius:var(--dsw-radius-xs);width:20px;height:16px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}@media (hover:hover){.vOc5Ca_actionButton:hover{color:var(--dsw-alias-label-primary)}}.vOc5Ca_actionButton[aria-pressed=true]{color:var(--dsw-alias-state-business-primary)}.vOc5Ca_actionButton:focus-visible{outline:1px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-1px}.vOc5Ca_actionButton[data-state=failed]{color:var(--dsw-alias-state-error-primary)}.vOc5Ca_expander{z-index:2;box-sizing:border-box;width:8px;height:16px;color:var(--json-tree-icon);cursor:pointer;user-select:none;justify-content:flex-start;align-items:center;margin:0;display:inline-flex;position:absolute;top:0;left:0}.vOc5Ca_expander:before{content:"";transform-origin:33.333%;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:0;height:0;transform:scale(.75)}.vOc5Ca_collapseIcon:before{transform:rotate(90deg)scale(.75)}@media (hover:hover){.vOc5Ca_expander:hover{color:var(--dsw-alias-label-primary)}}.vOc5Ca_expander:focus-visible{outline:none}.vOc5Ca_collapsedContent{color:var(--json-tree-punctuation);cursor:pointer;margin:0 1px}.vOc5Ca_collapsedContent:after{content:"\u2026"}@media (hover:none){.vOc5Ca_copySlot{opacity:1;pointer-events:auto}.vOc5Ca_row:has(>.vOc5Ca_copySlot){padding-right:24px}}';
   document.head.appendChild(element);
 }
-var JsonTree_module_default = { "punctuation": "vOc5Ca_punctuation", "stringField": "vOc5Ca_stringField", "expander": "vOc5Ca_expander", "collapsedContent": "vOc5Ca_collapsedContent", "stringToggleSlot": "vOc5Ca_stringToggleSlot", "topLevelBracket": "vOc5Ca_topLevelBracket", "stringValue": "vOc5Ca_stringValue", "expandedTopLevelContainer": "vOc5Ca_expandedTopLevelContainer", "previewProperty": "vOc5Ca_previewProperty", "actionButton": "vOc5Ca_actionButton", "container": "vOc5Ca_container", "children": "vOc5Ca_children", "expandedTopLevel": "vOc5Ca_expandedTopLevel", "keywordValue": "vOc5Ca_keywordValue", "previewEllipsis": "vOc5Ca_previewEllipsis", "stringToggle": "vOc5Ca_stringToggle", "root": "vOc5Ca_root", "collapseIcon": "vOc5Ca_collapseIcon", "stringText": "vOc5Ca_stringText", "summary": "vOc5Ca_summary", "label": "vOc5Ca_label", "preview": "vOc5Ca_preview", "stringActions": "vOc5Ca_stringActions", "otherValue": "vOc5Ca_otherValue", "copySlot": "vOc5Ca_copySlot", "clickableLabel": "vOc5Ca_clickableLabel", "stringRaw": "vOc5Ca_stringRaw", "row": "vOc5Ca_row", "numberValue": "vOc5Ca_numberValue" };
+var JsonTree_module_default = { "container": "vOc5Ca_container", "collapseIcon": "vOc5Ca_collapseIcon", "row": "vOc5Ca_row", "stringToggle": "vOc5Ca_stringToggle", "previewProperty": "vOc5Ca_previewProperty", "expander": "vOc5Ca_expander", "label": "vOc5Ca_label", "clickableLabel": "vOc5Ca_clickableLabel", "summary": "vOc5Ca_summary", "numberValue": "vOc5Ca_numberValue", "actionButton": "vOc5Ca_actionButton", "copySlot": "vOc5Ca_copySlot", "expandedTopLevelContainer": "vOc5Ca_expandedTopLevelContainer", "expandedTopLevel": "vOc5Ca_expandedTopLevel", "keywordValue": "vOc5Ca_keywordValue", "preview": "vOc5Ca_preview", "stringRaw": "vOc5Ca_stringRaw", "topLevelBracket": "vOc5Ca_topLevelBracket", "collapsedContent": "vOc5Ca_collapsedContent", "root": "vOc5Ca_root", "stringText": "vOc5Ca_stringText", "children": "vOc5Ca_children", "stringValue": "vOc5Ca_stringValue", "stringActions": "vOc5Ca_stringActions", "punctuation": "vOc5Ca_punctuation", "stringToggleSlot": "vOc5Ca_stringToggleSlot", "stringField": "vOc5Ca_stringField", "previewEllipsis": "vOc5Ca_previewEllipsis", "otherValue": "vOc5Ca_otherValue" };
 
 // src/JsonTree.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -69,18 +70,18 @@ function createCopyStore() {
     set(next) {
       const previous = current?.id;
       current = next;
-      for (const id7 of /* @__PURE__ */ new Set([previous, next?.id])) {
-        if (id7 === void 0) continue;
-        for (const listener of listeners.get(id7) ?? []) listener();
+      for (const id8 of /* @__PURE__ */ new Set([previous, next?.id])) {
+        if (id8 === void 0) continue;
+        for (const listener of listeners.get(id8) ?? []) listener();
       }
     },
-    subscribe(id7, listener) {
-      let row = listeners.get(id7);
-      if (row === void 0) listeners.set(id7, row = /* @__PURE__ */ new Set());
+    subscribe(id8, listener) {
+      let row = listeners.get(id8);
+      if (row === void 0) listeners.set(id8, row = /* @__PURE__ */ new Set());
       row.add(listener);
       return () => {
         row.delete(listener);
-        if (row.size === 0) listeners.delete(id7);
+        if (row.size === 0) listeners.delete(id8);
       };
     }
   };
@@ -93,11 +94,11 @@ function JsonCopyAction({
   onCopy,
   onClose
 }) {
-  const id7 = pathId(target.path);
-  const subscribe = useCallback((listener) => store.subscribe(id7, listener), [id7, store]);
+  const id8 = pathId(target.path);
+  const subscribe = useCallback((listener) => store.subscribe(id8, listener), [id8, store]);
   const getSnapshot = () => {
     const current = store.get();
-    return current?.id === id7 ? current : void 0;
+    return current?.id === id8 ? current : void 0;
   };
   const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   const buttonRef = useRef(null);
@@ -125,7 +126,7 @@ function JsonCopyAction({
           onContextMenu: (event) => {
             event.preventDefault();
             event.stopPropagation();
-            store.set({ id: id7, target, state, menuOpen: true });
+            store.set({ id: id8, target, state, menuOpen: true });
           },
           children: state === "copied" ? /* @__PURE__ */ jsx(IconCheckOutlineRegular, { size: 12 }) : /* @__PURE__ */ jsx(IconCopyOutlineRegular, { size: 12 })
         }
@@ -716,8 +717,8 @@ function JsonTree({
 }
 
 // src/TerminalBlock.tsx
-import { useCallback as useCallback3, useMemo, useState as useState3 } from "react";
-import clsx2 from "clsx";
+import { useCallback as useCallback2, useMemo, useState as useState3 } from "react";
+import clsx3 from "clsx";
 
 // src/ansi.ts
 import Anser from "anser";
@@ -952,36 +953,67 @@ function headTailCap(total, maxLines, expanded) {
   return { hidden, capped: hidden > 0 && !expanded, headLines, tailLines: maxLines - headLines };
 }
 
-// src/use-copy-feedback.ts
-import { useCallback as useCallback2, useState as useState2 } from "react";
-var COPIED_FEEDBACK_MS = 1e3;
-function useCopyFeedback(text) {
-  const [copied, setCopied] = useState2(false);
-  const onCopy = useCallback2(() => {
-    if (copied) return;
-    void writeClipboard(text).then((ok) => {
-      if (!ok) return;
-      setCopied(true);
-      window.setTimeout(() => {
-        setCopied(false);
-      }, COPIED_FEEDBACK_MS);
-    });
-  }, [copied, text]);
-  return { copied, onCopy };
-}
-
 // .build/css/TerminalBlock.module.mjs
 var id2 = "@seekbuddy/dsh-ui/TerminalBlock.module.css";
 if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id2 + '"]')) {
   const element = document.createElement("style");
   element.setAttribute("data-dsh-ui-primitives", id2);
-  element.textContent = ".OBf4Nq_block{--dsl-terminal-radius:var(--dsw-radius-lg);--dsl-terminal-line-height:22px;--dsl-terminal-font:var(--dsw-font-markdown-code-block);--dsl-terminal-gutter:30px;padding-left:var(--dsl-terminal-gutter);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-markdown-code-block);border-radius:var(--dsl-terminal-radius);margin:16px 0;position:relative;overflow:hidden}.OBf4Nq_header{margin-left:calc(-1 * var(--dsl-terminal-gutter));padding:9px 14px 9px var(--dsl-terminal-gutter);border-top-left-radius:var(--dsl-terminal-radius);border-top-right-radius:var(--dsl-terminal-radius);align-items:flex-start;gap:12px;max-height:150px;display:flex;overflow-y:auto}.OBf4Nq_header::-webkit-scrollbar-thumb{border-radius:var(--dsw-radius-sm);background-clip:padding-box;border:2px solid #0000}.OBf4Nq_header::-webkit-scrollbar-track{margin:6px}.OBf4Nq_block[data-body] .OBf4Nq_header{border-bottom:.5px solid var(--dsw-alias-border-l2)}.OBf4Nq_prompt{min-width:0;font:var(--dsl-terminal-font);flex-direction:column;flex:1;display:flex}.OBf4Nq_promptLine{min-width:0;line-height:var(--dsl-terminal-line-height);align-items:baseline;gap:8px;display:flex;position:relative}.OBf4Nq_runState{left:calc(-1 * var(--dsl-terminal-gutter) + 8px);position:absolute;top:50%;transform:translateY(-50%)}.OBf4Nq_runStateLabel{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.OBf4Nq_cwd{color:var(--dsw-alias-label-tertiary);flex:none}.OBf4Nq_command{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:var(--dsl-terminal-command-whitespace,pre);overflow-wrap:anywhere;overflow:hidden}.OBf4Nq_status{height:var(--dsl-terminal-line-height);color:var(--dsw-alias-state-error-primary);flex:none;position:sticky;top:0}.OBf4Nq_copyButton{background-color:var(--dsw-alias-markdown-code-block);color:var(--dsw-alias-label-secondary);cursor:pointer;font:var(--dsw-font-xs-13);line-height:var(--dsl-terminal-line-height);border:none;flex:none;margin:0;padding:0;position:sticky;top:0}.OBf4Nq_output{max-height:var(--dsl-terminal-output-max-height,none);font:var(--dsl-terminal-font);padding:12px 14px 12px 0;overflow:auto}.OBf4Nq_output::-webkit-scrollbar-thumb{border-radius:var(--dsw-radius-sm);background-clip:padding-box;border:2px solid #0000}.OBf4Nq_output::-webkit-scrollbar-track{margin:6px}.OBf4Nq_line{min-height:var(--dsl-terminal-line-height);white-space:var(--dsl-terminal-line-whitespace,pre);overflow-wrap:anywhere}.OBf4Nq_expand{width:100%;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;text-align:left;background-color:#0000;border:none;padding:0;display:block}.OBf4Nq_expand:hover{color:var(--dsw-alias-label-secondary)}.OBf4Nq_empty{font:var(--dsl-terminal-font);color:var(--dsw-alias-label-tertiary);padding:12px 14px 12px 0}";
+  element.textContent = ".OBf4Nq_block{--dsl-terminal-radius:var(--dsw-radius-lg);--dsl-terminal-line-height:22px;--dsl-terminal-font:var(--dsw-font-markdown-code-block);--dsl-terminal-gutter:30px;padding-left:var(--dsl-terminal-gutter);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-markdown-code-block);border-radius:var(--dsl-terminal-radius);margin:16px 0;position:relative;overflow:hidden}.OBf4Nq_header{margin-left:calc(-1 * var(--dsl-terminal-gutter));padding:9px 14px 9px var(--dsl-terminal-gutter);border-top-left-radius:var(--dsl-terminal-radius);border-top-right-radius:var(--dsl-terminal-radius);align-items:flex-start;gap:12px;max-height:150px;display:flex;overflow-y:auto}.OBf4Nq_header::-webkit-scrollbar-thumb{border-radius:var(--dsw-radius-sm);background-clip:padding-box;border:2px solid #0000}.OBf4Nq_header::-webkit-scrollbar-track{margin:6px}.OBf4Nq_block[data-body] .OBf4Nq_header{border-bottom:.5px solid var(--dsw-alias-border-l2)}.OBf4Nq_prompt{min-width:0;font:var(--dsl-terminal-font);flex-direction:column;flex:1;display:flex}.OBf4Nq_promptLine{min-width:0;line-height:var(--dsl-terminal-line-height);align-items:baseline;gap:8px;display:flex;position:relative}.OBf4Nq_runState{left:calc(-1 * var(--dsl-terminal-gutter) + 8px);top:calc(var(--dsl-terminal-line-height) / 2);position:absolute;transform:translateY(-50%)}.OBf4Nq_runStateLabel{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.OBf4Nq_cwd{color:var(--dsw-alias-label-tertiary);flex:none}.OBf4Nq_command{--dsl-command-whitespace:var(--dsl-terminal-command-whitespace,pre);color:var(--dsw-alias-label-primary)}.OBf4Nq_status{height:var(--dsl-terminal-line-height);color:var(--dsw-alias-state-error-primary);flex:none;position:sticky;top:0}.OBf4Nq_copyButton{background-color:var(--dsw-alias-markdown-code-block);color:var(--dsw-alias-label-secondary);cursor:pointer;font:var(--dsw-font-xs-13);line-height:var(--dsl-terminal-line-height);border:none;flex:none;margin:0;padding:0;position:sticky;top:0}.OBf4Nq_output{max-height:var(--dsl-terminal-output-max-height,none);font:var(--dsl-terminal-font);padding:12px 14px 12px 0;overflow:auto}.OBf4Nq_output::-webkit-scrollbar-thumb{border-radius:var(--dsw-radius-sm);background-clip:padding-box;border:2px solid #0000}.OBf4Nq_output::-webkit-scrollbar-track{margin:6px}.OBf4Nq_line{min-height:var(--dsl-terminal-line-height);white-space:var(--dsl-terminal-line-whitespace,pre);overflow-wrap:anywhere}.OBf4Nq_expand{width:100%;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;text-align:left;background-color:#0000;border:none;padding:0;display:block}@media (hover:hover){.OBf4Nq_expand:hover{color:var(--dsw-alias-label-secondary)}}.OBf4Nq_empty{font:var(--dsl-terminal-font);color:var(--dsw-alias-label-tertiary);padding:12px 14px 12px 0}";
+  document.head.appendChild(element);
+}
+var TerminalBlock_module_default = { "prompt": "OBf4Nq_prompt", "promptLine": "OBf4Nq_promptLine", "runState": "OBf4Nq_runState", "command": "OBf4Nq_command", "status": "OBf4Nq_status", "cwd": "OBf4Nq_cwd", "runStateLabel": "OBf4Nq_runStateLabel", "output": "OBf4Nq_output", "expand": "OBf4Nq_expand", "copyButton": "OBf4Nq_copyButton", "empty": "OBf4Nq_empty", "line": "OBf4Nq_line", "block": "OBf4Nq_block", "header": "OBf4Nq_header" };
+
+// src/CommandText.tsx
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef2, useState as useState2 } from "react";
+import clsx2 from "clsx";
+
+// .build/css/CommandText.module.mjs
+var id3 = "@seekbuddy/dsh-ui/CommandText.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id3 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id3);
+  element.textContent = "._7k6xxG_text{min-width:0;white-space:var(--dsl-command-whitespace,pre);overflow-wrap:anywhere;display:block;overflow-x:auto}._7k6xxG_text:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}";
   document.head.appendChild(element);
 }
-var TerminalBlock_module_default = { "cwd": "OBf4Nq_cwd", "header": "OBf4Nq_header", "command": "OBf4Nq_command", "runStateLabel": "OBf4Nq_runStateLabel", "expand": "OBf4Nq_expand", "prompt": "OBf4Nq_prompt", "promptLine": "OBf4Nq_promptLine", "block": "OBf4Nq_block", "status": "OBf4Nq_status", "copyButton": "OBf4Nq_copyButton", "empty": "OBf4Nq_empty", "runState": "OBf4Nq_runState", "output": "OBf4Nq_output", "line": "OBf4Nq_line" };
+var CommandText_module_default = { "text": "_7k6xxG_text" };
+
+// src/CommandText.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function CommandText({ text, label, className }) {
+  const ref = useRef2(null);
+  const [overflow, setOverflow] = useState2(false);
+  useLayoutEffect2(() => {
+    const element = ref.current;
+    if (element === null) return void 0;
+    const measure = () => {
+      setOverflow(element.scrollWidth > element.clientWidth);
+    };
+    measure();
+    const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(measure);
+    observer?.observe(element);
+    const fonts = "fonts" in element.ownerDocument ? element.ownerDocument.fonts : void 0;
+    fonts?.addEventListener("loadingdone", measure);
+    return () => {
+      observer?.disconnect();
+      fonts?.removeEventListener("loadingdone", measure);
+    };
+  }, [text]);
+  return /* @__PURE__ */ jsx2(
+    "span",
+    {
+      ref,
+      className: clsx2(CommandText_module_default.text, className),
+      "data-command-text": true,
+      tabIndex: overflow ? 0 : void 0,
+      role: overflow ? "group" : void 0,
+      "aria-label": overflow ? label : void 0,
+      children: text
+    }
+  );
+}
 
 // src/TerminalBlock.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var DEFAULT_TERMINAL_MAX_LINES = 16;
 function promptLabel(cwd, home) {
   const trimmed = cwd.replace(/[/\\]+$/, "");
@@ -1002,7 +1034,7 @@ function runState(running, exitCode, signal, labels) {
 }
 function renderLine(line) {
   return line.map(
-    (span, index) => span.style === void 0 ? span.text : /* @__PURE__ */ jsx2("span", { style: span.style, children: span.text }, index)
+    (span, index) => span.style === void 0 ? span.text : /* @__PURE__ */ jsx3("span", { style: span.style, children: span.text }, index)
   );
 }
 function TerminalBlock({
@@ -1013,6 +1045,7 @@ function TerminalBlock({
   exitCode,
   signal,
   running = false,
+  background = false,
   maxLines = DEFAULT_TERMINAL_MAX_LINES,
   copyText: copyText4,
   runStateDot = true,
@@ -1028,42 +1061,43 @@ function TerminalBlock({
     return terminated ? parsed.slice(0, -1) : parsed;
   }, [text]);
   const [expanded, setExpanded] = useState3(false);
-  const { copied, onCopy } = useCopyFeedback(copyText4 ?? text);
-  const onToggle = useCallback3(() => {
+  const { copied, onCopy } = useClipboardCopy(copyText4 ?? text);
+  const onToggle = useCallback2(() => {
     setExpanded((value) => !value);
   }, []);
-  const status = statusText(exitCode, signal, copy);
+  const status = background ? void 0 : statusText(exitCode, signal, copy);
   const state = runState(running, exitCode, signal, copy);
+  const showState = runStateDot && (!background || running);
   const commandLines = useMemo(() => {
     const body2 = command.endsWith("\n") ? command.slice(0, -1) : command;
     return body2.split("\n");
   }, [command]);
   const empty = lines.every((line) => line.every((span) => span.text.trim() === ""));
   const { hidden, capped, headLines, tailLines } = headTailCap(lines.length, maxLines, expanded);
-  const body = !running || !empty;
+  const body = !background && (!running || !empty);
   return /* @__PURE__ */ jsxs2(
     "div",
     {
-      className: clsx2(TerminalBlock_module_default.block, className),
+      className: clsx3(TerminalBlock_module_default.block, className),
       "data-terminal": "",
       "data-running": running ? "" : void 0,
       "data-body": body ? "" : void 0,
       children: [
         /* @__PURE__ */ jsxs2("div", { className: TerminalBlock_module_default.header, children: [
           /* @__PURE__ */ jsxs2("div", { className: TerminalBlock_module_default.prompt, children: [
-            runStateDot && /* @__PURE__ */ jsx2("span", { className: TerminalBlock_module_default.runStateLabel, children: state.label }),
+            showState && /* @__PURE__ */ jsx3("span", { className: TerminalBlock_module_default.runStateLabel, children: state.label }),
             commandLines.map((line, index) => /* @__PURE__ */ jsxs2("div", { className: TerminalBlock_module_default.promptLine, children: [
-              index === 0 && runStateDot && /* @__PURE__ */ jsx2(StateDot, { state: state.state, className: TerminalBlock_module_default.runState }),
-              /* @__PURE__ */ jsx2("span", { className: TerminalBlock_module_default.cwd, children: index > 0 || cwd === void 0 ? "$" : promptLabel(cwd, home) }),
-              /* @__PURE__ */ jsx2("span", { className: TerminalBlock_module_default.command, children: line })
+              index === 0 && showState && /* @__PURE__ */ jsx3(StateDot, { state: state.state, className: TerminalBlock_module_default.runState }),
+              /* @__PURE__ */ jsx3("span", { className: TerminalBlock_module_default.cwd, children: index > 0 || cwd === void 0 ? "$" : promptLabel(cwd, home) }),
+              /* @__PURE__ */ jsx3(CommandText, { className: TerminalBlock_module_default.command, text: line, label: copy.commandLine(index + 1) })
             ] }, index))
           ] }),
-          status !== void 0 && /* @__PURE__ */ jsx2(Pill, { className: TerminalBlock_module_default.status, children: status }),
-          (copyText4 !== void 0 || !running && !empty) && /* @__PURE__ */ jsx2("button", { type: "button", className: TerminalBlock_module_default.copyButton, onClick: onCopy, children: copied ? copy.copied : copy.copy })
+          status !== void 0 && /* @__PURE__ */ jsx3(Pill, { className: TerminalBlock_module_default.status, children: status }),
+          (copyText4 !== void 0 || !background && !running && !empty) && /* @__PURE__ */ jsx3("button", { type: "button", className: TerminalBlock_module_default.copyButton, onClick: onCopy, children: copied ? copy.copied : copy.copy })
         ] }),
-        body && (empty ? /* @__PURE__ */ jsx2("div", { className: TerminalBlock_module_default.empty, children: copy.noOutput }) : /* @__PURE__ */ jsxs2("div", { className: TerminalBlock_module_default.output, children: [
-          (capped ? lines.slice(0, headLines) : lines).map((line, index) => /* @__PURE__ */ jsx2("div", { className: TerminalBlock_module_default.line, children: renderLine(line) }, index)),
-          hidden > 0 && /* @__PURE__ */ jsx2(
+        body && (empty ? /* @__PURE__ */ jsx3("div", { className: TerminalBlock_module_default.empty, children: copy.noOutput }) : /* @__PURE__ */ jsxs2("div", { className: TerminalBlock_module_default.output, children: [
+          (capped ? lines.slice(0, headLines) : lines).map((line, index) => /* @__PURE__ */ jsx3("div", { className: TerminalBlock_module_default.line, children: renderLine(line) }, index)),
+          hidden > 0 && /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1074,7 +1108,7 @@ function TerminalBlock({
               children: expanded ? copy.collapse : copy.expand(hidden)
             }
           ),
-          capped && lines.slice(lines.length - tailLines).map((line, index) => /* @__PURE__ */ jsx2("div", { className: TerminalBlock_module_default.line, children: renderLine(line) }, index))
+          capped && lines.slice(lines.length - tailLines).map((line, index) => /* @__PURE__ */ jsx3("div", { className: TerminalBlock_module_default.line, children: renderLine(line) }, index))
         ] }))
       ]
     }
@@ -1082,13 +1116,13 @@ function TerminalBlock({
 }
 
 // src/ReadBlock.tsx
-import { useCallback as useCallback4, useMemo as useMemo2, useRef as useRef2, useState as useState4, useSyncExternalStore as useSyncExternalStore2 } from "react";
-import clsx3 from "clsx";
+import { useCallback as useCallback3, useMemo as useMemo2, useRef as useRef3, useState as useState4, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import clsx4 from "clsx";
 
 // src/FoldToggle.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function FoldToggle({ className, expanded, hidden, labels, onToggle }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     "button",
     {
       type: "button",
@@ -1102,20 +1136,20 @@ function FoldToggle({ className, expanded, hidden, labels, onToggle }) {
 }
 
 // .build/css/ReadBlock.module.mjs
-var id3 = "@seekbuddy/dsh-ui/ReadBlock.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id3 + '"]')) {
+var id4 = "@seekbuddy/dsh-ui/ReadBlock.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id4 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id3);
-  element.textContent = ".Lq5Aja_line{white-space:pre;min-height:1lh;display:flex}.Lq5Aja_gutter{width:var(--dsl-read-gutter);text-align:right;color:var(--dsw-alias-label-tertiary);user-select:none;flex:none;margin-right:12px}.Lq5Aja_content{min-width:0;color:var(--dsw-alias-label-primary)}.Lq5Aja_block[data-code-wrap=true] .Lq5Aja_line{white-space:pre-wrap}.Lq5Aja_block[data-code-wrap=true] .Lq5Aja_content{overflow-wrap:anywhere}.Lq5Aja_expand{width:100%;padding:0 0 0 calc(var(--dsl-read-gutter) + 12px);color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;display:block}.Lq5Aja_expand:hover{color:var(--dsw-alias-label-secondary)}";
+  element.setAttribute("data-dsh-ui-primitives", id4);
+  element.textContent = ".Lq5Aja_line{white-space:pre;min-height:1lh;display:flex}.Lq5Aja_gutter{width:var(--dsl-read-gutter);text-align:right;color:var(--dsw-alias-label-tertiary);user-select:none;flex:none;margin-right:12px}.Lq5Aja_content{min-width:0;color:var(--dsw-alias-label-primary)}.Lq5Aja_block[data-code-wrap=true] .Lq5Aja_line{white-space:pre-wrap}.Lq5Aja_block[data-code-wrap=true] .Lq5Aja_content{overflow-wrap:anywhere}.Lq5Aja_expand{width:100%;padding:0 0 0 calc(var(--dsl-read-gutter) + 12px);color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;display:block}@media (hover:hover){.Lq5Aja_expand:hover{color:var(--dsw-alias-label-secondary)}}";
   document.head.appendChild(element);
 }
-var ReadBlock_module_default = { "expand": "Lq5Aja_expand", "line": "Lq5Aja_line", "gutter": "Lq5Aja_gutter", "block": "Lq5Aja_block", "content": "Lq5Aja_content" };
+var ReadBlock_module_default = { "block": "Lq5Aja_block", "line": "Lq5Aja_line", "expand": "Lq5Aja_expand", "content": "Lq5Aja_content", "gutter": "Lq5Aja_gutter" };
 
 // src/ReadBlock.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var DEFAULT_READ_MAX_LINES = 16;
 function renderSpans(spans) {
-  return spans.map((span, index) => /* @__PURE__ */ jsx4("span", { style: span.style, children: span.text }, index));
+  return spans.map((span, index) => /* @__PURE__ */ jsx5("span", { style: span.style, children: span.text }, index));
 }
 function ReadBlock({
   label,
@@ -1126,7 +1160,7 @@ function ReadBlock({
   maxLines = DEFAULT_READ_MAX_LINES,
   className
 }) {
-  const rootRef = useRef2(null);
+  const rootRef = useRef3(null);
   const highlighting = useViewportHighlighting(rootRef, lang);
   const raw = useMemo2(() => lines.map((line) => line.text).join("\n"), [lines]);
   const loaded = useSyncExternalStore2(subscribeGrammarLoaded, grammarLoadCount, grammarLoadCount);
@@ -1137,7 +1171,7 @@ function ReadBlock({
   const [expanded, setExpanded] = useState4(false);
   const [copied, setCopied] = useState4(false);
   const [wrapped, setWrapped] = useState4(false);
-  const onCopy = useCallback4(() => {
+  const onCopy = useCallback3(() => {
     if (copied) return;
     void writeClipboard(raw).then((ok) => {
       if (!ok) return;
@@ -1147,7 +1181,7 @@ function ReadBlock({
       }, 1e3);
     });
   }, [copied, raw]);
-  const onToggle = useCallback4(() => {
+  const onToggle = useCallback3(() => {
     setExpanded((value) => !value);
   }, []);
   const hidden = lines.length - maxLines;
@@ -1156,8 +1190,8 @@ function ReadBlock({
   const tailLines = maxLines - headLines;
   const windowed = lines.length < totalLines;
   const rows = (slice) => slice.map(([line, spans]) => /* @__PURE__ */ jsxs3("div", { className: ReadBlock_module_default.line, children: [
-    /* @__PURE__ */ jsx4("span", { className: ReadBlock_module_default.gutter, "aria-hidden": true, children: line.number }),
-    /* @__PURE__ */ jsx4("span", { className: ReadBlock_module_default.content, children: spans === void 0 ? line.text : renderSpans(spans) })
+    /* @__PURE__ */ jsx5("span", { className: ReadBlock_module_default.gutter, "aria-hidden": true, children: line.number }),
+    /* @__PURE__ */ jsx5("span", { className: ReadBlock_module_default.content, children: spans === void 0 ? line.text : renderSpans(spans) })
   ] }, line.number));
   const gutterDigits = lines.reduce((digits, line) => Math.max(digits, String(line.number).length), 3);
   const gutterStyle = { "--dsl-read-gutter": `${gutterDigits}ch` };
@@ -1169,12 +1203,12 @@ function ReadBlock({
     "div",
     {
       ref: rootRef,
-      className: clsx3(CodeCard_module_default.card, ReadBlock_module_default.block, className),
+      className: clsx4(CodeCard_module_default.card, ReadBlock_module_default.block, className),
       "data-read": "",
       "data-code-wrap": wrapped,
       style: gutterStyle,
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           CodeToolbar,
           {
             lang,
@@ -1193,7 +1227,7 @@ function ReadBlock({
         ),
         /* @__PURE__ */ jsxs3("div", { className: CodeCard_module_default.body, children: [
           rows(capped ? paired.slice(0, headLines) : paired),
-          hidden > 0 && /* @__PURE__ */ jsx4(FoldToggle, { className: ReadBlock_module_default.expand, expanded, hidden, labels, onToggle }),
+          hidden > 0 && /* @__PURE__ */ jsx5(FoldToggle, { className: ReadBlock_module_default.expand, expanded, hidden, labels, onToggle }),
           capped && rows(paired.slice(paired.length - tailLines))
         ] })
       ]
@@ -1202,30 +1236,30 @@ function ReadBlock({
 }
 
 // src/DiffBlock.tsx
-import { useCallback as useCallback6, useMemo as useMemo3, useState as useState5 } from "react";
-import clsx4 from "clsx";
+import { useCallback as useCallback5, useMemo as useMemo3, useState as useState5 } from "react";
+import clsx5 from "clsx";
 import { structuredPatch } from "diff";
 
 // src/code-highlighting.ts
-import { useCallback as useCallback5, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { useCallback as useCallback4, useSyncExternalStore as useSyncExternalStore3 } from "react";
 import { CODE_HIGHLIGHT_EXTENSIONS, languageForPath } from "@deepseek-ai/dsh-util-code-language";
 function useCodeHighlighter(language) {
   const loaded = useSyncExternalStore3(subscribeGrammarLoaded, grammarLoadCount, grammarLoadCount);
-  return useCallback5((code) => highlightLines(code, language), [language, loaded]);
+  return useCallback4((code) => highlightLines(code, language), [language, loaded]);
 }
 
 // .build/css/DiffBlock.module.mjs
-var id4 = "@seekbuddy/dsh-ui/DiffBlock.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id4 + '"]')) {
+var id5 = "@seekbuddy/dsh-ui/DiffBlock.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id5 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id4);
-  element.textContent = '.tEQPFa_block{overflow:hidden}.tEQPFa_body{font:var(--dsw-font-markdown-code-block);grid-template-columns:minmax(max-content,1fr);padding:6px 0 20px;display:grid;overflow-x:auto}.tEQPFa_line{box-sizing:border-box;white-space:pre;min-height:1lh;padding:0 22px}.tEQPFa_block[data-code-wrap=true] .tEQPFa_body{grid-template-columns:minmax(0,1fr)}.tEQPFa_block[data-code-wrap=true] .tEQPFa_line{white-space:pre-wrap;overflow-wrap:anywhere}.tEQPFa_path{color:var(--dsw-alias-label-secondary);font-weight:500}.tEQPFa_gap{color:var(--dsw-alias-label-tertiary)}.tEQPFa_del:before{content:"- "}.tEQPFa_del{color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-code-diff-deleted);box-shadow:inset 3px 0 0 var(--dsw-alias-state-error-primary)}.tEQPFa_add:before{content:"+ "}.tEQPFa_add{color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-code-diff-added);box-shadow:inset 3px 0 0 var(--dsw-alias-state-success-primary)}.tEQPFa_context{color:var(--dsw-alias-label-secondary)}.tEQPFa_context:before{content:"  "}.tEQPFa_expand{width:100%;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;padding:0 22px;display:block}.tEQPFa_expand:hover{color:var(--dsw-alias-label-secondary)}';
+  element.setAttribute("data-dsh-ui-primitives", id5);
+  element.textContent = '.tEQPFa_block{overflow:hidden}.tEQPFa_body{font:var(--dsw-font-markdown-code-block);grid-template-columns:minmax(max-content,1fr);padding:6px 0 20px;display:grid;overflow-x:auto}.tEQPFa_line{box-sizing:border-box;white-space:pre;min-height:1lh;padding:0 22px}.tEQPFa_block[data-code-wrap=true] .tEQPFa_body{grid-template-columns:minmax(0,1fr)}.tEQPFa_block[data-code-wrap=true] .tEQPFa_line{white-space:pre-wrap;overflow-wrap:anywhere}.tEQPFa_path{color:var(--dsw-alias-label-secondary);font-weight:500}.tEQPFa_gap{color:var(--dsw-alias-label-tertiary)}.tEQPFa_del:before{content:"- "}.tEQPFa_del{color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-code-diff-deleted);box-shadow:inset 3px 0 0 var(--dsw-alias-state-error-primary)}.tEQPFa_add:before{content:"+ "}.tEQPFa_add{color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-code-diff-added);box-shadow:inset 3px 0 0 var(--dsw-alias-state-success-primary)}.tEQPFa_context{color:var(--dsw-alias-label-secondary)}.tEQPFa_context:before{content:"  "}.tEQPFa_expand{width:100%;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;padding:0 22px;display:block}@media (hover:hover){.tEQPFa_expand:hover{color:var(--dsw-alias-label-secondary)}}';
   document.head.appendChild(element);
 }
-var DiffBlock_module_default = { "body": "tEQPFa_body", "line": "tEQPFa_line", "context": "tEQPFa_context", "path": "tEQPFa_path", "expand": "tEQPFa_expand", "add": "tEQPFa_add", "block": "tEQPFa_block", "del": "tEQPFa_del", "gap": "tEQPFa_gap" };
+var DiffBlock_module_default = { "add": "tEQPFa_add", "expand": "tEQPFa_expand", "block": "tEQPFa_block", "gap": "tEQPFa_gap", "line": "tEQPFa_line", "del": "tEQPFa_del", "context": "tEQPFa_context", "path": "tEQPFa_path", "body": "tEQPFa_body" };
 
 // src/DiffBlock.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_DIFF_MAX_LINES = 16;
 function assertNever(value) {
   throw new Error(`unreachable diff row kind: ${String(value)}`);
@@ -1309,7 +1343,7 @@ function DiffBlock({ diffs, labels, maxLines = DEFAULT_DIFF_MAX_LINES, className
   const [wrapped, setWrapped] = useState5(false);
   const firstLanguage = diffs[0] === void 0 ? void 0 : languageForPath(diffs[0].path);
   const language = diffs.every((diff) => languageForPath(diff.path) === firstLanguage) ? firstLanguage : void 0;
-  const onCopy = useCallback6(() => {
+  const onCopy = useCallback5(() => {
     if (copied) return;
     void writeClipboard(copyText2(rows)).then((ok) => {
       if (!ok) return;
@@ -1319,7 +1353,7 @@ function DiffBlock({ diffs, labels, maxLines = DEFAULT_DIFF_MAX_LINES, className
       }, 1e3);
     });
   }, [copied, rows]);
-  const onToggle = useCallback6(() => {
+  const onToggle = useCallback5(() => {
     setExpanded((value) => !value);
   }, []);
   if (rows.length === 0) return null;
@@ -1329,8 +1363,8 @@ function DiffBlock({ diffs, labels, maxLines = DEFAULT_DIFF_MAX_LINES, className
   const tailLines = maxLines - headLines;
   const head = capped ? rows.slice(0, headLines) : rows;
   const tail = capped ? rows.slice(rows.length - tailLines) : [];
-  return /* @__PURE__ */ jsxs4("div", { className: clsx4(CodeCard_module_default.card, DiffBlock_module_default.block, className), "data-diff": "", "data-code-wrap": wrapped, children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs4("div", { className: clsx5(CodeCard_module_default.card, DiffBlock_module_default.block, className), "data-diff": "", "data-code-wrap": wrapped, children: [
+    /* @__PURE__ */ jsx6(
       CodeToolbar,
       {
         lang: language,
@@ -1346,29 +1380,29 @@ function DiffBlock({ diffs, labels, maxLines = DEFAULT_DIFF_MAX_LINES, className
       }
     ),
     /* @__PURE__ */ jsxs4("div", { className: DiffBlock_module_default.body, children: [
-      head.map((row, index) => /* @__PURE__ */ jsx5("div", { className: clsx4(DiffBlock_module_default.line, ROW_CLASS[row.kind]), children: row.text }, index)),
-      hidden > 0 && /* @__PURE__ */ jsx5(FoldToggle, { className: DiffBlock_module_default.expand, expanded, hidden, labels, onToggle }),
-      tail.map((row, index) => /* @__PURE__ */ jsx5("div", { className: clsx4(DiffBlock_module_default.line, ROW_CLASS[row.kind]), children: row.text }, index))
+      head.map((row, index) => /* @__PURE__ */ jsx6("div", { className: clsx5(DiffBlock_module_default.line, ROW_CLASS[row.kind]), children: row.text }, index)),
+      hidden > 0 && /* @__PURE__ */ jsx6(FoldToggle, { className: DiffBlock_module_default.expand, expanded, hidden, labels, onToggle }),
+      tail.map((row, index) => /* @__PURE__ */ jsx6("div", { className: clsx5(DiffBlock_module_default.line, ROW_CLASS[row.kind]), children: row.text }, index))
     ] })
   ] });
 }
 
 // src/SearchBlock.tsx
-import { useCallback as useCallback7, useState as useState6 } from "react";
-import clsx5 from "clsx";
+import { useCallback as useCallback6, useState as useState6 } from "react";
+import clsx6 from "clsx";
 
 // .build/css/SearchBlock.module.mjs
-var id5 = "@seekbuddy/dsh-ui/SearchBlock.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id5 + '"]')) {
+var id6 = "@seekbuddy/dsh-ui/SearchBlock.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id6 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id5);
-  element.textContent = "._-soDW_block{--dsl-search-radius:var(--dsw-radius-lg);--dsl-search-line-height:22px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-markdown-code-block);border-radius:var(--dsl-search-radius);margin:16px 0;position:relative}._-soDW_header{background:var(--dsw-alias-markdown-code-block-banner);border-top-left-radius:var(--dsl-search-radius);border-top-right-radius:var(--dsl-search-radius);align-items:center;gap:12px;padding:9px 14px;display:flex}._-soDW_summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--dsw-font-xs-13);color:var(--dsw-alias-label-secondary);flex:1;overflow:hidden}._-soDW_copyButton{color:var(--dsw-alias-label-secondary);cursor:pointer;font:var(--dsw-font-xs-13);background-color:#0000;border:none;flex:none;margin:0;padding:0}._-soDW_body{font:var(--dsw-font-markdown-code-block);padding:8px 14px 12px 0;overflow:auto hidden}._-soDW_line{min-height:var(--dsl-search-line-height);white-space:pre;padding-left:14px}._-soDW_lineNumber{color:var(--dsw-alias-label-tertiary)}._-soDW_fileHeader{width:100%;min-height:var(--dsl-search-line-height);cursor:pointer;font:inherit;text-align:left;background-color:#0000;border:none;align-items:baseline;gap:8px;padding:0 14px;display:flex}._-soDW_filePath{min-width:0;color:var(--dsw-alias-label-primary);white-space:pre;font-weight:600}._-soDW_fileCount{color:var(--dsw-alias-label-tertiary);flex:none}._-soDW_expand{width:100%;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;text-align:left;background-color:#0000;border:none;padding:0 14px;display:block}._-soDW_expand:hover{color:var(--dsw-alias-label-secondary)}._-soDW_empty{font:var(--dsw-font-markdown-code-block);color:var(--dsw-alias-label-tertiary);padding:12px 14px}";
+  element.setAttribute("data-dsh-ui-primitives", id6);
+  element.textContent = "._-soDW_block{--dsl-search-radius:var(--dsw-radius-lg);--dsl-search-line-height:22px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-markdown-code-block);border-radius:var(--dsl-search-radius);margin:16px 0;position:relative}._-soDW_header{background:var(--dsw-alias-markdown-code-block-banner);border-top-left-radius:var(--dsl-search-radius);border-top-right-radius:var(--dsl-search-radius);align-items:center;gap:12px;padding:9px 14px;display:flex}._-soDW_summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--dsw-font-xs-13);color:var(--dsw-alias-label-secondary);flex:1;overflow:hidden}._-soDW_copyButton{color:var(--dsw-alias-label-secondary);cursor:pointer;font:var(--dsw-font-xs-13);background-color:#0000;border:none;flex:none;margin:0;padding:0}._-soDW_body{font:var(--dsw-font-markdown-code-block);padding:8px 14px 12px 0;overflow:auto hidden}._-soDW_line{min-height:var(--dsl-search-line-height);white-space:pre;padding-left:14px}._-soDW_lineNumber{color:var(--dsw-alias-label-tertiary)}._-soDW_fileHeader{width:100%;min-height:var(--dsl-search-line-height);cursor:pointer;font:inherit;text-align:left;background-color:#0000;border:none;align-items:baseline;gap:8px;padding:0 14px;display:flex}._-soDW_filePath{min-width:0;color:var(--dsw-alias-label-primary);white-space:pre;font-weight:600}._-soDW_fileCount{color:var(--dsw-alias-label-tertiary);flex:none}._-soDW_expand{width:100%;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;text-align:left;background-color:#0000;border:none;padding:0 14px;display:block}@media (hover:hover){._-soDW_expand:hover{color:var(--dsw-alias-label-secondary)}}._-soDW_empty{font:var(--dsw-font-markdown-code-block);color:var(--dsw-alias-label-tertiary);padding:12px 14px}";
   document.head.appendChild(element);
 }
-var SearchBlock_module_default = { "lineNumber": "_-soDW_lineNumber", "header": "_-soDW_header", "expand": "_-soDW_expand", "block": "_-soDW_block", "filePath": "_-soDW_filePath", "fileCount": "_-soDW_fileCount", "copyButton": "_-soDW_copyButton", "summary": "_-soDW_summary", "body": "_-soDW_body", "fileHeader": "_-soDW_fileHeader", "empty": "_-soDW_empty", "line": "_-soDW_line" };
+var SearchBlock_module_default = { "copyButton": "_-soDW_copyButton", "fileCount": "_-soDW_fileCount", "line": "_-soDW_line", "body": "_-soDW_body", "empty": "_-soDW_empty", "header": "_-soDW_header", "filePath": "_-soDW_filePath", "expand": "_-soDW_expand", "block": "_-soDW_block", "summary": "_-soDW_summary", "fileHeader": "_-soDW_fileHeader", "lineNumber": "_-soDW_lineNumber" };
 
 // src/SearchBlock.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var DEFAULT_SEARCH_MAX_LINES = 16;
 function copyText3(props) {
   if (props.kind === "paths") return props.paths.join("\n");
@@ -1416,11 +1450,11 @@ function SearchBlock(props) {
   const rows = toRows(props, collapsed);
   const shown = shownCount(props);
   const empty = rows.length === 0;
-  const { copied, onCopy } = useCopyFeedback(copyText3(props));
-  const onToggle = useCallback7(() => {
+  const { copied, onCopy } = useClipboardCopy(copyText3(props));
+  const onToggle = useCallback6(() => {
     setExpanded((value) => !value);
   }, []);
-  const toggleFile = useCallback7((index) => {
+  const toggleFile = useCallback6((index) => {
     setCollapsed((prev) => {
       const next = new Set(prev);
       if (next.has(index)) next.delete(index);
@@ -1437,7 +1471,7 @@ function SearchBlock(props) {
   ) : void 0;
   const tail = tailHeader === void 0 ? naturalTail : naturalTail.slice(1);
   const renderRow = (row) => {
-    if (row.type === "path") return /* @__PURE__ */ jsx6("div", { className: SearchBlock_module_default.line, children: row.path });
+    if (row.type === "path") return /* @__PURE__ */ jsx7("div", { className: SearchBlock_module_default.line, children: row.path });
     if (row.type === "match") {
       return /* @__PURE__ */ jsxs5("div", { className: SearchBlock_module_default.line, children: [
         /* @__PURE__ */ jsxs5("span", { className: SearchBlock_module_default.lineNumber, children: [
@@ -1457,20 +1491,20 @@ function SearchBlock(props) {
           toggleFile(row.index);
         },
         children: [
-          /* @__PURE__ */ jsx6("span", { className: SearchBlock_module_default.filePath, children: row.path }),
-          /* @__PURE__ */ jsx6("span", { className: SearchBlock_module_default.fileCount, children: row.count })
+          /* @__PURE__ */ jsx7("span", { className: SearchBlock_module_default.filePath, children: row.path }),
+          /* @__PURE__ */ jsx7("span", { className: SearchBlock_module_default.fileCount, children: row.count })
         ]
       }
     );
   };
-  return /* @__PURE__ */ jsxs5("div", { className: clsx5(SearchBlock_module_default.block, className), "data-search": props.kind, children: [
+  return /* @__PURE__ */ jsxs5("div", { className: clsx6(SearchBlock_module_default.block, className), "data-search": props.kind, children: [
     /* @__PURE__ */ jsxs5("div", { className: SearchBlock_module_default.header, children: [
-      /* @__PURE__ */ jsx6("span", { className: SearchBlock_module_default.summary, children: summaryText(props, shown, truncated, total) }),
-      !empty && /* @__PURE__ */ jsx6("button", { type: "button", className: SearchBlock_module_default.copyButton, onClick: onCopy, children: copied ? props.labels.copied : props.labels.copy })
+      /* @__PURE__ */ jsx7("span", { className: SearchBlock_module_default.summary, children: summaryText(props, shown, truncated, total) }),
+      !empty && /* @__PURE__ */ jsx7("button", { type: "button", className: SearchBlock_module_default.copyButton, onClick: onCopy, children: copied ? props.labels.copied : props.labels.copy })
     ] }),
-    empty ? /* @__PURE__ */ jsx6("div", { className: SearchBlock_module_default.empty, children: props.labels.noResults }) : /* @__PURE__ */ jsxs5("div", { className: SearchBlock_module_default.body, children: [
-      head.map((row) => /* @__PURE__ */ jsx6("div", { children: renderRow(row) }, rowKey(row))),
-      hidden > 0 && /* @__PURE__ */ jsx6(
+    empty ? /* @__PURE__ */ jsx7("div", { className: SearchBlock_module_default.empty, children: props.labels.noResults }) : /* @__PURE__ */ jsxs5("div", { className: SearchBlock_module_default.body, children: [
+      head.map((row) => /* @__PURE__ */ jsx7("div", { children: renderRow(row) }, rowKey(row))),
+      hidden > 0 && /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1481,27 +1515,27 @@ function SearchBlock(props) {
           children: expanded ? props.labels.collapse : props.labels.expand(hidden)
         }
       ),
-      tailHeader !== void 0 && /* @__PURE__ */ jsx6("div", { children: renderRow(tailHeader) }, `tailHeader:${rowKey(tailHeader)}`),
-      tail.map((row) => /* @__PURE__ */ jsx6("div", { children: renderRow(row) }, rowKey(row)))
+      tailHeader !== void 0 && /* @__PURE__ */ jsx7("div", { children: renderRow(tailHeader) }, `tailHeader:${rowKey(tailHeader)}`),
+      tail.map((row) => /* @__PURE__ */ jsx7("div", { children: renderRow(row) }, rowKey(row)))
     ] })
   ] });
 }
 
 // src/WebBlock.tsx
-import clsx6 from "clsx";
+import clsx7 from "clsx";
 
 // .build/css/WebBlock.module.mjs
-var id6 = "@seekbuddy/dsh-ui/WebBlock.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id6 + '"]')) {
+var id7 = "@seekbuddy/dsh-ui/WebBlock.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id7 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id6);
-  element.textContent = ".MTeYQa_block{--dsl-web-radius:var(--dsw-radius-lg);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-markdown-code-block);border-radius:var(--dsl-web-radius);margin:16px 0;padding:12px 14px}.MTeYQa_answer{margin-bottom:8px}.MTeYQa_answer>div>:first-child{margin-top:0}.MTeYQa_answer>div>:last-child{margin-bottom:0}.MTeYQa_sources{flex-direction:column;gap:10px;max-height:320px;margin:0;padding-left:2.5em;display:flex;overflow-y:auto}.MTeYQa_source{min-width:0}.MTeYQa_sourceLink{color:var(--dsw-alias-link);word-break:break-word;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.MTeYQa_linkIcon{vertical-align:-.25em;width:1.1em;height:1.1em;margin-right:5px}.MTeYQa_sourceLink:hover,.MTeYQa_sourceLink:focus-visible{text-underline-offset:3px;text-decoration:underline dotted}.MTeYQa_snippet{color:var(--dsw-alias-label-secondary);word-break:break-word;margin-top:2px;font-size:13px;line-height:19px}.MTeYQa_published{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13);margin-top:2px}.MTeYQa_truncated{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13);margin-top:8px}.MTeYQa_empty{color:var(--dsw-alias-label-secondary);font:var(--dsw-font-xs-13)}.MTeYQa_fetch{flex-direction:column;gap:6px;display:flex}.MTeYQa_fetchUrl{color:var(--dsw-alias-link);font-family:var(--ds-font-family-code);word-break:break-all;font-size:13px;font-weight:500;line-height:19px;text-decoration:none}.MTeYQa_fetchUrl:hover,.MTeYQa_fetchUrl:focus-visible{text-underline-offset:3px;text-decoration:underline dotted}.MTeYQa_fetchMeta{align-items:baseline;gap:12px;display:flex}.MTeYQa_status{color:var(--dsw-alias-label-secondary);font:var(--dsw-font-xs-13)}.MTeYQa_fetch .MTeYQa_truncated{margin-top:0}";
+  element.setAttribute("data-dsh-ui-primitives", id7);
+  element.textContent = ".MTeYQa_block{--dsl-web-radius:var(--dsw-radius-lg);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-markdown-code-block);border-radius:var(--dsl-web-radius);margin:16px 0;padding:12px 14px}.MTeYQa_answer{margin-bottom:8px}.MTeYQa_answer>div>:first-child{margin-top:0}.MTeYQa_answer>div>:last-child{margin-bottom:0}.MTeYQa_sources{flex-direction:column;gap:10px;max-height:320px;margin:0;padding-left:2.5em;display:flex;overflow-y:auto}.MTeYQa_source{min-width:0}.MTeYQa_sourceLink{color:var(--dsw-alias-link);word-break:break-word;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.MTeYQa_linkIcon{vertical-align:-.25em;width:1.1em;height:1.1em;margin-right:5px}.MTeYQa_sourceLink:focus-visible{text-underline-offset:3px;text-decoration:underline dotted}@media (hover:hover){.MTeYQa_sourceLink:hover{text-underline-offset:3px;text-decoration:underline dotted}}.MTeYQa_snippet{color:var(--dsw-alias-label-secondary);word-break:break-word;margin-top:2px;font-size:13px;line-height:19px}.MTeYQa_published{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13);margin-top:2px}.MTeYQa_truncated{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13);margin-top:8px}.MTeYQa_empty{color:var(--dsw-alias-label-secondary);font:var(--dsw-font-xs-13)}.MTeYQa_fetch{flex-direction:column;gap:6px;display:flex}.MTeYQa_fetchUrl{color:var(--dsw-alias-link);font-family:var(--ds-font-family-code);word-break:break-all;font-size:13px;font-weight:500;line-height:19px;text-decoration:none}.MTeYQa_fetchUrl:focus-visible{text-underline-offset:3px;text-decoration:underline dotted}@media (hover:hover){.MTeYQa_fetchUrl:hover{text-underline-offset:3px;text-decoration:underline dotted}}.MTeYQa_fetchMeta{align-items:baseline;gap:12px;display:flex}.MTeYQa_status{color:var(--dsw-alias-label-secondary);font:var(--dsw-font-xs-13)}.MTeYQa_fetch .MTeYQa_truncated{margin-top:0}";
   document.head.appendChild(element);
 }
-var WebBlock_module_default = { "empty": "MTeYQa_empty", "fetchUrl": "MTeYQa_fetchUrl", "status": "MTeYQa_status", "sourceLink": "MTeYQa_sourceLink", "fetch": "MTeYQa_fetch", "published": "MTeYQa_published", "block": "MTeYQa_block", "snippet": "MTeYQa_snippet", "source": "MTeYQa_source", "truncated": "MTeYQa_truncated", "fetchMeta": "MTeYQa_fetchMeta", "sources": "MTeYQa_sources", "linkIcon": "MTeYQa_linkIcon", "answer": "MTeYQa_answer" };
+var WebBlock_module_default = { "answer": "MTeYQa_answer", "sources": "MTeYQa_sources", "source": "MTeYQa_source", "empty": "MTeYQa_empty", "fetch": "MTeYQa_fetch", "fetchUrl": "MTeYQa_fetchUrl", "fetchMeta": "MTeYQa_fetchMeta", "status": "MTeYQa_status", "linkIcon": "MTeYQa_linkIcon", "truncated": "MTeYQa_truncated", "block": "MTeYQa_block", "published": "MTeYQa_published", "snippet": "MTeYQa_snippet", "sourceLink": "MTeYQa_sourceLink" };
 
 // src/WebBlock.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function safeHref(url) {
   try {
     const { protocol } = new URL(url);
@@ -1521,45 +1555,46 @@ function linkLabel(url, title) {
 }
 function SafeLink({ url, label, className }) {
   const href = safeHref(url);
-  if (href === void 0) return /* @__PURE__ */ jsx7("span", { className, children: label });
+  if (href === void 0) return /* @__PURE__ */ jsx8("span", { className, children: label });
   return /* @__PURE__ */ jsxs6("a", { className, href, target: "_blank", rel: "noopener noreferrer", children: [
-    /* @__PURE__ */ jsx7(LinkIconMedium, { kind: "url", href, className: WebBlock_module_default.linkIcon }),
+    /* @__PURE__ */ jsx8(LinkIconMedium, { kind: "url", href, className: WebBlock_module_default.linkIcon }),
     label
   ] });
 }
 function SourceItem({ source, ordinal }) {
   return /* @__PURE__ */ jsxs6("li", { className: WebBlock_module_default.source, value: ordinal, children: [
-    /* @__PURE__ */ jsx7(SafeLink, { url: source.url, label: linkLabel(source.url, source.title), className: WebBlock_module_default.sourceLink }),
-    source.snippet !== void 0 && source.snippet !== "" && /* @__PURE__ */ jsx7("div", { className: WebBlock_module_default.snippet, children: source.snippet }),
-    source.publishedAt !== void 0 && source.publishedAt !== "" && /* @__PURE__ */ jsx7("div", { className: WebBlock_module_default.published, children: source.publishedAt })
+    /* @__PURE__ */ jsx8(SafeLink, { url: source.url, label: linkLabel(source.url, source.title), className: WebBlock_module_default.sourceLink }),
+    source.snippet !== void 0 && source.snippet !== "" && /* @__PURE__ */ jsx8("div", { className: WebBlock_module_default.snippet, children: source.snippet }),
+    source.publishedAt !== void 0 && source.publishedAt !== "" && /* @__PURE__ */ jsx8("div", { className: WebBlock_module_default.published, children: source.publishedAt })
   ] });
 }
 function WebSearchBlock({ answer, sources, truncated, labels, className }) {
   const empty = (answer === void 0 || answer === "") && sources.length === 0;
-  return /* @__PURE__ */ jsxs6("div", { className: clsx6(WebBlock_module_default.block, className), "data-web": "search", children: [
-    answer !== void 0 && answer !== "" && /* @__PURE__ */ jsx7("div", { className: WebBlock_module_default.answer, children: /* @__PURE__ */ jsx7(MarkdownText, { text: answer, labels: labels.markdown }) }),
-    empty ? /* @__PURE__ */ jsx7("div", { className: WebBlock_module_default.empty, children: labels.noResults }) : /* @__PURE__ */ jsx7("ol", { className: WebBlock_module_default.sources, children: sources.map((source, index) => /* @__PURE__ */ jsx7(SourceItem, { source, ordinal: index + 1 }, index)) }),
-    truncated && /* @__PURE__ */ jsx7("div", { className: WebBlock_module_default.truncated, children: labels.sourcesTruncated })
+  return /* @__PURE__ */ jsxs6("div", { className: clsx7(WebBlock_module_default.block, className), "data-web": "search", children: [
+    answer !== void 0 && answer !== "" && /* @__PURE__ */ jsx8("div", { className: WebBlock_module_default.answer, children: /* @__PURE__ */ jsx8(MarkdownText, { text: answer, labels: labels.markdown }) }),
+    empty ? /* @__PURE__ */ jsx8("div", { className: WebBlock_module_default.empty, children: labels.noResults }) : /* @__PURE__ */ jsx8("ol", { className: WebBlock_module_default.sources, children: sources.map((source, index) => /* @__PURE__ */ jsx8(SourceItem, { source, ordinal: index + 1 }, index)) }),
+    truncated && /* @__PURE__ */ jsx8("div", { className: WebBlock_module_default.truncated, children: labels.sourcesTruncated })
   ] });
 }
 function WebFetchBlock({ url, statusCode, truncated, labels, className }) {
-  return /* @__PURE__ */ jsxs6("div", { className: clsx6(WebBlock_module_default.block, WebBlock_module_default.fetch, className), "data-web": "fetch", children: [
-    /* @__PURE__ */ jsx7(SafeLink, { url, label: url, className: WebBlock_module_default.fetchUrl }),
+  return /* @__PURE__ */ jsxs6("div", { className: clsx7(WebBlock_module_default.block, WebBlock_module_default.fetch, className), "data-web": "fetch", children: [
+    /* @__PURE__ */ jsx8(SafeLink, { url, label: url, className: WebBlock_module_default.fetchUrl }),
     /* @__PURE__ */ jsxs6("div", { className: WebBlock_module_default.fetchMeta, children: [
       /* @__PURE__ */ jsxs6("span", { className: WebBlock_module_default.status, children: [
         labels.http,
         " ",
         statusCode
       ] }),
-      truncated && /* @__PURE__ */ jsx7("span", { className: WebBlock_module_default.truncated, children: labels.contentTruncated })
+      truncated && /* @__PURE__ */ jsx8("span", { className: WebBlock_module_default.truncated, children: labels.contentTruncated })
     ] })
   ] });
 }
 function WebBlock(props) {
-  return props.kind === "search" ? /* @__PURE__ */ jsx7(WebSearchBlock, { ...props }) : /* @__PURE__ */ jsx7(WebFetchBlock, { ...props });
+  return props.kind === "search" ? /* @__PURE__ */ jsx8(WebSearchBlock, { ...props }) : /* @__PURE__ */ jsx8(WebFetchBlock, { ...props });
 }
 export {
   CODE_HIGHLIGHT_EXTENSIONS,
+  CommandText,
   DEFAULT_DIFF_MAX_LINES,
   DEFAULT_READ_MAX_LINES,
   DEFAULT_SEARCH_MAX_LINES,