@stigmer/react 0.0.36 → 0.0.40

package/execution/ArtifactPreviewModal.js

@@ -0,0 +1,310 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState, } from "react";
+import { ExecutionArtifactKind } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
+import { cn } from "@stigmer/theme";
+import { useArtifactContent } from "./useArtifactContent";
+import { isTextArtifact, formatArtifactSize, getArtifactExtension, } from "./artifact-utils";
+import { useDetectStigmerResource } from "../library/useDetectStigmerResource";
+import { useDetectSkillPackage } from "../library/useDetectSkillPackage";
+import { useApplyResource, } from "../library/useApplyResource";
+const COPIED_FEEDBACK_MS = 2000;
+/**
+ * Full preview modal for execution artifacts with content display,
+ * Stigmer resource detection, and Apply/Push CTA.
+ *
+ * Uses the native `<dialog>` element for zero-dependency modal behavior:
+ * focus trap via `showModal()`, top-layer promotion, Escape key handling,
+ * and `::backdrop` overlay — with no dependency on `@base-ui/react`.
+ *
+ * Internally orchestrates the same detection pipeline as {@link ArtifactCard}:
+ *
+ * - **FILE artifacts**: Fetches text content via {@link useArtifactContent},
+ *   displays with CSS-only YAML highlighting, and detects Agent/McpServer
+ *   resources via {@link useDetectStigmerResource}.
+ *
+ * - **DIRECTORY artifacts**: Shows the file listing from
+ *   `artifact.entries` and detects skill packages via
+ *   {@link useDetectSkillPackage}.
+ *
+ * Actions: Copy content to clipboard (file artifacts only), Download
+ * artifact, and Apply/Push (when a Stigmer resource is detected).
+ *
+ * @example
+ * ```tsx
+ * const [previewArtifact, setPreviewArtifact] =
+ *   useState<ExecutionArtifact | null>(null);
+ *
+ * {previewArtifact && (
+ *   <ArtifactPreviewModal
+ *     artifact={previewArtifact}
+ *     executionId={execution.id}
+ *     org={activeOrg}
+ *     isTerminal={isTerminalPhase(execution.status?.phase)}
+ *     open
+ *     onClose={() => setPreviewArtifact(null)}
+ *     onApplied={(result) => toast(`${result.kind} applied`)}
+ *   />
+ * )}
+ * ```
+ *
+ * @see {@link ArtifactCard} — compact card that triggers preview via `onPreview`
+ * @see {@link useArtifactContent} — content-fetching hook (headless alternative)
+ * @see {@link useDetectStigmerResource} — YAML resource detection (headless)
+ * @see {@link useDetectSkillPackage} — skill package detection (headless)
+ * @see {@link useApplyResource} — apply/push behavior hook (headless)
+ */
+export function ArtifactPreviewModal({ artifact, executionId, org, isTerminal, open, onClose, onApplied, className, }) {
+    const dialogRef = useRef(null);
+    // ---------------------------------------------------------------------------
+    // Native <dialog> lifecycle
+    // ---------------------------------------------------------------------------
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        if (open && !dialog.open) {
+            dialog.showModal();
+        }
+        else if (!open && dialog.open) {
+            dialog.close();
+        }
+    }, [open]);
+    const handleCancel = useCallback((e) => {
+        e.preventDefault();
+        onClose();
+    }, [onClose]);
+    // ---------------------------------------------------------------------------
+    // Detection orchestration (gated on `open` to skip fetching when hidden)
+    // ---------------------------------------------------------------------------
+    const isDirectory = artifact.kind === ExecutionArtifactKind.DIRECTORY;
+    const canFetchContent = open && !isDirectory && isTextArtifact(artifact);
+    const { content, contentType, isTruncated, isLoading: isContentLoading, error: contentError, } = useArtifactContent(canFetchContent ? executionId : null, canFetchContent ? artifact.storageKey : null);
+    const yamlDetection = useDetectStigmerResource(canFetchContent ? content : null);
+    const { detection: skillDetection, isLoading: isSkillLoading } = useDetectSkillPackage(isDirectory && open ? artifact : null, isDirectory && open ? executionId : null);
+    // ---------------------------------------------------------------------------
+    // Derived detection state
+    // ---------------------------------------------------------------------------
+    const isDetected = yamlDetection.detected || skillDetection.detected;
+    const isDetecting = (canFetchContent && isContentLoading) || (isDirectory && isSkillLoading);
+    let detectionLabel = null;
+    if (yamlDetection.detected) {
+        detectionLabel = `${yamlDetection.displayName} detected`;
+    }
+    else if (skillDetection.detected) {
+        const count = skillDetection.fileCount;
+        detectionLabel = `Skill \u00B7 ${count} ${count === 1 ? "file" : "files"}`;
+    }
+    // ---------------------------------------------------------------------------
+    // Apply state
+    // ---------------------------------------------------------------------------
+    const { applyYamlResource, pushSkillPackage, isApplying, error: applyError, clearError, } = useApplyResource();
+    const [applyResult, setApplyResult] = useState(null);
+    const handleApply = useCallback(async () => {
+        clearError();
+        try {
+            let result;
+            if (yamlDetection.detected && content) {
+                result = await applyYamlResource(content, org);
+            }
+            else if (skillDetection.detected) {
+                result = await pushSkillPackage({
+                    org,
+                    executionId,
+                    storageKey: artifact.storageKey,
+                });
+            }
+            else {
+                return;
+            }
+            setApplyResult(result);
+            onApplied?.(result);
+        }
+        catch {
+            // error state managed by useApplyResource
+        }
+    }, [
+        yamlDetection.detected,
+        skillDetection.detected,
+        content,
+        org,
+        executionId,
+        artifact.storageKey,
+        applyYamlResource,
+        pushSkillPackage,
+        clearError,
+        onApplied,
+    ]);
+    useEffect(() => {
+        if (!open) {
+            setApplyResult(null);
+            clearError();
+        }
+    }, [open, clearError]);
+    // ---------------------------------------------------------------------------
+    // Copy to clipboard
+    // ---------------------------------------------------------------------------
+    const [copied, setCopied] = useState(false);
+    const handleCopy = useCallback(() => {
+        if (!content)
+            return;
+        navigator.clipboard.writeText(content).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), COPIED_FEEDBACK_MS);
+        });
+    }, [content]);
+    useEffect(() => {
+        if (!open)
+            setCopied(false);
+    }, [open]);
+    // ---------------------------------------------------------------------------
+    // Content mode
+    // ---------------------------------------------------------------------------
+    const ext = getArtifactExtension(artifact);
+    const isYaml = ext === "yaml" || ext === "yml" || (contentType?.includes("yaml") ?? false);
+    let ctaLabel = null;
+    if (yamlDetection.detected) {
+        ctaLabel = `Apply to ${org}`;
+    }
+    else if (skillDetection.detected) {
+        ctaLabel = `Push Skill to ${org}`;
+    }
+    // ---------------------------------------------------------------------------
+    // Render
+    // ---------------------------------------------------------------------------
+    return (_jsx("dialog", { ref: dialogRef, onCancel: handleCancel, "aria-label": `Preview ${artifact.name}`, className: cn("w-full max-w-2xl rounded-lg border border-border bg-background p-0 text-foreground shadow-lg outline-none", "[&::backdrop]:bg-black/50", className), children: _jsxs("div", { className: "flex max-h-[80vh] flex-col", children: [_jsx(ModalHeader, { artifact: artifact, isDirectory: isDirectory, detectionLabel: detectionLabel, isDetecting: isDetecting, onClose: onClose }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto border-t border-border", children: isDirectory ? (_jsx(DirectoryContentView, { artifact: artifact, skillDetection: skillDetection })) : (_jsx(FileContentView, { content: content, isLoading: isContentLoading, error: contentError, isTruncated: isTruncated, isYaml: isYaml })) }), _jsx(ActionBar, { artifact: artifact, isDirectory: isDirectory, hasContent: content !== null, copied: copied, onCopy: handleCopy, isDetected: isDetected, ctaLabel: ctaLabel, isTerminal: isTerminal, isApplying: isApplying, applyResult: applyResult, applyError: applyError, onApply: handleApply }), _jsx("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: copied && "Content copied to clipboard" })] }) }));
+}
+// ---------------------------------------------------------------------------
+// Shared style constants
+// ---------------------------------------------------------------------------
+const FOCUS_RING_CLASSES = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-sm";
+// ---------------------------------------------------------------------------
+// ModalHeader (internal)
+// ---------------------------------------------------------------------------
+function ModalHeader({ artifact, isDirectory, detectionLabel, isDetecting, onClose, }) {
+    return (_jsxs("div", { className: "flex items-start gap-3 p-4 pb-3", children: [_jsx("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: isDirectory ? _jsx(FolderIcon, {}) : _jsx(FileIcon, {}) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("h2", { className: "truncate text-sm font-semibold text-foreground", children: [artifact.name, isDirectory && "/"] }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-xs tabular-nums text-muted-foreground", children: formatArtifactSize(artifact.sizeBytes) }), isDetecting && !detectionLabel && (_jsx("span", { className: "h-4 w-24 animate-pulse rounded-full bg-muted", "aria-hidden": "true" })), detectionLabel && (_jsx("span", { className: "inline-flex items-center rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary", children: detectionLabel }))] })] }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close preview", className: cn("shrink-0 rounded-sm p-1 text-muted-foreground transition-colors hover:text-foreground", FOCUS_RING_CLASSES), children: _jsx(CloseIcon, {}) })] }));
+}
+// ---------------------------------------------------------------------------
+// FileContentView (internal)
+// ---------------------------------------------------------------------------
+const SKELETON_LINE_WIDTHS = [85, 72, 90, 65, 78, 88, 70, 82];
+function FileContentView({ content, isLoading, error, isTruncated, isYaml, }) {
+    if (isLoading) {
+        return (_jsx("div", { className: "space-y-2 p-4", "aria-busy": "true", "aria-label": "Loading content", children: SKELETON_LINE_WIDTHS.map((width, i) => (_jsx("div", { className: "h-4 animate-pulse rounded bg-muted", style: { width: `${width}%` }, "aria-hidden": "true" }, i))) }));
+    }
+    if (error) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 p-8 text-center", children: [_jsx(ErrorAlertIcon, {}), _jsx("p", { className: "text-sm text-destructive", children: error })] }));
+    }
+    if (content === null) {
+        return (_jsx("div", { className: "p-8 text-center text-sm text-muted-foreground", children: "Content not available for preview." }));
+    }
+    return (_jsxs("div", { children: [_jsx("pre", { className: "overflow-x-auto p-4 font-mono text-xs leading-relaxed text-foreground", children: _jsx("code", { children: isYaml ? highlightYaml(content) : content }) }), isTruncated && (_jsx("div", { className: "border-t border-border bg-warning/10 px-4 py-2 text-xs text-warning", children: "Content was truncated. Download the full file for complete content." }))] }));
+}
+// ---------------------------------------------------------------------------
+// DirectoryContentView (internal)
+// ---------------------------------------------------------------------------
+function DirectoryContentView({ artifact, skillDetection, }) {
+    const entries = artifact.entries;
+    return (_jsxs("div", { className: "p-4", children: [skillDetection.detected && (_jsxs("div", { className: "mb-4 rounded-md bg-primary/5 p-3", children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: skillDetection.skillName }), skillDetection.skillDescription && (_jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: skillDetection.skillDescription }))] })), entries.length > 0 ? (_jsxs("div", { children: [_jsxs("h3", { className: "mb-2 text-xs font-medium text-muted-foreground", children: ["Files (", entries.length, ")"] }), _jsx("ul", { className: "space-y-0.5", role: "list", children: entries.map((entry) => (_jsxs("li", { className: "flex items-center gap-2 rounded-sm px-2 py-1 font-mono text-xs text-foreground", children: [_jsx(EntryIcon, { name: entry }), _jsx("span", { className: "min-w-0 truncate", children: entry })] }, entry))) })] })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: "File listing not available." }))] }));
+}
+function EntryIcon({ name }) {
+    if (name.endsWith("/"))
+        return _jsx(FolderSmallIcon, {});
+    return _jsx(FileSmallIcon, {});
+}
+// ---------------------------------------------------------------------------
+// ActionBar (internal)
+// ---------------------------------------------------------------------------
+function ActionBar({ artifact, isDirectory, hasContent, copied, onCopy, isDetected, ctaLabel, isTerminal, isApplying, applyResult, applyError, onApply, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-3 border-t border-border px-4 py-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [!isDirectory && hasContent && (_jsxs("button", { type: "button", onClick: onCopy, "aria-label": copied ? "Copied to clipboard" : "Copy content", className: cn("inline-flex items-center gap-1.5 text-xs font-medium transition-colors", copied
+                            ? "text-success"
+                            : "text-muted-foreground hover:text-foreground", FOCUS_RING_CLASSES), children: [copied ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}), copied ? "Copied" : "Copy"] })), _jsxs("a", { href: artifact.downloadUrl, download: true, className: cn("inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground", FOCUS_RING_CLASSES), children: [_jsx(DownloadIcon, {}), isDirectory ? "Download ZIP" : "Download"] })] }), _jsx("div", { className: "shrink-0", children: applyResult ? (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-success", children: [_jsx(CheckIcon, {}), "Applied ", "\u00B7", " ", applyResult.name || applyResult.kind] })) : applyError ? (_jsxs("span", { className: "inline-flex items-center gap-2", role: "alert", children: [_jsx("span", { className: "text-xs text-destructive", children: applyError.message }), _jsx("button", { type: "button", onClick: onApply, className: cn("text-xs font-medium text-destructive underline transition-colors hover:text-destructive/80", FOCUS_RING_CLASSES), children: "Retry" })] })) : isDetected && ctaLabel ? (_jsx(ApplyButton, { label: ctaLabel, isTerminal: isTerminal, isApplying: isApplying, onApply: onApply })) : null })] }));
+}
+function ApplyButton({ label, isTerminal, isApplying, onApply, }) {
+    const canApply = isTerminal && !isApplying;
+    return (_jsx("button", { type: "button", onClick: canApply ? onApply : undefined, disabled: !canApply, "aria-busy": isApplying, className: cn("rounded-md px-4 py-1.5 text-xs font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:cursor-not-allowed", canApply
+            ? "bg-primary text-primary-foreground hover:bg-primary/90"
+            : "bg-muted text-muted-foreground"), children: isApplying ? (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx(SpinnerIcon, {}), "Applying", "\u2026"] })) : (label) }));
+}
+// ---------------------------------------------------------------------------
+// YAML syntax highlighting (CSS-only, zero dependencies)
+// ---------------------------------------------------------------------------
+/**
+ * Applies lightweight CSS-only highlighting to YAML content.
+ *
+ * Processes content line-by-line, wrapping structural tokens in styled
+ * `<span>` elements using `--stgm-*` theme tokens:
+ *
+ * - Keys → `text-primary`
+ * - Comments → `text-muted-foreground italic`
+ * - Document separators (`---`) → `text-muted-foreground`
+ * - Boolean/null values → `font-medium`
+ * - Multi-line scalar indicators → `text-muted-foreground`
+ *
+ * Values and block scalar content render in the default `text-foreground`.
+ * Non-YAML content passes through unstyled.
+ */
+function highlightYaml(content) {
+    return content.split("\n").map((line, i) => (_jsxs("span", { children: [i > 0 && "\n", highlightYamlLine(line)] }, i)));
+}
+function highlightYamlLine(line) {
+    if (!line.trim())
+        return line;
+    if (/^---\s*$/.test(line) || /^\.\.\.\s*$/.test(line)) {
+        return _jsx("span", { className: "text-muted-foreground", children: line });
+    }
+    const commentMatch = line.match(/^(\s*)(#.*)$/);
+    if (commentMatch) {
+        return (_jsxs(_Fragment, { children: [commentMatch[1], _jsx("span", { className: "text-muted-foreground italic", children: commentMatch[2] })] }));
+    }
+    const kvMatch = line.match(/^(\s*(?:-\s+)?)([\w][\w.-]*)(:(?:\s|$))(.*)/);
+    if (kvMatch) {
+        const [, indent, key, colon, value] = kvMatch;
+        return (_jsxs(_Fragment, { children: [indent, _jsx("span", { className: "text-primary", children: key }), _jsx("span", { className: "text-muted-foreground", children: colon }), value ? highlightYamlValue(value) : null] }));
+    }
+    return _jsx(_Fragment, { children: line });
+}
+function highlightYamlValue(value) {
+    const trimmed = value.trim();
+    if (/^[|>][-+]?\s*$/.test(trimmed)) {
+        return _jsx("span", { className: "text-muted-foreground", children: value });
+    }
+    if (/^(true|false|null|~)$/.test(trimmed)) {
+        return _jsx("span", { className: "font-medium", children: value });
+    }
+    return _jsx(_Fragment, { children: value });
+}
+// ---------------------------------------------------------------------------
+// Inline SVG icons (SDK pattern: no external icon dependency)
+// ---------------------------------------------------------------------------
+function CloseIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M3 3L11 11" }), _jsx("path", { d: "M11 3L3 11" })] }));
+}
+function FileIcon() {
+    return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M9.5 1.5H5C4.17 1.5 3.5 2.17 3.5 3V13C3.5 13.83 4.17 14.5 5 14.5H11C11.83 14.5 12.5 13.83 12.5 13V4.5L9.5 1.5Z" }), _jsx("path", { d: "M9.5 1.5V4.5H12.5" })] }));
+}
+function FolderIcon() {
+    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M14.5 12.5C14.5 13.33 13.83 14 13 14H3C2.17 14 1.5 13.33 1.5 12.5V3.5C1.5 2.67 2.17 2 3 2H6L8 4.5H13C13.83 4.5 14.5 5.17 14.5 6V12.5Z" }) }));
+}
+function FileSmallIcon() {
+    return (_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: [_jsx("path", { d: "M8 1H4C3.45 1 3 1.45 3 2V12C3 12.55 3.45 13 4 13H10C10.55 13 11 12.55 11 12V4L8 1Z" }), _jsx("path", { d: "M8 1V4H11" })] }));
+}
+function FolderSmallIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: _jsx("path", { d: "M13 11C13 11.55 12.55 12 12 12H2C1.45 12 1 11.55 1 11V3C1 2.45 1.45 2 2 2H5L7 4H12C12.55 4 13 4.45 13 5V11Z" }) }));
+}
+function CopyIcon() {
+    return (_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", "aria-hidden": "true", children: [_jsx("rect", { x: "4", y: "4", width: "6.5", height: "6.5", rx: "1" }), _jsx("path", { d: "M8 4V2.5C8 1.95 7.55 1.5 7 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V7C1.5 7.55 1.95 8 2.5 8H4" })] }));
+}
+function DownloadIcon() {
+    return (_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", "aria-hidden": "true", children: [_jsx("path", { d: "M6 1.5V8.5" }), _jsx("path", { d: "M3 6L6 9L9 6" }), _jsx("path", { d: "M2 10.5H10" })] }));
+}
+function CheckIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", "aria-hidden": "true", children: _jsx("path", { d: "M2 6.5L4.5 9L10 3" }) }));
+}
+function SpinnerIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "shrink-0 animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M6 1.5A4.5 4.5 0 1 1 1.5 6", strokeLinecap: "round" }) }));
+}
+function ErrorAlertIcon() {
+    return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "text-destructive", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "8", r: "6.5" }), _jsx("path", { d: "M8 5.5V8.5" }), _jsx("circle", { cx: "8", cy: "11", r: "0.5", fill: "currentColor", stroke: "none" })] }));
+}
+//# sourceMappingURL=ArtifactPreviewModal.js.map

