@astra-code/astra-ai 0.1.0 → 0.1.2

package/src/app/App.tsx

@@ -17,17 +17,27 @@ import {
 import {runTerminalCommand} from "../lib/terminalBridge.js";
 import {isWorkspaceTrusted, trustWorkspace} from "../lib/trustStore.js";
 import {scanWorkspace} from "../lib/workspaceScanner.js";
-import {speakText, startLiveTranscription, transcribeOnce, type LiveTranscriptionController} from "../lib/voice.js";
+import {startLiveTranscription, transcribeOnce, type LiveTranscriptionController} from "../lib/voice.js";
 import type {AgentEvent, AuthSession, ChatMessage} from "../types/events.js";
 import type {WorkspaceFile} from "../lib/workspaceScanner.js";
 
 type UiMessage = {
   kind: "system" | "user" | "assistant" | "tool" | "error";
   text: string;
+  card?: ToolCard;
 };
 
 type HistoryMode = "picker" | "sessions";
 
+type ToolCard = {
+  kind: "start" | "success" | "error" | "fileCreate" | "fileEdit" | "fileDelete" | "terminal" | "preview";
+  toolName: string;
+  locality: "LOCAL" | "REMOTE";
+  summary: string;
+  path?: string;
+  snippetLines?: string[];
+};
+
 // const ASTRA_ASCII = `
 //  █████╗ ███████╗████████╗██████╗  █████╗      ██████╗ ██████╗ ██████╗ ███████╗
 // ██╔══██╗██╔════╝╚══██╔══╝██╔══██╗██╔══██╗    ██╔════╝██╔═══██╗██╔══██╗██╔════╝
@@ -63,10 +73,22 @@ const centerLine = (text: string, width = WELCOME_WIDTH): string => {
 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: AgentEvent): string | null => {
   if (event.type === "tool_start") {
-    const name = event.tool?.name ?? "tool";
+    const tool = event.tool as {name?: string} | undefined;
+    const name = tool?.name ?? "tool";
     return `↳ ${name} executing...`;
   }
   if (event.type === "tool_result") {
@@ -74,9 +96,12 @@ const eventToToolLine = (event: AgentEvent): string | null => {
     const mark = success ? "✓" : "✗";
     const toolName = event.tool_name ?? "tool";
     const payload = (event.data ?? {}) as Record<string, unknown>;
+    const screenshotPath = typeof payload.path === "string" ? payload.path : "";
     const output = String(
       (payload.output as string | undefined) ??
         (payload.content as string | undefined) ??
+        (payload.summary as string | undefined) ??
+        (toolName === "capture_screenshot" && screenshotPath ? `Saved screenshot: ${screenshotPath}` : undefined) ??
         event.error ??
         ""
     );
@@ -94,6 +119,28 @@ const eventToToolLine = (event: AgentEvent): string | null => {
   return null;
 };
 
+const extractSnippetLines = (content: string, maxLines = TOOL_SNIPPET_LINES): string[] => {
+  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: unknown, maxLines = TOOL_SNIPPET_LINES): string[] => {
+  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: string): boolean => {
   const lower = text.toLowerCase();
   const changeWord =
@@ -518,6 +565,8 @@ export const AstraApp = (): React.JSX.Element => {
   const [streamingText, setStreamingText] = useState("");
   const [voiceEnabled, setVoiceEnabled] = useState(false);
   const [voiceListening, setVoiceListening] = useState(false);
+  const [voiceWaitingForSilence, setVoiceWaitingForSilence] = useState(false);
+  const [voiceQueuedPrompt, setVoiceQueuedPrompt] = useState<string | null>(null);
   const [historyOpen, setHistoryOpen] = useState(false);
   const [historyMode, setHistoryMode] = useState<HistoryMode>("picker");
   const [historyPickerIndex, setHistoryPickerIndex] = useState(0);
@@ -526,11 +575,18 @@ export const AstraApp = (): React.JSX.Element => {
   const [historyRows, setHistoryRows] = useState<SessionSummary[]>([]);
   const [historyIndex, setHistoryIndex] = useState(0);
   const liveVoiceRef = useRef<LiveTranscriptionController | null>(null);
+  const voiceSilenceTimerRef = useRef<NodeJS.Timeout | null>(null);
+  const fileEditBuffersRef = useRef<Map<string, {path: string; chunks: string[]; toolName: string | undefined}>>(new Map());
+  const isSuperAdmin = user?.role === "super_admin";
 
   const pushMessage = useCallback((kind: UiMessage["kind"], text: string) => {
     setMessages((prev) => [...prev, {kind, text}].slice(-300));
   }, []);
 
+  const pushToolCard = useCallback((card: ToolCard) => {
+    setMessages((prev) => [...prev, {kind: "tool", text: card.summary, card} satisfies UiMessage].slice(-300));
+  }, []);
+
   const filteredHistory = useMemo(() => {
     const q = historyQuery.trim().toLowerCase();
     if (!q) {
@@ -597,37 +653,70 @@ export const AstraApp = (): React.JSX.Element => {
   }, [backend, pushMessage, user]);
 
   const stopLiveVoice = useCallback(async (): Promise<void> => {
+    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((): void => {
+  const startLiveVoice = useCallback((announce = true): void => {
     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();
@@ -635,6 +724,13 @@ export const AstraApp = (): React.JSX.Element => {
     };
   }, []);
 
+  useEffect(() => {
+    if (!voiceEnabled || !user || thinking || voiceListening || liveVoiceRef.current) {
+      return;
+    }
+    startLiveVoice(false);
+  }, [startLiveVoice, thinking, user, voiceEnabled, voiceListening]);
+
   useEffect(() => {
     if (!trustedWorkspace) {
       return;
@@ -652,6 +748,7 @@ export const AstraApp = (): React.JSX.Element => {
 
       const cached = loadSession();
       if (!cached) {
+        backend.setAuthSession(null);
         if (!cancelled) {
           setBooting(false);
         }
@@ -661,8 +758,12 @@ export const AstraApp = (): React.JSX.Element => {
       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: ""}
@@ -796,7 +897,7 @@ export const AstraApp = (): React.JSX.Element => {
             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)}`);
             }
@@ -833,8 +934,10 @@ export const AstraApp = (): React.JSX.Element => {
       }
 
       const authSession = data as AuthSession;
-      saveSession(authSession);
-      setUser(authSession);
+      const hydrated = await backend.getUserProfile(authSession).catch(() => authSession);
+      saveSession(hydrated);
+      backend.setAuthSession(hydrated);
+      setUser(hydrated);
       setEmail("");
       setPassword("");
       setMessages([
@@ -850,8 +953,91 @@ export const AstraApp = (): React.JSX.Element => {
 
   const handleEvent = useCallback(
     async (event: AgentEvent, activeSessionId: string): Promise<string | null> => {
+      if (event.type === "file_edit_start") {
+        const data = (event.data ?? {}) as Record<string, unknown>;
+        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: [] as string[], toolName: undefined};
+          fileEditBuffersRef.current.set(toolId, {...current, toolName});
+        }
+        return null;
+      }
+
+      if (event.type === "file_edit_path") {
+        const data = (event.data ?? {}) as Record<string, unknown>;
+        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: [] as string[], 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 ?? {}) as Record<string, unknown>;
+        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: [] as string[], 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;
       }
 
@@ -872,22 +1058,45 @@ export const AstraApp = (): React.JSX.Element => {
           });
         }
 
-        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 ?? {}) as Record<string, unknown>;
-        const resultType = (event as Record<string, unknown>).result_type as string | undefined;
+        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: "LOCAL" | "REMOTE" = 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"
@@ -897,13 +1106,79 @@ export const AstraApp = (): React.JSX.Element => {
                 : 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") {
@@ -922,20 +1197,49 @@ export const AstraApp = (): React.JSX.Element => {
         setCreditsRemaining(0);
       }
 
+      if (!isSuperAdmin && NOISY_EVENT_TYPES.has(event.type)) {
+        return null;
+      }
+
+      if (!isSuperAdmin && event.type === "tool_start") {
+        const tool = event.tool as {name?: string} | undefined;
+        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 ?? {}) as Record<string, unknown>).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(
@@ -948,7 +1252,7 @@ export const AstraApp = (): React.JSX.Element => {
       if (text === "/help") {
         pushMessage(
           "system",
-          "/new  /history  /voice on|off|status|start|stop|input  /settings  /settings model <id>  /logout  /exit"
+          "/new  /history  /voice  /voice on|off|status  /settings  /settings model <id>  /logout  /exit"
         );
         pushMessage("system", "");
         return;
@@ -956,7 +1260,20 @@ export const AstraApp = (): React.JSX.Element => {
       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()}`
+          `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;
@@ -984,39 +1301,22 @@ export const AstraApp = (): React.JSX.Element => {
       if (text === "/voice status") {
         pushMessage(
           "system",
-          `Voice mode is ${voiceEnabled ? "on" : "off"}${voiceListening ? " (live transcription active)" : ""}.`
+          `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;
       }
@@ -1025,13 +1325,11 @@ export const AstraApp = (): React.JSX.Element => {
         if (!transcribed) {
           pushMessage(
             "error",
-            "No speech transcribed. Set ASTRA_STT_COMMAND to a command that prints transcript text to stdout."
+            "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") {
@@ -1045,6 +1343,7 @@ export const AstraApp = (): React.JSX.Element => {
       if (text === "/logout") {
         await stopLiveVoice();
         clearSession();
+        backend.setAuthSession(null);
         setUser(null);
         setMessages([]);
         setChatMessages([]);
@@ -1113,9 +1412,6 @@ export const AstraApp = (): React.JSX.Element => {
               ? `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 {
           setChatMessages((prev) => [...prev, {role: "assistant", content: assistant}]);
@@ -1143,10 +1439,25 @@ export const AstraApp = (): React.JSX.Element => {
       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 (
       <Box flexDirection="column">
@@ -1363,12 +1674,12 @@ export const AstraApp = (): React.JSX.Element => {
         <Box flexDirection="row">
           <Text color="#4a6070">voice </Text>
           <Text color={voiceEnabled ? "#9ad5ff" : "#5a7a9a"}>
-            {voiceEnabled ? (voiceListening ? "on/listening" : "on") : "off"}
+            {voiceEnabled ? (voiceListening ? (voiceWaitingForSilence ? "on/waiting" : "on/listening") : "on") : "off"}
           </Text>
         </Box>
       </Box>
       <Text color="#2a3a50">{DIVIDER}</Text>
-      <Text color="#3a5068">/help  /new  /history  /voice on|off|status|start|stop|input  /settings  /logout  /exit</Text>
+      <Text color="#3a5068">/help  /new  /history  /voice  /voice on|off|status  /settings  /logout  /exit</Text>
       <Text color="#2a3a50">{DIVIDER}</Text>
       <Box flexDirection="column" marginTop={1}>
         {messages.map((message, index) => {
@@ -1378,6 +1689,55 @@ export const AstraApp = (): React.JSX.Element => {
           if (isSpacing) {
             return <Box key={`${index}-spacer`} marginTop={0}><Text> </Text></Box>;
           }
+
+          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 (
+              <Box key={`${index}-${message.kind}`} flexDirection="row">
+                <Text color={style.labelColor}>{paddedLabel}</Text>
+                <Box flexDirection="column">
+                  <Text color={accent}>
+                    {icon} {card.summary} <Text color="#5a7a9a">[{card.locality}]</Text>
+                  </Text>
+                  {card.path ? <Text color="#6c88a8">path: {card.path}</Text> : null}
+                  {(card.snippetLines ?? []).slice(0, TOOL_SNIPPET_LINES).map((line, idx) => (
+                    <Text key={`${index}-snippet-${idx}`} color="#8ea1bd">
+                      {line}
+                    </Text>
+                  ))}
+                </Box>
+              </Box>
+            );
+          }
+
           return (
             <Box key={`${index}-${message.kind}`} flexDirection="row">
               <Text color={style.labelColor} bold={style.bold}>
@@ -1412,16 +1772,32 @@ export const AstraApp = (): React.JSX.Element => {
           </Text>
         </Box>
       ) : null}
+      {voiceEnabled && !thinking ? (
+        <Box flexDirection="row" marginTop={1}>
+          <Text color="#9ad5ff">{"🎤 voice".padEnd(LABEL_WIDTH, " ")}</Text>
+          {voiceListening && !voiceWaitingForSilence ? (
+            <Text color="#a6d9ff">🎙 listening... goblin ears activated 👂</Text>
+          ) : voiceWaitingForSilence ? (
+            <Text color="#b7c4d8">⏸ waiting for silence... dramatic pause loading...</Text>
+          ) : (
+            <Text color="#6f8199">voice armed... say something when ready</Text>
+          )}
+        </Box>
+      ) : null}
       <Box marginTop={1} flexDirection="row">
         <Text color="#7aa2ff">❯ </Text>
         <TextInput
           value={prompt}
-          onChange={setPrompt}
           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..."}
         />
       </Box>
     </Box>