@elizaos/ui 2.0.0-beta.2 → 2.0.11-beta.7

package/components/chat/message-task-parser.js

@@ -0,0 +1,56 @@
+/**
+ * Parser for `[TASK:<threadId>]<title>[/TASK]` blocks emitted by orchestrator
+ * actions (canonically `TASKS_CREATE`). Lives in its own module — same shape
+ * as `message-choice-parser.ts` / `message-form-parser.ts` — so unit tests
+ * can exercise the parsing without dragging in the `MessageContent` React
+ * graph.
+ *
+ * The widget is rendered by `TaskWidget` (../widgets/task-widget.tsx) and
+ * live-polls `/api/orchestrator/tasks/:id`. The body of the block is just
+ * the task title used as the inline preview; the canonical source of truth
+ * is the durable record fetched via `threadId`.
+ *
+ * Body shape:
+ *   [TASK:<UUID-shaped threadId>]<title>[/TASK]
+ *
+ * Validation rules — intentionally strict because the segment runs over
+ * arbitrary assistant text:
+ *   - `threadId` must look like a lowercase hex/uuid (a–f0-9-, 8–64 chars)
+ *     so plain prose like `[TASK: do the thing]` never triggers a widget.
+ *   - `title` is bounded to 200 chars; longer titles truncate with `…`.
+ *   - The block must close with `[/TASK]`; an unterminated open tag is
+ *     ignored entirely (no half-rendered widget).
+ */
+const TASK_BLOCK_RE = /\[TASK:([a-f0-9-]{8,64})\]([\s\S]*?)\[\/TASK\]/g;
+/** Hard cap on the inline preview title — keeps a runaway template safe. */
+export const MAX_TASK_TITLE_LEN = 200;
+/**
+ * Sweep `text` for `[TASK:<threadId>]<title>[/TASK]` regions. Returns each
+ * matched region with its character bounds, the validated threadId, and the
+ * trimmed (and bounded) title. Invalid threadIds are skipped silently so the
+ * raw block becomes plain text rather than a broken widget.
+ */
+export function findTaskRegions(text) {
+    if (text.length === 0)
+        return [];
+    const regions = [];
+    TASK_BLOCK_RE.lastIndex = 0;
+    let match = TASK_BLOCK_RE.exec(text);
+    while (match !== null) {
+        const threadId = match[1];
+        const rawTitle = (match[2] ?? "").trim();
+        if (threadId && rawTitle) {
+            const title = rawTitle.length > MAX_TASK_TITLE_LEN
+                ? `${rawTitle.slice(0, MAX_TASK_TITLE_LEN - 1)}…`
+                : rawTitle;
+            regions.push({
+                start: match.index,
+                end: match.index + match[0].length,
+                threadId,
+                title,
+            });
+        }
+        match = TASK_BLOCK_RE.exec(text);
+    }
+    return regions;
+}

package/components/chat/widgets/ChoiceWidget.d.ts

@@ -19,6 +19,8 @@ export type ChoiceWidgetProps = {
     scope: string;
     options: ChoiceOption[];
     onChoose: (value: string) => void;
+    /** When true, offer an "Other…" affordance so the user can type their own answer. */
+    allowCustom?: boolean;
 };