package/execution/ArtifactPreviewModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactPreviewModal.js","sourceRoot":"","sources":["../../src/execution/ArtifactPreviewModal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,GAET,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;AACrG,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,OAAO,EACL,gBAAgB,GAEjB,MAAM,6BAA6B,CAAC;AAErC,MAAM,kBAAkB,GAAG,IAAI,CAAC;AA+BhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,GAAG,EACH,UAAU,EACV,IAAI,EACJ,OAAO,EACP,SAAS,EACT,SAAS,GACiB;IAC1B,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,8EAA8E;IAC9E,4BAA4B;IAC5B,8EAA8E;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACzB,MAAM,CAAC,SAAS,EAAE,CAAC;QACrB,CAAC;aAAM,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAChC,MAAM,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAuB,EAAE,EAAE;QAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,8EAA8E;IAC9E,yEAAyE;IACzE,8EAA8E;IAE9E,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,KAAK,qBAAqB,CAAC,SAAS,CAAC;IACtE,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,WAAW,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEzE,MAAM,EACJ,OAAO,EACP,WAAW,EACX,WAAW,EACX,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,GACpB,GAAG,kBAAkB,CACpB,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EACpC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAC7C,CAAC;IAEF,MAAM,aAAa,GAAG,wBAAwB,CAC5C,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CACjC,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,GAC5D,qBAAqB,CACnB,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EACrC,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CACzC,CAAC;IAEJ,8EAA8E;IAC9E,0BAA0B;IAC1B,8EAA8E;IAE9E,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC;IACrE,MAAM,WAAW,GACf,CAAC,eAAe,IAAI,gBAAgB,CAAC,IAAI,CAAC,WAAW,IAAI,cAAc,CAAC,CAAC;IAE3E,IAAI,cAAc,GAAkB,IAAI,CAAC;IACzC,IAAI,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC3B,cAAc,GAAG,GAAG,aAAa,CAAC,WAAW,WAAW,CAAC;IAC3D,CAAC;SAAM,IAAI,cAAc,CAAC,QAAQ,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC;QACvC,cAAc,GAAG,gBAAgB,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IAC7E,CAAC;IAED,8EAA8E;IAC9E,cAAc;IACd,8EAA8E;IAE9E,MAAM,EACJ,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,KAAK,EAAE,UAAU,EACjB,UAAU,GACX,GAAG,gBAAgB,EAAE,CAAC;IAEvB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,IAAI,CACL,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,UAAU,EAAE,CAAC;QACb,IAAI,CAAC;YACH,IAAI,MAA2B,CAAC;YAChC,IAAI,aAAa,CAAC,QAAQ,IAAI,OAAO,EAAE,CAAC;gBACtC,MAAM,GAAG,MAAM,iBAAiB,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;YACjD,CAAC;iBAAM,IAAI,cAAc,CAAC,QAAQ,EAAE,CAAC;gBACnC,MAAM,GAAG,MAAM,gBAAgB,CAAC;oBAC9B,GAAG;oBACH,WAAW;oBACX,UAAU,EAAE,QAAQ,CAAC,UAAU;iBAChC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,OAAO;YACT,CAAC;YACD,cAAc,CAAC,MAAM,CAAC,CAAC;YACvB,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;QAAC,MAAM,CAAC;YACP,0CAA0C;QAC5C,CAAC;IACH,CAAC,EAAE;QACD,aAAa,CAAC,QAAQ;QACtB,cAAc,CAAC,QAAQ;QACvB,OAAO;QACP,GAAG;QACH,WAAW;QACX,QAAQ,CAAC,UAAU;QACnB,iBAAiB;QACjB,gBAAgB;QAChB,UAAU;QACV,SAAS;KACV,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvB,8EAA8E;IAC9E,oBAAoB;IACpB,8EAA8E;IAE9E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YAC/C,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,kBAAkB,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,8EAA8E;IAC9E,eAAe;IACf,8EAA8E;IAE9E,MAAM,GAAG,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,MAAM,GACV,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC;IAE9E,IAAI,QAAQ,GAAkB,IAAI,CAAC;IACnC,IAAI,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC3B,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAC;IAC/B,CAAC;SAAM,IAAI,cAAc,CAAC,QAAQ,EAAE,CAAC;QACnC,QAAQ,GAAG,iBAAiB,GAAG,EAAE,CAAC;IACpC,CAAC;IAED,8EAA8E;IAC9E,SAAS;IACT,8EAA8E;IAE9E,OAAO,CACL,iBACE,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,YAAY,gBACV,WAAW,QAAQ,CAAC,IAAI,EAAE,EACtC,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,2BAA2B,EAC3B,SAAS,CACV,YAED,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,EAEF,cAAK,SAAS,EAAC,uDAAuD,YACnE,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,IACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACd,CACH,GACG,EAEN,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,OAAO,KAAK,IAAI,EAC5B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,GACpB,EAEF,cACE,IAAI,EAAC,QAAQ,eACH,QAAQ,iBACN,MAAM,EAClB,SAAS,EAAC,SAAS,YAElB,MAAM,IAAI,6BAA6B,GACpC,IACF,GACC,CACV,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,yBAAyB;AACzB,8EAA8E;AAE9E,MAAM,kBAAkB,GACtB,kGAAkG,CAAC;AAErG,8EAA8E;AAC9E,yBAAyB;AACzB,8EAA8E;AAE9E,SAAS,WAAW,CAAC,EACnB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,WAAW,EACX,OAAO,GAOR;IACC,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAM,SAAS,EAAC,uCAAuC,YACpD,WAAW,CAAC,CAAC,CAAC,KAAC,UAAU,KAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,GACvC,EAEP,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAI,SAAS,EAAC,gDAAgD,aAC3D,QAAQ,CAAC,IAAI,EACb,WAAW,IAAI,GAAG,IAChB,EACL,eAAK,SAAS,EAAC,0CAA0C,aACvD,eAAM,SAAS,EAAC,4CAA4C,YACzD,kBAAkB,CAAC,QAAQ,CAAC,SAAS,CAAC,GAClC,EACN,WAAW,IAAI,CAAC,cAAc,IAAI,CACjC,eACE,SAAS,EAAC,8CAA8C,iBAC5C,MAAM,GAClB,CACH,EACA,cAAc,IAAI,CACjB,eAAM,SAAS,EAAC,kGAAkG,YAC/G,cAAc,GACV,CACR,IACG,IACF,EAEN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,eAAe,EAC1B,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,kBAAkB,CACnB,YAED,KAAC,SAAS,KAAG,GACN,IACL,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,6BAA6B;AAC7B,8EAA8E;AAE9E,MAAM,oBAAoB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAU,CAAC;AAEvE,SAAS,eAAe,CAAC,EACvB,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,MAAM,GAOP;IACC,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,eAAW,MAAM,gBAAY,iBAAiB,YACzE,oBAAoB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,cAEE,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,iBACjB,MAAM,IAHb,CAAC,CAIN,CACH,CAAC,GACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,eAAK,SAAS,EAAC,iEAAiE,aAC9E,KAAC,cAAc,KAAG,EAClB,YAAG,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAK,IAC/C,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,CACL,cAAK,SAAS,EAAC,+CAA+C,mDAExD,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,uEAAuE,YACpF,yBAAO,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,GAAQ,GACpD,EACL,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,qEAAqE,oFAE9E,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,kCAAkC;AAClC,8EAA8E;AAE9E,SAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,cAAc,GAIf;IACC,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;IAEjC,OAAO,CACL,eAAK,SAAS,EAAC,KAAK,aACjB,cAAc,CAAC,QAAQ,IAAI,CAC1B,eAAK,SAAS,EAAC,kCAAkC,aAC/C,YAAG,SAAS,EAAC,qCAAqC,YAC/C,cAAc,CAAC,SAAS,GACvB,EACH,cAAc,CAAC,gBAAgB,IAAI,CAClC,YAAG,SAAS,EAAC,oCAAoC,YAC9C,cAAc,CAAC,gBAAgB,GAC9B,CACL,IACG,CACP,EAEA,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,0BACE,cAAI,SAAS,EAAC,gDAAgD,wBACpD,OAAO,CAAC,MAAM,SACnB,EACL,aAAI,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,YACpC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,cAEE,SAAS,EAAC,gFAAgF,aAE1F,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,GAAI,EAC1B,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAQ,KAJ5C,KAAK,CAKP,CACN,CAAC,GACC,IACD,CACP,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,+BAA+B,4CAExC,CACL,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,IAAI,EAA6B;IACpD,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;QAAE,OAAO,KAAC,eAAe,KAAG,CAAC;IACnD,OAAO,KAAC,aAAa,KAAG,CAAC;AAC3B,CAAC;AAED,8EAA8E;AAC9E,uBAAuB;AACvB,8EAA8E;AAE9E,SAAS,SAAS,CAAC,EACjB,QAAQ,EACR,WAAW,EACX,UAAU,EACV,MAAM,EACN,MAAM,EACN,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,OAAO,GAcR;IACC,OAAO,CACL,eAAK,SAAS,EAAC,0EAA0E,aACvF,eAAK,SAAS,EAAC,yBAAyB,aACrC,CAAC,WAAW,IAAI,UAAU,IAAI,CAC7B,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,gBACH,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,cAAc,EAC3D,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,MAAM;4BACJ,CAAC,CAAC,cAAc;4BAChB,CAAC,CAAC,6CAA6C,EACjD,kBAAkB,CACnB,aAEA,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,EACrC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IACpB,CACV,EAED,aACE,IAAI,EAAE,QAAQ,CAAC,WAAW,EAC1B,QAAQ,QACR,SAAS,EAAE,EAAE,CACX,oHAAoH,EACpH,kBAAkB,CACnB,aAED,KAAC,YAAY,KAAG,EACf,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,IACxC,IACA,EAEN,cAAK,SAAS,EAAC,UAAU,YACtB,WAAW,CAAC,CAAC,CAAC,CACb,gBAAM,SAAS,EAAC,mEAAmE,aACjF,KAAC,SAAS,KAAG,cACJ,QAAQ,OAAG,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,IACnD,CACR,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACf,gBAAM,SAAS,EAAC,gCAAgC,EAAC,IAAI,EAAC,OAAO,aAC3D,eAAM,SAAS,EAAC,0BAA0B,YACvC,UAAU,CAAC,OAAO,GACd,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,kBAAkB,CACnB,sBAGM,IACJ,CACR,CAAC,CAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,CAC3B,KAAC,WAAW,IACV,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,GACJ,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,UAAU,EACV,UAAU,EACV,OAAO,GAMR;IACC,MAAM,QAAQ,GAAG,UAAU,IAAI,CAAC,UAAU,CAAC;IAE3C,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACvC,QAAQ,EAAE,CAAC,QAAQ,eACR,UAAU,EACrB,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,qGAAqG,EACrG,6BAA6B,EAC7B,QAAQ;YACN,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,gCAAgC,CACrC,YAEA,UAAU,CAAC,CAAC,CAAC,CACZ,gBAAM,SAAS,EAAC,kCAAkC,aAChD,KAAC,WAAW,KAAG,cACN,QAAQ,IACZ,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACM,CACV,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,yDAAyD;AACzD,8EAA8E;AAE9E;;;;;;;;;;;;;;GAcG;AACH,SAAS,aAAa,CAAC,OAAe;IACpC,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1C,2BACG,CAAC,GAAG,CAAC,IAAI,IAAI,EACb,iBAAiB,CAAC,IAAI,CAAC,KAFf,CAAC,CAGL,CACR,CAAC,CAAC;AACL,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAY;IACrC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;QAAE,OAAO,IAAI,CAAC;IAE9B,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACtD,OAAO,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAQ,CAAC;IAC/D,CAAC;IAED,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAChD,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,8BACG,YAAY,CAAC,CAAC,CAAC,EAChB,eAAM,SAAS,EAAC,8BAA8B,YAAE,YAAY,CAAC,CAAC,CAAC,GAAQ,IACtE,CACJ,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,6CAA6C,CAAC,CAAC;IAC1E,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC;QAC9C,OAAO,CACL,8BACG,MAAM,EACP,eAAM,SAAS,EAAC,cAAc,YAAE,GAAG,GAAQ,EAC3C,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,EACrD,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IACxC,CACJ,CAAC;IACJ,CAAC;IAED,OAAO,4BAAG,IAAI,GAAI,CAAC;AACrB,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAE7B,IAAI,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACnC,OAAO,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,CAAC;IAChE,CAAC;IAED,IAAI,uBAAuB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QAC1C,OAAO,eAAM,SAAS,EAAC,aAAa,YAAE,KAAK,GAAQ,CAAC;IACtD,CAAC;IAED,OAAO,4BAAG,KAAK,GAAI,CAAC;AACtB,CAAC;AAED,8EAA8E;AAC9E,8DAA8D;AAC9D,8EAA8E;AAE9E,SAAS,SAAS;IAChB,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,eAAM,CAAC,EAAC,YAAY,GAAG,EACvB,eAAM,CAAC,EAAC,YAAY,GAAG,IACnB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ;IACf,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,eAAM,CAAC,EAAC,gHAAgH,GAAG,EAC3H,eAAM,CAAC,EAAC,mBAAmB,GAAG,IAC1B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU;IACjB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,YAElB,eAAM,CAAC,EAAC,uIAAuI,GAAG,GAC9I,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa;IACpB,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,gCAAgC,iBAC9B,MAAM,aAElB,eAAM,CAAC,EAAC,oFAAoF,GAAG,EAC/F,eAAM,CAAC,EAAC,WAAW,GAAG,IAClB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,eAAe;IACtB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,gCAAgC,iBAC9B,MAAM,YAElB,eAAM,CAAC,EAAC,6GAA6G,GAAG,GACpH,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ;IACf,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,UAAU,iBACR,MAAM,aAElB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,GAAG,EACpD,eAAM,CAAC,EAAC,wFAAwF,GAAG,IAC/F,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY;IACnB,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,UAAU,iBACR,MAAM,aAElB,eAAM,CAAC,EAAC,YAAY,GAAG,EACvB,eAAM,CAAC,EAAC,cAAc,GAAG,EACzB,eAAM,CAAC,EAAC,YAAY,GAAG,IACnB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,UAAU,iBACR,MAAM,YAElB,eAAM,CAAC,EAAC,mBAAmB,GAAG,GAC1B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW;IAClB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,SAAS,EAAC,uBAAuB,iBACrB,MAAM,YAElB,eAAM,CAAC,EAAC,4BAA4B,EAAC,aAAa,EAAC,OAAO,GAAG,GACzD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc;IACrB,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,kBAAkB,iBAChB,MAAM,aAElB,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,KAAK,GAAG,EAChC,eAAM,CAAC,EAAC,YAAY,GAAG,EACvB,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,GAAG,IAC/D,CACP,CAAC;AACJ,CAAC"}

