@parhelia/core 0.1.10745

package/dist/editor/ScrollingContentTree.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState, useMemo } from "react";
+import ContentTree from "./ContentTree";
+import { contentItemId } from "../config/config";
+import { useEditContext } from "./client/editContext";
+export function ScrollingContentTree({ selectedItemId, onSelectionChange, rootItemId, rootItemIds, expandedItemId, scrollToSelected = true, hideRootNodes, }) {
+    const [selectedItem, setSelectdItem] = useState(null);
+    const [expandedItem, setExpandedItem] = useState();
+    const editContext = useEditContext();
+    const effectiveHideRootNodes = useMemo(() => {
+        if (hideRootNodes !== undefined)
+            return hideRootNodes;
+        return !rootItemIds || rootItemIds?.length === 1;
+    }, [hideRootNodes, rootItemIds]);
+    const effectiveRootItemIds = useMemo(() => {
+        return rootItemIds ?? [rootItemId ?? contentItemId];
+    }, [rootItemIds, rootItemId]);
+    // Memoize selectedItemIds array to prevent unnecessary re-renders
+    const selectedItemIds = useMemo(() => {
+        return selectedItemId ? [selectedItemId] : [];
+    }, [selectedItemId]);
+    useEffect(() => {
+        const loadItem = async () => {
+            if (!selectedItemId)
+                return;
+            const item = await editContext.itemsRepository.getItem({
+                id: selectedItemId,
+                language: editContext.currentItemDescriptor?.language ?? "en",
+                version: 0,
+            });
+            if (item)
+                setSelectdItem(item);
+        };
+        loadItem();
+    }, [selectedItemId]);
+    useEffect(() => {
+        const loadItem = async () => {
+            if (!expandedItemId && !selectedItemId) {
+                setExpandedItem(null);
+                return;
+            }
+            const item = await editContext.itemsRepository.getItem({
+                id: expandedItemId ?? selectedItemId ?? "",
+                language: editContext.currentItemDescriptor?.language ?? "en",
+                version: 0,
+            });
+            if (item)
+                setExpandedItem(item);
+        };
+        loadItem();
+    }, [expandedItemId, selectedItemId]);
+    return (_jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ContentTree, { language: editContext.currentItemDescriptor?.language ?? "en", rootItemIds: effectiveRootItemIds, expandIdPath: expandedItem?.idPath, selectedItemIds: selectedItemIds, selectionMode: "single", className: "h-full p-1", onSelectionChange: onSelectionChange, scrollToSelected: scrollToSelected, hideRootNodes: effectiveHideRootNodes }) }));
+}
+//# sourceMappingURL=ScrollingContentTree.js.map

package/dist/editor/ScrollingContentTree.js.map

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

package/dist/editor/Titlebar.d.ts

@@ -0,0 +1 @@
+export declare function Titlebar(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/Titlebar.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "./client/editContext";
+import { useEffect, useState, useRef } from "react";
+import { ActiveUsers } from "./menubar/ActiveUsers";
+import { ItemLanguageVersion } from "./menubar/ItemLanguageVersion";
+import { WorkflowButton } from "./menubar/WorkflowButton";
+export function Titlebar() {
+    const editContext = useEditContext();
+    const [menuOpen, setMenuOpen] = useState(false);
+    const menuRef = useRef(null);
+    const buttonRef = useRef(null);
+    if (!editContext?.view)
+        return null;
+    // Get custom title from view's headerTitle function, or fall back to "workbench"
+    const title = editContext.view.headerTitle
+        ? editContext.view.headerTitle(editContext)
+        : "";
+    useEffect(() => {
+        setMenuOpen(false);
+    }, [editContext.currentItemDescriptor]);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (!menuOpen)
+                return;
+            const target = event.target;
+            const menuElement = menuRef.current;
+            const buttonElement = buttonRef.current;
+            // Check if the click is inside the menu or button
+            const isInsideMenu = menuElement && menuElement.contains(target);
+            const isInsideButton = buttonElement && buttonElement.contains(target);
+            const isInsideOverlay = target.closest(".p-overlaypanel") !== null;
+            // Close menu only if click is outside menu, button, and overlays
+            if (!isInsideMenu && !isInsideButton && !isInsideOverlay) {
+                setMenuOpen(false);
+            }
+        };
+        if (menuOpen) {
+            document.addEventListener("click", handleClickOutside, true);
+            return () => {
+                document.removeEventListener("click", handleClickOutside, true);
+            };
+        }
+    }, [menuOpen]);
+    return (_jsxs("div", { className: "z-1 flex h-12 items-center justify-between gap-1 border-b border-gray-200 bg-white px-4", children: [_jsx(ItemLanguageVersion, {}), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(ActiveUsers, {}), _jsx(WorkflowButton, {})] })] }));
+}
+//# sourceMappingURL=Titlebar.js.map

