@streamoid/agent 0.4.5 → 0.4.6

package/dist/index.js

@@ -5865,7 +5865,6 @@ function ChatMessage({ type: e, children: t, userData: n, showAvatar: o = !0 })
     n && (o ? /* @__PURE__ */ jsx(UserAvatar, { userData: n }) : /* @__PURE__ */ jsx("div", { className: "shrink-0 size-[32px]" }))
   ] }) }) }) }) }) : /* @__PURE__ */ jsx("div", { className: "relative shrink-0 w-full", children: /* @__PURE__ */ jsx("div", { className: "size-full", children: /* @__PURE__ */ jsx("div", { className: "box-border content-stretch flex flex-col gap-[8px] items-start pl-0 pr-0 sm:pr-[120px] py-0 relative w-full", children: /* @__PURE__ */ jsx("div", { className: "content-stretch flex flex-col gap-[8px] items-end justify-center relative shrink-0 w-full", children: /* @__PURE__ */ jsx("div", { className: "content-stretch flex flex-col gap-[8px] items-start relative shrink-0 w-full min-w-0 overflow-x-visible", children: t }) }) }) }) });
 }
-const IC_LIST_LEADING_OFFSET_PX = 20;
 function formatSubAgentLabel(e) {
   const t = (e ?? "").trim().replace(/\b\w/g, (n) => n.toUpperCase()).replace(/\s+Agent$/i, "").trim();
   return t ? `Using ${t}...` : "Using a sub-agent...";
@@ -5936,11 +5935,6 @@ function getStatusClasses(e) {
       return "border-[var(--alias-border-warning)] bg-[var(--alias-surface-warning)] text-[var(--alias-text---icons-warningcont)] dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-100";
   }
 }
