@kortix/ui 0.14.11 → 0.14.13

package/dist/session/agents/subagent-dialog-content.js

@@ -0,0 +1,115 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { stopProjectSession } from '@kortix/sdk';
+import { qk, useProjectSession } from '@kortix/sdk/react';
+import { ArrowSquareOutIcon, CheckIcon, PaperPlaneRightIcon, SquareIcon, XIcon } from '@phosphor-icons/react';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useState } from 'react';
+import { useTranslations } from '../../i18n/index.js';
+import { agentDisplayName } from '../../internal/components/agent-mark.js';
+import { uiRoutes } from '../../lib/routes.js';
+import { cn } from '../../lib/utils.js';
+import { Button } from '../../primitives/button.js';
+import { ErrorState } from '../../primitives/error-state.js';
+import { Hint } from '../../primitives/hint.js';
+import { Input } from '../../primitives/input.js';
+import Loading from '../../primitives/loading.js';
+import { Modal, ModalContent, ModalDescription, ModalTitle } from '../../primitives/modal.js';
+import { Skeleton } from '../../primitives/skeleton.js';
+import { StatusDot } from '../../primitives/status.js';
+import { errorToast, successToast } from '../../primitives/toast.js';
+import { UiLink } from '../../providers/ui-provider.js';
+import { useSessionIds } from '../../providers/session-ids.js';
+import { agentRowOf, isActive, shortElapsed } from './agent-model.js';
+import { LegacySubagentChat } from './legacy-subagent-chat.js';
+import { SessionPeek } from './session-peek.js';
+import { useSteerSession } from './steer-session.js';
+import { useNow } from './workflow-run-controls.js';
+const DOT_TONE = {
+    working: 'success',
+    needs_input: 'warning',
+    failed: 'destructive',
+    stopped: 'neutral',
+};
+/** The same state mark as the agents line: live dot, attention dot, check once its turn ended. */
+function StateMark({ state }) {
+    return state === 'idle' || state === 'completed' ? (_jsx(CheckIcon, { "aria-hidden": true, weight: "bold", className: "text-kortix-green size-3 shrink-0" })) : (_jsx(StatusDot, { tone: DOT_TONE[state], pulse: state === 'working', className: "motion-reduce:animate-none" }));
+}
+/**
+ * Which body a child gets. A child that is its own project session (every
+ * sub-agent, teammate and workflow agent since each runs on its own computer)
+ * answers `GET /projects/:pid/sessions/:child` and reads its own log
+ * (`SessionPeek`). A child that answers 404 or 400 there is not a project
+ * session (an in-process `session: "same"` child, an old OpenCode subagent):
+ * its transcript lives in the lead's computer, so it keeps the legacy chat.
+ * Any other failure is a failed read of a real child: the dialog says so.
+ */
+function bodyKind(row, projectId) {
+    if (!projectId)
+        return 'legacy';
+    if (row.data)
+        return 'peek';
+    if (row.isError) {
+        const status = row.error?.status;
+        return status === 404 || status === 400 ? 'legacy' : 'error';
+    }
+    return 'loading';
+}
+export function SubagentDialogContent({ open, onOpenChange, sessionId, title, projectId: projectIdProp }) {
+    const t = useTranslations('multiAgent.subagent');
+    const tStrip = useTranslations('multiAgent.strip');
+    const ids = useSessionIds();
+    const projectId = projectIdProp ?? ids.projectId ?? undefined;
+    const row = useProjectSession(projectId, sessionId, { enabled: open && !!projectId });
+    const kind = bodyKind(row, projectId);
+    const agent = row.data ? agentRowOf(row.data) : null;
+    const name = agent?.named ? agent.handle : title || agent?.handle || t('fallbackTitle');
+    const working = agent?.state === 'working';
+    const now = useNow(open && working);
+    const queryClient = useQueryClient();
+    // The header's state follows the transcript: a new message re-reads the row.
+    const refreshRow = () => projectId && void queryClient.invalidateQueries({ queryKey: qk.project.session(projectId, sessionId) });
+    const stop = useMutation({
+        mutationFn: () => stopProjectSession(projectId, sessionId),
+        onSettled: refreshRow,
+        onError: (error) => errorToast(tStrip('stopAgentFailed', { name }), { description: error instanceof Error ? error.message : undefined }),
+    });
+    const state = agent
+        ? agent.state === 'working' && agent.workingSinceMs !== null
+            ? tStrip('workingFor', { elapsed: shortElapsed(now - agent.workingSinceMs) })
+            : tStrip(`state.${agent.state}`)
+        : null;
+    return (_jsx(Modal, { open: open, onOpenChange: onOpenChange, children: _jsxs(ModalContent, { variant: "base", showCloseButton: false, "data-testid": "subagent-dialog", "data-body": kind, className: cn('flex flex-col gap-0 space-y-0 overflow-hidden p-0', 
+            // lg:max-w-* is required: the base modal sets lg:max-w-lg, which
+            // tailwind-merge does not strip for an unprefixed override.
+            'h-[80vh] max-h-[840px] lg:h-[80vh] lg:max-w-6xl', 
+            // A small window gets the whole screen: no sheet edge to aim at.
+            'max-[720px]:inset-0 max-[720px]:h-dvh max-[720px]:max-h-none max-[720px]:rounded-none'), children: [_jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b py-2 pr-2 pl-4", children: [agent && _jsx(StateMark, { state: agent.state }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [_jsx(ModalTitle, { className: "min-w-0 truncate text-sm font-medium", children: name }), state && _jsx("span", { className: "text-muted-foreground shrink-0 text-xs tabular-nums", children: state })] }), _jsx(ModalDescription, { className: "text-muted-foreground truncate text-xs", children: agent?.agent && agent.named ? tStrip('runsAs', { agent: agentDisplayName(agent.agent) }) : null })] }), projectId && kind === 'peek' && (_jsx(Button, { asChild: true, variant: "ghost", size: "xs", className: "text-muted-foreground hover:text-foreground shrink-0", children: _jsxs(UiLink, { href: uiRoutes().session(projectId, sessionId), onClick: () => onOpenChange(false), children: [_jsx(ArrowSquareOutIcon, { className: "size-3.5 shrink-0" }), t('openPage')] }) })), agent && isActive(agent.state) && (_jsx(Hint, { label: tStrip('stopHint'), side: "bottom", children: _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": tStrip('stopAgent', { name }), disabled: stop.isPending, onClick: () => stop.mutate(), className: "text-muted-foreground hover:text-foreground", children: stop.isPending ? _jsx(Loading, { className: "size-3" }) : _jsx(SquareIcon, { weight: "fill", className: "size-2.5" }) }) })), _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": t('close'), onClick: () => onOpenChange(false), className: "text-muted-foreground hover:text-foreground hit-area-2 shrink-0", children: _jsx(XIcon, { className: "size-3.5" }) })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: kind === 'peek' && projectId ? (_jsx(SessionPeek, { projectId: projectId, sessionId: sessionId, working: working, onActivity: refreshRow })) : kind === 'legacy' ? (_jsx(LegacySubagentChat, { sessionId: sessionId })) : kind === 'error' ? (_jsx(SessionPeekRowError, { onRetry: () => void row.refetch() })) : (_jsxs("div", { className: "mx-auto w-full max-w-3xl space-y-4 px-7 pt-6", "aria-busy": "true", children: [_jsx(Skeleton, { className: "ml-auto h-9 w-2/5 rounded-xl" }), _jsx(Skeleton, { className: "h-4 w-4/5" }), _jsx(Skeleton, { className: "h-4 w-3/5" })] })) }), kind === 'peek' && projectId && _jsx(SubagentMessageBox, { projectId: projectId, sessionId: sessionId, name: name, onSent: refreshRow }, sessionId)] }) }));
+}
+function SessionPeekRowError({ onRetry }) {
+    const t = useTranslations('multiAgent.subagent');
+    return (_jsx("div", { className: "flex flex-1 items-center justify-center p-6", children: _jsx(ErrorState, { size: "sm", title: t('loadFailed'), action: _jsx(Button, { variant: "outline", size: "sm", onClick: onRetry, children: t('retry') }) }) }));
+}
+/** One line under the transcript: a message to the child, as a steer. */
+function SubagentMessageBox({ projectId, sessionId, name, onSent }) {
+    const t = useTranslations('multiAgent.subagent');
+    const [text, setText] = useState('');
+    const send = useSteerSession(projectId, {
+        onSent: () => {
+            setText('');
+            successToast(t('sent'));
+            onSent();
+        },
+        onError: (error) => errorToast(t('sendFailed'), { description: error instanceof Error ? error.message : undefined }),
+    });
+    const submit = () => {
+        const message = text.trim();
+        if (!message || send.isPending)
+            return;
+        send.mutate({ sessionId, text: message });
+    };
+    return (_jsxs("form", { className: "flex shrink-0 items-center gap-2 border-t px-4 py-3", onSubmit: (event) => {
+            event.preventDefault();
+            submit();
+        }, children: [_jsx(Input, { "data-testid": "subagent-dialog-message", value: text, onChange: (event) => setText(event.target.value), placeholder: t('messagePlaceholder', { name }), "aria-label": t('messageLabel', { name }), disabled: send.isPending, className: "min-w-0 flex-1" }), _jsxs(Button, { type: "submit", size: "sm", className: "shrink-0 gap-1.5", disabled: !text.trim() || send.isPending, children: [send.isPending ? _jsx(Loading, { className: "size-3.5 shrink-0" }) : _jsx(PaperPlaneRightIcon, { className: "size-3.5 shrink-0" }), t('send')] })] }));
+}

package/dist/session/agents/subagent-view.d.ts

@@ -0,0 +1,8 @@
+import type { SubagentDialogProps } from './subagent-dialog-content.js';
+export type { SubagentDialogProps } from './subagent-dialog-content.js';
+/**
+ * THE dialog of a session another session started: a sub-agent, a teammate, a
+ * workflow agent or runner. Every entry point opens this one (the agents line,
+ * notice rows, the agent and workflow tool cards, the worker report card).
+ */
+export declare function SubagentDialog(props: SubagentDialogProps): import("react").JSX.Element | null;

package/dist/session/agents/subagent-view.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useOpenedOnce } from '../../internal/hooks/use-opened-once.js';
+import { lazyClient } from '../../lib/lazy-client.js';
+// Tool rows, notices and the agents line render this dialog closed on every
+// transcript (the marketing home demo too), so its body loads on first open.
+const SubagentDialogContent = lazyClient(() => import('./subagent-dialog-content.js').then((mod) => mod.SubagentDialogContent));
+/**
+ * THE dialog of a session another session started: a sub-agent, a teammate, a
+ * workflow agent or runner. Every entry point opens this one (the agents line,
+ * notice rows, the agent and workflow tool cards, the worker report card).
+ */
+export function SubagentDialog(props) {
+    const opened = useOpenedOnce(props.open);
+    if (!opened)
+        return null;
+    return _jsx(SubagentDialogContent, { ...props });
+}

