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

package/components/pages/ChatView.d.ts

@@ -1,4 +1,4 @@
-import { type CodingAgentSession } from "../../api/client";
+import { type CodingAgentSession } from "../../api/client.js";
 type ChatViewVariant = "default" | "game-modal";
 interface ChatViewProps {
     variant?: ChatViewVariant;

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/ChatView.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,kBAAkB,EAAU,MAAM,kBAAkB,CAAC;AAmEnE,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,2CAi4Bf;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,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Check, Copy, RotateCcw } from "lucide-react";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
 import { client } from "../../api/client.js";
 import { isRoutineCodingAgentMessage } from "../../chat/index.js";
@@ -6,19 +7,22 @@ import { readPersistedMobileRuntimeMode } from "../../first-run/mobile-runtime-m
 import { useChatAvatarVoiceBridge } from "../../hooks/useChatAvatarVoiceBridge.js";
 import { useConnectorSendAsAccount } from "../../hooks/useConnectorSendAsAccount.js";
 import { useIntervalWhenDocumentVisible } from "../../hooks/useDocumentVisibility.js";
-import { consumeAssistantLaunchPayloadFromHash } from "../../platform/assistant-launch-payload.js";
+import { claimAssistantLaunchPayloadFromHash } from "../../platform/assistant-launch-payload.js";
 import { CodingAgentControlChip, PtyConsoleBase, } from "../../slots/task-coordinator-slots.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 { useApp } from "../../state/useApp.js";
+import { deriveAgentReady } from "../../state/types.js";
 import { getVrmPreviewUrl } from "../../state/vrm.js";
-import { CHAT_UPLOAD_ACCEPT, chatUploadKind, filesToImageAttachments, MAX_CHAT_IMAGES, } from "../../utils/image-attachment.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";
@@ -29,6 +33,7 @@ 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";
 const CHAT_INPUT_MIN_HEIGHT_PX = 46;
 const CHAT_INPUT_MAX_HEIGHT_PX = 200;