package/execution/ArtifactsWidget.d.ts

@@ -0,0 +1,63 @@
+import type { AgentExecution } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/api_pb";
+import type { ApplyResourceResult } from "../library/useApplyResource";
+export interface ArtifactsWidgetProps {
+    /**
+     * The execution to display artifacts for. Renders nothing when `null`
+     * or when the execution has no artifacts.
+     */
+    readonly execution: AgentExecution | null;
+    /** Organization slug for the "Apply to [org]" CTA in the preview modal. */
+    readonly org: string;
+    /**
+     * Called after a resource is successfully applied or a skill package
+     * is pushed from the preview modal. The consumer can use this for
+     * post-apply behavior such as showing a toast or navigating to the
+     * Library.
+     */
+    readonly onApplied?: (result: ApplyResourceResult) => void;
+    /** Additional CSS classes for the root element. */
+    readonly className?: string;
+}
+/**
+ * Right-sidebar widget that surfaces execution artifacts as a compact
+ * card list with automatic Stigmer resource detection.
+ *
+ * Composes {@link ArtifactCard} (summary + detection badges) with
+ * {@link ArtifactPreviewModal} (full content review + Apply/Push CTA).
+ * The card's "Preview" action opens the modal; the modal is the sole
+ * location for Apply/Push actions (review-before-apply pattern).
+ *
+ * Derives all data from the `execution` prop:
+ *
+ * - **Artifacts**: extracted via {@link useExecutionArtifacts}
+ * - **Terminal phase**: derived via {@link isTerminalPhase} — controls
+ *   whether the Apply CTA in the modal is enabled
+ * - **Execution ID**: read from `execution.metadata.id`
+ *
+ * Returns `null` when the execution is `null` or has no artifacts,
+ * matching the conditional-render pattern of {@link ExecutionProgress}
+ * and {@link ExecutionCostSummary}.
+ *
+ * Renders without card chrome — each {@link ArtifactCard} provides its
+ * own border and padding. The consumer controls the container styling
+ * (or places the widget directly in a flex/grid layout).
+ *
+ * All visual properties flow through `--stgm-*` tokens.
+ *
+ * @example
+ * ```tsx
+ * const stream = useExecutionStream(executionId);
+ *
+ * <ArtifactsWidget
+ *   execution={stream.execution}
+ *   org={activeOrg}
+ *   onApplied={(result) => toast(`${result.kind} applied`)}
+ * />
+ * ```
+ *
+ * @see {@link ArtifactCard} — compact summary card per artifact
+ * @see {@link ArtifactPreviewModal} — full preview with Apply/Push CTA
+ * @see {@link useExecutionArtifacts} — headless artifact extraction hook
+ */
+export declare function ArtifactsWidget({ execution, org, onApplied, className, }: ArtifactsWidgetProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ArtifactsWidget.d.ts.map

package/execution/ArtifactsWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactsWidget.d.ts","sourceRoot":"","sources":["../../src/execution/ArtifactsWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6DAA6D,CAAC;AAQlG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IAC1C,2EAA2E;IAC3E,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC3D,mDAAmD;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,EACH,SAAS,EACT,SAAS,GACV,EAAE,oBAAoB,kDAiDtB"}

package/execution/ArtifactsWidget.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
+import { cn } from "@stigmer/theme";
+import { useExecutionArtifacts } from "./useExecutionArtifacts";
+import { isTerminalPhase } from "./execution-phases";
+import { ArtifactCard } from "./ArtifactCard";
+import { ArtifactPreviewModal } from "./ArtifactPreviewModal";
+/**
+ * Right-sidebar widget that surfaces execution artifacts as a compact
+ * card list with automatic Stigmer resource detection.
+ *
+ * Composes {@link ArtifactCard} (summary + detection badges) with
+ * {@link ArtifactPreviewModal} (full content review + Apply/Push CTA).
+ * The card's "Preview" action opens the modal; the modal is the sole
+ * location for Apply/Push actions (review-before-apply pattern).
+ *
+ * Derives all data from the `execution` prop:
+ *
+ * - **Artifacts**: extracted via {@link useExecutionArtifacts}
+ * - **Terminal phase**: derived via {@link isTerminalPhase} — controls
+ *   whether the Apply CTA in the modal is enabled
+ * - **Execution ID**: read from `execution.metadata.id`
+ *
+ * Returns `null` when the execution is `null` or has no artifacts,
+ * matching the conditional-render pattern of {@link ExecutionProgress}
+ * and {@link ExecutionCostSummary}.
+ *
+ * Renders without card chrome — each {@link ArtifactCard} provides its
+ * own border and padding. The consumer controls the container styling
+ * (or places the widget directly in a flex/grid layout).
+ *
+ * All visual properties flow through `--stgm-*` tokens.
+ *
+ * @example
+ * ```tsx
+ * const stream = useExecutionStream(executionId);
+ *
+ * <ArtifactsWidget
+ *   execution={stream.execution}
+ *   org={activeOrg}
+ *   onApplied={(result) => toast(`${result.kind} applied`)}
+ * />
+ * ```
+ *
+ * @see {@link ArtifactCard} — compact summary card per artifact
+ * @see {@link ArtifactPreviewModal} — full preview with Apply/Push CTA
+ * @see {@link useExecutionArtifacts} — headless artifact extraction hook
+ */
+export function ArtifactsWidget({ execution, org, onApplied, className, }) {
+    const { artifacts, hasArtifacts, artifactCount } = useExecutionArtifacts(execution);
+    const [previewArtifact, setPreviewArtifact] = useState(null);
+    if (!hasArtifacts)
+        return null;
+    const phase = execution?.status?.phase ?? ExecutionPhase.EXECUTION_PHASE_UNSPECIFIED;
+    const isTerminal = isTerminalPhase(phase);
+    const executionId = execution?.metadata?.id ?? "";
+    return (_jsxs("section", { "aria-label": "Execution artifacts", className: cn(className), children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx("h3", { className: "text-sm font-medium text-foreground", children: "Artifacts" }), _jsx("span", { className: "inline-flex min-w-[1.25rem] items-center justify-center rounded-full bg-muted px-1.5 text-xs tabular-nums text-muted-foreground", children: artifactCount })] }), _jsx("div", { role: "list", className: "space-y-2", children: artifacts.map((artifact) => (_jsx("div", { role: "listitem", children: _jsx(ArtifactCard, { artifact: artifact, executionId: executionId, org: org, onPreview: setPreviewArtifact }) }, artifact.storageKey))) }), previewArtifact && (_jsx(ArtifactPreviewModal, { artifact: previewArtifact, executionId: executionId, org: org, isTerminal: isTerminal, open: true, onClose: () => setPreviewArtifact(null), onApplied: onApplied }))] }));
+}
+//# sourceMappingURL=ArtifactsWidget.js.map

