@alivault/pico 0.3.1 → 0.4.0

package/.output/server/_ssr/{router-Di8B08B6.mjs → router-CgnX-Js0.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 { A as createCompactionSummaryItem, D as assistantBlocksFromMessage, F as extractToolText, N as extractMessageImages, O as buildItemsFromSync, P as extractMessageText$1, R as mergeAssistantBlocksForStreaming, b as THEME_STORAGE_KEY, h as Route$46, lt as toolCategoryFromTool, w as TooltipProvider, y as Spinner } from "./routes-B99MXwvx.mjs";
+import { A as createCompactionSummaryItem, D as assistantBlocksFromMessage, F as extractToolText, N as extractMessageImages, O as buildItemsFromSync, P as extractMessageText$1, R as mergeAssistantBlocksForStreaming, b as THEME_STORAGE_KEY, h as Route$46, lt as toolCategoryFromTool, w as TooltipProvider, y as Spinner } from "./routes-D2MVUd_A.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-Di8B08B6.js
+//#region node_modules/.nitro/vite/services/ssr/assets/router-CgnX-Js0.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var Toaster$1 = ({ ...props }) => {
@@ -70,7 +70,7 @@ function AppProviders({ children }) {
 		})
 	});
 }
-var styles_default = "/assets/styles-ej_ltn_F.css";
+var styles_default = "/assets/styles-4lJzavCj.css";
 var TANSTACK_DEVTOOLS_SETTINGS_KEY = "tanstack_devtools_settings";
 var TANSTACK_DEVTOOLS_DEFAULTS_STORAGE_KEY = "pico-tanstack-devtools-defaults-v1";
 var TANSTACK_DEVTOOLS_CONFIG = {

package/.output/server/_ssr/{routes-CRDrPu8Q.mjs → routes-CmLc8G9G.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, M as ChevronUp, 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 readStoredRightSidebarOpen, B as normalizeSessionSelectionKeys, C as TooltipContent, E as VIEWER_CONTEXT_STORAGE_KEY, G as readStoredAutoScrollEnabled, H as normalizeThemeMode, I as flattenTree, J as readStoredDraftDirectory, K as readStoredCenterMessages, L as getSessionTitle, M as createInitialSessionState, O as buildItemsFromSync, Q as readStoredRecentDirectories, S as Tooltip$1, T as TooltipTrigger, U as previewUrlForImage, V as normalizeStoredDirectoryList, W as promptDraftKey, X as readStoredPinnedSessionKeys, Y as readStoredHideToolBlocks, Z as readStoredPromptDraft, _ as SESSION_DONE_SOUND_ENABLED_STORAGE_KEY, a as HIDE_TOOL_BLOCKS_STORAGE_KEY, at as safeLocalStorageSetItem, c as PINNED_SESSIONS_STORAGE_KEY, ct as thinkingSummaryText, d as RIGHT_SIDEBAR_FILE_TREE_WIDTH_STORAGE_KEY, et as readStoredSessionDoneDesktopNotificationsEnabled, f as RIGHT_SIDEBAR_HISTORY_HEIGHT_STORAGE_KEY, g as SESSION_DONE_DESKTOP_NOTIFICATIONS_ENABLED_STORAGE_KEY, h as Route, i as DRAFT_DIRECTORY_STORAGE_KEY, it as safeLocalStorageGetItem, j as createContextId, k as cn, l as RECENT_DIRECTORIES_STORAGE_KEY, m as RIGHT_SIDEBAR_WIDTHS_STORAGE_KEY, n as CENTER_MESSAGES_STORAGE_KEY, nt as readStoredSidebarDirectories, o as Kbd, ot as sameContextUsage, p as RIGHT_SIDEBAR_OPEN_STORAGE_KEY, q as readStoredCollapsedDirectories, r as COLLAPSED_DIRECTORIES_STORAGE_KEY, rt as rememberStoredPromptDraft, s as KeyboardShortcutContent, st as sessionListEntryKey, t as AUTO_SCROLL_ENABLED_STORAGE_KEY, tt as readStoredSessionDoneSoundEnabled, u as RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, v as SIDEBAR_DIRECTORIES_STORAGE_KEY, x as TitleTooltip, y as Spinner, z as normalizePromptImage } from "./routes-B99MXwvx.mjs";
+import { $ as readStoredRightSidebarOpen, B as normalizeSessionSelectionKeys, C as TooltipContent, E as VIEWER_CONTEXT_STORAGE_KEY, G as readStoredAutoScrollEnabled, H as normalizeThemeMode, I as flattenTree, J as readStoredDraftDirectory, K as readStoredCenterMessages, L as getSessionTitle, M as createInitialSessionState, O as buildItemsFromSync, Q as readStoredRecentDirectories, S as Tooltip$1, T as TooltipTrigger, U as previewUrlForImage, V as normalizeStoredDirectoryList, W as promptDraftKey, X as readStoredPinnedSessionKeys, Y as readStoredHideToolBlocks, Z as readStoredPromptDraft, _ as SESSION_DONE_SOUND_ENABLED_STORAGE_KEY, a as HIDE_TOOL_BLOCKS_STORAGE_KEY, at as safeLocalStorageSetItem, c as PINNED_SESSIONS_STORAGE_KEY, ct as thinkingSummaryText, d as RIGHT_SIDEBAR_FILE_TREE_WIDTH_STORAGE_KEY, et as readStoredSessionDoneDesktopNotificationsEnabled, f as RIGHT_SIDEBAR_HISTORY_HEIGHT_STORAGE_KEY, g as SESSION_DONE_DESKTOP_NOTIFICATIONS_ENABLED_STORAGE_KEY, h as Route, i as DRAFT_DIRECTORY_STORAGE_KEY, it as safeLocalStorageGetItem, j as createContextId, k as cn, l as RECENT_DIRECTORIES_STORAGE_KEY, m as RIGHT_SIDEBAR_WIDTHS_STORAGE_KEY, n as CENTER_MESSAGES_STORAGE_KEY, nt as readStoredSidebarDirectories, o as Kbd, ot as sameContextUsage, p as RIGHT_SIDEBAR_OPEN_STORAGE_KEY, q as readStoredCollapsedDirectories, r as COLLAPSED_DIRECTORIES_STORAGE_KEY, rt as rememberStoredPromptDraft, s as KeyboardShortcutContent, st as sessionListEntryKey, t as AUTO_SCROLL_ENABLED_STORAGE_KEY, tt as readStoredSessionDoneSoundEnabled, u as RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, v as SIDEBAR_DIRECTORIES_STORAGE_KEY, x as TitleTooltip, y as Spinner, z as normalizePromptImage } from "./routes-D2MVUd_A.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";
@@ -15,11 +15,14 @@ import { t as _e } from "../_libs/cmdk.mjs";
 import { t as Drawer } from "../_libs/vaul.mjs";
 import { n as MultiFileDiff, t as PatchDiff } from "../_libs/@pierre/diffs+[...].mjs";
 import { t as Markdown } from "../_libs/react-markdown+[...].mjs";
+import { t as rehypeRaw } from "../_libs/rehype-raw.mjs";
+import { n as defaultSchema } from "../_libs/hast-util-sanitize.mjs";
+import { t as rehypeSanitize } from "../_libs/rehype-sanitize.mjs";
 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-CRDrPu8Q.js
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-CmLc8G9G.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var MOBILE_BREAKPOINT = 768;
@@ -8547,26 +8550,9 @@ function applyCompletionItem({ value, query, item }) {
 		selectionEnd: selection
 	};
 }
