@qredence/fleet 0.7.4 → 0.9.0

package/dist/web/server/{chunk-QSM3BRMA.js → chunk-KBMRRJQN.js}

@@ -1,13 +1,22 @@
 import {
-  ActionSwapRollText,
-  AgentDisclosure,
+  EASE_OUT,
+  EASE_OUT_CSS,
   SPRING_PRESS,
   SPRING_SWAP
-} from "./chunk-EBC7QORX.js";
+} from "./chunk-RX2ZJARF.js";
 import {
+  AnimatePresence,
   m,
   useReducedMotion
-} from "./chunk-ZUZPJNLY.js";
+} from "./chunk-7DQQMT5V.js";
+import {
+  CodeBlock,
+  CodeBlockActions,
+  CodeBlockContent,
+  CodeBlockCopyButton,
+  CodeBlockHeader,
+  CodeBlockTitle
+} from "./chunk-FNV3WZXL.js";
 import {
   Ban,
   Braces,
@@ -19,13 +28,11 @@ import {
   FileCodeCorner,
   LoaderCircle,
   SquareTerminal,
-  Wrench
-} from "./chunk-GLH2GWMG.js";
-import {
+  Wrench,
   cn
-} from "./chunk-TMQ3MT3D.js";
+} from "./chunk-VDEUVEWL.js";
 
