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

package/dist/esm/components/flows-actors/actor.js

@@ -1,107 +1,111 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../components/sections/card.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../components/sections/card.js";
 import { Badge } from "../../components/data-display/badge.js";
-import { Button, ButtonVariants_Variant } from "../../components/actions/button.js";
-import { ButtonSize, FrontendComponentType, PlacementSide } from "@wildo-ai/presets-components-models";
+import { FrontendComponentType, IndicatorVariant, PlacementSide } from "@wildo-ai/presets-components-models";
 import { Skeleton } from "../../components/feedback/skeleton.js";
 import { Tooltip, TooltipTrigger, TooltipContent } from "../../components/overlays/floating/tooltip.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../components/sections/collapsible.js";
-import { AI_Canvas } from "../../components/ai-elements/graph/canvas.js";
-import { AI_Controls } from "../../components/ai-elements/graph/controls.js";
 import { useI18n } from "../../core/i18n/useI18n.js";
 import { Text } from "../../components/typography/text.js";
 import { TextSize, TextVariant } from "@wildo-ai/presets-components-models";
 import { useIconRegistry } from "../../core/icons/useIconRegistry.js";
 import { IconSize, StandardIconReference } from "../../core/icons/icon-registry.frontend.schemas.js";
-import { Handle, Position } from "@xyflow/react";
 import { cn } from "../../core/ui/cn.js";
+import { Actor_ExecutionMode, Actor_Role_Category, conversationalActorOf } from "@wildo-ai/saas-models";
+import { TONE_MARKER_FILL } from "../../components/data-display/tone-marker.js";
 import { useFlowsActorsSafe } from "../../core/flows-actors/useFlowsActors.js";
 import { FlowsActorsExecutionStatus } from "../../core/flows-actors/FlowsActorsContext.js";
 //===============================================================
 //  Actor Team & Card Components
 //
-// BACKEND DEPENDENCIES:
-// - ActorSystem.actors[] — schema ready
-// - Actor_Role_Category — enum ready (7 roles)
-// - Actor_ExecutionMode — enum ready (3 modes)
-// - actors-system.backend.service.ts:102 — executeActorBehavior() is TODO
-// - actors-system.backend.service.ts:228 — registerActorTrigger() is TODO
+// An actor system's members as cards, each with its role, how it works (its execution mode) and what it is
+// doing now. What it is doing is read from the system's turns in this client (`deriveActorActivity`); a card claims
+// nothing it is not given, so it shows no execution history and no triggers, which an actor does not have.
 //
-// Text sizing uses the shared typography component where it does not conflict
-// with parent component className APIs (Card*,
-// CollapsibleContent, TooltipContent). Those keep raw `text-xs` because
-// they expect a className passthrough, not a child element.
-//
-// Components render actor metadata. Execution monitoring is blocked
-// by backend actor execution implementation.
+// Text sizing uses the shared typography component where it does not conflict with parent component className APIs
+// (Card*, TooltipContent). Those keep raw `text-xs` because they expect a className passthrough, not a child element.
 //===============================================================
 const CT = FrontendComponentType.LOW_LEVEL_AI_ACTOR;
 //===============================================================
-//  Display name mapping (handles typo'd enum values)
-//===============================================================
-const ROLE_DISPLAY_NAMES = {
-    coordinator: "role_coordinator",
-    task_planner: "role_task_planner",
-    operator: "role_operator",
-    analyzer: "role_analyzer",
-    reviewer: "role_reviewer",
-    human_in_the_loop: "role_human_in_the_loop",
-    flow_execution: "role_flow_execution",
-};
-const MODE_DISPLAY_NAMES = {
-    agentic: "mode_agentic",
-    flow_execution: "mode_flow_execution",
-    human_interaction: "mode_human_interaction",
-};
-const MODE_DESCRIPTION_KEYS = {
-    agentic: "modeDesc_agentic",
-    flow_execution: "modeDesc_flow_execution",
-    human_interaction: "modeDesc_human_interaction",
-};
-//===============================================================
-//  Role icons & badge variants
+//  Role and execution-mode words and icons
+//
+// One label key per member, derived from the member, and the icon maps are total over each enum: a member added to
+// `Actor_Role_Category` or `Actor_ExecutionMode` is a compile error here and an untranslated key in the labels test,
+// never a badge that falls back to the raw value. `PROGRAMMATIC` was added to the mode enum on 2026-09-20 and had no
+// word or icon here until #2529, because these maps were string-keyed.
 //===============================================================
+/** The label key of an actor role. */
+export function actorRoleLabelKey(role) {
+    return `role_${role}`;
+}
+/** The label key of an actor execution mode. */
+export function actorModeLabelKey(mode) {
+    return `mode_${mode}`;
+}
+/** The label key of the sentence describing an actor execution mode. */
+export function actorModeDescriptionKey(mode) {
+    return `modeDesc_${mode}`;
+}
 const ROLE_ICONS = {
-    coordinator: StandardIconReference.USERS,
-    task_planner: StandardIconReference.BOOK,
-    operator: StandardIconReference.WRENCH,
-    analyzer: StandardIconReference.SEARCH,
-    reviewer: StandardIconReference.CHECK_CIRCLE,
-    human_in_the_loop: StandardIconReference.LOCK,
-    flow_execution: StandardIconReference.ARROW_RIGHT,
+    [Actor_Role_Category.COORDINATOR]: StandardIconReference.USERS,
+    [Actor_Role_Category.TASK_PLANNER]: StandardIconReference.BOOK,
+    [Actor_Role_Category.OPERATOR]: StandardIconReference.WRENCH,
+    [Actor_Role_Category.ANALYZER]: StandardIconReference.SEARCH,
+    [Actor_Role_Category.REVIEWER]: StandardIconReference.CHECK_CIRCLE,
+    [Actor_Role_Category.HUMAN_IN_THE_LOOP]: StandardIconReference.LOCK,
+    [Actor_Role_Category.FLOW_EXECUTION]: StandardIconReference.ARROW_RIGHT,
 };
 const MODE_ICONS = {
-    agentic: StandardIconReference.BRAIN,
-    flow_execution: StandardIconReference.ARROW_RIGHT,
-    human_interaction: StandardIconReference.USERS,
+    [Actor_ExecutionMode.AGENTIC]: StandardIconReference.BRAIN,
+    [Actor_ExecutionMode.FLOW_EXECUTION]: StandardIconReference.ARROW_RIGHT,
+    [Actor_ExecutionMode.HUMAN_INTERACTION]: StandardIconReference.USERS,
+    // Behaviour supplied by the host as code: no model, no flow, no person.
+    [Actor_ExecutionMode.PROGRAMMATIC]: StandardIconReference.SETTINGS,
 };
 const ROLE_VARIANT = {
-    coordinator: "default",
-    task_planner: "default",
-    operator: "secondary",
-    analyzer: "secondary",
-    reviewer: "outline",
-    human_in_the_loop: "destructive",
-    flow_execution: "outline",
+    [Actor_Role_Category.COORDINATOR]: "default",
+    [Actor_Role_Category.TASK_PLANNER]: "default",
+    [Actor_Role_Category.OPERATOR]: "secondary",
+    [Actor_Role_Category.ANALYZER]: "secondary",
+    [Actor_Role_Category.REVIEWER]: "outline",
+    [Actor_Role_Category.HUMAN_IN_THE_LOOP]: "destructive",
+    [Actor_Role_Category.FLOW_EXECUTION]: "outline",
 };
