Merge main (#119 squash-merged) into claude/phase5-shell-split

main's tree equals the media branch merged above, so this keeps the tree; the diff to main is now the Shell split alone. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01MRtGG9ARfqqhma3t85Ro2u
Merge the final media branch (with #128 ) into claude/phase5-shell-split
2026-10-04 10:59:54 +00:00 · 2026-10-04 10:59:54 +00:00 · 2026-10-04 10:27:11 +00:00 · 2026-10-04 10:26:15 +00:00 · 2026-10-04 10:08:48 +00:00 · 2026-10-04 10:08:48 +00:00
40 changed files with 5646 additions and 4936 deletions
--- a/apps/web/src/lib/desktop.test.ts
+++ b/apps/web/src/lib/desktop.test.ts
@ -63,6 +63,7 @@ describe("window chrome", () => {
  it("keeps conversation header controls clickable", () => {
    const root = path.join(path.dirname(fileURLToPath(import.meta.url)), "../pages");
    const shell = readFileSync(path.join(root, "Shell.tsx"), "utf8");
    const toggles = readFileSync(path.join(root, "shell/sidebar-toggle-buttons.tsx"), "utf8");
    expect(shell).toContain(
      'className="app-drag flex items-center justify-between border-b border-sidebar-border',
    );
@ -70,14 +71,16 @@ describe("window chrome", () => {
    expect(shell).toContain('className="app-no-drag flex min-w-0 items-center gap-3"');
    // Ensure header sidebar toggle controls stay clickable (not part of drag region)
    expect(
-      shell.match(/app-no-drag .* size-control-lg .* place-items-center/g)?.length ?? 0,
+      toggles.match(/app-no-drag .* size-control-lg .* place-items-center/g)?.length ?? 0,
    ).toBeGreaterThanOrEqual(2);
  });
  it("moves window chrome into the conversation header when the bots sidebar is collapsed", () => {
    const root = path.join(path.dirname(fileURLToPath(import.meta.url)), "../pages");
    const shell = readFileSync(path.join(root, "Shell.tsx"), "utf8");
-    expect(shell).toContain("{botsSidebarCollapsed && desktopBridge() ? <WindowChrome /> : null}");
+    const toggles = readFileSync(path.join(root, "shell/sidebar-toggle-buttons.tsx"), "utf8");
    expect(shell).toContain("collapsed={botsSidebarCollapsed}");
    expect(toggles).toContain("{collapsed && desktopBridge() ? <WindowChrome /> : null}");
  });
 });
--- a/apps/web/src/locales/de/messages.po
+++ b/apps/web/src/locales/de/messages.po
@ -14,7 +14,7 @@ msgstr ""
 "Plural-Forms: \n"
 "X-Generator: @lingui/cli\n"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid " (unread)"
 msgstr " (ungelesen)"
@ -126,22 +126,22 @@ msgid "{0}, {label}"
 msgstr "{0}, {label}"
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, 1:1 conversation"
 msgstr "{0}, 1:1-Unterhaltung"
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, group conversation"
 msgstr "{0}, Gruppenunterhaltung"
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, main conversation"
 msgstr "{0}, Hauptunterhaltung"
 #. placeholder {0}: active.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "{0}'s screen"
 msgstr "{0}s Bildschirm"
@ -210,7 +210,7 @@ msgstr "{botName} verfolgt den Fehler…"
 msgid "{botName} watches the tape…"
 msgstr "{botName} beobachtet den Markt…"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "{botName}’s computer"
 msgstr "Computer von {botName}"
@ -277,7 +277,7 @@ msgstr "{title}, {label}"
 msgid "{toolCount, plural, one {# tool} other {# tools}}"
 msgstr "{toolCount, plural, one {# Tool} other {# Tools}}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "{workingBotName} is working"
 msgstr "{workingBotName} arbeitet"
@ -339,6 +339,7 @@ msgstr "Aktionsbestätigungen"
 #. placeholder {0}: sectionMenu.section.name
 #: src/pages/BotContextMenu.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-group-header.tsx
 msgid "Actions for {0}"
 msgstr "Aktionen für {0}"
@ -354,7 +355,7 @@ msgstr "Aktiv"
 msgid "Active model"
 msgstr "Aktives Modell"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-header.tsx
 msgid "Activity"
 msgstr "Aktivität"
@ -643,15 +644,15 @@ msgstr "Genehmige diesen Server, damit dein Agent seine Tools verwenden kann."
 msgid "Archive"
 msgstr "Archivieren"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "archived"
 msgstr "archiviert"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Archived"
 msgstr "Archiviert"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Archived. Chat, memory, and files kept."
 msgstr "Archiviert. Chat, Erinnerungen und Dateien bleiben erhalten."
@ -711,11 +712,11 @@ msgstr "um {0}"
 msgid "at {timeSelect}"
 msgstr "um {timeSelect}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Attach file"
 msgstr "Datei anhängen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/message-preview.ts
 msgid "Attachment"
 msgstr "Anhang"
@ -788,7 +789,7 @@ msgstr "Bearer-Token"
 msgid "Blocked in your browser settings"
 msgstr "In deinen Browser-Einstellungen blockiert"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Booting live desktop…"
 msgstr "Live-Desktop wird gestartet…"
@ -797,7 +798,7 @@ msgstr "Live-Desktop wird gestartet…"
 msgid "Booting up {0}’s computer"
 msgstr "Computer von {0} wird gestartet"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "bot"
 msgstr "Bot"
@ -812,11 +813,11 @@ msgstr "Bot"
 msgid "Bot"
 msgstr "Bot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Bot screen"
 msgstr "Bot-Bildschirm"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Bot screen preview"
 msgstr "Bot-Bildschirmvorschau"
@ -828,7 +829,7 @@ msgstr "Zu verknüpfender Bot"
 msgid "Bots act without asking by default. Add an exception only when you want to review a type of action first."
 msgstr "Bots handeln standardmäßig ohne Nachfrage. Füge nur dann eine Ausnahme hinzu, wenn du eine Aktionsart zuerst prüfen möchtest."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Bots are working"
 msgstr "Bots arbeiten"
@ -889,7 +890,7 @@ msgstr "Neuen Bot abbrechen"
 msgid "Cancel new group"
 msgstr "Neue Gruppe abbrechen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Cancel reply"
 msgstr "Antwort abbrechen"
@ -946,7 +947,7 @@ msgstr "Chat-Apps, Gruppenkanäle und Agent-Verbindungen."
 msgid "Chat history"
 msgstr "Chatverlauf"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Chat Settings"
 msgstr "Chat-Einstellungen"
@ -1088,7 +1089,7 @@ msgstr "Schließen"
 msgid "Close chart"
 msgstr "Diagramm schließen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Close computer"
 msgstr "Computer schließen"
@ -1128,7 +1129,7 @@ msgstr "Navigation schließen"
 #: src/components/ArtifactPane.tsx
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Close panel"
 msgstr "Panel schließen"
@ -1159,7 +1160,7 @@ msgid "Coder"
 msgstr "Coder"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Collapse {0}"
 msgstr "{0} einklappen"
@ -1192,24 +1193,24 @@ msgid "Composing a reply…"
 msgstr "Schreibt eine Antwort…"
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Computer"
 msgstr "Computer"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer failed to boot"
 msgstr "Computer konnte nicht gestartet werden"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Computer is asleep"
 msgstr "Computer ist im Ruhezustand"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is asleep. Open it to wake."
 msgstr "Computer ist im Ruhezustand. Öffne ihn, um ihn aufzuwecken."
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is stopped"
 msgstr "Computer ist gestoppt"
@ -1353,7 +1354,7 @@ msgstr "Im Hintergrund fortsetzen"
 msgid "Continue with email"
 msgstr "Mit E-Mail fortfahren"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Conversation record"
 msgstr "Gesprächsverlauf"
@ -1361,11 +1362,11 @@ msgstr "Gesprächsverlauf"
 msgid "Conversations"
 msgstr "Unterhaltungen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy"
 msgstr "Kopieren"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy reply"
 msgstr "Antwort kopieren"
@ -1747,9 +1748,9 @@ msgstr "Avatare konnten nicht aktualisiert werden"
 msgid "Couldn't update messaging settings"
 msgstr "Messaging-Einstellungen konnten nicht aktualisiert werden"
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/dialogs.tsx
 #: src/pages/shell/sidebar-header.tsx
 msgid "Create"
 msgstr "Erstellen"
@ -1906,14 +1907,14 @@ msgstr "Standardbereich"
 #: src/pages/KnowledgeSection.tsx
 #: src/pages/McpServersOverlay.tsx
 #: src/pages/RoutineEditor.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 #: src/pages/shell/dialogs.tsx
 msgid "Delete"
 msgstr "Löschen"
 #. placeholder {0}: bot.name
 #. placeholder {0}: group.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Delete {0}"
 msgstr "{0} löschen"
@ -1943,7 +1944,7 @@ msgstr "Mein Konto löschen"
 msgid "Delete space"
 msgstr "Space löschen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "deleted"
 msgstr "gelöscht"
@ -2013,7 +2014,7 @@ msgstr "Verbindung wird getrennt…"
 msgid "Dismiss"
 msgstr "Ausblenden"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Dismiss error"
 msgstr "Fehler ausblenden"
@ -2111,7 +2112,7 @@ msgstr "Duplizieren"
 msgid "e.g. Hivenet Agent, Presales, Timesheets bot"
 msgstr "z. B. Hivenet Agent, Presales, Zeiterfassungs-Bot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Earlier message"
 msgstr "Frühere Nachricht"
@ -2222,7 +2223,7 @@ msgid "Expand"
 msgstr "Erweitern"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Expand {0}"
 msgstr "{0} ausklappen"
@ -2404,6 +2405,7 @@ msgstr "Ziele für dieses Projekt, unabhängig von Chat-Nachrichten. Unterhaltun
 #: src/components/stage/OoStage.tsx
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/side-panel-header.tsx
 msgid "Group"
 msgstr "Gruppe"
@ -2528,7 +2530,7 @@ msgstr "Wie soll dein Oo klingen, wenn es Antworten vorliest?"
 msgid "How to check"
 msgstr "So wird geprüft"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "I’m done"
 msgstr "Ich bin fertig"
@ -2635,11 +2637,11 @@ msgstr "Isoliert"
 msgid "Its conversation, files, and routines will be permanently deleted. Bots it created stay in your list."
 msgstr "Seine Unterhaltung, Dateien und Routinen werden dauerhaft gelöscht. Von ihm erstellte Bots bleiben in deiner Liste."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to latest"
 msgstr "Zur neuesten Nachricht springen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to replied message"
 msgstr "Zur beantworteten Nachricht springen"
@ -2726,7 +2728,7 @@ msgstr "Ich höre zu — was ist kaputt oder langsam?"
 msgid "Listening — what's the story?"
 msgstr "Ich höre zu — was ist die Geschichte?"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Load earlier messages"
 msgstr "Frühere Nachrichten laden"
@ -2779,7 +2781,7 @@ msgstr "Stimmen werden geladen…"
 #: src/pages/HeuteBrief.tsx
 #: src/pages/IntegrationSetup.tsx
 #: src/pages/PeerMessagesOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Loading…"
 msgstr "Wird geladen…"
@ -2799,7 +2801,7 @@ msgstr "Lokales Docker"
 msgid "Local Server Settings"
 msgstr "Einstellungen des lokalen Servers"
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Log out"
 msgstr "Abmelden"
@ -2926,7 +2928,7 @@ msgstr "Erinnerungen"
 msgid "Memory scope"
 msgstr "Erinnerungsbereich"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Mentions"
 msgstr "Erwähnungen"
@ -2939,11 +2941,12 @@ msgstr "Nur Erwähnungen"
 msgid "Message"
 msgstr "Nachricht"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-preview.ts
 msgid "Message"
 msgstr "Nachricht"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message composer"
 msgstr "Nachrichteneingabe"
@ -2951,11 +2954,11 @@ msgstr "Nachrichteneingabe"
 msgid "Message event"
 msgstr "Nachrichtenereignis"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Message from {peer}"
 msgstr "Nachricht von {peer}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message…"
 msgstr "Nachricht…"
@ -2981,7 +2984,7 @@ msgstr "Minimal"
 msgid "Minimize"
 msgstr "Minimieren"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Minimize bots"
 msgstr "Bots minimieren"
@ -3038,7 +3041,7 @@ msgstr "Modelle vom Server"
 msgid "Monthly"
 msgstr "Monatlich"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "More"
 msgstr "Mehr"
@ -3104,7 +3107,8 @@ msgstr "Braucht dich"
 #: src/components/MainInbox.tsx
 #: src/pages/ActivityList.tsx
 #: src/pages/HeuteBrief.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Needs you"
 msgstr "Braucht dich"
@ -3397,12 +3401,12 @@ msgid "Only file and folder names are read."
 msgstr "Gelesen werden nur Datei- und Ordnernamen."
 #: src/pages/ScratchpadSection.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open"
 msgstr "Öffnen"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Open {0}"
 msgstr "{0} öffnen"
@ -3418,11 +3422,11 @@ msgstr "Unterhaltung öffnen"
 msgid "Open in browser"
 msgstr "Im Browser öffnen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open in full window"
 msgstr "In vollständigem Fenster öffnen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Open navigation"
 msgstr "Navigation öffnen"
@ -3438,7 +3442,7 @@ msgstr "Offene Arbeit"
 msgid "OpenAI-compatible server URL"
 msgstr "URL eines OpenAI-kompatiblen Servers"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Opened its thread."
 msgstr "Thread geöffnet."
@ -3679,19 +3683,19 @@ msgstr "Ende der Ruhezeiten"
 msgid "Quiet hours start"
 msgstr "Beginn der Ruhezeiten"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Quote"
 msgstr "Zitieren"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "React"
 msgstr "Reagieren"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reactions"
 msgstr "Reaktionen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Read aloud"
 msgstr "Vorlesen"
@ -3796,7 +3800,7 @@ msgstr "Wird aktualisiert…"
 msgid "Region"
 msgstr "Region"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Release"
 msgstr "Freigeben"
@ -3820,7 +3824,7 @@ msgid "Remove"
 msgstr "Entfernen"
 #. placeholder {0}: attachment.file.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove {0}"
 msgstr "{0} entfernen"
@ -3829,7 +3833,7 @@ msgid "Remove Git event"
 msgstr "Git-Ereignis entfernen"
 #. placeholder {0}: mention.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove mention {0}"
 msgstr "Erwähnung von {0} entfernen"
@ -3842,7 +3846,7 @@ msgid "Remove schedule"
 msgstr "Zeitplan entfernen"
 #. placeholder {0}: selectedSkill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove skill {0}"
 msgstr "Skill {0} entfernen"
@ -3850,7 +3854,7 @@ msgstr "Skill {0} entfernen"
 msgid "Remove webhook"
 msgstr "Webhook entfernen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Removed with chat, computer, and memory."
 msgstr "Zusammen mit Chat, Computer und Erinnerungen entfernt."
@ -3883,15 +3887,15 @@ msgstr "API-Schlüssel ersetzen"
 msgid "Replace key"
 msgstr "Schlüssel ersetzen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reply"
 msgstr "Antworten"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}"
 msgstr "Antwort an {replyName}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}: “{replyQuote}”"
 msgstr "Antwort an {replyName}: „{replyQuote}“"
@ -3937,7 +3941,7 @@ msgstr "Wird zurückgesetzt…"
 msgid "Restart to update"
 msgstr "Zum Aktualisieren neu starten"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Restore"
 msgstr "Wiederherstellen"
@ -4142,7 +4146,7 @@ msgid "Searching…"
 msgstr "Suche…"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Select {0}"
 msgstr "{0} auswählen"
@ -4150,7 +4154,7 @@ msgstr "{0} auswählen"
 msgid "Self-hosted (better-auth)"
 msgstr "Selbst gehostet (better-auth)"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-cards.tsx
 msgid "Send"
 msgstr "Senden"
@ -4201,21 +4205,22 @@ msgid "Server URL"
 msgstr "Server-URL"
 #: src/components/stage/StageVoiceEntry.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Set up voice"
 msgstr "Stimme einrichten"
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 #: src/pages/shell/user-menu.tsx
 msgid "Settings"
 msgstr "Einstellungen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: General"
 msgstr "Einstellungen: Allgemein"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: Usage"
 msgstr "Einstellungen: Nutzung"
@ -4259,10 +4264,11 @@ msgid "Show all {0}"
 msgstr "Alle {0} anzeigen"
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Show bots"
 msgstr "Bots anzeigen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show computer"
 msgstr "Computer anzeigen"
@ -4278,7 +4284,7 @@ msgstr "Mehr anzeigen"
 msgid "Show password"
 msgstr "Passwort anzeigen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show settings"
 msgstr "Einstellungen anzeigen"
@ -4307,7 +4313,7 @@ msgid "Sketching the blueprint…"
 msgstr "Skizziere den Bauplan…"
 #. placeholder {0}: skill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Skill {0}"
 msgstr "Skill {0}"
@ -4319,7 +4325,7 @@ msgstr "Skills"
 #: src/components/onboarding/OnboardingScanStep.tsx
 #: src/components/onboarding/OnboardingVoiceStep.tsx
 #: src/lib/onboarding-copy.ts
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Skip"
 msgstr "Überspringen"
@ -4373,11 +4379,11 @@ msgstr "Space-Standard"
 msgid "Spaces"
 msgstr "Spaces"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak"
 msgstr "Vorlesen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak this reply"
 msgstr "Diese Antwort vorlesen"
@ -4431,15 +4437,15 @@ msgstr "Aufnahme starten"
 msgid "Start talking"
 msgstr "Sprechen starten"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation — {activeName} is on stage above."
 msgstr "Starte die Unterhaltung — {activeName} steht oben auf der Bühne."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation."
 msgstr "Starte die Unterhaltung."
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Start voice conversation"
 msgstr "Sprachunterhaltung starten"
@ -4466,11 +4472,13 @@ msgid "Steps"
 msgstr "Schritte"
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Stop"
 msgstr "Stoppen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Stop speaking"
 msgstr "Vorlesen stoppen"
@ -4500,7 +4508,7 @@ msgstr "Stresstest fürs Portfolio…"
 msgid "Stronger together — {0} specialists"
 msgstr "Stärker zusammen — {0} Spezialisten"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "subagent"
 msgstr "Subagent"
@ -4565,7 +4573,7 @@ msgstr "Aufgabe wird angelernt. Beende das Anlernen, bevor du eine neue Nachrich
 msgid "Team"
 msgstr "Team"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Team Computer"
 msgstr "Team-Computer"
@ -4606,7 +4614,7 @@ msgstr "Der ausgewählte Erinnerungsanbieter ist in diesem Build nicht verfügba
 msgid "Thinking"
 msgstr "Denkmodus"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "This bot runs on this computer, not a Linux desktop. Shell and files use your home folder."
 msgstr "Dieser Bot wird auf diesem Computer und nicht auf einem Linux-Desktop ausgeführt. Shell und Dateien verwenden deinen persönlichen Ordner."
@ -4713,7 +4721,7 @@ msgid "Transcribe"
 msgstr "Transkribieren"
 #: src/components/voice/VoiceStage.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Transcript"
 msgstr "Transkript"
@ -4836,7 +4844,7 @@ msgstr "Hochladen"
 #: src/pages/AccountSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Usage"
 msgstr "Nutzung"
@ -4877,8 +4885,8 @@ msgid "Video workflow"
 msgstr "Video-Workflow"
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/composer.tsx
 #: src/pages/VoiceSettingsOverlay.tsx
 msgid "Voice"
 msgstr "Stimme"
@ -5074,7 +5082,7 @@ msgstr "Arbeitet…"
 msgid "Working…"
 msgstr "Wird verarbeitet…"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-format.ts
 msgid "Yesterday"
 msgstr "Gestern"
@ -5092,7 +5100,7 @@ msgstr "Du kannst diesen Tab schließen, wenn du nicht automatisch weitergeleite
 msgid "You can close this window."
 msgstr "Du kannst dieses Fenster schließen."
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "You have control"
 msgstr "Du hast die Kontrolle"
--- a/apps/web/src/locales/en/messages.po
+++ b/apps/web/src/locales/en/messages.po
@ -14,7 +14,7 @@ msgstr ""
 "Plural-Forms: \n"
 "X-Generator: @lingui/cli\n"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid " (unread)"
 msgstr " (unread)"
@ -126,22 +126,22 @@ msgid "{0}, {label}"
 msgstr "{0}, {label}"
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, 1:1 conversation"
 msgstr "{0}, 1:1 conversation"
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, group conversation"
 msgstr "{0}, group conversation"
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, main conversation"
 msgstr "{0}, main conversation"
 #. placeholder {0}: active.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "{0}'s screen"
 msgstr "{0}'s screen"
@ -210,7 +210,7 @@ msgstr "{botName} traces the failure…"
 msgid "{botName} watches the tape…"
 msgstr "{botName} watches the tape…"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "{botName}’s computer"
 msgstr "{botName}’s computer"
@ -277,7 +277,7 @@ msgstr "{title}, {label}"
 msgid "{toolCount, plural, one {# tool} other {# tools}}"
 msgstr "{toolCount, plural, one {# tool} other {# tools}}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "{workingBotName} is working"
 msgstr "{workingBotName} is working"
@ -339,6 +339,7 @@ msgstr "Action confirmations"
 #. placeholder {0}: sectionMenu.section.name
 #: src/pages/BotContextMenu.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-group-header.tsx
 msgid "Actions for {0}"
 msgstr "Actions for {0}"
@ -354,7 +355,7 @@ msgstr "Active"
 msgid "Active model"
 msgstr "Active model"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-header.tsx
 msgid "Activity"
 msgstr "Activity"
@ -643,15 +644,15 @@ msgstr "Approve this server to let your agent use its tools."
 msgid "Archive"
 msgstr "Archive"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "archived"
 msgstr "archived"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Archived"
 msgstr "Archived"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Archived. Chat, memory, and files kept."
 msgstr "Archived. Chat, memory, and files kept."
@ -711,11 +712,11 @@ msgstr "at {0}"
 msgid "at {timeSelect}"
 msgstr "at {timeSelect}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Attach file"
 msgstr "Attach file"
-#: src/pages/Shell.tsx
+#: src/pages/shell/message-preview.ts
 msgid "Attachment"
 msgstr "Attachment"
@ -788,7 +789,7 @@ msgstr "Bearer token"
 msgid "Blocked in your browser settings"
 msgstr "Blocked in your browser settings"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Booting live desktop…"
 msgstr "Booting live desktop…"
@ -797,7 +798,7 @@ msgstr "Booting live desktop…"
 msgid "Booting up {0}’s computer"
 msgstr "Booting up {0}’s computer"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "bot"
 msgstr "bot"
@ -812,11 +813,11 @@ msgstr "Bot"
 msgid "Bot"
 msgstr "Bot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Bot screen"
 msgstr "Bot screen"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Bot screen preview"
 msgstr "Bot screen preview"
@ -828,7 +829,7 @@ msgstr "Bot to link"
 msgid "Bots act without asking by default. Add an exception only when you want to review a type of action first."
 msgstr "Bots act without asking by default. Add an exception only when you want to review a type of action first."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Bots are working"
 msgstr "Bots are working"
@ -889,7 +890,7 @@ msgstr "Cancel new bot"
 msgid "Cancel new group"
 msgstr "Cancel new group"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Cancel reply"
 msgstr "Cancel reply"
@ -946,7 +947,7 @@ msgstr "Chat apps, group channels, and agent connections."
 msgid "Chat history"
 msgstr "Chat history"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Chat Settings"
 msgstr "Chat Settings"
@ -1088,7 +1089,7 @@ msgstr "Close"
 msgid "Close chart"
 msgstr "Close chart"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Close computer"
 msgstr "Close computer"
@ -1128,7 +1129,7 @@ msgstr "Close navigation"
 #: src/components/ArtifactPane.tsx
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Close panel"
 msgstr "Close panel"
@ -1159,7 +1160,7 @@ msgid "Coder"
 msgstr "Coder"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Collapse {0}"
 msgstr "Collapse {0}"
@ -1192,24 +1193,24 @@ msgid "Composing a reply…"
 msgstr "Composing a reply…"
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Computer"
 msgstr "Computer"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer failed to boot"
 msgstr "Computer failed to boot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Computer is asleep"
 msgstr "Computer is asleep"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is asleep. Open it to wake."
 msgstr "Computer is asleep. Open it to wake."
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is stopped"
 msgstr "Computer is stopped"
@ -1353,7 +1354,7 @@ msgstr "Continue in Background"
 msgid "Continue with email"
 msgstr "Continue with email"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Conversation record"
 msgstr "Conversation record"
@ -1361,11 +1362,11 @@ msgstr "Conversation record"
 msgid "Conversations"
 msgstr "Conversations"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy"
 msgstr "Copy"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy reply"
 msgstr "Copy reply"
@ -1747,9 +1748,9 @@ msgstr "Couldn't update avatars"
 msgid "Couldn't update messaging settings"
 msgstr "Couldn't update messaging settings"
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/dialogs.tsx
 #: src/pages/shell/sidebar-header.tsx
 msgid "Create"
 msgstr "Create"
@ -1906,14 +1907,14 @@ msgstr "Default scope"
 #: src/pages/KnowledgeSection.tsx
 #: src/pages/McpServersOverlay.tsx
 #: src/pages/RoutineEditor.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 #: src/pages/shell/dialogs.tsx
 msgid "Delete"
 msgstr "Delete"
 #. placeholder {0}: bot.name
 #. placeholder {0}: group.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Delete {0}"
 msgstr "Delete {0}"
@ -1943,7 +1944,7 @@ msgstr "Delete my account"
 msgid "Delete space"
 msgstr "Delete space"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "deleted"
 msgstr "deleted"
@ -2013,7 +2014,7 @@ msgstr "Disconnecting…"
 msgid "Dismiss"
 msgstr "Dismiss"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Dismiss error"
 msgstr "Dismiss error"
@ -2111,7 +2112,7 @@ msgstr "Duplicate"
 msgid "e.g. Hivenet Agent, Presales, Timesheets bot"
 msgstr "e.g. Hivenet Agent, Presales, Timesheets bot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Earlier message"
 msgstr "Earlier message"
@ -2222,7 +2223,7 @@ msgid "Expand"
 msgstr "Expand"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Expand {0}"
 msgstr "Expand {0}"
@ -2404,6 +2405,7 @@ msgstr "Goals for this project, separate from chat messages. Conversations are b
 #: src/components/stage/OoStage.tsx
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/side-panel-header.tsx
 msgid "Group"
 msgstr "Group"
@ -2528,7 +2530,7 @@ msgstr "How should your Oo sound when reading replies aloud?"
 msgid "How to check"
 msgstr "How to check"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "I’m done"
 msgstr "I’m done"
@ -2635,11 +2637,11 @@ msgstr "Isolated"
 msgid "Its conversation, files, and routines will be permanently deleted. Bots it created stay in your list."
 msgstr "Its conversation, files, and routines will be permanently deleted. Bots it created stay in your list."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to latest"
 msgstr "Jump to latest"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to replied message"
 msgstr "Jump to replied message"
@ -2726,7 +2728,7 @@ msgstr "Listening — what's broken or slow?"
 msgid "Listening — what's the story?"
 msgstr "Listening — what's the story?"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Load earlier messages"
 msgstr "Load earlier messages"
@ -2779,7 +2781,7 @@ msgstr "Loading voices…"
 #: src/pages/HeuteBrief.tsx
 #: src/pages/IntegrationSetup.tsx
 #: src/pages/PeerMessagesOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Loading…"
 msgstr "Loading…"
@ -2799,7 +2801,7 @@ msgstr "Local Docker"
 msgid "Local Server Settings"
 msgstr "Local Server Settings"
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Log out"
 msgstr "Log out"
@ -2926,7 +2928,7 @@ msgstr "Memory"
 msgid "Memory scope"
 msgstr "Memory scope"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Mentions"
 msgstr "Mentions"
@ -2939,11 +2941,12 @@ msgstr "Mentions only"
 msgid "Message"
 msgstr "Message"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-preview.ts
 msgid "Message"
 msgstr "Message"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message composer"
 msgstr "Message composer"
@ -2951,11 +2954,11 @@ msgstr "Message composer"
 msgid "Message event"
 msgstr "Message event"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Message from {peer}"
 msgstr "Message from {peer}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message…"
 msgstr "Message…"
@ -2981,7 +2984,7 @@ msgstr "Minimal"
 msgid "Minimize"
 msgstr "Minimize"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Minimize bots"
 msgstr "Minimize bots"
@ -3038,7 +3041,7 @@ msgstr "Models from server"
 msgid "Monthly"
 msgstr "Monthly"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "More"
 msgstr "More"
@ -3104,7 +3107,8 @@ msgstr "Needs you"
 #: src/components/MainInbox.tsx
 #: src/pages/ActivityList.tsx
 #: src/pages/HeuteBrief.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Needs you"
 msgstr "Needs you"
@ -3397,12 +3401,12 @@ msgid "Only file and folder names are read."
 msgstr "Only file and folder names are read."
 #: src/pages/ScratchpadSection.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open"
 msgstr "Open"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Open {0}"
 msgstr "Open {0}"
@ -3418,11 +3422,11 @@ msgstr "Open conversation"
 msgid "Open in browser"
 msgstr "Open in browser"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open in full window"
 msgstr "Open in full window"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Open navigation"
 msgstr "Open navigation"
@ -3438,7 +3442,7 @@ msgstr "Open work"
 msgid "OpenAI-compatible server URL"
 msgstr "OpenAI-compatible server URL"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Opened its thread."
 msgstr "Opened its thread."
@ -3679,19 +3683,19 @@ msgstr "Quiet hours end"
 msgid "Quiet hours start"
 msgstr "Quiet hours start"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Quote"
 msgstr "Quote"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "React"
 msgstr "React"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reactions"
 msgstr "Reactions"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Read aloud"
 msgstr "Read aloud"
@ -3796,7 +3800,7 @@ msgstr "Refreshing…"
 msgid "Region"
 msgstr "Region"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Release"
 msgstr "Release"
@ -3820,7 +3824,7 @@ msgid "Remove"
 msgstr "Remove"
 #. placeholder {0}: attachment.file.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove {0}"
 msgstr "Remove {0}"
@ -3829,7 +3833,7 @@ msgid "Remove Git event"
 msgstr "Remove Git event"
 #. placeholder {0}: mention.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove mention {0}"
 msgstr "Remove mention {0}"
@ -3842,7 +3846,7 @@ msgid "Remove schedule"
 msgstr "Remove schedule"
 #. placeholder {0}: selectedSkill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove skill {0}"
 msgstr "Remove skill {0}"
@ -3850,7 +3854,7 @@ msgstr "Remove skill {0}"
 msgid "Remove webhook"
 msgstr "Remove webhook"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Removed with chat, computer, and memory."
 msgstr "Removed with chat, computer, and memory."
@ -3883,15 +3887,15 @@ msgstr "Replace API key"
 msgid "Replace key"
 msgstr "Replace key"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reply"
 msgstr "Reply"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}"
 msgstr "Replying to {replyName}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}: “{replyQuote}”"
 msgstr "Replying to {replyName}: “{replyQuote}”"
@ -3937,7 +3941,7 @@ msgstr "Resetting…"
 msgid "Restart to update"
 msgstr "Restart to update"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Restore"
 msgstr "Restore"
@ -4142,7 +4146,7 @@ msgid "Searching…"
 msgstr "Searching…"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Select {0}"
 msgstr "Select {0}"
@ -4150,7 +4154,7 @@ msgstr "Select {0}"
 msgid "Self-hosted (better-auth)"
 msgstr "Self-hosted (better-auth)"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-cards.tsx
 msgid "Send"
 msgstr "Send"
@ -4201,21 +4205,22 @@ msgid "Server URL"
 msgstr "Server URL"
 #: src/components/stage/StageVoiceEntry.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Set up voice"
 msgstr "Set up voice"
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 #: src/pages/shell/user-menu.tsx
 msgid "Settings"
 msgstr "Settings"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: General"
 msgstr "Settings: General"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: Usage"
 msgstr "Settings: Usage"
@ -4259,10 +4264,11 @@ msgid "Show all {0}"
 msgstr "Show all {0}"
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Show bots"
 msgstr "Show bots"
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show computer"
 msgstr "Show computer"
@ -4278,7 +4284,7 @@ msgstr "Show more"
 msgid "Show password"
 msgstr "Show password"
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show settings"
 msgstr "Show settings"
@ -4307,7 +4313,7 @@ msgid "Sketching the blueprint…"
 msgstr "Sketching the blueprint…"
 #. placeholder {0}: skill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Skill {0}"
 msgstr "Skill {0}"
@ -4319,7 +4325,7 @@ msgstr "Skills"
 #: src/components/onboarding/OnboardingScanStep.tsx
 #: src/components/onboarding/OnboardingVoiceStep.tsx
 #: src/lib/onboarding-copy.ts
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Skip"
 msgstr "Skip"
@ -4373,11 +4379,11 @@ msgstr "Space default"
 msgid "Spaces"
 msgstr "Spaces"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak"
 msgstr "Speak"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak this reply"
 msgstr "Speak this reply"
@ -4431,15 +4437,15 @@ msgstr "Start recording"
 msgid "Start talking"
 msgstr "Start talking"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation — {activeName} is on stage above."
 msgstr "Start the conversation — {activeName} is on stage above."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation."
 msgstr "Start the conversation."
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Start voice conversation"
 msgstr "Start voice conversation"
@ -4466,11 +4472,13 @@ msgid "Steps"
 msgstr "Steps"
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Stop"
 msgstr "Stop"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Stop speaking"
 msgstr "Stop speaking"
@ -4500,7 +4508,7 @@ msgstr "Stress-testing the book…"
 msgid "Stronger together — {0} specialists"
 msgstr "Stronger together — {0} specialists"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "subagent"
 msgstr "subagent"
@ -4565,7 +4573,7 @@ msgstr "Teaching in progress. Stop teaching before sending a new message."
 msgid "Team"
 msgstr "Team"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Team Computer"
 msgstr "Team Computer"
@ -4606,7 +4614,7 @@ msgstr "The selected memory provider is not available in this build."
 msgid "Thinking"
 msgstr "Thinking"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "This bot runs on this computer, not a Linux desktop. Shell and files use your home folder."
 msgstr "This bot runs on this computer, not a Linux desktop. Shell and files use your home folder."
@ -4713,7 +4721,7 @@ msgid "Transcribe"
 msgstr "Transcribe"
 #: src/components/voice/VoiceStage.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Transcript"
 msgstr "Transcript"
@ -4836,7 +4844,7 @@ msgstr "Upload"
 #: src/pages/AccountSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Usage"
 msgstr "Usage"
@ -4877,8 +4885,8 @@ msgid "Video workflow"
 msgstr "Video workflow"
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/composer.tsx
 #: src/pages/VoiceSettingsOverlay.tsx
 msgid "Voice"
 msgstr "Voice"
@ -5074,7 +5082,7 @@ msgstr "Working…"
 msgid "Working…"
 msgstr "Working…"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-format.ts
 msgid "Yesterday"
 msgstr "Yesterday"
@ -5092,7 +5100,7 @@ msgstr "You can close this tab if it does not redirect automatically."
 msgid "You can close this window."
 msgstr "You can close this window."
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "You have control"
 msgstr "You have control"
--- a/apps/web/src/locales/es/messages.po
+++ b/apps/web/src/locales/es/messages.po
@ -14,7 +14,7 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 "X-Generator: @lingui/cli\n"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid " (unread)"
 msgstr " (sin leer)"
@ -126,22 +126,22 @@ msgid "{0}, {label}"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, 1:1 conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, group conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, main conversation"
 msgstr ""
 #. placeholder {0}: active.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "{0}'s screen"
 msgstr "Pantalla de {0}"
@ -210,7 +210,7 @@ msgstr ""
 msgid "{botName} watches the tape…"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "{botName}’s computer"
 msgstr "Computadora de {botName}"
@ -277,7 +277,7 @@ msgstr "{title}, {label}"
 msgid "{toolCount, plural, one {# tool} other {# tools}}"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "{workingBotName} is working"
 msgstr "{workingBotName} está trabajando"
@ -339,6 +339,7 @@ msgstr "Confirmaciones de acción"
 #. placeholder {0}: sectionMenu.section.name
 #: src/pages/BotContextMenu.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-group-header.tsx
 msgid "Actions for {0}"
 msgstr "Acciones para {0}"
@ -354,7 +355,7 @@ msgstr "Activo"
 msgid "Active model"
 msgstr "Modelo activo"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-header.tsx
 msgid "Activity"
 msgstr "Actividad"
@ -643,15 +644,15 @@ msgstr "Aprueba este servidor para que tu agente use sus herramientas."
 msgid "Archive"
 msgstr "Archivar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "archived"
 msgstr "archivado"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Archived"
 msgstr "Archivado"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Archived. Chat, memory, and files kept."
 msgstr "Archivado. Se conservan el chat, la memoria y los archivos."
@ -711,11 +712,11 @@ msgstr "a las {0}"
 msgid "at {timeSelect}"
 msgstr "a las {timeSelect}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Attach file"
 msgstr "Adjuntar archivo"
-#: src/pages/Shell.tsx
+#: src/pages/shell/message-preview.ts
 msgid "Attachment"
 msgstr "Archivo adjunto"
@ -788,7 +789,7 @@ msgstr "Token Bearer"
 msgid "Blocked in your browser settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Booting live desktop…"
 msgstr "Iniciando escritorio en vivo…"
@ -797,7 +798,7 @@ msgstr "Iniciando escritorio en vivo…"
 msgid "Booting up {0}’s computer"
 msgstr "Iniciando la computadora de {0}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "bot"
 msgstr "bot"
@ -812,11 +813,11 @@ msgstr "Bot"
 msgid "Bot"
 msgstr "Bot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Bot screen"
 msgstr "Pantalla del bot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Bot screen preview"
 msgstr "Vista previa de la pantalla del bot"
@ -828,7 +829,7 @@ msgstr "Bot a vincular"
 msgid "Bots act without asking by default. Add an exception only when you want to review a type of action first."
 msgstr "Los bots actúan sin preguntar de forma predeterminada. Agrega una excepción solo cuando quieras revisar primero un tipo de acción."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Bots are working"
 msgstr "Los bots están trabajando"
@ -889,7 +890,7 @@ msgstr "Cancelar nuevo bot"
 msgid "Cancel new group"
 msgstr "Cancelar nuevo grupo"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Cancel reply"
 msgstr "Cancelar respuesta"
@ -946,7 +947,7 @@ msgstr "Apps de chat, canales de grupo y conexiones de agentes."
 msgid "Chat history"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Chat Settings"
 msgstr "Configuración del chat"
@ -1088,7 +1089,7 @@ msgstr "Cerrar"
 msgid "Close chart"
 msgstr "Cerrar gráfico"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Close computer"
 msgstr "Cerrar computadora"
@ -1128,7 +1129,7 @@ msgstr "Cerrar navegación"
 #: src/components/ArtifactPane.tsx
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Close panel"
 msgstr "Cerrar panel"
@ -1159,7 +1160,7 @@ msgid "Coder"
 msgstr ""
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Collapse {0}"
 msgstr "Contraer {0}"
@ -1192,24 +1193,24 @@ msgid "Composing a reply…"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Computer"
 msgstr "Computadora"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer failed to boot"
 msgstr "La computadora no pudo iniciarse"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Computer is asleep"
 msgstr "La computadora está en reposo"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is asleep. Open it to wake."
 msgstr "La computadora está en reposo. Ábrela para despertarla."
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is stopped"
 msgstr "La computadora está detenida"
@ -1353,7 +1354,7 @@ msgstr ""
 msgid "Continue with email"
 msgstr "Continuar con el correo"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Conversation record"
 msgstr ""
@ -1361,11 +1362,11 @@ msgstr ""
 msgid "Conversations"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy"
 msgstr "Copiar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy reply"
 msgstr ""
@ -1747,9 +1748,9 @@ msgstr "No se pudieron actualizar los avatares"
 msgid "Couldn't update messaging settings"
 msgstr "No se pudo actualizar la configuración de mensajería"
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/dialogs.tsx
 #: src/pages/shell/sidebar-header.tsx
 msgid "Create"
 msgstr "Crear"
@ -1906,14 +1907,14 @@ msgstr "Alcance predeterminado"
 #: src/pages/KnowledgeSection.tsx
 #: src/pages/McpServersOverlay.tsx
 #: src/pages/RoutineEditor.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 #: src/pages/shell/dialogs.tsx
 msgid "Delete"
 msgstr "Eliminar"
 #. placeholder {0}: bot.name
 #. placeholder {0}: group.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Delete {0}"
 msgstr "Eliminar {0}"
@ -1943,7 +1944,7 @@ msgstr ""
 msgid "Delete space"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "deleted"
 msgstr "eliminado"
@ -2013,7 +2014,7 @@ msgstr "Desconectando…"
 msgid "Dismiss"
 msgstr "Descartar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Dismiss error"
 msgstr "Descartar error"
@ -2111,7 +2112,7 @@ msgstr "Duplicar"
 msgid "e.g. Hivenet Agent, Presales, Timesheets bot"
 msgstr "p. ej. Hivenet Agent, Presales, bot de hojas de horas"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Earlier message"
 msgstr "Mensaje anterior"
@ -2222,7 +2223,7 @@ msgid "Expand"
 msgstr "Expandir"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Expand {0}"
 msgstr "Expandir {0}"
@ -2404,6 +2405,7 @@ msgstr ""
 #: src/components/stage/OoStage.tsx
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/side-panel-header.tsx
 msgid "Group"
 msgstr "Grupo"
@ -2528,7 +2530,7 @@ msgstr ""
 msgid "How to check"
 msgstr "Cómo comprobar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "I’m done"
 msgstr "Listo"
@ -2635,11 +2637,11 @@ msgstr "Aislado"
 msgid "Its conversation, files, and routines will be permanently deleted. Bots it created stay in your list."
 msgstr "Su conversación, archivos y rutinas se eliminarán de forma permanente. Los bots que creó permanecerán en tu lista."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to latest"
 msgstr "Ir al más reciente"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to replied message"
 msgstr "Ir al mensaje respondido"
@ -2726,7 +2728,7 @@ msgstr ""
 msgid "Listening — what's the story?"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Load earlier messages"
 msgstr "Cargar mensajes anteriores"
@ -2779,7 +2781,7 @@ msgstr ""
 #: src/pages/HeuteBrief.tsx
 #: src/pages/IntegrationSetup.tsx
 #: src/pages/PeerMessagesOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Loading…"
 msgstr "Cargando…"
@ -2799,7 +2801,7 @@ msgstr ""
 msgid "Local Server Settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Log out"
 msgstr "Cerrar sesión"
@ -2926,7 +2928,7 @@ msgstr "Memoria"
 msgid "Memory scope"
 msgstr "Alcance de memoria"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Mentions"
 msgstr "Menciones"
@ -2939,11 +2941,12 @@ msgstr ""
 msgid "Message"
 msgstr "Mensaje"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-preview.ts
 msgid "Message"
 msgstr "Mensaje"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message composer"
 msgstr "Redactor de mensajes"
@ -2951,11 +2954,11 @@ msgstr "Redactor de mensajes"
 msgid "Message event"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Message from {peer}"
 msgstr "Mensaje de {peer}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message…"
 msgstr "Mensaje…"
@ -2981,7 +2984,7 @@ msgstr "Mínimo"
 msgid "Minimize"
 msgstr "Minimizar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Minimize bots"
 msgstr ""
@ -3038,7 +3041,7 @@ msgstr "Modelos del servidor"
 msgid "Monthly"
 msgstr "Mensual"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "More"
 msgstr ""
@ -3104,7 +3107,8 @@ msgstr ""
 #: src/components/MainInbox.tsx
 #: src/pages/ActivityList.tsx
 #: src/pages/HeuteBrief.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Needs you"
 msgstr ""
@ -3397,12 +3401,12 @@ msgid "Only file and folder names are read."
 msgstr ""
 #: src/pages/ScratchpadSection.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open"
 msgstr "Abrir"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Open {0}"
 msgstr "Abrir {0}"
@ -3418,11 +3422,11 @@ msgstr ""
 msgid "Open in browser"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open in full window"
 msgstr "Abrir en ventana completa"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Open navigation"
 msgstr "Abrir navegación"
@ -3438,7 +3442,7 @@ msgstr "Trabajo abierto"
 msgid "OpenAI-compatible server URL"
 msgstr "URL de servidor compatible con OpenAI"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Opened its thread."
 msgstr "Se abrió su hilo."
@ -3679,19 +3683,19 @@ msgstr ""
 msgid "Quiet hours start"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Quote"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "React"
 msgstr "Reaccionar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reactions"
 msgstr "Reacciones"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Read aloud"
 msgstr ""
@ -3796,7 +3800,7 @@ msgstr "Actualizando…"
 msgid "Region"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Release"
 msgstr "Liberar"
@ -3820,7 +3824,7 @@ msgid "Remove"
 msgstr "Quitar"
 #. placeholder {0}: attachment.file.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove {0}"
 msgstr "Quitar {0}"
@ -3829,7 +3833,7 @@ msgid "Remove Git event"
 msgstr ""
 #. placeholder {0}: mention.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove mention {0}"
 msgstr "Quitar mención {0}"
@ -3842,7 +3846,7 @@ msgid "Remove schedule"
 msgstr "Quitar horario"
 #. placeholder {0}: selectedSkill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove skill {0}"
 msgstr "Quitar habilidad {0}"
@ -3850,7 +3854,7 @@ msgstr "Quitar habilidad {0}"
 msgid "Remove webhook"
 msgstr "Quitar webhook"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Removed with chat, computer, and memory."
 msgstr "Eliminado junto con el chat, la computadora y la memoria."
@ -3883,15 +3887,15 @@ msgstr "Reemplazar clave de API"
 msgid "Replace key"
 msgstr "Reemplazar clave"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reply"
 msgstr "Responder"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}"
 msgstr "Respondiendo a {replyName}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}: “{replyQuote}”"
 msgstr ""
@ -3937,7 +3941,7 @@ msgstr "Restableciendo…"
 msgid "Restart to update"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Restore"
 msgstr "Restaurar"
@ -4142,7 +4146,7 @@ msgid "Searching…"
 msgstr "Buscando…"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Select {0}"
 msgstr ""
@ -4150,7 +4154,7 @@ msgstr ""
 msgid "Self-hosted (better-auth)"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-cards.tsx
 msgid "Send"
 msgstr "Enviar"
@ -4201,21 +4205,22 @@ msgid "Server URL"
 msgstr "URL del servidor"
 #: src/components/stage/StageVoiceEntry.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Set up voice"
 msgstr ""
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 #: src/pages/shell/user-menu.tsx
 msgid "Settings"
 msgstr "Configuración"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: General"
 msgstr "Configuración: General"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: Usage"
 msgstr "Configuración: Uso"
@ -4259,10 +4264,11 @@ msgid "Show all {0}"
 msgstr ""
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Show bots"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show computer"
 msgstr ""
@ -4278,7 +4284,7 @@ msgstr "Mostrar más"
 msgid "Show password"
 msgstr "Mostrar contraseña"
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show settings"
 msgstr "Mostrar configuración"
@ -4307,7 +4313,7 @@ msgid "Sketching the blueprint…"
 msgstr ""
 #. placeholder {0}: skill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Skill {0}"
 msgstr "Habilidad {0}"
@ -4319,7 +4325,7 @@ msgstr "Habilidades"
 #: src/components/onboarding/OnboardingScanStep.tsx
 #: src/components/onboarding/OnboardingVoiceStep.tsx
 #: src/lib/onboarding-copy.ts
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Skip"
 msgstr "Omitir"
@ -4373,11 +4379,11 @@ msgstr "Predeterminado del Space"
 msgid "Spaces"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak"
 msgstr "Hablar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak this reply"
 msgstr "Leer esta respuesta"
@ -4431,15 +4437,15 @@ msgstr "Iniciar grabación"
 msgid "Start talking"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation — {activeName} is on stage above."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Start voice conversation"
 msgstr ""
@ -4466,11 +4472,13 @@ msgid "Steps"
 msgstr "Pasos"
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Stop"
 msgstr "Detener"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Stop speaking"
 msgstr "Dejar de hablar"
@ -4500,7 +4508,7 @@ msgstr ""
 msgid "Stronger together — {0} specialists"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "subagent"
 msgstr "subagente"
@ -4565,7 +4573,7 @@ msgstr "Enseñanza en curso: detén la enseñanza antes de enviar un nuevo mensa
 msgid "Team"
 msgstr "Equipo"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Team Computer"
 msgstr "Team Computer"
@ -4606,7 +4614,7 @@ msgstr "El proveedor de memoria seleccionado no está disponible en esta build."
 msgid "Thinking"
 msgstr "Pensando"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "This bot runs on this computer, not a Linux desktop. Shell and files use your home folder."
 msgstr "Este bot se ejecuta en esta computadora, no en un escritorio Linux. El shell y los archivos usan tu carpeta de inicio."
@ -4713,7 +4721,7 @@ msgid "Transcribe"
 msgstr ""
 #: src/components/voice/VoiceStage.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Transcript"
 msgstr ""
@ -4836,7 +4844,7 @@ msgstr "Subir"
 #: src/pages/AccountSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Usage"
 msgstr "Uso"
@ -4877,8 +4885,8 @@ msgid "Video workflow"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/composer.tsx
 #: src/pages/VoiceSettingsOverlay.tsx
 msgid "Voice"
 msgstr "Voz"
@ -5074,7 +5082,7 @@ msgstr "Trabajando…"
 msgid "Working…"
 msgstr "Trabajando…"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-format.ts
 msgid "Yesterday"
 msgstr "Ayer"
@ -5092,7 +5100,7 @@ msgstr "Puedes cerrar esta pestaña si no redirige automáticamente."
 msgid "You can close this window."
 msgstr "Puedes cerrar esta ventana."
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "You have control"
 msgstr "Tienes el control"
--- a/apps/web/src/locales/hi/messages.po
+++ b/apps/web/src/locales/hi/messages.po
@ -14,7 +14,7 @@ msgstr ""
 "Plural-Forms: \n"
 "X-Generator: @lingui/cli\n"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid " (unread)"
 msgstr " (अपठित)"
@ -126,22 +126,22 @@ msgid "{0}, {label}"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, 1:1 conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, group conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, main conversation"
 msgstr ""
 #. placeholder {0}: active.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "{0}'s screen"
 msgstr ""
@ -210,7 +210,7 @@ msgstr ""
 msgid "{botName} watches the tape…"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "{botName}’s computer"
 msgstr "{botName} का कंप्यूटर"
@ -277,7 +277,7 @@ msgstr "{title}, {label}"
 msgid "{toolCount, plural, one {# tool} other {# tools}}"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "{workingBotName} is working"
 msgstr "{workingBotName} काम कर रहा है"
@ -339,6 +339,7 @@ msgstr "कार्रवाई की पुष्टि"
 #. placeholder {0}: sectionMenu.section.name
 #: src/pages/BotContextMenu.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-group-header.tsx
 msgid "Actions for {0}"
 msgstr "{0} के लिए कार्रवाइयां"
@ -354,7 +355,7 @@ msgstr ""
 msgid "Active model"
 msgstr "सक्रिय मॉडल"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-header.tsx
 msgid "Activity"
 msgstr "गतिविधि"
@ -643,15 +644,15 @@ msgstr "अपने एजेंट को इसके टूल उपयो
 msgid "Archive"
 msgstr "आर्काइव करें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "archived"
 msgstr "आर्काइव किया गया"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Archived"
 msgstr "आर्काइव किया गया"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Archived. Chat, memory, and files kept."
 msgstr "आर्काइव किया गया। चैट, मेमोरी और फ़ाइलें सुरक्षित रखी गईं।"
@ -711,11 +712,11 @@ msgstr "{0} बजे"
 msgid "at {timeSelect}"
 msgstr "{timeSelect} बजे"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Attach file"
 msgstr "फ़ाइल संलग्न करें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/message-preview.ts
 msgid "Attachment"
 msgstr "अटैचमेंट"
@ -788,7 +789,7 @@ msgstr "बियरर टोकन"
 msgid "Blocked in your browser settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Booting live desktop…"
 msgstr "लाइव डेस्कटॉप शुरू हो रहा है…"
@ -797,7 +798,7 @@ msgstr "लाइव डेस्कटॉप शुरू हो रहा ह
 msgid "Booting up {0}’s computer"
 msgstr "{0} का कंप्यूटर शुरू हो रहा है"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "bot"
 msgstr "बॉट"
@ -812,11 +813,11 @@ msgstr "बॉट"
 msgid "Bot"
 msgstr "बॉट"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Bot screen"
 msgstr "बॉट स्क्रीन"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Bot screen preview"
 msgstr "बॉट स्क्रीन प्रीव्यू"
@ -828,7 +829,7 @@ msgstr ""
 msgid "Bots act without asking by default. Add an exception only when you want to review a type of action first."
 msgstr "बॉट डिफ़ॉल्ट रूप से बिना पूछे कार्रवाई करते हैं। अपवाद तभी जोड़ें जब आप किसी प्रकार की कार्रवाई की पहले समीक्षा करना चाहते हों।"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Bots are working"
 msgstr "बॉट काम कर रहे हैं"
@ -889,7 +890,7 @@ msgstr "नया बॉट रद्द करें"
 msgid "Cancel new group"
 msgstr "नया समूह रद्द करें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Cancel reply"
 msgstr "उत्तर रद्द करें"
@ -946,7 +947,7 @@ msgstr ""
 msgid "Chat history"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Chat Settings"
 msgstr "चैट सेटिंग्स"
@ -1088,7 +1089,7 @@ msgstr "बंद करें"
 msgid "Close chart"
 msgstr "चार्ट बंद करें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Close computer"
 msgstr "कंप्यूटर बंद करें"
@ -1128,7 +1129,7 @@ msgstr "नेविगेशन बंद करें"
 #: src/components/ArtifactPane.tsx
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Close panel"
 msgstr "पैनल बंद करें"
@ -1159,7 +1160,7 @@ msgid "Coder"
 msgstr ""
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Collapse {0}"
 msgstr ""
@ -1192,24 +1193,24 @@ msgid "Composing a reply…"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Computer"
 msgstr "कंप्यूटर"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer failed to boot"
 msgstr "कंप्यूटर शुरू नहीं हो सका"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Computer is asleep"
 msgstr "कंप्यूटर निष्क्रिय है"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is asleep. Open it to wake."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is stopped"
 msgstr "कंप्यूटर रुका हुआ है"
@ -1353,7 +1354,7 @@ msgstr ""
 msgid "Continue with email"
 msgstr "ईमेल से जारी रखें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Conversation record"
 msgstr ""
@ -1361,11 +1362,11 @@ msgstr ""
 msgid "Conversations"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy"
 msgstr "कॉपी करें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy reply"
 msgstr ""
@ -1747,9 +1748,9 @@ msgstr ""
 msgid "Couldn't update messaging settings"
 msgstr ""
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/dialogs.tsx
 #: src/pages/shell/sidebar-header.tsx
 msgid "Create"
 msgstr "बनाएं"
@ -1906,14 +1907,14 @@ msgstr "डिफ़ॉल्ट स्कोप"
 #: src/pages/KnowledgeSection.tsx
 #: src/pages/McpServersOverlay.tsx
 #: src/pages/RoutineEditor.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 #: src/pages/shell/dialogs.tsx
 msgid "Delete"
 msgstr "डिलीट करें"
 #. placeholder {0}: bot.name
 #. placeholder {0}: group.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Delete {0}"
 msgstr "{0} डिलीट करें"
@ -1943,7 +1944,7 @@ msgstr ""
 msgid "Delete space"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "deleted"
 msgstr "डिलीट किया गया"
@ -2013,7 +2014,7 @@ msgstr "डिस्कनेक्ट हो रहा है…"
 msgid "Dismiss"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Dismiss error"
 msgstr ""
@ -2111,7 +2112,7 @@ msgstr "डुप्लिकेट"
 msgid "e.g. Hivenet Agent, Presales, Timesheets bot"
 msgstr "उदा. Hivenet Agent, Presales, टाइमशीट बॉट"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Earlier message"
 msgstr "पुराना संदेश"
@ -2222,7 +2223,7 @@ msgid "Expand"
 msgstr "विस्तृत करें"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Expand {0}"
 msgstr ""
@ -2404,6 +2405,7 @@ msgstr ""
 #: src/components/stage/OoStage.tsx
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/side-panel-header.tsx
 msgid "Group"
 msgstr "समूह"
@ -2528,7 +2530,7 @@ msgstr ""
 msgid "How to check"
 msgstr "जांच कैसे करें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "I’m done"
 msgstr "मेरा काम हो गया"
@ -2635,11 +2637,11 @@ msgstr "पृथक"
 msgid "Its conversation, files, and routines will be permanently deleted. Bots it created stay in your list."
 msgstr "इसकी बातचीत, फ़ाइलें और रूटीन स्थायी रूप से डिलीट कर दिए जाएंगे। इसके बनाए बॉट आपकी सूची में बने रहेंगे।"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to latest"
 msgstr "नवीनतम संदेश पर जाएँ"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to replied message"
 msgstr "जिस संदेश का उत्तर दिया गया उस पर जाएं"
@ -2726,7 +2728,7 @@ msgstr ""
 msgid "Listening — what's the story?"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Load earlier messages"
 msgstr "पुराने संदेश लोड करें"
@ -2779,7 +2781,7 @@ msgstr ""
 #: src/pages/HeuteBrief.tsx
 #: src/pages/IntegrationSetup.tsx
 #: src/pages/PeerMessagesOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Loading…"
 msgstr "लोड हो रहा है…"
@ -2799,7 +2801,7 @@ msgstr ""
 msgid "Local Server Settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Log out"
 msgstr "लॉग आउट"
@ -2926,7 +2928,7 @@ msgstr "मेमोरी"
 msgid "Memory scope"
 msgstr "मेमोरी स्कोप"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Mentions"
 msgstr ""
@ -2939,11 +2941,12 @@ msgstr ""
 msgid "Message"
 msgstr "संदेश"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-preview.ts
 msgid "Message"
 msgstr "संदेश"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message composer"
 msgstr ""
@ -2951,11 +2954,11 @@ msgstr ""
 msgid "Message event"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Message from {peer}"
 msgstr "{peer} का संदेश"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message…"
 msgstr "संदेश…"
@ -2981,7 +2984,7 @@ msgstr "न्यूनतम"
 msgid "Minimize"
 msgstr "छोटा करें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Minimize bots"
 msgstr ""
@ -3038,7 +3041,7 @@ msgstr "सर्वर से मॉडल"
 msgid "Monthly"
 msgstr "मासिक"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "More"
 msgstr ""
@ -3104,7 +3107,8 @@ msgstr ""
 #: src/components/MainInbox.tsx
 #: src/pages/ActivityList.tsx
 #: src/pages/HeuteBrief.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Needs you"
 msgstr ""
@ -3397,12 +3401,12 @@ msgid "Only file and folder names are read."
 msgstr ""
 #: src/pages/ScratchpadSection.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open"
 msgstr "खोलें"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Open {0}"
 msgstr ""
@ -3418,11 +3422,11 @@ msgstr ""
 msgid "Open in browser"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open in full window"
 msgstr "पूरी विंडो में खोलें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Open navigation"
 msgstr "नेविगेशन खोलें"
@ -3438,7 +3442,7 @@ msgstr "खुला कार्य"
 msgid "OpenAI-compatible server URL"
 msgstr "OpenAI-संगत सर्वर URL"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Opened its thread."
 msgstr "इसका थ्रेड खोला।"
@ -3679,19 +3683,19 @@ msgstr ""
 msgid "Quiet hours start"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Quote"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "React"
 msgstr "प्रतिक्रिया दें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reactions"
 msgstr "प्रतिक्रियाएँ"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Read aloud"
 msgstr ""
@ -3796,7 +3800,7 @@ msgstr ""
 msgid "Region"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Release"
 msgstr "नियंत्रण छोड़ें"
@ -3820,7 +3824,7 @@ msgid "Remove"
 msgstr "हटाएं"
 #. placeholder {0}: attachment.file.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove {0}"
 msgstr "{0} हटाएं"
@ -3829,7 +3833,7 @@ msgid "Remove Git event"
 msgstr ""
 #. placeholder {0}: mention.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove mention {0}"
 msgstr "उल्लेख {0} हटाएं"
@ -3842,7 +3846,7 @@ msgid "Remove schedule"
 msgstr ""
 #. placeholder {0}: selectedSkill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove skill {0}"
 msgstr "स्किल {0} हटाएं"
@ -3850,7 +3854,7 @@ msgstr "स्किल {0} हटाएं"
 msgid "Remove webhook"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Removed with chat, computer, and memory."
 msgstr "चैट, कंप्यूटर और मेमोरी सहित हटाया गया।"
@ -3883,15 +3887,15 @@ msgstr "API कुंजी बदलें"
 msgid "Replace key"
 msgstr "कुंजी बदलें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reply"
 msgstr "उत्तर दें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}"
 msgstr "{replyName} को उत्तर दे रहे हैं"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}: “{replyQuote}”"
 msgstr ""