package/dist/editor/Titlebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Titlebar.js","sourceRoot":"","sources":["../../src/editor/Titlebar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,UAAU,QAAQ;IACtB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,IAAI,CAAC,WAAW,EAAE,IAAI;QAAE,OAAO,IAAI,CAAC;IAEpC,iFAAiF;IACjF,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,WAAW;QACxC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC;QAC3C,CAAC,CAAC,EAAE,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAEtB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiB,CAAC;YACvC,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;YACpC,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC;YAExC,kDAAkD;YAClD,MAAM,YAAY,GAAG,WAAW,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YACjE,MAAM,cAAc,GAAG,aAAa,IAAI,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAEvE,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;YAEnE,iEAAiE;YACjE,IAAI,CAAC,YAAY,IAAI,CAAC,cAAc,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzD,WAAW,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;YAE7D,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;YAClE,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eAAK,SAAS,EAAC,yFAAyF,aAEtG,KAAC,mBAAmB,KAAG,EACvB,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,WAAW,KAAG,EACf,KAAC,cAAc,KAAG,IACd,IAwBF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/ai/AgentCostDisplay.d.ts

@@ -0,0 +1,32 @@
+interface AgentCostDisplayProps {
+    /** Optional className for styling */
+    className?: string;
+    /** Current response data with token usage */
+    response?: {
+        numInputTokens: number;
+        numOutputTokens: number;
+        numCachedTokens: number;
+        numCacheWriteTokens?: number;
+        totalCost?: number;
+        inputCost?: number;
+        outputCost?: number;
+        cachedCost?: number;
+        cacheWriteCost?: number;
+    } | null;
+    /** Cumulative token usage across all messages in the session */
+    totalTokens?: {
+        input: number;
+        output: number;
+        cached: number;
+        cacheWrite: number;
+        totalCost: number;
+        inputCost: number;
+        outputCost: number;
+        cachedCost: number;
+        cacheWriteCost: number;
+    };
+    /** Cost limit for the agent (in USD) */
+    costLimit?: number | null;
+}
+export declare function AgentCostDisplay({ className, response, totalTokens, costLimit, }: AgentCostDisplayProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/editor/ai/AgentCostDisplay.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
+import { useEditorSettings } from "../hooks/useEditorSettings";
+export function AgentCostDisplay({ className = "", response, totalTokens, costLimit, }) {
+    const [showCostPopover, setShowCostPopover] = useState(false);
+    const costPopoverRef = useRef(null);
+    const editorSettings = useEditorSettings();
+    const currency = editorSettings?.currency || "USD";
+    const limit = costLimit != null ? Number(costLimit) : null;
+    // Handle click outside for cost popover
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (costPopoverRef.current &&
+                !costPopoverRef.current.contains(event.target)) {
+                setShowCostPopover(false);
+            }
+        }
+        if (showCostPopover) {
+            document.addEventListener("click", handleClickOutside);
+            return () => {
+                document.removeEventListener("click", handleClickOutside);
+            };
+        }
+    }, [showCostPopover]);
+    // Calculate estimated cost based on typical pricing (rough estimates)
+    // Claude 3.5 Sonnet pricing: ~$3/MTok input, ~$15/MTok output
+    const calculateEstimatedCost = (inputTokens, outputTokens, cachedTokens, cacheWriteTokens = 0) => {
+        // Cached tokens are a subset of input tokens, not additional tokens
+        const freshInputTokens = inputTokens - cachedTokens;
+        const inputCost = (freshInputTokens / 1000000) * 3; // $3 per million tokens
+        const outputCost = (outputTokens / 1000000) * 15; // $15 per million tokens
+        const cachedCost = (cachedTokens / 1000000) * 0.3; // Cached tokens are typically much cheaper
+        const cacheWriteCost = (cacheWriteTokens / 1000000) * 3.75; // Cache write tokens cost more
+        return {
+            inputCost,
+            outputCost,
+            cachedCost,
+            cacheWriteCost,
+            totalCost: inputCost + outputCost + cachedCost + cacheWriteCost,
+        };
+    };
+    // Use actual cost data if available, otherwise calculate estimates
+    const currentCost = response
+        ? response.totalCost !== undefined
+            ? {
+                inputCost: response.inputCost ?? 0,
+                outputCost: response.outputCost ?? 0,
+                cachedCost: response.cachedCost ?? 0,
+                cacheWriteCost: response.cacheWriteCost ?? 0,
+                totalCost: response.totalCost,
+            }
+            : calculateEstimatedCost(response.numInputTokens, response.numOutputTokens, response.numCachedTokens, response.numCacheWriteTokens ?? 0)
+        : null;
+    const displayTotalCost = totalTokens?.totalCost ?? currentCost?.totalCost ?? 0;
+    const hasTokenData = response &&
+        (response.numInputTokens > 0 ||
+            response.numOutputTokens > 0 ||
+            response.numCachedTokens > 0);
+    const hasTotalData = totalTokens &&
+        (totalTokens.input > 0 || totalTokens.output > 0 || totalTokens.cached > 0);
+    const hasCostData = (response && response.totalCost && response.totalCost > 0) ||
+        (totalTokens && totalTokens.totalCost && totalTokens.totalCost > 0);
+    if (!hasTokenData && !hasTotalData && !hasCostData && !(limit && limit > 0)) {
+        return null;
+    }
+    // Calculate percentage of limit used
+    const percentUsed = limit && limit > 0 ? Math.min((displayTotalCost / limit) * 100, 100) : null;
+    // Determine color based on usage
+    const getColorClass = () => {
+        if (!percentUsed)
+            return "text-gray-400";
+        if (percentUsed >= 100)
+            return "text-red-500";
+        if (percentUsed >= 80)
+            return "text-orange-500";
+        if (percentUsed >= 60)
+            return "text-yellow-600";
+        return "text-gray-400";
+    };
+    return (_jsx("div", { className: `relative ${className}`, ref: costPopoverRef, "data-testid": "agent-cost-display", children: _jsxs(Popover, { open: showCostPopover, onOpenChange: setShowCostPopover, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("div", { className: `cursor-pointer text-right hover:text-gray-600 ${getColorClass()}`, style: { fontSize: "10px" }, onClick: () => setShowCostPopover(!showCostPopover), "data-testid": "agent-cost-display-trigger", children: ["Total Cost: ", displayTotalCost.toFixed(2), " ", currency, limit && limit > 0 && ` / ${limit.toFixed(2)} ${currency}`] }) }), _jsx(PopoverContent, { className: "w-80 p-4", align: "end", side: "bottom", "data-testid": "agent-cost-display-popover", children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "border-b pb-2", children: _jsxs("h4", { className: "flex items-center justify-between text-sm font-semibold", children: [_jsx("div", { children: "Cost Breakdown" }), _jsxs("span", { className: "text-sm font-semibold", children: [displayTotalCost.toFixed(2), " ", currency, limit && limit > 0 && (_jsxs("span", { className: "ml-1 text-xs text-gray-500", children: ["/ ", limit.toFixed(2), " ", currency] }))] })] }) }), limit && limit > 0 && (_jsxs("div", { className: "rounded-md bg-gray-50 p-3", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between text-xs", children: [_jsx("span", { className: "font-medium text-gray-700", children: "Cost Limit Usage" }), _jsxs("span", { className: `font-semibold ${getColorClass()}`, children: [percentUsed?.toFixed(1), "%"] })] }), _jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-gray-200", children: _jsx("div", { className: `h-full transition-all ${percentUsed && percentUsed >= 100
+                                                ? "bg-red-500"
+                                                : percentUsed && percentUsed >= 80
+                                                    ? "bg-orange-500"
+                                                    : percentUsed && percentUsed >= 60
+                                                        ? "bg-yellow-500"
+                                                        : "bg-blue-500"}`, style: { width: `${Math.min(percentUsed || 0, 100)}%` } }) }), percentUsed != null && percentUsed >= 90 && (_jsx("p", { className: "mt-2 text-xs text-gray-600", children: percentUsed >= 100
+                                            ? "Cost limit reached. Execution will stop on next API call."
+                                            : "Approaching cost limit. Consider extending if needed." }))] })), _jsx("div", { className: "space-y-3", children: (hasTotalData || hasTokenData) && (_jsx(_Fragment, { children: _jsx("div", { className: "space-y-2", children: hasTotalData ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs text-gray-500", children: "Input tokens:" }), _jsxs("span", { className: "text-xs", children: [totalTokens.input.toLocaleString(), " (", totalTokens.inputCost.toFixed(2), " ", currency, ")"] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs text-gray-500", children: "Output tokens:" }), _jsxs("span", { className: "text-xs", children: [totalTokens.output.toLocaleString(), " (", totalTokens.outputCost.toFixed(2), " ", currency, ")"] })] }), totalTokens.cached > 0 && (_jsxs("div", { className: "flex items-center justify-between", "data-testid": "cached-tokens-row", children: [_jsx("span", { className: "text-xs text-gray-500", children: "Cached tokens:" }), _jsxs("span", { className: "text-xs", "data-testid": "cached-tokens-value", children: [totalTokens.cached.toLocaleString(), " (", totalTokens.cachedCost.toFixed(2), " ", currency, ")"] })] })), totalTokens.cacheWrite > 0 && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs text-gray-500", children: "Cache write tokens:" }), _jsxs("span", { className: "text-xs", children: [totalTokens.cacheWrite.toLocaleString(), " (", (totalTokens.cacheWriteCost ?? 0).toFixed(2), " ", currency, ")"] })] }))] })) : (_jsx(_Fragment, { children: response && currentCost && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs text-gray-500", children: "Input tokens:" }), _jsxs("span", { className: "text-xs", children: [response.numInputTokens.toLocaleString(), "(", currentCost.inputCost.toFixed(2), " ", currency, ")"] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs text-gray-500", children: "Output tokens:" }), _jsxs("span", { className: "text-xs", children: [response.numOutputTokens.toLocaleString(), "(", currentCost.outputCost.toFixed(2), " ", currency, ")"] })] }), response.numCachedTokens > 0 && (_jsxs("div", { className: "flex items-center justify-between", "data-testid": "cached-tokens-row", children: [_jsx("span", { className: "text-xs text-gray-500", children: "Cached tokens:" }), _jsxs("span", { className: "text-xs", "data-testid": "cached-tokens-value", children: [response.numCachedTokens.toLocaleString(), "(", currentCost.cachedCost.toFixed(2), " ", currency, ")"] })] })), response.numCacheWriteTokens &&
+                                                        response.numCacheWriteTokens > 0 && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs text-gray-500", children: "Cache write tokens:" }), _jsxs("span", { className: "text-xs", children: [response.numCacheWriteTokens.toLocaleString(), "(", currentCost.cacheWriteCost.toFixed(2), " ", currency, ")"] })] })), _jsx("div", { className: "mt-2 text-xs text-gray-400", children: "* Estimated costs based on typical Claude 3.5 pricing" })] })) })) }) })) })] }) })] }) }));
+}
+//# sourceMappingURL=AgentCostDisplay.js.map

package/dist/editor/ai/AgentCostDisplay.js.map

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

package/dist/editor/ai/AgentHistory.d.ts

@@ -0,0 +1,11 @@
+import { Agent } from "../services/agentService";
+interface AgentHistoryProps {
+    closedAgents: Agent[];
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    onOpenAgent: (agent: Agent) => void;
+    onDeleteAgent: (agent: Agent) => void;
+    formatDateToLocalTime: (dateString: string) => string;
+}
+export declare function AgentHistory({ closedAgents, isOpen, onOpenChange, onOpenAgent, onDeleteAgent, formatDateToLocalTime, }: AgentHistoryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/ai/AgentHistory.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { History, Trash2 } from "lucide-react";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
+export function AgentHistory({ closedAgents, isOpen, onOpenChange, onOpenAgent, onDeleteAgent, formatDateToLocalTime, }) {
+    const handleDeleteClick = (e, agent) => {
+        e.stopPropagation(); // Prevent opening the agent
+        onDeleteAgent(agent);
+    };
+    return (_jsxs(Popover, { open: isOpen, onOpenChange: onOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(SimpleIconButton, { onClick: () => { }, icon: _jsx(History, { className: "size-4", strokeWidth: 1 }), label: "Agent History", className: "text-gray-600 hover:text-gray-800" }) }), _jsxs(PopoverContent, { className: "w-72 p-0", align: "end", children: [_jsx("div", { className: "border-b border-gray-100 px-3 py-2 text-xs font-medium text-gray-500", children: "Agent History" }), _jsx("div", { className: "max-h-80 overflow-y-auto", children: closedAgents.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-xs text-gray-500", children: "No closed agents found" })) : (closedAgents.map((agent) => (_jsxs("div", { className: "group flex cursor-pointer items-center justify-between border-b border-gray-50 px-3 py-2 text-xs hover:bg-gray-50", onClick: () => onOpenAgent(agent), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate font-normal text-gray-900", children: agent.name }), _jsx("div", { className: "text-xs text-gray-400", children: formatDateToLocalTime(agent.updatedDate) })] }), _jsx("div", { className: "ml-2 flex-shrink-0", children: _jsx(SimpleIconButton, { onClick: (e) => handleDeleteClick(e, agent), icon: _jsx(Trash2, { className: "size-3", strokeWidth: 1 }), label: "Delete Agent", className: "text-red-600 opacity-0 transition-opacity group-hover:opacity-100 hover:text-red-800" }) })] }, agent.id)))) })] })] }));
+}
+//# sourceMappingURL=AgentHistory.js.map

