@alivault/pico 0.6.0 → 0.6.1

package/.output/server/_ssr/{router-Bc19lQoF.mjs → router-Bw2oDzya.mjs}

@@ -2,7 +2,7 @@ import { i as __toESM } from "../_runtime.mjs";
 import { X as require_react, Y as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
 import { a as createRouter, c as createRootRoute, n as Scripts, r as HeadContent, s as createFileRoute } from "../_libs/@tanstack/react-router+[...].mjs";
 import { h as OctagonX, i as TriangleAlert, k as CircleCheck, v as Info } from "../_libs/lucide-react.mjs";
-import { B as extractMessageText$1, I as createCompactionSummaryItem, N as assistantBlocksFromMessage, P as buildItemsFromSync, V as extractToolText, W as mergeAssistantBlocksForStreaming, _ as Route$46, bt as toolCategoryFromTool, k as TooltipProvider, n as APPLIED_THEME_STORAGE_KEY, t as APPLIED_THEME_CLASSES, x as Spinner, z as extractMessageImages } from "./routes-BpP7WwMR.mjs";
+import { B as extractMessageText$1, I as createCompactionSummaryItem, N as assistantBlocksFromMessage, P as buildItemsFromSync, V as extractToolText, W as mergeAssistantBlocksForStreaming, _ as Route$46, bt as toolCategoryFromTool, k as TooltipProvider, n as APPLIED_THEME_STORAGE_KEY, t as APPLIED_THEME_CLASSES, x as Spinner, z as extractMessageImages } from "./routes-Qk9CE25v.mjs";
 import { t as QueryClient } from "../_libs/tanstack__query-core.mjs";
 import { t as setupRouterSsrQueryIntegration } from "../_libs/@tanstack/react-router-ssr-query+[...].mjs";
 import { n as HotkeysProvider } from "../_libs/tanstack__react-hotkeys.mjs";
@@ -20,7 +20,7 @@ import os, { homedir } from "node:os";
 import { performance } from "node:perf_hooks";
 import { isMainThread } from "node:worker_threads";
 import { execSync, spawn } from "node:child_process";
-//#region node_modules/.nitro/vite/services/ssr/assets/router-Bc19lQoF.js
+//#region node_modules/.nitro/vite/services/ssr/assets/router-Bw2oDzya.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var Toaster$1 = ({ ...props }) => {

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

@@ -2,7 +2,7 @@ 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 { $ 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-Qk9CE25v.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-C5zYkwvE.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,
@@ -19061,6 +19082,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 +19098,7 @@ function usePicoTheme() {
 	return {
 		appliedTheme,
 		colorMode,
+		previewThemeFamily,
 		setColorMode,
 		setThemeFamily,
 		systemTheme,
@@ -20742,7 +20767,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 +21684,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 +22360,7 @@ var AppShellSessionWorkspace = import_react.forwardRef(function AppShellSessionW
 			onSessionDialogSelect: handleSelectSession,
 			onThemeChange: handleThemeChange,
 			onThemeColorModeChange: handleThemeColorModeChange,
+			onThemePreviewChange: handleThemePreviewChange,
 			systemTheme,
 			recentDirectoriesStore,
 			renameDialogRef,

package/.output/server/_ssr/{routes-BpP7WwMR.mjs → routes-Qk9CE25v.mjs}

@@ -5,7 +5,7 @@ import { n as clsx } from "../_libs/class-variance-authority+clsx.mjs";
 import { t as twMerge } from "../_libs/tailwind-merge.mjs";
 import { B as ArrowDown, I as ArrowUp, M as ChevronUp, O as Command, R as ArrowRight, V as ArrowBigUp, m as Option, z as ArrowLeft } from "../_libs/lucide-react.mjs";
 import { n as string, t as object } from "../_libs/zod.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/routes-BpP7WwMR.js
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-Qk9CE25v.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 function cn(...inputs) {
@@ -1324,7 +1324,7 @@ function getSessionTitle(summary) {
 	if (summary?.name?.trim()) return summary.name.trim();
 	return "New session";
 }
-var $$splitComponentImporter = () => import("./routes-BZ9cdmtL.mjs");
+var $$splitComponentImporter = () => import("./routes-C5zYkwvE.mjs");
 var indexSearchSchema = object({ session: string().optional() });
 var Route = createFileRoute("/")({
 	validateSearch: indexSearchSchema,

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-Bp-gg9fI.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-Bw2oDzya.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-Bp-gg9fI.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-Bp-gg9fI.js
 var tsrStartManifest = () => ({
 	routes: {
 		__root__: {
@@ -50,16 +50,16 @@ var tsrStartManifest = () => ({
 				"/api/ui/$id"
 			],
 			assets: void 0,
-			preloads: ["/assets/index-relf5WuY.js", "/assets/rolldown-runtime-S-ySWqyJ.js"]
+			preloads: ["/assets/index-BHnoJmIv.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-BfJLj6KG.js"]
 		}
 	},
-	clientEntry: "/assets/index-relf5WuY.js"
+	clientEntry: "/assets/index-BHnoJmIv.js"
 });
 //#endregion
 export { tsrStartManifest };