@alivault/pico 0.6.0 → 0.7.0

package/.output/server/_ssr/{routes-BZ9cdmtL.mjs → routes-CzdAbU4z.mjs}

@@ -1,8 +1,8 @@
 import { i as __toESM } from "../_runtime.mjs";
 import { A as DialogRoot, C as MenuPortal, D as TabsTab, E as TabsList$1, F as DialogBackdrop, I as Separator, K as mergeProps, L as Input, M as DialogPopup, N as DialogDescription$1, O as TabsRoot, P as DialogClose, R as Button, S as MenuPositioner, T as MenuItem, X as require_react, Y as require_jsx_runtime, _ as AccordionRoot, a as CollapsiblePanel, b as MenuSubmenuRoot, c as PopoverPopup, d as PopoverTrigger$1, f as PopoverRoot, g as AccordionItem$1, h as AccordionHeader, i as ContextMenuRoot, j as DialogPortal$1, k as DialogTitle$1, l as PopoverPositioner, m as AccordionTrigger$1, n as Toggle, o as CollapsibleTrigger$1, p as AccordionPanel, r as ContextMenuTrigger$1, s as CollapsibleRoot, t as ToggleGroup, u as PopoverPortal, v as MenuSubmenuTrigger, w as MenuPopup, x as MenuRoot, y as MenuTrigger, z as useRender } from "../_libs/@base-ui/react+[...].mjs";
 import { t as cva } from "../_libs/class-variance-authority+clsx.mjs";