-function Collapsible$1({ ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleRoot, {
-		"data-slot": "collapsible",
-		...props
-	});
-}
-function CollapsibleTrigger({ ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleTrigger$1, {
-		"data-slot": "collapsible-trigger",
-		...props
-	});
-}
-function CollapsibleContent({ ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsiblePanel, {
-		"data-slot": "collapsible-content",
-		...props
-	});
-}
 var highlightCache = /* @__PURE__ */ new Map();
 var MemoizedReactMarkdown = import_react.memo(Markdown);
+var MARKDOWN_REHYPE_PLUGINS = [rehypeRaw, [rehypeSanitize, defaultSchema]];
 var MARKDOWN_REMARK_PLUGINS = [remarkGfm];
 var MarkdownRenderingContext = import_react.createContext({ streaming: false });
 function MarkdownAnchor({ children, href, node: _node, ...props }) {
@@ -8850,6 +8836,7 @@ var MarkdownBlock = import_react.memo(function MarkdownBlock({ streaming = false
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "prose prose-sm max-w-none wrap-break-word dark:prose-invert prose-headings:font-semibold prose-p:my-2 prose-pre:m-0 prose-ol:my-2 prose-ul:my-2",
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MemoizedReactMarkdown, {
+				rehypePlugins: MARKDOWN_REHYPE_PLUGINS,
 				remarkPlugins: MARKDOWN_REMARK_PLUGINS,
 				components: MARKDOWN_COMPONENTS,
 				children: text
@@ -8857,6 +8844,24 @@ var MarkdownBlock = import_react.memo(function MarkdownBlock({ streaming = false
 		})
 	});
 });
+function Collapsible$1({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleRoot, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleTrigger$1, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+}
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsiblePanel, {
+		"data-slot": "collapsible-content",
+		...props
+	});
+}
 function promptImageKey(image) {
 	return `${image.previewUrl}:${image.data.slice(0, 24)}`;
 }
@@ -10111,7 +10116,7 @@ function ToolBlockCardContent({ blockKey, header, store }) {
 						className: "truncate font-medium whitespace-nowrap text-foreground",
 						children: toolDisplayName(header.name)
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "truncate text-muted-foreground",
+						className: cn("truncate text-muted-foreground", header.name === "write" && "tabular-nums"),
 						children: header.summary
 					})]
 				}),