package/dist/session/agents/tasks-panel.d.ts

@@ -0,0 +1,13 @@
+import type { SessionTask, SessionTaskStatus } from '@kortix/sdk';
+/**
+ * A team's shared task list (flag `agent_teams`), Claude Code's Ctrl+T task
+ * list: pending, in progress and completed, each task with its number, the
+ * teammate that owns it and the tasks it waits for. A blocked task says so;
+ * teammates do not claim it until those tasks complete.
+ */
+export declare const TASK_GROUPS: readonly SessionTaskStatus[];
+export declare function groupTasks(tasks: readonly SessionTask[]): Record<SessionTaskStatus, SessionTask[]>;
+export declare function TasksPanel({ tasks, id }: {
+    tasks: readonly SessionTask[];
+    id?: string;
+}): import("react").JSX.Element;

package/dist/session/agents/tasks-panel.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from '../../primitives/badge.js';
+import { CountBadge } from '../../primitives/count-badge.js';
+import { useTranslations } from '../../i18n/index.js';
+import { cn } from '../../lib/utils.js';
+import { CheckIcon, CircleDashedIcon, CircleHalfIcon, LockSimpleIcon } from '@phosphor-icons/react';
+/**
+ * A team's shared task list (flag `agent_teams`), Claude Code's Ctrl+T task
+ * list: pending, in progress and completed, each task with its number, the
+ * teammate that owns it and the tasks it waits for. A blocked task says so;
+ * teammates do not claim it until those tasks complete.
+ */
+export const TASK_GROUPS = ['pending', 'in_progress', 'completed'];
+export function groupTasks(tasks) {
+    const groups = { pending: [], in_progress: [], completed: [] };
+    for (const task of tasks)
+        groups[task.status]?.push(task);
+    for (const list of Object.values(groups))
+        list.sort((a, b) => a.seq - b.seq);
+    return groups;
+}
+function TaskGlyph({ task }) {
+    if (task.status === 'completed')
+        return _jsx(CheckIcon, { "aria-hidden": true, className: "text-kortix-green size-3 shrink-0" });
+    if (task.status === 'in_progress')
+        return _jsx(CircleHalfIcon, { "aria-hidden": true, className: "text-foreground size-3 shrink-0" });
+    if (task.blocked)
+        return _jsx(LockSimpleIcon, { "aria-hidden": true, className: "text-muted-foreground size-3 shrink-0" });
+    return _jsx(CircleDashedIcon, { "aria-hidden": true, className: "text-muted-foreground size-3 shrink-0" });
+}
+function TaskRow({ task }) {
+    const t = useTranslations('multiAgent.tasks');
+    const done = task.status === 'completed';
+    return (_jsxs("li", { "data-task-seq": task.seq, className: "flex min-w-0 items-center gap-2 rounded-sm px-2 py-1 text-xs", children: [_jsx(TaskGlyph, { task: task }), _jsxs("span", { className: "text-muted-foreground shrink-0 tabular-nums", children: ["#", task.seq] }), _jsx("span", { className: cn('min-w-0 flex-1 truncate', done ? 'text-muted-foreground line-through' : 'text-foreground'), title: task.description || task.subject, children: task.subject }), task.blocked && !done && task.blocked_by.length > 0 && (_jsx("span", { className: "text-muted-foreground shrink-0 tabular-nums", children: t('blockedBy', { tasks: task.blocked_by.map((seq) => `#${seq}`).join(', ') }) })), task.owner_handle ? (_jsxs(Badge, { variant: "outline", size: "sm", className: "max-w-32 shrink-0 truncate", children: ["@", task.owner_handle] })) : (!done && (_jsx(Badge, { variant: "muted", size: "sm", className: "shrink-0", children: t('unowned') })))] }));
+}
+export function TasksPanel({ tasks, id }) {
+    const t = useTranslations('multiAgent.tasks');
+    const groups = groupTasks(tasks);
+    return (_jsx("section", { id: id, "aria-label": t('label'), className: "space-y-1", children: tasks.length === 0 ? (_jsx("p", { className: "text-muted-foreground px-2 py-1 text-xs", children: t('empty') })) : (TASK_GROUPS.map((status) => groups[status].length === 0 ? null : (_jsxs("div", { children: [_jsxs("div", { className: "text-muted-foreground flex items-center gap-1.5 px-2 pt-1 text-xs font-medium", children: [t(`group.${status}`), _jsx(CountBadge, { count: groups[status].length })] }), _jsx("ul", { children: groups[status].map((task) => (_jsx(TaskRow, { task: task }, task.seq))) })] }, status)))) }));
+}