-export declare function ChoiceWidget({ id, scope, options, onChoose, }: ChoiceWidgetProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ChoiceWidget({ id, scope, options, onChoose, allowCustom, }: ChoiceWidgetProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=ChoiceWidget.d.ts.map

package/components/chat/widgets/ChoiceWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceWidget.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/chat/widgets/ChoiceWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAQF,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,kDA4DnB"}
+{"version":3,"file":"ChoiceWidget.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/chat/widgets/ChoiceWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qFAAqF;IACrF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAQF,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAmB,GACpB,EAAE,iBAAiB,kDAmHnB"}

package/components/chat/widgets/ChoiceWidget.js

@@ -9,23 +9,33 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * `onChoose`. After the first selection the entire row locks so the
  * agent only ever sees one decision per prompt.
  */
-import { Button } from "@elizaos/ui";
 import { Check } from "lucide-react";
 import { useCallback, useState } from "react";
+import { Button } from "../../ui/button.js";
 function isCancelLike(value, label) {
     const v = value.toLowerCase();
     const l = label.toLowerCase();
     return v === "cancel" || v === "no" || v === "none" || l === "cancel";
 }
-export function ChoiceWidget({ id, scope, options, onChoose, }) {
+export function ChoiceWidget({ id, scope, options, onChoose, allowCustom = false, }) {
     const [selected, setSelected] = useState(null);
+    const [customMode, setCustomMode] = useState(false);
+    const [customText, setCustomText] = useState("");
     const handleChoose = useCallback((option) => {
         if (selected)
             return;
         setSelected(option);
         onChoose(option.value);
     }, [onChoose, selected]);
-    if (options.length === 0)
+    const submitCustom = useCallback(() => {
+        const value = customText.trim();
+        if (!value || selected)
+            return;
+        const option = { value, label: value };
+        setSelected(option);
+        onChoose(value);
+    }, [customText, onChoose, selected]);
+    if (options.length === 0 && !allowCustom)
         return null;
     return (_jsxs("fieldset", { className: "my-2 flex min-w-0 flex-wrap items-center gap-2 border-0 p-0", "aria-label": `Choose ${scope}`, "data-choice-id": id, "data-choice-scope": scope, children: [options.map((option) => {
                 const cancel = isCancelLike(option.value, option.label);
@@ -34,5 +44,10 @@ export function ChoiceWidget({ id, scope, options, onChoose, }) {
                 return (_jsx(Button, { type: "button", variant: variant, size: "sm", disabled: selected !== null, "aria-label": option.label, "aria-pressed": isSelected, "data-testid": `choice-${option.value}`, className: cancel
                         ? "h-7 px-3 text-xs text-muted hover:text-txt disabled:opacity-40"
                         : "h-7 px-3 text-xs disabled:opacity-40", onClick: () => handleChoose(option), children: isSelected ? (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Check, { className: "h-3.5 w-3.5", "aria-hidden": true }), _jsx("span", { children: option.label })] })) : (option.label) }, option.value));
-            }), selected ? (_jsxs("span", { className: "text-2xs text-muted", role: "status", children: ["Selected: ", selected.label] })) : null] }));
+            }), allowCustom && !selected ? (customMode ? (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx("input", { type: "text", "aria-label": "Your own answer", "data-testid": "choice-custom-input", value: customText, placeholder: "Type your answer\u2026", className: "h-7 min-w-40 rounded-md border border-border bg-transparent px-2 text-xs outline-none focus:border-accent", onChange: (e) => setCustomText(e.currentTarget.value), onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                                e.preventDefault();
+                                submitCustom();
+                            }
+                        } }), _jsx(Button, { type: "button", variant: "outline", size: "sm", "data-testid": "choice-custom-send", "aria-label": "Send your answer", disabled: customText.trim().length === 0, className: "h-7 px-3 text-xs disabled:opacity-40", onClick: submitCustom, children: "Send" })] })) : (_jsx(Button, { type: "button", variant: "outline", size: "sm", "data-testid": "choice-custom-open", "aria-label": "Other", className: "h-7 px-3 text-xs", onClick: () => setCustomMode(true), children: "Other\u2026" }))) : null, selected ? (_jsxs("span", { className: "text-2xs text-muted", role: "status", children: ["Selected: ", selected.label] })) : null] }));
 }

package/components/chat/widgets/__e2e__/orchestrator-accounts-fixture.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=orchestrator-accounts-fixture.d.ts.map

package/components/chat/widgets/__e2e__/orchestrator-accounts-fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orchestrator-accounts-fixture.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/chat/widgets/__e2e__/orchestrator-accounts-fixture.tsx"],"names":[],"mappings":""}

