@streamoid/agent 0.5.6 → 0.5.7

package/dist/index.js

@@ -6394,26 +6394,40 @@ function AgentStepsImpl({
   }, [e, t, n, o]);
   if (c.length === 0 && !t) return null;
   const f = groupIntoLanes(c), g = f[f.length - 1]?.agentLabel ?? null, E = [...c].reverse().find((R) => R.kind === "step" && R.status === "pending")?.message ?? "Planning next steps";
-  return /* @__PURE__ */ jsxs(motion$1.div, { layout: !0, className: "max-w-full mt-[4px] flex flex-col gap-1", transition: stepsTransition, children: [
-    f.map((R, T) => /* @__PURE__ */ jsx(
-      AgentLane,
-      {
-        lane: R,
-        animateIn: t,
-        showHeader: R.agentName !== null && f[T - 1]?.agentName !== R.agentName
-      },
-      R.key
-    )),
-    t && /* @__PURE__ */ jsx(
-      ActivityLine,
+  return (
+    /* `sa-trace-block` zeroes the 4px when the trace is the row's FIRST child --
+     * see index.css. Written as a rule rather than `first:mt-0` because our
+     * stylesheet is concatenated ahead of the host's, so a variant utility of
+     * ours loses to a plain one of theirs on source order. */
+    /* @__PURE__ */ jsxs(
+      motion$1.div,
       {
-        agent: g,
-        activity: E,
-        startedAt: s ?? null,
-        onStop: l
+        layout: !0,
+        className: "sa-trace-block max-w-full mt-[4px] flex flex-col gap-1",
+        transition: stepsTransition,
+        children: [
+          f.map((R, T) => /* @__PURE__ */ jsx(
+            AgentLane,
+            {
+              lane: R,
+              animateIn: t,
+              showHeader: R.agentName !== null && f[T - 1]?.agentName !== R.agentName
+            },
+            R.key
+          )),
+          t && /* @__PURE__ */ jsx(
+            ActivityLine,
+            {
+              agent: g,
+              activity: E,
+              startedAt: s ?? null,
+              onStop: l
+            }
+          )
+        ]
       }
     )
-  ] });
+  );
 }
 function groupIntoLanes(e) {
   const t = [];
@@ -6484,7 +6498,7 @@ function AgentLane({
             motion$1.div,
             {
               layout: "position",
-              initial: n ? { opacity: 0, y: 6 } : !1,
+              initial: n && c.kind !== "planLine" ? { opacity: 0, y: 6 } : !1,
               animate: { opacity: 1, y: 0 },
               transition: stepsTransition,
               children: /* @__PURE__ */ jsx(LaneItem, { step: c })