@@ -13104,6 +13109,65 @@ function ContextMenuSeparator({ className, ...props }) {
 		...props
 	});
 }
+var toggleVariants = cva("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent hover:bg-muted"
+		},
+		size: {
+			default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+var ToggleGroupContext = import_react.createContext({
+	size: "default",
+	variant: "default",
+	spacing: 0,
+	orientation: "horizontal"
+});
+function ToggleGroup$1({ className, variant, size, spacing = 0, orientation = "horizontal", children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup, {
+		"data-slot": "toggle-group",
+		"data-variant": variant,
+		"data-size": size,
+		"data-spacing": spacing,
+		"data-orientation": orientation,
+		style: { "--gap": spacing },
+		className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size,
+				spacing,
+				orientation
+			},
+			children
+		})
+	});
+}
+function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }) {
+	const context = import_react.useContext(ToggleGroupContext);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
+		"data-slot": "toggle-group-item",
+		"data-variant": context.variant || variant,
+		"data-size": context.size || size,
+		"data-spacing": context.spacing,
+		className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
+			variant: context.variant || variant,
+			size: context.size || size
+		}), className),
+		...props,
+		children
+	});
+}
 function GitSectionNote({ children, tone = "muted", className }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: cn("flex min-h-8 items-center gap-2 text-sm leading-6", tone === "destructive" ? "text-destructive" : "text-muted-foreground", className),
@@ -13135,6 +13199,8 @@ var CODE_LANGUAGE_BY_EXTENSION = {
 	js: "javascript",
 	jsx: "jsx",
 	json: "json",
+	markdown: "markdown",
+	md: "markdown",
 	jsonc: "jsonc",
 	mjs: "javascript",
 	mdx: "mdx",
@@ -13146,11 +13212,18 @@ var CODE_LANGUAGE_BY_EXTENSION = {
 	yaml: "yaml",
 	yml: "yaml"
 };
+function fileExtensionFromPath(path) {
+	return (path.split(/[?#]/)[0] || "").match(/\.([A-Za-z0-9]+)$/)?.[1]?.toLowerCase();
+}
 function codeLanguageFromPath(path) {
-	const extension = (path.split(/[?#]/)[0] || "").match(/\.([A-Za-z0-9]+)$/)?.[1]?.toLowerCase();
+	const extension = fileExtensionFromPath(path);
 	if (!extension) return void 0;
 	return CODE_LANGUAGE_BY_EXTENSION[extension];
 }
+function isMarkdownFilePath(path) {
+	const extension = fileExtensionFromPath(path);
+	return extension === "md" || extension === "markdown";
+}
 function hasHighlightHtml(payload) {
 	return Boolean(payload && "html" in payload && payload.html);
 }
@@ -13464,10 +13537,14 @@ function ProjectFileContent({ viewerContextId, cwd, active, path }) {
 	});
 	const content = fileQuery.data?.content ?? "";
 	const language = codeLanguageFromPath(path);
+	const isMarkdownFile = isMarkdownFilePath(path);
+	const [markdownViewModes, setMarkdownViewModes] = import_react.useState({});
+	const markdownViewMode = isMarkdownFile ? markdownViewModes[path] || "preview" : "source";
+	const showMarkdownPreview = isMarkdownFile && markdownViewMode === "preview";
 	const [highlighted, setHighlighted] = import_react.useState(null);
 	import_react.useEffect(() => {
 		let cancelled = false;
-		if (!active || !content || !language) {
+		if (!active || !content || !language || showMarkdownPreview) {
 			setHighlighted(null);
 			return;
 		}
@@ -13486,33 +13563,63 @@ function ProjectFileContent({ viewerContextId, cwd, active, path }) {
 	}, [
 		active,
 		content,
-		language
+		language,
+		showMarkdownPreview
 	]);
 	if (!path) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground",
 		children: "Select a file to preview it."
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "h-full min-h-0 overflow-auto bg-background",
-		children: fileQuery.isPending && !fileQuery.data ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "p-4",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GitSectionNote, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}), " Loading file…"] })
-		}) : fileQuery.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "p-4",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
-				tone: "destructive",
-				children: getErrorMessage(fileQuery.error, "Failed to load file")
-			})
-		}) : hasHighlightHtml(highlighted) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
-			className: "m-0 min-h-full p-4 font-mono text-[13px] leading-5 whitespace-pre-wrap text-foreground",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
-				className: cn(language && `language-${language}`),
-				dangerouslySetInnerHTML: { __html: highlighted.html }
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-full min-h-0 flex-col bg-background",
+		children: [isMarkdownFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex shrink-0 items-center justify-between gap-3 border-b border-border/70 px-3 py-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "truncate text-xs font-medium text-muted-foreground",
+				children: "Markdown"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToggleGroup$1, {
+				variant: "outline",
+				value: [markdownViewMode],
+				onValueChange: (values) => {
+					const value = values[0];
+					if (value === "preview" || value === "source") setMarkdownViewModes((current) => ({
+						...current,
+						[path]: value
+					}));
+				},
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
+					value: "preview",
+					children: "Preview"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
+					value: "source",
+					children: "Source"
+				})]
+			})]
+		}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "min-h-0 flex-1 overflow-auto",
+			children: fileQuery.isPending && !fileQuery.data ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "p-4",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GitSectionNote, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}), " Loading file…"] })
+			}) : fileQuery.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "p-4",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, {
+					tone: "destructive",
+					children: getErrorMessage(fileQuery.error, "Failed to load file")
+				})
+			}) : showMarkdownPreview ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "min-h-full p-4 text-foreground",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownBlock, { text: content })
+			}) : hasHighlightHtml(highlighted) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+				className: "m-0 min-h-full p-4 font-mono text-[13px] leading-5 whitespace-pre-wrap text-foreground",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+					className: cn(language && `language-${language}`),
+					dangerouslySetInnerHTML: { __html: highlighted.html }
+				})
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+				className: "m-0 min-h-full p-4 font-mono text-[13px] leading-5 whitespace-pre-wrap text-foreground",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: content })
 			})
