@alivault/pico 0.10.3 → 0.12.0

package/.output/server/_ssr/{routes-Ia1sMc23.mjs → routes-C8qT6Oju.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, 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 { $ 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 ExternalLink, B as ChevronRight, C as ImagePlus, D as Folder, E as GitCommitHorizontal, F as Command, G as ArrowUpRight, H as Check, J as ArrowDown, L as ChevronsUpDown, M as EllipsisVertical, N as Download, O as FolderPlus, P as Copy, R as ChevronsDownUp, T as GitBranch, U as ArrowUp, V as ChevronDown, W as ArrowUpToLine, _ as OctagonX, a as TriangleAlert, b as ListStart, c as SquarePen, d as Plus, f as PanelRight, h as PanelLeftClose, i as Undo2, j as Ellipsis, k as FileDiff, l as Settings2, m as PanelLeftOpen, n as WandSparkles, o as Tag, p as PanelLeft, q as ArrowLeft, r as Upload, s as Square, t as X, u as Search, v as Minimize2, w as GitPullRequestArrow, x as ListEnd, y as Maximize2 } 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-DMdIR42g.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 { 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-Ia1sMc23.js
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-C8qT6Oju.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var MOBILE_BREAKPOINT = 768;
@@ -75,7 +75,7 @@ function parseCssLengthToPixels$1(value, fallback) {
 	if (trimmedValue.endsWith("rem")) return numericValue * (typeof window === "undefined" ? 16 : Number.parseFloat(window.getComputedStyle(document.documentElement).fontSize) || 16);
 	return numericValue;
 }
-function clamp(value, min, max) {
+function clamp$1(value, min, max) {
 	return Math.min(Math.max(value, min), max);
 }
 function getResizeSide(element) {
@@ -216,7 +216,7 @@ function useSidebarResize({ enabled = true, expandThreshold = SIDEBAR_EXPAND_DIS
 				collapseSidebar(pointerEvent.clientX);
 				return;
 			}
-			const nextWidth = clamp(attemptedWidth, minWidthPx, maxWidthPx);
+			const nextWidth = clamp$1(attemptedWidth, minWidthPx, maxWidthPx);
 			previewSidebarWidth(dragState, `${Math.round(nextWidth)}px`);
 		};
 		const handlePointerUp = (pointerEvent) => {
@@ -319,7 +319,7 @@ function SheetContent({ className, children, side = "right", showCloseButton = t
 		"data-side": side,
 		className: cn("fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
 		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogClose, {
+		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogClose$1, {
 			"data-slot": "sheet-close",
 			render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 				variant: "ghost",
@@ -813,6 +813,12 @@ function DialogPortal({ ...props }) {
 		...props
 	});
 }
+function DialogClose({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogClose$1, {
+		"data-slot": "dialog-close",
+		...props
+	});
+}
 function DialogOverlay({ className, ...props }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogBackdrop, {
 		"data-slot": "dialog-overlay",
@@ -825,7 +831,7 @@ function DialogContent({ className, children, showCloseButton = true, ...props }
 		"data-slot": "dialog-content",
 		className: cn("fixed top-1/2 left-1/2 z-50 grid max-h-dvh w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 overflow-y-auto rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-h-[80vh] sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
 		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogClose, {
+		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogClose$1, {
 			"data-slot": "dialog-close",
 			render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 				variant: "ghost",
@@ -851,7 +857,7 @@ function DialogFooter({ className, showCloseButton = false, children, ...props }
 		"data-slot": "dialog-footer",
 		className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", className),
 		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogClose, {
+		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogClose$1, {
 			render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, { variant: "outline" }),
 			children: "Close"
 		})]
@@ -1000,13 +1006,13 @@ function dispatchDrawerClosedEvent() {
 		window.dispatchEvent(new CustomEvent(PICO_DIALOG_CLOSED_EVENT));
 	}, 160);
 }
-function Drawer$1({ shouldScaleBackground = false, open, ...props }) {
+function Drawer$1({ restorePromptFocusOnClose = true, shouldScaleBackground = false, open, ...props }) {
 	const wasOpenRef = import_react.useRef(open === true);
 	import_react.useLayoutEffect(() => {
 		const nextOpen = open === true;
-		if (!nextOpen && wasOpenRef.current) dispatchDrawerClosedEvent();
+		if (!nextOpen && wasOpenRef.current && restorePromptFocusOnClose) dispatchDrawerClosedEvent();
 		wasOpenRef.current = nextOpen;
-	}, [open]);
+	}, [open, restorePromptFocusOnClose]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Drawer.Root, {
 		"data-slot": "drawer",
 		shouldScaleBackground,
@@ -2851,7 +2857,7 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 					children: [loading && sortedSessionItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandItem, {
 						value: "loading:sessions",
 						disabled: true,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "size-3.5 text-primary" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "text-primary" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 							className: "text-muted-foreground",
 							children: "Loading sessions…"
 						})]
@@ -2869,7 +2875,7 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 									className: "mt-0.5 flex size-4 shrink-0 items-center justify-center",
 									children: entry.streaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {
-										className: "size-3.5 text-primary",
+										className: "text-primary",
 										"aria-label": "Session streaming"
 									}) : showUnread ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 										className: "size-2 rounded-full bg-primary",
@@ -4639,7 +4645,8 @@ function useTreeBrowsePanelView({ isMobile, treeFilterMode, onTreeFilterModeChan
 								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 									className: "flex h-6 w-2.5 items-center justify-center",
 									children: node.streaming || node.id === treeStreamingEntryId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {
-										className: "size-3 text-[var(--success)]",
+										size: "xs",
+										className: "text-[var(--success)]",
 										"aria-label": "Streaming"
 									}) : node.isActivePath ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TreeHierarchyIcon, {
 										name: "active-path",
@@ -6143,6 +6150,17 @@ function updateDirectoryIndexLoadingState(current, directories, loading) {
 	}
 	return changed ? next : current;
 }
+function normalizeOptimisticSidebarPreview(value) {
+	const text = value.replace(/\s+/g, " ").trim();
+	if (!text) return "";
+	if (text.length <= 240) return text;
+	return `${text.slice(0, 239).trimEnd()}…`;
+}
+function sidebarEntryMatchesIdentity(entry, identity) {
+	const sessionId = identity.sessionId?.trim() || "";
+	const sessionPath = identity.sessionPath?.trim() || "";
+	return Boolean(sessionPath && entry.path === sessionPath || sessionId && entry.id === sessionId);
+}
 function upsertOptimisticSidebarSessionEntry(current, entry) {
 	const directory = entry.cwd.trim();
 	const optimisticId = entry.id.trim();
@@ -6168,6 +6186,40 @@ function upsertOptimisticSidebarSessionEntry(current, entry) {
 		}
 	};
 }
+function updateOptimisticSidebarSessionPreviewEntry(current, options) {
+	const preview = normalizeOptimisticSidebarPreview(options.preview);
+	if (!preview) return current;
+	let changed = false;
+	const next = { ...current };
+	for (const [directory, snapshot] of Object.entries(current)) {
+		const updatedEntries = [];
+		let sessionsChanged = false;
+		const sessions = snapshot.sessions.map((entry) => {
+			if (!sidebarEntryMatchesIdentity(entry, options)) return entry;
+			const nextEntry = {
+				...entry,
+				modified: options.modified,
+				lastUserMessageAt: options.modified,
+				lastMessageAt: options.modified,
+				lastMessagePreview: preview,
+				streaming: true,
+				unread: false
+			};
+			updatedEntries.push(nextEntry);
+			sessionsChanged ||= nextEntry !== entry;
+			return nextEntry;
+		});
+		if (!sessionsChanged) continue;
+		const updatedKeys = new Set(updatedEntries.map(sessionListEntryKey));
+		next[directory] = {
+			...snapshot,
+			revision: `optimistic-preview:${options.modified}:${snapshot.revision}`,
+			sessions: [...updatedEntries, ...sessions.filter((entry) => !updatedKeys.has(sessionListEntryKey(entry)))]
+		};
+		changed = true;
+	}
+	return changed ? next : current;
+}
 function removeOptimisticSidebarSessionEntry(current, optimisticId) {
 	const targetId = optimisticId?.trim() || "";
 	if (!targetId) return current;
@@ -10325,6 +10377,234 @@ var MarkdownBlock = import_react.memo(function MarkdownBlock({ streaming = false
 		})
 	});
 });
+var minScale = 1;
+var maxScale = 5;
+var initialTransform = {
+	scale: 1,
+	x: 0,
+	y: 0
+};
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+function getDistance(first, second) {
+	return Math.hypot(first.x - second.x, first.y - second.y);
+}
+function getMidpoint(first, second) {
+	return {
+		x: (first.x + second.x) / 2,
+		y: (first.y + second.y) / 2
+	};
+}
+function ImageLightbox({ open, onOpenChange, imageSrc, imageAlt, title, description, emptyState, className }) {
+	const containerRef = import_react.useRef(null);
+	const imageRef = import_react.useRef(null);
+	const activePointersRef = import_react.useRef(/* @__PURE__ */ new Map());
+	const clickStartedOnBackdropRef = import_react.useRef(false);
+	const gestureRef = import_react.useRef(null);
+	const transformRef = import_react.useRef(initialTransform);
+	const [transform, setTransform] = import_react.useState(initialTransform);
+	import_react.useEffect(() => {
+		activePointersRef.current.clear();
+		gestureRef.current = null;
+		transformRef.current = initialTransform;
+		setTransform(initialTransform);
+	}, [imageSrc, open]);
+	function getPointFromEvent(event) {
+		return {
+			x: event.clientX,
+			y: event.clientY
+		};
+	}
+	function getPointRelativeToCenter(point) {
+		const container = containerRef.current;
+		if (!container) return point;
+		const rect = container.getBoundingClientRect();
+		return {
+			x: point.x - rect.left - rect.width / 2,
+			y: point.y - rect.top - rect.height / 2
+		};
+	}
+	function clampTransform(nextTransform) {
+		const nextScale = clamp(nextTransform.scale, minScale, maxScale);
+		if (nextScale <= minScale) return initialTransform;
+		const container = containerRef.current;
+		const image = imageRef.current;
+		if (!container || !image) return {
+			scale: nextScale,
+			x: nextTransform.x,
+			y: nextTransform.y
+		};
+		const maxX = Math.max(0, (image.offsetWidth * nextScale - container.clientWidth) / 2);
+		const maxY = Math.max(0, (image.offsetHeight * nextScale - container.clientHeight) / 2);
+		return {
+			scale: nextScale,
+			x: clamp(nextTransform.x, -maxX, maxX),
+			y: clamp(nextTransform.y, -maxY, maxY)
+		};
+	}
+	function updateTransform(nextTransform) {
+		const clampedTransform = clampTransform(nextTransform);
+		transformRef.current = clampedTransform;
+		setTransform(clampedTransform);
+	}
+	function zoomAroundPoint(nextScale, screenPoint) {
+		const currentTransform = transformRef.current;
+		const relativePoint = getPointRelativeToCenter(screenPoint);
+		const clampedScale = clamp(nextScale, minScale, maxScale);
+		if (clampedScale <= minScale) {
+			updateTransform(initialTransform);
+			return;
+		}
+		const imagePoint = {
+			x: (relativePoint.x - currentTransform.x) / currentTransform.scale,
+			y: (relativePoint.y - currentTransform.y) / currentTransform.scale
+		};
+		updateTransform({
+			scale: clampedScale,
+			x: relativePoint.x - imagePoint.x * clampedScale,
+			y: relativePoint.y - imagePoint.y * clampedScale
+		});
+	}
+	function startPinchGesture() {
+		const pointers = [...activePointersRef.current.values()];
+		const firstPointer = pointers[0];
+		const secondPointer = pointers[1];
+		if (!firstPointer || !secondPointer) return;
+		gestureRef.current = {
+			type: "pinch",
+			startDistance: getDistance(firstPointer, secondPointer),
+			startMidpoint: getMidpoint(firstPointer, secondPointer),
+			startTransform: transformRef.current
+		};
+	}
+	function startPanGesture(pointerId, point) {
+		gestureRef.current = {
+			type: "pan",
+			pointerId,
+			startPoint: point,
+			startTransform: transformRef.current
+		};
+	}
+	function finishPointer(pointerId) {
+		activePointersRef.current.delete(pointerId);
+		const remainingPointer = [...activePointersRef.current.entries()][0];
+		if (activePointersRef.current.size >= 2) startPinchGesture();
+		else if (remainingPointer) startPanGesture(remainingPointer[0], remainingPointer[1]);
+		else gestureRef.current = null;
+	}
+	function handlePointerDown(event) {
+		clickStartedOnBackdropRef.current = event.target === event.currentTarget;
+		if (!imageSrc) return;
+		event.currentTarget.setPointerCapture(event.pointerId);
+		const point = getPointFromEvent(event);
+		activePointersRef.current.set(event.pointerId, point);
+		if (activePointersRef.current.size >= 2) startPinchGesture();
+		else startPanGesture(event.pointerId, point);
+	}
+	function handlePointerMove(event) {
+		if (!activePointersRef.current.has(event.pointerId)) return;
+		const point = getPointFromEvent(event);
+		activePointersRef.current.set(event.pointerId, point);
+		const gesture = gestureRef.current;
+		const pointers = [...activePointersRef.current.values()];
+		if (gesture?.type === "pinch" && pointers.length >= 2) {
+			const firstPointer = pointers[0];
+			const secondPointer = pointers[1];
+			if (!firstPointer || !secondPointer || gesture.startDistance <= 0) return;
+			const nextDistance = getDistance(firstPointer, secondPointer);
+			const nextMidpoint = getMidpoint(firstPointer, secondPointer);
+			const nextScale = gesture.startTransform.scale * (nextDistance / gesture.startDistance);
+			const startRelativeMidpoint = getPointRelativeToCenter(gesture.startMidpoint);
+			const nextRelativeMidpoint = getPointRelativeToCenter(nextMidpoint);
+			const imagePoint = {
+				x: (startRelativeMidpoint.x - gesture.startTransform.x) / gesture.startTransform.scale,
+				y: (startRelativeMidpoint.y - gesture.startTransform.y) / gesture.startTransform.scale
+			};
+			const clampedScale = clamp(nextScale, minScale, maxScale);
+			updateTransform({
+				scale: clampedScale,
+				x: nextRelativeMidpoint.x - imagePoint.x * clampedScale,
+				y: nextRelativeMidpoint.y - imagePoint.y * clampedScale
+			});
+			return;
+		}
+		if (gesture?.type === "pan" && gesture.pointerId === event.pointerId) updateTransform({
+			scale: gesture.startTransform.scale,
+			x: gesture.startTransform.x + point.x - gesture.startPoint.x,
+			y: gesture.startTransform.y + point.y - gesture.startPoint.y
+		});
+	}
+	function handleWheel(event) {
+		if (!imageSrc) return;
+		event.preventDefault();
+		const scaleDelta = Math.exp(-event.deltaY * .0015);
+		zoomAroundPoint(transformRef.current.scale * scaleDelta, getPointFromEvent(event));
+	}
+	function handleDoubleClick(event) {
+		if (!imageSrc) return;
+		if (transformRef.current.scale > minScale) updateTransform(initialTransform);
+		else zoomAroundPoint(2, getPointFromEvent(event));
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+			showCloseButton: false,
+			className: cn("top-0 left-0 h-dvh max-h-dvh w-dvw max-w-none translate-x-0 translate-y-0 overflow-hidden rounded-none bg-transparent p-0 shadow-none ring-0 sm:max-h-dvh sm:max-w-none dark:ring-0", className),
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, {
+					className: "sr-only",
+					children: title
+				}),
+				description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, {
+					className: "sr-only",
+					children: description
+				}) : null,
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "absolute top-4 right-4 z-10 flex items-center gap-2",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogClose, {
+						render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							variant: "ghost",
+							size: "icon",
+							className: "border border-white/15 bg-black/55 text-white hover:bg-black/80 hover:text-white"
+						}),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "sr-only",
+							children: "Close"
+						})]
+					})
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					ref: containerRef,
+					className: "flex h-full w-full touch-none items-center justify-center overflow-hidden p-4",
+					onPointerDown: handlePointerDown,
+					onPointerMove: handlePointerMove,
+					onPointerUp: (event) => finishPointer(event.pointerId),
+					onPointerCancel: (event) => finishPointer(event.pointerId),
+					onLostPointerCapture: (event) => finishPointer(event.pointerId),
+					onWheel: handleWheel,
+					onDoubleClick: handleDoubleClick,
+					onClick: (event) => {
+						if (clickStartedOnBackdropRef.current && event.target === event.currentTarget) onOpenChange(false);
+						clickStartedOnBackdropRef.current = false;
+					},
+					children: imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+						ref: imageRef,
+						src: imageSrc,
+						alt: imageAlt,
+						draggable: false,
+						className: "block max-h-full max-w-full cursor-grab object-contain active:cursor-grabbing",
+						style: { transform: `translate3d(${transform.x}px, ${transform.y}px, 0) scale(${transform.scale})` }
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "rounded-3xl border border-dashed border-border/70 bg-background/95 px-6 py-10 text-sm text-muted-foreground",
+						children: emptyState || "Unable to load the image preview."
+					})
+				})
+			]
+		})
+	});
+}
 var PICO_DIFF_THEME_PAIR = {
 	light: PICO_DIFF_SHIKI_THEMES.light,
 	dark: PICO_DIFF_SHIKI_THEMES.dark
@@ -10941,18 +11221,22 @@ function assistantMessagesModelLabel(items) {
 function assistantItemIsWorking(item) {
 	return Boolean(item.streaming) || item.done === false || item.blocks.some((block) => block.type === "tool" && block.running);
 }
+function assistantItemIsStreaming(item) {
+	return Boolean(item.streaming);
+}
 function assistantMessagesShellSnapshotFromBlocks(snapshot, blocks) {
 	const anchorBlockIndex = blocks.findIndex(assistantBlockIsMessageJumpAnchor);
 	const anchorBlock = anchorBlockIndex >= 0 ? blocks[anchorBlockIndex] : void 0;
 	const copyText = assistantCopyTextFromItems(snapshot.items);
 	const modelLabel = assistantMessagesModelLabel(snapshot.items);
+	const streaming = snapshot.items.some(assistantItemIsStreaming);
 	const working = snapshot.items.some(assistantItemIsWorking);
-	const hasFooter = Boolean(copyText.trim() || modelLabel || working);
+	const hasFooter = Boolean(copyText.trim() || modelLabel);
 	return {
 		...anchorBlock ? { anchorBlockKey: assistantBlockRenderKey(anchorBlock, anchorBlockIndex) } : {},
 		hasBlocks: blocks.length > 0,
 		hasFooter,
-		streaming: working,
+		streaming,
 		working,
 		copyText,
 		modelLabel
@@ -11767,9 +12051,11 @@ var CompactionBlockCard = import_react.memo(function CompactionBlockCard({ block
 });
 var UserMessageCard = import_react.memo(function UserMessageCard({ item }) {
 	const labelText = userMessageLabel(item);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	const [selectedImageIndex, setSelectedImageIndex] = import_react.useState(null);
+	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", {
+		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", {
@@ -11789,14 +12075,31 @@ var UserMessageCard = import_react.memo(function UserMessageCard({ item }) {
 				}),
 				item.images.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					className: "mt-3 flex flex-wrap gap-3",
-					children: item.images.map((image) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-						src: image.previewUrl,
-						alt: "Prompt upload",
-						className: "h-28 rounded-lg border object-cover"
-					}, promptImageKey(image)))
+					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]
 	});
 });
 function assistantBlockIsVisible({ block, hideThinking, hideToolBlocks }) {
@@ -11816,7 +12119,7 @@ function assistantMessageHasVisibleBlocks({ item, hideThinking, hideToolBlocks }
 	}));
 }
 function assistantMessageHasFooterMeta(item) {
-	return Boolean(assistantItemIsWorking(item) || item.model || assistantCopyTextFromItems([item]));
+	return Boolean(item.model || assistantCopyTextFromItems([item]));
 }
 var AssistantBlockGroupView = import_react.memo(function AssistantBlockGroupView({ anchorBlockKey, descriptor, store, streaming }) {
 	if (descriptor.type === "explore") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantExploreBlockGroupView, {
@@ -11937,7 +12240,7 @@ function AssistantMessageFooter({ copyText, modelLabel, streaming }) {
 		}) : null]
 	});
 }
