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

package/components/conversations/ConversationsSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationsSidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/conversations/ConversationsSidebar.tsx"],"names":[],"mappings":"AA6EA,KAAK,2BAA2B,GAAG,SAAS,GAAG,YAAY,CAAC;AAE5D,UAAU,yBAAyB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACvC;AAwCD,wBAAgB,oBAAoB,CAAC,EACnC,MAAc,EACd,OAAO,EACP,OAAmB,GACpB,EAAE,yBAAyB,2CAo3B3B"}
+{"version":3,"file":"ConversationsSidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/conversations/ConversationsSidebar.tsx"],"names":[],"mappings":"AAkEA,KAAK,2BAA2B,GAAG,SAAS,GAAG,YAAY,CAAC;AAE5D,UAAU,yBAAyB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACvC;AAwCD,wBAAgB,oBAAoB,CAAC,EACnC,MAAc,EACd,OAAO,EACP,OAAmB,GACpB,EAAE,yBAAyB,2CAmuB3B"}

package/components/conversations/ConversationsSidebar.js

@@ -1,15 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChatConversationItem, ChatSourceIcon, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, getChatSourceMeta, SidebarCollapsedActionButton, SidebarContent, SidebarPanel, SidebarScrollRegion, Switch, TooltipProvider, useIntervalWhenDocumentVisible, } from "@elizaos/ui";
-import { MessagesSquare, Plus, Settings2, Terminal as TerminalIcon, } from "lucide-react";
+import { MessagesSquare, Plus, Terminal as TerminalIcon } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { client } from "../../api/index.js";
 import { PULSE_STATUSES, STATUS_DOT, } from "../../chat/coding-agent-session-state.js";
+import { useIntervalWhenDocumentVisible } from "../../hooks/useDocumentVisibility.js";
 import { useApp } from "../../state/index.js";
-import { usePtySessions } from "../../state/PtySessionsContext.js";
+import { usePtySessions } from "../../state/PtySessionsContext.hooks.js";
 import { errorMessage } from "../../utils/errors.js";
-import { ALWAYS_ON_PLUGIN_IDS, iconImageSource, resolveIcon, } from "../pages/plugin-list-utils.js";
+import { ChatConversationItem } from "../composites/chat/chat-conversation-item.js";
+import { ChatSourceIcon } from "../composites/chat/chat-source.js";
+import { getChatSourceMeta } from "../composites/chat/chat-source.helpers.js";
+import { SidebarCollapsedActionButton } from "../composites/sidebar/sidebar-collapsed-rail.js";
+import { SidebarContent } from "../composites/sidebar/sidebar-content.js";
+import { SidebarPanel } from "../composites/sidebar/sidebar-panel.js";
+import { SidebarScrollRegion } from "../composites/sidebar/sidebar-scroll-region.js";
 import { AppPageSidebar } from "../shared/AppPageSidebar.js";
 import { CollapsibleSidebarSection } from "../shared/CollapsibleSidebarSection.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../ui/dropdown-menu.js";
+import { TooltipProvider } from "../ui/tooltip.js";
 import { getBrandIcon } from "./brand-icons.js";
 import { ConversationRenameDialog } from "./ConversationRenameDialog.js";
 import { ALL_CONNECTORS_SOURCE_SCOPE, ALL_WORLDS_SCOPE, buildConversationsSidebarModel, ELIZA_SOURCE_SCOPE, TERMINAL_SOURCE_SCOPE, } from "./conversation-sidebar-model.js";