@ -3937,7 +3941,7 @@ msgstr "रीसेट हो रहा है…"
 msgid "Restart to update"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Restore"
 msgstr "बहाल करें"
@ -4142,7 +4146,7 @@ msgid "Searching…"
 msgstr "खोजा जा रहा है…"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Select {0}"
 msgstr ""
@ -4150,7 +4154,7 @@ msgstr ""
 msgid "Self-hosted (better-auth)"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-cards.tsx
 msgid "Send"
 msgstr "भेजें"
@ -4201,21 +4205,22 @@ msgid "Server URL"
 msgstr "सर्वर URL"
 #: src/components/stage/StageVoiceEntry.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Set up voice"
 msgstr ""
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 #: src/pages/shell/user-menu.tsx
 msgid "Settings"
 msgstr "सेटिंग्स"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: General"
 msgstr "सेटिंग्स: सामान्य"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: Usage"
 msgstr "सेटिंग्स: उपयोग"
@ -4259,10 +4264,11 @@ msgid "Show all {0}"
 msgstr ""
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Show bots"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show computer"
 msgstr ""
@ -4278,7 +4284,7 @@ msgstr "और दिखाएँ"
 msgid "Show password"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show settings"
 msgstr "सेटिंग्स दिखाएं"
@ -4307,7 +4313,7 @@ msgid "Sketching the blueprint…"
 msgstr ""
 #. placeholder {0}: skill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Skill {0}"
 msgstr "स्किल {0}"
