@alivault/pico 0.2.1 → 0.3.0

package/.output/server/_ssr/{routes-u4ntFNaT.mjs → routes-RV18btaL.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 readStoredSessionDoneSoundEnabled, A as createContextId, B as normalizeStoredDirectoryList, D as buildItemsFromSync, F as flattenTree, G as readStoredCenterMessages, H as previewUrlForImage, I as getSessionTitle, J as readStoredHideToolBlocks, K as readStoredCollapsedDirectories, O as cn, Q as readStoredSessionDoneDesktopNotificationsEnabled, R as normalizePromptImage, S as TooltipContent, T as VIEWER_CONTEXT_STORAGE_KEY, U as promptDraftKey, V as normalizeThemeMode, W as readStoredAutoScrollEnabled, X as readStoredRecentDirectories, Y as readStoredPromptDraft, Z as readStoredRightSidebarOpen, _ as SIDEBAR_DIRECTORIES_STORAGE_KEY, a as HIDE_TOOL_BLOCKS_STORAGE_KEY, at as sessionListEntryKey, b as TitleTooltip, c as RECENT_DIRECTORIES_STORAGE_KEY, d as RIGHT_SIDEBAR_HISTORY_HEIGHT_STORAGE_KEY, et as readStoredSidebarDirectories, f as RIGHT_SIDEBAR_OPEN_STORAGE_KEY, g as SESSION_DONE_SOUND_ENABLED_STORAGE_KEY, h as SESSION_DONE_DESKTOP_NOTIFICATIONS_ENABLED_STORAGE_KEY, i as DRAFT_DIRECTORY_STORAGE_KEY, it as sameContextUsage, j as createInitialSessionState, l as RIGHT_SIDEBAR_ACTIVE_TAB_STORAGE_KEY, m as Route, n as CENTER_MESSAGES_STORAGE_KEY, nt as safeLocalStorageGetItem, o as Kbd, ot as thinkingSummaryText, p as RIGHT_SIDEBAR_WIDTHS_STORAGE_KEY, q as readStoredDraftDirectory, r as COLLAPSED_DIRECTORIES_STORAGE_KEY, rt as safeLocalStorageSetItem, s as KeyboardShortcutContent, t as AUTO_SCROLL_ENABLED_STORAGE_KEY, tt as rememberStoredPromptDraft, u as RIGHT_SIDEBAR_FILE_TREE_WIDTH_STORAGE_KEY, v as Spinner, w as TooltipTrigger, x as Tooltip$1, z as normalizeSessionSelectionKeys } from "./routes-C8zGEsem.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-C2DKvBRY.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";
@@ -19,7 +19,7 @@ import { t as remarkGfm } from "../_libs/remark-gfm.mjs";
 import { a as getBuiltInSpriteSheet, i as getBuiltInFileIconColor, n as FileTree, r as createFileTreeIconResolver, t as useFileTree } from "../_libs/@pierre/trees+[...].mjs";
 import { a as closestCenter, d as useSensors, f as CSS$1, i as PointerSensor, n as DragOverlay, t as DndContext, u as useSensor } from "../_libs/@dnd-kit/core+[...].mjs";
 import { a as verticalListSortingStrategy, i as useSortable, n as arrayMove, r as horizontalListSortingStrategy, t as SortableContext } from "../_libs/dnd-kit__sortable.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/routes-u4ntFNaT.js
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-RV18btaL.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var MOBILE_BREAKPOINT = 768;
@@ -637,6 +637,17 @@ function SidebarGroup({ className, ...props }) {
 		...props
 	});
 }
+function SidebarGroupLabel({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", className) }, props),
+		render,
+		state: {
+			slot: "sidebar-group-label",
+			sidebar: "group-label"
+		}
+	});
+}
 function SidebarGroupContent({ className, ...props }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		"data-slot": "sidebar-group-content",
@@ -5382,6 +5393,7 @@ function createInitialSidebarState() {
 		sidebarSessionStatusByKey: {},
 		sidebarDeferredDirectoryLoadingReady: false,
 		sessionSearch: "",
+		pinnedSidebarSessionKeys: [],
 		selectedSidebarSessionKeys: [],
 		sidebarSessionSelectionAnchor: ""
 	};
@@ -5432,14 +5444,20 @@ function computeAppShellSidebarDerived(state) {
 		}
 	}
 	const sidebarSessions = Array.from(sidebarSessionEntriesByKey.values());
+	const pinnedSidebarSessions = state.pinnedSidebarSessionKeys.map((key) => sidebarSessionEntriesByKey.get(key)).filter((entry) => Boolean(entry?.path || entry?.id));
 	const selectedSidebarSessions = state.selectedSidebarSessionKeys.map((key) => sidebarSessionEntriesByKey.get(key)).filter((entry) => Boolean(entry?.path || entry?.id));
