@alivault/pico 0.13.0 → 0.14.0

package/.output/server/_ssr/{routes-DySm_W8N.mjs → routes-BsQ26pbY.mjs}

@@ -2,7 +2,7 @@ import { i as __toESM } from "../_runtime.mjs";
 import { $ as require_react, A as TabsTab, B as Input, C as MenuPositioner, D as MenuGroupLabel, E as MenuItem, F as DialogPopup, H as useRender, I as DialogDescription$1, L as DialogClose$1, M as DialogTitle$1, N as DialogRoot, O as MenuGroup, P as DialogPortal$1, Q as require_jsx_runtime, R as DialogBackdrop, S as MenuRoot, T as MenuPopup, V as Button, Y as mergeProps, _ as AccordionItem$1, a as ContextMenuRoot, b as MenuTrigger, c as CollapsibleRoot, d as PopoverPortal, f as PopoverTrigger$1, g as AccordionHeader, h as AccordionTrigger$1, i as ContextMenuTrigger$1, j as TabsRoot, k as TabsList$1, l as PopoverPopup, m as AccordionPanel, n as ToggleGroup, o as CollapsiblePanel, p as PopoverRoot, r as Toggle, s as CollapsibleTrigger$1, t as AlertDialogRoot, u as PopoverPositioner, v as AccordionRoot, w as MenuPortal, x as MenuSubmenuRoot, y as MenuSubmenuTrigger, z as Separator } from "../_libs/@base-ui/react+[...].mjs";
 import { t as cva } from "../_libs/class-variance-authority+clsx.mjs";
 import { A as Folder, B as ChevronsUpDown, C as ListStart, D as GitPullRequestArrow, E as ImagePlus, F as EllipsisVertical, G as Check, I as Download, J as ArrowUpRight, K as ArrowUp, L as Copy, M as FileDiff, N as ExternalLink, O as GitBranch, P as Ellipsis, R as Command, S as Maximize2, U as ChevronRight, V as ChevronsDownUp, W as ChevronDown, X as ArrowLeft, Z as ArrowDown, _ as PanelLeftClose, a as TriangleAlert, b as Minus, c as Square, d as Settings2, f as Search, g as PanelLeftOpen, h as PanelLeft, i as Undo2, j as FolderPlus, k as GitCommitHorizontal, l as SquareTerminal, m as PanelRight, n as WandSparkles, o as Trash2, p as Plus, q as ArrowUpToLine, r as Upload, s as Tag, t as X, u as SquarePen, w as ListEnd, x as Minimize2, y as OctagonX } from "../_libs/lucide-react.mjs";
-import { $ as normalizeSessionSelectionKeys, A as THEME_STORAGE_KEY, At as themeFamilyDescription, B as buildItemsFromSync, C as SESSION_DONE_SOUND_ENABLED_STORAGE_KEY, Ct as rememberStoredPromptDraft, D as TERMINAL_PANEL_OPEN_STORAGE_KEY, Dt as sameContextUsage, E as TERMINAL_PANEL_HEIGHT_STORAGE_KEY, Et as safeLocalStorageSetItem, F as TooltipTrigger, Ft as thinkingSummaryText, G as exploreShellCommandNameFromTool, I as VIEWER_CONTEXT_STORAGE_KEY, It as toolArgsAreIncompleteJsonObject, L as appliedThemeClass, Lt as toolCategoryFromTool, M as Tooltip$1, Mt as themeFamilyKeywords, N as TooltipContent, Nt as themeFamilyLabel, O as THEME_COLOR_MODE_STORAGE_KEY, Ot as sessionListEntryKey, Pt as themeFamilySupportsColorMode, Q as normalizePromptImage, R as appliedThemeClassColorMode, Rt as toolCouldBecomeExploreFromTool, S as SESSION_DONE_DESKTOP_NOTIFICATIONS_ENABLED_STORAGE_KEY, St as readStoredThemeColorMode, T as Spinner, Tt as safeLocalStorageGetItem, U as createContextId, V as cn, W as createInitialSessionState, X as getSessionTitle, Y as flattenTree, _ as RIGHT_SIDEBAR_HISTORY_HEIGHT_STORAGE_KEY, _t as readStoredSessionDoneSoundEnabled, a as COLLAPSED_DIRECTORIES_STORAGE_KEY, at as promptDraftKeyMatchesOwner, b as RIGHT_SIDEBAR_WIDTHS_STORAGE_KEY, bt as readStoredTerminalTabs, c as Kbd, ct as readStoredCenterMessages, d as PICO_DIFF_SHIKI_THEMES, dt as readStoredHideToolBlocks, et as normalizeStoredDirectoryList, f as PICO_SHIKI_VARIABLE_DEFAULTS, ft as readStoredPinnedSessionKeys, g as RIGHT_SIDEBAR_FILE_TREE_WIDTH_STORAGE_KEY, gt as readStoredSessionDoneDesktopNotificationsEnabled, h as RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, ht as readStoredRightSidebarOpen, i as CENTER_MESSAGES_STORAGE_KEY, it as promptDraftKey, j as TitleTooltip, jt as themeFamilyFixedMode, k as THEME_FAMILIES, kt as themeColorModeLabel, l as KeyboardShortcutContent, lt as readStoredCollapsedDirectories, m as RECENT_DIRECTORIES_STORAGE_KEY, mt as readStoredRecentDirectories, n as APPLIED_THEME_STORAGE_KEY, nt as normalizeThemeFamily, o as DRAFT_DIRECTORY_STORAGE_KEY, ot as rawShellCommandTextFromTool, p as PINNED_SESSIONS_STORAGE_KEY, pt as readStoredPromptDraft, r as AUTO_SCROLL_ENABLED_STORAGE_KEY, rt as previewUrlForImage, s as HIDE_TOOL_BLOCKS_STORAGE_KEY, st as readStoredAutoScrollEnabled, tt as normalizeThemeColorMode, ut as readStoredDraftDirectory, v as RIGHT_SIDEBAR_HISTORY_TAB_STORAGE_KEY, vt as readStoredSidebarDirectories, w as SIDEBAR_DIRECTORIES_STORAGE_KEY, wt as rememberStoredTerminalTabs, x as Route, xt as readStoredTheme, y as RIGHT_SIDEBAR_OPEN_STORAGE_KEY, yt as readStoredTerminalPanelOpen } from "./routes-CuWg5WTI.mjs";
+import { $ as normalizeSessionSelectionKeys, A as THEME_STORAGE_KEY, At as themeFamilyDescription, B as buildItemsFromSync, C as SESSION_DONE_SOUND_ENABLED_STORAGE_KEY, Ct as rememberStoredPromptDraft, D as TERMINAL_PANEL_OPEN_STORAGE_KEY, Dt as sameContextUsage, E as TERMINAL_PANEL_HEIGHT_STORAGE_KEY, Et as safeLocalStorageSetItem, F as TooltipTrigger, Ft as thinkingSummaryText, G as exploreShellCommandNameFromTool, I as VIEWER_CONTEXT_STORAGE_KEY, It as toolArgsAreIncompleteJsonObject, L as appliedThemeClass, Lt as toolCategoryFromTool, M as Tooltip$1, Mt as themeFamilyKeywords, N as TooltipContent, Nt as themeFamilyLabel, O as THEME_COLOR_MODE_STORAGE_KEY, Ot as sessionListEntryKey, Pt as themeFamilySupportsColorMode, Q as normalizePromptImage, R as appliedThemeClassColorMode, Rt as toolCouldBecomeExploreFromTool, S as SESSION_DONE_DESKTOP_NOTIFICATIONS_ENABLED_STORAGE_KEY, St as readStoredThemeColorMode, T as Spinner, Tt as safeLocalStorageGetItem, U as createContextId, V as cn, W as createInitialSessionState, X as getSessionTitle, Y as flattenTree, _ as RIGHT_SIDEBAR_HISTORY_HEIGHT_STORAGE_KEY, _t as readStoredSessionDoneSoundEnabled, a as COLLAPSED_DIRECTORIES_STORAGE_KEY, at as promptDraftKeyMatchesOwner, b as RIGHT_SIDEBAR_WIDTHS_STORAGE_KEY, bt as readStoredTerminalTabs, c as Kbd, ct as readStoredCenterMessages, d as PICO_DIFF_SHIKI_THEMES, dt as readStoredHideToolBlocks, et as normalizeStoredDirectoryList, f as PICO_SHIKI_VARIABLE_DEFAULTS, ft as readStoredPinnedSessionKeys, g as RIGHT_SIDEBAR_FILE_TREE_WIDTH_STORAGE_KEY, gt as readStoredSessionDoneDesktopNotificationsEnabled, h as RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, ht as readStoredRightSidebarOpen, i as CENTER_MESSAGES_STORAGE_KEY, it as promptDraftKey, j as TitleTooltip, jt as themeFamilyFixedMode, k as THEME_FAMILIES, kt as themeColorModeLabel, l as KeyboardShortcutContent, lt as readStoredCollapsedDirectories, m as RECENT_DIRECTORIES_STORAGE_KEY, mt as readStoredRecentDirectories, n as APPLIED_THEME_STORAGE_KEY, nt as normalizeThemeFamily, o as DRAFT_DIRECTORY_STORAGE_KEY, ot as rawShellCommandTextFromTool, p as PINNED_SESSIONS_STORAGE_KEY, pt as readStoredPromptDraft, r as AUTO_SCROLL_ENABLED_STORAGE_KEY, rt as previewUrlForImage, s as HIDE_TOOL_BLOCKS_STORAGE_KEY, st as readStoredAutoScrollEnabled, tt as normalizeThemeColorMode, ut as readStoredDraftDirectory, v as RIGHT_SIDEBAR_HISTORY_TAB_STORAGE_KEY, vt as readStoredSidebarDirectories, w as SIDEBAR_DIRECTORIES_STORAGE_KEY, wt as rememberStoredTerminalTabs, x as Route, xt as readStoredTheme, y as RIGHT_SIDEBAR_OPEN_STORAGE_KEY, yt as readStoredTerminalPanelOpen } from "./routes-DbjuMLFI.mjs";
 import { i as useQuery, n as useIsMutating, o as useQueryClient, r as useIsFetching, t as useMutation } from "../_libs/tanstack__react-query.mjs";
 import { t as useHotkeys } from "../_libs/tanstack__react-hotkeys.mjs";
 import { a as matchesKeyboardEvent, i as batch, o as formatForDisplay, r as createStore } from "../_libs/@tanstack/hotkeys+[...].mjs";