package/dist/session/agents/workflow-run-controls.d.ts

@@ -0,0 +1,43 @@
+import { type WorkflowRun, type WorkflowRunAgent } from '../tool/tools/workflow-run.js';
+/**
+ * One workflow run's controls, for the run card in the chat and the strip's
+ * "Workflows" group: Claude Code's `/workflows` keys as buttons. Pause or
+ * resume (`p`), stop the run (`x`), save its script as a workflow (`s`), and,
+ * per agent row, restart (`r`). Every control goes to the box that runs the
+ * run: the session that called `workflow`, or a background run's runner.
+ */
+/** A run's large-run warning: more agents than Claude Code's "Large workflow" threshold, or the run says so. */
+export declare function isLargeRun(run: Pick<WorkflowRun, 'agents' | 'large' | 'maxAgents'>): boolean;
+/** The file name a run saves as: its saved name, else its title in kebab case. */
+export declare function workflowFileName(run: Pick<WorkflowRun, 'name' | 'title'>): string;
+/**
+ * The live copy of a run: a background run's progress lives on its runner's box,
+ * so it is read from there (`useSessionWorkflows(project, runner)`, polled while it
+ * runs) and keeps updating after this session's turn ended. A foreground run is the
+ * card's own metadata. `controlSessionId` is the session whose box takes the controls.
+ */
+export declare function useLiveWorkflowRun(projectId: string | undefined, sessionId: string | undefined, run: WorkflowRun | null): {
+    run: WorkflowRun | null;
+    controlSessionId: string | undefined;
+    fromRunner: boolean;
+};
+/** The current time, every second while `active`: a live run's elapsed labels tick. */
+export declare function useNow(active: boolean): number;
+/** The prompt "Save" sends to the session that owns the run. */
+export declare function useSaveWorkflowPrompt(): (run: WorkflowRun) => string;
+export declare function LargeRunBadge(): import("react").JSX.Element;
+export interface WorkflowRunControlsProps {
+    projectId: string | undefined;
+    /** The box that runs the run (the runner of a background run). */
+    controlSessionId: string | undefined;
+    /** The session the "Save as workflow" prompt goes to: the one that started the run. */
+    ownerSessionId: string | undefined;
+    run: WorkflowRun;
+}
+export declare function WorkflowRunControls({ projectId, controlSessionId, ownerSessionId, run }: WorkflowRunControlsProps): import("react").JSX.Element | null;
+/** `restart_agent` for one agent row of a run, on the box that runs it. */
+export declare function useRestartAgent(projectId: string | undefined, controlSessionId: string | undefined, run: WorkflowRun | null): {
+    enabled: boolean;
+    restarting: string | undefined;
+    restart: (agent: WorkflowRunAgent) => void;
+};

package/dist/session/agents/workflow-run-controls.js

