@alivault/pico 0.3.2 → 0.5.0

package/.output/server/_ssr/{routes-C7eO3ZVn.mjs → routes-BgLr8w7S.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-DZ8MN7tJ.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-BgLr8w7S.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,12 +13109,73 @@ 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),
 		children
 	});
 }
+var EMPTY_PROJECT_FILE_PATHS = [];
+var EMPTY_GIT_CHANGE_FILES = [];
 var PROJECT_FILE_QUERY_STALE_TIME_MS = 1e3 * 30;
 var PROJECT_FILE_QUERY_GC_TIME_MS = 1e3 * 60 * 10;
 var PROJECT_FILE_TREE_DEFAULT_WIDTH = 320;
@@ -13135,6 +13201,8 @@ var CODE_LANGUAGE_BY_EXTENSION = {
 	js: "javascript",
 	jsx: "jsx",
 	json: "json",
+	markdown: "markdown",
+	md: "markdown",
 	jsonc: "jsonc",
 	mjs: "javascript",
 	mdx: "mdx",
@@ -13146,11 +13214,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);
 }
@@ -13196,11 +13271,15 @@ var GIT_FILE_TREE_UNSAFE_CSS = `
     --trees-bg-override: var(--background);
     --trees-fg-override: var(--foreground);
     --trees-border-color-override: var(--border);
-    --trees-muted-fg-override: var(--muted-foreground);
+    --trees-fg-muted-override: var(--muted-foreground);
     --trees-selected-bg-override: var(--accent);
     --trees-selected-fg-override: var(--accent-foreground);
     --trees-padding-inline-override: 0px;
   }
+
+  [data-file-tree-virtualized-scroll='true'] {
+    padding-inline: 0 16px;
+  }
 `;
 var PROJECT_FILE_ICON_SPRITE_SHEET = getBuiltInSpriteSheet("complete");
 var projectFileIconResolver = createFileTreeIconResolver({
@@ -13233,6 +13312,36 @@ function ProjectFileTypeIcon({ path }) {
 function isFileTreeDirectoryHandle(item) {
 	return item?.isDirectory() === true;
 }
+function getProjectFileTreeGitStatusFromPorcelain(status) {
+	const indexStatus = status[0] || " ";
+	const worktreeStatus = status[1] || " ";
+	if (status === "??") return "untracked";
+	if (status === "!!") return "ignored";
+	if (indexStatus === "R" || worktreeStatus === "R") return "renamed";
+	if (indexStatus === "C" || worktreeStatus === "C") return "renamed";
+	if (indexStatus === "D" || worktreeStatus === "D") return "deleted";
+	if (indexStatus === "A" || worktreeStatus === "A") return "added";
+	return "modified";
+}
+function getProjectFileTreeGitStatus(files) {
+	return files.map((file) => ({
+		path: file.path,
+		status: getProjectFileTreeGitStatusFromPorcelain(file.status)
+	}));
+}
+function getProjectFileTreePaths(paths, files) {
+	if (files.length === 0) return paths;
+	const pathSet = new Set(paths);
+	let addedPath = false;
+	for (const file of files) {
+		if (getProjectFileTreeGitStatusFromPorcelain(file.status) !== "deleted") continue;
+		if (!file.path || pathSet.has(file.path)) continue;
+		pathSet.add(file.path);
+		addedPath = true;
+	}
+	if (!addedPath) return paths;
+	return [...pathSet];
+}
 function getProjectFileDirectoryPaths(paths) {
 	const directoryPaths = /* @__PURE__ */ new Set();
 	for (const path of paths) {
@@ -13241,7 +13350,7 @@ function getProjectFileDirectoryPaths(paths) {
 	}
 	return [...directoryPaths].sort((left, right) => right.split("/").length - left.split("/").length || right.length - left.length || right.localeCompare(left));
 }
-function ProjectFileTree({ collapseAllRevision, paths, selectedPath, onSelectFile }) {
+function ProjectFileTree({ collapseAllRevision, gitStatus, paths, selectedPath, onSelectFile }) {
 	const validPathsRef = import_react.useRef(new Set(paths));
 	const onSelectFileRef = import_react.useRef(onSelectFile);
 	const lastCollapseAllRevisionRef = import_react.useRef(0);
@@ -13250,6 +13359,7 @@ function ProjectFileTree({ collapseAllRevision, paths, selectedPath, onSelectFil
 	const { model } = useFileTree({
 		paths,
 		flattenEmptyDirectories: true,
+		gitStatus,
 		initialExpansion: 1,
 		initialSelectedPaths: selectedPath ? [selectedPath] : [],
 		onSelectionChange: (selectedPaths) => {
@@ -13263,6 +13373,9 @@ function ProjectFileTree({ collapseAllRevision, paths, selectedPath, onSelectFil
 	import_react.useEffect(() => {
 		model.resetPaths(paths);
 	}, [model, paths]);
+	import_react.useEffect(() => {
+		model.setGitStatus(gitStatus);
+	}, [gitStatus, model]);
 	import_react.useEffect(() => {
 		if (!selectedPath) return;
 		const item = model.getItem(selectedPath);
@@ -13310,7 +13423,8 @@ function ProjectFilesWorkspace({ viewerContextId, cwd, active, activeFilePath, o
 	const normalizedCwd = normalizeCwd(cwd);
 	const [openFileDialogOpen, setOpenFileDialogOpen] = import_react.useState(false);
 	const [collapseAllRevision, setCollapseAllRevision] = import_react.useState(0);
-	const showInlinePreview = previewMode === "inline" && Boolean(activeFilePath);
+	const inlinePreview = previewMode === "inline";
+	const showInlinePreview = inlinePreview && Boolean(activeFilePath);
 	const fileTreeQuery = useQuery({
 		...projectFileTreeQueryOptions({
 			viewerContextId,
@@ -13324,12 +13438,25 @@ function ProjectFilesWorkspace({ viewerContextId, cwd, active, activeFilePath, o
 			"error"
 		]
 	});
-	const paths = fileTreeQuery.data ?? [];
+	const gitFilesQuery = useQuery({
+		...gitChangesQueryOptions({
+			viewerContextId,
+			cwd: normalizedCwd,
+			scope: "files"
+		}),
+		enabled: Boolean(active && viewerContextId && normalizedCwd),
+		select: (data) => data.files ?? [],
+		notifyOnChangeProps: ["data"]
+	});
+	const projectPaths = fileTreeQuery.data ?? EMPTY_PROJECT_FILE_PATHS;
+	const gitFiles = gitFilesQuery.data ?? EMPTY_GIT_CHANGE_FILES;
+	const paths = import_react.useMemo(() => getProjectFileTreePaths(projectPaths, gitFiles), [gitFiles, projectPaths]);
+	const gitStatus = import_react.useMemo(() => getProjectFileTreeGitStatus(gitFiles), [gitFiles]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: cn("h-full min-h-0 overflow-hidden", showInlinePreview ? "grid grid-rows-[minmax(0,1fr)_minmax(0,1fr)]" : "flex flex-col"),
+		className: cn("h-full min-h-0 overflow-hidden", inlinePreview ? "relative flex flex-col" : "flex flex-col"),
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: cn("flex min-h-0 flex-col bg-background", showInlinePreview ? "border-b border-border/70" : "flex-1 overflow-hidden"),
+				className: "flex min-h-0 flex-1 flex-col overflow-hidden bg-background",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: "flex shrink-0 items-center justify-between gap-2 border-b border-border/70 p-2",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -13366,36 +13493,36 @@ function ProjectFilesWorkspace({ viewerContextId, cwd, active, activeFilePath, o
 						children: getErrorMessage(fileTreeQuery.error, "Failed to load files")
 					}) : paths.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProjectFileTree, {
 						collapseAllRevision,
+						gitStatus,
 						paths,
 						selectedPath: activeFilePath,
 						onSelectFile: onOpenFile
 					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitSectionNote, { children: "No files found." })
 				})]
 			}),
-			showInlinePreview ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex min-h-0 flex-col overflow-hidden bg-background",
+			inlinePreview ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				"aria-hidden": !showInlinePreview,
+				inert: !showInlinePreview,
+				className: cn("absolute inset-0 z-20 flex min-h-0 flex-col overflow-hidden bg-background transition-transform duration-200 ease-out", showInlinePreview ? "translate-x-0 shadow-xl" : "pointer-events-none translate-x-full"),
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "flex h-10 shrink-0 items-center justify-between gap-2 border-b border-border/70 px-3 text-xs font-medium text-muted-foreground",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "min-w-0 truncate",
+					className: "flex h-10 shrink-0 items-center gap-2 border-b border-border/70 px-2 text-xs font-medium text-muted-foreground",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+						type: "button",
+						"aria-label": "Back to file tree",
+						className: "inline-flex h-8 shrink-0 items-center gap-1.5 rounded-md px-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+						onClick: onCloseFile,
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, { className: "size-4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Files" })]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "min-w-0 flex-1 truncate",
 						title: activeFilePath,
 						children: activeFilePath
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
-						title: "Close file preview",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-							type: "button",
-							"aria-label": "Close file preview",
-							className: "inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-							onClick: onCloseFile,
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-4" })
-						})
 					})]
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					className: "min-h-0 flex-1 overflow-hidden",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProjectFileContent, {
 						viewerContextId,
 						cwd: normalizedCwd,
-						active,
+						active: active && showInlinePreview,
 						path: activeFilePath
 					})
 				})]
@@ -13411,24 +13538,26 @@ function ProjectFilesWorkspace({ viewerContextId, cwd, active, activeFilePath, o
 }
 function ProjectOpenFileDialog({ open, onOpenChange, paths, onOpenFile }) {
 	const [query, setQuery] = import_react.useState("");
+	const isMobile = useIsMobile();
+	const shouldAutoFocus = useCommandSurfaceAutoFocus(isMobile);
 	import_react.useEffect(() => {
 		if (!open) setQuery("");
 	}, [open]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandDialog, {
-		open,
-		onOpenChange,
-		title: "Open Files",
-		description: "Search project files to open.",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Command$1, {
-			shouldFilter: true,
-			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProjectFileIconSprite, {}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandInput, {
-					value: query,
-					onValueChange: setQuery,
-					placeholder: "Search files…"
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandList, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandEmpty, { children: "No files found." }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandGroup, {
+	const commandBody = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Command$1, {
+		shouldFilter: true,
+		className: cn(isMobile && "min-h-0 flex-1"),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProjectFileIconSprite, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandInput, {
+				autoFocus: shouldAutoFocus,
+				value: query,
+				onValueChange: setQuery,
+				placeholder: "Search files…",
+				className: "text-base md:text-sm"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandList, {
+				className: cn(isMobile && "max-h-none min-h-0 flex-1"),
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandEmpty, { children: "No files found." }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandGroup, {
 					heading: "Files",
 					children: paths.map((path) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandItem, {
 						value: path,
@@ -13442,10 +13571,29 @@ function ProjectOpenFileDialog({ open, onOpenChange, paths, onOpenFile }) {
 							children: path
 						})]
 					}, path))
-				})] })
-			]
+				})]
+			})
+		]
+	});
+	if (isMobile) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Drawer$1, {
+		open,
+		onOpenChange,
+		autoFocus: shouldAutoFocus,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerContent, {
+			className: "max-h-[90svh] overflow-hidden",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerTitle, { children: "Open Files" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerDescription, { children: "Search project files to open." })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex min-h-0 flex-1 flex-col overflow-hidden px-4 pb-4",
+				children: commandBody
+			})]
 		})
 	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandDialog, {
+		open,
+		onOpenChange,
+		title: "Open Files",
+		description: "Search project files to open.",
+		children: commandBody
+	});
 }
 function ProjectFileContent({ viewerContextId, cwd, active, path }) {
 	const normalizedCwd = normalizeCwd(cwd);
@@ -13464,10 +13612,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 +13638,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 +14637,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),
@@ -15316,7 +15439,17 @@ function FileReviewContent({ viewerContextId, cwd, active, onOpenFile }) {
 					})
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: "flex shrink-0 items-center gap-2",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup$1, {
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+						title: hasOpenFile ? "Collapse all" : "Expand all",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							variant: "outline",
+							size: "icon",
+							"aria-label": hasOpenFile ? "Collapse all" : "Expand all",
+							disabled: changedFiles.length === 0,
+							onClick: toggleAll,
+							children: hasOpenFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronsDownUp, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronsUpDown, { className: "size-4" })
+						})
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup$1, {
 						variant: "outline",
 						value: [diffStyle],
 						onValueChange: (values) => {
@@ -15327,11 +15460,6 @@ function FileReviewContent({ viewerContextId, cwd, active, onOpenFile }) {
 							value,
 							children: value === "unified" ? "Unified" : "Split"
 						}, value))
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
-						variant: "outline",
-						disabled: changedFiles.length === 0,
-						onClick: toggleAll,
-						children: [hasOpenFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronsDownUp, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronsUpDown, { className: "size-4" }), hasOpenFile ? "Collapse all" : "Expand all"]
 					})]
 				})]
 			}),
@@ -15501,21 +15629,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",