-	const workspaceVersion = [baseSidebarDirectories.join("\n"), state.selectedSidebarSessionKeys.join("\n")].join("\0");
+	const workspaceVersion = [
+		baseSidebarDirectories.join("\n"),
+		state.pinnedSidebarSessionKeys.join("\n"),
+		state.selectedSidebarSessionKeys.join("\n")
+	].join("\0");
 	return {
 		baseSidebarDirectories,
 		directoryStateByPath,
 		directoryIndexes: sidebarDirectoryIndexes,
 		sidebarDirectoryIndexes,
 		sidebarSessions,
+		pinnedSidebarSessions,
 		selectedSidebarSessions,
 		sidebarSessionEntriesByKey,
 		visibleDirectories,
@@ -5509,6 +5527,11 @@ function createAppShellSidebarStore() {
 			if (sessionSearch === store.state.state.sessionSearch) return;
 			setSidebarState({ sessionSearch });
 		},
+		setPinnedSidebarSessionKeys: (action) => {
+			const pinnedSidebarSessionKeys = applyStoreAction(store.state.state.pinnedSidebarSessionKeys, action);
+			if (pinnedSidebarSessionKeys === store.state.state.pinnedSidebarSessionKeys) return;
+			setSidebarState({ pinnedSidebarSessionKeys });
+		},
 		setSelectedSidebarSessionKeys: (action) => {
 			const selectedSidebarSessionKeys = applyStoreAction(store.state.state.selectedSidebarSessionKeys, action);
 			if (selectedSidebarSessionKeys === store.state.state.selectedSidebarSessionKeys) return;
@@ -10187,7 +10210,7 @@ var CompactionBlockCard = import_react.memo(function CompactionBlockCard({ block
 var UserMessageCard = import_react.memo(function UserMessageCard({ item }) {
 	const labelText = userMessageLabel(item);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "mr-7 ml-auto w-fit max-w-[80%]",
+		className: "mr-2 ml-auto w-fit max-w-[80%]",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "relative rounded-3xl bg-primary px-5 py-2.5 text-primary-foreground before:absolute before:-right-1.75 before:bottom-0 before:h-5.5 before:w-4 before:rounded-bl-[16px_14px] before:bg-primary before:content-[''] after:absolute after:-right-6.5 after:bottom-0 after:h-6.25 after:w-6.5 after:rounded-bl-[10px] after:bg-background after:content-['']",
 			children: [
@@ -16245,7 +16268,7 @@ function AppShellTabsController({ actionsRef, appUiStore, awaitingFirstTurn, com
 		})]
 	});
 }
-var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ actionsRef, defaultNewSessionDirectory, displaySessionCwd, gitPanelOpen, loadingDisplaySessionTitle, displaySettingsStore, isSessionViewLoading, newSessionDirectoryOptions, onToggleGitPanel, sessionStore, viewerContextId }) {
+var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ actionsRef, defaultNewSessionDirectory, displaySessionCwd, gitPanelOpen, loadingDisplaySessionTitle, currentSessionPinned, displaySettingsStore, isSessionViewLoading, newSessionDirectoryOptions, onToggleGitPanel, sessionStore, viewerContextId }) {
 	const sessionHeaderState = useSelector(sessionStore, (sessionState) => ({
 		firstMessage: sessionState.firstMessage,
 		hideThinkingBlock: sessionState.hideThinkingBlock,
@@ -16355,6 +16378,13 @@ var AppShellSessionHeader = import_react.memo(function AppShellSessionHeader({ a
 									}, option.path))
 								})] }) : null,
 								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuItem, {
+									disabled: !sessionHeaderState.sessionHasFile,
+									onClick: () => {
+										actionsRef.current.onToggleCurrentSessionPinned();
+									},
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: currentSessionPinned ? "Unpin from sidebar" : "Pin to sidebar" })
+								}),
 								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuItem, {
 									onClick: () => {
 										actionsRef.current.onRunCompact();
@@ -16490,6 +16520,8 @@ function DirectoryPathLabel({ path }) {
 	});
 }
 var EMPTY_DIRECTORY_SESSION_KEYS = [];
+var PINNED_SESSION_GROUP_COLLAPSE_KEY = "__pico_pinned_sessions__";
+var DIRECTORIES_SESSION_GROUP_COLLAPSE_KEY = "__pico_directories__";
 function isMacPlatform() {
 	if (typeof window === "undefined") return false;
 	const platform = window.navigator.platform || window.navigator.userAgent;
@@ -16593,10 +16625,14 @@ function createCollapsedDirectoryStore() {
 			setStoreState(store, readStoredCollapsedDirectories());
 		},
 		toggle(directory) {
+			store.setCollapsed(directory, !store.state[directory]);
+		},
+		setCollapsed(directory, collapsed) {
 			setStoreState(store, (current) => {
+				if (Boolean(current[directory]) === collapsed) return current;
 				const next = { ...current };
-				if (next[directory]) delete next[directory];
-				else next[directory] = true;
+				if (collapsed) next[directory] = true;
+				else delete next[directory];
 				return next;
 			});
 			persist();
@@ -16700,7 +16736,7 @@ function useSidebarSessionActive(store, entryKey, sessionId) {
 		return Boolean(active.sessionId && sessionId === active.sessionId);
 	});
 }
