@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

package/dist/esm/components/flows-actors/execution-plan.d.ts

@@ -1,6 +1,13 @@
 import * as React from "react";
 import type { ComponentProps } from "react";
-import type { ActorsSystem_ExecutionPlan, ActorsSystem_ExecutionPlan_Step } from "@wildo-ai/saas-models";
+import { FlowsActors_Status, type ActorsSystem_ExecutionPlan, type ActorsSystem_ExecutionPlan_Step } from "@wildo-ai/saas-models";
+/**
+ * How many steps stand in each status, counted once per step from the status the run records for it.
+ *
+ * Every status has its own count. The panel used to count four (completed, failed, processing, and "pending" for all
+ * the rest), so a step waiting on a person, a cancelled step and an aborted one were all reported as pending.
+ */
+export type ExecutionPlanStatusCounts = Readonly<Partial<Record<FlowsActors_Status, number>>>;
 export type AI_ExecutionPlanProps = ComponentProps<"div"> & {
     plan: ActorsSystem_ExecutionPlan;
 };
@@ -14,15 +21,20 @@ export type AI_ExecutionPlanStepProps = ComponentProps<"li"> & {
     index: number;
     resolvedStatus: string;
     statusChanges?: StepStatusChange[];
+    /** How a step this one depends on is named; its id when absent. */
+    nameOfStep?: (planStepId: string) => string;
 };
-export declare const AI_ExecutionPlanStep: ({ step, index, resolvedStatus, statusChanges, className, ...props }: AI_ExecutionPlanStepProps) => React.JSX.Element | null;
+export declare const AI_ExecutionPlanStep: ({ step, index, resolvedStatus, statusChanges, nameOfStep, className, ...props }: AI_ExecutionPlanStepProps) => React.JSX.Element | null;
 export type AI_ExecutionPlanProgressProps = ComponentProps<"div"> & {
     total: number;
-    completed: number;
-    failed: number;
-    processing?: number;
-    pending?: number;
+    /** How many steps stand in each status ({@link ExecutionPlanStatusCounts}). */
+    statusCounts: ExecutionPlanStatusCounts;
 };
-export declare const AI_ExecutionPlanProgress: ({ total, completed, failed, processing, pending, className, ...props }: AI_ExecutionPlanProgressProps) => React.JSX.Element | null;
+/**
+ * How far a plan has come: how many of its steps are finished, a bar with one segment per status under way or ended
+ * ({@link PROGRESS_SEGMENT_ORDER}), each in its status's tone, and the count of every status other than finished, in
+ * that status's words. A step waiting on a person is its own amber segment, not part of "pending".
+ */
+export declare const AI_ExecutionPlanProgress: ({ total, statusCounts, className, ...props }: AI_ExecutionPlanProgressProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=execution-plan.d.ts.map

package/dist/esm/components/flows-actors/execution-plan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"execution-plan.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/execution-plan.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EACV,0BAA0B,EAC1B,+BAA+B,EAEhC,MAAM,uBAAuB,CAAC;AA0B/B,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,IAAI,EAAE,0BAA0B,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,+BAI9B,qBAAqB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAgE9C,CAAC;AAMF,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG;IAC7D,IAAI,EAAE,+BAA+B,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,qEAOlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA8DlD,CAAC;AAMF,MAAM,MAAM,6BAA6B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,wEAQtC,6BAA6B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA2DtD,CAAC"}
+{"version":3,"file":"execution-plan.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/execution-plan.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,kBAAkB,EAElB,KAAK,0BAA0B,EAC/B,KAAK,+BAA+B,EACrC,MAAM,uBAAuB,CAAC;AAQ/B;;;;;GAKG;AACH,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;AAiB9F,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,IAAI,EAAE,0BAA0B,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,+BAI9B,qBAAqB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA6D9C,CAAC;AAMF,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG;IAC7D,IAAI,EAAE,+BAA+B,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,iFAQlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAuElD,CAAC;AAMF,MAAM,MAAM,6BAA6B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,YAAY,EAAE,yBAAyB,CAAC;CACzC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GAAI,8CAKtC,6BAA6B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAiDtD,CAAC"}

package/dist/esm/components/flows-actors/execution-plan.js

@@ -7,73 +7,87 @@ import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../compo
 import { Button, ButtonVariants_Variant } from "../../components/actions/button.js";
 import { ButtonSize, FrontendComponentType } from "@wildo-ai/presets-components-models";
 import { useI18n } from "../../core/i18n/useI18n.js";
+import { useIconRegistry } from "../../core/icons/useIconRegistry.js";
+import { IconSize, StandardIconReference } from "../../core/icons/icon-registry.frontend.schemas.js";
 import { cn } from "../../core/ui/cn.js";
-import { AI_FlowNodeStatusBadge } from "./flow-node-badges.js";
+import { ACTOR_TASK_TOPICS_VOCABULARY, AI_FlowNodeStatusBadge, flowsActorsStatusDotClass, useFlowsActorsStatusWord, useVocabularyWord } from "./flow-node-badges.js";
 import { FlowsActorsUIUtils } from "./flows-actors-ui.utils.js";
+import { FlowsActors_Status, listExecutionPlanStepDependencies, } from "@wildo-ai/saas-models";
 //===============================================================
 //  Constants
 //===============================================================
 const CT = FrontendComponentType.LOW_LEVEL_AI_EXECUTION_PLAN;