package/components/chat/widgets/__e2e__/orchestrator-accounts-fixture.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Render fixture for OrchestratorAccountsView — mounts every visual state the
+ * Storybook stories cover (empty, accounts, assignments, room roster) so the
+ * screenshot harness can render + assert them in a real browser without an app
+ * server. Mirrors the .stories.tsx args.
+ */
+import { createRoot } from "react-dom/client";
+import { OrchestratorAccountsView } from "../agent-orchestrator-accounts-view.js";
+function acct(over) {
+    return {
+        source: "oauth",
+        enabled: true,
+        priority: 0,
+        createdAt: 1,
+        health: "ok",
+        hasCredential: true,
+        ...over,
+    };
+}
+const accounts = {
+    providers: [
+        {
+            providerId: "anthropic-subscription",
+            strategy: "least-used",
+            accounts: [
+                acct({
+                    id: "claude-work",
+                    providerId: "anthropic-subscription",
+                    label: "Claude — Work",
+                    usage: { sessionPct: 18, weeklyPct: 42, refreshedAt: 1 },
+                }),
+                acct({
+                    id: "claude-personal",
+                    providerId: "anthropic-subscription",
+                    label: "Claude — Personal",
+                    usage: { sessionPct: 73, weeklyPct: 55, refreshedAt: 1 },
+                }),
+            ],
+        },
+        {
+            providerId: "openai-codex",
+            strategy: "least-used",
+            accounts: [
+                acct({
+                    id: "codex-main",
+                    providerId: "openai-codex",
+                    label: "Codex — Main",
+                    usage: { sessionPct: 5, weeklyPct: 12, refreshedAt: 1 },
+                }),
+            ],
+        },
+    ],
+};
+const overview = {
+    strategy: "least-used",
+    availability: {
+        claude: [
+            { providerId: "anthropic-subscription", total: 2, enabled: 2, healthy: 2 },
+        ],
+        codex: [{ providerId: "openai-codex", total: 1, enabled: 1, healthy: 1 }],
+    },
+    assignments: [
+        {
+            taskId: "task-1",
+            taskTitle: "Refactor the parser",
+            sessionId: "s1",
+            label: "Ada",
+            framework: "claude",
+            status: "tool_running",
+            active: true,
+            accountProviderId: "anthropic-subscription",
+            accountId: "claude-work",
+            accountLabel: "Claude — Work",
+            inputTokens: 3200,
+            outputTokens: 900,
+            reasoningTokens: 120,
+            cacheTokens: 5000,
+            totalTokens: 4220,
+            costUsd: 0.04,
+            usageState: "measured",
+        },
+    ],
+};
+const rooms = {
+    rooms: [
+        {
+            taskId: "task-1",
+            taskTitle: "Refactor the parser",
+            status: "active",
+            roomId: "room-1",
+            activeAgentCount: 2,
+            multiParty: true,
+            participants: [
+                { kind: "orchestrator", id: "orchestrator", label: "Orchestrator" },
+                { kind: "user", id: "owner", label: "You" },
+                {
+                    kind: "sub_agent",
+                    id: "s1",
+                    label: "Ada (claude)",
+                    framework: "claude",
+                    status: "tool_running",
+                    active: true,
+                    accountProviderId: "anthropic-subscription",
+                    accountId: "claude-work",
+                    accountLabel: "Claude — Work",
+                    totalTokens: 4220,
+                    usageState: "measured",
+                },
+                {
+                    kind: "sub_agent",
+                    id: "s2",
+                    label: "Cody (codex)",
+                    framework: "codex",
+                    status: "ready",
+                    active: true,
+                    accountProviderId: "openai-codex",
+                    accountId: "codex-main",
+                    accountLabel: "Codex — Main",
+                    totalTokens: 1380,
+                    usageState: "measured",
+                },
+            ],
+        },
+    ],
+};
+function Panel({ title, children }) {
+    return (_jsxs("div", { className: "w-[320px]", children: [_jsx("div", { className: "mb-1 text-3xs uppercase tracking-wide text-muted/60", children: title }), _jsx("div", { className: "rounded-lg border border-border/40 bg-bg/40 p-3", children: children })] }));
+}
+const root = createRoot(document.getElementById("root"));
+root.render(_jsxs("div", { "data-testid": "orchestrator-accounts-fixture", style: { display: "flex", gap: 16, flexWrap: "wrap", padding: 16 }, children: [_jsx(Panel, { title: "Empty", children: _jsx(OrchestratorAccountsView, { accounts: { providers: [] }, overview: null, rooms: null }) }), _jsx(Panel, { title: "Accounts only", children: _jsx(OrchestratorAccountsView, { accounts: accounts, overview: overview, rooms: null }) }), _jsx(Panel, { title: "With assignments", children: _jsx(OrchestratorAccountsView, { accounts: accounts, overview: overview, rooms: { rooms: [] } }) }), _jsx(Panel, { title: "With room roster", children: _jsx(OrchestratorAccountsView, { accounts: accounts, overview: overview, rooms: rooms }) })] }));