-import { A as ChevronsUpDown, B as ArrowDown, C as FolderPlus, D as Copy, E as Download, F as Check, I as ArrowUp, L as ArrowUpToLine, N as ChevronRight, O as Command, P as ChevronDown, S as Folder, T as EllipsisVertical, _ as ListEnd, a as Square, b as GitBranch, c as Settings2, d as PanelLeft, f as PanelLeftOpen, g as ListStart, h as OctagonX, j as ChevronsDownUp, l as Search, n as WandSparkles, o as SquarePen, p as PanelLeftClose, r as Upload, s as SquareArrowOutUpRight, t as X, u as PanelRight, w as Ellipsis, x as GitCommitHorizontal, y as ImagePlus, z as ArrowLeft } from "../_libs/lucide-react.mjs";
-import { $ as readStoredCenterMessages, A as TooltipTrigger, C as THEME_COLOR_MODE_STORAGE_KEY, D as Tooltip$1, E as TitleTooltip, F as cn, G as normalizePromptImage, H as flattenTree, J as normalizeThemeColorMode, K as normalizeSessionSelectionKeys, L as createContextId, M as appliedThemeClass, O as TooltipContent, P as buildItemsFromSync, Q as readStoredAutoScrollEnabled, R as createInitialSessionState, S as THEME_COLOR_MODES, T as THEME_STORAGE_KEY, U as getSessionTitle, X as previewUrlForImage, Y as normalizeThemeFamily, Z as promptDraftKey, _ as Route, _t as themeColorModeLabel, a as COLLAPSED_DIRECTORIES_STORAGE_KEY, at as readStoredRecentDirectories, b as SIDEBAR_DIRECTORIES_STORAGE_KEY, c as Kbd, ct as readStoredSessionDoneSoundEnabled, d as RECENT_DIRECTORIES_STORAGE_KEY, dt as readStoredThemeColorMode, et as readStoredCollapsedDirectories, f as RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, ft as rememberStoredPromptDraft, g as RIGHT_SIDEBAR_WIDTHS_STORAGE_KEY, gt as sessionListEntryKey, h as RIGHT_SIDEBAR_OPEN_STORAGE_KEY, ht as sameContextUsage, i as CENTER_MESSAGES_STORAGE_KEY, it as readStoredPromptDraft, j as VIEWER_CONTEXT_STORAGE_KEY, l as KeyboardShortcutContent, lt as readStoredSidebarDirectories, m as RIGHT_SIDEBAR_HISTORY_HEIGHT_STORAGE_KEY, mt as safeLocalStorageSetItem, n as APPLIED_THEME_STORAGE_KEY, nt as readStoredHideToolBlocks, o as DRAFT_DIRECTORY_STORAGE_KEY, ot as readStoredRightSidebarOpen, p as RIGHT_SIDEBAR_FILE_TREE_WIDTH_STORAGE_KEY, pt as safeLocalStorageGetItem, q as normalizeStoredDirectoryList, r as AUTO_SCROLL_ENABLED_STORAGE_KEY, rt as readStoredPinnedSessionKeys, s as HIDE_TOOL_BLOCKS_STORAGE_KEY, st as readStoredSessionDoneDesktopNotificationsEnabled, tt as readStoredDraftDirectory, u as PINNED_SESSIONS_STORAGE_KEY, ut as readStoredTheme, v as SESSION_DONE_DESKTOP_NOTIFICATIONS_ENABLED_STORAGE_KEY, vt as themeFamilyLabel, w as THEME_FAMILIES, x as Spinner, y as SESSION_DONE_SOUND_ENABLED_STORAGE_KEY, yt as thinkingSummaryText } from "./routes-BpP7WwMR.mjs";
+import { A as Command, C as Folder, D as EllipsisVertical, E as Ellipsis, F as ChevronRight, H as ArrowDown, I as ChevronDown, L as Check, M as ChevronsUpDown, N as ChevronsDownUp, O as Download, R as ArrowUp, S as GitCommitHorizontal, T as FileInput, V as ArrowLeft, _ as ListStart, b as ImagePlus, c as Settings2, d as PanelRight, f as PanelLeft, g as OctagonX, i as Undo2, k as Copy, l as Search, m as PanelLeftClose, n as WandSparkles, o as Square, p as PanelLeftOpen, r as Upload, s as SquarePen, t as X, u as Plus, v as ListEnd, w as FolderPlus, x as GitBranch, z as ArrowUpToLine } from "../_libs/lucide-react.mjs";
+import { $ as readStoredCenterMessages, A as TooltipTrigger, C as THEME_COLOR_MODE_STORAGE_KEY, D as Tooltip$1, E as TitleTooltip, F as cn, G as normalizePromptImage, H as flattenTree, J as normalizeThemeColorMode, K as normalizeSessionSelectionKeys, L as createContextId, M as appliedThemeClass, O as TooltipContent, P as buildItemsFromSync, Q as readStoredAutoScrollEnabled, R as createInitialSessionState, S as THEME_COLOR_MODES, T as THEME_STORAGE_KEY, U as getSessionTitle, X as previewUrlForImage, Y as normalizeThemeFamily, Z as promptDraftKey, _ as Route, _t as themeColorModeLabel, a as COLLAPSED_DIRECTORIES_STORAGE_KEY, at as readStoredRecentDirectories, b as SIDEBAR_DIRECTORIES_STORAGE_KEY, c as Kbd, ct as readStoredSessionDoneSoundEnabled, d as RECENT_DIRECTORIES_STORAGE_KEY, dt as readStoredThemeColorMode, et as readStoredCollapsedDirectories, f as RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, ft as rememberStoredPromptDraft, g as RIGHT_SIDEBAR_WIDTHS_STORAGE_KEY, gt as sessionListEntryKey, h as RIGHT_SIDEBAR_OPEN_STORAGE_KEY, ht as sameContextUsage, i as CENTER_MESSAGES_STORAGE_KEY, it as readStoredPromptDraft, j as VIEWER_CONTEXT_STORAGE_KEY, l as KeyboardShortcutContent, lt as readStoredSidebarDirectories, m as RIGHT_SIDEBAR_HISTORY_HEIGHT_STORAGE_KEY, mt as safeLocalStorageSetItem, n as APPLIED_THEME_STORAGE_KEY, nt as readStoredHideToolBlocks, o as DRAFT_DIRECTORY_STORAGE_KEY, ot as readStoredRightSidebarOpen, p as RIGHT_SIDEBAR_FILE_TREE_WIDTH_STORAGE_KEY, pt as safeLocalStorageGetItem, q as normalizeStoredDirectoryList, r as AUTO_SCROLL_ENABLED_STORAGE_KEY, rt as readStoredPinnedSessionKeys, s as HIDE_TOOL_BLOCKS_STORAGE_KEY, st as readStoredSessionDoneDesktopNotificationsEnabled, tt as readStoredDraftDirectory, u as PINNED_SESSIONS_STORAGE_KEY, ut as readStoredTheme, v as SESSION_DONE_DESKTOP_NOTIFICATIONS_ENABLED_STORAGE_KEY, vt as themeFamilyLabel, w as THEME_FAMILIES, x as Spinner, y as SESSION_DONE_SOUND_ENABLED_STORAGE_KEY, yt as thinkingSummaryText } from "./routes-BL4942vt.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, 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-BZ9cdmtL.js
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-CzdAbU4z.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var MOBILE_BREAKPOINT = 768;
@@ -2815,12 +2815,13 @@ function settingsCommandFilter(value, search, keywords) {
 	if (!query) return 1;
 	return [value, ...keywords ?? []].join(" ").toLowerCase().includes(query) ? 1 : 0;
 }