@@ -22,7 +22,7 @@ import { t as remarkGfm } from "../_libs/remark-gfm.mjs";
 import { a as getBuiltInSpriteSheet, i as getBuiltInFileIconColor, n as FileTree, r as createFileTreeIconResolver, t as useFileTree } from "../_libs/@pierre/trees+[...].mjs";
 import { a as closestCenter, c as useDraggable, 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-DySm_W8N.js
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-BsQ26pbY.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var MOBILE_BREAKPOINT = 768;
@@ -1098,7 +1098,7 @@ function directoryDialogHasExactMatch(directoryPaths, normalizedQuery) {
 		return normalizedPath === normalizedQuery || normalizedDisplayPath === normalizedQuery;
 	});
 }
-function splitDisplayPath$1(value) {
+function splitDisplayPath(value) {
 	if (!value) return {
 		leading: "",
 		trailing: ""
@@ -1121,7 +1121,7 @@ function splitDisplayPath$1(value) {
 }
 function DirectoryPathLabel$1({ path, prefix }) {
 	const displayPath = formatDirectoryDisplayPath(path);
-	const { leading, trailing } = splitDisplayPath$1(displayPath);
+	const { leading, trailing } = splitDisplayPath(displayPath);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 		className: "flex min-w-0 items-center text-foreground",
 		children: [
@@ -2429,7 +2429,7 @@ function formatShortcutLabel(hotkey) {
 function matchesShortcutEvent(event, hotkey) {
 	return matchesKeyboardEvent(event, hotkey);
 }
-function tildePath$1(value) {
+function tildePath(value) {
 	return value.replace(/^\/Users\/[^/]+(?=\/|$)/, "~").replace(/^\/home\/[^/]+(?=\/|$)/, "~");
 }
 function normalizeDirectories(directories) {
@@ -2647,6 +2647,8 @@ function AppShellSessionsDialog(props) {
 }
 function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, currentDirectory, knownDirectories, directorySessionsByPath, sessionStatusByKey, activeSessionId, activeSessionPath, onSelectSession, onRenameSession, onDeleteSession, onError }) {
 	const isMobile = useIsMobile();
+	const [isGeneratingName, setIsGeneratingName] = import_react.useState(false);
+	const [generatedNamePath, setGeneratedNamePath] = import_react.useState("");
 	const [state, dispatch] = import_react.useReducer(sessionsDialogReducer, initialSessionsDialogState);
 	const { query, scope, stage, selectedSessionKey, renameValue, localSessionNames, loadedSessionsByPath, loadingByPath } = state;
 	const normalizedCurrentDirectory = currentDirectory.trim();
@@ -2675,6 +2677,7 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 	})));
 	const sortedSessionItems = flatSessions.toSorted((left, right) => sessionActivityTime(right.entry) - sessionActivityTime(left.entry));
 	const selectedSession = selectedSessionKey ? flatSessions.find((session) => session.key === selectedSessionKey)?.entry : void 0;
+	const canGenerateSelectedSessionName = Boolean(selectedSession?.path && !selectedSession.name?.trim() && generatedNamePath !== selectedSession.path);
 	const loading = visibleGroups.some((group) => group.loading);
 	const browseInputRef = import_react.useRef(null);
 	const deletePanelRef = import_react.useRef(null);
@@ -2755,6 +2758,7 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 	};
 	const renameSelectedSession = () => {
 		if (!selectedSession?.path) return;
+		setGeneratedNamePath("");
 		dispatch({
 			type: "renameRequested",
 			value: selectedSession.title
@@ -2771,6 +2775,28 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 			name: nextName
 		});
 	};
+	const generateSelectedSessionName = async () => {
+		const targetPath = selectedSession?.path;
+		if (!targetPath || isGeneratingName || !canGenerateSelectedSessionName) return;
+		setIsGeneratingName(true);
+		try {
+			const response = await fetchJson(buildRequestUrl("/api/session/name", { contextId: viewerContextId }), {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ path: targetPath })
+			});
+			dispatch({
+				type: "renameValueChanged",
+				value: response.name
+			});
+			setGeneratedNamePath(targetPath);
+			if (response.source === "heuristic" && response.reason) toast.info("Using heuristic session name", { description: response.reason });
+		} catch (error) {
+			onError?.(error);
+		} finally {
+			setIsGeneratingName(false);
+		}
+	};
 	const deleteSelectedSession = () => {
 		if (!selectedSession?.path) return;
 		dispatch({ type: "deleteRequested" });
@@ -2855,7 +2881,7 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandList, {
 				className: "max-h-none min-h-0 flex-1 md:max-h-[min(70vh,32rem)]",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandEmpty, { children: loading ? "Loading sessions…" : "No sessions found." }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandGroup, {
-					heading: `${scope === "all" ? "All sessions" : `Current directory: ${tildePath$1(currentDirectories[0] || "")}`}${loading ? " · loading" : ""}`,
+					heading: `${scope === "all" ? "All sessions" : `Current directory: ${tildePath(currentDirectories[0] || "")}`}${loading ? " · loading" : ""}`,
 					children: [loading && sortedSessionItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandItem, {
 						value: "loading:sessions",
 						disabled: true,
@@ -2891,7 +2917,7 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 										children: entry.title
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 										className: "line-clamp-1 text-xs text-muted-foreground",
-										children: tildePath$1(entry.cwd || directory)
+										children: tildePath(entry.cwd || directory)
 									})]
 								}),
 								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -2941,25 +2967,37 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex items-center gap-2 border-b border-border/70 px-3 py-2",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-					type: "button",
-					variant: "ghost",
-					size: "icon-sm",
-					onClick: () => {
-						dispatch({ type: "browseRequested" });
-					},
-					"aria-label": "Back to sessions",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, {})
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "truncate text-sm font-medium",
-						children: "Rename session"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "truncate text-xs text-muted-foreground",
-						children: selectedSession?.title || "Selected session"
-					})]
-				})]
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						onClick: () => {
+							dispatch({ type: "browseRequested" });
+						},
+						"aria-label": "Back to sessions",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, {})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "truncate text-sm font-medium",
+							children: "Rename session"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "truncate text-xs text-muted-foreground",
+							children: selectedSession?.title || "Selected session"
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+						type: "button",
+						variant: "ghost",
+						disabled: isGeneratingName || !canGenerateSelectedSessionName,
+						onClick: () => {
+							generateSelectedSessionName();
+						},
+						children: [isGeneratingName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WandSparkles, {}), "Generate"]
+					})
+				]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 				className: "flex min-h-0 flex-1 items-center p-3",
@@ -2978,6 +3016,12 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 							dispatch({ type: "browseRequested" });
 							return;
 						}
+						if (matchesShortcutEvent(event.nativeEvent, "Control+G")) {
+							event.preventDefault();
+							event.stopPropagation();
+							generateSelectedSessionName();
+							return;
+						}
 						if (event.key !== "Enter" || event.nativeEvent.isComposing) return;
 						event.preventDefault();
 						event.stopPropagation();
@@ -2989,13 +3033,20 @@ function useAppShellSessionsDialogView({ open, onOpenChange, viewerContextId, cu
 			}),
 			isMobile ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "hidden flex-wrap items-center gap-x-3 gap-y-1 border-t border-border/70 px-3 py-2 text-xs text-muted-foreground md:flex",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd$1, { children: "Enter" }), " Save"]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd$1, { children: "Esc" }), " Back"]
-				})]
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd$1, { children: formatShortcutLabel("Control+G") }), " Generate"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd$1, { children: "Enter" }), " Save"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd$1, { children: "Esc" }), " Back"]
+					})
+				]
 			})
 		]
 	});
@@ -7578,7 +7629,7 @@ function GitCommitDialogController({ viewerContextId, cwd, openStateRef, ref })
 function FooterKbd({ children }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children });
 }
-function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueChange, onRenameSession }) {
+function RenameSessionDialog({ open, onOpenChange, renameValue, generatingName, canGenerateName, onRenameValueChange, onGenerateSessionName, onRenameSession }) {
 	const isMobile = useIsMobile();
 	const renameInputRef = import_react.useRef(null);
 	import_react.useEffect(() => {
@@ -7595,13 +7646,22 @@ function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueCha
 		className: "flex min-h-0 flex-1 flex-col",
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "border-b border-border/70 px-3 py-2",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "truncate text-sm font-medium",
-					children: "Rename session"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "truncate text-xs text-muted-foreground",
-					children: "Update the display name shown in the sidebar."
+				className: "flex items-center gap-2 border-b border-border/70 px-3 py-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "truncate text-sm font-medium",
+						children: "Rename session"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "truncate text-xs text-muted-foreground",
+						children: "Update the display name shown in the sidebar."
+					})]
+				}), isMobile ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					type: "button",
+					variant: "ghost",
+					disabled: generatingName || !canGenerateName,
+					onClick: onGenerateSessionName,
+					children: [generatingName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WandSparkles, {}), "Generate"]
 				})]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -7617,6 +7677,12 @@ function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueCha
 							onOpenChange(false);
 							return;
 						}
+						if (event.ctrlKey && event.key.toLowerCase() === "g") {
+							event.preventDefault();
+							event.stopPropagation();
+							onGenerateSessionName();
+							return;
+						}
 						if (event.key !== "Enter" || event.nativeEvent.isComposing) return;
 						event.preventDefault();
 						event.stopPropagation();
