@astra-code/astra-ai 0.1.0 → 0.1.2

package/dist/app/App.js

@@ -12,7 +12,7 @@ import { getBackendUrl, getDefaultClientId, getDefaultModel, getProviderForModel
 import { runTerminalCommand } from "../lib/terminalBridge.js";
 import { isWorkspaceTrusted, trustWorkspace } from "../lib/trustStore.js";
 import { scanWorkspace } from "../lib/workspaceScanner.js";
-import { speakText, startLiveTranscription, transcribeOnce } from "../lib/voice.js";
+import { startLiveTranscription, transcribeOnce } from "../lib/voice.js";
 // const ASTRA_ASCII = `
 //  █████╗ ███████╗████████╗██████╗  █████╗      ██████╗ ██████╗ ██████╗ ███████╗
 // ██╔══██╗██╔════╝╚══██╔══╝██╔══██╗██╔══██╗    ██╔════╝██╔═══██╗██╔══██╗██╔════╝
@@ -43,9 +43,21 @@ const centerLine = (text, width = WELCOME_WIDTH) => {
 };
 const FOUNDER_WELCOME = centerLine("Welcome to Astra from Astra CEO & Founder, Sean Donovan");
 const HISTORY_SETTINGS_URL = "https://astra-web-builder.vercel.app/settings";
+const VOICE_SILENCE_MS = Number(process.env.ASTRA_VOICE_SILENCE_MS ?? "3000");
+const TOOL_SNIPPET_LINES = 6;
+const NOISY_EVENT_TYPES = new Set([
+    "timing",
+    "session_info",
+    "axon_status",
+    "orchestration_plan",
+    "task_plan",
+    "task_update",
+    "preset_status"
+]);
 const eventToToolLine = (event) => {
     if (event.type === "tool_start") {
-        const name = event.tool?.name ?? "tool";
+        const tool = event.tool;
+        const name = tool?.name ?? "tool";
         return `↳ ${name} executing...`;
     }
     if (event.type === "tool_result") {
@@ -53,8 +65,11 @@ const eventToToolLine = (event) => {
         const mark = success ? "✓" : "✗";
         const toolName = event.tool_name ?? "tool";
         const payload = (event.data ?? {});
+        const screenshotPath = typeof payload.path === "string" ? payload.path : "";
         const output = String(payload.output ??
             payload.content ??
+            payload.summary ??
+            (toolName === "capture_screenshot" && screenshotPath ? `Saved screenshot: ${screenshotPath}` : undefined) ??
             event.error ??
             "");
         const locality = payload.local === true ? "LOCAL" : "REMOTE";
@@ -70,6 +85,26 @@ const eventToToolLine = (event) => {
     }
     return null;
 };
+const extractSnippetLines = (content, maxLines = TOOL_SNIPPET_LINES) => {
+    if (!content) {
+        return [];
+    }
+    const lines = content.split("\n").map((line) => line.trimEnd());
+    if (lines.length <= maxLines) {
+        return lines;
+    }
+    return lines.slice(0, maxLines);
+};
+const extractDiffSnippet = (diff, maxLines = TOOL_SNIPPET_LINES) => {
+    if (!Array.isArray(diff)) {
+        return [];
+    }
+    const interesting = diff
+        .map((line) => String(line))
+        .filter((line) => line.startsWith("+") || line.startsWith("-"))
+        .map((line) => line.slice(0, 220));
+    return interesting.slice(0, maxLines);
+};
 const looksLikeLocalFilesystemClaim = (text) => {
     const lower = text.toLowerCase();
     const changeWord = lower.includes("created") ||
@@ -365,6 +400,8 @@ export const AstraApp = () => {
     const [streamingText, setStreamingText] = useState("");
     const [voiceEnabled, setVoiceEnabled] = useState(false);
     const [voiceListening, setVoiceListening] = useState(false);
+    const [voiceWaitingForSilence, setVoiceWaitingForSilence] = useState(false);
+    const [voiceQueuedPrompt, setVoiceQueuedPrompt] = useState(null);
     const [historyOpen, setHistoryOpen] = useState(false);
     const [historyMode, setHistoryMode] = useState("picker");
     const [historyPickerIndex, setHistoryPickerIndex] = useState(0);
@@ -373,9 +410,15 @@ export const AstraApp = () => {
     const [historyRows, setHistoryRows] = useState([]);
     const [historyIndex, setHistoryIndex] = useState(0);
     const liveVoiceRef = useRef(null);
+    const voiceSilenceTimerRef = useRef(null);
+    const fileEditBuffersRef = useRef(new Map());
+    const isSuperAdmin = user?.role === "super_admin";
     const pushMessage = useCallback((kind, text) => {
         setMessages((prev) => [...prev, { kind, text }].slice(-300));
     }, []);
+    const pushToolCard = useCallback((card) => {
+        setMessages((prev) => [...prev, { kind: "tool", text: card.summary, card }].slice(-300));
+    }, []);
     const filteredHistory = useMemo(() => {
         const q = historyQuery.trim().toLowerCase();
         if (!q) {
@@ -439,41 +482,80 @@ export const AstraApp = () => {
         }
     }, [backend, pushMessage, user]);
     const stopLiveVoice = useCallback(async () => {
+        if (voiceSilenceTimerRef.current) {
+            clearTimeout(voiceSilenceTimerRef.current);
+            voiceSilenceTimerRef.current = null;
+        }
         const controller = liveVoiceRef.current;
         if (!controller) {
+            setVoiceWaitingForSilence(false);
             return;
         }
         liveVoiceRef.current = null;
         await controller.stop();
         setVoiceListening(false);
+        setVoiceWaitingForSilence(false);
     }, []);
-    const startLiveVoice = useCallback(() => {
+    const startLiveVoice = useCallback((announce = true) => {
         if (liveVoiceRef.current) {
             return;
         }
         setVoiceEnabled(true);
         setVoiceListening(true);
-        pushMessage("system", "Live transcription started. Speak now…");
+        setVoiceWaitingForSilence(false);
+        if (announce) {
+            pushMessage("system", "Voice input started. Speak now…");
+        }
         liveVoiceRef.current = startLiveTranscription({
             onPartial: (text) => {
                 setPrompt(text);
+                if (voiceSilenceTimerRef.current) {
+                    clearTimeout(voiceSilenceTimerRef.current);
+                }
+                const candidate = text.trim();
+                if (!candidate) {
+                    return;
+                }
+                setVoiceWaitingForSilence(true);
+                voiceSilenceTimerRef.current = setTimeout(() => {
+                    setVoiceQueuedPrompt(candidate);
+                    void stopLiveVoice();
+                }, VOICE_SILENCE_MS);
             },
             onFinal: (text) => {
+                if (voiceSilenceTimerRef.current) {
+                    clearTimeout(voiceSilenceTimerRef.current);
+                    voiceSilenceTimerRef.current = null;
+                }
                 setPrompt(text);
+                liveVoiceRef.current = null;
+                setVoiceListening(false);
+                setVoiceWaitingForSilence(false);
             },
             onError: (error) => {
+                setVoiceWaitingForSilence(false);
                 pushMessage("error", `Voice transcription error: ${error.message}`);
             }
         });
-    }, [pushMessage]);
+    }, [pushMessage, stopLiveVoice]);
     useEffect(() => {
         return () => {
+            if (voiceSilenceTimerRef.current) {
+                clearTimeout(voiceSilenceTimerRef.current);
+                voiceSilenceTimerRef.current = null;
+            }
             const controller = liveVoiceRef.current;
             if (controller) {
                 void controller.stop();
             }
         };
     }, []);
+    useEffect(() => {
+        if (!voiceEnabled || !user || thinking || voiceListening || liveVoiceRef.current) {
+            return;
+        }
+        startLiveVoice(false);
+    }, [startLiveVoice, thinking, user, voiceEnabled, voiceListening]);
     useEffect(() => {
         if (!trustedWorkspace) {
             return;
@@ -490,6 +572,7 @@ export const AstraApp = () => {
             }
             const cached = loadSession();
             if (!cached) {
+                backend.setAuthSession(null);
                 if (!cancelled) {
                     setBooting(false);
                 }
@@ -498,9 +581,13 @@ export const AstraApp = () => {
             const valid = await backend.validateSession(cached);
             if (!valid) {
                 clearSession();
+                backend.setAuthSession(null);
             }
             else if (!cancelled) {
-                setUser(cached);
+                const hydrated = await backend.getUserProfile(cached).catch(() => cached);
+                saveSession(hydrated);
+                backend.setAuthSession(hydrated);
+                setUser(hydrated);
                 setMessages([
                     { kind: "system", text: "Welcome back. Type a message or /help." },
                     { kind: "system", text: "" }
@@ -629,7 +716,7 @@ export const AstraApp = () => {
                         try {
                             await backend.deleteSession(selected.id);
                             setHistoryRows((prev) => prev.filter((row) => row.id !== selected.id));
-                            pushMessage("tool", `Archived session: ${selected.title}`);
+                            pushMessage("system", `Archived session: ${selected.title}`);
                         }
                         catch (error) {
                             pushMessage("error", `Failed to delete session: ${error instanceof Error ? error.message : String(error)}`);
@@ -662,8 +749,10 @@ export const AstraApp = () => {
                 throw new Error(data.error);
             }
             const authSession = data;
-            saveSession(authSession);
-            setUser(authSession);
+            const hydrated = await backend.getUserProfile(authSession).catch(() => authSession);
+            saveSession(hydrated);
+            backend.setAuthSession(hydrated);
+            setUser(hydrated);
             setEmail("");
             setPassword("");
             setMessages([
@@ -679,8 +768,80 @@ export const AstraApp = () => {
         }
     }, [backend, email, loginMode, password]);
     const handleEvent = useCallback(async (event, activeSessionId) => {
+        if (event.type === "file_edit_start") {
+            const data = (event.data ?? {});
+            const toolId = typeof event.tool_id === "string"
+                ? event.tool_id
+                : typeof data.tool_id === "string"
+                    ? data.tool_id
+                    : "";
+            const toolName = typeof event.tool_name === "string"
+                ? event.tool_name
+                : typeof data.tool_name === "string"
+                    ? data.tool_name
+                    : undefined;
+            if (toolId) {
+                const current = fileEditBuffersRef.current.get(toolId) ?? { path: "(unknown)", chunks: [], toolName: undefined };
+                fileEditBuffersRef.current.set(toolId, { ...current, toolName });
+            }
+            return null;
+        }
+        if (event.type === "file_edit_path") {
+            const data = (event.data ?? {});
+            const toolId = typeof event.tool_id === "string"
+                ? event.tool_id
+                : typeof data.tool_id === "string"
+                    ? data.tool_id
+                    : "";
+            const path = typeof event.path === "string"
+                ? event.path
+                : typeof data.path === "string"
+                    ? data.path
+                    : "(unknown)";
+            const toolName = typeof event.tool_name === "string"
+                ? event.tool_name
+                : typeof data.tool_name === "string"
+                    ? data.tool_name
+                    : undefined;
+            if (toolId) {
+                const current = fileEditBuffersRef.current.get(toolId);
+                fileEditBuffersRef.current.set(toolId, { path, chunks: [], toolName: toolName ?? current?.toolName });
+            }
+            if (!isSuperAdmin) {
+                const resolvedToolName = toolName ?? fileEditBuffersRef.current.get(toolId)?.toolName;
+                const usingBulkWriter = resolvedToolName === "bulk_file_writer";
+                pushToolCard({
+                    kind: "fileEdit",
+                    toolName: resolvedToolName ?? "edit_file",
+                    locality: "LOCAL",
+                    summary: usingBulkWriter ? `Writing file ${path}` : `Editing ${path}`,
+                    path
+                });
+            }
+            return null;
+        }
+        if (event.type === "file_edit_delta") {
+            const data = (event.data ?? {});
+            const toolId = typeof event.tool_id === "string"
+                ? event.tool_id
+                : typeof data.tool_id === "string"
+                    ? data.tool_id
+                    : "";
+            const chunk = typeof event.content === "string" ? event.content : "";
+            if (toolId && chunk) {
+                const current = fileEditBuffersRef.current.get(toolId) ?? { path: "(unknown)", chunks: [], toolName: undefined };
+                current.chunks.push(chunk);
+                fileEditBuffersRef.current.set(toolId, current);
+            }
+            if (isSuperAdmin) {
+                const raw = JSON.stringify(event);
+                pushMessage("tool", `event ${event.type}: ${raw.slice(0, 220)}`);
+            }
+            return null;
+        }
         const assistantPiece = extractAssistantText(event);
-        if (assistantPiece && !["tool_result", "error", "credits_update", "credits_exhausted"].includes(event.type)) {
+        if (assistantPiece &&
+            !["tool_result", "error", "credits_update", "credits_exhausted", "file_edit_delta", "file_edit_path"].includes(event.type)) {
             return assistantPiece;
         }
         if (event.type === "run_in_terminal") {
@@ -698,20 +859,45 @@ export const AstraApp = () => {
                     cancelled: result.cancelled
                 });
             }
-            pushMessage("tool", `[LOCAL] ▸ ran: ${command.slice(0, 60)}...`);
+            if (isSuperAdmin) {
+                pushMessage("tool", `[LOCAL] ▸ ran: ${command.slice(0, 60)}...`);
+            }
+            else {
+                pushToolCard({
+                    kind: "terminal",
+                    toolName: "run_in_terminal",
+                    locality: "LOCAL",
+                    summary: `Running command: ${command.slice(0, 80)}`
+                });
+            }
             return null;
         }
         // Apply file operations to the local workspace immediately.
         if (event.type === "tool_result" && event.success) {
             const d = (event.data ?? {});
             const resultType = event.result_type;
+            const toolResultId = typeof event.tool_call_id === "string" ? event.tool_call_id : "";
             const relPath = typeof d.path === "string" ? d.path : null;
             const lang = typeof d.language === "string" ? d.language : "plaintext";
+            const locality = d.local === true ? "LOCAL" : "REMOTE";
             if (relPath) {
                 if (resultType === "file_create") {
                     const content = typeof d.content === "string" ? d.content : "";
                     writeLocalFile(relPath, content, lang);
-                    pushMessage("tool", `[LOCAL] ✓ wrote ${relPath}`);
+                    const snippetLines = extractSnippetLines(content);
+                    if (isSuperAdmin) {
+                        pushMessage("tool", `[LOCAL] ✓ wrote ${relPath}`);
+                    }
+                    else {
+                        pushToolCard({
+                            kind: "fileCreate",
+                            toolName: "create_file",
+                            locality,
+                            summary: `Created ${relPath}`,
+                            path: relPath,
+                            snippetLines
+                        });
+                    }
                 }
                 else if (resultType === "file_edit") {
                     const content = typeof d.full_new_content === "string"
@@ -721,14 +907,78 @@ export const AstraApp = () => {
                             : null;
                     if (content !== null) {
                         writeLocalFile(relPath, content, lang);
-                        pushMessage("tool", `[LOCAL] ✓ edited ${relPath}`);
+                        const snippetLines = extractDiffSnippet(d.diff) ?? extractSnippetLines(content);
+                        if (isSuperAdmin) {
+                            pushMessage("tool", `[LOCAL] ✓ edited ${relPath}`);
+                        }
+                        else {
+                            const toolId = toolResultId;
+                            const streamed = toolId ? fileEditBuffersRef.current.get(toolId) : undefined;
+                            const streamedSnippet = streamed ? extractSnippetLines(streamed.chunks.join("")) : [];
+                            pushToolCard({
+                                kind: "fileEdit",
+                                toolName: "edit_file",
+                                locality,
+                                summary: `Updated ${relPath}`,
+                                path: relPath,
+                                snippetLines: streamedSnippet.length > 0 ? streamedSnippet : snippetLines
+                            });
+                            if (toolId) {
+                                fileEditBuffersRef.current.delete(toolId);
+                            }
+                        }
                     }
                 }
                 else if (resultType === "file_delete") {
                     deleteLocalFile(relPath);
-                    pushMessage("tool", `[LOCAL] ✓ deleted ${relPath}`);
+                    if (isSuperAdmin) {
+                        pushMessage("tool", `[LOCAL] ✓ deleted ${relPath}`);
+                    }
+                    else {
+                        pushToolCard({
+                            kind: "fileDelete",
+                            toolName: "delete_file",
+                            locality,
+                            summary: `Deleted ${relPath}`,
+                            path: relPath
+                        });
+                    }
                 }
             }
+            if (!isSuperAdmin && event.tool_name === "start_preview") {
+                const message = typeof d.message === "string"
+                    ? d.message
+                    : typeof d.preview_url === "string"
+                        ? `Preview: ${d.preview_url}`
+                        : "Local preview started.";
+                pushToolCard({
+                    kind: "preview",
+                    toolName: "start_preview",
+                    locality,
+                    summary: message
+                });
+                return null;
+            }
+            if (!isSuperAdmin && event.tool_name === "capture_screenshot") {
+                const screenshotPath = typeof d.path === "string" ? d.path : "";
+                const targetUrl = typeof d.url === "string" ? d.url : "";
+                const message = screenshotPath
+                    ? `Screenshot saved: ${screenshotPath}`
+                    : targetUrl
+                        ? `Captured screenshot: ${targetUrl}`
+                        : "Screenshot captured.";
+                pushToolCard({
+                    kind: "preview",
+                    toolName: "capture_screenshot",
+                    locality,
+                    summary: message,
+                    ...(screenshotPath ? { path: screenshotPath } : {})
+                });
+                return null;
+            }
+            if (toolResultId) {
+                fileEditBuffersRef.current.delete(toolResultId);
+            }
         }
         if (event.type === "credits_update") {
             const remaining = Number(event.remaining ?? 0);
@@ -744,33 +994,71 @@ export const AstraApp = () => {
         if (event.type === "credits_exhausted") {
             setCreditsRemaining(0);
         }
+        if (!isSuperAdmin && NOISY_EVENT_TYPES.has(event.type)) {
+            return null;
+        }
+        if (!isSuperAdmin && event.type === "tool_start") {
+            const tool = event.tool;
+            const name = tool?.name ?? "tool";
+            pushToolCard({
+                kind: "start",
+                toolName: name,
+                locality: "REMOTE",
+                summary: `${name} is running...`
+            });
+            return null;
+        }
         const toolLine = eventToToolLine(event);
         if (toolLine) {
             if (event.type === "error" || event.type === "credits_exhausted") {
                 pushMessage("error", toolLine);
             }
             else {
-                pushMessage("tool", toolLine);
+                if (isSuperAdmin) {
+                    pushMessage("tool", toolLine);
+                }
+                else if (event.type === "tool_result") {
+                    const mark = event.success ? "completed" : "failed";
+                    const toolName = typeof event.tool_name === "string" ? event.tool_name : "tool";
+                    pushToolCard({
+                        kind: event.success ? "success" : "error",
+                        toolName,
+                        locality: (event.data ?? {}).local === true ? "LOCAL" : "REMOTE",
+                        summary: `${toolName} ${mark}`
+                    });
+                }
             }
         }
         else if (event.type !== "thinking") {
-            const raw = JSON.stringify(event);
-            pushMessage("tool", `event ${event.type}: ${raw.slice(0, 220)}`);
+            if (isSuperAdmin) {
+                const raw = JSON.stringify(event);
+                pushMessage("tool", `event ${event.type}: ${raw.slice(0, 220)}`);
+            }
         }
         return null;
-    }, [backend, deleteLocalFile, pushMessage, writeLocalFile]);
+    }, [backend, deleteLocalFile, isSuperAdmin, pushMessage, pushToolCard, writeLocalFile]);
     const sendPrompt = useCallback(async (rawPrompt) => {
         const text = rawPrompt.trim();
         if (!text || !user || thinking) {
             return;
         }
         if (text === "/help") {
-            pushMessage("system", "/new  /history  /voice on|off|status|start|stop|input  /settings  /settings model <id>  /logout  /exit");
+            pushMessage("system", "/new  /history  /voice  /voice on|off|status  /settings  /settings model <id>  /logout  /exit");
             pushMessage("system", "");
             return;
         }
         if (text === "/settings") {
-            pushMessage("system", `Settings: mode=${runtimeMode} scope=${workspaceRoot} model=${activeModel} provider=${getProviderForModel(activeModel)} voice=${voiceEnabled ? "on" : "off"} listening=${voiceListening ? "yes" : "no"} client_id=${getDefaultClientId()} backend=${getBackendUrl()}`);
+            pushMessage("system", `Settings: mode=${runtimeMode} scope=${workspaceRoot} model=${activeModel} provider=${getProviderForModel(activeModel)} voice=${voiceEnabled ? "on" : "off"} listening=${voiceListening ? "yes" : "no"} silence_ms=${VOICE_SILENCE_MS} role=${user.role ?? "user"} client_id=${getDefaultClientId()} backend=${getBackendUrl()}`);
+            pushMessage("system", "");
+            return;
+        }
+        if (text === "/voice") {
+            if (!voiceEnabled) {
+                setVoiceEnabled(true);
+                startLiveVoice(true);
+                return;
+            }
+            pushMessage("system", `Voice input is on${voiceListening ? " (currently listening)" : ""}. Use /voice off to disable.`);
             pushMessage("system", "");
             return;
         }
@@ -792,50 +1080,31 @@ export const AstraApp = () => {
             return;
         }
         if (text === "/voice status") {
-            pushMessage("system", `Voice mode is ${voiceEnabled ? "on" : "off"}${voiceListening ? " (live transcription active)" : ""}.`);
+            pushMessage("system", `Voice input is ${voiceEnabled ? "on" : "off"}${voiceListening ? " (live transcription active)" : ""}${voiceWaitingForSilence ? " (waiting for silence to auto-send)" : ""}.`);
             pushMessage("system", "");
             return;
         }
         if (text === "/voice on") {
             setVoiceEnabled(true);
-            pushMessage("system", "Voice mode enabled (assistant responses will be spoken).");
+            startLiveVoice(true);
+            pushMessage("system", `Voice input enabled. Auto-send after ${Math.round(VOICE_SILENCE_MS / 1000)}s silence.`);
             pushMessage("system", "");
             return;
         }
         if (text === "/voice off") {
             await stopLiveVoice();
             setVoiceEnabled(false);
-            pushMessage("system", "Voice mode disabled.");
-            pushMessage("system", "");
-            return;
-        }
-        if (text === "/voice start") {
-            if (voiceListening) {
-                pushMessage("system", "Live transcription is already running.");
-                return;
-            }
-            startLiveVoice();
-            return;
-        }
-        if (text === "/voice stop") {
-            if (!voiceListening) {
-                pushMessage("system", "Live transcription is not running.");
-                return;
-            }
-            await stopLiveVoice();
-            pushMessage("system", "Live transcription stopped. Press Enter to send transcript.");
+            pushMessage("system", "Voice input disabled.");
             pushMessage("system", "");
             return;
         }
         if (text === "/voice input") {
             const transcribed = await transcribeOnce();
             if (!transcribed) {
-                pushMessage("error", "No speech transcribed. Set ASTRA_STT_COMMAND to a command that prints transcript text to stdout.");
+                pushMessage("error", "No speech transcribed. Ensure you're signed in and that mic capture works (optional ASTRA_STT_CAPTURE_COMMAND).");
                 return;
             }
-            pushMessage("tool", `[LOCAL] 🎙 ${transcribed}`);
-            setPrompt(transcribed);
-            pushMessage("system", "Transcribed input ready. Press Enter to send.");
+            setVoiceQueuedPrompt(transcribed.trim());
             return;
         }
         if (text === "/new") {
@@ -849,6 +1118,7 @@ export const AstraApp = () => {
         if (text === "/logout") {
             await stopLiveVoice();
             clearSession();
+            backend.setAuthSession(null);
             setUser(null);
             setMessages([]);
             setChatMessages([]);
@@ -911,9 +1181,6 @@ export const AstraApp = () => {
                     ? `Remote result (not yet confirmed as local filesystem change): ${cleanedAssistant}`
                     : cleanedAssistant;
                 pushMessage("assistant", guardedAssistant);
-                if (voiceEnabled) {
-                    speakText(guardedAssistant);
-                }
                 setChatMessages((prev) => [...prev, { role: "assistant", content: cleanedAssistant }]);
             }
             else {
@@ -943,8 +1210,22 @@ export const AstraApp = () => {
         user,
         voiceEnabled,
         voiceListening,
+        voiceWaitingForSilence,
         workspaceRoot
     ]);
+    useEffect(() => {
+        if (!voiceQueuedPrompt || !user || thinking) {
+            return;
+        }
+        const queued = voiceQueuedPrompt.trim();
+        setVoiceQueuedPrompt(null);
+        if (!queued) {
+            return;
+        }
+        pushMessage("system", `Voice input: ${queued}`);
+        setPrompt("");
+        void sendPrompt(queued);
+    }, [pushMessage, sendPrompt, thinking, user, voiceQueuedPrompt]);
     if (!trustedWorkspace) {
         return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#c0c9db", children: "claude" }), _jsx(Text, { color: "#8ea1bd", children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "#f0f4ff", children: "Do you trust the files in this folder?" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "#c8d5f0", children: workspaceRoot }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "#8ea1bd", children: "Astra Code may read, write, or execute files contained in this directory. This can pose security risks, so only use files from trusted sources." }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "#7aa2ff", children: "Learn more" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: trustSelection === 0 ? "#f0f4ff" : "#8ea1bd", children: [trustSelection === 0 ? "❯ " : "  ", "1. Yes, proceed"] }), _jsxs(Text, { color: trustSelection === 1 ? "#f0f4ff" : "#8ea1bd", children: [trustSelection === 1 ? "❯ " : "  ", "2. No, exit"] })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "#8ea1bd", children: "Enter to confirm \u00B7 Esc to cancel" }) })] }));
     }
@@ -969,17 +1250,51 @@ export const AstraApp = () => {
                                 return (_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsxs(Text, { color: active ? "#dce9ff" : "#7a9bba", children: [active ? "❯ " : "  ", (row.title || "Untitled").slice(0, 58).padEnd(60, " ")] }), _jsxs(Text, { color: "#5a7a9a", children: [String(row.total_messages ?? 0).padStart(3, " "), " msgs \u00B7 ", formatSessionDate(row.updated_at)] })] }, row.id));
                             }) })), _jsx(Text, { color: "#2a3a50", children: DIVIDER }), _jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsxs(Text, { color: "#5a7a9a", children: ["Page ", historyPage + 1, " / ", historyPageCount] }), _jsxs(Text, { color: "#5a7a9a", children: ["Selected: ", selected ? selected.id : "--"] })] })] }))] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#7aa2ff", children: ASTRA_ASCII }), _jsx(Text, { color: "#8ea1bd", children: FOUNDER_WELCOME }), _jsx(Text, { color: "#2a3a50", children: DIVIDER }), _jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "mode " }), _jsx(Text, { color: "#9ad5ff", children: runtimeMode })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "scope " }), _jsx(Text, { color: "#7a9bba", children: workspaceRoot })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "provider " }), _jsx(Text, { color: "#9ad5ff", children: getProviderForModel(activeModel) })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "credits " }), _jsxs(Text, { color: creditsRemaining !== null && creditsRemaining < 50 ? "#ffaa55" : "#9ad5ff", children: [creditsRemaining ?? "--", lastCreditCost !== null ? (_jsxs(Text, { color: "#5a7a9a", children: [" (-", lastCreditCost, ")"] })) : null] })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "model " }), _jsx(Text, { color: "#9ad5ff", children: activeModel })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "voice " }), _jsx(Text, { color: voiceEnabled ? "#9ad5ff" : "#5a7a9a", children: voiceEnabled ? (voiceListening ? "on/listening" : "on") : "off" })] })] }), _jsx(Text, { color: "#2a3a50", children: DIVIDER }), _jsx(Text, { color: "#3a5068", children: "/help  /new  /history  /voice on|off|status|start|stop|input  /settings  /logout  /exit" }), _jsx(Text, { color: "#2a3a50", children: DIVIDER }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [messages.map((message, index) => {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#7aa2ff", children: ASTRA_ASCII }), _jsx(Text, { color: "#8ea1bd", children: FOUNDER_WELCOME }), _jsx(Text, { color: "#2a3a50", children: DIVIDER }), _jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "mode " }), _jsx(Text, { color: "#9ad5ff", children: runtimeMode })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "scope " }), _jsx(Text, { color: "#7a9bba", children: workspaceRoot })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "provider " }), _jsx(Text, { color: "#9ad5ff", children: getProviderForModel(activeModel) })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "credits " }), _jsxs(Text, { color: creditsRemaining !== null && creditsRemaining < 50 ? "#ffaa55" : "#9ad5ff", children: [creditsRemaining ?? "--", lastCreditCost !== null ? (_jsxs(Text, { color: "#5a7a9a", children: [" (-", lastCreditCost, ")"] })) : null] })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "model " }), _jsx(Text, { color: "#9ad5ff", children: activeModel })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#4a6070", children: "voice " }), _jsx(Text, { color: voiceEnabled ? "#9ad5ff" : "#5a7a9a", children: voiceEnabled ? (voiceListening ? (voiceWaitingForSilence ? "on/waiting" : "on/listening") : "on") : "off" })] })] }), _jsx(Text, { color: "#2a3a50", children: DIVIDER }), _jsx(Text, { color: "#3a5068", children: "/help  /new  /history  /voice  /voice on|off|status  /settings  /logout  /exit" }), _jsx(Text, { color: "#2a3a50", children: DIVIDER }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [messages.map((message, index) => {
                         const style = styleForKind(message.kind);
                         const paddedLabel = style.label.padEnd(LABEL_WIDTH, " ");
                         const isSpacing = message.text === "" && message.kind === "system";
                         if (isSpacing) {
                             return _jsx(Box, { marginTop: 0, children: _jsx(Text, { children: " " }) }, `${index}-spacer`);
                         }
+                        if (message.kind === "tool" && message.card && !isSuperAdmin) {
+                            const card = message.card;
+                            const icon = card.kind === "error"
+                                ? "✕"
+                                : card.kind === "fileDelete"
+                                    ? "🗑"
+                                    : card.kind === "fileCreate"
+                                        ? "＋"
+                                        : card.kind === "fileEdit"
+                                            ? "✎"
+                                            : card.kind === "preview"
+                                                ? "◉"
+                                                : card.kind === "terminal"
+                                                    ? "⌘"
+                                                    : card.kind === "start"
+                                                        ? "…"
+                                                        : "✓";
+                            const accent = card.kind === "error"
+                                ? "#ff8d8d"
+                                : card.kind === "fileDelete"
+                                    ? "#8a96a6"
+                                    : card.kind === "fileEdit"
+                                        ? "#b7d4ff"
+                                        : card.kind === "fileCreate"
+                                            ? "#a5e9c5"
+                                            : card.kind === "preview"
+                                                ? "#9ad5ff"
+                                                : "#9bc5ff";
+                            return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: style.labelColor, children: paddedLabel }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: accent, children: [icon, " ", card.summary, " ", _jsxs(Text, { color: "#5a7a9a", children: ["[", card.locality, "]"] })] }), card.path ? _jsxs(Text, { color: "#6c88a8", children: ["path: ", card.path] }) : null, (card.snippetLines ?? []).slice(0, TOOL_SNIPPET_LINES).map((line, idx) => (_jsx(Text, { color: "#8ea1bd", children: line }, `${index}-snippet-${idx}`)))] })] }, `${index}-${message.kind}`));
+                        }
                         return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: style.labelColor, bold: style.bold, children: paddedLabel }), message.kind === "assistant" ? (_jsx(Box, { flexDirection: "column", children: renderMarkdownContent(message.text, style.textColor, `assistant-${index}`) })) : (_jsx(Text, { color: style.textColor, bold: style.bold && message.kind === "error", children: message.text }))] }, `${index}-${message.kind}`));