-// web/app/dist/server/assets/tool-result-CWKqHr9Q.js
+// web/app/dist/server/assets/tool-result-B10zDHzv.js
 import { useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var LIGHT_THEME = "github-light-high-contrast";
@@ -113,127 +120,42 @@ function useAgentCodeTokens(code, language) {
   if (result?.language === language && code.startsWith(result.code)) return result.lines;
   return null;
 }
-function AgentCodeLine({ code, tokens, className }) {
-  return /* @__PURE__ */ jsx("span", {
+function AgentCodeLine({ code, tokens, suffix, className }) {
+  return /* @__PURE__ */ jsxs("span", {
     className,
-    children: tokens ? tokens.map((token) => /* @__PURE__ */ jsx("span", {
+    children: [tokens ? tokens.map((token) => /* @__PURE__ */ jsx("span", {
       style: {
         "--agent-code-light": token.light ?? "currentColor",
         "--agent-code-dark": token.dark ?? token.light ?? "currentColor"
       },
       className: "text-[var(--agent-code-light)] dark:text-[var(--agent-code-dark)]",
       children: token.content
-    }, `${token.offset}-${token.content}`)) : code
+    }, `${token.offset}-${token.content}`)) : code, suffix]
   });
 }
-var EMPTY_HIGHLIGHT_LINES = [];
-function CodeBlock({ code, language = "typescript", languageLabel, filename, status = "complete", showStatus = true, showLineNumbers = true, highlightLines = EMPTY_HIGHLIGHT_LINES, maxHeight = 280, wrap = false, copyable = true, onCopy, className }) {
+function AgentDisclosure({ open, openHeight = "auto", className, style, transition, ...props }) {
   const reduce = useReducedMotion() ?? false;
-  const viewportRef = useRef(null);
-  const copyTimer = useRef(void 0);
-  const [copied, setCopied] = useState(false);
-  const streaming = status === "streaming";
-  const tokens = useAgentCodeTokens(code, language);
-  const highlighted = useMemo(() => new Set(highlightLines), [highlightLines]);
-  let offset = 0;
-  const lines = code.split("\n").map((content) => {
-    const line = {
-      content,
-      offset
-    };
-    offset += content.length + 1;
-    return line;
-  });
-  const resolvedLanguageLabel = languageLabel ?? {
-    bash: "Bash",
-    diff: "Diff",
-    json: "JSON",
-    python: "Python",
-    text: "Text",
-    tsx: "TSX",
-    typescript: "TypeScript"
-  }[language];
-  useEffect(() => () => {
-    if (copyTimer.current) window.clearTimeout(copyTimer.current);
-  }, []);
-  useLayoutEffect(() => {
-    const viewport = viewportRef.current;
-    if (!viewport || !streaming) return;
-    const frame = requestAnimationFrame(() => {
-      if (viewport.scrollHeight <= viewport.clientHeight) return;
-      if (typeof viewport.scrollTo === "function") viewport.scrollTo({
-        top: viewport.scrollHeight,
-        behavior: reduce ? "auto" : "smooth"
-      });
-      else viewport.scrollTop = viewport.scrollHeight;
-    });
-    return () => cancelAnimationFrame(frame);
-  });
-  const handleCopy = useCallback(async () => {
-    if (onCopy) await onCopy();
-    else await navigator.clipboard?.writeText(code);
-    setCopied(true);
-    if (copyTimer.current) window.clearTimeout(copyTimer.current);
-    copyTimer.current = window.setTimeout(() => setCopied(false), 1600);
-  }, [code, onCopy]);
-  return /* @__PURE__ */ jsxs("div", {
-    "data-state": status,
-    "aria-busy": streaming,
-    className: cn("w-full overflow-hidden rounded-2xl bg-muted/80 text-sm", className),
-    children: [/* @__PURE__ */ jsxs("div", {
-      className: "flex h-10 items-center gap-2.5 px-3",
-      children: [
-        /* @__PURE__ */ jsx(FileCodeCorner, {
-          "aria-hidden": "true",
-          className: "size-3.5 shrink-0 text-muted-foreground/70"
-        }),
-        filename ? /* @__PURE__ */ jsx("span", {
-          className: "min-w-0 truncate font-mono text-xs text-foreground/80",
-          children: filename
-        }) : null,
-        /* @__PURE__ */ jsx("span", {
-          className: "text-micro font-medium uppercase tracking-wide text-muted-foreground/55",
-          children: resolvedLanguageLabel
-        }),
-        showStatus ? /* @__PURE__ */ jsxs("span", {
-          className: cn("ml-auto inline-flex shrink-0 items-center gap-1 text-micro font-medium", streaming ? "text-info" : "text-success"),
-          children: [streaming ? /* @__PURE__ */ jsx(LoaderCircle, { className: cn("size-3", !reduce && "animate-spin") }) : /* @__PURE__ */ jsx(Check, { className: "size-3" }), streaming ? "Writing" : "Ready"]
-        }) : null,
-        copyable || onCopy ? /* @__PURE__ */ jsx(m.button, {
-          type: "button",
-          "aria-label": copied ? "Copied" : "Copy code",
-          title: copied ? "Copied" : "Copy code",
-          onClick: handleCopy,
-          whileTap: reduce ? void 0 : { scale: 0.96 },
-          transition: SPRING_PRESS,
-          className: cn("grid size-7 shrink-0 place-items-center rounded-full text-muted-foreground outline-none transition-colors hover:bg-background/70 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", !showStatus && "ml-auto"),
-          children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
-        }) : null
-      ]
-    }), /* @__PURE__ */ jsx("div", {
-      ref: viewportRef,
-      role: streaming ? "log" : void 0,
-      "aria-live": streaming ? "off" : void 0,
-      className: "overflow-auto border-t border-foreground/[0.06] py-2 [scrollbar-color:color-mix(in_oklab,var(--muted-foreground)_35%,transparent)_transparent] [scrollbar-width:thin]",
-      style: { maxHeight },
-      children: /* @__PURE__ */ jsx("pre", {
-        className: "m-0 min-w-max font-mono text-xs leading-5 text-foreground/85",
-        children: /* @__PURE__ */ jsx("code", { children: lines.map((line, index) => {
-          const lineNumber = index + 1;
-          return /* @__PURE__ */ jsxs("span", {
-            className: cn("grid min-h-5", showLineNumbers ? "grid-cols-[2.75rem_minmax(0,1fr)]" : "grid-cols-1", highlighted.has(lineNumber) && "bg-primary/[0.07]"),
-            children: [showLineNumbers ? /* @__PURE__ */ jsx("span", {
-              className: "select-none pr-3 text-right tabular-nums text-muted-foreground/35",
-              children: lineNumber
-            }) : null, /* @__PURE__ */ jsx(AgentCodeLine, {
-              code: line.content,
-              tokens: tokens?.[index],
-              className: cn("pr-4", showLineNumbers ? "pl-1" : "pl-4", wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre")
-            })]
-          }, line.offset);
-        }) })
-      })
-    })]
+  return /* @__PURE__ */ jsx(m.div, {
+    ...props,
+    "aria-hidden": !open,
+    inert: !open,
+    initial: false,
+    animate: reduce ? { opacity: open ? 1 : 0 } : {
+      opacity: open ? 1 : 0,
+      clipPath: open ? "inset(0 0 0% 0)" : "inset(0 0 100% 0)",
+      y: open ? 0 : -4
+    },
+    transition: transition ?? {
+      duration: reduce ? 0 : open ? 0.22 : 0.14,
+      ease: EASE_OUT
+    },
+    className: cn("overflow-hidden", className),
+    style: {
+      ...style,
+      height: open ? openHeight : 0,
+      pointerEvents: open ? void 0 : "none",
+      transformOrigin: "top"
+    }
   });
 }
 function ChangeCount({ value, type }) {
@@ -413,6 +335,177 @@ function FileDiff({ file, lines, status = "streaming", open, defaultOpen = true,
     })]
   });
 }
+var EMPTY_HIGHLIGHT_LINES = [];
+function CodeBlock2({ code, language = "typescript", languageLabel, filename, status = "complete", showStatus = true, showLineNumbers = true, highlightLines = EMPTY_HIGHLIGHT_LINES, maxHeight = 280, wrap = false, copyable = true, onCopy }) {
+  const reduce = useReducedMotion() ?? false;
+  const viewportRef = useRef(null);
+  const copyTimer = useRef(void 0);
+  const [copied, setCopied] = useState(false);
+  const streaming = status === "streaming";
+  const tokens = useAgentCodeTokens(code, language);
+  const highlighted = useMemo(() => new Set(highlightLines), [highlightLines]);
+  let offset = 0;
+  const lines = code.split("\n").map((content) => {
+    const line = {
+      content,
+      offset
+    };
+    offset += content.length + 1;
+    return line;
+  });
+  const resolvedLanguageLabel = languageLabel ?? {
+    bash: "Bash",
+    diff: "Diff",
+    json: "JSON",
+    python: "Python",
+    text: "Text",
+    tsx: "TSX",
+    typescript: "TypeScript"
+  }[language];
+  useEffect(() => () => {
+    if (copyTimer.current) window.clearTimeout(copyTimer.current);
+  }, []);
+  useLayoutEffect(() => {
+    const viewport = viewportRef.current;
+    if (!viewport || !streaming) return;
+    const frame = requestAnimationFrame(() => {
+      if (viewport.scrollHeight <= viewport.clientHeight) return;
+      if (typeof viewport.scrollTo === "function") viewport.scrollTo({
+        top: viewport.scrollHeight,
+        behavior: reduce ? "auto" : "smooth"
+      });
+      else viewport.scrollTop = viewport.scrollHeight;
+    });
+    return () => cancelAnimationFrame(frame);
+  });
+  const handleCopy = useCallback(async () => {
+    if (onCopy) await onCopy();
+    else await navigator.clipboard?.writeText(code);
+    setCopied(true);
+    if (copyTimer.current) window.clearTimeout(copyTimer.current);
+    copyTimer.current = window.setTimeout(() => setCopied(false), 1600);
+  }, [code, onCopy]);
+  return /* @__PURE__ */ jsxs(CodeBlock, {
+    "data-state": status,
+    "aria-busy": streaming,
+    size: "sm",
+    className: "bg-muted/80",
+    children: [/* @__PURE__ */ jsxs(CodeBlockHeader, {
+      className: "h-10 gap-2.5 px-3 pt-0",
+      children: [
+        /* @__PURE__ */ jsx(FileCodeCorner, {
+          "aria-hidden": "true",
+          className: "size-3.5 shrink-0 text-muted-foreground/70"
+        }),
+        filename ? /* @__PURE__ */ jsx(CodeBlockTitle, {
+          className: "font-mono text-xs text-foreground/80",
+          children: filename
+        }) : null,
+        /* @__PURE__ */ jsx("span", {
+          className: "text-micro font-medium uppercase tracking-wide text-muted-foreground/55",
+          children: resolvedLanguageLabel
+        }),
+        showStatus ? /* @__PURE__ */ jsxs("span", {
+          className: cn(!copyable && !onCopy && "ml-auto", "inline-flex shrink-0 items-center gap-1 text-micro font-medium", streaming ? "text-info" : "text-success"),
+          children: [streaming ? /* @__PURE__ */ jsx(LoaderCircle, { className: cn("size-3", !reduce && "animate-spin") }) : /* @__PURE__ */ jsx(Check, { className: "size-3" }), streaming ? "Writing" : "Ready"]
+        }) : null,
+        copyable || onCopy ? /* @__PURE__ */ jsx(CodeBlockActions, {
+          className: cn("-my-0 -me-0", showStatus ? "ms-0" : "ms-auto"),
+          children: /* @__PURE__ */ jsx(m.button, {
+            type: "button",
+            "aria-label": copied ? "Copied" : "Copy code",
+            title: copied ? "Copied" : "Copy code",
+            onClick: handleCopy,
+            whileTap: reduce ? void 0 : { scale: 0.96 },
+            transition: SPRING_PRESS,
+            className: "grid size-7 shrink-0 place-items-center rounded-full text-muted-foreground outline-none transition-colors hover:bg-background/70 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+            children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
+          })
+        }) : null
+      ]
+    }), /* @__PURE__ */ jsx(CodeBlockContent, {
+      ref: viewportRef,
+      role: streaming ? "log" : void 0,
+      "aria-live": streaming ? "off" : void 0,
+      className: "max-w-full overflow-auto border-t border-foreground/[0.06] px-0 py-2 font-mono text-xs leading-5 text-foreground/85 [scrollbar-color:color-mix(in_oklab,var(--muted-foreground)_35%,transparent)_transparent] [scrollbar-width:thin]",
+      style: { maxHeight },
+      wrap,
+      children: lines.map((line, index) => {
+        const lineNumber = index + 1;
+        return /* @__PURE__ */ jsx("span", {
+          "data-line-number": showLineNumbers ? lineNumber : void 0,
+          className: cn("grid min-h-5", showLineNumbers ? "grid-cols-[2.75rem_minmax(0,1fr)] before:content-[attr(data-line-number)] before:select-none before:pr-3 before:text-right before:tabular-nums before:text-muted-foreground/35" : "grid-cols-1", highlighted.has(lineNumber) && "bg-primary/[0.07]"),
+          children: /* @__PURE__ */ jsx(AgentCodeLine, {
+            code: line.content,
+            tokens: tokens?.[index],
+            suffix: index < lines.length - 1 ? "\n" : void 0,
+            className: cn("pr-4", showLineNumbers ? "pl-1" : "pl-4", wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre")
+          })
+        }, line.offset);
+      })
+    })]
+  });
+}
+var ROLL_VARIANTS = {
+  initial: {
+    opacity: 0,
+    y: "90%",
+    filter: "blur(3px)"
+  },
+  animate: {
+    opacity: 1,
+    y: "0%",
+    filter: "blur(0px)",
+    transition: SPRING_SWAP
+  },
+  exit: {
+    opacity: 0,
+    y: "-90%",
+    filter: "blur(3px)",
+    transition: {
+      duration: 0.14,
+      ease: EASE_OUT
+    }
+  }
+};
+function ActionSwapRollText({ value, children, className }) {
+  const reduce = useReducedMotion();
+  const measureRef = useRef(null);
+  const [width, setWidth] = useState();
+  useLayoutEffect(() => {
+    const nextWidth = measureRef.current?.offsetWidth;
+    if (!nextWidth) return;
+    setWidth((currentWidth) => currentWidth === nextWidth ? currentWidth : nextWidth);
+  });
+  return /* @__PURE__ */ jsxs("span", {
+    className: cn("relative inline-block overflow-hidden whitespace-nowrap align-bottom", className),
+    style: {
+      width,
+      transition: reduce ? void 0 : `width 220ms ${EASE_OUT_CSS}`
+    },
+    children: [/* @__PURE__ */ jsx("span", {
+      ref: measureRef,
+      "aria-hidden": true,
+      className: "invisible inline-block whitespace-nowrap",
+      children
+    }), /* @__PURE__ */ jsx(AnimatePresence, {
+      initial: false,
+      children: /* @__PURE__ */ jsx(m.span, {
+        variants: ROLL_VARIANTS,
+        initial: reduce ? false : "initial",
+        animate: reduce ? {
+          opacity: 1,
+          filter: "blur(0px)",
+          scale: 1,
+          y: 0
+        } : "animate",
+        exit: reduce ? void 0 : "exit",
+        className: "absolute left-0 top-0 inline-block",
+        children
+      }, `roll-${value}`)
+    })]
+  });
+}
 function getStatusLabel(status) {
   if (status === "running") return "Running";
   if (status === "success") return "Completed";
@@ -449,15 +542,25 @@ function ToolResultAction({ label, onClick, children }) {
     children
   });
 }
-function ToolResultOutput({ children, language: _language = "bash", label, className }) {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-1.5",
-    children: [label ? /* @__PURE__ */ jsx("div", {
-      className: "px-0.5 text-micro font-medium uppercase tracking-[0.12em] text-muted-foreground/60",
-      children: label
-    }) : null, /* @__PURE__ */ jsx("pre", {
-      className: cn("m-0 whitespace-pre-wrap break-words font-mono text-xs leading-5 text-foreground/80", className),
-      children: /* @__PURE__ */ jsx("code", { children })
+function ToolResultOutput({ children, language: _language = "bash", label, error = false, className }) {
+  return /* @__PURE__ */ jsxs(CodeBlock, {
+    "data-error": error || void 0,
+    variant: error ? "destructive" : "default",
+    size: "sm",
+    className,
+    children: [/* @__PURE__ */ jsxs(CodeBlockHeader, {
+      className: "py-1",
+      children: [label ? /* @__PURE__ */ jsx(CodeBlockTitle, {
+        className: cn("text-micro uppercase tracking-[0.12em]", error ? "text-destructive" : "text-muted-foreground/60"),
+        children: error ? "Reported error" : label
+      }) : null, /* @__PURE__ */ jsx(CodeBlockActions, { children: /* @__PURE__ */ jsx(CodeBlockCopyButton, {
+        value: children,
+        "aria-label": "Copy result"
+      }) })]
+    }), /* @__PURE__ */ jsx(CodeBlockContent, {
+      wrap: true,
+      className: cn("max-h-60 text-xs leading-5", error ? "text-destructive" : "text-foreground/80"),
+      children
     })]
   });
 }
@@ -519,7 +622,7 @@ function ToolResult({ tool, title, children, status = "running", kind = "custom"
       "aria-expanded": currentOpen,
       "aria-controls": contentId,
       onClick: () => setOpen(!currentOpen),
-      className: "group flex min-h-9 w-full items-center gap-2 rounded-md py-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      className: "group flex min-h-9 w-full items-center gap-2 py-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
       children: [
         /* @__PURE__ */ jsx("span", {
           "aria-hidden": "true",
@@ -568,41 +671,37 @@ function ToolResult({ tool, title, children, status = "running", kind = "custom"
       open: currentOpen,
       children: /* @__PURE__ */ jsx("div", {
         className: "pl-6 pt-1.5",
-        children: /* @__PURE__ */ jsxs("div", {
-          className: "overflow-hidden rounded-xl bg-muted/80",
-          children: [/* @__PURE__ */ jsx("div", {
-            ref: viewportRef,
-            role: "log",
-            "aria-live": "polite",
-            className: "scrollbar-hide overflow-y-auto overscroll-contain",
-            style: { maxHeight },
-            children: /* @__PURE__ */ jsx("div", {
-              className: "p-3",
-              children
+        children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+          ref: viewportRef,
+          role: "log",
+          "aria-live": "polite",
+          className: "scrollbar-hide overflow-y-auto overscroll-contain",
+          style: { maxHeight },
+          children
+        }), canCopy ? /* @__PURE__ */ jsxs("div", {
+          className: "flex items-center gap-0.5 px-2 pb-1.5",
+          children: [/* @__PURE__ */ jsx(ToolResultAction, {
+            label: copied ? "Copied" : "Copy result",
+            onClick: handleCopy,
+            children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
+          }), /* @__PURE__ */ jsx("span", {
+            className: "ml-auto text-caption text-muted-foreground/55",
+            children: /* @__PURE__ */ jsx(ActionSwapRollText, {
+              value: status,
+              children: statusLabel
             })
-          }), canCopy ? /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center gap-0.5 px-2 pb-1.5",
-            children: [/* @__PURE__ */ jsx(ToolResultAction, {
-              label: copied ? "Copied" : "Copy result",
-              onClick: handleCopy,
-              children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
-            }), /* @__PURE__ */ jsx("span", {
-              className: "ml-auto text-caption text-muted-foreground/55",
-              children: /* @__PURE__ */ jsx(ActionSwapRollText, {
-                value: status,
-                children: statusLabel
-              })
-            })]
-          }) : null]
-        })
+          })]
+        }) : null] })
       })
     })]
   });
 }
 
 export {
-  CodeBlock,
+  AgentDisclosure,
   FileDiff,
+  CodeBlock2 as CodeBlock,
+  ActionSwapRollText,
   ToolResultOutput,
   ToolResult
 };