@hienlh/ppm 0.23.24 → 0.23.26

package/src/web/components/design/share/use-share-address.ts

@@ -1,25 +1,28 @@
 import { useCallback, useEffect, useState } from "react";
 import { getDesignShareAddress } from "@/lib/design/api-design-shares";
 import { publicTunnelApi } from "@/lib/api-tunnels";
+import { shareHostApi } from "@/lib/api-share-host";
 import {
-  SHARE_START_POLL_MS, shareAddressView, type ShareAddressView, type ShareStartAttempt, type TunnelReload,
+  SHARE_START_POLL_MS, shareAddressView, type ShareAddressView, type ShareStartAttempt, type ShareStartTarget,
+  type TunnelReload,
 } from "@/lib/design/design-share-address-state";
 import type { DesignShareAddress } from "../../../../shared/design-share-types";
 
 /**
  * The public address share links open at, read while the Share dialog is open.
  *
- * Starting a temporary address is the same master switch Remote Access → Public link uses:
- * it only writes config and asks the supervisor to act, so the address arrives seconds
- * later. Until it does (or a minute passes) the address is polled every two seconds.
+ * Starting an address is the same switch Remote Access uses — Review links for the review-only
+ * address, Public link for PPM's own: it only writes config and asks the supervisor to act, so
+ * the address arrives seconds later. Until it does (or a minute passes) the address is polled
+ * every two seconds.
  */
 
 export interface ShareAddressFeature {
   address: DesignShareAddress | null;
   view: ShareAddressView;
   refresh: () => Promise<void>;
-  /** Turn the public tunnel switch on and wait for its address. */
-  startTemporary: () => Promise<void>;
+  /** Turn the review-only address or PPM's public link on, and wait for its address. */
+  start: (target: ShareStartTarget) => Promise<void>;
 }
 
 const message = (e: unknown) => (e instanceof Error ? e.message : String(e));
@@ -58,17 +61,23 @@ export function useShareAddress(open: boolean): ShareAddressFeature {
     return () => clearInterval(timer);
   }, [open, starting, refresh]);
 