package/components/chat/widgets/agent-orchestrator-accounts-view.d.ts

@@ -0,0 +1,13 @@
+import type { AccountsListResponse } from "../../../api/client-agent";
+import type { OrchestratorAccountOverview, OrchestratorRoomRosterOverview } from "../../../api/client-types-cloud";
+import type { TranslateFn } from "../../../types";
+export declare const fallbackTranslate: TranslateFn;
+export interface OrchestratorAccountsViewProps {
+    accounts: AccountsListResponse | null;
+    overview: OrchestratorAccountOverview | null;
+    rooms: OrchestratorRoomRosterOverview | null;
+    t?: TranslateFn;
+    onConnect?: () => void;
+}
+export declare function OrchestratorAccountsView({ accounts, overview, rooms, t, onConnect, }: OrchestratorAccountsViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=agent-orchestrator-accounts-view.d.ts.map

package/components/chat/widgets/agent-orchestrator-accounts-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-orchestrator-accounts-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/chat/widgets/agent-orchestrator-accounts-view.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EACV,2BAA2B,EAC3B,8BAA8B,EAC/B,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,eAAO,MAAM,iBAAiB,EAAE,WAS/B,CAAC;AAsCF,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,2BAA2B,GAAG,IAAI,CAAC;IAC7C,KAAK,EAAE,8BAA8B,GAAG,IAAI,CAAC;IAC7C,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,CAAqB,EACrB,SAAS,GACV,EAAE,6BAA6B,2CAkN/B"}

package/components/chat/widgets/agent-orchestrator-accounts-view.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Presentational coding-accounts + per-room roster view for the orchestrator
+ * sidebar widget. Props-driven and free of any data-layer (`client`) import, so
+ * it bundles for the browser and renders in Storybook / the screenshot harness
+ * across every state. The fetching container lives in `agent-orchestrator.tsx`.
+ */
+import { Workflow, Zap } from "lucide-react";
+import { useMemo } from "react";
+import { Button } from "../../ui/button.js";
+import { EmptyWidgetState, WidgetSection } from "./shared.js";
+export const fallbackTranslate = (key, vars) => {
+    const template = typeof vars?.defaultValue === "string" ? vars.defaultValue : key;
+    // Interpolate {{var}} placeholders from the provided vars — without this the
+    // no-i18n fallback renders raw "{{count}} agents" when no real `t` is wired.
+    return template.replace(/\{\{(\w+)\}\}/g, (whole, name) => {
+        const v = vars?.[name];
+        return v === undefined ? whole : String(v);
+    });
+};
+function usageTone(pct) {
+    if (pct === undefined)
+        return "bg-muted/40";
+    if (pct >= 85)
+        return "bg-destructive";
+    if (pct >= 60)
+        return "bg-warn";
+    return "bg-ok";
+}
+function UsageBar({ label, pct }) {
+    if (pct === undefined)
+        return null;
+    const clamped = Math.max(0, Math.min(100, Math.round(pct)));
+    return (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "w-9 shrink-0 text-3xs uppercase tracking-wide text-muted/70", children: label }), _jsx("div", { className: "h-1 flex-1 overflow-hidden rounded-full bg-muted/20", children: _jsx("div", { className: `h-full rounded-full ${usageTone(pct)}`, style: { width: `${clamped}%` } }) }), _jsxs("span", { className: "w-7 shrink-0 text-right text-3xs tabular-nums text-muted", children: [clamped, "%"] })] }));
+}
+const HEALTH_TONE = {
+    ok: "bg-ok",
+    "rate-limited": "bg-warn",
+    "needs-reauth": "bg-destructive",
+    invalid: "bg-destructive",
+    unknown: "bg-muted/50",
+};
+export function OrchestratorAccountsView({ accounts, overview, rooms, t = fallbackTranslate, onConnect, }) {
+    const flatAccounts = useMemo(() => (accounts?.providers ?? []).flatMap((provider) => provider.accounts.map((account) => ({ ...account }))), [accounts]);
+    const activeAssignments = useMemo(() => (overview?.assignments ?? []).filter((a) => a.active), [overview]);
+    const assignmentCountByAccount = useMemo(() => {
+        const map = new Map();
+        for (const a of activeAssignments) {
+            map.set(a.accountId, (map.get(a.accountId) ?? 0) + 1);
+        }
+        return map;
+    }, [activeAssignments]);
+    // Rooms with at least one live sub-agent — the per-room participant roster.
+    const activeRooms = useMemo(() => (rooms?.rooms ?? []).filter((r) => r.activeAgentCount > 0), [rooms]);
+    const connectAction = (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-6 px-2 text-2xs", onClick: onConnect, children: t("agentorchestrator.connectAccounts", { defaultValue: "Connect" }) }));
+    if (flatAccounts.length === 0) {
+        return (_jsx(WidgetSection, { title: t("agentorchestrator.accounts", {
+                defaultValue: "Coding accounts",
+            }), icon: _jsx(Zap, { className: "h-4 w-4" }), action: connectAction, testId: "chat-widget-accounts", children: _jsx(EmptyWidgetState, { icon: _jsx(Zap, { className: "h-5 w-5" }), title: t("agentorchestrator.noAccounts", {
+                    defaultValue: "No coding subscriptions connected.",
+                }), description: t("agentorchestrator.noAccountsHint", {
+                    defaultValue: "Add Claude / Codex / z.ai accounts in Settings to round-robin sub-agents.",
+                }) }) }));
+    }
+    return (_jsx(WidgetSection, { title: t("agentorchestrator.accounts", {
+            defaultValue: "Coding accounts",
+        }), icon: _jsx(Zap, { className: "h-4 w-4" }), action: connectAction, testId: "chat-widget-accounts", children: _jsxs("div", { className: "space-y-2.5", children: [_jsxs("div", { className: "flex items-center justify-between text-3xs text-muted/70", children: [_jsx("span", { children: t("agentorchestrator.strategy", { defaultValue: "Strategy" }) }), _jsx("span", { className: "rounded-full bg-muted/15 px-1.5 py-0.5 font-medium text-muted", children: overview?.strategy ?? "least-used" })] }), Object.keys(overview?.availability ?? {}).length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-1", children: Object.entries(overview?.availability ?? {}).map(([agentType, providers]) => {
+                        const healthy = providers.reduce((n, p) => n + p.healthy, 0);
+                        const enabled = providers.reduce((n, p) => n + p.enabled, 0);
+                        if (enabled === 0)
+                            return null;
+                        return (_jsxs("span", { className: "rounded-full bg-muted/10 px-1.5 py-0.5 text-3xs text-muted", title: t("agentorchestrator.availabilityHint", {
+                                defaultValue: "{{healthy}} healthy of {{enabled}} enabled",
+                                healthy,
+                                enabled,
+                            }), children: [agentType, " \u00B7 ", healthy, "/", enabled] }, agentType));
+                    }) })) : null, flatAccounts.map((account) => {
+                    const inUse = assignmentCountByAccount.get(account.id) ?? 0;
+                    return (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${HEALTH_TONE[account.health] ?? HEALTH_TONE.unknown}` }), _jsx("span", { className: "truncate font-medium text-txt", children: account.label }), _jsx("span", { className: "truncate text-3xs text-muted/60", children: account.providerId }), inUse > 0 ? (_jsx("span", { className: "ml-auto shrink-0 rounded-full bg-ok/15 px-1.5 py-0.5 text-3xs text-ok", children: t("agentorchestrator.inUse", {
+                                            defaultValue: "{{count}} active",
+                                            count: inUse,
+                                        }) })) : null] }), _jsx(UsageBar, { label: t("agentorchestrator.session", { defaultValue: "5h" }), pct: account.usage?.sessionPct }), _jsx(UsageBar, { label: t("agentorchestrator.weekly", { defaultValue: "7d" }), pct: account.usage?.weeklyPct })] }, `${account.providerId}:${account.id}`));
+                }), activeRooms.length > 0 ? (_jsxs("div", { className: "space-y-1.5 border-t border-border/40 pt-1.5", "data-testid": "orchestrator-room-roster", children: [_jsx("div", { className: "text-3xs font-medium uppercase tracking-wide text-muted/60", children: t("agentorchestrator.taskRooms", { defaultValue: "Task rooms" }) }), activeRooms.map((room) => (_jsxs("div", { className: "space-y-0.5", children: [_jsxs("div", { className: "flex items-center gap-1 text-3xs text-muted", children: [_jsx("span", { className: "truncate font-medium text-txt", children: room.taskTitle }), room.multiParty ? (_jsx("span", { className: "ml-auto shrink-0 rounded-full bg-muted/15 px-1.5 py-0.5 text-3xs text-muted", children: t("agentorchestrator.multiParty", {
+                                                defaultValue: "{{count}} agents",
+                                                count: room.activeAgentCount,
+                                            }) })) : null] }), room.participants.map((p) => (_jsxs("div", { className: "flex items-center gap-1 pl-1 text-3xs text-muted", children: [_jsx(Workflow, { className: "h-3 w-3 shrink-0 text-muted/60" }), _jsx("span", { className: "truncate font-medium text-txt", children: p.label }), p.accountLabel ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "shrink-0 text-muted/50", children: "\u2192" }), _jsx("span", { className: "truncate", children: p.accountLabel })] })) : null, typeof p.totalTokens === "number" && p.totalTokens > 0 ? (_jsxs("span", { className: "ml-auto shrink-0 tabular-nums text-muted/60", children: [Math.round(p.totalTokens / 1000), "k"] })) : null] }, `${room.taskId}:${p.kind}:${p.id}`)))] }, room.taskId)))] })) : activeAssignments.length > 0 ? (_jsx("div", { className: "space-y-0.5 border-t border-border/40 pt-1.5", children: activeAssignments.map((a) => (_jsxs("div", { className: "flex items-center gap-1 text-3xs text-muted", children: [_jsx(Workflow, { className: "h-3 w-3 shrink-0 text-muted/60" }), _jsx("span", { className: "truncate font-medium text-txt", children: a.label }), _jsx("span", { className: "shrink-0 text-muted/50", children: "\u2192" }), _jsx("span", { className: "truncate", children: a.accountLabel }), _jsxs("span", { className: "ml-auto shrink-0 tabular-nums text-muted/60", children: [Math.round(a.totalTokens / 1000), "k"] })] }, a.sessionId))) })) : null] }) }));
+}

package/components/chat/widgets/agent-orchestrator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-orchestrator.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/chat/widgets/agent-orchestrator.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAkCH,OAAO,KAAK,EACV,2BAA2B,EAE5B,MAAM,SAAS,CAAC;AA+djB,eAAO,MAAM,iCAAiC,EAAE,2BAA2B,EAgBxE,CAAC"}
+{"version":3,"file":"agent-orchestrator.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/chat/widgets/agent-orchestrator.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAiDH,OAAO,KAAK,EACV,2BAA2B,EAE5B,MAAM,SAAS,CAAC;AAmoBjB,eAAO,MAAM,iCAAiC,EAAE,2BAA2B,EAuBxE,CAAC"}