@stigmer/react 0.0.36 → 0.0.40

package/execution/MessageEntry.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Markdown from "react-markdown";
+import { MessageType } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
+import { cn } from "@stigmer/theme";
+import { MARKDOWN_COMPONENTS, REMARK_PLUGINS } from "../internal/markdown-components";
+/**
+ * Renders a single message in the conversation thread.
+ *
+ * - `MESSAGE_HUMAN` — plain text with muted background
+ * - `MESSAGE_AI` — markdown-rendered via `react-markdown` + `remark-gfm`,
+ *   with a blinking cursor while streaming
+ * - `MESSAGE_SYSTEM` — small muted text
+ * - `MESSAGE_TOOL` / `UNSPECIFIED` — renders nothing (tool results are
+ *   consumed by {@link ToolCallGroup} in SP4)
+ *
+ * Purely presentational — no data fetching, no state.
+ * All visual properties flow through `--stgm-*` tokens.
+ *
+ * @example
+ * ```tsx
+ * <MessageEntry message={agentMessage} />
+ * ```
+ */
+export function MessageEntry({ message, className }) {
+    switch (message.type) {
+        case MessageType.MESSAGE_HUMAN:
+            return _jsx(HumanMessage, { content: message.content, className: className });
+        case MessageType.MESSAGE_AI:
+            return (_jsx(AiMessage, { content: message.content, isStreaming: message.isStreaming, className: className }));
+        case MessageType.MESSAGE_SYSTEM:
+            return _jsx(SystemMessage, { content: message.content, className: className });
+        default:
+            return null;
+    }
+}
+function HumanMessage({ content, className, }) {
+    return (_jsx("div", { role: "article", "aria-label": "User message", className: cn("ms-[20%] rounded-lg bg-muted/50 px-4 py-3", className), children: _jsx("p", { className: "text-sm text-foreground whitespace-pre-wrap", children: content }) }));
+}
+function AiMessage({ content, isStreaming, className, }) {
+    return (_jsx("div", { role: "article", "aria-label": "AI response", "aria-busy": isStreaming, className: cn("px-4 py-3", className), children: _jsxs("div", { className: "stgm-prose", children: [_jsx(Markdown, { remarkPlugins: REMARK_PLUGINS, components: MARKDOWN_COMPONENTS, children: content }), isStreaming && (_jsx("span", { className: "inline-block w-[2px] h-[1em] bg-foreground align-text-bottom animate-pulse ml-0.5", "aria-hidden": "true" }))] }) }));
+}
+function SystemMessage({ content, className, }) {
+    return (_jsx("div", { role: "article", "aria-label": "System message", className: cn("px-4 py-2", className), children: _jsx("p", { className: "text-xs text-muted-foreground italic", children: content }) }));
+}
+//# sourceMappingURL=MessageEntry.js.map

package/execution/MessageEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageEntry.js","sourceRoot":"","sources":["../../src/execution/MessageEntry.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAC;AAC3F,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAOtF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAqB;IACpE,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;QACrB,KAAK,WAAW,CAAC,aAAa;YAC5B,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;QAC1E,KAAK,WAAW,CAAC,UAAU;YACzB,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;QACJ,KAAK,WAAW,CAAC,cAAc;YAC7B,OAAO,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;QAC3E;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,OAAO,EACP,SAAS,GAIV;IACC,OAAO,CACL,cACE,IAAI,EAAC,SAAS,gBACH,cAAc,EACzB,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,YAErE,YAAG,SAAS,EAAC,6CAA6C,YAAE,OAAO,GAAK,GACpE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,OAAO,EACP,WAAW,EACX,SAAS,GAKV;IACC,OAAO,CACL,cACE,IAAI,EAAC,SAAS,gBACH,aAAa,eACb,WAAW,EACtB,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YAErC,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,QAAQ,IACP,aAAa,EAAE,cAAc,EAC7B,UAAU,EAAE,mBAAmB,YAE9B,OAAO,GACC,EACV,WAAW,IAAI,CACd,eACE,SAAS,EAAC,mFAAmF,iBACjF,MAAM,GAClB,CACH,IACG,GACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,OAAO,EACP,SAAS,GAIV;IACC,OAAO,CACL,cACE,IAAI,EAAC,SAAS,gBACH,gBAAgB,EAC3B,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YAErC,YAAG,SAAS,EAAC,sCAAsC,YAAE,OAAO,GAAK,GAC7D,CACP,CAAC;AACJ,CAAC"}