-//===============================================================
-//  Helpers
-//===============================================================
-function extractDependencies(relationships) {
-    return relationships
-        .filter((r) => r.relation === "depends_on" || r.relation === "blocked_by")
-        .map((r) => {
-        if (r.kind === "actor.plan.step")
-            return r.planStepId;
-        if (r.kind === "actor.task")
-            return r.taskId;
-        return r.kind;
-    });
-}
+/**
+ * The order the progress bar draws its segments in, and the statuses it draws: the finished, the moving, the waiting on
+ * a person, then the failed. The other statuses are the bar's empty track: work not under way.
+ */
+const PROGRESS_SEGMENT_ORDER = [
+    FlowsActors_Status.COMPLETED,
+    FlowsActors_Status.PROCESSING,
+    FlowsActors_Status.AWAITING_APPROVAL,
+    FlowsActors_Status.FAILED,
+];
 export const AI_ExecutionPlan = ({ plan, className, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const stepStateMap = React.useMemo(() => new Map(plan.stepStates.map((s) => [s.planStepId, s])), [plan.stepStates]);
-    const counts = React.useMemo(() => {
-        const c = { total: plan.planSteps.length, completed: 0, failed: 0, processing: 0, pending: 0 };
+    const statusCounts = React.useMemo(() => {
+        const counts = {};
         for (const step of plan.planSteps) {
-            const state = stepStateMap.get(step._id);
-            const status = state?.status ?? step.status;
-            if (status === "completed")
-                c.completed++;
-            else if (status === "failed")
-                c.failed++;
-            else if (status === "processing")
-                c.processing++;
-            else
-                c.pending++;
+            const status = stepStateMap.get(step._id)?.status ?? step.status;
+            counts[status] = (counts[status] ?? 0) + 1;
         }
-        return c;
+        return counts;
     }, [plan.planSteps, stepStateMap]);
+    /** A dependency is named by the step it is, the way the step list names it; an id the plan does not hold stays an id. */
+    const nameOfStep = React.useCallback((planStepId) => plan.planSteps.find((step) => step._id === planStepId)?.name ?? planStepId, [plan.planSteps]);
     if (!isReady)
         return null;
-    return (_jsxs("div", { className: cn("flex flex-col gap-card rounded-lg border bg-card p-card", className), ...props, children: [_jsxs("div", { className: "flex items-start justify-between gap-card", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h3", { className: "text-sm font-semibold", children: tComponent(CT, "title") }), _jsx("p", { className: "text-xs text-muted-foreground", children: plan.goalDescription })] }), _jsx(AI_FlowNodeStatusBadge, { status: plan.status })] }), _jsx(AI_ExecutionPlanProgress, { total: counts.total, completed: counts.completed, failed: counts.failed, processing: counts.processing, pending: counts.pending }), _jsx(ScrollArea, { className: "max-h-80", children: _jsx("ol", { className: "flex flex-col gap-2", children: plan.planSteps.map((step, index) => {
+    return (_jsxs("div", { className: cn("flex flex-col gap-card rounded-lg border bg-card p-card", className), ...props, children: [_jsxs("div", { className: "flex items-start justify-between gap-card", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h3", { className: "text-sm font-semibold", children: tComponent(CT, "title") }), _jsx("p", { className: "text-xs text-muted-foreground", children: plan.goalDescription })] }), _jsx(AI_FlowNodeStatusBadge, { status: plan.status })] }), _jsx(AI_ExecutionPlanProgress, { total: plan.planSteps.length, statusCounts: statusCounts }), _jsx(ScrollArea, { className: "max-h-80", children: _jsx("ol", { className: "flex flex-col gap-2", children: plan.planSteps.map((step, index) => {
                         const state = stepStateMap.get(step._id);
-                        return (_jsx(AI_ExecutionPlanStep, { step: step, index: index, resolvedStatus: state?.status ?? step.status, statusChanges: state?.statusChanges }, step._id));
+                        return (_jsx(AI_ExecutionPlanStep, { step: step, index: index, resolvedStatus: state?.status ?? step.status, statusChanges: state?.statusChanges, nameOfStep: nameOfStep }, step._id));
                     }) }) })] }));
 };
-export const AI_ExecutionPlanStep = ({ step, index, resolvedStatus, statusChanges, className, ...props }) => {
-    const { tComponent, isReady } = useI18n({ component: CT });
-    const dependencies = React.useMemo(() => extractDependencies(step.relationships), [step.relationships]);
+export const AI_ExecutionPlanStep = ({ step, index, resolvedStatus, statusChanges, nameOfStep, className, ...props }) => {
+    const { tComponent, isReady, formatTime, formatList } = useI18n({ component: CT });
+    const { statusWord, isReady: statusWordsReady } = useFlowsActorsStatusWord();
+    /* A step's topic is a task topic, worded in that vocabulary (#2531 review M3); an unknown one shows as it is. */
+    const { word: topicWord, isReady: topicWordsReady } = useVocabularyWord(ACTOR_TASK_TOPICS_VOCABULARY);
+    const { renderIcon } = useIconRegistry();
+    /*
+     * The steps this one DEPENDS_ON, read the way readiness reads them (`listExecutionPlanStepDependencies`). This used
+     * to count BLOCKED_BY as well, which readiness deliberately does not (it has no writer and states something else),
+     * and to print a relationship's KIND where it named neither a step nor a task.
+     */
+    const dependencies = React.useMemo(() => listExecutionPlanStepDependencies(step), [step]);
     const [expanded, setExpanded] = React.useState(false);
     const hasDetails = dependencies.length > 0 || (statusChanges && statusChanges.length > 0);
-    if (!isReady)
+    if (!isReady || !statusWordsReady || !topicWordsReady)
         return null;
-    return (_jsxs("li", { className: cn("flex items-start gap-element", className), ...props, children: [_jsxs("div", { className: "flex flex-col items-center gap-0.5 pt-0.5", children: [_jsx("span", { className: "text-2xs font-mono text-muted-foreground", children: index + 1 }), _jsx("div", { className: cn("size-2.5 shrink-0 rounded-full", FlowsActorsUIUtils.STATUS_COLOR[resolvedStatus] ?? "bg-muted-foreground") })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-0.5", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("span", { className: "text-sm font-medium", children: step.name ?? step._id }), _jsx(Badge, { variant: "outline", className: "text-2xs", children: step.topic }), _jsx(AI_FlowNodeStatusBadge, { status: resolvedStatus })] }), step.description && (_jsx("p", { className: "text-xs text-muted-foreground", children: step.description })), hasDetails && (_jsxs(Collapsible, { open: expanded, onOpenChange: setExpanded, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: ButtonVariants_Variant.LINK, size: ButtonSize.SM, className: "h-auto p-0 text-2xs", children: [expanded ? "▾" : "▸", " ", tComponent(CT, "stepDetails")] }) }), _jsxs(CollapsibleContent, { className: "mt-1 flex flex-col gap-1", children: [dependencies.length > 0 && (_jsxs("p", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "stepDependencies"), ":", " ", dependencies.join(", ")] })), statusChanges && statusChanges.length > 0 && (_jsx("div", { className: "flex flex-col gap-0.5", children: statusChanges.map((sc, i) => (_jsxs("div", { className: "flex items-center gap-element text-2xs", children: [_jsx("div", { className: cn("size-1.5 rounded-full", FlowsActorsUIUtils.STATUS_COLOR[sc.status] ?? "bg-muted-foreground") }), _jsx("span", { className: "text-muted-foreground", children: sc.status }), _jsx("time", { className: "text-muted-foreground", children: FlowsActorsUIUtils.formatTimestamp(sc.timestamp) })] }, `${sc.status}-${sc.timestamp}-${i}`))) })), _jsx("div", { className: "flex gap-card text-2xs text-muted-foreground", children: _jsxs("span", { children: [tComponent(CT, "timestamps"), ": ", FlowsActorsUIUtils.formatTimestamp(step.createdAt)] }) })] })] }))] })] }));
+    return (_jsxs("li", { className: cn("flex items-start gap-element", className), ...props, children: [_jsxs("div", { className: "flex flex-col items-center gap-0.5 pt-0.5", children: [_jsx("span", { className: "text-2xs font-mono text-muted-foreground", children: index + 1 }), _jsx("div", { className: cn("size-2.5 shrink-0 rounded-full", flowsActorsStatusDotClass(resolvedStatus)) })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-0.5", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("span", { className: "text-sm font-medium", children: step.name ?? step._id }), _jsx(Badge, { variant: "outline", className: "text-2xs", children: topicWord(step.topic) }), _jsx(AI_FlowNodeStatusBadge, { status: resolvedStatus })] }), step.description && (_jsx("p", { className: "text-xs text-muted-foreground", children: step.description })), hasDetails && (_jsxs(Collapsible, { open: expanded, onOpenChange: setExpanded, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: ButtonVariants_Variant.LINK, size: ButtonSize.SM, className: "h-auto p-0 text-2xs", children: [renderIcon(expanded ? StandardIconReference.CHEVRON_DOWN : StandardIconReference.CHEVRON_RIGHT, { size: IconSize.XS }), tComponent(CT, "stepDetails")] }) }), _jsxs(CollapsibleContent, { className: "mt-1 flex flex-col gap-1", children: [dependencies.length > 0 && (_jsx("p", { className: "text-2xs text-muted-foreground", children: tComponent(CT, "stepWaitsOn", { steps: formatList(dependencies.map((dependency) => nameOfStep?.(dependency) ?? dependency)) }) })), statusChanges && statusChanges.length > 0 && (_jsx("div", { className: "flex flex-col gap-0.5", children: statusChanges.map((sc, i) => (_jsxs("div", { className: "flex items-center gap-element text-2xs", children: [_jsx("div", { className: cn("size-1.5 rounded-full", flowsActorsStatusDotClass(sc.status)) }), _jsx("span", { className: "text-muted-foreground", children: statusWord(sc.status) }), _jsx("time", { className: "text-muted-foreground", dateTime: sc.timestamp, children: FlowsActorsUIUtils.formatTimestamp(sc.timestamp, formatTime) })] }, `${sc.status}-${sc.timestamp}-${i}`))) })), _jsx("div", { className: "flex gap-card text-2xs text-muted-foreground", children: _jsx("span", { children: tComponent(CT, "stepCreatedAt", { time: FlowsActorsUIUtils.formatTimestamp(step.createdAt, formatTime) }) }) })] })] }))] })] }));
 };
-export const AI_ExecutionPlanProgress = ({ total, completed, failed, processing = 0, pending = 0, className, ...props }) => {
+/**
+ * How far a plan has come: how many of its steps are finished, a bar with one segment per status under way or ended
+ * ({@link PROGRESS_SEGMENT_ORDER}), each in its status's tone, and the count of every status other than finished, in
+ * that status's words. A step waiting on a person is its own amber segment, not part of "pending".
+ */
+export const AI_ExecutionPlanProgress = ({ total, statusCounts, className, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
+    const { statusWord, isReady: statusWordsReady } = useFlowsActorsStatusWord();
+    const completed = statusCounts[FlowsActors_Status.COMPLETED] ?? 0;
     const percentage = total > 0 ? Math.round((completed / total) * 100) : 0;
-    const completedPct = total > 0 ? (completed / total) * 100 : 0;
-    const processingPct = total > 0 ? (processing / total) * 100 : 0;
-    const failedPct = total > 0 ? (failed / total) * 100 : 0;
-    if (!isReady)
+    const segments = PROGRESS_SEGMENT_ORDER.flatMap((status) => {
+        const count = statusCounts[status] ?? 0;
+        return count > 0 && total > 0 ? [{ status, width: (count / total) * 100 }] : [];
+    });
+    const legend = Object.values(FlowsActors_Status).flatMap((status) => {
+        const count = statusCounts[status] ?? 0;
+        return status !== FlowsActors_Status.COMPLETED && count > 0 ? [{ status, count }] : [];
+    });
+    if (!isReady || !statusWordsReady)
         return null;
     return (_jsxs("div", { className: cn("flex flex-col gap-1", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between text-xs", children: [_jsx("span", { children: tComponent(CT, "progress", {
                             completed,
                             total,
-                        }) }), _jsxs("span", { className: "text-muted-foreground", children: [percentage, "%"] })] }), _jsxs("div", { className: "flex h-1.5 w-full overflow-hidden rounded-full bg-secondary", children: [completedPct > 0 && (_jsx("div", { className: "h-full bg-success transition-all", style: { width: `${completedPct}%` } })), processingPct > 0 && (_jsx("div", { className: "h-full animate-pulse bg-primary transition-all", style: { width: `${processingPct}%` } })), failedPct > 0 && (_jsx("div", { className: "h-full bg-destructive transition-all", style: { width: `${failedPct}%` } }))] }), (processing > 0 || failed > 0) && (_jsxs("div", { className: "flex gap-card text-2xs text-muted-foreground", children: [processing > 0 && (_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx("span", { className: "inline-block size-1.5 rounded-full bg-primary" }), tComponent(CT, "segmentProcessing"), " (", processing, ")"] })), failed > 0 && (_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx("span", { className: "inline-block size-1.5 rounded-full bg-destructive" }), tComponent(CT, "segmentFailed"), " (", failed, ")"] }))] }))] }));
+                        }) }), _jsxs("span", { className: "text-muted-foreground", children: [percentage, "%"] })] }), _jsx("div", { className: "flex h-1.5 w-full overflow-hidden rounded-full bg-secondary", children: segments.map(({ status, width }) => (_jsx("div", { "data-plan-progress-segment": status, className: cn("h-full motion-safe:transition-all", flowsActorsStatusDotClass(status)), style: { width: `${width}%` } }, status))) }), legend.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-card text-2xs text-muted-foreground", children: legend.map(({ status, count }) => (_jsxs("span", { "data-plan-progress-legend": status, className: "flex items-center gap-0.5", children: [_jsx("span", { className: cn("inline-block size-1.5 rounded-full", flowsActorsStatusDotClass(status)) }), tComponent(CT, "progressLegendEntry", { status: statusWord(status), count })] }, status))) }))] }));
 };
 //# sourceMappingURL=execution-plan.js.map

package/dist/esm/components/flows-actors/execution-plan.js.map

@@ -1 +1 @@
-{"version":3,"file":"execution-plan.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/execution-plan.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Badge } from \"~wildo-frontend-lib/components/data-display/badge\";\nimport { ScrollArea } from \"~wildo-frontend-lib/components/layout/scroll-area\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"~wildo-frontend-lib/components/sections/collapsible\";\nimport { Button, ButtonVariants_Variant } from \"~wildo-frontend-lib/components/actions/button\";\nimport { ButtonSize, FrontendComponentType } from \"@wildo-ai/presets-components-models\";\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\";\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\";\nimport { AI_FlowNodeStatusBadge } from \"./flow-node-badges\";\nimport { FlowsActorsUIUtils } from \"./flows-actors-ui.utils\";\nimport type { ComponentProps } from \"react\";\nimport type {\n  ActorsSystem_ExecutionPlan,\n  ActorsSystem_ExecutionPlan_Step,\n  FlowsActors_Relationship,\n} from \"@wildo-ai/saas-models\";\n\n//===============================================================\n//  Constants\n//===============================================================\n\nconst CT = FrontendComponentType.LOW_LEVEL_AI_EXECUTION_PLAN;\n\n//===============================================================\n//  Helpers\n//===============================================================\n\nfunction extractDependencies(relationships: FlowsActors_Relationship[]): string[] {\n  return relationships\n    .filter((r) => r.relation === \"depends_on\" || r.relation === \"blocked_by\")\n    .map((r) => {\n      if (r.kind === \"actor.plan.step\") return r.planStepId;\n      if (r.kind === \"actor.task\") return r.taskId;\n      return r.kind;\n    });\n}\n\n//===============================================================\n//  AI_ExecutionPlan\n//===============================================================\n\nexport type AI_ExecutionPlanProps = ComponentProps<\"div\"> & {\n  plan: ActorsSystem_ExecutionPlan;\n};\n\nexport const AI_ExecutionPlan = ({\n  plan,\n  className,\n  ...props\n}: AI_ExecutionPlanProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n\n  const stepStateMap = React.useMemo(\n    () => new Map(plan.stepStates.map((s) => [s.planStepId, s])),\n    [plan.stepStates],\n  );\n\n  const counts = React.useMemo(() => {\n    const c = { total: plan.planSteps.length, completed: 0, failed: 0, processing: 0, pending: 0 };\n    for (const step of plan.planSteps) {\n      const state = stepStateMap.get(step._id);\n      const status = state?.status ?? step.status;\n      if (status === \"completed\") c.completed++;\n      else if (status === \"failed\") c.failed++;\n      else if (status === \"processing\") c.processing++;\n      else c.pending++;\n    }\n    return c;\n  }, [plan.planSteps, stepStateMap]);\n\n  if (!isReady) return null;\n\n  return (\n    <div\n      className={cn(\"flex flex-col gap-card rounded-lg border bg-card p-card\", className)}\n      {...props}\n    >\n      <div className=\"flex items-start justify-between gap-card\">\n        <div className=\"flex flex-col gap-1\">\n          <h3 className=\"text-sm font-semibold\">\n            {tComponent(CT, \"title\")}\n          </h3>\n          <p className=\"text-xs text-muted-foreground\">{plan.goalDescription}</p>\n        </div>\n        <AI_FlowNodeStatusBadge status={plan.status} />\n      </div>\n\n      <AI_ExecutionPlanProgress\n        total={counts.total}\n        completed={counts.completed}\n        failed={counts.failed}\n        processing={counts.processing}\n        pending={counts.pending}\n      />\n\n      <ScrollArea className=\"max-h-80\">\n        <ol className=\"flex flex-col gap-2\">\n          {plan.planSteps.map((step, index) => {\n            const state = stepStateMap.get(step._id);\n            return (\n              <AI_ExecutionPlanStep\n                key={step._id}\n                step={step}\n                index={index}\n                resolvedStatus={state?.status ?? step.status}\n                statusChanges={state?.statusChanges}\n              />\n            );\n          })}\n        </ol>\n      </ScrollArea>\n    </div>\n  );\n};\n\n//===============================================================\n//  AI_ExecutionPlanStep\n//===============================================================\n\ntype StepStatusChange = {\n  status: string;\n  timestamp: string;\n};\n\nexport type AI_ExecutionPlanStepProps = ComponentProps<\"li\"> & {\n  step: ActorsSystem_ExecutionPlan_Step;\n  index: number;\n  resolvedStatus: string;\n  statusChanges?: StepStatusChange[];\n};\n\nexport const AI_ExecutionPlanStep = ({\n  step,\n  index,\n  resolvedStatus,\n  statusChanges,\n  className,\n  ...props\n}: AI_ExecutionPlanStepProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const dependencies = React.useMemo(() => extractDependencies(step.relationships), [step.relationships]);\n  const [expanded, setExpanded] = React.useState(false);\n\n  const hasDetails = dependencies.length > 0 || (statusChanges && statusChanges.length > 0);\n\n  if (!isReady) return null;\n\n  return (\n    <li className={cn(\"flex items-start gap-element\", className)} {...props}>\n      <div className=\"flex flex-col items-center gap-0.5 pt-0.5\">\n        <span className=\"text-2xs font-mono text-muted-foreground\">{index + 1}</span>\n        <div className={cn(\"size-2.5 shrink-0 rounded-full\", FlowsActorsUIUtils.STATUS_COLOR[resolvedStatus] ?? \"bg-muted-foreground\")} />\n      </div>\n      <div className=\"flex flex-1 flex-col gap-0.5\">\n        <div className=\"flex items-center gap-element\">\n          <span className=\"text-sm font-medium\">{step.name ?? step._id}</span>\n          <Badge variant=\"outline\" className=\"text-2xs\">{step.topic}</Badge>\n          <AI_FlowNodeStatusBadge status={resolvedStatus} />\n        </div>\n\n        {step.description && (\n          <p className=\"text-xs text-muted-foreground\">{step.description}</p>\n        )}\n\n        {hasDetails && (\n          <Collapsible open={expanded} onOpenChange={setExpanded}>\n            <CollapsibleTrigger asChild>\n              <Button type=\"button\" variant={ButtonVariants_Variant.LINK} size={ButtonSize.SM} className=\"h-auto p-0 text-2xs\">\n                {expanded ? \"▾\" : \"▸\"} {tComponent(CT, \"stepDetails\" as any)}\n              </Button>\n            </CollapsibleTrigger>\n            <CollapsibleContent className=\"mt-1 flex flex-col gap-1\">\n              {dependencies.length > 0 && (\n                <p className=\"text-2xs text-muted-foreground\">\n                  {tComponent(CT, \"stepDependencies\" as any)}:{\" \"}\n                  {dependencies.join(\", \")}\n                </p>\n              )}\n\n              {statusChanges && statusChanges.length > 0 && (\n                <div className=\"flex flex-col gap-0.5\">\n                  {statusChanges.map((sc, i) => (\n                    <div key={`${sc.status}-${sc.timestamp}-${i}`} className=\"flex items-center gap-element text-2xs\">\n                      <div className={cn(\"size-1.5 rounded-full\", FlowsActorsUIUtils.STATUS_COLOR[sc.status] ?? \"bg-muted-foreground\")} />\n                      <span className=\"text-muted-foreground\">{sc.status}</span>\n                      <time className=\"text-muted-foreground\">{FlowsActorsUIUtils.formatTimestamp(sc.timestamp)}</time>\n                    </div>\n                  ))}\n                </div>\n              )}\n\n              <div className=\"flex gap-card text-2xs text-muted-foreground\">\n                <span>{tComponent(CT, \"timestamps\" as any)}: {FlowsActorsUIUtils.formatTimestamp(step.createdAt)}</span>\n              </div>\n            </CollapsibleContent>\n          </Collapsible>\n        )}\n      </div>\n    </li>\n  );\n};\n\n//===============================================================\n//  AI_ExecutionPlanProgress\n//===============================================================\n\nexport type AI_ExecutionPlanProgressProps = ComponentProps<\"div\"> & {\n  total: number;\n  completed: number;\n  failed: number;\n  processing?: number;\n  pending?: number;\n};\n\nexport const AI_ExecutionPlanProgress = ({\n  total,\n  completed,\n  failed,\n  processing = 0,\n  pending = 0,\n  className,\n  ...props\n}: AI_ExecutionPlanProgressProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const percentage = total > 0 ? Math.round((completed / total) * 100) : 0;\n\n  const completedPct = total > 0 ? (completed / total) * 100 : 0;\n  const processingPct = total > 0 ? (processing / total) * 100 : 0;\n  const failedPct = total > 0 ? (failed / total) * 100 : 0;\n\n  if (!isReady) return null;\n\n  return (\n    <div className={cn(\"flex flex-col gap-1\", className)} {...props}>\n      <div className=\"flex items-center justify-between text-xs\">\n        <span>\n          {tComponent(CT, \"progress\", {\n            completed,\n            total,\n          })}\n        </span>\n        <span className=\"text-muted-foreground\">{percentage}%</span>\n      </div>\n      <div className=\"flex h-1.5 w-full overflow-hidden rounded-full bg-secondary\">\n        {completedPct > 0 && (\n          <div\n            className=\"h-full bg-success transition-all\"\n            style={{ width: `${completedPct}%` }}\n          />\n        )}\n        {processingPct > 0 && (\n          <div\n            className=\"h-full animate-pulse bg-primary transition-all\"\n            style={{ width: `${processingPct}%` }}\n          />\n        )}\n        {failedPct > 0 && (\n          <div\n            className=\"h-full bg-destructive transition-all\"\n            style={{ width: `${failedPct}%` }}\n          />\n        )}\n      </div>\n      {(processing > 0 || failed > 0) && (\n        <div className=\"flex gap-card text-2xs text-muted-foreground\">\n          {processing > 0 && (\n            <span className=\"flex items-center gap-0.5\">\n              <span className=\"inline-block size-1.5 rounded-full bg-primary\" />\n              {tComponent(CT, \"segmentProcessing\" as any)} ({processing})\n            </span>\n          )}\n          {failed > 0 && (\n            <span className=\"flex items-center gap-0.5\">\n              <span className=\"inline-block size-1.5 rounded-full bg-destructive\" />\n              {tComponent(CT, \"segmentFailed\" as any)} ({failed})\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"execution-plan.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/execution-plan.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Badge } from \"~wildo-frontend-lib/components/data-display/badge\";\nimport { ScrollArea } from \"~wildo-frontend-lib/components/layout/scroll-area\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"~wildo-frontend-lib/components/sections/collapsible\";\nimport { Button, ButtonVariants_Variant } from \"~wildo-frontend-lib/components/actions/button\";\nimport { ButtonSize, FrontendComponentType } from \"@wildo-ai/presets-components-models\";\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\";\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\";\nimport { IconSize, StandardIconReference } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\";\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\";\nimport { ACTOR_TASK_TOPICS_VOCABULARY, AI_FlowNodeStatusBadge, flowsActorsStatusDotClass, useFlowsActorsStatusWord, useVocabularyWord } from \"./flow-node-badges\";\nimport { FlowsActorsUIUtils } from \"./flows-actors-ui.utils\";\nimport type { ComponentProps } from \"react\";\nimport {\n  FlowsActors_Status,\n  listExecutionPlanStepDependencies,\n  type ActorsSystem_ExecutionPlan,\n  type ActorsSystem_ExecutionPlan_Step,\n} from \"@wildo-ai/saas-models\";\n\n//===============================================================\n//  Constants\n//===============================================================\n\nconst CT = FrontendComponentType.LOW_LEVEL_AI_EXECUTION_PLAN;\n\n/**\n * How many steps stand in each status, counted once per step from the status the run records for it.\n *\n * Every status has its own count. The panel used to count four (completed, failed, processing, and \"pending\" for all\n * the rest), so a step waiting on a person, a cancelled step and an aborted one were all reported as pending.\n */\nexport type ExecutionPlanStatusCounts = Readonly<Partial<Record<FlowsActors_Status, number>>>;\n\n/**\n * The order the progress bar draws its segments in, and the statuses it draws: the finished, the moving, the waiting on\n * a person, then the failed. The other statuses are the bar's empty track: work not under way.\n */\nconst PROGRESS_SEGMENT_ORDER: readonly FlowsActors_Status[] = [\n  FlowsActors_Status.COMPLETED,\n  FlowsActors_Status.PROCESSING,\n  FlowsActors_Status.AWAITING_APPROVAL,\n  FlowsActors_Status.FAILED,\n];\n\n//===============================================================\n//  AI_ExecutionPlan\n//===============================================================\n\nexport type AI_ExecutionPlanProps = ComponentProps<\"div\"> & {\n  plan: ActorsSystem_ExecutionPlan;\n};\n\nexport const AI_ExecutionPlan = ({\n  plan,\n  className,\n  ...props\n}: AI_ExecutionPlanProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n\n  const stepStateMap = React.useMemo(\n    () => new Map(plan.stepStates.map((s) => [s.planStepId, s])),\n    [plan.stepStates],\n  );\n\n  const statusCounts = React.useMemo<ExecutionPlanStatusCounts>(() => {\n    const counts: Partial<Record<FlowsActors_Status, number>> = {};\n    for (const step of plan.planSteps) {\n      const status = stepStateMap.get(step._id)?.status ?? step.status;\n      counts[status] = (counts[status] ?? 0) + 1;\n    }\n    return counts;\n  }, [plan.planSteps, stepStateMap]);\n\n  /** A dependency is named by the step it is, the way the step list names it; an id the plan does not hold stays an id. */\n  const nameOfStep = React.useCallback(\n    (planStepId: string) => plan.planSteps.find((step) => step._id === planStepId)?.name ?? planStepId,\n    [plan.planSteps],\n  );\n\n  if (!isReady) return null;\n\n  return (\n    <div\n      className={cn(\"flex flex-col gap-card rounded-lg border bg-card p-card\", className)}\n      {...props}\n    >\n      <div className=\"flex items-start justify-between gap-card\">\n        <div className=\"flex flex-col gap-1\">\n          <h3 className=\"text-sm font-semibold\">\n            {tComponent(CT, \"title\")}\n          </h3>\n          <p className=\"text-xs text-muted-foreground\">{plan.goalDescription}</p>\n        </div>\n        <AI_FlowNodeStatusBadge status={plan.status} />\n      </div>\n\n      <AI_ExecutionPlanProgress total={plan.planSteps.length} statusCounts={statusCounts} />\n\n      <ScrollArea className=\"max-h-80\">\n        <ol className=\"flex flex-col gap-2\">\n          {plan.planSteps.map((step, index) => {\n            const state = stepStateMap.get(step._id);\n            return (\n              <AI_ExecutionPlanStep\n                key={step._id}\n                step={step}\n                index={index}\n                resolvedStatus={state?.status ?? step.status}\n                statusChanges={state?.statusChanges}\n                nameOfStep={nameOfStep}\n              />\n            );\n          })}\n        </ol>\n      </ScrollArea>\n    </div>\n  );\n};\n\n//===============================================================\n//  AI_ExecutionPlanStep\n//===============================================================\n\ntype StepStatusChange = {\n  status: string;\n  timestamp: string;\n};\n\nexport type AI_ExecutionPlanStepProps = ComponentProps<\"li\"> & {\n  step: ActorsSystem_ExecutionPlan_Step;\n  index: number;\n  resolvedStatus: string;\n  statusChanges?: StepStatusChange[];\n  /** How a step this one depends on is named; its id when absent. */\n  nameOfStep?: (planStepId: string) => string;\n};\n\nexport const AI_ExecutionPlanStep = ({\n  step,\n  index,\n  resolvedStatus,\n  statusChanges,\n  nameOfStep,\n  className,\n  ...props\n}: AI_ExecutionPlanStepProps): React.JSX.Element | null => {\n  const { tComponent, isReady, formatTime, formatList } = useI18n({ component: CT });\n  const { statusWord, isReady: statusWordsReady } = useFlowsActorsStatusWord();\n  /* A step's topic is a task topic, worded in that vocabulary (#2531 review M3); an unknown one shows as it is. */\n  const { word: topicWord, isReady: topicWordsReady } = useVocabularyWord(ACTOR_TASK_TOPICS_VOCABULARY);\n  const { renderIcon } = useIconRegistry();\n  /*\n   * The steps this one DEPENDS_ON, read the way readiness reads them (`listExecutionPlanStepDependencies`). This used\n   * to count BLOCKED_BY as well, which readiness deliberately does not (it has no writer and states something else),\n   * and to print a relationship's KIND where it named neither a step nor a task.\n   */\n  const dependencies = React.useMemo(() => listExecutionPlanStepDependencies(step), [step]);\n  const [expanded, setExpanded] = React.useState(false);\n\n  const hasDetails = dependencies.length > 0 || (statusChanges && statusChanges.length > 0);\n\n  if (!isReady || !statusWordsReady || !topicWordsReady) return null;\n\n  return (\n    <li className={cn(\"flex items-start gap-element\", className)} {...props}>\n      <div className=\"flex flex-col items-center gap-0.5 pt-0.5\">\n        <span className=\"text-2xs font-mono text-muted-foreground\">{index + 1}</span>\n        <div className={cn(\"size-2.5 shrink-0 rounded-full\", flowsActorsStatusDotClass(resolvedStatus))} />\n      </div>\n      <div className=\"flex flex-1 flex-col gap-0.5\">\n        <div className=\"flex items-center gap-element\">\n          <span className=\"text-sm font-medium\">{step.name ?? step._id}</span>\n          <Badge variant=\"outline\" className=\"text-2xs\">{topicWord(step.topic)}</Badge>\n          <AI_FlowNodeStatusBadge status={resolvedStatus} />\n        </div>\n\n        {step.description && (\n          <p className=\"text-xs text-muted-foreground\">{step.description}</p>\n        )}\n\n        {hasDetails && (\n          <Collapsible open={expanded} onOpenChange={setExpanded}>\n            <CollapsibleTrigger asChild>\n              <Button type=\"button\" variant={ButtonVariants_Variant.LINK} size={ButtonSize.SM} className=\"h-auto p-0 text-2xs\">\n                {renderIcon(expanded ? StandardIconReference.CHEVRON_DOWN : StandardIconReference.CHEVRON_RIGHT, { size: IconSize.XS })}\n                {tComponent(CT, \"stepDetails\")}\n              </Button>\n            </CollapsibleTrigger>\n            <CollapsibleContent className=\"mt-1 flex flex-col gap-1\">\n              {dependencies.length > 0 && (\n                <p className=\"text-2xs text-muted-foreground\">\n                  {tComponent(CT, \"stepWaitsOn\", { steps: formatList(dependencies.map((dependency) => nameOfStep?.(dependency) ?? dependency)) })}\n                </p>\n              )}\n\n              {statusChanges && statusChanges.length > 0 && (\n                <div className=\"flex flex-col gap-0.5\">\n                  {statusChanges.map((sc, i) => (\n                    <div key={`${sc.status}-${sc.timestamp}-${i}`} className=\"flex items-center gap-element text-2xs\">\n                      <div className={cn(\"size-1.5 rounded-full\", flowsActorsStatusDotClass(sc.status))} />\n                      <span className=\"text-muted-foreground\">{statusWord(sc.status)}</span>\n                      <time className=\"text-muted-foreground\" dateTime={sc.timestamp}>{FlowsActorsUIUtils.formatTimestamp(sc.timestamp, formatTime)}</time>\n                    </div>\n                  ))}\n                </div>\n              )}\n\n              <div className=\"flex gap-card text-2xs text-muted-foreground\">\n                <span>{tComponent(CT, \"stepCreatedAt\", { time: FlowsActorsUIUtils.formatTimestamp(step.createdAt, formatTime) })}</span>\n              </div>\n            </CollapsibleContent>\n          </Collapsible>\n        )}\n      </div>\n    </li>\n  );\n};\n\n//===============================================================\n//  AI_ExecutionPlanProgress\n//===============================================================\n\nexport type AI_ExecutionPlanProgressProps = ComponentProps<\"div\"> & {\n  total: number;\n  /** How many steps stand in each status ({@link ExecutionPlanStatusCounts}). */\n  statusCounts: ExecutionPlanStatusCounts;\n};\n\n/**\n * How far a plan has come: how many of its steps are finished, a bar with one segment per status under way or ended\n * ({@link PROGRESS_SEGMENT_ORDER}), each in its status's tone, and the count of every status other than finished, in\n * that status's words. A step waiting on a person is its own amber segment, not part of \"pending\".\n */\nexport const AI_ExecutionPlanProgress = ({\n  total,\n  statusCounts,\n  className,\n  ...props\n}: AI_ExecutionPlanProgressProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const { statusWord, isReady: statusWordsReady } = useFlowsActorsStatusWord();\n  const completed = statusCounts[FlowsActors_Status.COMPLETED] ?? 0;\n  const percentage = total > 0 ? Math.round((completed / total) * 100) : 0;\n  const segments = PROGRESS_SEGMENT_ORDER.flatMap((status) => {\n    const count = statusCounts[status] ?? 0;\n    return count > 0 && total > 0 ? [{ status, width: (count / total) * 100 }] : [];\n  });\n  const legend = Object.values(FlowsActors_Status).flatMap((status) => {\n    const count = statusCounts[status] ?? 0;\n    return status !== FlowsActors_Status.COMPLETED && count > 0 ? [{ status, count }] : [];\n  });\n\n  if (!isReady || !statusWordsReady) return null;\n\n  return (\n    <div className={cn(\"flex flex-col gap-1\", className)} {...props}>\n      <div className=\"flex items-center justify-between text-xs\">\n        <span>\n          {tComponent(CT, \"progress\", {\n            completed,\n            total,\n          })}\n        </span>\n        <span className=\"text-muted-foreground\">{percentage}%</span>\n      </div>\n      <div className=\"flex h-1.5 w-full overflow-hidden rounded-full bg-secondary\">\n        {segments.map(({ status, width }) => (\n          <div\n            key={status}\n            data-plan-progress-segment={status}\n            className={cn(\"h-full motion-safe:transition-all\", flowsActorsStatusDotClass(status))}\n            style={{ width: `${width}%` }}\n          />\n        ))}\n      </div>\n      {legend.length > 0 && (\n        <div className=\"flex flex-wrap gap-card text-2xs text-muted-foreground\">\n          {legend.map(({ status, count }) => (\n            <span key={status} data-plan-progress-legend={status} className=\"flex items-center gap-0.5\">\n              <span className={cn(\"inline-block size-1.5 rounded-full\", flowsActorsStatusDotClass(status))} />\n              {tComponent(CT, \"progressLegendEntry\", { status: statusWord(status), count })}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/esm/components/flows-actors/execution-plan.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"execution-plan.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/execution-plan.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAmB9D,CAAC"}
+{"version":3,"file":"execution-plan.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/execution-plan.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAoC9D,CAAC"}

package/dist/esm/components/flows-actors/execution-plan.labels.js

@@ -9,18 +9,35 @@ export const LowLevelAiExecutionPlanLabels = [
         kind: LabelKind.LABEL,
         purpose: 'Progress indicator for how many plan steps have finished',
         params: [
-            { key: 'completed', meaning: 'number of plan steps that have finished' },
-            { key: 'total', meaning: 'total number of steps in the plan' },
+            { key: 'completed', meaning: 'number of plan steps that have finished', isCount: true },
+            { key: 'total', meaning: 'total number of steps in the plan', isCount: true },
+        ],
+    },
+    {
+        // A NEW key, not `stepDependencies` given a parameter: every generated copy of that key is the bare word
+        // "Dependencies", which would have dropped the step names silently until the next regeneration (#2529 re-review F3).
+        ref: 'stepWaitsOn',
+        kind: LabelKind.LABEL,
+        purpose: 'In a plan step\'s details: the steps it waits for before it can start',
+        params: [{ key: 'steps', meaning: 'the names of those steps, already joined into one phrase in the reader\'s language ("A, B and C")' }],
+    },
+    {
+        ref: 'stepCreatedAt',
+        kind: LabelKind.LABEL,
+        purpose: 'In a plan step\'s details: when the step was added to the plan',
+        params: [{ key: 'time', meaning: 'the time the step was added, already formatted for the reader' }],
+    },
+    {
+        ref: 'progressLegendEntry',
+        kind: LabelKind.LABEL,
+        purpose: 'One entry of the key under a plan\'s progress bar: a status and how many steps are in it',
+        params: [
+            { key: 'status', meaning: 'the status, in the reader\'s words, such as running or waiting on a person' },
+            { key: 'count', meaning: 'how many steps of the plan are in that status', isCount: true },
         ],
     },
-    { ref: 'stepDependencies', kind: LabelKind.LABEL, purpose: 'Label for the list of steps a given step depends on' },
-    { ref: 'timestamps', kind: LabelKind.LABEL, purpose: 'Label for the start/end timestamps of a plan step' },
     { ref: 'assignedActor', kind: LabelKind.LABEL, purpose: 'Label for the actor assigned to execute a plan step' },
     { ref: 'stepDetails', kind: LabelKind.HEADING, purpose: 'Heading for the expanded details of a single plan step' },
-    { ref: 'segmentPending', kind: LabelKind.MESSAGE, purpose: 'Status of a plan step segment that is queued and waiting' },
-    { ref: 'segmentProcessing', kind: LabelKind.MESSAGE, purpose: 'Status of a plan step segment currently executing' },
-    { ref: 'segmentCompleted', kind: LabelKind.MESSAGE, purpose: 'Status of a plan step segment that finished successfully' },
-    { ref: 'segmentFailed', kind: LabelKind.MESSAGE, purpose: 'Status of a plan step segment that errored out' },
 ];
 registerComponentLabels(FrontendComponentType.LOW_LEVEL_AI_EXECUTION_PLAN, LowLevelAiExecutionPlanLabels);
 //# sourceMappingURL=execution-plan.labels.js.map

package/dist/esm/components/flows-actors/execution-plan.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"execution-plan.labels.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/execution-plan.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,sCAAsC,EAAE;IAC1F;QACE,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,0DAA0D;QACnE,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,yCAAyC,EAAE;YACxE,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,mCAAmC,EAAE;SAC/D;KACF;IACD,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAClH,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,mDAAmD,EAAE;IAC1G,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAC/G,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,wDAAwD,EAAE;IAClH,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,0DAA0D,EAAE;IACvH,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,mDAAmD,EAAE;IACnH,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,0DAA0D,EAAE;IACzH,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,gDAAgD,EAAE;CAC7G,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,2BAA2B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelAiExecutionPlanLabels: LabellingUnitaryDef[] = [\n  { ref: 'title', kind: LabelKind.HEADING, purpose: 'Heading for the execution-plan panel' },\n  {\n    ref: 'progress',\n    kind: LabelKind.LABEL,\n    purpose: 'Progress indicator for how many plan steps have finished',\n    params: [\n      { key: 'completed', meaning: 'number of plan steps that have finished' },\n      { key: 'total', meaning: 'total number of steps in the plan' },\n    ],\n  },\n  { ref: 'stepDependencies', kind: LabelKind.LABEL, purpose: 'Label for the list of steps a given step depends on' },\n  { ref: 'timestamps', kind: LabelKind.LABEL, purpose: 'Label for the start/end timestamps of a plan step' },\n  { ref: 'assignedActor', kind: LabelKind.LABEL, purpose: 'Label for the actor assigned to execute a plan step' },\n  { ref: 'stepDetails', kind: LabelKind.HEADING, purpose: 'Heading for the expanded details of a single plan step' },\n  { ref: 'segmentPending', kind: LabelKind.MESSAGE, purpose: 'Status of a plan step segment that is queued and waiting' },\n  { ref: 'segmentProcessing', kind: LabelKind.MESSAGE, purpose: 'Status of a plan step segment currently executing' },\n  { ref: 'segmentCompleted', kind: LabelKind.MESSAGE, purpose: 'Status of a plan step segment that finished successfully' },\n  { ref: 'segmentFailed', kind: LabelKind.MESSAGE, purpose: 'Status of a plan step segment that errored out' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_AI_EXECUTION_PLAN, LowLevelAiExecutionPlanLabels);\n"]}
+{"version":3,"file":"execution-plan.labels.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/execution-plan.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,sCAAsC,EAAE;IAC1F;QACE,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,0DAA0D;QACnE,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,yCAAyC,EAAE,OAAO,EAAE,IAAI,EAAE;YACvF,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,mCAAmC,EAAE,OAAO,EAAE,IAAI,EAAE;SAC9E;KACF;IACD;QACE,yGAAyG;QACzG,qHAAqH;QACrH,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,uEAAuE;QAChF,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,mGAAmG,EAAE,CAAC;KACzI;IACD;QACE,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,gEAAgE;QACzE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,+DAA+D,EAAE,CAAC;KACpG;IACD;QACE,GAAG,EAAE,qBAAqB;QAC1B,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,0FAA0F;QACnG,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,4EAA4E,EAAE;YACxG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,+CAA+C,EAAE,OAAO,EAAE,IAAI,EAAE;SAC1F;KACF;IACD,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAC/G,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,wDAAwD,EAAE;CACnH,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,2BAA2B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelAiExecutionPlanLabels: LabellingUnitaryDef[] = [\n  { ref: 'title', kind: LabelKind.HEADING, purpose: 'Heading for the execution-plan panel' },\n  {\n    ref: 'progress',\n    kind: LabelKind.LABEL,\n    purpose: 'Progress indicator for how many plan steps have finished',\n    params: [\n      { key: 'completed', meaning: 'number of plan steps that have finished', isCount: true },\n      { key: 'total', meaning: 'total number of steps in the plan', isCount: true },\n    ],\n  },\n  {\n    // A NEW key, not `stepDependencies` given a parameter: every generated copy of that key is the bare word\n    // \"Dependencies\", which would have dropped the step names silently until the next regeneration (#2529 re-review F3).\n    ref: 'stepWaitsOn',\n    kind: LabelKind.LABEL,\n    purpose: 'In a plan step\\'s details: the steps it waits for before it can start',\n    params: [{ key: 'steps', meaning: 'the names of those steps, already joined into one phrase in the reader\\'s language (\"A, B and C\")' }],\n  },\n  {\n    ref: 'stepCreatedAt',\n    kind: LabelKind.LABEL,\n    purpose: 'In a plan step\\'s details: when the step was added to the plan',\n    params: [{ key: 'time', meaning: 'the time the step was added, already formatted for the reader' }],\n  },\n  {\n    ref: 'progressLegendEntry',\n    kind: LabelKind.LABEL,\n    purpose: 'One entry of the key under a plan\\'s progress bar: a status and how many steps are in it',\n    params: [\n      { key: 'status', meaning: 'the status, in the reader\\'s words, such as running or waiting on a person' },\n      { key: 'count', meaning: 'how many steps of the plan are in that status', isCount: true },\n    ],\n  },\n  { ref: 'assignedActor', kind: LabelKind.LABEL, purpose: 'Label for the actor assigned to execute a plan step' },\n  { ref: 'stepDetails', kind: LabelKind.HEADING, purpose: 'Heading for the expanded details of a single plan step' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_AI_EXECUTION_PLAN, LowLevelAiExecutionPlanLabels);\n"]}