-  const startTemporary = useCallback(async () => {
+  const startAddress = useCallback(async (target: ShareStartTarget) => {
     const at = Date.now();
-    setStart({ at, reload: null, error: null });
+    setStart({ at, target, reload: null, error: null });
     try {
-      const { reload } = await publicTunnelApi.setEnabled(true);
-      setStart({ at, reload: reload as TunnelReload, error: null });
+      if (target === "review") {
+        const result = await shareHostApi.setEnabled(true);
+        setStart({ at, target, reload: "sent", error: result.applied ? null : result.message });
+      } else {
+        const { reload } = await publicTunnelApi.setEnabled(true);
+        setStart({ at, target, reload: reload as TunnelReload, error: null });
+      }
       await refresh();
     } catch (e) {
-      setStart({ at, reload: null, error: `Could not turn the public address on: ${message(e)}` });
+      const what = target === "review" ? "the review-only address" : "the public address";
+      setStart({ at, target, reload: null, error: `Could not turn ${what} on: ${message(e)}` });
     }
   }, [refresh]);
 
-  return { address, view, refresh, startTemporary };
+  return { address, view, refresh, start: startAddress };
 }

package/src/web/components/editor/code-editor.tsx

@@ -89,6 +89,7 @@ interface CodeEditorProps {
 }
 
 export const CodeEditor = memo(function CodeEditor({ metadata, tabId }: CodeEditorProps) {
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
   const filePath = metadata?.filePath as string | undefined;
   const projectName = metadata?.projectName as string | undefined;
   // Inline content mode: read-only Monaco with pre-loaded content (e.g. cell viewer)
@@ -126,9 +127,9 @@ export const CodeEditor = memo(function CodeEditor({ metadata, tabId }: CodeEdit
       mobileWordWrap: s.mobileWordWrap, toggleMobileWordWrap: s.toggleMobileWordWrap,
     })),
   );
-  const inlineBlame = useSettingsStore((s) => s.inlineBlame);
+  const inlineBlame = useSettingsStore((s) => s.inlineBlame) && !minimalMode;
   const toggleInlineBlame = useSettingsStore((s) => s.toggleInlineBlame);
-  const lspEnabled = useSettingsStore((s) => s.lspEnabled);
+  const lspEnabled = useSettingsStore((s) => s.lspEnabled) && !minimalMode;
   const setLspEnabled = useSettingsStore((s) => s.setLspEnabled);
   // The viewport breakpoint, not the `isMobile` further down: that one is
   // `ontouchstart`, which is also true of a touch-screen laptop with every
@@ -155,7 +156,7 @@ export const CodeEditor = memo(function CodeEditor({ metadata, tabId }: CodeEdit
   const isAudio = AUDIO_EXTS.has(ext);
   const isSqlite = SQLITE_EXTS.has(ext);
   const isMarkdown = ext === "md" || ext === "mdx";
-  const isHtml = (ext === "html" || ext === "htm") && !isUntitled && inlineContent == null;
+  const isHtml = !minimalMode && (ext === "html" || ext === "htm") && !isUntitled && inlineContent == null;
   // The AI's open_file with a line asks for the code; any other open lands on the preview.
   const aiView = metadata?.aiView as "code" | "preview" | undefined;
   const [htmlMode, setHtmlMode] = useState<"edit" | "preview">(aiView === "code" ? "edit" : "preview");
@@ -166,7 +167,7 @@ export const CodeEditor = memo(function CodeEditor({ metadata, tabId }: CodeEdit
   // Explicit language override (from language picker / New DB Query); falls back to file extension.
   const langOverride = metadata?.language as string | undefined;
   const effectiveLanguage = inlineLanguage ?? langOverride ?? getMonacoLanguage(filePath ?? "");
-  const isSql = effectiveLanguage === "sql";
+  const isSql = !minimalMode && effectiveLanguage === "sql";
   const [mdMode, setMdMode] = useState<"edit" | "preview">(aiView === "code" ? "edit" : "preview");
   const [csvMode, setCsvMode] = useState<"table" | "raw">("table");
 
@@ -190,7 +191,7 @@ export const CodeEditor = memo(function CodeEditor({ metadata, tabId }: CodeEdit
   }, [aiOpenAt, aiView]);
 
   // SQL file: connection picker + autocomplete + run in DB viewer
-  const { connections, cachedTables, refreshTables, updateConnection } = useConnections();
+  const { connections, cachedTables, refreshTables, updateConnection } = useConnections(!minimalMode);
   // Persist selected connection per file (by path), or per tab for untitled files.
   const sqlConnStorageKey = filePath ? `ppm:sql-conn:${filePath}` : tabId ? `ppm:sql-conn:tab:${tabId}` : null;
   const [sqlConnId, setSqlConnId] = useState<number | null>(() => {
@@ -360,8 +361,8 @@ export const CodeEditor = memo(function CodeEditor({ metadata, tabId }: CodeEdit
 
   // Redirect .db files to sqlite viewer by changing tab type
   useEffect(() => {
-    if (isSqlite && tabId) updateTab(tabId, { type: "sqlite" });
-  }, [isSqlite, tabId, updateTab]);
+    if (!minimalMode && isSqlite && tabId) updateTab(tabId, { type: "sqlite" });
+  }, [minimalMode, isSqlite, tabId, updateTab]);
 
   // Detect external (absolute) file path — not relative to project
   const isExternalFile = filePath ? /^(\/|[A-Za-z]:[/\\])/.test(filePath) : false;
@@ -478,7 +479,7 @@ export const CodeEditor = memo(function CodeEditor({ metadata, tabId }: CodeEdit
   // neither has a path git could blame.
   // Never on a phone: it is a `git blame` for every file opened and a
   // `git show` for every hover, on the device least able to pay for either.
-  const canBlame = !isUntitled && inlineContent == null && !!filePath && !!projectName && !isPhone;
+  const canBlame = !minimalMode && !isUntitled && inlineContent == null && !!filePath && !!projectName && !isPhone;
   const blame = useInlineBlame({
     editor: mounted?.editor ?? null,
     monaco: mounted?.monaco ?? null,
@@ -493,7 +494,7 @@ export const CodeEditor = memo(function CodeEditor({ metadata, tabId }: CodeEdit
   // external file (outside any project) has no project whose node_modules,
   // tsconfig or go.mod would tell a server what it is looking at, so it gets
   // nothing rather than a server rooted somewhere arbitrary.
-  const lspServable = !isUntitled && !isExternalFile && inlineContent == null && !!filePath && !!projectName;
+  const lspServable = !minimalMode && !isUntitled && !isExternalFile && inlineContent == null && !!filePath && !!projectName;
   // Off until asked, and never on a touch-only device. A server is a real process on the
   // host — one `typescript-language-server` was 854 MB resident — so it starts because
   // someone wanted it, not because a file was opened.
@@ -653,7 +654,10 @@ export const CodeEditor = memo(function CodeEditor({ metadata, tabId }: CodeEdit
     );
     editor.addCommand(
       monaco.KeyMod.Alt | monaco.KeyCode.KeyB,
-      () => useSettingsStore.getState().toggleInlineBlame(),
+      () => {
+        const settings = useSettingsStore.getState();
+        if (!settings.minimalMode) settings.toggleInlineBlame();
+      },
     );
     // Register CodeLens for inline Run buttons on .sql files (scoped to this editor's model)
     if (isSql) {

package/src/web/components/floating-window/window-layer.tsx

@@ -1,3 +1,7 @@
+import { isMinimalTab } from "@/lib/minimal-mode";
+import { useSettingsStore } from "@/stores/settings-store";
+import { usePanelStore } from "@/stores/panel-store";
+import { windowPanelId } from "@/stores/panel-utils";
 /**
  * Host for all floating windows, sized to the app's content area.
  *
@@ -25,6 +29,8 @@ export function WindowLayer() {
 }
 
 function DesktopWindowLayer() {
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
+  const panels = usePanelStore((s) => s.panels);
   const containerRef = useRef<HTMLDivElement>(null);
   const windows = useWindowStore((s) => s.windows);
   const bounds = useWindowStore((s) => s.bounds);
@@ -57,7 +63,7 @@ function DesktopWindowLayer() {
     return el.getBoundingClientRect().width / el.offsetWidth;
   }, []);
 
-  const ordered = windowsInRankOrder(windows);
+  const ordered = windowsInRankOrder(windows).filter((win) => !minimalMode || win.kind === "settings" || win.kind === "agent-session" || (win.kind === "tab-host" && panels[windowPanelId(win.id)]?.tabs.some((tab) => (isMinimalTab(tab.type)))));
   const frontId = frontWindowId(windows);
 
   return (

package/src/web/components/layout/editor-panel.tsx

@@ -1,4 +1,5 @@
-import { useCallback } from "react";
+import { useSettingsStore } from "@/stores/settings-store";
+import { useCallback, useEffect } from "react";
 import { Terminal, MessageSquare, FilePlus, X } from "@/lib/icons";
 import { usePanelStore } from "@/stores/panel-store";
 import { useProjectStore } from "@/stores/project-store";
@@ -24,6 +25,7 @@ interface EditorPanelProps {
 }
 
 export function EditorPanel({ panelId, projectName }: EditorPanelProps) {
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
   const panel = usePanelStore((s) => s.panels[panelId]);
   const isFocused = usePanelStore((s) => s.focusedPanelId === panelId);
   const panelCount = usePanelStore((s) => {
@@ -40,13 +42,23 @@ export function EditorPanel({ panelId, projectName }: EditorPanelProps) {
     registerPanelSlot(panelId, el);
   }, [panelId]);
 
+  // Select an available tab in place; do not move panels or delete hidden tabs.
+  useEffect(() => {
+    if (!minimalMode || !panel) return;
+    const chats = visibleTabs(panel.tabs, projectName, true);
+    if (!chats.length || chats.some((tab) => tab.id === panel.activeTabId)) return;
+    usePanelStore.setState((state) => ({
+      panels: { ...state.panels, [panelId]: { ...state.panels[panelId]!, activeTabId: chats[0]!.id } },
+    }));
+  }, [minimalMode, panel, panelId, projectName]);
+
   if (!panel) return null;
 
   // Judge emptiness the same way TabBar does. A panel holding only another
   // project's tab shows no tab chips, so treating it as non-empty here would
   // render neither tabs nor the empty state — a blank panel with nothing to
   // close. See visibleTabs().
-  const isEmpty = visibleTabs(panel.tabs, projectName).length === 0;
+  const isEmpty = visibleTabs(panel.tabs, projectName, minimalMode).length === 0;
 
   return (
     <div
@@ -64,7 +76,7 @@ export function EditorPanel({ panelId, projectName }: EditorPanelProps) {
         data-panel-drop-zone={panelId}
         // Middle-click an empty panel to close it (matches VS Code).
         onAuxClick={(e) => {
-          if (e.button !== 1 || !isEmpty) return;
+          if (minimalMode || e.button !== 1 || !isEmpty) return;
           e.preventDefault();
           usePanelStore.getState().closePanel(panelId);
         }}
@@ -80,6 +92,7 @@ export function EditorPanel({ panelId, projectName }: EditorPanelProps) {
 }
 
 function EmptyPanel({ panelId, canClose }: { panelId: string; canClose: boolean }) {
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
   const activeProject = useProjectStore((s) => s.activeProject);
 
   function openTab(type: TabType) {
@@ -106,7 +119,7 @@ function EmptyPanel({ panelId, canClose }: { panelId: string; canClose: boolean
       <div className="flex flex-col items-center justify-center gap-6 px-4 flex-1">
         <p className="text-sm">Open a tab to get started</p>
         <div className="grid grid-cols-3 gap-2 w-full max-w-sm">
-          {QUICK_OPEN_TABS.map((opt) => {
+          {QUICK_OPEN_TABS.filter((tab) => !minimalMode || tab.type === "chat" || tab.type === "editor").map((opt) => {
             const Icon = opt.icon;
             return (
               <button
@@ -121,7 +134,7 @@ function EmptyPanel({ panelId, canClose }: { panelId: string; canClose: boolean
           })}
         </div>
 
-        {canClose && (
+        {canClose && !minimalMode && (
           <button
             onClick={() => usePanelStore.getState().closePanel(panelId)}
             className="flex items-center gap-1.5 px-4 py-3.5 rounded-md text-xs text-text-subtle hover:text-foreground active:bg-surface-elevated transition-colors"

package/src/web/components/layout/mobile-drawer.tsx

@@ -14,7 +14,7 @@ import { PortForwardingPanel } from "@/components/tunnels/port-forwarding-panel"
 import { SessionHistoryList } from "@/components/chat/session-history-list";
 import { GroupList } from "@/components/group-chat/group-list";
 import { ExtensionTreeView } from "@/components/extensions/extension-tree-view";
-import { getAvailableTabs } from "@/lib/sidebar-tabs/tab-registry";
+import { getAvailableTabs, isMinimalSidebarTab } from "@/lib/sidebar-tabs/tab-registry";
 import { resolveTabOrder } from "@/lib/sidebar-tabs/resolve-tab-order";
 import { MobileDrawerTabBar } from "@/components/layout/mobile-drawer-tab-bar";
 import { openLogs } from "@/components/logs/open-logs";
@@ -90,6 +90,7 @@ interface MobileDrawerProps {
 
 export function MobileDrawer({ isOpen, onClose, initialTab }: MobileDrawerProps) {
   const { activeProject } = useProjectStore(useShallow((s) => ({ activeProject: s.activeProject })));
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
   const jiraEnabled = useSettingsStore((s) => s.jiraEnabled);
   const sidebarTabOrder = useSettingsStore((s) => s.sidebarTabOrder);
   const setSidebarTabOrder = useSettingsStore((s) => s.setSidebarTabOrder);
@@ -98,12 +99,13 @@ export function MobileDrawer({ isOpen, onClose, initialTab }: MobileDrawerProps)
   const openRemoteDesktop = useOpenRemoteDesktop();
   const openAndroid = useOpenAndroid();
   const { available: androidAvailable } = useAndroidAvailable();
-  const [activeTab, setActiveTab] = useState<SidebarActiveTab>(initialTab ?? "explorer");
+  const [storedActiveTab, setActiveTab] = useState<SidebarActiveTab>(initialTab ?? "explorer");
+  const activeTab = minimalMode && !isMinimalSidebarTab(storedActiveTab) ? "history" : storedActiveTab;
   const [cloudOpen, setCloudOpen] = useState(false);
 
   const tabs = useMemo(
-    () => resolveTabOrder(getAvailableTabs({ jiraEnabled, contributions }), sidebarTabOrder).filter((t) => isMobileSupported(t.id)),
-    [jiraEnabled, contributions, sidebarTabOrder],
+    () => resolveTabOrder(getAvailableTabs({ jiraEnabled, contributions }), sidebarTabOrder).filter((t) => isMobileSupported(t.id) && (!minimalMode || isMinimalSidebarTab(t.id))),
+    [jiraEnabled, contributions, sidebarTabOrder, minimalMode],
   );
 
   // Sync when initialTab changes (e.g. settings button opens drawer)
@@ -120,10 +122,10 @@ export function MobileDrawer({ isOpen, onClose, initialTab }: MobileDrawerProps)
   // sheet here is what opens. The sheet portals to body, so it shows even while
   // the drawer itself is closed.
   useEffect(() => {
-    const open = () => { if (isMobileDevice()) setCloudOpen(true); };
+    const open = () => { if (!minimalMode && isMobileDevice()) setCloudOpen(true); };
     window.addEventListener("open-cloud-share", open);
     return () => window.removeEventListener("open-cloud-share", open);
-  }, []);
+  }, [minimalMode]);
 
   const likelyBugs = useLogsBadgeCount();
 
@@ -218,22 +220,22 @@ export function MobileDrawer({ isOpen, onClose, initialTab }: MobileDrawerProps)
           <div className="border-t border-border px-3 py-2">
             <div
               className="grid gap-1"
-              style={{ gridTemplateColumns: `repeat(${footerTiles.length}, minmax(0, 1fr))` }}
+              style={{ gridTemplateColumns: `repeat(${minimalMode ? 1 : footerTiles.length}, minmax(0, 1fr))` }}
             >
-              {footerTiles.map((tile) => (
+              {footerTiles.filter((tile) => !minimalMode || tile.label === "Settings").map((tile) => (
                 <FooterTile key={tile.label} {...tile} />
               ))}
             </div>
             {/* Version / upgrade pinned at the very bottom, under a divider. */}
             <div className="mt-2 border-t border-border px-1 text-[11px]">
-              <UpgradeButton align="left" />
+              {!minimalMode && <UpgradeButton align="left" />}
             </div>
           </div>
         </div>
       </div>
 
       {/* Cloud & Share — bottom sheet (portals to body, so drawer transform doesn't clip it) */}
-      <BottomSheet open={cloudOpen} onClose={() => setCloudOpen(false)} zIndex={60}>
+      <BottomSheet open={!minimalMode && cloudOpen} onClose={() => setCloudOpen(false)} zIndex={60}>
         <CloudSharePopover variant="sheet" onClose={() => setCloudOpen(false)} />
       </BottomSheet>
     </div>

package/src/web/components/layout/mobile-nav.tsx

@@ -1,3 +1,5 @@
+import { isMinimalTab } from "@/lib/minimal-mode";
+import { useSettingsStore } from "@/stores/settings-store";
 import { useState, useCallback, useMemo } from "react";
 import {
   Terminal, Menu, X, Layers, Plus,
@@ -37,6 +39,7 @@ import { tabSessionId } from "@/lib/tab-session-id";
 interface MobileNavProps { onMenuPress: () => void; onProjectsPress: () => void; }
 
 export function MobileNav({ onMenuPress, onProjectsPress }: MobileNavProps) {
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
   const focusedPanelId = usePanelStore((s) => s.focusedPanelId);
   const panels = usePanelStore((s) => s.panels);
   const grid = usePanelStore((s) => s.grid);
@@ -60,13 +63,14 @@ export function MobileNav({ onMenuPress, onProjectsPress }: MobileNavProps) {
         for (const t of p.tabs) {
           // Skip cross-project tabs (race condition in openTab during project switch)
           if (t.projectId && currentProject && t.projectId !== currentProject) continue;
+          if (minimalMode && !isMinimalTab(t.type)) continue;
           allTabs.push(t);
           map[t.id] = pid;
         }
       }
     }
     return { tabs: allTabs, tabPanelMap: map };
-  }, [panels, grid, currentProject]);
+  }, [panels, grid, currentProject, minimalMode]);
 
   // Recency rank for the tab-switcher "Recent" sort: 0 = most recent. Ranked by the
   // per-tab `lastActiveAt` stamp (set on every activation) so the order is a GLOBAL
@@ -108,7 +112,7 @@ export function MobileNav({ onMenuPress, onProjectsPress }: MobileNavProps) {
   // Context menu actions — use the tab's actual panel (not always focused)
   const menuTab = menuTabId ? tabs.find((t) => t.id === menuTabId) : null;
   const menuTabPanelId = menuTabId ? tabPanelMap[menuTabId] ?? focusedPanelId : focusedPanelId;
-  const menuTabPanelTabs = panels[menuTabPanelId]?.tabs ?? [];
+  const menuTabPanelTabs = (panels[menuTabPanelId]?.tabs ?? []).filter((tab) => !minimalMode || isMinimalTab(tab.type));
   const menuTabIdx = menuTabId ? menuTabPanelTabs.findIndex((t) => t.id === menuTabId) : -1;
 
   // Chat-session context for the long-press menu (Mark as unread / Set Tag)
@@ -143,14 +147,14 @@ export function MobileNav({ onMenuPress, onProjectsPress }: MobileNavProps) {
   function closeOthers(tabId: string) {
     const pid = tabPanelMap[tabId] ?? focusedPanelId;
     const pTabs = usePanelStore.getState().panels[pid]?.tabs ?? [];
-    void closeTabsAsked(pTabs.filter((t) => t.id !== tabId && t.closable).map((t) => t.id), pid);
+    void closeTabsAsked(pTabs.filter((t) => t.id !== tabId && t.closable && (!minimalMode || isMinimalTab(t.type))).map((t) => t.id), pid);
     setMenuTabId(null);
   }
   function closeRight(tabId: string) {
     const pid = tabPanelMap[tabId] ?? focusedPanelId;
     const pTabs = usePanelStore.getState().panels[pid]?.tabs ?? [];
     const idx = pTabs.findIndex((t) => t.id === tabId);
-    void closeTabsAsked(pTabs.slice(idx + 1).filter((t) => t.closable).map((t) => t.id), pid);
+    void closeTabsAsked(pTabs.slice(idx + 1).filter((t) => t.closable && (!minimalMode || isMinimalTab(t.type))).map((t) => t.id), pid);
     setMenuTabId(null);
   }
 
@@ -248,6 +252,14 @@ export function MobileNav({ onMenuPress, onProjectsPress }: MobileNavProps) {
     ? resolveProjectColor(activeProject.color, activeIdx >= 0 ? activeIdx : 0)
     : "#4f86c6";
 
+  const openNewTab = () => {
+    if (!minimalMode) { openCommandPalette(); return; }
+    usePanelStore.getState().openTab({
+      type: "chat", title: "AI Chat", projectId: activeProject?.name ?? null,
+      metadata: activeProject ? { projectName: activeProject.name } : undefined, closable: true,
+    });
+  };
+
   const ActiveTabIcon = activeTab ? getTabIcon(activeTab) : null;
 
   return (
@@ -279,6 +291,7 @@ export function MobileNav({ onMenuPress, onProjectsPress }: MobileNavProps) {
 
           <div className="w-px self-stretch bg-border shrink-0" />
 
+          {!minimalMode && <>
           {/* Terminal / panel button — green dot = running dock sessions; active tint when dock open */}
           <button
             onClick={() => usePanelStore.getState().toggleDock()}
@@ -301,9 +314,10 @@ export function MobileNav({ onMenuPress, onProjectsPress }: MobileNavProps) {
 
           <div className="w-px self-stretch bg-border shrink-0" />
 
-          {/* New tab — opens the command palette */}
+          </>}
+          {/* New tab — opens the command palette, or a chat in minimal mode */}
           <button
-            onClick={() => openCommandPalette()}
+            onClick={openNewTab}
             title="New tab"
             aria-label="New tab"
             className="flex items-center justify-center size-12 shrink-0 text-text-secondary"
@@ -327,7 +341,7 @@ export function MobileNav({ onMenuPress, onProjectsPress }: MobileNavProps) {
           </button>
         ) : (
           <button
-            onClick={() => openCommandPalette()}
+            onClick={openNewTab}
             className="flex-1 flex items-center gap-1.5 h-12 px-3 text-text-secondary text-xs"
           >
             <Plus className="size-4" /> New Tab
@@ -339,7 +353,7 @@ export function MobileNav({ onMenuPress, onProjectsPress }: MobileNavProps) {
       <MobileTabSwitcherSheet
         open={tabSheetOpen}
         onClose={() => setTabSheetOpen(false)}
-        onOpenPalette={() => openCommandPalette()}
+        onOpenPalette={openNewTab}
         tabs={tabs}
         tabPanelMap={tabPanelMap}
         panelOrder={grid.flat()}
@@ -489,7 +503,7 @@ export function MobileNav({ onMenuPress, onProjectsPress }: MobileNavProps) {
       {/* Mobile dock sheet — only rendered on mobile viewports.
           Desktop panel-layout.tsx gates DockPanel on isDesktop, so exactly ONE
           __dock__ slot is ever registered at a time (no double-mount). */}
-      {isMobile && (
+      {!minimalMode && isMobile && (
         <BottomSheet
           open={dock.visible}
           onClose={() => usePanelStore.getState().setDockVisible(false)}

package/src/web/components/layout/nav-section-rail.tsx

@@ -10,7 +10,7 @@ import { openSettings } from "@/components/settings/open-settings";
 import { FeatureBadge } from "@/components/ui/feature-badge";
 import type { FeatureBadgeId } from "@/lib/feature-badges";
 import { useSettingsStore, type SidebarActiveTab } from "@/stores/settings-store";
-import { getAvailableTabs } from "@/lib/sidebar-tabs/tab-registry";
+import { getAvailableTabs, isMinimalSidebarTab } from "@/lib/sidebar-tabs/tab-registry";
 import { resolveTabOrder } from "@/lib/sidebar-tabs/resolve-tab-order";
 import { useProjectStore } from "@/stores/project-store";
 import { useShallow } from "zustand/react/shallow";
@@ -113,7 +113,8 @@ function FooterUtil({ icon: Icon, label, onClick, active, featureBadge, alert }:
 
 export const NavSectionRail = memo(function NavSectionRail({ className }: { className?: string }) {
   const { activeProject } = useProjectStore(useShallow((s) => ({ activeProject: s.activeProject })));
-  const sidebarActiveTab = useSettingsStore((s) => s.sidebarActiveTab);
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
+  const sidebarActiveTab = useSettingsStore((s) => s.minimalMode && !isMinimalSidebarTab(s.sidebarActiveTab) ? "history" : s.sidebarActiveTab);
   const setSidebarActiveTab = useSettingsStore((s) => s.setSidebarActiveTab);
   const sidebarTabOrder = useSettingsStore((s) => s.sidebarTabOrder);
   const setSidebarTabOrder = useSettingsStore((s) => s.setSidebarTabOrder);
@@ -128,8 +129,8 @@ export const NavSectionRail = memo(function NavSectionRail({ className }: { clas
   const historyUnreadCount = useNotificationStore(selectProjectUnread(activeProject?.name));
 
   const TABS = useMemo(
-    () => resolveTabOrder(getAvailableTabs({ jiraEnabled, contributions }), sidebarTabOrder),
-    [contributions, jiraEnabled, sidebarTabOrder],
+    () => resolveTabOrder(getAvailableTabs({ jiraEnabled, contributions }), sidebarTabOrder).filter((tab) => !minimalMode || isMinimalSidebarTab(tab.id)),
+    [contributions, jiraEnabled, sidebarTabOrder, minimalMode],
   );
 
   // Drag-to-reorder — writes the full resolved id list so mobile/desktop stay in sync.
@@ -164,10 +165,10 @@ export const NavSectionRail = memo(function NavSectionRail({ className }: { clas
   // Command palette can't reach the popover's local state, so it asks via event.
   // The rail is `hidden md:flex`, so on mobile the drawer's bottom sheet answers.
   useEffect(() => {
-    const open = () => { if (!isMobileDevice()) setCloudOpen(true); };
+    const open = () => { if (!minimalMode && !isMobileDevice()) setCloudOpen(true); };
     window.addEventListener("open-cloud-share", open);
     return () => window.removeEventListener("open-cloud-share", open);
-  }, []);
+  }, [minimalMode]);
 
   const openRemoteDesktop = useOpenRemoteDesktop();
   const openAndroid = useOpenAndroid();
@@ -215,6 +216,7 @@ export const NavSectionRail = memo(function NavSectionRail({ className }: { clas
       {/* footer utilities */}
       <div className="shrink-0 flex flex-col items-center gap-0.5 px-[3px] py-2 border-t border-border">
         <NotificationBellPopover expanded={false} />
+        {!minimalMode && <>
         <button
           ref={cloudBtnRef}
           onClick={() => setCloudOpen(!cloudOpen)}
@@ -253,6 +255,7 @@ export const NavSectionRail = memo(function NavSectionRail({ className }: { clas
           active={logsOpen}
           onClick={() => openLogs()}
         />
+        </>}
         <FooterUtil icon={Settings} label="Settings" onClick={() => openSettings()} />
       </div>
     </div>

package/src/web/components/layout/panel-layout.tsx

@@ -20,6 +20,7 @@ interface PanelLayoutProps {
 const EMPTY_GRID: string[][] = [[]];
 
 export const PanelLayout = memo(function PanelLayout({ projectName }: PanelLayoutProps) {
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
   const isDesktop = useMediaQuery("(min-width: 768px)");
   const grid = usePanelStore((s) =>
     s.currentProject === projectName ? s.grid : (s.projectGrids[projectName] ?? EMPTY_GRID),
@@ -94,7 +95,7 @@ export const PanelLayout = memo(function PanelLayout({ projectName }: PanelLayou
 
   // Non-active projects (hidden keep-alive layouts) render the grid only — only the
   // active project hosts the shared dock slot.
-  if (!isActiveProject) {
+  if (!isActiveProject || minimalMode) {
     return <>{gridArea}</>;
   }
 

package/src/web/components/layout/sidebar.tsx

@@ -1,3 +1,4 @@
+import { isMinimalSidebarTab } from "@/lib/sidebar-tabs/tab-registry";
 import { useCallback, useRef, memo, lazy, Suspense } from "react";
 import { PanelLeftOpen } from "@/lib/icons";
 import { useShallow } from "zustand/react/shallow";
@@ -75,8 +76,9 @@ export const Sidebar = memo(function Sidebar() {
   const sidebarWidth = useSettingsStore((s) => s.sidebarWidth);
   const toggleSidebar = useSettingsStore((s) => s.toggleSidebar);
   const setSidebarWidth = useSettingsStore((s) => s.setSidebarWidth);
-  const sidebarActiveTab = useSettingsStore((s) => s.sidebarActiveTab);
-  useGitChangesPoller(activeProject?.name, sidebarActiveTab === "git");
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
+  const sidebarActiveTab = useSettingsStore((s) => s.minimalMode && !isMinimalSidebarTab(s.sidebarActiveTab) ? "history" : s.sidebarActiveTab);
+  useGitChangesPoller(minimalMode ? undefined : activeProject?.name, minimalMode || sidebarActiveTab === "git");
 
   if (sidebarCollapsed) {
     return (

package/src/web/components/layout/tab-bar.tsx

@@ -65,6 +65,7 @@ interface TabBarProps {
 }
 
 export const TabBar = memo(function TabBar({ panelId }: TabBarProps) {
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
   const activeProject = useProjectStore((s) => s.activeProject);
   const tabRefs = useRef<Map<string, HTMLButtonElement>>(new Map());
   const scrollRef = useRef<HTMLDivElement>(null);
@@ -74,8 +75,8 @@ export const TabBar = memo(function TabBar({ panelId }: TabBarProps) {
   const panel = usePanelStore((s) => panelId ? s.panels[panelId] : s.panels[s.focusedPanelId]);
   const projectName = activeProject?.name ?? null;
   // Filter out cross-project tabs (race condition in openTab during project switch)
-  const tabs = visibleTabs(panel?.tabs ?? [], projectName);
-  const activeTabId = panel?.activeTabId ?? null;
+  const tabs = visibleTabs(panel?.tabs ?? [], projectName, minimalMode);
+  const activeTabId = tabs.some((tab) => tab.id === panel?.activeTabId) ? panel!.activeTabId : tabs[0]?.id ?? null;
   const effectivePanelId = panel?.id ?? usePanelStore.getState().focusedPanelId;
 
   const { dropIndex, handleDragStart, handleDragOver, handleDragOverBar, handleDrop, handleDragEnd } =
@@ -226,7 +227,7 @@ export const TabBar = memo(function TabBar({ panelId }: TabBarProps) {
   /** Handle context menu actions on a tab */
   const handleTabContextAction = useCallback((tab: Tab, action: string) => {
     const panelState = usePanelStore.getState();
-    const pTabs = panelState.panels[effectivePanelId]?.tabs ?? [];
+    const pTabs = visibleTabs(panelState.panels[effectivePanelId]?.tabs ?? [], projectName, minimalMode);
 
     switch (action) {
       case "close":
@@ -286,14 +287,19 @@ export const TabBar = memo(function TabBar({ panelId }: TabBarProps) {
         break;
       }
     }
-  }, [effectivePanelId]);
+  }, [effectivePanelId, projectName, minimalMode]);
 
   /** Double-click on empty bar area → open command palette */
   function handleBarDoubleClick(e: React.MouseEvent) {
     // Only trigger if clicking directly on the bar or scroll container (not on a tab)
     const target = e.target as HTMLElement;
     if (target.closest("[data-tab-item]")) return;
-    openCommandPalette();
+    if (minimalMode) openChat();
+    else openCommandPalette();
+  }
+
+  function openChat() {
+    usePanelStore.getState().openTab({ type: "chat", title: "AI Chat", projectId: activeProject?.name ?? null, closable: true, metadata: activeProject ? { projectName: activeProject.name } : undefined }, effectivePanelId);
   }
 
   return (
@@ -427,7 +433,9 @@ export const TabBar = memo(function TabBar({ panelId }: TabBarProps) {
           {/* + button — opens a terminal when in the dock, command palette otherwise */}
           <button
             onClick={() => {
-              if (effectivePanelId === DOCK_PANEL_ID) {
+              if (minimalMode) {
+                openChat();
+              } else if (effectivePanelId === DOCK_PANEL_ID) {
                 // Dock-specific: open a new terminal directly in the dock
                 const project = useProjectStore.getState().activeProject;
                 usePanelStore.getState().openInDock({
@@ -442,7 +450,7 @@ export const TabBar = memo(function TabBar({ panelId }: TabBarProps) {
                 openCommandPalette();
               }
             }}
-            title={effectivePanelId === DOCK_PANEL_ID ? "New terminal in dock" : "Open command palette (Shift+Shift)"}
+            title={minimalMode ? "New chat" : effectivePanelId === DOCK_PANEL_ID ? "New terminal in dock" : "Open command palette (Shift+Shift)"}
             className={tabAddButtonClass(editorTabStyle)}
           >
             <Plus className="size-4" />
@@ -471,9 +479,9 @@ export const TabBar = memo(function TabBar({ panelId }: TabBarProps) {
           {tabWrap ? "Scroll Tabs" : "Wrap Tabs"}
         </BarContextMenuItem>
         <BarContextMenuSeparator />
-        <BarContextMenuItem onClick={() => openCommandPalette()}>
+        {!minimalMode && <BarContextMenuItem onClick={() => openCommandPalette()}>
           Open Command Palette
-        </BarContextMenuItem>
+        </BarContextMenuItem>}
       </BarContextMenuContent>
     </BarContextMenu>
 

package/src/web/components/layout/tab-pool.tsx

@@ -1,3 +1,4 @@
+import { isMinimalTab } from "@/lib/minimal-mode";
 /**
  * TabPool — persistent tab rendering with DOM reparenting.
  *
@@ -13,6 +14,7 @@
  * they travel with the node — including into another document.
  */
 import { useState, useEffect, useSyncExternalStore } from "react";
+import { useSettingsStore } from "@/stores/settings-store";
 import { usePanelStore } from "@/stores/panel-store";
 import { useMountedTabsStore } from "@/stores/mounted-tabs-store";
 import type { TabType } from "@/stores/tab-store";
@@ -98,6 +100,7 @@ export function TabPool() {
 
   // Detached tabs and their floating windows are persisted separately, so a reload can
   // restore one without the other; this repairs the mismatch once per project load.
+  const minimalMode = useSettingsStore((s) => s.minimalMode);
   useWindowPanelReconcile();
 
   // Collect tabs from ALL mounted projects (not just active) to preserve
@@ -106,7 +109,8 @@ export function TabPool() {
   // Logic lives in tab-pool-collect.ts (pure helper) so it is unit-testable
   // without a DOM; it also applies the stable tabId sort that prevents React
   // insertBefore() reorders from yanking reparented DOM nodes back here.
-  const allEntries = collectTabEntries(panels, grid, projectGrids, currentProject);
+  const allEntries = collectTabEntries(panels, grid, projectGrids, currentProject)
+    .filter((entry) => !minimalMode || isMinimalTab(entry.type));
 
   // Lazy mount: a saved workspace can hold dozens of tabs, and mounting them
   // all on boot runs every tab's data-fetch effects at once (measured: 515