-function AssistantMessagesStoreCard({ hideFooter = false, store }) {
+function AssistantMessagesStoreCard({ className, hideFooter = false, store }) {
 	const initialSnapshot = store.getSnapshot();
 	const initialBlocks = visibleAssistantBlocksFromSnapshot(initialSnapshot);
 	const assistantBlockStoreRef = import_react.useRef(null);
@@ -11961,20 +12264,21 @@ function AssistantMessagesStoreCard({ hideFooter = false, store }) {
 		store
 	]);
 	const shellSnapshot = import_react.useSyncExternalStore(shellStore.subscribe, shellStore.getSnapshot, shellStore.getSnapshot);
-	if (!shellSnapshot.hasBlocks && !shellSnapshot.hasFooter) return null;
+	const showFooter = Boolean(!hideFooter && !shellSnapshot.streaming && shellSnapshot.hasFooter);
+	if (!shellSnapshot.hasBlocks && !showFooter) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex flex-col gap-4",
+		className: cn("flex flex-col gap-4", className),
 		"data-conversation-assistant-group": "true",
 		"data-conversation-streaming": shellSnapshot.streaming ? "true" : void 0,
 		children: [shellSnapshot.hasBlocks ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantBlockGroupsView, {
 			anchorBlockKey: shellSnapshot.anchorBlockKey,
 			store: assistantBlockStore,
 			streaming: shellSnapshot.streaming
-		}) : null, hideFooter ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantMessageFooter, {
+		}) : null, showFooter ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantMessageFooter, {
 			copyText: shellSnapshot.copyText,
 			modelLabel: shellSnapshot.modelLabel,
 			streaming: shellSnapshot.streaming
-		})]
+		}) : null]
 	});
 }
 function createSelectionStore(initialValue = 0) {
@@ -13178,7 +13482,10 @@ function NewSessionComposerSelectors({ cwd, defaultNewSessionDirectory, director
 						className: "truncate",
 						children: branchLabel
 					}),
-					checkoutBranchMutation.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "size-4 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {
+					checkoutBranchMutation.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {
+						size: "md",
+						className: "shrink-0"
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {
 						className: "size-5 shrink-0",
 						"aria-hidden": "true"
 					})
@@ -14403,9 +14710,13 @@ function AppShellConversationFrame({ autoScrollEnabled, children, centerMessages
 function AppShellWorkingIndicatorLabel({ fallbackLabel, hiddenThinkingPreviewStore, useHiddenThinkingPreview }) {
 	const hiddenThinkingPreview = useSelector(hiddenThinkingPreviewStore);
 	const visibleLabel = useHiddenThinkingPreview && hiddenThinkingPreview ? hiddenThinkingPreview : fallbackLabel;
-	if (!visibleLabel.trim()) return null;
+	if (!visibleLabel.trim()) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"aria-hidden": "true",
+		className: "invisible leading-5 font-medium",
+		children: "Working…"
+	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "font-medium text-foreground",
+		className: "leading-5 font-medium text-foreground",
 		children: visibleLabel
 	});
 }
@@ -14420,7 +14731,7 @@ function AppShellMessagesWorkingIndicator({ hiddenThinkingPreviewStore, onCancel
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "min-w-0 flex-1",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex min-w-0 items-center justify-start gap-2",
+				className: "flex min-h-5 min-w-0 items-center justify-start gap-2",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					className: "min-w-0 shrink-0",
 					children: state.done ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -14507,12 +14818,10 @@ function ConversationAssistantGroupView({ className, groupKey, hideFooter, hideT
 		store,
 		syncAfterConversationContentChange
 	]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantMessagesStoreCard, {
 		className,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantMessagesStoreCard, {
-			hideFooter,
-			store: assistantMessagesStore
-		})
+		hideFooter,
+		store: assistantMessagesStore
 	});
 }
 function AppShellConversationItemGroups({ centerMessages, conversationItemsStore, hideFooter, hideThinking, hideToolBlocks }) {
@@ -14582,14 +14891,13 @@ function AppShellConversationWorkingFooter({ centerMessages, conversationItemsSt
 }
 function AppShellConversationMessageStack({ centerMessages, conversationItemsStore, hideToolBlocks, sessionStore }) {
 	const hideThinking = useSelector(sessionStore, (sessionState) => sessionState.hideThinkingBlock);
-	const streaming = useSelector(sessionStore, (sessionState) => sessionState.streaming);
 	if (!useConversationHasMessages(conversationItemsStore)) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "flex flex-col gap-4 pt-4",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellConversationItemGroups, {
 			centerMessages,
 			conversationItemsStore,
-			hideFooter: streaming,
+			hideFooter: false,
 			hideThinking,
 			hideToolBlocks
 		})
@@ -14891,7 +15199,7 @@ function ProjectFileIconSprite() {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 		ref: installTrustedFileIconSprite,
 		"aria-hidden": "true",
-		className: "pointer-events-none block size-0 overflow-hidden"
+		className: "pointer-events-none absolute size-0 overflow-hidden"
 	});
 }
 function ProjectFileTypeIcon({ path }) {
@@ -15314,6 +15622,7 @@ function ProjectOpenFileDialog({ open, onOpenChange, paths, onOpenFile }) {
 	if (isMobile) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Drawer$1, {
 		open,
 		onOpenChange,
+		restorePromptFocusOnClose: false,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerContent, {
 			className: "max-h-[90svh] overflow-hidden",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerTitle, { children: "Open Files" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerDescription, { children: "Search project files to open." })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -15601,9 +15910,9 @@ function CommitDiffViewerTabOverlay({ active, tab }) {
 		tabCount: 1
 	});
 }
-function RightSidebarTabStrip({ activeCommitDiffKey = "", activeFilePath, activeTab, commitDiffTabs = EMPTY_COMMIT_DIFF_TABS, filePreviewPath = "", fileTabs = EMPTY_RIGHT_SIDEBAR_FILE_TABS$1, onActiveCommitDiffChange, onActiveFileChange, onActiveTabChange, onCloseAllCommitDiffs, onCloseAllFiles, onCloseCommitDiff, onCloseCommitDiffsToRight, onCloseFile, onCloseFilesToRight, onCloseOtherCommitDiffs, onCloseOtherFiles, onOpenFileDialog, onReorderCommitDiffs, onReorderFiles, showHistory = false, showReview = false }) {
-	const renderTab = ({ label, value }) => {
-		const active = activeTab === value;
+function RightSidebarTabStrip({ activeCommitDiffKey = "", activeFilePath, activeTab, commitDiffTabs = EMPTY_COMMIT_DIFF_TABS, filePreviewPath = "", fileTabs = EMPTY_RIGHT_SIDEBAR_FILE_TABS$1, onActiveCommitDiffChange, onActiveFileChange, onActiveTabChange, onCloseAllCommitDiffs, onCloseAllFiles, onCloseCommitDiff, onCloseCommitDiffsToRight, onCloseFile, onCloseFilesToRight, onCloseOtherCommitDiffs, onCloseOtherFiles, onOpenFileDialog, onReorderCommitDiffs, onReorderFiles, showFiles = false, showHistory = false, showReview = false }) {
+	const renderTab = ({ active: activeOverride, label, value }) => {
+		const active = activeOverride ?? activeTab === value;
 		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 			type: "button",
 			"aria-pressed": active,
@@ -15675,7 +15984,8 @@ function RightSidebarTabStrip({ activeCommitDiffKey = "", activeFilePath, active
 				label: "History",
 				value: "history"
 			}) : null,
-			!hasOpenFiles ? renderTab({
+			!hasOpenFiles || showFiles ? renderTab({
+				active: activeTab === "files" && (!hasOpenFiles || !activeFilePath),
 				label: "Files",
 				value: "files"
 			}) : null,
@@ -15999,7 +16309,7 @@ function GitBranchLocalGroup({ branches, branchesPending, checkoutPending, onSwi
 		children: [branchesPending && branches.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandItem, {
 			value: "loading:branches",
 			disabled: true,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "size-3.5 text-primary" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "text-primary" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 				className: "text-muted-foreground",
 				children: "Loading branches…"
 			})]
@@ -16552,7 +16862,10 @@ function GitPanelToolbar({ viewerContextId, cwd, active }) {
 					onBranchClick: () => {
 						setBranchDialogOpen(true);
 					}
-				}), active && refreshing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "size-3 shrink-0 text-primary" }) : null]
+				}), active && refreshing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {
+					size: "xs",
+					className: "shrink-0 text-primary"
+				}) : null]
 			}),
 			showCommitAction || showPushAction || showForcePushAction || showPullAction ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex flex-wrap items-center justify-end gap-2",