package/execution/MessageThread.d.ts

@@ -0,0 +1,88 @@
+import type { AgentExecution } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/api_pb";
+import type { ToolCall } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/message_pb";
+import { ApprovalAction } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
+import type { WorkspaceEntry } from "@stigmer/protos/ai/stigmer/agentic/session/v1/workspace_pb";
+import type { ResolvedPathAction } from "./file-path-resolver";
+export interface MessageThreadProps {
+    /** Completed executions in chronological order. */
+    readonly executions: readonly AgentExecution[];
+    /**
+     * The currently streaming execution. Appended after `executions` to
+     * form a continuous thread. Pass `null` or `undefined` when no
+     * execution is actively streaming.
+     */
+    readonly activeStreamExecution?: AgentExecution | null;
+    /**
+     * Optimistic user message shown at the end of the thread before the
+     * stream delivers the real message. Rendered as a human message with
+     * a sending indicator. Clear this prop once the stream delivers its
+     * first snapshot.
+     */
+    readonly pendingUserMessage?: string | null;
+    readonly className?: string;
+    /**
+     * Custom formatter for tool call summary labels. Passed through to
+     * each {@link ToolCallGroup}.
+     */
+    readonly formatToolCallSummary?: (toolCalls: readonly ToolCall[]) => string;
+    /**
+     * Callback for approval actions. When provided and the active
+     * execution has pending approvals, {@link ApprovalCard}s are
+     * rendered as thread items. When omitted, no approval UI is
+     * shown (backward compatible).
+     */
+    readonly onApprovalSubmit?: (toolCallId: string, action: ApprovalAction, comment?: string) => void;
+    /**
+     * Set of tool call IDs currently being submitted for approval.
+     * Drives per-card loading state. Only meaningful when
+     * `onApprovalSubmit` is provided.
+     */
+    readonly submittingApprovalIds?: ReadonlySet<string>;
+    /**
+     * Tool call IDs to exclude from the approval list. Used for
+     * optimistic removal after a decision has been submitted --
+     * the card disappears immediately without waiting for the next
+     * stream snapshot. Managed by {@link useSessionConversation}.
+     */
+    readonly dismissedApprovalIds?: ReadonlySet<string>;
+    /**
+     * Workspace entries from the session spec. When provided, file
+     * paths in tool call rendering become interactive — git-sourced
+     * paths open on GitHub, local paths offer copy-to-clipboard.
+     *
+     * Passed to {@link FilePathContext} for consumption by
+     * {@link FilePathLink} components deep in the tree.
+     */
+    readonly workspaceEntries?: readonly WorkspaceEntry[];
+    /**
+     * Optional override for file path click behavior. Platform
+     * builders use this to integrate their own file viewer or
+     * navigation instead of the default open-URL / copy-to-clipboard.
+     */
+    readonly onFilePathClick?: (path: string, resolved: ResolvedPathAction) => void;
+}
+/**
+ * Renders a continuous conversation thread from one or more
+ * {@link AgentExecution} snapshots.
+ *
+ * Composes {@link MessageEntry}, {@link ToolCallGroup}, and
+ * {@link ExecutionPhaseBadge} into a scrollable, auto-scrolling log
+ * that follows new content when the user is near the bottom.
+ *
+ * Renders nothing when no executions are provided.
+ *
+ * All visual properties flow through `--stgm-*` tokens.
+ *
+ * @example
+ * ```tsx
+ * const { executions } = useSessionExecutions(sessionId);
+ * const stream = useExecutionStream(activeId);
+ *
+ * <MessageThread
+ *   executions={executions ?? []}
+ *   activeStreamExecution={stream.execution}
+ * />
+ * ```
+ */
+export declare function MessageThread({ executions, activeStreamExecution, pendingUserMessage, className, formatToolCallSummary, onApprovalSubmit, submittingApprovalIds, dismissedApprovalIds, workspaceEntries, onFilePathClick, }: MessageThreadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageThread.d.ts.map

package/execution/MessageThread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageThread.d.ts","sourceRoot":"","sources":["../../src/execution/MessageThread.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6DAA6D,CAAC;AAClG,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,iEAAiE,CAAC;AAI9G,OAAO,EACL,cAAc,EAGf,MAAM,8DAA8D,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4DAA4D,CAAC;AAQjG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,QAAQ,CAAC,UAAU,EAAE,SAAS,cAAc,EAAE,CAAC;IAC/C;;;;OAIG;IACH,QAAQ,CAAC,qBAAqB,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvD;;;;;OAKG;IACH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,QAAQ,EAAE,KAAK,MAAM,CAAC;IAC5E;;;;;OAKG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAC1B,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAC;IACV;;;;OAIG;IACH,QAAQ,CAAC,qBAAqB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,CAAC,oBAAoB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpD;;;;;;;OAOG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IACtD;;;;OAIG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,CACzB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kBAAkB,KACzB,IAAI,CAAC;CACX;AAyHD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,SAAS,EACT,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,EAAE,kBAAkB,2CAmGpB"}

package/execution/MessageThread.js

@@ -0,0 +1,157 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { create } from "@bufbuild/protobuf";
+import { AgentMessageSchema } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/message_pb";
+import { ExecutionPhase, MessageType, } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
+import { cn } from "@stigmer/theme";
+import { isTerminalPhase } from "./execution-phases";
+import { MessageEntry } from "./MessageEntry";
+import { ToolCallGroup } from "./ToolCallGroup";
+import { ExecutionPhaseBadge } from "./ExecutionPhaseBadge";
+import { ApprovalCard } from "./ApprovalCard";
+import { FilePathContext } from "./FilePathContext";
+const AUTO_SCROLL_THRESHOLD_PX = 80;
+function buildThreadItems(executions, activeStreamExecution, pendingUserMessage, includeApprovals, dismissedApprovalIds) {
+    const items = [];
+    const allExecutions = activeStreamExecution
+        ? [...executions, activeStreamExecution]
+        : executions;
+    for (let ei = 0; ei < allExecutions.length; ei++) {
+        const exec = allExecutions[ei];
+        const messages = exec.status?.messages ?? [];
+        const subAgents = exec.status?.subAgentExecutions ?? [];
+        const specMessage = exec.spec?.message;
+        if (specMessage && specMessage !== "execute") {
+            const syntheticHumanMsg = create(AgentMessageSchema);
+            syntheticHumanMsg.type = MessageType.MESSAGE_HUMAN;
+            syntheticHumanMsg.content = specMessage;
+            items.push({
+                kind: "message",
+                message: syntheticHumanMsg,
+                key: `e${ei}-spec-msg`,
+            });
+        }
+        for (let mi = 0; mi < messages.length; mi++) {
+            const msg = messages[mi];
+            // MESSAGE_TOOL messages are not rendered — tool calls are attached
+            // to their parent MESSAGE_AI and rendered via ToolCallGroup.
+            if (msg.type === MessageType.MESSAGE_TOOL)
+                continue;
+            const isEmptyAi = msg.type === MessageType.MESSAGE_AI && !msg.content.trim();
+            if (!isEmptyAi) {
+                items.push({
+                    kind: "message",
+                    message: msg,
+                    key: `e${ei}-m${mi}`,
+                });
+            }
+            if (msg.type === MessageType.MESSAGE_AI &&
+                msg.toolCalls.length > 0) {
+                items.push({
+                    kind: "tool-group",
+                    toolCalls: msg.toolCalls,
+                    subAgentExecutions: subAgents,
+                    key: `e${ei}-m${mi}-tc`,
+                });
+            }
+        }
+    }
+    const lastExec = allExecutions[allExecutions.length - 1];
+    const lastPhase = lastExec?.status?.phase ?? ExecutionPhase.EXECUTION_PHASE_UNSPECIFIED;
+    if (isTerminalPhase(lastPhase) &&
+        lastPhase !== ExecutionPhase.EXECUTION_COMPLETED) {
+        items.push({
+            kind: "phase-badge",
+            phase: lastPhase,
+            key: `phase-${lastPhase}`,
+        });
+    }
+    if (includeApprovals) {
+        const allApprovals = lastExec?.status?.pendingApprovals ?? [];
+        for (let ai = 0; ai < allApprovals.length; ai++) {
+            const approval = allApprovals[ai];
+            if (dismissedApprovalIds?.has(approval.toolCallId))
+                continue;
+            items.push({
+                kind: "approval-request",
+                pendingApproval: approval,
+                key: `approval-${approval.toolCallId || ai}`,
+            });
+        }
+    }
+    if (pendingUserMessage) {
+        const alreadySynthesized = lastExec?.spec?.message === pendingUserMessage;
+        if (!alreadySynthesized) {
+            items.push({
+                kind: "pending-message",
+                content: pendingUserMessage,
+                key: "pending-user-message",
+            });
+        }
+    }
+    return items;
+}
+/**
+ * Renders a continuous conversation thread from one or more
+ * {@link AgentExecution} snapshots.
+ *
+ * Composes {@link MessageEntry}, {@link ToolCallGroup}, and
+ * {@link ExecutionPhaseBadge} into a scrollable, auto-scrolling log
+ * that follows new content when the user is near the bottom.
+ *
+ * Renders nothing when no executions are provided.
+ *
+ * All visual properties flow through `--stgm-*` tokens.
+ *
+ * @example
+ * ```tsx
+ * const { executions } = useSessionExecutions(sessionId);
+ * const stream = useExecutionStream(activeId);
+ *
+ * <MessageThread
+ *   executions={executions ?? []}
+ *   activeStreamExecution={stream.execution}
+ * />
+ * ```
+ */
+export function MessageThread({ executions, activeStreamExecution, pendingUserMessage, className, formatToolCallSummary, onApprovalSubmit, submittingApprovalIds, dismissedApprovalIds, workspaceEntries, onFilePathClick, }) {
+    const scrollRef = useRef(null);
+    const isNearBottomRef = useRef(true);
+    const includeApprovals = onApprovalSubmit != null;
+    const items = useMemo(() => buildThreadItems(executions, activeStreamExecution, pendingUserMessage, includeApprovals, dismissedApprovalIds), [executions, activeStreamExecution, pendingUserMessage, includeApprovals, dismissedApprovalIds]);
+    const handleScroll = useCallback(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        isNearBottomRef.current =
+            el.scrollHeight - el.scrollTop - el.clientHeight < AUTO_SCROLL_THRESHOLD_PX;
+    }, []);
+    useEffect(() => {
+        if (!isNearBottomRef.current)
+            return;
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        el.scrollTop = el.scrollHeight;
+    }, [items]);
+    const filePathCtx = useMemo(() => ({
+        workspaceEntries: workspaceEntries ?? [],
+        onFilePathClick,
+    }), [workspaceEntries, onFilePathClick]);
+    return (_jsx("div", { ref: scrollRef, role: "log", "aria-live": "polite", "aria-relevant": "additions", onScroll: handleScroll, className: cn("flex flex-col gap-4 overflow-y-auto pt-6 pb-4", "[scrollbar-width:thin] [scrollbar-color:var(--color-border)_transparent]", "[&::-webkit-scrollbar]:w-1.5", "[&::-webkit-scrollbar-track]:bg-transparent", "[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border/40", className), children: _jsx(FilePathContext.Provider, { value: filePathCtx, children: items.map((item) => {
+                switch (item.kind) {
+                    case "message":
+                        return _jsx(MessageEntry, { message: item.message }, item.key);
+                    case "tool-group":
+                        return (_jsx(ToolCallGroup, { toolCalls: item.toolCalls, subAgentExecutions: item.subAgentExecutions, formatSummary: formatToolCallSummary, className: "mx-4" }, item.key));
+                    case "phase-badge":
+                        return (_jsx("div", { className: "flex justify-center py-3", children: _jsx(ExecutionPhaseBadge, { phase: item.phase }) }, item.key));
+                    case "approval-request":
+                        return (_jsx(ApprovalCard, { pendingApproval: item.pendingApproval, onSubmit: (action, comment) => onApprovalSubmit(item.pendingApproval.toolCallId, action, comment), isSubmitting: submittingApprovalIds?.has(item.pendingApproval.toolCallId) ?? false, className: "mx-4" }, item.key));
+                    case "pending-message":
+                        return (_jsx("div", { role: "article", "aria-label": "Sending message", className: "ms-[20%] rounded-lg bg-muted/50 px-4 py-3 opacity-70", children: _jsx("p", { className: "text-sm text-foreground whitespace-pre-wrap", children: item.content }) }, item.key));
+                }
+            }) }) }));
+}
+//# sourceMappingURL=MessageThread.js.map

