@arbidocs/blocks 0.4.79 → 0.4.80

package/dist/{chunk-YGUKTFKW.cjs → chunk-2FEQGDW2.cjs}

@@ -1273,6 +1273,14 @@ function useWorkflowView(options) {
 }
 
 // src/agents/workflows/stepWindow.ts
+var LABEL_MAX_PX = 320;
+var CHAR_PX = 6.5;
+var LEVEL_CHROME_PX = 56;
+var GROUP_CHIP_PX = 32;
+function levelRoomPx(titles) {
+  const label = Math.max(0, ...titles.map((t) => Math.min(LABEL_MAX_PX, t.length * CHAR_PX)));
+  return Math.ceil(label + LEVEL_CHROME_PX + (titles.length > 1 ? GROUP_CHIP_PX : 0));
+}
 var ATTENTION = ["waiting", "failed", "ready"];
 function activeStepId(levels, phaseOf) {
   const all = levels.flat();
@@ -1394,10 +1402,11 @@ var PHASE_TEXT = {
 };
 var STEP_PILL = "flex min-w-0 items-center gap-1.5 whitespace-nowrap rounded-full border px-2.5 py-1 text-xs font-medium transition-colors";
 var STEP_LABEL = "min-w-[2.5rem] truncate";
-var STEP_EXTRA = "min-w-0 shrink-[6] truncate font-normal opacity-80";
+var STEP_LABEL_MAX = "max-w-[20rem]";
+var STEP_LABEL_MAX_CURRENT = "max-w-[26rem]";
+var STEP_EXTRA = "min-w-[3rem] shrink-[1000] truncate font-normal opacity-80";
 var fill = (template, values) => Object.entries(values).reduce((s, [k, v]) => s.replace(`{${k}}`, String(v)), template);
 var NARROW_PX = 560;
-var FULL_LEVEL_PX = 190;
 function StepBarFrame({
   levels,
   phaseOf,
@@ -1421,7 +1430,8 @@ function StepBarFrame({
   const narrow = width > 0 && width < NARROW_PX;
   const [start, setStart] = react.useState(null);
   react.useEffect(() => setStart(null), [current]);
-  const span = narrow ? 2 : width >= levels.length * FULL_LEVEL_PX ? levels.length : 3;
+  const wholeFits = width >= levels.reduce((sum, lv) => sum + levelRoomPx(lv.map((s) => s.title)), 0);
+  const span = narrow ? 2 : wholeFits ? levels.length : 3;
   const win = stepWindow({ levels, phaseOf, current, start, span });
   const [listOpen, setListOpen] = react.useState(null);
   const move = (to) => setStart(Math.max(0, Math.min(win.levels.length - 1, to)));
@@ -1585,12 +1595,13 @@ function StepBarFrame({
         arrow("back"),
         win.start === 0 && leading,
         overflow("before", win.hiddenBefore),
-        /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex min-w-0 flex-1 items-center gap-1", children: win.visible.map((level, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex min-w-0 flex-[1_1_auto] items-center gap-1", children: win.visible.map((level, i) => /* @__PURE__ */ jsxRuntime.jsxs(
           "li",
           {
             className: ui.cn(
               "flex min-w-[5.5rem] items-center gap-1",
-              i === win.visible.length - 1 ? "flex-[0_1_auto]" : "flex-[1_1_auto]"
+              i === win.visible.length - 1 ? "grow-0" : "grow",
+              level.index === win.currentLevel && !narrow && atId && noteOf?.(atId) ? "shrink-[1000] basis-auto" : "shrink basis-auto"
             ),
             "data-role": level.role,
             children: [
@@ -1611,7 +1622,7 @@ function StepBarFrame({
                 {
                   "aria-hidden": true,
                   className: ui.cn(
-                    "h-px min-w-3 flex-1",
+                    "h-px min-w-2 flex-1",
                     level.steps.every((s) => ["done", "skipped"].includes(phaseOf(s.id))) ? "bg-emerald-600/40" : "bg-border"
                   )
                 }
@@ -1634,7 +1645,10 @@ function StepBarFrame({
         running.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: ui.cn("flex min-w-0 shrink items-center gap-1", narrow && "basis-full"),
+            className: ui.cn(
+              "flex min-w-[6.5rem] shrink-[1000] items-center gap-1",
+              narrow && "basis-full"
+            ),
             "data-testid": tid("working"),
             children: [
               (running.length > 2 ? running.slice(0, 1) : running).map(workingPill),
@@ -2213,7 +2227,7 @@ function WorkflowStepBar({
           "data-testid": tid("step-done"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(PhaseMark, { phase: run.isComplete ? "done" : "ready", icon: doneIcon }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn(STEP_LABEL, "max-w-[12rem]"), children: doneTitle })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn(STEP_LABEL, STEP_LABEL_MAX), children: doneTitle })
           ]
         }
       );
@@ -2234,7 +2248,7 @@ function WorkflowStepBar({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: ui.cn(STEP_LABEL, isCurrent ? "max-w-[18rem]" : "max-w-[12rem]"),
+              className: ui.cn(STEP_LABEL, isCurrent ? STEP_LABEL_MAX_CURRENT : STEP_LABEL_MAX),
               "data-testid": tid(`step-${s.id}-label`),
               children: s.title
             }
@@ -2718,6 +2732,8 @@ exports.SKILL_PROMPT_FALLBACK_PLACEHOLDER = SKILL_PROMPT_FALLBACK_PLACEHOLDER;
 exports.SKILL_PROMPT_LABEL = SKILL_PROMPT_LABEL;
 exports.STEP_EXTRA = STEP_EXTRA;
 exports.STEP_LABEL = STEP_LABEL;
+exports.STEP_LABEL_MAX = STEP_LABEL_MAX;
+exports.STEP_LABEL_MAX_CURRENT = STEP_LABEL_MAX_CURRENT;
 exports.STEP_PILL = STEP_PILL;
 exports.SchemaForm = SchemaForm;
 exports.SendBackControl = SendBackControl;
@@ -2779,5 +2795,5 @@ exports.workflowFromFrontmatter = workflowFromFrontmatter;
 exports.workflowSteps = workflowSteps;
 exports.workflowsAccepting = workflowsAccepting;
 exports.workflowsForHost = workflowsForHost;
-//# sourceMappingURL=chunk-YGUKTFKW.cjs.map
-//# sourceMappingURL=chunk-YGUKTFKW.cjs.map
+//# sourceMappingURL=chunk-2FEQGDW2.cjs.map
+//# sourceMappingURL=chunk-2FEQGDW2.cjs.map