@@ -55,7 +63,7 @@ function isLegacyUntitledConversationCandidate(conversation) {
     return conversation.title.trim().toLowerCase() === "default";
 }
 export function ConversationsSidebar({ mobile = false, onClose, variant = "default", }) {
-    const { conversations, activeConversationId, activeInboxChat, activeTerminalSessionId, unreadConversations, handleNewConversation, handleSelectConversation, handleDeleteConversation, plugins = [], ensurePluginsLoaded = async () => { }, handlePluginToggle, setActionNotice, setTab, setState, tab, t, } = useApp();
+    const { conversations, activeConversationId, activeInboxChat, activeTerminalSessionId, unreadConversations, handleNewConversation, handleSelectConversation, handleDeleteConversation, ensurePluginsLoaded = async () => { }, setActionNotice, setTab, setState, tab, t, } = useApp();
     const { ptySessions } = usePtySessions();
     const [inboxChats, setInboxChats] = useState([]);
     const [renameTarget, setRenameTarget] = useState(null);
@@ -291,55 +299,13 @@ export function ConversationsSidebar({ mobile = false, onClose, variant = "defau
         void handleNewConversation();
         onClose?.();
     };
-    const handleManageConnections = () => {
-        if (tab === "connectors") {
-            setTab("chat");
-        }
-        else {
-            setTab("connectors");
-        }
-        onClose?.();
-    };
     const isGameModal = variant === "game-modal";
-    const isManageConnectionsActive = tab === "connectors";
-    // Plugins supply the scope-chip icons, so load them eagerly (not only
-    // when the user opens the manage panel).
+    // Plugins supply the scope-chip icons, so load them eagerly so the
+    // per-connector group headers can show brand icons without waiting on a
+    // user action.
     useEffect(() => {
         void ensurePluginsLoaded();
     }, [ensurePluginsLoaded]);
-    const connectorPlugins = useMemo(() => plugins.filter((p) => p.category === "connector" &&
-        !ALWAYS_ON_PLUGIN_IDS.has(p.id) &&
-        p.visible !== false), [plugins]);
-    const [togglingPlugins, setTogglingPlugins] = useState(new Set());
-    const handleConnectorToggle = useCallback(async (pluginId, enabled) => {
-        setTogglingPlugins((prev) => new Set(prev).add(pluginId));
-        try {
-            await handlePluginToggle(pluginId, enabled);
-        }
-        finally {
-            setTogglingPlugins((prev) => {
-                const next = new Set(prev);
-                next.delete(pluginId);
-                return next;
-            });
-        }
-    }, [handlePluginToggle]);
-    const renderConnectorIcon = useCallback((plugin) => {
-        const Brand = getBrandIcon(plugin.id);
-        if (Brand)
-            return _jsx(Brand, { className: "h-4 w-4" });
-        const icon = resolveIcon(plugin);
-        if (!icon)
-            return _jsx("span", { className: "text-sm", children: "\uD83E\uDDE9" });
-        if (typeof icon === "string") {
-            const src = iconImageSource(icon);
-            return src ? (_jsx("img", { src: src, alt: "", className: "h-4 w-4 shrink-0 rounded-[var(--radius-sm)] object-contain", onError: (e) => {
-                    e.currentTarget.style.display = "none";
-                } })) : (_jsx("span", { className: "text-sm", children: icon }));
-        }
-        const IconComponent = icon;
-        return _jsx(IconComponent, { className: "h-4 w-4" });
-    }, []);
     const terminalRows = useMemo(() => ptySessions.map((session) => ({
         id: session.sessionId,
         kind: "conversation",
@@ -444,17 +410,6 @@ export function ConversationsSidebar({ mobile = false, onClose, variant = "defau
     ], [messagesSection.rows, terminalSection.rows, connectorSections]);
     const showNewChatAction = tab === "chat";
     const showNewTerminalAction = tab === "chat";
-    const manageConnectionsButton = (() => {
-        const channelsLabel = t("conversations.channels", {
-            defaultValue: "Channels",
-        });
-        const manageLabel = t("conversations.manageConnections", {
-            defaultValue: "Manage",
-        });
-        const toggleLabel = isManageConnectionsActive ? channelsLabel : manageLabel;
-        const ToggleIcon = isManageConnectionsActive ? MessagesSquare : Settings2;
-        return (_jsxs("button", { type: "button", "data-testid": "chat-sidebar-manage-toggle", "aria-pressed": isManageConnectionsActive, "aria-label": toggleLabel, title: toggleLabel, onClick: handleManageConnections, className: `inline-flex h-7 shrink-0 items-center gap-1.5 rounded-[var(--radius-sm)] bg-transparent px-2 text-[11px] leading-none font-medium whitespace-nowrap transition-colors ${isManageConnectionsActive ? "text-txt" : "text-muted hover:text-txt"}`, children: [_jsx(ToggleIcon, { className: "h-3.5 w-3.5", "aria-hidden": true }), _jsx("span", { children: toggleLabel })] }));
-    })();
     return (_jsxs(TooltipProvider, { delayDuration: 280, skipDelayDuration: 120, children: [_jsx(ConversationRenameDialog, { open: renameTarget !== null, conversationId: renameTarget?.id ?? null, initialTitle: renameTarget?.title ?? "", onClose: () => setRenameTarget(null) }), _jsxs(DropdownMenu, { open: menuConversation !== null, onOpenChange: (open) => {
                     if (!open)
                         setMenuConversation(null);
@@ -471,26 +426,13 @@ export function ConversationsSidebar({ mobile = false, onClose, variant = "defau
                                     setRenameTarget(null);
                                     setConfirmDeleteId(menuConversation.id);
                                     setMenuConversation(null);
-                                }, children: t("conversations.delete") })] })) : null] }), _jsx(AppPageSidebar, { testId: "conversations-sidebar", variant: mobile ? "mobile" : isGameModal ? "game-modal" : "default", className: mobile || isGameModal ? "!mt-0" : undefined, collapsible: !mobile && !isGameModal, collapsed: !mobile && !isGameModal ? sidebarCollapsed : undefined, onCollapsedChange: !mobile && !isGameModal ? setSidebarCollapsed : undefined, resizable: !mobile && !isGameModal, width: !mobile && !isGameModal ? sidebarWidth : undefined, minWidth: CHAT_SIDEBAR_MIN_WIDTH, maxWidth: CHAT_SIDEBAR_MAX_WIDTH, onWidthChange: handleSidebarWidthChange, onCollapseRequest: () => setSidebarCollapsed(true), contentIdentity: mobile ? "chat-mobile" : isGameModal ? "chat-modal" : "chat", collapseButtonTestId: "chat-sidebar-collapse-toggle", expandButtonTestId: "chat-sidebar-expand-toggle", collapseButtonAriaLabel: t("aria.closePanel"), expandButtonAriaLabel: t("aria.expandChatsPanel"), bottomAction: !mobile && !isGameModal ? manageConnectionsButton : undefined, collapsedRailAction: showNewTerminalAction ? (_jsx(SidebarCollapsedActionButton, { "aria-label": t("conversations.newTerminal", {
+                                }, children: t("conversations.delete") })] })) : null] }), _jsx(AppPageSidebar, { testId: "conversations-sidebar", variant: mobile ? "mobile" : isGameModal ? "game-modal" : "default", className: mobile || isGameModal ? "!mt-0" : undefined, collapsible: !mobile && !isGameModal, collapsed: !mobile && !isGameModal ? sidebarCollapsed : undefined, onCollapsedChange: !mobile && !isGameModal ? setSidebarCollapsed : undefined, resizable: !mobile && !isGameModal, width: !mobile && !isGameModal ? sidebarWidth : undefined, minWidth: CHAT_SIDEBAR_MIN_WIDTH, maxWidth: CHAT_SIDEBAR_MAX_WIDTH, onWidthChange: handleSidebarWidthChange, onCollapseRequest: () => setSidebarCollapsed(true), contentIdentity: mobile ? "chat-mobile" : isGameModal ? "chat-modal" : "chat", collapseButtonTestId: "chat-sidebar-collapse-toggle", expandButtonTestId: "chat-sidebar-expand-toggle", collapseButtonAriaLabel: t("aria.closePanel"), expandButtonAriaLabel: t("aria.expandChatsPanel"), collapsedRailAction: showNewTerminalAction ? (_jsx(SidebarCollapsedActionButton, { "aria-label": t("conversations.newTerminal", {
                         defaultValue: "New terminal",
                     }), onClick: () => void spawnShell(), children: _jsx(Plus, { className: "h-4 w-4" }) })) : showNewChatAction ? (_jsx(SidebarCollapsedActionButton, { "aria-label": t("conversations.newChat"), onClick: handleNewChat, children: _jsx(Plus, { className: "h-4 w-4" }) })) : undefined, collapsedRailItems: displayRows.map((row) => (_jsx(SidebarContent.RailItem, { "aria-label": row.title, title: row.title, active: rowListId(row) === activeListId, indicatorTone: row.kind === "conversation" &&
                         !isTerminalRow(row) &&
                         unreadConversations.has(row.id)
                         ? "accent"
-                        : undefined, onClick: () => handleRowSelect(row), children: renderRailIdentity(row) }, rowListId(row)))), onMobileClose: mobile ? onClose : undefined, mobileCloseLabel: t("aria.closePanel"), mobileTitle: mobile ? (_jsx(SidebarContent.SectionLabel, { children: t("conversations.chats") })) : undefined, mobileMeta: mobile ? String(displayRows.length) : undefined, "data-no-window-drag": "", "aria-label": t("conversations.chats"), children: _jsx(SidebarScrollRegion, { variant: isGameModal ? "game-modal" : "default", className: isGameModal ? undefined : "px-1 pb-2 pt-2", children: _jsx(SidebarPanel, { variant: isGameModal ? "game-modal" : "default", className: isGameModal ? undefined : "bg-transparent gap-0 p-0 shadow-none", children: isManageConnectionsActive ? (_jsx("div", { className: "space-y-1", children: connectorPlugins.length === 0 ? (_jsx(SidebarContent.EmptyState, { className: "px-4 py-6", children: t("pluginsview.NoConnectorsAvailable", {
-                                    defaultValue: "No connectors available.",
-                                }) })) : (connectorPlugins.map((plugin) => {
-                                const isToggleBusy = togglingPlugins.has(plugin.id);
-                                const toggleDisabled = isToggleBusy ||
-                                    (togglingPlugins.size > 0 && !isToggleBusy);
-                                return (_jsxs(SidebarContent.Item, { as: "div", className: "items-center gap-1.5 px-2.5 py-2", children: [_jsxs("div", { className: "flex h-auto min-w-0 flex-1 self-stretch items-center gap-2 rounded-none p-0 text-left", children: [_jsx(SidebarContent.ItemIcon, { className: "mt-0 h-8 w-8 shrink-0 p-1.5", children: renderConnectorIcon(plugin) }), _jsx(SidebarContent.ItemBody, { children: _jsx("span", { className: "block truncate text-sm font-semibold leading-5 text-txt", children: plugin.name }) })] }), _jsx(Switch, { checked: plugin.enabled, disabled: toggleDisabled, onClick: (event) => {
-                                                event.stopPropagation();
-                                            }, onKeyDown: (event) => {
-                                                event.stopPropagation();
-                                            }, onCheckedChange: (checked) => {
-                                                void handleConnectorToggle(plugin.id, checked);
-                                            }, "aria-label": `${plugin.enabled ? t("common.off") : t("common.on")} ${plugin.name}` })] }, plugin.id));
-                            })) })) : (_jsxs("div", { className: "mt-0.5 space-y-2", children: [_jsx(CollapsibleChannelSection, { sectionKey: messagesSection.key, label: messagesSection.label, icon: messagesSection.icon, rows: messagesSection.rows, collapsed: collapsedSections.has(messagesSection.key), onToggleCollapsed: toggleSectionCollapsed, onAdd: showNewChatAction ? handleNewChat : undefined, addLabel: t("conversations.newChat", {
+                        : undefined, onClick: () => handleRowSelect(row), children: renderRailIdentity(row) }, rowListId(row)))), onMobileClose: mobile ? onClose : undefined, mobileCloseLabel: t("aria.closePanel"), mobileTitle: mobile ? (_jsx(SidebarContent.SectionLabel, { children: t("conversations.chats") })) : undefined, mobileMeta: mobile ? String(displayRows.length) : undefined, "data-no-window-drag": "", "aria-label": t("conversations.chats"), children: _jsx(SidebarScrollRegion, { variant: isGameModal ? "game-modal" : "default", className: isGameModal ? undefined : "px-1 pb-2 pt-2", children: _jsx(SidebarPanel, { variant: isGameModal ? "game-modal" : "default", className: isGameModal ? undefined : "bg-transparent gap-0 p-0 shadow-none", children: _jsxs("div", { className: "mt-0.5 space-y-2", children: [_jsx(CollapsibleChannelSection, { sectionKey: messagesSection.key, label: messagesSection.label, icon: messagesSection.icon, rows: messagesSection.rows, collapsed: collapsedSections.has(messagesSection.key), onToggleCollapsed: toggleSectionCollapsed, onAdd: showNewChatAction ? handleNewChat : undefined, addLabel: t("conversations.newChat", {
                                         defaultValue: "New chat",
                                     }), emptyLabel: t("conversations.noneApp", {
                                         defaultValue: "No chats yet",
@@ -510,7 +452,7 @@ export function ConversationsSidebar({ mobile = false, onClose, variant = "defau
                                         setMenuConversation(null);
                                         setRenameTarget(null);
                                         setConfirmDeleteId(row.id);
-                                    }, onRequestRename: (row) => openRenameDialog({ id: row.id, title: row.title }), onSelectRow: handleRowSelect }, section.key)))] })) }) }) })] }));
+                                    }, onRequestRename: (row) => openRenameDialog({ id: row.id, title: row.title }), onSelectRow: handleRowSelect }, section.key)))] }) }) }) })] }));
 }
 function CollapsibleChannelSection({ sectionKey, label, icon, indicator, rows, collapsed, onToggleCollapsed, onAdd, addLabel, emptyLabel, activeListId, rowListId, isTerminalRow, deletingId, confirmDeleteId, unreadConversations, mobile, variant, t, onCancelDelete, onConfirmDelete, onOpenActions, onRequestDeleteConfirm, onRequestRename, onSelectRow, }) {
     return (_jsx(CollapsibleSidebarSection, { sectionKey: sectionKey, label: label, icon: icon, indicator: indicator, collapsed: collapsed, onToggleCollapsed: onToggleCollapsed, onAdd: onAdd, addLabel: addLabel, emptyLabel: emptyLabel, emptyClassName: "pl-7 pr-3 py-1 text-2xs text-muted", bodyClassName: "space-y-0 pl-4", hoverActionsOnDesktop: !mobile, testIdPrefix: "channel-section", children: rows.map((row) => {

package/components/conversations/conversation-sidebar-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-sidebar-model.d.ts","sourceRoot":"","sources":["../../../../../../src/components/conversations/conversation-sidebar-model.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,eAAO,MAAM,kBAAkB,UAAU,CAAC;AAC1C,eAAO,MAAM,qBAAqB,aAAa,CAAC;AAChD,eAAO,MAAM,2BAA2B,uBAAuB,CAAC;AAChE,eAAO,MAAM,gBAAgB,mBAAmB,CAAC;AAWjD,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,cAAc,GAAG,OAAO,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,uBAAuB,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,0BAA0B,EAAE,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,0BAA0B,EAAE,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC;CACpB;AA4XD,wBAAgB,8BAA8B,CAAC,EAC7C,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,CAAC,EACD,UAAU,GACX,EAAE;IACD,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,CAAC,EAAE,WAAW,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,yBAAyB,CAgD5B"}
+{"version":3,"file":"conversation-sidebar-model.d.ts","sourceRoot":"","sources":["../../../../../../src/components/conversations/conversation-sidebar-model.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ/C,eAAO,MAAM,kBAAkB,UAAU,CAAC;AAC1C,eAAO,MAAM,qBAAqB,aAAa,CAAC;AAChD,eAAO,MAAM,2BAA2B,uBAAuB,CAAC;AAChE,eAAO,MAAM,gBAAgB,mBAAmB,CAAC;AAWjD,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,cAAc,GAAG,OAAO,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,uBAAuB,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,0BAA0B,EAAE,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,0BAA0B,EAAE,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC;CACpB;AA4XD,wBAAgB,8BAA8B,CAAC,EAC7C,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,CAAC,EACD,UAAU,GACX,EAAE;IACD,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,CAAC,EAAE,WAAW,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,yBAAyB,CAgD5B"}

package/components/conversations/conversation-sidebar-model.js

@@ -1,6 +1,6 @@
 import { normalizeConnectorSource } from "@elizaos/shared";
-import { getChatSourceMeta } from "@elizaos/ui";
 import { isMainChatConversation } from "../../state/chat-conversation-guards.js";
+import { getChatSourceMeta } from "../composites/chat/chat-source.helpers.js";
 import { formatRelativeTime, getLocalizedConversationTitle, } from "./conversation-utils.js";
 export const ELIZA_SOURCE_SCOPE = "eliza";
 export const TERMINAL_SOURCE_SCOPE = "terminal";

package/components/conversations/conversation-utils.d.ts

@@ -1,9 +1,9 @@
+import { formatRelativeTime } from "../../utils/format";
+export { formatRelativeTime };
 export declare function getLocalizedConversationTitle(title: string | undefined | null, t: (key: string, vars?: Record<string, string | number | boolean | null | undefined>) => string): string;
 export declare const BROWSER_CAPABILITY_PLUGIN_IDS: Set<string>;
 export declare const COMPUTER_CAPABILITY_PLUGIN_IDS: Set<string>;
-export declare function formatRelativeTime(dateString: string, t: (key: string, vars?: Record<string, string | number | boolean | null | undefined>) => string): string;
 export declare function avatarIndexFromConversationId(id: string): number;
 export declare function resolveProviderLabel(model: string | undefined): string;
 export declare function isNonChatModelLabel(model: string | undefined): boolean;
-export declare function estimateTokenCost(promptTokens: number, completionTokens: number, model: string | undefined): string;
 //# sourceMappingURL=conversation-utils.d.ts.map

package/components/conversations/conversation-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/conversations/conversation-utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAChC,CAAC,EAAE,CACD,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,KAChE,MAAM,GACV,MAAM,CAYR;AAED,eAAO,MAAM,6BAA6B,aAIxC,CAAC;AAEH,eAAO,MAAM,8BAA8B,aAGzC,CAAC;AAEH,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,MAAM,EAClB,CAAC,EAAE,CACD,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,KAChE,MAAM,GACV,MAAM,CAiBR;AAED,wBAAgB,6BAA6B,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAiCtE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAWtE;AAED,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,EACpB,gBAAgB,EAAE,MAAM,EACxB,KAAK,EAAE,MAAM,GAAG,SAAS,GACxB,MAAM,CAqCR"}
+{"version":3,"file":"conversation-utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/conversations/conversation-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAChC,CAAC,EAAE,CACD,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,KAChE,MAAM,GACV,MAAM,CAYR;AAED,eAAO,MAAM,6BAA6B,aAIxC,CAAC;AAEH,eAAO,MAAM,8BAA8B,aAGzC,CAAC;AAEH,wBAAgB,6BAA6B,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAiCtE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAWtE"}

package/components/conversations/conversation-utils.js

@@ -1,4 +1,6 @@
 import { VRM_COUNT } from "../../state/index.js";
+import { formatRelativeTime } from "../../utils/format.js";
+export { formatRelativeTime };
 export function getLocalizedConversationTitle(title, t) {
     const trimmed = title?.trim() ?? "";
     if (!trimmed ||
@@ -19,26 +21,6 @@ export const COMPUTER_CAPABILITY_PLUGIN_IDS = new Set([
     "computeruse",
     "computer-use",
 ]);
-export function formatRelativeTime(dateString, t) {
-    const date = new Date(dateString);
-    if (!Number.isFinite(date.getTime())) {
-        return t("conversations.justNow");
-    }
-    const now = new Date();
-    const diffMs = now.getTime() - date.getTime();
-    const diffMins = Math.floor(diffMs / 60000);
-    const diffHours = Math.floor(diffMs / 3600000);
-    const diffDays = Math.floor(diffMs / 86400000);
-    if (diffMins < 1)
-        return t("conversations.justNow");
-    if (diffMins < 60)
-        return t("conversations.minutesAgo", { count: diffMins });
-    if (diffHours < 24)
-        return t("conversations.hoursAgo", { count: diffHours });
-    if (diffDays < 7)
-        return t("conversations.daysAgo", { count: diffDays });
-    return date.toLocaleDateString();
-}
 export function avatarIndexFromConversationId(id) {
     let hash = 0;
     for (let i = 0; i < id.length; i += 1) {
@@ -104,41 +86,3 @@ export function isNonChatModelLabel(model) {
         return true;
     return false;
 }
-export function estimateTokenCost(promptTokens, completionTokens, model) {
-    const normalizedModel = (model ?? "").toLowerCase();
-    const pricingByMillion = {
-        "gpt-5.5-pro": [30.0, 180.0],
-        "gpt-5-mini": [0.75, 4.5],
-        "gpt-5.5-nano": [0.2, 1.25],
-        "gpt-5.5": [2.5, 15.0],
-        "gpt-5.5.1": [2.0, 8.0],
-        "gpt-4o": [2.5, 10.0],
-        "gpt-4": [30.0, 60.0],
-        "claude-4": [15.0, 75.0],
-        "claude-3.7": [3.0, 15.0],
-        "claude-3.5": [3.0, 15.0],
-        "gemini-2.5-pro": [1.25, 10.0],
-        "gemini-2.0-flash": [0.1, 0.4],
-        deepseek: [0.55, 2.19],
-        kimi: [0.2, 0.8],
-        moonshot: [0.2, 0.8],
-    };
-    let inputCostPerMillion = 1.0;
-    let outputCostPerMillion = 3.0;
-    for (const [key, [inCost, outCost]] of Object.entries(pricingByMillion)) {
-        if (normalizedModel.includes(key)) {
-            inputCostPerMillion = inCost;
-            outputCostPerMillion = outCost;
-            break;
-        }
-    }
-    const estimated = (promptTokens / 1_000_000) * inputCostPerMillion +
-        (completionTokens / 1_000_000) * outputCostPerMillion;
-    if (estimated <= 0)
-        return "$0.0000";
-    if (estimated < 0.0001)
-        return "<$0.0001";
-    if (estimated < 0.01)
-        return `~$${estimated.toFixed(4)}`;
-    return `~$${estimated.toFixed(3)}`;
-}

package/components/custom-actions/CustomActionEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomActionEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom-actions/CustomActionEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,iBAAiB,CAAC;AA2C5E,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,GACR,EAAE,uBAAuB,kDAg1BzB"}
+{"version":3,"file":"CustomActionEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom-actions/CustomActionEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,iBAAiB,CAAC;AA6C5E,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,GACR,EAAE,uBAAuB,kDAg1BzB"}

package/components/custom-actions/CustomActionEditor.js

@@ -1,9 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Banner, Button, Checkbox, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@elizaos/ui";
 import { ChevronDown, ChevronRight } from "lucide-react";
 import { useEffect, useState } from "react";
 import { client } from "../../api/client.js";
 import { useApp } from "../../state/useApp.js";
+import { Banner } from "../ui/banner.js";
+import { Button } from "../ui/button.js";
+import { Checkbox } from "../ui/checkbox.js";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "../ui/dialog.js";
+import { Input } from "../ui/input.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../ui/select.js";
+import { Textarea } from "../ui/textarea.js";
 import { editorDialogContentClassName, editorFieldLabelClassName, editorInputClassName, editorMonoTextareaClassName, editorSectionCardClassName, editorTextareaClassName, HTTP_METHODS, normalizeActionName, normalizeMethod, normalizeParamName, parseGeneratedAction, parseSimilesInput, validateParameters, } from "./custom-action-form.js";
 export function CustomActionEditor({ open, action, onSave, onClose, }) {
     const { t } = useApp();
@@ -335,7 +341,7 @@ export function CustomActionEditor({ open, action, onSave, onClose, }) {
     return (_jsx(Dialog, { open: open, onOpenChange: (nextOpen) => {
             if (!nextOpen)
                 onClose();
-        }, children: _jsxs(DialogContent, { showCloseButton: false, className: editorDialogContentClassName, children: [_jsxs(DialogHeader, { className: "flex flex-row items-center px-5 py-4", children: [_jsx(DialogTitle, { className: "flex-1 text-sm font-medium text-txt", children: action ? "Edit Custom Action" : "New Custom Action" }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 rounded-lg text-xl leading-none text-muted hover:bg-transparent hover:text-txt", onClick: onClose, "aria-label": t("common.close"), children: t("bugreportmodal.Times") })] }), _jsxs("div", { className: "flex max-h-[min(72vh,44rem)] flex-col gap-4 overflow-y-auto px-5 py-4", children: [formError && (_jsx(Banner, { variant: "error", className: "rounded-xl text-xs", children: formError })), !action && (_jsxs("div", { className: "flex flex-col gap-2 rounded-xl border border-accent/30 bg-accent/5 p-3", children: [_jsx("span", { className: "text-xs text-txt font-medium", children: t("customactioneditor.DescribeWhatYouWa") }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { type: "text", value: aiPrompt, onChange: (e) => {
+        }, children: _jsxs(DialogContent, { showCloseButton: false, className: editorDialogContentClassName, children: [_jsxs(DialogHeader, { className: "flex flex-row items-center px-5 py-4", children: [_jsx(DialogTitle, { className: "flex-1 text-sm font-medium text-txt", children: action ? "Edit Custom Action" : "New Custom Action" }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 rounded-sm text-xl leading-none text-muted hover:bg-transparent hover:text-txt", onClick: onClose, "aria-label": t("common.close"), children: t("bugreportmodal.Times") })] }), _jsxs("div", { className: "flex max-h-[min(72vh,44rem)] flex-col gap-4 overflow-y-auto px-5 py-4", children: [formError && (_jsx(Banner, { variant: "error", className: "rounded-sm text-xs", children: formError })), !action && (_jsxs("div", { className: "flex flex-col gap-2 rounded-sm border border-accent/30 bg-accent/5 p-3", children: [_jsx("span", { className: "text-xs text-txt font-medium", children: t("customactioneditor.DescribeWhatYouWa") }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { type: "text", value: aiPrompt, onChange: (e) => {
                                                 setAiPrompt(e.target.value);
                                                 setFormError("");
                                             }, onKeyDown: (event) => {

package/components/custom-actions/CustomActionsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomActionsPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom-actions/CustomActionsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAOvD,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;CACzD;AA8BD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,YAAY,GACb,EAAE,uBAAuB,2CA8SzB"}
+{"version":3,"file":"CustomActionsPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom-actions/CustomActionsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASvD,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;CACzD;AA8BD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,YAAY,GACb,EAAE,uBAAuB,2CA2SzB"}

package/components/custom-actions/CustomActionsPanel.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Input, Switch } from "@elizaos/ui";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { client } from "../../api/client.js";
 import { useApp } from "../../state/useApp.js";
 import { confirmDesktopAction } from "../../utils/desktop-dialogs.js";
+import { Button } from "../ui/button.js";
+import { Input } from "../ui/input.js";
+import { Switch } from "../ui/switch.js";
 const HANDLER_TYPE_COLORS = {
     http: "bg-status-info-bg text-status-info",
     shell: "bg-status-success-bg text-status-success",
@@ -40,8 +42,7 @@ export function CustomActionsPanel({ open, onClose, onOpenEditor, }) {
             const result = await client.listCustomActions();
             setActions(result || []);
         }
-        catch (err) {
-            console.error("Failed to load custom actions:", err);
+        catch {
             setError(t("customactionspanel.LoadFailed", {
                 defaultValue: "Couldn't load custom actions. Try again.",
             }));
@@ -108,8 +109,7 @@ export function CustomActionsPanel({ open, onClose, onOpenEditor, }) {
                 }
                 : item));
         }
-        catch (err) {
-            console.error("Failed to toggle action:", err);
+        catch {
             setError(t("customactionspanel.UpdateFailed", {
                 defaultValue: "Couldn't update this action. Try again.",
             }));
@@ -132,8 +132,7 @@ export function CustomActionsPanel({ open, onClose, onOpenEditor, }) {
             await client.deleteCustomAction(action.id);
             setActions((prev) => prev.filter((item) => item.id !== action.id));
         }
-        catch (err) {
-            console.error("Failed to delete action:", err);
+        catch {
             setError(t("customactionspanel.DeleteFailed", {
                 defaultValue: "Couldn't delete this action. Try again.",
             }));
@@ -145,14 +144,14 @@ export function CustomActionsPanel({ open, onClose, onOpenEditor, }) {
     const handleCreate = () => {
         onOpenEditor(null);
     };
-    return (_jsx("div", { className: `bg-card flex flex-col transition-all duration-200 ${open ? "w-80" : "w-0 overflow-hidden"}`, children: open && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-start justify-between p-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold text-txt", children: t("customactionsview.CustomActions") }), _jsx("p", { className: "text-xs text-muted mt-0.5", children: actionSummary })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, className: "text-muted hover:text-txt h-7 w-7", "aria-label": t("aria.closePanel"), children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("title", { children: t("aria.closePanel") }), _jsx("path", { d: "M12 4L4 12M4 4l8 8" })] }) })] }), _jsxs("div", { className: "space-y-3 p-3", children: [_jsx(Button, { variant: "default", size: "sm", onClick: handleCreate, className: "w-full px-3 py-2 h-9 text-sm font-medium shadow-sm", children: t("customactionspanel.NewCustomAction") }), _jsx("div", { className: "relative", children: _jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: t("customactionspanel.SearchByNameDesc"), className: "w-full h-8 bg-surface text-xs placeholder:text-muted/50 shadow-sm focus-visible:ring-1 focus-visible:ring-accent" }) }), error && (_jsx("div", { className: "text-xs text-danger bg-danger/10 border border-danger/30 px-2 py-1 rounded", children: error }))] }), _jsx("div", { className: "flex-1 overflow-y-auto p-3 space-y-2", children: loading ? (_jsx("div", { className: "text-center text-muted text-xs py-8", children: t("customactionspanel.LoadingYourActions") })) : filteredActions.length === 0 ? (_jsx("div", { className: "text-center text-muted text-xs py-8", children: search
+    return (_jsx("div", { className: `bg-card flex flex-col transition-all duration-200 ${open ? "w-80" : "w-0 overflow-hidden"}`, children: open && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-start justify-between p-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold text-txt", children: t("customactionsview.CustomActions") }), _jsx("p", { className: "text-xs text-muted mt-0.5", children: actionSummary })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, className: "text-muted hover:text-txt h-7 w-7", "aria-label": t("aria.closePanel"), children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("title", { children: t("aria.closePanel") }), _jsx("path", { d: "M12 4L4 12M4 4l8 8" })] }) })] }), _jsxs("div", { className: "space-y-3 p-3", children: [_jsx(Button, { variant: "default", size: "sm", onClick: handleCreate, className: "w-full px-3 py-2 h-9 text-sm font-medium ", children: t("customactionspanel.NewCustomAction") }), _jsx("div", { className: "relative", children: _jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: t("customactionspanel.SearchByNameDesc"), className: "w-full h-8 bg-surface text-xs placeholder:text-muted/50 focus-visible:ring-1 focus-visible:ring-accent" }) }), error && (_jsx("div", { className: "text-xs text-danger bg-danger/10 border border-danger/30 px-2 py-1 rounded-sm", children: error }))] }), _jsx("div", { className: "flex-1 overflow-y-auto p-3 space-y-2", children: loading ? (_jsx("div", { className: "text-center text-muted text-xs py-8", children: t("customactionspanel.LoadingYourActions") })) : filteredActions.length === 0 ? (_jsx("div", { className: "text-center text-muted text-xs py-8", children: search
                             ? t("customactionspanel.NoActionsMatchSearch", {
                                 defaultValue: "Nothing matches that search.",
                             })
                             : t("customactionspanel.NoActionsYet", {
                                 defaultValue: "No custom actions yet. Make one to get started.",
-                            }) })) : (filteredActions.map((action) => (_jsxs("div", { className: "border border-border bg-surface rounded p-2 space-y-2", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-semibold text-xs text-txt truncate", children: action.name }), _jsxs("p", { className: "text-2xs text-muted mt-0.5", children: [formatParameterCount(action.parameters?.length || 0), action.similes?.length
+                            }) })) : (filteredActions.map((action) => (_jsxs("div", { className: "border border-border bg-surface rounded-sm p-2 space-y-2", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-semibold text-xs text-txt truncate", children: action.name }), _jsxs("p", { className: "text-2xs text-muted mt-0.5", children: [formatParameterCount(action.parameters?.length || 0), action.similes?.length
                                                         ? ` • ${formatAliasCount(action.similes.length)}`
-                                                        : ""] })] }), _jsx("span", { className: `text-2xs px-1.5 py-0.5 rounded whitespace-nowrap ${HANDLER_TYPE_COLORS[action.handler.type] ||
+                                                        : ""] })] }), _jsx("span", { className: `text-2xs px-1.5 py-0.5 rounded-sm whitespace-nowrap ${HANDLER_TYPE_COLORS[action.handler.type] ||
                                             "bg-surface text-muted"}`, children: handlerTypeLabel(action.handler.type, t) })] }), action.description && (_jsx("p", { className: "text-xs text-muted line-clamp-2 break-words", children: action.description })), _jsxs("div", { className: "flex items-center gap-2 pt-1", children: [_jsxs("label", { className: "flex items-center gap-1 cursor-pointer text-xs text-muted", children: [_jsx(Switch, { checked: action.enabled, onCheckedChange: () => handleToggleEnabled(action), className: "scale-75" }), _jsx("span", { children: t("common.enabled") })] }), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => handleEdit(action), className: "h-6 px-2 text-xs text-txt hover:text-txt/80 hover:bg-accent/10", title: t("customactionspanel.EditAction"), children: t("common.edit") }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => handleDelete(action), className: "h-6 px-2 text-xs text-danger hover:text-danger/80 hover:bg-danger/10", title: t("customactionspanel.DeleteAction"), children: t("common.delete") })] })] })] }, action.id)))) })] })) }));
 }

package/components/custom-actions/CustomActionsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomActionsView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom-actions/CustomActionsView.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,iBAAiB,4CAyXhC"}
+{"version":3,"file":"CustomActionsView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom-actions/CustomActionsView.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,iBAAiB,4CAwXhC"}

package/components/custom-actions/CustomActionsView.js

@@ -1,14 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input, Switch } from "@elizaos/ui";
 import { useCallback, useEffect, useState } from "react";
 import { client } from "../../api/client.js";
 import { useApp } from "../../state/useApp.js";
 import { alertDesktopMessage, confirmDesktopAction, } from "../../utils/desktop-dialogs.js";
+import { Button } from "../ui/button.js";
+import { Input } from "../ui/input.js";
+import { Switch } from "../ui/switch.js";
 import { CustomActionEditor } from "./CustomActionEditor.js";
-const CUSTOM_ACTIONS_SHELL_CLASS = "flex h-full min-h-0 flex-col gap-4 rounded-2xl border border-border/60 bg-card/70 p-4 shadow-sm ring-1 ring-border/15 backdrop-blur-sm";
-const CUSTOM_ACTIONS_PANEL_CLASS = "rounded-2xl border border-border/45 bg-bg/20 shadow-sm";
-const CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS = "h-10 rounded-xl px-3 text-sm shadow-sm";
-const CUSTOM_ACTIONS_INPUT_CLASS = "h-10 rounded-xl border-border/60 bg-bg/55 px-3 text-sm shadow-sm";
+const CUSTOM_ACTIONS_SHELL_CLASS = "flex h-full min-h-0 flex-col gap-4 rounded-sm border border-border/60 bg-card/70 p-4 ring-1 ring-border/15 backdrop-blur-sm";
+const CUSTOM_ACTIONS_PANEL_CLASS = "rounded-sm border border-border/45 bg-bg/20 ";
+const CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS = "h-10 rounded-sm px-3 text-sm ";
+const CUSTOM_ACTIONS_INPUT_CLASS = "h-10 rounded-sm border-border/60 bg-bg/55 px-3 text-sm ";
 const HANDLER_BADGE_CLASS = {
     http: "border border-info/25 bg-info/10 text-info",
     shell: "border border-success/25 bg-success/10 text-success",
@@ -27,8 +29,8 @@ export function CustomActionsView() {
             const result = await client.listCustomActions();
             setActions(result);
         }
-        catch (error) {
-            console.error("Failed to load custom actions:", error);
+        catch {
+            // load failure: list stays empty
         }
         finally {
             setLoading(false);
@@ -59,8 +61,8 @@ export function CustomActionsView() {
             await client.updateCustomAction(id, { enabled });
             setActions((prev) => prev.map((action) => action.id === id ? { ...action, enabled } : action));
         }
-        catch (error) {
-            console.error("Failed to toggle action:", error);
+        catch {
+            // toggle failure: optimistic update will be stale until next load
         }
     }, []);
     const handleDelete = useCallback(async (id, name) => {
@@ -78,8 +80,8 @@ export function CustomActionsView() {
             await client.deleteCustomAction(id);
             setActions((prev) => prev.filter((action) => action.id !== id));
         }
-        catch (error) {
-            console.error("Failed to delete action:", error);
+        catch {
+            // deletion failure: item remains in list
         }
     }, [t]);
     const handleImport = useCallback(async (event) => {
@@ -96,8 +98,7 @@ export function CustomActionsView() {
             await loadActions();
             event.target.value = "";
         }
-        catch (error) {
-            console.error("Failed to import actions:", error);
+        catch {
             await alertDesktopMessage({
                 title: t("customactionsview.ImportFailedTitle"),
                 message: t("customactionsview.ImportFailedMessage"),
@@ -132,13 +133,13 @@ export function CustomActionsView() {
                         ? t("customactionsview.NoActionsMatchFiltersTitle")
                         : t("customactionsview.EmptyTitle") }), _jsx("p", { className: "text-sm leading-relaxed text-muted", children: search
                         ? t("customactionsview.NoActionsMatchFiltersDescription")
-                        : t("customactionsview.EmptyDescription") }), !search && (_jsx("div", { className: "pt-2", children: _jsx(Button, { variant: "default", size: "sm", onClick: handleCreate, className: "h-10 rounded-xl px-4 text-sm font-medium shadow-sm", children: t("customactionsview.CreateAction") }) }))] }) }));
-    return (_jsxs("div", { "data-testid": "custom-actions-view", className: CUSTOM_ACTIONS_SHELL_CLASS, children: [_jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("customactionsview.CustomActions") }), _jsxs("div", { className: "space-y-1", children: [_jsx("h1", { className: "text-2xl font-semibold text-txt", children: t("customactionsview.ActionRegistry") }), _jsx("p", { className: "max-w-2xl text-sm leading-relaxed text-muted", children: t("customactionsview.ActionRegistryDescription") })] })] }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-muted", children: [_jsx("span", { className: "rounded-full border border-border/45 bg-bg/30 px-3 py-1.5 shadow-sm", children: actionCountLabel }), _jsx("span", { className: "rounded-full border border-border/45 bg-bg/30 px-3 py-1.5 shadow-sm", children: search
+                        : t("customactionsview.EmptyDescription") }), !search && (_jsx("div", { className: "pt-2", children: _jsx(Button, { variant: "default", size: "sm", onClick: handleCreate, className: "h-10 rounded-sm px-4 text-sm font-medium ", children: t("customactionsview.CreateAction") }) }))] }) }));
+    return (_jsxs("div", { "data-testid": "custom-actions-view", className: CUSTOM_ACTIONS_SHELL_CLASS, children: [_jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("customactionsview.CustomActions") }), _jsxs("div", { className: "space-y-1", children: [_jsx("h1", { className: "text-2xl font-semibold text-txt", children: t("customactionsview.ActionRegistry") }), _jsx("p", { className: "max-w-2xl text-sm leading-relaxed text-muted", children: t("customactionsview.ActionRegistryDescription") })] })] }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-muted", children: [_jsx("span", { className: "rounded-full border border-border/45 bg-bg/30 px-3 py-1.5 ", children: actionCountLabel }), _jsx("span", { className: "rounded-full border border-border/45 bg-bg/30 px-3 py-1.5 ", children: search
                                     ? t("customactionsview.Filtered")
-                                    : t("customactionsview.AllActions") })] })] }), _jsx("div", { className: `${CUSTOM_ACTIONS_PANEL_CLASS} p-3 sm:p-4`, children: _jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between", children: [_jsxs("div", { className: "flex-1 space-y-2", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("customactionsview.SearchAndManage") }), _jsx(Input, { type: "text", placeholder: t("customactionsview.SearchActionsByNa"), value: search, onChange: (e) => setSearch(e.target.value), className: `w-full ${CUSTOM_ACTIONS_INPUT_CLASS}` })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("label", { className: `${CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS} inline-flex cursor-pointer items-center rounded-xl border border-border/60 bg-bg/35 text-muted transition-colors hover:border-border hover:bg-bg/55 hover:text-txt`, children: [t("settings.import"), _jsx("input", { type: "file", accept: "application/json", onChange: handleImport, className: "hidden" })] }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleExport, disabled: actions.length === 0, className: `${CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS} bg-bg/35 text-muted hover:bg-bg/55 disabled:opacity-50`, children: t("common.export") }), _jsx(Button, { variant: "default", size: "sm", onClick: handleCreate, className: `${CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS} font-medium`, children: t("customactionsview.CreateAction") })] })] }) }), filteredActions.length === 0 ? (emptyState) : (_jsx("div", { className: "grid flex-1 auto-rows-fr grid-cols-1 gap-3 overflow-auto md:grid-cols-2 xl:grid-cols-3", children: filteredActions.map((action) => (_jsxs("div", { className: `${CUSTOM_ACTIONS_PANEL_CLASS} flex h-full flex-col gap-4 p-4 transition-[border-color,background-color,box-shadow] hover:border-accent/35 hover:bg-bg/30`, children: [_jsx(Button, { variant: "ghost", className: "m-0 h-auto w-full p-0 text-left", onClick: () => handleEdit(action), children: _jsxs("div", { className: "flex w-full flex-1 flex-col gap-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("customactionsview.Handler") }), _jsx("h3", { className: "flex-1 break-words text-base font-semibold text-txt", children: action.name })] }), _jsx("span", { className: `inline-flex rounded-full border px-2.5 py-1 text-xs-tight font-medium ${HANDLER_BADGE_CLASS[action.handler.type] ??
+                                    : t("customactionsview.AllActions") })] })] }), _jsx("div", { className: `${CUSTOM_ACTIONS_PANEL_CLASS} p-3 sm:p-4`, children: _jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between", children: [_jsxs("div", { className: "flex-1 space-y-2", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("customactionsview.SearchAndManage") }), _jsx(Input, { type: "text", placeholder: t("customactionsview.SearchActionsByNa"), value: search, onChange: (e) => setSearch(e.target.value), className: `w-full ${CUSTOM_ACTIONS_INPUT_CLASS}` })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("label", { className: `${CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS} inline-flex cursor-pointer items-center rounded-sm border border-border/60 bg-bg/35 text-muted transition-colors hover:border-border hover:bg-bg/55 hover:text-txt`, children: [t("settings.import"), _jsx("input", { type: "file", accept: "application/json", onChange: handleImport, className: "hidden" })] }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleExport, disabled: actions.length === 0, className: `${CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS} bg-bg/35 text-muted hover:bg-bg/55 disabled:opacity-50`, children: t("common.export") }), _jsx(Button, { variant: "default", size: "sm", onClick: handleCreate, className: `${CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS} font-medium`, children: t("customactionsview.CreateAction") })] })] }) }), filteredActions.length === 0 ? (emptyState) : (_jsx("div", { className: "grid flex-1 auto-rows-fr grid-cols-1 gap-3 overflow-auto md:grid-cols-2 xl:grid-cols-3", children: filteredActions.map((action) => (_jsxs("div", { className: `${CUSTOM_ACTIONS_PANEL_CLASS} flex h-full flex-col gap-4 p-4 transition-[border-color,background-color,box-shadow] hover:border-accent/35 hover:bg-bg/30`, children: [_jsx(Button, { variant: "ghost", className: "m-0 h-auto w-full p-0 text-left", onClick: () => handleEdit(action), children: _jsxs("div", { className: "flex w-full flex-1 flex-col gap-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("customactionsview.Handler") }), _jsx("h3", { className: "flex-1 break-words text-base font-semibold text-txt", children: action.name })] }), _jsx("span", { className: `inline-flex rounded-full border px-2.5 py-1 text-xs-tight font-medium ${HANDLER_BADGE_CLASS[action.handler.type] ??
                                                     "border-border/55 bg-bg/35 text-muted"}`, children: action.handler.type })] }), action.description ? (_jsx("p", { className: "line-clamp-3 text-sm leading-relaxed text-muted", children: action.description })) : (_jsx("p", { className: "text-sm leading-relaxed text-muted/75", children: t("customactionsview.NoDescriptionYet") })), _jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted", children: [_jsx("span", { className: "rounded-full border border-border/45 bg-bg/30 px-2.5 py-1", children: t((action.parameters?.length || 0) === 1
                                                     ? "customactionsview.ParameterCountOne"
                                                     : "customactionsview.ParameterCountOther", { count: action.parameters?.length || 0 }) }), _jsx("span", { className: "rounded-full border border-border/45 bg-bg/30 px-2.5 py-1", children: action.enabled
                                                     ? t("common.enabled")
-                                                    : t("common.disabled") })] })] }) }), _jsxs("div", { className: "mt-auto flex items-center justify-between gap-3 pt-3", children: [_jsxs("label", { className: "flex min-h-touch cursor-pointer items-center gap-2", children: [_jsx(Switch, { checked: action.enabled, onCheckedChange: (checked) => handleToggleEnabled(action.id, !!checked) }), _jsx("span", { className: "text-xs text-muted", children: t("common.enabled") })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => handleEdit(action), className: "h-9 rounded-xl px-3 text-xs bg-bg/35 text-muted hover:bg-bg/55", children: t("common.edit") }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => handleDelete(action.id, action.name), className: "h-9 rounded-xl border-danger/35 bg-danger/5 px-3 text-xs text-danger hover:border-danger hover:bg-danger/10", children: t("common.delete") })] })] })] }, action.id))) })), editorOpen && (_jsx(CustomActionEditor, { open: editorOpen, action: editingAction, onClose: handleEditorClose, onSave: handleEditorSave }))] }));
+                                                    : t("common.disabled") })] })] }) }), _jsxs("div", { className: "mt-auto flex items-center justify-between gap-3 pt-3", children: [_jsxs("label", { className: "flex min-h-touch cursor-pointer items-center gap-2", children: [_jsx(Switch, { checked: action.enabled, onCheckedChange: (checked) => handleToggleEnabled(action.id, !!checked) }), _jsx("span", { className: "text-xs text-muted", children: t("common.enabled") })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => handleEdit(action), className: "h-9 rounded-sm px-3 text-xs bg-bg/35 text-muted hover:bg-bg/55", children: t("common.edit") }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => handleDelete(action.id, action.name), className: "h-9 rounded-sm border-danger/35 bg-danger/5 px-3 text-xs text-danger hover:border-danger hover:bg-danger/10", children: t("common.delete") })] })] })] }, action.id))) })), editorOpen && (_jsx(CustomActionEditor, { open: editorOpen, action: editingAction, onClose: handleEditorClose, onSave: handleEditorSave }))] }));
 }

