@aku11i/phantom 6.2.0 → 6.3.0-0

package/app/.output/server/_ssr/routes-DpnTz1lw.mjs

@@ -0,0 +1,1450 @@
+import { r as __toESM } from "../_runtime.mjs";
+import { d as require_react, u as require_jsx_runtime } from "../_libs/@tanstack/react-router+[...].mjs";
+import { _ as ChevronRight, a as Send, b as Bot, c as PanelLeft, d as Inbox, f as GitBranch, g as ChevronsUpDown, h as Clock3, i as Sparkles, l as MessageSquare, m as FileText, n as TriangleAlert, o as Search, p as FolderGit2, r as Square, s as Plus, t as X, u as MessageSquarePlus, v as Check, y as Brain } from "../_libs/lucide-react.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-DpnTz1lw.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function cn(...classes) {
+	return classes.filter(Boolean).join(" ");
+}
+var variants$1 = {
+	default: "border-transparent bg-primary text-primary-foreground",
+	danger: "border-[var(--semantic-danger-border)] bg-[var(--semantic-danger-bg)] text-[var(--semantic-danger-fg)]",
+	info: "border-[var(--semantic-info-border)] bg-[var(--semantic-info-bg)] text-[var(--semantic-info-fg)]",
+	outline: "border-border bg-transparent text-foreground",
+	secondary: "border-transparent bg-secondary text-secondary-foreground",
+	success: "border-[var(--semantic-success-border)] bg-[var(--semantic-success-bg)] text-[var(--semantic-success-fg)]",
+	warning: "border-[var(--semantic-warning-border)] bg-[var(--semantic-warning-bg)] text-[var(--semantic-warning-fg)]"
+};
+function Badge({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: cn("inline-flex items-center gap-1 rounded-[var(--radius-xs)] border px-2 py-0.5 text-[length:var(--font-size-xs)] font-medium whitespace-nowrap transition-colors", variants$1[variant], className),
+		...props
+	});
+}
+var variants = {
+	default: "bg-primary text-primary-foreground shadow-[var(--shadow-xs)] hover:bg-[var(--color-gray-800)]",
+	destructive: "bg-destructive text-destructive-foreground shadow-[var(--shadow-xs)] hover:bg-[var(--color-rose-500)] focus-visible:ring-[var(--semantic-danger-border)]/40",
+	ghost: "hover:bg-accent hover:text-accent-foreground",
+	outline: "border border-input bg-[var(--surface-card)] shadow-[var(--shadow-xs)] hover:bg-accent hover:text-accent-foreground",
+	secondary: "bg-secondary text-secondary-foreground shadow-[var(--shadow-xs)] hover:bg-[var(--color-gray-150)]"
+};
+var sizes = {
+	default: "h-9 px-4 py-2",
+	icon: "size-8",
+	sm: "h-8 gap-1.5 px-3"
+};
+function Button({ className, size = "default", variant = "default", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		className: cn("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-[var(--radius-sm)] text-[length:var(--font-size-sm)] font-medium outline-none transition-colors duration-[var(--motion-duration-fast)] ease-[var(--motion-ease-standard)] focus-visible:border-ring focus-visible:shadow-[var(--state-focus-ring)] disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", variants[variant], sizes[size], className),
+		...props
+	});
+}
+function Input({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+		className: cn("flex h-9 w-full min-w-0 rounded-[var(--radius-sm)] border border-input bg-[var(--surface-input)] px-3 py-1 text-[length:var(--font-size-md)] shadow-[var(--shadow-xs)] outline-none transition-[border-color,box-shadow] duration-[var(--motion-duration-fast)] placeholder:text-[var(--text-tertiary)] focus-visible:border-ring focus-visible:shadow-[var(--state-focus-ring)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]", className),
+		...props
+	});
+}
+function Combobox({ "aria-label": ariaLabel, align = "start", className, disabled = false, emptyMessage = "No results", icon, onQueryChange, onValueChange, options, placeholder, query, searchPlaceholder = "Search", shouldFilter = true, side = "bottom", triggerClassName, value }) {
+	const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+	const [activeOptionIndex, setActiveOptionIndex] = (0, import_react.useState)(-1);
+	const [internalQuery, setInternalQuery] = (0, import_react.useState)("");
+	const rootRef = (0, import_react.useRef)(null);
+	const listboxId = (0, import_react.useId)();
+	const searchQuery = query ?? internalQuery;
+	const selectedOption = options.find((option) => option.value === value);
+	const filteredOptions = (0, import_react.useMemo)(() => {
+		if (!shouldFilter || !searchQuery.trim()) return options;
+		const normalizedQuery = searchQuery.trim().toLowerCase();
+		return options.filter((option) => {
+			return [
+				option.label,
+				option.description,
+				...option.keywords ?? []
+			].filter(Boolean).join(" ").toLowerCase().includes(normalizedQuery);
+		});
+	}, [
+		options,
+		searchQuery,
+		shouldFilter
+	]);
+	(0, import_react.useEffect)(() => {
+		if (!isOpen) return;
+		const handlePointerDown = (event) => {
+			if (!rootRef.current?.contains(event.target)) setIsOpen(false);
+		};
+		const handleKeyDown = (event) => {
+			if (event.key === "Escape") setIsOpen(false);
+		};
+		document.addEventListener("pointerdown", handlePointerDown);
+		document.addEventListener("keydown", handleKeyDown);
+		return () => {
+			document.removeEventListener("pointerdown", handlePointerDown);
+			document.removeEventListener("keydown", handleKeyDown);
+		};
+	}, [isOpen]);
+	(0, import_react.useEffect)(() => {
+		if (!isOpen && query === void 0) setInternalQuery("");
+	}, [isOpen, query]);
+	(0, import_react.useEffect)(() => {
+		if (!isOpen) {
+			setActiveOptionIndex(-1);
+			return;
+		}
+		setActiveOptionIndex(getNextEnabledIndex(filteredOptions, -1, 1));
+	}, [filteredOptions, isOpen]);
+	function updateQuery(nextQuery) {
+		if (onQueryChange) onQueryChange(nextQuery);
+		else setInternalQuery(nextQuery);
+	}
+	function selectOption(option) {
+		if (option.disabled) return;
+		onValueChange(option.value);
+		setIsOpen(false);
+		updateQuery("");
+	}
+	function handleSearchKeyDown(event) {
+		if (event.key === "ArrowDown") {
+			event.preventDefault();
+			setActiveOptionIndex((current) => getNextEnabledIndex(filteredOptions, current, 1));
+			return;
+		}
+		if (event.key === "ArrowUp") {
+			event.preventDefault();
+			setActiveOptionIndex((current) => getNextEnabledIndex(filteredOptions, current, -1));
+			return;
+		}
+		if (event.key === "Home") {
+			event.preventDefault();
+			setActiveOptionIndex(getNextEnabledIndex(filteredOptions, -1, 1));
+			return;
+		}
+		if (event.key === "End") {
+			event.preventDefault();
+			setActiveOptionIndex(getNextEnabledIndex(filteredOptions, filteredOptions.length, -1));
+			return;
+		}
+		if (event.key === "Enter") {
+			event.preventDefault();
+			if (activeOptionIndex >= 0) {
+				const option = filteredOptions[activeOptionIndex];
+				if (!option) return;
+				selectOption(option);
+			}
+		}
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: cn("relative min-w-0", className),
+		ref: rootRef,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+			"aria-controls": listboxId,
+			"aria-expanded": isOpen,
+			"aria-label": ariaLabel,
+			className: cn("inline-flex h-8 max-w-full items-center gap-1.5 rounded-[var(--radius-sm)] border border-input bg-[var(--surface-card)] px-2.5 text-[length:var(--font-size-sm)] font-medium text-[var(--text-secondary)] shadow-[var(--shadow-xs)] outline-none transition-colors hover:bg-accent focus-visible:border-ring focus-visible:shadow-[var(--state-focus-ring)] disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]", triggerClassName),
+			disabled,
+			onClick: () => setIsOpen((current) => !current),
+			role: "combobox",
+			type: "button",
+			children: [
+				icon,
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "min-w-0 truncate",
+					children: selectedOption?.label ?? placeholder
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronsUpDown, { className: "size-3.5 shrink-0 text-[var(--icon-color-muted)]" })
+			]
+		}), isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: cn("absolute z-50 w-80 max-w-[calc(100vw-2rem)] overflow-hidden rounded-[var(--radius-md)] border border-border bg-popover text-popover-foreground shadow-[var(--shadow-md)]", side === "top" ? "bottom-full mb-1" : "top-full mt-1", align === "end" ? "right-0" : "left-0"),
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2 border-b border-[var(--border-divider)] px-2 py-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Search, { className: "size-3.5 shrink-0 text-[var(--icon-color-muted)]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+					"aria-activedescendant": activeOptionIndex >= 0 ? `${listboxId}-option-${activeOptionIndex}` : void 0,
+					"aria-autocomplete": "list",
+					"aria-controls": listboxId,
+					autoFocus: true,
+					className: "h-7 border-0 bg-transparent px-0 py-0 shadow-none focus-visible:shadow-none",
+					placeholder: searchPlaceholder,
+					value: searchQuery,
+					onChange: (event) => updateQuery(event.target.value),
+					onKeyDown: handleSearchKeyDown
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "max-h-64 overflow-y-auto p-1",
+				id: listboxId,
+				role: "listbox",
+				children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "px-2 py-3 text-[length:var(--font-size-sm)] text-[var(--text-tertiary)]",
+					children: emptyMessage
+				}) : filteredOptions.map((option, index) => {
+					const isSelected = option.value === value;
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+						"aria-selected": isSelected,
+						className: cn("flex w-full min-w-0 items-start gap-2 rounded-[var(--radius-sm)] px-2 py-2 text-left outline-none transition-colors hover:bg-accent focus-visible:shadow-[var(--state-focus-ring)] disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]", (index === activeOptionIndex || isSelected) && "bg-[var(--state-selected-bg)]"),
+						disabled: option.disabled,
+						id: `${listboxId}-option-${index}`,
+						onClick: () => selectOption(option),
+						onMouseEnter: () => setActiveOptionIndex(index),
+						role: "option",
+						type: "button",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: cn("mt-0.5 size-3.5 shrink-0 text-[var(--icon-color-active)]", !isSelected && "opacity-0") }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "block truncate text-[length:var(--font-size-sm)] font-medium text-[var(--text-primary)]",
+								children: option.label
+							}), option.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "mt-0.5 block truncate text-[length:var(--font-size-xs)] text-[var(--text-tertiary)]",
+								children: option.description
+							})]
+						})]
+					}, option.value);
+				})
+			})]
+		})]
+	});
+}
+function getNextEnabledIndex(options, currentIndex, direction) {
+	if (options.length === 0) return -1;
+	let nextIndex = currentIndex;
+	for (let offset = 0; offset < options.length; offset += 1) {
+		nextIndex = (nextIndex + direction + options.length) % options.length;
+		if (!options[nextIndex]?.disabled) return nextIndex;
+	}
+	return -1;
+}
+var focusableSelector = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex='-1'])"
+].join(",");
+function Dialog({ children, onOpenChange, open }) {
+	const contentRef = (0, import_react.useRef)(null);
+	(0, import_react.useEffect)(() => {
+		if (!open) return;
+		const previousActiveElement = document.activeElement;
+		getFocusableElements(contentRef.current)[0]?.focus();
+		return () => {
+			if (previousActiveElement instanceof HTMLElement) previousActiveElement.focus();
+		};
+	}, [open]);
+	function handleKeyDown(event) {
+		if (event.key === "Escape") {
+			event.preventDefault();
+			onOpenChange(false);
+			return;
+		}
+		if (event.key !== "Tab") return;
+		const focusableElements = getFocusableElements(contentRef.current);
+		if (focusableElements.length === 0) {
+			event.preventDefault();
+			return;
+		}
+		const firstElement = focusableElements[0];
+		const lastElement = focusableElements[focusableElements.length - 1];
+		if (!firstElement || !lastElement) return;
+		if (event.shiftKey && document.activeElement === firstElement) {
+			event.preventDefault();
+			lastElement.focus();
+		}
+		if (!event.shiftKey && document.activeElement === lastElement) {
+			event.preventDefault();
+			firstElement.focus();
+		}
+	}
+	if (!open) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+		onKeyDown: handleKeyDown,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			"aria-label": "Close dialog",
+			className: "absolute inset-0 bg-[var(--surface-overlay)]",
+			onClick: () => onOpenChange(false),
+			tabIndex: -1,
+			type: "button"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			ref: contentRef,
+			className: "contents",
+			children
+		})]
+	});
+}
+function DialogContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("relative z-10 grid w-full max-w-md gap-4 rounded-[var(--radius-lg)] border border-border bg-card p-5 text-card-foreground shadow-[var(--shadow-lg)]", className),
+		"aria-modal": "true",
+		role: "dialog",
+		...props
+	});
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("grid gap-1.5", className),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+		className: cn("text-[length:var(--font-size-xl)] font-semibold leading-none", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		className: cn("text-[length:var(--font-size-md)] text-muted-foreground", className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("flex justify-end gap-2", className),
+		...props
+	});
+}
+function getFocusableElements(root) {
+	if (!root) return [];
+	return Array.from(root.querySelectorAll(focusableSelector)).filter((element) => !element.hasAttribute("disabled") && element.getAttribute("aria-hidden") !== "true");
+}
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+		className: cn("text-[length:var(--font-size-sm)] font-medium leading-none text-foreground", className),
+		...props
+	});
+}
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = (0, import_react.createContext)(null);
+function useSidebar() {
+	const context = (0, import_react.useContext)(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+	return context;
+}
+function SidebarProvider({ children, className, defaultOpen = true, open: openProp, onOpenChange, style, ...props }) {
+	const [_open, _setOpen] = (0, import_react.useState)(defaultOpen);
+	const open = openProp ?? _open;
+	const setOpen = (0, import_react.useCallback)((value) => {
+		const nextOpen = typeof value === "function" ? value(open) : value;
+		onOpenChange?.(nextOpen);
+		if (openProp === void 0) _setOpen(nextOpen);
+	}, [
+		onOpenChange,
+		open,
+		openProp
+	]);
+	const toggleSidebar = (0, import_react.useCallback)(() => {
+		setOpen((current) => !current);
+	}, [setOpen]);
+	(0, import_react.useEffect)(() => {
+		const handleKeyDown = (event) => {
+			if (event.key.toLowerCase() === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				toggleSidebar();
+			}
+		};
+		window.addEventListener("keydown", handleKeyDown);
+		return () => window.removeEventListener("keydown", handleKeyDown);
+	}, [toggleSidebar]);
+	const contextValue = (0, import_react.useMemo)(() => ({
+		open,
+		setOpen,
+		state: open ? "expanded" : "collapsed",
+		toggleSidebar
+	}), [
+		open,
+		setOpen,
+		toggleSidebar
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: cn("group/sidebar-wrapper flex min-h-svh w-full bg-background text-foreground has-[[data-variant=inset]]:bg-background", className),
+			style: {
+				"--sidebar-width": "var(--layout-sidebar-width)",
+				...style
+			},
+			...props,
+			children
+		})
+	});
+}
+function Sidebar({ children, className, collapsible = "offcanvas", variant = "sidebar", ...props }) {
+	const { setOpen, state } = useSidebar();
+	const isOffcanvasCollapsed = state === "collapsed" && collapsible === "offcanvas";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [!isOffcanvasCollapsed && collapsible === "offcanvas" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		"aria-label": "Close sidebar",
+		className: "fixed inset-0 z-30 bg-[var(--surface-overlay)] md:hidden",
+		onClick: () => setOpen(false),
+		type: "button"
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("aside", {
+		"data-collapsible": state === "collapsed" ? collapsible : "",
+		"data-state": state,
+		"data-variant": variant,
+		className: cn("group/sidebar fixed inset-y-0 left-0 z-40 flex h-svh w-[var(--sidebar-width)] shrink-0 flex-col overflow-hidden text-sidebar-foreground transition-transform duration-[var(--motion-duration-normal)] ease-[var(--motion-ease-standard)] md:relative md:z-auto", isOffcanvasCollapsed && "hidden", !isOffcanvasCollapsed && "translate-x-0", !isOffcanvasCollapsed && variant === "sidebar" && "border-r border-sidebar-border bg-sidebar", !isOffcanvasCollapsed && variant === "inset" && "border-r border-sidebar-border bg-sidebar", className),
+		...props,
+		children: !isOffcanvasCollapsed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "flex h-full min-h-0 flex-col bg-sidebar",
+			children
+		})
+	})] });
+}
+function SidebarHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("flex min-h-[var(--layout-topbar-height)] items-center gap-2 border-b border-sidebar-border px-3 group-data-[state=collapsed]/sidebar:justify-center group-data-[state=collapsed]/sidebar:px-2", className),
+		...props
+	});
+}
+function SidebarInset({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", {
+		className: cn("relative flex min-w-0 flex-1 flex-col bg-[var(--surface-panel)]", className),
+		...props
+	});
+}
+function SidebarTrigger({ className, ...props }) {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		className: cn("inline-flex size-8 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:shadow-[var(--state-focus-ring)] disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]", className),
+		onClick: toggleSidebar,
+		title: "Toggle sidebar",
+		type: "button",
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PanelLeft, { className: "size-4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "sr-only",
+			children: "Toggle sidebar"
+		})]
+	});
+}
+function SidebarRail({ className, ...props }) {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		"aria-label": "Toggle sidebar",
+		className: cn("absolute inset-y-0 -right-3 z-20 hidden w-6 -translate-x-px transition-colors after:absolute after:inset-y-0 after:left-1/2 after:w-px hover:after:bg-sidebar-border sm:flex", className),
+		onClick: toggleSidebar,
+		tabIndex: -1,
+		type: "button",
+		...props
+	});
+}
+function SidebarContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("min-h-0 flex-1 overflow-y-auto p-2 group-data-[state=collapsed]/sidebar:px-2", className),
+		...props
+	});
+}
+function SidebarGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
+		className: cn("relative space-y-1 group-data-[state=collapsed]/sidebar:space-y-2", className),
+		...props
+	});
+}
+function SidebarGroupHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("flex items-center gap-2 group-data-[state=collapsed]/sidebar:hidden", className),
+		...props
+	});
+}
+function SidebarGroupLabel({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("min-w-0 flex-1 px-2 py-1 text-[length:var(--font-size-xs)] font-medium text-[var(--text-secondary)]", className),
+		...props
+	});
+}
+function SidebarGroupAction({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		className: cn("inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-[var(--icon-color-default)] outline-none transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:shadow-[var(--state-focus-ring)]", className),
+		type: "button",
+		...props
+	});
+}
+function SidebarGroupContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("w-full", className),
+		...props
+	});
+}
+function SidebarMenu({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+		className: cn("space-y-1", className),
+		...props
+	});
+}
+function SidebarMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+		className: cn("min-w-0", className),
+		...props
+	});
+}
+function SidebarMenuButton({ className, isActive, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		className: cn("flex min-h-8 w-full min-w-0 items-center gap-2 rounded-[var(--radius-sm)] px-2 py-1.5 text-left text-[length:var(--font-size-sm)] outline-none transition-colors duration-[var(--motion-duration-fast)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:shadow-[var(--state-focus-ring)] group-data-[state=collapsed]/sidebar:justify-center group-data-[state=collapsed]/sidebar:px-0", isActive && "bg-sidebar-accent text-sidebar-accent-foreground", className),
+		...props
+	});
+}
+function SidebarMenuSub({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+		className: cn("ml-4 mt-1 space-y-1 border-l border-sidebar-border pl-2 group-data-[state=collapsed]/sidebar:hidden", className),
+		...props
+	});
+}
+function SidebarMenuSubItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+		className: cn("min-w-0", className),
+		...props
+	});
+}
+function SidebarMenuSubButton({ className, isActive, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		className: cn("flex min-h-7 w-full min-w-0 items-center gap-2 rounded-[var(--radius-sm)] px-2 py-1 text-left text-[length:var(--font-size-sm)] outline-none transition-colors duration-[var(--motion-duration-fast)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:shadow-[var(--state-focus-ring)]", isActive && "bg-sidebar-accent text-sidebar-accent-foreground", className),
+		...props
+	});
+}
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
+		className: cn("flex min-h-16 w-full min-w-0 resize-none rounded-[var(--radius-sm)] border border-input bg-[var(--surface-input)] px-3 py-2 text-[length:var(--font-size-md)] shadow-[var(--shadow-xs)] outline-none transition-[border-color,box-shadow] duration-[var(--motion-duration-fast)] placeholder:text-[var(--text-tertiary)] focus-visible:border-ring focus-visible:shadow-[var(--state-focus-ring)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]", className),
+		...props
+	});
+}
+var chatEventNames = [
+	"chat.created",
+	"chat.updated",
+	"chat.message.created",
+	"agent.thread.started",
+	"agent.turn.started",
+	"agent.item.updated",
+	"agent.item.delta",
+	"agent.approval.requested",
+	"agent.approval.resolved",
+	"agent.turn.completed",
+	"agent.error",
+	"agent.event",
+	"auth.updated"
+];
+var statusMeta = {
+	archived: {
+		badge: "secondary",
+		dot: "bg-[var(--color-gray-400)]",
+		label: "Archived"
+	},
+	failed: {
+		badge: "danger",
+		dot: "bg-[var(--semantic-danger-fg)]",
+		label: "Failed"
+	},
+	idle: {
+		badge: "secondary",
+		dot: "bg-[var(--color-gray-500)]",
+		label: "Idle"
+	},
+	running: {
+		badge: "info",
+		dot: "bg-[var(--semantic-info-fg)]",
+		label: "Running"
+	},
+	waitingForApproval: {
+		badge: "warning",
+		dot: "bg-[var(--semantic-warning-fg)]",
+		label: "Approval"
+	}
+};
+function firstProjectWorktree(projectId, worktreesByProject) {
+	if (!projectId) return null;
+	return worktreesByProject[projectId]?.[0] ?? null;
+}
+function formatLeadingEllipsisPath(path, maxLength = 44) {
+	if (path.length <= maxLength) return path;
+	const suffixLength = maxLength - 3;
+	const suffix = path.slice(-suffixLength);
+	const slashIndex = suffix.indexOf("/");
+	return `...${slashIndex > 0 ? suffix.slice(slashIndex) : suffix}`;
+}
+function dedupeChatThreads(chats) {
+	const chatsWithThreads = chats.filter((chat) => chat.codexThreadId);
+	const source = chatsWithThreads.length > 0 ? chatsWithThreads : chats;
+	const chatsByThread = /* @__PURE__ */ new Map();
+	for (const chat of source) {
+		const key = chat.codexThreadId ?? chat.id;
+		const current = chatsByThread.get(key);
+		if (!current || chat.updatedAt.localeCompare(current.updatedAt) > 0) chatsByThread.set(key, chat);
+	}
+	return [...chatsByThread.values()].sort((left, right) => right.updatedAt.localeCompare(left.updatedAt));
+}
+function Home() {
+	const [projects, setProjects] = (0, import_react.useState)([]);
+	const [selectedProjectId, setSelectedProjectId] = (0, import_react.useState)(null);
+	const [chatsByProject, setChatsByProject] = (0, import_react.useState)({});
+	const [worktreesByProject, setWorktreesByProject] = (0, import_react.useState)({});
+	const [expandedProjectIds, setExpandedProjectIds] = (0, import_react.useState)(() => /* @__PURE__ */ new Set());
+	const [selectedWorktreePath, setSelectedWorktreePath] = (0, import_react.useState)(null);
+	const [selectedChatId, setSelectedChatId] = (0, import_react.useState)(null);
+	const [messages, setMessages] = (0, import_react.useState)([]);
+	const [isAddProjectOpen, setIsAddProjectOpen] = (0, import_react.useState)(false);
+	const [projectPath, setProjectPath] = (0, import_react.useState)("");
+	const [composerText, setComposerText] = (0, import_react.useState)("");
+	const [models, setModels] = (0, import_react.useState)([]);
+	const [selectedModelId, setSelectedModelId] = (0, import_react.useState)(null);
+	const [selectedEffort, setSelectedEffort] = (0, import_react.useState)(null);
+	const [skills, setSkills] = (0, import_react.useState)([]);
+	const [selectedSkillPaths, setSelectedSkillPaths] = (0, import_react.useState)(() => /* @__PURE__ */ new Set());
+	const [fileSearchQuery, setFileSearchQuery] = (0, import_react.useState)("");
+	const fileSearchRequestIdRef = (0, import_react.useRef)(0);
+	const [fileSearchResults, setFileSearchResults] = (0, import_react.useState)([]);
+	const [selectedFiles, setSelectedFiles] = (0, import_react.useState)([]);
+	const [status, setStatus] = (0, import_react.useState)("Starting");
+	const [error, setError] = (0, import_react.useState)(null);
+	const [isBusy, setIsBusy] = (0, import_react.useState)(false);
+	const createChatInFlightRef = (0, import_react.useRef)(false);
+	const selectedChatIdRef = (0, import_react.useRef)(null);
+	const selectedChatVersionRef = (0, import_react.useRef)(0);
+	const sendMessageRequestIdRef = (0, import_react.useRef)(0);
+	const [pendingApproval, setPendingApproval] = (0, import_react.useState)(null);
+	const selectedProject = (0, import_react.useMemo)(() => projects.find((project) => project.id === selectedProjectId) ?? null, [projects, selectedProjectId]);
+	const selectedChat = (0, import_react.useMemo)(() => Object.values(chatsByProject).flat().find((chat) => chat.id === selectedChatId) ?? null, [chatsByProject, selectedChatId]);
+	const isChatRunning = Boolean(selectedChat?.activeTurnId);
+	const selectedModel = (0, import_react.useMemo)(() => models.find((model) => model.id === selectedModelId) ?? models.find((model) => model.isDefault) ?? models[0] ?? null, [models, selectedModelId]);
+	const selectedSkills = (0, import_react.useMemo)(() => skills.filter((skill) => selectedSkillPaths.has(skill.path)), [selectedSkillPaths, skills]);
+	const modelOptions = (0, import_react.useMemo)(() => models.map((model) => ({
+		value: model.id,
+		label: model.displayName,
+		description: model.description || model.model,
+		keywords: [model.model]
+	})), [models]);
+	const effortOptions = (0, import_react.useMemo)(() => {
+		const supportedEfforts = selectedModel?.supportedReasoningEfforts.length ? selectedModel.supportedReasoningEfforts : [
+			"low",
+			"medium",
+			"high",
+			"xhigh"
+		];
+		return [{
+			value: "auto",
+			label: "Auto",
+			description: selectedModel?.defaultReasoningEffort ? `Default: ${selectedModel.defaultReasoningEffort}` : "Use model default"
+		}, ...supportedEfforts.map((effort) => ({
+			value: effort,
+			label: formatReasoningEffort(effort)
+		}))];
+	}, [selectedModel]);
+	const skillOptions = (0, import_react.useMemo)(() => skills.filter((skill) => skill.enabled && !selectedSkillPaths.has(skill.path)).map((skill) => ({
+		value: skill.path,
+		label: skill.displayName,
+		description: skill.shortDescription ?? skill.description,
+		keywords: [skill.name]
+	})), [selectedSkillPaths, skills]);
+	const fileOptions = (0, import_react.useMemo)(() => fileSearchResults.filter((file) => !selectedFiles.some((selectedFile) => selectedFile.path === file.path)).map((file) => ({
+		value: file.path,
+		label: file.relativePath,
+		description: file.root,
+		keywords: [file.name]
+	})), [fileSearchResults, selectedFiles]);
+	const selectedWorktree = (0, import_react.useMemo)(() => {
+		if (!selectedProjectId || !selectedWorktreePath) return null;
+		return (worktreesByProject[selectedProjectId] ?? []).find((worktree) => worktree.path === selectedWorktreePath) ?? null;
+	}, [
+		selectedProjectId,
+		selectedWorktreePath,
+		worktreesByProject
+	]);
+	const selectedWorktreeChats = (0, import_react.useMemo)(() => {
+		if (!selectedProjectId || !selectedWorktree) return [];
+		return dedupeChatThreads((chatsByProject[selectedProjectId] ?? []).filter((chat) => chat.worktreePath === selectedWorktree.path));
+	}, [
+		chatsByProject,
+		selectedProjectId,
+		selectedWorktree
+	]);
+	const visibleMessages = (0, import_react.useMemo)(() => messages.filter((message) => message.role !== "event"), [messages]);
+	(0, import_react.useEffect)(() => {
+		refreshProjects();
+		refreshModels();
+		fetchJson("/api/auth").then(() => setStatus("Ready")).catch((err) => setStatus(err.message));
+	}, []);
+	(0, import_react.useEffect)(() => {
+		if (!selectedProjectId) {
+			setSelectedChatId(null);
+			return;
+		}
+		setExpandedProjectIds((current) => {
+			const next = new Set(current);
+			next.add(selectedProjectId);
+			return next;
+		});
+		refreshChats(selectedProjectId, { sync: true });
+	}, [selectedProjectId]);
+	(0, import_react.useEffect)(() => {
+		selectedChatIdRef.current = selectedChatId;
+		selectedChatVersionRef.current += 1;
+		if (!selectedChatId) {
+			setMessages([]);
+			setPendingApproval(null);
+			setSelectedFiles([]);
+			setSelectedSkillPaths(/* @__PURE__ */ new Set());
+			setFileSearchQuery("");
+			setFileSearchResults([]);
+			setSkills([]);
+			return;
+		}
+		setSelectedFiles([]);
+		setSelectedSkillPaths(/* @__PURE__ */ new Set());
+		setFileSearchQuery("");
+		setFileSearchResults([]);
+		setSkills([]);
+		const chatContextController = new AbortController();
+		refreshMessages(selectedChatId);
+		refreshSelectedChat(selectedChatId);
+		refreshChatContext(selectedChatId, chatContextController.signal);
+		const source = new EventSource(`/api/chats/${selectedChatId}/events`);
+		const handleEvent = (event) => {
+			const phantomEvent = JSON.parse(event.data);
+			if (phantomEvent.type === "agent.approval.requested") {
+				const data = phantomEvent.data;
+				setPendingApproval(data);
+			}
+			if (phantomEvent.type === "agent.approval.resolved") setPendingApproval(null);
+			refreshMessages(selectedChatId);
+			refreshSelectedChat(selectedChatId);
+			if (selectedProjectId) refreshChats(selectedProjectId);
+		};
+		for (const eventName of chatEventNames) source.addEventListener(eventName, handleEvent);
+		source.onerror = () => setStatus("Event stream disconnected");
+		return () => {
+			chatContextController.abort();
+			for (const eventName of chatEventNames) source.removeEventListener(eventName, handleEvent);
+			source.close();
+		};
+	}, [selectedChatId, selectedProjectId]);
+	(0, import_react.useEffect)(() => {
+		if (!selectedEffort || selectedEffort === "auto") return;
+		const supportedEfforts = selectedModel?.supportedReasoningEfforts ?? [];
+		if (supportedEfforts.length > 0 && !supportedEfforts.includes(selectedEffort)) setSelectedEffort(null);
+	}, [selectedEffort, selectedModel]);
+	(0, import_react.useEffect)(() => {
+		const requestId = fileSearchRequestIdRef.current + 1;
+		fileSearchRequestIdRef.current = requestId;
+		if (!selectedChatId || !fileSearchQuery.trim()) {
+			setFileSearchResults([]);
+			return;
+		}
+		const controller = new AbortController();
+		const query = fileSearchQuery.trim();
+		const timeout = setTimeout(() => {
+			fetchJson(`/api/chats/${selectedChatId}?fileQuery=${encodeURIComponent(query)}`, { signal: controller.signal }).then((data) => {
+				if (controller.signal.aborted || fileSearchRequestIdRef.current !== requestId) return;
+				setFileSearchResults(data.files);
+			}).catch((err) => {
+				if (err.name !== "AbortError") setError(err.message);
+			});
+		}, 160);
+		return () => {
+			clearTimeout(timeout);
+			controller.abort();
+		};
+	}, [fileSearchQuery, selectedChatId]);
+	(0, import_react.useEffect)(() => {
+		if (selectedWorktreeChats.length === 0 || selectedWorktreeChats.some((chat) => chat.id === selectedChatId)) return;
+		setSelectedChatId(selectedWorktreeChats[0]?.id ?? null);
+	}, [selectedChatId, selectedWorktreeChats]);
+	async function refreshProjects() {
+		const data = await fetchJson("/api/projects");
+		setProjects(data.projects);
+		const projectDataEntries = await Promise.all(data.projects.map(async (project) => [project.id, await loadProjectData(project.id, { sync: true })]));
+		const nextChatsByProject = Object.fromEntries(projectDataEntries.map(([projectId, projectData]) => [projectId, projectData.chats]));
+		const nextWorktreesByProject = Object.fromEntries(projectDataEntries.map(([projectId, projectData]) => [projectId, projectData.worktrees]));
+		setChatsByProject(nextChatsByProject);
+		setWorktreesByProject(nextWorktreesByProject);
+		const fallbackProjectId = selectedProjectId ?? data.projects[0]?.id ?? null;
+		const fallbackWorktree = firstProjectWorktree(fallbackProjectId, nextWorktreesByProject);
+		setSelectedProjectId((current) => {
+			const nextProjectId = current ?? data.projects[0]?.id ?? null;
+			if (nextProjectId) setExpandedProjectIds((expanded) => {
+				const next = new Set(expanded);
+				next.add(nextProjectId);
+				return next;
+			});
+			return nextProjectId;
+		});
+		setSelectedWorktreePath((current) => {
+			if (fallbackProjectId && current && (nextWorktreesByProject[fallbackProjectId] ?? []).some((worktree) => worktree.path === current)) return current;
+			return fallbackWorktree?.path ?? null;
+		});
+		setSelectedChatId((current) => Object.values(nextChatsByProject).flat().some((chat) => chat.id === current) ? current : fallbackWorktree?.chatId ?? null);
+	}
+	async function refreshModels() {
+		try {
+			const data = await fetchJson("/api/models");
+			setModels(data.models);
+			setSelectedModelId((current) => {
+				if (current && data.models.some((model) => model.id === current)) return current;
+				return data.models.find((model) => model.isDefault)?.id ?? data.models[0]?.id ?? null;
+			});
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		}
+	}
+	async function refreshChatContext(chatId, signal) {
+		try {
+			const data = await fetchJson(`/api/chats/${chatId}?context=skills`, { signal });
+			if (signal?.aborted) return;
+			setSkills(data.skills);
+		} catch (err) {
+			if (err instanceof Error && err.name === "AbortError") return;
+			setError(err instanceof Error ? err.message : String(err));
+		}
+	}
+	async function loadProjectData(projectId, options = {}) {
+		return await fetchJson(`/api/projects/${projectId}/chats${options.sync ? "?sync=1" : ""}`);
+	}
+	async function refreshChats(projectId, options = {}) {
+		const projectData = await loadProjectData(projectId, options);
+		setChatsByProject((current) => ({
+			...current,
+			[projectId]: projectData.chats
+		}));
+		setWorktreesByProject((current) => ({
+			...current,
+			[projectId]: projectData.worktrees
+		}));
+		const fallbackWorktree = firstProjectWorktree(projectId, {
+			...worktreesByProject,
+			[projectId]: projectData.worktrees
+		});
+		setSelectedWorktreePath((current) => current && projectData.worktrees.some((worktree) => worktree.path === current) ? current : fallbackWorktree?.path ?? null);
+		setSelectedChatId((current) => projectData.chats.some((chat) => chat.id === current) ? current : fallbackWorktree?.chatId ?? null);
+	}
+	async function refreshSelectedChat(chatId) {
+		const data = await fetchJson(`/api/chats/${chatId}`);
+		setChatsByProject((current) => {
+			const projectChats = current[data.chat.projectId] ?? [];
+			return {
+				...current,
+				[data.chat.projectId]: projectChats.map((chat) => chat.id === chatId ? data.chat : chat)
+			};
+		});
+		setWorktreesByProject((current) => ({
+			...current,
+			[data.chat.projectId]: (current[data.chat.projectId] ?? []).map((worktree) => worktree.chatId === chatId ? {
+				...worktree,
+				chatStatus: data.chat.status,
+				chatTitle: data.chat.title
+			} : worktree)
+		}));
+	}
+	async function refreshMessages(chatId) {
+		setMessages((await fetchJson(`/api/chats/${chatId}/messages`)).messages);
+	}
+	async function addProject(event) {
+		event.preventDefault();
+		const trimmedProjectPath = projectPath.trim();
+		if (!trimmedProjectPath) return;
+		setError(null);
+		setIsBusy(true);
+		try {
+			const data = await fetchJson("/api/projects", {
+				method: "POST",
+				body: JSON.stringify({ path: trimmedProjectPath })
+			});
+			setProjectPath("");
+			setIsAddProjectOpen(false);
+			await refreshProjects();
+			setSelectedProjectId(data.project.id);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			setIsBusy(false);
+		}
+	}
+	async function createChat(projectId) {
+		if (isBusy || createChatInFlightRef.current) return;
+		setError(null);
+		createChatInFlightRef.current = true;
+		setIsBusy(true);
+		try {
+			const data = await fetchJson(`/api/projects/${projectId}/chats`, {
+				method: "POST",
+				body: JSON.stringify({})
+			});
+			setSelectedProjectId(projectId);
+			setExpandedProjectIds((current) => new Set(current).add(projectId));
+			await refreshChats(projectId, { sync: true });
+			setSelectedWorktreePath(data.chat.worktreePath);
+			setSelectedChatId(data.chat.id);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			createChatInFlightRef.current = false;
+			setIsBusy(false);
+		}
+	}
+	async function sendMessage(event) {
+		event.preventDefault();
+		if (!selectedChatId || !composerText.trim()) return;
+		setError(null);
+		const requestChatId = selectedChatId;
+		const requestChatVersion = selectedChatVersionRef.current;
+		const requestId = sendMessageRequestIdRef.current + 1;
+		sendMessageRequestIdRef.current = requestId;
+		const isCurrentSendRequest = () => selectedChatIdRef.current === requestChatId && selectedChatVersionRef.current === requestChatVersion && sendMessageRequestIdRef.current === requestId;
+		const text = composerText;
+		setComposerText("");
+		const turnModel = selectedModel?.id ?? selectedModel?.model;
+		const turnEffort = selectedEffort === "auto" ? null : selectedEffort;
+		const files = selectedFiles.map((file) => ({
+			name: file.relativePath,
+			path: file.path
+		}));
+		const selectedSkillItems = selectedSkills.map((skill) => ({
+			name: skill.name,
+			path: skill.path
+		}));
+		try {
+			await fetchJson(`/api/chats/${requestChatId}/messages`, {
+				method: "POST",
+				body: JSON.stringify({
+					effort: turnEffort,
+					files,
+					model: turnModel,
+					skills: selectedSkillItems,
+					text
+				})
+			});
+			if (!isCurrentSendRequest()) return;
+			setSelectedFiles([]);
+			setSelectedSkillPaths(/* @__PURE__ */ new Set());
+			setFileSearchQuery("");
+			await refreshMessages(requestChatId);
+		} catch (err) {
+			if (!isCurrentSendRequest()) return;
+			setComposerText(text);
+			setError(err instanceof Error ? err.message : String(err));
+		}
+	}
+	function handleComposerKeyDown(event) {
+		const isImeComposing = event.nativeEvent.isComposing || event.keyCode === 229;
+		if (event.key !== "Enter" || event.shiftKey || event.metaKey || event.ctrlKey || event.altKey || isImeComposing) return;
+		if (!selectedChatId || !composerText.trim() || isChatRunning) return;
+		event.preventDefault();
+		event.currentTarget.form?.requestSubmit();
+	}
+	async function interruptChat() {
+		if (!selectedChatId) return;
+		setError(null);
+		try {
+			await fetchJson(`/api/chats/${selectedChatId}/interrupt`, { method: "POST" });
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		}
+	}
+	async function answerApproval(decision) {
+		if (!selectedChatId || !pendingApproval) return;
+		setError(null);
+		try {
+			await fetchJson(`/api/chats/${encodeURIComponent(selectedChatId)}/approvals/${encodeURIComponent(pendingApproval.requestId)}`, {
+				method: "POST",
+				body: JSON.stringify({ decision })
+			});
+			setPendingApproval(null);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		}
+	}
+	function toggleProject(projectId) {
+		setExpandedProjectIds((current) => {
+			const next = new Set(current);
+			if (next.has(projectId)) next.delete(projectId);
+			else next.add(projectId);
+			return next;
+		});
+	}
+	function selectWorktree(projectId, worktree) {
+		setSelectedProjectId(projectId);
+		setSelectedWorktreePath(worktree.path);
+		setSelectedChatId(worktree.chatId);
+		setExpandedProjectIds((current) => new Set(current).add(projectId));
+	}
+	function selectFile(path) {
+		const file = fileSearchResults.find((candidate) => candidate.path === path);
+		if (!file) return;
+		setSelectedFiles((current) => current.some((selectedFile) => selectedFile.path === file.path) ? current : [...current, file]);
+		setFileSearchQuery("");
+	}
+	function selectSkill(path) {
+		setSelectedSkillPaths((current) => new Set(current).add(path));
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarProvider, {
+		className: "h-screen min-h-0",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Sidebar, {
+				collapsible: "offcanvas",
+				variant: "inset",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarHeader, { children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "flex size-8 shrink-0 items-center justify-center rounded-[var(--radius-sm)] bg-[var(--color-gray-900)] text-primary-foreground",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderGit2, { className: "size-4" })
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "min-w-0 flex-1 group-data-[state=collapsed]/sidebar:hidden",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+								className: "truncate text-[length:var(--font-size-lg)] font-semibold leading-tight",
+								children: "Phantom"
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+							className: "max-w-24 truncate group-data-[state=collapsed]/sidebar:hidden",
+							variant: status === "Ready" ? "success" : "warning",
+							children: status
+						})
+					] }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroupHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupLabel, { children: "Projects" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupAction, {
+						"aria-label": "Add project",
+						onClick: () => setIsAddProjectOpen(true),
+						title: "Add project",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, { className: "size-4" })
+					})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenu, { children: projects.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+						className: "px-2 py-4 group-data-[state=collapsed]/sidebar:hidden",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "rounded-[var(--radius-md)] border border-dashed border-sidebar-border bg-[var(--surface-card)] px-3 py-3 text-[length:var(--font-size-sm)] text-muted-foreground",
+							children: "Add a Git project to begin."
+						})
+					}) : projects.map((project) => {
+						const isProjectExpanded = expandedProjectIds.has(project.id);
+						const projectWorktrees = worktreesByProject[project.id] ?? [];
+						return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuItem, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "group/project flex items-center rounded-[var(--radius-sm)]",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
+								"aria-expanded": isProjectExpanded,
+								className: "min-h-8 flex-1 group-data-[state=collapsed]/sidebar:flex-none",
+								onClick: () => toggleProject(project.id),
+								title: project.name,
+								type: "button",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: cn("size-4 shrink-0 text-[var(--icon-color-default)] transition-transform duration-[var(--motion-duration-fast)] group-data-[state=collapsed]/sidebar:hidden", isProjectExpanded && "rotate-90") }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderGit2, { className: "size-4 text-[var(--icon-color-default)]" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "min-w-0 flex-1 group-data-[state=collapsed]/sidebar:hidden",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "block truncate font-medium",
+											children: project.name
+										})
+									})
+								]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+								"aria-label": `Create worktree in ${project.name}`,
+								className: "mr-1 size-7 text-[var(--icon-color-default)] group-data-[state=collapsed]/sidebar:hidden",
+								disabled: isBusy,
+								onClick: () => void createChat(project.id),
+								size: "icon",
+								title: "Create worktree",
+								type: "button",
+								variant: "ghost",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageSquarePlus, { className: "size-4" })
+							})]
+						}), isProjectExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuSub, { children: projectWorktrees.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+							className: "px-2 py-1.5 text-[length:var(--font-size-xs)] text-[var(--text-tertiary)]",
+							children: "No worktrees"
+						}) : projectWorktrees.map((worktree) => {
+							const title = `${worktree.name} (${worktree.path})${worktree.isClean ? "" : " [dirty]"}`;
+							return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuSubItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuSubButton, {
+								disabled: !worktree.chatId,
+								isActive: worktree.path === selectedWorktreePath,
+								onClick: () => selectWorktree(project.id, worktree),
+								title,
+								type: "button",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitBranch, { className: "size-3.5 text-[var(--icon-color-default)]" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "min-w-0 flex-1",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "block truncate font-medium",
+											children: worktree.name
+										})
+									}),
+									!worktree.isClean && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "size-1.5 shrink-0 rounded-full bg-[var(--semantic-warning-fg)]" })
+								]
+							}) }, worktree.path);
+						}) })] }, project.id);
+					}) }) })] }) }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarRail, {})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog, {
+				open: isAddProjectOpen,
+				onOpenChange: setIsAddProjectOpen,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+					"aria-labelledby": "add-project-title",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, {
+						id: "add-project-title",
+						children: "Add project"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, { children: "Add a local Git project to the Phantom sidebar." })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
+						className: "grid gap-4",
+						onSubmit: addProject,
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "grid gap-2",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+								htmlFor: "project-path",
+								children: "Project path"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+								id: "project-path",
+								placeholder: "/Users/me/project",
+								value: projectPath,
+								onChange: (event) => setProjectPath(event.target.value)
+							})]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+							onClick: () => setIsAddProjectOpen(false),
+							type: "button",
+							variant: "outline",
+							children: "Cancel"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+							disabled: isBusy || !projectPath.trim(),
+							type: "submit",
+							children: "Add project"
+						})] })]
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarInset, { children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+					className: "flex min-h-[var(--layout-topbar-height)] items-center gap-3 border-b border-border bg-[var(--surface-panel)] px-4",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, { className: "-ml-1" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-5 w-px bg-[var(--border-divider)]" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex min-w-0 items-center gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+									className: "truncate text-[length:var(--font-size-xl)] font-semibold leading-tight",
+									children: selectedWorktree?.name ?? selectedProject?.name ?? "Workspace"
+								}), selectedChat && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, { status: selectedChat.status })]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+								className: "flex min-w-0 text-[length:var(--font-size-xs)] text-muted-foreground",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "shrink-0",
+									children: [selectedProject?.name ?? "No project selected", selectedWorktree ? " / " : ""]
+								}), selectedWorktree && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LeadingEllipsisText, { text: selectedWorktree.path })]
+							})]
+						})
+					]
+				}),
+				error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SystemBanner, {
+					tone: "danger",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, { className: "size-4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: error })]
+				}),
+				pendingApproval && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "border-b border-[var(--semantic-warning-border)] bg-[var(--semantic-warning-bg)] px-4 py-3 text-[var(--semantic-warning-fg)]",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "mx-auto flex max-w-[var(--layout-max-content-width)] flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+								className: "flex items-center gap-2 text-[length:var(--font-size-md)] font-semibold",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Clock3, { className: "size-4" }), "Approval requested"]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "mt-1 truncate font-mono text-[length:var(--font-size-xs)]",
+								children: pendingApproval.method
+							})]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex shrink-0 flex-wrap gap-2",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+									onClick: () => void answerApproval("accept"),
+									size: "sm",
+									type: "button",
+									children: "Accept"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+									onClick: () => void answerApproval("acceptForSession"),
+									size: "sm",
+									type: "button",
+									variant: "outline",
+									children: "Accept for session"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+									onClick: () => void answerApproval("decline"),
+									size: "sm",
+									type: "button",
+									variant: "outline",
+									children: "Decline"
+								})
+							]
+						})]
+					})
+				}),
+				selectedWorktree && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChatHistoryBar, {
+					chats: selectedWorktreeChats,
+					selectedChatId,
+					onSelectChat: setSelectedChatId
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
+					className: "min-h-0 flex-1 overflow-y-auto px-4 py-4",
+					children: visibleMessages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyTimeline, {
+						hasChat: Boolean(selectedChat),
+						hasWorktree: Boolean(selectedWorktree),
+						selectedProject,
+						onOpenProjectDialog: () => setIsAddProjectOpen(true)
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "mx-auto flex max-w-[var(--layout-max-content-width)] flex-col gap-2",
+						children: visibleMessages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageCard, { message }, message.id))
+					})
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", {
+					className: "border-t border-border bg-[var(--surface-floating)] p-3 backdrop-blur",
+					onSubmit: sendMessage,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "mx-auto flex max-w-[var(--layout-max-content-width)] flex-col gap-2",
+						children: [
+							(selectedFiles.length > 0 || selectedSkills.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex min-h-8 flex-wrap items-center gap-2 px-1",
+								children: [selectedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextChip, {
+									icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileText, { className: "size-3.5" }),
+									label: file.relativePath,
+									onRemove: () => setSelectedFiles((current) => current.filter((selectedFile) => selectedFile.path !== file.path))
+								}, file.path)), selectedSkills.map((skill) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextChip, {
+									icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sparkles, { className: "size-3.5" }),
+									label: skill.displayName,
+									onRemove: () => setSelectedSkillPaths((current) => {
+										const next = new Set(current);
+										next.delete(skill.path);
+										return next;
+									})
+								}, skill.path))]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-end gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+										className: "sr-only",
+										htmlFor: "composer",
+										children: "Message"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Textarea, {
+										className: "min-h-12 border-0 bg-transparent px-2 py-2 shadow-none focus-visible:shadow-none",
+										disabled: !selectedChatId,
+										id: "composer",
+										placeholder: selectedChatId ? "Ask Codex to work in this worktree" : "Create or select a worktree to start",
+										rows: 2,
+										value: composerText,
+										onChange: (event) => setComposerText(event.target.value),
+										onKeyDown: handleComposerKeyDown
+									})]
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+									"aria-label": isChatRunning ? "Stop turn" : "Send message",
+									className: "size-10",
+									disabled: isChatRunning ? !selectedChat?.activeTurnId : !selectedChatId || !composerText.trim(),
+									onClick: isChatRunning ? interruptChat : void 0,
+									size: "icon",
+									title: isChatRunning ? "Stop turn" : "Send",
+									type: isChatRunning ? "button" : "submit",
+									variant: isChatRunning ? "destructive" : "default",
+									children: isChatRunning ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Square, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Send, {})
+								})]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex min-h-8 flex-wrap items-center gap-2 border-t border-[var(--border-divider)] px-1 pt-2",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Combobox, {
+										"aria-label": "Select model",
+										className: "w-36 max-w-full sm:w-40",
+										disabled: models.length === 0 || isChatRunning,
+										emptyMessage: "No models",
+										icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bot, { className: "size-3.5" }),
+										options: modelOptions,
+										placeholder: "Model",
+										searchPlaceholder: "Search models",
+										side: "top",
+										triggerClassName: "w-full justify-between",
+										value: selectedModel?.id ?? null,
+										onValueChange: setSelectedModelId
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Combobox, {
+										"aria-label": "Select reasoning effort",
+										className: "w-28 max-w-full",
+										disabled: !selectedModel || isChatRunning,
+										icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Brain, { className: "size-3.5" }),
+										options: effortOptions,
+										placeholder: "Effort",
+										searchPlaceholder: "Search effort",
+										side: "top",
+										triggerClassName: "w-full justify-between",
+										value: selectedEffort ?? "auto",
+										onValueChange: (value) => setSelectedEffort(value === "auto" ? null : value)
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Combobox, {
+										"aria-label": "Attach file",
+										className: "w-32 max-w-full",
+										disabled: !selectedChatId || isChatRunning,
+										emptyMessage: fileSearchQuery.trim() ? "No files" : "Type to search",
+										icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileText, { className: "size-3.5" }),
+										options: fileOptions,
+										placeholder: "Files",
+										query: fileSearchQuery,
+										searchPlaceholder: "Search files",
+										shouldFilter: false,
+										side: "top",
+										triggerClassName: "w-full justify-between",
+										value: null,
+										onQueryChange: setFileSearchQuery,
+										onValueChange: selectFile
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Combobox, {
+										"aria-label": "Select skill",
+										align: "end",
+										className: "w-32 max-w-full",
+										disabled: !selectedChatId || isChatRunning,
+										emptyMessage: "No skills",
+										icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sparkles, { className: "size-3.5" }),
+										options: skillOptions,
+										placeholder: "Skills",
+										searchPlaceholder: "Search skills",
+										side: "top",
+										triggerClassName: "w-full justify-between",
+										value: null,
+										onValueChange: selectSkill
+									})
+								]
+							})
+						]
+					})
+				})
+			] })
+		]
+	});
+}
+function ChatHistoryBar({ chats, onSelectChat, selectedChatId }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "border-b border-border bg-[var(--surface-panel)] px-4 py-2",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "mx-auto flex max-w-[var(--layout-max-content-width)] items-center gap-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "shrink-0 text-[length:var(--font-size-xs)] font-medium text-[var(--text-secondary)]",
+				children: "Chat history"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				"aria-label": "Chat history",
+				className: "flex min-w-0 flex-1 gap-1 overflow-x-auto",
+				role: "tablist",
+				children: chats.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "px-2 py-1 text-[length:var(--font-size-xs)] text-[var(--text-tertiary)]",
+					children: "No chat history"
+				}) : chats.map((chat) => {
+					const isSelected = chat.id === selectedChatId;
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+						"aria-selected": isSelected,
+						className: cn("inline-flex max-w-44 shrink-0 items-center gap-1.5 rounded-[var(--radius-sm)] px-2 py-1 text-[length:var(--font-size-xs)] outline-none transition-colors hover:bg-sidebar-accent focus-visible:shadow-[var(--state-focus-ring)]", isSelected ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-[var(--text-secondary)]"),
+						onClick: () => onSelectChat(chat.id),
+						role: "tab",
+						title: chat.title,
+						type: "button",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageSquare, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "truncate",
+							children: chat.title
+						})]
+					}, chat.id);
+				})
+			})]
+		})
+	});
+}
+function StatusBadge({ status }) {
+	const meta = statusMeta[status];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+		variant: meta.badge,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn("size-1.5 rounded-full", meta.dot) }), meta.label]
+	});
+}
+function LeadingEllipsisText({ text }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "block min-w-0 truncate",
+		title: text,
+		children: formatLeadingEllipsisPath(text)
+	});
+}
+function ContextChip({ icon, label, onRemove }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		className: "inline-flex h-8 max-w-52 items-center gap-1.5 rounded-[var(--radius-sm)] border border-[var(--border-divider)] bg-[var(--surface-code)] px-2 text-[length:var(--font-size-sm)] text-[var(--text-secondary)]",
+		children: [
+			icon,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "min-w-0 truncate",
+				children: label
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				"aria-label": `Remove ${label}`,
+				className: "rounded-[var(--radius-xs)] text-[var(--icon-color-muted)] outline-none transition-colors hover:bg-[var(--state-hover-bg)] hover:text-[var(--icon-color-active)] focus-visible:shadow-[var(--state-focus-ring)]",
+				onClick: onRemove,
+				title: `Remove ${label}`,
+				type: "button",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3.5" })
+			})
+		]
+	});
+}
+function formatReasoningEffort(effort) {
+	return effort.split(/[-_\s]+/).filter(Boolean).map((part) => `${part.charAt(0).toUpperCase()}${part.slice(1)}`).join(" ");
+}
+function SystemBanner({ children, tone }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cn("border-b px-4 py-2 text-[length:var(--font-size-sm)]", tone === "danger" ? "border-[var(--semantic-danger-border)] bg-[var(--semantic-danger-bg)] text-[var(--semantic-danger-fg)]" : "border-[var(--semantic-info-border)] bg-[var(--semantic-info-bg)] text-[var(--semantic-info-fg)]"),
+		role: "status",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "mx-auto flex max-w-[var(--layout-max-content-width)] items-center gap-2",
+			children
+		})
+	});
+}
+function EmptyTimeline({ hasChat, hasWorktree, onOpenProjectDialog, selectedProject }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "mx-auto flex h-full max-w-[var(--layout-max-content-width)] items-center justify-center py-8",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+			className: "grid w-full max-w-xl gap-4 px-5 py-6 text-center",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mx-auto flex size-10 items-center justify-center rounded-[var(--radius-md)] bg-[var(--surface-code)] text-[var(--icon-color-default)]",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Inbox, { className: "size-5" })
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+					className: "text-[length:var(--font-size-xl)] font-semibold",
+					children: hasChat ? "No messages yet" : hasWorktree ? "Select chat history" : "Select a worktree"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mt-1 text-[length:var(--font-size-md)] text-muted-foreground",
+					children: hasChat ? "Send a message to start a focused Codex session." : hasWorktree ? "Choose a chat history for this worktree." : "Create a worktree under a project to begin a Codex session."
+				})] }),
+				!selectedProject && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex justify-center gap-2",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+						onClick: onOpenProjectDialog,
+						type: "button",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, { className: "size-4" }), "Add project"]
+					})
+				})
+			]
+		})
+	});
+}
+function MessageCard({ message }) {
+	const isUser = message.role === "user";
+	const isError = message.role === "error";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", {
+		className: cn("rounded-[var(--radius-lg)] border px-4 py-3 shadow-[var(--shadow-xs)]", isUser && "ml-auto max-w-[78%] border-transparent bg-[var(--color-gray-900)] text-primary-foreground", message.role === "assistant" && "mr-auto max-w-[82%] border-border bg-card text-card-foreground", isError && "border-[var(--semantic-danger-border)] bg-[var(--semantic-danger-bg)] text-[var(--semantic-danger-fg)]"),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+			className: "whitespace-pre-wrap break-words font-sans text-[length:var(--font-size-md)] leading-[var(--line-height-relaxed)]",
+			children: message.text
+		})
+	});
+}
+async function fetchJson(input, init = {}) {
+	const response = await fetch(input, {
+		headers: {
+			"Content-Type": "application/json",
+			...init.headers
+		},
+		...init
+	});
+	const data = await response.json().catch(() => ({}));
+	if (!response.ok) {
+		const errorBody = data;
+		const message = errorBody.error?.message ? errorBody.error.message : `Request failed with status ${response.status}`;
+		throw new Error(message);
+	}
+	return data;
+}
+//#endregion
+export { Home as component };