-const STATUS_COLORS = {
-    idle: "bg-muted-foreground/40",
-    executing: "bg-primary animate-pulse",
-    blocked: "bg-warning",
-    completed: "bg-success",
-};
-const STATUS_LABEL_KEYS = {
-    idle: "status_idle",
-    executing: "status_executing",
-    blocked: "status_blocked",
-    completed: "status_completed",
+const isActorRole = (value) => Object.values(Actor_Role_Category).includes(value);
+const isActorMode = (value) => Object.values(Actor_ExecutionMode).includes(value);
+//===============================================================
+//  What an actor is doing
+//===============================================================
+/** What an actor is doing, as this client can tell from the system's turns ({@link deriveActorActivity}). */
+export var ActorActivity;
+(function (ActorActivity) {
+    /** No turn of its system is running in this client, or the actor is not the one a turn runs. */
+    ActorActivity["IDLE"] = "idle";
+    /** A turn it runs is under way. */
+    ActorActivity["EXECUTING"] = "executing";
+    /** A turn it runs is waiting on a person's decision. */
+    ActorActivity["AWAITING_APPROVAL"] = "awaiting_approval";
+    /** A turn it ran finished, and none is under way. */
+    ActorActivity["COMPLETED"] = "completed";
+})(ActorActivity || (ActorActivity = {}));
+/** Each activity's tone, in the theme's status vocabulary: waiting on a person reads amber, as a run's status does. */
+const ACTIVITY_TONE = {
+    [ActorActivity.IDLE]: IndicatorVariant.NEUTRAL,
+    [ActorActivity.EXECUTING]: IndicatorVariant.INFO,
+    [ActorActivity.AWAITING_APPROVAL]: IndicatorVariant.WARNING,
+    [ActorActivity.COMPLETED]: IndicatorVariant.SUCCESS,
 };
+function activityDotClass(activity) {
+    return cn(TONE_MARKER_FILL[ACTIVITY_TONE[activity]], activity === ActorActivity.EXECUTING && "motion-safe:animate-pulse");
+}
+/** The label key of an activity. */
+export function actorActivityLabelKey(activity) {
+    return `status_${activity}`;
+}
 export const AI_ActorTeam = ({ systemName, actors: actorsProp, systemRef, executions: executionsProp, className, children, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const ctx = useFlowsActorsSafe();
-    const [viewMode, setViewMode] = React.useState("grid");
     // TODO: systemRef self-hydration requires a full ActorSystem fetch endpoint.
     // FlowActorSystem_FrontendInfo doesn't include actors[]. For now, actors
     // must be provided via the actors prop. systemRef is reserved for future use.
@@ -125,120 +129,41 @@ export const AI_ActorTeam = ({ systemName, actors: actorsProp, systemRef, execut
     if (actors && actors.length === 0) {
         return (_jsx("div", { className: cn("flex flex-col items-center gap-element py-section text-center text-muted-foreground", className), ...props, children: _jsx("p", { className: "text-sm", children: tComponent(CT, "noActors") }) }));
     }
-    return (_jsxs("div", { className: cn("flex flex-col gap-card", className), ...props, children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-element", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-element", children: [systemName && (_jsx("h3", { className: "text-sm font-semibold", children: tComponent(CT, "teamTitle", { name: systemName }) })), actors && (_jsx(Text, { as: "span", size: TextSize.XS, variant: TextVariant.MUTED, children: tComponent(CT, "teamSummary", { count: String(actors.length) }) }))] }), actors && actors.length > 1 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: viewMode === "grid" ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => setViewMode("grid"), "aria-label": tComponent(CT, "gridView"), children: tComponent(CT, "gridView") }), _jsx(Button, { variant: viewMode === "graph" ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => setViewMode("graph"), "aria-label": tComponent(CT, "graphView"), children: tComponent(CT, "graphView") })] }))] }), actors && actors.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1", children: Array.from(roleCounts.entries()).map(([role, count]) => (_jsx(Badge, { variant: "outline", className: "text-2xs", children: tComponent(CT, "roleCount", {
-                        role: tComponent(CT, (ROLE_DISPLAY_NAMES[role] ?? role)),
+    return (_jsxs("div", { className: cn("flex flex-col gap-card", className), ...props, children: [_jsx("div", { className: "flex flex-wrap items-center justify-between gap-element", children: _jsxs("div", { className: "flex flex-wrap items-center gap-element", children: [systemName && (_jsx("h3", { className: "text-sm font-semibold", children: tComponent(CT, "teamTitle", { name: systemName }) })), actors && (_jsx(Text, { as: "span", size: TextSize.XS, variant: TextVariant.MUTED, children: tComponent(CT, "teamSummary", { count: String(actors.length) }) }))] }) }), actors && actors.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1", children: Array.from(roleCounts.entries()).map(([role, count]) => (_jsx(Badge, { variant: "outline", className: "text-2xs", children: tComponent(CT, "roleCount", {
+                        role: isActorRole(role) ? tComponent(CT, actorRoleLabelKey(role)) : role,
                         count: String(count),
-                    }) }, role))) })), viewMode === "grid" ? (_jsx("div", { className: "grid gap-card sm:grid-cols-2 lg:grid-cols-3", children: actors
-                    ? actors.map((actor) => (_jsx(AI_ActorCard, { actor: actor, status: deriveActorStatus(actor.ref, systemRef, executions), currentTask: deriveCurrentTask(actor.ref, systemRef, executions) }, actor.ref)))
-                    : children })) : (actors && _jsx(ActorGraphView, { actors: actors, executions: executions, systemRef: systemRef }))] }));
+                    }) }, role))) })), _jsx("div", { className: "grid gap-card sm:grid-cols-2 lg:grid-cols-3", children: actors
+                    ? actors.map((actor) => (_jsx(AI_ActorCard, { actor: actor, status: deriveActorActivity(actor, conversationalActorOf(actors)?.ref, systemRef, executions) }, actor.ref)))
+                    : children })] }));
 };
 //===============================================================
 //  Actor status derivation from execution context
 //===============================================================
-function actorRefMatches(currentStep, actorRef) {
-    const pattern = new RegExp(`(?:^|[\\s_\\-/:|])${actorRef.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}(?:$|[\\s_\\-/:|])`);
-    return pattern.test(currentStep);
-}
-function deriveActorStatus(actorRef, systemRef, executions) {
-    if (!executions || !systemRef)
-        return "idle";
-    let wasInvolved = false;
+/**
+ * How an actor stands, read from the system's turns in this client.
+ *
+ * Only the CONVERSATIONAL actor ever runs (#2524): a turn runs `conversationalActorOf(actors)` and no other, so that is
+ * the one actor a turn's status can be attributed to. Every other actor is idle — said rather than guessed. This used
+ * to look for the actor's ref inside a `currentStep` string that only a `flows-actors:status-update` event could set,
+ * and no server ever emitted one, so every actor read idle while its turn ran.
+ */
+function deriveActorActivity(actor, conversationalActorRef, systemRef, executions) {
+    if (!executions || !systemRef || actor.ref !== conversationalActorRef)
+        return ActorActivity.IDLE;
+    let completed = false;
     for (const exec of executions.values()) {
         if (exec.systemRef !== systemRef)
             continue;
-        const involved = exec.currentStep != null && actorRefMatches(exec.currentStep, actorRef);
-        if (exec.status === FlowsActorsExecutionStatus.RUNNING && involved) {
-            return "executing";
-        }
-        if (exec.status === FlowsActorsExecutionStatus.AWAITING_APPROVAL && involved) {
-            return "blocked";
-        }
-        if (involved) {
-            wasInvolved = true;
-        }
-        if (exec.status === FlowsActorsExecutionStatus.COMPLETED && wasInvolved) {
-            return "completed";
-        }
+        if (exec.status === FlowsActorsExecutionStatus.RUNNING || exec.status === FlowsActorsExecutionStatus.STARTING)
+            return ActorActivity.EXECUTING;
+        if (exec.status === FlowsActorsExecutionStatus.AWAITING_APPROVAL)
+            return ActorActivity.AWAITING_APPROVAL;
+        if (exec.status === FlowsActorsExecutionStatus.COMPLETED)
+            completed = true;
     }
-    return "idle";
-}
-function deriveCurrentTask(actorRef, systemRef, executions) {
-    if (!executions || !systemRef)
-        return undefined;
-    for (const exec of executions.values()) {
-        if (exec.systemRef !== systemRef)
-            continue;
-        if ((exec.status === FlowsActorsExecutionStatus.RUNNING ||
-            exec.status === FlowsActorsExecutionStatus.AWAITING_APPROVAL) &&
-            exec.currentStep != null &&
-            actorRefMatches(exec.currentStep, actorRef)) {
-            return exec.currentStep;
-        }
-    }
-    return undefined;
-}
-const ACTOR_NODE_WIDTH = 220;
-const ACTOR_NODE_HEIGHT = 120;
-function ActorGraphView({ actors, executions, systemRef, }) {
-    const { nodes, edges } = React.useMemo(() => {
-        const coordinators = actors.filter((a) => a.roleCategory === "coordinator");
-        const others = actors.filter((a) => a.roleCategory !== "coordinator");
-        const resultNodes = [];
-        const resultEdges = [];
-        const cols = Math.max(1, Math.ceil(Math.sqrt(others.length)));
-        const xGap = ACTOR_NODE_WIDTH + 80;
-        const yGap = ACTOR_NODE_HEIGHT + 60;
-        coordinators.forEach((actor, i) => {
-            resultNodes.push({
-                id: actor.ref,
-                type: "actorNode",
-                position: { x: i * xGap, y: 0 },
-                data: {
-                    actor,
-                    status: deriveActorStatus(actor.ref, systemRef, executions),
-                    label: actor.displayName,
-                },
-            });
-        });
-        others.forEach((actor, i) => {
-            const col = i % cols;
-            const row = Math.floor(i / cols);
-            resultNodes.push({
-                id: actor.ref,
-                type: "actorNode",
-                position: {
-                    x: col * xGap,
-                    y: (coordinators.length > 0 ? yGap : 0) + row * yGap,
-                },
-                data: {
-                    actor,
-                    status: deriveActorStatus(actor.ref, systemRef, executions),
-                    label: actor.displayName,
-                },
-            });
-            for (const coord of coordinators) {
-                resultEdges.push({
-                    id: `${coord.ref}->${actor.ref}`,
-                    source: coord.ref,
-                    target: actor.ref,
-                    type: "default",
-                    animated: deriveActorStatus(actor.ref, systemRef, executions) === "executing",
-                });
-            }
-        });
-        return { nodes: resultNodes, edges: resultEdges };
-    }, [actors, executions, systemRef]);
-    const nodeTypes = React.useMemo(() => ({ actorNode: ActorGraphNode }), []);
-    return (_jsx("div", { className: "h-80 w-full rounded-md border", children: _jsx(AI_Canvas, { nodes: nodes, edges: edges, nodeTypes: nodeTypes, fitView: true, panOnDrag: true, panOnScroll: false, children: _jsx(AI_Controls, {}) }) }));
-}
-function ActorGraphNode({ data }) {
-    const { tComponent, isReady } = useI18n({ component: CT });
-    const { renderIcon } = useIconRegistry();
-    const roleIcon = ROLE_ICONS[data.actor.roleCategory];
-    const statusColor = STATUS_COLORS[data.status];
-    return (_jsxs(Card, { className: "relative size-full h-auto w-52 gap-0 rounded-md p-0", children: [_jsx(Handle, { position: Position.Left, type: "target" }), _jsx(CardHeader, { className: "gap-0.5 rounded-t-md border-b bg-secondary p-card-sm!", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: cn("inline-block size-2 shrink-0 rounded-full", statusColor) }), roleIcon && renderIcon(roleIcon, { size: IconSize.SM, className: "text-muted-foreground" }), _jsx(CardTitle, { className: "truncate text-xs", children: data.actor.displayName })] }) }), _jsx(CardContent, { className: "p-card-sm", children: _jsxs("div", { className: "flex flex-wrap gap-1", children: [_jsx(AI_ActorRoleBadge, { role: data.actor.roleCategory }), _jsx(AI_ActorExecutionModeBadge, { mode: data.actor.executionMode })] }) }), _jsx(Handle, { position: Position.Right, type: "source" })] }));
+    return completed ? ActorActivity.COMPLETED : ActorActivity.IDLE;
 }