package/components/custom-actions/custom-action-form.d.ts

@@ -20,12 +20,12 @@ export interface ParsedGeneration {
     enabled: boolean;
 }
 export declare const HTTP_METHODS: readonly ["GET", "POST", "PUT", "DELETE", "PATCH"];
-export declare const editorDialogContentClassName = "w-[min(calc(100%_-_2rem),48rem)] max-h-[min(90vh,56rem)] overflow-hidden rounded-2xl border border-border/70 bg-card/96 p-0 shadow-2xl backdrop-blur-xl";
+export declare const editorDialogContentClassName = "w-[min(calc(100%_-_2rem),48rem)] max-h-[min(90vh,56rem)] overflow-hidden rounded-sm border border-border/70 bg-card/96 p-0 backdrop-blur-xl";
 export declare const editorFieldLabelClassName = "text-xs text-muted";
-export declare const editorInputClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25";
-export declare const editorTextareaClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25 resize-none";
-export declare const editorMonoTextareaClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25 resize-none font-mono";
-export declare const editorSectionCardClassName = "flex flex-col gap-3 rounded-xl border border-border/70 bg-bg/20 p-3";
+export declare const editorInputClassName = "rounded-sm border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25";
+export declare const editorTextareaClassName = "rounded-sm border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25 resize-none";
+export declare const editorMonoTextareaClassName = "rounded-sm border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25 resize-none font-mono";
+export declare const editorSectionCardClassName = "flex flex-col gap-3 rounded-sm border border-border/70 bg-bg/20 p-3";
 export declare function toNonEmptyString(value: unknown): string | undefined;
 export declare function normalizeActionName(value: string): string;
 export declare function normalizeAlias(value: string): string;

