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

package/components/pages/ChatView.js

@@ -1,26 +1,44 @@
 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 { Check, Copy, RotateCcw } from "lucide-react";
 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 { claimAssistantLaunchPayloadFromHash } 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 { useApp } from "../../state/useApp.js";
+import { useAppSelectorShallow } from "../../state/app-store.js";
+import { useChatComposer } from "../../state/ChatComposerContext.hooks.js";
+import { useConversationMessages } from "../../state/ConversationMessagesContext.hooks.js";
+import { usePtySessions } from "../../state/PtySessionsContext.hooks.js";
+import { loadContinuousChatMode, saveContinuousChatMode, } from "../../state/persistence.js";
+import { deriveAgentReady } from "../../state/types.js";
 import { getVrmPreviewUrl } from "../../state/vrm.js";
+import { buildDroppedAttachmentNotice, CHAT_UPLOAD_ACCEPT, chatUploadKind, classifyComposerPaste, intakeAttachmentFiles, 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 { conversationTranscriptText } from "../chat/message-parser-helpers.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 { useConversationReset } from "../shell/use-conversation-reset.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 +67,47 @@ function normalizeInboxChatSelection(value) {
             : undefined,
     };
 }
-export function ChatView({ variant = "default", onPtySessionClick, }) {
-    const app = useApp();
+export function ChatView({ variant = "default", onPtySessionClick, hideComposer = false, }) {
+    // Granular shallow selection instead of useApp() so the main chat view only
+    // re-renders when one of the fields it actually reads changes — not on every
+    // one of the ~300 app-store fields (#9141 gap 2). typecheck enforces that this
+    // list stays complete (any `app.x` not selected here is a type error).
+    const app = useAppSelectorShallow((s) => ({
+        agentStatus: s.agentStatus,
+        activeConversationId: s.activeConversationId,
+        activeInboxChat: s.activeInboxChat,
+        activeTerminalSessionId: s.activeTerminalSessionId,
+        characterData: s.characterData,
+        chatFirstTokenReceived: s.chatFirstTokenReceived,
+        companionMessageCutoffTs: s.companionMessageCutoffTs,
+        handleChatSend: s.handleChatSend,
+        handleChatStop: s.handleChatStop,
+        handleChatEdit: s.handleChatEdit,
+        elizaCloudConnected: s.elizaCloudConnected,
+        elizaCloudVoiceProxyAvailable: s.elizaCloudVoiceProxyAvailable,
+        elizaCloudHasPersistedKey: s.elizaCloudHasPersistedKey,
+        setState: s.setState,
+        copyToClipboard: s.copyToClipboard,
+        droppedFiles: s.droppedFiles,
+        analysisMode: s.analysisMode,
+        shareIngestNotice: s.shareIngestNotice,
+        chatAgentVoiceMuted: s.chatAgentVoiceMuted,
+        selectedVrmIndex: s.selectedVrmIndex,
+        uiLanguage: s.uiLanguage,
+        sendChatText: s.sendChatText,
+        t: s.t,
+        setActionNotice: s.setActionNotice,
+    }));
     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 { agentStatus, activeConversationId, activeInboxChat, activeTerminalSessionId, characterData, chatFirstTokenReceived, companionMessageCutoffTs, 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();
+    // Reset to a fresh greeted thread. Same path as the overlay header reset.
+    const resetConversation = useConversationReset();
+    // Per-token streaming messages come from the isolated context so token updates
+    // don't ride on the giant AppContext value identity.
+    const { conversationMessages, removeConversationMessage } = useConversationMessages();
+    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 +131,36 @@ 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 = () => {
+            // Prefill the composer instead of auto-sending. An assistant-launch /
+            // deep-link / shortcut `text` is attacker-authorable (a crafted link can
+            // set it), so it must NOT be sent to the agent without the user reviewing
+            // it and pressing send. claim* dedupes by launchId and clears the hash.
+            const payload = claimAssistantLaunchPayloadFromHash(window.location.hash, {
+                allowedRoutes: ["chat"],
+            });
+            if (payload) {
+                setChatInput(payload.text);
+            }
+        };
+        consumeLaunchPayload();
+        window.addEventListener("hashchange", consumeLaunchPayload);
+        return () => {
+            window.removeEventListener("hashchange", consumeLaunchPayload);
+        };
+    }, [isGameModal, setChatInput]);
     const focusTerminalSession = useCallback((sessionId) => {
         setState("activeInboxChat", null);
         setState("activeTerminalSessionId", sessionId);
@@ -92,47 +174,28 @@ 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() : "";
+    // The agent is up but genuinely can't respond (no inference provider wired) —
+    // no point letting the user hit send. Use the server-authoritative readiness
+    // (`canRespond`) via deriveAgentReady, NOT a raw `model` string: a dedicated
+    // cloud agent reports canRespond:true with no local `model` (server-side
+    // inference), so the old model-empty check wrongly hard-locked its composer.
     const isMobileLocalRuntime = readPersistedMobileRuntimeMode() === "local";
     const isMissingInferenceProvider = agentStatus?.state === "running" &&
-        agentModel.length === 0 &&
+        !deriveAgentReady(agentStatus) &&
         !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 +211,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
@@ -177,7 +241,7 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
         // with connector messages. Live-streamed turns flow through
         // the SSE path and don't carry the server-side default from
         // conversation-routes.ts, so we catch them here too.
-        .map((msg) => (msg.source ? msg : { ...msg, source: "eliza" })), [chatFirstTokenReceived, chatSending, msgs]);
+        .map(withDefaultSource), [chatFirstTokenReceived, chatSending, msgs]);
     const { companionCarryover, gameModalCarryoverOpacity, gameModalVisibleMsgs, } = useGameModalMessages({
         activeConversationId,
         companionMessageCutoffTs,
@@ -188,7 +252,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 +315,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 +337,35 @@ 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)
-            .then((attachments) => {
+        void intakeAttachmentFiles(files)
+            .then(({ attachments, droppedTooLarge }) => {
             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);
+                const merged = [...prev, ...attachments];
+                const kept = merged.slice(0, MAX_CHAT_IMAGES);
+                const overCount = Math.max(0, merged.length - kept.length);
+                const notice = buildDroppedAttachmentNotice({
+                    acceptedCount: kept.length,
+                    droppedTooLarge,
+                    droppedOverCount: Array.from({ length: overCount }, () => ({
+                        name: "",
+                        reason: "over-count",
+                    })),
+                }, app.t);
+                // Defer the side-effect out of the state updater so it fires once.
+                if (notice)
+                    queueMicrotask(() => app.setActionNotice?.(notice, "info"));
+                return kept;
             });
         })
             .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);