-                    }), streamingText ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#7aa2ff", children: styleForKind("assistant").label.padEnd(LABEL_WIDTH, " ") }), _jsx(Box, { flexDirection: "column", children: renderMarkdownContent(streamingText, "#dce9ff", "streaming") })] })) : null] }), _jsx(Text, { color: "#2a3a50", children: DIVIDER }), thinking ? (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(Text, { color: "#7aa2ff", children: "◆ astra".padEnd(LABEL_WIDTH, " ") }), _jsxs(Text, { color: "#6080a0", children: [_jsx(Spinner, { type: "dots2" }), _jsx(Text, { color: "#8aa2c9", children: " thinking..." })] })] })) : null, _jsxs(Box, { marginTop: 1, flexDirection: "row", children: [_jsx(Text, { color: "#7aa2ff", children: "\u276F " }), _jsx(TextInput, { value: prompt, onChange: setPrompt, onSubmit: (value) => {
+                    }), streamingText ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "#7aa2ff", children: styleForKind("assistant").label.padEnd(LABEL_WIDTH, " ") }), _jsx(Box, { flexDirection: "column", children: renderMarkdownContent(streamingText, "#dce9ff", "streaming") })] })) : null] }), _jsx(Text, { color: "#2a3a50", children: DIVIDER }), thinking ? (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(Text, { color: "#7aa2ff", children: "◆ astra".padEnd(LABEL_WIDTH, " ") }), _jsxs(Text, { color: "#6080a0", children: [_jsx(Spinner, { type: "dots2" }), _jsx(Text, { color: "#8aa2c9", children: " thinking..." })] })] })) : null, voiceEnabled && !thinking ? (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(Text, { color: "#9ad5ff", children: "🎤 voice".padEnd(LABEL_WIDTH, " ") }), voiceListening && !voiceWaitingForSilence ? (_jsx(Text, { color: "#a6d9ff", children: "\uD83C\uDF99 listening... goblin ears activated \uD83D\uDC42" })) : voiceWaitingForSilence ? (_jsx(Text, { color: "#b7c4d8", children: "\u23F8 waiting for silence... dramatic pause loading..." })) : (_jsx(Text, { color: "#6f8199", children: "voice armed... say something when ready" }))] })) : null, _jsxs(Box, { marginTop: 1, flexDirection: "row", children: [_jsx(Text, { color: "#7aa2ff", children: "\u276F " }), _jsx(TextInput, { value: prompt, onSubmit: (value) => {
                             setPrompt("");
                             void sendPrompt(value);
-                        }, placeholder: voiceEnabled ? "Ask Astra... (/voice start for live transcription)" : "Ask Astra..." })] })] }));
+                        }, onChange: (value) => {
+                            if (!voiceListening) {
+                                setPrompt(value);
+                            }
+                        }, placeholder: voiceEnabled ? "Ask Astra... (voice on: auto listen + send on silence)" : "Ask Astra..." })] })] }));
 };
 //# sourceMappingURL=App.js.map