@@ -63,11 +68,45 @@ function normalizeInboxChatSelection(value) {
     };
 }
 export function ChatView({ variant = "default", onPtySessionClick, hideComposer = false, }) {
-    const app = useApp();
+    // 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();
+    // 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 : "";
@@ -105,20 +144,23 @@ export function ChatView({ variant = "default", onPtySessionClick, hideComposer
         if (isGameModal || typeof window === "undefined")
             return;
         const consumeLaunchPayload = () => {
-            void consumeAssistantLaunchPayloadFromHash(window.location.hash, {
+            // 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"],
-                onSendFailure: (payload) => {
-                    setChatInput(payload.text);
-                },
-                sendText: sendChatText,
             });
+            if (payload) {
+                setChatInput(payload.text);
+            }
         };
         consumeLaunchPayload();
         window.addEventListener("hashchange", consumeLaunchPayload);
         return () => {
             window.removeEventListener("hashchange", consumeLaunchPayload);
         };
-    }, [isGameModal, sendChatText, setChatInput]);
+    }, [isGameModal, setChatInput]);
     const focusTerminalSession = useCallback((sessionId) => {
         setState("activeInboxChat", null);
         setState("activeTerminalSessionId", sessionId);
@@ -134,12 +176,14 @@ export function ChatView({ variant = "default", onPtySessionClick, hideComposer
     }, [ptySessions, activeTerminalSessionId, focusTerminalSession]);
     // ── Derived composer state ──────────────────────────────────────
     const isAgentStarting = agentStatus?.state === "starting" || agentStatus?.state === "restarting";
-    // 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;
     // 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
@@ -197,7 +241,7 @@ export function ChatView({ variant = "default", onPtySessionClick, hideComposer
         // 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,
@@ -293,11 +337,25 @@ export function ChatView({ variant = "default", onPtySessionClick, hideComposer
         }
     };
     const addImageFiles = useCallback((files) => {
-        void filesToImageAttachments(files)
-            .then((attachments) => {
-            if (!attachments.length)
-                return;
-            setChatPendingImages((prev) => [...prev, ...attachments].slice(0, MAX_CHAT_IMAGES));
+        void intakeAttachmentFiles(files)
+            .then(({ attachments, droppedTooLarge }) => {
+            setChatPendingImages((prev) => {
+                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) => {
             // A failed image read leaves nothing attached; tell the user rather
@@ -315,6 +373,25 @@ export function ChatView({ variant = "default", onPtySessionClick, hideComposer
             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);
@@ -336,12 +413,54 @@ export function ChatView({ variant = "default", onPtySessionClick, hideComposer
         saving: t("common.saving", {
             defaultValue: "Saving...",
         }),
+        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, renderMessageContent: renderChatMessageContent, typingIndicator: chatSending && !chatFirstTokenReceived && !typingStalled ? (isGameModal ? (_jsx(TypingIndicator, { variant: "game-modal", agentName: agentName })) : (_jsx(TypingIndicator, { agentName: agentName, agentAvatarSrc: agentAvatarSrc }))) : null }));
+    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 ||
@@ -368,7 +487,16 @@ export function ChatView({ variant = "default", onPtySessionClick, hideComposer
     const defaultComposerShellStyle = {
         paddingBottom: "calc(var(--safe-area-bottom, 0px) + var(--eliza-mobile-nav-offset, 0px) + 0.375rem)",
     };
-    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: {
+    // 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,
@@ -378,7 +506,7 @@ export function ChatView({ variant = "default", onPtySessionClick, hideComposer
                 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) }) })) : (_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: {
+            }, 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,
@@ -388,7 +516,7 @@ export function ChatView({ variant = "default", onPtySessionClick, hideComposer
                 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) }) }));
+            }, 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", {
@@ -426,9 +554,38 @@ 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);
@@ -520,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);
@@ -652,7 +809,7 @@ function InboxChatPanel({ activeInboxChat, variant, }) {
                         })
                         : 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", {
+                        }) })) : (_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, retryAction: async () => {

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

package/components/pages/ConfigPageView.js

@@ -10,7 +10,7 @@ import { buildWalletRpcUpdateRequest, resolveInitialWalletRpcSelections, } from
 import { Check } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useAgentElement } from "../../agent-surface/index.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelectorShallow } from "../../state/index.js";
 import { openExternalUrl, preOpenWindow } from "../../utils/index.js";
 import { Button } from "../ui/button.js";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog.js";
@@ -49,7 +49,16 @@ function CloudLoginFallbackLink({ browserUrl }) {
     return (_jsxs("div", { className: "w-full max-w-sm rounded-sm border border-border bg-bg/70 p-2 text-left", children: [_jsx("p", { className: "mb-1 text-2xs font-semibold uppercase text-muted", children: "Sign-in window did not open?" }), _jsx("button", { type: "button", className: "block w-full break-all text-left text-xs text-accent underline-offset-2 hover:underline", onClick: () => void openExternalUrl(browserUrl), children: browserUrl })] }));
 }
 export function ConfigPageView({ embedded = false, onWalletSaveSuccess, }) {
-    const { t, elizaCloudConnected, elizaCloudLoginBusy, elizaCloudLoginFallbackUrl, walletConfig, walletApiKeySaving, handleWalletApiKeySave, handleCloudLogin, } = useApp();
+    const { t, elizaCloudConnected, elizaCloudLoginBusy, elizaCloudLoginFallbackUrl, walletConfig, walletApiKeySaving, handleWalletApiKeySave, handleCloudLogin, } = useAppSelectorShallow((s) => ({
+        t: s.t,
+        elizaCloudConnected: s.elizaCloudConnected,
+        elizaCloudLoginBusy: s.elizaCloudLoginBusy,
+        elizaCloudLoginFallbackUrl: s.elizaCloudLoginFallbackUrl,
+        walletConfig: s.walletConfig,
+        walletApiKeySaving: s.walletApiKeySaving,
+        handleWalletApiKeySave: s.handleWalletApiKeySave,
+        handleCloudLogin: s.handleCloudLogin,
+    }));
     const [secretsOpen, setSecretsOpen] = useState(false);
     const manualRpcModeSelection = useRef(false);
     const initialRpc = resolveInitialWalletRpcSelections(walletConfig);

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

@@ -1 +1 @@
-{"version":3,"file":"DatabasePageView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/DatabasePageView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA2CvC,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,GACd,GAAE;IACD,aAAa,CAAC,EAAE,SAAS,CAAC;CACtB,2CAmEL"}
+{"version":3,"file":"DatabasePageView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/DatabasePageView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA2CvC,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,GACd,GAAE;IACD,aAAa,CAAC,EAAE,SAAS,CAAC;CACtB,2CAqEL"}

package/components/pages/DatabasePageView.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useAgentElement } from "../../agent-surface/index.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { SegmentedControl } from "../ui/segmented-control.js";
 import { DynamicViewLoader } from "../views/DynamicViewLoader.js";
 import { ShellViewAgentSurface } from "../views/ShellViewAgentSurface.js";
@@ -29,7 +29,9 @@ function DatabaseTabButton({ id, label, isActive, onSelect, }) {
     return null;
 }
 export function DatabasePageView({ contentHeader, } = {}) {
-    const { t, databaseSubTab, setState } = useApp();
+    const t = useAppSelector((s) => s.t);
+    const databaseSubTab = useAppSelector((s) => s.databaseSubTab);
+    const setState = useAppSelector((s) => s.setState);
     const dbTabs = [
         {
             id: "tables",

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

@@ -1 +1 @@
-{"version":3,"file":"DatabaseView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/DatabaseView.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmEvC,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,aAAa,GACd,EAAE;IACD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,2CAs4BA"}
+{"version":3,"file":"DatabaseView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/DatabaseView.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoEvC,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,aAAa,GACd,EAAE;IACD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,2CA24BA"}

package/components/pages/DatabaseView.js

@@ -4,8 +4,9 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useAgentElement } from "../../agent-surface/index.js";
 import { client, } from "../../api/index.js";
 import { getCached, setCached } from "../../hooks/resource-cache.js";
+import { useIntervalWhenDocumentVisible } from "../../hooks/useDocumentVisibility.js";
 import { PageLayout } from "../../layouts/page-layout/page-layout.js";
-import { useApp } from "../../state/index.js";
+import { useTranslation } from "../../state/index.js";
 import { useRegisterViewChatBinding } from "../../state/view-chat-binding.js";
 import { ChatSearchHint } from "../composites/chat-search-hint.js";
 import { PagePanel } from "../composites/page-panel/index.js";
@@ -41,7 +42,7 @@ function ViewModeTab({ mode, label, isActive, onSelect, }) {
     return null;
 }
 export function DatabaseView({ leftNav, contentHeader, }) {
-    const { t } = useApp();
+    const { t } = useTranslation();
     const showExternalSidebar = Boolean(leftNav);
     // `t` from useApp is not guaranteed to be referentially stable across
     // renders. Reading it through a ref keeps the data loaders below stable so
@@ -262,12 +263,13 @@ export function DatabaseView({ leftNav, contentHeader, }) {
     useEffect(() => {
         const onFocus = () => void revalidate();
         window.addEventListener("focus", onFocus);
-        const interval = window.setInterval(onFocus, 30_000);
         return () => {
             window.removeEventListener("focus", onFocus);
-            window.clearInterval(interval);
         };
     }, [revalidate]);
+    // Slow background revalidation only ticks while the document is visible; the
+    // focus listener above already covers the user-returns case.
+    useIntervalWhenDocumentVisible(() => void revalidate(), 30_000);
     const editorModes = [
         { value: "tables", label: t("databaseview.TableEditor") },
         { value: "query", label: t("databaseview.SQLEditor") },
@@ -288,33 +290,33 @@ export function DatabaseView({ leftNav, contentHeader, }) {
     };
     if (showExternalSidebar) {
         const dbSidebar = (_jsx(AppPageSidebar, { testId: "database-sidebar", collapsible: true, contentIdentity: "database", collapsedRailItems: filteredTables.map((table) => (_jsx(SidebarContent.RailItem, { "aria-label": table.name, title: table.name, active: selectedTable === table.name, onClick: () => handleSelectTable(table.name), children: table.name.slice(0, 1).toUpperCase() }, table.name))), children: _jsxs(SidebarPanel, { children: [_jsxs("div", { className: "space-y-3 pt-1", children: [leftNav, viewToggle, sidebarSummary] }), _jsx("div", { className: "mt-4 h-px bg-border/30" }), view === "tables" ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "space-y-3 pt-4", children: _jsxs("div", { className: "px-1 text-xs-tight font-medium text-muted", children: [t("databaseview.Tables"), " \u00B7 ", filteredTables.length] }) }), _jsx(SidebarScrollRegion, { className: "mt-3 space-y-1.5", children: loading && tables.length === 0 ? (_jsx(PagePanel, { variant: "inset", className: "rounded-sm px-3 py-4 text-center text-xs text-muted", children: t("appsview.Loading") })) : (filteredTables.map((table) => (_jsxs(SidebarContent.Item, { active: selectedTable === table.name, onClick: () => handleSelectTable(table.name), className: "gap-2", children: [_jsx(SidebarContent.ItemIcon, { active: selectedTable === table.name, children: table.name.slice(0, 1).toUpperCase() }), _jsxs(SidebarContent.ItemBody, { children: [_jsx(SidebarContent.ItemTitle, { children: table.name }), _jsx(SidebarContent.ItemDescription, { children: t("databaseview.RowCountLabel", {
-                                                        count: (table.rowCount ?? 0).toLocaleString(),
+                                                        count: (table.rowCount ?? 0).toLocaleString("en-US"),
                                                         defaultValue: "{{count}} rows",
                                                     }) })] })] }, table.name)))) })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "space-y-3 pt-4", children: _jsx(PagePanel, { variant: "inset", className: "rounded-sm px-3 py-3 text-xs-tight text-muted", children: t("databaseview.QueryWorkspaceInfo", {
                                         defaultValue: "Write ad-hoc queries and inspect results without leaving the database workspace.",
-                                    }) }) }), queryHistory.length > 0 ? (_jsxs(SidebarScrollRegion, { className: "mt-3 space-y-1.5", children: [_jsx("div", { className: "px-1 text-xs-tight font-medium text-muted", children: t("databaseview.RecentQueries") }), queryHistory.slice(0, 8).map((q) => (_jsx(Button, { variant: "ghost", className: "h-auto w-full justify-start rounded-sm px-3 py-2 text-left text-xs-tight font-mono border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong backdrop-blur-md transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong ", onClick: () => setQueryText(q), children: _jsx("span", { className: "truncate", children: q }) }, q)))] })) : null] }))] }) }));
-        return (_jsxs(PageLayout, { "data-testid": "database-view", sidebar: dbSidebar, contentHeader: contentHeader, contentInnerClassName: "w-full min-h-0", children: [_jsxs("div", { className: "flex min-h-0 flex-1 flex-col w-full", children: [errorMessage ? (_jsx("div", { className: "mb-4 rounded-sm border border-danger/35 bg-danger/10 px-4 py-3 text-sm text-danger", children: errorMessage })) : null, dbStatus && !dbStatus.connected ? (_jsxs("div", { className: "w-full", children: [_jsx(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: _jsx("h1", { className: "text-2xl font-semibold text-txt-strong", children: t("databaseview.TableBrowser") }) }), _jsx(PagePanel.FeatureEmpty, { className: "mt-4 rounded-sm", features: DATABASE_UNAVAILABLE_FEATURES, icon: ServerOff, iconTone: "border-danger/25 bg-danger/10 text-danger", title: t("databaseview.DatabaseNotAvailab") })] })) : view === "tables" ? (_jsx("div", { className: "w-full", children: !selectedTable ? (_jsxs(_Fragment, { children: [_jsxs(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: [_jsx("h1", { className: "text-2xl font-semibold text-txt-strong", children: t("databaseview.TableBrowser") }), _jsx(ChatSearchHint, { noun: "tables", query: sidebarSearch, className: "mt-2" })] }), _jsx(PagePanel.Empty, { variant: "surface", className: "mt-4 min-h-[18rem] rounded-sm px-5 py-10", title: t("databaseview.SelectATable"), description: t("databaseview.ChooseATableFrom") })] })) : loading && !tableData ? (_jsx(PagePanel, { variant: "surface", className: "mt-4 flex flex-1 min-h-0 flex-col overflow-hidden p-3", children: _jsx(TableSkeleton, { rows: 10, columns: 5 }) })) : tableData ? (_jsxs(_Fragment, { children: [_jsx(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: _jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h1", { className: "text-2xl font-semibold text-txt-strong", children: selectedTable }), _jsx(ChatSearchHint, { noun: "tables", query: sidebarSearch, className: "mt-2" })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [columnMeta.size > 0 && (_jsxs(MetaPill, { children: [columnMeta.size, " ", t("databaseview.columns")] })), _jsxs(MetaPill, { children: [tableData.total.toLocaleString(), " ", t("common.rows")] })] })] }) }), _jsxs(PagePanel, { variant: "surface", className: "mt-4 flex flex-1 min-h-0 flex-col overflow-hidden p-3", children: [_jsx("div", { className: "flex-1 min-h-0", children: tableData.rows.length === 0 ? (_jsx(PagePanel.Empty, { className: "min-h-[14rem]", title: t("databaseview.TableIsEmpty"), description: t("databaseview.EmptyTableDescription") })) : (_jsx(ResultsGrid, { columns: tableData.columns, rows: tableData.rows, columnMeta: columnMeta, sortCol: sortCol, sortDir: sortDir, onSort: handleSort, onCellClick: (v) => setCellInspect(v) })) }), _jsx(PaginationBar, { total: tableData.total, offset: rowOffset, limit: ROW_LIMIT, onPrev: handlePrev, onNext: handleNext })] })] })) : null })) : (_jsx("div", { className: "w-full", children: _jsx(SqlEditorPanel, { ...sqlEditorProps, showHistory: false }) }))] }), cellInspect !== null && (_jsx(CellPopover, { value: cellInspect, onClose: () => setCellInspect(null) }))] }));
+                                    }) }) }), queryHistory.length > 0 ? (_jsxs(SidebarScrollRegion, { className: "mt-3 space-y-1.5", children: [_jsx("div", { className: "px-1 text-xs-tight font-medium text-muted", children: t("databaseview.RecentQueries") }), queryHistory.slice(0, 8).map((q) => (_jsx(Button, { variant: "ghost", className: "h-auto w-full justify-start rounded-sm px-3 py-2 text-left text-xs-tight font-mono border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong ", onClick: () => setQueryText(q), children: _jsx("span", { className: "truncate", children: q }) }, q)))] })) : null] }))] }) }));
+        return (_jsxs(PageLayout, { "data-testid": "database-view", sidebar: dbSidebar, contentHeader: contentHeader, contentInnerClassName: "w-full min-h-0", children: [_jsxs("div", { className: "flex min-h-0 flex-1 flex-col w-full", children: [errorMessage ? (_jsx("div", { className: "mb-4 rounded-sm border border-danger/35 bg-danger/10 px-4 py-3 text-sm text-danger", children: errorMessage })) : null, dbStatus && !dbStatus.connected ? (_jsxs("div", { className: "w-full", children: [_jsx(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: _jsx("h1", { className: "text-2xl font-semibold text-txt-strong", children: t("databaseview.TableBrowser") }) }), _jsx(PagePanel.FeatureEmpty, { className: "mt-4 rounded-sm", features: DATABASE_UNAVAILABLE_FEATURES, icon: ServerOff, iconTone: "border-danger/25 bg-danger/10 text-danger", title: t("databaseview.DatabaseNotAvailab") })] })) : view === "tables" ? (_jsx("div", { className: "w-full", children: !selectedTable ? (_jsxs(_Fragment, { children: [_jsxs(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: [_jsx("h1", { className: "text-2xl font-semibold text-txt-strong", children: t("databaseview.TableBrowser") }), _jsx(ChatSearchHint, { noun: "tables", query: sidebarSearch, className: "mt-2" })] }), _jsx(PagePanel.Empty, { variant: "surface", className: "mt-4 min-h-[18rem] rounded-sm px-5 py-10", title: t("databaseview.SelectATable"), description: t("databaseview.ChooseATableFrom") })] })) : loading && !tableData ? (_jsx(PagePanel, { variant: "surface", className: "mt-4 flex flex-1 min-h-0 flex-col overflow-hidden p-3", children: _jsx(TableSkeleton, { rows: 10, columns: 5 }) })) : tableData ? (_jsxs(_Fragment, { children: [_jsx(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: _jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h1", { className: "text-2xl font-semibold text-txt-strong", children: selectedTable }), _jsx(ChatSearchHint, { noun: "tables", query: sidebarSearch, className: "mt-2" })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [columnMeta.size > 0 && (_jsxs(MetaPill, { children: [columnMeta.size, " ", t("databaseview.columns")] })), _jsxs(MetaPill, { children: [tableData.total.toLocaleString("en-US"), " ", t("common.rows")] })] })] }) }), _jsxs(PagePanel, { variant: "surface", className: "mt-4 flex flex-1 min-h-0 flex-col overflow-hidden p-3", children: [_jsx("div", { className: "flex-1 min-h-0", children: tableData.rows.length === 0 ? (_jsx(PagePanel.Empty, { className: "min-h-[14rem]", title: t("databaseview.TableIsEmpty"), description: t("databaseview.EmptyTableDescription") })) : (_jsx(ResultsGrid, { columns: tableData.columns, rows: tableData.rows, columnMeta: columnMeta, sortCol: sortCol, sortDir: sortDir, onSort: handleSort, onCellClick: (v) => setCellInspect(v) })) }), _jsx(PaginationBar, { total: tableData.total, offset: rowOffset, limit: ROW_LIMIT, onPrev: handlePrev, onNext: handleNext })] })] })) : null })) : (_jsx("div", { className: "w-full", children: _jsx(SqlEditorPanel, { ...sqlEditorProps, showHistory: false }) }))] }), cellInspect !== null && (_jsx(CellPopover, { value: cellInspect, onClose: () => setCellInspect(null) }))] }));
     }
-    return (_jsxs("div", { className: "flex flex-col h-full gap-4", children: [!showExternalSidebar && (_jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [_jsx("div", { className: "flex items-center gap-2 text-xs text-muted font-medium", children: dbStatus ? (_jsxs(_Fragment, { children: [_jsx("span", { className: `h-2 w-2 rounded-full ${dbStatus.connected ? "bg-ok" : "bg-danger"}` }), _jsx("span", { className: "tracking-wide", children: dbStatus.provider })] })) : (_jsx("span", { children: t("game.connecting") })) }), _jsx("div", { className: "flex-1" }), !showExternalSidebar && viewToggle] })), dbStatus && !dbStatus.connected && (_jsxs("div", { className: "p-4 border border-border/40 bg-card/60 backdrop-blur-md rounded-sm text-muted text-sm ", children: [_jsx("p", { className: "m-0 mb-2 font-medium text-txt tracking-wide", children: t("databaseview.DatabaseNotAvailab") }), _jsx("p", { className: "m-0 text-xs", children: statusLoadError || t("databaseview.TheDatabaseViewer") })] })), errorMessage && (_jsxs("div", { className: "p-3 border border-danger/50 bg-danger/10 text-danger text-sm rounded-sm mb-2 flex items-center justify-between backdrop-blur-md", children: [_jsx("span", { className: "font-medium tracking-wide", children: errorMessage }), _jsx(Button, { variant: "ghost", size: "icon", className: "w-6 h-6 rounded-full text-danger hover:bg-danger/20 hover:text-danger-foreground transition-colors", onClick: () => setErrorMessage(""), children: "\u00D7" })] })), view === "tables" ? (_jsxs("div", { className: "flex flex-1 min-h-0 gap-4", children: [(showExternalSidebar || !sidebarCollapsed) && (_jsx("aside", { className: `overflow-hidden rounded-sm border flex min-h-0 w-full shrink-0 flex-col overflow-hidden bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_76%,transparent),color-mix(in_srgb,var(--bg-muted)_97%,transparent))] backdrop-blur-md ${showExternalSidebar
+    return (_jsxs("div", { className: "flex flex-col h-full gap-4", children: [!showExternalSidebar && (_jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [_jsx("div", { className: "flex items-center gap-2 text-xs text-muted font-medium", children: dbStatus ? (_jsxs(_Fragment, { children: [_jsx("span", { className: `h-2 w-2 rounded-full ${dbStatus.connected ? "bg-ok" : "bg-danger"}` }), _jsx("span", { className: "tracking-wide", children: dbStatus.provider })] })) : (_jsx("span", { children: t("game.connecting") })) }), _jsx("div", { className: "flex-1" }), !showExternalSidebar && viewToggle] })), dbStatus && !dbStatus.connected && (_jsxs("div", { className: "p-4 border border-border/40 bg-card/95 rounded-sm text-muted text-sm ", children: [_jsx("p", { className: "m-0 mb-2 font-medium text-txt tracking-wide", children: t("databaseview.DatabaseNotAvailab") }), _jsx("p", { className: "m-0 text-xs", children: statusLoadError || t("databaseview.TheDatabaseViewer") })] })), errorMessage && (_jsxs("div", { className: "p-3 border border-danger/50 bg-danger/20 text-danger text-sm rounded-sm mb-2 flex items-center justify-between", children: [_jsx("span", { className: "font-medium tracking-wide", children: errorMessage }), _jsx(Button, { variant: "ghost", size: "icon", className: "w-6 h-6 rounded-full text-danger hover:bg-danger/20 hover:text-danger-foreground transition-colors", onClick: () => setErrorMessage(""), children: "\u00D7" })] })), view === "tables" ? (_jsxs("div", { className: "flex flex-1 min-h-0 gap-4", children: [(showExternalSidebar || !sidebarCollapsed) && (_jsx("aside", { className: `overflow-hidden rounded-sm border flex min-h-0 w-full shrink-0 flex-col overflow-hidden bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_76%,transparent),color-mix(in_srgb,var(--bg-muted)_97%,transparent))] ${showExternalSidebar
                             ? "w-[21rem] max-w-[352px] shrink-0"
                             : "w-[220px] flex-shrink-0"}`, children: _jsxs("div", { className: showExternalSidebar
                                 ? "flex min-h-0 flex-1 flex-col px-3 pb-4 pt-3"
                                 : "p-3 flex flex-col h-full gap-3", children: [showExternalSidebar && (_jsxs(_Fragment, { children: [sidebarSummary, _jsxs("div", { className: "space-y-3 pt-4", children: [viewToggle, leftNav] }), _jsx("div", { className: "h-px bg-border/30" })] })), _jsxs("div", { className: "px-1 text-xs-tight font-medium text-muted", children: [t("databaseview.Tables"), " \u00B7 ", filteredTables.length] }), loading && tables.length === 0 ? (_jsx("div", { className: "text-xs text-muted px-2 py-4 italic text-center opacity-70", children: t("appsview.Loading") })) : (_jsx(SidebarScrollRegion, { className: `flex flex-col gap-1 flex-1 pr-1 ${showExternalSidebar
                                         ? ""
-                                        : "overflow-auto custom-scrollbar"}`, children: filteredTables.map((t) => (_jsxs(SidebarContent.Item, { active: selectedTable === t.name, onClick: () => handleSelectTable(t.name), className: "gap-2", children: [_jsx(SidebarContent.ItemIcon, { active: selectedTable === t.name, children: t.name.slice(0, 1).toUpperCase() }), _jsxs(SidebarContent.ItemBody, { children: [_jsx(SidebarContent.ItemTitle, { children: t.name }), _jsxs(SidebarContent.ItemDescription, { children: [(t.rowCount ?? 0).toLocaleString(), " rows"] })] })] }, t.name))) }))] }) })), !showExternalSidebar && (_jsx(Button, { variant: "ghost", size: "icon", className: "my-auto flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-sm border border-border/40 bg-card/50 text-muted transition-all hover:border-accent/40 hover:bg-bg-hover hover:text-txt", onClick: () => setSidebarCollapsed(!sidebarCollapsed), title: sidebarCollapsed
+                                        : "overflow-auto custom-scrollbar"}`, children: filteredTables.map((t) => (_jsxs(SidebarContent.Item, { active: selectedTable === t.name, onClick: () => handleSelectTable(t.name), className: "gap-2", children: [_jsx(SidebarContent.ItemIcon, { active: selectedTable === t.name, children: t.name.slice(0, 1).toUpperCase() }), _jsxs(SidebarContent.ItemBody, { children: [_jsx(SidebarContent.ItemTitle, { children: t.name }), _jsxs(SidebarContent.ItemDescription, { children: [(t.rowCount ?? 0).toLocaleString("en-US"), " rows"] })] })] }, t.name))) }))] }) })), !showExternalSidebar && (_jsx(Button, { variant: "ghost", size: "icon", className: "my-auto flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-sm border border-border/40 bg-card/50 text-muted transition-all hover:border-accent/40 hover:bg-bg-hover hover:text-txt", onClick: () => setSidebarCollapsed(!sidebarCollapsed), title: sidebarCollapsed
                             ? t("databaseview.showSidebar", {
                                 defaultValue: "Show sidebar",
                             })
                             : t("databaseview.hideSidebar", {
                                 defaultValue: "Hide sidebar",
                             }), children: sidebarCollapsed ? (_jsx(ChevronRight, { className: "w-3.5 h-3.5" })) : (_jsx(ChevronLeft, { className: "w-3.5 h-3.5" })) })), _jsx("div", { className: "flex min-w-0 flex-1 w-full flex-col bg-bg/10", children: !selectedTable ? (_jsxs("div", { className: "w-full", children: [_jsxs(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: [_jsx("div", { className: "text-2xl font-semibold text-txt-strong", children: t("databaseview.TableBrowser") }), _jsx(ChatSearchHint, { noun: "tables", query: sidebarSearch, className: "mt-2" })] }), _jsx(PagePanel.Empty, { variant: "surface", className: "mt-4 min-h-[18rem] rounded-sm px-5 py-10", title: t("databaseview.SelectATable"), description: t("databaseview.ChooseATableFrom") })] })) : loading && !tableData ? (_jsx(PagePanel, { variant: "surface", className: "flex flex-1 items-center justify-center px-6 py-10 text-sm font-medium italic text-muted", children: t("appsview.Loading") })) : tableData ? (_jsxs(_Fragment, { children: [_jsx(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: _jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-2xl font-semibold text-txt-strong", children: selectedTable }), _jsx(ChatSearchHint, { noun: "tables", query: sidebarSearch, className: "mt-2" })] }), columnMeta.size > 0 && (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(MetaPill, { children: [columnMeta.size, " ", t("databaseview.columns")] }), _jsx(MetaPill, { children: t("databaseview.RowCountLabel", {
-                                                            count: tableData.total.toLocaleString(),
+                                                            count: tableData.total.toLocaleString("en-US"),
                                                             defaultValue: "{{count}} rows",
                                                         }) })] }))] }) }), _jsxs(PagePanel, { variant: "surface", className: "mt-4 flex flex-1 min-h-0 flex-col overflow-hidden p-3", children: [_jsx("div", { className: "flex-1 min-h-0", children: tableData.rows.length === 0 ? (_jsx(PagePanel.Empty, { className: "min-h-[14rem]", title: t("databaseview.TableIsEmpty"), description: t("databaseview.EmptyTableDescription", {
                                                     defaultValue: "This table is connected and available, but it does not have any rows yet.",
-                                                }) })) : (_jsx(ResultsGrid, { columns: tableData.columns, rows: tableData.rows, columnMeta: columnMeta, sortCol: sortCol, sortDir: sortDir, onSort: handleSort, onCellClick: (v) => setCellInspect(v) })) }), _jsx(PaginationBar, { total: tableData.total, offset: rowOffset, limit: ROW_LIMIT, onPrev: handlePrev, onNext: handleNext })] })] })) : null })] })) : (_jsxs("div", { className: "flex flex-1 min-h-0 gap-4", children: [showExternalSidebar && (_jsx("aside", { className: "w-[21rem] max-w-[352px] shrink-0 overflow-hidden rounded-sm border border-border/34 flex min-h-0 w-full flex-col bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_76%,transparent),color-mix(in_srgb,var(--bg-muted)_97%,transparent))] backdrop-blur-md ", children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col px-3 pb-4 pt-3", children: [sidebarSummary, _jsxs("div", { className: "space-y-3 pt-4", children: [viewToggle, leftNav] }), _jsx("div", { className: "h-px bg-border/30" }), _jsx(PagePanel, { variant: "inset", className: "rounded-sm px-3 py-3 text-xs-tight text-muted", children: t("databaseview.QueryWorkspaceInfo", {
+                                                }) })) : (_jsx(ResultsGrid, { columns: tableData.columns, rows: tableData.rows, columnMeta: columnMeta, sortCol: sortCol, sortDir: sortDir, onSort: handleSort, onCellClick: (v) => setCellInspect(v) })) }), _jsx(PaginationBar, { total: tableData.total, offset: rowOffset, limit: ROW_LIMIT, onPrev: handlePrev, onNext: handleNext })] })] })) : null })] })) : (_jsxs("div", { className: "flex flex-1 min-h-0 gap-4", children: [showExternalSidebar && (_jsx("aside", { className: "w-[21rem] max-w-[352px] shrink-0 overflow-hidden rounded-sm border border-border/34 flex min-h-0 w-full flex-col bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_76%,transparent),color-mix(in_srgb,var(--bg-muted)_97%,transparent))] ", children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col px-3 pb-4 pt-3", children: [sidebarSummary, _jsxs("div", { className: "space-y-3 pt-4", children: [viewToggle, leftNav] }), _jsx("div", { className: "h-px bg-border/30" }), _jsx(PagePanel, { variant: "inset", className: "rounded-sm px-3 py-3 text-xs-tight text-muted", children: t("databaseview.QueryWorkspaceInfo", {
                                         defaultValue: "Write ad-hoc queries and inspect results without leaving the database workspace.",
-                                    }) }), queryHistory.length > 0 ? (_jsxs(SidebarScrollRegion, { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-xs-tight font-medium text-muted", children: t("databaseview.RecentQueries") }), queryHistory.slice(0, 8).map((q) => (_jsx(Button, { variant: "ghost", className: "h-auto w-full justify-start rounded-sm px-3 py-2 text-left text-xs-tight font-mono border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong backdrop-blur-md transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong ", onClick: () => setQueryText(q), children: _jsx("span", { className: "truncate", children: q }) }, q)))] })) : null] }) })), _jsxs("div", { className: "min-w-0 flex-1 overflow-y-auto flex min-h-0 flex-col gap-4 bg-transparent", children: [_jsx(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: _jsx("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: _jsx("div", { className: "min-w-0 flex-1", children: _jsx("div", { className: "text-2xl font-semibold text-txt-strong", children: t("databaseview.SQLWorkspace", {
+                                    }) }), queryHistory.length > 0 ? (_jsxs(SidebarScrollRegion, { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-xs-tight font-medium text-muted", children: t("databaseview.RecentQueries") }), queryHistory.slice(0, 8).map((q) => (_jsx(Button, { variant: "ghost", className: "h-auto w-full justify-start rounded-sm px-3 py-2 text-left text-xs-tight font-mono border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong ", onClick: () => setQueryText(q), children: _jsx("span", { className: "truncate", children: q }) }, q)))] })) : null] }) })), _jsxs("div", { className: "min-w-0 flex-1 overflow-y-auto flex min-h-0 flex-col gap-4 bg-transparent", children: [_jsx(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: _jsx("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: _jsx("div", { className: "min-w-0 flex-1", children: _jsx("div", { className: "text-2xl font-semibold text-txt-strong", children: t("databaseview.SQLWorkspace", {
                                                 defaultValue: "SQL Workspace",
                                             }) }) }) }) }), _jsx(SqlEditorPanel, { ...sqlEditorProps, showHistory: !showExternalSidebar })] })] })), cellInspect !== null && (_jsx(CellPopover, { value: cellInspect, onClose: () => setCellInspect(null) }))] }));
 }

