@qredence/fleet 0.6.1 → 0.6.2

package/dist/web/server/agent-activity-BuEE6iVw-CDZLK4D2.js

@@ -1,514 +0,0 @@
-import {
-  MessageSquare
-} from "./chunk-GL6HWDJB.js";
-import {
-  Image
-} from "./chunk-FJV6EQDW.js";
-import {
-  Earth
-} from "./chunk-QPNUGF3V.js";
-import {
-  Sparkles
-} from "./chunk-3JMESBAT.js";
-import {
-  Search
-} from "./chunk-JIULUYHT.js";
-import {
-  AgentDisclosure
-} from "./chunk-VPKX7QRU.js";
-import {
-  Wrench
-} from "./chunk-O2DUZJYK.js";
-import {
-  AnimatePresence,
-  useReducedMotion
-} from "./chunk-NIZBFVJF.js";
-import {
-  EASE_OUT,
-  SPRING_LAYOUT,
-  SPRING_SWAP,
-  m
-} from "./chunk-EBG3XFGQ.js";
-import "./chunk-FAGDMGLK.js";
-import {
-  isSafeExternalUrl
-} from "./chunk-L46H6IDX.js";
-import {
-  ChevronDown
-} from "./chunk-WWJF4RO2.js";
-import {
-  Check
-} from "./chunk-4QD4PCVP.js";
-import {
-  FileText
-} from "./chunk-AR7O7JXD.js";
-import {
-  SquareTerminal
-} from "./chunk-X7D6GFQU.js";
-import {
-  createLucideIcon
-} from "./chunk-4ZIEVI5O.js";
-import {
-  cn
-} from "./chunk-DJMHPJBP.js";
-import "./chunk-JDCCC7A7.js";
-import "./chunk-MLKGABMK.js";
-
-// web/app/dist/server/assets/agent-activity-BuEE6iVw.js
-import { useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-var Circle = createLucideIcon("circle", [["circle", {
-  cx: "12",
-  cy: "12",
-  r: "10",
-  key: "1mglay"
-}]]);
-var PencilLine = createLucideIcon("pencil-line", [
-  ["path", {
-    d: "M13 21h8",
-    key: "1jsn5i"
-  }],
-  ["path", {
-    d: "m15 5 4 4",
-    key: "1mk7zo"
-  }],
-  ["path", {
-    d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
-    key: "1a8usu"
-  }]
-]);
-var TEXT_SHIMMER_KEYFRAMES = "@keyframes beui-text-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.beui-text-shimmer{animation:none !important}}";
-var TEXT_SHIMMER_CLASS_NAME = "beui-text-shimmer bg-[length:200%_100%] bg-clip-text text-transparent bg-[linear-gradient(110deg,var(--muted-foreground)_30%,var(--foreground)_50%,var(--muted-foreground)_70%)]";
-function textShimmerStyle(duration) {
-  return { animation: `beui-text-shimmer ${duration}s linear infinite` };
-}
-function TextShimmer({ children, as: Comp = "span", duration = 2.5, className }) {
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("style", { children: TEXT_SHIMMER_KEYFRAMES }), /* @__PURE__ */ jsx(Comp, {
-    style: textShimmerStyle(duration),
-    className: cn("inline-block", TEXT_SHIMMER_CLASS_NAME, className),
-    children
-  })] });
-}
-function ThinkingShimmer({ children = "Thinking\u2026", duration = 1.8, className }) {
-  return /* @__PURE__ */ jsx(TextShimmer, {
-    as: "span",
-    duration,
-    className: cn("font-medium", className),
-    children
-  });
-}
-function StepRow({ item }) {
-  const state = item.status ?? "complete";
-  return /* @__PURE__ */ jsxs("div", {
-    className: "flex min-h-7 items-start gap-2.5 rounded-md px-1.5 py-1",
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        "aria-hidden": "true",
-        className: "mt-0.5 grid size-4 shrink-0 place-items-center text-muted-foreground/70",
-        children: state === "complete" ? /* @__PURE__ */ jsx(Check, {
-          className: "size-4",
-          strokeWidth: 1.8
-        }) : state === "active" ? /* @__PURE__ */ jsxs("span", {
-          className: "relative grid size-3 place-items-center",
-          children: [/* @__PURE__ */ jsx(m.span, {
-            className: "absolute inset-0 rounded-full bg-foreground/10",
-            animate: { opacity: [
-              0.35,
-              0.8,
-              0.35
-            ] },
-            transition: {
-              duration: 1.5,
-              repeat: Number.POSITIVE_INFINITY
-            }
-          }), /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-foreground/60" })]
-        }) : /* @__PURE__ */ jsx(Circle, {
-          className: "size-3",
-          strokeWidth: 1.5
-        })
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: cn("min-w-0 flex-1 leading-5", state === "pending" ? "text-muted-foreground/55" : "text-foreground/90"),
-        children: item.label
-      }),
-      item.meta ? /* @__PURE__ */ jsx("span", {
-        className: "shrink-0 leading-5 text-muted-foreground/55",
-        children: item.meta
-      }) : null
-    ]
-  });
-}
-function TextRow({ item }) {
-  return /* @__PURE__ */ jsx("div", {
-    className: "rounded-md px-1.5 py-1 leading-5 text-muted-foreground",
-    children: item.content
-  });
-}
-function SearchResultRow({ result }) {
-  const safeUrl = result.url && isSafeExternalUrl(result.url) ? result.url : void 0;
-  const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx("span", {
-      "aria-hidden": "true",
-      className: "grid size-5 shrink-0 place-items-center text-muted-foreground",
-      children: result.icon ?? /* @__PURE__ */ jsx(Earth, {
-        className: "size-3",
-        strokeWidth: 2
-      })
-    }),
-    /* @__PURE__ */ jsx("span", {
-      className: "min-w-0 truncate font-medium text-foreground/90",
-      children: result.title
-    }),
-    result.domain ? /* @__PURE__ */ jsx("span", {
-      className: "min-w-0 truncate text-muted-foreground/55",
-      children: result.domain
-    }) : null
-  ] });
-  const className = cn("flex min-h-7 items-center gap-2 rounded-md px-1.5 py-1 text-left outline-none transition-colors", safeUrl && "focus-visible:ring-2 focus-visible:ring-ring");
-  return safeUrl ? /* @__PURE__ */ jsx("a", {
-    href: safeUrl,
-    className,
-    children: content
-  }) : /* @__PURE__ */ jsx("div", {
-    className,
-    children: content
-  });
-}
-function SearchRow({ item }) {
-  const reduce = useReducedMotion() ?? false;
-  const enter = reduce ? { opacity: 1 } : {
-    opacity: 0,
-    y: 6
-  };
-  const visible = {
-    opacity: 1,
-    y: 0
-  };
-  const exit = reduce ? { opacity: 0 } : {
-    opacity: 0,
-    y: -3
-  };
-  const transition = reduce ? { duration: 0 } : {
-    opacity: {
-      duration: 0.18,
-      ease: EASE_OUT
-    },
-    y: SPRING_LAYOUT,
-    layout: SPRING_LAYOUT
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-0.5",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex min-h-7 items-center gap-2.5 rounded-md px-1.5 py-1 text-muted-foreground",
-        children: [/* @__PURE__ */ jsx(Search, {
-          "aria-hidden": "true",
-          className: "size-4 shrink-0",
-          strokeWidth: 1.7
-        }), /* @__PURE__ */ jsx("span", {
-          className: "min-w-0 truncate",
-          children: item.query
-        })]
-      }),
-      item.results?.length ? /* @__PURE__ */ jsx("div", {
-        className: "space-y-0.5 pl-4",
-        children: /* @__PURE__ */ jsx(AnimatePresence, {
-          initial: true,
-          mode: "popLayout",
-          children: item.results.map((result) => /* @__PURE__ */ jsx(m.div, {
-            layout: "position",
-            initial: enter,
-            animate: visible,
-            exit,
-            transition,
-            children: /* @__PURE__ */ jsx(SearchResultRow, { result })
-          }, result.id))
-        })
-      }) : null,
-      /* @__PURE__ */ jsx(AnimatePresence, {
-        initial: true,
-        children: item.moreCount ? /* @__PURE__ */ jsxs(m.div, {
-          initial: enter,
-          animate: visible,
-          exit,
-          transition,
-          className: "px-1.5 py-1 pl-8 text-muted-foreground/55",
-          children: [
-            "+",
-            item.moreCount,
-            " more"
-          ]
-        }, "more-results") : null
-      })
-    ]
-  });
-}
-function ActionIcon({ action }) {
-  if (action === "read") return /* @__PURE__ */ jsx(FileText, { className: "size-4" });
-  if (action === "edit" || action === "write") return /* @__PURE__ */ jsx(PencilLine, { className: "size-4" });
-  if (action === "run") return /* @__PURE__ */ jsx(SquareTerminal, { className: "size-4" });
-  return /* @__PURE__ */ jsx(Wrench, { className: "size-4" });
-}
-function ActivityAction({ action }) {
-  return /* @__PURE__ */ jsx("button", {
-    type: "button",
-    "aria-label": action.ariaLabel ?? action.label,
-    onClick: action.onClick,
-    className: "shrink-0 rounded-md px-1.5 py-1 text-[0.625rem] font-medium text-primary outline-none hover:bg-primary/10 focus-visible:ring-2 focus-visible:ring-ring",
-    children: action.label
-  });
-}
-function ToolRow({ item }) {
-  const action = item.action.charAt(0).toUpperCase() + item.action.slice(1);
-  const hasChanges = typeof item.additions === "number" || typeof item.deletions === "number";
-  return /* @__PURE__ */ jsxs("div", {
-    className: "grid min-h-8 min-w-0 grid-cols-[1rem_auto_minmax(0,1fr)_auto] items-center gap-2.5 rounded-md px-1.5 py-0.5 leading-5",
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        "aria-hidden": "true",
-        className: "grid size-4 shrink-0 place-items-center text-muted-foreground/70",
-        children: /* @__PURE__ */ jsx(ActionIcon, { action: item.action })
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: "shrink-0 font-medium text-foreground/90",
-        children: action
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: "min-w-0 flex-1 truncate rounded-lg bg-muted/80 px-2.5 py-1 font-mono text-xs text-muted-foreground/70",
-        children: item.target
-      }),
-      hasChanges || item.openAction ? /* @__PURE__ */ jsxs("div", {
-        className: "flex shrink-0 items-center gap-2",
-        children: [hasChanges ? /* @__PURE__ */ jsxs("span", {
-          className: "flex items-center gap-2 font-mono tabular-nums",
-          children: [typeof item.additions === "number" ? /* @__PURE__ */ jsxs("span", {
-            className: "text-emerald-500",
-            children: ["+", item.additions]
-          }) : null, typeof item.deletions === "number" ? /* @__PURE__ */ jsxs("span", {
-            className: "text-rose-500",
-            children: ["\u2212", item.deletions]
-          }) : null]
-        }) : null, item.openAction ? /* @__PURE__ */ jsx(ActivityAction, { action: item.openAction }) : null]
-      }) : null
-    ]
-  });
-}
-function TraceIcon({ kind }) {
-  if (kind === "thinking") return /* @__PURE__ */ jsx(Sparkles, { className: "size-4" });
-  if (kind === "message") return /* @__PURE__ */ jsx(MessageSquare, { className: "size-4" });
-  if (kind === "write") return /* @__PURE__ */ jsx(PencilLine, { className: "size-4" });
-  if (kind === "run") return /* @__PURE__ */ jsx(SquareTerminal, { className: "size-4" });
-  if (kind === "read") return /* @__PURE__ */ jsx(Image, { className: "size-4" });
-  return /* @__PURE__ */ jsx(Wrench, { className: "size-4" });
-}
-function TraceRow({ item }) {
-  const thinking = item.kind === "thinking";
-  return /* @__PURE__ */ jsxs("div", {
-    className: cn("grid min-h-8 grid-cols-[1rem_auto_minmax(0,1fr)_auto] gap-2.5 rounded-md px-1.5 py-0.5", thinking ? "items-start" : "items-center"),
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        "aria-hidden": "true",
-        className: "grid size-4 place-items-center text-muted-foreground/70",
-        children: item.icon ?? /* @__PURE__ */ jsx(TraceIcon, { kind: item.kind })
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: "min-w-0 truncate font-medium text-foreground/90",
-        children: item.label
-      }),
-      item.detail ? /* @__PURE__ */ jsx("span", {
-        className: cn("min-w-0 rounded-lg bg-muted/80 px-2.5 py-1 font-mono text-xs text-muted-foreground/70", thinking ? "max-h-40 overflow-y-auto whitespace-pre-wrap break-words" : "truncate"),
-        children: item.detail
-      }) : /* @__PURE__ */ jsx("span", {}),
-      item.action ? /* @__PURE__ */ jsx(ActivityAction, { action: item.action }) : null
-    ]
-  });
-}
-function ActivityRow({ item }) {
-  if (item.type === "text") return /* @__PURE__ */ jsx(TextRow, { item });
-  if (item.type === "search") return /* @__PURE__ */ jsx(SearchRow, { item });
-  if (item.type === "tool") return /* @__PURE__ */ jsx(ToolRow, { item });
-  if (item.type === "trace") return /* @__PURE__ */ jsx(TraceRow, { item });
-  return /* @__PURE__ */ jsx(StepRow, { item });
-}
-function formatDuration(duration) {
-  const seconds = Math.max(0, Math.round(duration));
-  if (seconds < 60) return `${seconds}s`;
-  const minutes = Math.floor(seconds / 60);
-  const remainder = seconds % 60;
-  return remainder === 0 ? `${minutes}m` : `${minutes}m ${remainder}s`;
-}
-function useControllableOpen({ open, defaultOpen, onOpenChange }) {
-  const [internalOpen, setInternalOpen] = useState(defaultOpen);
-  const controlled = open !== void 0;
-  return [open ?? internalOpen, useCallback((next) => {
-    if (!controlled) setInternalOpen(next);
-    onOpenChange?.(next);
-  }, [controlled, onOpenChange])];
-}
-function getContentType(items) {
-  const first = items[0]?.type;
-  return first && items.every((item) => item.type === first) ? first : "mixed";
-}
-function getActiveLabel(type) {
-  if (type === "search") return "Searching the web\u2026";
-  if (type === "tool") return "Running tools\u2026";
-  if (type === "trace") return "Working through the run\u2026";
-  if (type === "mixed") return "Working through it\u2026";
-  return "Thinking\u2026";
-}
-function getSummary(type, items, duration) {
-  if (type === "step" || type === "text") return /* @__PURE__ */ jsxs(Fragment$1, { children: ["Thought for ", /* @__PURE__ */ jsx("span", {
-    className: "tabular-nums",
-    children: formatDuration(duration)
-  })] });
-  if (type === "search") return "Searched the web";
-  if (type === "tool") return `Ran ${items.length} ${items.length === 1 ? "tool" : "tools"}`;
-  if (type === "trace") {
-    const messages = items.filter((item) => item.type === "trace" && (item.kind === "thinking" || item.kind === "message")).length;
-    const tools = items.length - messages;
-    return `${tools} ${tools === 1 ? "tool call" : "tool calls"}, ${messages} ${messages === 1 ? "message" : "messages"}`;
-  }
-  return `Completed ${items.length} ${items.length === 1 ? "step" : "steps"}`;
-}
-function AgentActivity({ items, contentType: initialContentType, status = "working", duration = 0, open, defaultOpen = false, onOpenChange, collapseOnComplete = true, activeLabel, summary, renderWorkingStatus, renderCompletedStatus, maxHeight = 208, className, contentClassName }) {
-  const reduce = useReducedMotion() ?? false;
-  const baseId = useId();
-  const triggerId = `${baseId}-trigger`;
-  const contentId = `${baseId}-content`;
-  const contentRef = useRef(null);
-  const viewportRef = useRef(null);
-  const previousStatus = useRef(status);
-  const [contentHeight, setContentHeight] = useState(0);
-  const [currentOpen, setOpen] = useControllableOpen({
-    open,
-    defaultOpen,
-    onOpenChange
-  });
-  const working = status === "working";
-  const expanded = working || currentOpen;
-  const contentType = items.length ? getContentType(items) : initialContentType ?? "mixed";
-  const viewportHeight = working ? Math.max(0, maxHeight) : Math.min(contentHeight, Math.max(0, maxHeight));
-  const capped = contentHeight > maxHeight;
-  const streamOffset = working ? Math.min(0, viewportHeight - contentHeight) : 0;
-  useLayoutEffect(() => {
-    const node = contentRef.current;
-    if (!node) return;
-    const measure = () => setContentHeight(node.offsetHeight);
-    measure();
-    if (typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(measure);
-    observer.observe(node);
-    return () => observer.disconnect();
-  }, []);
-  useEffect(() => {
-    if (previousStatus.current === "working" && status === "complete") setOpen(!collapseOnComplete);
-    previousStatus.current = status;
-  }, [
-    collapseOnComplete,
-    setOpen,
-    status
-  ]);
-  const toggle = () => {
-    const next = !currentOpen;
-    setOpen(next);
-    if (next) requestAnimationFrame(() => viewportRef.current?.scrollTo({ top: 0 }));
-  };
-  const liveLabel = activeLabel ?? getActiveLabel(contentType);
-  const completedSummary = summary ?? getSummary(contentType, items, duration);
-  const maskImage = capped ? working ? "linear-gradient(to bottom, transparent, black 12px)" : "linear-gradient(to bottom, transparent, black 12px, black calc(100% - 12px), transparent)" : void 0;
-  return /* @__PURE__ */ jsxs("div", {
-    "data-state": working ? "working" : expanded ? "open" : "closed",
-    "data-content": contentType,
-    "aria-busy": working,
-    className: cn("w-full text-sm", className),
-    children: [working ? /* @__PURE__ */ jsx("div", {
-      id: triggerId,
-      role: "status",
-      className: "flex h-7 min-w-0 items-center text-muted-foreground",
-      children: renderWorkingStatus ? renderWorkingStatus({
-        label: liveLabel,
-        duration
-      }) : /* @__PURE__ */ jsx(ThinkingShimmer, { children: liveLabel })
-    }) : /* @__PURE__ */ jsxs("button", {
-      id: triggerId,
-      type: "button",
-      "aria-expanded": expanded,
-      "aria-controls": contentId,
-      onClick: toggle,
-      className: "group flex h-7 min-w-0 items-center gap-1.5 rounded-md text-left font-medium text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-      children: [/* @__PURE__ */ jsx("span", {
-        className: "truncate",
-        children: renderCompletedStatus ? renderCompletedStatus({
-          summary: completedSummary,
-          duration
-        }) : completedSummary
-      }), /* @__PURE__ */ jsx(m.span, {
-        "aria-hidden": "true",
-        animate: { rotate: expanded ? 180 : 0 },
-        transition: reduce ? { duration: 0 } : SPRING_SWAP,
-        className: "inline-flex shrink-0 text-muted-foreground/70 group-hover:text-foreground",
-        children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })
-      })]
-    }), /* @__PURE__ */ jsx(AgentDisclosure, {
-      id: contentId,
-      role: "region",
-      "aria-labelledby": triggerId,
-      open: expanded,
-      openHeight: viewportHeight,
-      children: /* @__PURE__ */ jsx("div", {
-        ref: viewportRef,
-        className: cn("scrollbar-hide pr-1", capped && expanded && !working ? "overflow-y-auto" : "overflow-y-hidden"),
-        style: {
-          height: viewportHeight,
-          maskImage,
-          WebkitMaskImage: maskImage
-        },
-        children: /* @__PURE__ */ jsx(m.div, {
-          ref: contentRef,
-          role: "list",
-          initial: false,
-          animate: { y: streamOffset },
-          transition: reduce ? { duration: 0 } : SPRING_LAYOUT,
-          className: cn("space-y-0.5 py-2", contentClassName),
-          children: /* @__PURE__ */ jsx(AnimatePresence, {
-            mode: "popLayout",
-            children: items.map((item) => /* @__PURE__ */ jsx(m.div, {
-              layout: "position",
-              role: "listitem",
-              initial: reduce ? { opacity: 1 } : {
-                opacity: 0,
-                y: 6
-              },
-              animate: {
-                opacity: 1,
-                y: 0
-              },
-              exit: reduce ? { opacity: 0 } : {
-                opacity: 0,
-                y: -3
-              },
-              transition: reduce ? { duration: 0 } : {
-                opacity: {
-                  duration: 0.18,
-                  ease: EASE_OUT
-                },
-                y: SPRING_LAYOUT,
-                layout: SPRING_LAYOUT
-              },
-              children: /* @__PURE__ */ jsx(ActivityRow, { item })
-            }, item.id))
-          })
-        })
-      })
-    })]
-  });
-}
-export {
-  AgentActivity
-};
-/**
-* @license lucide-react v1.38.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/