package/dist/editor/ai/AgentHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentHistory.js","sourceRoot":"","sources":["../../../src/editor/ai/AgentHistory.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AAYrC,MAAM,UAAU,YAAY,CAAC,EAC3B,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,aAAa,EACb,qBAAqB,GACH;IAClB,MAAM,iBAAiB,GAAG,CAAC,CAAmB,EAAE,KAAY,EAAE,EAAE;QAC9D,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,4BAA4B;QACjD,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,aAC/C,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,IAAI,EAAE,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,GAAI,EACpD,KAAK,EAAC,eAAe,EACrB,SAAS,EAAC,mCAAmC,GAC7C,GACa,EACjB,MAAC,cAAc,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,aAC9C,cAAK,SAAS,EAAC,sEAAsE,8BAE/E,EACN,cAAK,SAAS,EAAC,0BAA0B,YACtC,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAC,iCAAiC,uCAE1C,CACP,CAAC,CAAC,CAAC,CACF,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1B,eAEE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAEjC,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,oCAAoC,YAChD,KAAK,CAAC,IAAI,GACP,EACN,cAAK,SAAS,EAAC,uBAAuB,YACnC,qBAAqB,CAAC,KAAK,CAAC,WAAW,CAAC,GACrC,IACF,EACN,cAAK,SAAS,EAAC,oBAAoB,YACjC,KAAC,gBAAgB,IACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,CAAC,EAC3C,IAAI,EAAE,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,GAAI,EACnD,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,sFAAsF,GAChG,GACE,KAnBD,KAAK,CAAC,EAAE,CAoBT,CACP,CAAC,CACH,GACG,IACS,IACT,CACX,CAAC;AACJ,CAAC"}