package/components/custom-actions/custom-action-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom-action-form.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom-actions/custom-action-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,eAAO,MAAM,YAAY,oDAAqD,CAAC;AAK/E,eAAO,MAAM,4BAA4B,4JACkH,CAAC;AAC5J,eAAO,MAAM,yBAAyB,uBAAuB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,wGACsE,CAAC;AACxG,eAAO,MAAM,uBAAuB,oHAAwC,CAAC;AAC7E,eAAO,MAAM,2BAA2B,8HAAyC,CAAC;AAClF,eAAO,MAAM,0BAA0B,wEACgC,CAAC;AAIxE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAInE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQzD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMxD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,CAG1D;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,CAUxD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,CA6B1D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,CAerD;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG;IACtD,EAAE,EAAE,OAAO,CAAC;IACZ,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CA+JA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAKzD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,GAAG,IAAI,CAkBnE"}
+{"version":3,"file":"custom-action-form.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom-actions/custom-action-form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,eAAO,MAAM,YAAY,oDAAqD,CAAC;AAK/E,eAAO,MAAM,4BAA4B,gJACsG,CAAC;AAChJ,eAAO,MAAM,yBAAyB,uBAAuB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,wGACsE,CAAC;AACxG,eAAO,MAAM,uBAAuB,oHAAwC,CAAC;AAC7E,eAAO,MAAM,2BAA2B,8HAAyC,CAAC;AAClF,eAAO,MAAM,0BAA0B,wEACgC,CAAC;AAIxE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAInE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQzD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMxD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,CAG1D;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,CAUxD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,CA6B1D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,CAerD;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG;IACtD,EAAE,EAAE,OAAO,CAAC;IACZ,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CA+JA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAKzD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,GAAG,IAAI,CAkBnE"}