@@ -7628,13 +7694,24 @@ function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueCha
 			}),
 			isMobile ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "hidden flex-wrap items-center gap-x-3 gap-y-1 border-t border-border/70 px-3 py-2 text-xs text-muted-foreground md:flex",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "Enter" }), " Save"]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "Esc" }), " Cancel"]
-				})]
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "Ctrl" }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "G" }),
+							" Generate"
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "Enter" }), " Save"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterKbd, { children: "Esc" }), " Cancel"]
+					})
+				]
 			})
 		]
 	});
@@ -7652,14 +7729,23 @@ function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueCha
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerFooter, {
 					className: "border-t border-border/70",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-						variant: "outline",
-						onClick: () => onOpenChange(false),
-						children: "Cancel"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-						onClick: onRenameSession,
-						children: "Save"
-					})]
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+							variant: "outline",
+							disabled: generatingName || !canGenerateName,
+							onClick: onGenerateSessionName,
+							children: [generatingName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WandSparkles, {}), "Generate"]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							variant: "outline",
+							onClick: () => onOpenChange(false),
+							children: "Cancel"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							onClick: onRenameSession,
+							children: "Save"
+						})
+					]
 				})
 			]
 		})
@@ -7674,9 +7760,11 @@ function RenameSessionDialog({ open, onOpenChange, renameValue, onRenameValueCha
 		children: body
 	});
 }
-function RenameSessionDialogController({ ref, openStateRef, onRenameSession }) {
+function RenameSessionDialogController({ ref, openStateRef, viewerContextId, onRenameSession }) {
 	const [open, setOpen] = import_react.useState(false);
 	const [renameValue, setRenameValue] = import_react.useState("");
+	const [isGeneratingName, setIsGeneratingName] = import_react.useState(false);
+	const [canGenerateName, setCanGenerateName] = import_react.useState(false);
 	const targetPathRef = import_react.useRef("");
 	const openRef = import_react.useRef(open);
 	const setOpenState = (nextOpen) => {
@@ -7689,8 +7777,27 @@ function RenameSessionDialogController({ ref, openStateRef, onRenameSession }) {
 		if (!nextPath) return;
 		targetPathRef.current = nextPath;
 		setRenameValue(target.title);
+		setCanGenerateName(!target.hasGeneratedName);
 		setOpenState(true);
 	};
+	const generateSessionName = async () => {
+		if (!viewerContextId || !targetPathRef.current || isGeneratingName || !canGenerateName) return;
+		setIsGeneratingName(true);
+		try {
+			const response = await fetchJson(buildRequestUrl("/api/session/name", { contextId: viewerContextId }), {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ path: targetPathRef.current })
+			});
+			setRenameValue(response.name);
+			setCanGenerateName(false);
+			if (response.source === "heuristic" && response.reason) toast.info("Using heuristic session name", { description: response.reason });
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : "Failed to generate session name");
+		} finally {
+			setIsGeneratingName(false);
+		}
+	};
 	const submitRename = async () => {
 		if (await onRenameSession(targetPathRef.current, renameValue) === false) return;
 		setOpenState(false);
@@ -7701,7 +7808,8 @@ function RenameSessionDialogController({ ref, openStateRef, onRenameSession }) {
 			if (!entry.path) return;
 			openTarget({
 				path: entry.path,
-				title: entry.title || ""
+				title: entry.title || "",
+				hasGeneratedName: Boolean(entry.name?.trim())
 			});
 		},
 		close: () => {
@@ -7715,7 +7823,12 @@ function RenameSessionDialogController({ ref, openStateRef, onRenameSession }) {
 			setOpenState(nextOpen);
 		},
 		renameValue,
+		generatingName: isGeneratingName,
+		canGenerateName: canGenerateName && Boolean(viewerContextId && targetPathRef.current),
 		onRenameValueChange: setRenameValue,
+		onGenerateSessionName: () => {
+			generateSessionName();
+		},
 		onRenameSession: () => {
 			submitRename();
 		}
@@ -7819,19 +7932,22 @@ function DeleteSessionsDialog({ open, onOpenChange, title, description, targets,
 			})
 		]
 	});
-	if (isMobile) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Drawer$1, {
+	if (isMobile) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
 		open,
 		onOpenChange,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerContent, {
-			className: "max-h-[90svh] overflow-hidden",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+			className: "max-h-[90svh] overflow-hidden p-0",
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerTitle, { children: title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerDescription, { children: description })] }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, {
+					className: "sr-only",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, { children: title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, { children: description })]
+				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "flex min-h-0 flex-1 flex-col overflow-hidden px-4 pb-4",
+					className: "flex min-h-0 flex-1 flex-col overflow-hidden",
 					children: body
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerFooter, {
-					className: "border-t border-border/70",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogFooter, {
+					className: "flex-col-reverse gap-2 border-t border-border/70 p-3 sm:flex-row",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 						variant: "outline",
 						onClick: () => onOpenChange(false),
@@ -8370,10 +8486,11 @@ var AppShellMoveSessionDirectoryDialogHost = import_react.memo(function AppShell
 		})
 	});
 });
-var AppShellRenameSessionDialogHost = import_react.memo(function AppShellRenameSessionDialogHost({ renameDialogRef, renameOpenRef, renameSessionPath }) {
+var AppShellRenameSessionDialogHost = import_react.memo(function AppShellRenameSessionDialogHost({ renameDialogRef, renameOpenRef, renameSessionPath, viewerContextId }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenameSessionDialogController, {
 		ref: renameDialogRef,
 		openStateRef: renameOpenRef,
+		viewerContextId,
 		onRenameSession: renameSessionPath
 	});
 });
@@ -8515,7 +8632,8 @@ var AppShellFloatingControllers = import_react.memo(function AppShellFloatingCon
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellRenameSessionDialogHost, {
 			renameDialogRef,
 			renameOpenRef,
-			renameSessionPath
+			renameSessionPath,
+			viewerContextId
 		}),
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellDeleteSessionsDialogHost, {
 			deleteDialogRef,
@@ -8861,7 +8979,7 @@ function pendingMessageEditReducer(state, action) {
 		};
 	}
 }
-var ComposerPendingMessages = import_react.memo(function ComposerPendingMessages({ currentPendingMessages, onEditPendingMessage, onRemovePendingMessage, onReorderPending }) {
+var ComposerPendingMessages = import_react.memo(function ComposerPendingMessages({ currentPendingMessages, canStartQueue, onEditPendingMessage, onRemovePendingMessage, onReorderPending, onStartPendingQueue }) {
 	const [editState, dispatchEditState] = import_react.useReducer(pendingMessageEditReducer, EMPTY_PENDING_MESSAGE_EDIT_STATE);
 	const [openSections, setOpenSections] = import_react.useState([]);
 	const { editingPendingId, editText, editError } = editState;
@@ -8900,19 +9018,26 @@ var ComposerPendingMessages = import_react.memo(function ComposerPendingMessages
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
 			value: "pending-prompts",
 			className: "border-0",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
-				className: "min-h-10 items-center gap-3 px-3 py-2 hover:no-underline",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "flex min-w-0 items-center gap-2 text-sm font-medium",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "truncate",
-						children: "Queue"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
-						variant: "outline",
-						className: "shrink-0",
-						children: currentPendingMessages.length
-					})]
-				})
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex min-h-10 items-center gap-2 px-3 py-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, {
+					className: "min-h-0 flex-1 p-0 hover:no-underline",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "flex min-w-0 items-center gap-2 text-sm font-medium",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "truncate",
+							children: "Queue"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+							variant: "outline",
+							className: "shrink-0",
+							children: currentPendingMessages.length
+						})]
+					})
+				}), canStartQueue ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					size: "sm",
+					onClick: onStartPendingQueue,
+					children: "Start"
+				}) : null]
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, {
 				className: "p-0",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -10713,7 +10838,7 @@ function assistantBlockKey(block) {
 		case "text": return `text:${block.text}`;
 		case "thinking": return `thinking:${block.text}`;
 		case "tool": return `tool:${block.callId || block.name || "tool"}:${toolArgsKey(block.args)}`;
-		case "compaction": return `compaction:${block.tokensBefore}:${block.summary}`;
+		case "compaction": return `compaction:${block.tokensBefore}:${block.estimatedTokensAfter ?? ""}:${block.summary}`;
 		default: return "block";
 	}
 }
@@ -11015,7 +11140,7 @@ function sameAssistantBlock(left, right) {
 			return left.callId === right.callId && left.name === right.name && left.category === right.category && left.output === right.output && left.isError === right.isError && left.running === right.running && sameUnknownValue(left.args, right.args) && sameUnknownValue(left.details, right.details);
 		case "compaction":
 			if (right.type !== "compaction") return false;
-			return left.summary === right.summary && left.tokensBefore === right.tokensBefore;
+			return left.summary === right.summary && left.tokensBefore === right.tokensBefore && left.estimatedTokensAfter === right.estimatedTokensAfter;
 		default: return false;
 	}
 }