-		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
-			className: "m-0 min-h-full p-4 font-mono text-[13px] leading-5 whitespace-pre-wrap text-foreground",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: content })
-		})
+		})]
 	});
 }
 function FileViewerTabContent({ active, dragging = false, dragListeners, dragAttributes, index, onActiveFileChange, onActiveTabChange, onCloseAllFiles, onCloseFile, onCloseFilesToRight, onCloseOtherFiles, path, preview, tabCount }) {
@@ -14455,65 +14562,6 @@ function GitPanelToolbar({ viewerContextId, cwd, active }) {
 		]
 	});
 }
-var toggleVariants = cva("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-	variants: {
-		variant: {
-			default: "bg-transparent",
-			outline: "border border-input bg-transparent hover:bg-muted"
-		},
-		size: {
-			default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-			lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-var ToggleGroupContext = import_react.createContext({
-	size: "default",
-	variant: "default",
-	spacing: 0,
-	orientation: "horizontal"
-});
-function ToggleGroup$1({ className, variant, size, spacing = 0, orientation = "horizontal", children, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup, {
-		"data-slot": "toggle-group",
-		"data-variant": variant,
-		"data-size": size,
-		"data-spacing": spacing,
-		"data-orientation": orientation,
-		style: { "--gap": spacing },
-		className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch", className),
-		...props,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext.Provider, {
-			value: {
-				variant,
-				size,
-				spacing,
-				orientation
-			},
-			children
-		})
-	});
-}
-function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }) {
-	const context = import_react.useContext(ToggleGroupContext);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
-		"data-slot": "toggle-group-item",
-		"data-variant": context.variant || variant,
-		"data-size": context.size || size,
-		"data-spacing": context.spacing,
-		className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
-			variant: context.variant || variant,
-			size: context.size || size
-		}), className),
-		...props,
-		children
-	});
-}
 function GitSection({ title, meta, controls, className, bodyClassName, children }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
 		className: cn("overflow-hidden rounded-xl border border-border/80 bg-card/50", className),
@@ -15501,21 +15549,18 @@ 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)(TitleTooltip, {
+			}), onOpenFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				type: "button",
+				variant: "ghost",
+				size: "icon-xs",
+				"aria-label": `Open ${file.path}`,
 				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: "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" })
