@elizaos/ui 2.0.3-beta.2 → 2.0.3-beta.3

package/components/connectors/ConnectorAccountAuditList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectorAccountAuditList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountAuditList.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,SAAS,EACT,KAAU,EACV,SAAS,GACV,EAAE,8BAA8B,2CAyIhC"}
+{"version":3,"file":"ConnectorAccountAuditList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountAuditList.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,SAAS,EACT,KAAU,EACV,SAAS,GACV,EAAE,8BAA8B,2CA8HhC"}

package/components/connectors/ConnectorAccountAuditList.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RefreshCw } from "lucide-react";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useMemo } from "react";
 import { client } from "../../api/index.js";
+import { useFetchData } from "../../hooks/index.js";
 import { cn } from "../../lib/utils.js";
 import { useTranslation, } from "../../state/TranslationContext.hooks.js";
 import { Button } from "../ui/button.js";
@@ -30,41 +31,27 @@ function outcomeTone(outcome) {
 }
 export function ConnectorAccountAuditList({ provider, accountId, limit = 25, className, }) {
     const { t } = useTranslation();
-    const [events, setEvents] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
     const query = useMemo(() => ({
         ...(accountId ? { accountId } : {}),
         limit,
     }), [accountId, limit]);
-    const refresh = useCallback(async () => {
-        if (!provider.trim()) {
-            setEvents([]);
-            setLoading(false);
-            return;
-        }
-        setLoading(true);
-        try {
-            const response = await client.listConnectorAccountAuditEvents(provider, query);
-            setEvents(response.events);
-            setError(null);
-        }
-        catch (err) {
-            setEvents([]);
-            setError(err instanceof Error && err.message.trim()
-                ? err.message
-                : t("connectoraudit.loadError", {
-                    defaultValue: "Failed to load audit events",
-                }));
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [provider, query, t]);
-    useEffect(() => {
-        void refresh();
-    }, [refresh]);
-    return (_jsxs("div", { className: cn("rounded-sm border border-border/45 bg-card/35 text-sm", className), children: [_jsxs("div", { className: "flex min-h-11 items-center justify-between gap-3 border-b border-border/35 px-3 py-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-xs font-semibold uppercase text-muted", children: t("connectoraudit.title", { defaultValue: "Audit trail" }) }), _jsxs("div", { className: "truncate text-xs text-muted", children: [provider, accountId ? ` / ${accountId}` : ""] })] }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: loading, onClick: () => void refresh(), "aria-label": t("connectoraudit.refreshAria", {
+    const fetchState = useFetchData(async (_signal) => {
+        if (!provider.trim())
+            return [];
+        const response = await client.listConnectorAccountAuditEvents(provider, query);
+        return response.events;
+    }, [provider, query]);
+    const events = fetchState.status === "success" ? fetchState.data : [];
+    const loading = fetchState.status === "loading";
+    const error = fetchState.status === "error"
+        ? fetchState.error.message.trim()
+            ? fetchState.error.message
+            : t("connectoraudit.loadError", {
+                defaultValue: "Failed to load audit events",
+            })
+        : null;
+    const refresh = fetchState.refetch;
+    return (_jsxs("div", { className: cn("rounded-sm border border-border/45 bg-card/35 text-sm", className), children: [_jsxs("div", { className: "flex min-h-11 items-center justify-between gap-3 border-b border-border/35 px-3 py-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-xs font-semibold uppercase text-muted", children: t("connectoraudit.title", { defaultValue: "Audit trail" }) }), _jsxs("div", { className: "truncate text-xs text-muted", children: [provider, accountId ? ` / ${accountId}` : ""] })] }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: loading, onClick: refresh, "aria-label": t("connectoraudit.refreshAria", {
                             defaultValue: "Refresh connector audit events",
                         }), title: t("connectoraudit.refreshAria", {
                             defaultValue: "Refresh connector audit events",

package/components/connectors/ConnectorAccountCard.d.ts

@@ -1,4 +1,4 @@
-import type { ConnectorAccountRecord, ConnectorAccountUpdateInput } from "../../api/client-agent";
+import type { ConnectorAccountRecord, ConnectorAccountUpdateInput } from "../../api/client-agent.js";
 export interface ConnectorAccountCardProps {
     account: ConnectorAccountRecord;
     isDefault?: boolean;

package/components/connectors/ConnectorAccountList.d.ts

@@ -1,5 +1,5 @@
-import type { ConnectorAccountCreateInput, ConnectorAccountRole } from "../../api/client-agent";
-import { type UseConnectorAccountsResult } from "../../hooks/useConnectorAccounts";
+import type { ConnectorAccountCreateInput, ConnectorAccountRole } from "../../api/client-agent.js";
+import { type UseConnectorAccountsResult } from "../../hooks/useConnectorAccounts.js";
 export interface ConnectorAccountListProps {
     provider: string;
     connectorId?: string;

package/components/connectors/ConnectorAccountPrivacySelector.d.ts

@@ -1,4 +1,4 @@
-import type { ConnectorAccountPrivacy } from "../../api/client-agent";
+import type { ConnectorAccountPrivacy } from "../../api/client-agent.js";
 export interface ConnectorAccountPrivacySelectorProps {
     value?: ConnectorAccountPrivacy;
     onChange: (value: ConnectorAccountPrivacy, confirmation?: {

package/components/connectors/ConnectorAccountPurposeSelector.d.ts

@@ -1,4 +1,4 @@
-import type { ConnectorAccountRole } from "../../api/client-agent";
+import type { ConnectorAccountRole } from "../../api/client-agent.js";
 export interface ConnectorAccountPurposeSelectorProps {
     value?: ConnectorAccountRole;
     onChange: (value: ConnectorAccountRole, confirmation?: {

package/components/connectors/ConnectorModeSelector.d.ts

@@ -1,4 +1,4 @@
-export type { ConnectorMode } from "./ConnectorModeSelector.helpers";
+export type { ConnectorMode } from "./ConnectorModeSelector.helpers.js";
 export declare function ConnectorModeSelector({ connectorId, selectedMode, onModeChange, elizaCloudConnected, }: {
     connectorId: string;
     selectedMode: string;

package/components/connectors/ConnectorModeSelector.helpers.d.ts

@@ -1,4 +1,4 @@
-import { type ConnectorManagementMode } from "./connector-account-options";
+import { type ConnectorManagementMode } from "./connector-account-options.js";
 export type ConnectorMode = {
     id: string;
     label: string;

package/components/connectors/ConnectorModeSelector.hooks.d.ts

@@ -5,7 +5,7 @@
 export declare function useConnectorMode(connectorId: string, options?: {
     elizaCloudConnected?: boolean;
 }): {
-    modes: import("./ConnectorModeSelector.helpers").ConnectorMode[];
+    modes: import("./ConnectorModeSelector.helpers.js").ConnectorMode[];
     selectedMode: string;
     setSelectedMode: import("react").Dispatch<import("react").SetStateAction<string>>;
     setupPluginId: string | null;

package/components/connectors/ConnectorModeSelector.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { getConnectorModes } from "./ConnectorModeSelector.helpers.js";
 export function ConnectorModeSelector({ connectorId, selectedMode, onModeChange, elizaCloudConnected, }) {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const modes = getConnectorModes(connectorId, { elizaCloudConnected });
     if (modes.length <= 1)
         return null;

package/components/connectors/ConnectorQrPairingOverlay.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { Button } from "../ui/button.js";
 export function ConnectorQrPairingOverlay({ connectorName, status, qrDataUrl, phoneNumber, error, onStartPairing, onStopPairing, onDisconnect, onConnected, connectedMessage, connectedPhonePrefix = "", idleDescription, idleDetail, connectLabel, tryAgainLabel, timeoutMessage, defaultErrorMessage, qrAlt, qrSizeClassName = "h-40 w-40 bg-white dark:bg-white sm:h-48 sm:w-48", generatingLabel, scanTitle, steps, footer, }) {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const firedRef = useRef(false);
     useEffect(() => {
         if (status !== "connected") {

package/components/connectors/DiscordLocalConnectorPanel.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { client } from "../../api/index.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { PagePanel } from "../composites/page-panel/index.js";
 import { Button } from "../ui/button.js";
 const DISCORD_TEXT_CHANNEL_TYPES = new Set([0, 5, 10, 11, 12, 15, 16]);
@@ -37,7 +37,7 @@ function selectedChannelIdsFromStatus(status) {
         : status.configuredChannelIds;
 }
 export function DiscordLocalConnectorPanel() {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const [status, setStatus] = useState(null);
     const [guilds, setGuilds] = useState([]);
     const [channels, setChannels] = useState([]);

package/components/connectors/IMessageStatusPanel.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { client } from "../../api/index.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { openExternalUrl } from "../../utils/index.js";
 import { PagePanel } from "../composites/page-panel/index.js";
 import { Button } from "../ui/button.js";
 export function IMessageStatusPanel() {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const [status, setStatus] = useState(null);
     const [error, setError] = useState(null);
     const [loading, setLoading] = useState(true);

package/components/connectors/SignalQrOverlay.js

@@ -2,11 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useSignalPairing } from "../../hooks/index.js";
 import { DEFAULT_CONNECTOR_ACCOUNT_ID } from "../../hooks/useConnectorAccounts.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { ConnectorQrPairingOverlay } from "./ConnectorQrPairingOverlay.js";
 export function SignalQrOverlay({ accountId = DEFAULT_CONNECTOR_ACCOUNT_ID, onConnected, }) {
     const pairing = useSignalPairing(accountId);
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const steps = useMemo(() => [
         {
             id: "open-desktop",

package/components/connectors/TelegramAccountConnectorPanel.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { client } from "../../api/index.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { PagePanel } from "../composites/page-panel/index.js";
 import { Button } from "../ui/button.js";
 function accountLabel(status) {
@@ -51,7 +51,7 @@ function currentPrompt(status) {
     }
 }
 export function TelegramAccountConnectorPanel() {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const [status, setStatus] = useState(null);
     const [phone, setPhone] = useState("");
     const [inputValue, setInputValue] = useState("");
@@ -167,7 +167,7 @@ export function TelegramAccountConnectorPanel() {
                                 if (error) {
                                     setError(null);
                                 }
-                            }, placeholder: "+15551234567", className: "h-8 w-full rounded-sm border border-border/50 bg-bg/70 px-3 text-xs-tight text-txt placeholder:text-muted/50 focus:border-accent focus:outline-none" }), _jsx(Button, { variant: "default", size: "sm", className: "h-8 rounded-sm px-4 text-xs-tight font-semibold", onClick: () => {
+                            }, placeholder: "+15551234567", className: "h-8 w-full rounded-sm border border-border/50 bg-bg/70 px-3 text-xs-tight text-txt placeholder:text-muted/50  " }), _jsx(Button, { variant: "default", size: "sm", className: "h-8 rounded-sm px-4 text-xs-tight font-semibold", onClick: () => {
                                 void startAuth();
                             }, disabled: submitting, children: submitting
                                 ? t("common.connecting", { defaultValue: "Starting\u2026" })
@@ -176,7 +176,7 @@ export function TelegramAccountConnectorPanel() {
                                         if (error) {
                                             setError(null);
                                         }
-                                    }, placeholder: prompt.placeholder, className: "h-8 flex-1 rounded-sm border border-border/50 bg-bg/70 px-3 text-xs-tight text-txt placeholder:text-muted/50 focus:border-accent focus:outline-none", onKeyDown: (event) => {
+                                    }, placeholder: prompt.placeholder, className: "h-8 flex-1 rounded-sm border border-border/50 bg-bg/70 px-3 text-xs-tight text-txt placeholder:text-muted/50  ", onKeyDown: (event) => {
                                         if (event.key === "Enter") {
                                             void submitAuthInput();
                                         }

package/components/connectors/TelegramBotSetupPanel.js

@@ -1,11 +1,11 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { client } from "../../api/index.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { PagePanel } from "../composites/page-panel/index.js";
 import { Button } from "../ui/button.js";
 export function TelegramBotSetupPanel() {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const [status, setStatus] = useState("idle");
     const [token, setToken] = useState("");
     const [botInfo, setBotInfo] = useState(null);
@@ -76,7 +76,7 @@ export function TelegramBotSetupPanel() {
                                 setToken(e.target.value);
                                 if (status === "error")
                                     setStatus("idle");
-                            }, placeholder: "123456:ABC-DEF1234ghIkl-zyx57W2v1u123ew11", className: "h-8 flex-1 rounded-sm border border-border/50 bg-bg/70 px-3 text-xs-tight text-txt placeholder:text-muted/50 focus:border-accent focus:outline-none", onKeyDown: (e) => {
+                            }, placeholder: "123456:ABC-DEF1234ghIkl-zyx57W2v1u123ew11", className: "h-8 flex-1 rounded-sm border border-border/50 bg-bg/70 px-3 text-xs-tight text-txt placeholder:text-muted/50  ", onKeyDown: (e) => {
                                 if (e.key === "Enter")
                                     void validateAndSave();
                             } }), _jsx(Button, { variant: "default", size: "sm", className: "h-8 rounded-sm px-4 text-xs-tight font-semibold", onClick: () => {

package/components/connectors/WhatsAppQrOverlay.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useMemo } from "react";
 import { useWhatsAppPairing } from "../../hooks/index.js";
 import { DEFAULT_CONNECTOR_ACCOUNT_ID } from "../../hooks/useConnectorAccounts.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { ConnectorQrPairingOverlay } from "./ConnectorQrPairingOverlay.js";
 export function WhatsAppQrOverlay({ accountId = DEFAULT_CONNECTOR_ACCOUNT_ID, onConnected, connectedMessage, }) {
     const pairing = useWhatsAppPairing(accountId);
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const steps = useMemo(() => [
         {
             id: "open-app",

package/components/connectors/XRPairingPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XRPairingPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/XRPairingPanel.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,cAAc,4CAkG7B"}
+{"version":3,"file":"XRPairingPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/XRPairingPanel.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,cAAc,4CAoG7B"}

package/components/connectors/XRPairingPanel.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { client } from "../../api/index.js";
+import { useIntervalWhenDocumentVisible } from "../../hooks/useDocumentVisibility.js";
 import { useTranslation, } from "../../state/TranslationContext.hooks.js";
 import { openExternalUrl } from "../../utils/index.js";
 import { Button } from "../ui/button.js";
@@ -27,11 +28,13 @@ export function XRPairingPanel() {
             setError(err instanceof Error ? err.message : String(err));
         }
     }, []);
+    // Fetch once on mount; poll only while the tab is visible so a backgrounded
+    // connectors page doesn't hit the network every 5s (the interval is cleared on
+    // hide and re-established on show).
     useEffect(() => {
         void refresh();
-        const interval = setInterval(() => void refresh(), 5000);
-        return () => clearInterval(interval);
     }, [refresh]);
+    useIntervalWhenDocumentVisible(() => void refresh(), 5000);
     const openConnectPage = useCallback(() => {
         const base = client.baseUrl || "";
         void openExternalUrl(`${base}/api/xr/connect`);
@@ -40,7 +43,7 @@ export function XRPairingPanel() {
         return (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-xs text-destructive", children: error }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => void refresh(), children: t("xrpairing.retry", { defaultValue: "Retry" }) })] }));
     }
     return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx(DeviceBadge, { count: state?.connections.length ?? 0, t: t }), state?.pairingCode ? (_jsx("span", { className: "font-mono text-sm font-bold tracking-widest text-accent", children: state.pairingCode })) : null] }), (state?.connections.length ?? 0) > 0 ? (_jsx("ul", { className: "space-y-1", children: state?.connections.map((c) => (_jsxs("li", { className: "text-xs text-muted", children: [_jsx("span", { className: "font-medium text-txt", children: c.deviceType }), t("xrpairing.connectedAt", {
-                            time: new Date(c.connectedAt).toLocaleTimeString(),
+                            time: new Date(c.connectedAt).toLocaleTimeString("en-US"),
                             defaultValue: " — connected {{time}}",
                         })] }, c.id))) })) : (_jsxs("ol", { className: "list-inside list-decimal space-y-1 text-xs text-muted", children: [_jsx("li", { children: t("xrpairing.step1", {
                             defaultValue: "Put on your headset and open the browser",

package/components/connectors/connector-account-options.d.ts

@@ -1,4 +1,4 @@
-import type { ConnectorAccountCreateInput, ConnectorAccountPrivacy, ConnectorAccountPurpose, ConnectorAccountRole } from "../../api/client-agent";
+import type { ConnectorAccountCreateInput, ConnectorAccountPrivacy, ConnectorAccountPurpose, ConnectorAccountRole } from "../../api/client-agent.js";
 export interface ConnectorAccountOption<T extends string> {
     value: T;
     label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationRenameDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/conversations/ConversationRenameDialog.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,OAAO,GACR,EAAE,6BAA6B,2CA2D/B"}
+{"version":3,"file":"ConversationRenameDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/conversations/ConversationRenameDialog.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,OAAO,GACR,EAAE,6BAA6B,2CAiE/B"}

package/components/conversations/ConversationRenameDialog.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { ChatConversationRenameDialog } from "../composites/chat/chat-conversation-rename-dialog.js";
 export function ConversationRenameDialog({ open, conversationId, initialTitle, onClose, }) {
-    const { handleRenameConversation, suggestConversationTitle, t } = useApp();
+    const handleRenameConversation = useAppSelector((s) => s.handleRenameConversation);
+    const suggestConversationTitle = useAppSelector((s) => s.suggestConversationTitle);
+    const t = useAppSelector((s) => s.t);
     const [draft, setDraft] = useState(initialTitle);
     const [suggesting, setSuggesting] = useState(false);
     const [saving, setSaving] = useState(false);

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

@@ -1 +1 @@
-{"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"}
+{"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,2CAkvB3B"}

package/components/conversations/ConversationsSidebar.js

@@ -4,7 +4,7 @@ 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 { useAppSelectorShallow } from "../../state/index.js";
 import { usePtySessions } from "../../state/PtySessionsContext.hooks.js";
 import { errorMessage } from "../../utils/errors.js";
 import { ChatConversationItem } from "../composites/chat/chat-conversation-item.js";
@@ -63,7 +63,22 @@ 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, ensurePluginsLoaded = async () => { }, setActionNotice, setTab, setState, tab, t, } = useApp();
+    const { conversations, activeConversationId, activeInboxChat, activeTerminalSessionId, unreadConversations, handleNewConversation, handleSelectConversation, handleDeleteConversation, ensurePluginsLoaded = async () => { }, setActionNotice, setTab, setState, tab, t, } = useAppSelectorShallow((s) => ({
+        conversations: s.conversations,
+        activeConversationId: s.activeConversationId,
+        activeInboxChat: s.activeInboxChat,
+        activeTerminalSessionId: s.activeTerminalSessionId,
+        unreadConversations: s.unreadConversations,
+        handleNewConversation: s.handleNewConversation,
+        handleSelectConversation: s.handleSelectConversation,
+        handleDeleteConversation: s.handleDeleteConversation,
+        ensurePluginsLoaded: s.ensurePluginsLoaded,
+        setActionNotice: s.setActionNotice,
+        setTab: s.setTab,
+        setState: s.setState,
+        tab: s.tab,
+        t: s.t,
+    }));
     const { ptySessions } = usePtySessions();
     const [inboxChats, setInboxChats] = useState([]);
     const [renameTarget, setRenameTarget] = useState(null);
@@ -420,7 +435,7 @@ export function ConversationsSidebar({ mobile = false, onClose, variant = "defau
                                     if (!menuConversation)
                                         return;
                                     openRenameDialog(menuConversation);
-                                }, children: t("conversations.rename") }), _jsx(DropdownMenuItem, { "data-testid": "conv-menu-delete", className: "text-danger focus:text-danger", onClick: () => {
+                                }, children: t("conversations.rename") }), _jsx(DropdownMenuItem, { "data-testid": "conv-menu-delete", className: "text-danger ", onClick: () => {
                                     if (!menuConversation)
                                         return;
                                     setRenameTarget(null);

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

@@ -1,6 +1,6 @@
 import type * as React from "react";
-import type { Conversation } from "../../api/client-types-chat";
-import type { TranslateFn } from "../../types";
+import type { Conversation } from "../../api/client-types-chat.js";
+import type { TranslateFn } from "../../types/index.js";
 export declare const ELIZA_SOURCE_SCOPE = "eliza";
 export declare const TERMINAL_SOURCE_SCOPE = "terminal";
 export declare const ALL_CONNECTORS_SOURCE_SCOPE = "__all_connectors__";

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

@@ -1,4 +1,4 @@
-import { formatRelativeTime } from "../../utils/format";
+import { formatRelativeTime } from "../../utils/format.js";
 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>;

package/components/custom-actions/CustomActionEditor.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronRight } from "lucide-react";
 import { useEffect, useState } from "react";
 import { client } from "../../api/client.js";
-import { useApp } from "../../state/useApp.js";
+import { useAppSelector } from "../../state/index.js";
 import { Banner } from "../ui/banner.js";
 import { Button } from "../ui/button.js";
 import { Checkbox } from "../ui/checkbox.js";
@@ -12,7 +12,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "
 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();
+    const t = useAppSelector((s) => s.t);
     const [name, setName] = useState("");
     const [description, setDescription] = useState("");
     const [similesInput, setSimilesInput] = useState("");

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;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"}
+{"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,2CAoTzB"}

package/components/custom-actions/CustomActionsPanel.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { client } from "../../api/client.js";
-import { useApp } from "../../state/useApp.js";
+import { useAppSelector } from "../../state/index.js";
 import { confirmDesktopAction } from "../../utils/desktop-dialogs.js";
 import { Button } from "../ui/button.js";
 import { Input } from "../ui/input.js";
@@ -30,31 +30,42 @@ function handlerTypeLabel(type, t) {
     }
 }
 export function CustomActionsPanel({ open, onClose, onOpenEditor, }) {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const [actions, setActions] = useState([]);
     const [loading, setLoading] = useState(false);
     const [search, setSearch] = useState("");
     const [error, setError] = useState("");
+    const mountedRef = useRef(true);
     const loadActions = useCallback(async () => {
         try {
             setLoading(true);
             setError("");
             const result = await client.listCustomActions();
+            if (!mountedRef.current)
+                return;
             setActions(result || []);
         }
         catch {
+            if (!mountedRef.current)
+                return;
             setError(t("customactionspanel.LoadFailed", {
                 defaultValue: "Couldn't load custom actions. Try again.",
             }));
         }
         finally {
-            setLoading(false);
+            if (mountedRef.current) {
+                setLoading(false);
+            }
         }
     }, [t]);
     useEffect(() => {
+        mountedRef.current = true;
         if (open) {
             void loadActions();
         }
+        return () => {
+            mountedRef.current = false;
+        };
     }, [open, loadActions]);
     const filteredActions = useMemo(() => {
         const searchTerm = search.trim().toLowerCase();
@@ -144,7 +155,7 @@ 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 ", 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
+    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  " }) }), 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.",
                             })

package/components/custom-actions/CustomActionsView.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { client } from "../../api/client.js";
-import { useApp } from "../../state/useApp.js";
+import { useAppSelector } from "../../state/index.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-sm border border-border/60 bg-card/70 p-4 ring-1 ring-border/15 backdrop-blur-sm";
+const CUSTOM_ACTIONS_SHELL_CLASS = "flex h-full min-h-0 flex-col gap-4 rounded-sm border border-border/60 bg-card/95 p-4  ";
 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 ";
@@ -17,7 +17,7 @@ const HANDLER_BADGE_CLASS = {
     code: "border border-accent/25 bg-accent/10 text-accent",
 };
 export function CustomActionsView() {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const [actions, setActions] = useState([]);
     const [search, setSearch] = useState("");
     const [editorOpen, setEditorOpen] = useState(false);

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

@@ -20,11 +20,11 @@ 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-sm border border-border/70 bg-card/96 p-0 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";
 export declare const editorFieldLabelClassName = "text-xs text-muted";
-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 editorInputClassName = "rounded-sm border-border bg-surface text-txt placeholder:text-muted/50 ";
+export declare const editorTextareaClassName = "rounded-sm border-border bg-surface text-txt placeholder:text-muted/50  resize-none";
+export declare const editorMonoTextareaClassName = "rounded-sm border-border bg-surface text-txt placeholder:text-muted/50  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;

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.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"}
+{"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,+HACqF,CAAC;AAC/H,eAAO,MAAM,yBAAyB,uBAAuB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,4EAC0C,CAAC;AAC5E,eAAO,MAAM,uBAAuB,wFAAwC,CAAC;AAC7E,eAAO,MAAM,2BAA2B,kGAAyC,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,9 +2,9 @@
 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-sm border border-border/70 bg-card/96 p-0 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";
 export const editorFieldLabelClassName = "text-xs text-muted";
-export const editorInputClassName = "rounded-sm 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 ";
 export const editorTextareaClassName = `${editorInputClassName} resize-none`;
 export const editorMonoTextareaClassName = `${editorTextareaClassName} font-mono`;
 export const editorSectionCardClassName = "flex flex-col gap-3 rounded-sm border border-border/70 bg-bg/20 p-3";

package/components/desktop/DesktopTabBar.d.ts

@@ -6,9 +6,9 @@
  * 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.
+ * restarts). A "+" button opens Springboard so users can launch more views.
  */
-import type { DesktopTab } from "../../hooks/useDesktopTabs";
+import type { DesktopTab } from "../../hooks/useDesktopTabs.js";
 export interface DesktopTabBarProps {
     tabs: DesktopTab[];
     activeViewId: string | null;