@arbidocs/blocks 0.4.78 → 0.4.80

package/dist/{chunk-WXRCMIAE.js → chunk-QFA3NCWL.js}

@@ -1,6 +1,6 @@
 "use client";
-import { FoldSection } from './chunk-XD2M6LIG.js';
 import { UploadDropzone } from './chunk-EVUEIBNU.js';
+import { FoldSection } from './chunk-XD2M6LIG.js';
 import { useElementSize } from './chunk-HOXKR26S.js';
 import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
@@ -1271,6 +1271,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();
@@ -1392,10 +1400,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,
@@ -1419,7 +1428,8 @@ function StepBarFrame({
   const narrow = width > 0 && width < NARROW_PX;
   const [start, setStart] = useState(null);
   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] = useState(null);
   const move = (to) => setStart(Math.max(0, Math.min(win.levels.length - 1, to)));
@@ -1583,12 +1593,13 @@ function StepBarFrame({
         arrow("back"),
         win.start === 0 && leading,
         overflow("before", win.hiddenBefore),
-        /* @__PURE__ */ jsx("ol", { className: "flex min-w-0 flex-1 items-center gap-1", children: win.visible.map((level, i) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("ol", { className: "flex min-w-0 flex-[1_1_auto] items-center gap-1", children: win.visible.map((level, i) => /* @__PURE__ */ jsxs(
           "li",
           {
             className: 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: [
@@ -1609,7 +1620,7 @@ function StepBarFrame({
                 {
                   "aria-hidden": true,
                   className: 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"
                   )
                 }
@@ -1632,7 +1643,10 @@ function StepBarFrame({
         running.length > 0 && /* @__PURE__ */ jsxs(
           "div",
           {
-            className: cn("flex min-w-0 shrink items-center gap-1", narrow && "basis-full"),
+            className: 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),
@@ -2211,7 +2225,7 @@ function WorkflowStepBar({
           "data-testid": tid("step-done"),
           children: [
             /* @__PURE__ */ jsx(PhaseMark, { phase: run.isComplete ? "done" : "ready", icon: doneIcon }),
-            /* @__PURE__ */ jsx("span", { className: cn(STEP_LABEL, "max-w-[12rem]"), children: doneTitle })
+            /* @__PURE__ */ jsx("span", { className: cn(STEP_LABEL, STEP_LABEL_MAX), children: doneTitle })
           ]
         }
       );
@@ -2232,7 +2246,7 @@ function WorkflowStepBar({
           /* @__PURE__ */ jsx(
             "span",
             {
-              className: cn(STEP_LABEL, isCurrent ? "max-w-[18rem]" : "max-w-[12rem]"),
+              className: cn(STEP_LABEL, isCurrent ? STEP_LABEL_MAX_CURRENT : STEP_LABEL_MAX),
               "data-testid": tid(`step-${s.id}-label`),
               children: s.title
             }
@@ -2702,6 +2716,6 @@ function AgentStepBody({
   ] });
 }
 
-export { ActionStepBody, ApprovalEvidence, AssigneeLine, DEFAULT_ASSIGNEE_WORDING, DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_STEP_BAR_LABELS, DEFAULT_WORKFLOW_RUNNER_LABELS, DEFAULT_WORKFLOW_STEP_PARTS_LABELS, EMPTY_WORKFLOW_SCOPE, PhaseMark, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, STEP_EXTRA, STEP_LABEL, STEP_PILL, SchemaForm, SendBackControl, StepBarFrame, WorkflowRunner, WorkflowStepBar, activeStepId, assigneeName, buildLaunch, canAssign, composeStepPrompt, composeWorkflowPrompt, defaultInputs, dependsOn, fieldToFrontmatter, fillRunText, fillStepInputs, fromPlanAssignee, fromPlanDocumentRef, fromPlanSteps, initialRunInputs, inputsFromContext, isEmptyWorkflowScope, isIncompleteSignal, isPersonAction, isPersonStep, isRunFinished, isSteppedWorkflow, isWorkflowScope, layoutFromPlanSteps, nextAction, orderSteps, promptFieldName, reviewInstructions, runFields, runFieldsOf, runThreadTitle, sendBackTargets, skillToWorkflow, splitDocRef, stepConfigProblems, stepDependencies, stepFields, stepLevels, stepPhase, stepPillTone, stepStatesFromActivity, stepWindow, toPlanAssignee, toPlanDocumentRef, toPlanSteps, upstreamSteps, useWorkflowView, validateInputs, validateStep, validateWorkflowGraph, workflowAccepts, workflowFromFrontmatter, workflowSteps, workflowsAccepting, workflowsForHost };
-//# sourceMappingURL=chunk-WXRCMIAE.js.map
-//# sourceMappingURL=chunk-WXRCMIAE.js.map
+export { ActionStepBody, ApprovalEvidence, AssigneeLine, DEFAULT_ASSIGNEE_WORDING, DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_STEP_BAR_LABELS, DEFAULT_WORKFLOW_RUNNER_LABELS, DEFAULT_WORKFLOW_STEP_PARTS_LABELS, EMPTY_WORKFLOW_SCOPE, PhaseMark, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, STEP_EXTRA, STEP_LABEL, STEP_LABEL_MAX, STEP_LABEL_MAX_CURRENT, STEP_PILL, SchemaForm, SendBackControl, StepBarFrame, WorkflowRunner, WorkflowStepBar, activeStepId, assigneeName, buildLaunch, canAssign, composeStepPrompt, composeWorkflowPrompt, defaultInputs, dependsOn, fieldToFrontmatter, fillRunText, fillStepInputs, fromPlanAssignee, fromPlanDocumentRef, fromPlanSteps, initialRunInputs, inputsFromContext, isEmptyWorkflowScope, isIncompleteSignal, isPersonAction, isPersonStep, isRunFinished, isSteppedWorkflow, isWorkflowScope, layoutFromPlanSteps, nextAction, orderSteps, promptFieldName, reviewInstructions, runFields, runFieldsOf, runThreadTitle, sendBackTargets, skillToWorkflow, splitDocRef, stepConfigProblems, stepDependencies, stepFields, stepLevels, stepPhase, stepPillTone, stepStatesFromActivity, stepWindow, toPlanAssignee, toPlanDocumentRef, toPlanSteps, upstreamSteps, useWorkflowView, validateInputs, validateStep, validateWorkflowGraph, workflowAccepts, workflowFromFrontmatter, workflowSteps, workflowsAccepting, workflowsForHost };
+//# sourceMappingURL=chunk-QFA3NCWL.js.map
+//# sourceMappingURL=chunk-QFA3NCWL.js.map