@@ -16695,7 +17008,7 @@ function AlertDialogAction({ className, ...props }) {
 	});
 }
 function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogClose, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogClose$1, {
 		"data-slot": "alert-dialog-cancel",
 		className: cn(className),
 		render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
@@ -17128,7 +17441,7 @@ function GitCommitActionsMenu({ disabled, busy, canCopyMessage, onViewDiff, onCo
 				"aria-label": "Commit actions",
 				disabled: disabled || busy
 			}),
-			children: busy ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "size-3" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ellipsis, {})
+			children: busy ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ellipsis, {})
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuContent, {
 			align: "end",
 			className: "w-64",
@@ -18122,7 +18435,7 @@ function GitCommitsSection({ viewerContextId, cwd, active, onOpenCommitDiff, onR
 				role: "status",
 				"aria-label": "Loading more commits",
 				className: "inline-flex items-center gap-2 px-1 text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "size-3" }), "Loading more commits…"]
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }), "Loading more commits…"]
 			}) : null
 		}) : null]
 	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
@@ -18199,6 +18512,30 @@ function GitFileDiff({ file }) {
 		}) : null]
 	});
 }
+function gitFileCanStage(file) {
+	const [indexStatus, worktreeStatus] = gitFileStatusCharacters(file.status);
+	return worktreeStatus !== " " || indexStatus === "?";
+}
+function gitFileCanUnstage(file) {
+	const [indexStatus] = gitFileStatusCharacters(file.status);
+	return indexStatus !== " " && indexStatus !== "?";
+}
+function reviewBulkGitActionSuccessLabel(action) {
+	switch (action) {
+		case "discard-all": return "Discarded all changes";
+		case "nuke-working-tree": return "Nuked working tree";
+		case "unstage-all": return "Unstaged all changes";
+		case "stage-all": return "Staged all changes";
+	}
+}
+function reviewBulkGitActionErrorFallback(action) {
+	switch (action) {
+		case "discard-all": return "Failed to discard changes";
+		case "nuke-working-tree": return "Failed to nuke working tree";
+		case "unstage-all": return "Failed to unstage changes";
+		case "stage-all": return "Failed to stage changes";
+	}
+}
 function reviewDiffCommentSideLabel(side) {
 	return side === "deletions" ? "old" : "new";
 }