@@ -297,6 +373,25 @@ export function ChatView({ variant = "default", onPtySessionClick, }) {
             addImageFiles(e.dataTransfer.files);
         }
     }, [addImageFiles]);
+    // Paste-to-attachment, matching the mobile overlay: a pasted image/file
+    // attaches; a large text block becomes a collapsed text-attachment chip;
+    // small text falls through to the textarea. Shared classification lives in
+    // utils/image-attachment.ts so both surfaces behave identically.
+    const handleComposerPaste = useCallback((e) => {
+        const intent = classifyComposerPaste({
+            files: Array.from(e.clipboardData?.files ?? []),
+            text: e.clipboardData?.getData("text") ?? "",
+        });
+        if (intent.kind === "files") {
+            e.preventDefault();
+            addImageFiles(intent.files);
+            return;
+        }
+        if (intent.kind === "text-attachment") {
+            e.preventDefault();
+            setChatPendingImages((prev) => [...prev, intent.attachment].slice(0, MAX_CHAT_IMAGES));
+        }
+    }, [addImageFiles, setChatPendingImages]);
     const handleFileInputChange = useCallback((e) => {
         if (e.target.files) {
             addImageFiles(e.target.files);
@@ -306,7 +401,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 +413,90 @@ 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) => ({
+        suggestion: t("chatmessage.suggestion", {
+            defaultValue: "Suggestion",
+        }),
+        dismiss: t("chatmessage.dismissSuggestion", {
+            defaultValue: "Dismiss suggestion",
+        }),
+        acceptSuggestion: t("chatmessage.acceptSuggestion", {
+            defaultValue: "Do it",
+        }),
+    }), [t]);
+    // Proactive suggestions (#8792) are dismissed locally — remove the bubble from
+    // the live transcript. The per-surface cooldown in the server-side gate keeps
+    // the same offer from immediately re-appearing.
+    const handleDismissSuggestion = useCallback((messageId) => {
+        removeConversationMessage(messageId);
+    }, [removeConversationMessage]);
+    // Accept ("Do it") sends the implied action as a normal turn, then clears the
+    // suggestion bubble so it doesn't linger after the user acted on it.
+    const handleAcceptSuggestion = useCallback((message) => {
+        void sendChatText("Yes, let's do it.");
+        handleDismissSuggestion(message.id);
+    }, [sendChatText, handleDismissSuggestion]);
+    const handleCopyMessageText = useCallback((text) => {
+        void copyToClipboard(text);
+    }, [copyToClipboard]);
+    // Copy the whole thread as a plain-text transcript (`Speaker: text`, blank
+    // line between turns) via the shared clipboard helper — parity with the
+    // overlay's full-state header. Flashes a check on success.
+    const [conversationCopied, setConversationCopied] = useState(false);
+    const conversationCopiedTimerRef = useRef(null);
+    useEffect(() => () => {
+        if (conversationCopiedTimerRef.current) {
+            clearTimeout(conversationCopiedTimerRef.current);
+        }
+    }, []);
+    const handleCopyConversation = useCallback(() => {
+        const transcript = conversationTranscriptText(visibleMsgs, { agentName });
+        if (!transcript)
+            return;
+        void copyToClipboard(transcript);
+        setConversationCopied(true);
+        if (conversationCopiedTimerRef.current) {
+            clearTimeout(conversationCopiedTimerRef.current);
+        }
+        conversationCopiedTimerRef.current = setTimeout(() => setConversationCopied(false), 2000);
+    }, [agentName, copyToClipboard, visibleMsgs]);
+    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, onDelete: removeConversationMessage, onDismissSuggestion: handleDismissSuggestion, onAcceptSuggestion: handleAcceptSuggestion, 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: {
+    // Reset-to-fresh-thread control for the main ChatView header row (#8930).
+    // Visible only when there are messages to clear; routes through the shared
+    // reset path. Neutral resting -> neutral-with-opacity hover (no orange, no
+    // blue), matching nearby controls.
+    const resetConversationButton = visibleMsgs.length > 0 ? (_jsx("button", { type: "button", "data-testid": "chat-view-reset-button", "aria-label": "Reset conversation", title: "Reset conversation", onClick: resetConversation, className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-border/40 text-muted transition-colors hover:bg-bg-hover hover:text-txt   ", children: _jsx(RotateCcw, { className: "h-[18px] w-[18px]", "aria-hidden": true }) })) : null;
+    // Copy-the-whole-thread control, shown alongside Reset when there are
+    // messages. Same neutral resting → neutral-hover language as Reset (no orange,
+    // no blue), flashing a check on copy.
+    const copyConversationButton = visibleMsgs.length > 0 ? (_jsx("button", { type: "button", "data-testid": "chat-view-copy-conversation-button", "aria-label": conversationCopied ? "Conversation copied" : "Copy conversation", title: conversationCopied ? "Conversation copied" : "Copy conversation", onClick: handleCopyConversation, className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-border/40 text-muted transition-colors hover:bg-bg-hover hover:text-txt   ", children: conversationCopied ? (_jsx(Check, { className: "h-[18px] w-[18px] text-ok", "aria-hidden": true })) : (_jsx(Copy, { className: "h-[18px] w-[18px]", "aria-hidden": true })) })) : null;
+    const composerNode = hideComposer ? null : isGameModal ? (_jsx(ChatComposerShell, { variant: "game-modal", shellRef: composerRef, before: _jsxs(_Fragment, { children: [_jsx(CodingAgentControlChip, {}), continuousChatToggleVisible || resetConversationButton ? (_jsxs("div", { className: "flex items-center justify-end gap-1 px-1 pb-0.5", children: [copyConversationButton, resetConversationButton, continuousChatToggleVisible ? (_jsx(ContinuousChatToggle, { compact: true, value: continuousChatMode, onChange: handleContinuousChatModeChange, disabled: isComposerLocked, "data-testid": "chat-view-continuous-chat-toggle-game-modal" })) : null] })) : 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 +506,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, onPaste: handleComposerPaste, 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 || resetConversationButton ? (_jsxs("div", { className: "flex items-center justify-end gap-1 px-1 pb-0.5", children: [copyConversationButton, resetConversationButton, continuousChatToggleVisible ? (_jsx(ContinuousChatToggle, { compact: true, value: continuousChatMode, onChange: handleContinuousChatModeChange, disabled: isComposerLocked, "data-testid": "chat-view-continuous-chat-toggle" })) : null] })) : 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 +516,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, onPaste: handleComposerPaste, 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", {
@@ -398,11 +554,41 @@ export function TerminalChannelPanel({ activeSessionId, sessions, onClose, loadi
  * uses, and routes outbound replies back through the runtime's
  * source-specific send handlers.
  */
+// Default-tag a message's source to "eliza", memoized per message identity so an
+// un-sourced message isn't re-cloned every token frame (the input array identity
+// changes per token; the individual prior messages don't). A real new message
+// misses and is tagged once; a WeakMap lets dropped messages GC.
+const defaultSourceCache = new WeakMap();
+function withDefaultSource(msg) {
+    if (msg.source)
+        return msg;
+    const cached = defaultSourceCache.get(msg);
+    if (cached)
+        return cached;
+    const tagged = { ...msg, source: "eliza" };
+    defaultSourceCache.set(msg, tagged);
+    return tagged;
+}
+// Module-level stable identity: an inline arrow here would change every render
+// and break ChatMessage's arePropsEqual (renderContent compare), re-parsing
+// markdown for every inbox message on any panel re-render. (Inbox doesn't use
+// analysisMode, so unlike the main path this needs no closure.)
+function renderInboxMessageContent(message) {
+    return _jsx(MessageContent, { message: message });
+}
 function InboxChatPanel({ activeInboxChat, variant, }) {
-    const app = useApp();
-    const t = app?.t ?? fallbackTranslate;
+    // Granular shallow selection instead of useApp() so this inbox panel only
+    // re-renders on changes to the two fields it reads (#9141 gap 2). InboxChatPanel
+    // is only ever rendered inside ChatView (always within AppProvider), so the
+    // previous defensive `| undefined` was vestigial.
+    const app = useAppSelectorShallow((s) => ({
+        t: s.t,
+        setActionNotice: s.setActionNotice,
+    }));
+    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 +609,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);
@@ -482,7 +677,7 @@ function InboxChatPanel({ activeInboxChat, variant, }) {
         transportSource,
     ]);
     const connectorSendAs = useConnectorSendAsAccount(sendAsContext, {
-        setActionNotice: app?.setActionNotice,
+        setActionNotice: app.setActionNotice,
     });
     const { accountRequired, accountRequiredReason: connectorAccountRequiredReason, accounts: sendAsAccounts, connectAccount, context: normalizedSendAsContext, loading: sendAsLoading, reconnectAccount, saving: sendAsSaving, selectAccount, selectedAccount: sendAsSelectedAccount, sendAsMetadata, showPicker: showSendAsPicker, } = connectorSendAs;
     const [accountRequiredReason, setAccountRequiredReason] = useState(null);
@@ -530,12 +725,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 +802,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: renderInboxMessageContent })) }), 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,2CAorBA"}