@alivault/pico 0.12.0 → 0.14.0

package/.output/server/_ssr/{routes-C8qT6Oju.mjs → routes-BsQ26pbY.mjs}

@@ -1,8 +1,8 @@
 import { i as __toESM } from "../_runtime.mjs";
 import { $ as require_react, A as TabsTab, B as Input, C as MenuPositioner, D as MenuGroupLabel, E as MenuItem, F as DialogPopup, H as useRender, I as DialogDescription$1, L as DialogClose$1, M as DialogTitle$1, N as DialogRoot, O as MenuGroup, P as DialogPortal$1, Q as require_jsx_runtime, R as DialogBackdrop, S as MenuRoot, T as MenuPopup, V as Button, Y as mergeProps, _ as AccordionItem$1, a as ContextMenuRoot, b as MenuTrigger, c as CollapsibleRoot, d as PopoverPortal, f as PopoverTrigger$1, g as AccordionHeader, h as AccordionTrigger$1, i as ContextMenuTrigger$1, j as TabsRoot, k as TabsList$1, l as PopoverPopup, m as AccordionPanel, n as ToggleGroup, o as CollapsiblePanel, p as PopoverRoot, r as Toggle, s as CollapsibleTrigger$1, t as AlertDialogRoot, u as PopoverPositioner, v as AccordionRoot, w as MenuPortal, x as MenuSubmenuRoot, y as MenuSubmenuTrigger, z as Separator } from "../_libs/@base-ui/react+[...].mjs";
 import { t as cva } from "../_libs/class-variance-authority+clsx.mjs";
-import { A as FolderPlus, B as ChevronsDownUp, C as ListEnd, D as GitBranch, E as GitPullRequestArrow, F as Download, G as ArrowUp, H as ChevronRight, I as Copy, K as ArrowUpToLine, L as Command, M as ExternalLink, N as Ellipsis, O as GitCommitHorizontal, P as EllipsisVertical, S as ListStart, T as ImagePlus, U as ChevronDown, W as Check, X as ArrowDown, Y as ArrowLeft, a as TriangleAlert, b as Minimize2, c as Square, d as Search, f as Plus, g as PanelLeftClose, h as PanelLeftOpen, i as Undo2, j as FileDiff, k as Folder, l as SquarePen, m as PanelLeft, n as WandSparkles, o as Trash2, p as PanelRight, q as ArrowUpRight, r as Upload, s as Tag, t as X, u as Settings2, v as OctagonX, x as Maximize2, y as Minus, z as ChevronsUpDown } from "../_libs/lucide-react.mjs";
-import { $ as normalizeThemeFamily, A as Tooltip$1, C as SESSION_DONE_SOUND_ENABLED_STORAGE_KEY, Ct as themeFamilyDescription, D as THEME_FAMILIES, Dt as themeFamilySupportsColorMode, E as THEME_COLOR_MODE_STORAGE_KEY, Et as themeFamilyLabel, F as appliedThemeClass, H as createInitialSessionState, I as appliedThemeClassColorMode, K as flattenTree, N as TooltipTrigger, O as THEME_STORAGE_KEY, Ot as thinkingSummaryText, P as VIEWER_CONTEXT_STORAGE_KEY, Q as normalizeThemeColorMode, R as buildItemsFromSync, S as SESSION_DONE_DESKTOP_NOTIFICATIONS_ENABLED_STORAGE_KEY, St as themeColorModeLabel, T as Spinner, Tt as themeFamilyKeywords, V as createContextId, X as normalizeSessionSelectionKeys, Y as normalizePromptImage, Z as normalizeStoredDirectoryList, _ as RIGHT_SIDEBAR_HISTORY_HEIGHT_STORAGE_KEY, _t as rememberStoredPromptDraft, a as COLLAPSED_DIRECTORIES_STORAGE_KEY, at as readStoredCollapsedDirectories, b as RIGHT_SIDEBAR_WIDTHS_STORAGE_KEY, bt as sameContextUsage, c as Kbd, ct as readStoredPinnedSessionKeys, d as PICO_DIFF_SHIKI_THEMES, dt as readStoredRightSidebarOpen, et as previewUrlForImage, f as PICO_SHIKI_VARIABLE_DEFAULTS, ft as readStoredSessionDoneDesktopNotificationsEnabled, g as RIGHT_SIDEBAR_FILE_TREE_WIDTH_STORAGE_KEY, gt as readStoredThemeColorMode, h as RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, ht as readStoredTheme, i as CENTER_MESSAGES_STORAGE_KEY, it as readStoredCenterMessages, j as TooltipContent, k as TitleTooltip, l as KeyboardShortcutContent, lt as readStoredPromptDraft, m as RECENT_DIRECTORIES_STORAGE_KEY, mt as readStoredSidebarDirectories, n as APPLIED_THEME_STORAGE_KEY, nt as promptDraftKeyMatchesOwner, o as DRAFT_DIRECTORY_STORAGE_KEY, ot as readStoredDraftDirectory, p as PINNED_SESSIONS_STORAGE_KEY, pt as readStoredSessionDoneSoundEnabled, q as getSessionTitle, r as AUTO_SCROLL_ENABLED_STORAGE_KEY, rt as readStoredAutoScrollEnabled, s as HIDE_TOOL_BLOCKS_STORAGE_KEY, st as readStoredHideToolBlocks, tt as promptDraftKey, ut as readStoredRecentDirectories, v as RIGHT_SIDEBAR_HISTORY_TAB_STORAGE_KEY, vt as safeLocalStorageGetItem, w as SIDEBAR_DIRECTORIES_STORAGE_KEY, wt as themeFamilyFixedMode, x as Route, xt as sessionListEntryKey, y as RIGHT_SIDEBAR_OPEN_STORAGE_KEY, yt as safeLocalStorageSetItem, z as cn } from "./routes-9nZumcXQ.mjs";
+import { A as Folder, B as ChevronsUpDown, C as ListStart, D as GitPullRequestArrow, E as ImagePlus, F as EllipsisVertical, G as Check, I as Download, J as ArrowUpRight, K as ArrowUp, L as Copy, M as FileDiff, N as ExternalLink, O as GitBranch, P as Ellipsis, R as Command, S as Maximize2, U as ChevronRight, V as ChevronsDownUp, W as ChevronDown, X as ArrowLeft, Z as ArrowDown, _ as PanelLeftClose, a as TriangleAlert, b as Minus, c as Square, d as Settings2, f as Search, g as PanelLeftOpen, h as PanelLeft, i as Undo2, j as FolderPlus, k as GitCommitHorizontal, l as SquareTerminal, m as PanelRight, n as WandSparkles, o as Trash2, p as Plus, q as ArrowUpToLine, r as Upload, s as Tag, t as X, u as SquarePen, w as ListEnd, x as Minimize2, y as OctagonX } from "../_libs/lucide-react.mjs";
+import { $ as normalizeSessionSelectionKeys, A as THEME_STORAGE_KEY, At as themeFamilyDescription, B as buildItemsFromSync, C as SESSION_DONE_SOUND_ENABLED_STORAGE_KEY, Ct as rememberStoredPromptDraft, D as TERMINAL_PANEL_OPEN_STORAGE_KEY, Dt as sameContextUsage, E as TERMINAL_PANEL_HEIGHT_STORAGE_KEY, Et as safeLocalStorageSetItem, F as TooltipTrigger, Ft as thinkingSummaryText, G as exploreShellCommandNameFromTool, I as VIEWER_CONTEXT_STORAGE_KEY, It as toolArgsAreIncompleteJsonObject, L as appliedThemeClass, Lt as toolCategoryFromTool, M as Tooltip$1, Mt as themeFamilyKeywords, N as TooltipContent, Nt as themeFamilyLabel, O as THEME_COLOR_MODE_STORAGE_KEY, Ot as sessionListEntryKey, Pt as themeFamilySupportsColorMode, Q as normalizePromptImage, R as appliedThemeClassColorMode, Rt as toolCouldBecomeExploreFromTool, S as SESSION_DONE_DESKTOP_NOTIFICATIONS_ENABLED_STORAGE_KEY, St as readStoredThemeColorMode, T as Spinner, Tt as safeLocalStorageGetItem, U as createContextId, V as cn, W as createInitialSessionState, X as getSessionTitle, Y as flattenTree, _ as RIGHT_SIDEBAR_HISTORY_HEIGHT_STORAGE_KEY, _t as readStoredSessionDoneSoundEnabled, a as COLLAPSED_DIRECTORIES_STORAGE_KEY, at as promptDraftKeyMatchesOwner, b as RIGHT_SIDEBAR_WIDTHS_STORAGE_KEY, bt as readStoredTerminalTabs, c as Kbd, ct as readStoredCenterMessages, d as PICO_DIFF_SHIKI_THEMES, dt as readStoredHideToolBlocks, et as normalizeStoredDirectoryList, f as PICO_SHIKI_VARIABLE_DEFAULTS, ft as readStoredPinnedSessionKeys, g as RIGHT_SIDEBAR_FILE_TREE_WIDTH_STORAGE_KEY, gt as readStoredSessionDoneDesktopNotificationsEnabled, h as RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, ht as readStoredRightSidebarOpen, i as CENTER_MESSAGES_STORAGE_KEY, it as promptDraftKey, j as TitleTooltip, jt as themeFamilyFixedMode, k as THEME_FAMILIES, kt as themeColorModeLabel, l as KeyboardShortcutContent, lt as readStoredCollapsedDirectories, m as RECENT_DIRECTORIES_STORAGE_KEY, mt as readStoredRecentDirectories, n as APPLIED_THEME_STORAGE_KEY, nt as normalizeThemeFamily, o as DRAFT_DIRECTORY_STORAGE_KEY, ot as rawShellCommandTextFromTool, p as PINNED_SESSIONS_STORAGE_KEY, pt as readStoredPromptDraft, r as AUTO_SCROLL_ENABLED_STORAGE_KEY, rt as previewUrlForImage, s as HIDE_TOOL_BLOCKS_STORAGE_KEY, st as readStoredAutoScrollEnabled, tt as normalizeThemeColorMode, ut as readStoredDraftDirectory, v as RIGHT_SIDEBAR_HISTORY_TAB_STORAGE_KEY, vt as readStoredSidebarDirectories, w as SIDEBAR_DIRECTORIES_STORAGE_KEY, wt as rememberStoredTerminalTabs, x as Route, xt as readStoredTheme, y as RIGHT_SIDEBAR_OPEN_STORAGE_KEY, yt as readStoredTerminalPanelOpen } from "./routes-DbjuMLFI.mjs";
 import { i as useQuery, n as useIsMutating, o as useQueryClient, r as useIsFetching, t as useMutation } from "../_libs/tanstack__react-query.mjs";
 import { t as useHotkeys } from "../_libs/tanstack__react-hotkeys.mjs";
 import { a as matchesKeyboardEvent, i as batch, o as formatForDisplay, r as createStore } from "../_libs/@tanstack/hotkeys+[...].mjs";
@@ -22,7 +22,7 @@ import { t as remarkGfm } from "../_libs/remark-gfm.mjs";
 import { a as getBuiltInSpriteSheet, i as getBuiltInFileIconColor, n as FileTree, r as createFileTreeIconResolver, t as useFileTree } from "../_libs/@pierre/trees+[...].mjs";
 import { a as closestCenter, c as useDraggable, d as useSensors, f as CSS$1, i as PointerSensor, n as DragOverlay, t as DndContext, u as useSensor } from "../_libs/@dnd-kit/core+[...].mjs";
 import { a as verticalListSortingStrategy, i as useSortable, n as arrayMove, r as horizontalListSortingStrategy, t as SortableContext } from "../_libs/dnd-kit__sortable.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/routes-C8qT6Oju.js
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-BsQ26pbY.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var MOBILE_BREAKPOINT = 768;
@@ -503,8 +503,9 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		window.addEventListener("keydown", handleKeyDown);
 		return () => window.removeEventListener("keydown", handleKeyDown);
 	}, [toggleSidebarRef]);
+	const state = open ? "expanded" : "collapsed";
 	const contextValue = {
-		state: open ? "expanded" : "collapsed",
+		state,
 		open,
 		setOpen,
 		isMobile,
@@ -522,6 +523,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		value: contextValue,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			"data-slot": "sidebar-wrapper",
+			"data-sidebar-state": state,
 			style: {
 				...style,
 				"--sidebar-width": sidebarWidth,
@@ -1096,7 +1098,7 @@ function directoryDialogHasExactMatch(directoryPaths, normalizedQuery) {
 		return normalizedPath === normalizedQuery || normalizedDisplayPath === normalizedQuery;
 	});
 }
-function splitDisplayPath$1(value) {
+function splitDisplayPath(value) {
 	if (!value) return {
 		leading: "",
 		trailing: ""
@@ -1119,7 +1121,7 @@ function splitDisplayPath$1(value) {
 }
 function DirectoryPathLabel$1({ path, prefix }) {
 	const displayPath = formatDirectoryDisplayPath(path);
-	const { leading, trailing } = splitDisplayPath$1(displayPath);
+	const { leading, trailing } = splitDisplayPath(displayPath);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 		className: "flex min-w-0 items-center text-foreground",
 		children: [
@@ -2427,7 +2429,7 @@ function formatShortcutLabel(hotkey) {
 function matchesShortcutEvent(event, hotkey) {
 	return matchesKeyboardEvent(event, hotkey);
 }
-function tildePath$1(value) {
+function tildePath(value) {
 	return value.replace(/^\/Users\/[^/]+(?=\/|$)/, "~").replace(/^\/home\/[^/]+(?=\/|$)/, "~");
 }
 function normalizeDirectories(directories) {
@@ -2645,6 +2647,8 @@ function AppShellSessionsDialog(props) {
 }
 function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, currentDirectory, knownDirectories, directorySessionsByPath, sessionStatusByKey, activeSessionId, activeSessionPath, onSelectSession, onRenameSession, onDeleteSession, onError }) {
 	const isMobile = useIsMobile();
+	const [isGeneratingName, setIsGeneratingName] = import_react.useState(false);
+	const [generatedNamePath, setGeneratedNamePath] = import_react.useState("");
 	const [state, dispatch] = import_react.useReducer(sessionsDialogReducer, initialSessionsDialogState);
 	const { query, scope, stage, selectedSessionKey, renameValue, localSessionNames, loadedSessionsByPath, loadingByPath } = state;
 	const normalizedCurrentDirectory = currentDirectory.trim();
@@ -2673,6 +2677,7 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 	})));
 	const sortedSessionItems = flatSessions.toSorted((left, right) => sessionActivityTime(right.entry) - sessionActivityTime(left.entry));
 	const selectedSession = selectedSessionKey ? flatSessions.find((session) => session.key === selectedSessionKey)?.entry : void 0;
+	const canGenerateSelectedSessionName = Boolean(selectedSession?.path && !selectedSession.name?.trim() && generatedNamePath !== selectedSession.path);
 	const loading = visibleGroups.some((group) => group.loading);
 	const browseInputRef = import_react.useRef(null);
 	const deletePanelRef = import_react.useRef(null);
@@ -2753,6 +2758,7 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 	};
 	const renameSelectedSession = () => {
 		if (!selectedSession?.path) return;
+		setGeneratedNamePath("");
 		dispatch({
 			type: "renameRequested",
 			value: selectedSession.title
@@ -2769,6 +2775,28 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 			name: nextName
 		});
 	};
+	const generateSelectedSessionName = async () => {
+		const targetPath = selectedSession?.path;
+		if (!targetPath || isGeneratingName || !canGenerateSelectedSessionName) return;
+		setIsGeneratingName(true);
+		try {
+			const response = await fetchJson(buildRequestUrl("/api/session/name", { contextId: viewerContextId }), {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ path: targetPath })
+			});
+			dispatch({
+				type: "renameValueChanged",
+				value: response.name
+			});
+			setGeneratedNamePath(targetPath);
+			if (response.source === "heuristic" && response.reason) toast.info("Using heuristic session name", { description: response.reason });
+		} catch (error) {
+			onError?.(error);
+		} finally {
+			setIsGeneratingName(false);
+		}
+	};
 	const deleteSelectedSession = () => {
 		if (!selectedSession?.path) return;
 		dispatch({ type: "deleteRequested" });
@@ -2853,7 +2881,7 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandList, {
 				className: "max-h-none min-h-0 flex-1 md:max-h-[min(70vh,32rem)]",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandEmpty, { children: loading ? "Loading sessions…" : "No sessions found." }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandGroup, {
-					heading: `${scope === "all" ? "All sessions" : `Current directory: ${tildePath$1(currentDirectories[0] || "")}`}${loading ? " · loading" : ""}`,
+					heading: `${scope === "all" ? "All sessions" : `Current directory: ${tildePath(currentDirectories[0] || "")}`}${loading ? " · loading" : ""}`,
 					children: [loading && sortedSessionItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandItem, {
 						value: "loading:sessions",
 						disabled: true,
@@ -2889,7 +2917,7 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 										children: entry.title
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 										className: "line-clamp-1 text-xs text-muted-foreground",
-										children: tildePath$1(entry.cwd || directory)
+										children: tildePath(entry.cwd || directory)
 									})]
 								}),
 								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -2939,25 +2967,37 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex items-center gap-2 border-b border-border/70 px-3 py-2",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-					type: "button",
-					variant: "ghost",
-					size: "icon-sm",
-					onClick: () => {
-						dispatch({ type: "browseRequested" });
-					},
-					"aria-label": "Back to sessions",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, {})
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "truncate text-sm font-medium",
-						children: "Rename session"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "truncate text-xs text-muted-foreground",
-						children: selectedSession?.title || "Selected session"
-					})]
-				})]
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						onClick: () => {
+							dispatch({ type: "browseRequested" });
+						},
+						"aria-label": "Back to sessions",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, {})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "truncate text-sm font-medium",
+							children: "Rename session"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "truncate text-xs text-muted-foreground",
+							children: selectedSession?.title || "Selected session"
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+						type: "button",
+						variant: "ghost",
+						disabled: isGeneratingName || !canGenerateSelectedSessionName,
+						onClick: () => {
+							generateSelectedSessionName();
+						},
+						children: [isGeneratingName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WandSparkles, {}), "Generate"]
+					})
+				]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 				className: "flex min-h-0 flex-1 items-center p-3",
@@ -2976,6 +3016,12 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 							dispatch({ type: "browseRequested" });
 							return;
 						}
+						if (matchesShortcutEvent(event.nativeEvent, "Control+G")) {
+							event.preventDefault();
+							event.stopPropagation();
+							generateSelectedSessionName();
+							return;
+						}
 						if (event.key !== "Enter" || event.nativeEvent.isComposing) return;
 						event.preventDefault();
 						event.stopPropagation();
@@ -2987,13 +3033,20 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 			}),
 			isMobile ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "hidden flex-wrap items-center gap-x-3 gap-y-1 border-t border-border/70 px-3 py-2 text-xs text-muted-foreground md:flex",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd$1, { children: "Enter" }), " Save"]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd$1, { children: "Esc" }), " Back"]
-				})]
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd$1, { children: formatShortcutLabel("Control+G") }), " Generate"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd$1, { children: "Enter" }), " Save"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd$1, { children: "Esc" }), " Back"]
+					})
+				]
 			})
 		]
 	});
@@ -7576,7 +7629,7 @@ function GitCommitDialogController({ viewerContextId, cwd, openStateRef, ref })
 function FooterKbd({ children }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children });
 }
-function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueChange, onRenameSession }) {
+function RenameSessionDialog({ open, onOpenChange, renameValue, generatingName, canGenerateName, onRenameValueChange, onGenerateSessionName, onRenameSession }) {
 	const isMobile = useIsMobile();
 	const renameInputRef = import_react.useRef(null);
 	import_react.useEffect(() => {
@@ -7593,13 +7646,22 @@ function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueCha
 		className: "flex min-h-0 flex-1 flex-col",
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "border-b border-border/70 px-3 py-2",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "truncate text-sm font-medium",
-					children: "Rename session"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "truncate text-xs text-muted-foreground",
-					children: "Update the display name shown in the sidebar."
+				className: "flex items-center gap-2 border-b border-border/70 px-3 py-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "truncate text-sm font-medium",
+						children: "Rename session"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "truncate text-xs text-muted-foreground",
+						children: "Update the display name shown in the sidebar."
+					})]
+				}), isMobile ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					type: "button",
+					variant: "ghost",
+					disabled: generatingName || !canGenerateName,
+					onClick: onGenerateSessionName,
+					children: [generatingName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WandSparkles, {}), "Generate"]
 				})]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -7615,6 +7677,12 @@ function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueCha
 							onOpenChange(false);
 							return;
 						}
+						if (event.ctrlKey && event.key.toLowerCase() === "g") {
+							event.preventDefault();
+							event.stopPropagation();
+							onGenerateSessionName();
+							return;
+						}
 						if (event.key !== "Enter" || event.nativeEvent.isComposing) return;
 						event.preventDefault();
 						event.stopPropagation();
@@ -7626,13 +7694,24 @@ function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueCha
 			}),
 			isMobile ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "hidden flex-wrap items-center gap-x-3 gap-y-1 border-t border-border/70 px-3 py-2 text-xs text-muted-foreground md:flex",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "Enter" }), " Save"]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "Esc" }), " Cancel"]
-				})]
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "Ctrl" }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "G" }),
+							" Generate"
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "Enter" }), " Save"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "Esc" }), " Cancel"]
+					})
+				]
 			})
 		]
 	});
@@ -7650,14 +7729,23 @@ function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueCha
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerFooter, {
 					className: "border-t border-border/70",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-						variant: "outline",
-						onClick: () => onOpenChange(false),
-						children: "Cancel"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-						onClick: onRenameSession,
-						children: "Save"
-					})]
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+							variant: "outline",
+							disabled: generatingName || !canGenerateName,
+							onClick: onGenerateSessionName,
+							children: [generatingName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WandSparkles, {}), "Generate"]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							variant: "outline",
+							onClick: () => onOpenChange(false),
+							children: "Cancel"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							onClick: onRenameSession,
+							children: "Save"
+						})
+					]
 				})
 			]
 		})
@@ -7672,9 +7760,11 @@ function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueCha
 		children: body
 	});
 }
-function RenameSessionDialogController({ ref, openStateRef, onRenameSession }) {
+function RenameSessionDialogController({ ref, openStateRef, viewerContextId, onRenameSession }) {
 	const [open, setOpen] = import_react.useState(false);
 	const [renameValue, setRenameValue] = import_react.useState("");
+	const [isGeneratingName, setIsGeneratingName] = import_react.useState(false);
+	const [canGenerateName, setCanGenerateName] = import_react.useState(false);
 	const targetPathRef = import_react.useRef("");
 	const openRef = import_react.useRef(open);
 	const setOpenState = (nextOpen) => {
@@ -7687,8 +7777,27 @@ function RenameSessionDialogController({ ref, openStateRef, onRenameSession }) {
 		if (!nextPath) return;
 		targetPathRef.current = nextPath;
 		setRenameValue(target.title);
+		setCanGenerateName(!target.hasGeneratedName);
 		setOpenState(true);
 	};
+	const generateSessionName = async () => {
+		if (!viewerContextId || !targetPathRef.current || isGeneratingName || !canGenerateName) return;
+		setIsGeneratingName(true);
+		try {
+			const response = await fetchJson(buildRequestUrl("/api/session/name", { contextId: viewerContextId }), {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ path: targetPathRef.current })
+			});
+			setRenameValue(response.name);
+			setCanGenerateName(false);
+			if (response.source === "heuristic" && response.reason) toast.info("Using heuristic session name", { description: response.reason });
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : "Failed to generate session name");
+		} finally {
+			setIsGeneratingName(false);
+		}
+	};
 	const submitRename = async () => {
 		if (await onRenameSession(targetPathRef.current, renameValue) === false) return;
 		setOpenState(false);
@@ -7699,7 +7808,8 @@ function RenameSessionDialogController({ ref, openStateRef, onRenameSession }) {
 			if (!entry.path) return;
 			openTarget({
 				path: entry.path,
-				title: entry.title || ""
+				title: entry.title || "",
+				hasGeneratedName: Boolean(entry.name?.trim())
 			});
 		},
 		close: () => {
@@ -7713,7 +7823,12 @@ function RenameSessionDialogController({ ref, openStateRef, onRenameSession }) {
 			setOpenState(nextOpen);
 		},
 		renameValue,
+		generatingName: isGeneratingName,
+		canGenerateName: canGenerateName && Boolean(viewerContextId && targetPathRef.current),
 		onRenameValueChange: setRenameValue,
+		onGenerateSessionName: () => {
+			generateSessionName();
+		},
 		onRenameSession: () => {
 			submitRename();
 		}
@@ -7817,19 +7932,22 @@ function DeleteSessionsDialog({ open, onOpenChange, title, description, targets,
 			})
 		]
 	});
-	if (isMobile) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Drawer$1, {
+	if (isMobile) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
 		open,
 		onOpenChange,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerContent, {
-			className: "max-h-[90svh] overflow-hidden",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+			className: "max-h-[90svh] overflow-hidden p-0",
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerTitle, { children: title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerDescription, { children: description })] }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, {
+					className: "sr-only",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, { children: title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, { children: description })]
+				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "flex min-h-0 flex-1 flex-col overflow-hidden px-4 pb-4",
+					className: "flex min-h-0 flex-1 flex-col overflow-hidden",
 					children: body
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerFooter, {
-					className: "border-t border-border/70",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogFooter, {
+					className: "flex-col-reverse gap-2 border-t border-border/70 p-3 sm:flex-row",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 						variant: "outline",
 						onClick: () => onOpenChange(false),
@@ -8368,10 +8486,11 @@ var AppShellMoveSessionDirectoryDialogHost = import_react.memo(function AppShell
 		})
 	});
 });
-var AppShellRenameSessionDialogHost = import_react.memo(function AppShellRenameSessionDialogHost({ renameDialogRef, renameOpenRef, renameSessionPath }) {
+var AppShellRenameSessionDialogHost = import_react.memo(function AppShellRenameSessionDialogHost({ renameDialogRef, renameOpenRef, renameSessionPath, viewerContextId }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenameSessionDialogController, {
 		ref: renameDialogRef,
 		openStateRef: renameOpenRef,
+		viewerContextId,
 		onRenameSession: renameSessionPath
 	});
 });
@@ -8513,7 +8632,8 @@ var AppShellFloatingControllers = import_react.memo(function AppShellFloatingCon
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellRenameSessionDialogHost, {
 			renameDialogRef,
 			renameOpenRef,
-			renameSessionPath
+			renameSessionPath,
+			viewerContextId
 		}),
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellDeleteSessionsDialogHost, {
 			deleteDialogRef,
@@ -8859,7 +8979,7 @@ function pendingMessageEditReducer(state, action) {
 		};
 	}
 }
