@seekbuddy/dsh-ui 0.0.0-stage → 0.2.0-beta.1

package/dist/blocks.js

@@ -0,0 +1,1617 @@
+import {
+  Menu,
+  Pill,
+  useClipboardCopy
+} from "./chunks/chunk-YOBY6PSL.js";
+import {
+  CodeCard_module_default,
+  CodeToolbar,
+  FileTypeIcon,
+  LinkIconMedium,
+  LinkIconRegular,
+  MarkdownText,
+  classifyFileType,
+  classifyLinkPath,
+  fileExtension,
+  grammarLoadCount,
+  highlightLines,
+  subscribeGrammarLoaded,
+  useViewportHighlighting
+} from "./chunks/chunk-OCAQFVT3.js";
+import {
+  StateDot,
+  writeClipboard
+} from "./chunks/chunk-JA3XDLIA.js";
+import {
+  IconCheckOutlineRegular,
+  IconCopyOutlineRegular,
+  IconWrapLinesOutlineRegular
+} from "./chunks/chunk-XW4L4ZGL.js";
+import "./chunks/chunk-ZA47FP7C.js";
+
+// src/JsonTree.tsx
+import clsx from "clsx";
+import { useCallback, useEffect, useId, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+
+// .build/css/JsonTree.module.mjs
+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][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 = { "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";
+var OBJECT_PREVIEW_LIMIT = 4;
+var ARRAY_PREVIEW_LIMIT = 5;
+var PREVIEW_DEPTH_LIMIT = 2;
+function valueCopyMenuItems(labels) {
+  return [
+    { id: "value", label: labels.copyValue },
+    { id: "json", label: labels.copyJson },
+    { id: "path", label: labels.copyPath }
+  ];
+}
+function objectCopyMenuItems(labels) {
+  return [
+    { id: "prettyJson", label: labels.copyPrettyJson },
+    { id: "json", label: labels.copyCompactJson },
+    { id: "path", label: labels.copyPath }
+  ];
+}
+function createCopyStore() {
+  let current;
+  const listeners = /* @__PURE__ */ new Map();
+  return {
+    get: () => current,
+    set(next) {
+      const previous = current?.id;
+      current = next;
+      for (const id8 of /* @__PURE__ */ new Set([previous, next?.id])) {
+        if (id8 === void 0) continue;
+        for (const listener of listeners.get(id8) ?? []) listener();
+      }
+    },
+    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(id8);
+      };
+    }
+  };
+}
+function JsonCopyAction({
+  store,
+  target,
+  persistent,
+  labels,
+  onCopy,
+  onClose
+}) {
+  const id8 = pathId(target.path);
+  const subscribe = useCallback((listener) => store.subscribe(id8, listener), [id8, store]);
+  const getSnapshot = () => {
+    const current = store.get();
+    return current?.id === id8 ? current : void 0;
+  };
+  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const buttonRef = useRef(null);
+  const state = snapshot?.state ?? "idle";
+  const object = typeof target.value === "object" && target.value !== null;
+  const copyTitle = state === "copied" ? labels.copied : state === "failed" ? labels.copyFailed : object ? labels.copyPrettyJson : labels.copyValue;
+  return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.copySlot, children: (persistent || snapshot !== void 0) && /* @__PURE__ */ jsx(
+    Menu,
+    {
+      open: snapshot?.menuOpen === true,
+      compact: true,
+      portal: true,
+      align: "end",
+      anchor: /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: buttonRef,
+          type: "button",
+          className: JsonTree_module_default.actionButton,
+          "data-json-copy-button": true,
+          "data-state": state,
+          "aria-label": copyTitle,
+          title: labels.copyButtonTitle(copyTitle),
+          onClick: () => void onCopy(target, object ? "prettyJson" : "value"),
+          onContextMenu: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            store.set({ id: id8, target, state, menuOpen: true });
+          },
+          children: state === "copied" ? /* @__PURE__ */ jsx(IconCheckOutlineRegular, { size: 12 }) : /* @__PURE__ */ jsx(IconCopyOutlineRegular, { size: 12 })
+        }
+      ),
+      items: object ? objectCopyMenuItems(labels) : valueCopyMenuItems(labels),
+      onSelect: (mode) => {
+        void onCopy(target, mode);
+      },
+      onClose,
+      getAnchorRect: () => buttonRef.current.getBoundingClientRect()
+    }
+  ) });
+}
+function isExpandableValue(value) {
+  return typeof value === "object" && value !== null && !(value instanceof Date);
+}
+function entriesOf(value) {
+  if (Array.isArray(value)) {
+    return value.map((item, index) => [String(index), item]);
+  }
+  return Object.keys(value).map((key) => [key, value[key]]);
+}
+function bracketOf(value) {
+  return Array.isArray(value) ? ["[", "]"] : ["{", "}"];
+}
+function previewPrimitive(value) {
+  if (value === null) return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.keywordValue, children: "null" });
+  if (typeof value === "string") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.stringValue, children: JSON.stringify(value) });
+  }
+  if (typeof value === "number") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.numberValue, children: String(value) });
+  }
+  if (typeof value === "boolean") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.keywordValue, children: String(value) });
+  }
+  if (typeof value === "bigint") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.otherValue, children: value.toString() });
+  }
+  if (typeof value === "undefined") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.otherValue, children: "undefined" });
+  }
+  if (typeof value === "symbol") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.otherValue, children: value.description ?? "Symbol" });
+  }
+  if (typeof value === "function") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.otherValue, children: value.name || "Function" });
+  }
+  return null;
+}
+function previewValue(value, depth) {
+  if (!isExpandableValue(value)) return previewPrimitive(value);
+  const array = Array.isArray(value);
+  const entries = entriesOf(value);
+  const limit = array ? ARRAY_PREVIEW_LIMIT : OBJECT_PREVIEW_LIMIT;
+  const visible = entries.slice(0, limit);
+  const [open, close] = bracketOf(value);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: open }),
+    depth >= PREVIEW_DEPTH_LIMIT ? /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.previewEllipsis, children: "\u2026" }) : visible.map(([key, item], index) => /* @__PURE__ */ jsxs("span", { children: [
+      index > 0 && /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: ", " }),
+      !array && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.previewProperty, children: key }),
+        /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: ": " })
+      ] }),
+      previewValue(item, depth + 1)
+    ] }, key)),
+    depth < PREVIEW_DEPTH_LIMIT && entries.length > limit && /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.previewEllipsis, children: ", \u2026" }),
+    /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: close })
+  ] });
+}
+function primitiveValue(value) {
+  if (value === null) return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.keywordValue, children: "null" });
+  if (typeof value === "string") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.stringValue, children: JSON.stringify(value) });
+  }
+  if (typeof value === "boolean") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.keywordValue, children: String(value) });
+  }
+  if (typeof value === "number") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.numberValue, children: String(value) });
+  }
+  if (typeof value === "bigint") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.numberValue, children: `${value.toString()}n` });
+  }
+  if (value instanceof Date) {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.otherValue, children: value.toISOString() });
+  }
+  if (typeof value === "function") {
+    return /* @__PURE__ */ jsxs("span", { className: JsonTree_module_default.otherValue, children: [
+      "function() ",
+      "{ }"
+    ] });
+  }
+  if (typeof value === "undefined") {
+    return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.otherValue, children: "undefined" });
+  }
+  return /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.otherValue, children: value.toString() });
+}
+function fieldText(field) {
+  return field === "" ? '""' : field;
+}
+function pathId(path) {
+  return path.map((part) => typeof part === "number" ? `n${String(part)}` : `s${String(part.length)}:${part}`).join("/");
+}
+function claimFocus(button) {
+  button.focus();
+}
+function moveFocus(button, direction) {
+  const tree = button.closest('[role="tree"]');
+  if (tree === null) return;
+  const expanders = Array.from(tree.querySelectorAll("[data-json-expander]"));
+  const current = expanders.indexOf(button);
+  if (current < 0 || expanders.length === 0) return;
+  const next = (current + direction + expanders.length) % expanders.length;
+  const nextExpander = expanders[next];
+  if (nextExpander !== void 0) claimFocus(nextExpander);
+}
+function NodeField({
+  field,
+  expandable,
+  onToggle
+}) {
+  if (field === void 0) return null;
+  return /* @__PURE__ */ jsxs("span", { className: clsx(JsonTree_module_default.label, expandable && JsonTree_module_default.clickableLabel), onClick: expandable ? onToggle : void 0, children: [
+    fieldText(field),
+    ":"
+  ] });
+}
+function JsonString({
+  collapsedStringLines,
+  stringWrapping,
+  field,
+  labels,
+  lastElement,
+  renderCopy,
+  value
+}) {
+  const contentsId = useId();
+  const contentRef = useRef(null);
+  const rawRef = useRef(null);
+  const [expanded, setExpanded] = useState(false);
+  const [wrapped, setWrapped] = useState(false);
+  const [truncated, setTruncated] = useState(false);
+  useLayoutEffect(() => {
+    if (expanded) return;
+    const content = contentRef.current;
+    const measure = () => {
+      const lineHeight = Number.parseFloat(getComputedStyle(content).lineHeight);
+      setTruncated(content.scrollHeight > lineHeight * collapsedStringLines);
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(content);
+    return () => {
+      observer.disconnect();
+    };
+  }, [collapsedStringLines, expanded, field, lastElement, value]);
+  useLayoutEffect(() => {
+    if (!expanded) return;
+    const raw = rawRef.current;
+    const clips = [];
+    const tree = raw.closest(`.${JsonTree_module_default.root}`);
+    for (let parent = tree.parentElement; parent !== null; parent = parent.parentElement) {
+      if (/auto|scroll|hidden|clip/.test(getComputedStyle(parent).overflowY)) clips.push(parent);
+    }
+    const measure = () => {
+      let top = 0;
+      let bottom = window.innerHeight;
+      for (const clip of clips) {
+        const rect = clip.getBoundingClientRect();
+        const style = getComputedStyle(clip);
+        top = Math.max(top, rect.top + clip.clientTop);
+        bottom = Math.min(
+          bottom,
+          rect.top + clip.clientTop + clip.clientHeight - Number.parseFloat(style.paddingBottom)
+        );
+      }
+      const available = bottom - Math.max(top, raw.getBoundingClientRect().top);
+      raw.style.maxHeight = `${Math.max(16, available - 4)}px`;
+    };
+    measure();
+    const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(measure);
+    observer?.observe(raw);
+    for (const clip of clips) observer?.observe(clip);
+    window.addEventListener("resize", measure);
+    window.addEventListener("scroll", measure, true);
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener("resize", measure);
+      window.removeEventListener("scroll", measure, true);
+    };
+  }, [expanded, value]);
+  if (expanded) {
+    const fieldId = `${contentsId}-field`;
+    return /* @__PURE__ */ jsxs("div", { className: JsonTree_module_default.stringField, "data-expanded": true, children: [
+      field !== void 0 && /* @__PURE__ */ jsxs("span", { id: fieldId, className: JsonTree_module_default.label, children: [
+        fieldText(field),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(
+        "pre",
+        {
+          ref: rawRef,
+          id: contentsId,
+          className: JsonTree_module_default.stringRaw,
+          "data-wrap": wrapped,
+          tabIndex: 0,
+          "aria-labelledby": field === void 0 ? void 0 : fieldId,
+          children: value
+        }
+      ),
+      !lastElement && /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: "," }),
+      /* @__PURE__ */ jsxs("div", { className: JsonTree_module_default.stringActions, children: [
+        stringWrapping !== void 0 && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: JsonTree_module_default.actionButton,
+            "aria-label": stringWrapping.label,
+            title: stringWrapping.label,
+            "aria-pressed": wrapped,
+            "aria-controls": contentsId,
+            onClick: () => {
+              const next = !wrapped;
+              setWrapped(next);
+              stringWrapping.setDefault(next);
+            },
+            children: /* @__PURE__ */ jsx(IconWrapLinesOutlineRegular, { size: 12 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: JsonTree_module_default.actionButton,
+            "aria-label": labels.collapseNode,
+            title: labels.collapseNode,
+            "aria-expanded": true,
+            "aria-controls": contentsId,
+            onClick: () => {
+              setExpanded(false);
+            },
+            children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M9.5 1.5V6.5H14.5M1.5 9.5H6.5V14.5" }) })
+          }
+        ),
+        renderCopy?.(true)
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderCopy?.(),
+    /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.stringField, "data-expanded": expanded, children: /* @__PURE__ */ jsxs("span", { ref: contentRef, id: contentsId, className: JsonTree_module_default.stringText, children: [
+      truncated && /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.stringToggleSlot, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: JsonTree_module_default.stringToggle,
+          "aria-label": labels.expandNode,
+          "aria-expanded": false,
+          "aria-controls": contentsId,
+          onClick: () => {
+            setWrapped(stringWrapping?.getDefault() ?? false);
+            setExpanded(true);
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2026" }),
+            labels.expandNode
+          ]
+        }
+      ) }),
+      field !== void 0 && /* @__PURE__ */ jsxs("span", { className: JsonTree_module_default.label, children: [
+        fieldText(field),
+        ":"
+      ] }),
+      primitiveValue(value),
+      !lastElement && /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: "," })
+    ] }) })
+  ] });
+}
+function JsonTreeNode({
+  collapsedStringLines,
+  stringWrapping,
+  field,
+  initialExpanded,
+  labels,
+  lastElement,
+  onClaimTabStop,
+  onRowHover,
+  path,
+  renderCopy,
+  tabStopId,
+  value
+}) {
+  const contentsId = useId();
+  const expanderRef = useRef(null);
+  const [expanded, setExpanded] = useState(initialExpanded);
+  const nodeId = pathId(path);
+  const container = isExpandableValue(value);
+  const entries = container ? entriesOf(value) : [];
+  const expandable = entries.length > 0;
+  const toggle = () => {
+    setExpanded((current) => !current);
+    claimFocus(expanderRef.current);
+  };
+  const onExpanderKeyDown = (event) => {
+    if (event.key === "ArrowRight" || event.key === "ArrowLeft") {
+      event.preventDefault();
+      setExpanded(event.key === "ArrowRight");
+      return;
+    }
+    if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+      event.preventDefault();
+      moveFocus(event.currentTarget, event.key === "ArrowUp" ? -1 : 1);
+    }
+  };
+  const row = (children, ariaExpanded) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: JsonTree_module_default.row,
+      role: "treeitem",
+      "aria-expanded": ariaExpanded,
+      onMouseOver: (event) => {
+        event.stopPropagation();
+        onRowHover(event.currentTarget, { path, value });
+      },
+      children: [
+        typeof value !== "string" && renderCopy?.({ path, value }),
+        children
+      ]
+    }
+  );
+  if (typeof value === "string") {
+    return row(
+      /* @__PURE__ */ jsx(
+        JsonString,
+        {
+          collapsedStringLines,
+          stringWrapping,
+          field,
+          value,
+          labels,
+          lastElement,
+          renderCopy: renderCopy === void 0 ? void 0 : (persistent) => renderCopy({ path, value }, persistent)
+        }
+      )
+    );
+  }
+  if (!container) {
+    return row(
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(NodeField, { field, expandable: false, onToggle: toggle }),
+        primitiveValue(value),
+        !lastElement && /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: "," })
+      ] })
+    );
+  }
+  const [open, close] = bracketOf(value);
+  if (!expandable) {
+    return row(
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(NodeField, { field, expandable: false, onToggle: toggle }),
+        /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: open }),
+        /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: close }),
+        !lastElement && /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: "," })
+      ] })
+    );
+  }
+  return row(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          ref: expanderRef,
+          className: clsx(JsonTree_module_default.expander, expanded ? JsonTree_module_default.collapseIcon : JsonTree_module_default.expandIcon),
+          "data-json-expander": true,
+          role: "button",
+          "aria-label": expanded ? labels.collapseNode : labels.expandNode,
+          "aria-expanded": expanded,
+          "aria-controls": expanded ? contentsId : void 0,
+          tabIndex: tabStopId === nodeId ? 0 : -1,
+          onFocus: () => {
+            onClaimTabStop(nodeId);
+          },
+          onClick: toggle,
+          onKeyDown: onExpanderKeyDown
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: JsonTree_module_default.summary, children: [
+        /* @__PURE__ */ jsx(NodeField, { field, expandable: true, onToggle: toggle }),
+        /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.preview, children: previewValue(value, 0) }),
+        !lastElement && /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: "," })
+      ] }),
+      expanded && /* @__PURE__ */ jsx("ul", { id: contentsId, role: "group", className: JsonTree_module_default.children, children: entries.map(([key, item], index) => /* @__PURE__ */ jsx(
+        JsonTreeNode,
+        {
+          collapsedStringLines,
+          stringWrapping,
+          field: key,
+          value: item,
+          path: [...path, Array.isArray(value) ? index : key],
+          labels,
+          lastElement: index === entries.length - 1,
+          initialExpanded: false,
+          tabStopId,
+          onClaimTabStop,
+          onRowHover,
+          renderCopy
+        },
+        key
+      )) })
+    ] }),
+    expanded
+  );
+}
+function formattedPath(path) {
+  return path.reduce((result, part) => {
+    if (typeof part === "number") return `${result}[${String(part)}]`;
+    return /^[A-Za-z_$][\w$]*$/.test(part) ? `${result}.${part}` : `${result}[${JSON.stringify(part)}]`;
+  }, "$");
+}
+function copyText(target, mode) {
+  if (mode === "path") return formattedPath(target.path);
+  if (mode === "prettyJson") return JSON.stringify(target.value, null, 2);
+  if (mode === "json") return JSON.stringify(target.value);
+  if (typeof target.value === "string") return target.value;
+  if (typeof target.value === "undefined") return "undefined";
+  if (typeof target.value === "bigint") return target.value.toString();
+  if (typeof target.value === "symbol") return target.value.description ?? "Symbol";
+  if (typeof target.value === "function") return target.value.name || "Function";
+  return JSON.stringify(target.value);
+}
+function JsonTree({
+  data,
+  label,
+  className,
+  collapsedStringLines = 3,
+  stringWrapping,
+  copyable = true,
+  expandTopLevel = true,
+  labels
+}) {
+  const rootEntries = entriesOf(data);
+  const firstExpandableIndex = rootEntries.findIndex(
+    ([, value]) => isExpandableValue(value) && entriesOf(value).length > 0
+  );
+  const firstExpandableEntry = rootEntries[firstExpandableIndex];
+  const initialTabStopId = expandTopLevel ? firstExpandableEntry === void 0 ? null : pathId([Array.isArray(data) ? firstExpandableIndex : firstExpandableEntry[0]]) : isExpandableValue(data) && rootEntries.length > 0 ? pathId([]) : null;
+  const activeRowRef = useRef(void 0);
+  const resetTimer = useRef(void 0);
+  const copySequence = useRef(0);
+  const [copyStore] = useState(createCopyStore);
+  const [tabStopId, setTabStopId] = useState(initialTabStopId);
+  const setActiveRow = (row) => {
+    activeRowRef.current?.removeAttribute("data-json-copy-active");
+    activeRowRef.current = row;
+    row?.setAttribute("data-json-copy-active", "");
+  };
+  const clearCopyTarget = () => {
+    copySequence.current += 1;
+    if (resetTimer.current !== void 0) clearTimeout(resetTimer.current);
+    setActiveRow(void 0);
+    copyStore.set(void 0);
+  };
+  useEffect(
+    () => () => {
+      copySequence.current += 1;
+      if (resetTimer.current !== void 0) clearTimeout(resetTimer.current);
+      activeRowRef.current?.removeAttribute("data-json-copy-active");
+    },
+    []
+  );
+  useEffect(() => {
+    clearCopyTarget();
+    setTabStopId(initialTabStopId);
+  }, [data, expandTopLevel, initialTabStopId]);
+  const handleRowHover = (row, target) => {
+    if (!copyable || copyStore.get()?.menuOpen) return;
+    if (activeRowRef.current === row) return;
+    setActiveRow(row);
+    copyStore.set({ id: pathId(target.path), target, state: "idle", menuOpen: false });
+  };
+  const handleRootMouseOver = (event) => {
+    if (!copyable || copyStore.get()?.menuOpen) return;
+    if (!(event.target instanceof Element)) return;
+    if (event.target.closest("[data-json-copy-button]") === null) clearCopyTarget();
+  };
+  const copy = async (target, mode) => {
+    const sequence = ++copySequence.current;
+    const snapshot = {
+      id: pathId(target.path),
+      target,
+      state: "idle",
+      menuOpen: false
+    };
+    copyStore.set(snapshot);
+    let state;
+    try {
+      await navigator.clipboard.writeText(copyText(target, mode));
+      state = "copied";
+    } catch {
+      state = "failed";
+    }
+    const current = copyStore.get();
+    if (sequence !== copySequence.current || current?.target !== target) return;
+    copyStore.set({ ...current, state });
+    if (resetTimer.current !== void 0) clearTimeout(resetTimer.current);
+    resetTimer.current = setTimeout(() => {
+      const current2 = copyStore.get();
+      if (current2?.target === target) copyStore.set({ ...current2, state: "idle" });
+    }, 1500);
+  };
+  const [rootOpen, rootClose] = bracketOf(data);
+  const renderCopy = copyable ? (target, persistent = false) => /* @__PURE__ */ jsx(
+    JsonCopyAction,
+    {
+      store: copyStore,
+      target,
+      persistent,
+      labels,
+      onCopy: copy,
+      onClose: clearCopyTarget
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(JsonTree_module_default.root, className),
+      style: { "--json-tree-collapsed-lines": collapsedStringLines },
+      onMouseOver: handleRootMouseOver,
+      onMouseLeave: () => {
+        if (!copyStore.get()?.menuOpen) clearCopyTarget();
+      },
+      children: expandTopLevel ? /* @__PURE__ */ jsxs("div", { className: JsonTree_module_default.expandedTopLevel, children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx(JsonTree_module_default.row, JsonTree_module_default.topLevelBracket),
+            "data-json-root-row": true,
+            onMouseOver: (event) => {
+              event.stopPropagation();
+              handleRowHover(event.currentTarget, { path: [], value: data });
+            },
+            children: [
+              renderCopy?.({ path: [], value: data }),
+              /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: rootOpen })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { "aria-label": label, className: clsx(JsonTree_module_default.container, JsonTree_module_default.expandedTopLevelContainer), role: "tree", children: rootEntries.map(([key, value], index) => /* @__PURE__ */ jsx(
+          JsonTreeNode,
+          {
+            collapsedStringLines,
+            stringWrapping,
+            field: key,
+            value,
+            path: [Array.isArray(data) ? index : key],
+            labels,
+            lastElement: index === rootEntries.length - 1,
+            initialExpanded: false,
+            tabStopId,
+            onClaimTabStop: setTabStopId,
+            onRowHover: handleRowHover,
+            renderCopy
+          },
+          key
+        )) }),
+        /* @__PURE__ */ jsx("div", { className: clsx(JsonTree_module_default.row, JsonTree_module_default.topLevelBracket), children: /* @__PURE__ */ jsx("span", { className: JsonTree_module_default.punctuation, children: rootClose }) })
+      ] }) : /* @__PURE__ */ jsx("div", { "aria-label": label, className: JsonTree_module_default.container, role: "tree", children: /* @__PURE__ */ jsx(
+        JsonTreeNode,
+        {
+          collapsedStringLines,
+          stringWrapping,
+          value: data,
+          path: [],
+          labels,
+          lastElement: true,
+          initialExpanded: true,
+          tabStopId,
+          onClaimTabStop: setTabStopId,
+          onRowHover: handleRowHover,
+          renderCopy
+        }
+      ) })
+    }
+  );
+}
+
+// src/TerminalBlock.tsx
+import { useCallback as useCallback2, useMemo, useState as useState3 } from "react";
+import clsx3 from "clsx";
+
+// src/ansi.ts
+import Anser from "anser";
+var TOKEN_BY_BASIC_RGB = {
+  "0,0,0": "var(--dsw-alias-label-primary)",
+  "255,255,255": "var(--dsw-alias-label-primary)",
+  "85,85,85": "var(--dsw-alias-label-tertiary)",
+  "187,0,0": "var(--dsw-alias-state-error-primary)",
+  "255,85,85": "var(--dsw-alias-state-error-secondary)",
+  "0,187,0": "var(--dsw-alias-state-success-primary)",
+  "0,255,0": "var(--dsw-alias-state-success-secondary)",
+  "187,187,0": "var(--dsw-alias-state-warn-primary)",
+  "255,255,85": "var(--dsw-alias-state-warn-secondary)",
+  "0,0,187": "var(--dsw-alias-state-business-primary)",
+  "85,85,255": "var(--dsw-static-blue-400)",
+  "0,187,187": "var(--dsw-static-blue-600)",
+  "85,255,255": "var(--dsw-static-blue-500)"
+};
+var STYLE_BY_DECORATION = {
+  bold: { fontWeight: 700 },
+  dim: { opacity: 0.7 },
+  italic: { fontStyle: "italic" },
+  underline: { textDecoration: "underline" },
+  strikethrough: { textDecoration: "line-through" },
+  hidden: { visibility: "hidden" }
+};
+var OSC_SEQUENCE = /\u001b\][^\u0007\u001b]*(?:\u0007|\u001b\\)?/g;
+var NON_CSI_ESCAPE = /\u001b(?!\[)[\u0020-\u002f]*[\u0030-\u007e]?/g;
+var INERT_CONTROL = /[\u0000-\u0007\u000b-\u001a\u001c-\u001f\u007f]/g;
+var NEEDS_REPLAY = /\r|\u0008|\u001b\[[\u0030-\u003f]*[\u0020-\u002f]*K/;
+var SGR_SEQUENCE = /\u001b\[([\u0030-\u003f]*)[\u0020-\u002f]*m/g;
+var TAB_WIDTH = 8;
+var ZERO_WIDTH = /^[\p{Mn}\p{Me}\p{Cf}\u200b-\u200f\u2060]$/u;
+var WIDE_CHAR = new RegExp(
+  "\\p{Script=Han}|\\p{Script=Hiragana}|\\p{Script=Katakana}|\\p{Script=Hangul}|\\p{Emoji_Presentation}|[\\uff01-\\uff60\\u3000-\\u303e]",
+  "u"
+);
+function isWide(char) {
+  const code = char.codePointAt(0);
+  if (code === void 0 || code < 4352) return false;
+  return WIDE_CHAR.test(char);
+}
+var SGR_NONE = { fg: "", bg: "", attrs: [] };
+var ATTR_CLOSERS = {
+  22: ["1", "2"],
+  23: ["3"],
+  24: ["4"],
+  25: ["5", "6"],
+  27: ["7"],
+  28: ["8"],
+  29: ["9"]
+};
+function foldSgr(state, params) {
+  const codes = params === "" ? ["0"] : params.split(";");
+  let next = state;
+  for (let index = 0; index < codes.length; index++) {
+    const code = String(codes[index]);
+    if (code === "" || code === "0") {
+      next = SGR_NONE;
+      continue;
+    }
+    if (code === "38" || code === "48") {
+      const kind = codes[index + 1] ?? "";
+      const span = kind === "2" ? 4 : kind === "5" ? 2 : 0;
+      const value = codes.slice(index, index + span + 1).join(";");
+      next = code === "38" ? { ...next, fg: value } : { ...next, bg: value };
+      index += span;
+      continue;
+    }
+    const closes = ATTR_CLOSERS[code];
+    if (closes !== void 0) {
+      next = { ...next, attrs: next.attrs.filter((attr) => !closes.includes(attr)) };
+      continue;
+    }
+    const numeric = Number(code);
+    if (code === "39") {
+      next = { ...next, fg: "" };
+      continue;
+    }
+    if (code === "49") {
+      next = { ...next, bg: "" };
+      continue;
+    }
+    if (numeric >= 30 && numeric <= 37 || numeric >= 90 && numeric <= 97) {
+      next = { ...next, fg: code };
+      continue;
+    }
+    if (numeric >= 40 && numeric <= 47 || numeric >= 100 && numeric <= 107) {
+      next = { ...next, bg: code };
+      continue;
+    }
+    if (!next.attrs.includes(code)) next = { ...next, attrs: [...next.attrs, code] };
+  }
+  return next;
+}
+function openSgr(state) {
+  const codes = [...state.attrs];
+  if (state.fg !== "") codes.push(state.fg);
+  if (state.bg !== "") codes.push(state.bg);
+  return codes.length === 0 ? "" : `\x1B[${codes.join(";")}m`;
+}
+function sameSgr(a, b) {
+  return a.fg === b.fg && a.bg === b.bg && a.attrs.length === b.attrs.length && a.attrs.every((attr, index) => attr === b.attrs[index]);
+}
+function replayLine(line, entrySgr) {
+  const csi = /\u001b\[([\u0030-\u003f]*)[\u0020-\u002f]*([\u0040-\u007e])/g;
+  const columns = [];
+  let cursor = 0;
+  let sgr = entrySgr;
+  let at = 0;
+  const clear = (index, fill) => {
+    const cell = columns[index];
+    if (cell?.spacer === true && index > 0) columns[index - 1] = { sgr, char: fill };
+    else if (cell !== void 0 && isWide(cell.char) && columns[index + 1]?.spacer === true) {
+      columns[index + 1] = { sgr, char: fill };
+    }
+    columns[index] = { sgr, char: fill };
+  };
+  const consume = (chunk) => {
+    for (const char of chunk) {
+      if (char === "\r") {
+        cursor = 0;
+        continue;
+      }
+      if (char === "\b") {
+        cursor = Math.max(0, cursor - 1);
+        continue;
+      }
+      if (char === "	") {
+        const stop = cursor + TAB_WIDTH - cursor % TAB_WIDTH;
+        for (; cursor < stop; cursor++) columns[cursor] ?? (columns[cursor] = { sgr, char: " " });
+        continue;
+      }
+      if (ZERO_WIDTH.test(char)) {
+        const base = cursor > 0 ? columns[cursor - 1] : void 0;
+        if (base !== void 0) columns[cursor - 1] = { sgr: base.sgr, char: base.char + char };
+        continue;
+      }
+      clear(cursor, " ");
+      columns[cursor] = { sgr, char };
+      cursor++;
+      if (isWide(char)) {
+        columns[cursor] = { sgr, char: "", spacer: true };
+        cursor++;
+      }
+    }
+  };
+  for (const match of line.matchAll(csi)) {
+    consume(line.slice(at, match.index));
+    at = match.index + match[0].length;
+    const params = String(match[1]);
+    const final = String(match[2]);
+    if (final === "K") {
+      const mode = String(params.split(";")[0]);
+      if (mode === "1") for (let index = 0; index <= cursor; index++) clear(index, " ");
+      else columns.length = mode === "2" ? 0 : cursor;
+      continue;
+    }
+    if (final !== "m") continue;
+    sgr = foldSgr(sgr, params);
+  }
+  consume(line.slice(at));
+  let out = "";
+  let active = entrySgr;
+  for (let index = 0; index < columns.length; index++) {
+    const column = columns[index] ?? { sgr: SGR_NONE, char: " " };
+    if (!sameSgr(column.sgr, active)) {
+      if (!sameSgr(active, SGR_NONE)) out += "\x1B[0m";
+      out += openSgr(column.sgr);
+      active = column.sgr;
+    }
+    const leadIntact = index > 0 && isWide(columns[index - 1]?.char ?? "");
+    out += column.spacer === true && !leadIntact ? " " : column.char;
+  }
+  if (!sameSgr(active, sgr)) {
+    if (!sameSgr(active, SGR_NONE)) out += "\x1B[0m";
+    out += openSgr(sgr);
+  }
+  return { text: out, sgr };
+}
+function applyCursorMovements(text) {
+  const replayed = [];
+  let sgr = SGR_NONE;
+  for (const raw of text.split("\n")) {
+    const line = raw.replace(/\r+$/, "");
+    if (NEEDS_REPLAY.test(line)) {
+      const result = replayLine(line, sgr);
+      replayed.push(result.text);
+      sgr = result.sgr;
+      continue;
+    }
+    replayed.push(line);
+    for (const match of line.matchAll(SGR_SEQUENCE)) sgr = foldSgr(sgr, String(match[1]));
+  }
+  return replayed.join("\n");
+}
+function sanitize(text) {
+  const escaped = text.replace(OSC_SEQUENCE, "").replace(NON_CSI_ESCAPE, "");
+  return applyCursorMovements(escaped).replace(INERT_CONTROL, "");
+}
+function resolveStyle(chunk) {
+  const style = {};
+  const background = chunk.bg === null ? void 0 : `rgb(${chunk.bg})`;
+  if (background !== void 0) style.backgroundColor = background;
+  if (chunk.fg !== null) {
+    const literal = `rgb(${chunk.fg})`;
+    style.color = background === void 0 ? TOKEN_BY_BASIC_RGB[chunk.fg.replace(/\s+/g, "")] ?? literal : literal;
+  }
+  for (const decoration of chunk.decorations) Object.assign(style, STYLE_BY_DECORATION[decoration]);
+  return Object.keys(style).length === 0 ? void 0 : style;
+}
+function parseAnsiLines(text) {
+  let current = [];
+  const lines = [current];
+  for (const chunk of Anser.ansiToJson(sanitize(text), { json: true, remove_empty: true })) {
+    const style = resolveStyle(chunk);
+    for (const [index, part] of chunk.content.split("\n").entries()) {
+      if (index > 0) {
+        current = [];
+        lines.push(current);
+      }
+      if (part !== "") current.push({ text: part, style });
+    }
+  }
+  return lines;
+}
+
+// src/head-tail-cap.ts
+function headTailCap(total, maxLines, expanded) {
+  const hidden = total - maxLines;
+  const headLines = Math.ceil(maxLines / 2);
+  return { hidden, capped: hidden > 0 && !expanded, headLines, tailLines: maxLines - headLines };
+}
+
+// .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);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 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 jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var DEFAULT_TERMINAL_MAX_LINES = 16;
+function promptLabel(cwd, home) {
+  const trimmed = cwd.replace(/[/\\]+$/, "");
+  if (home !== void 0 && trimmed === home.replace(/[/\\]+$/, "")) return "~";
+  const segment = trimmed.split(/[/\\]/).pop();
+  return segment === void 0 || segment === "" ? cwd : segment;
+}
+function statusText(exitCode, signal, labels) {
+  if (signal !== void 0) return labels.signal(signal);
+  if (exitCode === null) return labels.noExitCode;
+  if (exitCode !== void 0 && exitCode !== 0) return labels.exitCode(exitCode);
+  return void 0;
+}
+function runState(running, exitCode, signal, labels) {
+  if (running) return { state: "ongoing", label: labels.running };
+  if (statusText(exitCode, signal, labels) !== void 0) return { state: "error", label: labels.failed };
+  return { state: "done", label: labels.done };
+}
+function renderLine(line) {
+  return line.map(
+    (span, index) => span.style === void 0 ? span.text : /* @__PURE__ */ jsx3("span", { style: span.style, children: span.text }, index)
+  );
+}
+function TerminalBlock({
+  command,
+  cwd,
+  home,
+  output,
+  exitCode,
+  signal,
+  running = false,
+  background = false,
+  maxLines = DEFAULT_TERMINAL_MAX_LINES,
+  copyText: copyText4,
+  runStateDot = true,
+  className,
+  labels
+}) {
+  const copy = labels;
+  const text = output ?? "";
+  const lines = useMemo(() => {
+    const parsed = parseAnsiLines(text);
+    const last = parsed[parsed.length - 1];
+    const terminated = parsed.length > 1 && last !== void 0 && last.every((span) => span.text === "");
+    return terminated ? parsed.slice(0, -1) : parsed;
+  }, [text]);
+  const [expanded, setExpanded] = useState3(false);
+  const { copied, onCopy } = useClipboardCopy(copyText4 ?? text);
+  const onToggle = useCallback2(() => {
+    setExpanded((value) => !value);
+  }, []);
+  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 = !background && (!running || !empty);
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      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: [
+            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 && 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__ */ 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__ */ 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",
+              className: TerminalBlock_module_default.expand,
+              "aria-expanded": expanded,
+              "aria-label": expanded ? copy.collapseAria : copy.expandAria(hidden),
+              onClick: onToggle,
+              children: expanded ? copy.collapse : copy.expand(hidden)
+            }
+          ),
+          capped && lines.slice(lines.length - tailLines).map((line, index) => /* @__PURE__ */ jsx3("div", { className: TerminalBlock_module_default.line, children: renderLine(line) }, index))
+        ] }))
+      ]
+    }
+  );
+}
+
+// src/ReadBlock.tsx
+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 jsx4 } from "react/jsx-runtime";
+function FoldToggle({ className, expanded, hidden, labels, onToggle }) {
+  return /* @__PURE__ */ jsx4(
+    "button",
+    {
+      type: "button",
+      className,
+      "aria-expanded": expanded,
+      "aria-label": expanded ? labels.collapseAria : labels.expandAria(hidden),
+      onClick: onToggle,
+      children: expanded ? labels.collapse : labels.expand(hidden)
+    }
+  );
+}
+
+// .build/css/ReadBlock.module.mjs
+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", 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 = { "block": "Lq5Aja_block", "line": "Lq5Aja_line", "expand": "Lq5Aja_expand", "content": "Lq5Aja_content", "gutter": "Lq5Aja_gutter" };
+
+// src/ReadBlock.tsx
+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__ */ jsx5("span", { style: span.style, children: span.text }, index));
+}
+function ReadBlock({
+  label,
+  labels,
+  lines,
+  totalLines,
+  lang,
+  maxLines = DEFAULT_READ_MAX_LINES,
+  className
+}) {
+  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);
+  const highlighted = useMemo2(
+    () => highlighting ? highlightLines(raw, lang) : void 0,
+    [highlighting, raw, lang, loaded]
+  );
+  const [expanded, setExpanded] = useState4(false);
+  const [copied, setCopied] = useState4(false);
+  const [wrapped, setWrapped] = useState4(false);
+  const onCopy = useCallback3(() => {
+    if (copied) return;
+    void writeClipboard(raw).then((ok) => {
+      if (!ok) return;
+      setCopied(true);
+      window.setTimeout(() => {
+        setCopied(false);
+      }, 1e3);
+    });
+  }, [copied, raw]);
+  const onToggle = useCallback3(() => {
+    setExpanded((value) => !value);
+  }, []);
+  const hidden = lines.length - maxLines;
+  const capped = hidden > 0 && !expanded;
+  const headLines = Math.ceil(maxLines / 2);
+  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__ */ 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` };
+  const paired = lines.map((line, index) => [
+    line,
+    highlighted?.[index]
+  ]);
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      ref: rootRef,
+      className: clsx4(CodeCard_module_default.card, ReadBlock_module_default.block, className),
+      "data-read": "",
+      "data-code-wrap": wrapped,
+      style: gutterStyle,
+      children: [
+        /* @__PURE__ */ jsx5(
+          CodeToolbar,
+          {
+            lang,
+            title: label,
+            status: windowed ? labels.window(lines.length, totalLines) : void 0,
+            labels,
+            copyLabel: labels.copy,
+            copiedLabel: labels.copied,
+            copied,
+            wrapped,
+            onCopy: lines.length > 0 ? onCopy : void 0,
+            onWrap: () => {
+              setWrapped((value) => !value);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs3("div", { className: CodeCard_module_default.body, children: [
+          rows(capped ? paired.slice(0, headLines) : paired),
+          hidden > 0 && /* @__PURE__ */ jsx5(FoldToggle, { className: ReadBlock_module_default.expand, expanded, hidden, labels, onToggle }),
+          capped && rows(paired.slice(paired.length - tailLines))
+        ] })
+      ]
+    }
+  );
+}
+
+// src/DiffBlock.tsx
+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 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 useCallback4((code) => highlightLines(code, language), [language, loaded]);
+}
+
+// .build/css/DiffBlock.module.mjs
+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", 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 = { "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 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)}`);
+}
+var ROW_CLASS = {
+  path: DiffBlock_module_default.path,
+  del: DiffBlock_module_default.del,
+  add: DiffBlock_module_default.add,
+  context: DiffBlock_module_default.context,
+  gap: DiffBlock_module_default.gap
+};
+var MAX_DIFF_EDIT_LENGTH = 256;
+function localHunks(diff) {
+  const oldLines = contentLines(diff.oldText ?? "");
+  const newLines = contentLines(diff.newText);
+  const normalize = (lines) => lines.map((line) => `${line}
+`).join("");
+  return structuredPatch("", "", normalize(oldLines), normalize(newLines), void 0, void 0, {
+    context: 3,
+    maxEditLength: MAX_DIFF_EDIT_LENGTH
+  })?.hunks ?? [{ lines: [...oldLines.map((line) => `-${line}`), ...newLines.map((line) => `+${line}`)] }];
+}
+function diffTotals(diffs) {
+  let added = 0;
+  let removed = 0;
+  for (const diff of diffs) {
+    for (const hunk of localHunks(diff)) {
+      for (const line of hunk.lines) {
+        if (line.startsWith("+")) added++;
+        if (line.startsWith("-")) removed++;
+      }
+    }
+  }
+  return { added, removed };
+}
+function buildRows(diffs) {
+  const rows = [];
+  let prevPath;
+  for (const diff of diffs) {
+    if (diff.path !== prevPath) rows.push({ kind: "path", text: diff.path });
+    else rows.push({ kind: "gap", text: "\u22EF" });
+    prevPath = diff.path;
+    for (const [index, hunk] of localHunks(diff).entries()) {
+      if (index > 0) rows.push({ kind: "gap", text: "\u22EF" });
+      for (const line of hunk.lines) {
+        const kind = line.startsWith("-") ? "del" : line.startsWith("+") ? "add" : "context";
+        rows.push({ kind, text: line.slice(1) });
+      }
+    }
+  }
+  return rows;
+}
+function contentLines(text) {
+  if (text === "") return [];
+  const body = text.endsWith("\n") ? text.slice(0, -1) : text;
+  return body.split("\n");
+}
+function copyText2(rows) {
+  return rows.map((row) => {
+    switch (row.kind) {
+      case "del":
+        return `- ${row.text}`;
+      case "add":
+        return `+ ${row.text}`;
+      case "context":
+        return `  ${row.text}`;
+      case "path":
+        return row.text;
+      case "gap":
+        return row.text;
+      /* v8 ignore next -- closed-union backstop; only reached if a row kind is forged */
+      default:
+        return assertNever(row.kind);
+    }
+  }).join("\n");
+}
+function DiffBlock({ diffs, labels, maxLines = DEFAULT_DIFF_MAX_LINES, className }) {
+  const rows = useMemo3(() => buildRows(diffs), [diffs]);
+  const [expanded, setExpanded] = useState5(false);
+  const [copied, setCopied] = useState5(false);
+  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 = useCallback5(() => {
+    if (copied) return;
+    void writeClipboard(copyText2(rows)).then((ok) => {
+      if (!ok) return;
+      setCopied(true);
+      window.setTimeout(() => {
+        setCopied(false);
+      }, 1e3);
+    });
+  }, [copied, rows]);
+  const onToggle = useCallback5(() => {
+    setExpanded((value) => !value);
+  }, []);
+  if (rows.length === 0) return null;
+  const hidden = rows.length - maxLines;
+  const capped = hidden > 0 && !expanded;
+  const headLines = Math.ceil(maxLines / 2);
+  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: clsx5(CodeCard_module_default.card, DiffBlock_module_default.block, className), "data-diff": "", "data-code-wrap": wrapped, children: [
+    /* @__PURE__ */ jsx6(
+      CodeToolbar,
+      {
+        lang: language,
+        labels,
+        copyLabel: labels.copy,
+        copiedLabel: labels.copied,
+        copied,
+        wrapped,
+        onCopy,
+        onWrap: () => {
+          setWrapped((value) => !value);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs4("div", { className: DiffBlock_module_default.body, children: [
+      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 useCallback6, useState as useState6 } from "react";
+import clsx6 from "clsx";
+
+// .build/css/SearchBlock.module.mjs
+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", 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 = { "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 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");
+  return props.files.map((file) => [file.path, ...file.matches.map((m) => `${m.lineNumber}: ${m.line}`)].join("\n")).join("\n\n");
+}
+function shownCount(props) {
+  return props.kind === "paths" ? props.paths.length : props.files.reduce((sum, file) => sum + file.matches.length, 0);
+}
+function summaryText(props, shown, truncated, total) {
+  return props.kind === "paths" ? props.labels.pathsSummary(shown, total, truncated) : props.labels.matchesSummary(shown, total, props.files.length, truncated);
+}
+function toRows(props, collapsed) {
+  if (props.kind === "paths") return props.paths.map((path) => ({ type: "path", path }));
+  const rows = [];
+  props.files.forEach((file, index) => {
+    const isCollapsed = collapsed.has(index);
+    rows.push({ type: "file", path: file.path, count: file.matches.length, index, collapsed: isCollapsed });
+    if (isCollapsed) return;
+    for (const match of file.matches) {
+      rows.push({
+        type: "match",
+        lineNumber: match.lineNumber,
+        line: match.line,
+        key: `${index}:${match.lineNumber}`,
+        fileIndex: index
+      });
+    }
+  });
+  return rows;
+}
+function rowKey(row) {
+  switch (row.type) {
+    case "match":
+      return `match:${row.key}`;
+    case "file":
+      return `file:${row.index}`;
+    case "path":
+      return `path:${row.path}`;
+  }
+}
+function SearchBlock(props) {
+  const { truncated, total, maxLines = DEFAULT_SEARCH_MAX_LINES, className } = props;
+  const [expanded, setExpanded] = useState6(false);
+  const [collapsed, setCollapsed] = useState6(() => /* @__PURE__ */ new Set());
+  const rows = toRows(props, collapsed);
+  const shown = shownCount(props);
+  const empty = rows.length === 0;
+  const { copied, onCopy } = useClipboardCopy(copyText3(props));
+  const onToggle = useCallback6(() => {
+    setExpanded((value) => !value);
+  }, []);
+  const toggleFile = useCallback6((index) => {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(index)) next.delete(index);
+      else next.add(index);
+      return next;
+    });
+  }, []);
+  const { hidden, capped, headLines, tailLines } = headTailCap(rows.length, maxLines, expanded);
+  const head = capped ? rows.slice(0, headLines) : rows;
+  const naturalTail = capped ? rows.slice(rows.length - tailLines) : [];
+  const tailLead = naturalTail[0];
+  const tailHeader = tailLead?.type === "match" && !head.some((row) => row.type === "file" && row.index === tailLead.fileIndex) ? rows.find(
+    (row) => row.type === "file" && row.index === tailLead.fileIndex
+  ) : void 0;
+  const tail = tailHeader === void 0 ? naturalTail : naturalTail.slice(1);
+  const renderRow = (row) => {
+    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: [
+          row.lineNumber,
+          ": "
+        ] }),
+        row.line
+      ] });
+    }
+    return /* @__PURE__ */ jsxs5(
+      "button",
+      {
+        type: "button",
+        className: SearchBlock_module_default.fileHeader,
+        "aria-expanded": !row.collapsed,
+        onClick: () => {
+          toggleFile(row.index);
+        },
+        children: [
+          /* @__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: clsx6(SearchBlock_module_default.block, className), "data-search": props.kind, children: [
+    /* @__PURE__ */ jsxs5("div", { className: SearchBlock_module_default.header, children: [
+      /* @__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__ */ 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",
+          className: SearchBlock_module_default.expand,
+          "aria-expanded": expanded,
+          "aria-label": expanded ? props.labels.collapseAria : props.labels.expandAria(hidden),
+          onClick: onToggle,
+          children: expanded ? props.labels.collapse : props.labels.expand(hidden)
+        }
+      ),
+      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 clsx7 from "clsx";
+
+// .build/css/WebBlock.module.mjs
+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", 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 = { "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 jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function safeHref(url) {
+  try {
+    const { protocol } = new URL(url);
+    return protocol === "http:" || protocol === "https:" ? url : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function linkLabel(url, title) {
+  if (title !== void 0 && title !== "") return title;
+  try {
+    const { hostname } = new URL(url);
+    return hostname === "" ? url : hostname;
+  } catch {
+    return url;
+  }
+}
+function SafeLink({ url, label, className }) {
+  const href = safeHref(url);
+  if (href === void 0) return /* @__PURE__ */ jsx8("span", { className, children: label });
+  return /* @__PURE__ */ jsxs6("a", { className, href, target: "_blank", rel: "noopener noreferrer", children: [
+    /* @__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__ */ 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: 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: 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__ */ jsx8("span", { className: WebBlock_module_default.truncated, children: labels.contentTruncated })
+    ] })
+  ] });
+}
+function WebBlock(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,
+  DEFAULT_TERMINAL_MAX_LINES,
+  DiffBlock,
+  FileTypeIcon,
+  JsonTree,
+  LinkIconMedium,
+  LinkIconRegular,
+  ReadBlock,
+  SearchBlock,
+  TerminalBlock,
+  WebBlock,
+  classifyFileType,
+  classifyLinkPath,
+  diffTotals,
+  fileExtension,
+  languageForPath,
+  useCodeHighlighter
+};