@@ -0,0 +1,141 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge } from '../../primitives/badge.js';
+import { Button } from '../../primitives/button.js';
+import { ButtonGroup } from '../../primitives/button-group.js';
+import { Hint } from '../../primitives/hint.js';
+import Loading from '../../primitives/loading.js';
+import { errorToast, successToast } from '../../primitives/toast.js';
+import { useTranslations } from '../../i18n/index.js';
+import { FloppyDiskIcon, PauseIcon, PlayIcon, SquareIcon, WarningIcon } from '@phosphor-icons/react';
+import { useEffect, useMemo, useState } from 'react';
+import { WORKFLOW_LARGE_AGENT_COUNT } from '@kortix/sdk';
+import { useSessionWorkflows } from '@kortix/sdk/react';
+import { parseWorkflowRun } from '../tool/tools/workflow-run.js';
+import { useSessionPromptSend } from './session-prompt.js';
+/**
+ * One workflow run's controls, for the run card in the chat and the strip's
+ * "Workflows" group: Claude Code's `/workflows` keys as buttons. Pause or
+ * resume (`p`), stop the run (`x`), save its script as a workflow (`s`), and,
+ * per agent row, restart (`r`). Every control goes to the box that runs the
+ * run: the session that called `workflow`, or a background run's runner.
+ */
+/** A run's large-run warning: more agents than Claude Code's "Large workflow" threshold, or the run says so. */
+export function isLargeRun(run) {
+    return run.large === true || run.agents.length > WORKFLOW_LARGE_AGENT_COUNT;
+}
+/** The file name a run saves as: its saved name, else its title in kebab case. */
+export function workflowFileName(run) {
+    const base = (run.name || run.title || '')
+        .toLowerCase()
+        .normalize('NFKD')
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '')
+        .slice(0, 48)
+        .replace(/-+$/g, '');
+    return base || 'workflow';
+}
+/**
+ * The live copy of a run: a background run's progress lives on its runner's box,
+ * so it is read from there (`useSessionWorkflows(project, runner)`, polled while it
+ * runs) and keeps updating after this session's turn ended. A foreground run is the
+ * card's own metadata. `controlSessionId` is the session whose box takes the controls.
+ */
+export function useLiveWorkflowRun(projectId, sessionId, run) {
+    const runner = run?.background?.sessionId;
+    const { data } = useSessionWorkflows(projectId, runner, { enabled: !!projectId && !!runner });
+    const live = useMemo(() => {
+        if (!run || !runner || !data)
+            return null;
+        const match = data.find((candidate) => candidate.runId === run.runId) ?? (run.runId ? undefined : data[0]);
+        const parsed = match ? parseWorkflowRun(match) : null;
+        // The runner runs it in the foreground; this card still knows it as a background run.
+        return parsed ? { ...parsed, background: run.background } : null;
+    }, [run, runner, data]);
+    if (!run)
+        return { run: null, controlSessionId: undefined, fromRunner: false };
+    if (runner)
+        return { run: live ?? run, controlSessionId: runner, fromRunner: !!live };
+    return { run, controlSessionId: sessionId, fromRunner: false };
+}
+/** The current time, every second while `active`: a live run's elapsed labels tick. */
+export function useNow(active) {
+    const [now, setNow] = useState(() => Date.now());
+    useEffect(() => {
+        if (!active)
+            return;
+        const timer = setInterval(() => setNow(Date.now()), 1_000);
+        return () => clearInterval(timer);
+    }, [active]);
+    return now;
+}
+/** The prompt "Save" sends to the session that owns the run. */
+export function useSaveWorkflowPrompt() {
+    const t = useTranslations('multiAgent.workflow');
+    return (run) => t('savePrompt', { title: run.title || run.name || run.runId, runId: run.runId, file: `.kortix/workflows/${workflowFileName(run)}.js` });
+}
+export function LargeRunBadge() {
+    const t = useTranslations('multiAgent.workflow');
+    return (_jsx(Hint, { label: t('largeHint'), side: "top", children: _jsxs(Badge, { variant: "warning", size: "sm", children: [_jsx(WarningIcon, { weight: "fill", "aria-hidden": true }), t('large')] }) }));
+}
+export function WorkflowRunControls({ projectId, controlSessionId, ownerSessionId, run }) {
+    const t = useTranslations('multiAgent.workflow');
+    const { control } = useSessionWorkflows(projectId, controlSessionId, { enabled: false });
+    const send = useSessionPromptSend(ownerSessionId);
+    const savePrompt = useSaveWorkflowPrompt();
+    const running = run.status === 'running';
+    const canControl = !!projectId && !!controlSessionId && !!run.runId && running;
+    const pending = control.isPending ? control.variables?.body.action : undefined;
+    const act = (action) => control.mutate({ runId: run.runId, body: { action } }, {
+        onError: (error) => errorToast(t(`failed.${action}`), { description: error instanceof Error ? error.message : undefined }),
+    });
+    const save = async () => {
+        if (!send)
+            return;
+        try {
+            await send(savePrompt(run));
+            successToast(t('saveSent'));
+        }
+        catch (error) {
+            errorToast(t('saveFailed'), { description: error instanceof Error ? error.message : undefined });
+        }
+    };
+    const buttons = [
+        canControl && (_jsx(Hint, { label: run.paused ? t('resumeHint') : t('pauseHint'), side: "top", children: _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": run.paused ? t('resume') : t('pause'), disabled: !!pending, onClick: (event) => {
+                    event.stopPropagation();
+                    act(run.paused ? 'resume' : 'pause');
+                }, children: pending === 'pause' || pending === 'resume' ? (_jsx(Loading, { className: "size-3 shrink-0" })) : run.paused ? (_jsx(PlayIcon, { weight: "fill", className: "size-3 shrink-0" })) : (_jsx(PauseIcon, { weight: "fill", className: "size-3 shrink-0" })) }) }, "pause")),
+        canControl && (_jsx(Hint, { label: t('stopHint'), side: "top", children: _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": t('stop'), disabled: !!pending, onClick: (event) => {
+                    event.stopPropagation();
+                    act('stop');
+                }, children: pending === 'stop' ? _jsx(Loading, { className: "size-3 shrink-0" }) : _jsx(SquareIcon, { weight: "fill", className: "size-2.5 shrink-0" }) }) }, "stop")),
+        // A saved workflow is a file already; any other run can become one.
+        !run.name && send && run.runId && (_jsx(Hint, { label: t('saveHint'), side: "top", children: _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": t('save'), onClick: (event) => {
+                    event.stopPropagation();
+                    void save();
+                }, children: _jsx(FloppyDiskIcon, { className: "size-3 shrink-0" }) }) }, "save")),
+    ].filter(Boolean);
+    if (buttons.length === 0)
+        return null;
+    return buttons.length === 1 ? _jsx(_Fragment, { children: buttons }) : _jsx(ButtonGroup, { children: buttons });
+}
+/** `restart_agent` for one agent row of a run, on the box that runs it. */
+export function useRestartAgent(projectId, controlSessionId, run) {
+    const t = useTranslations('multiAgent.workflow');
+    const { control } = useSessionWorkflows(projectId, controlSessionId, { enabled: false });
+    const enabled = !!projectId && !!controlSessionId && !!run?.runId && run.status === 'running';
+    const restarting = control.isPending && control.variables?.body.action === 'restart_agent' ? control.variables.body.session_id : undefined;
+    return {
+        enabled,
+        restarting,
+        restart: (agent) => {
+            if (!enabled || !agent.sessionId || !run)
+                return;
+            control.mutate({ runId: run.runId, body: { action: 'restart_agent', session_id: agent.sessionId } }, {
+                onError: (error) => errorToast(t('failed.restart', { label: agent.label }), {
+                    description: error instanceof Error ? error.message : undefined,
+                }),
+            });
+        },
+    };
+}

package/dist/session/composer/ComposerCard.d.ts

@@ -71,4 +71,4 @@ export interface ComposerCardDerived {
     noModelsConnected: boolean;
 }
 export type ComposerCardProps = SessionChatInputProps & ComposerCardDerived;
-export declare function ComposerCard({ tHardcodedUi, isDragOver, handleDragEnter, handleDragOver, handleDragLeave, handleDropFiles, attachedFiles, promptAttachmentItems, removeAttachedFile, retryAttachedFile, pastes, removePaste, onOpenPastedContent, commandAttachmentPlan, editorDisabled, editorRef, setEditorRef, editorPlaceholder, animatePlaceholder, handleSubmit, handleArrowUpAtStart, setIsEmpty, handleDocChange, allSessions, slashActions, handleSelectAction, dockId, setMenuOpen, fileInputRef, handleFileSelect, sessionId, handleAttachClick, primaryAgents, availableSelectedModel, agentMenuOpen, setAgentMenuOpen, modelMenuOpen, setModelMenuOpen, reasoningMenuOpen, setReasoningMenuOpen, isEmpty, canSubmit, submitDisabled, attachmentFailed, modelRejectingImages, imagesUnsupportedReason, modelUnavailable, agentUnavailable, noModelsConnected, agents, commands, slashFiles, models, notice, disabled, lockForQuestion, lockForApproval, questionButtonLabel, questionActive, submitLabel, questionCanAct, escCount, isBusy, isSending, onStop, stopDisabled, canStop, modelsLoading, modelRequired, onModelChange, modelDefaultControls, providers, variants, selectedVariant, onVariantChange, projectId, toolbarSlot, rewind, selectedAgent, onAgentChange, noAccessibleAgents, onContextClick, messages, underbarPlacement, agentPickerCompact, slashMenuPlacement, cardClassName, onArrowUpAtStart, }: ComposerCardProps): import("react").JSX.Element;
+export declare function ComposerCard({ tHardcodedUi, isDragOver, handleDragEnter, handleDragOver, handleDragLeave, handleDropFiles, attachedFiles, promptAttachmentItems, removeAttachedFile, retryAttachedFile, pastes, removePaste, onOpenPastedContent, commandAttachmentPlan, editorDisabled, editorRef, setEditorRef, editorPlaceholder, animatePlaceholder, handleSubmit, handleArrowUpAtStart, setIsEmpty, handleDocChange, allSessions, slashActions, handleSelectAction, dockId, setMenuOpen, fileInputRef, handleFileSelect, sessionId, handleAttachClick, primaryAgents, availableSelectedModel, agentMenuOpen, setAgentMenuOpen, modelMenuOpen, setModelMenuOpen, reasoningMenuOpen, setReasoningMenuOpen, isEmpty, canSubmit, submitDisabled, attachmentFailed, modelRejectingImages, imagesUnsupportedReason, modelUnavailable, agentUnavailable, noModelsConnected, agents, commands, slashFiles, models, notice, disabled, lockForQuestion, lockForApproval, questionButtonLabel, questionActive, submitLabel, questionCanAct, escCount, isBusy, isSending, onStop, stopDisabled, canStop, modelsLoading, modelRequired, onModelChange, modelDefaultControls, providers, variants, selectedVariant, onVariantChange, projectId, toolbarSlot, underbarSlot, rewind, selectedAgent, onAgentChange, noAccessibleAgents, onContextClick, messages, underbarPlacement, agentPickerCompact, slashMenuPlacement, cardClassName, onArrowUpAtStart, }: ComposerCardProps): import("react").JSX.Element;