@@ -11352,7 +11477,8 @@ function useAssistantToolGroupBodyBlocks(store, keys, enabled) {
 }
 function compactionTriggerText(block) {
 	if (block.type !== "compaction") return "Compaction";
-	return block.tokensBefore > 0 ? `Compaction: Compacted from ${block.tokensBefore.toLocaleString()} tokens` : "Compaction";
+	if (block.tokensBefore <= 0) return "Compaction";
+	return block.estimatedTokensAfter && block.estimatedTokensAfter > 0 ? `Compaction: ${block.tokensBefore.toLocaleString()} → ~${block.estimatedTokensAfter.toLocaleString()} tokens` : `Compaction: Compacted from ${block.tokensBefore.toLocaleString()} tokens`;
 }
 var ANSI_16_COLORS = [
 	"#3f3f46",
@@ -12720,7 +12846,7 @@ function getClipboardImageFiles(data) {
 	if (itemFiles.length > 0) return itemFiles;
 	return Array.from(data.files).filter((file) => file.type.startsWith("image/"));
 }
-function ComposerPanel({ activeSessionId, currentPendingMessages, composerDiffLineComments, composerImages, composerText, composerSkill, composerSyncNonce, centerMessages, contextUsageStore, displaySettingsStore, sessionStore, isSubmitting, isStreaming, awaitingFirstTurn, disabled = false, flush = false, topContent, viewerContextId, fileInputRef, onComposerTextChange, onPickImages, onRemoveComposerDiffLineComment, onRemoveComposerImage, onSubmitPrompt, onAbort, onEditPendingMessage, onRemovePendingMessage, onReorderPending, onRunBuiltinSlashCommand, onSelectModel, onSelectThinkingLevel, requestPathCompletions, requestFileCompletions, ref }) {
+function ComposerPanel({ activeSessionId, currentPendingMessages, composerDiffLineComments, composerImages, composerText, composerSkill, composerSyncNonce, canStartPendingQueue, centerMessages, contextUsageStore, displaySettingsStore, sessionStore, isSubmitting, isCompacting, isStreaming, awaitingFirstTurn, disabled = false, flush = false, topContent, viewerContextId, fileInputRef, onComposerTextChange, onPickImages, onRemoveComposerDiffLineComment, onRemoveComposerImage, onSubmitPrompt, onAbort, onEditPendingMessage, onRemovePendingMessage, onReorderPending, onStartPendingQueue, onRunBuiltinSlashCommand, onSelectModel, onSelectThinkingLevel, requestPathCompletions, requestFileCompletions, ref }) {
 	const promptRef = import_react.useRef(null);
 	const [pickerState, dispatchPickerState] = import_react.useReducer(composerPickerReducer, INITIAL_COMPOSER_PICKER_STATE);
 	const { modelPickerOpen, thinkingPickerOpen, modelQuery } = pickerState;
@@ -12747,9 +12873,11 @@ function ComposerPanel({ activeSessionId, currentPendingMessages, composerDiffLi
 			topContent,
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerPendingMessages, {
 				currentPendingMessages,
+				canStartQueue: canStartPendingQueue,
 				onEditPendingMessage,
 				onRemovePendingMessage,
-				onReorderPending
+				onReorderPending,
+				onStartPendingQueue
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "overflow-visible rounded-[18px] border bg-card",
@@ -12760,6 +12888,7 @@ function ComposerPanel({ activeSessionId, currentPendingMessages, composerDiffLi
 					composerSkill,
 					composerSyncNonce,
 					isSubmitting,
+					isCompacting,
 					isStreaming,
 					awaitingFirstTurn,
 					disabled,
@@ -12843,7 +12972,7 @@ var ComposerAttachments = import_react.memo(function ComposerAttachments({ image
 		}, promptImageKey(image)))
 	});
 });
-var ComposerPromptEditor = import_react.memo(function ComposerPromptEditor({ composerDiffLineComments, composerImages, composerText, composerSkill, composerSyncNonce, isSubmitting, isStreaming, awaitingFirstTurn, disabled = false, fileInputRef, promptRef, displaySettingsStore, sessionStore, onComposerTextChange, onPickImages, onRemoveComposerDiffLineComment, onRemoveComposerImage, onSubmitPrompt, onAbort, onRunBuiltinSlashCommand, requestPathCompletions, requestFileCompletions }) {
+var ComposerPromptEditor = import_react.memo(function ComposerPromptEditor({ composerDiffLineComments, composerImages, composerText, composerSkill, composerSyncNonce, isSubmitting, isCompacting, isStreaming, awaitingFirstTurn, disabled = false, fileInputRef, promptRef, displaySettingsStore, sessionStore, onComposerTextChange, onPickImages, onRemoveComposerDiffLineComment, onRemoveComposerImage, onSubmitPrompt, onAbort, onRunBuiltinSlashCommand, requestPathCompletions, requestFileCompletions }) {
 	const slashCommands = useComposerSlashCommands({
 		displaySettingsStore,
 		sessionStore
@@ -12931,7 +13060,7 @@ var ComposerPromptEditor = import_react.memo(function ComposerPromptEditor({ com
 		promptRef
 	]);
 	const hasSubmittableContent = hasDraftText || composerDiffLineComments.length > 0 || composerImages.length > 0;
-	const responseInFlight = isStreaming || awaitingFirstTurn || isSubmitting;
+	const responseInFlight = isStreaming || isCompacting || awaitingFirstTurn || isSubmitting;
 	const acceptFollowUps = responseInFlight;
 	const setAssistPointerSelectionSuppressedValue = (next) => {
 		assistPointerSelectionSuppressedRef.current = next;
@@ -13564,6 +13693,10 @@ var AppShellComposerController = import_react.memo(function AppShellComposerCont
 		if (actionsRef.current.reorderPendingDraftFollowUp(pendingId, direction)) return;
 		actionsRef.current.reorderPending(pendingId, direction);
 	});
+	const onStartPendingQueue = useStableEvent(() => {
+		if (snapshotRef.current.disabled) return;
+		actionsRef.current.startPendingQueue();
+	});
 	const onRunBuiltinSlashCommand = useStableEvent((name, args) => {
 		if (snapshotRef.current.disabled) return;
 		actionsRef.current.runBuiltinSlashCommand(name, args);
@@ -13614,11 +13747,13 @@ var AppShellComposerController = import_react.memo(function AppShellComposerCont
 		composerText: snapshot.composerText,
 		composerSkill: snapshot.composerSkill,
 		composerSyncNonce: snapshot.composerSyncNonce,
+		canStartPendingQueue: snapshot.canStartPendingQueue,
 		centerMessages,
 		contextUsageStore,
 		displaySettingsStore,
 		sessionStore,
 		isSubmitting: snapshot.isSubmitting,
+		isCompacting: snapshot.isCompacting,
 		isStreaming: snapshot.isStreaming,
 		awaitingFirstTurn: snapshot.awaitingFirstTurn,
 		disabled: snapshot.disabled,
@@ -13635,6 +13770,7 @@ var AppShellComposerController = import_react.memo(function AppShellComposerCont
 		onEditPendingMessage,
 		onRemovePendingMessage,
 		onReorderPending,
+		onStartPendingQueue,
 		onRunBuiltinSlashCommand,
 		onSelectModel,
 		onSelectThinkingLevel,
@@ -20472,6 +20608,11 @@ function errorMessage(error) {
 	if (typeof error === "string" && error.trim()) return error;
 	return "Unknown terminal error";
 }
+function buildTerminalWebSocketUrl(path, options) {
+	const url = new URL(buildRequestUrl(path, options));
+	url.protocol = url.protocol === "https:" ? "wss:" : "ws:";
+	return url.toString();
+}
 function exitedStatus(event) {
 	return typeof event.signal === "number" && event.signal > 0 ? {
 		type: "exited",
@@ -20556,14 +20697,22 @@ function TerminalTabPane({ active, cwd, onStatusChange, onTerminalIdChange, sele
 		const terminalElement = terminalElementRef.current;
 		if (!terminalElement) return;
 		let disposed = false;
-		let eventSource = null;
+		let websocket = null;
 		let inputDisposable = null;
 		let fitAddon = null;
 		let resizeObserver = null;
 		let inputFlushTimer = null;
+		let pingTimer = null;
+		let reconnectTimer = null;
 		let resizeFrame = null;
 		let inputBuffer = "";
 		let lastResizeKey = "";
+		let lastOutputSeq = 0;
+		let nextInputSeq = 1;
+		let reconnectAttempt = 0;
+		let terminalExited = false;
+		let terminalTransportReady = false;
+		const pendingInputs = /* @__PURE__ */ new Map();
 		const requestOptions = sessionId ? {
 			contextId: viewerContextId,
 			sessionId
@@ -20580,18 +20729,36 @@ function TerminalTabPane({ active, cwd, onStatusChange, onTerminalIdChange, sele
 				method: "POST"
 			});
 		};
+		const sendTerminalMessage = (message) => {
+			if (!websocket || websocket.readyState !== WebSocket.OPEN) return false;
+			try {
+				websocket.send(JSON.stringify(message));
+				return true;
+			} catch (error) {
+				publishStatus({
+					type: "error",
+					message: errorMessage(error)
+				});
+				return false;
+			}
+		};
+		const sendPendingInputs = () => {
+			if (!terminalTransportReady) return;
+			for (const [inputSeq, data] of [...pendingInputs.entries()].sort(([left], [right]) => left - right)) if (!sendTerminalMessage({
+				type: "input",
+				data,
+				inputSeq
+			})) return;
+		};
 		const flushInput = () => {
 			inputFlushTimer = null;
-			const id = terminalIdRef.current;
-			if (!id || !inputBuffer) return;
+			if (!terminalIdRef.current || !inputBuffer || !terminalTransportReady) return;
 			const data = inputBuffer;
+			const inputSeq = nextInputSeq;
+			nextInputSeq += 1;
 			inputBuffer = "";
-			postJson(`/api/terminal/${encodeURIComponent(id)}/input`, { data }).catch((error) => {
-				if (!disposed) publishStatus({
-					type: "error",
-					message: errorMessage(error)
-				});
-			});
+			pendingInputs.set(inputSeq, data);
+			sendPendingInputs();
 		};
 		const scheduleInputFlush = () => {
 			if (inputFlushTimer !== null) return;
@@ -20605,15 +20772,15 @@ function TerminalTabPane({ active, cwd, onStatusChange, onTerminalIdChange, sele
 			} catch {
 				return;
 			}
-			const id = terminalIdRef.current;
-			if (!id) return;
+			if (!terminalIdRef.current || !terminalTransportReady) return;
 			const resizeKey = `${terminal.cols}x${terminal.rows}`;
 			if (resizeKey === lastResizeKey) return;
-			lastResizeKey = resizeKey;
-			postJson(`/api/terminal/${encodeURIComponent(id)}/resize`, {
+			if (!sendTerminalMessage({
+				type: "resize",
 				cols: terminal.cols,
 				rows: terminal.rows
-			}).catch(() => {});
+			})) return;
+			lastResizeKey = resizeKey;
 		};
 		const scheduleFitAndResize = () => {
 			if (resizeFrame !== null) return;
@@ -20623,6 +20790,116 @@ function TerminalTabPane({ active, cwd, onStatusChange, onTerminalIdChange, sele
 			});
 		};
 		fitAndResizeRef.current = scheduleFitAndResize;
+		const clearPingTimer = () => {
+			if (pingTimer === null) return;
+			window.clearInterval(pingTimer);
+			pingTimer = null;
+		};
+		const startPingTimer = () => {
+			clearPingTimer();
+			pingTimer = window.setInterval(() => {
+				sendTerminalMessage({ type: "ping" });
+			}, 2e4);
+		};
+		const scheduleWebSocketReconnect = () => {
+			if (disposed || terminalExited || reconnectTimer !== null) return;
+			terminalTransportReady = false;
+			clearPingTimer();
+			reconnectAttempt += 1;
+			const delay = Math.min(1e4, 500 * 2 ** (reconnectAttempt - 1));
+			reconnectTimer = window.setTimeout(() => {
+				reconnectTimer = null;
+				const id = terminalIdRef.current;
+				if (!id || disposed || terminalExited) return;
+				publishStatus({ type: "connecting" });
+				connectTerminalWebSocket(id);
+			}, delay);
+		};
+		const handleTerminalEvent = (event) => {
+			const terminal = terminalRef.current;
+			if (!terminal) return;
+			if (event.type === "output") {
+				if (typeof event.seq === "number") {
+					if (event.seq <= lastOutputSeq) return;
+					lastOutputSeq = event.seq;
+				}
+				terminal.write(event.data);
+				return;
+			}
+			if (event.type === "reset") {
+				lastOutputSeq = Math.max(0, event.firstSeq - 1);
+				terminal.clear();
+				terminal.writeln("Terminal output replay gap; showing retained output.");
+				return;
+			}
+			if (event.type === "ready") {
+				terminalTransportReady = true;
+				reconnectAttempt = 0;
+				nextInputSeq = Math.max(nextInputSeq, event.nextInputSeq ?? 1);
+				publishStatus({
+					type: "connected",
+					shell: event.shell
+				});
+				startPingTimer();
+				sendPendingInputs();
+				flushInput();
+				lastResizeKey = "";
+				scheduleFitAndResize();
+				return;
+			}
+			if (event.type === "input_ack") {
+				pendingInputs.delete(event.inputSeq);
+				return;
+			}
+			if (event.type === "pong") return;
+			if (event.type === "exit") {
+				terminalExited = true;
+				terminalTransportReady = false;
+				clearPingTimer();
+				publishStatus(exitedStatus(event));
+				return;
+			}
+			if (event.type === "error") publishStatus({
+				type: "error",
+				message: event.error
+			});
+		};
+		function connectTerminalWebSocket(id) {
+			if (websocket) {
+				websocket.onclose = null;
+				websocket.onerror = null;
+				websocket.onmessage = null;
+				websocket.close();
+			}
+			terminalTransportReady = false;
+			const nextWebSocket = new WebSocket(buildTerminalWebSocketUrl(`/api/terminal/${encodeURIComponent(id)}/ws`, {
+				...requestOptions,
+				searchParams: { lastSeq: lastOutputSeq || void 0 }
+			}));
+			websocket = nextWebSocket;
+			nextWebSocket.onmessage = (message) => {
+				if (disposed || websocket !== nextWebSocket) return;
+				try {
+					handleTerminalEvent(JSON.parse(message.data));
+				} catch (error) {
+					publishStatus({
+						type: "error",
+						message: errorMessage(error)
+					});
+				}
+			};
+			nextWebSocket.onclose = () => {
+				if (websocket !== nextWebSocket) return;
+				websocket = null;
+				terminalTransportReady = false;
+				scheduleWebSocketReconnect();
+			};
+			nextWebSocket.onerror = () => {
+				if (websocket !== nextWebSocket) return;
+				terminalTransportReady = false;
+				nextWebSocket.close();
+			};
+		}
 		const startTerminal = async () => {
 			try {
 				publishStatus({ type: "connecting" });
@@ -20658,45 +20935,7 @@ function TerminalTabPane({ active, cwd, onStatusChange, onTerminalIdChange, sele
 				if (disposed) return;
 				terminalIdRef.current = terminalResponse.id;
 				onTerminalIdChangeRef.current(tabId, terminalResponse.id);
-				publishStatus({
-					type: "connected",
-					shell: terminalResponse.shell
-				});
-				eventSource = new EventSource(buildRequestUrl(`/api/terminal/${encodeURIComponent(terminalResponse.id)}/events`, requestOptions));
-				eventSource.onmessage = (message) => {
-					if (disposed) return;
-					const event = JSON.parse(message.data);
-					if (event.type === "output") {
-						terminal.write(event.data);
-						return;
-					}
-					if (event.type === "ready") {
-						publishStatus({
-							type: "connected",
-							shell: event.shell
-						});
-						return;
-					}
-					if (event.type === "exit") {
-						publishStatus(exitedStatus(event));
-						return;
-					}
-					if (event.type === "error") publishStatus({
-						type: "error",
-						message: event.error
-					});
-				};
-				eventSource.onerror = () => {
-					if (!disposed && terminalIdRef.current) setStatus((current) => {
-						if (current.type === "connected") return current;
-						const nextStatus = {
-							type: "error",
-							message: "Terminal connection interrupted."
-						};
-						onStatusChangeRef.current(tabId, nextStatus);
-						return nextStatus;
-					});
-				};
+				connectTerminalWebSocket(terminalResponse.id);
 				resizeObserver = new ResizeObserver(scheduleFitAndResize);
 				resizeObserver.observe(terminalElement);
 				scheduleFitAndResize();
@@ -20715,9 +20954,16 @@ function TerminalTabPane({ active, cwd, onStatusChange, onTerminalIdChange, sele
 			disposed = true;
 			if (inputFlushTimer !== null) window.clearTimeout(inputFlushTimer);
 			if (resizeFrame !== null) window.cancelAnimationFrame(resizeFrame);
+			if (reconnectTimer !== null) window.clearTimeout(reconnectTimer);
+			clearPingTimer();
 			flushInput();
 			resizeObserver?.disconnect();
-			eventSource?.close();
+			if (websocket) {
+				websocket.onclose = null;
+				websocket.onerror = null;
+				websocket.onmessage = null;
+				websocket.close();
+			}
 			inputDisposable?.dispose();
 			terminalRef.current?.dispose();
 			terminalRef.current = null;
@@ -22021,45 +22267,10 @@ function useDelayedTrue(value, delayMs) {
 	}, [delayMs, value]);
 	return delayedValue;
 }
-function tildePath(value) {
-	return value.replace(/^\/Users\/[^/]+(?=\/|$)/, "~").replace(/^\/home\/[^/]+(?=\/|$)/, "~");
-}
-function splitDisplayPath(value) {
-	if (!value) return {
-		leading: "",
-		trailing: ""
-	};
-	const trimmed = value.replace(/[\\/]+$/, "");
-	if (!trimmed) return {
-		leading: "",
-		trailing: value
-	};
-	const suffix = value.slice(trimmed.length);
-	const separatorIndex = Math.max(trimmed.lastIndexOf("/"), trimmed.lastIndexOf("\\"));
-	if (separatorIndex < 0 || separatorIndex === trimmed.length - 1) return {
-		leading: "",
-		trailing: `${trimmed}${suffix}`
-	};
-	return {
-		leading: trimmed.slice(0, separatorIndex + 1),
-		trailing: `${trimmed.slice(separatorIndex + 1)}${suffix}`
-	};
-}
 function DirectoryPathLabel({ path }) {
-	const displayPath = tildePath(path);
-	const { leading, trailing } = splitDisplayPath(displayPath);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-		className: "block min-w-0 text-sm text-sidebar-foreground",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-			className: "flex min-w-0 items-center",
-			children: [leading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "truncate text-sidebar-foreground/60",
-				children: leading
-			}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "shrink-0 font-medium",
-				children: trailing || displayPath
-			})]
-		})
+		className: "block min-w-0 truncate text-sm font-medium text-sidebar-foreground",
+		children: formatFolderName$1(path) || path
 	});
 }
 var EMPTY_DIRECTORY_SESSION_KEYS = [];
@@ -22299,7 +22510,7 @@ function SidebarSessionItem({ entryKey, directorySessionsStore, activeSessionSto
 	const timestamp = entry.lastMessageAt || entry.modified || entry.lastUserMessageAt;
 	const hasTimestamp = isValidSidebarTimestamp(timestamp);
 	const lastMessagePreview = entry.lastMessagePreview?.trim() || "";
-	const pinnedDirectoryLabel = isPinned ? formatDisplayPath$1(entry.cwd?.trim() || entry.path?.trim() || "") : "";
+	const pinnedDirectoryLabel = isPinned ? formatFolderName$1(entry.cwd?.trim() || entry.path?.trim() || "") : "";
 	const exactTimestamp = hasTimestamp && timestamp ? new Date(timestamp).toLocaleString() : void 0;
 	const showUnread = Boolean(entry.unread) && !entry.streaming;
 	const isOptimisticSession = Boolean(entry.optimistic || entry.id?.startsWith("optimistic:") && !entry.path);
@@ -23893,12 +24104,13 @@ function sameComposerPendingMessages(left, right) {
 	return true;
 }
 function sameAppShellComposerSnapshot(left, right) {
-	return left.activeSessionId === right.activeSessionId && left.awaitingFirstTurn === right.awaitingFirstTurn && left.centerMessages === right.centerMessages && sameComposerDiffLineComments(left.composerDiffLineComments, right.composerDiffLineComments) && left.composerSkill === right.composerSkill && left.composerSyncNonce === right.composerSyncNonce && left.composerText === right.composerText && left.disabled === right.disabled && left.isStreaming === right.isStreaming && left.isSubmitting === right.isSubmitting && left.viewerContextId === right.viewerContextId && sameComposerPromptImages(left.composerImages, right.composerImages) && sameComposerPendingMessages(left.currentPendingMessages, right.currentPendingMessages);
+	return left.activeSessionId === right.activeSessionId && left.awaitingFirstTurn === right.awaitingFirstTurn && left.canStartPendingQueue === right.canStartPendingQueue && left.centerMessages === right.centerMessages && sameComposerDiffLineComments(left.composerDiffLineComments, right.composerDiffLineComments) && left.composerSkill === right.composerSkill && left.composerSyncNonce === right.composerSyncNonce && left.composerText === right.composerText && left.disabled === right.disabled && left.isCompacting === right.isCompacting && left.isStreaming === right.isStreaming && left.isSubmitting === right.isSubmitting && left.viewerContextId === right.viewerContextId && sameComposerPromptImages(left.composerImages, right.composerImages) && sameComposerPendingMessages(left.currentPendingMessages, right.currentPendingMessages);
 }
 function createInitialAppShellComposerSnapshot(viewerContextId) {
 	return {
 		activeSessionId: void 0,
 		awaitingFirstTurn: false,
+		canStartPendingQueue: false,
 		centerMessages: false,
 		composerDiffLineComments: EMPTY_COMPOSER_DIFF_LINE_COMMENTS,
 		composerImages: EMPTY_COMPOSER_IMAGES,
@@ -23907,6 +24119,7 @@ function createInitialAppShellComposerSnapshot(viewerContextId) {
 		composerText: "",
 		currentPendingMessages: EMPTY_COMPOSER_PENDING_MESSAGES,
 		disabled: false,
+		isCompacting: false,
 		isStreaming: false,
 		isSubmitting: false,
 		viewerContextId
@@ -23969,6 +24182,143 @@ function createPicoLatestThrottler(options) {
 		cancel: () => throttler.cancel()
 	};
 }
+var OFFLINE_PROMPT_DB_NAME = "pico-offline-prompts";
+var OFFLINE_PROMPT_DB_VERSION = 1;
+var OFFLINE_PROMPT_STORE_NAME = "prompts";
+var OFFLINE_PROMPT_FALLBACK_STORAGE_KEY = "pico-offline-prompts";
+var dbPromise;
+function hasIndexedDb() {
+	return typeof indexedDB !== "undefined";
+}
+function openOfflinePromptDb() {
+	if (!hasIndexedDb()) return Promise.resolve(null);
+	dbPromise ??= new Promise((resolve) => {
+		const request = indexedDB.open(OFFLINE_PROMPT_DB_NAME, OFFLINE_PROMPT_DB_VERSION);
+		request.onupgradeneeded = () => {
+			const db = request.result;
+			if (!db.objectStoreNames.contains(OFFLINE_PROMPT_STORE_NAME)) db.createObjectStore(OFFLINE_PROMPT_STORE_NAME, { keyPath: "id" });
+		};
+		request.onerror = () => resolve(null);
+		request.onsuccess = () => resolve(request.result);
+	});
+	return dbPromise;
+}
+function fallbackItems() {
+	try {
+		const raw = window.localStorage.getItem(OFFLINE_PROMPT_FALLBACK_STORAGE_KEY);
+		if (!raw) return [];
+		const parsed = JSON.parse(raw);
+		return Array.isArray(parsed) ? normalizeItems(parsed) : [];
+	} catch {
+		return [];
+	}
+}
+function rememberFallbackItems(items) {
+	try {
+		window.localStorage.setItem(OFFLINE_PROMPT_FALLBACK_STORAGE_KEY, JSON.stringify(items));
+	} catch {}
+}
+function normalizeImage(value) {
+	if (!value || typeof value !== "object") return null;
+	const rawImage = value;
+	if (typeof rawImage.mimeType !== "string") return null;
+	if (typeof rawImage.data !== "string") return null;
+	return {
+		type: "image",
+		mimeType: rawImage.mimeType,
+		data: rawImage.data
+	};
+}
+function normalizeItem(value) {
+	if (!value || typeof value !== "object") return null;
+	const rawItem = value;
+	if (typeof rawItem.id !== "string" || !rawItem.id) return null;
+	if (typeof rawItem.contextId !== "string" || !rawItem.contextId) return null;
+	if (typeof rawItem.message !== "string") return null;
+	if (typeof rawItem.clientRequestId !== "string") return null;
+	const images = Array.isArray(rawItem.images) ? rawItem.images.flatMap((image) => {
+		const normalizedImage = normalizeImage(image);
+		return normalizedImage ? [normalizedImage] : [];
+	}) : [];
+	return {
+		id: rawItem.id,
+		contextId: rawItem.contextId,
+		createdAt: typeof rawItem.createdAt === "number" && Number.isFinite(rawItem.createdAt) ? rawItem.createdAt : Date.now(),
+		sessionId: typeof rawItem.sessionId === "string" ? rawItem.sessionId : void 0,
+		targetSessionKey: typeof rawItem.targetSessionKey === "string" ? rawItem.targetSessionKey : void 0,
+		message: rawItem.message,
+		images,
+		streamingBehavior: rawItem.streamingBehavior === "followUp" || rawItem.streamingBehavior === "steer" ? rawItem.streamingBehavior : void 0,
+		pendingId: typeof rawItem.pendingId === "string" ? rawItem.pendingId : void 0,
+		clientRequestId: rawItem.clientRequestId,
+		thinkingLevel: typeof rawItem.thinkingLevel === "string" ? rawItem.thinkingLevel : void 0,
+		draftOwnerKey: typeof rawItem.draftOwnerKey === "string" ? rawItem.draftOwnerKey : void 0,
+		draftCwd: typeof rawItem.draftCwd === "string" ? rawItem.draftCwd : void 0
+	};
+}
+function normalizeItems(values) {
+	return values.flatMap((value) => {
+		const normalizedItem = normalizeItem(value);
+		return normalizedItem ? [normalizedItem] : [];
+	}).sort((left, right) => left.createdAt - right.createdAt);
+}
+async function enqueueOfflinePrompt(item) {
+	const db = await openOfflinePromptDb();
+	if (!db) {
+		const items = fallbackItems().filter((entry) => entry.id !== item.id);
+		items.push(item);
+		rememberFallbackItems(normalizeItems(items));
+		return;
+	}
+	await new Promise((resolve, reject) => {
+		const transaction = db.transaction(OFFLINE_PROMPT_STORE_NAME, "readwrite");
+		const request = transaction.objectStore(OFFLINE_PROMPT_STORE_NAME).put(item);
+		request.onerror = () => reject(request.error);
+		transaction.oncomplete = () => resolve();
+		transaction.onerror = () => reject(transaction.error);
+	});
+}
+async function readOfflinePrompts(contextId) {
+	const db = await openOfflinePromptDb();
+	if (!db) {
+		const items = fallbackItems();
+		return contextId ? items.filter((item) => item.contextId === contextId) : items;
+	}
+	const items = await new Promise((resolve, reject) => {
+		const transaction = db.transaction(OFFLINE_PROMPT_STORE_NAME, "readonly");
+		const request = transaction.objectStore(OFFLINE_PROMPT_STORE_NAME).getAll();
+		request.onerror = () => reject(request.error);
+		request.onsuccess = () => resolve(normalizeItems(request.result));
+		transaction.onerror = () => reject(transaction.error);
+	});
+	return contextId ? items.filter((item) => item.contextId === contextId) : items;
+}
+async function removeOfflinePrompt(id) {
+	const db = await openOfflinePromptDb();
+	if (!db) {
+		rememberFallbackItems(fallbackItems().filter((item) => item.id !== id));
+		return;
+	}
+	await new Promise((resolve, reject) => {
+		const transaction = db.transaction(OFFLINE_PROMPT_STORE_NAME, "readwrite");
+		const request = transaction.objectStore(OFFLINE_PROMPT_STORE_NAME).delete(id);
+		request.onerror = () => reject(request.error);
+		transaction.oncomplete = () => resolve();
+		transaction.onerror = () => reject(transaction.error);
+	});
+}
+function pendingMessagesFromResponse(response) {
+	if (!("ok" in response) || !response.ok) return null;
+	return response.pendingMessages.map((message) => ({
+		pendingId: message.pendingId,
+		text: message.text,
+		images: message.images.flatMap((image) => {
+			const normalizedImage = normalizePromptImage(image);
+			return normalizedImage ? [normalizedImage] : [];
+		}),
+		streamingBehavior: message.streamingBehavior === "steer" ? "steer" : "followUp"
+	}));
+}
 function samePromptMutationSessionSnapshot(left, right) {
 	return left.assistantOutputSignature === right.assistantOutputSignature && left.cwd === right.cwd && left.draft === right.draft && left.sessionFile === right.sessionFile && left.sessionId === right.sessionId && left.sessionKey === right.sessionKey && left.streaming === right.streaming;
 }
@@ -24008,6 +24358,15 @@ function createLocalPendingId() {
 	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return `optimistic:${crypto.randomUUID()}`;
 	return `optimistic:${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
+function createClientPromptRequestId() {
+	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return `prompt:${crypto.randomUUID()}`;
+	return `prompt:${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+function isOfflinePromptSubmissionError(error) {
+	if (typeof navigator !== "undefined" && navigator.onLine === false) return true;
+	const message = error instanceof Error ? error.message.toLowerCase() : "";
+	return message === "failed to fetch" || message === "load failed" || message.includes("networkerror") || message.includes("network error");
+}
 function buildCurrentSessionRequestUrl(path, { contextId, sessionState, fallbackSessionId, targetSessionKey }) {
 	if (targetSessionKey) return buildRequestUrl(path, {
 		contextId,
@@ -24021,6 +24380,25 @@ function buildCurrentSessionRequestUrl(path, { contextId, sessionState, fallback
 		searchParams: shouldUseSessionKey ? { sessionKey } : void 0
 	});
 }
+function buildOfflinePromptRequestUrl(item) {
+	return buildRequestUrl("/api/prompt", {
+		contextId: item.contextId,
+		sessionId: item.targetSessionKey ? void 0 : item.sessionId,
+		searchParams: item.targetSessionKey ? { sessionKey: item.targetSessionKey } : void 0
+	});
+}
+function buildOfflinePromptBody(item) {
+	return {
+		message: item.message,
+		images: item.images,
+		streamingBehavior: item.streamingBehavior,
+		pendingId: item.pendingId,
+		clientRequestId: item.clientRequestId,
+		thinkingLevel: item.thinkingLevel,
+		draftOwnerKey: item.draftOwnerKey,
+		draftCwd: item.draftCwd
+	};
+}
 function isPendingPromptNotFoundError(error) {
 	return error instanceof Error && error.message.toLowerCase().includes("pending prompt not found");
 }
@@ -24334,7 +24712,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		updateOptimisticSidebarSessionPreview
 	]);
 	const promptMutation = useMutation({
-		mutationFn: async ({ message, images, streamingBehavior, pendingId, thinkingLevel, targetSessionKey, draftTarget }) => {
+		mutationFn: async ({ message, images, streamingBehavior, pendingId, clientRequestId, thinkingLevel, targetSessionKey, draftTarget }) => {
 			if (!viewerContextId) throw new Error("Viewer context unavailable");
 			return await fetchJson(buildCurrentSessionRequestUrl("/api/prompt", {
 				contextId: viewerContextId,
@@ -24349,6 +24727,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 					images,
 					streamingBehavior,
 					pendingId,
+					clientRequestId,
 					thinkingLevel,
 					draftOwnerKey: draftTarget?.ownerKey,
 					draftCwd: draftTarget?.cwd
@@ -24362,6 +24741,58 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			});
 		}
 	});
+	const offlinePromptFlushInFlightRef = import_react.useRef(false);
+	const offlinePromptFailureToastIdsRef = import_react.useRef(/* @__PURE__ */ new Set());
+	const flushOfflinePromptQueue = import_react.useCallback(async () => {
+		if (!viewerContextId || offlinePromptFlushInFlightRef.current) return;
+		if (typeof navigator !== "undefined" && navigator.onLine === false) return;
+		offlinePromptFlushInFlightRef.current = true;
+		try {
+			const queuedPrompts = await readOfflinePrompts(viewerContextId);
+			if (queuedPrompts.length === 0) return;
+			let flushedCount = 0;
+			for (const item of queuedPrompts) try {
+				await fetchJson(buildOfflinePromptRequestUrl(item), {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(buildOfflinePromptBody(item))
+				});
+				await removeOfflinePrompt(item.id);
+				offlinePromptFailureToastIdsRef.current.delete(item.id);
+				flushedCount += 1;
+			} catch (error) {
+				if (isOfflinePromptSubmissionError(error)) break;
+				if (!offlinePromptFailureToastIdsRef.current.has(item.id)) {
+					offlinePromptFailureToastIdsRef.current.add(item.id);
+					toast.error(error instanceof Error ? `Failed to send queued prompt: ${error.message}` : "Failed to send queued prompt");
+				}
+				break;
+			}
+			if (flushedCount > 0) {
+				toast.success(flushedCount === 1 ? "Sent queued prompt" : `Sent ${flushedCount.toLocaleString()} queued prompts`);
+				await queryClient.invalidateQueries({ refetchType: "active" });
+			}
+		} finally {
+			offlinePromptFlushInFlightRef.current = false;
+		}
+	}, [queryClient, viewerContextId]);
+	import_react.useEffect(() => {
+		if (!viewerContextId) return;
+		const flush = () => {
+			flushOfflinePromptQueue();
+		};
+		window.addEventListener("online", flush);
+		window.addEventListener("focus", flush);
+		document.addEventListener("visibilitychange", flush);
+		const timer = window.setInterval(flush, 3e4);
+		flush();
+		return () => {
+			window.removeEventListener("online", flush);
+			window.removeEventListener("focus", flush);
+			document.removeEventListener("visibilitychange", flush);
+			window.clearInterval(timer);
+		};
+	}, [flushOfflinePromptQueue, viewerContextId]);
 	const submitPrompt = import_react.useCallback(async (streamingBehavior, options) => {
 		if (!viewerContextId) return false;
 		if (draftSessionLoadingOwnerKeyRef.current) return queuePendingDraftPrompt(streamingBehavior);
@@ -24388,7 +24819,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			}
 			return queuePendingDraftPrompt(streamingBehavior, currentDraftOwnerKey);
 		}
-		const treatAsQueuedPrompt = options?.forceFirstPrompt ? false : Boolean(currentSessionState.streaming || awaitingFirstTurnRef.current);
+		const treatAsQueuedPrompt = options?.forceFirstPrompt ? false : Boolean(currentSessionState.streaming || currentSessionState.compacting || awaitingFirstTurnRef.current);
 		const normalizedStreamingBehavior = treatAsQueuedPrompt ? normalizeQueuedStreamingBehavior(streamingBehavior) : void 0;
 		const submittedImages = composerImagesRef.current.map((image) => ({ ...image }));
 		const sidebarPreview = promptSidebarPreview(message, submittedImages);
@@ -24414,6 +24845,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			images: submittedImages.map((image) => ({ ...image })),
 			streamingBehavior: normalizedStreamingBehavior
 		});
+		const clientRequestId = createClientPromptRequestId();
 		setIsSubmitting(true);
 		replaceComposerDraft("", void 0, { forceSync: true });
 		setComposerDiffLineComments([]);
@@ -24425,6 +24857,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 				images: submittedImages,
 				streamingBehavior: normalizedStreamingBehavior,
 				pendingId: queuedPendingId,
+				clientRequestId,
 				thinkingLevel: currentSessionState.thinkingLevel,
 				targetSessionKey,
 				draftTarget: targetDraft
@@ -24433,6 +24866,39 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			if (targetSessionKey && pendingNewSessionPromptTargetRef.current?.sessionKey === targetSessionKey) pendingNewSessionPromptTargetRef.current = null;
 			return true;
 		} catch (error) {
+			const queueSessionKey = targetSessionKey || (currentSessionState.sessionKey && !currentSessionState.sessionKey.startsWith("optimistic:") && (currentSessionState.draft || !currentSessionState.sessionId) ? currentSessionState.sessionKey : void 0);
+			const queueSessionId = queueSessionKey ? void 0 : currentSessionState.sessionId ?? activeSessionId;
+			if (isOfflinePromptSubmissionError(error) && (queueSessionKey || queueSessionId)) {
+				await enqueueOfflinePrompt({
+					id: clientRequestId,
+					contextId: viewerContextId,
+					createdAt: Date.now(),
+					sessionId: queueSessionId,
+					targetSessionKey: queueSessionKey,
+					message,
+					images: submittedImages.map((image) => ({
+						type: "image",
+						mimeType: image.mimeType,
+						data: image.data
+					})),
+					streamingBehavior: normalizedStreamingBehavior,
+					pendingId: queuedPendingId,
+					clientRequestId,
+					thinkingLevel: currentSessionState.thinkingLevel,
+					draftOwnerKey: targetDraft?.ownerKey,
+					draftCwd: targetDraft?.cwd
+				});
+				if (queuedPendingId) removeOptimisticPendingMessage(queuedPendingId);
+				removeOptimisticUserMessage(optimisticId);
+				removeOptimisticSidebarSession(optimisticSidebarSessionId);
+				if (!treatAsQueuedPrompt) {
+					awaitingFirstTurnAssistantOutputSignatureRef.current = null;
+					awaitingFirstTurnRef.current = false;
+					setAwaitingFirstTurn(false);
+				}
+				toast.info("Prompt queued locally and will send when reconnected");
+				return true;
+			}
 			if (queuedPendingId) removeOptimisticPendingMessage(queuedPendingId);
 			removeOptimisticUserMessage(optimisticId);
 			removeOptimisticSidebarSession(optimisticSidebarSessionId);
@@ -24455,6 +24921,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			setIsSubmitting(false);
 		}
 	}, [
+		activeSessionId,
 		addOptimisticPendingMessage,
 		addOptimisticSidebarSession,
 		addOptimisticUserMessage,
@@ -24499,6 +24966,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 					images: followUp.images,
 					streamingBehavior: followUp.streamingBehavior,
 					pendingId: followUp.optimisticId,
+					clientRequestId: createClientPromptRequestId(),
 					thinkingLevel: sessionStateRef.current.thinkingLevel,
 					targetSessionKey,
 					draftTarget
@@ -24676,6 +25144,41 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 		updatePendingMessages,
 		viewerContextId
 	]);
+	const startPendingQueueMutation = useMutation({
+		mutationFn: async () => {
+			if (!viewerContextId) throw new Error("Viewer context unavailable");
+			return await fetchJson(buildCurrentSessionRequestUrl("/api/pending-messages/start", {
+				contextId: viewerContextId,
+				sessionState: sessionStateRef.current,
+				fallbackSessionId: activeSessionId
+			}), { method: "POST" });
+		},
+		onSuccess: async () => {
+			await queryClient.invalidateQueries({
+				queryKey: picoQueryKeys.sessionTree(viewerContextId, picoSessionScopeKey(sessionStateRef.current)),
+				refetchType: "active"
+			});
+		}
+	});
+	const startPendingQueue = import_react.useCallback(async () => {
+		if (!viewerContextId) return;
+		if (pendingMessagesRef.current.length === 0) return;
+		setIsSubmitting(true);
+		try {
+			const nextPendingMessages = pendingMessagesFromResponse(await startPendingQueueMutation.mutateAsync());
+			if (nextPendingMessages) updatePendingMessages(() => nextPendingMessages);
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : "Failed to start queue");
+		} finally {
+			setIsSubmitting(false);
+		}
+	}, [
+		pendingMessagesRef,
+		setIsSubmitting,
+		startPendingQueueMutation,
+		updatePendingMessages,
+		viewerContextId
+	]);
 	const removePendingMessageMutation = useMutation({
 		mutationFn: async (pendingId) => {
 			if (!viewerContextId) throw new Error("Viewer context unavailable");
@@ -24737,6 +25240,7 @@ function useAppShellPromptMutations({ viewerContextId, activeSessionId, defaultN
 			updatePendingMessages,
 			viewerContextId
 		]),
+		startPendingQueue,
 		submitPrompt
 	};
 }
@@ -25338,7 +25842,7 @@ function useAppShellSessionMutations({ viewerContextId, activeSessionId, session
 	});
 	return {
 		cycleThinkingLevel,
-		deleteSessions: import_react.useCallback(async (targets) => {
+		deleteSessions: import_react.useCallback((targets) => {
 			if (!viewerContextId || targets.length === 0) return false;
 			const orderedTargets = [...targets.filter((target) => target.path && target.path !== sessionStateRef.current.sessionFile), ...targets.filter((target) => target.path && target.path === sessionStateRef.current.sessionFile)];
 			const orderedPaths = [];
@@ -25407,6 +25911,26 @@ function useAppShellSessionMutations({ viewerContextId, activeSessionId, session
 }
 var RESUME_RECONNECT_AFTER_MS = 3e4;
 var COMPACT_WORKING_LABEL = "Compacting context...";
+var EVENT_SOURCE_LAST_ID_STORAGE_PREFIX = "pico-events-last-id:";
+function eventsLastIdStorageKey(viewerContextId) {
+	return `${EVENT_SOURCE_LAST_ID_STORAGE_PREFIX}${viewerContextId}`;
+}
+function readStoredEventsLastId(viewerContextId) {
+	try {
+		return window.sessionStorage.getItem(eventsLastIdStorageKey(viewerContextId));
+	} catch {
+		return null;
+	}
+}
+function rememberStoredEventsLastId(viewerContextId, lastEventId) {
+	try {
+		window.sessionStorage.setItem(eventsLastIdStorageKey(viewerContextId), lastEventId);
+	} catch {}
+}
+function normalizeEventSourceLastId(value) {
+	const normalized = typeof value === "string" ? value.trim() : "";
+	return /^\d+$/.test(normalized) ? normalized : void 0;
+}
 function normalizePendingMessages(payload) {
 	if (!isStateSyncEvent(payload)) return;
 	if (!Array.isArray(payload.pendingUserMessages)) return;
@@ -25420,6 +25944,9 @@ function normalizePendingMessages(payload) {
 		streamingBehavior: message.streamingBehavior === "steer" ? "steer" : "followUp"
 	}));
 }
+function autoSessionNamingErrorDescription(payload) {
+	return payload.refinementReason || payload.heuristicReason || payload.promptPreview || "The server could not generate a session name.";
+}
 function sameStringArray(left = [], right = []) {
 	if (left.length !== right.length) return false;
 	for (let index = 0; index < left.length; index += 1) if (left[index] !== right[index]) return false;
@@ -25507,7 +26034,7 @@ function sameSessionsEvent(left, right) {
 function visibleAssistantBlockKey(block, options) {
 	switch (block.type) {
 		case "text": return block.text.trim() ? `text:${block.text}` : "";
-		case "compaction": return `compaction:${block.tokensBefore}:${block.summary}`;
+		case "compaction": return `compaction:${block.tokensBefore}:${block.estimatedTokensAfter ?? ""}:${block.summary}`;
 		case "thinking": return options.hideThinking ? "" : `thinking:${block.summaryLabel || ""}:${block.text}`;
 		case "tool": return options.hideToolBlocks ? "" : `tool:${block.callId || ""}:${block.name || ""}:${JSON.stringify(block.args ?? null)}:${block.output}:${JSON.stringify(block.details ?? null)}:${block.isError ? "1" : "0"}:${block.running ? "1" : "0"}`;
 		default: return "";
@@ -25584,6 +26111,7 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 	const currentSessionIdRef = import_react.useRef(sessionId);
 	const draftSessionLoadingOwnerKeyRef = import_react.useRef(draftSessionLoadingOwnerKey);
 	const currentSourceRef = import_react.useRef(null);
+	const eventsLastIdRef = import_react.useRef(void 0);
 	const hasReceivedStateSyncRef = import_react.useRef(false);
 	const [hasReceivedStateSync, setHasReceivedStateSync] = import_react.useState(false);
 	const backgroundedAtRef = import_react.useRef(null);
@@ -25595,6 +26123,9 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 	import_react.useEffect(() => {
 		draftSessionLoadingOwnerKeyRef.current = draftSessionLoadingOwnerKey;
 	}, [draftSessionLoadingOwnerKey]);
+	import_react.useEffect(() => {
+		eventsLastIdRef.current = normalizeEventSourceLastId(readStoredEventsLastId(viewerContextId));
+	}, [viewerContextId]);
 	import_react.useEffect(() => {
 		if (currentSourceRef.current) return;
 		initialEventsSessionIdRef.current = sessionId;
@@ -25710,6 +26241,11 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 	]);
 	const handleEventSourceMessage = import_react.useCallback((source, gitInvalidationBatcher, event) => {
 		if (currentSourceRef.current !== source) return;
+		const lastEventId = normalizeEventSourceLastId(event.lastEventId);
+		if (lastEventId) {
+			eventsLastIdRef.current = lastEventId;
+			rememberStoredEventsLastId(viewerContextId, lastEventId);
+		}
 		const payload = JSON.parse(event.data);
 		if (isStateSyncEvent(payload)) {
 			const activationRevision = payload.activationRevision;
@@ -25808,6 +26344,11 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 			});
 			return;
 		}
+		if (payload.type === "auto_session_naming_error") {
+			console.warn("[pico] auto session naming failed", payload);
+			toast.warning("Could not name session", { description: autoSessionNamingErrorDescription(payload) });
+			return;
+		}
 		if (payload.type === "request_error") {
 			toast.error(payload.error || "Request failed");
 			return;
@@ -25848,7 +26389,8 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 		setSessionDoneEvents,
 		setSessionState,
 		setSessionsEvent,
-		setWorkingState
+		setWorkingState,
+		viewerContextId
 	]);
 	import_react.useEffect(() => {
 		if (!viewerContextId) return;
@@ -25900,7 +26442,10 @@ function useAppShellSessionSync({ viewerContextId, sessionId, draftSessionLoadin
 		const source = new EventSource(buildRequestUrl("/events", {
 			contextId: viewerContextId,
 			sessionId: initialEventsSessionIdRef.current,
-			searchParams: { sidebarDirectory: bootstrapSidebarDirectories }
+			searchParams: {
+				lastEventId: eventsLastIdRef.current,
+				sidebarDirectory: bootstrapSidebarDirectories
+			}
 		}));
 		currentSourceRef.current = source;
 		source.onopen = () => {
@@ -27132,7 +27677,8 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		if (!currentState.sessionFile) return;
 		renameDialogRef.current?.open({
 			path: currentState.sessionFile,
-			title: currentState.sessionName || getCurrentSessionTitleFromState(currentState)
+			title: currentState.sessionName || getCurrentSessionTitleFromState(currentState),
+			hasGeneratedName: Boolean(currentState.sessionName?.trim())
 		});
 	};
 	const openRenameDialogForEntry = (entry) => {
@@ -27525,7 +28071,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 	const pendingDraftPrompt = pendingDraftPromptStore.state;
 	const pendingDraftFollowUps = pendingDraftFollowUpsStore.state;
 	const pendingMessages = pendingMessagesStore.state;
-	const { abortSession, addDirectoryPath, createSession: requestCreateSession, editPendingMessage, removePendingMessage, reorderPending, submitPrompt } = useAppShellPromptMutations({
+	const { abortSession, addDirectoryPath, createSession: requestCreateSession, editPendingMessage, removePendingMessage, reorderPending, startPendingQueue, submitPrompt } = useAppShellPromptMutations({
 		viewerContextId,
 		activeSessionId,
 		defaultNewSessionDirectory,
@@ -27964,6 +28510,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 	const composerSnapshot = {
 		activeSessionId,
 		awaitingFirstTurn: composerDisabled ? false : awaitingFirstTurn,
+		canStartPendingQueue: !composerDisabled && pendingMessages.length > 0 && !sessionStateRef.current.streaming && !sessionStateRef.current.compacting && !awaitingFirstTurn && !isSubmitting,
 		centerMessages: displaySettingsRef.current.centerMessages,
 		composerDiffLineComments: displayedDiffLineComments,
 		composerImages: displayedComposerImages,
@@ -27972,6 +28519,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		composerText: displayedComposerText,
 		currentPendingMessages: displayedPendingMessages,
 		disabled: composerDisabled,
+		isCompacting: composerDisabled ? false : sessionStateRef.current.compacting,
 		isStreaming: composerDisabled ? false : sessionStateRef.current.streaming,
 		isSubmitting: composerDisabled ? false : isSubmitting,
 		viewerContextId
@@ -27994,6 +28542,7 @@ function useAppShellSessionWorkspaceView({ viewerContextId, sessionId, onSelectS
 		removePendingMessage,
 		reorderPending,
 		reorderPendingDraftFollowUp,
+		startPendingQueue,
 		runBuiltinSlashCommand,
 		setModel,
 		setThinkingLevel,