-function AppShellSettingsDialog({ open, onOpenChange, currentTheme, currentThemeColorMode, onThemeChange, onThemeColorModeChange, systemTheme, hideThinkingBlocks, onHideThinkingBlocksChange, hideToolBlocks, onHideToolBlocksChange, centerMessages, onCenterMessagesChange, autoScrollEnabled, onAutoScrollEnabledChange, sessionDoneSoundEnabled, onSessionDoneSoundEnabledChange, sessionDoneDesktopNotificationsEnabled, onSessionDoneDesktopNotificationsEnabledChange, desktopNotificationPermission, onLoginProviders, onLogoutProviders }) {
+function AppShellSettingsDialog({ open, onOpenChange, currentTheme, currentThemeColorMode, onThemeChange, onThemeColorModeChange, onThemePreviewChange, systemTheme, hideThinkingBlocks, onHideThinkingBlocksChange, hideToolBlocks, onHideToolBlocksChange, centerMessages, onCenterMessagesChange, autoScrollEnabled, onAutoScrollEnabledChange, sessionDoneSoundEnabled, onSessionDoneSoundEnabledChange, sessionDoneDesktopNotificationsEnabled, onSessionDoneDesktopNotificationsEnabledChange, desktopNotificationPermission, onLoginProviders, onLogoutProviders }) {
 	const [query, setQuery] = import_react.useState("");
 	const [themeQuery, setThemeQuery] = import_react.useState("");
 	const [stage, setStage] = import_react.useState("browse");
 	const [selectedCommandId, setSelectedCommandId] = import_react.useState("theme");
 	const [selectedTheme, setSelectedTheme] = import_react.useState(currentTheme);
+	const themePreviewInitialRef = import_react.useRef(currentTheme);
 	const isMobile = useIsMobile();
 	const desktopNotificationDescription = desktopNotificationPermissionLabel(desktopNotificationPermission);
 	const settingGroups = [
@@ -2837,7 +2838,11 @@ function AppShellSettingsDialog({ open, onOpenChange, currentTheme, currentTheme
 					"default",
 					"flexoki"
 				],
-				onSelect: () => setStage("theme")
+				onSelect: () => {
+					themePreviewInitialRef.current = currentTheme;
+					setSelectedTheme(currentTheme);
+					setStage("theme");
+				}
 			}, {
 				id: "theme-color-mode",
 				title: "Light/dark mode",
@@ -2974,15 +2979,16 @@ function AppShellSettingsDialog({ open, onOpenChange, currentTheme, currentTheme
 		}
 	];
 	import_react.useEffect(() => {
-		if (!open) {
-			if (query) setQuery("");
-			if (themeQuery) setThemeQuery("");
-			setStage("browse");
-			return;
-		}
+		if (open) return;
+		if (stage === "theme") onThemePreviewChange(themePreviewInitialRef.current);
+		if (query) setQuery("");
+		if (themeQuery) setThemeQuery("");
+		setStage("browse");
 	}, [
+		onThemePreviewChange,
 		open,
 		query,
+		stage,
 		themeQuery
 	]);
 	import_react.useEffect(() => {
@@ -2993,10 +2999,22 @@ function AppShellSettingsDialog({ open, onOpenChange, currentTheme, currentTheme
 			console.error(error);
 		});
 	};
+	const handleThemePreview = (theme) => {
+		if (!THEME_OPTIONS.includes(theme)) return;
+		setSelectedTheme(theme);
+		onThemePreviewChange(theme);
+	};
 	const handleThemeSelect = (theme) => {
 		setSelectedTheme(theme);
+		themePreviewInitialRef.current = theme;
 		onThemeChange(theme);
 	};
+	const cancelThemePreview = () => {
+		const initialTheme = themePreviewInitialRef.current;
+		setSelectedTheme(initialTheme);
+		onThemePreviewChange(initialTheme);
+		setStage("browse");
+	};
 	const settingsBrowseBody = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Command$1, {
 		shouldFilter: true,
 		filter: settingsCommandFilter,
@@ -3049,7 +3067,7 @@ function AppShellSettingsDialog({ open, onOpenChange, currentTheme, currentTheme
 			if (event.key !== "Escape") return;
 			event.preventDefault();
 			event.stopPropagation();
-			setStage("browse");
+			cancelThemePreview();
 		},
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "flex items-center gap-2 border-b border-border/70 px-3 py-2",
@@ -3057,7 +3075,7 @@ function AppShellSettingsDialog({ open, onOpenChange, currentTheme, currentTheme
 				type: "button",
 				variant: "ghost",
 				size: "icon-sm",
-				onClick: () => setStage("browse"),
+				onClick: cancelThemePreview,
 				"aria-label": "Back to settings",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, {})
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -3074,7 +3092,7 @@ function AppShellSettingsDialog({ open, onOpenChange, currentTheme, currentTheme
 			shouldFilter: true,
 			loop: true,
 			value: selectedTheme,
-			onValueChange: (value) => setSelectedTheme(value),
+			onValueChange: (value) => handleThemePreview(value),
 			className: "min-h-0 flex-1 rounded-none!",
 			children: [
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandInput, {
@@ -3091,6 +3109,7 @@ function AppShellSettingsDialog({ open, onOpenChange, currentTheme, currentTheme
 						children: THEME_OPTIONS.map((theme) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandItem, {
 							value: theme,
 							keywords: themeKeywords(theme),
+							onMouseEnter: () => handleThemePreview(theme),
 							onSelect: () => handleThemeSelect(theme),
 							"data-checked": theme === currentTheme ? true : void 0,
 							className: "items-start py-2",
@@ -7155,7 +7174,7 @@ var AppShellTreeDialogHost = import_react.memo(function AppShellTreeDialogHost({
 		activeSessionStreaming: useSelector(sessionStore, (sessionState) => sessionState.streaming)
 	});
 });
-var AppShellSettingsDialogHost = import_react.memo(function AppShellSettingsDialogHost({ authDialogRef, currentTheme, currentThemeColorMode, displaySettingsStore, notificationStore, onAutoScrollEnabledChange, onCenterMessagesChange, onHideThinkingBlocksChange, onHideToolBlocksChange, onSessionDoneDesktopNotificationsEnabledChange, onSessionDoneSoundEnabledChange, onThemeChange, onThemeColorModeChange, sessionStore, settingsDialogRef, settingsOpenRef, systemTheme }) {
+var AppShellSettingsDialogHost = import_react.memo(function AppShellSettingsDialogHost({ authDialogRef, currentTheme, currentThemeColorMode, displaySettingsStore, notificationStore, onAutoScrollEnabledChange, onCenterMessagesChange, onHideThinkingBlocksChange, onHideToolBlocksChange, onSessionDoneDesktopNotificationsEnabledChange, onSessionDoneSoundEnabledChange, onThemeChange, onThemeColorModeChange, onThemePreviewChange, sessionStore, settingsDialogRef, settingsOpenRef, systemTheme }) {
 	const hideThinkingBlocks = useSelector(sessionStore, (sessionState) => sessionState.hideThinkingBlock);
 	const { autoScrollEnabled, centerMessages, hideToolBlocks } = useSelector(displaySettingsStore);
 	const { desktopNotificationPermission, sessionDoneDesktopNotificationsEnabled, sessionDoneSoundEnabled } = useSelector(notificationStore, (state) => ({
@@ -7174,6 +7193,7 @@ var AppShellSettingsDialogHost = import_react.memo(function AppShellSettingsDial
 		currentThemeColorMode,
 		onThemeChange,
 		onThemeColorModeChange,
+		onThemePreviewChange,
 		systemTheme,
 		hideThinkingBlocks,
 		onHideThinkingBlocksChange,
@@ -7201,7 +7221,7 @@ var AppShellUiRequestDialogHost = import_react.memo(function AppShellUiRequestDi
 		onAuthBack: () => authDialogRef.current?.open("login")
 	});
 });
-var AppShellFloatingControllers = import_react.memo(function AppShellFloatingControllers({ activeSessionId, addDirectoryDialogRef, addDirectoryOpenRef, addDirectoryPath, baseSidebarDirectories, commandPaletteCommandsRef, commandPaletteOpenRef, commandPaletteRef, currentSessionQueryScope, currentTheme, currentThemeColorMode, authDialogRef, authOpenRef, deleteDialogRef, deleteOpenRef, deleteSessions, deleteOldDirectorySessionsDialogRef, deleteOldDirectorySessionsOpenRef, notificationStore, forkDialogRef, forkOpenRef, gitCommitDialogRef, gitCommitOpenRef, displaySettingsStore, knownDirectories, onAutoScrollEnabledChange, onCenterMessagesChange, onHideThinkingBlocksChange, onHideToolBlocksChange, onSessionDoneDesktopNotificationsEnabledChange, onSessionDoneSoundEnabledChange, onSessionDialogSelect, onThemeChange, onThemeColorModeChange, recentDirectoriesStore, renameDialogRef, renameOpenRef, renameSessionPath, sessionCwd, sessionsDialogDirectory, sessionsDialogRef, sessionsOpenRef, sessionStore, settingsDialogRef, settingsOpenRef, sidebarStore, treeDialogRef, treeOpenRef, uiRequestDialogRef, uiRequestOpenRef, viewerContextId, systemTheme }) {
+var AppShellFloatingControllers = import_react.memo(function AppShellFloatingControllers({ activeSessionId, addDirectoryDialogRef, addDirectoryOpenRef, addDirectoryPath, baseSidebarDirectories, commandPaletteCommandsRef, commandPaletteOpenRef, commandPaletteRef, currentSessionQueryScope, currentTheme, currentThemeColorMode, authDialogRef, authOpenRef, deleteDialogRef, deleteOpenRef, deleteSessions, deleteOldDirectorySessionsDialogRef, deleteOldDirectorySessionsOpenRef, notificationStore, forkDialogRef, forkOpenRef, gitCommitDialogRef, gitCommitOpenRef, displaySettingsStore, knownDirectories, onAutoScrollEnabledChange, onCenterMessagesChange, onHideThinkingBlocksChange, onHideToolBlocksChange, onSessionDoneDesktopNotificationsEnabledChange, onSessionDoneSoundEnabledChange, onSessionDialogSelect, onThemeChange, onThemeColorModeChange, onThemePreviewChange, recentDirectoriesStore, renameDialogRef, renameOpenRef, renameSessionPath, sessionCwd, sessionsDialogDirectory, sessionsDialogRef, sessionsOpenRef, sessionStore, settingsDialogRef, settingsOpenRef, sidebarStore, treeDialogRef, treeOpenRef, uiRequestDialogRef, uiRequestOpenRef, viewerContextId, systemTheme }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellCommandPaletteHost, {
 			commandPaletteCommandsRef,
@@ -7288,6 +7308,7 @@ var AppShellFloatingControllers = import_react.memo(function AppShellFloatingCon
 			onSessionDoneSoundEnabledChange,
 			onThemeChange,
 			onThemeColorModeChange,
+			onThemePreviewChange,
 			sessionStore,
 			settingsDialogRef,
 			settingsOpenRef,
@@ -15682,6 +15703,7 @@ function FileReviewContent({ viewerContextId, cwd, active, onOpenFile }) {
 }
 function ReviewFileAccordionItem({ viewerContextId, cwd, active, diffStyle, file, open, stuck, onOpenFile }) {
 	const normalizedCwd = normalizeCwd(cwd);
+	const queryClient = useQueryClient();
 	const value = reviewFileValue(file);
 	const [fullContextRequested, setFullContextRequested] = import_react.useState(false);
 	const previewPatch = gitFileShouldPreviewPatch(file) && !fullContextRequested;
@@ -15715,6 +15737,53 @@ function ReviewFileAccordionItem({ viewerContextId, cwd, active, diffStyle, file
 	const oldContent = reviewQuery.data?.oldContent ?? "";
 	const newContent = reviewQuery.data?.newContent ?? "";
 	const patch = diffQuery.data?.patch ?? "";
+	const [indexStatus, worktreeStatus] = gitFileStatusCharacters(file.status);
+	const canStage = worktreeStatus !== " " || indexStatus === "?";
+	const invalidateChangedFileQueries = async () => {
+		await invalidateGitQueries({
+			queryClient,
+			viewerContextId,
+			cwd: normalizedCwd
+		});
+	};
+	const stageMutation = useMutation({
+		mutationFn: async () => await fetchJson(buildRequestUrl("/api/git-stage", { contextId: viewerContextId }), {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({
+				cwd: normalizedCwd,
+				path: file.path,
+				previousPath: file.previousPath
+			})
+		}),
+		onSuccess: async () => {
+			await invalidateChangedFileQueries();
+			toast.success("Staged changes", { description: file.path });
+		},
+		onError: (error) => {
+			toast.error(getErrorMessage(error, "Failed to stage changes"));
+		}
+	});
+	const discardMutation = useMutation({
+		mutationFn: async () => await fetchJson(buildRequestUrl("/api/git-discard", { contextId: viewerContextId }), {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({
+				cwd: normalizedCwd,
+				path: file.path,
+				previousPath: file.previousPath,
+				status: file.status
+			})
+		}),
+		onSuccess: async () => {
+			await invalidateChangedFileQueries();
+			toast.success("Discarded changes", { description: file.path });
+		},
+		onError: (error) => {
+			toast.error(getErrorMessage(error, "Failed to discard changes"));
+		}
+	});
+	const actionPending = stageMutation.isPending || discardMutation.isPending;
 	import_react.useEffect(() => {
 		setFullContextRequested(false);
 	}, [value]);
@@ -15758,19 +15827,61 @@ function ReviewFileAccordionItem({ viewerContextId, cwd, active, diffStyle, file
 						className: "pointer-events-none hidden size-4 shrink-0 group-aria-expanded/review-file-trigger:inline"
 					})
 				]
-			}), onOpenFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-				type: "button",
-				variant: "ghost",
-				size: "icon-xs",
-				"aria-label": `Open ${file.path}`,
-				title: "Open file",
-				className: "mr-2 self-center",
-				onClick: (event) => {
-					event.stopPropagation();
-					onOpenFile(file.path, { pin: true });
-				},
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SquareArrowOutUpRight, { className: "size-3.5" })
-			}) : null]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mr-2 flex self-center overflow-hidden rounded-lg border border-border/70 bg-card/80 shadow-sm",
+				children: [
+					onOpenFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+						title: "Open file",
+						side: "top",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							type: "button",
+							variant: "ghost",
+							size: "icon-xs",
+							"aria-label": `Open ${file.path}`,
+							className: "rounded-none border-0",
+							onClick: (event) => {
+								event.stopPropagation();
+								onOpenFile(file.path, { pin: true });
+							},
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileInput, { className: "size-3.5" })
+						})
+					}) : null,
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+						title: "Discard changes",
+						side: "top",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							type: "button",
+							variant: "ghost",
+							size: "icon-xs",
+							"aria-label": `Discard changes to ${file.path}`,
+							className: "rounded-none border-0 border-l border-border/70 text-muted-foreground hover:text-destructive",
+							disabled: actionPending || !viewerContextId || !normalizedCwd,
+							onClick: (event) => {
+								event.stopPropagation();
+								discardMutation.mutate();
+							},
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Undo2, { className: "size-3.5" })
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+						title: "Stage changes",
+						side: "top",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							type: "button",
+							variant: "ghost",
+							size: "icon-xs",
+							"aria-label": `Stage changes to ${file.path}`,
+							className: "rounded-none border-0 border-l border-border/70 text-muted-foreground hover:text-emerald-500",
+							disabled: actionPending || !canStage || !viewerContextId || !normalizedCwd,
+							onClick: (event) => {
+								event.stopPropagation();
+								stageMutation.mutate();
+							},
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, { className: "size-3.5" })
+						})
+					})
+				]
+			})]
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
 			className: "bg-background p-0",
 			children: previewPatch ? diffQuery.isPending && !diffQuery.data ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -16330,7 +16441,8 @@ function AppShellDesktopResizeHandle({ label, max, min, onResize, onResizeEnd, o
 }
 function AppShellTabsController({ actionsRef, appUiStore, awaitingFirstTurn, composerPanelRef, contextUsageStore, conversationFrameRef, conversationItemsStore, defaultNewSessionDirectory, displaySettingsStore, fileInputRef, gitPanelOpen, hiddenThinkingPreviewStore, isSessionViewLoading, isSubmitting, isMobile, newSessionDirectoryOptions, onCancelCompaction, onCreateSession, onOpenAddDirectoryDialog, onCloseAllFileViewTabs, onCloseFileViewTab, onCloseFileViewTabsToRight, onCloseOtherFileViewTabs, onOpenFileViewTab, onReorderFileViewTabs, onValueChange, rightSidebarStore, sessionStore, store, viewerContextId, workingStateStore }) {
 	const currentTab = useSelector(appUiStore, (state) => state.currentTab);
-	const showTabsList = !useSelector(sessionStore, (sessionState) => sessionState.draft) || isSessionViewLoading;
+	const isDraftSession = useSelector(sessionStore, (sessionState) => sessionState.draft);
+	const showTabsList = isMobile || !isDraftSession || isSessionViewLoading;
 	const sessionVisibleClassName = currentTab === "git" ? "hidden min-h-0 flex-1 flex-col md:flex" : "flex min-h-0 flex-1 flex-col";
 	const mobileGitClassName = currentTab === "git" ? "min-h-0 flex-1 overflow-hidden md:hidden" : "hidden";
 	const rightSidebarHasVisibleFiles = useSelector(rightSidebarStore, selectRightSidebarHasVisibleFiles);
@@ -17369,20 +17481,21 @@ function AppSidebarHeader({ onOpenSessionsDialog, onCreateSession }) {
 function AppSidebarDirectoriesHeader({ sessionSearch, visibleDirectories, matchingSessionCount, collapsed, collapsedDirectoryStore, onOpenAddDirectoryDialog }) {
 	const searchActive = sessionSearch.trim().length > 0;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroupLabel, {
-		render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleTrigger, { className: "group/directories-label justify-between gap-3" }),
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-			className: "flex min-w-0 flex-1 items-center gap-2 text-left",
+		className: "justify-between gap-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CollapsibleTrigger, {
+			type: "button",
+			className: "group/directories-label flex min-w-0 flex-1 items-center gap-2 text-left outline-hidden",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 				className: "min-w-0 truncate",
 				children: searchActive ? `${matchingSessionCount} matching session${matchingSessionCount === 1 ? "" : "s"}` : "Directories"
-			}), !searchActive ? collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "size-4 shrink-0 opacity-0 transition-opacity group-hover/directories-label:opacity-100 group-focus-visible/directories-label:opacity-100" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "size-4 shrink-0 opacity-0 transition-opacity group-hover/directories-label:opacity-100 group-focus-visible/directories-label:opacity-100" }) : null]
+			}), !searchActive ? collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "size-4 shrink-0 text-sidebar-foreground/60" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "size-4 shrink-0 text-sidebar-foreground/60" }) : null]
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 			className: "flex items-center gap-1",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectoryCollapseAllButton, {
+			children: [!collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectoryCollapseAllButton, {
 				searchActive,
 				visibleDirectories,
 				collapsedDirectoryStore
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+			}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
 				title: "Add directory",
 				kbd: formatShortcutLabel("Control+D"),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
@@ -19061,6 +19174,9 @@ function usePicoTheme() {
 		setTheme(appliedTheme);
 		safeLocalStorageSetItem(APPLIED_THEME_STORAGE_KEY, appliedTheme);
 	}, [appliedTheme, setTheme]);
+	const previewThemeFamily = (value) => {
+		setThemeFamilyState(normalizeThemeFamily(value));
+	};
 	const setThemeFamily = (value) => {
 		const nextTheme = normalizeThemeFamily(value);
 		setThemeFamilyState(nextTheme);
@@ -19074,6 +19190,7 @@ function usePicoTheme() {
 	return {
 		appliedTheme,
 		colorMode,
+		previewThemeFamily,
 		setColorMode,
 		setThemeFamily,
 		systemTheme,
@@ -20742,7 +20859,7 @@ var AppShellSessionWorkspace = import_react.forwardRef(function AppShellSessionW
 		conversationItemsStore.setItems(nextItems);
 		setSessionState(nextState);
 	}, [conversationItemsStore]);
-	const { colorMode: currentThemeColorMode, setColorMode, setThemeFamily, systemTheme, themeFamily: currentTheme } = usePicoTheme();
+	const { colorMode: currentThemeColorMode, previewThemeFamily, setColorMode, setThemeFamily, systemTheme, themeFamily: currentTheme } = usePicoTheme();
 	const { initialLoadingSessionId, loadingSessionId } = useSelector(appUiStore, (state) => ({
 		initialLoadingSessionId: state.initialLoadingSessionId,
 		loadingSessionId: state.loadingSessionId
@@ -21659,6 +21776,9 @@ var AppShellSessionWorkspace = import_react.forwardRef(function AppShellSessionW
 	const handleThemeChange = (value) => {
 		setThemeFamily(value);
 	};
+	const handleThemePreviewChange = (value) => {
+		previewThemeFamily(value);
+	};
 	const handleThemeColorModeChange = (value) => {
 		setColorMode(value);
 	};
@@ -22332,6 +22452,7 @@ var AppShellSessionWorkspace = import_react.forwardRef(function AppShellSessionW
 			onSessionDialogSelect: handleSelectSession,
 			onThemeChange: handleThemeChange,
 			onThemeColorModeChange: handleThemeColorModeChange,
+			onThemePreviewChange: handleThemePreviewChange,
 			systemTheme,
 			recentDirectoriesStore,
 			renameDialogRef,

package/.output/server/_ssr/ssr.mjs

@@ -3813,7 +3813,7 @@ var defaultSerovalPlugins = [
 * the dev styles URL for route-scoped CSS collection.
 */
 async function getStartManifest(matchedRoutes) {
-	const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-ByPcMc-9.mjs");
+	const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-BdpuecpN.mjs");
 	const startManifest = tsrStartManifest();
 	const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes["__root__"] || {};
 	rootRoute.assets = rootRoute.assets || [];
@@ -4799,7 +4799,7 @@ var baseManifestPromise;
 var cachedFinalManifestPromise;
 async function loadEntries() {
 	const [routerEntry, startEntry, pluginAdapters] = await Promise.all([
-		import("./router-Bc19lQoF.mjs"),
+		import("./router-COJfGnhB.mjs"),
 		import("./start-Captdpmb.mjs"),
 		import("../__23tanstack-start-plugin-adapters-y_fshQDY.mjs")
 	]);

package/.output/server/{_tanstack-start-manifest_v-ByPcMc-9.mjs → _tanstack-start-manifest_v-BdpuecpN.mjs}

@@ -1,4 +1,4 @@
-//#region node_modules/.nitro/vite/services/ssr/assets/_tanstack-start-manifest_v-ByPcMc-9.js
+//#region node_modules/.nitro/vite/services/ssr/assets/_tanstack-start-manifest_v-BdpuecpN.js
 var tsrStartManifest = () => ({
 	routes: {
 		__root__: {
@@ -17,9 +17,11 @@ var tsrStartManifest = () => ({
 				"/api/git-commit",
 				"/api/git-commit-message",
 				"/api/git-diff",
+				"/api/git-discard",
 				"/api/git-pull",
 				"/api/git-push",
 				"/api/git-review",
+				"/api/git-stage",
 				"/api/git-status",
 				"/api/highlight",
 				"/api/model",
@@ -50,16 +52,16 @@ var tsrStartManifest = () => ({
 				"/api/ui/$id"
 			],
 			assets: void 0,
-			preloads: ["/assets/index-relf5WuY.js", "/assets/rolldown-runtime-S-ySWqyJ.js"]
+			preloads: ["/assets/index-BUBmoV8I.js", "/assets/rolldown-runtime-S-ySWqyJ.js"]
 		},
 		"/": {
 			filePath: "/home/runner/work/pico/pico/src/routes/index.tsx",
 			children: void 0,
 			assets: void 0,
-			preloads: ["/assets/routes-D_oJExAc.js"]
+			preloads: ["/assets/routes-HoM1cKp5.js"]
 		}
 	},
-	clientEntry: "/assets/index-relf5WuY.js"
+	clientEntry: "/assets/index-BUBmoV8I.js"
 });
 //#endregion
 export { tsrStartManifest };