-function SidebarSessionItem({ entryKey, directorySessionsStore, activeSessionStore, selectedSessionKeyStore, isMobile, overlay, setOpenMobile, onSessionClick, onRenameSession, onDeleteSession }) {
+function SidebarSessionItem({ entryKey, directorySessionsStore, activeSessionStore, selectedSessionKeyStore, isPinned, isMobile, overlay, setOpenMobile, onSessionClick, onRenameSession, onDeleteSession, onTogglePinnedSession }) {
 	const entry = useDirectorySessionEntry(directorySessionsStore, entryKey);
 	const isSelected = useSidebarSessionSelected(selectedSessionKeyStore, entryKey);
 	const isActive = useSidebarSessionActive(activeSessionStore, entryKey, entry?.id);
@@ -16708,70 +16744,91 @@ 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 exactTimestamp = hasTimestamp && timestamp ? new Date(timestamp).toLocaleString() : void 0;
 	const showUnread = Boolean(entry.unread) && !entry.streaming;
-	const hasSessionActions = Boolean(entry.path) && (onRenameSession || onDeleteSession) && !overlay;
-	const sessionButton = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
-		type: "button",
-		"data-sidebar-session-item": true,
-		"data-session-key": entryKey,
-		isActive: isActive || isSelected,
-		className: cn("relative h-auto min-w-0 items-start gap-2 py-2 pr-2 pl-8", (isActive || isSelected) && "bg-sidebar-accent text-sidebar-accent-foreground"),
-		onClick: (event) => {
-			onSessionClick?.(entry, {
-				multiSelectKey: isSidebarMultiSelectModifier(event),
-				shiftKey: event.shiftKey
-			});
-			if (isMobile) setOpenMobile(false);
-		},
-		children: [entry.streaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-			className: "absolute top-2.5 left-2 flex size-4 items-center justify-center",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {
-				className: "size-3.5",
-				"aria-label": "Session streaming"
-			})
-		}) : showUnread ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-			className: "absolute top-2.5 left-2 flex size-4 items-center justify-center",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "size-2 rounded-full bg-primary",
-				"aria-label": "Session done"
-			})
-		}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-			className: "flex min-w-0 flex-1 items-start gap-2",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-				className: "flex min-w-0 flex-1 flex-col gap-0.5",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "flex min-w-0 items-center gap-2",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "min-w-0 flex-1 truncate font-medium",
-						children: entry.title
-					}), hasTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
-						title: isMobile ? void 0 : exactTimestamp,
-						side: "right",
-						align: "center",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarSessionTime, {
-							value: timestamp,
-							className: "ml-auto shrink-0 text-[11px] font-normal text-sidebar-foreground/50"
-						})
-					}) : null]
-				}), lastMessagePreview ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "min-w-0 truncate text-[11px] font-normal text-sidebar-foreground/50",
-					children: lastMessagePreview
-				}) : null]
+	const hasSessionActions = Boolean(onTogglePinnedSession || entry.path && (onRenameSession || onDeleteSession)) && !overlay;
+	const sessionRow = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "group/session relative",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
+			type: "button",
+			"data-sidebar-session-item": true,
+			"data-session-key": entryKey,
+			isActive: isActive || isSelected,
+			className: cn("relative h-auto min-w-0 items-start gap-2 py-2 pr-2 pl-8 not-data-active:hover:bg-transparent! not-data-active:hover:text-sidebar-foreground! not-data-active:data-open:hover:bg-transparent! not-data-active:data-open:hover:text-sidebar-foreground!", (isActive || isSelected) && "bg-sidebar-accent text-sidebar-accent-foreground"),
+			onClick: (event) => {
+				onSessionClick?.(entry, {
+					multiSelectKey: isSidebarMultiSelectModifier(event),
+					shiftKey: event.shiftKey
+				});
+				if (isMobile) setOpenMobile(false);
+			},
+			children: [entry.streaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "absolute top-2.5 left-2 flex size-4 items-center justify-center",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {
+					className: "size-3.5",
+					"aria-label": "Session streaming"
+				})
+			}) : showUnread ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "absolute top-2.5 left-2 flex size-4 items-center justify-center",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "size-2 rounded-full bg-primary",
+					"aria-label": "Session done"
+				})
+			}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "flex min-w-0 flex-1 items-start gap-2",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "flex min-w-0 flex-1 flex-col gap-0.5",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "flex min-w-0 items-center gap-2",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "min-w-0 flex-1 truncate pr-16 font-medium",
+								children: entry.title
+							})
+						}),
+						lastMessagePreview ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "min-w-0 truncate text-[11px] font-normal text-sidebar-foreground/50",
+							children: lastMessagePreview
+						}) : null,
+						pinnedDirectoryLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "min-w-0 truncate text-[11px] font-normal text-sidebar-foreground/50",
+							children: pinnedDirectoryLabel
+						}) : null
+					]
+				})
+			})]
+		}), hasTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "absolute top-2.5 right-2 z-10 flex min-w-4 items-center justify-end",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+				title: isMobile ? void 0 : exactTimestamp,
+				side: "right",
+				align: "center",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarSessionTime, {
+					value: timestamp,
+					className: "shrink-0 text-[11px] font-normal text-sidebar-foreground/50"
+				})
 			})
-		})]
-	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: hasSessionActions ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenu$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTrigger, { render: sessionButton }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
-		className: "w-40",
-		children: [onRenameSession ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
-			onClick: () => onRenameSession(entry),
-			children: "Rename"
-		}) : null, onDeleteSession ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
-			variant: "destructive",
-			onClick: () => onDeleteSession(entry),
-			children: "Delete"
 		}) : null]
