@alivault/pico 0.3.2 → 0.4.0

package/.output/server/_ssr/{router-DQcefit6.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-DHXvlqAP.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-DQcefit6.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 }) => {

package/.output/server/_ssr/{routes-C7eO3ZVn.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-DHXvlqAP.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-C7eO3ZVn.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",

package/.output/server/_ssr/{routes-DHXvlqAP.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-DHXvlqAP.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-C7eO3ZVn.mjs");
+var $$splitComponentImporter = () => import("./routes-CmLc8G9G.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-ChF3TvKp.mjs");
+	const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-BSXP2b2T.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-DQcefit6.mjs"),
+		import("./router-CgnX-Js0.mjs"),
 		import("./start-Captdpmb.mjs"),
 		import("../__23tanstack-start-plugin-adapters-y_fshQDY.mjs")
 	]);

package/.output/server/{_tanstack-start-manifest_v-ChF3TvKp.mjs → _tanstack-start-manifest_v-BSXP2b2T.mjs}

@@ -1,4 +1,4 @@
-//#region node_modules/.nitro/vite/services/ssr/assets/_tanstack-start-manifest_v-ChF3TvKp.js
+//#region node_modules/.nitro/vite/services/ssr/assets/_tanstack-start-manifest_v-BSXP2b2T.js
 var tsrStartManifest = () => ({
 	routes: {
 		__root__: {
@@ -50,16 +50,16 @@ var tsrStartManifest = () => ({
 				"/api/ui/$id"
 			],
 			assets: void 0,
-			preloads: ["/assets/index-ga3WrbUv.js", "/assets/rolldown-runtime-S-ySWqyJ.js"]
+			preloads: ["/assets/index-BiaOlsw0.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-BApV813x.js"]
+			preloads: ["/assets/routes-C7eqqi44.js"]
 		}
 	},
-	clientEntry: "/assets/index-ga3WrbUv.js"
+	clientEntry: "/assets/index-BiaOlsw0.js"
 });
 //#endregion
 export { tsrStartManifest };