-var ComposerPendingMessages = import_react.memo(function ComposerPendingMessages({ currentPendingMessages, onEditPendingMessage, onRemovePendingMessage, onReorderPending }) {
+var ComposerPendingMessages = import_react.memo(function ComposerPendingMessages({ currentPendingMessages, canStartQueue, onEditPendingMessage, onRemovePendingMessage, onReorderPending, onStartPendingQueue }) {
 	const [editState, dispatchEditState] = import_react.useReducer(pendingMessageEditReducer, EMPTY_PENDING_MESSAGE_EDIT_STATE);
 	const [openSections, setOpenSections] = import_react.useState([]);
 	const { editingPendingId, editText, editError } = editState;
@@ -8898,19 +9018,26 @@ var ComposerPendingMessages = import_react.memo(function ComposerPendingMessages
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
 			value: "pending-prompts",
 			className: "border-0",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
-				className: "min-h-10 items-center gap-3 px-3 py-2 hover:no-underline",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "flex min-w-0 items-center gap-2 text-sm font-medium",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "truncate",
-						children: "Queue"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
-						variant: "outline",
-						className: "shrink-0",
-						children: currentPendingMessages.length
-					})]
-				})
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex min-h-10 items-center gap-2 px-3 py-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+					className: "min-h-0 flex-1 p-0 hover:no-underline",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "flex min-w-0 items-center gap-2 text-sm font-medium",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "truncate",
+							children: "Queue"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+							variant: "outline",
+							className: "shrink-0",
+							children: currentPendingMessages.length
+						})]
+					})
+				}), canStartQueue ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					size: "sm",
+					onClick: onStartPendingQueue,
+					children: "Start"
+				}) : null]
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
 				className: "p-0",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -10618,10 +10745,9 @@ var PICO_DIFF_COLOR_CSS = `
   --diffs-bg-deletion-emphasis-override: color-mix(in lab, var(--diffs-bg) 42%, var(--diffs-deletion-base));
 }
 
-@media (max-width: 640px) {
-  [data-annotation-content] {
-    inline-size: min(100%, calc(100vw - var(--diffs-column-number-width, 0px) - 1rem));
-  }
+[data-overflow="wrap"] [data-annotation-content] {
+  inline-size: var(--diffs-column-content-width, auto);
+  max-inline-size: min(100%, calc(100vw - 1rem));
 }
 
 [data-line-type="change-addition"]:is(
@@ -10712,7 +10838,7 @@ function assistantBlockKey(block) {
 		case "text": return `text:${block.text}`;
 		case "thinking": return `thinking:${block.text}`;
 		case "tool": return `tool:${block.callId || block.name || "tool"}:${toolArgsKey(block.args)}`;
-		case "compaction": return `compaction:${block.tokensBefore}:${block.summary}`;
+		case "compaction": return `compaction:${block.tokensBefore}:${block.estimatedTokensAfter ?? ""}:${block.summary}`;
 		default: return "block";
 	}
 }
@@ -10813,22 +10939,7 @@ function formatToolArgString(value) {
 	return trimmed;
 }
 function rawShellCommandText(block) {
-	if (block.type !== "tool" || block.name !== "bash") return "";
-	if (typeof block.args === "string") {
-		const trimmed = block.args.trim();
-		if (!trimmed) return "";
-		try {
-			const parsed = JSON.parse(trimmed);
-			if (parsed && typeof parsed === "object" && "command" in parsed) {
-				const command = parsed.command;
-				return typeof command === "string" ? command.trim() : trimmed;
-			}
-		} catch {
-			return trimmed;
-		}
-		return trimmed;
-	}
-	return getToolArgText(normalizeToolArgs(block.args), "command") || toolCommandPreview(block);
+	return block.type === "tool" ? rawShellCommandTextFromTool(block.name, block.args) : "";
 }
 function toolCallText(block) {
 	if (block.type !== "tool") return "";
@@ -10862,64 +10973,12 @@ function toolOutputText(block) {
 	if (block.isError) return "Tool failed with no output.";
 	return "No output available.";
 }
-var EXPLORE_TOOL_NAMES = new Set([
-	"read",
-	"grep",
-	"glob",
-	"find",
-	"ls",
-	"list",
-	"rg"
-]);
-var EXPLORE_SHELL_COMMAND_NAMES = new Set([
-	"find",
-	"grep",
-	"ls",
-	"rg"
-]);
-var SKIPPABLE_SHELL_COMMAND_NAMES = new Set([
-	"cd",
-	"export",
-	"pwd",
-	"set"
-]);
-var SHELL_COMMAND_WRAPPER_NAMES = new Set([
-	"command",
-	"env",
-	"noglob",
-	"sudo",
-	"time"
-]);
-function shellCommandNameFromSegment(segment) {
-	let text = segment.trim();
-	while (text) {
-		const assignmentMatch = text.match(/^[A-Za-z_][A-Za-z0-9_]*=\S+\s+/);
-		if (assignmentMatch) {
-			text = text.slice(assignmentMatch[0].length).trimStart();
-			continue;
-		}
-		const commandMatch = text.match(/^([./A-Za-z0-9_-]+)\b/);
-		if (!commandMatch) return "";
-		const commandPath = commandMatch[1] || "";
-		const commandName = pathBaseName$1(commandPath);
-		if (!SHELL_COMMAND_WRAPPER_NAMES.has(commandName)) return commandName;
-		text = text.slice(commandPath.length).trimStart();
-	}
-	return "";
-}
 function exploreShellCommandName(block) {
-	if (block.type !== "tool" || block.name !== "bash") return "";
-	const segments = rawShellCommandText(block).split(/(?:&&|\|\||;)/);
-	for (const segment of segments) {
-		const commandName = shellCommandNameFromSegment(segment);
-		if (!commandName || SKIPPABLE_SHELL_COMMAND_NAMES.has(commandName)) continue;
-		return EXPLORE_SHELL_COMMAND_NAMES.has(commandName) ? commandName : "";
-	}
-	return "";
+	return block.type === "tool" ? exploreShellCommandNameFromTool(block.name, block.args) : "";
 }
 function matchesExploreToolBlock(block) {
 	if (block.type !== "tool") return false;
-	return block.category === "explore" || EXPLORE_TOOL_NAMES.has(block.name || "") || Boolean(exploreShellCommandName(block));
+	return block.category === "explore" || toolCategoryFromTool(block.name, block.args) === "explore";
 }
 function isExploreToolBlock(block) {
 	return matchesExploreToolBlock(block);
@@ -10927,7 +10986,10 @@ function isExploreToolBlock(block) {
 function isPendingUnclassifiedToolBlock(block) {
 	if (block.type !== "tool" || !block.running || matchesExploreToolBlock(block)) return false;
 	if (!block.name) return true;
-	if (block.name === "bash") return !rawShellCommandText(block);
+	if (block.name === "bash") {
+		const category = toolCategoryFromTool(block.name, block.args);
+		return !rawShellCommandText(block) || category !== "explore" && (toolArgsAreIncompleteJsonObject(block.args) || toolCouldBecomeExploreFromTool(block.name, block.args));
+	}
 	return false;
 }
 function getToolArgNumber(args, key) {
@@ -11078,7 +11140,7 @@ function sameAssistantBlock(left, right) {
 			return left.callId === right.callId && left.name === right.name && left.category === right.category && left.output === right.output && left.isError === right.isError && left.running === right.running && sameUnknownValue(left.args, right.args) && sameUnknownValue(left.details, right.details);
 		case "compaction":
 			if (right.type !== "compaction") return false;
-			return left.summary === right.summary && left.tokensBefore === right.tokensBefore;
+			return left.summary === right.summary && left.tokensBefore === right.tokensBefore && left.estimatedTokensAfter === right.estimatedTokensAfter;
 		default: return false;
 	}
 }
@@ -11415,7 +11477,8 @@ function useAssistantToolGroupBodyBlocks(store, keys, enabled) {
 }
 function compactionTriggerText(block) {
 	if (block.type !== "compaction") return "Compaction";
-	return block.tokensBefore > 0 ? `Compaction: Compacted from ${block.tokensBefore.toLocaleString()} tokens` : "Compaction";
+	if (block.tokensBefore <= 0) return "Compaction";
+	return block.estimatedTokensAfter && block.estimatedTokensAfter > 0 ? `Compaction: ${block.tokensBefore.toLocaleString()} → ~${block.estimatedTokensAfter.toLocaleString()} tokens` : `Compaction: Compacted from ${block.tokensBefore.toLocaleString()} tokens`;
 }
 var ANSI_16_COLORS = [
 	"#3f3f46",
@@ -11725,7 +11788,7 @@ function PlainToolOutput({ isError = false, text }) {
 		children: text
 	});
 }
-function scrollDistanceFromBottom(element) {
+function scrollDistanceFromBottom$1(element) {
 	return element.scrollHeight - element.clientHeight - element.scrollTop;
 }
 function scrollElementToBottom(element) {
@@ -11749,7 +11812,7 @@ function useRunningToolAutoScroll({ contentKey, enabled }) {
 	}, [contentKey, enabled]);
 	const handleScroll = (event) => {
 		if (!enabled) return;
-		autoScrollRef.current = scrollDistanceFromBottom(event.currentTarget) < 1;
+		autoScrollRef.current = scrollDistanceFromBottom$1(event.currentTarget) < 1;
 	};
 	return {
 		onScroll: handleScroll,
@@ -12055,53 +12118,67 @@ var UserMessageCard = import_react.memo(function UserMessageCard({ item }) {
 	const selectedImage = selectedImageIndex === null ? null : item.images[selectedImageIndex] ?? null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "mr-2 ml-auto w-fit max-w-[80%]",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "relative rounded-3xl bg-primary px-5 py-2.5 text-primary-foreground before:absolute before:-right-1.75 before:bottom-0 before:h-5.5 before:w-4 before:rounded-bl-[16px_14px] before:bg-primary before:content-[''] after:absolute after:-right-6.5 after:bottom-0 after:h-6.25 after:w-6.5 after:rounded-bl-[10px] after:bg-background after:content-['']",
-			children: [
-				labelText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "mb-2 flex items-center gap-2",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
-						variant: "outline",
-						className: "border-primary-foreground/35 bg-primary-foreground/10 text-primary-foreground",
-						children: labelText
-					})
-				}) : null,
-				item.text ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "text-sm break-words whitespace-pre-wrap text-primary-foreground",
-					children: item.text
-				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "text-sm text-primary-foreground/80",
-					children: "Image prompt"
-				}),
-				item.images.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "mt-3 flex flex-wrap gap-3",
-					children: item.images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: "max-w-full cursor-zoom-in overflow-hidden rounded-lg border border-primary-foreground/20 bg-primary-foreground/10 p-0 transition hover:opacity-90 focus-visible:ring-2 focus-visible:ring-primary-foreground/70 focus-visible:ring-offset-2 focus-visible:ring-offset-primary focus-visible:outline-none",
-						onClick: () => setSelectedImageIndex(index),
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-							src: image.previewUrl,
-							alt: "Prompt upload",
-							className: "block h-28 max-w-full object-cover"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "sr-only",
-							children: "Open prompt upload"
-						})]
-					}, `${promptImageKey(image)}:${index}`))
-				}) : null
-			]
-		}), selectedImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageLightbox, {
-			open: true,
-			onOpenChange: (open) => {
-				if (!open) setSelectedImageIndex(null);
-			},
-			imageSrc: selectedImage.previewUrl,
-			imageAlt: "Prompt upload",
-			title: "Prompt upload preview",
-			description: "Expanded preview of an image attached to a user message."
-		}) : null]
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "relative rounded-3xl bg-primary px-5 py-2.5 text-primary-foreground before:absolute before:-right-1.75 before:bottom-0 before:h-5.5 before:w-4 before:rounded-bl-[16px_14px] before:bg-primary before:content-[''] after:absolute after:-right-6.5 after:bottom-0 after:h-6.25 after:w-6.5 after:rounded-bl-[10px] after:bg-background after:content-['']",
+				children: [
+					labelText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "mb-2 flex items-center gap-2",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+							variant: "outline",
+							className: "border-primary-foreground/35 bg-primary-foreground/10 text-primary-foreground",
+							children: labelText
+						})
+					}) : null,
+					item.text ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "text-sm break-words whitespace-pre-wrap text-primary-foreground",
+						children: item.text
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "text-sm text-primary-foreground/80",
+						children: "Image prompt"
+					}),
+					item.images.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "mt-3 flex flex-wrap gap-3",
+						children: item.images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "max-w-full cursor-zoom-in overflow-hidden rounded-lg border border-primary-foreground/20 bg-primary-foreground/10 p-0 transition hover:opacity-90 focus-visible:ring-2 focus-visible:ring-primary-foreground/70 focus-visible:ring-offset-2 focus-visible:ring-offset-primary focus-visible:outline-none",
+							onClick: () => setSelectedImageIndex(index),
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+								src: image.previewUrl,
+								alt: "Prompt upload",
+								className: "block h-28 max-w-full object-cover"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "sr-only",
+								children: "Open prompt upload"
+							})]
+						}, `${promptImageKey(image)}:${index}`))
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserMessageFooter, { copyText: item.text }),
+			selectedImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageLightbox, {
+				open: true,
+				onOpenChange: (open) => {
+					if (!open) setSelectedImageIndex(null);
+				},
+				imageSrc: selectedImage.previewUrl,
+				imageAlt: "Prompt upload",
+				title: "Prompt upload preview",
+				description: "Expanded preview of an image attached to a user message."
+			}) : null
+		]
 	});
 });
+function UserMessageFooter({ copyText }) {
+	if (!copyText.trim()) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "mt-1 flex justify-end gap-1.5 text-xs font-medium text-muted-foreground",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageFooterCopyButton, {
+			idleLabel: "Copy user message",
+			text: copyText
+		})
+	});
+}
 function assistantBlockIsVisible({ block, hideThinking, hideToolBlocks }) {
 	switch (block.type) {
 		case "text": return Boolean(block.text.trim());
@@ -12200,7 +12277,7 @@ function AssistantBlockGroupsView({ anchorBlockKey, store, streaming }) {
 		streaming
 	}, descriptor.key)) });
 }
-function AssistantMessageFooterCopyButton({ text }) {
+function MessageFooterCopyButton({ className, idleLabel, text }) {
 	const [copyState, setCopyState] = import_react.useState("idle");
 	const canCopy = Boolean(text.trim());
 	const copyMessage = async () => {
@@ -12214,13 +12291,13 @@ function AssistantMessageFooterCopyButton({ text }) {
 			window.setTimeout(() => setCopyState("idle"), 1400);
 		}
 	};
-	const label = copyState === "copied" ? "Copied" : copyState === "error" ? "Retry copy" : "Copy assistant message";
+	const label = copyState === "copied" ? "Copied" : copyState === "error" ? "Retry copy" : idleLabel;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
 		title: label,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 			variant: "ghost",
 			size: "icon-xs",
-			className: "-ml-2 text-muted-foreground",
+			className: cn("text-muted-foreground", className),
 			disabled: !canCopy,
 			"aria-label": label,
 			onClick: copyMessage,
@@ -12234,7 +12311,11 @@ function AssistantMessageFooter({ copyText, modelLabel, streaming }) {
 	if (!showCopyButton && !modelLabel) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "-mt-2 flex items-center gap-1.5 text-xs font-medium text-muted-foreground",
-		children: [showCopyButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantMessageFooterCopyButton, { text: copyText }) : null, modelLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		children: [showCopyButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageFooterCopyButton, {
+			className: "-ml-2",
+			idleLabel: "Copy assistant message",
+			text: copyText
+		}) : null, modelLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 			className: "truncate",
 			children: modelLabel
 		}) : null]
@@ -12264,7 +12345,7 @@ function AssistantMessagesStoreCard({ className, hideFooter = false, store }) {
 		store
 	]);
 	const shellSnapshot = import_react.useSyncExternalStore(shellStore.subscribe, shellStore.getSnapshot, shellStore.getSnapshot);
-	const showFooter = Boolean(!hideFooter && !shellSnapshot.streaming && shellSnapshot.hasFooter);
+	const showFooter = Boolean(!hideFooter && !shellSnapshot.working && shellSnapshot.hasFooter);
 	if (!shellSnapshot.hasBlocks && !showFooter) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: cn("flex flex-col gap-4", className),
@@ -12765,7 +12846,7 @@ function getClipboardImageFiles(data) {
 	if (itemFiles.length > 0) return itemFiles;
 	return Array.from(data.files).filter((file) => file.type.startsWith("image/"));
 }
-function ComposerPanel({ activeSessionId, currentPendingMessages, composerDiffLineComments, composerImages, composerText, composerSkill, composerSyncNonce, centerMessages, contextUsageStore, displaySettingsStore, sessionStore, isSubmitting, isStreaming, awaitingFirstTurn, disabled = false, flush = false, topContent, viewerContextId, fileInputRef, onComposerTextChange, onPickImages, onRemoveComposerDiffLineComment, onRemoveComposerImage, onSubmitPrompt, onAbort, onEditPendingMessage, onRemovePendingMessage, onReorderPending, onRunBuiltinSlashCommand, onSelectModel, onSelectThinkingLevel, requestPathCompletions, requestFileCompletions, ref }) {
+function ComposerPanel({ activeSessionId, currentPendingMessages, composerDiffLineComments, composerImages, composerText, composerSkill, composerSyncNonce, canStartPendingQueue, centerMessages, contextUsageStore, displaySettingsStore, sessionStore, isSubmitting, isCompacting, isStreaming, awaitingFirstTurn, disabled = false, flush = false, topContent, viewerContextId, fileInputRef, onComposerTextChange, onPickImages, onRemoveComposerDiffLineComment, onRemoveComposerImage, onSubmitPrompt, onAbort, onEditPendingMessage, onRemovePendingMessage, onReorderPending, onStartPendingQueue, onRunBuiltinSlashCommand, onSelectModel, onSelectThinkingLevel, requestPathCompletions, requestFileCompletions, ref }) {
 	const promptRef = import_react.useRef(null);
 	const [pickerState, dispatchPickerState] = import_react.useReducer(composerPickerReducer, INITIAL_COMPOSER_PICKER_STATE);
 	const { modelPickerOpen, thinkingPickerOpen, modelQuery } = pickerState;
@@ -12792,9 +12873,11 @@ function ComposerPanel({ activeSessionId, currentPendingMessages, composerDiffLi
 			topContent,
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerPendingMessages, {
 				currentPendingMessages,
+				canStartQueue: canStartPendingQueue,
 				onEditPendingMessage,
 				onRemovePendingMessage,
-				onReorderPending
+				onReorderPending,
+				onStartPendingQueue
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "overflow-visible rounded-[18px] border bg-card",
@@ -12805,6 +12888,7 @@ function ComposerPanel({ activeSessionId, currentPendingMessages, composerDiffLi
 					composerSkill,
 					composerSyncNonce,
 					isSubmitting,
+					isCompacting,
 					isStreaming,
 					awaitingFirstTurn,
 					disabled,
@@ -12888,7 +12972,7 @@ var ComposerAttachments = import_react.memo(function ComposerAttachments({ image
 		}, promptImageKey(image)))
 	});
 });
-var ComposerPromptEditor = import_react.memo(function ComposerPromptEditor({ composerDiffLineComments, composerImages, composerText, composerSkill, composerSyncNonce, isSubmitting, isStreaming, awaitingFirstTurn, disabled = false, fileInputRef, promptRef, displaySettingsStore, sessionStore, onComposerTextChange, onPickImages, onRemoveComposerDiffLineComment, onRemoveComposerImage, onSubmitPrompt, onAbort, onRunBuiltinSlashCommand, requestPathCompletions, requestFileCompletions }) {
+var ComposerPromptEditor = import_react.memo(function ComposerPromptEditor({ composerDiffLineComments, composerImages, composerText, composerSkill, composerSyncNonce, isSubmitting, isCompacting, isStreaming, awaitingFirstTurn, disabled = false, fileInputRef, promptRef, displaySettingsStore, sessionStore, onComposerTextChange, onPickImages, onRemoveComposerDiffLineComment, onRemoveComposerImage, onSubmitPrompt, onAbort, onRunBuiltinSlashCommand, requestPathCompletions, requestFileCompletions }) {
 	const slashCommands = useComposerSlashCommands({
 		displaySettingsStore,
 		sessionStore
@@ -12976,7 +13060,7 @@ var ComposerPromptEditor = import_react.memo(function ComposerPromptEditor({ com
 		promptRef
 	]);
 	const hasSubmittableContent = hasDraftText || composerDiffLineComments.length > 0 || composerImages.length > 0;
-	const responseInFlight = isStreaming || awaitingFirstTurn || isSubmitting;
+	const responseInFlight = isStreaming || isCompacting || awaitingFirstTurn || isSubmitting;
 	const acceptFollowUps = responseInFlight;
 	const setAssistPointerSelectionSuppressedValue = (next) => {
 		assistPointerSelectionSuppressedRef.current = next;
@@ -13609,6 +13693,10 @@ var AppShellComposerController = import_react.memo(function AppShellComposerCont
 		if (actionsRef.current.reorderPendingDraftFollowUp(pendingId, direction)) return;
 		actionsRef.current.reorderPending(pendingId, direction);
 	});
+	const onStartPendingQueue = useStableEvent(() => {
+		if (snapshotRef.current.disabled) return;
+		actionsRef.current.startPendingQueue();
+	});
 	const onRunBuiltinSlashCommand = useStableEvent((name, args) => {
 		if (snapshotRef.current.disabled) return;
 		actionsRef.current.runBuiltinSlashCommand(name, args);
@@ -13659,11 +13747,13 @@ var AppShellComposerController = import_react.memo(function AppShellComposerCont
 		composerText: snapshot.composerText,
 		composerSkill: snapshot.composerSkill,
 		composerSyncNonce: snapshot.composerSyncNonce,
+		canStartPendingQueue: snapshot.canStartPendingQueue,
 		centerMessages,
 		contextUsageStore,
 		displaySettingsStore,
 		sessionStore,
 		isSubmitting: snapshot.isSubmitting,
+		isCompacting: snapshot.isCompacting,
 		isStreaming: snapshot.isStreaming,
 		awaitingFirstTurn: snapshot.awaitingFirstTurn,
 		disabled: snapshot.disabled,
@@ -13680,6 +13770,7 @@ var AppShellComposerController = import_react.memo(function AppShellComposerCont
 		onEditPendingMessage,
 		onRemovePendingMessage,
 		onReorderPending,
+		onStartPendingQueue,
 		onRunBuiltinSlashCommand,
 		onSelectModel,
 		onSelectThinkingLevel,
@@ -14593,6 +14684,78 @@ function useAppShellMessageScroll({ autoScrollEnabled, isSessionViewLoading, ses
 		syncAfterConversationChange
 	};
 }
+var DEFAULT_SCROLL_GRADIENT_MAX_HEIGHT = 4;
+var EMPTY_SCROLL_GRADIENT_STATE = {
+	bottomHeight: 0,
+	topHeight: 0
+};
+function scrollDistanceFromBottom(element) {
+	return Math.max(0, element.scrollHeight - element.scrollTop - element.clientHeight);
+}
+function scrollGradientHeight(distanceFromEdge, maxHeight) {
+	return Math.min(maxHeight, Math.max(0, distanceFromEdge));
+}
+function scrollGradientState(element, maxHeight) {
+	if (!element) return EMPTY_SCROLL_GRADIENT_STATE;
+	return {
+		bottomHeight: scrollGradientHeight(scrollDistanceFromBottom(element), maxHeight),
+		topHeight: scrollGradientHeight(element.scrollTop, maxHeight)
+	};
+}
+function setScrollGradientState(setState, nextState) {
+	setState((currentState) => currentState.bottomHeight === nextState.bottomHeight && currentState.topHeight === nextState.topHeight ? currentState : nextState);
+}
+function useScrollGradients({ disabled = false, maxHeight = DEFAULT_SCROLL_GRADIENT_MAX_HEIGHT } = {}) {
+	const elementRef = import_react.useRef(null);
+	const [state, setState] = import_react.useState(EMPTY_SCROLL_GRADIENT_STATE);
+	const syncScrollGradients = import_react.useCallback((element = elementRef.current) => {
+		setScrollGradientState(setState, disabled ? EMPTY_SCROLL_GRADIENT_STATE : scrollGradientState(element, maxHeight));
+	}, [disabled, maxHeight]);
+	const setScrollElement = import_react.useCallback((element) => {
+		elementRef.current = element;
+		syncScrollGradients(element);
+	}, [syncScrollGradients]);
+	const onScroll = import_react.useCallback((event) => {
+		syncScrollGradients(event.currentTarget);
+	}, [syncScrollGradients]);
+	import_react.useLayoutEffect(() => {
+		const element = elementRef.current;
+		syncScrollGradients(element);
+		if (!element || typeof ResizeObserver === "undefined") return;
+		let animationFrame = 0;
+		const scheduleSync = () => {
+			window.cancelAnimationFrame(animationFrame);
+			animationFrame = window.requestAnimationFrame(() => {
+				animationFrame = 0;
+				syncScrollGradients(elementRef.current);
+			});
+		};
+		const resizeObserver = new ResizeObserver(scheduleSync);
+		resizeObserver.observe(element);
+		const content = element.firstElementChild;
+		if (content instanceof HTMLElement) resizeObserver.observe(content);
+		return () => {
+			window.cancelAnimationFrame(animationFrame);
+			resizeObserver.disconnect();
+		};
+	}, [syncScrollGradients]);
+	return {
+		bottomHeight: state.bottomHeight,
+		onScroll,
+		setScrollElement,
+		syncScrollGradients,
+		topHeight: state.topHeight
+	};
+}
+function ScrollGradientOverlays({ bottomClassName, bottomHeight, className, topClassName, topHeight }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("pointer-events-none absolute inset-x-0 top-0 z-10 bg-gradient-to-b from-black/10 to-transparent transition-[height,opacity] duration-150", topHeight > 0 ? "opacity-100" : "opacity-0", className, topClassName),
+		style: { height: topHeight }
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("pointer-events-none absolute inset-x-0 bottom-0 z-10 bg-gradient-to-t from-black/10 to-transparent transition-[height,opacity] duration-150", bottomHeight > 0 ? "opacity-100" : "opacity-0", className, bottomClassName),
+		style: { height: bottomHeight }
+	})] });
+}
 function ConversationLatestMessageButton({ conversationItemsStore, draft, onClick, scrollStateStore }) {
 	const hasMessages = useConversationHasMessages(conversationItemsStore);
 	const isDisabled = useMessageScrollValue(scrollStateStore, (snapshot) => draft || !hasMessages || snapshot.isMessagesNearBottom);
@@ -14659,6 +14822,11 @@ function AppShellConversationFrame({ autoScrollEnabled, children, centerMessages
 		isSessionViewLoading,
 		sessionState
 	});
+	const { bottomHeight: conversationScrollBottomGradientHeight, onScroll: onConversationScrollGradientScroll, setScrollElement: setConversationScrollGradientElement, topHeight: conversationScrollTopGradientHeight } = useScrollGradients({ disabled: isSessionViewLoading });
+	const setMessagesScrollAreaElement = import_react.useCallback((element) => {
+		messagesScrollAreaRef.current = element;
+		setConversationScrollGradientElement(element);
+	}, [messagesScrollAreaRef, setConversationScrollGradientElement]);
 	import_react.useImperativeHandle(ref, () => ({
 		jumpToNextMessage,
 		jumpToPreviousMessage,
@@ -14672,39 +14840,47 @@ function AppShellConversationFrame({ autoScrollEnabled, children, centerMessages
 	]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "relative min-h-0 flex-1",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			ref: messagesScrollAreaRef,
-			"data-conversation-viewport": "true",
-			tabIndex: 0,
-			role: "region",
-			"aria-label": "Conversation messages",
-			className: "h-full overflow-x-hidden overflow-y-auto overscroll-contain px-4 outline-none [overflow-anchor:none]",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				ref: messagesContentRef,
-				className: "flex min-h-full flex-col",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConversationScrollRevisionObserver, {
-						conversationItemsStore,
-						disabled: isSessionViewLoading,
-						onRevisionChange: syncAfterConversationChange
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConversationContentChangeContext.Provider, {
-						value: syncAfterConversationChange,
-						children
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: bottomRef })
-				]
-			})
-		}), !isSessionViewLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConversationLatestMessageButton, {
-			conversationItemsStore,
-			draft: sessionState.draft,
-			onClick: scrollConversationToBottom,
-			scrollStateStore
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConversationPreviousMessageButton, {
-			centerMessages,
-			onClick: jumpToPreviousMessage,
-			scrollStateStore
-		})] }) : null]
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				ref: setMessagesScrollAreaElement,
+				"data-conversation-viewport": "true",
+				tabIndex: 0,
+				role: "region",
+				"aria-label": "Conversation messages",
+				className: "h-full overflow-x-hidden overflow-y-auto overscroll-contain px-4 outline-none [overflow-anchor:none]",
+				onScroll: onConversationScrollGradientScroll,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					ref: messagesContentRef,
+					className: "flex min-h-full flex-col",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConversationScrollRevisionObserver, {
+							conversationItemsStore,
+							disabled: isSessionViewLoading,
+							onRevisionChange: syncAfterConversationChange
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConversationContentChangeContext.Provider, {
+							value: syncAfterConversationChange,
+							children
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: bottomRef })
+					]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollGradientOverlays, {
+				bottomHeight: conversationScrollBottomGradientHeight,
+				topHeight: conversationScrollTopGradientHeight
+			}),
+			!isSessionViewLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConversationLatestMessageButton, {
+				conversationItemsStore,
+				draft: sessionState.draft,
+				onClick: scrollConversationToBottom,
+				scrollStateStore
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConversationPreviousMessageButton, {
+				centerMessages,
+				onClick: jumpToPreviousMessage,
+				scrollStateStore
+			})] }) : null
+		]
 	});
 }
 function AppShellWorkingIndicatorLabel({ fallbackLabel, hiddenThinkingPreviewStore, useHiddenThinkingPreview }) {
@@ -16762,6 +16938,7 @@ function GitRepositorySummary({ viewerContextId, cwd, active, onBranchClick }) {
 }
 function GitPanelToolbar({ viewerContextId, cwd, active }) {
 	const queryClient = useQueryClient();
+	const isMobile = useIsMobile();
 	const normalizedCwd = normalizeCwd(cwd);
 	const [branchDialogOpen, setBranchDialogOpen] = import_react.useState(false);
 	const [commitDialogOpen, setCommitDialogOpen] = import_react.useState(false);
@@ -16875,6 +17052,7 @@ function GitPanelToolbar({ viewerContextId, cwd, active }) {
 						kbd: formatShortcutLabel("Control+C"),
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
 							variant: "outline",
+							size: isMobile ? "default" : "sm",
 							onClick: () => {
 								setCommitDialogOpen(true);
 							},
@@ -16886,6 +17064,7 @@ function GitPanelToolbar({ viewerContextId, cwd, active }) {
 						kbd: formatShortcutLabel("Control+P"),
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
 							variant: "outline",
+							size: isMobile ? "default" : "sm",
 							disabled: gitActionBusy,
 							onClick: () => {
 								gitActionMutation.mutate("push");
@@ -16898,6 +17077,7 @@ function GitPanelToolbar({ viewerContextId, cwd, active }) {
 						kbd: formatShortcutLabel("Control+Shift+P"),
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
 							variant: "outline",
+							size: isMobile ? "default" : "sm",
 							disabled: gitActionBusy,
 							onClick: () => {
 								gitActionMutation.mutate("force-push");
@@ -16910,6 +17090,7 @@ function GitPanelToolbar({ viewerContextId, cwd, active }) {
 						kbd: formatShortcutLabel("Alt+P"),
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
 							variant: "outline",
+							size: isMobile ? "default" : "sm",
 							disabled: gitActionBusy,
 							onClick: () => {
 								gitActionMutation.mutate("pull");
@@ -17018,26 +17199,6 @@ function AlertDialogCancel({ className, variant = "outline", size = "default", .
 		...props
 	});
 }
-function setDerivedScrollState(setState, nextState) {
-	setState((current) => Object.is(current, nextState) ? current : nextState);
-}
-function hasScrolledContent(scrollElement) {
-	return Boolean(scrollElement && scrollElement.scrollTop > 0);
-}
-function hasRemainingScrollContent(scrollElement) {
-	if (!scrollElement) return false;
-	return scrollElement.scrollHeight - scrollElement.clientHeight - scrollElement.scrollTop > 1;
-}
-function getStuckScrollTriggerValue({ getValue, scrollElement, selector }) {
-	if (!scrollElement || scrollElement.scrollTop <= 0) return "";
-	const containerTop = scrollElement.getBoundingClientRect().top;
-	const triggers = Array.from(scrollElement.querySelectorAll(selector));
-	for (const trigger of triggers) {
-		const rect = trigger.getBoundingClientRect();
-		if (rect.top <= containerTop + 1 && rect.bottom > containerTop + 1) return getValue(trigger);
-	}
-	return "";
-}
 function GitSection({ title, meta, controls, className, bodyClassName, children }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
 		className: cn("overflow-hidden rounded-xl border border-border/80 bg-card/50", className),
@@ -17081,10 +17242,7 @@ var initialGitCommitRowState = {
 	formDialog: null,
 	confirmDialog: null,
 	contextMenuOpen: false,
-	contextMenuKey: 0,
-	scrollValue: "",
-	commitBodyHeaderShadowed: false,
-	commitBodyFooterShadowed: false
+	contextMenuKey: 0
 };
 function gitCommitRowReducer(state, action) {
 	switch (action.type) {
@@ -17132,18 +17290,10 @@ function gitCommitRowReducer(state, action) {
 			contextMenuOpen: false,
 			contextMenuKey: state.contextMenuKey + 1
 		};
-		case "set-scroll-shadows":
-			if (state.scrollValue === action.value && state.commitBodyHeaderShadowed === action.headerShadowed && state.commitBodyFooterShadowed === action.footerShadowed) return state;
-			return {
-				...state,
-				scrollValue: action.value,
-				commitBodyHeaderShadowed: action.headerShadowed,
-				commitBodyFooterShadowed: action.footerShadowed
-			};
 	}
 }
 function gitGraphLaneColor(index, active = false) {
-	if (active) return "#f87171";
+	if (active) return "var(--warning)";
 	return GIT_GRAPH_LANE_COLORS[index % GIT_GRAPH_LANE_COLORS.length];
 }
 var GitCommitGraphBranch = class {
@@ -17768,8 +17918,8 @@ function useGitCommitRowView({ viewerContextId, cwd, graphWidth, line, value, on
 	const [rowState, dispatchRow] = import_react.useReducer(gitCommitRowReducer, initialGitCommitRowState);
 	const hashCopiedResetRef = import_react.useRef(void 0);
 	const messageCopiedResetRef = import_react.useRef(void 0);
-	const commitBodyScrollRef = import_react.useRef(null);
 	const contextMenuActionsRef = import_react.useRef(null);
+	const { bottomHeight: commitBodyBottomGradientHeight, onScroll: onCommitBodyGradientScroll, setScrollElement: setCommitBodyGradientElement, topHeight: commitBodyTopGradientHeight } = useScrollGradients();
 	const title = parsed.subject.trim();
 	const time = formatGitCommitDetailTime(parsed.relativeDate);
 	const fullTime = formatGitCommitFullDate(parsed.fullDate);
@@ -17778,19 +17928,6 @@ function useGitCommitRowView({ viewerContextId, cwd, graphWidth, line, value, on
 	const shortHash = parsed.hash || parsed.fullHash.slice(0, 7);
 	const canRunCommitAction = Boolean(viewerContextId && cwd && parsed.fullHash);
 	const { hashCopied, messageCopied, formDialog, confirmDialog, contextMenuOpen, contextMenuKey } = rowState;
-	const commitBodyHeaderShadowed = rowState.scrollValue === value && rowState.commitBodyHeaderShadowed;
-	const commitBodyFooterShadowed = rowState.scrollValue === value && rowState.commitBodyFooterShadowed;
-	const updateCommitBodyScrollShadows = (scrollElement) => {
-		dispatchRow({
-			type: "set-scroll-shadows",
-			value,
-			headerShadowed: hasScrolledContent(scrollElement),
-			footerShadowed: hasRemainingScrollContent(scrollElement)
-		});
-	};
-	import_react.useLayoutEffect(() => {
-		updateCommitBodyScrollShadows(commitBodyScrollRef.current);
-	});
 	import_react.useEffect(() => {
 		return () => {
 			if (typeof hashCopiedResetRef.current === "number") window.clearTimeout(hashCopiedResetRef.current);
@@ -17957,7 +18094,7 @@ function useGitCommitRowView({ viewerContextId, cwd, graphWidth, line, value, on
 		});
 	};
 	if (!parsed.hash && !parsed.subject) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "flex h-8 max-w-full min-w-0 items-center font-mono text-[13px] leading-5",
+		className: "flex h-8 max-w-full min-w-0 items-center text-[13px] leading-5",
 		children: parsed.subject ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 			className: "min-w-0 flex-1 truncate text-foreground",
 			children: parsed.subject
@@ -17965,7 +18102,7 @@ function useGitCommitRowView({ viewerContextId, cwd, graphWidth, line, value, on
 	});
 	const trigger = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
 		headerClassName: "min-w-0",
-		className: cn("h-8 min-h-8 w-full items-center gap-2 rounded-none px-1.5 py-0 font-mono text-[13px] leading-5 font-normal transition-[background-color,box-shadow,color] hover:no-underline focus-visible:ring-0 aria-expanded:bg-muted/50 **:data-[slot=accordion-trigger-icon]:size-4"),
+		className: cn("h-8 min-h-8 w-full items-center gap-2 rounded-none px-1.5 py-0 text-[13px] leading-5 font-normal transition-[background-color,box-shadow,color] hover:no-underline focus-visible:ring-0 aria-expanded:bg-muted/50 **:data-[slot=accordion-trigger-icon]:size-4"),
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 			className: "min-w-0 flex-1 truncate pr-8 text-foreground",
 			style: { paddingLeft: graphWidth },
@@ -18107,122 +18244,119 @@ function useGitCommitRowView({ viewerContextId, cwd, graphWidth, line, value, on
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionContent, {
 				className: "relative h-[200px] border-b border-border/70 bg-muted/50 p-0",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						ref: commitBodyScrollRef,
-						className: "h-full overflow-y-auto pr-2 pb-2",
-						onScroll: (event) => {
-							updateCommitBodyScrollShadows(event.currentTarget);
-						},
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "grid content-start gap-1.5 pt-1 font-mono text-xs leading-4",
-							style: { paddingLeft: graphWidth },
-							children: [
-								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "flex min-w-0 flex-wrap items-center gap-1.5 font-sans",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					ref: setCommitBodyGradientElement,
+					className: "h-full overflow-y-auto pr-2 pb-2",
+					onScroll: onCommitBodyGradientScroll,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "grid content-start gap-1.5 pt-1 text-xs leading-4",
+						style: { paddingLeft: graphWidth },
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex min-w-0 flex-wrap items-center gap-1.5 font-sans",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+									type: "button",
+									size: "xs",
+									variant: "outline",
+									disabled: !canRunCommitAction,
+									onClick: () => openDiff("commit"),
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileDiff, {}), "View diff"]
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitCommitActionsMenu, { ...commitActionProps })]
+							}),
+							parsed.author || time || parsed.fullHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex max-w-full flex-wrap items-center gap-x-2 gap-y-1 text-muted-foreground",
+								children: [
+									parsed.author ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: parsed.author }) : null,
+									parsed.author && time ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										"aria-hidden": true,
+										children: "·"
+									}) : null,
+									time ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+										title: fullTime,
+										side: "top",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: time })
+									}) : null,
+									(parsed.author || time) && parsed.fullHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										"aria-hidden": true,
+										children: "·"
+									}) : null,
+									parsed.fullHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "inline-flex min-w-0 items-center gap-1.5",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "min-w-0 truncate",
+											children: shortHash
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+											title: hashCopied ? "Copied" : "Copy full commit hash",
+											side: "top",
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+												type: "button",
+												"aria-label": "Copy full commit hash",
+												className: "inline-flex size-5 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+												onClick: (event) => {
+													event.preventDefault();
+													event.stopPropagation();
+													copyFullHashInline();
+												},
+												children: hashCopied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "size-3.5 text-emerald-500" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "size-3.5" })
+											})
+										})]
+									}) : null
+								]
+							}) : null,
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "max-w-full break-words whitespace-normal text-foreground",
+								children: [title || "No commit message", title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+									title: messageCopied ? "Copied" : "Copy commit message",
+									side: "top",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 										type: "button",
-										size: "xs",
-										variant: "outline",
-										disabled: !canRunCommitAction,
-										onClick: () => openDiff("commit"),
-										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileDiff, {}), "View diff"]
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitCommitActionsMenu, { ...commitActionProps })]
-								}),
-								parsed.author || time || parsed.fullHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "flex max-w-full flex-wrap items-center gap-x-2 gap-y-1 text-muted-foreground",
+										"aria-label": "Copy commit message",
+										className: "ml-1 inline-flex size-4 items-center justify-center rounded-sm align-middle text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+										onClick: (event) => {
+											event.preventDefault();
+											event.stopPropagation();
+											copyCommitMessageInline();
+										},
+										children: messageCopied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "size-3.5 text-emerald-500" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "size-3.5" })
+									})
+								}) : null]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "text-emerald-500",
 									children: [
-										parsed.author ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: parsed.author }) : null,
-										parsed.author && time ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-											"aria-hidden": true,
-											children: "·"
-										}) : null,
-										time ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
-											title: fullTime,
-											side: "top",
-											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: time })
-										}) : null,
-										(parsed.author || time) && parsed.fullHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-											"aria-hidden": true,
-											children: "·"
-										}) : null,
-										parsed.fullHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-											className: "inline-flex min-w-0 items-center gap-1.5",
-											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-												className: "min-w-0 truncate",
-												children: shortHash
-											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
-												title: hashCopied ? "Copied" : "Copy full commit hash",
-												side: "top",
-												children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-													type: "button",
-													"aria-label": "Copy full commit hash",
-													className: "inline-flex size-5 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-													onClick: (event) => {
-														event.preventDefault();
-														event.stopPropagation();
-														copyFullHashInline();
-													},
-													children: hashCopied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "size-3.5 text-emerald-500" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "size-3.5" })
-												})
-											})]
-										}) : null
+										"+",
+										insertions,
+										" addition",
+										insertions === 1 ? "" : "s"
 									]
-								}) : null,
-								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "max-w-full break-words whitespace-normal text-foreground",
-									children: [title || "No commit message", title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
-										title: messageCopied ? "Copied" : "Copy commit message",
-										side: "top",
-										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-											type: "button",
-											"aria-label": "Copy commit message",
-											className: "ml-1 inline-flex size-4 items-center justify-center rounded-sm align-middle text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-											onClick: (event) => {
-												event.preventDefault();
-												event.stopPropagation();
-												copyCommitMessageInline();
-											},
-											children: messageCopied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "size-3.5 text-emerald-500" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "size-3.5" })
-										})
-									}) : null]
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-										className: "text-emerald-500",
-										children: [
-											"+",
-											insertions,
-											" addition",
-											insertions === 1 ? "" : "s"
-										]
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-										className: "text-red-400",
-										children: [
-											"-",
-											deletions,
-											" deletion",
-											deletions === 1 ? "" : "s"
-										]
-									})]
-								}),
-								parsed.fullHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitCommitFilesList, {
-									viewerContextId,
-									cwd,
-									commit: parsed.fullHash,
-									shortHash,
-									previousShortHash: parsed.parents[0]?.slice(0, 7) || "",
-									subject: title,
-									disabled: !canRunCommitAction,
-									onOpenCommitDiff
-								}) : null
-							]
-						})
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-b from-black/10 to-transparent transition-opacity duration-150", commitBodyHeaderShadowed ? "opacity-100" : "opacity-0") }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("pointer-events-none absolute inset-x-0 bottom-0 h-1 bg-gradient-to-t from-black/10 to-transparent transition-opacity duration-150", commitBodyFooterShadowed ? "opacity-100" : "opacity-0") })
-				]
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "text-red-400",
+									children: [
+										"-",
+										deletions,
+										" deletion",
+										deletions === 1 ? "" : "s"
+									]
+								})]
+							}),
+							parsed.fullHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitCommitFilesList, {
+								viewerContextId,
+								cwd,
+								commit: parsed.fullHash,
+								shortHash,
+								previousShortHash: parsed.parents[0]?.slice(0, 7) || "",
+								subject: title,
+								disabled: !canRunCommitAction,
+								onOpenCommitDiff
+							}) : null
+						]
+					})
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollGradientOverlays, {
+					bottomHeight: commitBodyBottomGradientHeight,
+					topHeight: commitBodyTopGradientHeight
+				})]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
 				open: formDialog !== null,
@@ -18473,6 +18607,22 @@ function GitCommitsSection({ viewerContextId, cwd, active, onOpenCommitDiff, onR
 		children: content
 	});
 }
+function setDerivedScrollState(setState, nextState) {
+	setState((current) => Object.is(current, nextState) ? current : nextState);
+}
+function hasScrolledContent(scrollElement) {
+	return Boolean(scrollElement && scrollElement.scrollTop > 0);
+}
+function getStuckScrollTriggerValue({ getValue, scrollElement, selector }) {
+	if (!scrollElement || scrollElement.scrollTop <= 0) return "";
+	const containerTop = scrollElement.getBoundingClientRect().top;
+	const triggers = Array.from(scrollElement.querySelectorAll(selector));
+	for (const trigger of triggers) {
+		const rect = trigger.getBoundingClientRect();
+		if (rect.top <= containerTop + 1 && rect.bottom > containerTop + 1) return getValue(trigger);
+	}
+	return "";
+}
 function GitFileStatus({ status }) {
 	const [indexCharacter, worktreeCharacter] = gitFileStatusCharacters(status);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
@@ -18576,7 +18726,7 @@ function ReviewDiffPendingLineComment({ comment }) {
 		comment.onSubmit(normalizedText);
 	};
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
-		className: "m-2 w-[min(38rem,calc(100vw_-_5rem))] max-w-[calc(100%_-_1rem)] rounded-lg border border-border/70 bg-background p-2 shadow-sm",
+		className: "m-2 w-[calc(100%_-_1rem)] max-w-[38rem] rounded-lg border border-border/70 bg-background p-2 shadow-sm",
 		onPointerDown: (event) => event.stopPropagation(),
 		onSubmit: (event) => {
 			event.preventDefault();
@@ -18776,6 +18926,11 @@ function useFileReviewContentView({ viewerContextId, cwd, active, diffLineCommen
 		});
 	};
 	const changesScrollRef = import_react.useRef(null);
+	const { bottomHeight: changesScrollBottomGradientHeight, onScroll: onChangesScrollGradientScroll, setScrollElement: setChangesScrollGradientElement, topHeight: changesScrollTopGradientHeight } = useScrollGradients();
+	const setChangesScrollElement = import_react.useCallback((element) => {
+		changesScrollRef.current = element;
+		setChangesScrollGradientElement(element);
+	}, [setChangesScrollGradientElement]);
 	const reviewContentRef = import_react.useRef(null);
 	const historyPanelRef = import_react.useRef(null);
 	const historyScrollRef = import_react.useRef(null);
@@ -18974,7 +19129,7 @@ function useFileReviewContentView({ viewerContextId, cwd, active, diffLineCommen
 						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenu, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
 							render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 								variant: "outline",
-								size: "icon",
+								size: isMobile ? "icon" : "icon-sm",
 								"aria-label": "Diff actions",
 								disabled: bulkActionDisabled
 							}),
@@ -19012,7 +19167,7 @@ function useFileReviewContentView({ viewerContextId, cwd, active, diffLineCommen
 							title: hasOpenFile ? "Collapse all" : "Expand all",
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 								variant: "outline",
-								size: "icon",
+								size: isMobile ? "icon" : "icon-sm",
 								"aria-label": hasOpenFile ? "Collapse all" : "Expand all",
 								disabled: changedFiles.length === 0,
 								onClick: toggleAll,
@@ -19021,6 +19176,7 @@ function useFileReviewContentView({ viewerContextId, cwd, active, diffLineCommen
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup$1, {
 							variant: "outline",
+							size: isMobile ? "default" : "sm",
 							value: [diffStyle],
 							onValueChange: (values) => {
 								const value = values[0];
@@ -19037,54 +19193,61 @@ function useFileReviewContentView({ viewerContextId, cwd, active, diffLineCommen
 					]
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				ref: changesScrollRef,
-				className: "min-h-0 flex-1 overflow-auto",
-				onScroll: (event) => {
-					updateStickyReviewFileHeader(event.currentTarget);
-				},
-				children: !normalizedCwd ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
-					className: "px-3 py-2.5",
-					children: "No directory selected."
-				}) : !viewerContextId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
-					className: "px-3 py-2.5",
-					children: "Waiting for viewer context…"
-				}) : filesQuery.isPending && typeof files === "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GitSectionNote, {
-					className: "px-3 py-2.5",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}), " Loading changes…"]
-				}) : filesQuery.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
-					tone: "destructive",
-					className: "px-3 py-2.5",
-					children: getErrorMessage(filesQuery.error, "Failed to load changes")
-				}) : files === null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
-					className: "px-3 py-2.5",
-					children: "No git repository detected."
-				}) : changedFiles.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion$1, {
-					multiple: true,
-					value: openFiles,
-					onValueChange: (nextOpenFiles) => {
-						dispatch({
-							type: "openFilesChanged",
-							openFiles: nextOpenFiles
-						});
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "relative min-h-0 flex-1",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					ref: setChangesScrollElement,
+					className: "h-full overflow-auto",
+					onScroll: (event) => {
+						updateStickyReviewFileHeader(event.currentTarget);
+						onChangesScrollGradientScroll(event);
 					},
-					className: "border-b border-border/80",
-					children: changedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReviewFileAccordionItem, {
-						viewerContextId,
-						cwd: normalizedCwd,
-						active,
-						diffLineComments,
-						diffStyle,
-						file,
-						open: openFiles.includes(reviewFileValue(file)),
-						stuck: stickyReviewFileValue === reviewFileValue(file),
-						onAddDiffLineComment,
-						onOpenFile
-					}, reviewFileValue(file)))
-				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
-					className: "px-3 py-2.5",
-					children: "Working tree clean."
-				})
+					children: !normalizedCwd ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
+						className: "px-3 py-2.5",
+						children: "No directory selected."
+					}) : !viewerContextId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
+						className: "px-3 py-2.5",
+						children: "Waiting for viewer context…"
+					}) : filesQuery.isPending && typeof files === "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GitSectionNote, {
+						className: "px-3 py-2.5",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}), " Loading changes…"]
+					}) : filesQuery.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
+						tone: "destructive",
+						className: "px-3 py-2.5",
+						children: getErrorMessage(filesQuery.error, "Failed to load changes")
+					}) : files === null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
+						className: "px-3 py-2.5",
+						children: "No git repository detected."
+					}) : changedFiles.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion$1, {
+						multiple: true,
+						value: openFiles,
+						onValueChange: (nextOpenFiles) => {
+							dispatch({
+								type: "openFilesChanged",
+								openFiles: nextOpenFiles
+							});
+						},
+						className: "border-b border-border/80",
+						children: changedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReviewFileAccordionItem, {
+							viewerContextId,
+							cwd: normalizedCwd,
+							active,
+							diffLineComments,
+							diffStyle,
+							file,
+							open: openFiles.includes(reviewFileValue(file)),
+							stuck: stickyReviewFileValue === reviewFileValue(file),
+							onAddDiffLineComment,
+							onOpenFile
+						}, reviewFileValue(file)))
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
+						className: "px-3 py-2.5",
+						children: "Working tree clean."
+					})
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollGradientOverlays, {
+					bottomHeight: changesScrollBottomGradientHeight,
+					topHeight: changesScrollTopGradientHeight
+				})]
 			}),
 			showEmbeddedHistory && normalizedCwd && viewerContextId && files !== null && !filesQuery.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				ref: historyPanelRef,
@@ -19235,6 +19398,7 @@ function ReviewFileAccordionItem({ viewerContextId, cwd, active, diffLineComment
 	} : {};
 	const themeOptions = usePicoDiffThemeOptions();
 	const canStage = gitFileCanStage(file);
+	const canUnstage = gitFileCanUnstage(file);
 	const invalidateChangedFileQueries = async () => {
 		await invalidateGitQueries({
 			queryClient,
@@ -19243,26 +19407,27 @@ function ReviewFileAccordionItem({ viewerContextId, cwd, active, diffLineComment
 		});
 	};
 	const stageMutation = useMutation({
-		mutationFn: async () => await fetchJson(buildRequestUrl("/api/git-stage", { contextId: viewerContextId }), {
+		mutationFn: async (action) => await fetchJson(buildRequestUrl("/api/git-stage", { contextId: viewerContextId }), {
 			method: "POST",
 			headers: { "content-type": "application/json" },
 			body: JSON.stringify({
+				action,
 				cwd: normalizedCwd,
 				path: file.path,
 				previousPath: file.previousPath
 			})
 		}),
-		onSuccess: async () => {
+		onSuccess: async (_response, action) => {
 			await queryClient.invalidateQueries({
 				queryKey: picoQueryKeys.gitStatus(viewerContextId, normalizedCwd),
 				exact: true,
 				refetchType: "active"
 			});
 			await invalidateChangedFileQueries();
-			toast.success("Staged changes", { description: file.path });
+			toast.success(action === "unstage" ? "Unstaged changes" : "Staged changes", { description: file.path });
 		},
-		onError: (error) => {
-			toast.error(getErrorMessage(error, "Failed to stage changes"));
+		onError: (error, action) => {
+			toast.error(getErrorMessage(error, action === "unstage" ? "Failed to unstage changes" : "Failed to stage changes"));
 		}
 	});
 	const discardMutation = useMutation({
@@ -19299,6 +19464,9 @@ function ReviewFileAccordionItem({ viewerContextId, cwd, active, diffLineComment
 		oldContent,
 		newContent
 	]);
+	const gitActionDisabled = actionPending || !viewerContextId || !normalizedCwd;
+	const stagePending = stageMutation.isPending && stageMutation.variables === "stage";
+	const unstagePending = stageMutation.isPending && stageMutation.variables === "unstage";
 	const openFile = (event) => {
 		event?.stopPropagation();
 		onOpenFile?.(file.path, { pin: true });
@@ -19309,50 +19477,81 @@ function ReviewFileAccordionItem({ viewerContextId, cwd, active, diffLineComment
 	};
 	const stageFileChanges = (event) => {
 		event?.stopPropagation();
-		stageMutation.mutate();
+		stageMutation.mutate("stage");
+	};
+	const unstageFileChanges = (event) => {
+		event?.stopPropagation();
+		stageMutation.mutate("unstage");
 	};
+	const trigger = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionTrigger$1, {
+		"data-review-file-trigger": true,
+		"data-review-file-value": value,
+		className: "group/review-file-trigger relative flex min-h-10 min-w-0 flex-1 items-center justify-between gap-3 rounded-none border border-transparent bg-background px-3 py-2 text-left text-[13px] font-medium transition-all outline-none hover:no-underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				className: "grid min-w-0 flex-1 grid-cols-[auto_auto_minmax(0,1fr)_auto] items-center gap-2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitFileStatus, { status: file.status }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProjectFileTypeIcon, { path: file.path }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "min-w-0 truncate text-left",
+						children: file.previousPath ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-muted-foreground",
+								children: file.previousPath
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-muted-foreground/70",
+								children: " → "
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: file.path })
+						] }) : file.path
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitFileDiff, { file })
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, {
+				"data-slot": "accordion-trigger-icon",
+				className: "pointer-events-none size-4 shrink-0 group-aria-expanded/review-file-trigger:hidden"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {
+				"data-slot": "accordion-trigger-icon",
+				className: "pointer-events-none hidden size-4 shrink-0 group-aria-expanded/review-file-trigger:inline"
+			})
+		]
+	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
 		value,
 		className: "border-border/70",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionHeader, {
 			className: cn("group/review-file-header sticky top-0 z-20 flex bg-background transition-shadow", stuck && "shadow-sm"),
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionTrigger$1, {
-				"data-review-file-trigger": true,
-				"data-review-file-value": value,
-				className: "group/review-file-trigger relative flex min-h-10 min-w-0 flex-1 items-center justify-between gap-3 rounded-none border border-transparent bg-background px-3 py-2 text-left font-mono text-[13px] font-medium transition-all outline-none hover:no-underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenu$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTrigger, { render: trigger }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
+				className: "w-48",
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-						className: "grid min-w-0 flex-1 grid-cols-[auto_auto_minmax(0,1fr)_auto] items-center gap-2",
-						children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitFileStatus, { status: file.status }),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProjectFileTypeIcon, { path: file.path }),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "min-w-0 truncate text-left",
-								children: file.previousPath ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-muted-foreground",
-										children: file.previousPath
-									}),
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-muted-foreground/70",
-										children: " → "
-									}),
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: file.path })
-								] }) : file.path
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitFileDiff, { file })
-						]
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+						disabled: !onOpenFile,
+						onClick: openFile,
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpRight, {}), "Open file"]
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, {
-						"data-slot": "accordion-trigger-icon",
-						className: "pointer-events-none size-4 shrink-0 group-aria-expanded/review-file-trigger:hidden"
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+						disabled: gitActionDisabled || !canStage,
+						onClick: stageFileChanges,
+						children: [stagePending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, {}), "Stage changes"]
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {
-						"data-slot": "accordion-trigger-icon",
-						className: "pointer-events-none hidden size-4 shrink-0 group-aria-expanded/review-file-trigger:inline"
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+						disabled: gitActionDisabled || !canUnstage,
+						onClick: unstageFileChanges,
+						children: [unstagePending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Minus, {}), "Unstage changes"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+						variant: "destructive",
+						disabled: gitActionDisabled,
+						onClick: discardFileChanges,
+						children: [discardMutation.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Undo2, {}), "Discard changes"]
 					})
 				]
-			})
+			})] })
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionContent, {
 			className: "bg-background p-0",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -19597,7 +19796,7 @@ function assignClassName(element, className) {
 }
 function renderPendingCommitDiffLineComment(pendingComment) {
 	const form = document.createElement("form");
-	assignClassName(form, "m-2 w-[min(38rem,calc(100vw_-_5rem))] max-w-[calc(100%_-_1rem)] rounded-lg border border-border/70 bg-background p-2 shadow-sm");
+	assignClassName(form, "m-2 w-[calc(100%_-_1rem)] max-w-[38rem] rounded-lg border border-border/70 bg-background p-2 shadow-sm");
 	const header = document.createElement("div");
 	assignClassName(header, "mb-2 flex min-w-0 items-center justify-between gap-2 text-xs text-muted-foreground");
 	const label = document.createElement("span");
@@ -19740,7 +19939,7 @@ function CommitFileDiffAccordionItem({ comments, diffStyle, fileDiff, index, onS
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionTrigger$1, {
 				"data-commit-file-trigger": true,
 				"data-commit-file-value": value,
-				className: "group/commit-file-trigger relative flex min-h-10 min-w-0 flex-1 items-center justify-between gap-3 rounded-none border border-transparent bg-background px-3 py-2 text-left font-mono text-[13px] font-medium transition-all outline-none hover:no-underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
+				className: "group/commit-file-trigger relative flex min-h-10 min-w-0 flex-1 items-center justify-between gap-3 rounded-none border border-transparent bg-background px-3 py-2 text-left text-[13px] font-medium transition-all outline-none hover:no-underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
 				children: [
 					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 						className: "grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)_auto] items-baseline gap-3",
@@ -19878,8 +20077,14 @@ function CommitDiffHeaderTitle({ tab }) {
 function CommitDiffContent({ viewerContextId, cwd, active, diffLineComments, onAddDiffLineComment, tab }) {
 	const [diffStyle, setDiffStyle] = import_react.useState("unified");
 	const [stickyCommitFileValue, setStickyCommitFileValue] = import_react.useState("");
+	const isMobile = useIsMobile();
 	const [commentTarget, setCommentTarget] = import_react.useState(null);
 	const diffScrollRef = import_react.useRef(null);
+	const { bottomHeight: diffScrollBottomGradientHeight, onScroll: onDiffScrollGradientScroll, setScrollElement: setDiffScrollGradientElement, topHeight: diffScrollTopGradientHeight } = useScrollGradients();
+	const setDiffScrollElement = import_react.useCallback((element) => {
+		diffScrollRef.current = element;
+		setDiffScrollGradientElement(element);
+	}, [setDiffScrollGradientElement]);
 	const updateStickyCommitFileHeader = (scrollElement) => {
 		setDerivedScrollState(setStickyCommitFileValue, getStuckScrollTriggerValue({
 			getValue: (trigger) => trigger.dataset.commitFileValue || "",
@@ -19945,6 +20150,7 @@ function CommitDiffContent({ viewerContextId, cwd, active, diffLineComments, onA
 			className: "flex min-h-10 shrink-0 items-center justify-between gap-2 border-b border-border/70 bg-background p-2",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommitDiffHeaderTitle, { tab }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToggleGroup$1, {
 				variant: "outline",
+				size: isMobile ? "default" : "sm",
 				value: [diffStyle],
 				onValueChange: (values) => {
 					const value = values[0];
@@ -19958,41 +20164,48 @@ function CommitDiffContent({ viewerContextId, cwd, active, diffLineComments, onA
 					children: "Split"
 				})]
 			})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			ref: diffScrollRef,
-			className: "min-h-0 flex-1 overflow-auto",
-			onScroll: (event) => {
-				updateStickyCommitFileHeader(event.currentTarget);
-			},
-			children: diffQuery.isPending && !diffQuery.data ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "p-4",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GitSectionNote, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}), " Loading commit diff…"] })
-			}) : diffQuery.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "p-4",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
-					tone: "destructive",
-					children: getErrorMessage(diffQuery.error, "Failed to load commit diff")
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "relative min-h-0 flex-1",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				ref: setDiffScrollElement,
+				className: "h-full overflow-auto",
+				onScroll: (event) => {
+					updateStickyCommitFileHeader(event.currentTarget);
+					onDiffScrollGradientScroll(event);
+				},
+				children: diffQuery.isPending && !diffQuery.data ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "p-4",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GitSectionNote, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}), " Loading commit diff…"] })
+				}) : diffQuery.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "p-4",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
+						tone: "destructive",
+						children: getErrorMessage(diffQuery.error, "Failed to load commit diff")
+					})
+				}) : diffQuery.data?.patch && tab.path ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommitSingleFileDiff, {
+					comments: commentsForTab.filter((comment) => {
+						if (!tab.path) return true;
+						return comment.path === tab.path || comment.path === tab.previousPath;
+					}),
+					diffStyle,
+					onStartComment: startLineComment,
+					patch: diffQuery.data.patch,
+					pendingComment
+				}) : diffQuery.data?.patch ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommitPatchDiffs, {
+					comments: commentsForTab,
+					diffStyle,
+					onStartComment: startLineComment,
+					patch: diffQuery.data.patch,
+					pendingComment,
+					stuckFileValue: stickyCommitFileValue
+				}, `${diffQuery.data.commit}:${diffQuery.data.mode}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "p-4",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, { children: "No line changes." })
 				})