-				})
+				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.jsx)(AccordionContent, {
 			className: "bg-background p-0",
@@ -16278,18 +16323,14 @@ var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ a
 	}), { compare: shallowRecordEqual });
 	const hideToolBlocks = useSelector(displaySettingsStore, (settings) => settings.hideToolBlocks);
 	const { isMobile: sidebarIsMobile, openMobile: sidebarOpenMobile, state: sidebarState } = useSidebar();
-	const sidebarOpen = sidebarIsMobile ? sidebarOpenMobile : sidebarState === "expanded";
-	const showCollapsedNewSessionButton = !sidebarOpen;
+	const showCollapsedNewSessionButton = !(sidebarIsMobile ? sidebarOpenMobile : sidebarState === "expanded");
 	const displaySessionTitle = isSessionViewLoading ? loadingDisplaySessionTitle : getCurrentSessionTitleFromState(sessionHeaderState);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "sticky top-0 z-50 flex h-[var(--header-height)] w-full shrink-0 items-center border-b border-border/70 bg-background p-2",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "relative flex w-full items-center gap-1",
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, {
-					variant: sidebarOpen ? "secondary" : "ghost",
-					className: "shrink-0"
-				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, { className: "shrink-0" }),
 				showCollapsedNewSessionButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
 					title: defaultNewSessionDirectory ? `Create a new session in ${formatDisplayPath$1(defaultNewSessionDirectory)}` : "Create a new session",
 					kbd: formatShortcutLabel("Control+N"),
@@ -16439,7 +16480,7 @@ var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ a
 							kbd: formatShortcutLabel("Control+\\"),
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 								size: "icon",
-								variant: gitPanelOpen ? "secondary" : "ghost",
+								variant: "ghost",
 								className: "hidden md:inline-flex",
 								"aria-pressed": gitPanelOpen,
 								"aria-label": "Toggle right sidebar",
@@ -16902,7 +16943,7 @@ var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ d
 	const showHeaderLoadingSpinner = showLoadingSpinner && unpinnedSessionKeys.length === 0 && collapsed;
 	const hasDirectoryActions = !overlay && Boolean(onCreateSessionInDirectory || onDeleteOldSessionsInDirectory || onRemoveDirectory);
 	const directoryHeader = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-2 rounded-lg px-2",
+		className: "flex items-center gap-2 rounded-lg",
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CollapsibleTrigger, {
 				type: "button",
@@ -16916,7 +16957,7 @@ var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ d
 						className: "max-w-full min-w-0",
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectoryPathLabel, { path: directory })
 					}),
-					!searchActive ? 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,
+					!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
 				]
 			}),
@@ -16965,7 +17006,7 @@ var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ d
 			if (searchActive || overlay) return;
 			collapsedDirectoryStore.setCollapsed(directory, !open);
 		},
-		className: cn("rounded-lg py-1", isDragging && !overlay && "opacity-0"),
+		className: cn("rounded-lg py-1", overlay && "bg-sidebar shadow-lg ring-1 ring-sidebar-border/70", isDragging && !overlay && "opacity-0"),
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroup, {
 			className: "py-0",
 			children: [hasDirectoryActions && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenu$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTrigger, { render: directoryHeader }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
@@ -16985,7 +17026,7 @@ var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ d
 						children: "Remove from sidebar"
 					}) : null
 				]