@ -4319,7 +4325,7 @@ msgstr "स्किल्स"
 #: src/components/onboarding/OnboardingScanStep.tsx
 #: src/components/onboarding/OnboardingVoiceStep.tsx
 #: src/lib/onboarding-copy.ts
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Skip"
 msgstr "छोड़ें"
@ -4373,11 +4379,11 @@ msgstr "स्पेस डिफ़ॉल्ट"
 msgid "Spaces"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak"
 msgstr "बोलें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak this reply"
 msgstr "यह उत्तर बोलकर सुनाएं"
@ -4431,15 +4437,15 @@ msgstr "रिकॉर्डिंग शुरू करें"
 msgid "Start talking"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation — {activeName} is on stage above."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Start voice conversation"
 msgstr ""
@ -4466,11 +4472,13 @@ msgid "Steps"
 msgstr "चरण"
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Stop"
 msgstr "रोकें"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Stop speaking"
 msgstr "बोलना रोकें"
@ -4500,7 +4508,7 @@ msgstr ""
 msgid "Stronger together — {0} specialists"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "subagent"
 msgstr "सबएजेंट"
@ -4565,7 +4573,7 @@ msgstr "सिखाना जारी है। नया संदेश भ
 msgid "Team"
 msgstr "टीम"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Team Computer"
 msgstr "टीम कंप्यूटर"
@ -4606,7 +4614,7 @@ msgstr "चयनित मेमोरी प्रोवाइडर इस
 msgid "Thinking"
 msgstr "सोच रहा है"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "This bot runs on this computer, not a Linux desktop. Shell and files use your home folder."
 msgstr "यह बॉट इसी कंप्यूटर पर चलता है, किसी Linux डेस्कटॉप पर नहीं। शेल और फ़ाइलें आपके होम फ़ोल्डर का उपयोग करती हैं।"
@ -4713,7 +4721,7 @@ msgid "Transcribe"
 msgstr ""
 #: src/components/voice/VoiceStage.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Transcript"
 msgstr ""
@ -4836,7 +4844,7 @@ msgstr "अपलोड"
 #: src/pages/AccountSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Usage"
 msgstr "उपयोग"
@ -4877,8 +4885,8 @@ msgid "Video workflow"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/composer.tsx
 #: src/pages/VoiceSettingsOverlay.tsx
 msgid "Voice"
 msgstr "आवाज़"
@ -5074,7 +5082,7 @@ msgstr "काम चल रहा है…"
 msgid "Working…"
 msgstr "काम चल रहा है…"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-format.ts
 msgid "Yesterday"
 msgstr "कल"
@ -5092,7 +5100,7 @@ msgstr "अगर यह अपने आप रीडायरेक्ट न
 msgid "You can close this window."
 msgstr "आप यह विंडो बंद कर सकते हैं।"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "You have control"
 msgstr "नियंत्रण आपके पास है"
--- a/apps/web/src/locales/ko/messages.po
+++ b/apps/web/src/locales/ko/messages.po
@ -14,7 +14,7 @@ msgstr ""
 "Plural-Forms: \n"
 "X-Generator: @lingui/cli\n"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid " (unread)"
 msgstr " (읽지 않음)"
@ -126,22 +126,22 @@ msgid "{0}, {label}"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, 1:1 conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, group conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, main conversation"
 msgstr ""
 #. placeholder {0}: active.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "{0}'s screen"
 msgstr "{0}의 화면"
@ -210,7 +210,7 @@ msgstr ""
 msgid "{botName} watches the tape…"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "{botName}’s computer"
 msgstr "{botName}의 컴퓨터"
@ -277,7 +277,7 @@ msgstr "{title}, {label}"
 msgid "{toolCount, plural, one {# tool} other {# tools}}"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "{workingBotName} is working"
 msgstr "{workingBotName} 작업 중"
@ -339,6 +339,7 @@ msgstr "작업 실행 전 확인"
 #. placeholder {0}: sectionMenu.section.name
 #: src/pages/BotContextMenu.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-group-header.tsx
 msgid "Actions for {0}"
 msgstr "{0} 작업 메뉴"
@ -354,7 +355,7 @@ msgstr "활성"
 msgid "Active model"
 msgstr "현재 모델"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-header.tsx
 msgid "Activity"
 msgstr "활동"
@ -643,15 +644,15 @@ msgstr "이 서버를 승인하면 Bot이 제공되는 도구를 사용할 수
 msgid "Archive"
 msgstr "보관"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "archived"
 msgstr "보관됨"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Archived"
 msgstr "보관됨"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Archived. Chat, memory, and files kept."
 msgstr "보관되었습니다. 대화, 기억, 파일은 유지됩니다."
@ -711,11 +712,11 @@ msgstr "{0}에"
 msgid "at {timeSelect}"
 msgstr "{timeSelect}에"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Attach file"
 msgstr "파일 첨부"
-#: src/pages/Shell.tsx
+#: src/pages/shell/message-preview.ts
 msgid "Attachment"
 msgstr "첨부 파일"
@ -788,7 +789,7 @@ msgstr "Bearer 토큰"
 msgid "Blocked in your browser settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Booting live desktop…"
 msgstr "라이브 데스크톱 시작 중…"
@ -797,7 +798,7 @@ msgstr "라이브 데스크톱 시작 중…"
 msgid "Booting up {0}’s computer"
 msgstr "{0}의 컴퓨터를 켜는 중"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "bot"
 msgstr "Bot"
@ -812,11 +813,11 @@ msgstr "Bot"
 msgid "Bot"
 msgstr "봇"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Bot screen"
 msgstr "Bot 화면"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Bot screen preview"
 msgstr "Bot 화면 미리보기"
@ -828,7 +829,7 @@ msgstr "연결할 Bot"
 msgid "Bots act without asking by default. Add an exception only when you want to review a type of action first."
 msgstr "Bot은 기본적으로 묻지 않고 작업합니다. 먼저 확인하고 싶은 작업만 예외로 추가하세요."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Bots are working"
 msgstr "봇 작업 중"
@ -889,7 +890,7 @@ msgstr "새 Bot 만들기 취소"
 msgid "Cancel new group"
 msgstr "새 그룹 만들기 취소"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Cancel reply"
 msgstr "답장 취소"
@ -946,7 +947,7 @@ msgstr "채팅 앱, 그룹 채널 및 Agent 연결을 관리합니다."
 msgid "Chat history"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Chat Settings"
 msgstr "채팅 설정"
@ -1088,7 +1089,7 @@ msgstr "닫기"
 msgid "Close chart"
 msgstr "차트 닫기"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Close computer"
 msgstr "컴퓨터 닫기"
@ -1128,7 +1129,7 @@ msgstr "메뉴 닫기"
 #: src/components/ArtifactPane.tsx
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Close panel"
 msgstr "패널 닫기"
@ -1159,7 +1160,7 @@ msgid "Coder"
 msgstr ""
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Collapse {0}"
 msgstr "{0} 접기"
@ -1192,24 +1193,24 @@ msgid "Composing a reply…"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Computer"
 msgstr "컴퓨터"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer failed to boot"
 msgstr "컴퓨터를 시작하지 못했습니다"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Computer is asleep"
 msgstr "컴퓨터가 절전 상태입니다"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is asleep. Open it to wake."
 msgstr "컴퓨터가 절전 상태입니다. 열어 깨우세요."
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is stopped"
 msgstr "컴퓨터가 중지됨"
@ -1353,7 +1354,7 @@ msgstr ""
 msgid "Continue with email"
 msgstr "이메일로 계속하기"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Conversation record"
 msgstr ""
@ -1361,11 +1362,11 @@ msgstr ""
 msgid "Conversations"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy"
 msgstr "복사"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy reply"
 msgstr ""
@ -1747,9 +1748,9 @@ msgstr "아바타를 업데이트할 수 없습니다"
 msgid "Couldn't update messaging settings"
 msgstr "메시징 설정을 업데이트할 수 없습니다"
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/dialogs.tsx
 #: src/pages/shell/sidebar-header.tsx
 msgid "Create"
 msgstr "만들기"
@ -1906,14 +1907,14 @@ msgstr "기본 기억 범위"
 #: src/pages/KnowledgeSection.tsx
 #: src/pages/McpServersOverlay.tsx
 #: src/pages/RoutineEditor.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 #: src/pages/shell/dialogs.tsx
 msgid "Delete"
 msgstr "삭제"
 #. placeholder {0}: bot.name
 #. placeholder {0}: group.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Delete {0}"
 msgstr "{0} 삭제"
@ -1943,7 +1944,7 @@ msgstr ""
 msgid "Delete space"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "deleted"
 msgstr "삭제됨"
@ -2013,7 +2014,7 @@ msgstr "연결 해제 중…"
 msgid "Dismiss"
 msgstr "닫기"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Dismiss error"
 msgstr "오류 닫기"
@ -2111,7 +2112,7 @@ msgstr "복제"
 msgid "e.g. Hivenet Agent, Presales, Timesheets bot"
 msgstr "예: Hivenet Agent, Presales, 근무표 봇"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Earlier message"
 msgstr "이전 메시지"
@ -2222,7 +2223,7 @@ msgid "Expand"
 msgstr "펼치기"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Expand {0}"
 msgstr "{0} 펼치기"
@ -2404,6 +2405,7 @@ msgstr ""
 #: src/components/stage/OoStage.tsx
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/side-panel-header.tsx
 msgid "Group"
 msgstr "그룹"
@ -2528,7 +2530,7 @@ msgstr ""
 msgid "How to check"
 msgstr "완료 확인 방법"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "I’m done"
 msgstr "조작 끝내기"
@ -2635,11 +2637,11 @@ msgstr "이 Bot만 사용"
 msgid "Its conversation, files, and routines will be permanently deleted. Bots it created stay in your list."
 msgstr "대화, 파일, 자동 실행이 영구 삭제됩니다. 이 Bot이 만든 다른 Bot은 목록에 남습니다."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to latest"
 msgstr "최신 메시지로 이동"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to replied message"
 msgstr "답장한 메시지로 이동"
@ -2726,7 +2728,7 @@ msgstr ""
 msgid "Listening — what's the story?"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Load earlier messages"
 msgstr "이전 메시지 불러오기"
@ -2779,7 +2781,7 @@ msgstr ""
 #: src/pages/HeuteBrief.tsx
 #: src/pages/IntegrationSetup.tsx
 #: src/pages/PeerMessagesOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Loading…"
 msgstr "불러오는 중…"
@ -2799,7 +2801,7 @@ msgstr ""
 msgid "Local Server Settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Log out"
 msgstr "로그아웃"
@ -2926,7 +2928,7 @@ msgstr "기억"
 msgid "Memory scope"
 msgstr "기억 사용 범위"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Mentions"
 msgstr "멘션"
@ -2939,11 +2941,12 @@ msgstr ""
 msgid "Message"
 msgstr "메시지"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-preview.ts
 msgid "Message"
 msgstr "메시지"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message composer"
 msgstr "메시지 작성기"
@ -2951,11 +2954,11 @@ msgstr "메시지 작성기"
 msgid "Message event"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Message from {peer}"
 msgstr "{peer}의 메시지"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message…"
 msgstr "메시지를 입력하세요"
@ -2981,7 +2984,7 @@ msgstr "최소"
 msgid "Minimize"
 msgstr "최소화"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Minimize bots"
 msgstr ""
@ -3038,7 +3041,7 @@ msgstr "서버에서 찾은 모델"
 msgid "Monthly"
 msgstr "매월"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "More"
 msgstr ""
@ -3104,7 +3107,8 @@ msgstr ""
 #: src/components/MainInbox.tsx
 #: src/pages/ActivityList.tsx
 #: src/pages/HeuteBrief.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Needs you"
 msgstr ""
@ -3397,12 +3401,12 @@ msgid "Only file and folder names are read."
 msgstr ""
 #: src/pages/ScratchpadSection.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open"
 msgstr "열기"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Open {0}"
 msgstr "{0} 열기"
@ -3418,11 +3422,11 @@ msgstr ""
 msgid "Open in browser"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open in full window"
 msgstr "전체 창으로 열기"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Open navigation"
 msgstr "메뉴 열기"
@ -3438,7 +3442,7 @@ msgstr "진행 중인 작업"
 msgid "OpenAI-compatible server URL"
 msgstr "OpenAI 호환 서버 주소"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Opened its thread."
 msgstr "대화가 만들어졌습니다."
@ -3679,19 +3683,19 @@ msgstr ""
 msgid "Quiet hours start"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Quote"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "React"
 msgstr "반응하기"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reactions"
 msgstr "반응"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Read aloud"
 msgstr ""
@ -3796,7 +3800,7 @@ msgstr "새로고침 중…"
 msgid "Region"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Release"
 msgstr "제어권 돌려주기"
@ -3820,7 +3824,7 @@ msgid "Remove"
 msgstr "삭제"
 #. placeholder {0}: attachment.file.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove {0}"
 msgstr "{0} 삭제"
@ -3829,7 +3833,7 @@ msgid "Remove Git event"
 msgstr ""
 #. placeholder {0}: mention.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove mention {0}"
 msgstr "{0} 멘션 삭제"
@ -3842,7 +3846,7 @@ msgid "Remove schedule"
 msgstr "일정 제거"
 #. placeholder {0}: selectedSkill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove skill {0}"
 msgstr "작업 기술 {0} 삭제"
@ -3850,7 +3854,7 @@ msgstr "작업 기술 {0} 삭제"
 msgid "Remove webhook"
 msgstr "웹훅 제거"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Removed with chat, computer, and memory."
 msgstr "대화, 컴퓨터, 기억과 함께 삭제되었습니다."
@ -3883,15 +3887,15 @@ msgstr "API 키 교체"
 msgid "Replace key"
 msgstr "키 교체"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reply"
 msgstr "답장"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}"
 msgstr "{replyName}에게 답장"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}: “{replyQuote}”"
 msgstr ""
@ -3937,7 +3941,7 @@ msgstr "재설정 중…"
 msgid "Restart to update"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Restore"
 msgstr "복원"
@ -4142,7 +4146,7 @@ msgid "Searching…"
 msgstr "검색 중…"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Select {0}"
 msgstr ""
@ -4150,7 +4154,7 @@ msgstr ""
 msgid "Self-hosted (better-auth)"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-cards.tsx
 msgid "Send"
 msgstr "보내기"
@ -4201,21 +4205,22 @@ msgid "Server URL"
 msgstr "서버 URL"
 #: src/components/stage/StageVoiceEntry.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Set up voice"
 msgstr ""
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 #: src/pages/shell/user-menu.tsx
 msgid "Settings"
 msgstr "설정"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: General"
 msgstr "설정: 일반"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: Usage"
 msgstr "설정: 사용량"
@ -4259,10 +4264,11 @@ msgid "Show all {0}"
 msgstr ""
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Show bots"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show computer"
 msgstr ""
@ -4278,7 +4284,7 @@ msgstr "더 보기"
 msgid "Show password"
 msgstr "비밀번호 표시"
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show settings"
 msgstr "설정 보기"
@ -4307,7 +4313,7 @@ msgid "Sketching the blueprint…"
 msgstr ""
 #. placeholder {0}: skill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Skill {0}"
 msgstr "작업 기술 {0}"
@ -4319,7 +4325,7 @@ msgstr "스킬"
 #: src/components/onboarding/OnboardingScanStep.tsx
 #: src/components/onboarding/OnboardingVoiceStep.tsx
 #: src/lib/onboarding-copy.ts
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Skip"
 msgstr "건너뛰기"
@ -4373,11 +4379,11 @@ msgstr "스페이스 기본값"
 msgid "Spaces"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak"
 msgstr "읽기"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak this reply"
 msgstr "이 답변 읽기"
@ -4431,15 +4437,15 @@ msgstr "작업 녹화 시작"
 msgid "Start talking"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation — {activeName} is on stage above."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Start voice conversation"
 msgstr ""
@ -4466,11 +4472,13 @@ msgid "Steps"
 msgstr "실행 단계"
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Stop"
 msgstr "중지"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Stop speaking"
 msgstr "읽기 중지"
@ -4500,7 +4508,7 @@ msgstr ""
 msgid "Stronger together — {0} specialists"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "subagent"
 msgstr "보조 에이전트"
@ -4565,7 +4573,7 @@ msgstr "작업을 가르치는 중입니다. 새 메시지를 보내려면 먼
 msgid "Team"
 msgstr "팀 공용"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Team Computer"
 msgstr "팀 컴퓨터"
@ -4606,7 +4614,7 @@ msgstr "선택한 기억 서비스는 현재 빌드에서 사용할 수 없습
 msgid "Thinking"
 msgstr "생각 깊이"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "This bot runs on this computer, not a Linux desktop. Shell and files use your home folder."
 msgstr "이 Bot은 별도 Linux 화면이 아니라 현재 컴퓨터에서 실행됩니다. 터미널과 파일 작업은 홈 폴더를 사용합니다."
@ -4713,7 +4721,7 @@ msgid "Transcribe"
 msgstr ""
 #: src/components/voice/VoiceStage.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Transcript"
 msgstr ""
@ -4836,7 +4844,7 @@ msgstr "업로드"
 #: src/pages/AccountSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Usage"
 msgstr "사용량"
@ -4877,8 +4885,8 @@ msgid "Video workflow"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/composer.tsx
 #: src/pages/VoiceSettingsOverlay.tsx
 msgid "Voice"
 msgstr "음성"
@ -5074,7 +5082,7 @@ msgstr "처리 중…"
 msgid "Working…"
 msgstr "처리 중…"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-format.ts
 msgid "Yesterday"
 msgstr "어제"
@ -5092,7 +5100,7 @@ msgstr "자동으로 이동하지 않으면 이 탭을 닫아도 됩니다."
 msgid "You can close this window."
 msgstr "이 창을 닫아도 됩니다."
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "You have control"
 msgstr "직접 조작 중"
--- a/apps/web/src/locales/pt-BR/messages.po
+++ b/apps/web/src/locales/pt-BR/messages.po
@ -14,7 +14,7 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=(n > 1);\n"
 "X-Generator: @lingui/cli\n"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid " (unread)"
 msgstr " (não lido)"
@ -126,22 +126,22 @@ msgid "{0}, {label}"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, 1:1 conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, group conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, main conversation"
 msgstr ""
 #. placeholder {0}: active.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "{0}'s screen"
 msgstr ""
@ -210,7 +210,7 @@ msgstr ""
 msgid "{botName} watches the tape…"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "{botName}’s computer"
 msgstr "Computador do {botName}"
@ -277,7 +277,7 @@ msgstr "{title}, {label}"
 msgid "{toolCount, plural, one {# tool} other {# tools}}"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "{workingBotName} is working"
 msgstr "{workingBotName} está trabalhando"
@ -339,6 +339,7 @@ msgstr "Confirmações de ação"
 #. placeholder {0}: sectionMenu.section.name
 #: src/pages/BotContextMenu.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-group-header.tsx
 msgid "Actions for {0}"
 msgstr "Ações para {0}"
@ -354,7 +355,7 @@ msgstr ""
 msgid "Active model"
 msgstr "Modelo ativo"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-header.tsx
 msgid "Activity"
 msgstr "Atividade"
@ -643,15 +644,15 @@ msgstr "Aprove este servidor para permitir que seu agente use suas ferramentas."
 msgid "Archive"
 msgstr "Arquivar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "archived"
 msgstr "arquivado"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Archived"
 msgstr "Arquivado"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Archived. Chat, memory, and files kept."
 msgstr "Arquivado. Chat, memória e arquivos mantidos."
@ -711,11 +712,11 @@ msgstr "em {0}"
 msgid "at {timeSelect}"
 msgstr "em {timeSelect}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Attach file"
 msgstr "Escolher arquivo"
-#: src/pages/Shell.tsx
+#: src/pages/shell/message-preview.ts
 msgid "Attachment"
 msgstr "Anexo"
@ -788,7 +789,7 @@ msgstr "Token portador"
 msgid "Blocked in your browser settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Booting live desktop…"
 msgstr "Iniciando a área de trabalho ao vivo..."
@ -797,7 +798,7 @@ msgstr "Iniciando a área de trabalho ao vivo..."
 msgid "Booting up {0}’s computer"
 msgstr "Inicializando o computador do {0}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "bot"
 msgstr "bot"
@ -812,11 +813,11 @@ msgstr "Bot"
 msgid "Bot"
 msgstr "Bot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Bot screen"
 msgstr "Tela do bot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Bot screen preview"
 msgstr "Pré-visualização da tela"
@ -828,7 +829,7 @@ msgstr ""
 msgid "Bots act without asking by default. Add an exception only when you want to review a type of action first."
 msgstr "Os bots agem sem perguntar por padrão. Adicione uma exceção apenas quando quiser analisar um tipo de ação primeiro."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Bots are working"
 msgstr "Bots estão trabalhando"
@ -889,7 +890,7 @@ msgstr "Cancelar novo bot"
 msgid "Cancel new group"
 msgstr "Cancelar novo grupo"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Cancel reply"
 msgstr "cancelar resposta"
@ -946,7 +947,7 @@ msgstr ""
 msgid "Chat history"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Chat Settings"
 msgstr "Configurações do chat"
@ -1088,7 +1089,7 @@ msgstr "Fechar"
 msgid "Close chart"
 msgstr "Fechar gráfico"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Close computer"
 msgstr "Fechar computador"
@ -1128,7 +1129,7 @@ msgstr "Fechar navegação"
 #: src/components/ArtifactPane.tsx
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Close panel"
 msgstr "Fechar painel"
@ -1159,7 +1160,7 @@ msgid "Coder"
 msgstr ""
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Collapse {0}"
 msgstr ""
@ -1192,24 +1193,24 @@ msgid "Composing a reply…"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Computer"
 msgstr "Computador"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer failed to boot"
 msgstr "Falha ao inicializar o computador"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Computer is asleep"
 msgstr "O computador está dormindo"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is asleep. Open it to wake."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is stopped"
 msgstr "O computador está parado"
@ -1353,7 +1354,7 @@ msgstr ""
 msgid "Continue with email"
 msgstr "Continuar com e-mail"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Conversation record"
 msgstr ""
@ -1361,11 +1362,11 @@ msgstr ""
 msgid "Conversations"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy"
 msgstr "Copiar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy reply"
 msgstr ""
@ -1747,9 +1748,9 @@ msgstr ""
 msgid "Couldn't update messaging settings"
 msgstr ""
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/dialogs.tsx
 #: src/pages/shell/sidebar-header.tsx
 msgid "Create"
 msgstr "Criar"
@ -1906,14 +1907,14 @@ msgstr "Escopo padrão"
 #: src/pages/KnowledgeSection.tsx
 #: src/pages/McpServersOverlay.tsx
 #: src/pages/RoutineEditor.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 #: src/pages/shell/dialogs.tsx
 msgid "Delete"
 msgstr "Excluir"
 #. placeholder {0}: bot.name
 #. placeholder {0}: group.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Delete {0}"
 msgstr "Excluir {0}"
@ -1943,7 +1944,7 @@ msgstr ""
 msgid "Delete space"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "deleted"
 msgstr "excluído"
@ -2013,7 +2014,7 @@ msgstr "Desconectando…"
 msgid "Dismiss"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Dismiss error"
 msgstr ""
@ -2111,7 +2112,7 @@ msgstr "Duplicar"
 msgid "e.g. Hivenet Agent, Presales, Timesheets bot"
 msgstr "ex.: Hivenet Agent, Presales, bot de planilhas"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Earlier message"
 msgstr ""
@ -2222,7 +2223,7 @@ msgid "Expand"
 msgstr "Expandir"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Expand {0}"
 msgstr ""
@ -2404,6 +2405,7 @@ msgstr ""
 #: src/components/stage/OoStage.tsx
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/side-panel-header.tsx
 msgid "Group"
 msgstr "Grupo"
@ -2528,7 +2530,7 @@ msgstr ""
 msgid "How to check"
 msgstr "Como verificar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "I’m done"
 msgstr "Eu terminei."
@ -2635,11 +2637,11 @@ msgstr "Isolado"
 msgid "Its conversation, files, and routines will be permanently deleted. Bots it created stay in your list."
 msgstr "Suas conversas, arquivos e rotinas serão excluídos permanentemente. Os bots criados ficam na sua lista."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to latest"
 msgstr "Ir para a mensagem mais recente"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to replied message"
 msgstr "Ir para a mensagem respondida"
@ -2726,7 +2728,7 @@ msgstr ""
 msgid "Listening — what's the story?"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Load earlier messages"
 msgstr "Carregar mensagens anteriores..."
@ -2779,7 +2781,7 @@ msgstr ""
 #: src/pages/HeuteBrief.tsx
 #: src/pages/IntegrationSetup.tsx
 #: src/pages/PeerMessagesOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Loading…"
 msgstr "Carregando..."
@ -2799,7 +2801,7 @@ msgstr ""
 msgid "Local Server Settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Log out"
 msgstr "Sair"
@ -2926,7 +2928,7 @@ msgstr "Memória"
 msgid "Memory scope"
 msgstr "Escopo de memória"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Mentions"
 msgstr ""
@ -2939,11 +2941,12 @@ msgstr ""
 msgid "Message"
 msgstr "Mensagem"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-preview.ts
 msgid "Message"
 msgstr "Mensagem"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message composer"
 msgstr ""
@ -2951,11 +2954,11 @@ msgstr ""
 msgid "Message event"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Message from {peer}"
 msgstr "Mensagem de {peer}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message…"
 msgstr "Mensagem…"
@ -2981,7 +2984,7 @@ msgstr "Mínimo"
 msgid "Minimize"
 msgstr "Minimizar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Minimize bots"
 msgstr ""
@ -3038,7 +3041,7 @@ msgstr "Modelos do servidor"
 msgid "Monthly"
 msgstr "Mensalmente"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "More"
 msgstr ""
@ -3104,7 +3107,8 @@ msgstr ""
 #: src/components/MainInbox.tsx
 #: src/pages/ActivityList.tsx
 #: src/pages/HeuteBrief.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Needs you"
 msgstr ""
@ -3397,12 +3401,12 @@ msgid "Only file and folder names are read."
 msgstr ""
 #: src/pages/ScratchpadSection.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open"
 msgstr "Abrir"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Open {0}"
 msgstr ""
@ -3418,11 +3422,11 @@ msgstr ""
 msgid "Open in browser"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open in full window"
 msgstr "Abrir em janela cheia"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Open navigation"
 msgstr "Abrir a navegação"
@ -3438,7 +3442,7 @@ msgstr "Trabalho aberto"
 msgid "OpenAI-compatible server URL"
 msgstr "URL do servidor compatível com OpenAI"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Opened its thread."
 msgstr "Abriu a conversa."
@ -3679,19 +3683,19 @@ msgstr ""
 msgid "Quiet hours start"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Quote"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "React"
 msgstr "Reagir"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reactions"
 msgstr "Reações"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Read aloud"
 msgstr ""
@ -3796,7 +3800,7 @@ msgstr ""
 msgid "Region"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Release"
 msgstr "Libere"
@ -3820,7 +3824,7 @@ msgid "Remove"
 msgstr "Remover"
 #. placeholder {0}: attachment.file.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove {0}"
 msgstr "Remover {0}"
@ -3829,7 +3833,7 @@ msgid "Remove Git event"
 msgstr ""
 #. placeholder {0}: mention.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove mention {0}"
 msgstr "Remover menção {0}"
@ -3842,7 +3846,7 @@ msgid "Remove schedule"
 msgstr ""
 #. placeholder {0}: selectedSkill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove skill {0}"
 msgstr "Remover habilidade {0}"
@ -3850,7 +3854,7 @@ msgstr "Remover habilidade {0}"
 msgid "Remove webhook"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Removed with chat, computer, and memory."
 msgstr "Removido com chat, computador e memória."
@ -3883,15 +3887,15 @@ msgstr "Substituir chave de API"
 msgid "Replace key"
 msgstr "Substituir chave"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reply"
 msgstr "Responder"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}"
 msgstr "Respondendo a {replyName}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}: “{replyQuote}”"
 msgstr ""
@ -3937,7 +3941,7 @@ msgstr "Redefinindo…"
 msgid "Restart to update"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Restore"
 msgstr "Restaurar"
@ -4142,7 +4146,7 @@ msgid "Searching…"
 msgstr "Pesquisando…"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Select {0}"
 msgstr ""
@ -4150,7 +4154,7 @@ msgstr ""
 msgid "Self-hosted (better-auth)"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-cards.tsx
 msgid "Send"
 msgstr "Enviar"
@ -4201,21 +4205,22 @@ msgid "Server URL"
 msgstr "URL do servidor"
 #: src/components/stage/StageVoiceEntry.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Set up voice"
 msgstr ""
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 #: src/pages/shell/user-menu.tsx
 msgid "Settings"
 msgstr "Configurações"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: General"
 msgstr "Opções > Geral"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: Usage"
 msgstr "Configurações: Uso"
@ -4259,10 +4264,11 @@ msgid "Show all {0}"
 msgstr ""
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Show bots"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show computer"
 msgstr ""
@ -4278,7 +4284,7 @@ msgstr "Mostrar mais"
 msgid "Show password"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show settings"
 msgstr "Mostrar configurações"
@ -4307,7 +4313,7 @@ msgid "Sketching the blueprint…"
 msgstr ""
 #. placeholder {0}: skill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Skill {0}"
 msgstr "Habilidade {0}"
@ -4319,7 +4325,7 @@ msgstr "Habilidades"
 #: src/components/onboarding/OnboardingScanStep.tsx
 #: src/components/onboarding/OnboardingVoiceStep.tsx
 #: src/lib/onboarding-copy.ts
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Skip"
 msgstr "Pular"
@ -4373,11 +4379,11 @@ msgstr "Padrão do espaço"
 msgid "Spaces"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak"
 msgstr "Falar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak this reply"
 msgstr "Fale esta resposta"
@ -4431,15 +4437,15 @@ msgstr "Começar a gravar"
 msgid "Start talking"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation — {activeName} is on stage above."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Start voice conversation"
 msgstr ""
@ -4466,11 +4472,13 @@ msgid "Steps"
 msgstr "Passos"
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Stop"
 msgstr "Parar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Stop speaking"
 msgstr "Pare de Falar"
@ -4500,7 +4508,7 @@ msgstr ""
 msgid "Stronger together — {0} specialists"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "subagent"
 msgstr "subagente"
@ -4565,7 +4573,7 @@ msgstr "Ensino em andamento. Pare de ensinar antes de enviar uma nova mensagem."
 msgid "Team"
 msgstr "Equipe"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Team Computer"
 msgstr "Computador da equipe"
@ -4606,7 +4614,7 @@ msgstr "O provedor de memória selecionado não está disponível nesta compila
 msgid "Thinking"
 msgstr "Pensando"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "This bot runs on this computer, not a Linux desktop. Shell and files use your home folder."
 msgstr "Este bot é executado neste computador, não em um desktop Linux. Shell e arquivos usam sua pasta inicial."
@ -4713,7 +4721,7 @@ msgid "Transcribe"
 msgstr ""
 #: src/components/voice/VoiceStage.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Transcript"
 msgstr ""
@ -4836,7 +4844,7 @@ msgstr "Enviar"
 #: src/pages/AccountSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Usage"
 msgstr "Uso"
@ -4877,8 +4885,8 @@ msgid "Video workflow"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/composer.tsx
 #: src/pages/VoiceSettingsOverlay.tsx
 msgid "Voice"
 msgstr "Voz"
@ -5074,7 +5082,7 @@ msgstr "Funcionando"
 msgid "Working…"
 msgstr "Funcionando"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-format.ts
 msgid "Yesterday"
 msgstr "Ontem"