-			}) : diffQuery.data?.patch && tab.path ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommitSingleFileDiff, {
-				comments: commentsForTab.filter((comment) => {
-					if (!tab.path) return true;
-					return comment.path === tab.path || comment.path === tab.previousPath;
-				}),
-				diffStyle,
-				onStartComment: startLineComment,
-				patch: diffQuery.data.patch,
-				pendingComment
-			}) : diffQuery.data?.patch ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommitPatchDiffs, {
-				comments: commentsForTab,
-				diffStyle,
-				onStartComment: startLineComment,
-				patch: diffQuery.data.patch,
-				pendingComment,
-				stuckFileValue: stickyCommitFileValue
-			}, `${diffQuery.data.commit}:${diffQuery.data.mode}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "p-4",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, { children: "No line changes." })
-			})
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollGradientOverlays, {
+				bottomHeight: diffScrollBottomGradientHeight,
+				topHeight: diffScrollTopGradientHeight
+			})]
 		})]
 	});
 }
@@ -20249,43 +20462,848 @@ function RightSidebar({ viewerContextId, cwd, active, activeFilePath = "", activ
 		})]
 	});
 }
-function readStoredRightSidebarActiveTab() {
-	const stored = safeLocalStorageGetItem(RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY);
-	return stored === "files" || stored === "review" ? stored : "review";
-}
-function storeRightSidebarActiveTab(tab) {
-	if (tab === "commit-diff" || tab === "history") return;
-	safeLocalStorageSetItem(RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, tab);
+var TERMINAL_ANSI_THEMES = {
+	dark: {
+		black: "#484f58",
+		red: "#ff7b72",
+		green: "#3fb950",
+		yellow: "#d29922",
+		blue: "#58a6ff",
+		magenta: "#bc8cff",
+		cyan: "#39c5cf",
+		white: "#b1bac4",
+		brightBlack: "#6e7681",
+		brightRed: "#ffa198",
+		brightGreen: "#56d364",
+		brightYellow: "#e3b341",
+		brightBlue: "#79c0ff",
+		brightMagenta: "#d2a8ff",
+		brightCyan: "#56d4dd",
+		brightWhite: "#f0f6fc"
+	},
+	light: {
+		black: "#24292f",
+		red: "#cf222e",
+		green: "#116329",
+		yellow: "#953800",
+		blue: "#0969da",
+		magenta: "#8250df",
+		cyan: "#1b7c83",
+		white: "#6e7781",
+		brightBlack: "#57606a",
+		brightRed: "#a40e26",
+		brightGreen: "#1a7f37",
+		brightYellow: "#9a6700",
+		brightBlue: "#218bff",
+		brightMagenta: "#a475f9",
+		brightCyan: "#3192aa",
+		brightWhite: "#24292f"
+	}
+};
+var terminalTabCounter = 0;
+function createTerminalTabId() {
+	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return `terminal-tab-${crypto.randomUUID()}`;
+	terminalTabCounter += 1;
+	return `terminal-tab-${Date.now()}-${terminalTabCounter}`;
 }
-function setRightSidebarActiveTab(store, tab) {
-	setStoreField(store, "activeTab", tab);
-	storeRightSidebarActiveTab(tab);
+function createTerminalTab(id = createTerminalTabId()) {
+	return {
+		id,
+		status: { type: "idle" },
+		terminalId: null
+	};
 }
-function createInitialRightSidebarState() {
+function createTerminalTabsState(scopeKey) {
+	const storedTabs = readStoredTerminalTabs(scopeKey);
+	const tabs = storedTabs.tabs.map((id) => createTerminalTab(id));
 	return {
-		activeTab: readStoredRightSidebarActiveTab(),
-		fileActivePath: "",
-		filePreviewPath: "",
-		fileTabs: [],
-		fileTreeCollapsed: false
+		activeTabId: storedTabs.activeTabId ?? tabs[0]?.id ?? null,
+		scopeKey,
+		tabs
 	};
 }
-function selectRightSidebarVisibleFileTabs(state) {
-	return state.filePreviewPath && !state.fileTabs.includes(state.filePreviewPath) ? [...state.fileTabs, state.filePreviewPath] : state.fileTabs;
+function rememberTerminalTabsState(state) {
+	rememberStoredTerminalTabs(state.scopeKey, {
+		activeTabId: state.activeTabId,
+		tabs: state.tabs.map((tab) => tab.id)
+	});
 }
-function selectRightSidebarHasVisibleFiles(state) {
-	return selectRightSidebarVisibleFileTabs(state).length > 0;
+function terminalStatusText(status) {
+	switch (status.type) {
+		case "idle": return "Idle";
+		case "connecting": return "Connecting…";
+		case "connected": return status.shell ? `Running ${status.shell}` : "Connected";
+		case "exited": return `Exited ${status.exitCode}`;
+		case "error": return "Terminal error";
+	}
 }
-function resetRightSidebarFiles(store) {
-	setStoreState(store, (state) => ({
-		...state,
-		fileActivePath: "",
-		filePreviewPath: "",
-		fileTabs: [],
-		fileTreeCollapsed: false
-	}));
+function terminalStatusDetail(status) {
+	switch (status.type) {
+		case "idle": return "This terminal has not started yet.";
+		case "connecting": return "Pico is connecting to the terminal process.";
+		case "connected": return status.shell ? `The terminal is connected and running ${status.shell}.` : "The terminal is connected.";
+		case "exited": return typeof status.signal === "number" ? `The terminal process exited with code ${status.exitCode} and signal ${status.signal}.` : `The terminal process exited with code ${status.exitCode}.`;
+		case "error": return status.message;
+	}
 }
-function openRightSidebarFile(store, path, options) {
+function terminalTabLabel(tab, index) {
+	if (tab.status.type === "connected" && tab.status.shell) return `${index + 1}: ${tab.status.shell}`;
+	return `Terminal ${index + 1}`;
+}
+function statusDotClassName(status) {
+	switch (status.type) {
+		case "connected": return "bg-success";
+		case "connecting": return "bg-warning";
+		case "error":
+		case "exited": return "bg-destructive";
+		case "idle": return "bg-muted-foreground/50";
+	}
+}
+function cssVariable(name, fallback) {
+	return window.getComputedStyle(document.documentElement).getPropertyValue(name).trim() || fallback;
+}
+function resolveTerminalThemeMode() {
+	for (const className of document.documentElement.classList) {
+		const mode = appliedThemeClassColorMode(className);
+		if (mode) return mode;
+	}
+	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function terminalAnsiTheme() {
+	const fallback = TERMINAL_ANSI_THEMES[resolveTerminalThemeMode()];
+	return {
+		black: cssVariable("--terminal-ansi-black", fallback.black),
+		red: cssVariable("--terminal-ansi-red", fallback.red),
+		green: cssVariable("--terminal-ansi-green", fallback.green),
+		yellow: cssVariable("--terminal-ansi-yellow", fallback.yellow),
+		blue: cssVariable("--terminal-ansi-blue", fallback.blue),
+		magenta: cssVariable("--terminal-ansi-magenta", fallback.magenta),
+		cyan: cssVariable("--terminal-ansi-cyan", fallback.cyan),
+		white: cssVariable("--terminal-ansi-white", fallback.white),
+		brightBlack: cssVariable("--terminal-ansi-bright-black", fallback.brightBlack),
+		brightRed: cssVariable("--terminal-ansi-bright-red", fallback.brightRed),
+		brightGreen: cssVariable("--terminal-ansi-bright-green", fallback.brightGreen),
+		brightYellow: cssVariable("--terminal-ansi-bright-yellow", fallback.brightYellow),
+		brightBlue: cssVariable("--terminal-ansi-bright-blue", fallback.brightBlue),
+		brightMagenta: cssVariable("--terminal-ansi-bright-magenta", fallback.brightMagenta),
+		brightCyan: cssVariable("--terminal-ansi-bright-cyan", fallback.brightCyan),
+		brightWhite: cssVariable("--terminal-ansi-bright-white", fallback.brightWhite)
+	};
+}
+function createTerminalTheme() {
+	const ansiTheme = terminalAnsiTheme();
+	return {
+		...ansiTheme,
+		background: cssVariable("--terminal-background", cssVariable("--background", "#111111")),
+		cursor: cssVariable("--terminal-cursor", cssVariable("--primary", "#7aa2f7")),
+		foreground: cssVariable("--terminal-foreground", cssVariable("--foreground", ansiTheme.brightWhite)),
+		selectionBackground: cssVariable("--terminal-selection-background", cssVariable("--code-selection", "#334155"))
+	};
+}
+function createTerminalFontFamily() {
+	return cssVariable("--font-mono", "Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace");
+}
+function errorMessage(error) {
+	if (error instanceof Error && error.message.trim()) return error.message;
+	if (typeof error === "string" && error.trim()) return error;
+	return "Unknown terminal error";
+}
+function buildTerminalWebSocketUrl(path, options) {
+	const url = new URL(buildRequestUrl(path, options));
+	url.protocol = url.protocol === "https:" ? "wss:" : "ws:";
+	return url.toString();
+}
+function exitedStatus(event) {
+	return typeof event.signal === "number" && event.signal > 0 ? {
+		type: "exited",
+		exitCode: event.exitCode,
+		signal: event.signal
+	} : {
+		type: "exited",
+		exitCode: event.exitCode
+	};
+}
+function isTerminalToggleEvent(event) {
+	return event.ctrlKey && !event.altKey && !event.metaKey && !event.shiftKey && (event.key === "`" || event.code === "Backquote");
+}
+function TerminalStatusDot({ status }) {
+	if (status.type === "connecting") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {
+		size: "xs",
+		className: "shrink-0"
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		"aria-hidden": "true",
+		className: cn("size-2 shrink-0 rounded-full", statusDotClassName(status))
+	});
+}
+function TerminalStatusDialog({ cwd, index, onOpenChange, open, tab }) {
+	const status = tab?.status ?? { type: "idle" };
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
+		open,
+		onOpenChange,
+		focusPromptOnClose: false,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+			className: "max-w-sm",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogTitle, { children: [tab ? terminalTabLabel(tab, index) : "Terminal", " status"] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, { children: terminalStatusDetail(status) })] }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+					className: "grid gap-3 text-sm",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "grid gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+							className: "text-xs font-medium text-muted-foreground",
+							children: "Status"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: terminalStatusText(status) })]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "grid gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+							className: "text-xs font-medium text-muted-foreground",
+							children: "Working directory"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+							className: "break-all",
+							children: cwd
+						})]
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogFooter, { showCloseButton: true })
+			]
+		})
+	});
+}
+function TerminalTabPane({ active, cwd, onStatusChange, onTerminalIdChange, selected, sessionId, tabId, viewerContextId }) {
+	const terminalElementRef = import_react.useRef(null);
+	const terminalRef = import_react.useRef(null);
+	const terminalIdRef = import_react.useRef(null);
+	const activeRef = import_react.useRef(active);
+	const fitAndResizeRef = import_react.useRef(() => {});
+	const onStatusChangeRef = import_react.useRef(onStatusChange);
+	const onTerminalIdChangeRef = import_react.useRef(onTerminalIdChange);
+	const [status, setStatus] = import_react.useState({ type: "idle" });
+	import_react.useLayoutEffect(() => {
+		activeRef.current = active;
+	}, [active]);
+	import_react.useEffect(() => {
+		onStatusChangeRef.current = onStatusChange;
+	}, [onStatusChange]);
+	import_react.useEffect(() => {
+		onTerminalIdChangeRef.current = onTerminalIdChange;
+	}, [onTerminalIdChange]);
+	import_react.useEffect(() => {
+		if (!cwd) {
+			setStatus({ type: "idle" });
+			onStatusChangeRef.current(tabId, { type: "idle" });
+			return;
+		}
+		const terminalElement = terminalElementRef.current;
+		if (!terminalElement) return;
+		let disposed = false;
+		let websocket = null;
+		let inputDisposable = null;
+		let fitAddon = null;
+		let resizeObserver = null;
+		let inputFlushTimer = null;
+		let pingTimer = null;
+		let reconnectTimer = null;
+		let resizeFrame = null;
+		let inputBuffer = "";
+		let lastResizeKey = "";
+		let lastOutputSeq = 0;
+		let nextInputSeq = 1;
+		let reconnectAttempt = 0;
+		let terminalExited = false;
+		let terminalTransportReady = false;
+		const pendingInputs = /* @__PURE__ */ new Map();
+		const requestOptions = sessionId ? {
+			contextId: viewerContextId,
+			sessionId
+		} : { contextId: viewerContextId };
+		const publishStatus = (nextStatus) => {
+			if (disposed) return;
+			setStatus(nextStatus);
+			onStatusChangeRef.current(tabId, nextStatus);
+		};
+		const postJson = async (path, body) => {
+			return await fetchJson(buildRequestUrl(path, requestOptions), {
+				body: JSON.stringify(body),
+				headers: { "content-type": "application/json" },
+				method: "POST"
+			});
+		};
+		const sendTerminalMessage = (message) => {
+			if (!websocket || websocket.readyState !== WebSocket.OPEN) return false;
+			try {
+				websocket.send(JSON.stringify(message));
+				return true;
+			} catch (error) {
+				publishStatus({
+					type: "error",
+					message: errorMessage(error)
+				});
+				return false;
+			}
+		};
+		const sendPendingInputs = () => {
+			if (!terminalTransportReady) return;
+			for (const [inputSeq, data] of [...pendingInputs.entries()].sort(([left], [right]) => left - right)) if (!sendTerminalMessage({
+				type: "input",
+				data,
+				inputSeq
+			})) return;
+		};
+		const flushInput = () => {
+			inputFlushTimer = null;
+			if (!terminalIdRef.current || !inputBuffer || !terminalTransportReady) return;
+			const data = inputBuffer;
+			const inputSeq = nextInputSeq;
+			nextInputSeq += 1;
+			inputBuffer = "";
+			pendingInputs.set(inputSeq, data);
+			sendPendingInputs();
+		};
+		const scheduleInputFlush = () => {
+			if (inputFlushTimer !== null) return;
+			inputFlushTimer = window.setTimeout(flushInput, 12);
+		};
+		const fitAndResize = () => {
+			const terminal = terminalRef.current;
+			if (!terminal || !fitAddon) return;
+			try {
+				fitAddon.fit();
+			} catch {
+				return;
+			}
+			if (!terminalIdRef.current || !terminalTransportReady) return;
+			const resizeKey = `${terminal.cols}x${terminal.rows}`;
+			if (resizeKey === lastResizeKey) return;
+			if (!sendTerminalMessage({
+				type: "resize",
+				cols: terminal.cols,
+				rows: terminal.rows
+			})) return;
+			lastResizeKey = resizeKey;
+		};
+		const scheduleFitAndResize = () => {
+			if (resizeFrame !== null) return;
+			resizeFrame = window.requestAnimationFrame(() => {
+				resizeFrame = null;
+				fitAndResize();
+			});
+		};
+		fitAndResizeRef.current = scheduleFitAndResize;
+		const clearPingTimer = () => {
+			if (pingTimer === null) return;
+			window.clearInterval(pingTimer);
+			pingTimer = null;
+		};
+		const startPingTimer = () => {
+			clearPingTimer();
+			pingTimer = window.setInterval(() => {
+				sendTerminalMessage({ type: "ping" });
+			}, 2e4);
+		};
+		const scheduleWebSocketReconnect = () => {
+			if (disposed || terminalExited || reconnectTimer !== null) return;
+			terminalTransportReady = false;
+			clearPingTimer();
+			reconnectAttempt += 1;
+			const delay = Math.min(1e4, 500 * 2 ** (reconnectAttempt - 1));
+			reconnectTimer = window.setTimeout(() => {
+				reconnectTimer = null;
+				const id = terminalIdRef.current;
+				if (!id || disposed || terminalExited) return;
+				publishStatus({ type: "connecting" });
+				connectTerminalWebSocket(id);
+			}, delay);
+		};
+		const handleTerminalEvent = (event) => {
+			const terminal = terminalRef.current;
+			if (!terminal) return;
+			if (event.type === "output") {
+				if (typeof event.seq === "number") {
+					if (event.seq <= lastOutputSeq) return;
+					lastOutputSeq = event.seq;
+				}
+				terminal.write(event.data);
+				return;
+			}
+			if (event.type === "reset") {
+				lastOutputSeq = Math.max(0, event.firstSeq - 1);
+				terminal.clear();
+				terminal.writeln("Terminal output replay gap; showing retained output.");
+				return;
+			}
+			if (event.type === "ready") {
+				terminalTransportReady = true;
+				reconnectAttempt = 0;
+				nextInputSeq = Math.max(nextInputSeq, event.nextInputSeq ?? 1);
+				publishStatus({
+					type: "connected",
+					shell: event.shell
+				});
+				startPingTimer();
+				sendPendingInputs();
+				flushInput();
+				lastResizeKey = "";
+				scheduleFitAndResize();
+				return;
+			}
+			if (event.type === "input_ack") {
+				pendingInputs.delete(event.inputSeq);
+				return;
+			}
+			if (event.type === "pong") return;
+			if (event.type === "exit") {
+				terminalExited = true;
+				terminalTransportReady = false;
+				clearPingTimer();
+				publishStatus(exitedStatus(event));
+				return;
+			}
+			if (event.type === "error") publishStatus({
+				type: "error",
+				message: event.error
+			});
+		};
+		function connectTerminalWebSocket(id) {
+			if (websocket) {
+				websocket.onclose = null;
+				websocket.onerror = null;
+				websocket.onmessage = null;
+				websocket.close();
+			}
+			terminalTransportReady = false;
+			const nextWebSocket = new WebSocket(buildTerminalWebSocketUrl(`/api/terminal/${encodeURIComponent(id)}/ws`, {
+				...requestOptions,
+				searchParams: { lastSeq: lastOutputSeq || void 0 }
+			}));
+			websocket = nextWebSocket;
+			nextWebSocket.onmessage = (message) => {
+				if (disposed || websocket !== nextWebSocket) return;
+				try {
+					handleTerminalEvent(JSON.parse(message.data));
+				} catch (error) {
+					publishStatus({
+						type: "error",
+						message: errorMessage(error)
+					});
+				}
+			};
+			nextWebSocket.onclose = () => {
+				if (websocket !== nextWebSocket) return;
+				websocket = null;
+				terminalTransportReady = false;
+				scheduleWebSocketReconnect();
+			};
+			nextWebSocket.onerror = () => {
+				if (websocket !== nextWebSocket) return;
+				terminalTransportReady = false;
+				nextWebSocket.close();
+			};
+		}
+		const startTerminal = async () => {
+			try {
+				publishStatus({ type: "connecting" });
+				terminalElement.textContent = "";
+				const [{ Terminal }, { FitAddon }] = await Promise.all([import("../_libs/xterm__xterm.mjs").then((n) => n.t), import("../_libs/xterm__addon-fit.mjs").then((n) => n.t)]);
+				if (disposed) return;
+				const terminal = new Terminal({
+					allowTransparency: true,
+					convertEol: false,
+					cursorBlink: true,
+					fontFamily: createTerminalFontFamily(),
+					fontSize: 12,
+					letterSpacing: 0,
+					lineHeight: 1.2,
+					scrollback: 5e3,
+					theme: createTerminalTheme()
+				});
+				fitAddon = new FitAddon();
+				terminal.loadAddon(fitAddon);
+				terminal.open(terminalElement);
+				terminalRef.current = terminal;
+				inputDisposable = terminal.onData((data) => {
+					if (!activeRef.current) return;
+					inputBuffer += data;
+					scheduleInputFlush();
+				});
+				scheduleFitAndResize();
+				const terminalResponse = await postJson("/api/terminal", {
+					clientKey: tabId,
+					cols: terminal.cols,
+					rows: terminal.rows
+				});
+				if (disposed) return;
+				terminalIdRef.current = terminalResponse.id;
+				onTerminalIdChangeRef.current(tabId, terminalResponse.id);
+				connectTerminalWebSocket(terminalResponse.id);
+				resizeObserver = new ResizeObserver(scheduleFitAndResize);
+				resizeObserver.observe(terminalElement);
+				scheduleFitAndResize();
+			} catch (error) {
+				if (disposed) return;
+				const message = errorMessage(error);
+				publishStatus({
+					type: "error",
+					message
+				});
+				terminalRef.current?.writeln(`\r\n${message}`);
+			}
+		};
+		startTerminal();
+		return () => {
+			disposed = true;
+			if (inputFlushTimer !== null) window.clearTimeout(inputFlushTimer);
+			if (resizeFrame !== null) window.cancelAnimationFrame(resizeFrame);
+			if (reconnectTimer !== null) window.clearTimeout(reconnectTimer);
+			clearPingTimer();
+			flushInput();
+			resizeObserver?.disconnect();
+			if (websocket) {
+				websocket.onclose = null;
+				websocket.onerror = null;
+				websocket.onmessage = null;
+				websocket.close();
+			}
+			inputDisposable?.dispose();
+			terminalRef.current?.dispose();
+			terminalRef.current = null;
+			terminalIdRef.current = null;
+			fitAndResizeRef.current = () => {};
+		};
+	}, [
+		cwd,
+		sessionId,
+		tabId,
+		viewerContextId
+	]);
+	import_react.useEffect(() => {
+		const applyTheme = () => {
+			const terminal = terminalRef.current;
+			if (!terminal) return;
+			terminal.options.theme = createTerminalTheme();
+			terminal.options.fontFamily = createTerminalFontFamily();
+		};
+		const observer = new MutationObserver(applyTheme);
+		observer.observe(document.documentElement, {
+			attributeFilter: ["class", "data-pico-theme-mode"],
+			attributes: true
+		});
+		applyTheme();
+		return () => observer.disconnect();
+	}, []);
+	import_react.useEffect(() => {
+		if (!active) {
+			terminalRef.current?.blur();
+			return;
+		}
+		const frame = window.requestAnimationFrame(() => {
+			fitAndResizeRef.current();
+			terminalRef.current?.focus();
+		});
+		return () => window.cancelAnimationFrame(frame);
+	}, [active, status]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"aria-hidden": !selected,
+		"data-terminal-tab": tabId,
+		className: cn("absolute inset-0 min-h-0 w-full overflow-hidden bg-background", selected ? "z-10 opacity-100" : "pointer-events-none z-0 opacity-0"),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			ref: terminalElementRef,
+			className: "h-full min-h-0 w-full"
+		})
+	});
+}
+function TerminalPanel({ active, className, cwd, onClose, sessionId, showCloseButton = true, viewerContextId }) {
+	const normalizedCwd = cwd?.trim() || "";
+	const scopeKey = `${viewerContextId}:${sessionId ?? "no-session"}:${normalizedCwd}`;
+	const [tabsState, setTabsState] = import_react.useState(() => createTerminalTabsState(scopeKey));
+	const [statusDialogTabId, setStatusDialogTabId] = import_react.useState(null);
+	const tabs = tabsState.scopeKey === scopeKey ? tabsState.tabs : [];
+	const selectedTabId = tabsState.scopeKey === scopeKey ? tabsState.activeTabId ?? tabs[0]?.id ?? null : null;
+	import_react.useEffect(() => {
+		if (tabsState.scopeKey === scopeKey) return;
+		setTabsState(createTerminalTabsState(scopeKey));
+	}, [scopeKey, tabsState.scopeKey]);
+	import_react.useEffect(() => {
+		if (!active || !normalizedCwd || tabs.length > 0 || tabsState.scopeKey !== scopeKey) return;
+		const tab = createTerminalTab();
+		const nextState = {
+			activeTabId: tab.id,
+			scopeKey,
+			tabs: [tab]
+		};
+		rememberTerminalTabsState(nextState);
+		setTabsState(nextState);
+	}, [
+		active,
+		normalizedCwd,
+		scopeKey,
+		tabs.length,
+		tabsState.scopeKey
+	]);
+	const activeStatus = tabs.find((tab) => tab.id === selectedTabId)?.status ?? { type: "idle" };
+	const activeError = activeStatus.type === "error" ? activeStatus.message : void 0;
+	const statusDialogTab = tabs.find((tab) => tab.id === statusDialogTabId);
+	const statusDialogTabIndex = statusDialogTab ? tabs.indexOf(statusDialogTab) : 0;
+	const requestOptions = sessionId ? {
+		contextId: viewerContextId,
+		sessionId
+	} : { contextId: viewerContextId };
+	const addTerminalTab = () => {
+		if (!normalizedCwd) return;
+		const tab = createTerminalTab();
+		setTabsState((current) => {
+			const nextState = current.scopeKey !== scopeKey ? {
+				activeTabId: tab.id,
+				scopeKey,
+				tabs: [tab]
+			} : {
+				...current,
+				activeTabId: tab.id,
+				tabs: [...current.tabs, tab]
+			};
+			rememberTerminalTabsState(nextState);
+			return nextState;
+		});
+	};
+	const closeServerTerminal = (terminalId) => {
+		if (!terminalId) return;
+		fetchJson(buildRequestUrl(`/api/terminal/${encodeURIComponent(terminalId)}/close`, requestOptions), { method: "POST" }).catch(() => {});
+	};
+	const closeTerminalTab = (tabId) => {
+		if (tabs.length <= 0) return;
+		closeServerTerminal(tabs.find((tab) => tab.id === tabId)?.terminalId ?? null);
+		setTabsState((current) => {
+			if (current.scopeKey !== scopeKey || current.tabs.length <= 0) return current;
+			const closingIndex = current.tabs.findIndex((tab) => tab.id === tabId);
+			const nextTabs = current.tabs.filter((tab) => tab.id !== tabId);
+			const nextActiveTabId = current.activeTabId === tabId ? nextTabs[Math.min(Math.max(closingIndex, 0), nextTabs.length - 1)]?.id ?? null : current.activeTabId;
+			const nextState = {
+				...current,
+				activeTabId: nextActiveTabId,
+				tabs: nextTabs
+			};
+			rememberTerminalTabsState(nextState);
+			return nextState;
+		});
+	};
+	const updateTabStatus = (tabId, status) => {
+		setTabsState((current) => {
+			if (current.scopeKey !== scopeKey) return current;
+			return {
+				...current,
+				tabs: current.tabs.map((tab) => tab.id === tabId ? {
+					...tab,
+					status
+				} : tab)
+			};
+		});
+	};
+	const updateTabTerminalId = (tabId, terminalId) => {
+		setTabsState((current) => {
+			if (current.scopeKey !== scopeKey) return current;
+			return {
+				...current,
+				tabs: current.tabs.map((tab) => tab.id === tabId ? {
+					...tab,
+					terminalId
+				} : tab)
+			};
+		});
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+		"data-terminal-panel": "true",
+		className: cn("pico-terminal-panel flex h-full min-h-0 w-full min-w-0 flex-col bg-background", className),
+		onKeyDownCapture: (event) => {
+			if (!isTerminalToggleEvent(event) || !onClose) return;
+			event.preventDefault();
+			event.stopPropagation();
+			event.nativeEvent.stopImmediatePropagation();
+			onClose();
+		},
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex min-h-10 shrink-0 items-center gap-2 border-b border-border/70 px-2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "hidden max-w-56 min-w-0 flex-col gap-0 px-1 sm:flex",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "truncate text-xs font-medium",
+							children: "Terminal"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex min-w-0 items-center gap-1 truncate text-[11px] text-muted-foreground",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TerminalStatusDot, { status: activeStatus }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "truncate",
+								children: normalizedCwd ? formatDisplayPath$1(normalizedCwd) : "No cwd"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex min-w-0 flex-1 items-center gap-1 overflow-x-auto py-1",
+						children: [tabs.map((tab, index) => {
+							const selected = tab.id === selectedTabId;
+							const label = terminalTabLabel(tab, index);
+							const statusText = terminalStatusText(tab.status);
+							return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: cn("group flex h-7 max-w-48 shrink-0 items-center overflow-hidden rounded-md border text-xs", selected ? "border-border bg-muted text-foreground" : "border-transparent bg-transparent text-muted-foreground hover:bg-muted/60 hover:text-foreground"),
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+										title: `${label} · ${statusText}`,
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "flex h-full w-7 shrink-0 items-center justify-center outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
+											"aria-label": `Show ${label} status`,
+											onClick: (event) => {
+												event.stopPropagation();
+												setStatusDialogTabId(tab.id);
+											},
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TerminalStatusDot, { status: tab.status })
+										})
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+										title: `${label} · ${statusText}`,
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "flex h-full min-w-0 flex-1 items-center px-1 text-left outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
+											onClick: () => {
+												setTabsState((current) => {
+													if (current.scopeKey !== scopeKey) return current;
+													const nextState = {
+														...current,
+														activeTabId: tab.id
+													};
+													rememberTerminalTabsState(nextState);
+													return nextState;
+												});
+											},
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+												className: "truncate",
+												children: label
+											})
+										})
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+										title: `Close ${label}`,
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "flex h-full w-6 shrink-0 items-center justify-center text-muted-foreground opacity-70 outline-hidden group-hover:opacity-100 hover:bg-muted hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30",
+											"aria-label": `Close ${label}`,
+											onClick: (event) => {
+												event.stopPropagation();
+												closeTerminalTab(tab.id);
+											},
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3" })
+										})
+									})
+								]
+							}, tab.id);
+						}), normalizedCwd ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+							title: "New terminal tab",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+								size: "icon",
+								variant: "ghost",
+								className: "size-7 shrink-0",
+								"aria-label": "New terminal tab",
+								onClick: addTerminalTab,
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, { className: "size-4" })
+							})
+						}) : null]
+					}),
+					activeError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+						title: activeError,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "hidden max-w-48 truncate text-[11px] text-destructive sm:inline",
+							children: activeError
+						})
+					}) : null,
+					onClose && showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+						title: "Hide terminal",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							size: "icon",
+							variant: "ghost",
+							className: "size-8 shrink-0",
+							"aria-label": "Hide terminal",
+							onClick: onClose,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, {})
+						})
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TerminalStatusDialog, {
+				cwd: normalizedCwd,
+				index: statusDialogTabIndex,
+				open: statusDialogTab !== void 0,
+				tab: statusDialogTab,
+				onOpenChange: (open) => {
+					if (!open) setStatusDialogTabId(null);
+				}
+			}),
+			normalizedCwd ? tabs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "relative min-h-0 flex-1 overflow-hidden bg-background",
+				children: tabs.map((tab) => {
+					const selected = tab.id === selectedTabId;
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TerminalTabPane, {
+						active: active && selected,
+						cwd: normalizedCwd,
+						onStatusChange: updateTabStatus,
+						onTerminalIdChange: updateTabTerminalId,
+						selected,
+						sessionId,
+						tabId: tab.id,
+						viewerContextId
+					}, tab.id);
+				})
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 p-6 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "No terminal tabs are open." }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					size: "sm",
+					variant: "outline",
+					onClick: addTerminalTab,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, { className: "size-4" }), "New terminal tab"]
+				})]
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex min-h-0 flex-1 items-center justify-center p-6 text-sm text-muted-foreground",
+				children: "Open a session before starting a terminal."
+			})
+		]
+	});
+}
+function readStoredRightSidebarActiveTab() {
+	const stored = safeLocalStorageGetItem(RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY);
+	return stored === "files" || stored === "review" ? stored : "review";
+}
+function storeRightSidebarActiveTab(tab) {
+	if (tab === "commit-diff" || tab === "history") return;
+	safeLocalStorageSetItem(RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, tab);
+}
+function setRightSidebarActiveTab(store, tab) {
+	setStoreField(store, "activeTab", tab);
+	storeRightSidebarActiveTab(tab);
+}
+function createInitialRightSidebarState() {
+	return {
+		activeTab: readStoredRightSidebarActiveTab(),
+		fileActivePath: "",
+		filePreviewPath: "",
+		fileTabs: [],
+		fileTreeCollapsed: false
+	};
+}
+function selectRightSidebarVisibleFileTabs(state) {
+	return state.filePreviewPath && !state.fileTabs.includes(state.filePreviewPath) ? [...state.fileTabs, state.filePreviewPath] : state.fileTabs;
+}
+function selectRightSidebarHasVisibleFiles(state) {
+	return selectRightSidebarVisibleFileTabs(state).length > 0;
+}
+function resetRightSidebarFiles(store) {
+	setStoreState(store, (state) => ({
+		...state,
+		fileActivePath: "",
+		filePreviewPath: "",
+		fileTabs: [],
+		fileTreeCollapsed: false
+	}));
+}
+function openRightSidebarFile(store, path, options) {
 	if (!path) return;
 	storeRightSidebarActiveTab("files");
 	setStoreState(store, (state) => {
@@ -20363,22 +21381,33 @@ function reorderRightSidebarFiles(store, paths) {
 		fileTabs: uniquePaths
 	}));
 }