-export const AI_ActorCard = ({ actor, actorRef: actorRefProp, displayName: displayNameProp, roleCategory: roleCategoryProp, executionMode: executionModeProp, description: descriptionProp, agentRef: agentRefProp, flowRef: flowRefProp, status = "idle", currentTask, onAgentClick, onFlowClick, className, ...props }) => {
+export const AI_ActorCard = ({ actor, actorRef: actorRefProp, displayName: displayNameProp, roleCategory: roleCategoryProp, executionMode: executionModeProp, description: descriptionProp, agentRef: agentRefProp, flowRef: flowRefProp, status = ActorActivity.IDLE, currentTask, onAgentClick, onFlowClick, className, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const { renderIcon } = useIconRegistry();
     if (!isReady)
@@ -250,9 +175,8 @@ export const AI_ActorCard = ({ actor, actorRef: actorRefProp, displayName: displ
     const description = descriptionProp;
     const agentRef = actor?.agentRef ?? agentRefProp;
     const flowRef = actor?.flowRef ?? flowRefProp;
-    const statusColor = STATUS_COLORS[status];
-    const statusLabel = tComponent(CT, STATUS_LABEL_KEYS[status]);
-    return (_jsxs(Card, { className: cn("flex flex-col", className), ...props, children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-element", children: [_jsx(AI_ActorRoleBadge, { role: roleCategory }), _jsx(AI_ActorExecutionModeBadge, { mode: executionMode })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { role: "img", "aria-label": statusLabel, className: cn("inline-block size-2.5 shrink-0 rounded-full", statusColor) }) }), _jsx(TooltipContent, { side: PlacementSide.TOP, className: "text-xs", children: statusLabel })] })] }), _jsx(CardTitle, { className: "text-sm", children: displayName }), _jsx(CardDescription, { className: "text-xs", children: actorRef })] }), _jsxs(CardContent, { className: "flex flex-col gap-element", children: [description && (_jsx(Text, { size: TextSize.XS, variant: TextVariant.MUTED, "aria-label": tComponent(CT, "description"), children: description })), currentTask && (_jsxs("div", { className: "flex items-center gap-1 rounded-sm bg-primary/10 px-2 py-1", "aria-label": tComponent(CT, "currentTask"), children: [renderIcon(StandardIconReference.LOADER_2, {
+    const statusLabel = tComponent(CT, actorActivityLabelKey(status));
+    return (_jsxs(Card, { className: cn("flex flex-col", className), ...props, children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-element", children: [_jsx(AI_ActorRoleBadge, { role: roleCategory }), _jsx(AI_ActorExecutionModeBadge, { mode: executionMode })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { role: "img", "aria-label": statusLabel, className: cn("inline-block size-2.5 shrink-0 rounded-full", activityDotClass(status)) }) }), _jsx(TooltipContent, { side: PlacementSide.TOP, className: "text-xs", children: statusLabel })] })] }), _jsx(CardTitle, { className: "text-sm", children: displayName }), _jsx(CardDescription, { className: "text-xs", children: actorRef })] }), _jsxs(CardContent, { className: "flex flex-col gap-element", children: [description && (_jsx(Text, { size: TextSize.XS, variant: TextVariant.MUTED, "aria-label": tComponent(CT, "description"), children: description })), currentTask && (_jsxs("div", { className: "flex items-center gap-1 rounded-sm bg-primary/10 px-2 py-1", "aria-label": tComponent(CT, "currentTask"), children: [renderIcon(StandardIconReference.LOADER_2, {
                                 size: IconSize.SM,
                                 className: "animate-spin text-primary",
                             }), _jsx("span", { className: "truncate text-xs font-medium text-primary", children: currentTask })] })), (agentRef || flowRef) && (_jsxs("div", { className: "flex flex-col gap-1", children: [agentRef && (_jsxs("button", { type: "button", className: "flex items-center gap-1 text-start text-xs text-muted-foreground hover:text-foreground", onClick: () => onAgentClick?.(agentRef), "aria-label": `${tComponent(CT, "linkedAgent")}: ${agentRef}`, children: [renderIcon(StandardIconReference.BRAIN, {
@@ -261,32 +185,30 @@ export const AI_ActorCard = ({ actor, actorRef: actorRefProp, displayName: displ
                                     }), _jsxs("span", { className: "font-medium", children: [tComponent(CT, "linkedAgent"), ":"] }), _jsx("span", { className: "truncate", children: agentRef })] })), flowRef && (_jsxs("button", { type: "button", className: "flex items-center gap-1 text-start text-xs text-muted-foreground hover:text-foreground", onClick: () => onFlowClick?.(flowRef), "aria-label": `${tComponent(CT, "linkedFlow")}: ${flowRef}`, children: [renderIcon(StandardIconReference.ARROW_RIGHT, {
                                         size: IconSize.SM,
                                         className: "shrink-0",
-                                    }), _jsxs("span", { className: "font-medium", children: [tComponent(CT, "linkedFlow"), ":"] }), _jsx("span", { className: "truncate", children: flowRef })] }))] }))] }), _jsx(CardFooter, { className: "border-t pt-card-sm", children: _jsxs(Collapsible, { className: "w-full", children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "w-full text-xs", children: tComponent(CT, "details") }) }), _jsxs(CollapsibleContent, { className: "mt-element flex flex-col gap-element text-xs text-muted-foreground", children: [_jsxs("div", { children: [_jsxs("span", { className: "font-medium", children: [tComponent(CT, "actorRef"), ":"] }), " ", _jsx("code", { className: "text-2xs", children: actorRef })] }), _jsxs("div", { children: [_jsxs("span", { className: "font-medium", children: [tComponent(CT, "capabilities"), ":"] }), " ", tComponent(CT, "triggersNotConfigured")] }), _jsx("div", { children: _jsx("span", { className: "font-medium", children: tComponent(CT, "noExecutions") }) })] })] }) })] }));
+                                    }), _jsxs("span", { className: "font-medium", children: [tComponent(CT, "linkedFlow"), ":"] }), _jsx("span", { className: "truncate", children: flowRef })] }))] }))] })] }));
 };
 export const AI_ActorRoleBadge = ({ role, className, }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const { renderIcon } = useIconRegistry();
     if (!isReady)
         return null;
-    const icon = ROLE_ICONS[role];
-    const labelKey = ROLE_DISPLAY_NAMES[role];
-    // The role AS DECLARED when no label key is mapped. It used to be `role.replace(/_/g, " ")`,
-    // which invented English from a wire value in every locale and hid the missing mapping — the
-    // fallback fired only when the label was absent, which is the case somebody needs to see.
-    const label = labelKey ? tComponent(CT, labelKey) : role;
-    return (_jsxs(Badge, { variant: ROLE_VARIANT[role] ?? "secondary", className: cn("text-2xs gap-1", className), children: [icon && renderIcon(icon, { size: IconSize.XS }), label] }));
+    const known = isActorRole(role);
+    const icon = known ? ROLE_ICONS[role] : undefined;
+    // A role outside the vocabulary (a newer runtime) shows AS DECLARED. It used to be `role.replace(/_/g, " ")`, which
+    // invented English from a wire value in every locale and hid the missing word.
+    const label = known ? tComponent(CT, actorRoleLabelKey(role)) : role;
+    return (_jsxs(Badge, { variant: known ? ROLE_VARIANT[role] : "secondary", className: cn("text-2xs gap-1", className), children: [icon && renderIcon(icon, { size: IconSize.XS }), label] }));
 };
 export const AI_ActorExecutionModeBadge = ({ mode, className, }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const { renderIcon } = useIconRegistry();
     if (!isReady)
         return null;
-    const icon = MODE_ICONS[mode];
-    const labelKey = MODE_DISPLAY_NAMES[mode];
+    const known = isActorMode(mode);
+    const icon = known ? MODE_ICONS[mode] : undefined;
     // Same as the role badge above: the declared value, not words manufactured from it.
-    const label = labelKey ? tComponent(CT, labelKey) : mode;
-    const descKey = MODE_DESCRIPTION_KEYS[mode];
-    const description = descKey ? tComponent(CT, descKey) : undefined;
+    const label = known ? tComponent(CT, actorModeLabelKey(mode)) : mode;
+    const description = known ? tComponent(CT, actorModeDescriptionKey(mode)) : undefined;
     const badge = (_jsxs(Badge, { variant: "outline", className: cn("text-2xs gap-1", className), children: [icon && renderIcon(icon, { size: IconSize.XS }), label] }));
     if (!description)
         return badge;

package/dist/esm/components/flows-actors/actor.js.map

@@ -1 +1 @@
-{"version":3,"file":"actor.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/actor.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from \"~wildo-frontend-lib/components/sections/card\";\nimport { Badge } from \"~wildo-frontend-lib/components/data-display/badge\";\nimport { Button, ButtonVariants_Variant } from \"~wildo-frontend-lib/components/actions/button\";\nimport { ButtonSize, FrontendComponentType, PlacementSide } from \"@wildo-ai/presets-components-models\";\nimport { Skeleton } from \"~wildo-frontend-lib/components/feedback/skeleton\";\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"~wildo-frontend-lib/components/overlays/floating/tooltip\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"~wildo-frontend-lib/components/sections/collapsible\";\nimport { AI_Canvas } from \"~wildo-frontend-lib/components/ai-elements/graph/canvas\";\nimport { AI_Controls } from \"~wildo-frontend-lib/components/ai-elements/graph/controls\";\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\";\nimport { Text } from \"~wildo-frontend-lib/components/typography/text\";\nimport { TextSize, TextVariant } from \"@wildo-ai/presets-components-models\";\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\";\nimport { IconSize, StandardIconReference } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\";\nimport { Handle, Position, type Node, type Edge } from \"@xyflow/react\";\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\";\nimport type { ComponentProps } from \"react\";\nimport type { Actor } from \"@wildo-ai/saas-models\";\nimport { useFlowsActorsSafe } from \"~wildo-frontend-lib/core/flows-actors/useFlowsActors\";\nimport type { FlowsActorsExecution } from \"~wildo-frontend-lib/core/flows-actors/FlowsActorsContext\";\nimport { FlowsActorsExecutionStatus } from \"~wildo-frontend-lib/core/flows-actors/FlowsActorsContext\";\n\n//===============================================================\n//  Actor Team & Card Components\n//\n// BACKEND DEPENDENCIES:\n// - ActorSystem.actors[] — schema ready\n// - Actor_Role_Category — enum ready (7 roles)\n// - Actor_ExecutionMode — enum ready (3 modes)\n// - actors-system.backend.service.ts:102 — executeActorBehavior() is TODO\n// - actors-system.backend.service.ts:228 — registerActorTrigger() is TODO\n//\n// Text sizing uses the shared typography component where it does not conflict\n// with parent component className APIs (Card*,\n// CollapsibleContent, TooltipContent). Those keep raw `text-xs` because\n// they expect a className passthrough, not a child element.\n//\n// Components render actor metadata. Execution monitoring is blocked\n// by backend actor execution implementation.\n//===============================================================\n\nconst CT = FrontendComponentType.LOW_LEVEL_AI_ACTOR;\n\n//===============================================================\n//  Display name mapping (handles typo'd enum values)\n//===============================================================\n\nconst ROLE_DISPLAY_NAMES: Record<string, string> = {\n  coordinator: \"role_coordinator\",\n  task_planner: \"role_task_planner\",\n  operator: \"role_operator\",\n  analyzer: \"role_analyzer\",\n  reviewer: \"role_reviewer\",\n  human_in_the_loop: \"role_human_in_the_loop\",\n  flow_execution: \"role_flow_execution\",\n};\n\nconst MODE_DISPLAY_NAMES: Record<string, string> = {\n  agentic: \"mode_agentic\",\n  flow_execution: \"mode_flow_execution\",\n  human_interaction: \"mode_human_interaction\",\n};\n\nconst MODE_DESCRIPTION_KEYS: Record<string, string> = {\n  agentic: \"modeDesc_agentic\",\n  flow_execution: \"modeDesc_flow_execution\",\n  human_interaction: \"modeDesc_human_interaction\",\n};\n\n//===============================================================\n//  Role icons & badge variants\n//===============================================================\n\nconst ROLE_ICONS: Record<string, StandardIconReference> = {\n  coordinator: StandardIconReference.USERS,\n  task_planner: StandardIconReference.BOOK,\n  operator: StandardIconReference.WRENCH,\n  analyzer: StandardIconReference.SEARCH,\n  reviewer: StandardIconReference.CHECK_CIRCLE,\n  human_in_the_loop: StandardIconReference.LOCK,\n  flow_execution: StandardIconReference.ARROW_RIGHT,\n};\n\nconst MODE_ICONS: Record<string, StandardIconReference> = {\n  agentic: StandardIconReference.BRAIN,\n  flow_execution: StandardIconReference.ARROW_RIGHT,\n  human_interaction: StandardIconReference.USERS,\n};\n\nconst ROLE_VARIANT: Record<string, \"default\" | \"secondary\" | \"destructive\" | \"outline\"> = {\n  coordinator: \"default\",\n  task_planner: \"default\",\n  operator: \"secondary\",\n  analyzer: \"secondary\",\n  reviewer: \"outline\",\n  human_in_the_loop: \"destructive\",\n  flow_execution: \"outline\",\n};\n\n//===============================================================\n//  Actor status semantics\n//===============================================================\n\ntype ActorStatus = \"idle\" | \"executing\" | \"blocked\" | \"completed\";\n\nconst STATUS_COLORS: Record<ActorStatus, string> = {\n  idle: \"bg-muted-foreground/40\",\n  executing: \"bg-primary animate-pulse\",\n  blocked: \"bg-warning\",\n  completed: \"bg-success\",\n};\n\nconst STATUS_LABEL_KEYS: Record<ActorStatus, string> = {\n  idle: \"status_idle\",\n  executing: \"status_executing\",\n  blocked: \"status_blocked\",\n  completed: \"status_completed\",\n};\n\n//===============================================================\n//  AI_ActorTeam\n//===============================================================\n\nexport type AI_ActorTeamProps = ComponentProps<\"div\"> & {\n  systemName?: string;\n  actors?: Actor[];\n  systemRef?: string;\n  children?: React.ReactNode;\n  executions?: Map<string, FlowsActorsExecution>;\n};\n\nexport const AI_ActorTeam = ({\n  systemName,\n  actors: actorsProp,\n  systemRef,\n  executions: executionsProp,\n  className,\n  children,\n  ...props\n}: AI_ActorTeamProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const ctx = useFlowsActorsSafe();\n\n  const [viewMode, setViewMode] = React.useState<\"grid\" | \"graph\">(\"grid\");\n\n  // TODO: systemRef self-hydration requires a full ActorSystem fetch endpoint.\n  // FlowActorSystem_FrontendInfo doesn't include actors[]. For now, actors\n  // must be provided via the actors prop. systemRef is reserved for future use.\n  const actors = actorsProp;\n\n  const executions = executionsProp ?? ctx?.executions;\n\n  const isLoading = systemRef && ctx?.isLoading && !actors;\n\n  const roleCounts = React.useMemo(() => {\n    if (!actors) return new Map<string, number>();\n    const counts = new Map<string, number>();\n    for (const actor of actors) {\n      counts.set(actor.roleCategory, (counts.get(actor.roleCategory) ?? 0) + 1);\n    }\n    return counts;\n  }, [actors]);\n\n  if (!isReady) return null;\n\n  if (isLoading) {\n    return (\n      <div className={cn(\"flex flex-col gap-card\", className)} aria-label={tComponent(CT, \"loading\")} {...props}>\n        <Skeleton className=\"h-6 w-48\" />\n        <div className=\"grid gap-card sm:grid-cols-2 lg:grid-cols-3\">\n          <Skeleton className=\"h-40\" />\n          <Skeleton className=\"h-40\" />\n          <Skeleton className=\"h-40\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (actors && actors.length === 0) {\n    return (\n      <div className={cn(\"flex flex-col items-center gap-element py-section text-center text-muted-foreground\", className)} {...props}>\n        <p className=\"text-sm\">{tComponent(CT, \"noActors\")}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"flex flex-col gap-card\", className)} {...props}>\n      {/* Header: title + summary + view toggle */}\n      <div className=\"flex flex-wrap items-center justify-between gap-element\">\n        <div className=\"flex flex-wrap items-center gap-element\">\n          {systemName && (\n            <h3 className=\"text-sm font-semibold\">\n              {tComponent(CT, \"teamTitle\", { name: systemName })}\n            </h3>\n          )}\n          {actors && (\n            <Text as=\"span\" size={TextSize.XS} variant={TextVariant.MUTED}>\n              {tComponent(CT, \"teamSummary\", { count: String(actors.length) })}\n            </Text>\n          )}\n        </div>\n\n        {actors && actors.length > 1 && (\n          <div className=\"flex items-center gap-1\">\n            <Button\n              variant={viewMode === \"grid\" ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST}\n              size={ButtonSize.SM}\n              onClick={() => setViewMode(\"grid\")}\n              aria-label={tComponent(CT, \"gridView\")}\n            >\n              {tComponent(CT, \"gridView\")}\n            </Button>\n            <Button\n              variant={viewMode === \"graph\" ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST}\n              size={ButtonSize.SM}\n              onClick={() => setViewMode(\"graph\")}\n              aria-label={tComponent(CT, \"graphView\")}\n            >\n              {tComponent(CT, \"graphView\")}\n            </Button>\n          </div>\n        )}\n      </div>\n\n      {/* Role/mode summary badges */}\n      {actors && actors.length > 0 && (\n        <div className=\"flex flex-wrap gap-1\">\n          {Array.from(roleCounts.entries()).map(([role, count]) => (\n            <Badge key={role} variant=\"outline\" className=\"text-2xs\">\n              {tComponent(CT, \"roleCount\", {\n                role: tComponent(CT, (ROLE_DISPLAY_NAMES[role] ?? role) as any),\n                count: String(count),\n              })}\n            </Badge>\n          ))}\n        </div>\n      )}\n\n      {/* Content: grid or graph */}\n      {viewMode === \"grid\" ? (\n        <div className=\"grid gap-card sm:grid-cols-2 lg:grid-cols-3\">\n          {actors\n            ? actors.map((actor) => (\n                <AI_ActorCard\n                  key={actor.ref}\n                  actor={actor}\n                  status={deriveActorStatus(actor.ref, systemRef, executions)}\n                  currentTask={deriveCurrentTask(actor.ref, systemRef, executions)}\n                />\n              ))\n            : children}\n        </div>\n      ) : (\n        actors && <ActorGraphView actors={actors} executions={executions} systemRef={systemRef} />\n      )}\n    </div>\n  );\n};\n\n//===============================================================\n//  Actor status derivation from execution context\n//===============================================================\n\nfunction actorRefMatches(currentStep: string, actorRef: string): boolean {\n  const pattern = new RegExp(`(?:^|[\\\\s_\\\\-/:|])${actorRef.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')}(?:$|[\\\\s_\\\\-/:|])`);\n  return pattern.test(currentStep);\n}\n\nfunction deriveActorStatus(\n  actorRef: string,\n  systemRef: string | undefined,\n  executions: Map<string, FlowsActorsExecution> | undefined,\n): ActorStatus {\n  if (!executions || !systemRef) return \"idle\";\n\n  let wasInvolved = false;\n\n  for (const exec of executions.values()) {\n    if (exec.systemRef !== systemRef) continue;\n\n    const involved = exec.currentStep != null && actorRefMatches(exec.currentStep, actorRef);\n\n    if (exec.status === FlowsActorsExecutionStatus.RUNNING && involved) {\n      return \"executing\";\n    }\n    if (exec.status === FlowsActorsExecutionStatus.AWAITING_APPROVAL && involved) {\n      return \"blocked\";\n    }\n    if (involved) {\n      wasInvolved = true;\n    }\n    if (exec.status === FlowsActorsExecutionStatus.COMPLETED && wasInvolved) {\n      return \"completed\";\n    }\n  }\n  return \"idle\";\n}\n\nfunction deriveCurrentTask(\n  actorRef: string,\n  systemRef: string | undefined,\n  executions: Map<string, FlowsActorsExecution> | undefined,\n): string | undefined {\n  if (!executions || !systemRef) return undefined;\n\n  for (const exec of executions.values()) {\n    if (exec.systemRef !== systemRef) continue;\n    if (\n      (exec.status === FlowsActorsExecutionStatus.RUNNING ||\n        exec.status === FlowsActorsExecutionStatus.AWAITING_APPROVAL) &&\n      exec.currentStep != null &&\n      actorRefMatches(exec.currentStep, actorRef)\n    ) {\n      return exec.currentStep;\n    }\n  }\n  return undefined;\n}\n\n//===============================================================\n//  ActorGraphView (ReactFlow-based)\n//===============================================================\n\ntype ActorNodeData = {\n  actor: Actor;\n  status: ActorStatus;\n  label: string;\n};\n\nconst ACTOR_NODE_WIDTH = 220;\nconst ACTOR_NODE_HEIGHT = 120;\n\nfunction ActorGraphView({\n  actors,\n  executions,\n  systemRef,\n}: {\n  actors: Actor[];\n  executions?: Map<string, FlowsActorsExecution>;\n  systemRef?: string;\n}): React.JSX.Element {\n  const { nodes, edges } = React.useMemo(() => {\n    const coordinators = actors.filter((a) => a.roleCategory === \"coordinator\");\n    const others = actors.filter((a) => a.roleCategory !== \"coordinator\");\n\n    const resultNodes: Node<ActorNodeData>[] = [];\n    const resultEdges: Edge[] = [];\n\n    const cols = Math.max(1, Math.ceil(Math.sqrt(others.length)));\n    const xGap = ACTOR_NODE_WIDTH + 80;\n    const yGap = ACTOR_NODE_HEIGHT + 60;\n\n    coordinators.forEach((actor, i) => {\n      resultNodes.push({\n        id: actor.ref,\n        type: \"actorNode\",\n        position: { x: i * xGap, y: 0 },\n        data: {\n          actor,\n          status: deriveActorStatus(actor.ref, systemRef, executions),\n          label: actor.displayName,\n        },\n      });\n    });\n\n    others.forEach((actor, i) => {\n      const col = i % cols;\n      const row = Math.floor(i / cols);\n      resultNodes.push({\n        id: actor.ref,\n        type: \"actorNode\",\n        position: {\n          x: col * xGap,\n          y: (coordinators.length > 0 ? yGap : 0) + row * yGap,\n        },\n        data: {\n          actor,\n          status: deriveActorStatus(actor.ref, systemRef, executions),\n          label: actor.displayName,\n        },\n      });\n\n      for (const coord of coordinators) {\n        resultEdges.push({\n          id: `${coord.ref}->${actor.ref}`,\n          source: coord.ref,\n          target: actor.ref,\n          type: \"default\",\n          animated: deriveActorStatus(actor.ref, systemRef, executions) === \"executing\",\n        });\n      }\n    });\n\n    return { nodes: resultNodes, edges: resultEdges };\n  }, [actors, executions, systemRef]);\n\n  const nodeTypes = React.useMemo(\n    () => ({ actorNode: ActorGraphNode }),\n    [],\n  );\n\n  return (\n    <div className=\"h-80 w-full rounded-md border\">\n      <AI_Canvas\n        nodes={nodes}\n        edges={edges}\n        nodeTypes={nodeTypes}\n        fitView\n        panOnDrag\n        panOnScroll={false}\n      >\n        <AI_Controls />\n      </AI_Canvas>\n    </div>\n  );\n}\n\nfunction ActorGraphNode({ data }: { data: ActorNodeData }): React.JSX.Element {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const { renderIcon } = useIconRegistry();\n\n  const roleIcon = ROLE_ICONS[data.actor.roleCategory];\n  const statusColor = STATUS_COLORS[data.status];\n\n  return (\n    <Card className=\"relative size-full h-auto w-52 gap-0 rounded-md p-0\">\n      <Handle position={Position.Left} type=\"target\" />\n      <CardHeader className=\"gap-0.5 rounded-t-md border-b bg-secondary p-card-sm!\">\n        <div className=\"flex items-center gap-1\">\n          <span className={cn(\"inline-block size-2 shrink-0 rounded-full\", statusColor)} />\n          {roleIcon && renderIcon(roleIcon, { size: IconSize.SM, className: \"text-muted-foreground\" })}\n          <CardTitle className=\"truncate text-xs\">{data.actor.displayName}</CardTitle>\n        </div>\n      </CardHeader>\n      <CardContent className=\"p-card-sm\">\n        <div className=\"flex flex-wrap gap-1\">\n          <AI_ActorRoleBadge role={data.actor.roleCategory} />\n          <AI_ActorExecutionModeBadge mode={data.actor.executionMode} />\n        </div>\n      </CardContent>\n      <Handle position={Position.Right} type=\"source\" />\n    </Card>\n  );\n}\n\n//===============================================================\n//  AI_ActorCard\n//===============================================================\n\nexport type AI_ActorCardProps = ComponentProps<typeof Card> & {\n  actor?: Actor;\n  actorRef?: string;\n  displayName?: string;\n  roleCategory?: string;\n  executionMode?: string;\n  description?: string;\n  agentRef?: string;\n  flowRef?: string;\n  status?: ActorStatus;\n  currentTask?: string;\n  onAgentClick?: (agentRef: string) => void;\n  onFlowClick?: (flowRef: string) => void;\n};\n\nexport const AI_ActorCard = ({\n  actor,\n  actorRef: actorRefProp,\n  displayName: displayNameProp,\n  roleCategory: roleCategoryProp,\n  executionMode: executionModeProp,\n  description: descriptionProp,\n  agentRef: agentRefProp,\n  flowRef: flowRefProp,\n  status = \"idle\",\n  currentTask,\n  onAgentClick,\n  onFlowClick,\n  className,\n  ...props\n}: AI_ActorCardProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const { renderIcon } = useIconRegistry();\n\n  if (!isReady) return null;\n\n  const actorRef = actor?.ref ?? actorRefProp ?? \"\";\n  const displayName = actor?.displayName ?? displayNameProp ?? actorRef;\n  const roleCategory = actor?.roleCategory ?? roleCategoryProp ?? \"\";\n  const executionMode = actor?.executionMode ?? executionModeProp ?? \"\";\n  const description = descriptionProp;\n  const agentRef = actor?.agentRef ?? agentRefProp;\n  const flowRef = actor?.flowRef ?? flowRefProp;\n\n  const statusColor = STATUS_COLORS[status];\n  const statusLabel = tComponent(CT, STATUS_LABEL_KEYS[status] as any);\n\n  return (\n    <Card className={cn(\"flex flex-col\", className)} {...props}>\n      <CardHeader>\n        <div className=\"flex items-center justify-between\">\n          <div className=\"flex flex-wrap items-center gap-element\">\n            <AI_ActorRoleBadge role={roleCategory} />\n            <AI_ActorExecutionModeBadge mode={executionMode} />\n          </div>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span\n                role=\"img\"\n                aria-label={statusLabel}\n                className={cn(\"inline-block size-2.5 shrink-0 rounded-full\", statusColor)}\n              />\n            </TooltipTrigger>\n            <TooltipContent side={PlacementSide.TOP} className=\"text-xs\">\n              {statusLabel}\n            </TooltipContent>\n          </Tooltip>\n        </div>\n        <CardTitle className=\"text-sm\">{displayName}</CardTitle>\n        <CardDescription className=\"text-xs\">{actorRef}</CardDescription>\n      </CardHeader>\n\n      <CardContent className=\"flex flex-col gap-element\">\n        {description && (\n          <Text size={TextSize.XS} variant={TextVariant.MUTED} aria-label={tComponent(CT, \"description\")}>\n            {description}\n          </Text>\n        )}\n\n        {currentTask && (\n          <div\n            className=\"flex items-center gap-1 rounded-sm bg-primary/10 px-2 py-1\"\n            aria-label={tComponent(CT, \"currentTask\")}\n          >\n            {renderIcon(StandardIconReference.LOADER_2, {\n              size: IconSize.SM,\n              className: \"animate-spin text-primary\",\n            })}\n            <span className=\"truncate text-xs font-medium text-primary\">\n              {currentTask}\n            </span>\n          </div>\n        )}\n\n        {(agentRef || flowRef) && (\n          <div className=\"flex flex-col gap-1\">\n            {agentRef && (\n              <button\n                type=\"button\"\n                className=\"flex items-center gap-1 text-start text-xs text-muted-foreground hover:text-foreground\"\n                onClick={() => onAgentClick?.(agentRef)}\n                aria-label={`${tComponent(CT, \"linkedAgent\")}: ${agentRef}`}\n              >\n                {renderIcon(StandardIconReference.BRAIN, {\n                  size: IconSize.SM,\n                  className: \"shrink-0\",\n                })}\n                <span className=\"font-medium\">{tComponent(CT, \"linkedAgent\")}:</span>\n                <span className=\"truncate\">{agentRef}</span>\n              </button>\n            )}\n            {flowRef && (\n              <button\n                type=\"button\"\n                className=\"flex items-center gap-1 text-start text-xs text-muted-foreground hover:text-foreground\"\n                onClick={() => onFlowClick?.(flowRef)}\n                aria-label={`${tComponent(CT, \"linkedFlow\")}: ${flowRef}`}\n              >\n                {renderIcon(StandardIconReference.ARROW_RIGHT, {\n                  size: IconSize.SM,\n                  className: \"shrink-0\",\n                })}\n                <span className=\"font-medium\">{tComponent(CT, \"linkedFlow\")}:</span>\n                <span className=\"truncate\">{flowRef}</span>\n              </button>\n            )}\n          </div>\n        )}\n      </CardContent>\n\n      <CardFooter className=\"border-t pt-card-sm\">\n        <Collapsible className=\"w-full\">\n          <CollapsibleTrigger asChild>\n            <Button variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} className=\"w-full text-xs\">\n              {tComponent(CT, \"details\")}\n            </Button>\n          </CollapsibleTrigger>\n          <CollapsibleContent className=\"mt-element flex flex-col gap-element text-xs text-muted-foreground\">\n            <div>\n              <span className=\"font-medium\">{tComponent(CT, \"actorRef\")}:</span>{\" \"}\n              <code className=\"text-2xs\">{actorRef}</code>\n            </div>\n            <div>\n              <span className=\"font-medium\">{tComponent(CT, \"capabilities\")}:</span>{\" \"}\n              {tComponent(CT, \"triggersNotConfigured\")}\n            </div>\n            <div>\n              <span className=\"font-medium\">{tComponent(CT, \"noExecutions\")}</span>\n            </div>\n          </CollapsibleContent>\n        </Collapsible>\n      </CardFooter>\n    </Card>\n  );\n};\n\n//===============================================================\n//  AI_ActorRoleBadge\n//===============================================================\n\nexport type AI_ActorRoleBadgeProps = {\n  role: string;\n  className?: string;\n};\n\nexport const AI_ActorRoleBadge = ({\n  role,\n  className,\n}: AI_ActorRoleBadgeProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const { renderIcon } = useIconRegistry();\n\n  if (!isReady) return null;\n\n  const icon = ROLE_ICONS[role];\n  const labelKey = ROLE_DISPLAY_NAMES[role];\n  // The role AS DECLARED when no label key is mapped. It used to be `role.replace(/_/g, \" \")`,\n  // which invented English from a wire value in every locale and hid the missing mapping — the\n  // fallback fired only when the label was absent, which is the case somebody needs to see.\n  const label = labelKey ? tComponent(CT, labelKey as any) : role;\n\n  return (\n    <Badge variant={ROLE_VARIANT[role] ?? \"secondary\"} className={cn(\"text-2xs gap-1\", className)}>\n      {icon && renderIcon(icon, { size: IconSize.XS })}\n      {label}\n    </Badge>\n  );\n};\n\n//===============================================================\n//  AI_ActorExecutionModeBadge\n//===============================================================\n\nexport type AI_ActorExecutionModeBadgeProps = {\n  mode: string;\n  className?: string;\n};\n\nexport const AI_ActorExecutionModeBadge = ({\n  mode,\n  className,\n}: AI_ActorExecutionModeBadgeProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const { renderIcon } = useIconRegistry();\n\n  if (!isReady) return null;\n\n  const icon = MODE_ICONS[mode];\n  const labelKey = MODE_DISPLAY_NAMES[mode];\n  // Same as the role badge above: the declared value, not words manufactured from it.\n  const label = labelKey ? tComponent(CT, labelKey as any) : mode;\n  const descKey = MODE_DESCRIPTION_KEYS[mode];\n  const description = descKey ? tComponent(CT, descKey as any) : undefined;\n\n  const badge = (\n    <Badge variant=\"outline\" className={cn(\"text-2xs gap-1\", className)}>\n      {icon && renderIcon(icon, { size: IconSize.XS })}\n      {label}\n    </Badge>\n  );\n\n  if (!description) return badge;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{badge}</TooltipTrigger>\n      <TooltipContent side={PlacementSide.TOP} className=\"text-xs\">\n        {description}\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"]}
+{"version":3,"file":"actor.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/actor.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from \"~wildo-frontend-lib/components/sections/card\";\nimport { Badge } from \"~wildo-frontend-lib/components/data-display/badge\";\nimport { FrontendComponentType, IndicatorVariant, PlacementSide } from \"@wildo-ai/presets-components-models\";\nimport { Skeleton } from \"~wildo-frontend-lib/components/feedback/skeleton\";\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"~wildo-frontend-lib/components/overlays/floating/tooltip\";\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\";\nimport { Text } from \"~wildo-frontend-lib/components/typography/text\";\nimport { TextSize, TextVariant } from \"@wildo-ai/presets-components-models\";\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 type { ComponentProps } from \"react\";\nimport { Actor_ExecutionMode, Actor_Role_Category, conversationalActorOf, type Actor } from \"@wildo-ai/saas-models\";\nimport { TONE_MARKER_FILL } from \"~wildo-frontend-lib/components/data-display/tone-marker\";\nimport { useFlowsActorsSafe } from \"~wildo-frontend-lib/core/flows-actors/useFlowsActors\";\nimport type { FlowsActorsExecution } from \"~wildo-frontend-lib/core/flows-actors/FlowsActorsContext\";\nimport { FlowsActorsExecutionStatus } from \"~wildo-frontend-lib/core/flows-actors/FlowsActorsContext\";\n\n//===============================================================\n//  Actor Team & Card Components\n//\n// An actor system's members as cards, each with its role, how it works (its execution mode) and what it is\n// doing now. What it is doing is read from the system's turns in this client (`deriveActorActivity`); a card claims\n// nothing it is not given, so it shows no execution history and no triggers, which an actor does not have.\n//\n// Text sizing uses the shared typography component where it does not conflict with parent component className APIs\n// (Card*, TooltipContent). Those keep raw `text-xs` because they expect a className passthrough, not a child element.\n//===============================================================\n\nconst CT = FrontendComponentType.LOW_LEVEL_AI_ACTOR;\n\n//===============================================================\n//  Role and execution-mode words and icons\n//\n// One label key per member, derived from the member, and the icon maps are total over each enum: a member added to\n// `Actor_Role_Category` or `Actor_ExecutionMode` is a compile error here and an untranslated key in the labels test,\n// never a badge that falls back to the raw value. `PROGRAMMATIC` was added to the mode enum on 2026-09-20 and had no\n// word or icon here until #2529, because these maps were string-keyed.\n//===============================================================\n\n/** The label key of an actor role. */\nexport function actorRoleLabelKey(role: Actor_Role_Category): string {\n  return `role_${role}`;\n}\n/** The label key of an actor execution mode. */\nexport function actorModeLabelKey(mode: Actor_ExecutionMode): string {\n  return `mode_${mode}`;\n}\n/** The label key of the sentence describing an actor execution mode. */\nexport function actorModeDescriptionKey(mode: Actor_ExecutionMode): string {\n  return `modeDesc_${mode}`;\n}\n\nconst ROLE_ICONS: Record<Actor_Role_Category, StandardIconReference> = {\n  [Actor_Role_Category.COORDINATOR]: StandardIconReference.USERS,\n  [Actor_Role_Category.TASK_PLANNER]: StandardIconReference.BOOK,\n  [Actor_Role_Category.OPERATOR]: StandardIconReference.WRENCH,\n  [Actor_Role_Category.ANALYZER]: StandardIconReference.SEARCH,\n  [Actor_Role_Category.REVIEWER]: StandardIconReference.CHECK_CIRCLE,\n  [Actor_Role_Category.HUMAN_IN_THE_LOOP]: StandardIconReference.LOCK,\n  [Actor_Role_Category.FLOW_EXECUTION]: StandardIconReference.ARROW_RIGHT,\n};\n\nconst MODE_ICONS: Record<Actor_ExecutionMode, StandardIconReference> = {\n  [Actor_ExecutionMode.AGENTIC]: StandardIconReference.BRAIN,\n  [Actor_ExecutionMode.FLOW_EXECUTION]: StandardIconReference.ARROW_RIGHT,\n  [Actor_ExecutionMode.HUMAN_INTERACTION]: StandardIconReference.USERS,\n  // Behaviour supplied by the host as code: no model, no flow, no person.\n  [Actor_ExecutionMode.PROGRAMMATIC]: StandardIconReference.SETTINGS,\n};\n\nconst ROLE_VARIANT: Record<Actor_Role_Category, \"default\" | \"secondary\" | \"destructive\" | \"outline\"> = {\n  [Actor_Role_Category.COORDINATOR]: \"default\",\n  [Actor_Role_Category.TASK_PLANNER]: \"default\",\n  [Actor_Role_Category.OPERATOR]: \"secondary\",\n  [Actor_Role_Category.ANALYZER]: \"secondary\",\n  [Actor_Role_Category.REVIEWER]: \"outline\",\n  [Actor_Role_Category.HUMAN_IN_THE_LOOP]: \"destructive\",\n  [Actor_Role_Category.FLOW_EXECUTION]: \"outline\",\n};\n\nconst isActorRole = (value: string): value is Actor_Role_Category =>\n  Object.values(Actor_Role_Category).includes(value as Actor_Role_Category);\nconst isActorMode = (value: string): value is Actor_ExecutionMode =>\n  Object.values(Actor_ExecutionMode).includes(value as Actor_ExecutionMode);\n\n//===============================================================\n//  What an actor is doing\n//===============================================================\n\n/** What an actor is doing, as this client can tell from the system's turns ({@link deriveActorActivity}). */\nexport enum ActorActivity {\n  /** No turn of its system is running in this client, or the actor is not the one a turn runs. */\n  IDLE = \"idle\",\n  /** A turn it runs is under way. */\n  EXECUTING = \"executing\",\n  /** A turn it runs is waiting on a person's decision. */\n  AWAITING_APPROVAL = \"awaiting_approval\",\n  /** A turn it ran finished, and none is under way. */\n  COMPLETED = \"completed\",\n}\n\n/** Each activity's tone, in the theme's status vocabulary: waiting on a person reads amber, as a run's status does. */\nconst ACTIVITY_TONE: Record<ActorActivity, IndicatorVariant> = {\n  [ActorActivity.IDLE]: IndicatorVariant.NEUTRAL,\n  [ActorActivity.EXECUTING]: IndicatorVariant.INFO,\n  [ActorActivity.AWAITING_APPROVAL]: IndicatorVariant.WARNING,\n  [ActorActivity.COMPLETED]: IndicatorVariant.SUCCESS,\n};\n\nfunction activityDotClass(activity: ActorActivity): string {\n  return cn(TONE_MARKER_FILL[ACTIVITY_TONE[activity]], activity === ActorActivity.EXECUTING && \"motion-safe:animate-pulse\");\n}\n\n/** The label key of an activity. */\nexport function actorActivityLabelKey(activity: ActorActivity): string {\n  return `status_${activity}`;\n}\n\n//===============================================================\n//  AI_ActorTeam\n//===============================================================\n\nexport type AI_ActorTeamProps = ComponentProps<\"div\"> & {\n  systemName?: string;\n  actors?: Actor[];\n  systemRef?: string;\n  children?: React.ReactNode;\n  executions?: Map<string, FlowsActorsExecution>;\n};\n\nexport const AI_ActorTeam = ({\n  systemName,\n  actors: actorsProp,\n  systemRef,\n  executions: executionsProp,\n  className,\n  children,\n  ...props\n}: AI_ActorTeamProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const ctx = useFlowsActorsSafe();\n\n  // TODO: systemRef self-hydration requires a full ActorSystem fetch endpoint.\n  // FlowActorSystem_FrontendInfo doesn't include actors[]. For now, actors\n  // must be provided via the actors prop. systemRef is reserved for future use.\n  const actors = actorsProp;\n\n  const executions = executionsProp ?? ctx?.executions;\n\n  const isLoading = systemRef && ctx?.isLoading && !actors;\n\n  const roleCounts = React.useMemo(() => {\n    if (!actors) return new Map<string, number>();\n    const counts = new Map<string, number>();\n    for (const actor of actors) {\n      counts.set(actor.roleCategory, (counts.get(actor.roleCategory) ?? 0) + 1);\n    }\n    return counts;\n  }, [actors]);\n\n  if (!isReady) return null;\n\n  if (isLoading) {\n    return (\n      <div className={cn(\"flex flex-col gap-card\", className)} aria-label={tComponent(CT, \"loading\")} {...props}>\n        <Skeleton className=\"h-6 w-48\" />\n        <div className=\"grid gap-card sm:grid-cols-2 lg:grid-cols-3\">\n          <Skeleton className=\"h-40\" />\n          <Skeleton className=\"h-40\" />\n          <Skeleton className=\"h-40\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (actors && actors.length === 0) {\n    return (\n      <div className={cn(\"flex flex-col items-center gap-element py-section text-center text-muted-foreground\", className)} {...props}>\n        <p className=\"text-sm\">{tComponent(CT, \"noActors\")}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"flex flex-col gap-card\", className)} {...props}>\n      {/* Header: title + summary */}\n      <div className=\"flex flex-wrap items-center justify-between gap-element\">\n        <div className=\"flex flex-wrap items-center gap-element\">\n          {systemName && (\n            <h3 className=\"text-sm font-semibold\">\n              {tComponent(CT, \"teamTitle\", { name: systemName })}\n            </h3>\n          )}\n          {actors && (\n            <Text as=\"span\" size={TextSize.XS} variant={TextVariant.MUTED}>\n              {tComponent(CT, \"teamSummary\", { count: String(actors.length) })}\n            </Text>\n          )}\n        </div>\n      </div>\n\n      {/* Role/mode summary badges */}\n      {actors && actors.length > 0 && (\n        <div className=\"flex flex-wrap gap-1\">\n          {Array.from(roleCounts.entries()).map(([role, count]) => (\n            <Badge key={role} variant=\"outline\" className=\"text-2xs\">\n              {tComponent(CT, \"roleCount\", {\n                role: isActorRole(role) ? tComponent(CT, actorRoleLabelKey(role)) : role,\n                count: String(count),\n              })}\n            </Badge>\n          ))}\n        </div>\n      )}\n\n      {/*\n        * A grid of cards, and no graph: actors declare no relationships to one another, so a graph of them could only\n        * draw edges the model does not hold (it drew every member as reporting to the coordinator) (#2529).\n        */}\n      <div className=\"grid gap-card sm:grid-cols-2 lg:grid-cols-3\">\n        {actors\n          ? actors.map((actor) => (\n              <AI_ActorCard\n                key={actor.ref}\n                actor={actor}\n                status={deriveActorActivity(actor, conversationalActorOf(actors)?.ref, systemRef, executions)}\n              />\n            ))\n          : children}\n      </div>\n    </div>\n  );\n};\n\n//===============================================================\n//  Actor status derivation from execution context\n//===============================================================\n\n/**\n * How an actor stands, read from the system's turns in this client.\n *\n * Only the CONVERSATIONAL actor ever runs (#2524): a turn runs `conversationalActorOf(actors)` and no other, so that is\n * the one actor a turn's status can be attributed to. Every other actor is idle — said rather than guessed. This used\n * to look for the actor's ref inside a `currentStep` string that only a `flows-actors:status-update` event could set,\n * and no server ever emitted one, so every actor read idle while its turn ran.\n */\nfunction deriveActorActivity(\n  actor: Actor,\n  conversationalActorRef: string | undefined,\n  systemRef: string | undefined,\n  executions: Map<string, FlowsActorsExecution> | undefined,\n): ActorActivity {\n  if (!executions || !systemRef || actor.ref !== conversationalActorRef) return ActorActivity.IDLE;\n  let completed = false;\n  for (const exec of executions.values()) {\n    if (exec.systemRef !== systemRef) continue;\n    if (exec.status === FlowsActorsExecutionStatus.RUNNING || exec.status === FlowsActorsExecutionStatus.STARTING) return ActorActivity.EXECUTING;\n    if (exec.status === FlowsActorsExecutionStatus.AWAITING_APPROVAL) return ActorActivity.AWAITING_APPROVAL;\n    if (exec.status === FlowsActorsExecutionStatus.COMPLETED) completed = true;\n  }\n  return completed ? ActorActivity.COMPLETED : ActorActivity.IDLE;\n}\n\n//===============================================================\n//  AI_ActorCard\n//===============================================================\n\nexport type AI_ActorCardProps = ComponentProps<typeof Card> & {\n  actor?: Actor;\n  actorRef?: string;\n  displayName?: string;\n  roleCategory?: string;\n  executionMode?: string;\n  description?: string;\n  agentRef?: string;\n  flowRef?: string;\n  status?: ActorActivity;\n  currentTask?: string;\n  onAgentClick?: (agentRef: string) => void;\n  onFlowClick?: (flowRef: string) => void;\n};\n\nexport const AI_ActorCard = ({\n  actor,\n  actorRef: actorRefProp,\n  displayName: displayNameProp,\n  roleCategory: roleCategoryProp,\n  executionMode: executionModeProp,\n  description: descriptionProp,\n  agentRef: agentRefProp,\n  flowRef: flowRefProp,\n  status = ActorActivity.IDLE,\n  currentTask,\n  onAgentClick,\n  onFlowClick,\n  className,\n  ...props\n}: AI_ActorCardProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const { renderIcon } = useIconRegistry();\n\n  if (!isReady) return null;\n\n  const actorRef = actor?.ref ?? actorRefProp ?? \"\";\n  const displayName = actor?.displayName ?? displayNameProp ?? actorRef;\n  const roleCategory = actor?.roleCategory ?? roleCategoryProp ?? \"\";\n  const executionMode = actor?.executionMode ?? executionModeProp ?? \"\";\n  const description = descriptionProp;\n  const agentRef = actor?.agentRef ?? agentRefProp;\n  const flowRef = actor?.flowRef ?? flowRefProp;\n\n  const statusLabel = tComponent(CT, actorActivityLabelKey(status));\n\n  return (\n    <Card className={cn(\"flex flex-col\", className)} {...props}>\n      <CardHeader>\n        <div className=\"flex items-center justify-between\">\n          <div className=\"flex flex-wrap items-center gap-element\">\n            <AI_ActorRoleBadge role={roleCategory} />\n            <AI_ActorExecutionModeBadge mode={executionMode} />\n          </div>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span\n                role=\"img\"\n                aria-label={statusLabel}\n                className={cn(\"inline-block size-2.5 shrink-0 rounded-full\", activityDotClass(status))}\n              />\n            </TooltipTrigger>\n            <TooltipContent side={PlacementSide.TOP} className=\"text-xs\">\n              {statusLabel}\n            </TooltipContent>\n          </Tooltip>\n        </div>\n        <CardTitle className=\"text-sm\">{displayName}</CardTitle>\n        <CardDescription className=\"text-xs\">{actorRef}</CardDescription>\n      </CardHeader>\n\n      <CardContent className=\"flex flex-col gap-element\">\n        {description && (\n          <Text size={TextSize.XS} variant={TextVariant.MUTED} aria-label={tComponent(CT, \"description\")}>\n            {description}\n          </Text>\n        )}\n\n        {currentTask && (\n          <div\n            className=\"flex items-center gap-1 rounded-sm bg-primary/10 px-2 py-1\"\n            aria-label={tComponent(CT, \"currentTask\")}\n          >\n            {renderIcon(StandardIconReference.LOADER_2, {\n              size: IconSize.SM,\n              className: \"animate-spin text-primary\",\n            })}\n            <span className=\"truncate text-xs font-medium text-primary\">\n              {currentTask}\n            </span>\n          </div>\n        )}\n\n        {(agentRef || flowRef) && (\n          <div className=\"flex flex-col gap-1\">\n            {agentRef && (\n              <button\n                type=\"button\"\n                className=\"flex items-center gap-1 text-start text-xs text-muted-foreground hover:text-foreground\"\n                onClick={() => onAgentClick?.(agentRef)}\n                aria-label={`${tComponent(CT, \"linkedAgent\")}: ${agentRef}`}\n              >\n                {renderIcon(StandardIconReference.BRAIN, {\n                  size: IconSize.SM,\n                  className: \"shrink-0\",\n                })}\n                <span className=\"font-medium\">{tComponent(CT, \"linkedAgent\")}:</span>\n                <span className=\"truncate\">{agentRef}</span>\n              </button>\n            )}\n            {flowRef && (\n              <button\n                type=\"button\"\n                className=\"flex items-center gap-1 text-start text-xs text-muted-foreground hover:text-foreground\"\n                onClick={() => onFlowClick?.(flowRef)}\n                aria-label={`${tComponent(CT, \"linkedFlow\")}: ${flowRef}`}\n              >\n                {renderIcon(StandardIconReference.ARROW_RIGHT, {\n                  size: IconSize.SM,\n                  className: \"shrink-0\",\n                })}\n                <span className=\"font-medium\">{tComponent(CT, \"linkedFlow\")}:</span>\n                <span className=\"truncate\">{flowRef}</span>\n              </button>\n            )}\n          </div>\n        )}\n      </CardContent>\n\n    </Card>\n  );\n};\n\n//===============================================================\n//  AI_ActorRoleBadge\n//===============================================================\n\nexport type AI_ActorRoleBadgeProps = {\n  role: string;\n  className?: string;\n};\n\nexport const AI_ActorRoleBadge = ({\n  role,\n  className,\n}: AI_ActorRoleBadgeProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const { renderIcon } = useIconRegistry();\n\n  if (!isReady) return null;\n\n  const known = isActorRole(role);\n  const icon = known ? ROLE_ICONS[role] : undefined;\n  // A role outside the vocabulary (a newer runtime) shows AS DECLARED. It used to be `role.replace(/_/g, \" \")`, which\n  // invented English from a wire value in every locale and hid the missing word.\n  const label = known ? tComponent(CT, actorRoleLabelKey(role)) : role;\n\n  return (\n    <Badge variant={known ? ROLE_VARIANT[role] : \"secondary\"} className={cn(\"text-2xs gap-1\", className)}>\n      {icon && renderIcon(icon, { size: IconSize.XS })}\n      {label}\n    </Badge>\n  );\n};\n\n//===============================================================\n//  AI_ActorExecutionModeBadge\n//===============================================================\n\nexport type AI_ActorExecutionModeBadgeProps = {\n  mode: string;\n  className?: string;\n};\n\nexport const AI_ActorExecutionModeBadge = ({\n  mode,\n  className,\n}: AI_ActorExecutionModeBadgeProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const { renderIcon } = useIconRegistry();\n\n  if (!isReady) return null;\n\n  const known = isActorMode(mode);\n  const icon = known ? MODE_ICONS[mode] : undefined;\n  // Same as the role badge above: the declared value, not words manufactured from it.\n  const label = known ? tComponent(CT, actorModeLabelKey(mode)) : mode;\n  const description = known ? tComponent(CT, actorModeDescriptionKey(mode)) : undefined;\n\n  const badge = (\n    <Badge variant=\"outline\" className={cn(\"text-2xs gap-1\", className)}>\n      {icon && renderIcon(icon, { size: IconSize.XS })}\n      {label}\n    </Badge>\n  );\n\n  if (!description) return badge;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{badge}</TooltipTrigger>\n      <TooltipContent side={PlacementSide.TOP} className=\"text-xs\">\n        {description}\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"actor.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/actor.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAoDtD,CAAC"}
+{"version":3,"file":"actor.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/actor.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EA+CtD,CAAC"}