@ -5092,7 +5100,7 @@ msgstr "Você pode fechar esta guia se ela não for redirecionada automaticament
 msgid "You can close this window."
 msgstr "Você pode fechar esta janela."
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "You have control"
 msgstr "Você tem o controle"
--- a/apps/web/src/locales/ru/messages.po
+++ b/apps/web/src/locales/ru/messages.po
@ -14,7 +14,7 @@ msgstr ""
 "Plural-Forms: nplurals=3; plural=(n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);\n"
 "X-Generator: @lingui/cli\n"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid " (unread)"
 msgstr " (непрочитано)"
@ -126,22 +126,22 @@ msgid "{0}, {label}"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, 1:1 conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, group conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, main conversation"
 msgstr ""
 #. placeholder {0}: active.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "{0}'s screen"
 msgstr "Экран {0}"
@ -210,7 +210,7 @@ msgstr ""
 msgid "{botName} watches the tape…"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "{botName}’s computer"
 msgstr "Компьютер {botName}"
@ -277,7 +277,7 @@ msgstr "{title}, {label}"
 msgid "{toolCount, plural, one {# tool} other {# tools}}"
 msgstr "{toolCount, plural, one {# инструмент} few {# инструмента} many {# инструментов} other {# инструмента}}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "{workingBotName} is working"
 msgstr "{workingBotName} работает"
@ -339,6 +339,7 @@ msgstr "Подтверждения действий"
 #. placeholder {0}: sectionMenu.section.name
 #: src/pages/BotContextMenu.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-group-header.tsx
 msgid "Actions for {0}"
 msgstr "Действия для {0}"
@ -354,7 +355,7 @@ msgstr "Активный"
 msgid "Active model"
 msgstr "Активная модель"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-header.tsx
 msgid "Activity"
 msgstr "Активность"
@ -643,15 +644,15 @@ msgstr "Одобрите этот сервер, чтобы ваш агент м
 msgid "Archive"
 msgstr "Архивировать"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "archived"
 msgstr "в архиве"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Archived"
 msgstr "В архиве"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Archived. Chat, memory, and files kept."
 msgstr "В архиве. Чат, память и файлы сохраняются."
@ -711,11 +712,11 @@ msgstr "в {0}"
 msgid "at {timeSelect}"
 msgstr "в {timeSelect}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Attach file"
 msgstr "Прикрепить файл"
-#: src/pages/Shell.tsx
+#: src/pages/shell/message-preview.ts
 msgid "Attachment"
 msgstr "Вложение"
@ -788,7 +789,7 @@ msgstr "Bearer-токен"
 msgid "Blocked in your browser settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Booting live desktop…"
 msgstr "Загрузка рабочего стола…"
@ -797,7 +798,7 @@ msgstr "Загрузка рабочего стола…"
 msgid "Booting up {0}’s computer"
 msgstr "Загрузка компьютера {0}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "bot"
 msgstr "бот"
@ -812,11 +813,11 @@ msgstr "Бот"
 msgid "Bot"
 msgstr "Бот"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Bot screen"
 msgstr "Экран бота"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Bot screen preview"
 msgstr "Предварительный просмотр экрана бота"
@ -828,7 +829,7 @@ msgstr "Бот для ссылки"
 msgid "Bots act without asking by default. Add an exception only when you want to review a type of action first."
 msgstr "По умолчанию боты действуют, не спрашивая. Добавляйте исключение только в том случае, если вы хотите сначала просмотреть тип действия."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Bots are working"
 msgstr "Боты работают"
@ -889,7 +890,7 @@ msgstr "Отменить создание бота"
 msgid "Cancel new group"
 msgstr "Отменить создание группы"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Cancel reply"
 msgstr "Отменить ответ"
@ -946,7 +947,7 @@ msgstr "Приложения чата, групповые каналы и под
 msgid "Chat history"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Chat Settings"
 msgstr "Настройки чата"
@ -1088,7 +1089,7 @@ msgstr "Закрыть"
 msgid "Close chart"
 msgstr "Закрыть график"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Close computer"
 msgstr "Закрыть компьютер"
@ -1128,7 +1129,7 @@ msgstr "Закрыть навигацию"
 #: src/components/ArtifactPane.tsx
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Close panel"
 msgstr "Закрыть панель"
@ -1159,7 +1160,7 @@ msgid "Coder"
 msgstr ""
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Collapse {0}"
 msgstr "Свернуть {0}"
@ -1192,24 +1193,24 @@ msgid "Composing a reply…"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Computer"
 msgstr "Компьютер"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer failed to boot"
 msgstr "Компьютер не смог загрузиться"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Computer is asleep"
 msgstr "Компьютер спит"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is asleep. Open it to wake."
 msgstr "Компьютер спит. Откройте его, чтобы разбудить."
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is stopped"
 msgstr "Компьютер остановлен"
@ -1353,7 +1354,7 @@ msgstr "Продолжить в фоне"
 msgid "Continue with email"
 msgstr "Продолжить по электронной почте"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Conversation record"
 msgstr ""
@ -1361,11 +1362,11 @@ msgstr ""
 msgid "Conversations"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy"
 msgstr "Копировать"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy reply"
 msgstr ""
@ -1747,9 +1748,9 @@ msgstr "Не удалось обновить аватары"
 msgid "Couldn't update messaging settings"
 msgstr "Не удалось обновить настройки обмена сообщениями."
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/dialogs.tsx
 #: src/pages/shell/sidebar-header.tsx
 msgid "Create"
 msgstr "Создать"
@ -1906,14 +1907,14 @@ msgstr "Область действия по умолчанию"
 #: src/pages/KnowledgeSection.tsx
 #: src/pages/McpServersOverlay.tsx
 #: src/pages/RoutineEditor.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 #: src/pages/shell/dialogs.tsx
 msgid "Delete"
 msgstr "Удалить"
 #. placeholder {0}: bot.name
 #. placeholder {0}: group.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Delete {0}"
 msgstr "Удалить {0}"
@ -1943,7 +1944,7 @@ msgstr ""
 msgid "Delete space"
 msgstr "Удалить пространство"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "deleted"
 msgstr "удалено"
@ -2013,7 +2014,7 @@ msgstr "Отключение…"
 msgid "Dismiss"
 msgstr "Закрыть"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Dismiss error"
 msgstr "Закрыть ошибку"
@ -2111,7 +2112,7 @@ msgstr "Дублировать"
 msgid "e.g. Hivenet Agent, Presales, Timesheets bot"
 msgstr "напр. Hivenet Agent, Presales, бот табелей"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Earlier message"
 msgstr "Предыдущее сообщение"
@ -2222,7 +2223,7 @@ msgid "Expand"
 msgstr "Развернуть"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Expand {0}"
 msgstr "Развернуть {0}"
@ -2404,6 +2405,7 @@ msgstr ""
 #: src/components/stage/OoStage.tsx
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/side-panel-header.tsx
 msgid "Group"
 msgstr "Группа"
@ -2528,7 +2530,7 @@ msgstr ""
 msgid "How to check"
 msgstr "Как проверить"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "I’m done"
 msgstr "Готово"
@ -2635,11 +2637,11 @@ msgstr "изолированный"
 msgid "Its conversation, files, and routines will be permanently deleted. Bots it created stay in your list."
 msgstr "Его диалог, файлы и задачи будут безвозвратно удалены. Созданные им боты останутся в вашем списке."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to latest"
 msgstr "Перейти к последнему"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to replied message"
 msgstr "Перейти к ответному сообщению"
@ -2726,7 +2728,7 @@ msgstr ""
 msgid "Listening — what's the story?"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Load earlier messages"
 msgstr "Загрузить более ранние сообщения"
@ -2779,7 +2781,7 @@ msgstr ""
 #: src/pages/HeuteBrief.tsx
 #: src/pages/IntegrationSetup.tsx
 #: src/pages/PeerMessagesOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Loading…"
 msgstr "Загрузка…"
@ -2799,7 +2801,7 @@ msgstr ""
 msgid "Local Server Settings"
 msgstr "Настройки локального сервера"
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Log out"
 msgstr "Выйти"
@ -2926,7 +2928,7 @@ msgstr "Память"
 msgid "Memory scope"
 msgstr "Область памяти"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Mentions"
 msgstr "Упоминания"
@ -2939,11 +2941,12 @@ msgstr "Только упоминания"
 msgid "Message"
 msgstr "Сообщение"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-preview.ts
 msgid "Message"
 msgstr "Сообщение"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message composer"
 msgstr "Поле сообщения"
@ -2951,11 +2954,11 @@ msgstr "Поле сообщения"
 msgid "Message event"
 msgstr "Событие сообщения"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Message from {peer}"
 msgstr "Сообщение от {peer}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message…"
 msgstr "Сообщение…"
@ -2981,7 +2984,7 @@ msgstr "Минимальный"
 msgid "Minimize"
 msgstr "Свернуть"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Minimize bots"
 msgstr "Свернуть ботов"
@ -3038,7 +3041,7 @@ msgstr "Модели с сервера"
 msgid "Monthly"
 msgstr "Ежемесячно"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "More"
 msgstr "Ещё"
@ -3104,7 +3107,8 @@ msgstr "Требуется ваше участие"
 #: src/components/MainInbox.tsx
 #: src/pages/ActivityList.tsx
 #: src/pages/HeuteBrief.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Needs you"
 msgstr "Требуется ваше участие"
@ -3397,12 +3401,12 @@ msgid "Only file and folder names are read."
 msgstr ""
 #: src/pages/ScratchpadSection.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open"
 msgstr "Открыть"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Open {0}"
 msgstr "Открыть {0}"
@ -3418,11 +3422,11 @@ msgstr ""
 msgid "Open in browser"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open in full window"
 msgstr "Открыть в полном окне"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Open navigation"
 msgstr "Открыть навигацию"
@ -3438,7 +3442,7 @@ msgstr "Открытые задачи"
 msgid "OpenAI-compatible server URL"
 msgstr "URL-адрес сервера, совместимого с OpenAI"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Opened its thread."
 msgstr "Диалог открыт."
@ -3679,19 +3683,19 @@ msgstr ""
 msgid "Quiet hours start"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Quote"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "React"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reactions"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Read aloud"
 msgstr ""
@ -3796,7 +3800,7 @@ msgstr "Обновление…"
 msgid "Region"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Release"
 msgstr "Освободить управление"
@ -3820,7 +3824,7 @@ msgid "Remove"
 msgstr "Удалить"
 #. placeholder {0}: attachment.file.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove {0}"
 msgstr "Удалить {0}"
@ -3829,7 +3833,7 @@ msgid "Remove Git event"
 msgstr "Удалить событие Git"
 #. placeholder {0}: mention.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove mention {0}"
 msgstr "Удалить упоминание {0}"
@ -3842,7 +3846,7 @@ msgid "Remove schedule"
 msgstr "Удалить расписание"
 #. placeholder {0}: selectedSkill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove skill {0}"
 msgstr "Удалить навык {0}"
@ -3850,7 +3854,7 @@ msgstr "Удалить навык {0}"
 msgid "Remove webhook"
 msgstr "Удалить вебхук"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Removed with chat, computer, and memory."
 msgstr "Удалено вместе с чатом, компьютером и памятью."
@ -3883,15 +3887,15 @@ msgstr "Заменить ключ API"
 msgid "Replace key"
 msgstr "Заменить ключ"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reply"
 msgstr "Ответить"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}"
 msgstr "Ответ на {replyName}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}: “{replyQuote}”"
 msgstr ""
@ -3937,7 +3941,7 @@ msgstr "Сброс…"
 msgid "Restart to update"
 msgstr "Перезапустить для обновления"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Restore"
 msgstr "Восстановить"
@ -4142,7 +4146,7 @@ msgid "Searching…"
 msgstr "Поиск…"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Select {0}"
 msgstr ""
@ -4150,7 +4154,7 @@ msgstr ""
 msgid "Self-hosted (better-auth)"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-cards.tsx
 msgid "Send"
 msgstr "Отправить"
@ -4201,21 +4205,22 @@ msgid "Server URL"
 msgstr "URL-адрес сервера"
 #: src/components/stage/StageVoiceEntry.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Set up voice"
 msgstr ""
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 #: src/pages/shell/user-menu.tsx
 msgid "Settings"
 msgstr "Настройки"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: General"
 msgstr "Настройки: Общие"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: Usage"
 msgstr "Настройки: Использование"
@ -4259,10 +4264,11 @@ msgid "Show all {0}"
 msgstr ""
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Show bots"
 msgstr "Показать ботов"
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show computer"
 msgstr ""
@ -4278,7 +4284,7 @@ msgstr "Показать ещё"
 msgid "Show password"
 msgstr "Показать пароль"
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show settings"
 msgstr "Показать настройки"
@ -4307,7 +4313,7 @@ msgid "Sketching the blueprint…"
 msgstr ""
 #. placeholder {0}: skill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Skill {0}"
 msgstr "Навык {0}"
@ -4319,7 +4325,7 @@ msgstr "Навыки"
 #: src/components/onboarding/OnboardingScanStep.tsx
 #: src/components/onboarding/OnboardingVoiceStep.tsx
 #: src/lib/onboarding-copy.ts
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Skip"
 msgstr "Пропустить"
@ -4373,11 +4379,11 @@ msgstr "Пространство по умолчанию"
 msgid "Spaces"
 msgstr "Пространства"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak"
 msgstr "Озвучить"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak this reply"
 msgstr "Озвучить этот ответ"
@ -4431,15 +4437,15 @@ msgstr "Начать запись"
 msgid "Start talking"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation — {activeName} is on stage above."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Start voice conversation"
 msgstr ""
@ -4466,11 +4472,13 @@ msgid "Steps"
 msgstr "Шаги"
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Stop"
 msgstr "Остановить"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Stop speaking"
 msgstr "Остановить озвучивание"
@ -4500,7 +4508,7 @@ msgstr ""
 msgid "Stronger together — {0} specialists"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "subagent"
 msgstr "субагент"
@ -4565,7 +4573,7 @@ msgstr "Обучение в процессе. Прекратите обучен
 msgid "Team"
 msgstr "Команда"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Team Computer"
 msgstr "Командный компьютер"
@ -4606,7 +4614,7 @@ msgstr "Выбранный поставщик памяти недоступен
 msgid "Thinking"
 msgstr "рассуждение"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "This bot runs on this computer, not a Linux desktop. Shell and files use your home folder."
 msgstr "Этот бот работает на этом компьютере, а не на рабочем столе Linux. Оболочка и файлы используют вашу домашнюю папку."
@ -4713,7 +4721,7 @@ msgid "Transcribe"
 msgstr ""
 #: src/components/voice/VoiceStage.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Transcript"
 msgstr ""
@ -4836,7 +4844,7 @@ msgstr "Загрузить"
 #: src/pages/AccountSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Usage"
 msgstr "Использование"
@ -4877,8 +4885,8 @@ msgid "Video workflow"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/composer.tsx
 #: src/pages/VoiceSettingsOverlay.tsx
 msgid "Voice"
 msgstr "Голос"
@ -5074,7 +5082,7 @@ msgstr "Выполняется…"
 msgid "Working…"
 msgstr "Выполняется…"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-format.ts
 msgid "Yesterday"
 msgstr "Вчера"
@ -5092,7 +5100,7 @@ msgstr "Вы можете закрыть эту вкладку, если она
 msgid "You can close this window."
 msgstr "Вы можете закрыть это окно."
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "You have control"
 msgstr "Вы управляете"
--- a/apps/web/src/locales/tr/messages.po
+++ b/apps/web/src/locales/tr/messages.po
@ -14,7 +14,7 @@ msgstr ""
 "Plural-Forms: \n"
 "X-Generator: @lingui/cli\n"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid " (unread)"
 msgstr " (okunmadı)"
@ -126,22 +126,22 @@ msgid "{0}, {label}"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, 1:1 conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, group conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, main conversation"
 msgstr ""
 #. placeholder {0}: active.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "{0}'s screen"
 msgstr ""
@ -210,7 +210,7 @@ msgstr ""
 msgid "{botName} watches the tape…"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "{botName}’s computer"
 msgstr "{botName} adlı botun bilgisayarı"
@ -277,7 +277,7 @@ msgstr "{title}, {label}"
 msgid "{toolCount, plural, one {# tool} other {# tools}}"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "{workingBotName} is working"
 msgstr "{workingBotName} çalışıyor"
@ -339,6 +339,7 @@ msgstr "İşlem onayları"
 #. placeholder {0}: sectionMenu.section.name
 #: src/pages/BotContextMenu.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-group-header.tsx
 msgid "Actions for {0}"
 msgstr "{0} için işlemler"
@ -354,7 +355,7 @@ msgstr ""
 msgid "Active model"
 msgstr "Etkin model"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-header.tsx
 msgid "Activity"
 msgstr "Etkinlik"
@ -643,15 +644,15 @@ msgstr "Agent'ının bu sunucunun araçlarını kullanabilmesi için sunucuyu on
 msgid "Archive"
 msgstr "Arşivle"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "archived"
 msgstr "arşivlendi"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Archived"
 msgstr "Arşivlendi"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Archived. Chat, memory, and files kept."
 msgstr "Arşivlendi. Sohbet, hafıza ve dosyalar korundu."
@ -711,11 +712,11 @@ msgstr "saat {0}"
 msgid "at {timeSelect}"
 msgstr "saat {timeSelect}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Attach file"
 msgstr "Dosya ekle"
-#: src/pages/Shell.tsx
+#: src/pages/shell/message-preview.ts
 msgid "Attachment"
 msgstr "Ek"
@ -788,7 +789,7 @@ msgstr "Bearer token"
 msgid "Blocked in your browser settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Booting live desktop…"
 msgstr "Canlı masaüstü başlatılıyor…"
@ -797,7 +798,7 @@ msgstr "Canlı masaüstü başlatılıyor…"
 msgid "Booting up {0}’s computer"
 msgstr "{0} adlı botun bilgisayarı başlatılıyor"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "bot"
 msgstr "bot"
@ -812,11 +813,11 @@ msgstr "Bot"
 msgid "Bot"
 msgstr "Bot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Bot screen"
 msgstr "Bot ekranı"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Bot screen preview"
 msgstr "Bot ekranı önizlemesi"
@ -828,7 +829,7 @@ msgstr ""
 msgid "Bots act without asking by default. Add an exception only when you want to review a type of action first."
 msgstr "Botlar varsayılan olarak sormadan hareket eder. Yalnızca belirli bir işlem türünü önce incelemek istediğinde istisna ekle."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Bots are working"
 msgstr "Botlar çalışıyor"
@ -889,7 +890,7 @@ msgstr "Yeni botu iptal et"
 msgid "Cancel new group"
 msgstr "Yeni grubu iptal et"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Cancel reply"
 msgstr "Yanıtı iptal et"
@ -946,7 +947,7 @@ msgstr ""
 msgid "Chat history"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Chat Settings"
 msgstr "Sohbet Ayarları"
@ -1088,7 +1089,7 @@ msgstr "Kapat"
 msgid "Close chart"
 msgstr "Grafiği kapat"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Close computer"
 msgstr "Bilgisayarı kapat"
@ -1128,7 +1129,7 @@ msgstr "Gezinmeyi kapat"
 #: src/components/ArtifactPane.tsx
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Close panel"
 msgstr "Paneli kapat"
@ -1159,7 +1160,7 @@ msgid "Coder"
 msgstr ""
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Collapse {0}"
 msgstr ""
@ -1192,24 +1193,24 @@ msgid "Composing a reply…"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Computer"
 msgstr "Bilgisayar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer failed to boot"
 msgstr "Bilgisayar başlatılamadı"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Computer is asleep"
 msgstr "Bilgisayar uykuda"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is asleep. Open it to wake."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is stopped"
 msgstr "Bilgisayar durduruldu"
@ -1353,7 +1354,7 @@ msgstr ""
 msgid "Continue with email"
 msgstr "E-posta ile devam et"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Conversation record"
 msgstr ""
@ -1361,11 +1362,11 @@ msgstr ""
 msgid "Conversations"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy"
 msgstr "Kopyala"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy reply"
 msgstr ""
@ -1747,9 +1748,9 @@ msgstr ""
 msgid "Couldn't update messaging settings"
 msgstr ""
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/dialogs.tsx
 #: src/pages/shell/sidebar-header.tsx
 msgid "Create"
 msgstr "Oluştur"
@ -1906,14 +1907,14 @@ msgstr "Varsayılan kapsam"
 #: src/pages/KnowledgeSection.tsx
 #: src/pages/McpServersOverlay.tsx
 #: src/pages/RoutineEditor.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 #: src/pages/shell/dialogs.tsx
 msgid "Delete"
 msgstr "Sil"
 #. placeholder {0}: bot.name
 #. placeholder {0}: group.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Delete {0}"
 msgstr "{0} sil"
@ -1943,7 +1944,7 @@ msgstr ""
 msgid "Delete space"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "deleted"
 msgstr "silindi"
@ -2013,7 +2014,7 @@ msgstr "Bağlantı kesiliyor…"
 msgid "Dismiss"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Dismiss error"
 msgstr ""
@ -2111,7 +2112,7 @@ msgstr "Çoğalt"
 msgid "e.g. Hivenet Agent, Presales, Timesheets bot"
 msgstr "örn. Hivenet Agent, Presales, puantaj botu"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Earlier message"
 msgstr ""
@ -2222,7 +2223,7 @@ msgid "Expand"
 msgstr "Genişlet"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Expand {0}"
 msgstr ""
@ -2404,6 +2405,7 @@ msgstr ""
 #: src/components/stage/OoStage.tsx
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/side-panel-header.tsx
 msgid "Group"
 msgstr "Grup"
@ -2528,7 +2530,7 @@ msgstr ""
 msgid "How to check"
 msgstr "Nasıl kontrol edilir"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "I’m done"
 msgstr "Bitirdim"
@ -2635,11 +2637,11 @@ msgstr "Yalıtılmış"
 msgid "Its conversation, files, and routines will be permanently deleted. Bots it created stay in your list."
 msgstr "Sohbeti, dosyaları ve rutinleri kalıcı olarak silinecek. Oluşturduğu botlar listende kalır."
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to latest"
 msgstr "En son mesaja git"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to replied message"
 msgstr "Yanıtlanan mesaja git"
@ -2726,7 +2728,7 @@ msgstr ""
 msgid "Listening — what's the story?"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Load earlier messages"
 msgstr "Önceki mesajları yükle"
@ -2779,7 +2781,7 @@ msgstr ""
 #: src/pages/HeuteBrief.tsx
 #: src/pages/IntegrationSetup.tsx
 #: src/pages/PeerMessagesOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Loading…"
 msgstr "Yükleniyor…"
@ -2799,7 +2801,7 @@ msgstr ""
 msgid "Local Server Settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Log out"
 msgstr "Çıkış yap"
@ -2926,7 +2928,7 @@ msgstr "Hafıza"
 msgid "Memory scope"
 msgstr "Hafıza kapsamı"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Mentions"
 msgstr ""
@ -2939,11 +2941,12 @@ msgstr ""
 msgid "Message"
 msgstr "Mesaj"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-preview.ts
 msgid "Message"
 msgstr "Mesaj"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message composer"
 msgstr ""
@ -2951,11 +2954,11 @@ msgstr ""
 msgid "Message event"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Message from {peer}"
 msgstr "{peer} botundan mesaj"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message…"
 msgstr "Mesaj…"
@ -2981,7 +2984,7 @@ msgstr "Minimal"
 msgid "Minimize"
 msgstr "Küçült"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Minimize bots"
 msgstr ""
@ -3038,7 +3041,7 @@ msgstr "Sunucudan gelen modeller"
 msgid "Monthly"
 msgstr "Aylık"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "More"
 msgstr ""
@ -3104,7 +3107,8 @@ msgstr ""
 #: src/components/MainInbox.tsx
 #: src/pages/ActivityList.tsx
 #: src/pages/HeuteBrief.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Needs you"
 msgstr ""
@ -3397,12 +3401,12 @@ msgid "Only file and folder names are read."
 msgstr ""
 #: src/pages/ScratchpadSection.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open"
 msgstr "Aç"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Open {0}"
 msgstr ""
@ -3418,11 +3422,11 @@ msgstr ""
 msgid "Open in browser"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open in full window"
 msgstr "Tam pencerede aç"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Open navigation"
 msgstr "Gezinmeyi aç"
@ -3438,7 +3442,7 @@ msgstr "Açık işler"
 msgid "OpenAI-compatible server URL"
 msgstr "OpenAI uyumlu sunucu URL'si"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Opened its thread."
 msgstr "Sohbeti açıldı."
@ -3679,19 +3683,19 @@ msgstr ""
 msgid "Quiet hours start"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Quote"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "React"
 msgstr "Tepki ver"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reactions"
 msgstr "Tepkiler"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Read aloud"
 msgstr ""
@ -3796,7 +3800,7 @@ msgstr ""
 msgid "Region"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Release"
 msgstr "Bırak"
@ -3820,7 +3824,7 @@ msgid "Remove"
 msgstr "Kaldır"
 #. placeholder {0}: attachment.file.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove {0}"
 msgstr "{0} kaldır"
@ -3829,7 +3833,7 @@ msgid "Remove Git event"
 msgstr ""
 #. placeholder {0}: mention.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove mention {0}"
 msgstr "{0} bahsini kaldır"
@ -3842,7 +3846,7 @@ msgid "Remove schedule"
 msgstr ""
 #. placeholder {0}: selectedSkill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove skill {0}"
 msgstr "{0} becerisini kaldır"
@ -3850,7 +3854,7 @@ msgstr "{0} becerisini kaldır"
 msgid "Remove webhook"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Removed with chat, computer, and memory."
 msgstr "Sohbeti, bilgisayarı ve hafızasıyla birlikte kaldırıldı."
@ -3883,15 +3887,15 @@ msgstr "API anahtarını değiştir"
 msgid "Replace key"
 msgstr "Anahtarı değiştir"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reply"
 msgstr "Yanıtla"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}"
 msgstr "{replyName} yanıtlanıyor"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}: “{replyQuote}”"
 msgstr ""
@ -3937,7 +3941,7 @@ msgstr ""
 msgid "Restart to update"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Restore"
 msgstr "Geri yükle"
@ -4142,7 +4146,7 @@ msgid "Searching…"
 msgstr "Aranıyor…"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Select {0}"
 msgstr ""
@ -4150,7 +4154,7 @@ msgstr ""
 msgid "Self-hosted (better-auth)"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-cards.tsx
 msgid "Send"
 msgstr "Gönder"
@ -4201,21 +4205,22 @@ msgid "Server URL"
 msgstr "Sunucu URL'si"
 #: src/components/stage/StageVoiceEntry.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Set up voice"
 msgstr ""
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 #: src/pages/shell/user-menu.tsx
 msgid "Settings"
 msgstr "Ayarlar"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: General"
 msgstr "Ayarlar: Genel"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: Usage"
 msgstr "Ayarlar: Kullanım"
@ -4259,10 +4264,11 @@ msgid "Show all {0}"
 msgstr ""
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Show bots"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show computer"
 msgstr ""
@ -4278,7 +4284,7 @@ msgstr "Daha fazla göster"
 msgid "Show password"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show settings"
 msgstr "Ayarları göster"
@ -4307,7 +4313,7 @@ msgid "Sketching the blueprint…"
 msgstr ""
 #. placeholder {0}: skill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Skill {0}"
 msgstr "Beceri: {0}"
@ -4319,7 +4325,7 @@ msgstr "Beceriler"
 #: src/components/onboarding/OnboardingScanStep.tsx
 #: src/components/onboarding/OnboardingVoiceStep.tsx
 #: src/lib/onboarding-copy.ts
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Skip"
 msgstr "Atla"
@ -4373,11 +4379,11 @@ msgstr "Alan varsayılanı"
 msgid "Spaces"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak"
 msgstr "Seslendir"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak this reply"
 msgstr "Bu yanıtı seslendir"
@ -4431,15 +4437,15 @@ msgstr "Kaydı başlat"
 msgid "Start talking"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation — {activeName} is on stage above."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Start voice conversation"
 msgstr ""
@ -4466,11 +4472,13 @@ msgid "Steps"
 msgstr "Adımlar"
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Stop"
 msgstr "Durdur"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Stop speaking"
 msgstr "Seslendirmeyi durdur"
@ -4500,7 +4508,7 @@ msgstr ""
 msgid "Stronger together — {0} specialists"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "subagent"
 msgstr "alt ajan"
@ -4565,7 +4573,7 @@ msgstr "Öğretme sürüyor. Yeni mesaj göndermeden önce öğretmeyi durdur."
 msgid "Team"
 msgstr "Takım"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Team Computer"
 msgstr "Takım Bilgisayarı"
@ -4606,7 +4614,7 @@ msgstr "Seçilen hafıza sağlayıcısı bu sürümde kullanılamıyor."
 msgid "Thinking"
 msgstr "Düşünüyor"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "This bot runs on this computer, not a Linux desktop. Shell and files use your home folder."
 msgstr "Bu bot bir Linux masaüstünde değil, bu bilgisayarda çalışır. Kabuk ve dosyalar senin kullanıcı klasörünü kullanır."
@ -4713,7 +4721,7 @@ msgid "Transcribe"
 msgstr ""
 #: src/components/voice/VoiceStage.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Transcript"
 msgstr ""
@ -4836,7 +4844,7 @@ msgstr "Yükle"
 #: src/pages/AccountSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Usage"
 msgstr "Kullanım"
@ -4877,8 +4885,8 @@ msgid "Video workflow"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/composer.tsx
 #: src/pages/VoiceSettingsOverlay.tsx
 msgid "Voice"
 msgstr "Ses"
@ -5074,7 +5082,7 @@ msgstr "Çalışıyor…"
 msgid "Working…"
 msgstr "Çalışıyor…"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-format.ts
 msgid "Yesterday"
 msgstr "Dün"
@ -5092,7 +5100,7 @@ msgstr "Otomatik yönlendirilmezsen bu sekmeyi kapatabilirsin."
 msgid "You can close this window."
 msgstr "Bu pencereyi kapatabilirsin."
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "You have control"
 msgstr "Kontrol sende"
--- a/apps/web/src/locales/zh-CN/messages.po
+++ b/apps/web/src/locales/zh-CN/messages.po
@ -14,7 +14,7 @@ msgstr ""
 "Plural-Forms: \n"
 "X-Generator: @lingui/cli\n"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid " (unread)"
 msgstr "（未读）"
@ -126,22 +126,22 @@ msgid "{0}, {label}"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, 1:1 conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, group conversation"
 msgstr ""
 #. placeholder {0}: item.chat.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-rows.tsx
 msgid "{0}, main conversation"
 msgstr ""
 #. placeholder {0}: active.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "{0}'s screen"
 msgstr ""
@ -210,7 +210,7 @@ msgstr ""
 msgid "{botName} watches the tape…"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "{botName}’s computer"
 msgstr "{botName} 的电脑"
@ -277,7 +277,7 @@ msgstr "{title}，{label}"
 msgid "{toolCount, plural, one {# tool} other {# tools}}"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "{workingBotName} is working"
 msgstr "{workingBotName} 正在工作"
@ -339,6 +339,7 @@ msgstr "操作确认"
 #. placeholder {0}: sectionMenu.section.name
 #: src/pages/BotContextMenu.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-group-header.tsx
 msgid "Actions for {0}"
 msgstr "{0} 的操作"