package/dist/session/composer/ComposerCard.js

@@ -21,7 +21,7 @@ export function ComposerCard({ tHardcodedUi, isDragOver, handleDragEnter, handle
 // Raw props the moved JSX reads; `{...props}` carries the rest. These
 // defaults mirror `ComposerImpl`'s, because the spread passes the raw
 // values, not the component's defaulted locals.
-agents = EMPTY_AGENTS, commands = EMPTY_COMMANDS, slashFiles = EMPTY_SLASH_FILES, models = EMPTY_MODELS, notice = null, disabled = false, lockForQuestion = false, lockForApproval = false, questionButtonLabel = null, questionActive = false, submitLabel = null, questionCanAct = true, escCount = 0, isBusy = false, isSending = false, onStop, stopDisabled = false, canStop = true, modelsLoading = false, modelRequired = false, onModelChange, modelDefaultControls, providers, variants = EMPTY_VARIANTS, selectedVariant = null, onVariantChange, projectId, toolbarSlot, rewind, selectedAgent = null, onAgentChange, noAccessibleAgents = false, onContextClick, messages, underbarPlacement = 'below', agentPickerCompact = false, slashMenuPlacement = 'above', cardClassName, onArrowUpAtStart, }) {
+agents = EMPTY_AGENTS, commands = EMPTY_COMMANDS, slashFiles = EMPTY_SLASH_FILES, models = EMPTY_MODELS, notice = null, disabled = false, lockForQuestion = false, lockForApproval = false, questionButtonLabel = null, questionActive = false, submitLabel = null, questionCanAct = true, escCount = 0, isBusy = false, isSending = false, onStop, stopDisabled = false, canStop = true, modelsLoading = false, modelRequired = false, onModelChange, modelDefaultControls, providers, variants = EMPTY_VARIANTS, selectedVariant = null, onVariantChange, projectId, toolbarSlot, underbarSlot, rewind, selectedAgent = null, onAgentChange, noAccessibleAgents = false, onContextClick, messages, underbarPlacement = 'below', agentPickerCompact = false, slashMenuPlacement = 'above', cardClassName, onArrowUpAtStart, }) {
     const cardRef = useRef(null);
     const { attachAccept } = useUiHostConfig();
     const inlineUnderbar = underbarPlacement === 'inline';
@@ -51,7 +51,7 @@ agents = EMPTY_AGENTS, commands = EMPTY_COMMANDS, slashFiles = EMPTY_SLASH_FILES
                                             // the div and immediately fights the caret we are placing.
                                             e.preventDefault();
                                             editorRef.current?.focus();
-                                        }, children: [_jsx(AnimatedComposerPlaceholder, { placeholder: editorPlaceholder, active: animatePlaceholder }), _jsx(Suspense, { fallback: _jsx(ComposerEditorFallback, {}), children: _jsx(ComposerEditorLazy, { ref: setEditorRef, placeholder: animatePlaceholder ? '' : editorPlaceholder, disabled: editorDisabled, onSubmit: handleSubmit, onArrowUpAtStart: onArrowUpAtStart ? handleArrowUpAtStart : undefined, onEmptyChange: setIsEmpty, onDocChange: handleDocChange, agents: agents, sessions: allSessions ?? [], currentSessionId: sessionId, commands: commands, actions: slashActions, files: slashFiles, onSelectAction: handleSelectAction, slashDockSelector: `#${dockId}`, onMenuOpenChange: setMenuOpen }) })] }), _jsx("input", { ref: fileInputRef, type: "file", accept: attachAccept ?? DEFAULT_ATTACH_ACCEPT, multiple: true, className: "hidden", onChange: handleFileSelect }), _jsx(ComposerToolbar, { leading: inlineUnderbar ? (_jsx(ComposerUnderbar, { variant: "inline", agentPickerCompact: agentPickerCompact, onAttachClick: handleAttachClick, agents: primaryAgents, selectedAgent: selectedAgent, onAgentChange: onAgentChange, agentMenuOpen: agentMenuOpen, onAgentMenuOpenChange: setAgentMenuOpen, noAccessibleAgents: noAccessibleAgents, messages: messages, models: models, selectedModel: availableSelectedModel, onContextClick: onContextClick })) : null, modelsLoading: modelsLoading, models: models, selectedModel: availableSelectedModel, onModelChange: onModelChange, modelDefaultControls: modelDefaultControls, providers: providers, modelRequired: modelRequired, modelMenuOpen: modelMenuOpen, onModelMenuOpenChange: setModelMenuOpen, reasoningMenuOpen: reasoningMenuOpen, onReasoningMenuOpenChange: setReasoningMenuOpen, variants: variants, selectedVariant: selectedVariant, onVariantChange: onVariantChange, projectId: projectId, 
+                                        }, children: [_jsx(AnimatedComposerPlaceholder, { placeholder: editorPlaceholder, active: animatePlaceholder }), _jsx(Suspense, { fallback: _jsx(ComposerEditorFallback, {}), children: _jsx(ComposerEditorLazy, { ref: setEditorRef, placeholder: animatePlaceholder ? '' : editorPlaceholder, disabled: editorDisabled, onSubmit: handleSubmit, onArrowUpAtStart: onArrowUpAtStart ? handleArrowUpAtStart : undefined, onEmptyChange: setIsEmpty, onDocChange: handleDocChange, agents: agents, sessions: allSessions ?? [], currentSessionId: sessionId, commands: commands, actions: slashActions, files: slashFiles, onSelectAction: handleSelectAction, slashDockSelector: `#${dockId}`, onMenuOpenChange: setMenuOpen }) })] }), _jsx("input", { ref: fileInputRef, type: "file", accept: attachAccept ?? DEFAULT_ATTACH_ACCEPT, multiple: true, className: "hidden", onChange: handleFileSelect }), _jsx(ComposerToolbar, { leading: inlineUnderbar ? (_jsx(ComposerUnderbar, { variant: "inline", agentPickerCompact: agentPickerCompact, onAttachClick: handleAttachClick, agents: primaryAgents, selectedAgent: selectedAgent, onAgentChange: onAgentChange, agentMenuOpen: agentMenuOpen, onAgentMenuOpenChange: setAgentMenuOpen, noAccessibleAgents: noAccessibleAgents, messages: messages, models: models, selectedModel: availableSelectedModel, onContextClick: onContextClick, agentsSlot: underbarSlot })) : null, modelsLoading: modelsLoading, models: models, selectedModel: availableSelectedModel, onModelChange: onModelChange, modelDefaultControls: modelDefaultControls, providers: providers, modelRequired: modelRequired, modelMenuOpen: modelMenuOpen, onModelMenuOpenChange: setModelMenuOpen, reasoningMenuOpen: reasoningMenuOpen, onReasoningMenuOpenChange: setReasoningMenuOpen, variants: variants, selectedVariant: selectedVariant, onVariantChange: onVariantChange, projectId: projectId, 
                                         // Inline placement has no under-row, so the slot (the session
                                         // overrides gear, meta indicator) rides the toolbar itself. With
                                         // the 'below' placement the ComposerUnderbar further down renders
@@ -59,5 +59,5 @@ agents = EMPTY_AGENTS, commands = EMPTY_COMMANDS, slashFiles = EMPTY_SLASH_FILES
                                         toolbarSlot: inlineUnderbar ? toolbarSlot : undefined, rewind: rewind, isSending: isSending, isBusy: isBusy, onStop: onStop, stopDisabled: stopDisabled, canStop: canStop, escCount: escCount, lockForQuestion: lockForQuestion, questionButtonLabel: questionButtonLabel, submitLabel: submitLabel, questionCanAct: questionCanAct, hasText: !isEmpty, canSubmit: canSubmit, submitDisabled: submitDisabled ||
                                             attachmentFailed ||
                                             modelRejectingImages !== null ||
-                                            commandAttachmentPlan.kind === 'refuse', attachmentFailed: attachmentFailed, attachmentUnsupported: imagesUnsupportedReason, disabled: disabled, modelUnavailable: modelUnavailable, agentUnavailable: agentUnavailable, onSubmit: () => handleSubmit() })] })] })] }), _jsx(ModelConnectionBar, { show: noModelsConnected }), _jsx(ImagesUnsupportedBar, { modelName: noModelsConnected ? null : modelRejectingImages }), inlineUnderbar ? null : (_jsx(ComposerUnderbar, { onAttachClick: handleAttachClick, agents: primaryAgents, selectedAgent: selectedAgent, onAgentChange: onAgentChange, agentMenuOpen: agentMenuOpen, onAgentMenuOpenChange: setAgentMenuOpen, noAccessibleAgents: noAccessibleAgents, messages: messages, models: models, selectedModel: availableSelectedModel, onContextClick: onContextClick, toolbarSlot: toolbarSlot })), slashMenuPlacement === 'below' && (_jsx("div", { id: dockId, className: "absolute top-full right-4 left-4 z-99 mt-3.5" }))] }));
+                                            commandAttachmentPlan.kind === 'refuse', attachmentFailed: attachmentFailed, attachmentUnsupported: imagesUnsupportedReason, disabled: disabled, modelUnavailable: modelUnavailable, agentUnavailable: agentUnavailable, onSubmit: () => handleSubmit() })] })] })] }), _jsx(ModelConnectionBar, { show: noModelsConnected }), _jsx(ImagesUnsupportedBar, { modelName: noModelsConnected ? null : modelRejectingImages }), inlineUnderbar ? null : (_jsx(ComposerUnderbar, { onAttachClick: handleAttachClick, agents: primaryAgents, selectedAgent: selectedAgent, onAgentChange: onAgentChange, agentMenuOpen: agentMenuOpen, onAgentMenuOpenChange: setAgentMenuOpen, noAccessibleAgents: noAccessibleAgents, messages: messages, models: models, selectedModel: availableSelectedModel, onContextClick: onContextClick, toolbarSlot: toolbarSlot, agentsSlot: underbarSlot })), slashMenuPlacement === 'below' && (_jsx("div", { id: dockId, className: "absolute top-full right-4 left-4 z-99 mt-3.5" }))] }));
 }