+function shallowTerminalSession(left, right) {
+	return left.cwd === right.cwd && left.sessionId === right.sessionId;
+}
 function AppShellTabsList({ sessionStore, viewerContextId }) {
 	const cwd = useSelector(sessionStore, (sessionState) => sessionState.cwd);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TabsList, {
 		className: "w-full gap-2 rounded-none border-b border-border/70 bg-background p-2 group-data-horizontal/tabs:h-auto md:hidden",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTrigger, {
-			value: "session",
-			className: "h-8 data-active:bg-muted dark:data-active:bg-muted",
-			children: "Session"
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTrigger, {
-			value: "git",
-			className: "h-8 data-active:bg-muted dark:data-active:bg-muted",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitTabStatusText, {
-				viewerContextId,
-				cwd
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTrigger, {
+				value: "session",
+				className: "h-8 data-active:bg-muted dark:data-active:bg-muted",
+				children: "Session"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTrigger, {
+				value: "git",
+				className: "h-8 data-active:bg-muted dark:data-active:bg-muted",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitTabStatusText, {
+					viewerContextId,
+					cwd
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTrigger, {
+				value: "terminal",
+				className: "h-8 data-active:bg-muted dark:data-active:bg-muted",
+				children: "Terminal"
 			})
-		})]
+		]
 	});
 }
 var AppShellGitPanelController = import_react.memo(function AppShellGitPanelController({ active, composerDiffLineComments, onAddDiffLineComment, onCloseAllFiles, onCloseFile, onCloseFilesToRight, onCloseOtherFiles, onOpenFile, onReorderFiles, rightSidebarStore, sessionStore, viewerContextId }) {
@@ -20457,6 +21486,10 @@ var DESKTOP_DEFAULT_GIT_PANEL_WIDTH = 320;
 var DESKTOP_MIN_SESSION_WIDTH = 320;
 var DESKTOP_MIN_SIDE_PANEL_WIDTH = 260;
 var DESKTOP_MAX_STORED_SIDE_PANEL_WIDTH = 1600;
+var DESKTOP_DEFAULT_TERMINAL_PANEL_HEIGHT = 280;
+var DESKTOP_MIN_TERMINAL_PANEL_HEIGHT = 160;
+var DESKTOP_MIN_TOP_PANEL_HEIGHT = 220;
+var DESKTOP_MAX_STORED_TERMINAL_PANEL_HEIGHT = 1200;
 function defaultDesktopSidePanelWidths() {
 	return {
 		fileViewWidth: DESKTOP_DEFAULT_FILE_VIEW_WIDTH,
@@ -20491,6 +21524,18 @@ function storeDesktopSidePanelWidths(widths) {
 function sameDesktopSidePanelWidths(left, right) {
 	return left.fileViewWidth === right.fileViewWidth && left.gitPanelWidth === right.gitPanelWidth;
 }
+function clampStoredDesktopTerminalPanelHeight(value) {
+	if (value == null || value === "") return DESKTOP_DEFAULT_TERMINAL_PANEL_HEIGHT;
+	const height = typeof value === "number" ? value : Number(value);
+	if (!Number.isFinite(height)) return DESKTOP_DEFAULT_TERMINAL_PANEL_HEIGHT;
+	return Math.round(Math.min(DESKTOP_MAX_STORED_TERMINAL_PANEL_HEIGHT, Math.max(DESKTOP_MIN_TERMINAL_PANEL_HEIGHT, height)));
+}
+function readStoredDesktopTerminalPanelHeight() {
+	return clampStoredDesktopTerminalPanelHeight(safeLocalStorageGetItem(TERMINAL_PANEL_HEIGHT_STORAGE_KEY));
+}
+function storeDesktopTerminalPanelHeight(height) {
+	safeLocalStorageSetItem(TERMINAL_PANEL_HEIGHT_STORAGE_KEY, String(clampStoredDesktopTerminalPanelHeight(height)));
+}
 function clampDesktopPanelSize(value, min, max) {
 	if (!Number.isFinite(value)) return min;
 	if (max <= min) return Math.max(0, max);
@@ -20535,7 +21580,86 @@ function fitDesktopSidePanelWidths({ availableWidth, fileOpen, fileWidth, gitOpe
 		sideWidth: nextFileWidth + nextGitWidth
 	};
 }
-function AppShellDesktopResizeHandle({ label, max, min, onResize, onResizeEnd, onResizeStart, size }) {
+function AppShellDesktopResizeHandle({ label, max, min, onResize, onResizeEnd, onResizeStart, size }) {
+	const propsRef = useLatestRef({
+		max,
+		min,
+		onResize,
+		onResizeEnd,
+		onResizeStart,
+		size
+	});
+	const [horizontalResizeCursor, setHorizontalResizeCursor] = import_react.useState("col-resize");
+	const [resizeTargetMinimumSize, setResizeTargetMinimumSize] = import_react.useState(10);
+	import_react.useEffect(() => {
+		const updateResizeTarget = () => {
+			setResizeTargetMinimumSize(getSidebarResizeTargetMinimumSize());
+		};
+		const coarsePointerQuery = window.matchMedia("(pointer:coarse)");
+		setHorizontalResizeCursor(getSidebarHorizontalResizeCursor());
+		updateResizeTarget();
+		coarsePointerQuery.addEventListener("change", updateResizeTarget);
+		return () => {
+			coarsePointerQuery.removeEventListener("change", updateResizeTarget);
+		};
+	}, []);
+	const horizontalResizeCursorClass = horizontalResizeCursor === "ew-resize" ? "cursor-ew-resize" : "cursor-col-resize";
+	const resizeTo = (nextSize) => {
+		const current = propsRef.current;
+		current.onResize(clampDesktopPanelSize(nextSize, current.min, current.max));
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		role: "separator",
+		"aria-label": label,
+		"aria-orientation": "vertical",
+		tabIndex: 0,
+		style: {
+			"--resize-target-width": `${resizeTargetMinimumSize}px`,
+			cursor: horizontalResizeCursor
+		},
+		className: `absolute inset-y-0 left-0 z-20 w-(--resize-target-width) -translate-x-1/2 touch-none bg-transparent outline-hidden after:absolute after:inset-y-0 after:left-1/2 after:w-px after:bg-transparent focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 ${resizeRailPrimaryInteractiveClass} ${horizontalResizeCursorClass}`,
+		onKeyDown: (event) => {
+			if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+			event.preventDefault();
+			const delta = event.shiftKey ? 48 : 16;
+			resizeTo(propsRef.current.size + (event.key === "ArrowLeft" ? delta : -delta));
+		},
+		onPointerDown: (event) => {
+			if (event.button !== 0) return;
+			event.preventDefault();
+			const current = propsRef.current;
+			const startX = event.clientX;
+			const startSize = current.size;
+			const cursor = getSidebarHorizontalResizeCursor();
+			const previousCursor = document.body.style.cursor;
+			const previousUserSelect = document.body.style.userSelect;
+			const cleanupGlobalResizeCursor = installGlobalResizeCursor(cursor);
+			current.onResizeStart?.();
+			Object.assign(document.body.style, {
+				userSelect: "none",
+				cursor
+			});
+			const handlePointerMove = (moveEvent) => {
+				resizeTo(startSize + startX - moveEvent.clientX);
+			};
+			const handlePointerUp = () => {
+				cleanupGlobalResizeCursor();
+				Object.assign(document.body.style, {
+					userSelect: previousUserSelect,
+					cursor: previousCursor
+				});
+				document.removeEventListener("pointermove", handlePointerMove);
+				document.removeEventListener("pointerup", handlePointerUp);
+				document.removeEventListener("pointercancel", handlePointerUp);
+				propsRef.current.onResizeEnd?.();
+			};
+			document.addEventListener("pointermove", handlePointerMove);
+			document.addEventListener("pointerup", handlePointerUp);
+			document.addEventListener("pointercancel", handlePointerUp);
+		}
+	});
+}
+function AppShellDesktopVerticalResizeHandle({ label, max, min, onResize, onResizeEnd, onResizeStart, size }) {
 	const propsRef = useLatestRef({
 		max,
 		min,
@@ -20544,21 +21668,21 @@ function AppShellDesktopResizeHandle({ label, max, min, onResize, onResizeEnd, o
 		onResizeStart,
 		size
 	});
-	const [horizontalResizeCursor, setHorizontalResizeCursor] = import_react.useState("col-resize");
+	const [verticalResizeCursor, setVerticalResizeCursor] = import_react.useState("row-resize");
 	const [resizeTargetMinimumSize, setResizeTargetMinimumSize] = import_react.useState(10);
 	import_react.useEffect(() => {
 		const updateResizeTarget = () => {
 			setResizeTargetMinimumSize(getSidebarResizeTargetMinimumSize());
 		};
 		const coarsePointerQuery = window.matchMedia("(pointer:coarse)");
-		setHorizontalResizeCursor(getSidebarHorizontalResizeCursor());
+		setVerticalResizeCursor(getSidebarVerticalResizeCursor());
 		updateResizeTarget();
 		coarsePointerQuery.addEventListener("change", updateResizeTarget);
 		return () => {
 			coarsePointerQuery.removeEventListener("change", updateResizeTarget);
 		};
 	}, []);
-	const horizontalResizeCursorClass = horizontalResizeCursor === "ew-resize" ? "cursor-ew-resize" : "cursor-col-resize";
+	const verticalResizeCursorClass = verticalResizeCursor === "ns-resize" ? "cursor-ns-resize" : "cursor-row-resize";
 	const resizeTo = (nextSize) => {
 		const current = propsRef.current;
 		current.onResize(clampDesktopPanelSize(nextSize, current.min, current.max));
@@ -20566,26 +21690,26 @@ function AppShellDesktopResizeHandle({ label, max, min, onResize, onResizeEnd, o
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		role: "separator",
 		"aria-label": label,
-		"aria-orientation": "vertical",
+		"aria-orientation": "horizontal",
 		tabIndex: 0,
 		style: {
-			"--resize-target-width": `${resizeTargetMinimumSize}px`,
-			cursor: horizontalResizeCursor
+			"--resize-target-height": `${resizeTargetMinimumSize}px`,
+			cursor: verticalResizeCursor
 		},
-		className: `absolute inset-y-0 left-0 z-20 w-(--resize-target-width) -translate-x-1/2 touch-none bg-transparent outline-hidden after:absolute after:inset-y-0 after:left-1/2 after:w-px after:bg-transparent focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 ${resizeRailPrimaryInteractiveClass} ${horizontalResizeCursorClass}`,
+		className: `absolute inset-x-0 top-0 z-20 h-(--resize-target-height) -translate-y-1/2 touch-none bg-transparent outline-hidden after:absolute after:inset-x-0 after:top-1/2 after:h-px after:bg-transparent focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 ${resizeRailPrimaryInteractiveClass} ${verticalResizeCursorClass}`,
 		onKeyDown: (event) => {
-			if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+			if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return;
 			event.preventDefault();
 			const delta = event.shiftKey ? 48 : 16;
-			resizeTo(propsRef.current.size + (event.key === "ArrowLeft" ? delta : -delta));
+			resizeTo(propsRef.current.size + (event.key === "ArrowUp" ? delta : -delta));
 		},
 		onPointerDown: (event) => {
 			if (event.button !== 0) return;
 			event.preventDefault();
 			const current = propsRef.current;
-			const startX = event.clientX;
+			const startY = event.clientY;
 			const startSize = current.size;
-			const cursor = getSidebarHorizontalResizeCursor();
+			const cursor = getSidebarVerticalResizeCursor();
 			const previousCursor = document.body.style.cursor;
 			const previousUserSelect = document.body.style.userSelect;
 			const cleanupGlobalResizeCursor = installGlobalResizeCursor(cursor);
@@ -20595,7 +21719,7 @@ function AppShellDesktopResizeHandle({ label, max, min, onResize, onResizeEnd, o
 				cursor
 			});
 			const handlePointerMove = (moveEvent) => {
-				resizeTo(startSize + startX - moveEvent.clientX);
+				resizeTo(startSize + startY - moveEvent.clientY);
 			};
 			const handlePointerUp = () => {
 				cleanupGlobalResizeCursor();
@@ -20617,18 +21741,24 @@ function AppShellDesktopResizeHandle({ label, max, min, onResize, onResizeEnd, o
 function AppShellTabsController(props) {
 	return useAppShellTabsControllerView(props);
 }
-function useAppShellTabsControllerView({ actionsRef, appUiStore, awaitingFirstTurn, composerDiffLineComments, composerPanelRef, contextUsageStore, conversationFrameRef, conversationItemsStore, defaultNewSessionDirectory, displaySettingsStore, fileInputRef, gitPanelOpen, hiddenThinkingPreviewStore, isSessionViewLoading, isSubmitting, isMobile, newSessionDirectoryOptions, onCancelCompaction, onCreateSession, onOpenAddDirectoryDialog, onCloseAllFileViewTabs, onCloseFileViewTab, onCloseFileViewTabsToRight, onCloseOtherFileViewTabs, onAddDiffLineComment, onOpenFileViewTab, onReorderFileViewTabs, onValueChange, rightSidebarStore, sessionStore, store, viewerContextId, workingStateStore }) {
+function useAppShellTabsControllerView({ actionsRef, appUiStore, awaitingFirstTurn, composerDiffLineComments, composerPanelRef, contextUsageStore, conversationFrameRef, conversationItemsStore, defaultNewSessionDirectory, displaySettingsStore, fileInputRef, gitPanelOpen, terminalPanelOpen, hiddenThinkingPreviewStore, isSessionViewLoading, isSubmitting, isMobile, newSessionDirectoryOptions, onCancelCompaction, onCreateSession, onOpenAddDirectoryDialog, onCloseAllFileViewTabs, onCloseFileViewTab, onCloseFileViewTabsToRight, onCloseOtherFileViewTabs, onCloseTerminalPanel, onAddDiffLineComment, onOpenFileViewTab, onReorderFileViewTabs, onValueChange, rightSidebarStore, sessionStore, store, viewerContextId, workingStateStore }) {
 	const currentTab = useSelector(appUiStore, (state) => state.currentTab);
 	const isDraftSession = useSelector(sessionStore, (sessionState) => sessionState.draft);
+	const terminalSession = useSelector(sessionStore, (sessionState) => ({
+		cwd: sessionState.cwd,
+		sessionId: sessionState.sessionId
+	}), { compare: shallowTerminalSession });
 	const showTabsList = isMobile || !isDraftSession || isSessionViewLoading;
-	const sessionVisibleClassName = currentTab === "git" ? "hidden min-h-0 flex-1 flex-col md:flex" : "flex min-h-0 flex-1 flex-col";
+	const sessionVisibleClassName = currentTab === "session" ? "flex min-h-0 flex-1 flex-col" : "hidden min-h-0 flex-1 flex-col md:flex";
 	const mobileGitClassName = currentTab === "git" ? "min-h-0 flex-1 overflow-hidden md:hidden" : "hidden";
+	const mobileTerminalClassName = currentTab === "terminal" ? "min-h-0 flex-1 overflow-hidden md:hidden" : "hidden";
 	const rightSidebarHasVisibleFiles = useSelector(rightSidebarStore, selectRightSidebarHasVisibleFiles);
 	const desktopGitPanelOpen = !isMobile && gitPanelOpen;
 	const desktopFileViewOpen = !isMobile && gitPanelOpen && rightSidebarHasVisibleFiles;
 	const desktopSideWorkspaceOpen = desktopFileViewOpen || desktopGitPanelOpen;
 	const desktopLayoutRef = import_react.useRef(null);
 	const [desktopLayoutWidth, setDesktopLayoutWidth] = import_react.useState(0);
+	const [desktopLayoutHeight, setDesktopLayoutHeight] = import_react.useState(0);
 	const [desktopSidePanelWidths, setDesktopSidePanelWidthsState] = import_react.useState(() => defaultDesktopSidePanelWidths());
 	const desktopSidePanelWidthsLoadedRef = import_react.useRef(false);
 	const desktopSidePanelWidthsRef = import_react.useRef(desktopSidePanelWidths);
@@ -20656,12 +21786,30 @@ function useAppShellTabsControllerView({ actionsRef, appUiStore, awaitingFirstTu
 		}));
 	};
 	const [desktopGitPanelMounted, setDesktopGitPanelMounted] = import_react.useState(desktopGitPanelOpen);
+	const [desktopTerminalPanelHeight, setDesktopTerminalPanelHeightState] = import_react.useState(() => DESKTOP_DEFAULT_TERMINAL_PANEL_HEIGHT);
+	const desktopTerminalPanelHeightLoadedRef = import_react.useRef(false);
+	const desktopTerminalPanelHeightRef = import_react.useRef(desktopTerminalPanelHeight);
+	desktopTerminalPanelHeightRef.current = desktopTerminalPanelHeight;
+	const [desktopTerminalPanelMounted, setDesktopTerminalPanelMounted] = import_react.useState(!isMobile && terminalPanelOpen);
 	const [desktopPanelResizing, setDesktopPanelResizing] = import_react.useState(false);
+	const [desktopTerminalResizing, setDesktopTerminalResizing] = import_react.useState(false);
+	const setDesktopTerminalPanelHeight = (action) => {
+		const current = desktopTerminalPanelHeightRef.current;
+		const next = clampStoredDesktopTerminalPanelHeight(applyStoreAction(current, action));
+		if (current === next) return;
+		desktopTerminalPanelHeightRef.current = next;
+		setDesktopTerminalPanelHeightState(next);
+		if (desktopTerminalPanelHeightLoadedRef.current) storeDesktopTerminalPanelHeight(next);
+	};
 	import_react.useEffect(() => {
 		const storedWidths = readStoredDesktopSidePanelWidths();
+		const storedTerminalPanelHeight = readStoredDesktopTerminalPanelHeight();
 		desktopSidePanelWidthsLoadedRef.current = true;
+		desktopTerminalPanelHeightLoadedRef.current = true;
 		desktopSidePanelWidthsRef.current = storedWidths;
+		desktopTerminalPanelHeightRef.current = storedTerminalPanelHeight;
 		setDesktopSidePanelWidthsState((current) => sameDesktopSidePanelWidths(current, storedWidths) ? current : storedWidths);
+		setDesktopTerminalPanelHeightState((current) => current === storedTerminalPanelHeight ? current : storedTerminalPanelHeight);
 	}, []);
 	const sessionPane = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden",
@@ -20689,7 +21837,7 @@ function useAppShellTabsControllerView({ actionsRef, appUiStore, awaitingFirstTu
 				viewerContextId,
 				workingStateStore
 			})
-		}), isMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		}), isMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: mobileGitClassName,
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellGitPanelController, {
 				viewerContextId,
@@ -20705,32 +21853,50 @@ function useAppShellTabsControllerView({ actionsRef, appUiStore, awaitingFirstTu
 				onOpenFile: onOpenFileViewTab,
 				onReorderFiles: onReorderFileViewTabs
 			})
-		}) : null]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: mobileTerminalClassName,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TerminalPanel, {
+				active: currentTab === "terminal",
+				cwd: terminalSession.cwd,
+				onClose: onCloseTerminalPanel,
+				sessionId: terminalSession.sessionId,
+				showCloseButton: false,
+				viewerContextId
+			})
+		})] }) : null]
 	});
 	import_react.useLayoutEffect(() => {
 		if (isMobile) {
 			setDesktopGitPanelMounted(false);
+			setDesktopTerminalPanelMounted(false);
 			return;
 		}
 		if (desktopSideWorkspaceOpen) setDesktopGitPanelMounted(true);
-	}, [desktopSideWorkspaceOpen, isMobile]);
+		if (terminalPanelOpen) setDesktopTerminalPanelMounted(true);
+	}, [
+		desktopSideWorkspaceOpen,
+		isMobile,
+		terminalPanelOpen
+	]);
 	import_react.useLayoutEffect(() => {
 		if (isMobile) return;
 		const element = desktopLayoutRef.current;
 		if (!element) return;
-		const updateWidth = () => {
+		const updateSize = () => {
 			setDesktopLayoutWidth(element.clientWidth);
+			setDesktopLayoutHeight(element.clientHeight);
 		};
-		updateWidth();
+		updateSize();
 		if (typeof ResizeObserver === "undefined") {
-			window.addEventListener("resize", updateWidth);
-			return () => window.removeEventListener("resize", updateWidth);
+			window.addEventListener("resize", updateSize);
+			return () => window.removeEventListener("resize", updateSize);
 		}
-		const observer = new ResizeObserver(updateWidth);
+		const observer = new ResizeObserver(updateSize);
 		observer.observe(element);
 		return () => observer.disconnect();
 	}, [isMobile]);
 	const desktopAvailableWidth = desktopLayoutWidth || (typeof window === "undefined" ? 1200 : window.innerWidth);
+	const desktopAvailableHeight = desktopLayoutHeight || (typeof window === "undefined" ? 800 : window.innerHeight);
 	const desktopGitPanelRendered = desktopSideWorkspaceOpen || desktopGitPanelMounted || desktopGitPanelOpen;
 	const desktopFittedWidths = fitDesktopSidePanelWidths({
 		availableWidth: desktopAvailableWidth,
@@ -20741,14 +21907,25 @@ function useAppShellTabsControllerView({ actionsRef, appUiStore, awaitingFirstTu
 	});
 	const desktopSideWorkspaceRendered = desktopSideWorkspaceOpen || desktopGitPanelMounted;
 	const desktopSideWorkspaceWidth = desktopSideWorkspaceOpen ? desktopFittedWidths.sideWidth : 0;
-	const desktopTransitionClassName = !desktopPanelResizing ? "transition-[width] duration-200 ease-linear" : "";
-	const desktopPanelGroupClassName = "relative flex h-full min-h-0 w-full flex-1 overflow-hidden";
+	const desktopTerminalOpen = !isMobile && terminalPanelOpen;
+	const desktopTerminalRendered = desktopTerminalOpen || desktopTerminalPanelMounted;
+	const desktopTerminalMaxHeight = Math.max(DESKTOP_MIN_TERMINAL_PANEL_HEIGHT, desktopAvailableHeight - DESKTOP_MIN_TOP_PANEL_HEIGHT);
+	const desktopFittedTerminalPanelHeight = clampDesktopPanelSize(desktopTerminalPanelHeight, Math.min(DESKTOP_MIN_TERMINAL_PANEL_HEIGHT, desktopTerminalMaxHeight), desktopTerminalMaxHeight);
+	const desktopTerminalVisibleHeight = desktopTerminalOpen ? desktopFittedTerminalPanelHeight : 0;
+	const desktopTransitionClassName = !desktopPanelResizing && !desktopTerminalResizing ? "transition-[width,height] duration-200 ease-linear" : "";
+	const desktopPanelGroupClassName = "relative flex min-h-0 w-full shrink-0 overflow-hidden";
 	const desktopResizeStart = () => {
 		setDesktopPanelResizing(true);
 	};
 	const desktopResizeEnd = () => {
 		setDesktopPanelResizing(false);
 	};
+	const desktopTerminalResizeStart = () => {
+		setDesktopTerminalResizing(true);
+	};
+	const desktopTerminalResizeEnd = () => {
+		setDesktopTerminalResizing(false);
+	};
 	const desktopSideWorkspaceMaxWidth = Math.max(0, desktopAvailableWidth - DESKTOP_MIN_SESSION_WIDTH);
 	const setDesktopSideWorkspaceWidth = (nextSize) => {
 		if (!desktopFileViewOpen) {
@@ -20757,6 +21934,9 @@ function useAppShellTabsControllerView({ actionsRef, appUiStore, awaitingFirstTu
 		}
 		setDesktopFileViewWidth(Math.max(DESKTOP_MIN_SIDE_PANEL_WIDTH, nextSize - desktopGitPanelWidth));
 	};
+	const setDesktopTerminalHeight = (nextSize) => {
+		setDesktopTerminalPanelHeight(clampDesktopPanelSize(nextSize, Math.min(DESKTOP_MIN_TERMINAL_PANEL_HEIGHT, desktopTerminalMaxHeight), desktopTerminalMaxHeight));
+	};
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tabs$1, {
 		value: currentTab,
 		onValueChange,
@@ -20769,54 +21949,83 @@ function useAppShellTabsControllerView({ actionsRef, appUiStore, awaitingFirstTu
 			children: sessionPane
 		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			ref: desktopLayoutRef,
-			className: desktopPanelGroupClassName,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				"data-desktop-panel": "session",
-				className: `h-full min-h-0 min-w-0 shrink-0 overflow-hidden ${desktopTransitionClassName}`,
-				style: { width: desktopSideWorkspaceOpen ? `calc(100% - ${desktopSideWorkspaceWidth}px)` : "100%" },
-				children: sessionPane
-			}), desktopSideWorkspaceRendered ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("aside", {
-				"aria-label": "Desktop side workspace",
-				"aria-hidden": !desktopSideWorkspaceOpen,
-				"data-state": desktopSideWorkspaceOpen ? "open" : "closed",
-				"data-desktop-panel": "side-workspace",
-				className: `flex h-full min-h-0 min-w-0 shrink-0 overflow-visible bg-background data-[state=closed]:pointer-events-none ${desktopTransitionClassName}`,
-				style: { width: `${desktopSideWorkspaceWidth}px` },
-				children: desktopGitPanelRendered ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					"data-desktop-panel": "git",
-					className: `relative h-full min-h-0 min-w-0 shrink-0 overflow-visible ${desktopTransitionClassName}`,
+			className: "flex min-h-0 flex-1 flex-col overflow-hidden",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: desktopPanelGroupClassName,
+				style: { height: desktopTerminalOpen ? `calc(100% - ${desktopTerminalVisibleHeight}px)` : "100%" },
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					"data-desktop-panel": "session",
+					className: `h-full min-h-0 min-w-0 shrink-0 overflow-hidden max-md:w-full! ${desktopTransitionClassName}`,
+					style: { width: desktopSideWorkspaceOpen ? `calc(100% - ${desktopSideWorkspaceWidth}px)` : "100%" },
+					children: sessionPane
+				}), desktopSideWorkspaceRendered ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("aside", {
+					"aria-label": "Desktop side workspace",
+					"aria-hidden": !desktopSideWorkspaceOpen,
+					"data-state": desktopSideWorkspaceOpen ? "open" : "closed",
+					"data-desktop-panel": "side-workspace",
+					className: `hidden h-full min-h-0 min-w-0 shrink-0 overflow-visible bg-background data-[state=closed]:pointer-events-none md:flex ${desktopTransitionClassName}`,
 					style: { width: `${desktopSideWorkspaceWidth}px` },
-					children: [desktopGitPanelOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellDesktopResizeHandle, {
-						label: "Resize right sidebar",
-						min: Math.min(DESKTOP_MIN_SIDE_PANEL_WIDTH, desktopSideWorkspaceMaxWidth),
-						max: desktopSideWorkspaceMaxWidth,
-						size: desktopSideWorkspaceWidth,
-						onResize: setDesktopSideWorkspaceWidth,
-						onResizeStart: desktopResizeStart,
-						onResizeEnd: desktopResizeEnd
-					}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "h-full min-h-0 min-w-0 overflow-hidden",
-						children: desktopGitPanelRendered ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellDesktopGitPanel, {
-							viewerContextId,
-							sessionStore,
-							active: desktopGitPanelOpen,
-							composerDiffLineComments,
-							rightSidebarStore,
-							onAddDiffLineComment,
-							onCloseAllFiles: onCloseAllFileViewTabs,
-							onCloseFile: onCloseFileViewTab,
-							onCloseFilesToRight: onCloseFileViewTabsToRight,
-							onCloseOtherFiles: onCloseOtherFileViewTabs,
-							onOpenFile: onOpenFileViewTab,
-							onReorderFiles: onReorderFileViewTabs
-						}) : null
-					})]
-				}) : null
+					children: desktopGitPanelRendered ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						"data-desktop-panel": "git",
+						className: `relative h-full min-h-0 min-w-0 shrink-0 overflow-visible ${desktopTransitionClassName}`,
+						style: { width: `${desktopSideWorkspaceWidth}px` },
+						children: [desktopGitPanelOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellDesktopResizeHandle, {
+							label: "Resize right sidebar",
+							min: Math.min(DESKTOP_MIN_SIDE_PANEL_WIDTH, desktopSideWorkspaceMaxWidth),
+							max: desktopSideWorkspaceMaxWidth,
+							size: desktopSideWorkspaceWidth,
+							onResize: setDesktopSideWorkspaceWidth,
+							onResizeStart: desktopResizeStart,
+							onResizeEnd: desktopResizeEnd
+						}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "h-full min-h-0 min-w-0 overflow-hidden",
+							children: desktopGitPanelRendered ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellDesktopGitPanel, {
+								viewerContextId,
+								sessionStore,
+								active: desktopGitPanelOpen,
+								composerDiffLineComments,
+								rightSidebarStore,
+								onAddDiffLineComment,
+								onCloseAllFiles: onCloseAllFileViewTabs,
+								onCloseFile: onCloseFileViewTab,
+								onCloseFilesToRight: onCloseFileViewTabsToRight,
+								onCloseOtherFiles: onCloseOtherFileViewTabs,
+								onOpenFile: onOpenFileViewTab,
+								onReorderFiles: onReorderFileViewTabs
+							}) : null
+						})]
+					}) : null
+				}) : null]
+			}), desktopTerminalRendered ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", {
+				"aria-label": "Terminal",
+				"aria-hidden": !desktopTerminalOpen,
+				"data-state": desktopTerminalOpen ? "open" : "closed",
+				"data-desktop-panel": "terminal",
+				className: `relative hidden min-h-0 w-full shrink-0 overflow-visible border-t border-border/70 bg-background data-[state=closed]:pointer-events-none data-[state=closed]:border-transparent md:flex ${desktopTransitionClassName}`,
+				style: { height: `${desktopTerminalVisibleHeight}px` },
+				children: [desktopTerminalOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellDesktopVerticalResizeHandle, {
+					label: "Resize terminal",
+					min: Math.min(DESKTOP_MIN_TERMINAL_PANEL_HEIGHT, desktopTerminalMaxHeight),
+					max: desktopTerminalMaxHeight,
+					size: desktopTerminalVisibleHeight,
+					onResize: setDesktopTerminalHeight,
+					onResizeStart: desktopTerminalResizeStart,
+					onResizeEnd: desktopTerminalResizeEnd
+				}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "h-full min-h-0 w-full min-w-0 overflow-hidden",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TerminalPanel, {
+						active: desktopTerminalOpen,
+						cwd: terminalSession.cwd,
+						onClose: onCloseTerminalPanel,
+						sessionId: terminalSession.sessionId,
+						viewerContextId
+					})
+				})]
 			}) : null]
 		})]
 	});
 }
