@alivault/pico 0.10.2 → 0.11.0

package/.output/server/_ssr/{routes-CELGJtcT.mjs → routes-DGf2MDLT.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-CHNxptm_.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-D3Hu5M6D.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-CELGJtcT.js
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-DGf2MDLT.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",
@@ -10325,6 +10332,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
@@ -11767,9 +12002,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 +12026,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 }) {
@@ -13178,7 +13432,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"
 					})
@@ -14891,7 +15148,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 +15571,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 +15859,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 +15933,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 +16258,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 +16811,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 +16957,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 +17390,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 +18384,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, {
@@ -19585,9 +19847,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 +19864,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 +19909,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 +19945,7 @@ function RightSidebar({ viewerContextId, cwd, active, activeFilePath = "", activ
 						key
 					}),
 					onActiveFileChange,
-					onActiveTabChange: setActiveTab,
+					onActiveTabChange: handleTabStripActiveTabChange,
 					onCloseAllCommitDiffs: closeAllCommitDiffs,
 					onCloseAllFiles,
 					onCloseCommitDiff: closeCommitDiff,
@@ -19703,6 +19962,7 @@ function RightSidebar({ viewerContextId, cwd, active, activeFilePath = "", activ
 					},
 					onReorderCommitDiffs: reorderCommitDiffs,
 					onReorderFiles,
+					showFiles: isMobile && hasOpenFileTabs,
 					showHistory: historyAsTab,
 					showReview: true
 				}),
@@ -19750,7 +20010,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 +20058,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 +20682,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 +21175,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 +21352,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, {
@@ -22648,6 +22917,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 	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;
 	}, [draftSessionLoadingOwnerKey]);
@@ -22794,6 +23064,11 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		setDraftSessionLoadingOwnerKey(ownerKey);
 		try {
 			await createSessionRequest({ cwd: nextCwd });
+			if (draftSessionLoadingOwnerKeyRef.current === ownerKey) {
+				draftSessionLoadingOwnerKeyRef.current = null;
+				setDraftSessionLoadingOwnerKey((current) => current === ownerKey ? null : current);
+			}
+			if (pendingDraftPromptRef.current?.ownerKey === ownerKey) flushPendingDraftPromptRef.current(ownerKey);
 			return true;
 		} catch (error) {
 			if (draftSessionLoadingOwnerKeyRef.current === ownerKey) draftSessionLoadingOwnerKeyRef.current = null;
@@ -23059,6 +23334,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		setPendingDraftPrompt,
 		submitPrompt
 	]);
+	flushPendingDraftPromptRef.current = flushPendingDraftPrompt;
 	import_react.useEffect(() => {
 		if (!draftSessionLoadingOwnerKey) return;
 		const currentSessionState = sessionStateRef.current;
@@ -25272,7 +25548,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) => {