package/execution/MessageThread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageThread.js","sourceRoot":"","sources":["../../src/execution/MessageThread.tsx"],"names":[],"mappings":"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"}

package/execution/SessionVariablesInput.d.ts

@@ -0,0 +1,47 @@
+import type { UseSessionVariablesReturn } from "./useSessionVariables";
+export interface SessionVariablesInputProps {
+    /** Hook instance returned by {@link useSessionVariables}. */
+    readonly sessionVariables: UseSessionVariablesReturn;
+    readonly disabled?: boolean;
+    readonly className?: string;
+    /**
+     * Map of env-var keys to the names of resources that require them.
+     *
+     * When a session variable's key matches a required key, a subtle
+     * "Used by: X" indicator is shown, confirming the cross-link
+     * between the variable and the agent/MCP server that needs it.
+     *
+     * Built by `SessionComposer` from the selected agent's and MCP
+     * servers' `env_spec` declarations.
+     *
+     * @example
+     * ```ts
+     * { "GITHUB_TOKEN": ["GitHub MCP Server", "Code Reviewer Agent"] }
+     * ```
+     */
+    readonly requiredByMap?: Readonly<Record<string, readonly string[]>>;
+}
+/**
+ * Compact key-value editor for session-scoped environment variables.
+ *
+ * Designed to render inside a popover within {@link SessionComposer}.
+ * Each entry collects a variable name, value, secret toggle, and an
+ * optional "save for future" toggle. By default values are ephemeral
+ * (single execution); toggling "save for future" persists them to the
+ * user's personal environment.
+ *
+ * This is a **pure presentational component** with no knowledge of
+ * sessions, executions, or orchestration. Platform builders can use
+ * it standalone with {@link useSessionVariables} for custom UIs.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * const sessionVariables = useSessionVariables();
+ *
+ * <SessionVariablesInput sessionVariables={sessionVariables} />
+ * ```
+ */
+export declare function SessionVariablesInput({ sessionVariables, disabled, className, requiredByMap, }: SessionVariablesInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionVariablesInput.d.ts.map

package/execution/SessionVariablesInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionVariablesInput.d.ts","sourceRoot":"","sources":["../../src/execution/SessionVariablesInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAIvE,MAAM,WAAW,0BAA0B;IACzC,6DAA6D;IAC7D,QAAQ,CAAC,gBAAgB,EAAE,yBAAyB,CAAC;IACrD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;;;;;;;;;;OAcG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC,CAAC;CACtE;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,gBAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,aAAa,GACd,EAAE,0BAA0B,2CAsF5B"}

package/execution/SessionVariablesInput.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn } from "@stigmer/theme";
+import { useScrollShadows } from "../internal/useScrollShadows";
+import { ScrollFade } from "../internal/ScrollFade";
+/**
+ * Compact key-value editor for session-scoped environment variables.
+ *
+ * Designed to render inside a popover within {@link SessionComposer}.
+ * Each entry collects a variable name, value, secret toggle, and an
+ * optional "save for future" toggle. By default values are ephemeral
+ * (single execution); toggling "save for future" persists them to the
+ * user's personal environment.
+ *
+ * This is a **pure presentational component** with no knowledge of
+ * sessions, executions, or orchestration. Platform builders can use
+ * it standalone with {@link useSessionVariables} for custom UIs.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * const sessionVariables = useSessionVariables();
+ *
+ * <SessionVariablesInput sessionVariables={sessionVariables} />
+ * ```
+ */
+export function SessionVariablesInput({ sessionVariables, disabled = false, className, requiredByMap, }) {
+    const entries = useScrollShadows();
+    const duplicateKeys = useMemo(() => {
+        const seen = new Set();
+        const dupes = new Set();
+        for (const entry of sessionVariables.entries) {
+            const k = entry.key.trim();
+            if (k === "")
+                continue;
+            if (seen.has(k))
+                dupes.add(k);
+            seen.add(k);
+        }
+        return dupes;
+    }, [sessionVariables.entries]);
+    return (_jsxs("div", { className: cn("w-80 space-y-3", className), "aria-label": "Session variables", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx("h3", { className: "text-xs font-medium text-foreground", children: "Session variables" }), _jsx("p", { className: "text-[0.65rem] text-muted-foreground", children: "Additional environment variables for this session." })] }), sessionVariables.entries.length > 0 ? (_jsxs("div", { className: "relative", children: [entries.canScrollUp && _jsx(ScrollFade, { position: "top" }), _jsx("div", { ref: entries.scrollRef, className: "max-h-64 space-y-2.5 overflow-y-auto", children: sessionVariables.entries.map((entry) => {
+                            const isDuplicate = duplicateKeys.has(entry.key.trim());
+                            return (_jsx(VariableEntryRow, { id: entry.id, entryKey: entry.key, value: entry.value, isSecret: entry.isSecret, saveForFuture: entry.saveForFuture, isDuplicate: isDuplicate, disabled: disabled, onUpdate: sessionVariables.updateEntry, onRemove: sessionVariables.removeEntry, requiredBy: entry.key.trim()
+                                    ? requiredByMap?.[entry.key.trim()]
+                                    : undefined }, entry.id));
+                        }) }), entries.canScrollDown && _jsx(ScrollFade, { position: "bottom" })] })) : (_jsx("p", { className: "py-2 text-center text-[0.65rem] text-muted-foreground/70", children: "No variables added." })), _jsxs("button", { type: "button", onClick: sessionVariables.addEntry, disabled: disabled, className: cn("inline-flex w-full items-center justify-center gap-1 rounded-md py-1.5 text-xs", "border border-dashed border-border text-muted-foreground", "hover:border-border hover:bg-accent/50 hover:text-foreground", "disabled:pointer-events-none disabled:opacity-50"), children: [_jsx(PlusIcon, {}), _jsx("span", { children: "Add variable" })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Entry row
+// ---------------------------------------------------------------------------
+function VariableEntryRow({ id, entryKey, value, isSecret, saveForFuture, isDuplicate, disabled, onUpdate, onRemove, requiredBy, }) {
+    const keyInputId = `stgm-sv-key-${id}`;
+    const valInputId = `stgm-sv-val-${id}`;
+    const removeLabel = entryKey.trim() || "entry";
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("input", { id: keyInputId, type: "text", value: entryKey, onChange: (e) => onUpdate(id, { key: e.target.value }), disabled: disabled, placeholder: "VARIABLE_NAME", autoComplete: "off", spellCheck: false, "aria-label": "Variable name", className: cn("min-w-0 flex-1 rounded-md border border-input bg-background px-2.5 py-1.5 font-mono text-xs text-foreground", "placeholder:text-muted-foreground/50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50", isDuplicate && "border-warning") }), _jsx(SecretToggle, { checked: isSecret, disabled: disabled, onChange: (v) => onUpdate(id, { isSecret: v }) }), _jsx("button", { type: "button", onClick: () => onRemove(id), disabled: disabled, className: "shrink-0 rounded p-0.5 text-muted-foreground hover:text-destructive disabled:pointer-events-none disabled:opacity-50", "aria-label": `Remove ${removeLabel}`, children: _jsx(XIcon, {}) })] }), _jsx("div", { className: "relative", children: _jsx("input", { id: valInputId, type: isSecret ? "password" : "text", value: value, onChange: (e) => onUpdate(id, { value: e.target.value }), disabled: disabled, placeholder: isSecret ? "••••••••" : "value", autoComplete: "off", "aria-label": `Variable value${entryKey.trim() ? ` for ${entryKey.trim()}` : ""}`, className: cn("w-full rounded-md border border-input bg-background px-2.5 py-1.5 text-xs text-foreground", "placeholder:text-muted-foreground/50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50") }) }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("button", { type: "button", role: "switch", "aria-checked": saveForFuture, "aria-label": saveForFuture ? "Saved for future runs" : "Used once only", disabled: disabled, onClick: () => onUpdate(id, { saveForFuture: !saveForFuture }), className: cn("relative inline-flex h-3.5 w-6 shrink-0 cursor-pointer rounded-full transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", "disabled:pointer-events-none disabled:opacity-50", saveForFuture ? "bg-primary" : "bg-input"), children: _jsx("span", { className: cn("pointer-events-none block h-2.5 w-2.5 translate-y-0.5 rounded-full bg-background shadow-sm ring-0 transition-transform", saveForFuture ? "translate-x-3" : "translate-x-0.5") }) }), _jsx("span", { className: "text-[0.6rem] text-muted-foreground", children: saveForFuture ? "Save for future runs" : "This run only" })] }), requiredBy && requiredBy.length > 0 && (_jsxs("p", { className: "text-[0.55rem] text-primary/70", children: ["Used by: ", requiredBy.join(", ")] })), isDuplicate && (_jsx("p", { className: "text-[0.6rem] text-warning", role: "alert", children: "Duplicate key \u2014 last value wins." }))] }));
+}
+// ---------------------------------------------------------------------------
+// Secret toggle (compact checkbox-style)
+// ---------------------------------------------------------------------------
+function SecretToggle({ checked, disabled, onChange, }) {
+    return (_jsxs("button", { type: "button", role: "switch", "aria-checked": checked, "aria-label": checked ? "Marked as secret" : "Not marked as secret", disabled: disabled, onClick: () => onChange(!checked), className: cn("inline-flex shrink-0 items-center gap-0.5 rounded-md px-1.5 py-1 text-[0.55rem] font-medium uppercase tracking-wider transition-colors", "disabled:pointer-events-none disabled:opacity-50", checked
+            ? "bg-primary/10 text-primary"
+            : "bg-muted/50 text-muted-foreground hover:bg-muted"), children: [_jsx(LockIcon, {}), _jsx("span", { children: checked ? "secret" : "plain" })] }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function PlusIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M8 3v10M3 8h10" }) }));
+}
+function XIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M4 4L10 10M10 4L4 10" }) }));
+}
+function LockIcon() {
+    return (_jsxs("svg", { width: "8", height: "8", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "8", width: "10", height: "7", rx: "1.5" }), _jsx("path", { d: "M5 8V5a3 3 0 0 1 6 0v3" })] }));
+}
+//# sourceMappingURL=SessionVariablesInput.js.map