package/execution/ArtifactsWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactsWidget.js","sourceRoot":"","sources":["../../src/execution/ArtifactsWidget.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,cAAc,EAAE,MAAM,8DAA8D,CAAC;AAC9F,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAsB9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,EACH,SAAS,EACT,SAAS,GACY;IACrB,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,GAC9C,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAEnC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GACzC,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAE3C,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,MAAM,KAAK,GACT,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,cAAc,CAAC,2BAA2B,CAAC;IACzE,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC;IAElD,OAAO,CACL,iCAAoB,qBAAqB,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,aAChE,eAAK,SAAS,EAAC,8BAA8B,aAC3C,aAAI,SAAS,EAAC,qCAAqC,0BAAe,EAClE,eAAM,SAAS,EAAC,iIAAiI,YAC9I,aAAa,GACT,IACH,EAEN,cAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,YACnC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,cAA+B,IAAI,EAAC,UAAU,YAC5C,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,kBAAkB,GAC7B,IANM,QAAQ,CAAC,UAAU,CAOvB,CACP,CAAC,GACE,EAEL,eAAe,IAAI,CAClB,KAAC,oBAAoB,IACnB,QAAQ,EAAE,eAAe,EACzB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,IAAI,QACJ,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,EACvC,SAAS,EAAE,SAAS,GACpB,CACH,IACO,CACX,CAAC;AACJ,CAAC"}

