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

package/components/pages/CameraPageView.d.ts

@@ -0,0 +1,2 @@
+export declare function CameraPageView(): React.JSX.Element;
+//# sourceMappingURL=CameraPageView.d.ts.map

package/components/pages/CameraPageView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraPageView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/CameraPageView.tsx"],"names":[],"mappings":"AA+CA,wBAAgB,cAAc,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAuPlD"}

package/components/pages/CameraPageView.js

@@ -0,0 +1,149 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Camera, } from "@elizaos/capacitor-camera";
+import { AlertTriangle, Loader2, RotateCcw, SwitchCamera } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { appNameInterpolationVars, useBranding } from "../../config/branding.js";
+import { useTranslation } from "../../state/TranslationContext.hooks.js";
+import { PermissionRecoveryCallout } from "../permissions/PermissionRecoveryCallout.js";
+import { Button } from "../ui/button.js";
+function photoDataUrl(photo) {
+    if (photo.base64.startsWith("data:"))
+        return photo.base64;
+    const format = photo.format?.includes("/")
+        ? photo.format
+        : `image/${photo.format || "jpeg"}`;
+    return `data:${format};base64,${photo.base64}`;
+}
+function errorMessage(err) {
+    return err instanceof Error ? err.message : String(err);
+}
+function isPermissionDeniedError(err) {
+    const message = errorMessage(err).toLowerCase();
+    return (message.includes("permission") ||
+        message.includes("notallowed") ||
+        message.includes("denied"));
+}
+export function CameraPageView() {
+    const { t } = useTranslation();
+    const branding = useBranding();
+    const previewRef = useRef(null);
+    const [facing, setFacing] = useState("back");
+    const [status, setStatus] = useState("starting");
+    const [photo, setPhoto] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    // Start the preview once on mount; release the camera on unmount. Front/back
+    // switching is handled in place by `switchCamera`, so it does not restart this.
+    useEffect(() => {
+        let cancelled = false;
+        const element = previewRef.current;
+        if (!element)
+            return;
+        void (async () => {
+            try {
+                const perm = await Camera.requestPermissions();
+                if (cancelled)
+                    return;
+                if (perm.camera === "denied") {
+                    setStatus("denied");
+                    return;
+                }
+                await Camera.startPreview({
+                    element,
+                    direction: "back",
+                    mirror: false,
+                });
+                if (cancelled) {
+                    await Camera.stopPreview().catch(() => { });
+                    return;
+                }
+                setStatus("live");
+            }
+            catch (err) {
+                if (cancelled)
+                    return;
+                if (isPermissionDeniedError(err)) {
+                    setStatus("denied");
+                    return;
+                }
+                setError(errorMessage(err));
+                setStatus("error");
+            }
+        })();
+        return () => {
+            cancelled = true;
+            void Camera.stopPreview().catch(() => { });
+        };
+    }, []);
+    const retryStart = useCallback(async () => {
+        const element = previewRef.current;
+        if (!element)
+            return;
+        setError(null);
+        setStatus("starting");
+        try {
+            const perm = await Camera.requestPermissions();
+            if (perm.camera === "denied") {
+                setStatus("denied");
+                return;
+            }
+            await Camera.startPreview({ element, direction: facing, mirror: false });
+            setStatus("live");
+        }
+        catch (err) {
+            if (isPermissionDeniedError(err)) {
+                setStatus("denied");
+                return;
+            }
+            setError(errorMessage(err));
+            setStatus("error");
+        }
+    }, [facing]);
+    const handleSwitch = useCallback(async () => {
+        if (busy || status !== "live")
+            return;
+        const next = facing === "back" ? "front" : "back";
+        setBusy(true);
+        setError(null);
+        try {
+            await Camera.switchCamera({ direction: next });
+            setFacing(next);
+        }
+        catch (err) {
+            setError(errorMessage(err));
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [busy, facing, status]);
+    const handleCapture = useCallback(async () => {
+        if (busy || status !== "live")
+            return;
+        setBusy(true);
+        setError(null);
+        try {
+            const result = await Camera.capturePhoto({ format: "jpeg", quality: 90 });
+            setPhoto(result);
+        }
+        catch (err) {
+            setError(errorMessage(err));
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [busy, status]);
+    const handleRetake = useCallback(() => {
+        setPhoto(null);
+    }, []);
+    return (_jsxs("div", { "data-testid": "camera-view", className: "relative h-full w-full overflow-hidden bg-black", children: [_jsx("div", { ref: previewRef, "data-testid": "camera-preview", className: "absolute inset-0 [&>video]:h-full [&>video]:w-full [&>video]:object-cover" }), status === "starting" ? (_jsx("div", { "data-testid": "camera-starting", className: "absolute inset-0 grid place-items-center text-white/80", children: _jsx(Loader2, { className: "h-7 w-7 animate-spin", "aria-hidden": true }) })) : null, status === "denied" ? (_jsx("div", { "data-testid": "camera-denied", className: "absolute inset-0 grid place-items-center p-6 text-center", children: _jsx(PermissionRecoveryCallout, { permission: "camera", title: t("camera.deniedTitle", {
+                        defaultValue: "Camera access is off",
+                    }), description: t("camera.denied", {
+                        defaultValue: "Enable camera access for {{appName}}, then return here to start the preview.",
+                        ...appNameInterpolationVars(branding),
+                    }), retryLabel: t("camera.retry", { defaultValue: "Try again" }), settingsLabel: t("camera.openSettings", {
+                        defaultValue: "Open Settings",
+                    }), onRetry: retryStart, className: "max-w-sm border-white/20 bg-bg/95 shadow-2xl", testId: "camera-permission-callout" }) })) : null, status === "error" ? (_jsx("div", { "data-testid": "camera-error-state", className: "absolute inset-0 grid place-items-center p-6 text-center", children: _jsxs("div", { className: "flex max-w-xs flex-col items-center gap-3", children: [_jsx(AlertTriangle, { className: "h-8 w-8 text-white/70", "aria-hidden": true }), _jsx("p", { className: "text-sm text-white/80", children: error ??
+                                t("camera.unavailable", {
+                                    defaultValue: "The camera is unavailable on this device.",
+                                }) }), _jsx(Button, { onClick: retryStart, "data-testid": "camera-retry", children: t("camera.retry", { defaultValue: "Try again" }) })] }) })) : null, photo ? (_jsxs("div", { "data-testid": "camera-photo", className: "absolute inset-0 bg-black", children: [_jsx("img", { src: photoDataUrl(photo), alt: t("camera.capturedAlt", { defaultValue: "Captured photo" }), className: "h-full w-full object-contain" }), _jsx("div", { className: "absolute inset-x-0 bottom-0 flex items-center justify-center gap-3 p-[calc(env(safe-area-inset-bottom,0px)+1.5rem)]", children: _jsxs(Button, { variant: "secondary", onClick: handleRetake, "data-testid": "camera-retake", children: [_jsx(RotateCcw, { className: "h-4 w-4", "aria-hidden": true }), t("camera.retake", { defaultValue: "Retake" })] }) })] })) : null, status === "live" && !photo ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute right-4 top-[calc(env(safe-area-inset-top,0px)+1rem)]", children: _jsx("button", { type: "button", "data-testid": "camera-switch", "aria-label": t("camera.switch", { defaultValue: "Switch camera" }), onClick: handleSwitch, disabled: busy, className: "grid h-11 w-11 place-items-center rounded-full border border-white/[0.18] bg-black/35 text-white backdrop-blur-2xl transition-colors hover:bg-white/[0.16] disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60", children: _jsx(SwitchCamera, { className: "h-5 w-5", "aria-hidden": true }) }) }), _jsx("div", { className: "absolute inset-x-0 bottom-0 flex items-center justify-center p-[calc(env(safe-area-inset-bottom,0px)+1.75rem)]", children: _jsx("button", { type: "button", "data-testid": "camera-capture", "aria-label": t("camera.capture", { defaultValue: "Take photo" }), onClick: handleCapture, disabled: busy, className: "grid h-[72px] w-[72px] place-items-center rounded-full border-4 border-white/90 bg-white/10 backdrop-blur-sm transition-transform active:scale-95 disabled:opacity-60 motion-reduce:active:scale-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/70", children: busy ? (_jsx(Loader2, { className: "h-6 w-6 animate-spin text-white", "aria-hidden": true })) : (_jsx("span", { className: "h-14 w-14 rounded-full bg-white" })) }) })] })) : null, error && status === "live" ? (_jsx("div", { "data-testid": "camera-error", role: "alert", className: "absolute inset-x-0 top-[calc(env(safe-area-inset-top,0px)+1rem)] mx-auto w-fit max-w-[90%] rounded-full bg-red-500/90 px-3 py-1.5 text-center text-xs text-white", children: error })) : null] }));
+}

package/components/pages/ChatView.d.ts

@@ -1,12 +1,17 @@
 import { type CodingAgentSession } from "../../api/client";
-export { __resetCompanionSpeechMemoryForTests } from "./chat-view-hooks";
 type ChatViewVariant = "default" | "game-modal";
 interface ChatViewProps {
     variant?: ChatViewVariant;
     /** Override click handler for agent activity box sessions. */
     onPtySessionClick?: (sessionId: string) => void;
+    /**
+     * Hide the in-view composer. Used on the chat tab when the always-present
+     * ContinuousChatOverlay provides the (single, shared) input instead, so there
+     * is no duplicate composer. The transcript and side panels still render.
+     */
+    hideComposer?: boolean;
 }
-export declare function ChatView({ variant, onPtySessionClick, }: ChatViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatView({ variant, onPtySessionClick, hideComposer, }: ChatViewProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Full-window terminal view rendered when the Terminal channel is
  * active. Keeps every PTY session pane mounted under the hood so
@@ -21,4 +26,5 @@ export declare function TerminalChannelPanel({ activeSessionId, sessions, onClos
     onClose: () => void;
     loadingLabel: string;
 }): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=ChatView.d.ts.map

package/components/pages/ChatView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/ChatView.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,KAAK,kBAAkB,EAAU,MAAM,kBAAkB,CAAC;AAkCnE,OAAO,EAAE,oCAAoC,EAAE,MAAM,mBAAmB,CAAC;AAOzE,KAAK,eAAe,GAAG,SAAS,GAAG,YAAY,CAAC;AAYhD,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAyCD,wBAAgB,QAAQ,CAAC,EACvB,OAAmB,EACnB,iBAAiB,GAClB,EAAE,aAAa,2CAmoBf;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,eAAe,EACf,QAAQ,EACR,OAAO,EACP,YAAY,GACb,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,2CA6BA"}
+{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/ChatView.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,kBAAkB,EAAU,MAAM,kBAAkB,CAAC;AA6DnE,KAAK,eAAe,GAAG,SAAS,GAAG,YAAY,CAAC;AAYhD,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAyCD,wBAAgB,QAAQ,CAAC,EACvB,OAAmB,EACnB,iBAAiB,EACjB,YAAoB,GACrB,EAAE,aAAa,2CAksBf;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,eAAe,EACf,QAAQ,EACR,OAAO,EACP,YAAY,GACb,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,2CA6BA"}

package/components/pages/ChatView.js

@@ -1,26 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChatAttachmentStrip, ChatComposer, ChatComposerShell, ChatSourceIcon, ChatThreadLayout, ChatTranscript, TypingIndicator, useIntervalWhenDocumentVisible, } from "@elizaos/ui";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
 import { client } from "../../api/client.js";
-import { fetchWithCsrf } from "../../api/csrf-client.js";
 import { isRoutineCodingAgentMessage } from "../../chat/index.js";
+import { readPersistedMobileRuntimeMode } from "../../first-run/mobile-runtime-mode.js";
 import { useChatAvatarVoiceBridge } from "../../hooks/useChatAvatarVoiceBridge.js";
 import { useConnectorSendAsAccount } from "../../hooks/useConnectorSendAsAccount.js";
-import { readPersistedMobileRuntimeMode } from "../../onboarding/mobile-runtime-mode.js";
+import { useIntervalWhenDocumentVisible } from "../../hooks/useDocumentVisibility.js";
+import { consumeAssistantLaunchPayloadFromHash } from "../../platform/assistant-launch-payload.js";
 import { CodingAgentControlChip, PtyConsoleBase, } from "../../slots/task-coordinator-slots.js";
-import { useChatComposer } from "../../state/ChatComposerContext.js";
-import { usePtySessions } from "../../state/PtySessionsContext.js";
+import { useChatComposer } from "../../state/ChatComposerContext.hooks.js";
+import { usePtySessions } from "../../state/PtySessionsContext.hooks.js";
+import { loadContinuousChatMode, saveContinuousChatMode, } from "../../state/persistence.js";
 import { useApp } from "../../state/useApp.js";
 import { getVrmPreviewUrl } from "../../state/vrm.js";
+import { CHAT_UPLOAD_ACCEPT, chatUploadKind, filesToImageAttachments, MAX_CHAT_IMAGES, } from "../../utils/image-attachment.js";
 import { AccountRequiredCard } from "../chat/AccountRequiredCard.js";
 import { AgentActivityBox } from "../chat/AgentActivityBox.js";
 import { ConnectorAccountPicker } from "../chat/ConnectorAccountPicker.js";
 import { connectorAccountDisplayName, connectorWriteConfirmationKey, isLikelyAccountRequiredError, mergeConnectorSendAsMetadata, } from "../chat/connector-send-as.js";
 import { MessageContent } from "../chat/MessageContent.js";
+import { ChatVoiceStatusBar } from "../composites/chat/ChatVoiceStatusBar.js";
+import { ContinuousChatToggle } from "../composites/chat/ContinuousChatToggle.js";
+import { ChatAttachmentStrip } from "../composites/chat/chat-attachment-strip.js";
+import { ChatComposer } from "../composites/chat/chat-composer.js";
+import { ChatComposerShell } from "../composites/chat/chat-composer-shell.js";
+import { ChatEmptyState } from "../composites/chat/chat-empty-state.js";
+import { ChatSourceIcon } from "../composites/chat/chat-source.js";
+import { ChatThreadLayout } from "../composites/chat/chat-thread-layout.js";
+import { ChatTranscript } from "../composites/chat/chat-transcript.js";
+import { TypingIndicator } from "../composites/chat/chat-typing-indicator.js";
 import { useChatVoiceController, useGameModalMessages, } from "./chat-view-hooks.js";
-export { __resetCompanionSpeechMemoryForTests } from "./chat-view-hooks.js";
 const CHAT_INPUT_MIN_HEIGHT_PX = 46;
 const CHAT_INPUT_MAX_HEIGHT_PX = 200;
+/** Hide the typing indicator if no first token arrives within this window. */
+const TYPING_INDICATOR_STALL_MS = 30_000;
 const fallbackTranslate = (key, options) => typeof options?.defaultValue === "string" ? options.defaultValue : key;
 function normalizeInboxChatSelection(value) {
     if (!value || typeof value !== "object")
@@ -49,13 +62,13 @@ function normalizeInboxChatSelection(value) {
             : undefined,
     };
 }
-export function ChatView({ variant = "default", onPtySessionClick, }) {
+export function ChatView({ variant = "default", onPtySessionClick, hideComposer = false, }) {
     const app = useApp();
     const isGameModal = variant === "game-modal";
     const showComposerVoiceToggle = false;
     const { agentStatus, activeConversationId, activeInboxChat, activeTerminalSessionId, characterData, chatFirstTokenReceived, companionMessageCutoffTs, conversationMessages, handleChatSend, handleChatStop, handleChatEdit, elizaCloudConnected, elizaCloudVoiceProxyAvailable, elizaCloudHasPersistedKey, setState, copyToClipboard, droppedFiles: rawDroppedFiles, analysisMode, shareIngestNotice: rawShareIngestNotice, chatAgentVoiceMuted: agentVoiceMuted, selectedVrmIndex, uiLanguage, sendChatText, t: appTranslate, } = app;
     const { ptySessions } = usePtySessions();
-    const { chatInput: rawChatInput, chatSending, chatPendingImages: rawChatPendingImages, setChatPendingImages, } = useChatComposer();
+    const { chatInput: rawChatInput, chatSending, chatPendingImages: rawChatPendingImages, setChatInput, setChatPendingImages, } = useChatComposer();
     const droppedFiles = Array.isArray(rawDroppedFiles) ? rawDroppedFiles : [];
     const chatInput = typeof rawChatInput === "string" ? rawChatInput : "";
     const shareIngestNotice = typeof rawShareIngestNotice === "string" ? rawShareIngestNotice : "";
@@ -79,6 +92,33 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
     const composerRef = useRef(null);
     const [composerHeight, setComposerHeight] = useState(0);
     const [imageDragOver, setImageDragOver] = useState(false);
+    // Guards the "thinking" typing indicator: if the first token never arrives,
+    // we hide the dots after a timeout rather than spinning forever. Reset
+    // whenever a new send starts or the first token lands (normal stream path).
+    const [typingStalled, setTypingStalled] = useState(false);
+    const [continuousChatMode, setContinuousChatMode] = useState(loadContinuousChatMode);
+    const handleContinuousChatModeChange = useCallback((next) => {
+        setContinuousChatMode(next);
+        saveContinuousChatMode(next);
+    }, []);
+    useEffect(() => {
+        if (isGameModal || typeof window === "undefined")
+            return;
+        const consumeLaunchPayload = () => {
+            void consumeAssistantLaunchPayloadFromHash(window.location.hash, {
+                allowedRoutes: ["chat"],
+                onSendFailure: (payload) => {
+                    setChatInput(payload.text);
+                },
+                sendText: sendChatText,
+            });
+        };
+        consumeLaunchPayload();
+        window.addEventListener("hashchange", consumeLaunchPayload);
+        return () => {
+            window.removeEventListener("hashchange", consumeLaunchPayload);
+        };
+    }, [isGameModal, sendChatText, setChatInput]);
     const focusTerminalSession = useCallback((sessionId) => {
         setState("activeInboxChat", null);
         setState("activeTerminalSessionId", sessionId);
@@ -92,32 +132,8 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
             focusTerminalSession(problemSession.sessionId);
         }
     }, [ptySessions, activeTerminalSessionId, focusTerminalSession]);
-    // ── Coding agent preflight ──────────────────────────────────────
-    const [codingAgentsAvailable, setCodingAgentsAvailable] = useState(false);
-    useEffect(() => {
-        const controller = new AbortController();
-        fetchWithCsrf("/api/coding-agents/preflight", { signal: controller.signal })
-            .then((r) => r.json())
-            .then((data) => {
-            setCodingAgentsAvailable((Array.isArray(data.installed) && data.installed.length > 0) ||
-                data.available === true);
-        })
-            .catch(() => {
-            /* preflight unavailable or aborted — hide code button */
-        });
-        return () => controller.abort();
-    }, []);
-    const handleCreateTask = useCallback((description, agentType) => {
-        void sendChatText(description, {
-            metadata: { intent: "create_task", agentType },
-        });
-    }, [sendChatText]);
     // ── Derived composer state ──────────────────────────────────────
     const isAgentStarting = agentStatus?.state === "starting" || agentStatus?.state === "restarting";
-    const hasCompletedLifecycleActivity = !chatSending &&
-        Array.isArray(conversationMessages) &&
-        conversationMessages.some((message) => message.role === "user" ||
-            (message.role === "assistant" && message.text.trim().length > 0));
     // The agent is up but has no inference model wired — no point letting the
     // user hit send. Surfaced as a composer lock + a pointer to Settings.
     const agentModel = typeof agentStatus?.model === "string" ? agentStatus.model.trim() : "";
@@ -125,14 +141,17 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
     const isMissingInferenceProvider = agentStatus?.state === "running" &&
         agentModel.length === 0 &&
         !isMobileLocalRuntime;
-    const isComposerLocked = (isAgentStarting && !hasCompletedLifecycleActivity) ||
-        isMissingInferenceProvider;
+    // First-turn capability fades in: the composer stays usable while the agent
+    // warms up (a turn submitted during warmup is held server-side until the
+    // runtime is ready, then streams its reply) — only a genuinely missing
+    // inference provider hard-locks the composer.
+    const isComposerLocked = isMissingInferenceProvider;
     const composerPlaceholderOverride = isMissingInferenceProvider
         ? t("chat.setupProviderToChat", {
             defaultValue: "Set up an LLM provider in Settings to start chatting",
         })
         : undefined;
-    const { beginVoiceCapture, endVoiceCapture, handleEditMessage, handleSpeakMessage, stopSpeaking, voice, voiceLatency, } = useChatVoiceController({
+    const { beginVoiceCapture, endVoiceCapture, continuous, handleEditMessage, handleSpeakMessage, stopSpeaking, voice, voiceLatency, voiceSpeaker, } = useChatVoiceController({
         agentVoiceMuted,
         chatFirstTokenReceived,
         chatInput,
@@ -148,6 +167,7 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
         isGameModal,
         setState,
         uiLanguage,
+        continuousMode: continuousChatMode,
     });
     // Stop any in-flight voice playback when the user switches conversations.
     // useLayoutEffect (not useEffect): must run *before* useChatVoiceController's
@@ -188,7 +208,6 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
     useChatAvatarVoiceBridge({
         mouthOpen: voice.mouthOpen,
         isSpeaking: voice.isSpeaking,
-        usingAudioAnalysis: voice.usingAudioAnalysis,
         onSpeakingChange: handleChatAvatarSpeakingChange,
     });
     // Auto-scroll on new messages. Use instant scroll when already near the
@@ -252,6 +271,19 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
         ro.observe(el);
         return () => ro.disconnect();
     }, []);
+    // Typing-indicator stall guard. While a send is in flight with no first token
+    // yet, arm a timer; if it fires, the request is stuck (e.g. provider hang) so
+    // we drop the indicator. Once the first token lands or the send settles the
+    // gate clears, the timer is torn down, and the flag resets — the normal
+    // streaming path never trips it.
+    useEffect(() => {
+        if (!chatSending || chatFirstTokenReceived) {
+            setTypingStalled(false);
+            return;
+        }
+        const timer = setTimeout(() => setTypingStalled(true), TYPING_INDICATOR_STALL_MS);
+        return () => clearTimeout(timer);
+    }, [chatSending, chatFirstTokenReceived]);
     const handleKeyDown = (e) => {
         if (isComposerLocked)
             return;
@@ -261,35 +293,21 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
         }
     };
     const addImageFiles = useCallback((files) => {
-        const imageFiles = Array.from(files).filter((f) => f.type.startsWith("image/"));
-        if (!imageFiles.length)
-            return;
-        const readers = imageFiles.map((file) => new Promise((resolve, reject) => {
-            const reader = new FileReader();
-            reader.onload = () => {
-                const result = reader.result;
-                // result is "data:<mime>;base64,<data>" — strip the prefix
-                const commaIdx = result.indexOf(",");
-                const data = commaIdx >= 0 ? result.slice(commaIdx + 1) : result;
-                resolve({ data, mimeType: file.type, name: file.name });
-            };
-            reader.onerror = () => reject(reader.error ?? new Error("Failed to read file"));
-            reader.onabort = () => reject(new Error("File read aborted"));
-            reader.readAsDataURL(file);
-        }));
-        void Promise.all(readers)
+        void filesToImageAttachments(files)
             .then((attachments) => {
-            setChatPendingImages((prev) => {
-                const combined = [...prev, ...attachments];
-                // Mirror the server-side MAX_CHAT_IMAGES=4 limit so the user gets
-                // immediate feedback rather than a 400 after upload.
-                return combined.slice(0, 4);
-            });
+            if (!attachments.length)
+                return;
+            setChatPendingImages((prev) => [...prev, ...attachments].slice(0, MAX_CHAT_IMAGES));
         })
             .catch((err) => {
-            console.warn("Failed to load image attachments:", err);
+            // A failed image read leaves nothing attached; tell the user rather
+            // than silently dropping their image.
+            app.setActionNotice?.(app.t("chatview.ImageReadFailed", {
+                message: err instanceof Error ? err.message : "unknown error",
+                defaultValue: "Couldn't read image: {{message}}",
+            }), "error");
         });
-    }, [setChatPendingImages]);
+    }, [app, setChatPendingImages]);
     const handleImageDrop = useCallback((e) => {
         e.preventDefault();
         setImageDragOver(false);
@@ -306,7 +324,7 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
     const removeImage = useCallback((index) => {
         setChatPendingImages((prev) => prev.filter((_, i) => i !== index));
     }, [setChatPendingImages]);
-    const chatMessageLabels = {
+    const chatMessageLabels = useMemo(() => ({
         cancel: t("common.cancel"),
         delete: t("aria.deleteMessage"),
         edit: t("aria.editMessage"),
@@ -318,29 +336,39 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
         saving: t("common.saving", {
             defaultValue: "Saving...",
         }),
-    };
-    const messagesContent = visibleMsgs.length === 0 && !chatSending ? (_jsx("div", { className: "flex h-full items-center justify-center px-6 text-center text-xs text-muted", children: t("chatview.NoMessagesYet", { defaultValue: "No messages yet." }) })) : (_jsx(ChatTranscript, { variant: variant, agentName: agentName, carryoverMessages: companionCarryover?.messages, carryoverOpacity: gameModalCarryoverOpacity, labels: chatMessageLabels, messages: isGameModal ? gameModalVisibleMsgs : visibleMsgs, onEdit: handleEditMessage, onSpeak: handleSpeakMessage, onCopy: (text) => {
-            void copyToClipboard(text);
-        }, renderMessageContent: (message) => (_jsx(MessageContent, { message: message, analysisMode: analysisMode })), typingIndicator: chatSending && !chatFirstTokenReceived ? (isGameModal ? (_jsx(TypingIndicator, { variant: "game-modal", agentName: agentName })) : (_jsx(TypingIndicator, { agentName: agentName, agentAvatarSrc: agentAvatarSrc }))) : null }));
-    const auxiliaryNode = (_jsxs(_Fragment, { children: [shareIngestNotice ? (_jsx("div", { className: `text-xs text-ok py-1 relative${isGameModal ? " pointer-events-auto" : ""}`, style: { zIndex: 1 }, children: shareIngestNotice })) : null, droppedFiles.length > 0 ? (_jsx("div", { className: `text-xs text-muted py-0.5 flex gap-2 relative${isGameModal ? " pointer-events-auto" : ""}`, style: { zIndex: 1 }, children: droppedFiles.map((f) => (_jsx("span", { children: f }, f))) })) : null, _jsx(ChatAttachmentStrip, { variant: variant, items: chatPendingImages.map((img, imgIdx) => ({
+    }), [t]);
+    const handleCopyMessageText = useCallback((text) => {
+        void copyToClipboard(text);
+    }, [copyToClipboard]);
+    const renderChatMessageContent = useCallback((message) => (_jsx(MessageContent, { message: message, analysisMode: analysisMode })), [analysisMode]);
+    const messagesContent = visibleMsgs.length === 0 && !chatSending ? (_jsx(ChatEmptyState, { agentName: agentName, variant: variant, onSuggestionClick: (suggestion) => setChatInput(suggestion) })) : (_jsx(ChatTranscript, { variant: variant, agentName: agentName, carryoverMessages: companionCarryover?.messages, carryoverOpacity: gameModalCarryoverOpacity, labels: chatMessageLabels, messages: isGameModal ? gameModalVisibleMsgs : visibleMsgs, onEdit: handleEditMessage, onSpeak: handleSpeakMessage, onCopy: handleCopyMessageText, renderMessageContent: renderChatMessageContent, typingIndicator: chatSending && !chatFirstTokenReceived && !typingStalled ? (isGameModal ? (_jsx(TypingIndicator, { variant: "game-modal", agentName: agentName })) : (_jsx(TypingIndicator, { agentName: agentName, agentAvatarSrc: agentAvatarSrc }))) : null }));
+    const voiceStatusBarVisible = voice.supported &&
+        (continuousChatMode !== "off" ||
+            voice.isListening ||
+            voice.isSpeaking ||
+            Boolean(voiceSpeaker) ||
+            Boolean(continuous.interimTranscript));
+    const continuousChatToggleVisible = voice.supported && continuousChatMode !== "off";
+    const auxiliaryNode = (_jsxs(_Fragment, { children: [voiceStatusBarVisible ? (_jsx(ChatVoiceStatusBar, { status: continuous.status, interimTranscript: continuous.interimTranscript, speaker: voiceSpeaker, latency: continuous.latency, needsAudioUnlock: continuous.needsAudioUnlock, onUnlockAudio: continuous.unlockAudio, micReconnected: continuous.micReconnected, visible: true, className: `mb-1 relative${isGameModal ? " pointer-events-auto" : ""}`, "data-testid": "chat-view-voice-status-bar" })) : null, shareIngestNotice ? (_jsx("div", { className: `text-xs text-ok py-1 relative${isGameModal ? " pointer-events-auto" : ""}`, style: { zIndex: 1 }, children: shareIngestNotice })) : null, droppedFiles.length > 0 ? (_jsx("div", { className: `text-xs text-muted py-0.5 flex gap-2 relative${isGameModal ? " pointer-events-auto" : ""}`, style: { zIndex: 1 }, children: droppedFiles.map((f) => (_jsx("span", { children: f }, f))) })) : null, _jsx(ChatAttachmentStrip, { variant: variant, items: chatPendingImages.map((img, imgIdx) => ({
                     id: String(imgIdx),
                     alt: img.name,
                     name: img.name,
                     src: `data:${img.mimeType};base64,${img.data}`,
+                    kind: chatUploadKind(img.mimeType),
                 })), removeLabel: (item) => t("chat.removeImage", {
-                    defaultValue: "Remove image {{name}}",
+                    defaultValue: "Remove {{name}}",
                     name: item.name,
                 }), onRemove: (id) => removeImage(Number(id)) }), voiceLatency ? (_jsxs("div", { className: `pb-1 text-2xs text-muted relative${isGameModal ? " pointer-events-auto" : ""}`, style: { zIndex: 1 }, children: [t("chatview.SilenceEndFirstTo"), " ", voiceLatency.speechEndToFirstTokenMs ?? "—", t("chatview.msEndVoiceStart"), " ", voiceLatency.speechEndToVoiceStartMs ?? "—", t("chatview.msFirst"), " ", voiceLatency.firstSegmentCached == null
                         ? "—"
                         : voiceLatency.firstSegmentCached
                             ? t("chat.cached", { defaultValue: "cached" })
-                            : t("chat.uncached", { defaultValue: "uncached" })] })) : null, _jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", multiple: true, className: "hidden", onChange: handleFileInputChange })] }));
+                            : t("chat.uncached", { defaultValue: "uncached" })] })) : null, _jsx("input", { ref: fileInputRef, type: "file", accept: CHAT_UPLOAD_ACCEPT, multiple: true, className: "hidden", onChange: handleFileInputChange })] }));
     const defaultComposerLaneClassName = "mx-auto w-full max-w-[96rem] px-4 sm:px-6 lg:px-8 xl:px-10";
     const defaultComposerShellClassName = `${defaultComposerLaneClassName} pt-1.5`;
     const defaultComposerShellStyle = {
         paddingBottom: "calc(var(--safe-area-bottom, 0px) + var(--eliza-mobile-nav-offset, 0px) + 0.375rem)",
     };
-    const composerNode = isGameModal ? (_jsx(ChatComposerShell, { variant: "game-modal", shellRef: composerRef, before: _jsxs(_Fragment, { children: [_jsx(CodingAgentControlChip, {}), _jsx(AgentActivityBox, { sessions: ptySessions, onSessionClick: onPtySessionClick ?? focusTerminalSession })] }), children: _jsx(ChatComposer, { variant: "game-modal", textareaRef: textareaRef, chatInput: chatInput, chatPendingImagesCount: chatPendingImages.length, isComposerLocked: isComposerLocked, isAgentStarting: isAgentStarting, placeholder: composerPlaceholderOverride, chatSending: chatSending, voice: {
+    const composerNode = hideComposer ? null : isGameModal ? (_jsx(ChatComposerShell, { variant: "game-modal", shellRef: composerRef, before: _jsxs(_Fragment, { children: [_jsx(CodingAgentControlChip, {}), continuousChatToggleVisible ? (_jsx("div", { className: "flex justify-end px-1 pb-0.5", children: _jsx(ContinuousChatToggle, { compact: true, value: continuousChatMode, onChange: handleContinuousChatModeChange, disabled: isComposerLocked, "data-testid": "chat-view-continuous-chat-toggle-game-modal" }) })) : null, _jsx(AgentActivityBox, { sessions: ptySessions, onSessionClick: onPtySessionClick ?? focusTerminalSession })] }), children: _jsx(ChatComposer, { variant: "game-modal", textareaRef: textareaRef, chatInput: chatInput, chatPendingImagesCount: chatPendingImages.length, isComposerLocked: isComposerLocked, isAgentStarting: isAgentStarting, placeholder: composerPlaceholderOverride, chatSending: chatSending, voice: {
                 supported: voice.supported,
                 isListening: voice.isListening,
                 captureMode: voice.captureMode,
@@ -350,7 +378,7 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
                 toggleListening: voice.toggleListening,
                 startListening: beginVoiceCapture,
                 stopListening: endVoiceCapture,
-            }, agentVoiceEnabled: !agentVoiceMuted, showAgentVoiceToggle: showComposerVoiceToggle, t: t, onAttachImage: () => fileInputRef.current?.click(), onChatInputChange: (value) => setState("chatInput", value), onKeyDown: handleKeyDown, onSend: () => void handleChatSend(), onStop: handleChatStop, onStopSpeaking: stopSpeaking, onToggleAgentVoice: () => setState("chatAgentVoiceMuted", !agentVoiceMuted), codingAgentsAvailable: codingAgentsAvailable, onCreateTask: handleCreateTask }) })) : (_jsx(ChatComposerShell, { variant: "default", className: defaultComposerShellClassName, style: defaultComposerShellStyle, before: _jsx(CodingAgentControlChip, {}), children: _jsx(ChatComposer, { variant: "default", layout: "inline", textareaRef: textareaRef, chatInput: chatInput, chatPendingImagesCount: chatPendingImages.length, isComposerLocked: isComposerLocked, isAgentStarting: isAgentStarting, placeholder: composerPlaceholderOverride, chatSending: chatSending, voice: {
+            }, agentVoiceEnabled: !agentVoiceMuted, showAgentVoiceToggle: showComposerVoiceToggle, t: t, onAttachImage: () => fileInputRef.current?.click(), onChatInputChange: (value) => setState("chatInput", value), onKeyDown: handleKeyDown, onSend: () => void handleChatSend(), onStop: handleChatStop, onStopSpeaking: stopSpeaking, onToggleAgentVoice: () => setState("chatAgentVoiceMuted", !agentVoiceMuted) }) })) : (_jsx(ChatComposerShell, { variant: "default", className: defaultComposerShellClassName, style: defaultComposerShellStyle, before: _jsxs(_Fragment, { children: [_jsx(CodingAgentControlChip, {}), continuousChatToggleVisible ? (_jsx("div", { className: "flex justify-end px-1 pb-0.5", children: _jsx(ContinuousChatToggle, { compact: true, value: continuousChatMode, onChange: handleContinuousChatModeChange, disabled: isComposerLocked, "data-testid": "chat-view-continuous-chat-toggle" }) })) : null] }), children: _jsx(ChatComposer, { variant: "default", layout: "inline", textareaRef: textareaRef, chatInput: chatInput, chatPendingImagesCount: chatPendingImages.length, isComposerLocked: isComposerLocked, isAgentStarting: isAgentStarting, placeholder: composerPlaceholderOverride, chatSending: chatSending, voice: {
                 supported: voice.supported,
                 isListening: voice.isListening,
                 captureMode: voice.captureMode,
@@ -360,7 +388,7 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
                 toggleListening: voice.toggleListening,
                 startListening: beginVoiceCapture,
                 stopListening: endVoiceCapture,
-            }, agentVoiceEnabled: !agentVoiceMuted, showAgentVoiceToggle: showComposerVoiceToggle, t: t, onAttachImage: () => fileInputRef.current?.click(), onChatInputChange: (value) => setState("chatInput", value), onKeyDown: handleKeyDown, onSend: () => void handleChatSend(), onStop: handleChatStop, onStopSpeaking: stopSpeaking, onToggleAgentVoice: () => setState("chatAgentVoiceMuted", !agentVoiceMuted), codingAgentsAvailable: codingAgentsAvailable, onCreateTask: handleCreateTask }) }));
+            }, agentVoiceEnabled: !agentVoiceMuted, showAgentVoiceToggle: showComposerVoiceToggle, t: t, onAttachImage: () => fileInputRef.current?.click(), onChatInputChange: (value) => setState("chatInput", value), onKeyDown: handleKeyDown, onSend: () => void handleChatSend(), onStop: handleChatStop, onStopSpeaking: stopSpeaking, onToggleAgentVoice: () => setState("chatAgentVoiceMuted", !agentVoiceMuted) }) }));
     // ── Terminal-channel branch ──────────────────────────────────────
     if (activeTerminalSessionId) {
         return (_jsx(TerminalChannelPanel, { activeSessionId: activeTerminalSessionId, sessions: ptySessions, onClose: () => setState("activeTerminalSessionId", null), loadingLabel: t("terminal.starting", {
@@ -403,6 +431,7 @@ function InboxChatPanel({ activeInboxChat, variant, }) {
     const t = app?.t ?? fallbackTranslate;
     const [messages, setMessages] = useState([]);
     const [loading, setLoading] = useState(true);
+    const [loadError, setLoadError] = useState(null);
     const [replyText, setReplyText] = useState("");
     const [replyError, setReplyError] = useState(null);
     const [sending, setSending] = useState(false);
@@ -423,9 +452,18 @@ function InboxChatPanel({ activeInboxChat, variant, }) {
                 .reverse()
                 .map((m) => m);
             setMessages(next);
+            setLoadError(null);
         }
-        catch {
-            // Transient errors keep the last snapshot; next poll retries.
+        catch (err) {
+            // A failed poll keeps the last snapshot (next tick retries), but a
+            // failure with nothing on screen would otherwise look like an empty
+            // inbox — surface it so the user knows the load failed.
+            setMessages((prev) => {
+                if (prev.length === 0) {
+                    setLoadError(err instanceof Error ? err.message : String(err));
+                }
+                return prev;
+            });
         }
         finally {
             setLoading(false);
@@ -530,12 +568,15 @@ function InboxChatPanel({ activeInboxChat, variant, }) {
                 : "Failed to reconnect account.");
         });
     }, [reconnectAccount]);
-    const handleReplySend = useCallback(async () => {
+    const handleReplySend = useCallback(async (options) => {
         const text = replyText.trim();
         if (!text || sending || activeInboxChat.canSend === false) {
             return;
         }
-        if (blockingAccountReason) {
+        // `force` is set by the account-required auto-retry after a successful
+        // reconnect: the captured `blockingAccountReason` closure is stale (still
+        // truthy), but the account is now connected, so bypass the guard.
+        if (!options?.force && blockingAccountReason) {
             setReplyError(blockingAccountReason);
             return;
         }
@@ -604,12 +645,19 @@ function InboxChatPanel({ activeInboxChat, variant, }) {
                                         : "", sourceLabel, " \u00B7 ", messages.length, " ", t("inboxview.TotalCountShort", { defaultValue: "messages" })] })] }), activeInboxChat.source ? (_jsx(ChatSourceIcon, { source: activeInboxChat.source, className: "h-4 w-4" })) : activeInboxChat.avatarUrl ? (_jsx("img", { src: activeInboxChat.avatarUrl, alt: t("inboxview.avatarAlt", {
                             defaultValue: "{{title}} avatar",
                             title: activeInboxChat.title,
-                        }), className: "h-8 w-8 shrink-0 rounded-full border border-border/35 object-cover shadow-[0_10px_18px_-16px_rgba(15,23,42,0.45)]" })) : null] }), _jsx("div", { ref: scrollRef, "data-testid": "inbox-chat-scroll", className: "flex-1 min-h-0 overflow-y-auto px-5 py-4", children: loading && messages.length === 0 ? (_jsx("div", { className: "flex h-full items-center justify-center text-xs text-muted", children: t("inboxview.Loading", { defaultValue: "Loading messages…" }) })) : messages.length === 0 ? (_jsx("div", { className: "flex h-full items-center justify-center text-center text-xs text-muted", children: t("inboxview.EmptyRoom", {
-                        defaultValue: "No messages in this chat yet.",
-                    }) })) : (_jsx(ChatTranscript, { variant: variant, messages: messages, userMessagesOnRight: false, renderMessageContent: (message) => (_jsx(MessageContent, { message: message })) })) }), activeInboxChat.canSend === false ? (_jsx("div", { className: "bg-bg-hover/40 px-5 py-3 text-xs-tight leading-5 text-muted", children: t("inboxview.ReadOnlyReplyHint", {
+                        }), className: "h-8 w-8 shrink-0 rounded-full border border-border/35 object-cover " })) : null] }), _jsx("div", { ref: scrollRef, "data-testid": "inbox-chat-scroll", className: "flex-1 min-h-0 overflow-y-auto px-5 py-4", children: loading && messages.length === 0 ? (_jsx("div", { className: "flex h-full items-center justify-center text-xs text-muted", children: t("inboxview.Loading", { defaultValue: "Loading messages…" }) })) : messages.length === 0 ? (_jsx("div", { className: "flex h-full items-center justify-center text-center text-xs text-muted", children: loadError
+                        ? t("inboxview.LoadFailed", {
+                            message: loadError,
+                            defaultValue: "Couldn't load messages: {{message}}",
+                        })
+                        : t("inboxview.EmptyRoom", {
+                            defaultValue: "No messages in this chat yet.",
+                        }) })) : (_jsx(ChatTranscript, { variant: variant, messages: messages, userMessagesOnRight: false, renderMessageContent: (message) => (_jsx(MessageContent, { message: message })) })) }), activeInboxChat.canSend === false ? (_jsx("div", { className: "bg-bg-hover/40 px-5 py-3 text-xs-tight leading-5 text-muted", children: t("inboxview.ReadOnlyReplyHint", {
                     defaultValue: "This {{source}} chat is readable, but outbound replies are not available for this connector yet.",
                     source: sourceLabel,
-                }) })) : (_jsxs("div", { className: "flex flex-col gap-2 px-3 pb-3", children: [_jsx(ConnectorAccountPicker, { accounts: sendAsAccounts, connectBusy: sendAsConnectBusy, loading: sendAsLoading, selectedAccount: sendAsSelectedAccount, sourceLabel: sourceLabel, show: showSendAsPicker, onConnectAccount: handleConnectSendAsAccount, onReconnectAccount: handleReconnectSendAsAccount, onSelectAccount: handleSelectSendAsAccount }), blockingAccountReason ? (_jsx(AccountRequiredCard, { accounts: sendAsAccounts, connectBusy: sendAsConnectBusy, description: blockingAccountReason, loading: sendAsLoading, selectedAccount: sendAsSelectedAccount, sourceLabel: sourceLabel, onConnectAccount: handleConnectSendAsAccount, onReconnectAccount: handleReconnectSendAsAccount, onSelectAccount: handleSelectSendAsAccount })) : showWriteConfirmation ? (_jsx(AccountRequiredCard, { accounts: sendAsAccounts, connectBusy: sendAsConnectBusy, confirmLabel: "Confirm send-as", description: `First send with ${sendAsSelectedAccount ? connectorAccountDisplayName(sendAsSelectedAccount) : "this account"} in ${sourceLabel}. Confirm before Eliza writes through it.`, loading: sendAsLoading, selectedAccount: sendAsSelectedAccount, sourceLabel: sourceLabel, title: "Confirm send-as account", onConfirm: handleConfirmWriteAccount, onConnectAccount: handleConnectSendAsAccount, onReconnectAccount: handleReconnectSendAsAccount, onSelectAccount: handleSelectSendAsAccount })) : null, _jsx("div", { className: "rounded-md border border-warn/40 bg-warn/10 px-3 py-2 text-2xs leading-snug text-warn", children: t("inboxview.AgentSendWarning", {
+                }) })) : (_jsxs("div", { className: "flex flex-col gap-2 px-3 pb-3", children: [_jsx(ConnectorAccountPicker, { accounts: sendAsAccounts, connectBusy: sendAsConnectBusy, loading: sendAsLoading, selectedAccount: sendAsSelectedAccount, sourceLabel: sourceLabel, show: showSendAsPicker, onConnectAccount: handleConnectSendAsAccount, onReconnectAccount: handleReconnectSendAsAccount, onSelectAccount: handleSelectSendAsAccount }), blockingAccountReason ? (_jsx(AccountRequiredCard, { accounts: sendAsAccounts, connectBusy: sendAsConnectBusy, description: blockingAccountReason, loading: sendAsLoading, selectedAccount: sendAsSelectedAccount, sourceLabel: sourceLabel, onConnectAccount: handleConnectSendAsAccount, onReconnectAccount: handleReconnectSendAsAccount, onSelectAccount: handleSelectSendAsAccount, retryAction: async () => {
+                            await handleReplySend({ force: true });
+                        } })) : showWriteConfirmation ? (_jsx(AccountRequiredCard, { accounts: sendAsAccounts, connectBusy: sendAsConnectBusy, confirmLabel: "Confirm send-as", description: `First send with ${sendAsSelectedAccount ? connectorAccountDisplayName(sendAsSelectedAccount) : "this account"} in ${sourceLabel}. Confirm before Eliza writes through it.`, loading: sendAsLoading, selectedAccount: sendAsSelectedAccount, sourceLabel: sourceLabel, title: "Confirm send-as account", onConfirm: handleConfirmWriteAccount, onConnectAccount: handleConnectSendAsAccount, onReconnectAccount: handleReconnectSendAsAccount, onSelectAccount: handleSelectSendAsAccount })) : null, _jsx("div", { className: "rounded-sm border border-warn/40 bg-warn/10 px-3 py-2 text-2xs leading-snug text-warn", children: t("inboxview.AgentSendWarning", {
                             defaultValue: "This message will be sent as your agent in {{source}}.",
                             source: sourceLabel,
                         }) }), _jsx(ChatComposerShell, { variant: "default", children: _jsx(ChatComposer, { variant: "default", textareaRef: inboxTextareaRef, chatInput: replyText, chatPendingImagesCount: 0, isComposerLocked: sending, isAgentStarting: false, chatSending: sending, voice: inertVoiceState, agentVoiceEnabled: false, showAgentVoiceToggle: false, t: t, hideAttachButton: true, placeholder: t("inboxview.ReplyPlaceholder", {

package/components/pages/ConfigPageView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigPageView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/ConfigPageView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAsEH,wBAAgB,cAAc,CAAC,EAC7B,QAAgB,EAChB,mBAAmB,GACpB,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC,2CAwmBA"}
+{"version":3,"file":"ConfigPageView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/ConfigPageView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAuFH,wBAAgB,cAAc,CAAC,EAC7B,QAAgB,EAChB,mBAAmB,GACpB,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC,2CA2qBA"}