package/execution/SessionVariablesInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionVariablesInput.js","sourceRoot":"","sources":["../../src/execution/SessionVariablesInput.tsx"],"names":[],"mappings":"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"}

package/execution/SubAgentSection.d.ts

@@ -0,0 +1,23 @@
+import type { SubAgentExecution } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/subagent_pb";
+export interface SubAgentSectionProps {
+    readonly subAgentExecution: SubAgentExecution;
+    readonly className?: string;
+}
+/**
+ * Renders a sub-agent execution as a nested mini-thread inside the
+ * parent conversation.
+ *
+ * Composes {@link MessageEntry} and {@link ToolCallGroup} to display
+ * the sub-agent's internal messages and tool calls — the same
+ * building blocks used by the top-level {@link MessageThread}.
+ *
+ * Visually distinguished from the parent thread via a left border
+ * and subtle background.
+ *
+ * @example
+ * ```tsx
+ * <SubAgentSection subAgentExecution={sub} />
+ * ```
+ */
+export declare function SubAgentSection({ subAgentExecution: sub, className, }: SubAgentSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubAgentSection.d.ts.map

package/execution/SubAgentSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubAgentSection.d.ts","sourceRoot":"","sources":["../../src/execution/SubAgentSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kEAAkE,CAAC;AAW1G,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAC9C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAAC,EAC9B,iBAAiB,EAAE,GAAG,EACtB,SAAS,GACV,EAAE,oBAAoB,2CAkEtB"}

package/execution/SubAgentSection.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MessageType, SubAgentStatus, } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
+import { cn } from "@stigmer/theme";
+import { formatDuration } from "./ToolCallDetail";
+import { MessageEntry } from "./MessageEntry";
+import { ToolCallGroup } from "./ToolCallGroup";
+/**
+ * Renders a sub-agent execution as a nested mini-thread inside the
+ * parent conversation.
+ *
+ * Composes {@link MessageEntry} and {@link ToolCallGroup} to display
+ * the sub-agent's internal messages and tool calls — the same
+ * building blocks used by the top-level {@link MessageThread}.
+ *
+ * Visually distinguished from the parent thread via a left border
+ * and subtle background.
+ *
+ * @example
+ * ```tsx
+ * <SubAgentSection subAgentExecution={sub} />
+ * ```
+ */
+export function SubAgentSection({ subAgentExecution: sub, className, }) {
+    const duration = formatDuration(sub.startedAt, sub.completedAt);
+    const statusInfo = SUB_AGENT_STATUS_MAP[sub.status];
+    const Icon = statusInfo.icon;
+    const isFailed = sub.status === SubAgentStatus.SUB_AGENT_FAILED;
+    const threadItems = buildSubAgentThreadItems(sub.messages);
+    return (_jsxs("div", { className: cn("border-l-2 border-primary/20 pl-3", className), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 py-1.5 text-xs", children: [_jsx("span", { className: cn("shrink-0", statusInfo.colorClass), "aria-hidden": "true", children: _jsx(Icon, {}) }), _jsx("span", { className: "font-medium text-foreground", children: sub.name }), sub.subject && (_jsx("span", { className: "text-muted-foreground", children: sub.subject })), duration && (_jsx("span", { className: "tabular-nums text-muted-foreground", children: duration }))] }), threadItems.length > 0 && (_jsx("div", { className: "flex flex-col gap-1 pb-1", children: threadItems.map((item) => {
+                    switch (item.kind) {
+                        case "message":
+                            return (_jsx(MessageEntry, { message: item.message }, item.key));
+                        case "tool-group":
+                            return (_jsx(ToolCallGroup, { toolCalls: item.toolCalls }, item.key));
+                    }
+                }) })), isFailed && sub.error && (_jsx("div", { className: "rounded-md border border-destructive/20 bg-destructive/5 px-2 py-1.5 text-xs text-destructive", children: sub.error }))] }));
+}
+function buildSubAgentThreadItems(messages) {
+    const items = [];
+    for (let i = 0; i < messages.length; i++) {
+        const msg = messages[i];
+        if (msg.type === MessageType.MESSAGE_TOOL)
+            continue;
+        items.push({ kind: "message", message: msg, key: `sa-m${i}` });
+        if (msg.type === MessageType.MESSAGE_AI && msg.toolCalls.length > 0) {
+            items.push({
+                kind: "tool-group",
+                toolCalls: msg.toolCalls,
+                key: `sa-m${i}-tc`,
+            });
+        }
+    }
+    return items;
+}
+const SUB_AGENT_STATUS_MAP = {
+    [SubAgentStatus.SUB_AGENT_STATUS_UNSPECIFIED]: {
+        label: "Unknown",
+        colorClass: "text-muted-foreground",
+        icon: DotIcon,
+    },
+    [SubAgentStatus.SUB_AGENT_PENDING]: {
+        label: "Pending",
+        colorClass: "text-muted-foreground",
+        icon: DotIcon,
+    },
+    [SubAgentStatus.SUB_AGENT_IN_PROGRESS]: {
+        label: "Running",
+        colorClass: "text-foreground",
+        icon: SpinnerIcon,
+    },
+    [SubAgentStatus.SUB_AGENT_COMPLETED]: {
+        label: "Completed",
+        colorClass: "text-success",
+        icon: CheckCircleIcon,
+    },
+    [SubAgentStatus.SUB_AGENT_FAILED]: {
+        label: "Failed",
+        colorClass: "text-destructive",
+        icon: XCircleIcon,
+    },
+    [SubAgentStatus.SUB_AGENT_CANCELLED]: {
+        label: "Cancelled",
+        colorClass: "text-muted-foreground",
+        icon: XCircleIcon,
+    },
+};
+// ---------------------------------------------------------------------------
+// Inline SVG icons
+// ---------------------------------------------------------------------------
+function SpinnerIcon() {
+    return (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "animate-spin", children: _jsx("path", { d: "M6 1.5A4.5 4.5 0 1 1 1.5 6", strokeLinecap: "round" }) }));
+}
+function CheckCircleIcon() {
+    return (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "6", cy: "6", r: "4.5" }), _jsx("path", { d: "M4 6L5.5 7.5L8 4.5" })] }));
+}
+function XCircleIcon() {
+    return (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "6", cy: "6", r: "4.5" }), _jsx("path", { d: "M4.5 4.5L7.5 7.5M7.5 4.5L4.5 7.5" })] }));
+}
+function DotIcon() {
+    return (_jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "currentColor", children: _jsx("circle", { cx: "4", cy: "4", r: "2.5" }) }));
+}
+//# sourceMappingURL=SubAgentSection.js.map

package/execution/SubAgentSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubAgentSection.js","sourceRoot":"","sources":["../../src/execution/SubAgentSection.tsx"],"names":[],"mappings":"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"}