package/components/pages/DocumentsView.d.ts

@@ -1,5 +1,5 @@
-import type { DocumentRecord } from "../../api/client-types-chat";
-export type { DocumentUploadFile } from "./documents-upload.helpers";
+import type { DocumentRecord } from "../../api/client-types-chat.js";
+export type { DocumentUploadFile } from "./documents-upload.helpers.js";
 export declare function DocumentsView({ fileInputId, inModal, embedded, onDocumentsChange, onSelectedDocumentIdChange, selectedDocumentId, showSelectorRail, }?: {
     fileInputId?: string;
     inModal?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentsView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/DocumentsView.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,cAAc,EAGf,MAAM,6BAA6B,CAAC;AAqCrC,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAuVrE,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,OAAO,EACP,QAAgB,EAChB,iBAAiB,EACjB,0BAA0B,EAC1B,kBAAkB,EAClB,gBAAgB,GACjB,GAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC1D,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CACvB,2CA+8BL"}
+{"version":3,"file":"DocumentsView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/DocumentsView.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,cAAc,EAGf,MAAM,6BAA6B,CAAC;AAqCrC,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAuVrE,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,OAAO,EACP,QAAgB,EAChB,iBAAiB,EACjB,0BAA0B,EAC1B,kBAAkB,EAClB,gBAAgB,GACjB,GAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC1D,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CACvB,2CA+8BL"}