-var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ actionsRef, defaultNewSessionDirectory, displaySessionCwd, gitPanelOpen, loadingDisplaySessionTitle, currentSessionPinned, displaySettingsStore, isSessionViewLoading, newSessionDirectoryOptions, onToggleGitPanel, sessionStore, viewerContextId }) {
+var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ actionsRef, defaultNewSessionDirectory, displaySessionCwd, gitPanelOpen, terminalPanelOpen, loadingDisplaySessionTitle, currentSessionPinned, displaySettingsStore, isSessionViewLoading, newSessionDirectoryOptions, onToggleGitPanel, onToggleTerminalPanel, sessionStore, viewerContextId }) {
 	const sessionHeaderState = useSelector(sessionStore, (sessionState) => ({
 		firstMessage: sessionState.firstMessage,
 		hideThinkingBlock: sessionState.hideThinkingBlock,
@@ -20825,8 +22034,6 @@ var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ a
 		sessionStreaming: sessionState.streaming
 	}), { compare: shallowRecordEqual });
 	const hideToolBlocks = useSelector(displaySettingsStore, (settings) => settings.hideToolBlocks);
-	const { isMobile: sidebarIsMobile, openMobile: sidebarOpenMobile, state: sidebarState } = useSidebar();
-	const showCollapsedNewSessionButton = !(sidebarIsMobile ? sidebarOpenMobile : sidebarState === "expanded");
 	const displaySessionTitle = isSessionViewLoading ? loadingDisplaySessionTitle : getCurrentSessionTitleFromState(sessionHeaderState);
 	const moveSessionDirectoryOptions = newSessionDirectoryOptions.filter((option) => option.path !== displaySessionCwd);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -20835,25 +22042,26 @@ var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ a
 			className: "relative flex w-full items-center gap-1",
 			children: [
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, { className: "shrink-0" }),
-				showCollapsedNewSessionButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
 					title: defaultNewSessionDirectory ? `Create a new session in ${formatDisplayPath$1(defaultNewSessionDirectory)}` : "Create a new session",
 					kbd: formatShortcutLabel("Control+N"),
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 						size: "icon",
 						variant: "ghost",
-						className: "shrink-0",
+						className: "shrink-0 md:group-data-[sidebar-state=expanded]/sidebar-wrapper:hidden",
 						"aria-label": "Create a new session",
 						onClick: () => {
 							actionsRef.current.createSession();
 						},
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SquarePen, {})
 					})