@@ -18418,6 +18755,7 @@ function FileReviewContent(props) {
 }
 function useFileReviewContentView({ viewerContextId, cwd, active, diffLineComments = [], onAddDiffLineComment, onMaximizeHistory, onOpenCommitDiff, onOpenFile, showEmbeddedHistory = true }) {
 	const normalizedCwd = normalizeCwd(cwd);
+	const queryClient = useQueryClient();
 	const isMobile = useIsMobile();
 	const [state, dispatch] = import_react.useReducer(fileReviewReducer, initialFileReviewState, (initialState) => ({
 		...initialState,
@@ -18458,6 +18796,33 @@ function useFileReviewContentView({ viewerContextId, cwd, active, diffLineCommen
 	});
 	const files = filesQuery.data;
 	const changedFiles = Array.isArray(files) ? files : [];
+	const canStageAll = changedFiles.some(gitFileCanStage);
+	const canUnstageAll = changedFiles.some(gitFileCanUnstage);
+	const canDiscardAll = changedFiles.length > 0;
+	const [confirmNukeWorkingTreeOpen, setConfirmNukeWorkingTreeOpen] = import_react.useState(false);
+	const bulkGitActionMutation = useMutation({
+		mutationFn: async (action) => {
+			return await fetchJson(buildRequestUrl(action === "discard-all" || action === "nuke-working-tree" ? "/api/git-discard" : "/api/git-stage", { contextId: viewerContextId }), {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({
+					action,
+					cwd: normalizedCwd
+				})
+			});
+		},
+		onSuccess: async (_response, action) => {
+			await invalidateGitQueries({
+				queryClient,
+				viewerContextId,
+				cwd: normalizedCwd
+			});
+			toast.success(reviewBulkGitActionSuccessLabel(action));
+		},
+		onError: (error, action) => {
+			toast.error(getErrorMessage(error, reviewBulkGitActionErrorFallback(action)));
+		}
+	});
 	import_react.useEffect(() => {
 		if (previousNormalizedCwdRef.current === normalizedCwd) return;
 		previousNormalizedCwdRef.current = normalizedCwd;
@@ -18560,12 +18925,28 @@ function useFileReviewContentView({ viewerContextId, cwd, active, diffLineCommen
 		normalizedCwd
 	]);
 	const hasOpenFile = openFiles.length > 0;
+	const bulkActionPending = bulkGitActionMutation.isPending;
+	const bulkActionDisabled = bulkActionPending || !viewerContextId || !normalizedCwd || typeof files === "undefined" || files === null || Boolean(filesQuery.error);
+	const discardAllPending = bulkGitActionMutation.isPending && bulkGitActionMutation.variables === "discard-all";
+	const nukeWorkingTreePending = bulkGitActionMutation.isPending && bulkGitActionMutation.variables === "nuke-working-tree";
+	const stageAllPending = bulkGitActionMutation.isPending && bulkGitActionMutation.variables === "stage-all";
+	const unstageAllPending = bulkGitActionMutation.isPending && bulkGitActionMutation.variables === "unstage-all";
 	const toggleAll = () => {
 		dispatch({
 			type: "openFilesChanged",
 			openFiles: hasOpenFile ? [] : changedFiles.map(reviewFileValue)
 		});
 	};
+	const runBulkGitAction = (action) => {
+		bulkGitActionMutation.mutate(action);
+	};
+	const requestNukeWorkingTree = () => {
+		setConfirmNukeWorkingTreeOpen(true);
+	};
+	const runConfirmedNukeWorkingTree = () => {
+		bulkGitActionMutation.mutate("nuke-working-tree");
+		setConfirmNukeWorkingTreeOpen(false);
+	};
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		ref: reviewContentRef,
 		className: "flex h-full min-h-0 flex-col bg-background",
@@ -18588,32 +18969,72 @@ function useFileReviewContentView({ viewerContextId, cwd, active, diffLineCommen
 						children: "Diffs"
 					})
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "flex shrink-0 items-center gap-2",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
-						title: hasOpenFile ? "Collapse all" : "Expand all",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					className: "flex shrink-0 flex-wrap items-center justify-end gap-2",
+					children: [
+						/* @__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",
+								"aria-label": "Diff actions",
+								disabled: bulkActionDisabled
+							}),
+							children: bulkActionPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ellipsis, { className: "size-4" })
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuContent, {
+							align: "end",
+							className: "w-52",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuGroup, { children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+									disabled: bulkActionDisabled || !canStageAll,
+									onClick: () => runBulkGitAction("stage-all"),
+									children: [stageAllPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, {}), "Stage all"]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+									disabled: bulkActionDisabled || !canUnstageAll,
+									onClick: () => runBulkGitAction("unstage-all"),
+									children: [unstageAllPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Minus, {}), "Unstage all"]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+									variant: "destructive",
+									disabled: bulkActionDisabled || !canDiscardAll,
+									onClick: () => runBulkGitAction("discard-all"),
+									children: [discardAllPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Undo2, {}), "Discard all"]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+									variant: "destructive",
+									disabled: bulkActionDisabled,
+									onClick: requestNukeWorkingTree,
+									children: [nukeWorkingTreePending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, {}), "Nuke working tree"]
+								})
+							] })
+						})] }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+							title: hasOpenFile ? "Collapse all" : "Expand all",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+								variant: "outline",
+								size: "icon",
+								"aria-label": hasOpenFile ? "Collapse all" : "Expand all",
+								disabled: changedFiles.length === 0,
+								onClick: toggleAll,
+								children: hasOpenFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronsDownUp, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronsUpDown, { className: "size-4" })
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup$1, {
 							variant: "outline",
-							size: "icon",
-							"aria-label": hasOpenFile ? "Collapse all" : "Expand all",
-							disabled: changedFiles.length === 0,
-							onClick: toggleAll,
-							children: hasOpenFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronsDownUp, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronsUpDown, { className: "size-4" })
+							value: [diffStyle],
+							onValueChange: (values) => {
+								const value = values[0];
+								if (value === "unified" || value === "split") dispatch({
+									type: "diffStyleChanged",
+									diffStyle: value
+								});
+							},
+							children: ["unified", "split"].map((value) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
+								value,
+								children: value === "unified" ? "Unified" : "Split"
+							}, value))
 						})
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup$1, {
-						variant: "outline",
-						value: [diffStyle],
-						onValueChange: (values) => {
-							const value = values[0];
-							if (value === "unified" || value === "split") dispatch({
-								type: "diffStyleChanged",
-								diffStyle: value
-							});
-						},
-						children: ["unified", "split"].map((value) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
-							value,
-							children: value === "unified" ? "Unified" : "Split"
-						}, value))
-					})]
+					]
 				})]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -18722,7 +19143,21 @@ function useFileReviewContentView({ viewerContextId, cwd, active, diffLineCommen
 						})
 					}) : null
 				]
-			}) : null
+			}) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialog$1, {
+				open: confirmNukeWorkingTreeOpen,
+				onOpenChange: setConfirmNukeWorkingTreeOpen,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogHeader, { children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogMedia, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, {}) }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogTitle, { children: "Nuke working tree?" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogDescription, { children: "This restores tracked files to HEAD and deletes untracked and ignored files in this repository. This cannot be undone from Pico." })
+				] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogCancel, { children: "Cancel" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogAction, {
+					variant: "destructive",
+					disabled: bulkActionDisabled,
+					onClick: runConfirmedNukeWorkingTree,
+					children: "Nuke working tree"
+				})] })] })
+			})
 		]
 	});
 }
@@ -18799,8 +19234,7 @@ function ReviewFileAccordionItem({ viewerContextId, cwd, active, diffLineComment
 		onGutterUtilityClick: startLineComment
 	} : {};
 	const themeOptions = usePicoDiffThemeOptions();
-	const [indexStatus, worktreeStatus] = gitFileStatusCharacters(file.status);
-	const canStage = worktreeStatus !== " " || indexStatus === "?";
+	const canStage = gitFileCanStage(file);
 	const invalidateChangedFileQueries = async () => {
 		await invalidateGitQueries({
 			queryClient,
@@ -19585,9 +20019,9 @@ function RightSidebar({ viewerContextId, cwd, active, activeFilePath = "", activ
 		setHistoryAsTabState(value);
 		storeHistoryAsTab(value);
 	};
-	const previewMode = isMobile ? "inline" : "external";
+	const previewMode = "external";
 	const panelHasCardChrome = showToolbar && !isMobile;
-	const currentFilePath = previewMode === "inline" ? localState.inlineActiveFilePath : activeFilePath;
+	const currentFilePath = activeFilePath;
 	const hasOpenFileTabs = fileTabs.length > 0;
 	const activeCommitDiffTab = localState.commitDiffTabs.find((tab) => tab.key === localState.activeCommitDiffKey) ?? localState.commitDiffTabs[0];
 	const fileDialogPaths = useQuery({
@@ -19602,13 +20036,6 @@ function RightSidebar({ viewerContextId, cwd, active, activeFilePath = "", activ
 	const openFile = (path, options) => {
 		if (!path) return;
 		setActiveTab("files");
-		if (previewMode === "inline") {
-			dispatchLocal({
-				type: "set-inline-active-file",
-				path
-			});
-			return;
-		}
 		onOpenFile?.(path, options);
 		onActiveFileChange?.(path);
 	};
@@ -19654,6 +20081,10 @@ function RightSidebar({ viewerContextId, cwd, active, activeFilePath = "", activ
 			keys
 		});
 	};
+	const handleTabStripActiveTabChange = (tab) => {
+		if (isMobile && tab === "files") onActiveFileChange?.("");
+		setActiveTab(tab);
+	};
 	import_react.useEffect(() => {
 		dispatchLocal({
 			type: "reset-navigation",
@@ -19686,7 +20117,7 @@ function RightSidebar({ viewerContextId, cwd, active, activeFilePath = "", activ
 						key
 					}),
 					onActiveFileChange,
-					onActiveTabChange: setActiveTab,
+					onActiveTabChange: handleTabStripActiveTabChange,
 					onCloseAllCommitDiffs: closeAllCommitDiffs,
 					onCloseAllFiles,
 					onCloseCommitDiff: closeCommitDiff,
@@ -19703,6 +20134,7 @@ function RightSidebar({ viewerContextId, cwd, active, activeFilePath = "", activ
 					},
 					onReorderCommitDiffs: reorderCommitDiffs,
 					onReorderFiles,
+					showFiles: isMobile && hasOpenFileTabs,
 					showHistory: historyAsTab,
 					showReview: true
 				}),
@@ -19750,7 +20182,25 @@ function RightSidebar({ viewerContextId, cwd, active, activeFilePath = "", activ
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					className: activeTab === "files" ? "min-h-0 flex-1 overflow-hidden" : "hidden",
-					children: previewMode === "external" && hasOpenFileTabs ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					children: isMobile ? currentFilePath ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex h-full min-h-0 min-w-0 flex-col overflow-hidden",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilePathBreadcrumb, { path: currentFilePath }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "min-h-0 min-w-0 flex-1 overflow-hidden",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProjectFileContent, {
+								viewerContextId,
+								cwd: normalizedCwd,
+								active: active && activeTab === "files",
+								path: currentFilePath
+							})
+						})]
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProjectFilesWorkspace, {
+						viewerContextId,
+						cwd: normalizedCwd,
+						active: active && activeTab === "files",
+						activeFilePath: currentFilePath,
+						onOpenFile: openFile,
+						previewMode
+					}) : hasOpenFileTabs ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 						className: "flex h-full min-h-0 min-w-0 flex-col overflow-hidden",
 						children: [currentFilePath ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilePathBreadcrumb, {
 							path: currentFilePath,
@@ -19780,12 +20230,6 @@ function RightSidebar({ viewerContextId, cwd, active, activeFilePath = "", activ
 						cwd: normalizedCwd,
 						active: active && activeTab === "files",
 						activeFilePath: currentFilePath,
-						onCloseFile: () => {
-							dispatchLocal({
-								type: "set-inline-active-file",
-								path: ""
-							});
-						},
 						onOpenFile: openFile,
 						previewMode
 					})
@@ -20410,7 +20854,7 @@ var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ a
 					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, {
-							className: "size-3.5 shrink-0",
+							className: "shrink-0",
 							"aria-label": "Session streaming"
 						}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
 							title: displaySessionTitle,
@@ -20903,10 +21347,7 @@ 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, {
-				className: "size-3.5",
-				"aria-label": "Session streaming"
-			})
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { "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", {
@@ -21083,7 +21524,7 @@ 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: "size-3.5 shrink-0" }) : null
+					showHeaderLoadingSpinner ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "shrink-0" }) : null
 				]
 			}),
 			onCreateSessionInDirectory && !overlay && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
@@ -22576,6 +23017,12 @@ function usePromptMutationSessionSnapshot(store) {
 function normalizeQueuedStreamingBehavior(streamingBehavior) {
 	return streamingBehavior === "followUp" ? "followUp" : "steer";
 }
+function promptSidebarPreview(message, images) {
+	const text = message.replace(/\s+/g, " ").trim();
+	if (text) return text;
+	if (images.length === 0) return "";
+	return `${images.length.toLocaleString()} image${images.length === 1 ? "" : "s"}`;
+}
 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)}`;
@@ -22638,7 +23085,7 @@ function movePendingComposerMessage(messages, pendingId, direction) {
 	next.splice(targetIndex, 0, movedItem);
 	return next;
 }
-function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultNewSessionDirectory, sessionStore, sessionStateRef, draftSessionLoadingOwnerKey, pendingDraftPrompt, pendingDraftFollowUps, awaitingFirstTurn, pendingMessages, composerDiffLineCommentsRef, composerImagesRef, composerTextRef, composerSkillRef, replaceComposerDraft, lastSyncedEditorTextRef, rememberRecentDirectory, prefetchDirectorySessionsIndex, addOptimisticUserMessage, removeOptimisticUserMessage, addOptimisticSidebarSession, removeOptimisticSidebarSession, setSidebarDirectories, setStoredDraftDirectory, setDraftSessionLoadingOwnerKey, setPendingDraftPrompt, setPendingDraftFollowUps, setPendingMessages, setAwaitingFirstTurn, setIsSubmitting, setComposerDiffLineComments, setComposerImages }) {
+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 pendingDraftPromptRef = import_react.useRef(pendingDraftPrompt);
@@ -22828,7 +23275,9 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		}).trim();
 		const images = composerImagesRef.current.map((image) => ({ ...image }));
 		if (!message && images.length === 0) return false;
-		if (!(pendingDraftPromptRef.current?.ownerKey === ownerKey ? pendingDraftPromptRef.current : null)) {
+		const currentPendingPrompt = pendingDraftPromptRef.current?.ownerKey === ownerKey ? pendingDraftPromptRef.current : null;
+		const sidebarPreview = promptSidebarPreview(message, images);
+		if (!currentPendingPrompt) {
 			const nextPrompt = {
 				ownerKey,
 				message,
@@ -22838,7 +23287,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 					images,
 					queued: false
 				}),
-				optimisticSidebarSessionId: addOptimisticSidebarSession()
+				optimisticSidebarSessionId: addOptimisticSidebarSession({ lastMessagePreview: sidebarPreview })
 			};
 			pendingDraftPromptRef.current = nextPrompt;
 			setPendingDraftPrompt(nextPrompt);
@@ -22848,6 +23297,10 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		} else {
 			const queuedStreamingBehavior = normalizeQueuedStreamingBehavior(streamingBehavior);
 			const optimisticId = createLocalPendingId();
+			updateOptimisticSidebarSessionPreview({
+				...currentPendingPrompt.optimisticSidebarSessionId ? { optimisticSidebarSessionId: currentPendingPrompt.optimisticSidebarSessionId } : {},
+				preview: sidebarPreview
+			});
 			const nextFollowUps = [...pendingDraftFollowUpsRef.current, {
 				message,
 				images,
@@ -22875,7 +23328,8 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		setComposerDiffLineComments,
 		setComposerImages,
 		setPendingDraftFollowUps,
-		setPendingDraftPrompt
+		setPendingDraftPrompt,
+		updateOptimisticSidebarSessionPreview
 	]);
 	const promptMutation = useMutation({
 		mutationFn: async ({ message, images, streamingBehavior, pendingId, thinkingLevel }) => {
@@ -22916,6 +23370,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		const treatAsQueuedPrompt = options?.forceFirstPrompt ? false : Boolean(sessionStreamingRef.current || 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);
@@ -22927,7 +23382,11 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			images: submittedImages,
 			queued: false
 		}));
-		const optimisticSidebarSessionId = options?.optimisticSidebarSessionId ?? (!treatAsQueuedPrompt && sessionStateRef.current.draft ? addOptimisticSidebarSession() : void 0);
+		const optimisticSidebarSessionId = options?.optimisticSidebarSessionId ?? (!treatAsQueuedPrompt && sessionStateRef.current.draft ? addOptimisticSidebarSession({ lastMessagePreview: sidebarPreview }) : void 0);
+		updateOptimisticSidebarSessionPreview({
+			...optimisticSidebarSessionId ? { optimisticSidebarSessionId } : {},
+			preview: sidebarPreview
+		});
 		if (queuedPendingId && normalizedStreamingBehavior) addOptimisticPendingMessage({
 			pendingId: queuedPendingId,
 			text: message,
@@ -22991,6 +23450,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		setComposerDiffLineComments,
 		setComposerImages,
 		setIsSubmitting,
+		updateOptimisticSidebarSessionPreview,
 		viewerContextId
 	]);
 	const flushPendingDraftFollowUps = import_react.useCallback(async () => {
@@ -25279,7 +25739,11 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		if (!path) return;
 		batch(() => {
 			setGitPanelOpen(true);
-			openRightSidebarFile(rightSidebarStore, path, options);
+			if (isMobile) setCurrentTab("git");
+			openRightSidebarFile(rightSidebarStore, path, {
+				...options,
+				pin: isMobile || options?.pin
+			});
 		});
 	};
 	const closeFileViewTab = (path) => {
@@ -25904,6 +26368,8 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 			title: "New session",
 			modified,
 			lastUserMessageAt: modified,
+			lastMessageAt: modified,
+			...options?.lastMessagePreview ? { lastMessagePreview: options.lastMessagePreview } : {},
 			streaming: true,
 			unread: false,
 			optimistic: true
@@ -25950,6 +26416,29 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 			sidebarStore.setSidebarSessionSelectionAnchor((current) => current === entryKey ? "" : current);
 		}
 	}, [sidebarStore]);
+	const updateOptimisticSidebarSessionPreview = import_react.useCallback((options) => {
+		const preview = options.preview.trim();
+		if (!preview) return;
+		const currentState = sessionStateRef.current;
+		const modified = (/* @__PURE__ */ new Date()).toISOString();
+		const sessionId = options.optimisticSidebarSessionId || currentState.sessionId || currentState.sessionKey;
+		const sessionPath = currentState.sessionFile;
+		const previewUpdate = {
+			...sessionId ? { sessionId } : {},
+			...sessionPath ? { sessionPath } : {},
+			preview,
+			modified
+		};
+		sidebarStore.setDirectoryIndexDataByPath((current) => updateOptimisticSidebarSessionPreviewEntry(current, previewUpdate));
+		sidebarStore.setSessionsEvent((current) => {
+			if (!current?.directoryIndexes) return current;
+			const directoryIndexes = updateOptimisticSidebarSessionPreviewEntry(current.directoryIndexes, previewUpdate);
+			return directoryIndexes === current.directoryIndexes ? current : {
+				...current,
+				directoryIndexes
+			};
+		});
+	}, [sessionStateRef, sidebarStore]);
 	const clearSelectedSidebarSelection = import_react.useCallback(() => {
 		sidebarStore.setSelectedSidebarSessionKeys((current) => current.length === 0 ? current : []);
 		sidebarStore.setSidebarSessionSelectionAnchor((current) => current ? "" : current);
@@ -25982,6 +26471,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		removeOptimisticUserMessage,
 		addOptimisticSidebarSession,
 		removeOptimisticSidebarSession,
+		updateOptimisticSidebarSessionPreview,
 		setSidebarDirectories: sidebarStore.setSidebarDirectories,
 		setStoredDraftDirectory,
 		setDraftSessionLoadingOwnerKey,