agentfootprint-lens 0.23.8 → 0.23.9

package/dist/index.cjs

@@ -3157,7 +3157,8 @@ var TimeTravel = ({
   focusSeq,
   onFocusChange,
   isLive,
-  compact
+  compact,
+  stepStrip = true
 }) => {
   const max = Math.max(0, total - 1);
   const step = (delta) => {
@@ -3237,7 +3238,40 @@ var TimeTravel = ({
             children: isLive ? "\u25CF Live" : "\u27F3 Live"
           }
         ),
-        compact ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { flex: 1 } }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { flex: 1, position: "relative", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        compact ? stepStrip && total > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "div",
+          {
+            role: "group",
+            "aria-label": "Steps",
+            style: { flex: 1, display: "flex", alignItems: "center", gap: 2, minWidth: 120, padding: "0 4px" },
+            children: Array.from({ length: total }, (_, i) => {
+              const done = i < focusSeq;
+              const here = i === focusSeq;
+              return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "button",
+                {
+                  onClick: () => onFocusChange(i),
+                  disabled,
+                  title: `Step ${i + 1} / ${total}`,
+                  "aria-label": `Go to step ${i + 1}`,
+                  "aria-current": here ? "step" : void 0,
+                  style: {
+                    flex: 1,
+                    minWidth: 3,
+                    height: here ? 16 : 9,
+                    padding: 0,
+                    border: "none",
+                    borderRadius: 3,
+                    cursor: disabled ? "default" : "pointer",
+                    background: here ? T.warning : done ? T.success : T.border,
+                    transition: "height 0.12s ease, background 0.12s ease"
+                  }
+                },
+                i
+              );
+            })
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { flex: 1 } }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { flex: 1, position: "relative", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "input",
           {
             type: "range",
@@ -5019,6 +5053,7 @@ var Lens = ({
   stepGraph,
   chart,
   view = "engineer",
+  stepStrip = true,
   humanizer,
   appName,
   commentaryTemplates,
@@ -5116,6 +5151,7 @@ var Lens = ({
       focusStep,
       onFocusChange: handleFocusChange,
       isLive,
+      stepStrip,
       liveStreamLine,
       drillPath,
       onDrillInto: drillInto,
@@ -5164,6 +5200,7 @@ var EngineerView = ({
   focusStep,
   onFocusChange,
   isLive,
+  stepStrip,
   liveStreamLine,
   drillPath,
   onDrillInto,
@@ -5431,6 +5468,7 @@ var EngineerView = ({
           TimeTravel,
           {
             compact: true,
+            stepStrip,
             total,
             focusSeq: focusStep,
             onFocusChange,
@@ -5558,7 +5596,7 @@ var EngineerView = ({
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 VLinePill,
                 {
-                  label: "Details",
+                  label: "Inspect",
                   expanded: rightExpanded,
                   side: "right",
                   onClick: () => setRightExpanded((v2) => !v2)