package/dist/esm/components/flows-actors/execution-usage.d.ts

@@ -0,0 +1,69 @@
+import React from 'react';
+import { type FlowActorExecutionUsage } from '@wildo-ai/saas-models';
+/** Where the read of one run's usage stands. */
+export declare enum ExecutionUsageReadState {
+    /** Asked, not answered yet. */
+    LOADING = "loading",
+    /** Answered: the usage is shown. */
+    READY = "ready",
+    /** The read failed: said so, never shown as a run that used nothing. */
+    FAILED = "failed"
+}
+export interface AI_ExecutionUsageProps {
+    readonly readState: ExecutionUsageReadState;
+    /** Present when `readState` is READY. */
+    readonly usage?: FlowActorExecutionUsage;
+    readonly className?: string;
+}
+/**
+ * What one run consumed (#2528): its model calls, its tokens by kind and, when its reader may read cost, how many calls
+ * had no price and its cost in each currency it was priced in. Presentational: {@link FlowsActors_ExecutionUsage} reads
+ * it, and the usage carries its own disclosure (`ModelUsageDisclosure`, #2574 B), so a usage told without its cost draws
+ * no cost.
+ *
+ * A currency with no known minor unit is `XXX`, the unpriced calls: it is never shown as an amount, because its cost is
+ * unknown, not zero; the unpriced count says so instead.
+ */
+export declare function AI_ExecutionUsage({ readState, usage, className }: AI_ExecutionUsageProps): React.JSX.Element | null;
+/**
+ * What the run on this READ surface consumed (#2528), for whoever reads an organization's or the application's run.
+ *
+ * The run's `usage` operation answers a reader of an organization's or the application's run its tokens, and an
+ * application cost reader its cost as well (`ModelUsageDisclosure`, #2574 B), so this asks it for anyone who reached the
+ * run and draws what it is told. It never decides on roles itself: the operation already did, through the run's own READ
+ * authorization.
+ *
+ * Place it on the READ surface of the organization or application `flowActorExecutions` variant: it asks that row's
+ * `usage` operation, and draws nothing on a surface that has none. Not on a person's own conversations: their `usage`
+ * refuses a reader without a cost role, which this would show as a read that failed.
+ */
+export declare function FlowsActors_ExecutionUsage({ className }: {
+    className?: string;
+}): React.JSX.Element | null;
+export interface AI_ExecutionUsageSummaryProps {
+    readonly readState: ExecutionUsageReadState;
+    /** Present when `readState` is READY. */
+    readonly usage?: FlowActorExecutionUsage;
+    readonly className?: string;
+}
+/**
+ * What one run consumed, as one short line on its card in a run list (#2528): its tokens and, when its reader may read
+ * cost, its cost in each currency. Nothing while it is read; a run that made no model call says so, and a failed read
+ * says it failed rather than showing a run that used nothing.
+ */
+export declare function AI_ExecutionUsageSummary({ readState, usage, className }: AI_ExecutionUsageSummaryProps): React.JSX.Element | null;
+/**
+ * What the run on this card consumed, on the card itself (#2528): place it in the SUMMARY template of a
+ * `flowActorExecutions` variant, so a run list shows each run's tokens, and its cost to a cost reader.
+ *
+ * Each card asks through {@link readExecutionUsageInBatch}, so the cards of one list send ONE `usages` request per scope
+ * rather than one per card. The summary names the run's resource type, whose declared scope field (`organizationId`,
+ * `userId` or `applicationId`) the route needs. Its VALUE comes from the card's display context, which the summary
+ * displayer builds from the list's own scope: the row itself does not carry it, because a list fetches its cards in
+ * the summary projection, and the scope field is not a summary field (#2528 review F1).
+ * Draws nothing outside a run's summary, or for a variant whose `usages` operation this registry does not hold.
+ */
+export declare function FlowsActors_ExecutionUsageSummary({ className }: {
+    className?: string;
+}): React.JSX.Element | null;
+//# sourceMappingURL=execution-usage.d.ts.map

package/dist/esm/components/flows-actors/execution-usage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"execution-usage.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/execution-usage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAKL,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;AAe/B,gDAAgD;AAChD,oBAAY,uBAAuB;IACjC,+BAA+B;IAC/B,OAAO,YAAY;IACnB,oCAAoC;IACpC,KAAK,UAAU;IACf,wEAAwE;IACxE,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,SAAS,EAAE,uBAAuB,CAAC;IAC5C,yCAAyC;IACzC,QAAQ,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAWD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAwCnH;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAqC1G;AAED,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,SAAS,EAAE,uBAAuB,CAAC;IAC5C,yCAAyC;IACzC,QAAQ,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAajI;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iCAAiC,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAgCjH"}