-	})] }) : sessionButton });
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: hasSessionActions ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenu$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTrigger, { render: sessionRow }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
+		className: "w-44",
+		children: [
+			onTogglePinnedSession ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
+				onClick: () => onTogglePinnedSession(entry),
+				children: isPinned ? "Unpin" : "Pin to sidebar"
+			}) : null,
+			onRenameSession && entry.path ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
+				onClick: () => onRenameSession(entry),
+				children: "Rename"
+			}) : null,
+			onDeleteSession && entry.path ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
+				variant: "destructive",
+				onClick: () => onDeleteSession(entry),
+				children: "Delete"
+			}) : null
+		]
+	})] }) : sessionRow });
 }
 function sameDirectorySessionEntry(left, right) {
 	if (left === right) return true;
@@ -16831,41 +16888,35 @@ function useDirectorySessions(store, directory) {
 function useDirectorySessionEntry(store, entryKey) {
 	return useSelector(store, (state) => state.entriesByKey.get(entryKey), { compare: sameDirectorySessionEntry });
 }
-var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ directory, directorySessionsStore, collapsedDirectoryStore, searchActive, directoryOrderingEnabled, activeSessionStore, selectedSessionKeyStore, isMobile, setOpenMobile, isDragging, overlay = false, attributes, listeners, onSessionClick, onRenameSession, onDeleteSession, onCreateSessionInDirectory, onDeleteOldSessionsInDirectory, onRemoveDirectory }) {
+var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ directory, directorySessionsStore, collapsedDirectoryStore, searchActive, directoryOrderingEnabled, activeSessionStore, selectedSessionKeyStore, pinnedSessionKeys, isMobile, setOpenMobile, isDragging, overlay = false, attributes, listeners, onSessionClick, onRenameSession, onDeleteSession, onTogglePinnedSession, onCreateSessionInDirectory, onDeleteOldSessionsInDirectory, onRemoveDirectory }) {
 	const [renderCount, setRenderCount] = import_react.useState(5);
 	const { isLoadingSessions, sessionKeys } = useDirectorySessions(directorySessionsStore, directory);
 	const collapsed = useDirectoryCollapsed(collapsedDirectoryStore, directory, searchActive);
-	const visibleCount = searchActive ? sessionKeys.length : Math.min(sessionKeys.length, renderCount);
-	const visibleSessionKeys = sessionKeys.slice(0, visibleCount);
-	const hasMoreSessions = visibleCount < sessionKeys.length;
+	const pinnedSessionKeySet = new Set(pinnedSessionKeys);
+	const unpinnedSessionKeys = sessionKeys.filter((entryKey) => !pinnedSessionKeySet.has(entryKey));
+	const visibleCount = searchActive ? unpinnedSessionKeys.length : Math.min(unpinnedSessionKeys.length, renderCount);
+	const visibleSessionKeys = unpinnedSessionKeys.slice(0, visibleCount);
+	const hasMoreSessions = visibleCount < unpinnedSessionKeys.length;
 	const showLoadingSpinner = useDelayedTrue(isLoadingSessions, SIDEBAR_LOADING_SPINNER_DELAY_MS);
 	const showLoadingState = isLoadingSessions && sessionKeys.length === 0;
-	const showHeaderLoadingSpinner = showLoadingSpinner && sessionKeys.length === 0 && collapsed;
+	const showHeaderLoadingSpinner = showLoadingSpinner && unpinnedSessionKeys.length === 0 && collapsed;
 	const hasDirectoryActions = !overlay && Boolean(onCreateSessionInDirectory || onDeleteOldSessionsInDirectory || onRemoveDirectory);
 	const directoryHeader = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-2 rounded-lg px-2 py-2 hover:bg-sidebar-accent/50",
+		className: "flex items-center gap-2 rounded-lg px-2",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CollapsibleTrigger, {
 				type: "button",
-				className: cn("flex min-w-0 flex-1 items-center gap-2 text-left text-sm text-sidebar-foreground", directoryOrderingEnabled && !overlay && "cursor-grab active:cursor-grabbing", searchActive && "cursor-default"),
-				onClick: () => {
-					if (!searchActive && !overlay) collapsedDirectoryStore.toggle(directory);
-				},
+				className: cn("group/directory-label flex min-w-0 flex-1 items-center gap-2 text-left text-sm text-sidebar-foreground", directoryOrderingEnabled && !overlay && "cursor-grab active:cursor-grabbing", searchActive && "cursor-default"),
+				disabled: searchActive || overlay,
 				...attributes ?? {},
 				...listeners ?? {},
 				children: [
-					!searchActive ? collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "size-4 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "size-4 shrink-0" }) : null,
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-						className: "flex min-w-0 flex-1 flex-col gap-0.5",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectoryPathLabel, { path: directory }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-							className: "min-w-0 truncate text-[11px] font-normal text-sidebar-foreground/50",
-							children: [
-								sessionKeys.length,
-								" session",
-								sessionKeys.length === 1 ? "" : "s"
-							]
-						})]
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Folder, { className: "size-4 shrink-0 text-sidebar-foreground/50" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "max-w-full min-w-0",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectoryPathLabel, { path: directory })
 					}),
+					!searchActive ? collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "size-4 shrink-0 opacity-0 transition-opacity group-hover/directory-label:opacity-100 group-focus-visible/directory-label:opacity-100" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "size-4 shrink-0 opacity-0 transition-opacity group-hover/directory-label:opacity-100 group-focus-visible/directory-label:opacity-100" }) : null,
 					showHeaderLoadingSpinner ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "size-3.5 shrink-0" }) : null
 				]
 			}),