package/dist/session/composer/agent-selector.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Badge } from '../../primitives/badge.js';
 import { Button } from '../../primitives/button.js';
 import { CommandGroup, CommandInput, CommandItem, CommandList, CommandPopover, CommandPopoverContent, CommandPopoverTrigger, CommandSeparator, } from '../../primitives/command.js';
 import Hint from '../../primitives/hint.js';
@@ -8,7 +7,7 @@ import { useTranslations } from '../../i18n/index.js';
 import { useUiHostConfig } from '../../providers/ui-provider.js';
 import { cn } from '../../lib/utils.js';
 import { TRIGGER_CARET_CLASS, triggerVariants } from '../../primitives/trigger-variants.js';
-import { capitalizeWords, isMetaAgentName, META_AGENT_DISPLAY_NAME } from '../../_vendor/kortix-shared.js';
+import { capitalizeWords, isMyKortixAgentName, MY_KORTIX_DISPLAY_NAME } from '../../_vendor/kortix-shared.js';
 import { CaretDownIcon, CheckIcon } from '@phosphor-icons/react';
 import { AgentMark } from '../../internal/components/agent-mark.js';
 import { createContext, useContext, useEffect, useMemo, useState } from 'react';
@@ -42,7 +41,7 @@ export function agentDisplayLabel(agents, selectedAgent) {
     const name = resolveDisplayedAgentName(composerSelectableAgents(agents), selectedAgent);
     if (!name)
         return 'Agent';
-    return isMetaAgentName(name) ? META_AGENT_DISPLAY_NAME : capitalizeWords(name);
+    return isMyKortixAgentName(name) ? MY_KORTIX_DISPLAY_NAME : capitalizeWords(name);
 }
 export function AgentSelector({ agents, selectedAgent, onSelect, disabled = false, triggerLabelClassName, unavailableHint, open: controlledOpen, onOpenChange, compact = false, appearance = 'chip', }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
@@ -60,7 +59,7 @@ export function AgentSelector({ agents, selectedAgent, onSelect, disabled = fals
         return agents.filter((a) => offeredNames.has(a.name));
     }, [agents, offeredAgents]);
     const primaryAgents = useMemo(() => composerSelectableAgents(offered), [offered]);
-    const label = (name) => agentLabels?.[name] ?? (isMetaAgentName(name) ? META_AGENT_DISPLAY_NAME : capitalizeWords(name));
+    const label = (name) => agentLabels?.[name] ?? (isMyKortixAgentName(name) ? MY_KORTIX_DISPLAY_NAME : capitalizeWords(name));
     // A `flash` state, a `prevAgentRef` feeding it, two effects and a 400ms
     // timer used to live here. Nothing ever READ `flash` — it was written on
     // every agent change and rendered nowhere, so the whole apparatus bought a
@@ -77,8 +76,8 @@ export function AgentSelector({ agents, selectedAgent, onSelect, disabled = fals
             (agentLabels?.[a.name] ?? '').toLowerCase().includes(q) ||
             (a.description || '').toLowerCase().includes(q));
     }, [primaryAgents, search, agentLabels]);