package/components/custom-actions/custom-action-form.js

@@ -2,12 +2,12 @@
 export const HTTP_METHODS = ["GET", "POST", "PUT", "DELETE", "PATCH"];
 const METHODS_SET = new Set(HTTP_METHODS);
 /* ── CSS class names ───────────────────────────────────────────────── */
-export const editorDialogContentClassName = "w-[min(calc(100%_-_2rem),48rem)] max-h-[min(90vh,56rem)] overflow-hidden rounded-2xl border border-border/70 bg-card/96 p-0 shadow-2xl backdrop-blur-xl";
+export const editorDialogContentClassName = "w-[min(calc(100%_-_2rem),48rem)] max-h-[min(90vh,56rem)] overflow-hidden rounded-sm border border-border/70 bg-card/96 p-0 backdrop-blur-xl";
 export const editorFieldLabelClassName = "text-xs text-muted";
-export const editorInputClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25";
+export const editorInputClassName = "rounded-sm border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25";
 export const editorTextareaClassName = `${editorInputClassName} resize-none`;
 export const editorMonoTextareaClassName = `${editorTextareaClassName} font-mono`;
-export const editorSectionCardClassName = "flex flex-col gap-3 rounded-xl border border-border/70 bg-bg/20 p-3";
+export const editorSectionCardClassName = "flex flex-col gap-3 rounded-sm border border-border/70 bg-bg/20 p-3";
 /* ── Normalization helpers ─────────────────────────────────────────── */
 export function toNonEmptyString(value) {
     if (typeof value !== "string")

package/components/desktop/DesktopTabBar.d.ts

@@ -0,0 +1,24 @@
+/**
+ * DesktopTabBar — horizontal native tab bar for the Electrobun desktop shell.
+ *
+ * Renders pinned and dynamically-opened view tabs above the main content area.
+ * Only visible when running inside the Electrobun runtime; returns null on web
+ * and mobile.
+ *
+ * Each tab can be closed (unpinned ephemeral) or pinned (persisted across
+ * restarts). A "+" button opens the ViewCatalog so users can pin more views.
+ */
+import type { DesktopTab } from "../../hooks/useDesktopTabs";
+export interface DesktopTabBarProps {
+    tabs: DesktopTab[];
+    activeViewId: string | null;
+    onTabClick: (viewId: string) => void;
+    onTabClose: (viewId: string) => void;
+    onOpenViewManager: () => void;
+}
+/**
+ * DesktopTabBar renders only in the Electrobun runtime. On web and mobile
+ * `isElectrobunRuntime()` returns false and this component returns null.
+ */
+export declare function DesktopTabBar({ tabs, activeViewId, onTabClick, onTabClose, onOpenViewManager, }: DesktopTabBarProps): React.JSX.Element | null;
+//# sourceMappingURL=DesktopTabBar.d.ts.map

package/components/desktop/DesktopTabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopTabBar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/desktop/DesktopTabBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAI7D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAkDD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,UAAU,EACV,iBAAiB,GAClB,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA8B/C"}