@@ -16908,64 +16959,114 @@ var DirectorySessionGroup = import_react.memo(function DirectorySessionGroup({ d
 			})] }) : null
 		]
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroup, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collapsible$1, {
+		open: !collapsed,
+		onOpenChange: (open) => {
+			if (searchActive || overlay) return;
+			collapsedDirectoryStore.setCollapsed(directory, !open);
+		},
 		className: cn("rounded-lg py-1", isDragging && !overlay && "opacity-0"),
-		children: [hasDirectoryActions && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenu$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTrigger, { render: directoryHeader }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
-			className: "w-48",
-			children: [
-				onCreateSessionInDirectory ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
-					onClick: () => onCreateSessionInDirectory(directory),
-					children: "New session"
-				}) : null,
-				onDeleteOldSessionsInDirectory ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
-					onClick: () => onDeleteOldSessionsInDirectory(directory),
-					children: "Delete old sessions…"
-				}) : null,
-				onRemoveDirectory ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
-					variant: "destructive",
-					onClick: () => onRemoveDirectory(directory),
-					children: "Remove from sidebar"
-				}) : null
-			]
-		})] }) : directoryHeader, !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupContent, { children: showLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex items-center gap-2 px-2 py-2 text-sm text-sidebar-foreground/70",
-			children: [showLoadingSpinner ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "size-4",
-				"aria-hidden": "true"
-			}), "Loading sessions…"]
-		}) : sessionKeys.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex flex-col",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenu, { children: visibleSessionKeys.map((entryKey) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarSessionItem, {
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroup, {
+			className: "py-0",
+			children: [hasDirectoryActions && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenu$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTrigger, { render: directoryHeader }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
+				className: "w-48",
+				children: [
+					onCreateSessionInDirectory ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
+						onClick: () => onCreateSessionInDirectory(directory),
+						children: "New session"
+					}) : null,
+					onDeleteOldSessionsInDirectory ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
+						onClick: () => onDeleteOldSessionsInDirectory(directory),
+						children: "Delete old sessions…"
+					}) : null,
+					onRemoveDirectory ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuItem, {
+						variant: "destructive",
+						onClick: () => onRemoveDirectory(directory),
+						children: "Remove from sidebar"
+					}) : null
+				]
+			})] }) : directoryHeader, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupContent, { children: showLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2 px-2 py-2 text-sm text-sidebar-foreground/70",
+				children: [showLoadingSpinner ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "size-4",
+					"aria-hidden": "true"
+				}), "Loading sessions…"]
+			}) : unpinnedSessionKeys.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenu, { children: visibleSessionKeys.map((entryKey) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarSessionItem, {
+					entryKey,
+					directorySessionsStore,
+					activeSessionStore,
+					selectedSessionKeyStore,
+					isPinned: pinnedSessionKeys.includes(entryKey),
+					isMobile,
+					overlay,
+					setOpenMobile,
+					onSessionClick,
+					onRenameSession,
+					onDeleteSession,
+					onTogglePinnedSession
+				}, entryKey)) }), hasMoreSessions && !overlay ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					variant: "ghost",
+					className: "h-8 justify-start pl-8 text-sidebar-foreground/60 hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
+					onClick: () => {
+						setRenderCount((current) => Math.min(unpinnedSessionKeys.length, current + 5));
+					},
+					children: [
+						"Show",
+						" ",
+						Math.min(5, unpinnedSessionKeys.length - visibleCount),
+						" ",
+						"more"
+					]
+				}) : null]
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "px-2 py-2 text-sm text-sidebar-foreground/70",
+				children: searchActive ? "No matching unpinned sessions." : "No unpinned sessions."
+			}) }) })]
+		})
+	});
+});
+function PinnedSessionGroup({ pinnedSessionKeys, directorySessionsStore, collapsedDirectoryStore, searchActive, activeSessionStore, selectedSessionKeyStore, isMobile, setOpenMobile, onSessionClick, onRenameSession, onDeleteSession, onTogglePinnedSession }) {
+	const collapsed = useDirectoryCollapsed(collapsedDirectoryStore, PINNED_SESSION_GROUP_COLLAPSE_KEY, searchActive);
+	if (pinnedSessionKeys.length === 0) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collapsible$1, {
+		open: !collapsed,
+		onOpenChange: (open) => {
+			if (searchActive) return;
+			collapsedDirectoryStore.setCollapsed(PINNED_SESSION_GROUP_COLLAPSE_KEY, !open);
+		},
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroup, {
+			className: "py-1",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroupLabel, {
+				render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleTrigger, { className: "group/pinned-label justify-between gap-3" }),
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "flex min-w-0 flex-1 items-center gap-2 text-left",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "min-w-0 truncate",
+						children: "Pinned"
+					}), !searchActive ? collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "size-4 shrink-0 opacity-0 transition-opacity group-hover/pinned-label:opacity-100 group-focus-visible/pinned-label:opacity-100" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "size-4 shrink-0 opacity-0 transition-opacity group-hover/pinned-label:opacity-100 group-focus-visible/pinned-label:opacity-100" }) : null]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-[11px] font-normal text-sidebar-foreground/50",
+					children: pinnedSessionKeys.length
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenu, { children: pinnedSessionKeys.map((entryKey) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarSessionItem, {
 				entryKey,
 				directorySessionsStore,
 				activeSessionStore,
 				selectedSessionKeyStore,
+				isPinned: true,
 				isMobile,
-				overlay,
+				overlay: false,
 				setOpenMobile,
 				onSessionClick,
 				onRenameSession,
-				onDeleteSession
-			}, entryKey)) }), hasMoreSessions && !overlay ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
-				variant: "ghost",
-				className: "h-8 justify-start pl-8 text-sidebar-foreground/60 hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
-				onClick: () => {
-					setRenderCount((current) => Math.min(sessionKeys.length, current + 5));
-				},
-				children: [
-					"Show",
-					" ",
-					Math.min(5, sessionKeys.length - visibleCount),
-					" ",
-					"more"
-				]
-			}) : null]
-		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "px-2 py-2 text-sm text-sidebar-foreground/70",
-			children: searchActive ? "No matching sessions." : "No sessions yet."
-		}) }) : null]
+				onDeleteSession,
+				onTogglePinnedSession
+			}, entryKey)) }) }) })]
+		})
 	});
-});
+}
 function DirectoryCollapseAllButton({ searchActive, visibleDirectories, collapsedDirectoryStore }) {
 	const allDirectoriesCollapsed = useAllDirectoriesCollapsed(collapsedDirectoryStore, visibleDirectories);
 	const tooltipTitle = allDirectoriesCollapsed ? "Expand all directories" : "Collapse all directories";
@@ -16984,11 +17085,10 @@ function DirectoryCollapseAllButton({ searchActive, visibleDirectories, collapse
 		})
 	});
 }
-function AppSidebarHeader({ sessionSearch, onOpenSessionsDialog, visibleDirectories, matchingSessionCount, collapsedDirectoryStore, onCreateSession, onOpenAddDirectoryDialog }) {
-	const searchActive = sessionSearch.trim().length > 0;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarHeader, {
+function AppSidebarHeader({ onOpenSessionsDialog, onCreateSession }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarHeader, {
 		className: "gap-2 border-b border-sidebar-border/70",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenu, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenu, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
 			type: "button",
 			onClick: onOpenSessionsDialog,
 			children: [
@@ -17010,31 +17110,41 @@ function AppSidebarHeader({ sessionSearch, onOpenSessionsDialog, visibleDirector
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: formatShortcutLabel("Control+N") })
 				})
 			]
-		}) })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex items-center justify-between gap-3 text-xs text-sidebar-foreground/70",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: searchActive ? `${matchingSessionCount} matching session${matchingSessionCount === 1 ? "" : "s"}` : "Directories" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectoryCollapseAllButton, {
-					searchActive,
-					visibleDirectories,
-					collapsedDirectoryStore
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
-					title: "Add directory",
-					kbd: formatShortcutLabel("Control+D"),
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-						variant: "outline",
-						size: "icon",
-						className: "hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
-						onClick: onOpenAddDirectoryDialog,
-						"aria-label": "Add directory",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderPlus, {})
-					})
-				})]
+		}) })] })
+	});
+}
+function AppSidebarDirectoriesHeader({ sessionSearch, visibleDirectories, matchingSessionCount, collapsed, collapsedDirectoryStore, onOpenAddDirectoryDialog }) {
+	const searchActive = sessionSearch.trim().length > 0;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroupLabel, {
+		render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleTrigger, { className: "group/directories-label justify-between gap-3" }),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "flex min-w-0 flex-1 items-center gap-2 text-left",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "min-w-0 truncate",
+				children: searchActive ? `${matchingSessionCount} matching session${matchingSessionCount === 1 ? "" : "s"}` : "Directories"
+			}), !searchActive ? collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "size-4 shrink-0 opacity-0 transition-opacity group-hover/directories-label:opacity-100 group-focus-visible/directories-label:opacity-100" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "size-4 shrink-0 opacity-0 transition-opacity group-hover/directories-label:opacity-100 group-focus-visible/directories-label:opacity-100" }) : null]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "flex items-center gap-1",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectoryCollapseAllButton, {
+				searchActive,
+				visibleDirectories,
+				collapsedDirectoryStore
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTooltip, {
+				title: "Add directory",
+				kbd: formatShortcutLabel("Control+D"),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					variant: "ghost",
+					size: "icon",
+					className: "hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
+					onClick: onOpenAddDirectoryDialog,
+					"aria-label": "Add directory",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderPlus, {})
+				})
 			})]
 		})]
 	});
 }