-function parseStamp(e) {
-  if (typeof e != "string" || !e.trim()) return;
-  const t = Date.parse(e);
-  return Number.isFinite(t) ? t : void 0;
-}
 function parseSteps(e, t) {
   if (!e) return [];
   const n = e.split(`
@@ -6047,14 +6041,13 @@ function parseSteps(e, t) {
               message: b.message,
               status: "pending",
               toolName: b.tool_name,
-              key: E,
-              startedAt: parseStamp(b.created_at)
+              key: E
             }), s.set(E, j), l.set(j, b.message), c = j;
           }
         } else if (b.event === "END") {
           const j = s.get(E);
           if (j !== void 0 && o[j]?.kind === "step")
-            o[j].status = "completed", o[j].endedAt = parseStamp(b.created_at), !o[j].toolName && b.tool_name && (o[j].toolName = b.tool_name), c === j && (c = null);
+            o[j].status = "completed", !o[j].toolName && b.tool_name && (o[j].toolName = b.tool_name), c === j && (c = null);
           else
             continue;
         } else if (b.event === "PROGRESS") {
@@ -6072,15 +6065,7 @@ function parseSteps(e, t) {
   }
   return o;
 }
-function formatElapsed(e) {
-  if (e < 1e3) return `${Math.max(1, Math.round(e / 100)) / 10}s`;
-  if (e < 6e4) return `${(e / 1e3).toFixed(1)}s`;
-  const t = Math.floor(e / 6e4), n = Math.round(e % 6e4 / 1e3);
-  return n ? `${t}m ${n}s` : `${t}m`;
-}
-const MIN_REPORTABLE_ELAPSED_MS = 400;
-function ToolStepRow({ step: e, now: t }) {
-  const n = e.startedAt, o = e.status === "completed" ? e.endedAt ?? t : void 0, s = n === void 0 ? void 0 : Math.max(0, (o ?? t) - n), l = s !== void 0 && s >= MIN_REPORTABLE_ELAPSED_MS ? formatElapsed(s) : void 0;
+function ToolStepRow({ step: e }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[600px] items-center gap-2", children: [
     /* @__PURE__ */ jsx("div", { className: "flex h-[26px] w-[20px] shrink-0 items-center px-[2px]", children: /* @__PURE__ */ jsx(ScThinkingStepIcon, { state: mapIconState(e.status) }) }),
     /* @__PURE__ */ jsxs("p", { className: "m-0 min-w-0 flex-1 truncate text-[12px] leading-[18px] text-[var(--alias-text---icons-primary)] dark:text-[#E6E6E6]", children: [
@@ -6089,15 +6074,7 @@ function ToolStepRow({ step: e, now: t }) {
       * information, unlike the tool-name restatement this row replaced, but
       * it does not deserve a line of its own either. */
       /* @__PURE__ */ jsx("span", { className: "text-[var(--alias-text---icons-tertiary)] dark:text-[#9E9E9E]", children: ` · ${e.description}` })
-    ] }),
-    l && /* @__PURE__ */ jsx(
-      "span",
-      {
-        "data-testid": "tool-step-elapsed",
-        className: "shrink-0 tabular-nums text-[11px] leading-[16px] text-[var(--alias-text---icons-tertiary)] dark:text-[#7D7D7D]",
-        children: l
-      }
-    )
+    ] })
   ] });
 }
 function mapIconState(e) {
@@ -6115,8 +6092,7 @@ function PlanPreviewCard({ label: e, plan: t }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "ml-[20px] w-fit overflow-hidden rounded-[8px] border border-[var(--alias-border-subtle)] bg-[var(--alias-surface-base)] dark:border-white/10 dark:bg-white/[0.03]",
-      style: { marginLeft: IC_LIST_LEADING_OFFSET_PX },
+      className: "w-fit overflow-hidden rounded-[8px] border border-[var(--alias-border-subtle)] bg-[var(--alias-surface-base)] dark:border-white/10 dark:bg-white/[0.03]",
       children: [
         /* @__PURE__ */ jsxs(
           "button",
@@ -6154,39 +6130,34 @@ function PlanPreviewCard({ label: e, plan: t }) {
   );
 }
 function AgentSteps({ content: e, isLoading: t = !1, completedStepIds: n, previouslyStartedIds: o }) {
-  const s = useRef(/* @__PURE__ */ new Map()), l = useMemo(() => {
-    const j = parseSteps(e, o);
+  const s = useMemo(() => {
+    const h = parseSteps(e, o);
     if (n)
-      for (const M of j)
-        M.kind === "step" && M.status === "pending" && M.key && n.has(M.key) && (M.status = "completed");
-    t || j.forEach((M) => {
-      M.kind === "step" && M.status === "pending" && (M.status = "completed");
-    });
-    const T = s.current;
-    for (const M of j) {
-      if (M.kind !== "step" || M.startedAt !== void 0) continue;
-      const I = M.key ?? M.message;
-      let P = T.get(I);
-      P === void 0 && (P = Date.now(), T.set(I, P)), M.startedAt = P;
-    }
-    return j;
-  }, [e, t, n, o]), c = l.length > 0 && l.every((j) => j.kind !== "step" || j.status === "completed"), f = l.some((j) => j.kind === "step" && j.status === "pending"), [h, g] = useState(() => Date.now());
-  if (useEffect(() => {
-    if (!f) return;
-    g(Date.now());
-    const j = window.setInterval(() => g(Date.now()), 1e3);
-    return () => window.clearInterval(j);
-  }, [f]), l.length === 0) return null;
-  const b = l.filter((j) => j.kind === "step"), E = l.filter((j) => j.kind !== "step");
+      for (const g of h)
+        g.kind === "step" && g.status === "pending" && g.key && n.has(g.key) && (g.status = "completed");
+    return t || h.forEach((g) => {
+      g.kind === "step" && g.status === "pending" && (g.status = "completed");
+    }), h;
+  }, [e, t, n, o]), l = s.length > 0 && s.every((h) => h.kind !== "step" || h.status === "completed");
+  if (s.length === 0) return null;
+  const c = s.filter((h) => h.kind === "step"), f = s.filter((h) => h.kind !== "step");
   return /* @__PURE__ */ jsxs(motion$1.div, { layout: !0, className: "max-w-full mt-[4px]", transition: stepsTransition, children: [
-    E.length > 0 && /* @__PURE__ */ jsx(motion$1.div, { layout: !0, className: "mb-1 flex flex-col gap-1", transition: stepsTransition, children: E.map((j, T) => /* @__PURE__ */ jsx(motion$1.div, { layout: "position", transition: stepsTransition, children: j.kind === "subAgent" ? /* @__PURE__ */ jsx(ScSubAgent, { text: j.label }) : j.kind === "planLine" ? /* @__PURE__ */ jsx(
-      "p",
-      {
-        "data-testid": "plan-line",
-        className: "m-0 pl-[20px] text-[13px] leading-[20px] text-[var(--alias-text---icons-secondary)] dark:text-[#D0D0D0]",
-        children: j.message
-      }
-    ) : /* @__PURE__ */ jsx(PlanPreviewCard, { label: j.label, plan: j.plan }) }, getStableStepKey(j, T))) }),
+    f.length > 0 && /* @__PURE__ */ jsx(motion$1.div, { layout: !0, className: "mb-1 flex flex-col gap-1", transition: stepsTransition, children: f.map((h, g) => /* @__PURE__ */ jsx(motion$1.div, { layout: "position", transition: stepsTransition, children: h.kind === "subAgent" ? /* @__PURE__ */ jsx(ScSubAgent, { text: h.label }) : h.kind === "planLine" ? (
+      /* Sized and set like the assistant's own prose (MessageBlocks
+       * uses text-[15px] leading-relaxed): this IS the agent talking,
+       * lifted out of the message it wrote, and at 13px beside a 15px
+       * answer it read as a different font rather than as the same
+       * voice. The step rows stay smaller -- they are machine output
+       * and the size difference there is the hierarchy. */
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          "data-testid": "plan-line",
+          className: "m-0 text-[15px] leading-relaxed text-[var(--alias-text---icons-secondary)] dark:text-[#D0D0D0]",
+          children: h.message
+        }
+      )
+    ) : /* @__PURE__ */ jsx(PlanPreviewCard, { label: h.label, plan: h.plan }) }, getStableStepKey(h, g))) }),
     /* @__PURE__ */ jsxs(
       motion$1.div,
       {
@@ -6195,21 +6166,21 @@ function AgentSteps({ content: e, isLoading: t = !1, completedStepIds: n, previo
         className: "flex flex-col gap-1",
         transition: stepsTransition,
         children: [
-          b.map((j, T) => /* @__PURE__ */ jsx(
+          c.map((h, g) => /* @__PURE__ */ jsx(
             motion$1.div,
             {
               layout: "position",
               initial: { opacity: 0, y: 6 },
               animate: { opacity: 1, y: 0 },
               transition: stepsTransition,
-              children: j.kind === "step" && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(ToolStepRow, { step: j, now: h }),
-                j.planData && /* @__PURE__ */ jsx(PlanPreviewCard, { label: j.planData.label, plan: j.planData.plan })
+              children: h.kind === "step" && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(ToolStepRow, { step: h }),
+                h.planData && /* @__PURE__ */ jsx(PlanPreviewCard, { label: h.planData.label, plan: h.planData.plan })
               ] })
             },
-            getStableStepKey(j, T)
+            getStableStepKey(h, g)
           )),
-          t && c && /* @__PURE__ */ jsx(
+          t && l && /* @__PURE__ */ jsx(
             motion$1.div,
             {
               layout: !0,
@@ -6219,8 +6190,7 @@ function AgentSteps({ content: e, isLoading: t = !1, completedStepIds: n, previo
               children: /* @__PURE__ */ jsx(
                 ToolStepRow,
                 {
-                  step: { kind: "step", message: "Planning next steps", status: "pending" },
-                  now: h
+                  step: { kind: "step", message: "Planning next steps", status: "pending" }
                 }
               )
             },
@@ -16856,9 +16826,13 @@ function MessageFeedbackControls({
           children: /* @__PURE__ */ jsx(Ellipsis, { className: "size-3.5" })
         }
       ),
-      Ke && et && /* @__PURE__ */ jsx(
+      Ke && et && /* The ONLY duration in a turn, now that the step rows no longer carry
+      * their own. Kept testable because that is the invariant: one number,
+      * here, saying how long the answer took. */
+      /* @__PURE__ */ jsx(
         "span",
         {
+          "data-testid": "turn-duration",
           title: Ke.full,
           className: "text-[11px] leading-none text-[var(--alias-text---icons-tertiary)]",
           children: et