package/execution/ExecutionCostSummary.d.ts

@@ -0,0 +1,47 @@
+import type { AgentExecution } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/api_pb";
+export interface ExecutionCostSummaryProps {
+    /** The execution to display cost data for. Renders nothing when null or when usage data has not yet arrived. */
+    readonly execution: AgentExecution | null;
+    readonly className?: string;
+}
+/**
+ * Displays real-time execution cost and token usage metrics aggregated
+ * across the main agent and any sub-agents.
+ *
+ * The headline shows estimated USD cost. Below it: model identification,
+ * total token and LLM call counts, a prompt/completion breakdown, and
+ * conditional annotations for cache usage and sub-agent contributions.
+ *
+ * During active streaming, cost and token numbers update on every
+ * progressive status snapshot. Uses `tabular-nums` for stable digit
+ * widths so the layout does not shift as numbers grow.
+ *
+ * When multiple models are used (common in sub-agent executions), the
+ * single model line is replaced with a per-model cost breakdown.
+ *
+ * Renders without card chrome — the consumer provides the container.
+ * All visual properties flow through `--stgm-*` tokens.
+ *
+ * @example
+ * ```tsx
+ * const stream = useExecutionStream(executionId);
+ *
+ * <div className="rounded-lg border border-border bg-card p-3">
+ *   <ExecutionCostSummary execution={stream.execution} />
+ * </div>
+ * ```
+ */
+export declare function ExecutionCostSummary({ execution, className, }: ExecutionCostSummaryProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Formats a USD cost value for display.
+ * - Zero: "$0.00"
+ * - Under $1: 4 decimal places ("$0.0042")
+ * - $1 and above: 2 decimal places ("$1.23")
+ */
+export declare function formatCost(usd: number): string;
+/**
+ * Formats an integer token count with comma-separated digit grouping
+ * (en-US locale) for deterministic display across environments.
+ */
+export declare function formatTokenCount(count: number): string;
+//# sourceMappingURL=ExecutionCostSummary.d.ts.map

package/execution/ExecutionCostSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionCostSummary.d.ts","sourceRoot":"","sources":["../../src/execution/ExecutionCostSummary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6DAA6D,CAAC;AAKlG,MAAM,WAAW,yBAAyB;IACxC,gHAAgH;IAChH,QAAQ,CAAC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,SAAS,GACV,EAAE,yBAAyB,kDAoD3B;AAwDD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAI9C;AAID;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEtD"}

package/execution/ExecutionCostSummary.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { useExecutionUsage } from "./useExecutionUsage";
+/**
+ * Displays real-time execution cost and token usage metrics aggregated
+ * across the main agent and any sub-agents.
+ *
+ * The headline shows estimated USD cost. Below it: model identification,
+ * total token and LLM call counts, a prompt/completion breakdown, and
+ * conditional annotations for cache usage and sub-agent contributions.
+ *
+ * During active streaming, cost and token numbers update on every
+ * progressive status snapshot. Uses `tabular-nums` for stable digit
+ * widths so the layout does not shift as numbers grow.
+ *
+ * When multiple models are used (common in sub-agent executions), the
+ * single model line is replaced with a per-model cost breakdown.
+ *
+ * Renders without card chrome — the consumer provides the container.
+ * All visual properties flow through `--stgm-*` tokens.
+ *
+ * @example
+ * ```tsx
+ * const stream = useExecutionStream(executionId);
+ *
+ * <div className="rounded-lg border border-border bg-card p-3">
+ *   <ExecutionCostSummary execution={stream.execution} />
+ * </div>
+ * ```
+ */
+export function ExecutionCostSummary({ execution, className, }) {
+    const { usage, hasSubAgentUsage, subAgentUsageCount } = useExecutionUsage(execution);
+    if (!usage)
+        return null;
+    const multiModel = usage.modelBreakdown.length > 1;
+    return (_jsxs("div", { className: cn("flex flex-col gap-1.5", className), role: "region", "aria-label": "Execution cost summary", children: [_jsx("div", { className: "text-sm font-medium tabular-nums text-foreground", children: formatCost(usage.estimatedCostUsd) }), multiModel ? (_jsx(ModelBreakdown, { models: usage.modelBreakdown })) : (_jsxs("div", { className: "truncate text-xs text-muted-foreground", children: [usage.primaryModel, usage.primaryProvider && ` · ${usage.primaryProvider}`] })), _jsxs("div", { className: "text-xs tabular-nums text-muted-foreground", children: [formatTokenCount(usage.totalTokens), " tokens \u00B7", " ", usage.llmCallCount, " ", usage.llmCallCount === 1 ? "call" : "calls"] }), _jsxs("div", { className: "pl-2 text-xs tabular-nums text-muted-foreground", children: ["prompt ", formatTokenCount(usage.promptTokens), " \u00B7 completion", " ", formatTokenCount(usage.completionTokens)] }), (usage.cacheReadTokens > 0 || usage.cacheCreationTokens > 0) && (_jsx(CacheLine, { readTokens: usage.cacheReadTokens, creationTokens: usage.cacheCreationTokens })), hasSubAgentUsage && (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Includes ", subAgentUsageCount, " sub-agent", subAgentUsageCount > 1 ? "s" : ""] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Internal sub-components
+// ---------------------------------------------------------------------------
+function ModelBreakdown({ models, }) {
+    return (_jsx("div", { className: "flex flex-col gap-0.5", role: "list", "aria-label": "Model cost breakdown", children: models.map((entry) => (_jsxs("div", { className: "flex items-baseline justify-between text-xs text-muted-foreground", role: "listitem", children: [_jsx("span", { className: "truncate", children: entry.model }), _jsx("span", { className: "ml-2 shrink-0 tabular-nums", children: formatCost(entry.estimatedCostUsd) })] }, `${entry.model}\0${entry.provider}`))) }));
+}
+function CacheLine({ readTokens, creationTokens, }) {
+    const parts = [];
+    if (readTokens > 0)
+        parts.push(`${formatTokenCount(readTokens)} read`);
+    if (creationTokens > 0)
+        parts.push(`${formatTokenCount(creationTokens)} write`);
+    return (_jsxs("div", { className: "pl-2 text-xs tabular-nums text-muted-foreground", children: ["cache ", parts.join(" · ")] }));
+}
+// ---------------------------------------------------------------------------
+// Formatting utilities
+// ---------------------------------------------------------------------------
+/**
+ * Formats a USD cost value for display.
+ * - Zero: "$0.00"
+ * - Under $1: 4 decimal places ("$0.0042")
+ * - $1 and above: 2 decimal places ("$1.23")
+ */
+export function formatCost(usd) {
+    if (usd === 0)
+        return "$0.00";
+    if (usd < 1)
+        return `$${usd.toFixed(4)}`;
+    return `$${usd.toFixed(2)}`;
+}
+const tokenFormatter = new Intl.NumberFormat("en-US");
+/**
+ * Formats an integer token count with comma-separated digit grouping
+ * (en-US locale) for deterministic display across environments.
+ */
+export function formatTokenCount(count) {
+    return tokenFormatter.format(count);
+}
+//# sourceMappingURL=ExecutionCostSummary.js.map

package/execution/ExecutionCostSummary.js.map

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