-function AppSidebar({ sessionSearch, onOpenSessionsDialog, visibleDirectories, directorySessionsStore, matchingSessionCount, selectedSessionKeys, activeSessionId, activeSessionKey, emptyStateText, onCreateSession, onOpenAddDirectoryDialog, onOpenCommandPalette, onOpenSettings, onSessionClick, onRenameSession, onDeleteSession, onCreateSessionInDirectory, onDeleteOldSessionsInDirectory, onRemoveDirectory, onReorderDirectories }) {
+function AppSidebar({ sessionSearch, onOpenSessionsDialog, visibleDirectories, directorySessionsStore, matchingSessionCount, selectedSessionKeys, activeSessionId, activeSessionKey, pinnedSessionKeys, emptyStateText, onCreateSession, onOpenAddDirectoryDialog, onOpenCommandPalette, onOpenSettings, onSessionClick, onRenameSession, onDeleteSession, onTogglePinnedSession, onCreateSessionInDirectory, onDeleteOldSessionsInDirectory, onRemoveDirectory, onReorderDirectories }) {
 	const { isMobile, setOpenMobile } = useSidebar();
 	const searchActive = sessionSearch.trim().length > 0;
 	const directoryOrderingEnabled = !searchActive && visibleDirectories.length > 1;
@@ -17043,6 +17153,7 @@ function AppSidebar({ sessionSearch, onOpenSessionsDialog, visibleDirectories, d
 	const [collapsedDirectoryStore] = import_react.useState(createCollapsedDirectoryStore);
 	const [selectedSessionKeyStore] = import_react.useState(createSelectedSessionKeyStore);
 	const [activeSessionStore] = import_react.useState(createActiveSidebarSessionStore);
+	const directoriesCollapsed = useDirectoryCollapsed(collapsedDirectoryStore, DIRECTORIES_SESSION_GROUP_COLLAPSE_KEY, searchActive);
 	import_react.useLayoutEffect(() => {
 		selectedSessionKeyStore.setKeys(selectedSessionKeys);
 	}, [selectedSessionKeyStore, selectedSessionKeys]);
@@ -17126,78 +17237,107 @@ function AppSidebar({ sessionSearch, onOpenSessionsDialog, visibleDirectories, d
 		className: "top-(--header-height) !h-[calc(100svh-var(--header-height))] border-r border-sidebar-border/70",
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppSidebarHeader, {
-				sessionSearch,
 				onOpenSessionsDialog,
-				visibleDirectories,
-				matchingSessionCount,
-				collapsedDirectoryStore,
-				onCreateSession,
-				onOpenAddDirectoryDialog
+				onCreateSession
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarContent, { children: visibleDirectories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroup, {
-				className: "px-2 py-2",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, {
-					className: "rounded-xl border border-dashed bg-sidebar-accent/10 py-10",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyMedia, {
-						variant: "icon",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Folder, {})
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyTitle, { children: emptyStateText })] })
-				})
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DndContext, {
-				sensors,
-				collisionDetection: closestCenter,
-				onDragStart: directoryOrderingEnabled ? handleDragStart : void 0,
-				onDragOver: directoryOrderingEnabled ? handleDragOver : void 0,
-				onDragEnd: directoryOrderingEnabled ? handleDragEnd : void 0,
-				onDragCancel: directoryOrderingEnabled ? handleDragCancel : void 0,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortableContext, {
-					items: orderedVisibleDirectories,
-					strategy: verticalListSortingStrategy,
-					children: orderedVisibleDirectories.map((directory) => {
-						return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortableDirectoryGroup, {
-							id: directory,
-							disabled: !directoryOrderingEnabled,
-							children: ({ attributes, listeners, isDragging }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectorySessionGroup, {
-								directory,
-								directorySessionsStore,
-								collapsedDirectoryStore,
-								searchActive,
-								directoryOrderingEnabled,
-								activeSessionStore,
-								selectedSessionKeyStore,
-								isMobile,
-								setOpenMobile,
-								isDragging,
-								attributes,
-								listeners,
-								onSessionClick,
-								onRenameSession,
-								onDeleteSession,
-								onCreateSessionInDirectory,
-								onDeleteOldSessionsInDirectory,
-								onRemoveDirectory: onRemoveDirectory ? removeDirectory : void 0
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PinnedSessionGroup, {
+				pinnedSessionKeys,
+				directorySessionsStore,
+				collapsedDirectoryStore,
+				searchActive,
+				activeSessionStore,
+				selectedSessionKeyStore,
+				isMobile,
+				setOpenMobile,
+				onSessionClick,
+				onRenameSession,
+				onDeleteSession,
+				onTogglePinnedSession
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collapsible$1, {
+				open: !directoriesCollapsed,
+				onOpenChange: (open) => {
+					if (searchActive) return;
+					collapsedDirectoryStore.setCollapsed(DIRECTORIES_SESSION_GROUP_COLLAPSE_KEY, !open);
+				},
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroup, {
+					className: "py-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppSidebarDirectoriesHeader, {
+						sessionSearch,
+						visibleDirectories,
+						matchingSessionCount,
+						collapsed: directoriesCollapsed,
+						collapsedDirectoryStore,
+						onOpenAddDirectoryDialog
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupContent, { children: visibleDirectories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "px-2 py-2",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, {
+							className: "rounded-xl border border-dashed bg-sidebar-accent/10 py-10",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyMedia, {
+								variant: "icon",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Folder, {})
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyTitle, { children: emptyStateText })] })
+						})
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DndContext, {
+						sensors,
+						collisionDetection: closestCenter,
+						onDragStart: directoryOrderingEnabled ? handleDragStart : void 0,
+						onDragOver: directoryOrderingEnabled ? handleDragOver : void 0,
+						onDragEnd: directoryOrderingEnabled ? handleDragEnd : void 0,
+						onDragCancel: directoryOrderingEnabled ? handleDragCancel : void 0,
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortableContext, {
+							items: orderedVisibleDirectories,
+							strategy: verticalListSortingStrategy,
+							children: orderedVisibleDirectories.map((directory) => {
+								return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortableDirectoryGroup, {
+									id: directory,
+									disabled: !directoryOrderingEnabled,
+									children: ({ attributes, listeners, isDragging }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectorySessionGroup, {
+										directory,
+										directorySessionsStore,
+										collapsedDirectoryStore,
+										searchActive,
+										directoryOrderingEnabled,
+										activeSessionStore,
+										selectedSessionKeyStore,
+										pinnedSessionKeys,
+										isMobile,
+										setOpenMobile,
+										isDragging,
+										attributes,
+										listeners,
+										onSessionClick,
+										onRenameSession,
+										onDeleteSession,
+										onTogglePinnedSession,
+										onCreateSessionInDirectory,
+										onDeleteOldSessionsInDirectory,
+										onRemoveDirectory: onRemoveDirectory ? removeDirectory : void 0
+									})
+								}, directory);
 							})
-						}, directory);
-					})
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DragOverlay, { children: activeDirectory ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectorySessionGroup, {
-					directory: activeDirectory,
-					directorySessionsStore,
-					collapsedDirectoryStore,
-					searchActive,
-					directoryOrderingEnabled,
-					activeSessionStore,
-					selectedSessionKeyStore,
-					isMobile,
-					setOpenMobile,
-					overlay: true,
-					onSessionClick,
-					onRenameSession,
-					onDeleteSession,
-					onCreateSessionInDirectory,
-					onDeleteOldSessionsInDirectory,
-					onRemoveDirectory: onRemoveDirectory ? removeDirectory : void 0
-				}) : null })]
-			}) }),
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DragOverlay, { children: activeDirectory ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectorySessionGroup, {
+							directory: activeDirectory,
+							directorySessionsStore,
+							collapsedDirectoryStore,
+							searchActive,
+							directoryOrderingEnabled,
+							activeSessionStore,
+							selectedSessionKeyStore,
+							pinnedSessionKeys,
+							isMobile,
+							setOpenMobile,
+							overlay: true,
+							onSessionClick,
+							onRenameSession,
+							onDeleteSession,
+							onTogglePinnedSession,
+							onCreateSessionInDirectory,
+							onDeleteOldSessionsInDirectory,
+							onRemoveDirectory: onRemoveDirectory ? removeDirectory : void 0
+						}) : null })]
+					}) }) })]
+				})
+			})] }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarFooter, {
 				className: "gap-2 border-t border-sidebar-border/70",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenu, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
@@ -17228,6 +17368,7 @@ function AppSidebar({ sessionSearch, onOpenSessionsDialog, visibleDirectories, d
 		]
 	});
 }