-    const filteredMeta = useMemo(() => filteredPrimary.filter((a) => isMetaAgentName(a.name)), [filteredPrimary]);
-    const filteredProject = useMemo(() => filteredPrimary.filter((a) => !isMetaAgentName(a.name)), [filteredPrimary]);
+    const filteredMeta = useMemo(() => filteredPrimary.filter((a) => isMyKortixAgentName(a.name)), [filteredPrimary]);
+    const filteredProject = useMemo(() => filteredPrimary.filter((a) => !isMyKortixAgentName(a.name)), [filteredPrimary]);
     // The place's agents, in its order, then every other agent.
     const featured = useContext(FeaturedAgentsContext);
     const filteredFeatured = useMemo(() => (featured?.names ?? []).flatMap((name) => {
@@ -106,16 +105,11 @@ export function AgentSelector({ agents, selectedAgent, onSelect, disabled = fals
     const field = appearance === 'field';
     const fieldTrigger = (caret, props) => (_jsxs("button", { type: "button", className: cn(triggerVariants(), 'h-9 w-full'), ...props, children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [triggerMark, _jsx("span", { className: "truncate", children: displayName })] }), caret ? _jsx(CaretDownIcon, { className: cn(TRIGGER_CARET_CLASS, 'size-4') }) : null] }));
     /**
-     * One agent: name, its type, its description, and a check when it is the
-     * one in use.
+     * One agent: its mark, name and description (My Kortix: what picking it
+     * does), and a check when it is the one in use.
      *
-     * The type is a `Badge` on the row rather than a `CommandGroup` heading.
-     * Headings only earn their place when there is more than one section to
-     * tell apart, and there usually is not — most projects have no meta agents
-     * at all, so the list rendered a lone "Agents" label over a single group,
-     * captioning something that needed no caption. A badge says the same thing
-     * where it is actually useful (on the row that differs) and disappears
-     * entirely when every agent is the same kind.
+     * No type badge and no group heading: My Kortix sorts first, a separator
+     * follows it, and its own line says what it does.
      *
      * Selection is shown ONCE, by the check plus the tinted row. It used to be
      * said three times — check, tinted row, AND a heavier font weight on the
@@ -131,7 +125,7 @@ export function AgentSelector({ agents, selectedAgent, onSelect, disabled = fals
             className: cn('items-start gap-2 py-2', isSelected && 'bg-primary/[0.06]'), onSelect: () => {
                 onSelect(agent.name);
                 setOpen(false);
-            }, children: [agent.description ? (_jsx(AgentMark, { slug: agent.name, size: 28, tile: 36 })) : (_jsx(AgentMark, { slug: agent.name, size: 14 })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [_jsx("span", { className: "text-foreground truncate text-sm font-medium", children: label(agent.name) }), meta && (_jsx(Badge, { variant: "outline", size: "xs", className: "shrink-0 font-normal", children: tHardcodedUi.raw('i18nComplete.textc78ffe195710') }))] }), agent.description && (_jsx("p", { className: "text-muted-foreground truncate text-xs", children: agent.description }))] }), isSelected && (
+            }, children: [agent.description || meta ? (_jsx(AgentMark, { slug: agent.name, size: 28, tile: 36 })) : (_jsx(AgentMark, { slug: agent.name, size: 14 })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "text-foreground block truncate text-sm font-medium", children: label(agent.name) }), meta ? (_jsx("p", { className: "text-muted-foreground text-xs", children: t('myKortixRoutes') })) : agent.description ? (_jsx("p", { className: "text-muted-foreground line-clamp-2 text-xs text-pretty", children: agent.description })) : null] }), isSelected && (
                 // `mt-0.5` optically centres the 16px check against the first line
                 // rather than the top edge of the text box.
                 _jsx(CheckIcon, { className: "text-foreground mt-0.5 size-4 shrink-0" }))] }, agent.name));
@@ -173,11 +167,11 @@ export function AgentSelector({ agents, selectedAgent, onSelect, disabled = fals
             // The mark alone: the name is the tooltip and the menu's checked row.
             // A placeholder name has no mark, so it shows as text.
             triggerMark ?? _jsx("span", { className: cn('max-w-[100px] truncate', triggerLabelClassName), children: displayName })) : (_jsxs(_Fragment, { children: [triggerMark, _jsx("span", { className: cn('max-w-[100px] truncate', triggerLabelClassName), children: displayName }), _jsx(CaretDownIcon, { className: cn('size-3 transition-transform duration-moderate ease-out', open && 'rotate-180') })] })) })) }));
-    return (_jsxs(CommandPopover, { open: open, onOpenChange: setOpen, children: [compact ? (_jsx(Hint, { side: "top", label: displayName, children: trigger })) : (trigger), _jsxs(CommandPopoverContent, { side: "top", align: "start", sideOffset: 8, className: "w-[min(300px,calc(100vw-1.5rem))]", children: [_jsx("div", { className: showSearch ? undefined : 'sr-only', children: _jsx(CommandInput, { compact: true, placeholder: tHardcodedUi.raw('componentsSessionSessionChatInput.line231JsxAttrPlaceholderSearchAgents'), value: search, onValueChange: setSearch }) }), _jsxs(CommandList, { className: "max-h-[320px]", children: [filteredFeatured.length > 0 && featured ? (
+    return (_jsxs(CommandPopover, { open: open, onOpenChange: setOpen, children: [compact ? (_jsx(Hint, { side: "top", label: displayName, children: trigger })) : (trigger), _jsxs(CommandPopoverContent, { side: "top", align: "start", sideOffset: 8, className: "w-[min(340px,calc(100vw-1.5rem))]", children: [_jsx("div", { className: showSearch ? undefined : 'sr-only', children: _jsx(CommandInput, { compact: true, placeholder: tHardcodedUi.raw('componentsSessionSessionChatInput.line231JsxAttrPlaceholderSearchAgents'), value: search, onValueChange: setSearch }) }), _jsxs(CommandList, { className: "max-h-[320px]", children: [filteredFeatured.length > 0 && featured ? (
                             // Two groups, so each earns its heading: the place's agents, then the rest.
-                            _jsxs(_Fragment, { children: [_jsx(CommandGroup, { forceMount: true, heading: featured.label, className: "[&_[cmdk-group-items]]:flex [&_[cmdk-group-items]]:flex-col [&_[cmdk-group-items]]:gap-px", children: filteredFeatured.map((agent) => renderAgentItem(agent, isMetaAgentName(agent.name))) }), filteredPrimary.length > filteredFeatured.length && (_jsx(CommandGroup, { forceMount: true, heading: featured.restLabel, className: "[&_[cmdk-group-items]]:flex [&_[cmdk-group-items]]:flex-col [&_[cmdk-group-items]]:gap-px", children: filteredPrimary
+                            _jsxs(_Fragment, { children: [_jsx(CommandGroup, { forceMount: true, heading: featured.label, className: "[&_[cmdk-group-items]]:flex [&_[cmdk-group-items]]:flex-col [&_[cmdk-group-items]]:gap-px", children: filteredFeatured.map((agent) => renderAgentItem(agent, isMyKortixAgentName(agent.name))) }), filteredPrimary.length > filteredFeatured.length && (_jsx(CommandGroup, { forceMount: true, heading: featured.restLabel, className: "[&_[cmdk-group-items]]:flex [&_[cmdk-group-items]]:flex-col [&_[cmdk-group-items]]:gap-px", children: filteredPrimary
                                             .filter((agent) => !filteredFeatured.includes(agent))
-                                            .map((agent) => renderAgentItem(agent, isMetaAgentName(agent.name))) }))] })) : filteredPrimary.length > 0 && (
+                                            .map((agent) => renderAgentItem(agent, isMyKortixAgentName(agent.name))) }))] })) : filteredPrimary.length > 0 && (
                             // `gap-px` between rows: a selected row and a hovered row next to it
                             // otherwise draw one merged grey block.
                             _jsxs(CommandGroup, { forceMount: true, className: "[&_[cmdk-group-items]]:flex [&_[cmdk-group-items]]:flex-col [&_[cmdk-group-items]]:gap-px", children: [filteredMeta.map((agent) => renderAgentItem(agent, true)), filteredMeta.length > 0 && filteredProject.length > 0 && (_jsx(CommandSeparator, { className: "my-1" })), filteredProject.map((agent) => renderAgentItem(agent, false))] })), filteredPrimary.length === 0 && search.trim() && (_jsxs("div", { className: "text-muted-foreground py-8 text-center text-xs", children: [tHardcodedUi.raw('componentsSessionSessionChatInput.line273JsxTextNoAgentsMatchLdquo'), search.trim(), tHardcodedUi.raw('componentsSessionSessionChatInput.line273JsxTextRdquo')] }))] })] })] }));

package/dist/session/composer/composer-underbar.d.ts

@@ -52,5 +52,7 @@ export interface ComposerUnderbarProps {
     /** See `SessionChatInputProps.agentPickerCompact`. */
     agentPickerCompact?: boolean;
     toolbarSlot?: React.ReactNode;
+    /** Right of the agent picker: the session's agents line. Same row, no added height. */
+    agentsSlot?: React.ReactNode;
 }
-export declare function ComposerUnderbar({ onAttachClick, agents, selectedAgent, agentMenuOpen, onAgentMenuOpenChange, onAgentChange, noAccessibleAgents, messages, models, selectedModel, onContextClick, variant, agentPickerCompact, toolbarSlot, }: ComposerUnderbarProps): import("react").JSX.Element;
+export declare function ComposerUnderbar({ onAttachClick, agents, selectedAgent, agentMenuOpen, onAgentMenuOpenChange, onAgentChange, noAccessibleAgents, messages, models, selectedModel, onContextClick, variant, agentPickerCompact, toolbarSlot, agentsSlot, }: ComposerUnderbarProps): import("react").JSX.Element;

package/dist/session/composer/composer-underbar.js

@@ -14,7 +14,7 @@ import { TokenProgress } from './token-progress.js';
 const NO_AGENT_SELECT = () => { };
 /** Stable identity so the empty roster doesn't remount the picker per render. */
 const EMPTY_AGENTS = [];
-export function ComposerUnderbar({ onAttachClick, agents, selectedAgent, agentMenuOpen, onAgentMenuOpenChange, onAgentChange, noAccessibleAgents = false, messages, models, selectedModel, onContextClick, variant = 'row', agentPickerCompact = false, toolbarSlot, }) {
+export function ComposerUnderbar({ onAttachClick, agents, selectedAgent, agentMenuOpen, onAgentMenuOpenChange, onAgentChange, noAccessibleAgents = false, messages, models, selectedModel, onContextClick, variant = 'row', agentPickerCompact = false, toolbarSlot, agentsSlot, }) {
     const t = useTranslations('threads');
     const { contextMeterEnabled } = useUiHostConfig();
     /*
@@ -55,5 +55,5 @@ export function ComposerUnderbar({ onAttachClick, agents, selectedAgent, agentMe
             : 'kortix-composer-underbar flex items-center justify-between gap-2 px-px pt-1.5 pb-2', children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(Hint, { side: "top", label: t('attachFiles'), children: _jsx(Button, { type: "button", variant: "ghost", size: "icon-base", onClick: onAttachClick, "aria-label": t('attachFiles'), 
                             // `hit-area-3` — the ≈29px ghost chip clears the 44px mobile tap
                             // floor only with the shared pseudo-element extension.
-                            className: "text-muted-foreground hit-area-3 rounded-lg", children: _jsx(Paperclip, { className: "size-4 shrink-0" }) }) }), _jsx(AgentSelector, { compact: agentPickerCompact, agents: noAccessibleAgents ? EMPTY_AGENTS : agents, selectedAgent: selectedAgent, open: agentMenuOpen, onOpenChange: onAgentMenuOpenChange, onSelect: onAgentChange ?? NO_AGENT_SELECT, triggerLabelClassName: "max-w-[7rem]", unavailableHint: noAccessibleAgents ? NO_AGENT_ACCESS_MESSAGE : undefined })] }), _jsxs("div", { className: "flex items-center gap-1", children: [(inline && !messages) || !contextMeterEnabled ? null : (_jsx(TokenProgress, { messages: messages, models: models, selectedModel: selectedModel, onContextClick: onContextClick })), toolbarSlot] })] }));
+                            className: "text-muted-foreground hit-area-3 rounded-lg", children: _jsx(Paperclip, { className: "size-4 shrink-0" }) }) }), _jsx(AgentSelector, { compact: agentPickerCompact, agents: noAccessibleAgents ? EMPTY_AGENTS : agents, selectedAgent: selectedAgent, open: agentMenuOpen, onOpenChange: onAgentMenuOpenChange, onSelect: onAgentChange ?? NO_AGENT_SELECT, triggerLabelClassName: "max-w-[7rem]", unavailableHint: noAccessibleAgents ? NO_AGENT_ACCESS_MESSAGE : undefined }), agentsSlot] }), _jsxs("div", { className: "flex items-center gap-1", children: [(inline && !messages) || !contextMeterEnabled ? null : (_jsx(TokenProgress, { messages: messages, models: models, selectedModel: selectedModel, onContextClick: onContextClick })), toolbarSlot] })] }));
 }

package/dist/session/composer/composer.d.ts

@@ -234,6 +234,11 @@ export interface SessionChatInputProps {
     aboveSlot?: React.ReactNode;
     inputSlot?: React.ReactNode;
     toolbarSlot?: React.ReactNode;
+    /**
+     * Rides the under-row right of the agent picker, in both placements: the
+     * session's agents line (`AgentsLine`). It must not add height to the row.
+     */
+    underbarSlot?: React.ReactNode;
     /**
      * Where the under-row's controls live — attach, the agent picker and the
      * context ring.