package/dist/editor/ai/AgentProfilesOverview.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { AiProfile } from "../services/aiService";
+interface AgentProfilesOverviewProps {
+    profiles: AiProfile[];
+    onSelectProfile: (profileId: string) => void;
+    className?: string;
+}
+export declare const AgentProfilesOverview: React.FC<AgentProfilesOverviewProps>;
+export {};

package/dist/editor/ai/AgentProfilesOverview.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { Bot } from "lucide-react";
+export const AgentProfilesOverview = ({ profiles, onSelectProfile, className, }) => {
+    // Filter out hidden profiles
+    const visibleProfiles = profiles.filter((profile) => !profile.hiddenFromOverview);
+    if (visibleProfiles.length === 0) {
+        return (_jsx("div", { className: cn("text-center text-xs text-gray-500", className), children: "No agent profiles available" }));
+    }
+    return (_jsx("div", { className: cn("grid grid-cols-[repeat(auto-fit,minmax(min(200px,100%),1fr))] gap-3", className), children: visibleProfiles.map((profile) => {
+            const displayTitle = profile.displayTitle || profile.name;
+            const description = profile.description || "";
+            return (_jsxs("button", { onClick: () => onSelectProfile(profile.id), className: "group flex flex-col gap-3 rounded-lg border border-gray-200 bg-white p-4 text-left transition-all hover:border-blue-300 hover:shadow-md", "data-testid": "agent-profile-card", "data-profile-id": profile.id, children: [_jsx("div", { className: "flex items-center justify-center", children: profile.svgIcon ? (_jsx("div", { className: "flex h-12 w-12 items-center justify-center transition-transform group-hover:scale-110 [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: { __html: profile.svgIcon } })) : (_jsx(Bot, { className: "h-12 w-12 text-gray-400 transition-transform group-hover:scale-110 group-hover:text-blue-500", strokeWidth: 1 })) }), _jsx("h3", { className: "text-sm font-semibold text-gray-900", children: displayTitle }), description && (_jsx("p", { className: "line-clamp-3 text-xs text-gray-500", children: description }))] }, profile.id));
+        }) }));
+};
+//# sourceMappingURL=AgentProfilesOverview.js.map

package/dist/editor/ai/AgentProfilesOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentProfilesOverview.js","sourceRoot":"","sources":["../../../src/editor/ai/AgentProfilesOverview.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAQnC,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE,EAAE;IACH,6BAA6B;IAC7B,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM,CACrC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,kBAAkB,CACzC,CAAC;IAEF,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,4CAE5D,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,SAAS,CACV,YAEA,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YAC/B,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;YAC1D,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;YAE9C,OAAO,CACL,kBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1C,SAAS,EAAC,yIAAyI,iBACvI,oBAAoB,qBACf,OAAO,CAAC,EAAE,aAG3B,cAAK,SAAS,EAAC,kCAAkC,YAC9C,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,cACE,SAAS,EAAC,qHAAqH,EAC/H,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,GACpD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IACF,SAAS,EAAC,8FAA8F,EACxG,WAAW,EAAE,CAAC,GACd,CACH,GACG,EAGN,aAAI,SAAS,EAAC,qCAAqC,YAChD,YAAY,GACV,EAGJ,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,oCAAoC,YAC9C,WAAW,GACV,CACL,KA/BI,OAAO,CAAC,EAAE,CAgCR,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/editor/ai/AgentStatusBadge.d.ts

@@ -0,0 +1,26 @@
+import { AgentStatusSummary } from "./useAgentStatus";
+import { Agent } from "../services/agentService";
+interface AgentStatusBadgeProps {
+    status: AgentStatusSummary;
+    className?: string;
+}
+export interface AgentStatusConfig {
+    color: string;
+    label: string;
+    shouldPulse: boolean;
+}
+/**
+ * Helper function to get status configuration for an individual agent
+ * Handles both numeric and string status values
+ * Enum: New=0, Running=1, WaitingForApproval=2, Completed=3, Error=4, Closed=5, Idle=6, CostLimitReached=7
+ */
+export declare function getAgentStatusConfig(agent: Agent): AgentStatusConfig;
+/**
+ * Badge that overlays on the agent icon to show status
+ * Always displays the total number of active agents with color-coded status:
+ * - Amber: Agents waiting for approval or cost limit reached (highest priority)
+ * - Blue (pulsing): Agents actively running
+ * - Green: Other active agents
+ */
+export declare function AgentStatusBadge({ status, className }: AgentStatusBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/editor/ai/AgentStatusBadge.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+/**
+ * Helper function to get status configuration for an individual agent
+ * Handles both numeric and string status values
+ * Enum: New=0, Running=1, WaitingForApproval=2, Completed=3, Error=4, Closed=5, Idle=6, CostLimitReached=7
+ */
+export function getAgentStatusConfig(agent) {
+    const status = agent.status;
+    // Handle both string (camelCase from backend) and numeric (enum value) status
+    if (status === "new" || status === 0) {
+        return {
+            color: "bg-gray-400",
+            label: "Status: New",
+            shouldPulse: false,
+        };
+    }
+    else if (status === "running" || status === 1) {
+        return {
+            color: "bg-blue-500",
+            label: "Status: Running",
+            shouldPulse: true,
+        };
+    }
+    else if (status === "waitingForApproval" || status === 2) {
+        return {
+            color: "bg-amber-500",
+            label: "Status: Waiting for Approval",
+            shouldPulse: false,
+        };
+    }
+    else if (status === "completed" || status === 3) {
+        return {
+            color: "bg-green-500",
+            label: "Status: Completed",
+            shouldPulse: false,
+        };
+    }
+    else if (status === "error" || status === 4) {
+        return {
+            color: "bg-red-500",
+            label: "Status: Error",
+            shouldPulse: false,
+        };
+    }
+    else if (status === "closed" || status === 5) {
+        return {
+            color: "bg-gray-400",
+            label: "Status: Closed",
+            shouldPulse: false,
+        };
+    }
+    else if (status === "idle" || status === 6) {
+        return {
+            color: "bg-gray-300",
+            label: "Status: Idle",
+            shouldPulse: false,
+        };
+    }
+    else if (status === "costLimitReached" || status === 7) {
+        return {
+            color: "bg-amber-500",
+            label: "Status: Cost Limit Reached",
+            shouldPulse: false,
+        };
+    }
+    // Default fallback - log for debugging
+    console.warn("Unknown agent status:", status, typeof status);
+    return {
+        color: "bg-gray-400",
+        label: `Status: Unknown (${status})`,
+        shouldPulse: false,
+    };
+}
+/**
+ * Badge that overlays on the agent icon to show status
+ * Always displays the total number of active agents with color-coded status:
+ * - Amber: Agents waiting for approval or cost limit reached (highest priority)
+ * - Blue (pulsing): Agents actively running
+ * - Green: Other active agents
+ */
+export function AgentStatusBadge({ status, className }) {
+    // No activity - don't show anything
+    if (!status.hasActivity) {
+        return null;
+    }
+    const getBadgeConfig = () => {
+        // Waiting for approval takes priority (most urgent)
+        if (status.waitingForApproval > 0) {
+            return {
+                baseClasses: "-right-2 -top-2",
+                bgColor: "bg-amber-500",
+                title: `${status.waitingForApproval} agent${status.waitingForApproval > 1 ? "s" : ""} waiting for approval (${status.total} total active)`,
+                content: _jsx("span", { className: "text-[8px] font-bold", children: status.total }),
+            };
+        }
+        // Cost limit reached - also requires user action
+        if (status.costLimitReached > 0) {
+            return {
+                baseClasses: "-right-2 -top-2",
+                bgColor: "bg-amber-500",
+                title: `${status.costLimitReached} agent${status.costLimitReached > 1 ? "s" : ""} cost limit reached (${status.total} total active)`,
+                content: _jsx("span", { className: "text-[8px] font-bold", children: status.total }),
+            };
+        }
+        // Running agents - show count with pulsing indicator
+        if (status.running > 0) {
+            return {
+                baseClasses: "-right-2 -top-2",
+                bgColor: "bg-blue-500 animate-pulse",
+                title: `${status.running} agent${status.running > 1 ? "s" : ""} running (${status.total} total active)`,
+                content: _jsx("span", { className: "text-[8px] font-bold", children: status.total }),
+            };
+        }
+        // Other active agents - show count
+        return {
+            baseClasses: "-right-2 -top-2",
+            bgColor: "bg-green-500",
+            title: `${status.total} active agent${status.total > 1 ? "s" : ""}`,
+            content: _jsx("span", { className: "text-[8px] font-bold", children: status.total }),
+        };
+    };
+    const config = getBadgeConfig();
+    return (_jsx("div", { className: cn("absolute flex h-3 w-3 items-center justify-center rounded-full text-white shadow-md ring-1 ring-white", config.baseClasses, config.bgColor, className), title: config.title, children: config.content }));
+}
+//# sourceMappingURL=AgentStatusBadge.js.map

package/dist/editor/ai/AgentStatusBadge.js.map

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

package/dist/editor/ai/AgentTerminal.d.ts

@@ -0,0 +1,14 @@
+import { Agent, AgentMetadata } from "../services/agentService";
+import { AiProfile } from "../services/aiService";
+export declare function AgentTerminal({ agentStub, initialMetadata, profiles, isActive, compact, hideContext, hideBottomControls, hideGreeting, className, initialPrompt, }: {
+    agentStub: Agent;
+    initialMetadata?: AgentMetadata;
+    profiles: AiProfile[];
+    isActive?: boolean;
+    compact?: boolean;
+    hideContext?: boolean;
+    hideBottomControls?: boolean;
+    hideGreeting?: boolean;
+    className?: string;
+    initialPrompt?: string;
+}): import("react/jsx-runtime").JSX.Element;