+var PINNED_SESSION_STORE_DIRECTORY = "__pico_pinned_sessions__";
 function findSidebarSessionSelectionKey(entriesByKey, sessionLike) {
 	const sessionPath = sessionLike.sessionPath?.trim() || "";
 	const sessionId = sessionLike.sessionId?.trim() || "";
@@ -17248,6 +17389,8 @@ function AppShellSidebarController({ viewerContextId, sidebarStore, sessionWorks
 	const directoryStateByPath = useAppShellSidebarValue(sidebarStore, (snapshot) => snapshot.derived.directoryStateByPath, sameMapEntries);
 	const emptySidebarStateText = useAppShellSidebarValue(sidebarStore, (snapshot) => snapshot.derived.emptySidebarStateText);
 	const filteredDirectorySessions = useAppShellSidebarValue(sidebarStore, (snapshot) => snapshot.derived.filteredDirectorySessions, sameSessionEntryRecord);
+	const pinnedSidebarSessions = useAppShellSidebarValue(sidebarStore, (snapshot) => snapshot.derived.pinnedSidebarSessions);
+	const pinnedSidebarSessionKeys = pinnedSidebarSessions.map((entry) => sessionListEntryKey(entry)).filter(Boolean);
 	const sidebarSessionEntriesByKey = useAppShellSidebarValue(sidebarStore, (snapshot) => snapshot.derived.sidebarSessionEntriesByKey, sameMapEntries);
 	const visibleDirectories = useAppShellSidebarValue(sidebarStore, (snapshot) => snapshot.derived.visibleDirectories, sameStringArray$3);
 	const directoryIndexDataByPath = useAppShellSidebarValue(sidebarStore, (snapshot) => snapshot.state.directoryIndexDataByPath);
@@ -17294,11 +17437,15 @@ function AppShellSidebarController({ viewerContextId, sidebarStore, sessionWorks
 		for (const directory of directories) if (directoryIndexRequestIdsByPathRef.current[directory] === requestId) delete directoryIndexRequestIdsByPathRef.current[directory];
 	};
 	import_react.useLayoutEffect(() => {
-		directorySessionsStore.setData(filteredDirectorySessions, directoryIndexLoading);
+		directorySessionsStore.setData(pinnedSidebarSessions.length > 0 ? {
+			...filteredDirectorySessions,
+			[PINNED_SESSION_STORE_DIRECTORY]: pinnedSidebarSessions
+		} : filteredDirectorySessions, directoryIndexLoading);
 	}, [
 		directoryIndexLoading,
 		directorySessionsStore,
-		filteredDirectorySessions
+		filteredDirectorySessions,
+		pinnedSidebarSessions
 	]);
 	import_react.useEffect(() => {
 		let timeoutId = 0;
@@ -17513,6 +17660,16 @@ function AppShellSidebarController({ viewerContextId, sidebarStore, sessionWorks
 			return normalizedNext;
 		});
 	};
+	const togglePinnedSession = (entry) => {
+		const key = sessionListEntryKey(entry);
+		if (!key) return;
+		sidebarStore.setPinnedSidebarSessionKeys((current) => {
+			const currentKeys = normalizeSessionSelectionKeys(current);
+			const nextKeys = currentKeys.includes(key) ? currentKeys.filter((currentKey) => currentKey !== key) : [key, ...currentKeys];
+			safeLocalStorageSetItem(PINNED_SESSIONS_STORAGE_KEY, JSON.stringify(nextKeys));
+			return nextKeys;
+		});
+	};
 	const setSidebarSelection = (nextKeys, anchorKey = "") => {
 		const normalizedKeys = normalizeSessionSelectionKeys(nextKeys);
 		const nextAnchor = normalizedKeys.length === 0 ? "" : anchorKey && normalizedKeys.includes(anchorKey) ? anchorKey : normalizedKeys[normalizedKeys.length - 1] ?? "";
@@ -17566,6 +17723,7 @@ function AppShellSidebarController({ viewerContextId, sidebarStore, sessionWorks
 		selectedSessionKeys: selectedSidebarSessionKeys,
 		activeSessionId: activeSidebarSessionId || void 0,
 		activeSessionKey: activeSidebarSessionKey || void 0,
+		pinnedSessionKeys: pinnedSidebarSessionKeys,
 		emptyStateText: emptySidebarStateText,
 		onCreateSession: () => {
 			sessionWorkspaceRef.current?.createSession(void 0, { closeMobileSidebar: true });
@@ -17586,6 +17744,7 @@ function AppShellSidebarController({ viewerContextId, sidebarStore, sessionWorks
 		onDeleteSession: (entry) => {
 			sessionWorkspaceRef.current?.openDeleteDialog([entry]);
 		},
+		onTogglePinnedSession: togglePinnedSession,
 		onCreateSessionInDirectory: (directory) => {
 			sessionWorkspaceRef.current?.createSession(directory, { closeMobileSidebar: true });
 		},
@@ -20389,6 +20548,11 @@ var AppShellSessionWorkspace = import_react.forwardRef(function AppShellSessionW
 		sidebarStore.setSidebarSessionStatusByKey((current) => mergeSidebarSessionStatusMap(current, status));
 	};
 	const activeSessionId = sessionState.sessionId || (sessionState.sessionKey ? void 0 : sessionId);
+	const currentSessionPinKey = sessionListEntryKey({
+		path: sessionState.sessionFile,
+		id: activeSessionId
+	});
+	const currentSessionPinned = useAppShellSidebarValue(sidebarStore, (snapshot) => currentSessionPinKey ? snapshot.state.pinnedSidebarSessionKeys.includes(currentSessionPinKey) : false);
 	const currentSessionQueryScope = sessionScrollKey(sessionState);
 	const contextUsageSessionScopeRef = import_react.useRef("");
 	import_react.useLayoutEffect(() => {
@@ -21679,12 +21843,27 @@ var AppShellSessionWorkspace = import_react.forwardRef(function AppShellSessionW
 		sessionIsStreaming: sessionStateRef.current.streaming,
 		sidebarSessionEntriesByKey
 	});
+	const toggleCurrentSessionPinned = () => {
+		const currentState = sessionStateRef.current;
+		const key = sessionListEntryKey({
+			path: currentState.sessionFile,
+			id: currentState.sessionId
+		});
+		if (!key) return;
+		sidebarStore.setPinnedSidebarSessionKeys((current) => {
+			const currentKeys = normalizeSessionSelectionKeys(current);
+			const nextKeys = currentKeys.includes(key) ? currentKeys.filter((currentKey) => currentKey !== key) : [key, ...currentKeys];
+			safeLocalStorageSetItem(PINNED_SESSIONS_STORAGE_KEY, JSON.stringify(nextKeys));
+			return nextKeys;
+		});
+	};
 	const sessionHeaderActionsRef = useLatestRef({
 		createSession,
 		onDeleteCurrentSession: openDeleteDialogForCurrentSession,
 		onForkSession: openForkDialog,
 		onRenameSession: openRenameDialog,
 		onRunCompact: runCompact,
+		onToggleCurrentSessionPinned: toggleCurrentSessionPinned,
 		onToggleHideThinking: toggleHideThinking,
 		onToggleHideToolBlocks: toggleHideToolBlocks,
 		onTreeSession: openTreeDialog
@@ -21781,6 +21960,7 @@ var AppShellSessionWorkspace = import_react.forwardRef(function AppShellSessionW
 			displaySessionCwd,
 			gitPanelOpen,
 			loadingDisplaySessionTitle,
+			currentSessionPinned,
 			displaySettingsStore,
 			isSessionViewLoading,
 			newSessionDirectoryOptions,
@@ -21897,11 +22077,13 @@ function PicoAppShell({ sessionId, onSelectSession }) {
 		setViewerContextId(nextContext);
 		const nextDirectories = normalizeStoredDirectoryList(readStoredSidebarDirectories().directories);
 		const nextBootstrapDirectories = nextDirectories.slice(0, INITIAL_SIDEBAR_BOOTSTRAP_DIRECTORY_COUNT);
+		const nextPinnedSessionKeys = readStoredPinnedSessionKeys();
 		sidebarStore.setSidebarState((current) => {
-			if (sameStringArray$3(current.sidebarDirectories, nextDirectories) && sameStringArray$3(current.initialSidebarBootstrapDirectories, nextBootstrapDirectories)) return current;
+			if (sameStringArray$3(current.sidebarDirectories, nextDirectories) && sameStringArray$3(current.initialSidebarBootstrapDirectories, nextBootstrapDirectories) && sameStringArray$3(current.pinnedSidebarSessionKeys, nextPinnedSessionKeys)) return current;
 			return {
 				sidebarDirectories: nextDirectories,
-				initialSidebarBootstrapDirectories: nextBootstrapDirectories
+				initialSidebarBootstrapDirectories: nextBootstrapDirectories,
+				pinnedSidebarSessionKeys: nextPinnedSessionKeys
 			};
 		});
 	}, [sidebarStore]);