-			})] }) : directoryHeader, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupContent, { children: showLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			})] }) : directoryHeader, !overlay ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupContent, { children: showLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex items-center gap-2 px-2 py-2 text-sm text-sidebar-foreground/70",
 				children: [showLoadingSpinner ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 					className: "size-4",
@@ -17006,7 +17047,7 @@ var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ d
 					onRenameSession,
 					onDeleteSession,
 					onTogglePinnedSession
-				}, entryKey)) }), hasMoreSessions && !overlay ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+				}, entryKey)) }), hasMoreSessions ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
 					variant: "ghost",
 					className: "h-8 justify-start pl-8 text-sidebar-foreground/60 hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
 					onClick: () => {
@@ -17023,7 +17064,7 @@ var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ d
 			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 				className: "px-2 py-2 text-sm text-sidebar-foreground/70",
 				children: searchActive ? "No matching unpinned sessions." : "No unpinned sessions."
-			}) }) })]
+			}) }) }) : null]
 		})
 	});
 });
@@ -17088,29 +17129,32 @@ function DirectoryCollapseAllButton({ searchActive, visibleDirectories, collapse
 function AppSidebarHeader({ onOpenSessionsDialog, onCreateSession }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarHeader, {
 		className: "gap-2 border-b border-sidebar-border/70",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenu, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
-			type: "button",
-			onClick: onOpenSessionsDialog,
-			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Search, {}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Search sessions..." }),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "ml-auto hidden items-center md:flex",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: formatShortcutLabel("Control+S") })
-				})
-			]
-		}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
-			type: "button",
-			onClick: onCreateSession,
-			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SquarePen, {}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "New session" }),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "ml-auto hidden items-center md:flex",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: formatShortcutLabel("Control+N") })
-				})
-			]
-		}) })] })
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenu, {
+			className: "gap-1",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
+				type: "button",
+				onClick: onOpenSessionsDialog,
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Search, {}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Search sessions..." }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "ml-auto hidden items-center md:flex",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: formatShortcutLabel("Control+S") })
+					})
+				]
+			}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
+				type: "button",
+				onClick: onCreateSession,
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SquarePen, {}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "New session" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "ml-auto hidden items-center md:flex",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: formatShortcutLabel("Control+N") })
+					})
+				]
+			}) })]
+		})
 	});
 }
 function AppSidebarDirectoriesHeader({ sessionSearch, visibleDirectories, matchingSessionCount, collapsed, collapsedDirectoryStore, onOpenAddDirectoryDialog }) {
@@ -17340,29 +17384,32 @@ function AppSidebar({ sessionSearch, onOpenSessionsDialog, visibleDirectories, d
 			})] }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarFooter, {
 				className: "gap-2 border-t border-sidebar-border/70",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenu, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
-					type: "button",
-					onClick: onOpenCommandPalette,
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Command, {}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Commands" }),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "ml-auto hidden items-center md:flex",
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: formatShortcutLabel("Control+K") })
-						})
-					]
-				}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
-					type: "button",
-					onClick: onOpenSettings,
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Settings2, {}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Settings" }),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "ml-auto hidden items-center md:flex",
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: formatShortcutLabel("Control+,") })
-						})
-					]
-				}) })] })
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenu, {
+					className: "gap-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
+						type: "button",
+						onClick: onOpenCommandPalette,
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Command, {}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Commands" }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "ml-auto hidden items-center md:flex",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: formatShortcutLabel("Control+K") })
+							})
+						]
+					}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
+						type: "button",
+						onClick: onOpenSettings,
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Settings2, {}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Settings" }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "ml-auto hidden items-center md:flex",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: formatShortcutLabel("Control+,") })
+							})
+						]
+					}) })]
+				})
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarRail, {})
 		]

package/.output/server/_ssr/{routes-B99MXwvx.mjs → routes-D2MVUd_A.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-B99MXwvx.js
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-D2MVUd_A.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 function cn(...inputs) {
@@ -1279,7 +1279,7 @@ function getSessionTitle(summary) {
 	if (summary?.name?.trim()) return summary.name.trim();
 	return "New session";
 }
-var $$splitComponentImporter = () => import("./routes-CRDrPu8Q.mjs");
+var $$splitComponentImporter = () => import("./routes-CmLc8G9G.mjs");
 var indexSearchSchema = object({ session: string().optional() });
 var Route = createFileRoute("/")({
 	validateSearch: indexSearchSchema,