-				}) : null,
+				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: "absolute left-1/2 flex w-max max-w-[calc(100%-4rem)] -translate-x-1/2 flex-col items-center justify-center gap-0 text-center",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 						className: "flex max-w-full min-w-0 items-center justify-center gap-1.5",
 						children: [!isSessionViewLoading && sessionHeaderState.sessionStreaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {
+							size: "xs",
 							className: "shrink-0",
 							"aria-label": "Session streaming"
 						}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
@@ -20864,7 +22072,7 @@ var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ a
 							})
 						})]
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex max-w-full min-w-0 items-center justify-center gap-x-3",
+						className: "flex max-w-full min-w-0 items-center justify-center gap-x-2",
 						children: [displaySessionCwd ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 							className: "inline-flex min-w-0 items-center text-xs text-muted-foreground",
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
@@ -21002,6 +22210,19 @@ var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ a
 								})
 							]
 						})] }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+							title: "Toggle terminal",
+							kbd: formatShortcutLabel("Control+`"),
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+								size: "icon",
+								variant: "ghost",
+								className: "hidden md:inline-flex",
+								"aria-pressed": terminalPanelOpen,
+								"aria-label": "Toggle terminal panel",
+								onClick: onToggleTerminalPanel,
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SquareTerminal, {})
+							})
+						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
 							title: "Toggle right sidebar",
 							kbd: formatShortcutLabel("Control+\\"),
@@ -21046,45 +22267,10 @@ function useDelayedTrue(value, delayMs) {
 	}, [delayMs, value]);
 	return delayedValue;
 }
-function tildePath(value) {
-	return value.replace(/^\/Users\/[^/]+(?=\/|$)/, "~").replace(/^\/home\/[^/]+(?=\/|$)/, "~");
-}
-function splitDisplayPath(value) {
-	if (!value) return {
-		leading: "",
-		trailing: ""
-	};
-	const trimmed = value.replace(/[\\/]+$/, "");
-	if (!trimmed) return {
-		leading: "",
-		trailing: value
-	};
-	const suffix = value.slice(trimmed.length);
-	const separatorIndex = Math.max(trimmed.lastIndexOf("/"), trimmed.lastIndexOf("\\"));
-	if (separatorIndex < 0 || separatorIndex === trimmed.length - 1) return {
-		leading: "",
-		trailing: `${trimmed}${suffix}`
-	};
-	return {
-		leading: trimmed.slice(0, separatorIndex + 1),
-		trailing: `${trimmed.slice(separatorIndex + 1)}${suffix}`
-	};
-}
 function DirectoryPathLabel({ path }) {
-	const displayPath = tildePath(path);
-	const { leading, trailing } = splitDisplayPath(displayPath);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-		className: "block min-w-0 text-sm text-sidebar-foreground",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-			className: "flex min-w-0 items-center",
-			children: [leading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "truncate text-sidebar-foreground/60",
-				children: leading
-			}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "shrink-0 font-medium",
-				children: trailing || displayPath
-			})]
-		})
+		className: "block min-w-0 truncate text-sm font-medium text-sidebar-foreground",
+		children: formatFolderName$1(path) || path
 	});
 }
 var EMPTY_DIRECTORY_SESSION_KEYS = [];
@@ -21324,7 +22510,7 @@ function SidebarSessionItem({ entryKey, directorySessionsStore, activeSessionSto
 	const timestamp = entry.lastMessageAt || entry.modified || entry.lastUserMessageAt;
 	const hasTimestamp = isValidSidebarTimestamp(timestamp);
 	const lastMessagePreview = entry.lastMessagePreview?.trim() || "";
-	const pinnedDirectoryLabel = isPinned ? formatDisplayPath$1(entry.cwd?.trim() || entry.path?.trim() || "") : "";
+	const pinnedDirectoryLabel = isPinned ? formatFolderName$1(entry.cwd?.trim() || entry.path?.trim() || "") : "";
 	const exactTimestamp = hasTimestamp && timestamp ? new Date(timestamp).toLocaleString() : void 0;
 	const showUnread = Boolean(entry.unread) && !entry.streaming;
 	const isOptimisticSession = Boolean(entry.optimistic || entry.id?.startsWith("optimistic:") && !entry.path);
@@ -21347,7 +22533,10 @@ function SidebarSessionItem({ entryKey, directorySessionsStore, activeSessionSto
 		},
 		children: [entry.streaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 			className: "absolute top-2.5 left-2 flex size-4 items-center justify-center",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { "aria-label": "Session streaming" })
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {
+				size: "xs",
+				"aria-label": "Session streaming"
+			})
 		}) : showUnread ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 			className: "absolute top-2.5 left-2 flex size-4 items-center justify-center",
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
@@ -21524,7 +22713,10 @@ var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ d
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectoryPathLabel, { path: directory })
 					}),
 					!searchActive && !overlay ? collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "size-4 shrink-0 opacity-0 transition-opacity group-hover/directory-label:opacity-100 group-focus-visible/directory-label:opacity-100" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "size-4 shrink-0 opacity-0 transition-opacity group-hover/directory-label:opacity-100 group-focus-visible/directory-label:opacity-100" }) : null,
-					showHeaderLoadingSpinner ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "shrink-0" }) : null
+					showHeaderLoadingSpinner ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {
+						size: "xs",
+						className: "shrink-0"
+					}) : null
 				]
 			}),
 			onCreateSessionInDirectory && !overlay && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
@@ -21594,7 +22786,7 @@ var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ d
 				]
 			})] }) : directoryHeader, !overlay ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupContent, { children: showLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex items-center gap-2 p-2 text-sm text-sidebar-foreground/70",
-				children: [showLoadingSpinner ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				children: [showLoadingSpinner ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 					className: "size-4",
 					"aria-hidden": "true"
 				}), "Loading sessions…"]