@ -354,7 +355,7 @@ msgstr "启用"
 msgid "Active model"
 msgstr "当前模型"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-header.tsx
 msgid "Activity"
 msgstr "动态"
@ -643,15 +644,15 @@ msgstr "批准此服务器后，Agent 才能使用它的工具。"
 msgid "Archive"
 msgstr "归档"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "archived"
 msgstr "已归档"
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Archived"
 msgstr "已归档"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Archived. Chat, memory, and files kept."
 msgstr "已归档。对话、记忆和文件保留。"
@ -711,11 +712,11 @@ msgstr "{0}"
 msgid "at {timeSelect}"
 msgstr "{timeSelect}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Attach file"
 msgstr "附加文件"
-#: src/pages/Shell.tsx
+#: src/pages/shell/message-preview.ts
 msgid "Attachment"
 msgstr "附件"
@ -788,7 +789,7 @@ msgstr "Bearer token"
 msgid "Blocked in your browser settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Booting live desktop…"
 msgstr "正在启动实时桌面…"
@ -797,7 +798,7 @@ msgstr "正在启动实时桌面…"
 msgid "Booting up {0}’s computer"
 msgstr "正在启动 {0} 的电脑"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "bot"
 msgstr "Bot"
@ -812,11 +813,11 @@ msgstr "Bot"
 msgid "Bot"
 msgstr "Bot"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Bot screen"
 msgstr "Bot 屏幕"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Bot screen preview"
 msgstr "Bot 屏幕预览"
@ -828,7 +829,7 @@ msgstr "要关联的 Bot"
 msgid "Bots act without asking by default. Add an exception only when you want to review a type of action first."
 msgstr "默认情况下 Bot 会直接执行。只有当你想先审核某类操作时，才添加例外。"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Bots are working"
 msgstr "Bot 正在工作"
@ -889,7 +890,7 @@ msgstr "取消新建 Bot"
 msgid "Cancel new group"
 msgstr "取消新建群组"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Cancel reply"
 msgstr "取消回复"
@ -946,7 +947,7 @@ msgstr "聊天应用、群组频道和 Agent 连接。"
 msgid "Chat history"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Chat Settings"
 msgstr "聊天设置"
@ -1088,7 +1089,7 @@ msgstr "关闭"
 msgid "Close chart"
 msgstr "关闭图表"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Close computer"
 msgstr "关闭电脑"
@ -1128,7 +1129,7 @@ msgstr "关闭导航"
 #: src/components/ArtifactPane.tsx
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Close panel"
 msgstr "关闭面板"
@ -1159,7 +1160,7 @@ msgid "Coder"
 msgstr ""
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Collapse {0}"
 msgstr "折叠 {0}"
@ -1192,24 +1193,24 @@ msgid "Composing a reply…"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Computer"
 msgstr "电脑"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer failed to boot"
 msgstr "电脑启动失败"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "Computer is asleep"
 msgstr "电脑已休眠"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is asleep. Open it to wake."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Computer is stopped"
 msgstr "电脑已停止"
@ -1353,7 +1354,7 @@ msgstr ""
 msgid "Continue with email"
 msgstr "使用邮箱继续"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Conversation record"
 msgstr ""
@ -1361,11 +1362,11 @@ msgstr ""
 msgid "Conversations"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy"
 msgstr "复制"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Copy reply"
 msgstr ""
@ -1747,9 +1748,9 @@ msgstr "无法更新头像"
 msgid "Couldn't update messaging settings"
 msgstr "无法更新消息设置"
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/dialogs.tsx
 #: src/pages/shell/sidebar-header.tsx
 msgid "Create"
 msgstr "创建"
@ -1906,14 +1907,14 @@ msgstr "默认范围"
 #: src/pages/KnowledgeSection.tsx
 #: src/pages/McpServersOverlay.tsx
 #: src/pages/RoutineEditor.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 #: src/pages/shell/dialogs.tsx
 msgid "Delete"
 msgstr "删除"
 #. placeholder {0}: bot.name
 #. placeholder {0}: group.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Delete {0}"
 msgstr "删除 {0}"
@ -1943,7 +1944,7 @@ msgstr ""
 msgid "Delete space"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "deleted"
 msgstr "已删除"
@ -2013,7 +2014,7 @@ msgstr "正在断开…"
 msgid "Dismiss"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Dismiss error"
 msgstr "关闭错误"
@ -2111,7 +2112,7 @@ msgstr "复制"
 msgid "e.g. Hivenet Agent, Presales, Timesheets bot"
 msgstr "例如 Hivenet Agent、Presales、工时表机器人"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Earlier message"
 msgstr "更早的消息"
@ -2222,7 +2223,7 @@ msgid "Expand"
 msgstr "展开"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Expand {0}"
 msgstr "展开 {0}"
@ -2404,6 +2405,7 @@ msgstr ""
 #: src/components/stage/OoStage.tsx
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/side-panel-header.tsx
 msgid "Group"
 msgstr "群组"
@ -2528,7 +2530,7 @@ msgstr ""
 msgid "How to check"
 msgstr "如何检查"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "I’m done"
 msgstr "我做完了"
@ -2635,11 +2637,11 @@ msgstr "隔离"
 msgid "Its conversation, files, and routines will be permanently deleted. Bots it created stay in your list."
 msgstr "它的对话、文件和例行任务将被永久删除。它创建的 Bot 仍留在列表中。"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to latest"
 msgstr "跳到最新"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Jump to replied message"
 msgstr "跳到被回复的消息"
@ -2726,7 +2728,7 @@ msgstr ""
 msgid "Listening — what's the story?"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Load earlier messages"
 msgstr "加载更早的消息"
@ -2779,7 +2781,7 @@ msgstr ""
 #: src/pages/HeuteBrief.tsx
 #: src/pages/IntegrationSetup.tsx
 #: src/pages/PeerMessagesOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Loading…"
 msgstr "加载中…"
@ -2799,7 +2801,7 @@ msgstr ""
 msgid "Local Server Settings"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Log out"
 msgstr "退出登录"
@ -2926,7 +2928,7 @@ msgstr "记忆"
 msgid "Memory scope"
 msgstr "记忆范围"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Mentions"
 msgstr "提及"
@ -2939,11 +2941,12 @@ msgstr ""
 msgid "Message"
 msgstr "消息"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-preview.ts
 msgid "Message"
 msgstr "消息"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message composer"
 msgstr "消息输入框"
@ -2951,11 +2954,11 @@ msgstr "消息输入框"
 msgid "Message event"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Message from {peer}"
 msgstr "来自 {peer} 的消息"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Message…"
 msgstr "消息…"
@ -2981,7 +2984,7 @@ msgstr "最低"
 msgid "Minimize"
 msgstr "最小化"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Minimize bots"
 msgstr ""
@ -3038,7 +3041,7 @@ msgstr "来自服务器的模型"
 msgid "Monthly"
 msgstr "每月"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "More"
 msgstr ""
@ -3104,7 +3107,8 @@ msgstr ""
 #: src/components/MainInbox.tsx
 #: src/pages/ActivityList.tsx
 #: src/pages/HeuteBrief.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Needs you"
 msgstr ""
@ -3397,12 +3401,12 @@ msgid "Only file and folder names are read."
 msgstr ""
 #: src/pages/ScratchpadSection.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open"
 msgstr "打开"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Open {0}"
 msgstr "打开 {0}"
@ -3418,11 +3422,11 @@ msgstr ""
 msgid "Open in browser"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-panel-preview.tsx
 msgid "Open in full window"
 msgstr "在完整窗口中打开"
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Open navigation"
 msgstr "打开导航"
@ -3438,7 +3442,7 @@ msgstr "待办"
 msgid "OpenAI-compatible server URL"
 msgstr "OpenAI 兼容服务器 URL"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Opened its thread."
 msgstr "已打开其对话。"
@ -3679,19 +3683,19 @@ msgstr ""
 msgid "Quiet hours start"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Quote"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "React"
 msgstr "回应"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reactions"
 msgstr "表情回应"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Read aloud"
 msgstr ""
@ -3796,7 +3800,7 @@ msgstr ""
 msgid "Region"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Release"
 msgstr "释放"
@ -3820,7 +3824,7 @@ msgid "Remove"
 msgstr "移除"
 #. placeholder {0}: attachment.file.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove {0}"
 msgstr "移除 {0}"
@ -3829,7 +3833,7 @@ msgid "Remove Git event"
 msgstr ""
 #. placeholder {0}: mention.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove mention {0}"
 msgstr "移除提及 {0}"
@ -3842,7 +3846,7 @@ msgid "Remove schedule"
 msgstr "移除计划"
 #. placeholder {0}: selectedSkill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Remove skill {0}"
 msgstr "移除技能 {0}"
@ -3850,7 +3854,7 @@ msgstr "移除技能 {0}"
 msgid "Remove webhook"
 msgstr "移除 Webhook"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Removed with chat, computer, and memory."
 msgstr "已连同对话、电脑和记忆一起移除。"
@ -3883,15 +3887,15 @@ msgstr "替换 API 密钥"
 msgid "Replace key"
 msgstr "替换密钥"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Reply"
 msgstr "回复"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}"
 msgstr "正在回复 {replyName}"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Replying to {replyName}: “{replyQuote}”"
 msgstr ""
@ -3937,7 +3941,7 @@ msgstr "正在重置…"
 msgid "Restart to update"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/archived-section.tsx
 msgid "Restore"
 msgstr "恢复"
@ -4142,7 +4146,7 @@ msgid "Searching…"
 msgstr "正在搜索…"
 #. placeholder {0}: group.title
-#: src/pages/Shell.tsx
+#: src/pages/shell/sidebar-group-header.tsx
 msgid "Select {0}"
 msgstr ""
@ -4150,7 +4154,7 @@ msgstr ""
 msgid "Self-hosted (better-auth)"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/message-cards.tsx
 msgid "Send"
 msgstr "发送"
@ -4201,21 +4205,22 @@ msgid "Server URL"
 msgstr "服务器 URL"
 #: src/components/stage/StageVoiceEntry.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Set up voice"
 msgstr ""
 #: src/pages/MessagingSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 #: src/pages/shell/user-menu.tsx
 msgid "Settings"
 msgstr "设置"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: General"
 msgstr "设置：通用"
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Settings: Usage"
 msgstr "设置：用量"
@ -4259,10 +4264,11 @@ msgid "Show all {0}"
 msgstr ""
 #: src/pages/Shell.tsx
 #: src/pages/shell/sidebar-toggle-buttons.tsx
 msgid "Show bots"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show computer"
 msgstr ""
@ -4278,7 +4284,7 @@ msgstr "显示更多"
 msgid "Show password"
 msgstr "显示密码"
-#: src/pages/Shell.tsx
+#: src/pages/shell/side-panel-header.tsx
 msgid "Show settings"
 msgstr "显示设置"
@ -4307,7 +4313,7 @@ msgid "Sketching the blueprint…"
 msgstr ""
 #. placeholder {0}: skill.name
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Skill {0}"
 msgstr "技能 {0}"
@ -4319,7 +4325,7 @@ msgstr "技能"
 #: src/components/onboarding/OnboardingScanStep.tsx
 #: src/components/onboarding/OnboardingVoiceStep.tsx
 #: src/lib/onboarding-copy.ts
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Skip"
 msgstr "跳过"
@ -4373,11 +4379,11 @@ msgstr "工作区默认"
 msgid "Spaces"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak"
 msgstr "朗读"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Speak this reply"
 msgstr "朗读这条回复"
@ -4431,15 +4437,15 @@ msgstr "开始录制"
 msgid "Start talking"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation — {activeName} is on stage above."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Start the conversation."
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 msgid "Start voice conversation"
 msgstr ""
@ -4466,11 +4472,13 @@ msgid "Steps"
 msgstr "步骤"
 #: src/components/browser/InAppBrowser.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/composer.tsx
 #: src/pages/shell/fullscreen-computer-overlay.tsx
 #: src/pages/shell/transcript.tsx
 msgid "Stop"
 msgstr "停止"
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Stop speaking"
 msgstr "停止朗读"
@ -4500,7 +4508,7 @@ msgstr ""
 msgid "Stronger together — {0} specialists"
 msgstr ""
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "subagent"
 msgstr "子 Agent"
@ -4565,7 +4573,7 @@ msgstr "正在示范，发送新消息前请先停止示范。"
 msgid "Team"
 msgstr "团队"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "Team Computer"
 msgstr "团队电脑"
@ -4606,7 +4614,7 @@ msgstr "所选记忆提供方在此构建中不可用。"
 msgid "Thinking"
 msgstr "思考"
-#: src/pages/Shell.tsx
+#: src/pages/shell/computer-screen.tsx
 msgid "This bot runs on this computer, not a Linux desktop. Shell and files use your home folder."
 msgstr "此 Bot 运行在这台电脑上，而不是 Linux 桌面。Shell 和文件使用你的主目录。"
@ -4713,7 +4721,7 @@ msgid "Transcribe"
 msgstr ""
 #: src/components/voice/VoiceStage.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/transcript.tsx
 msgid "Transcript"
 msgstr ""
@ -4836,7 +4844,7 @@ msgstr "上传"
 #: src/pages/AccountSettingsOverlay.tsx
 #: src/pages/SettingsOverlay.tsx
-#: src/pages/Shell.tsx
+#: src/pages/shell/user-menu.tsx
 msgid "Usage"
 msgstr "用量"
@ -4877,8 +4885,8 @@ msgid "Video workflow"
 msgstr ""
 #: src/pages/SettingsOverlay.tsx
 #: src/pages/Shell.tsx
 #: src/pages/shell/bot-panel.tsx
 #: src/pages/shell/composer.tsx
 #: src/pages/VoiceSettingsOverlay.tsx
 msgid "Voice"
 msgstr "语音"
@ -5074,7 +5082,7 @@ msgstr "处理中…"
 msgid "Working…"
 msgstr "处理中…"
-#: src/pages/Shell.tsx
+#: src/pages/shell/roster-format.ts
 msgid "Yesterday"
 msgstr "昨天"
@ -5092,7 +5100,7 @@ msgstr "如果没有自动跳转，可以关闭此标签页。"
 msgid "You can close this window."
 msgstr "可以关闭此窗口。"
-#: src/pages/Shell.tsx
+#: src/pages/shell/fullscreen-computer-overlay.tsx
 msgid "You have control"
 msgstr "你已接管"
--- a/apps/web/src/pages/Shell.tsx
+++ b/apps/web/src/pages/Shell.tsx
--- a/apps/web/src/pages/shell/archived-section.tsx
+++ b/apps/web/src/pages/shell/archived-section.tsx
@ -0,0 +1,85 @@
 import { Trans, useLingui } from "@lingui/react/macro";
 import type { Bot, Group } from "@rakazo/contracts";
 import { BotAvatar, Button, GroupAvatar } from "@rakazo/ui-web";
 /** Collapsible list of archived bots and groups at the foot of the sidebar. */
 export function ArchivedSection({
  bots,
  groups,
  open,
  onToggle,
  onRestoreBot,
  onRestoreGroup,
  onDeleteBot,
  onDeleteGroup,
 }: {
  bots: Bot[];
  groups: Group[];
  open: boolean;
  onToggle: () => void;
  onRestoreBot: (bot: Bot) => void;
  onRestoreGroup: (group: Group) => void;
  onDeleteBot: (bot: Bot) => void;
  onDeleteGroup: (group: Group) => void;
 }) {
  const { t } = useLingui();
  return (
    <div className="mt-2 border-t border-border pt-2">
      <button
        type="button"
        aria-expanded={open}
        onClick={onToggle}
        className="flex w-full items-center justify-between rounded-lg px-2.5 py-2 text-ui-body rk-sidebar-muted hover:bg-sidebar-accent"
      >
        <span>
          <Trans>Archived</Trans>
        </span>
        <span>{bots.length + groups.length}</span>
      </button>
      {open ? (
        <>
          {bots.map((bot) => (
            <div key={bot.id} className="flex items-center gap-2 rounded-lg px-2.5 py-2">
              <BotAvatar color={bot.color} identity={bot.id} size={28} status={bot.status} />
              <span className="min-w-0 flex-1 truncate text-ui-body text-foreground/75" dir="auto">
                {bot.name}
              </span>
              <Button variant="ghost" size="xs" onClick={() => onRestoreBot(bot)}>
                <Trans>Restore</Trans>
              </Button>
              <Button
                variant="ghost"
                size="xs"
                className="text-destructive hover:text-destructive"
                aria-label={t`Delete ${bot.name}`}
                onClick={() => onDeleteBot(bot)}
              >
                <Trans>Delete</Trans>
              </Button>
            </div>
          ))}
          {groups.map((group) => (
            <div key={group.id} className="flex items-center gap-2 rounded-lg px-2.5 py-2">
              <GroupAvatar members={group.members} size={28} />
              <span className="min-w-0 flex-1 truncate text-ui-body text-foreground/75" dir="auto">
                {group.name}
              </span>
              <Button variant="ghost" size="xs" onClick={() => onRestoreGroup(group)}>
                <Trans>Restore</Trans>
              </Button>
              <Button
                variant="ghost"
                size="xs"
                className="text-destructive hover:text-destructive"
                aria-label={t`Delete ${group.name}`}
                onClick={() => onDeleteGroup(group)}
              >
                <Trans>Delete</Trans>
              </Button>
            </div>
          ))}
        </>
      ) : null}
    </div>
  );
 }
--- a/apps/web/src/pages/shell/collapsed-sidebar-sections.ts
+++ b/apps/web/src/pages/shell/collapsed-sidebar-sections.ts
@ -0,0 +1,20 @@
 export function collapsedSidebarSectionsStorageKey(
  userId: string | null | undefined,
 ): string | null {
  if (!userId) return null;
  return `rakazo:collapsed-sidebar-sections:${userId}`;
 }
 export function readCollapsedSidebarSections(userId: string | null | undefined): Set<string> {
  const storageKey = collapsedSidebarSectionsStorageKey(userId);
  if (!storageKey) return new Set();
  try {
    const value = window.localStorage.getItem(storageKey);
    const keys: unknown = value ? JSON.parse(value) : [];
    return new Set(
      Array.isArray(keys) ? keys.filter((key): key is string => typeof key === "string") : [],
    );
  } catch {
    return new Set();
  }
 }
--- a/apps/web/src/pages/shell/composer.tsx
+++ b/apps/web/src/pages/shell/composer.tsx
@ -0,0 +1,805 @@
 import { t } from "@lingui/core/macro";
 import { Trans, useLingui } from "@lingui/react/macro";
 import type { AgentSkillCatalogEntry, ThreadMessage } from "@rakazo/contracts";
 import { ATTACHMENT_ALLOWED_MIME_TYPES } from "@rakazo/contracts";
 import type { ComposerMention, SlashActionId } from "@rakazo/core";
 import {
  clampMentionHighlightIndex,
  mentionChipKey,
  resolveMentionPickerKey,
  SLASH_ACTIONS,
  serializeComposerPrompt,
  truncateSlashDescription,
 } from "@rakazo/core";
 import { BotAvatar, Button } from "@rakazo/ui-web";
 import {
  ArrowUp,
  Box,
  Clock,
  Mic,
  Paperclip,
  Plus,
  Puzzle,
  Settings,
  Square,
  X,
 } from "lucide-react";
 import type { ClipboardEvent, DragEvent, RefObject } from "react";
 import { memo, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { VoiceAuroraRim } from "../../components/voice/VoiceAurora";
 import { isFileDrag, isFilePaste } from "../../lib/pending-attachments";
 import { previewMessageText } from "./message-preview";
 import type { PendingAttachment } from "./shell-types";
 import { FALLBACK_BOT_COLOR } from "./shell-types";
 const ATTACHMENT_ACCEPT = ATTACHMENT_ALLOWED_MIME_TYPES.join(",");
 export const Composer = memo(function Composer({
  running,
  disabled,
  pendingAttachments,
  attachmentNotice,
  sendError,
  runError,
  runErrorId,
  onRunErrorPresented,
  onDismissError,
  sending,
  fileInputRef,
  onAttachmentPick,
  onRemoveAttachment,
  onSend,
  onStop,
  onVoice,
  voiceReady = false,
  voiceColor,
  replyTarget,
  replyQuote,
  replyTargetName,
  onClearReply,
  mentionTargets,
  agentSkills,
  onSlashOpen,
  onSlashAction,
 }: {
  running: boolean;
  disabled?: boolean;
  pendingAttachments: PendingAttachment[];
  attachmentNotice: string | null;
  sendError: string | null;
  runError: string | null;
  runErrorId: string | null;
  onRunErrorPresented: (runId: string) => void;
  onDismissError: () => void;
  sending: boolean;
  fileInputRef: RefObject<HTMLInputElement | null>;
  onAttachmentPick: (files: FileList | null) => void | Promise<void>;
  onRemoveAttachment: (attachment: PendingAttachment) => void;
  onSend: (text: string, mentions?: ComposerMention[]) => Promise<void>;
  onStop: () => Promise<void>;
  onVoice?: () => void;
  voiceReady?: boolean;
  voiceColor?: string;
  replyTarget?: ThreadMessage | null;
  replyQuote?: string | null;
  replyTargetName?: string;
  onClearReply?: () => void;
  mentionTargets?: ComposerMention[];
  agentSkills?: AgentSkillCatalogEntry[];
  onSlashOpen?: () => void;
  onSlashAction?: (action: SlashActionId) => void;
 }) {
  const { t } = useLingui();
  const [draft, setDraft] = useState("");
  const [mentionQuery, setMentionQuery] = useState<string | null>(null);
  const [mentionHighlightIndex, setMentionHighlightIndex] = useState(0);
  const [slashQuery, setSlashQuery] = useState<string | null>(null);
  const [selectedSkill, setSelectedSkill] = useState<AgentSkillCatalogEntry | null>(null);
  const [selectedMentions, setSelectedMentions] = useState<ComposerMention[]>([]);
  const textareaRef = useRef<HTMLTextAreaElement>(null);
  const runErrorRef = useRef<HTMLDivElement>(null);
  const submitFingerprint = useRef<string | null>(null);
  useEffect(() => {
    if (!sendError && !runError) return;
    const timer = setTimeout(() => {
      onDismissError();
    }, 8000);
    return () => clearTimeout(timer);
  }, [sendError, runError, onDismissError]);
  const presentedRunErrorIdRef = useRef<string | null>(null);
  const mentionListboxId = useId();
  const dragDepth = useRef(0);
  const [draggingFiles, setDraggingFiles] = useState(false);
  const canSend =
    draft.trim().length > 0 ||
    selectedSkill !== null ||
    selectedMentions.length > 0 ||
    pendingAttachments.length > 0;
  useEffect(() => {
    if (!runError || !runErrorId) return;
    const currentRunErrorId = runErrorId;
    let frame = 0;
    function recordIfPresented() {
      cancelAnimationFrame(frame);
      frame = requestAnimationFrame(() => {
        const element = runErrorRef.current;
        if (!element || document.visibilityState !== "visible") return;
        const rect = element.getBoundingClientRect();
        const topElement = document.elementFromPoint(
          rect.left + rect.width / 2,
          rect.top + rect.height / 2,
        );
        if (topElement && (topElement === element || element.contains(topElement))) {
          if (presentedRunErrorIdRef.current === currentRunErrorId) return;
          presentedRunErrorIdRef.current = currentRunErrorId;
          onRunErrorPresented(currentRunErrorId);
        }
      });
    }
    recordIfPresented();
    const observer = new MutationObserver(recordIfPresented);
    observer.observe(document.body, { childList: true, subtree: true });
    document.addEventListener("transitionend", recordIfPresented);
    document.addEventListener("visibilitychange", recordIfPresented);
    return () => {
      cancelAnimationFrame(frame);
      observer.disconnect();
      document.removeEventListener("transitionend", recordIfPresented);
      document.removeEventListener("visibilitychange", recordIfPresented);
    };
  }, [onRunErrorPresented, runError, runErrorId]);
  useLayoutEffect(() => {
    const el = textareaRef.current;
    if (!el) return;
    function syncHeight() {
      const textarea = textareaRef.current;
      if (!textarea) return;
      textarea.style.height = "0px";
      textarea.style.height = `${textarea.scrollHeight}px`;
    }
    syncHeight();
    let lastWidth = el.getBoundingClientRect().width;
    const observer = new ResizeObserver(() => {
      const textarea = textareaRef.current;
      if (!textarea) return;
      const width = textarea.getBoundingClientRect().width;
      if (width === lastWidth) return;
      lastWidth = width;
      syncHeight();
    });
    observer.observe(el);
    return () => observer.disconnect();
  }, [draft]);
  function updateDraft(value: string) {
    submitFingerprint.current = null;
    setDraft(value);
    const mentionMatch = /(?:^|\s)@([\w-]*)$/.exec(value);
    setMentionQuery(mentionMatch ? (mentionMatch[1] ?? "") : null);
    // `/` only at the start of the draft so forced skills expand (`Use skill:` / `/Name` prefix).
    const slashMatch = selectedSkill === null ? /^\/([^\n]*)$/.exec(value) : null;
    const nextSlash = slashMatch ? (slashMatch[1] ?? "") : null;
    if (nextSlash !== null && slashQuery === null) onSlashOpen?.();
    setSlashQuery(nextSlash);
  }
  function focusComposer() {
    textareaRef.current?.focus();
  }
  function insertMention(mention: ComposerMention) {
    setDraft((current) => current.replace(/@([\w-]*)$/, ""));
    setMentionQuery(null);
    setMentionHighlightIndex(0);
    setSelectedMentions((current) =>
      current.some((selected) => mentionChipKey(selected) === mentionChipKey(mention))
        ? current
        : [...current, mention],
    );
    focusComposer();
  }
  function insertSkill(skill: AgentSkillCatalogEntry) {
    setSelectedSkill(skill);
    setDraft("");
    setSlashQuery(null);
  }
  function runSlashAction(action: SlashActionId) {
    setDraft("");
    setSlashQuery(null);
    onSlashAction?.(action);
  }
  function removeLastChip() {
    if (selectedMentions.length > 0) {
      setSelectedMentions((current) => current.slice(0, -1));
      return;
    }
    if (selectedSkill) setSelectedSkill(null);
  }
  const mentionOptions = useMemo(() => {
    if (mentionQuery === null || !mentionTargets?.length) return [];
    const query = mentionQuery.trim().toLowerCase();
    return mentionTargets
      .filter((target) => !query || target.name.toLowerCase().startsWith(query))
      .slice(0, 10);
  }, [mentionQuery, mentionTargets]);
  useEffect(() => {
    setMentionHighlightIndex(0);
  }, [mentionQuery]);
  const activeMentionIndex = clampMentionHighlightIndex(
    mentionHighlightIndex,
    mentionOptions.length,
  );
  const mentionPickerOpen = mentionOptions.length > 0;
  const activeMentionOptionId = mentionPickerOpen
    ? `${mentionListboxId}-option-${activeMentionIndex}`
    : undefined;
  const slashSkillOptions = useMemo(() => {
    if (slashQuery === null) return [];
    const query = slashQuery.trim().toLowerCase();
    const skills = agentSkills ?? [];
    return skills
      .filter((skill) => {
        if (!query) return true;
        return (
          skill.name.toLowerCase().includes(query) ||
          skill.description.toLowerCase().includes(query)
        );
      })
      .slice(0, 8);
  }, [agentSkills, slashQuery]);
  const slashActionOptions = useMemo(() => {
    if (slashQuery === null) return [];
    const query = slashQuery.trim().toLowerCase();
    return SLASH_ACTIONS.filter((action) => !query || action.label.toLowerCase().includes(query));
  }, [slashQuery]);
  const showSlashPicker =
    slashQuery !== null &&
    mentionQuery === null &&
    (slashSkillOptions.length > 0 || slashActionOptions.length > 0);
  function send() {
    if (!canSend || disabled) return;
    const text = serializeComposerPrompt(draft, selectedSkill, selectedMentions);
    const fingerprint = [text, ...selectedMentions.map((mention) => mentionChipKey(mention))].join(
      "\n",
    );
    if (submitFingerprint.current === fingerprint) return;
    submitFingerprint.current = fingerprint;
    setDraft("");
    setMentionQuery(null);
    setMentionHighlightIndex(0);
    setSlashQuery(null);
    setSelectedSkill(null);
    const mentions = selectedMentions;
    setSelectedMentions([]);
    void onSend(text, mentions);
  }
  function handleDragEnter(event: DragEvent<HTMLFieldSetElement>) {
    const dataTransfer = event.dataTransfer;
    if (!isFileDrag(dataTransfer)) return;
    event.preventDefault();
    if (disabled) {
      dragDepth.current = 0;
      setDraggingFiles(false);
      return;
    }
    dragDepth.current += 1;
    setDraggingFiles(true);
  }
  function handleDragOver(event: DragEvent<HTMLFieldSetElement>) {
    const dataTransfer = event.dataTransfer;
    if (!isFileDrag(dataTransfer)) return;
    event.preventDefault();
    dataTransfer.dropEffect = disabled ? "none" : "copy";
    if (disabled) {
      dragDepth.current = 0;
      setDraggingFiles(false);
      return;
    }
    setDraggingFiles(true);
  }
  function handleDragLeave(event: DragEvent<HTMLFieldSetElement>) {
    if (!isFileDrag(event.dataTransfer)) return;
    if (disabled) {
      dragDepth.current = 0;
      setDraggingFiles(false);
      return;
    }
    dragDepth.current = Math.max(0, dragDepth.current - 1);
    if (dragDepth.current === 0) setDraggingFiles(false);
  }
  function handleDrop(event: DragEvent<HTMLFieldSetElement>) {
    const dataTransfer = event.dataTransfer;
    if (!isFileDrag(dataTransfer)) return;
    event.preventDefault();
    dragDepth.current = 0;
    setDraggingFiles(false);
    if (!disabled) void onAttachmentPick(dataTransfer.files);
  }
  function handlePaste(event: ClipboardEvent<HTMLTextAreaElement>) {
    const clipboardData = event.clipboardData;
    // Only intercept real FileList pastes; leave text-only / empty-files native.
    if (disabled || !clipboardData || !isFilePaste(clipboardData)) return;
    event.preventDefault();
    void onAttachmentPick(clipboardData.files);
    const text = clipboardData.getData("text/plain");
    if (!text) return;
    const textarea = event.currentTarget;
    const start = textarea.selectionStart;
    const end = textarea.selectionEnd;
    updateDraft(`${draft.slice(0, start)}${text}${draft.slice(end)}`);
    const caret = start + text.length;
    window.requestAnimationFrame(() => {
      textareaRef.current?.setSelectionRange(caret, caret);
    });
  }
  const showComposerPlaceholder =
    draft.length === 0 && selectedSkill === null && selectedMentions.length === 0;
  const replyName = replyTarget ? (replyTargetName ?? previewMessageText(replyTarget)) : "";
  return (
    <fieldset
      aria-label={t`Message composer`}
      data-dragging={draggingFiles ? "files" : undefined}
      onDragEnter={handleDragEnter}
      onDragOver={handleDragOver}
      onDragLeave={handleDragLeave}
      onDrop={handleDrop}
      className={`relative z-30 m-0 min-w-0 border-0 px-3 pb-4 pt-3 md:px-6 md:pb-6 ${
        draggingFiles ? "rounded-[14px] ring-2 ring-inset ring-ring" : ""
      }`}
    >
      <div className="mx-auto w-full max-w-4xl">
        {sendError || runError ? (
          <div
            ref={runErrorRef}
            role="alert"
            data-testid="composer-error"
            className="mb-3 flex items-center gap-2 rounded-[14px] border border-destructive/40 bg-destructive/10 px-4 py-2 text-ui-body-sm text-destructive"
          >
            <span className="min-w-0 flex-1">{sendError ?? runError}</span>
            <button
              type="button"
              aria-label={t`Dismiss error`}
              data-testid="composer-error-dismiss"
              onClick={() => {
                onDismissError();
                window.requestAnimationFrame(() => textareaRef.current?.focus());
              }}
              className="shrink-0 text-destructive hover:text-foreground"
            >
              <X strokeWidth={2} className="size-icon-sm" />
            </button>
          </div>
        ) : null}
        {replyTarget ? (
          <div
            data-testid="reply-chip"
            className="mb-2 flex items-center gap-2 rounded-full border border-border bg-muted px-3 py-1.5 text-ui-body-sm text-foreground/75"
          >
            <span className="min-w-0 flex-1 truncate text-muted-foreground">
              {replyQuote
                ? t`Replying to ${replyName}: “${replyQuote}”`
                : t`Replying to ${replyName}`}
            </span>
            <button
              type="button"
              aria-label={t`Cancel reply`}
              onClick={onClearReply}
              className="shrink-0 text-muted-foreground hover:text-foreground"
            >
              <X strokeWidth={2} className="size-icon-sm" />
            </button>
          </div>
        ) : null}
        {attachmentNotice ? (
          <div className="mb-3 rounded-[14px] border border-warning/40 bg-warning/10 px-4 py-2 text-ui-body-sm text-warning">
            {attachmentNotice}
          </div>
        ) : null}
        {pendingAttachments.length ? (
          <div className="mb-3 flex flex-wrap gap-2">
            {pendingAttachments.map((attachment) => (
              <div
                key={attachment.id}
                className="flex items-center gap-2 rounded-full border border-border bg-muted px-3 py-1.5 text-ui-body-sm text-foreground/75"
              >
                {attachment.previewUrl ? (
                  <img
                    src={attachment.previewUrl}
                    alt={attachment.file.name}
                    className="size-control-md rounded object-cover"
                  />
                ) : (
                  <Paperclip strokeWidth={1.8} className="size-icon-md" />
                )}
                <span className="max-w-[180px] truncate" dir="auto">
                  {attachment.file.name}
                </span>
                <button
                  type="button"
                  aria-label={t`Remove ${attachment.file.name}`}
                  onClick={() => onRemoveAttachment(attachment)}
                  className="text-muted-foreground hover:text-foreground"
                >
                  <X strokeWidth={2} className="size-icon-sm" />
                </button>
              </div>
            ))}
          </div>
        ) : null}
        {mentionPickerOpen ? (
          <div
            id={mentionListboxId}
            role="listbox"
            aria-label={t`Mentions`}
            data-testid="mention-picker"
            className="mb-2 max-h-64 overflow-y-auto rounded-[14px] border border-border bg-muted"
          >
            {mentionOptions.map((mention, index) => {
              const optionId = `${mentionListboxId}-option-${index}`;
              const highlighted = index === activeMentionIndex;
              return (
                <button
                  id={optionId}
                  key={mentionChipKey(mention)}
                  type="button"
                  role="option"
                  aria-selected={highlighted}
                  aria-label={`@${mention.name}`}
                  data-mention-name={mention.name}
                  onMouseDown={(event) => event.preventDefault()}
                  onClick={() => insertMention(mention)}
                  onMouseEnter={() => setMentionHighlightIndex(index)}
                  className={`flex w-full items-start gap-3 px-4 py-2.5 text-start hover:bg-accent ${
                    highlighted ? "bg-accent" : ""
                  }`}
                >
                  <span aria-hidden="true">
                    <MentionOptionIcon mention={mention} />
                  </span>
                  <span className="min-w-0">
                    <span dir="auto" className="block text-ui-body text-foreground">
                      @{mention.name}
                    </span>
                    {mention.subtitle ? (
                      <span
                        dir="auto"
                        aria-hidden="true"
                        className="block truncate text-ui-body-sm text-muted-foreground"
                      >
                        {mention.subtitle}
                      </span>
                    ) : null}
                  </span>
                </button>
              );
            })}
          </div>
        ) : null}
        {showSlashPicker ? (
          <div
            data-testid="slash-picker"
            className="mb-2 overflow-hidden rounded-[14px] border border-border bg-muted"
          >
            {slashSkillOptions.map((skill) => (
              <button
                key={skill.id}
                type="button"
                aria-label={t`Skill ${skill.name}`}
                onClick={() => insertSkill(skill)}
                className="flex w-full items-start gap-3 px-4 py-2.5 text-start hover:bg-accent"
              >
                <Box
                  strokeWidth={1.7}
                  className="mt-0.5 shrink-0 text-muted-foreground size-icon-md"
                />
                <span className="min-w-0">
                  <span dir="auto" className="block text-ui-body text-foreground">
                    {skill.name}
                  </span>
                  <span dir="auto" className="block truncate text-ui-body-sm text-muted-foreground">
                    {truncateSlashDescription(skill.description)}
                  </span>
                </span>
              </button>
            ))}
            {slashActionOptions.map((action) => {
              const label = slashActionLabel(action.id);
              return (
                <button
                  key={action.id}
                  type="button"
                  aria-label={label}
                  onClick={() => runSlashAction(action.id)}
                  className="flex w-full items-center gap-3 px-4 py-2.5 text-start hover:bg-accent"
                >
                  <Settings
                    strokeWidth={1.7}
                    className="shrink-0 text-muted-foreground size-icon-md"
                  />
                  <span className="text-ui-body text-foreground">{label}</span>
                </button>
              );
            })}
          </div>
        ) : null}
        <div
          data-testid="composer-bar"
          className="apple-island relative flex items-center gap-3.5 rounded-[30px] py-3 pe-3.5 ps-4 transition-all duration-200"
        >
          <input
            ref={fileInputRef}
            type="file"
            multiple
            accept={ATTACHMENT_ACCEPT}
            className="hidden"
            onChange={(event) => void onAttachmentPick(event.target.files)}
          />
          <Button
            variant="ghost"
            size="icon"
            aria-label={t`Attach file`}
            disabled={disabled}
            onClick={() => fileInputRef.current?.click()}
            className="tactile-press size-10 shrink-0 rounded-full border border-border bg-foreground/5 text-foreground/80 transition-all hover:bg-foreground/10 hover:text-foreground flex items-center justify-center cursor-pointer"
          >
            <Plus strokeWidth={2.2} className="size-icon-lg" />
          </Button>
          <div className="flex min-w-0 flex-1 flex-wrap items-end gap-1.5">
            {selectedSkill ? (
              <span
                data-testid="skill-chip"
                className="inline-flex max-w-full items-center gap-1.5 rounded-full border border-border bg-foreground/[0.08] px-3 py-1 text-ui-body font-medium text-foreground backdrop-blur-md"
              >
                <Box strokeWidth={1.8} className="shrink-0 text-muted-foreground size-icon-md" />
                <span dir="auto" className="truncate">
                  {selectedSkill.name}
                </span>
                <button
                  type="button"
                  aria-label={t`Remove skill ${selectedSkill.name}`}
                  onClick={() => setSelectedSkill(null)}
                  className="text-muted-foreground hover:text-foreground transition-colors"
                >
                  <X strokeWidth={2} className="size-icon-sm" />
                </button>
              </span>
            ) : null}
            {selectedMentions.map((mention) => (
              <span
                key={mentionChipKey(mention)}
                data-testid="mention-chip"
                data-mention-kind={mention.kind}
                className="inline-flex max-w-full items-center gap-1.5 rounded-full border border-border bg-foreground/[0.08] px-3 py-1 text-ui-body font-medium text-foreground backdrop-blur-md"
              >
                <MentionChipIcon mention={mention} />
                <span dir="auto" className="truncate">
                  {mention.name}
                </span>
                <button
                  type="button"
                  aria-label={t`Remove mention ${mention.name}`}
                  onClick={() =>
                    setSelectedMentions((current) =>
                      current.filter(
                        (selected) => mentionChipKey(selected) !== mentionChipKey(mention),
                      ),
                    )
                  }
                  className="text-muted-foreground hover:text-foreground transition-colors"
                >
                  <X strokeWidth={2} className="size-icon-sm" />
                </button>
              </span>
            ))}
            <textarea
              ref={textareaRef}
              value={draft}
              onChange={(event) => updateDraft(event.target.value)}
              onPaste={handlePaste}
              onKeyDown={(event) => {
                if (
                  event.key === "Backspace" &&
                  draft.length === 0 &&
                  (selectedSkill !== null || selectedMentions.length > 0)
                ) {
                  event.preventDefault();
                  removeLastChip();
                  return;
                }
                const action = resolveMentionPickerKey({
                  key: event.key,
                  shiftKey: event.shiftKey,
                  isComposing: event.nativeEvent.isComposing || event.keyCode === 229,
                  optionCount: mentionOptions.length,
                  highlightedIndex: activeMentionIndex,
                });
                if (action.type === "complete") {
                  const mention = mentionOptions[action.index];
                  if (!mention) return;
                  event.preventDefault();
                  insertMention(mention);
                  return;
                }
                if (action.type === "move") {
                  event.preventDefault();
                  setMentionHighlightIndex(action.index);
                  return;
                }
                if (action.type === "dismiss") {
                  event.preventDefault();
                  setMentionQuery(null);
                  setMentionHighlightIndex(0);
                  return;
                }
                if (action.type === "send") {
                  event.preventDefault();
                  send();
                }
              }}
              disabled={disabled}
              placeholder={showComposerPlaceholder ? t`Message…` : undefined}
              aria-label={t`Message`}
              role="combobox"
              aria-autocomplete="list"
              aria-haspopup="listbox"
              aria-expanded={mentionPickerOpen ? "true" : "false"}
              aria-controls={mentionPickerOpen ? mentionListboxId : undefined}
              aria-activedescendant={activeMentionOptionId}
              name="chat-message"
              autoComplete="off"
              dir="auto"
              rows={1}
              className="max-h-36 min-h-[28px] min-w-[8rem] flex-1 resize-none overflow-y-auto bg-transparent py-1 text-[16.5px] leading-[1.55] text-foreground outline-none placeholder:text-muted-foreground/75 disabled:opacity-40 font-normal"
            />
          </div>
          {onVoice ? (
            <Button
              variant="outline"
              aria-label={t`Voice`}
              title={voiceReady ? t`Start voice conversation` : t`Set up voice`}
              disabled={disabled}
              onClick={onVoice}
              data-testid="composer-voice-primary"
              className={`tactile-press h-control-lg shrink-0 gap-2 rounded-full px-4 sm:px-5 flex items-center justify-center cursor-pointer transition-all ${
                voiceReady
                  ? "relative overflow-hidden border-border bg-foreground/5 text-foreground hover:bg-foreground/10"
                  : "border-border bg-foreground/5 text-foreground/80 hover:bg-foreground/10"
              }`}
            >
              {voiceReady ? (
                <VoiceAuroraRim botColor={voiceColor} className="inset-x-[14%] h-0.5 blur-[3px]" />
              ) : null}
              <Mic strokeWidth={1.9} className="size-icon-lg shrink-0" />
              <span className="hidden text-ui-body font-semibold sm:inline">
                <Trans>Voice</Trans>
              </span>
            </Button>
          ) : null}
          {running ? (
            <div className="flex items-center gap-2 shrink-0">
              <Button
                size="icon"
                aria-label={t`Send`}
                disabled={!canSend || disabled}
                onClick={send}
                className="tactile-press size-10 rounded-full transition-transform active:scale-90 flex items-center justify-center cursor-pointer"
              >
                <ArrowUp strokeWidth={2.6} className="size-icon-lg" />
              </Button>
              <Button
                variant="outline"
                size="icon"
                aria-label={t`Stop`}
                disabled={sending}
                onClick={() => void onStop()}
                className="tactile-press size-10 rounded-full border border-border bg-foreground/[0.08] text-foreground/90 shadow-sm transition-colors hover:bg-foreground/15 hover:text-foreground flex items-center justify-center cursor-pointer"
              >
                <Square strokeWidth={0} fill="currentColor" className="size-icon-sm" />
              </Button>
            </div>
          ) : (
            <Button
              size="icon"
              aria-label={t`Send`}
              disabled={!canSend || disabled}
              onClick={send}
              className="tactile-press size-10 shrink-0 rounded-full transition-all active:scale-90 disabled:bg-foreground/[0.08] disabled:text-foreground/20 flex items-center justify-center cursor-pointer"
            >
              <ArrowUp strokeWidth={2.6} className="size-icon-lg" />
            </Button>
          )}
        </div>
      </div>
    </fieldset>
  );
 });
 function slashActionLabel(id: SlashActionId) {
  switch (id) {
    case "chat-settings":
      return t`Chat Settings`;
    case "settings-general":
      return t`Settings: General`;
    case "settings-usage":
      return t`Settings: Usage`;
  }
 }
 function MentionOptionIcon({ mention }: { mention: ComposerMention }) {
  if (mention.kind === "routine") {
    return (
      <Clock strokeWidth={1.7} className="mt-0.5 shrink-0 text-muted-foreground size-icon-md" />
    );
  }
  if (mention.kind === "connector") {
    return (
      <Puzzle strokeWidth={1.7} className="mt-0.5 shrink-0 text-muted-foreground size-icon-md" />
    );
  }
  if (mention.kind === "group") {
    return (
      <span className="mt-0.5 grid h-4 w-4 shrink-0 place-items-center rounded-full bg-accent text-ui-caption text-foreground/75">
        G
      </span>
    );
  }
  if (mention.kind === "everyone") {
    return (
      <span className="mt-0.5 grid h-4 w-4 shrink-0 place-items-center rounded-full bg-accent text-ui-caption text-foreground/75">
        @
      </span>
    );
  }
  return (
    <BotAvatar
      color={mention.color ?? FALLBACK_BOT_COLOR}
      identity={mention.id}
      className="size-icon-md"
    />
  );
 }
 function MentionChipIcon({ mention }: { mention: ComposerMention }) {
  if (mention.kind === "routine") {
    return <Clock strokeWidth={1.7} className="shrink-0 text-muted-foreground/70 size-icon-sm" />;
  }
  if (mention.kind === "connector") {
    return <Puzzle strokeWidth={1.7} className="shrink-0 text-muted-foreground/70 size-icon-sm" />;
  }
  if (mention.kind === "group" || mention.kind === "everyone") {
    return (
      <span className="grid h-4 w-4 shrink-0 place-items-center rounded-full bg-accent text-ui-caption text-foreground/75">
        {mention.kind === "group" ? "G" : "@"}
      </span>
    );
  }
  return (
    <BotAvatar
      color={mention.color ?? FALLBACK_BOT_COLOR}
      identity={mention.id}
      className="size-icon-md"
    />
  );
 }
--- a/apps/web/src/pages/shell/computer-panel-preview.tsx
+++ b/apps/web/src/pages/shell/computer-panel-preview.tsx
@ -0,0 +1,96 @@
 import { Trans, useLingui } from "@lingui/react/macro";
 import type { Bot, ComputerStatus } from "@rakazo/contracts";
 import { Maximize2 } from "lucide-react";
 import type { ReactNode } from "react";
 import {
  ComputersUnavailableHint,
  computersAreUnavailable,
 } from "../../components/ComputersUnavailableHint";
 import { AgentCursor } from "../../components/computer/AgentCursor";
 import {
  computerLabel,
  computerPlaceholder,
  DesktopKindEmptyState,
  screenIframeSandbox,
 } from "./computer-screen";
 /** The bot's screen in the side panel: a live, non-interactive preview that opens full window. */
 export function ComputerPanelPreview({
  active,
  computer,
  computerOpen,
  booting,
  embeddedScreenUrl,
  computerScreenError,
  sandboxProvider,
  onOpen,
 }: {
  active: Bot;
  computer: ComputerStatus | null;
  computerOpen: boolean;
  booting: boolean;
  embeddedScreenUrl: string | null;
  computerScreenError: ReactNode;
  sandboxProvider: string | undefined;
  onOpen: () => void;
 }) {
  const { t } = useLingui();
  return (
    <>
      <div
        data-testid="computer-preview"
        className="group relative aspect-[16/10] overflow-hidden rounded-[14px] bg-background"
      >
        {computerOpen ? (
          <div className="grid h-full place-items-center text-sm text-muted-foreground/80">
            <Trans>Open in full window</Trans>
          </div>
        ) : computer?.kind === "desktop" ? (
          <DesktopKindEmptyState className="grid h-full place-items-center px-6 text-center text-sm text-muted-foreground/80" />
        ) : computer?.state === "running" && embeddedScreenUrl && !computerScreenError ? (
          <>
            <iframe
              title={t`Bot screen preview`}
              src={embeddedScreenUrl}
              sandbox={screenIframeSandbox(embeddedScreenUrl)}
              className="h-full w-full border-0 bg-black"
              allow="clipboard-read; clipboard-write"
              style={{ pointerEvents: "none" }}
            />
            <AgentCursor botId={active.id} color={active.color} name={active.name} />
          </>
        ) : (
          <div className="grid h-full place-items-center px-6 text-center text-sm text-muted-foreground/80">
            {computerScreenError ??
              (computersAreUnavailable(sandboxProvider) ? (
                <ComputersUnavailableHint />
              ) : (
                computerPlaceholder(
                  computer?.state,
                  booting,
                  computerLabel(computer?.mode, active.name),
                )
              ))}
          </div>
        )}
        {!computerScreenError ? (
          <button
            type="button"
            data-testid="computer-preview-open"
            className="absolute inset-0 flex cursor-pointer items-center justify-center bg-overlay/40 opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100"
            aria-label={t`Open`}
            onClick={onOpen}
          >
            <span className="inline-flex items-center gap-2 rounded-full bg-overlay px-3.5 py-2 text-ui-body text-foreground shadow-md">
              <Maximize2 strokeWidth={1.9} aria-hidden className="size-icon-md" />
              <Trans>Open</Trans>
            </span>
          </button>
        ) : null}
      </div>
      <p className="mt-2 truncate text-ui-body text-muted-foreground" dir="auto">
        {t`${active.name}'s screen`}
      </p>
    </>
  );
 }
--- a/apps/web/src/pages/shell/computer-screen.tsx
+++ b/apps/web/src/pages/shell/computer-screen.tsx
@ -0,0 +1,83 @@
 import { t } from "@lingui/core/macro";
 import { Trans } from "@lingui/react/macro";
 import type { ComputerReleaseReason, ComputerStatus } from "@rakazo/contracts";
 import { Button } from "@rakazo/ui-web";
 export function ComputerReleaseActions({
  takeoverRequested,
  onRelease,
 }: {
  takeoverRequested: boolean;
  onRelease: (reason?: ComputerReleaseReason) => Promise<void>;
 }) {
  if (!takeoverRequested) {
    return (
      <Button type="button" variant="outline" size="sm" onClick={() => void onRelease()}>
        <Trans>Release</Trans>
      </Button>
    );
  }
  return (
    <div className="flex items-center gap-2">
      <Button type="button" variant="outline" size="sm" onClick={() => void onRelease("skipped")}>
        <Trans>Skip</Trans>
      </Button>
      <Button type="button" size="sm" onClick={() => void onRelease("done")}>
        <Trans>I’m done</Trans>
      </Button>
    </div>
  );
 }
 export function embeddableScreenUrl(url: string | null): string | null {
  if (!url) return null;
  try {
    const parsed = new URL(url, window.location.href);
    const page = new URL(window.location.href);
    const local = parsed.hostname === "127.0.0.1" || parsed.hostname === "localhost";
    const pagePort = page.port || (page.protocol === "https:" ? "443" : "80");
    if (local && parsed.port && parsed.port !== pagePort) {
      return null;
    }
    return parsed.toString();
  } catch {
    return url;
  }
 }
 export function screenIframeSandbox(url: string | null) {
  if (!url) return undefined;
  try {
    return new URL(url, window.location.href).pathname.startsWith("/novnc/")
      ? "allow-scripts allow-pointer-lock"
      : undefined;
  } catch {
    return undefined;
  }
 }
 export function DesktopKindEmptyState({ className }: { className?: string }) {
  return (
    <div className={className}>
      <Trans>
        This bot runs on this computer, not a Linux desktop. Shell and files use your home folder.
      </Trans>
    </div>
  );
 }
 export function computerPlaceholder(
  state: ComputerStatus["state"] | undefined,
  booting: boolean,
  label: string,
 ) {
  if (state === "booting" || booting) return t`Booting live desktop…`;
  if (state === "running") return label;
  if (state === "suspended") return t`Computer is asleep. Open it to wake.`;
  if (state === "error") return t`Computer failed to boot`;
  return t`Computer is stopped`;
 }
 export function computerLabel(mode: ComputerStatus["mode"] | undefined, botName: string) {
  return mode === "dedicated" ? t`${botName}’s computer` : t`Team Computer`;
 }
--- a/apps/web/src/pages/shell/fullscreen-computer-overlay.tsx
+++ b/apps/web/src/pages/shell/fullscreen-computer-overlay.tsx
@ -0,0 +1,196 @@
 import { Trans, useLingui } from "@lingui/react/macro";
 import type { Bot, ComputerReleaseReason, ComputerStatus, TaughtSkill } from "@rakazo/contracts";
 import { BotAvatar, Button } from "@rakazo/ui-web";
 import { X } from "lucide-react";
 import type { ReactNode } from "react";
 import { ComputerMaintenanceActions } from "../../components/ComputerMaintenanceActions";
 import { AgentCursor } from "../../components/computer/AgentCursor";
 import { TeachCaptureOverlay } from "../../components/teach/TeachCaptureOverlay";
 import { TeachComputerOverlayControl } from "../../components/teach/TeachComputerOverlay";
 import { TeachRecordingChrome, TeachStopButton } from "../../components/teach/TeachRecordingChrome";
 import {
  ComputerReleaseActions,
  computerLabel,
  DesktopKindEmptyState,
  screenIframeSandbox,
 } from "./computer-screen";
 /** The bot's computer in full window, where the user takes control or teaches a skill. */
 export function FullscreenComputerOverlay({
  active,
  computer,
  computerViewport,
  embeddedScreenUrl,
  computerScreenError,
  hasControl,
  recordingSkill,
  teachBusy,
  composerRunning,
  sending,
  sendError,
  onStopRun,
  onStopTeaching,
  onRelease,
  onRefreshTeaching,
  refreshThread,
  onClose,
 }: {
  active: Bot;
  computer: ComputerStatus | null;
  computerViewport: { height: number; offsetTop: number } | null;
  embeddedScreenUrl: string | null;
  computerScreenError: ReactNode;
  hasControl: boolean;
  recordingSkill: TaughtSkill | null;
  teachBusy: boolean;
  composerRunning: boolean;
  sending: boolean;
  sendError: string | null;
  onStopRun: () => Promise<void>;
  onStopTeaching: () => Promise<void>;
  onRelease: (reason?: ComputerReleaseReason) => Promise<void>;
  onRefreshTeaching: () => Promise<void>;
  refreshThread: (botId: string) => Promise<unknown>;
  onClose: () => void;
 }) {
  const { t } = useLingui();
  return (
    <div className="fixed inset-0 z-30 bg-background">
      <div
        data-testid="computer-viewport"
        className="fixed inset-x-0 top-0 flex flex-col bg-background"
        style={{
          height: computerViewport ? `${computerViewport.height}px` : "100dvh",
          top: computerViewport ? `${computerViewport.offsetTop}px` : undefined,
        }}
      >
        <div
          data-testid="computer-chrome"
          className="flex items-center justify-between gap-4 border-b border-sidebar-border px-[18px] py-3.5"
        >
          <div className="flex min-w-0 flex-1 items-center gap-3">
            <BotAvatar color={active.color} identity={active.id} size={28} status={active.status} />
            {recordingSkill ? (
              <TeachRecordingChrome
                recording={recordingSkill}
                busy={teachBusy}
                onStop={onStopTeaching}
                variant="overlay"
              />
            ) : (
              <span className="truncate text-ui-body font-medium text-foreground" dir="auto">
                {computerLabel(computer?.mode, active.name)}
              </span>
            )}
            {!recordingSkill && hasControl ? (
              computer?.takeoverRequested ? (
                <span className="rounded-full bg-warning/15 px-[11px] py-1 text-ui-body-sm text-warning">
                  <Trans>Needs you</Trans>
                </span>
              ) : (
                <span className="rounded-full bg-success/15 px-[11px] py-1 text-ui-body-sm text-success">
                  <Trans>You have control</Trans>
                </span>
              )
            ) : null}
          </div>
          <div className="flex items-center gap-3">
            {composerRunning ? (
              <Button
                type="button"
                variant="outline"
                size="sm"
                aria-label={t`Stop`}
                data-testid="computer-overlay-stop"
                onClick={() => void onStopRun()}
                disabled={sending}
              >
                <Trans>Stop</Trans>
              </Button>
            ) : null}
            {recordingSkill ? (
              <TeachStopButton busy={teachBusy} onStop={onStopTeaching} />
            ) : hasControl ? (
              <ComputerReleaseActions
                takeoverRequested={Boolean(computer?.takeoverRequested)}
                onRelease={onRelease}
              />
            ) : null}
            {active && !recordingSkill ? (
              <TeachComputerOverlayControl
                key={active.id}
                botId={active.id}
                computer={computer}
                busy={teachBusy}
                onRefresh={onRefreshTeaching}
              />
            ) : null}
            {active && !recordingSkill ? (
              <ComputerMaintenanceActions
                botId={active.id}
                computer={computer}
                onChanged={async () => {
                  await refreshThread(active.id);
                }}
              />
            ) : null}
            <Button
              variant="ghost"
              size="icon-sm"
              className="text-muted-foreground"
              aria-label={t`Close computer`}
              onClick={onClose}
            >
              <X strokeWidth={1.8} className="size-icon-md" />
            </Button>
          </div>
        </div>
        {sendError ? (
          <div
            role="alert"
            className="border-b border-destructive/40 bg-destructive/10 px-[18px] py-2 text-ui-body-sm text-destructive"
          >
            {sendError}
          </div>
        ) : null}
        <div className="relative min-h-0 flex-1 bg-background">
          {computer?.kind === "desktop" ? (
            <DesktopKindEmptyState className="grid h-full place-items-center px-8 text-center text-sm text-muted-foreground/80" />
          ) : computer?.state === "running" && embeddedScreenUrl && !computerScreenError ? (
            <>
              <iframe
                title={t`Bot screen`}
                src={embeddedScreenUrl}
                sandbox={screenIframeSandbox(embeddedScreenUrl)}
                className="h-full w-full border-0 bg-black"
                allow="clipboard-read; clipboard-write; fullscreen"
                style={{
                  pointerEvents: recordingSkill || !hasControl ? "none" : "auto",
                }}
              />
              {active && !hasControl ? (
                <AgentCursor botId={active.id} color={active.color} name={active.name} />
              ) : null}
              {active ? (
                <TeachCaptureOverlay
                  botId={active.id}
                  skill={recordingSkill}
                  enabled={Boolean(recordingSkill)}
                  screenWidth={computer?.screenWidth}
                  screenHeight={computer?.screenHeight}
                />
              ) : null}
            </>
          ) : (
            <div className="grid h-full place-items-center text-sm text-muted-foreground/80">
              {computerScreenError ??
                (computer?.state === "suspended"
                  ? t`Computer is asleep`
                  : computerLabel(computer?.mode, active.name))}
            </div>
          )}
        </div>
      </div>
    </div>
  );
 }
--- a/apps/web/src/pages/shell/message-preview.ts
+++ b/apps/web/src/pages/shell/message-preview.ts
@ -0,0 +1,17 @@
 import { t } from "@lingui/core/macro";
 import type { ThreadMessage } from "@rakazo/contracts";
 const ATTACHMENT_BLOCK_KINDS = new Set(["image", "file", "video", "audio", "media"]);
 export function previewMessageText(message: ThreadMessage): string {
  const text = message.blocks
    .map((block) => (block.kind === "text" || block.kind === "channel_message" ? block.text : ""))
    .filter(Boolean)
    .join(" ")
    .trim();
  if (text) return text;
  if (message.blocks.some((block) => ATTACHMENT_BLOCK_KINDS.has(block.kind))) {
    return t`Attachment`;
  }
  return t`Message`;
 }
--- a/apps/web/src/pages/shell/pointer-menu.tsx
+++ b/apps/web/src/pages/shell/pointer-menu.tsx
@ -0,0 +1,41 @@
 import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "@rakazo/ui-web";
 import type { ReactNode } from "react";
 import type { ContextMenuPosition } from "../BotContextMenu";
 /** A dropdown menu opened at the pointer, for sidebar context menus. */
 export function PointerMenu({
  position,
  label,
  onClose,
  children,
 }: {
  position: ContextMenuPosition;
  label: string;
  onClose: () => void;
  children: ReactNode;
 }) {
  return (
    <DropdownMenu
      open
      onOpenChange={(open) => {
        if (!open) onClose();
      }}
    >
      {/* Invisible anchor at the pointer position, mirroring the bot menu. */}
      <DropdownMenuTrigger
        render={
          <button
            type="button"
            tabIndex={-1}
            aria-hidden
            className="fixed size-0 p-0 opacity-0"
            style={{ left: position.x, top: position.y }}
          />
        }
      />
      <DropdownMenuContent aria-label={label} align="start" sideOffset={0} className="w-[220px]">
        {children}
      </DropdownMenuContent>
    </DropdownMenu>
  );
 }
--- a/apps/web/src/pages/shell/roster-format.ts
+++ b/apps/web/src/pages/shell/roster-format.ts
@ -0,0 +1,57 @@
 import { i18n } from "@lingui/core";
 import { t } from "@lingui/core/macro";
 export function stripSpaceTitlePrefix(title: string | null, spaceName: string): string | null {
  if (!title) return null;
  const prefix = `${spaceName} · `;
  if (title.startsWith(prefix)) return title.slice(prefix.length);
  if (title === spaceName) return null;
  return title;
 }
 export function formatRosterTime(isoDate?: string | null): string {
  if (!isoDate) return "";
  try {
    const d = new Date(isoDate);
    if (Number.isNaN(d.getTime())) return "";
    const locale = i18n.locale || "en";
    const now = new Date();
    const isToday =
      d.getDate() === now.getDate() &&
      d.getMonth() === now.getMonth() &&
      d.getFullYear() === now.getFullYear();
    if (isToday) {
      return d.toLocaleTimeString(locale, { hour: "numeric", minute: "2-digit" });
    }
    const yesterday = new Date(now);
    yesterday.setDate(now.getDate() - 1);
    const isYesterday =
      d.getDate() === yesterday.getDate() &&
      d.getMonth() === yesterday.getMonth() &&
      d.getFullYear() === yesterday.getFullYear();
    if (isYesterday) return t`Yesterday`;
    const diffDays = Math.floor((now.getTime() - d.getTime()) / (1000 * 60 * 60 * 24));
    if (diffDays < 7) {
      return d.toLocaleDateString(locale, { weekday: "short" });
    }
    return d.toLocaleDateString(locale, { month: "short", day: "numeric" });
  } catch {
    return "";
  }
 }
 export function cleanRosterPreview(raw?: string | null): string {
  if (!raw) return "";
  let text = raw;
  // Strip markdown headings
  text = text.replace(/^#{1,6}\s+/gm, "");
  // Strip routing tokens [to ...] and system protocols [RECOVERY PROTOCOL], [PO ...]
  text = text.replace(/\[(?:to|RECOVERY PROTOCOL|PO)[^\]]*\]/gi, "");
  // Strip bold/italic/code markers
  text = text.replace(/[*_`#]/g, "");
  // Strip escape backslashes
  text = text.replace(/\\/g, "");
  // Collapse whitespace
  text = text.replace(/\s+/g, " ").trim();
  return text;
 }
--- a/apps/web/src/pages/shell/roster-rows.tsx
+++ b/apps/web/src/pages/shell/roster-rows.tsx
@ -0,0 +1,250 @@
 import { Trans, useLingui } from "@lingui/react/macro";
 import type { SpaceBot, SpaceGroup } from "@rakazo/contracts";
 import { BotAvatar, GroupAvatar } from "@rakazo/ui-web";
 import type { RefObject } from "react";
 import {
  needsYouChipLabel,
  rosterActivitySubtitle,
  rosterStatusDot,
 } from "../../lib/agent-activity";
 import { localizedPreview } from "../../lib/onboarding-copy";
 import type { ContextMenuPosition } from "../BotContextMenu";
 import { cleanRosterPreview, formatRosterTime } from "./roster-format";
 import {
  rosterNameClass,
  rosterPreviewClass,
  rosterRowClass,
  rosterTimeClass,
  rosterUnreadDotClass,
 } from "./roster-row-style";
 export type SidebarChatItem = { kind: "bot"; chat: SpaceBot } | { kind: "group"; chat: SpaceGroup };
 export type BotMenuRequest = {
  kind: "bot" | "group";
  id: string;
  position: ContextMenuPosition;
 };
 /** A bot in the conversations section: reorderable by drag or Alt+Arrow within its group. */
 export function TeamRosterRow({
  item,
  groupBotIds,
  draggedBotId,
  onDraggedBotIdChange,
  onReorder,
  selected,
  onOpen,
  activeSpaceId,
  menuAnchor,
  onMenu,
 }: {
  item: Extract<SidebarChatItem, { kind: "bot" }>;
  groupBotIds: string[];
  draggedBotId: string | null;
  onDraggedBotIdChange: (botId: string | null) => void;
  onReorder: (sourceId: string, targetId: string, groupBotIds: string[]) => void;
  selected: boolean;
  onOpen: () => void;
  activeSpaceId: string | undefined;
  menuAnchor: RefObject<HTMLElement | null>;
  onMenu: (menu: BotMenuRequest) => void;
 }) {
  const { t } = useLingui();
  return (
    <button
      type="button"
      draggable={item.kind === "bot"}
      data-roster-bot-id={item.kind === "bot" ? item.chat.id : undefined}
      aria-keyshortcuts={item.kind === "bot" ? "Alt+ArrowUp Alt+ArrowDown" : undefined}
      onDragStart={(event) => {
        if (item.kind !== "bot") return;
        onDraggedBotIdChange(item.chat.id);
        event.dataTransfer.effectAllowed = "move";
        event.dataTransfer.setData("text/plain", item.chat.id);
      }}
      onDragOver={(event) => {
        if (item.kind === "bot" && draggedBotId && groupBotIds.includes(draggedBotId)) {
          event.preventDefault();
          event.dataTransfer.dropEffect = "move";
        }
      }}
      onDrop={(event) => {
        if (item.kind !== "bot" || !draggedBotId) return;
        event.preventDefault();
        onReorder(draggedBotId, item.chat.id, groupBotIds);
        onDraggedBotIdChange(null);
      }}
      onDragEnd={() => onDraggedBotIdChange(null)}
      onKeyDown={(event) => {
        if (
          item.kind !== "bot" ||
          !event.altKey ||
          (event.key !== "ArrowUp" && event.key !== "ArrowDown")
        )
          return;
        const index = groupBotIds.indexOf(item.chat.id);
        const target = groupBotIds[index + (event.key === "ArrowUp" ? -1 : 1)];
        if (!target) return;
        event.preventDefault();
        onReorder(item.chat.id, target, groupBotIds);
      }}
      aria-label={
        item.kind === "bot"
          ? t`${item.chat.name}, 1:1 conversation`
          : t`${item.chat.name}, group conversation`
      }
      onClick={onOpen}
      onContextMenu={(event) => {
        if (item.chat.spaceId !== activeSpaceId) return;
        event.preventDefault();
        menuAnchor.current = event.currentTarget;
        onMenu({
          kind: item.kind,
          id: item.chat.id,
          position: { x: event.clientX, y: event.clientY },
        });
      }}
      className={`${rosterRowClass(selected)} cursor-grab active:cursor-grabbing`}
      style={{
        opacity: draggedBotId === item.chat.id ? 0.55 : 1,
      }}
    >
      <div className="relative shrink-0">
        <BotAvatar
          color={item.chat.color}
          identity={item.chat.id}
          size={40}
          status={item.chat.status}
        />
        <span
          className={`absolute -bottom-0.5 -right-0.5 size-2.5 rounded-full border-2 border-sidebar ${
            rosterStatusDot(item.chat.status) === "idle" ? "bg-success" : "bg-warning animate-pulse"
          }`}
        />
      </div>
      <div className="min-w-0 flex-1">
        <div className="flex items-center justify-between gap-1.5">
          <div className="flex min-w-0 items-center gap-2 overflow-hidden">
            <span
              dir="auto"
              data-roster-bot-name=""
              className={`shrink-0 max-w-[170px] truncate text-ui-body tracking-tight ${rosterNameClass(
                item.chat.unread,
              )}`}
            >
              {item.chat.name}
            </span>
            {needsYouChipLabel(item.chat.status) ? (
              <span className="shrink-0 rounded-full border border-warning/30 bg-warning/10 px-2 py-0.5 text-ui-label font-medium text-foreground dark:text-warning">
                {needsYouChipLabel(item.chat.status)}
              </span>
            ) : item.chat.title ? (
              <span className="min-w-0 truncate rounded-full border border-border bg-muted px-2 py-0.5 text-ui-label font-medium text-muted-foreground">
                {item.chat.title}
              </span>
            ) : null}
            {item.chat.unread ? (
              <span className="sr-only">
                <Trans> (unread)</Trans>
              </span>
            ) : null}
          </div>
          <div className="flex shrink-0 items-center gap-1.5">
            <span className={rosterTimeClass}>{formatRosterTime(item.chat.updatedAt)}</span>
            {item.chat.unread ? <span aria-hidden="true" className={rosterUnreadDotClass} /> : null}
          </div>
        </div>
        <div
          dir="auto"
          className={`mt-0.5 truncate text-ui-body leading-snug ${rosterPreviewClass(
            item.chat.unread,
          )}`}
        >
          {rosterActivitySubtitle(item.chat.status, cleanRosterPreview(item.chat.preview))}
        </div>
      </div>
    </button>
  );
 }
 /** A conversation in the projects section; a project's main conversation has no chat actions. */
 export function ProjectRosterRow({
  item,
  selected,
  onOpen,
  activeSpaceId,
  menuAnchor,
  onMenu,
 }: {
  item: SidebarChatItem;
  selected: boolean;
  onOpen: () => void;
  activeSpaceId: string | undefined;
  menuAnchor: RefObject<HTMLElement | null>;
  onMenu: (menu: BotMenuRequest) => void;
 }) {
  const { t } = useLingui();
  return (
    <button
      type="button"
      aria-label={
        item.kind === "bot"
          ? t`${item.chat.name}, 1:1 conversation`
          : item.chat.kind === "main"
            ? t`${item.chat.name}, main conversation`
            : t`${item.chat.name}, group conversation`
      }
      onClick={onOpen}
      onContextMenu={(event) => {
        // A project's main conversation has no chat actions.
        if (item.chat.spaceId !== activeSpaceId || item.chat.kind === "main") return;
        event.preventDefault();
        menuAnchor.current = event.currentTarget;
        onMenu({
          kind: item.kind,
          id: item.chat.id,
          position: { x: event.clientX, y: event.clientY },
        });
      }}
      className={rosterRowClass(selected)}
    >
      {item.kind === "bot" ? (
        <BotAvatar
          color={item.chat.color}
          identity={item.chat.id}
          size={40}
          status={item.chat.status}
        />
      ) : (
        <GroupAvatar members={(item.chat as any).members} size={40} />
      )}
      <div className="min-w-0 flex-1">
        <div className="flex items-center justify-between gap-1.5">
          <div className="flex min-w-0 items-center gap-2 overflow-hidden">
            <span
              dir="auto"
              className={`shrink-0 max-w-[170px] truncate text-ui-body tracking-tight ${rosterNameClass(
                item.chat.unread,
              )}`}
            >
              {item.chat.name}
            </span>
          </div>
          <div className="flex shrink-0 items-center gap-1.5">
            <span className={rosterTimeClass}>{formatRosterTime(item.chat.updatedAt)}</span>
            {item.chat.unread ? <span aria-hidden="true" className={rosterUnreadDotClass} /> : null}
          </div>
        </div>
        <div
          dir="auto"
          className={`mt-0.5 truncate text-ui-body leading-snug ${rosterPreviewClass(
            item.chat.unread,
          )}`}
        >
          {cleanRosterPreview(localizedPreview(item.chat))}
        </div>
      </div>
    </button>
  );
 }
--- a/apps/web/src/pages/shell/shell-types.ts
+++ b/apps/web/src/pages/shell/shell-types.ts
@ -0,0 +1,9 @@
 export type PendingAttachment = {
  id: string;
  threadKey: string;
  file: File;
  previewUrl?: string;
 };
 /** Identity colour for bots the roster no longer knows about. */
 export const FALLBACK_BOT_COLOR = "#85858A";
--- a/apps/web/src/pages/shell/side-panel-header.tsx
+++ b/apps/web/src/pages/shell/side-panel-header.tsx
@ -0,0 +1,73 @@
 import { Trans, useLingui } from "@lingui/react/macro";
 import type { Bot, ComputerStatus } from "@rakazo/contracts";
 import { Button } from "@rakazo/ui-web";
 import { Settings, X } from "lucide-react";
 import { ComputerMaintenanceActions } from "../../components/ComputerMaintenanceActions";
 import { computerPanelNeedsMaintenance } from "../../lib/thread-events";
 /** Title row of the computer and settings side panel, with its switch and close buttons. */
 export function SidePanelHeader({
  panel,
  active,
  computer,
  computerOpen,
  booting,
  refreshThread,
  onPanelChange,
 }: {
  panel: "computer" | "settings";
  active: Bot | undefined;
  computer: ComputerStatus | null;
  computerOpen: boolean;
  booting: boolean;
  refreshThread: (botId: string) => Promise<unknown>;
  onPanelChange: (panel: "computer" | "settings" | null) => void;
 }) {
  const { t } = useLingui();
  return (
    <div className="mb-4 flex items-center justify-between">
      <span className="text-ui-body text-muted-foreground">
        {panel === "settings" ? (
          <Trans>Settings</Trans>
        ) : active ? (
          (computer?.state ?? active.status)
        ) : (
          <Trans>Group</Trans>
        )}
      </span>
      <div className="flex gap-1">
        {active &&
        panel === "computer" &&
        !computerOpen &&
        computerPanelNeedsMaintenance(computer?.state, booting) ? (
          <ComputerMaintenanceActions
            botId={active.id}
            computer={computer}
            onChanged={async () => {
              await refreshThread(active.id);
            }}
          />
        ) : null}
        {active ? (
          <Button
            variant="ghost"
            size="icon-sm"
            aria-label={panel === "settings" ? t`Show computer` : t`Show settings`}
            onClick={() => onPanelChange(panel === "settings" ? "computer" : "settings")}
            className={panel === "settings" ? "text-foreground" : "text-muted-foreground"}
          >
            <Settings strokeWidth={1.7} className="size-icon-md" />
          </Button>
        ) : null}
        <Button
          variant="ghost"
          size="icon-sm"
          aria-label={t`Close panel`}
          onClick={() => onPanelChange(null)}
        >
          <X strokeWidth={1.8} className="size-icon-md" />
        </Button>
      </div>
    </div>
  );
 }
--- a/apps/web/src/pages/shell/sidebar-group-header.tsx
+++ b/apps/web/src/pages/shell/sidebar-group-header.tsx
@ -0,0 +1,161 @@
 import { useLingui } from "@lingui/react/macro";
 import type { BotSection, Space } from "@rakazo/contracts";
 import { Button } from "@rakazo/ui-web";
 import { ChevronDown, Folder, GripVertical, Lock, MoreHorizontal } from "lucide-react";
 import type { RefObject } from "react";
 import { ProjectDragGrip } from "../../components/SortableGroup";
 import type { ContextMenuPosition } from "../BotContextMenu";
 export type SidebarGroupHeaderGroup = {
  key: string;
  title: string | null;
  sectionId: string | null;
  spaceId: string;
  spaceName: string;
  canDeleteSpace: boolean;
  emptySpaceId: string | undefined;
  showLock: boolean;
 };
 export type SpaceMenuRequest = { id: string; position: ContextMenuPosition };
 export type SectionMenuRequest = {
  section: BotSection;
  spaceId: string;
  position: ContextMenuPosition;
 };
 /**
 * Collapsible title of a sidebar group. Project groups add a drag grip, show a lock for other
 * spaces and select an empty space instead of opening it.
 */
 export function SidebarGroupHeader({
  variant,
  group,
  collapsed,
  activeSpaceId,
  botSections,
  spaces,
  onOpenEmptySpace,
  onToggle,
  sectionMenuAnchor,
  onSectionMenu,
  spaceMenuAnchor,
  onSpaceMenu,
 }: {
  variant: "conversation" | "project";
  group: SidebarGroupHeaderGroup;
  collapsed: boolean;
  activeSpaceId: string | undefined;
  botSections: BotSection[];
  spaces: Space[];
  onOpenEmptySpace: (spaceId: string) => void;
  onToggle: (key: string) => void;
  sectionMenuAnchor: RefObject<HTMLElement | null>;
  onSectionMenu: (menu: SectionMenuRequest) => void;
  spaceMenuAnchor: RefObject<HTMLElement | null>;
  onSpaceMenu: (menu: SpaceMenuRequest) => void;
 }) {
  const { t } = useLingui();
  const project = variant === "project";
  return (
    <div
      className={
        project ? "flex items-center pt-3 pb-0.5 relative" : "flex items-center pt-3 pb-0.5"
      }
    >
      {project ? (
        // Drag grip — positioned to the left of the title text
        <ProjectDragGrip className="absolute left-1 top-1/2 -translate-y-1/2 w-6 h-6 rounded flex items-center justify-center text-muted-foreground/30 hover:text-muted-foreground/70 active:text-muted-foreground transition-colors cursor-grab active:cursor-grabbing">
          <GripVertical className="size-icon-sm" strokeWidth={2} />
        </ProjectDragGrip>
      ) : null}
      <button
        type="button"
        className={`flex min-w-0 flex-1 items-center justify-between gap-2 rounded-lg ${project ? "pl-8" : "px-2.5"} py-1 text-ui-label font-semibold tracking-wider uppercase text-foreground/65 dark:text-muted-foreground/80 hover:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring`}
        onClick={() => {
          if (group.emptySpaceId) {
            onOpenEmptySpace(group.emptySpaceId);
            return;
          }
          onToggle(group.key);
        }}
        onContextMenu={
          group.sectionId
            ? (event) => {
                event.preventDefault();
                // Prefer section rename over delete-space when both apply;
                // the dedicated space-actions button still opens the space menu.
                const sections =
                  group.spaceId === activeSpaceId
                    ? botSections
                    : (spaces.find((space) => space.id === group.spaceId)?.botSections ?? []);
                const section = sections.find((item) => item.id === group.sectionId);
                if (!section) return;
                sectionMenuAnchor.current = event.currentTarget;
                onSectionMenu({
                  section,
                  spaceId: group.spaceId,
                  position: { x: event.clientX, y: event.clientY },
                });
              }
            : group.canDeleteSpace
              ? (event) => {
                  event.preventDefault();
                  spaceMenuAnchor.current = event.currentTarget;
                  onSpaceMenu({
                    id: group.spaceId,
                    position: { x: event.clientX, y: event.clientY },
                  });
                }
              : undefined
        }
        aria-expanded={group.emptySpaceId ? undefined : !collapsed}
        aria-label={
          group.emptySpaceId
            ? project
              ? t`Select ${group.title}`
              : t`Open ${group.title}`
            : collapsed
              ? t`Expand ${group.title}`
              : t`Collapse ${group.title}`
        }
      >
        <span className="flex min-w-0 items-center gap-1.5 truncate">
          {project ? (
            group.showLock ? (
              <Lock strokeWidth={2} aria-hidden="true" className="size-icon-sm" />
            ) : null
          ) : (
            <Folder strokeWidth={2} aria-hidden="true" className="size-icon-sm" />
          )}
          <span className="truncate">{group.title}</span>
        </span>
        {group.emptySpaceId ? null : (
          <ChevronDown
            strokeWidth={1.8}
            className={`size-icon-md ${collapsed ? "-rotate-90 transition-transform" : "transition-transform"}`}
            aria-hidden="true"
          />
        )}
      </button>
      {group.canDeleteSpace ? (
        <Button
          variant="ghost"
          size="icon-sm"
          aria-label={t`Actions for ${group.spaceName}`}
          onClick={(event) => {
            const rect = event.currentTarget.getBoundingClientRect();
            spaceMenuAnchor.current = event.currentTarget;
            onSpaceMenu({
              id: group.spaceId,
              position: { x: rect.left, y: rect.bottom },
            });
          }}
        >
          <MoreHorizontal aria-hidden="true" className="size-icon-md" />
        </Button>
      ) : null}
    </div>
  );
 }
--- a/apps/web/src/pages/shell/sidebar-header.tsx
+++ b/apps/web/src/pages/shell/sidebar-header.tsx
@ -0,0 +1,118 @@
 import { useLingui } from "@lingui/react/macro";
 import type { Bot } from "@rakazo/contracts";
 import { Popover, PopoverContent, PopoverTrigger, Wordmark } from "@rakazo/ui-web";
 import { Bell } from "lucide-react";
 import { WindowChrome } from "../WindowChrome";
 import { BotCreatePicker } from "./bot-picker";
 /** Window chrome, wordmark, the activity toggle and the create menu atop the sidebar. */
 export function SidebarHeader({
  activityMode,
  onToggleActivityMode,
  createMenuOpen,
  onCreateMenuOpenChange,
  onCloseMobileSidebar,
  bots,
  onCreateBot,
  onOpenBot,
  onCreateGroup,
  onCreateSpace,
  onShowGroupInfo,
  onShowSpaceInfo,
 }: {
  activityMode: boolean;
  onToggleActivityMode: () => void;
  createMenuOpen: boolean;
  onCreateMenuOpenChange: (open: boolean) => void;
  onCloseMobileSidebar: () => void;
  bots: Bot[];
  onCreateBot: () => void;
  onOpenBot: (id: string) => void;
  onCreateGroup: () => void;
  onCreateSpace: () => void;
  onShowGroupInfo: () => void;
  onShowSpaceInfo: () => void;
 }) {
  const { t } = useLingui();
  return (
    <div className="app-drag flex items-center justify-between px-4 lg:px-6 2xl:px-8 pb-3 pt-4">
      <WindowChrome />
      <div className="flex-1 px-1">
        <Wordmark />
      </div>
      <div className="relative flex items-center gap-2.5">
        <button
          type="button"
          aria-label={t`Activity`}
          aria-pressed={activityMode}
          title={t`Activity`}
          data-activity-mode={activityMode ? "on" : "off"}
          onClick={onToggleActivityMode}
          className={`app-no-drag flex size-control-sm items-center justify-center rounded-full ${
            activityMode
              ? "bg-primary text-primary-foreground"
              : "rk-sidebar-muted hover:text-foreground/75"
          }`}
        >
          <Bell
            strokeWidth={1.8}
            fill={activityMode ? "currentColor" : "none"}
            aria-hidden="true"
            className="size-icon-md"
          />
        </button>
        <Popover open={createMenuOpen} onOpenChange={onCreateMenuOpenChange}>
          <PopoverTrigger
            className="app-no-drag text-[21px] rk-sidebar-muted hover:text-foreground/75"
            title={t`Create`}
            data-testid="create-menu-trigger"
          >
            +
          </PopoverTrigger>
          {/* Unmount with the state change so the panel it opens never coexists with the menu. */}
          {createMenuOpen ? (
            <PopoverContent
              align="end"
              className="app-no-drag w-auto gap-0 overflow-hidden p-0 data-closed:animate-none"
            >
              <BotCreatePicker
                bots={bots}
                onCreateBot={() => {
                  onCreateMenuOpenChange(false);
                  onCloseMobileSidebar();
                  onCreateBot();
                }}
                onOpenBot={(id) => {
                  onCreateMenuOpenChange(false);
                  onCloseMobileSidebar();
                  onOpenBot(id);
                }}
                onCreateGroup={() => {
                  onCreateMenuOpenChange(false);
                  onCloseMobileSidebar();
                  onCreateGroup();
                }}
                onCreateSpace={() => {
                  onCreateMenuOpenChange(false);
                  onCloseMobileSidebar();
                  onCreateSpace();
                }}
                onShowGroupInfo={() => {
                  onCreateMenuOpenChange(false);
                  onCloseMobileSidebar();
                  onShowGroupInfo();
                }}
                onShowSpaceInfo={() => {
                  onCreateMenuOpenChange(false);
                  onCloseMobileSidebar();
                  onShowSpaceInfo();
                }}
              />
            </PopoverContent>
          ) : null}
        </Popover>
      </div>
    </div>
  );
 }
--- a/apps/web/src/pages/shell/sidebar-toggle-buttons.tsx
+++ b/apps/web/src/pages/shell/sidebar-toggle-buttons.tsx
@ -0,0 +1,45 @@
 import { useLingui } from "@lingui/react/macro";
 import { Menu, PanelLeftClose, PanelLeftOpen } from "lucide-react";
 import { desktopBridge } from "../../lib/desktop";
 import { WindowChrome } from "../WindowChrome";
 /** Leading controls of a main header: open the mobile navigation or collapse the bots sidebar. */
 export function SidebarToggleButtons({
  collapsed,
  onCollapsedChange,
  onOpenNavigation,
 }: {
  collapsed: boolean;
  onCollapsedChange: (collapsed: boolean) => void;
  onOpenNavigation: () => void;
 }) {
  const { t } = useLingui();
  return (
    <>
      {/* Collapsed bots sidebar: this header is the leading edge for window chrome. */}
      {collapsed && desktopBridge() ? <WindowChrome /> : null}
      <button
        type="button"
        aria-label={t`Open navigation`}
        onClick={onOpenNavigation}
        className="app-no-drag grid size-control-lg shrink-0 place-items-center rounded-lg text-foreground/75 hover:bg-accent md:hidden"
      >
        <Menu strokeWidth={1.7} className="size-icon-lg" />
      </button>
      <button
        type="button"
        data-testid="toggle-bots-sidebar"
        aria-label={collapsed ? t`Show bots` : t`Minimize bots`}
        title={collapsed ? t`Show bots` : t`Minimize bots`}
        onClick={() => onCollapsedChange(!collapsed)}
        className="app-no-drag hidden size-control-lg shrink-0 place-items-center rounded-lg text-foreground/75 hover:bg-accent md:grid"
      >
        {collapsed ? (
          <PanelLeftOpen strokeWidth={1.7} aria-hidden="true" className="size-icon-lg" />
        ) : (
          <PanelLeftClose strokeWidth={1.7} aria-hidden="true" className="size-icon-lg" />
        )}
      </button>
    </>
  );
 }
--- a/apps/web/src/pages/shell/thread-state.ts
+++ b/apps/web/src/pages/shell/thread-state.ts
@ -0,0 +1,52 @@
 import type { Bot, ComputerStatus, Group, ProductEvent, ThreadSnapshot } from "@rakazo/contracts";
 import type { MutableRefObject } from "react";
 import {
  isComputerStatusEvent,
  isThreadSnapshotEvent,
  reduceComputerStatus,
  reduceThreadSnapshot,
 } from "../../lib/thread-events";
 const THREAD_SNAPSHOT_TIMEOUT_MS = 2_000;
 export function threadSnapshotSignal(parent: AbortSignal): AbortSignal {
  return AbortSignal.any([parent, AbortSignal.timeout(THREAD_SNAPSHOT_TIMEOUT_MS)]);
 }
 export function firstThreadRoute(
  bots: readonly Pick<Bot, "id">[],
  groups: readonly Pick<Group, "id" | "kind">[],
  /** In a project the user lands in its main conversation. */
  inProject = false,
 ): string {
  const main = inProject ? groups.find((group) => group.kind === "main") : undefined;
  if (main) return `/app/g/${main.id}`;
  if (bots[0]) return `/app/${bots[0].id}`;
  if (groups[0]) return `/app/g/${groups[0].id}`;
  return "/app";
 }
 export function applyThreadEvent(
  event: ProductEvent,
  commitSnapshot: (next: ThreadSnapshot | null) => void,
  commitComputer: (next: ComputerStatus | null) => void,
  snapshotRef: MutableRefObject<ThreadSnapshot | null>,
  computerRef: MutableRefObject<ComputerStatus | null>,
 ) {
  if (isThreadSnapshotEvent(event)) {
    const next = reduceThreadSnapshot(snapshotRef.current, event);
    commitSnapshot(next);
  }
  if (isComputerStatusEvent(event)) {
    const next = reduceComputerStatus(computerRef.current, event);
    commitComputer(next);
  }
 }
 export function newClientNonce(): string {
  const webCrypto = globalThis.crypto;
  if (webCrypto && typeof webCrypto.randomUUID === "function") {
    return webCrypto.randomUUID();
  }
  return `m-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
--- a/apps/web/src/pages/shell/transcript.tsx
+++ b/apps/web/src/pages/shell/transcript.tsx
--- a/apps/web/src/pages/shell/use-agent-skills.ts
+++ b/apps/web/src/pages/shell/use-agent-skills.ts
@ -0,0 +1,31 @@
 import type { AgentSkillCatalogEntry } from "@rakazo/contracts";
 import { useCallback, useEffect, useState } from "react";
 import { rpc } from "../../lib/rpc";
 export function useAgentSkills() {
  const [agentSkills, setAgentSkills] = useState<AgentSkillCatalogEntry[]>([]);
  useEffect(() => {
    let cancelled = false;
    void rpc.agentSkills
      .list()
      .then((skills) => {
        if (!cancelled) setAgentSkills(skills);
      })
      .catch(() => {
        if (!cancelled) setAgentSkills([]);
      });
    return () => {
      cancelled = true;
    };
  }, []);
  const refreshAgentSkills = useCallback(() => {
    void rpc.agentSkills
      .list()
      .then(setAgentSkills)
      .catch(() => undefined);
  }, []);
  return { agentSkills, setAgentSkills, refreshAgentSkills };
 }
--- a/apps/web/src/pages/shell/use-bots-sidebar-collapse.ts
+++ b/apps/web/src/pages/shell/use-bots-sidebar-collapse.ts
@ -0,0 +1,67 @@
 import { useEffect, useRef, useState } from "react";
 import {
  BOTS_SIDEBAR_EDGE_DRAG_PX,
  readBotsSidebarCollapsed,
  writeBotsSidebarCollapsed,
 } from "../../lib/bots-sidebar-pref";
 export function useBotsSidebarCollapse(userId: string | undefined) {
  const [botsSidebarCollapsed, setBotsSidebarCollapsed] = useState(false);
  const botsSidebarEdgeDragRef = useRef<{ startX: number; mode: "expand" | "collapse" } | null>(
    null,
  );
  useEffect(() => {
    setBotsSidebarCollapsed(readBotsSidebarCollapsed(userId));
  }, [userId]);
  function setBotsSidebarCollapsedPref(collapsed: boolean) {
    setBotsSidebarCollapsed(collapsed);
    writeBotsSidebarCollapsed(userId, collapsed);
  }
  function onBotsSidebarEdgePointerDown(event: React.PointerEvent<HTMLButtonElement>) {
    event.currentTarget.setPointerCapture(event.pointerId);
    botsSidebarEdgeDragRef.current = {
      startX: event.clientX,
      mode: botsSidebarCollapsed ? "expand" : "collapse",
    };
  }
  function onBotsSidebarEdgePointerMove(event: React.PointerEvent<HTMLButtonElement>) {
    const drag = botsSidebarEdgeDragRef.current;
    if (!drag) return;
    const rtl =
      typeof document !== "undefined" && document.documentElement.getAttribute("dir") === "rtl";
    const delta = rtl ? drag.startX - event.clientX : event.clientX - drag.startX;
    if (drag.mode === "expand" && delta >= BOTS_SIDEBAR_EDGE_DRAG_PX) {
      botsSidebarEdgeDragRef.current = null;
      setBotsSidebarCollapsedPref(false);
    } else if (drag.mode === "collapse" && delta <= -BOTS_SIDEBAR_EDGE_DRAG_PX) {
      botsSidebarEdgeDragRef.current = null;
      setBotsSidebarCollapsedPref(true);
    }
  }
  function onBotsSidebarEdgePointerUp(event: React.PointerEvent<HTMLButtonElement>) {
    const drag = botsSidebarEdgeDragRef.current;
    botsSidebarEdgeDragRef.current = null;
    if (!drag) return;
    if (Math.abs(event.clientX - drag.startX) < BOTS_SIDEBAR_EDGE_DRAG_PX) {
      setBotsSidebarCollapsedPref(!botsSidebarCollapsed);
    }
  }
  function onBotsSidebarEdgePointerCancel() {
    botsSidebarEdgeDragRef.current = null;
  }
  return {
    botsSidebarCollapsed,
    setBotsSidebarCollapsedPref,
    onBotsSidebarEdgePointerDown,
    onBotsSidebarEdgePointerMove,
    onBotsSidebarEdgePointerUp,
    onBotsSidebarEdgePointerCancel,
  };
 }
--- a/apps/web/src/pages/shell/use-browser-notifications.ts
+++ b/apps/web/src/pages/shell/use-browser-notifications.ts
@ -0,0 +1,86 @@
 import type { Bot, ProductEvent } from "@rakazo/contracts";
 import type { RefObject } from "react";
 import { useCallback, useRef } from "react";
 import {
  deliverBrowserNotification as deliverNativeBrowserNotification,
  shouldNotifyBrowser,
 } from "../../lib/browser-notifications";
 type PendingBrowserNotification = {
  event: Pick<ProductEvent, "id" | "type" | "threadId" | "botId" | "payload">;
  botId: string;
  botName: string;
  groupNotification: boolean;
 };
 export function useBrowserNotifications(botsRef: RefObject<Bot[]>) {
  const notifiedBrowserEvents = useRef(new Set<string>());
  const pendingBrowserNotifications = useRef(new Map<string, PendingBrowserNotification>());
  const deliverBrowserNotification = useCallback((pending: PendingBrowserNotification): boolean => {
    const currentBot = botsRef.current.find((bot) => bot.id === pending.botId);
    if (!currentBot || typeof Notification === "undefined") return true;
    const result = deliverNativeBrowserNotification(
      pending.event,
      currentBot.name || pending.botName,
      {
        enabled: pending.groupNotification || currentBot.notifyOnFinish,
        pageVisible: document.visibilityState === "visible",
        windowFocused: document.hasFocus(),
        permission: Notification.permission,
        notifiedEventIds: notifiedBrowserEvents.current,
        show: (title, body, tag) => new Notification(title, { body, tag }),
      },
    );
    return result !== "pending";
  }, []);
  const flushPendingBrowserNotifications = useCallback(() => {
    for (const [threadId, pending] of pendingBrowserNotifications.current) {
      if (deliverBrowserNotification(pending)) {
        pendingBrowserNotifications.current.delete(threadId);
      }
    }
  }, [deliverBrowserNotification]);
  const notifyBrowserForEvent = useCallback(
    (
      event: Pick<ProductEvent, "id" | "type" | "threadId" | "seq" | "botId" | "payload">,
      subscribedThreadId: string | undefined,
      initialCursor: number,
      streamReady: boolean,
      botName: string,
      enabled: boolean,
      groupNotification: boolean,
    ) => {
      const botId = event.botId;
      if (typeof botId !== "string") return;
      const eligible = shouldNotifyBrowser(event, {
        subscribedThreadId: subscribedThreadId ?? "",
        initialCursor,
        streamReady,
        pageVisible: document.visibilityState === "visible",
        windowFocused: document.hasFocus(),
        permission: "granted",
        notifiedEventIds: notifiedBrowserEvents.current,
      });
      if (!eligible || !enabled) return;
      const pending = {
        event,
        botId,
        botName,
        groupNotification,
      } satisfies PendingBrowserNotification;
      if (typeof Notification === "undefined" || Notification.permission === "denied") return;
      if (Notification.permission === "default") {
        pendingBrowserNotifications.current.set(event.threadId, pending);
        return;
      }
      if (deliverBrowserNotification(pending)) {
        pendingBrowserNotifications.current.delete(event.threadId);
      } else {
        pendingBrowserNotifications.current.set(event.threadId, pending);
      }
    },
    [deliverBrowserNotification],
  );
  return { flushPendingBrowserNotifications, notifyBrowserForEvent };
 }
--- a/apps/web/src/pages/shell/use-computer-viewport.ts
+++ b/apps/web/src/pages/shell/use-computer-viewport.ts
@ -0,0 +1,43 @@
 import { useEffect, useState } from "react";
 /** Visible area above an on-screen keyboard while the full-screen computer is open. */
 export function useComputerViewport(
  computerOpen: boolean,
 ): { height: number; offsetTop: number } | null {
  const [computerViewport, setComputerViewport] = useState<{
    height: number;
    offsetTop: number;
  } | null>(null);
  useEffect(() => {
    if (!computerOpen) {
      setComputerViewport(null);
      return;
    }
    const viewport = window.visualViewport;
    if (!viewport) return;
    const sync = () => {
      const height = Math.round(viewport.height);
      const offsetTop = Math.round(viewport.offsetTop);
      // Desktop scrollbars and sub-pixel viewport events must not rewrite the
      // overlay height: that feedback loop moves the maintenance menu forever.
      const keyboardInset = Math.round(window.innerHeight) - height - offsetTop;
      if (keyboardInset < 80) {
        setComputerViewport((current) => (current === null ? current : null));
        return;
      }
      setComputerViewport((current) => {
        if (current && current.height === height && current.offsetTop === offsetTop) return current;
        return { height, offsetTop };
      });
    };
    sync();
    viewport.addEventListener("resize", sync);
    viewport.addEventListener("scroll", sync);
    return () => {
      viewport.removeEventListener("resize", sync);
      viewport.removeEventListener("scroll", sync);
    };
  }, [computerOpen]);
  return computerViewport;
 }
--- a/apps/web/src/pages/shell/use-heute-action-count.ts
+++ b/apps/web/src/pages/shell/use-heute-action-count.ts
@ -0,0 +1,45 @@
 import type { Bot, Group } from "@rakazo/contracts";
 import type { RefObject } from "react";
 import { useEffect, useState } from "react";
 import { buildHeuteBrief } from "../../lib/heute-brief";
 import { rpc } from "../../lib/rpc";
 export function useHeuteActionCount(groups: Group[], botsRef: RefObject<Bot[]>): number {
  const [heuteActionCount, setHeuteActionCount] = useState(0);
  useEffect(() => {
    let cancelled = false;
    let timer: number | undefined;
    const tick = async () => {
      try {
        const [active, recent] = await Promise.all([
          rpc.runs.list({ filter: "active" }),
          rpc.runs.list({ filter: "recent" }),
        ]);
        if (cancelled) return;
        const brief = buildHeuteBrief({
          bots: botsRef.current,
          groups,
          activeRuns: active.runs,
          recentRuns: recent.runs,
        });
        setHeuteActionCount(brief.actionCount);
      } catch {
        if (cancelled) return;
      } finally {
        if (!cancelled) {
          timer = window.setTimeout(() => void tick(), 15_000);
        }
      }
    };
    void tick();
    return () => {
      cancelled = true;
      if (timer !== undefined) window.clearTimeout(timer);
    };
  }, [groups]);
  return heuteActionCount;
 }
--- a/apps/web/src/pages/shell/use-mention-targets.ts
+++ b/apps/web/src/pages/shell/use-mention-targets.ts
@ -0,0 +1,159 @@
 import type {
  Bot,
  Connection,
  ConnectionCatalogItem,
  Group,
  Routine,
  ThreadSnapshot,
 } from "@rakazo/contracts";
 import type { ComposerMention } from "@rakazo/core";
 import { buildComposerMentionOptions } from "@rakazo/core";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { rpc } from "../../lib/rpc";
 export type MentionTargetsInput = {
  bots: Bot[];
  groups: Group[];
  groupId: string | undefined;
  inGroup: boolean;
  activeGroup: Group | undefined;
  activeSnapshot: ThreadSnapshot | null;
  initialBotsLoaded: boolean;
 };
 export function useMentionTargets({
  bots,
  groups,
  groupId,
  inGroup,
  activeGroup,
  activeSnapshot,
  initialBotsLoaded,
 }: MentionTargetsInput): ComposerMention[] {
  const [mentionRoutines, setMentionRoutines] = useState<Array<Routine & { botName?: string }>>([]);
  const [mentionConnectors, setMentionConnectors] = useState<
    Array<{
      id: string;
      name: string;
      authStatus: "connected" | "needs_auth";
      connectionId?: string;
    }>
  >([]);
  const composerMentionTargets = useMemo(() => {
    const mentionBots = new Map(
      bots.map((bot) => [bot.id, { id: bot.id, name: bot.name, color: bot.color }]),
    );
    // Group members stay mentionable when the sidebar bot list is still catching up
    // after creating the group and remounting the shell.
    if (inGroup) {
      for (const member of [...(activeGroup?.members ?? []), ...(activeSnapshot?.members ?? [])]) {
        if (!mentionBots.has(member.botId)) {
          mentionBots.set(member.botId, {
            id: member.botId,
            name: member.name,
            color: member.color,
          });
        }
      }
    }
    return buildComposerMentionOptions({
      query: "",
      includeEveryone: inGroup,
      currentGroupId: groupId,
      bots: [...mentionBots.values()],
      groups: groups.map((group) => ({ id: group.id, name: group.name })),
      routines: mentionRoutines.map((routine) => ({
        id: routine.id,
        name: routine.name,
        crons: routine.crons,
        botId: routine.botId,
        botName: routine.botName,
      })),
      connectors: mentionConnectors,
    });
  }, [
    activeGroup?.members,
    activeSnapshot?.members,
    bots,
    groupId,
    groups,
    inGroup,
    mentionConnectors,
    mentionRoutines,
  ]);
  const mentionBotsKey = useMemo(
    () => bots.map((bot) => `${bot.id}:${bot.name}`).join(","),
    [bots],
  );
  const botsForMentionsRef = useRef(bots);
  botsForMentionsRef.current = bots;
  useEffect(() => {
    const bots = botsForMentionsRef.current;
    if (!initialBotsLoaded || bots.length === 0) {
      setMentionRoutines([]);
      setMentionConnectors([]);
      return;
    }
    let cancelled = false;
    const botNameById = new Map(bots.map((bot) => [bot.id, bot.name]));
    void Promise.all(
      bots.map((bot) =>
        rpc.routines
          .list({ botId: bot.id })
          .then((rows) =>
            rows.map((routine) => ({
              ...routine,
              botName: botNameById.get(bot.id) ?? bot.name,
            })),
          )
          .catch(() => [] as Array<Routine & { botName?: string }>),
      ),
    ).then((lists) => {
      if (!cancelled) setMentionRoutines(lists.flat());
    });
    void Promise.all([
      rpc.connections.list().catch(() => [] as Connection[]),
      rpc.connections.catalog({}).catch(() => [] as ConnectionCatalogItem[]),
    ]).then(([connections, catalog]) => {
      if (cancelled) return;
      const connected = connections.filter((row) => row.status === "connected");
      const options: Array<{
        id: string;
        name: string;
        authStatus: "connected" | "needs_auth";
        connectionId?: string;
      }> = connected.map((row) => ({
        id: row.id,
        name: row.displayName,
        authStatus: "connected" as const,
        connectionId: row.id,
      }));
      for (const item of catalog) {
        if (item.connected || item.noAuth) continue;
        if (
          connected.some(
            (row) =>
              row.provider.toLowerCase() === item.slug.toLowerCase() ||
              row.displayName.toLowerCase() === item.name.toLowerCase(),
          )
        ) {
          continue;
        }
        options.push({
          id: `catalog:${item.connectorId}:${item.slug}`,
          name: item.name,
          authStatus: "needs_auth",
        });
      }
      setMentionConnectors(options);
    });
    return () => {
      cancelled = true;
    };
  }, [initialBotsLoaded, mentionBotsKey]);
  return composerMentionTargets;
 }
--- a/apps/web/src/pages/shell/use-messaging-status.ts
+++ b/apps/web/src/pages/shell/use-messaging-status.ts
@ -0,0 +1,27 @@
 import { useEffect, useState } from "react";
 import type { authClient } from "../../lib/auth";
 import { rpc } from "../../lib/rpc";
 export function useMessagingStatus(session: ReturnType<typeof authClient.useSession>) {
  const [messagingSurfaceEnabled, setMessagingSurfaceEnabled] = useState(false);
  const [messagingProviders, setMessagingProviders] = useState<string[]>([]);
  useEffect(() => {
    if (!session.data?.user) return;
    let cancelled = false;
    void rpc.messaging
      .status()
      .then((status) => {
        if (!cancelled) {
          setMessagingSurfaceEnabled(status.enabled);
          setMessagingProviders(status.providers);
        }
      })
      .catch(() => undefined);
    return () => {
      cancelled = true;
    };
  }, [session.data?.user]);
  return { messagingSurfaceEnabled, messagingProviders };
 }
--- a/apps/web/src/pages/shell/use-mobile-sidebar.ts
+++ b/apps/web/src/pages/shell/use-mobile-sidebar.ts
@ -0,0 +1,66 @@
 import { useEffect, useRef, useState } from "react";
 const MOBILE_SIDEBAR_SWIPE_EDGE_PX = 32;
 const MOBILE_SIDEBAR_SWIPE_DISTANCE_PX = 56;
 export function useMobileSidebar() {
  const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
  const mobileSidebarSwipeRef = useRef<{ startX: number; startY: number } | null>(null);
  useEffect(() => {
    const desktop = window.matchMedia("(min-width: 768px)");
    function closeMobileSidebar() {
      if (desktop.matches) setMobileSidebarOpen(false);
    }
    closeMobileSidebar();
    desktop.addEventListener("change", closeMobileSidebar);
    return () => desktop.removeEventListener("change", closeMobileSidebar);
  }, []);
  function onMobileSidebarTouchStart(event: React.TouchEvent<HTMLDivElement>) {
    if (
      mobileSidebarOpen ||
      event.touches.length !== 1 ||
      window.matchMedia("(min-width: 768px)").matches
    ) {
      mobileSidebarSwipeRef.current = null;
      return;
    }
    const touch = event.touches[0];
    if (!touch) return;
    const rtl = document.documentElement.getAttribute("dir") === "rtl";
    const startsAtEdge = rtl
      ? touch.clientX >= window.innerWidth - MOBILE_SIDEBAR_SWIPE_EDGE_PX
      : touch.clientX <= MOBILE_SIDEBAR_SWIPE_EDGE_PX;
    mobileSidebarSwipeRef.current = startsAtEdge
      ? { startX: touch.clientX, startY: touch.clientY }
      : null;
  }
  function onMobileSidebarTouchEnd(event: React.TouchEvent<HTMLDivElement>) {
    const swipe = mobileSidebarSwipeRef.current;
    mobileSidebarSwipeRef.current = null;
    const touch = event.changedTouches[0];
    if (!swipe || !touch || mobileSidebarOpen || window.matchMedia("(min-width: 768px)").matches) {
      return;
    }
    const rtl = document.documentElement.getAttribute("dir") === "rtl";
    const horizontal = rtl ? swipe.startX - touch.clientX : touch.clientX - swipe.startX;
    const vertical = Math.abs(touch.clientY - swipe.startY);
    if (horizontal >= MOBILE_SIDEBAR_SWIPE_DISTANCE_PX && horizontal > vertical * 1.25) {
      setMobileSidebarOpen(true);
    }
  }
  function onMobileSidebarTouchCancel() {
    mobileSidebarSwipeRef.current = null;
  }
  return {
    mobileSidebarOpen,
    setMobileSidebarOpen,
    onMobileSidebarTouchStart,
    onMobileSidebarTouchEnd,
    onMobileSidebarTouchCancel,
  };
 }
--- a/apps/web/src/pages/shell/use-shell-sounds.ts
+++ b/apps/web/src/pages/shell/use-shell-sounds.ts
@ -0,0 +1,99 @@
 import type { Bot, ThreadSnapshot } from "@rakazo/contracts";
 import { useEffect, useRef } from "react";
 import { wireOoAudioVoiceDucking } from "../../lib/oo-audio-voice-wire";
 import { ooSound } from "../../lib/oo-sound";
 import { ooVocals } from "../../lib/oo-vocals";
 import { ooVoiceMark } from "../../lib/oo-voice-mark";
 export type ShellSoundsInput = {
  bots: Bot[];
  transcriptRunning: boolean;
  callOpen: boolean;
  displayedRunErrorId: string | null;
  activeSnapshot: ThreadSnapshot | null;
  inGroup: boolean;
 };
 export function useShellSounds({
  bots,
  transcriptRunning,
  callOpen,
  displayedRunErrorId,
  activeSnapshot,
  inGroup,
 }: ShellSoundsInput): void {
  const prevTranscriptRunning = useRef(false);
  const prevRunErrorId = useRef<string | null>(null);
  const seenHandoffKeys = useRef(new Set<string>());
  const appSoundStarted = useRef(false);
  const prevBotStatuses = useRef(new Map<string, string>());
  useEffect(() => wireOoAudioVoiceDucking(), []);
  useEffect(() => {
    if (appSoundStarted.current) return;
    appSoundStarted.current = true;
    ooSound.play("app-start");
    window.setTimeout(() => ooVoiceMark.maybePlayColdOpen(), 280);
  }, []);
  useEffect(() => {
    for (const bot of bots) {
      const prev = prevBotStatuses.current.get(bot.id);
      if (
        prev !== bot.status &&
        (bot.status === "waiting_input" || bot.status === "waiting_takeover")
      ) {
        ooSound.play("need-you");
        ooVocals.reactForEvent("need-you");
      }
      prevBotStatuses.current.set(bot.id, bot.status);
    }
  }, [bots]);
  useEffect(() => {
    if (prevTranscriptRunning.current && !transcriptRunning && !callOpen) {
      ooSound.play("success-resolve");
      ooVocals.reactForEvent("success");
    }
    prevTranscriptRunning.current = transcriptRunning;
  }, [transcriptRunning, callOpen]);
  useEffect(() => {
    const runId = displayedRunErrorId;
    if (runId && runId !== prevRunErrorId.current) {
      ooSound.play("attention");
    }
    prevRunErrorId.current = runId;
  }, [displayedRunErrorId]);
  const seenGroupSparkKeys = useRef(new Set<string>());
  useEffect(() => {
    for (const message of activeSnapshot?.messages ?? []) {
      for (const block of message.blocks) {
        if (block.kind === "handoff") {
          const key = `${message.id}:handoff:${block.toBotId}`;
          if (seenHandoffKeys.current.has(key)) continue;
          seenHandoffKeys.current.add(key);
          if (seenHandoffKeys.current.size > 80) {
            const oldest = seenHandoffKeys.current.values().next().value;
            if (oldest !== undefined) seenHandoffKeys.current.delete(oldest);
          }
          ooSound.play("handoff");
          continue;
        }
        if (inGroup && block.kind === "bot_message_received") {
          const key = `${message.id}:peer:${block.fromBotId}`;
          if (seenGroupSparkKeys.current.has(key)) continue;
          seenGroupSparkKeys.current.add(key);
          if (seenGroupSparkKeys.current.size > 80) {
            const oldest = seenGroupSparkKeys.current.values().next().value;
            if (oldest !== undefined) seenGroupSparkKeys.current.delete(oldest);
          }
          ooSound.play("group-spark");
        }
      }
    }
  }, [activeSnapshot?.messages, inGroup]);
 }
--- a/apps/web/src/pages/shell/use-sidebar-model.ts
+++ b/apps/web/src/pages/shell/use-sidebar-model.ts
@ -0,0 +1,259 @@
 import { MouseSensor, TouchSensor, useSensor, useSensors } from "@dnd-kit/core";
 import type { Bot, BotSection, Group, MainConversationRef, Me, Space } from "@rakazo/contracts";
 import { groupBotsForSidebar } from "@rakazo/core";
 import { useCallback, useMemo, useState } from "react";
 import { readProjectSidebarOrder, writeProjectSidebarOrder } from "../../lib/project-sidebar-order";
 import { stripSpaceTitlePrefix } from "./roster-format";
 export type SidebarModelInput = {
  query: string;
  spaces: Space[];
  bots: Bot[];
  groups: Group[];
  botSections: BotSection[];
  bootstrapMe: Me | null | undefined;
  homeSpaceId: string | undefined;
  mainConversation: MainConversationRef | null;
 };
 export function useSidebarModel({
  query,
  spaces,
  bots,
  groups,
  botSections,
  bootstrapMe,
  homeSpaceId,
  mainConversation,
 }: SidebarModelInput) {
  // Persisted project (space) sort order
  const [projectOrder, setProjectOrder] = useState<string[]>(() => readProjectSidebarOrder());
  const handleReorderProjects = useCallback((orderedIds: string[]) => {
    setProjectOrder(orderedIds);
    writeProjectSidebarOrder(orderedIds);
  }, []);
  const [draggedProjectId, setDraggedProjectId] = useState<string | null>(null);
  const sensors = useSensors(
    useSensor(MouseSensor, { activationConstraint: { distance: 8 } }),
    useSensor(TouchSensor, { activationConstraint: { distance: 8 } }),
  );
  const sidebarGroups = useMemo(() => {
    const needle = query.toLowerCase();
    const sidebarSpaces =
      spaces.length > 0
        ? spaces.map((space) =>
            space.id === bootstrapMe?.spaceId ? { ...space, bots, groups, botSections } : space,
          )
        : bootstrapMe
          ? [
              {
                id: bootstrapMe.spaceId,
                name: "Personal",
                isDefault: true,
                hasContent: true,
                canDelete: false,
                bots,
                groups,
                botSections,
              },
            ]
          : [];
    const showSpaceNames = sidebarSpaces.length > 1;
    return sidebarSpaces.flatMap((space) => {
      const visibleBots = space.bots.filter((bot) =>
        `${bot.name} ${bot.title ?? ""} ${bot.preview ?? ""}`.toLowerCase().includes(needle),
      );
      const visibleGroups = space.groups.filter((group) =>
        `${group.name} ${group.preview}`.toLowerCase().includes(needle),
      );
      const sections = groupBotsForSidebar(
        [
          ...visibleBots.map((chat) => ({ kind: "bot" as const, chat })),
          ...visibleGroups.map((chat) => ({ kind: "group" as const, chat })),
        ].map((item) => ({ ...item, pinned: item.chat.pinned, sectionId: item.chat.sectionId })),
        space.botSections,
      ).map((group, index) => ({
        ...group,
        sectionId: group.key.startsWith("section:") ? group.key.slice("section:".length) : null,
        key: showSpaceNames ? `space:${space.id}:${group.key}` : group.key,
        title: showSpaceNames
          ? group.title
            ? `${space.name} · ${group.title}`
            : space.name
          : group.title,
        showLock: showSpaceNames,
        emptySpaceId: undefined as string | undefined,
        /** A project without its main conversation yet offers to start it. */
        startSpaceId: undefined as string | undefined,
        spaceId: space.id,
        spaceName: space.name,
        canDeleteSpace: index === 0 && space.canDelete === true,
      }));
      if (sections.length > 0) return sections;
      // Keep empty spaces selectable; chat clicks are the only switch control.
      if (!showSpaceNames) return [];
      if (needle && (space.bots.length > 0 || space.groups.length > 0)) return [];
      return [
        {
          key: `space:${space.id}:empty`,
          title: space.name,
          bots: [],
          sectionId: null,
          showLock: true,
          emptySpaceId: space.id,
          startSpaceId: undefined,
          spaceId: space.id,
          spaceName: space.name,
          canDeleteSpace: space.canDelete === true,
        },
      ];
    });
  }, [bootstrapMe, botSections, bots, groups, spaces, query]);
  const homeSpaceBots = useMemo(() => {
    if (!homeSpaceId) return bots;
    const home = spaces.find((space) => space.id === homeSpaceId);
    return home?.bots ?? bots;
  }, [bots, homeSpaceId, spaces]);
  const conversationSidebarGroups = useMemo(() => {
    if (!homeSpaceId) return [];
    return sidebarGroups
      .filter((group) => group.spaceId === homeSpaceId)
      .map((group) => ({
        ...group,
        title: stripSpaceTitlePrefix(group.title, group.spaceName),
        showLock: false,
        bots: group.bots
          .filter((item) => item.kind === "bot")
          .filter((item) => item.chat.kind !== "main"),
      }))
      .filter((group) => group.bots.length > 0);
  }, [homeSpaceId, sidebarGroups]);
  const mainConversationEntry = useMemo(() => {
    if (!mainConversation) return null;
    const inCurrentSpace = mainConversation.spaceId === bootstrapMe?.spaceId;
    const space = spaces.find((item) => item.id === mainConversation.spaceId);
    const bot = (inCurrentSpace ? bots : space?.bots)?.find(
      (item) => item.id === mainConversation.botId,
    );
    const group = (inCurrentSpace ? groups : space?.groups)?.find(
      (item) => item.id === mainConversation.groupId,
    );
    if (!bot || !group) return null;
    return { ...mainConversation, bot, group };
  }, [bootstrapMe?.spaceId, bots, groups, mainConversation, spaces]);
  const projectSidebarGroups = useMemo(() => {
    if (!homeSpaceId) return [];
    const entries: typeof sidebarGroups = [];
    const seenProjectSpaceIds = new Set<string>();
    const seenProjectGroupChatIds = new Set<string>();
    const dedupeSidebarBots = (bots: (typeof sidebarGroups)[number]["bots"]) => {
      const seen = new Set<string>();
      return bots.filter((item) => {
        const key = `${item.kind}:${item.chat.id}`;
        if (seen.has(key)) return false;
        seen.add(key);
        return true;
      });
    };
    for (const space of spaces) {
      if (space.id === homeSpaceId || seenProjectSpaceIds.has(space.id)) continue;
      seenProjectSpaceIds.add(space.id);
      const groupsInSpace = sidebarGroups.flatMap((group) =>
        group.spaceId === space.id ? group.bots.filter((item) => item.kind === "group") : [],
      );
      // The project's main conversation, where the user talks to its main agent, comes first.
      const projectBots = dedupeSidebarBots(groupsInSpace).sort(
        (left, right) => Number(right.chat.kind === "main") - Number(left.chat.kind === "main"),
      );
      const hasMain = projectBots.some((item) => item.chat.kind === "main");
      entries.push({
        key:
          projectBots.length > 0 ? `project-space:${space.id}` : `project-space:${space.id}:empty`,
        title: space.name,
        bots: projectBots,
        sectionId: null,
        showLock: true,
        emptySpaceId: projectBots.length > 0 ? undefined : space.id,
        startSpaceId: hasMain ? undefined : space.id,
        spaceId: space.id,
        spaceName: space.name,
        canDeleteSpace: space.canDelete === true,
      });
    }
    for (const group of sidebarGroups) {
      if (group.spaceId !== homeSpaceId) continue;
      const groupChats = dedupeSidebarBots(
        group.bots.filter((item) => item.kind === "group" && item.chat.kind !== "main"),
      ).filter((item) => {
        if (seenProjectGroupChatIds.has(item.chat.id)) return false;
        seenProjectGroupChatIds.add(item.chat.id);
        return true;
      });
      if (groupChats.length === 0) continue;
      entries.push({
        ...group,
        title: stripSpaceTitlePrefix(group.title, group.spaceName),
        showLock: false,
        emptySpaceId: undefined,
        bots: groupChats,
      });
    }
    // Apply persisted drag-to-reorder order if present
    if (projectOrder.length > 0) {
      const orderMap = new Map(entries.map((e, i) => [e.spaceId, i]));
      entries.sort((a, b) => {
        const aInOrder = orderMap.has(a.spaceId);
        const bInOrder = orderMap.has(b.spaceId);
        if (aInOrder && bInOrder)
          return (orderMap.get(a.spaceId) ?? 0) - (orderMap.get(b.spaceId) ?? 0);
        if (aInOrder) return -1;
        if (bInOrder) return 1;
        return 0;
      });
    }
    return entries;
  }, [homeSpaceId, sidebarGroups, spaces, projectOrder]);
  // DnD handlers
  const handleProjectDragEnd = useCallback(
    (event: { active: { id: string | number }; over: { id: string | number } | null }) => {
      if (!event.over) return;
      const activeId = String(event.active.id);
      const overId = String(event.over.id);
      if (activeId === overId) return;
      const sorted: any[] = [...projectSidebarGroups];
      const activeIdx = sorted.findIndex((g) => g.spaceId === activeId);
      const overIdx = sorted.findIndex((g) => g.spaceId === overId);
      if (activeIdx === -1 || overIdx === -1) return;
      const [moved] = sorted.splice(activeIdx, 1);
      sorted.splice(overIdx, 0, moved);
      const ids = sorted.map((g: any) => g.spaceId) as string[];
      handleReorderProjects(ids);
    },
    [projectSidebarGroups, handleReorderProjects],
  );
  const handleProjectDragStart = useCallback((event: { active: { id: string | number } }) => {
    setDraggedProjectId(String(event.active.id));
  }, []);
  return {
    homeSpaceBots,
    conversationSidebarGroups,
    mainConversationEntry,
    projectSidebarGroups,
    sensors,
    setDraggedProjectId,
    handleProjectDragEnd,
    handleProjectDragStart,
  };
 }
--- a/apps/web/src/pages/shell/use-space-search.ts
+++ b/apps/web/src/pages/shell/use-space-search.ts
@ -0,0 +1,64 @@
 import type { SearchHit } from "@rakazo/contracts";
 import { Calendar, Settings } from "lucide-react";
 import type { Dispatch, SetStateAction } from "react";
 import { useEffect, useState } from "react";
 import type { NavigateFunction } from "react-router-dom";
 import { rpc } from "../../lib/rpc";
 export type SpaceSearch = {
  query: string;
  setQuery: Dispatch<SetStateAction<string>>;
  searchHits: SearchHit[];
  searchLoading: boolean;
  showSpaceSearch: boolean;
  jumpToSearchHit: (hit: SearchHit) => Promise<void>;
 };
 export function useSpaceSearch(navigate: NavigateFunction): SpaceSearch {
  const [query, setQuery] = useState("");
  const [searchHits, setSearchHits] = useState<SearchHit[]>([]);
  const [searchLoading, setSearchLoading] = useState(false);
  const spaceQuery = query.trim();
  const showSpaceSearch = spaceQuery.length > 0;
  useEffect(() => {
    if (!showSpaceSearch) {
      setSearchHits([]);
      setSearchLoading(false);
      return;
    }
    const abort = new AbortController();
    const timer = window.setTimeout(() => {
      setSearchLoading(true);
      void rpc.search
        .query({ q: spaceQuery })
        .then((result) => {
          if (!abort.signal.aborted) setSearchHits(result.hits);
        })
        .catch(() => {
          if (!abort.signal.aborted) setSearchHits([]);
        })
        .finally(() => {
          if (!abort.signal.aborted) setSearchLoading(false);
        });
    }, 200);
    return () => {
      abort.abort();
      window.clearTimeout(timer);
    };
  }, [showSpaceSearch, Calendar, Settings, spaceQuery]);
  async function jumpToSearchHit(hit: SearchHit) {
    setQuery("");
    setSearchHits([]);
    const params = new URLSearchParams();
    if (hit.messageId) params.set("m", hit.messageId);
    if (hit.routineId) params.set("routine", hit.routineId);
    navigate({
      pathname: hit.groupId ? `/app/g/${hit.groupId}` : `/app/${hit.botId}`,
      search: params.toString() ? `?${params.toString()}` : undefined,
    });
  }
  return { query, setQuery, searchHits, searchLoading, showSpaceSearch, jumpToSearchHit };
 }
--- a/apps/web/src/pages/shell/user-menu.tsx
+++ b/apps/web/src/pages/shell/user-menu.tsx
@ -0,0 +1,73 @@
 import { Trans, useLingui } from "@lingui/react/macro";
 import { Button, Popover, PopoverContent, PopoverTrigger } from "@rakazo/ui-web";
 import { Gauge, LogOut, Settings } from "lucide-react";
 /** The account button at the foot of the sidebar and its menu. */
 export function UserMenu({
  open,
  onOpenChange,
  initials,
  userName,
  onOpenSettings,
  onOpenUsage,
  onLogOut,
 }: {
  open: boolean;
  onOpenChange: (open: boolean) => void;
  initials: string;
  userName: string;
  onOpenSettings: () => void;
  onOpenUsage: () => void;
  onLogOut: () => void;
 }) {
  const { t } = useLingui();
  return (
    <Popover open={open} onOpenChange={onOpenChange}>
      <PopoverTrigger
        data-testid="user-menu-trigger"
        className="flex items-center gap-[11px] px-[18px] py-3.5"
      >
        <span className="grid size-control-lg place-items-center rounded-full bg-accent text-ui-body-sm text-foreground/75">
          {initials}
        </span>
        <span className="text-[14.5px] text-foreground/90">{userName}</span>
      </PopoverTrigger>
      {open ? (
        <PopoverContent
          side="top"
          align="start"
          className="w-[calc(316px-1.5rem)] max-w-[calc(100vw-3rem)] gap-0 p-1 data-closed:animate-none"
        >
          <Button
            variant="ghost"
            className="w-full justify-start font-normal"
            aria-label={t`Settings`}
            onClick={() => {
              onOpenChange(false);
              onOpenSettings();
            }}
          >
            <Settings className="text-muted-foreground" strokeWidth={1.75} />
            <Trans>Settings</Trans>
          </Button>
          <Button
            variant="ghost"
            className="w-full justify-start font-normal"
            aria-label={t`Usage`}
            onClick={() => {
              onOpenChange(false);
              onOpenUsage();
            }}
          >
            <Gauge className="text-muted-foreground" strokeWidth={1.75} />
            <Trans>Usage</Trans>
          </Button>
          <Button variant="ghost" className="w-full justify-start font-normal" onClick={onLogOut}>
            <LogOut className="text-muted-foreground" strokeWidth={1.75} />
            <Trans>Log out</Trans>
          </Button>
        </PopoverContent>
      ) : null}
    </Popover>
  );
 }