@@ -22912,12 +24104,13 @@ function sameComposerPendingMessages(left, right) {
 	return true;
 }
 function sameAppShellComposerSnapshot(left, right) {
-	return left.activeSessionId === right.activeSessionId && left.awaitingFirstTurn === right.awaitingFirstTurn && left.centerMessages === right.centerMessages && sameComposerDiffLineComments(left.composerDiffLineComments, right.composerDiffLineComments) && left.composerSkill === right.composerSkill && left.composerSyncNonce === right.composerSyncNonce && left.composerText === right.composerText && left.disabled === right.disabled && left.isStreaming === right.isStreaming && left.isSubmitting === right.isSubmitting && left.viewerContextId === right.viewerContextId && sameComposerPromptImages(left.composerImages, right.composerImages) && sameComposerPendingMessages(left.currentPendingMessages, right.currentPendingMessages);
+	return left.activeSessionId === right.activeSessionId && left.awaitingFirstTurn === right.awaitingFirstTurn && left.canStartPendingQueue === right.canStartPendingQueue && left.centerMessages === right.centerMessages && sameComposerDiffLineComments(left.composerDiffLineComments, right.composerDiffLineComments) && left.composerSkill === right.composerSkill && left.composerSyncNonce === right.composerSyncNonce && left.composerText === right.composerText && left.disabled === right.disabled && left.isCompacting === right.isCompacting && left.isStreaming === right.isStreaming && left.isSubmitting === right.isSubmitting && left.viewerContextId === right.viewerContextId && sameComposerPromptImages(left.composerImages, right.composerImages) && sameComposerPendingMessages(left.currentPendingMessages, right.currentPendingMessages);
 }
 function createInitialAppShellComposerSnapshot(viewerContextId) {
 	return {
 		activeSessionId: void 0,
 		awaitingFirstTurn: false,
+		canStartPendingQueue: false,
 		centerMessages: false,
 		composerDiffLineComments: EMPTY_COMPOSER_DIFF_LINE_COMMENTS,
 		composerImages: EMPTY_COMPOSER_IMAGES,
@@ -22926,6 +24119,7 @@ function createInitialAppShellComposerSnapshot(viewerContextId) {
 		composerText: "",
 		currentPendingMessages: EMPTY_COMPOSER_PENDING_MESSAGES,
 		disabled: false,
+		isCompacting: false,
 		isStreaming: false,
 		isSubmitting: false,
 		viewerContextId
@@ -22988,6 +24182,143 @@ function createPicoLatestThrottler(options) {
 		cancel: () => throttler.cancel()
 	};
 }
+var OFFLINE_PROMPT_DB_NAME = "pico-offline-prompts";
+var OFFLINE_PROMPT_DB_VERSION = 1;
+var OFFLINE_PROMPT_STORE_NAME = "prompts";
+var OFFLINE_PROMPT_FALLBACK_STORAGE_KEY = "pico-offline-prompts";
+var dbPromise;
+function hasIndexedDb() {
+	return typeof indexedDB !== "undefined";
+}
+function openOfflinePromptDb() {
+	if (!hasIndexedDb()) return Promise.resolve(null);
+	dbPromise ??= new Promise((resolve) => {
+		const request = indexedDB.open(OFFLINE_PROMPT_DB_NAME, OFFLINE_PROMPT_DB_VERSION);
+		request.onupgradeneeded = () => {
+			const db = request.result;
+			if (!db.objectStoreNames.contains(OFFLINE_PROMPT_STORE_NAME)) db.createObjectStore(OFFLINE_PROMPT_STORE_NAME, { keyPath: "id" });
+		};
+		request.onerror = () => resolve(null);
+		request.onsuccess = () => resolve(request.result);
+	});
+	return dbPromise;
+}
+function fallbackItems() {
+	try {
+		const raw = window.localStorage.getItem(OFFLINE_PROMPT_FALLBACK_STORAGE_KEY);
+		if (!raw) return [];
+		const parsed = JSON.parse(raw);
+		return Array.isArray(parsed) ? normalizeItems(parsed) : [];
+	} catch {
+		return [];
+	}
+}
+function rememberFallbackItems(items) {
+	try {
+		window.localStorage.setItem(OFFLINE_PROMPT_FALLBACK_STORAGE_KEY, JSON.stringify(items));
+	} catch {}
+}
+function normalizeImage(value) {
+	if (!value || typeof value !== "object") return null;
+	const rawImage = value;
+	if (typeof rawImage.mimeType !== "string") return null;
+	if (typeof rawImage.data !== "string") return null;
+	return {
+		type: "image",
+		mimeType: rawImage.mimeType,
+		data: rawImage.data
+	};
+}
+function normalizeItem(value) {
+	if (!value || typeof value !== "object") return null;
+	const rawItem = value;
+	if (typeof rawItem.id !== "string" || !rawItem.id) return null;
+	if (typeof rawItem.contextId !== "string" || !rawItem.contextId) return null;
+	if (typeof rawItem.message !== "string") return null;
+	if (typeof rawItem.clientRequestId !== "string") return null;
+	const images = Array.isArray(rawItem.images) ? rawItem.images.flatMap((image) => {
+		const normalizedImage = normalizeImage(image);
+		return normalizedImage ? [normalizedImage] : [];
+	}) : [];
+	return {
+		id: rawItem.id,
+		contextId: rawItem.contextId,
+		createdAt: typeof rawItem.createdAt === "number" && Number.isFinite(rawItem.createdAt) ? rawItem.createdAt : Date.now(),
+		sessionId: typeof rawItem.sessionId === "string" ? rawItem.sessionId : void 0,
+		targetSessionKey: typeof rawItem.targetSessionKey === "string" ? rawItem.targetSessionKey : void 0,
+		message: rawItem.message,
+		images,
+		streamingBehavior: rawItem.streamingBehavior === "followUp" || rawItem.streamingBehavior === "steer" ? rawItem.streamingBehavior : void 0,
+		pendingId: typeof rawItem.pendingId === "string" ? rawItem.pendingId : void 0,
+		clientRequestId: rawItem.clientRequestId,
+		thinkingLevel: typeof rawItem.thinkingLevel === "string" ? rawItem.thinkingLevel : void 0,
+		draftOwnerKey: typeof rawItem.draftOwnerKey === "string" ? rawItem.draftOwnerKey : void 0,
+		draftCwd: typeof rawItem.draftCwd === "string" ? rawItem.draftCwd : void 0
+	};
+}
+function normalizeItems(values) {
+	return values.flatMap((value) => {
+		const normalizedItem = normalizeItem(value);
+		return normalizedItem ? [normalizedItem] : [];
+	}).sort((left, right) => left.createdAt - right.createdAt);
+}
+async function enqueueOfflinePrompt(item) {
+	const db = await openOfflinePromptDb();
+	if (!db) {
+		const items = fallbackItems().filter((entry) => entry.id !== item.id);
+		items.push(item);
+		rememberFallbackItems(normalizeItems(items));
+		return;
+	}
+	await new Promise((resolve, reject) => {
+		const transaction = db.transaction(OFFLINE_PROMPT_STORE_NAME, "readwrite");
+		const request = transaction.objectStore(OFFLINE_PROMPT_STORE_NAME).put(item);
+		request.onerror = () => reject(request.error);
+		transaction.oncomplete = () => resolve();
+		transaction.onerror = () => reject(transaction.error);
+	});
+}
+async function readOfflinePrompts(contextId) {
+	const db = await openOfflinePromptDb();
+	if (!db) {
+		const items = fallbackItems();
+		return contextId ? items.filter((item) => item.contextId === contextId) : items;
+	}
+	const items = await new Promise((resolve, reject) => {
+		const transaction = db.transaction(OFFLINE_PROMPT_STORE_NAME, "readonly");
+		const request = transaction.objectStore(OFFLINE_PROMPT_STORE_NAME).getAll();
+		request.onerror = () => reject(request.error);
+		request.onsuccess = () => resolve(normalizeItems(request.result));
+		transaction.onerror = () => reject(transaction.error);
+	});
+	return contextId ? items.filter((item) => item.contextId === contextId) : items;
+}
+async function removeOfflinePrompt(id) {
+	const db = await openOfflinePromptDb();
+	if (!db) {
+		rememberFallbackItems(fallbackItems().filter((item) => item.id !== id));
+		return;
+	}
+	await new Promise((resolve, reject) => {
+		const transaction = db.transaction(OFFLINE_PROMPT_STORE_NAME, "readwrite");
+		const request = transaction.objectStore(OFFLINE_PROMPT_STORE_NAME).delete(id);
+		request.onerror = () => reject(request.error);
+		transaction.oncomplete = () => resolve();
+		transaction.onerror = () => reject(transaction.error);
+	});
+}
+function pendingMessagesFromResponse(response) {
+	if (!("ok" in response) || !response.ok) return null;
+	return response.pendingMessages.map((message) => ({
+		pendingId: message.pendingId,
+		text: message.text,
+		images: message.images.flatMap((image) => {
+			const normalizedImage = normalizePromptImage(image);
+			return normalizedImage ? [normalizedImage] : [];
+		}),
+		streamingBehavior: message.streamingBehavior === "steer" ? "steer" : "followUp"
+	}));
+}
 function samePromptMutationSessionSnapshot(left, right) {
 	return left.assistantOutputSignature === right.assistantOutputSignature && left.cwd === right.cwd && left.draft === right.draft && left.sessionFile === right.sessionFile && left.sessionId === right.sessionId && left.sessionKey === right.sessionKey && left.streaming === right.streaming;
 }
@@ -23027,7 +24358,20 @@ function createLocalPendingId() {
 	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return `optimistic:${crypto.randomUUID()}`;
 	return `optimistic:${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function buildCurrentSessionRequestUrl(path, { contextId, sessionState, fallbackSessionId }) {
+function createClientPromptRequestId() {
+	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return `prompt:${crypto.randomUUID()}`;
+	return `prompt:${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+function isOfflinePromptSubmissionError(error) {
+	if (typeof navigator !== "undefined" && navigator.onLine === false) return true;
+	const message = error instanceof Error ? error.message.toLowerCase() : "";
+	return message === "failed to fetch" || message === "load failed" || message.includes("networkerror") || message.includes("network error");
+}
+function buildCurrentSessionRequestUrl(path, { contextId, sessionState, fallbackSessionId, targetSessionKey }) {
+	if (targetSessionKey) return buildRequestUrl(path, {
+		contextId,
+		searchParams: { sessionKey: targetSessionKey }
+	});
 	const sessionKey = sessionState.sessionKey && !sessionState.sessionKey.startsWith("optimistic:") ? sessionState.sessionKey : void 0;
 	const shouldUseSessionKey = Boolean(sessionKey && (sessionState.draft || !sessionState.sessionId));
 	return buildRequestUrl(path, {
@@ -23036,6 +24380,25 @@ function buildCurrentSessionRequestUrl(path, { contextId, sessionState, fallback
 		searchParams: shouldUseSessionKey ? { sessionKey } : void 0
 	});
 }
+function buildOfflinePromptRequestUrl(item) {
+	return buildRequestUrl("/api/prompt", {
+		contextId: item.contextId,
+		sessionId: item.targetSessionKey ? void 0 : item.sessionId,
+		searchParams: item.targetSessionKey ? { sessionKey: item.targetSessionKey } : void 0
+	});
+}
+function buildOfflinePromptBody(item) {
+	return {
+		message: item.message,
+		images: item.images,
+		streamingBehavior: item.streamingBehavior,
+		pendingId: item.pendingId,
+		clientRequestId: item.clientRequestId,
+		thinkingLevel: item.thinkingLevel,
+		draftOwnerKey: item.draftOwnerKey,
+		draftCwd: item.draftCwd
+	};
+}
 function isPendingPromptNotFoundError(error) {
 	return error instanceof Error && error.message.toLowerCase().includes("pending prompt not found");
 }
@@ -23088,13 +24451,14 @@ function movePendingComposerMessage(messages, pendingId, direction) {
 function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultNewSessionDirectory, sessionStore, sessionStateRef, draftSessionLoadingOwnerKey, pendingDraftPrompt, pendingDraftFollowUps, awaitingFirstTurn, pendingMessages, composerDiffLineCommentsRef, composerImagesRef, composerTextRef, composerSkillRef, replaceComposerDraft, lastSyncedEditorTextRef, rememberRecentDirectory, prefetchDirectorySessionsIndex, addOptimisticUserMessage, removeOptimisticUserMessage, addOptimisticSidebarSession, removeOptimisticSidebarSession, updateOptimisticSidebarSessionPreview, setSidebarDirectories, setStoredDraftDirectory, setDraftSessionLoadingOwnerKey, setPendingDraftPrompt, setPendingDraftFollowUps, setPendingMessages, setAwaitingFirstTurn, setIsSubmitting, setComposerDiffLineComments, setComposerImages }) {
 	const queryClient = useQueryClient();
 	const draftSessionLoadingOwnerKeyRef = import_react.useRef(draftSessionLoadingOwnerKey);
+	const pendingNewSessionPromptTargetRef = import_react.useRef(null);
+	const newSessionRequestNonceRef = import_react.useRef(0);
 	const pendingDraftPromptRef = import_react.useRef(pendingDraftPrompt);
 	const pendingDraftFollowUpsRef = import_react.useRef(pendingDraftFollowUps);
 	const pendingMessagesRef = import_react.useRef(pendingMessages);
 	const awaitingFirstTurnRef = import_react.useRef(awaitingFirstTurn);
 	const awaitingFirstTurnAssistantOutputSignatureRef = import_react.useRef(null);
 	const sessionSnapshot = usePromptMutationSessionSnapshot(sessionStore);
-	const sessionStreamingRef = import_react.useRef(sessionSnapshot.streaming);
 	const flushPendingDraftPromptRef = import_react.useRef(async () => false);
 	import_react.useEffect(() => {
 		draftSessionLoadingOwnerKeyRef.current = draftSessionLoadingOwnerKey;
@@ -23111,9 +24475,6 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 	import_react.useEffect(() => {
 		awaitingFirstTurnRef.current = awaitingFirstTurn;
 	}, [awaitingFirstTurn]);
-	import_react.useEffect(() => {
-		sessionStreamingRef.current = sessionSnapshot.streaming;
-	}, [sessionSnapshot.streaming]);
 	const updatePendingMessages = import_react.useCallback((updater) => {
 		setPendingMessages((current) => {
 			const next = updater(current);
@@ -23168,6 +24529,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		removeOptimisticUserMessage(nextPrompt.optimisticId);
 		removeOptimisticSidebarSession(nextPrompt.optimisticSidebarSessionId);
 		for (const followUp of pendingDraftFollowUpsRef.current) removeOptimisticUserMessage(followUp.optimisticId);
+		pendingNewSessionPromptTargetRef.current = null;
 		pendingDraftPromptRef.current = null;
 		pendingDraftFollowUpsRef.current = [];
 		setPendingDraftPrompt(null);
@@ -23240,17 +24602,32 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		const ownerKey = promptDraftKey({ cwd: nextCwd });
 		draftSessionLoadingOwnerKeyRef.current = ownerKey;
 		setDraftSessionLoadingOwnerKey(ownerKey);
+		awaitingFirstTurnAssistantOutputSignatureRef.current = null;
+		awaitingFirstTurnRef.current = false;
+		setAwaitingFirstTurn(false);
+		pendingMessagesRef.current = [];
+		setPendingMessages((current) => current.length === 0 ? current : []);
+		const requestNonce = newSessionRequestNonceRef.current + 1;
+		newSessionRequestNonceRef.current = requestNonce;
 		try {
-			await createSessionRequest({ cwd: nextCwd });
+			const response = await createSessionRequest({ cwd: nextCwd });
+			if (newSessionRequestNonceRef.current !== requestNonce) return true;
+			pendingNewSessionPromptTargetRef.current = {
+				ownerKey,
+				sessionKey: response.sessionKey,
+				cwd: response.cwd
+			};
 			if (draftSessionLoadingOwnerKeyRef.current === ownerKey) {
 				draftSessionLoadingOwnerKeyRef.current = null;
 				setDraftSessionLoadingOwnerKey((current) => current === ownerKey ? null : current);
 			}
-			if (pendingDraftPromptRef.current?.ownerKey === ownerKey) flushPendingDraftPromptRef.current(ownerKey);
+			if (pendingDraftPromptRef.current?.ownerKey === ownerKey) flushPendingDraftPromptRef.current(ownerKey, response.sessionKey);
 			return true;
 		} catch (error) {
+			if (newSessionRequestNonceRef.current !== requestNonce) return true;
 			if (draftSessionLoadingOwnerKeyRef.current === ownerKey) draftSessionLoadingOwnerKeyRef.current = null;
 			setDraftSessionLoadingOwnerKey((current) => current === ownerKey ? null : current);
+			if (pendingNewSessionPromptTargetRef.current?.ownerKey === ownerKey) pendingNewSessionPromptTargetRef.current = null;
 			restorePendingDraftPrompt(ownerKey);
 			toast.error(error instanceof Error ? error.message : "Failed to create session");
 			return false;
@@ -23261,12 +24638,14 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		rememberRecentDirectory,
 		restorePendingDraftPrompt,
 		sessionStateRef,
+		setAwaitingFirstTurn,
 		setDraftSessionLoadingOwnerKey,
+		setPendingMessages,
 		setStoredDraftDirectory,
 		viewerContextId
 	]);
-	const queuePendingDraftPrompt = import_react.useCallback((streamingBehavior) => {
-		const ownerKey = draftSessionLoadingOwnerKeyRef.current;
+	const queuePendingDraftPrompt = import_react.useCallback((streamingBehavior, ownerKeyOverride) => {
+		const ownerKey = ownerKeyOverride || draftSessionLoadingOwnerKeyRef.current;
 		if (!ownerKey) return false;
 		const message = buildComposerPromptMessage({
 			text: composerTextRef.current,
@@ -23282,6 +24661,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 				ownerKey,
 				message,
 				images,
+				streamingBehavior,
 				optimisticId: addOptimisticUserMessage({
 					message,
 					images,
@@ -23332,12 +24712,13 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		updateOptimisticSidebarSessionPreview
 	]);
 	const promptMutation = useMutation({
-		mutationFn: async ({ message, images, streamingBehavior, pendingId, thinkingLevel }) => {
+		mutationFn: async ({ message, images, streamingBehavior, pendingId, clientRequestId, thinkingLevel, targetSessionKey, draftTarget }) => {
 			if (!viewerContextId) throw new Error("Viewer context unavailable");
 			return await fetchJson(buildCurrentSessionRequestUrl("/api/prompt", {
 				contextId: viewerContextId,
 				sessionState: sessionStateRef.current,
-				fallbackSessionId: activeSessionId
+				fallbackSessionId: activeSessionId,
+				targetSessionKey
 			}), {
 				method: "POST",
 				headers: { "content-type": "application/json" },
@@ -23346,7 +24727,10 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 					images,
 					streamingBehavior,
 					pendingId,
-					thinkingLevel
+					clientRequestId,
+					thinkingLevel,
+					draftOwnerKey: draftTarget?.ownerKey,
+					draftCwd: draftTarget?.cwd
 				})
 			});
 		},
@@ -23357,6 +24741,58 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			});
 		}
 	});
+	const offlinePromptFlushInFlightRef = import_react.useRef(false);
+	const offlinePromptFailureToastIdsRef = import_react.useRef(/* @__PURE__ */ new Set());
+	const flushOfflinePromptQueue = import_react.useCallback(async () => {
+		if (!viewerContextId || offlinePromptFlushInFlightRef.current) return;
+		if (typeof navigator !== "undefined" && navigator.onLine === false) return;
+		offlinePromptFlushInFlightRef.current = true;
+		try {
+			const queuedPrompts = await readOfflinePrompts(viewerContextId);
+			if (queuedPrompts.length === 0) return;
+			let flushedCount = 0;
+			for (const item of queuedPrompts) try {
+				await fetchJson(buildOfflinePromptRequestUrl(item), {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(buildOfflinePromptBody(item))
+				});
+				await removeOfflinePrompt(item.id);
+				offlinePromptFailureToastIdsRef.current.delete(item.id);
+				flushedCount += 1;
+			} catch (error) {
+				if (isOfflinePromptSubmissionError(error)) break;
+				if (!offlinePromptFailureToastIdsRef.current.has(item.id)) {
+					offlinePromptFailureToastIdsRef.current.add(item.id);
+					toast.error(error instanceof Error ? `Failed to send queued prompt: ${error.message}` : "Failed to send queued prompt");
+				}
+				break;
+			}
+			if (flushedCount > 0) {
+				toast.success(flushedCount === 1 ? "Sent queued prompt" : `Sent ${flushedCount.toLocaleString()} queued prompts`);
+				await queryClient.invalidateQueries({ refetchType: "active" });
+			}
+		} finally {
+			offlinePromptFlushInFlightRef.current = false;
+		}
+	}, [queryClient, viewerContextId]);
+	import_react.useEffect(() => {
+		if (!viewerContextId) return;
+		const flush = () => {
+			flushOfflinePromptQueue();
+		};
+		window.addEventListener("online", flush);
+		window.addEventListener("focus", flush);
+		document.addEventListener("visibilitychange", flush);
+		const timer = window.setInterval(flush, 3e4);
+		flush();
+		return () => {
+			window.removeEventListener("online", flush);
+			window.removeEventListener("focus", flush);
+			document.removeEventListener("visibilitychange", flush);
+			window.clearInterval(timer);
+		};
+	}, [flushOfflinePromptQueue, viewerContextId]);
 	const submitPrompt = import_react.useCallback(async (streamingBehavior, options) => {
 		if (!viewerContextId) return false;
 		if (draftSessionLoadingOwnerKeyRef.current) return queuePendingDraftPrompt(streamingBehavior);
@@ -23367,13 +24803,29 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			diffLineComments: submittedDiffLineComments
 		}).trim();
 		if (!message && composerImagesRef.current.length === 0) return false;
-		const treatAsQueuedPrompt = options?.forceFirstPrompt ? false : Boolean(sessionStreamingRef.current || awaitingFirstTurnRef.current);
+		const currentSessionState = sessionStateRef.current;
+		const pendingNewSessionPromptTarget = pendingNewSessionPromptTargetRef.current;
+		const currentDraftOwnerKey = currentSessionState.draft ? promptDraftKey(currentSessionState) : "";
+		const implicitTargetSessionKey = !options?.targetSessionKey && currentSessionState.draft && pendingNewSessionPromptTarget && promptDraftKeyMatchesOwner(currentDraftOwnerKey, pendingNewSessionPromptTarget.ownerKey) ? pendingNewSessionPromptTarget.sessionKey : void 0;
+		const targetSessionKey = options?.targetSessionKey || implicitTargetSessionKey;
+		const targetDraft = currentSessionState.draft ? {
+			ownerKey: options?.targetDraftOwnerKey || (targetSessionKey && pendingNewSessionPromptTarget?.sessionKey === targetSessionKey ? pendingNewSessionPromptTarget.ownerKey : currentDraftOwnerKey),
+			cwd: options?.targetDraftCwd || (targetSessionKey && pendingNewSessionPromptTarget?.sessionKey === targetSessionKey ? pendingNewSessionPromptTarget.cwd || currentSessionState.cwd : currentSessionState.cwd)
+		} : void 0;
+		if (currentSessionState.draft && currentSessionState.sessionKey?.startsWith("optimistic:") && !targetSessionKey) {
+			if (!draftSessionLoadingOwnerKeyRef.current && currentDraftOwnerKey) {
+				draftSessionLoadingOwnerKeyRef.current = currentDraftOwnerKey;
+				setDraftSessionLoadingOwnerKey(currentDraftOwnerKey);
+			}
+			return queuePendingDraftPrompt(streamingBehavior, currentDraftOwnerKey);
+		}
+		const treatAsQueuedPrompt = options?.forceFirstPrompt ? false : Boolean(currentSessionState.streaming || currentSessionState.compacting || awaitingFirstTurnRef.current);
 		const normalizedStreamingBehavior = treatAsQueuedPrompt ? normalizeQueuedStreamingBehavior(streamingBehavior) : void 0;
 		const submittedImages = composerImagesRef.current.map((image) => ({ ...image }));
 		const sidebarPreview = promptSidebarPreview(message, submittedImages);
 		const queuedPendingId = treatAsQueuedPrompt ? createLocalPendingId() : void 0;
 		if (!treatAsQueuedPrompt) {
-			awaitingFirstTurnAssistantOutputSignatureRef.current = sessionAssistantOutputSignature(sessionStateRef.current.items);
+			awaitingFirstTurnAssistantOutputSignatureRef.current = sessionAssistantOutputSignature(currentSessionState.items);
 			awaitingFirstTurnRef.current = true;
 			setAwaitingFirstTurn(true);
 		}
@@ -23382,7 +24834,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			images: submittedImages,
 			queued: false
 		}));
-		const optimisticSidebarSessionId = options?.optimisticSidebarSessionId ?? (!treatAsQueuedPrompt && sessionStateRef.current.draft ? addOptimisticSidebarSession({ lastMessagePreview: sidebarPreview }) : void 0);
+		const optimisticSidebarSessionId = options?.optimisticSidebarSessionId ?? (!treatAsQueuedPrompt && currentSessionState.draft ? addOptimisticSidebarSession({ lastMessagePreview: sidebarPreview }) : void 0);
 		updateOptimisticSidebarSessionPreview({
 			...optimisticSidebarSessionId ? { optimisticSidebarSessionId } : {},
 			preview: sidebarPreview
@@ -23393,6 +24845,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			images: submittedImages.map((image) => ({ ...image })),
 			streamingBehavior: normalizedStreamingBehavior
 		});
+		const clientRequestId = createClientPromptRequestId();
 		setIsSubmitting(true);
 		replaceComposerDraft("", void 0, { forceSync: true });
 		setComposerDiffLineComments([]);
@@ -23404,11 +24857,48 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 				images: submittedImages,
 				streamingBehavior: normalizedStreamingBehavior,
 				pendingId: queuedPendingId,
-				thinkingLevel: sessionStateRef.current.thinkingLevel
+				clientRequestId,
+				thinkingLevel: currentSessionState.thinkingLevel,
+				targetSessionKey,
+				draftTarget: targetDraft
 			});
 			if (queuedPendingId && "queued" in response && (!response.queued || response.canceled)) removeOptimisticPendingMessage(queuedPendingId);
+			if (targetSessionKey && pendingNewSessionPromptTargetRef.current?.sessionKey === targetSessionKey) pendingNewSessionPromptTargetRef.current = null;
 			return true;
 		} catch (error) {
+			const queueSessionKey = targetSessionKey || (currentSessionState.sessionKey && !currentSessionState.sessionKey.startsWith("optimistic:") && (currentSessionState.draft || !currentSessionState.sessionId) ? currentSessionState.sessionKey : void 0);
+			const queueSessionId = queueSessionKey ? void 0 : currentSessionState.sessionId ?? activeSessionId;
+			if (isOfflinePromptSubmissionError(error) && (queueSessionKey || queueSessionId)) {
+				await enqueueOfflinePrompt({
+					id: clientRequestId,
+					contextId: viewerContextId,
+					createdAt: Date.now(),
+					sessionId: queueSessionId,
+					targetSessionKey: queueSessionKey,
+					message,
+					images: submittedImages.map((image) => ({
+						type: "image",
+						mimeType: image.mimeType,
+						data: image.data
+					})),
+					streamingBehavior: normalizedStreamingBehavior,
+					pendingId: queuedPendingId,
+					clientRequestId,
+					thinkingLevel: currentSessionState.thinkingLevel,
+					draftOwnerKey: targetDraft?.ownerKey,
+					draftCwd: targetDraft?.cwd
+				});
+				if (queuedPendingId) removeOptimisticPendingMessage(queuedPendingId);
+				removeOptimisticUserMessage(optimisticId);
+				removeOptimisticSidebarSession(optimisticSidebarSessionId);
+				if (!treatAsQueuedPrompt) {
+					awaitingFirstTurnAssistantOutputSignatureRef.current = null;
+					awaitingFirstTurnRef.current = false;
+					setAwaitingFirstTurn(false);
+				}
+				toast.info("Prompt queued locally and will send when reconnected");
+				return true;
+			}
 			if (queuedPendingId) removeOptimisticPendingMessage(queuedPendingId);
 			removeOptimisticUserMessage(optimisticId);
 			removeOptimisticSidebarSession(optimisticSidebarSessionId);
@@ -23431,6 +24921,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			setIsSubmitting(false);
 		}
 	}, [
+		activeSessionId,
 		addOptimisticPendingMessage,
 		addOptimisticSidebarSession,
 		addOptimisticUserMessage,
@@ -23449,11 +24940,12 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		setAwaitingFirstTurn,
 		setComposerDiffLineComments,
 		setComposerImages,
+		setDraftSessionLoadingOwnerKey,
 		setIsSubmitting,
 		updateOptimisticSidebarSessionPreview,
 		viewerContextId
 	]);
-	const flushPendingDraftFollowUps = import_react.useCallback(async () => {
+	const flushPendingDraftFollowUps = import_react.useCallback(async (targetSessionKey, draftTarget) => {
 		if (draftSessionLoadingOwnerKeyRef.current) return false;
 		const pendingFollowUps = pendingDraftFollowUpsRef.current;
 		if (pendingFollowUps.length === 0) return false;
@@ -23474,7 +24966,10 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 					images: followUp.images,
 					streamingBehavior: followUp.streamingBehavior,
 					pendingId: followUp.optimisticId,
-					thinkingLevel: sessionStateRef.current.thinkingLevel
+					clientRequestId: createClientPromptRequestId(),
+					thinkingLevel: sessionStateRef.current.thinkingLevel,
+					targetSessionKey,
+					draftTarget
 				});
 			} catch (error) {
 				for (const unsentFollowUp of followUps.slice(index)) removeOptimisticUserMessage(unsentFollowUp.optimisticId);
@@ -23497,24 +24992,35 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		setComposerImages,
 		setPendingDraftFollowUps
 	]);
-	const flushPendingDraftPrompt = import_react.useCallback(async (ownerKey) => {
+	const flushPendingDraftPrompt = import_react.useCallback(async (ownerKey, targetSessionKey) => {
 		const nextPrompt = pendingDraftPromptRef.current;
 		if (!nextPrompt || nextPrompt.ownerKey !== ownerKey || draftSessionLoadingOwnerKeyRef.current) return false;
+		const pendingTarget = pendingNewSessionPromptTargetRef.current;
+		const resolvedTargetSessionKey = targetSessionKey || (pendingTarget?.ownerKey === ownerKey ? pendingTarget.sessionKey : void 0);
+		const resolvedDraftTarget = {
+			ownerKey,
+			cwd: pendingTarget?.cwd || sessionStateRef.current.cwd
+		};
 		pendingDraftPromptRef.current = null;
 		setPendingDraftPrompt(null);
 		applyPendingDraftPromptToComposer(nextPrompt);
 		if (!await submitPrompt(nextPrompt.streamingBehavior, {
 			forceFirstPrompt: true,
 			optimisticId: nextPrompt.optimisticId,
-			optimisticSidebarSessionId: nextPrompt.optimisticSidebarSessionId
+			optimisticSidebarSessionId: nextPrompt.optimisticSidebarSessionId,
+			targetSessionKey: resolvedTargetSessionKey,
+			targetDraftOwnerKey: resolvedDraftTarget.ownerKey,
+			targetDraftCwd: resolvedDraftTarget.cwd
 		})) {
 			removeOptimisticSidebarSession(nextPrompt.optimisticSidebarSessionId);
 			for (const followUp of pendingDraftFollowUpsRef.current) removeOptimisticUserMessage(followUp.optimisticId);
 			pendingDraftFollowUpsRef.current = [];
 			setPendingDraftFollowUps([]);
+			if (pendingNewSessionPromptTargetRef.current?.ownerKey === ownerKey) pendingNewSessionPromptTargetRef.current = null;
 			return false;
 		}
-		await flushPendingDraftFollowUps();
+		await flushPendingDraftFollowUps(resolvedTargetSessionKey, resolvedDraftTarget);
+		if (pendingNewSessionPromptTargetRef.current?.ownerKey === ownerKey) pendingNewSessionPromptTargetRef.current = null;
 		return true;
 	}, [
 		applyPendingDraftPromptToComposer,
@@ -23532,9 +25038,15 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		if (currentSessionState.sessionKey?.startsWith("optimistic:")) return;
 		const currentOwnerKey = promptDraftKey(currentSessionState);
 		if (!currentSessionState.draft || !promptDraftKeyMatchesOwner(currentOwnerKey, draftSessionLoadingOwnerKey)) return;
+		const targetSessionKey = currentSessionState.sessionKey?.startsWith("optimistic:") ? void 0 : currentSessionState.sessionKey;
+		if (targetSessionKey) pendingNewSessionPromptTargetRef.current = {
+			ownerKey: draftSessionLoadingOwnerKey,
+			sessionKey: targetSessionKey,
+			cwd: currentSessionState.cwd
+		};
 		draftSessionLoadingOwnerKeyRef.current = null;
 		setDraftSessionLoadingOwnerKey(null);
-		if (pendingDraftPromptRef.current?.ownerKey === draftSessionLoadingOwnerKey) flushPendingDraftPrompt(draftSessionLoadingOwnerKey);
+		if (pendingDraftPromptRef.current?.ownerKey === draftSessionLoadingOwnerKey) flushPendingDraftPrompt(draftSessionLoadingOwnerKey, targetSessionKey);
 	}, [
 		draftSessionLoadingOwnerKey,
 		flushPendingDraftPrompt,
@@ -23632,6 +25144,41 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		updatePendingMessages,
 		viewerContextId
 	]);
+	const startPendingQueueMutation = useMutation({
+		mutationFn: async () => {
+			if (!viewerContextId) throw new Error("Viewer context unavailable");
+			return await fetchJson(buildCurrentSessionRequestUrl("/api/pending-messages/start", {
+				contextId: viewerContextId,
+				sessionState: sessionStateRef.current,
+				fallbackSessionId: activeSessionId
+			}), { method: "POST" });
+		},
+		onSuccess: async () => {
+			await queryClient.invalidateQueries({
+				queryKey: picoQueryKeys.sessionTree(viewerContextId, picoSessionScopeKey(sessionStateRef.current)),
+				refetchType: "active"
+			});
+		}
+	});
+	const startPendingQueue = import_react.useCallback(async () => {
+		if (!viewerContextId) return;
+		if (pendingMessagesRef.current.length === 0) return;
+		setIsSubmitting(true);
+		try {
+			const nextPendingMessages = pendingMessagesFromResponse(await startPendingQueueMutation.mutateAsync());
+			if (nextPendingMessages) updatePendingMessages(() => nextPendingMessages);
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : "Failed to start queue");
+		} finally {
+			setIsSubmitting(false);
+		}
+	}, [
+		pendingMessagesRef,
+		setIsSubmitting,
+		startPendingQueueMutation,
+		updatePendingMessages,
+		viewerContextId
+	]);
 	const removePendingMessageMutation = useMutation({
 		mutationFn: async (pendingId) => {
 			if (!viewerContextId) throw new Error("Viewer context unavailable");
@@ -23693,6 +25240,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			updatePendingMessages,
 			viewerContextId
 		]),
+		startPendingQueue,
 		submitPrompt
 	};
 }
@@ -24294,7 +25842,7 @@ function useAppShellSessionMutations({ viewerContextId, activeSessionId, session
 	});
 	return {
 		cycleThinkingLevel,
-		deleteSessions: import_react.useCallback(async (targets) => {
+		deleteSessions: import_react.useCallback((targets) => {
 			if (!viewerContextId || targets.length === 0) return false;
 			const orderedTargets = [...targets.filter((target) => target.path && target.path !== sessionStateRef.current.sessionFile), ...targets.filter((target) => target.path && target.path === sessionStateRef.current.sessionFile)];
 			const orderedPaths = [];
@@ -24363,6 +25911,26 @@ function useAppShellSessionMutations({ viewerContextId, activeSessionId, session
 }
 var RESUME_RECONNECT_AFTER_MS = 3e4;
 var COMPACT_WORKING_LABEL = "Compacting context...";
+var EVENT_SOURCE_LAST_ID_STORAGE_PREFIX = "pico-events-last-id:";
+function eventsLastIdStorageKey(viewerContextId) {
+	return `${EVENT_SOURCE_LAST_ID_STORAGE_PREFIX}${viewerContextId}`;
+}
+function readStoredEventsLastId(viewerContextId) {
+	try {
+		return window.sessionStorage.getItem(eventsLastIdStorageKey(viewerContextId));
+	} catch {
+		return null;
+	}
+}
+function rememberStoredEventsLastId(viewerContextId, lastEventId) {
+	try {
+		window.sessionStorage.setItem(eventsLastIdStorageKey(viewerContextId), lastEventId);
+	} catch {}
+}
+function normalizeEventSourceLastId(value) {
+	const normalized = typeof value === "string" ? value.trim() : "";
+	return /^\d+$/.test(normalized) ? normalized : void 0;
+}
 function normalizePendingMessages(payload) {
 	if (!isStateSyncEvent(payload)) return;
 	if (!Array.isArray(payload.pendingUserMessages)) return;
@@ -24376,6 +25944,9 @@ function normalizePendingMessages(payload) {
 		streamingBehavior: message.streamingBehavior === "steer" ? "steer" : "followUp"
 	}));
 }
+function autoSessionNamingErrorDescription(payload) {
+	return payload.refinementReason || payload.heuristicReason || payload.promptPreview || "The server could not generate a session name.";
+}
 function sameStringArray(left = [], right = []) {
 	if (left.length !== right.length) return false;
 	for (let index = 0; index < left.length; index += 1) if (left[index] !== right[index]) return false;
@@ -24463,7 +26034,7 @@ function sameSessionsEvent(left, right) {
 function visibleAssistantBlockKey(block, options) {
 	switch (block.type) {
 		case "text": return block.text.trim() ? `text:${block.text}` : "";
-		case "compaction": return `compaction:${block.tokensBefore}:${block.summary}`;
+		case "compaction": return `compaction:${block.tokensBefore}:${block.estimatedTokensAfter ?? ""}:${block.summary}`;
 		case "thinking": return options.hideThinking ? "" : `thinking:${block.summaryLabel || ""}:${block.text}`;
 		case "tool": return options.hideToolBlocks ? "" : `tool:${block.callId || ""}:${block.name || ""}:${JSON.stringify(block.args ?? null)}:${block.output}:${JSON.stringify(block.details ?? null)}:${block.isError ? "1" : "0"}:${block.running ? "1" : "0"}`;
 		default: return "";
@@ -24540,6 +26111,7 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 	const currentSessionIdRef = import_react.useRef(sessionId);
 	const draftSessionLoadingOwnerKeyRef = import_react.useRef(draftSessionLoadingOwnerKey);
 	const currentSourceRef = import_react.useRef(null);
+	const eventsLastIdRef = import_react.useRef(void 0);
 	const hasReceivedStateSyncRef = import_react.useRef(false);
 	const [hasReceivedStateSync, setHasReceivedStateSync] = import_react.useState(false);
 	const backgroundedAtRef = import_react.useRef(null);
@@ -24551,6 +26123,9 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 	import_react.useEffect(() => {
 		draftSessionLoadingOwnerKeyRef.current = draftSessionLoadingOwnerKey;
 	}, [draftSessionLoadingOwnerKey]);
+	import_react.useEffect(() => {
+		eventsLastIdRef.current = normalizeEventSourceLastId(readStoredEventsLastId(viewerContextId));
+	}, [viewerContextId]);
 	import_react.useEffect(() => {
 		if (currentSourceRef.current) return;
 		initialEventsSessionIdRef.current = sessionId;
@@ -24666,6 +26241,11 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 	]);
 	const handleEventSourceMessage = import_react.useCallback((source, gitInvalidationBatcher, event) => {
 		if (currentSourceRef.current !== source) return;
+		const lastEventId = normalizeEventSourceLastId(event.lastEventId);
+		if (lastEventId) {
+			eventsLastIdRef.current = lastEventId;
+			rememberStoredEventsLastId(viewerContextId, lastEventId);
+		}
 		const payload = JSON.parse(event.data);
 		if (isStateSyncEvent(payload)) {
 			const activationRevision = payload.activationRevision;
@@ -24764,6 +26344,11 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 			});
 			return;
 		}
+		if (payload.type === "auto_session_naming_error") {
+			console.warn("[pico] auto session naming failed", payload);
+			toast.warning("Could not name session", { description: autoSessionNamingErrorDescription(payload) });
+			return;
+		}
 		if (payload.type === "request_error") {
 			toast.error(payload.error || "Request failed");
 			return;
@@ -24804,7 +26389,8 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 		setSessionDoneEvents,
 		setSessionState,
 		setSessionsEvent,
-		setWorkingState
+		setWorkingState,
+		viewerContextId
 	]);
 	import_react.useEffect(() => {
 		if (!viewerContextId) return;
@@ -24856,7 +26442,10 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 		const source = new EventSource(buildRequestUrl("/events", {
 			contextId: viewerContextId,
 			sessionId: initialEventsSessionIdRef.current,
-			searchParams: { sidebarDirectory: bootstrapSidebarDirectories }
+			searchParams: {
+				lastEventId: eventsLastIdRef.current,
+				sidebarDirectory: bootstrapSidebarDirectories
+			}
 		}));
 		currentSourceRef.current = source;
 		source.onopen = () => {
@@ -24941,10 +26530,13 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 	]);
 }
 var DOUBLE_ESCAPE_INTERVAL_MS = 500;
+function isTerminalTarget(target) {
+	return target instanceof HTMLElement && target.closest("[data-terminal-panel=\"true\"]") !== null;
+}
 function isEditableTarget(target) {
 	if (!(target instanceof HTMLElement)) return false;
 	const tagName = target.tagName.toLowerCase();
-	return target.isContentEditable || tagName === "input" || tagName === "textarea" || target.closest("[contenteditable=\"true\"]") !== null;
+	return target.isContentEditable || isTerminalTarget(target) || tagName === "input" || tagName === "textarea" || target.closest("[contenteditable=\"true\"]") !== null;
 }
 function isPromptTextareaTarget(target) {
 	return target instanceof HTMLTextAreaElement && target.name === "prompt";
@@ -24984,7 +26576,7 @@ function useAppShellShortcuts({ addDirectoryOpenRef, commandPaletteOpenRef, comp
 	};
 	const handleEscape = (event) => {
 		const context = getShortcutContext(event);
-		if (event.repeat || context.modalOpen || event.defaultPrevented) return;
+		if (event.repeat || context.modalOpen || event.defaultPrevented || isTerminalTarget(event.target)) return;
 		const now = Date.now();
 		if (now - lastEscapeKeyDownAtRef.current <= DOUBLE_ESCAPE_INTERVAL_MS) {
 			lastEscapeKeyDownAtRef.current = 0;
@@ -25023,7 +26615,7 @@ function useAppShellShortcuts({ addDirectoryOpenRef, commandPaletteOpenRef, comp
 	};
 	const handleFocusPrompt = (event) => {
 		const context = getShortcutContext(event);
-		if (context.blockingModalOpen || event.defaultPrevented) return;
+		if (context.blockingModalOpen || event.defaultPrevented || isTerminalTarget(event.target)) return;
 		event.preventDefault();
 		closeCommandPaletteForShortcut(context.commandPaletteOpen);
 		shortcutActionsRef.current.focusPrompt();
@@ -25050,12 +26642,19 @@ function useAppShellShortcuts({ addDirectoryOpenRef, commandPaletteOpenRef, comp
 		const key = event.altKey && event.code.startsWith("Key") ? event.code.slice(3).toLowerCase() : event.key.toLowerCase();
 		const context = getShortcutContext(event);
 		if (context.blockingModalOpen || event.defaultPrevented) return;
+		if (isTerminalTarget(event.target) && !context.commandPaletteOpen && key !== "`") return;
 		if (key === "\\") {
 			event.preventDefault();
 			closeCommandPaletteForShortcut(context.commandPaletteOpen);
 			shortcutActionsRef.current.toggleGitPanel();
 			return;
 		}
+		if (key === "`") {
+			event.preventDefault();
+			closeCommandPaletteForShortcut(context.commandPaletteOpen);
+			shortcutActionsRef.current.toggleTerminalPanel();
+			return;
+		}
 		if (key === "k") {
 			event.preventDefault();
 			shortcutActionsRef.current.openCommandPalette();
@@ -25227,6 +26826,7 @@ function useAppShellShortcuts({ addDirectoryOpenRef, commandPaletteOpenRef, comp
 		})),
 		...[
 			{ key: "\\" },
+			{ key: "`" },
 			{ key: "K" },
 			{ key: "P" },
 			{
@@ -25295,6 +26895,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 	if (!appUiStoreRef.current) appUiStoreRef.current = createPicoStore({
 		currentTab: "session",
 		gitPanelOpen: false,
+		terminalPanelOpen: false,
 		initialLoadingSessionId: sessionId || null,
 		loadingSessionId: null
 	}, shallowRecordEqual);
@@ -25310,6 +26911,11 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		setStoreField(appUiStore, "gitPanelOpen", nextOpen);
 		safeLocalStorageSetItem(RIGHT_SIDEBAR_OPEN_STORAGE_KEY, nextOpen ? "1" : "0");
 	}, [appUiStore]);
+	const setTerminalPanelOpen = import_react.useCallback((action) => {
+		const nextOpen = applyStoreAction(appUiStore.state.terminalPanelOpen, action);
+		setStoreField(appUiStore, "terminalPanelOpen", nextOpen);
+		safeLocalStorageSetItem(TERMINAL_PANEL_OPEN_STORAGE_KEY, nextOpen ? "1" : "0");
+	}, [appUiStore]);
 	const setLoadingSessionId = import_react.useCallback((action) => {
 		setStoreField(appUiStore, "loadingSessionId", action);
 	}, [appUiStore]);
@@ -25735,6 +27341,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		sessionKey: currentSessionState.sessionKey
 	}), { compare: shallowRecordEqual });
 	const gitPanelOpen = useSelector(appUiStore, (state) => state.gitPanelOpen);
+	const terminalPanelOpen = useSelector(appUiStore, (state) => state.terminalPanelOpen);
 	const openFileViewTab = (path, options) => {
 		if (!path) return;
 		batch(() => {
@@ -25831,7 +27438,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		} : currentSession : { draft: true }, sessionId);
 		setStoreState(appUiStore, (current) => ({
 			...current,
-			currentTab: current.currentTab === "git" ? "session" : current.currentTab,
+			currentTab: current.currentTab === "git" || current.currentTab === "terminal" ? "session" : current.currentTab,
 			initialLoadingSessionId: sessionId ? current.initialLoadingSessionId : null,
 			loadingSessionId: sessionId && sessionStateRef.current.sessionId !== sessionId ? sessionId : null
 		}));
@@ -25843,7 +27450,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 	]);
 	import_react.useEffect(() => {
 		if (isMobile) return;
-		setCurrentTab((tab) => tab === "git" ? "session" : tab);
+		setCurrentTab((tab) => tab === "git" || tab === "terminal" ? "session" : tab);
 	}, [isMobile, setCurrentTab]);
 	const syncComposerDraft = (value, target = sessionStateRef.current) => {
 		const parsed = parseComposerSkillMessage(value);
@@ -25887,6 +27494,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 	const applyStoredClientPreferences = () => {
 		batch(() => {
 			setGitPanelOpen(readStoredRightSidebarOpen());
+			setTerminalPanelOpen(readStoredTerminalPanelOpen());
 			setStoredDraftDirectory(readStoredDraftDirectory() || "");
 			setSessionDoneSoundEnabled(readStoredSessionDoneSoundEnabled());
 			setSessionDoneDesktopNotificationsEnabled(readStoredSessionDoneDesktopNotificationsEnabled());
@@ -26050,12 +27658,27 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		}
 		setGitPanelOpen((open) => !open);
 	};
+	const toggleTerminalPanel = () => {
+		if (isMobile) {
+			setCurrentTab((tab) => tab === "terminal" ? "session" : "terminal");
+			return;
+		}
+		setTerminalPanelOpen((open) => !open);
+	};
+	const closeTerminalPanel = () => {
+		if (isMobile) {
+			setCurrentTab((tab) => tab === "terminal" ? "session" : tab);
+			return;
+		}
+		setTerminalPanelOpen(false);
+	};
 	const openRenameDialog = () => {
 		const currentState = sessionStateRef.current;
 		if (!currentState.sessionFile) return;
 		renameDialogRef.current?.open({
 			path: currentState.sessionFile,
-			title: currentState.sessionName || getCurrentSessionTitleFromState(currentState)
+			title: currentState.sessionName || getCurrentSessionTitleFromState(currentState),
+			hasGeneratedName: Boolean(currentState.sessionName?.trim())
 		});
 	};
 	const openRenameDialogForEntry = (entry) => {
@@ -26448,7 +28071,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 	const pendingDraftPrompt = pendingDraftPromptStore.state;
 	const pendingDraftFollowUps = pendingDraftFollowUpsStore.state;
 	const pendingMessages = pendingMessagesStore.state;
-	const { abortSession, addDirectoryPath, createSession: requestCreateSession, editPendingMessage, removePendingMessage, reorderPending, submitPrompt } = useAppShellPromptMutations({
+	const { abortSession, addDirectoryPath, createSession: requestCreateSession, editPendingMessage, removePendingMessage, reorderPending, startPendingQueue, submitPrompt } = useAppShellPromptMutations({
 		viewerContextId,
 		activeSessionId,
 		defaultNewSessionDirectory,
@@ -26528,10 +28151,6 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		const createSessionPromise = requestCreateSession(nextCwd);
 		handleSelectSession(void 0);
 		clearSelectedSidebarSelection();
-		if (shouldCloseMobileSidebar) {
-			pendingMobileSidebarPromptFocusRef.current = true;
-			setOpenMobile(false);
-		} else focusPrompt();
 		setAwaitingFirstTurn(false);
 		setPendingMessages((current) => current.length === 0 ? current : []);
 		const nextState = createOptimisticDraftSessionState({
@@ -26542,6 +28161,10 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		sessionStateRef.current = nextState;
 		conversationItemsStore.setItems(nextState.items);
 		setSessionState(nextState);
+		if (shouldCloseMobileSidebar) {
+			pendingMobileSidebarPromptFocusRef.current = true;
+			setOpenMobile(false);
+		} else focusPrompt();
 		if (await createSessionPromise) return;
 		if (sessionStateRef.current.sessionKey !== optimisticSessionKey) return;
 		sessionStateRef.current = previousState;
@@ -26887,6 +28510,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 	const composerSnapshot = {
 		activeSessionId,
 		awaitingFirstTurn: composerDisabled ? false : awaitingFirstTurn,
+		canStartPendingQueue: !composerDisabled && pendingMessages.length > 0 && !sessionStateRef.current.streaming && !sessionStateRef.current.compacting && !awaitingFirstTurn && !isSubmitting,
 		centerMessages: displaySettingsRef.current.centerMessages,
 		composerDiffLineComments: displayedDiffLineComments,
 		composerImages: displayedComposerImages,
@@ -26895,6 +28519,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		composerText: displayedComposerText,
 		currentPendingMessages: displayedPendingMessages,
 		disabled: composerDisabled,
+		isCompacting: composerDisabled ? false : sessionStateRef.current.compacting,
 		isStreaming: composerDisabled ? false : sessionStateRef.current.streaming,
 		isSubmitting: composerDisabled ? false : isSubmitting,
 		viewerContextId
@@ -26917,6 +28542,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		removePendingMessage,
 		reorderPending,
 		reorderPendingDraftFollowUp,
+		startPendingQueue,
 		runBuiltinSlashCommand,
 		setModel,
 		setThinkingLevel,
@@ -26928,7 +28554,8 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		hasAvailableModels: sessionStateRef.current.availableModels.length > 0,
 		isMobile,
 		selectedSidebarSessions,
-		sessionFile: sessionState.sessionFile
+		sessionFile: sessionState.sessionFile,
+		terminalPanelOpen
 	});
 	const buildCommandPaletteCommands = () => {
 		const commandState = commandPaletteStateRef.current;
@@ -26979,6 +28606,21 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 				],
 				onSelect: toggleGitPanel
 			},
+			{
+				id: "toggle-terminal",
+				group: "Workspace",
+				title: commandState.isMobile ? "Toggle terminal tab" : commandState.terminalPanelOpen ? "Close terminal" : "Open terminal",
+				description: commandState.isMobile ? "Switch the mobile terminal tab on or off" : "Toggle the bottom terminal panel",
+				shortcut: formatShortcutLabel("Control+`"),
+				keywords: [
+					"terminal",
+					"shell",
+					"console",
+					"bottom",
+					"panel"
+				],
+				onSelect: toggleTerminalPanel
+			},
 			{
 				id: "commit-changes",
 				group: "Git",
@@ -27343,6 +28985,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 			conversationFrameRef.current?.scrollConversationToTop();
 		},
 		toggleGitPanel,
+		toggleTerminalPanel,
 		toggleHideThinking,
 		toggleHideToolBlocks,
 		cycleThinkingLevel
@@ -27483,12 +29126,14 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 			defaultNewSessionDirectory,
 			displaySessionCwd,
 			gitPanelOpen,
+			terminalPanelOpen,
 			loadingDisplaySessionTitle,
 			currentSessionPinned,
 			displaySettingsStore,
 			isSessionViewLoading,
 			newSessionDirectoryOptions,
 			onToggleGitPanel: toggleGitPanel,
+			onToggleTerminalPanel: toggleTerminalPanel,
 			sessionStore,
 			viewerContextId
 		}),
@@ -27508,6 +29153,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 					displaySettingsStore,
 					fileInputRef,
 					gitPanelOpen,
+					terminalPanelOpen,
 					hiddenThinkingPreviewStore,
 					isSessionViewLoading,
 					isSubmitting,
@@ -27525,6 +29171,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 					onAddDiffLineComment: addComposerDiffLineComment,
 					onOpenFileViewTab: openFileViewTab,
 					onReorderFileViewTabs: reorderFileViewTabs,
+					onCloseTerminalPanel: closeTerminalPanel,
 					rightSidebarStore,
 					sessionStore,
 					store: composerStore,