gitxp 0.0.1

package/.output/server/_ssr/routes-DIFfr242.mjs

@@ -0,0 +1,982 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
+import { _ as useNavigate, g as Link } from "../_libs/@tanstack/react-router+[...].mjs";
+import { i as Slot, l as require_jsx_runtime } from "../_libs/@radix-ui/react-arrow+[...].mjs";
+import { i as useQueryClient, n as useQuery, t as useMutation } from "../_libs/tanstack__react-query.mjs";
+import { a as webUrlFor, c as getSyncStatus, d as retryFailedMutations, f as syncNow, i as views, l as markNotificationDone, n as Route$1, o as getFailedMutations, r as reasonLabel, s as getNotifications, u as markNotificationRead } from "./router-DsUHD4bT.mjs";
+import { l as createCollection } from "../_libs/@tanstack/db+[...].mjs";
+import { t as useLiveQuery } from "../_libs/tanstack__react-db.mjs";
+import { n as clsx, t as cva } from "../_libs/class-variance-authority+clsx.mjs";
+import { n as Search, r as PanelLeft, t as X } from "../_libs/lucide-react.mjs";
+import { a as Root3, i as Provider, n as Content2, o as Trigger, r as Portal, t as Arrow2 } from "../_libs/@radix-ui/react-tooltip+[...].mjs";
+import { a as DialogOverlay$1, i as DialogDescription$1, n as DialogClose, o as DialogPortal$1, r as DialogContent$1, s as DialogTitle$1, t as Dialog } from "../_libs/@radix-ui/react-dialog+[...].mjs";
+import { t as twMerge } from "../_libs/tailwind-merge.mjs";
+import { t as _e } from "../_libs/cmdk.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-DIFfr242.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+	const [isMobile, setIsMobile] = import_react.useState(void 0);
+	import_react.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: 767px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return !!isMobile;
+}
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+var buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9",
+			"icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+	const Comp = asChild ? Slot : "button";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, {
+		"data-slot": "button",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog, {
+		"data-slot": "sheet",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortal$1, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlay$1, {
+		"data-slot": "sheet-overlay",
+		className: cn("fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className),
+		...props
+	});
+}
+function SheetContent({ className, children, side = "right", showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPortal, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetOverlay, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent$1, {
+		"data-slot": "sheet-content",
+		className: cn("fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500", side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm", side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm", side === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top", side === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogClose, {
+			className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function SheetHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-1.5 p-4", className),
+		...props
+	});
+}
+function SheetTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle$1, {
+		"data-slot": "sheet-title",
+		className: cn("font-semibold text-foreground", className),
+		...props
+	});
+}
+function SheetDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription$1, {
+		"data-slot": "sheet-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip$1({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root3, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content2, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow2, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })]
+	}) });
+}
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 604800;
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = import_react.createContext(null);
+function useSidebar() {
+	const context = import_react.useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+	return context;
+}
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
+	const isMobile = useIsMobile();
+	const [openMobile, setOpenMobile] = import_react.useState(false);
+	const [_open, _setOpen] = import_react.useState(defaultOpen);
+	const open = openProp ?? _open;
+	const setOpen = import_react.useCallback((value) => {
+		const openState = typeof value === "function" ? value(open) : value;
+		if (setOpenProp) setOpenProp(openState);
+		else _setOpen(openState);
+		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+	}, [setOpenProp, open]);
+	const toggleSidebar = import_react.useCallback(() => {
+		return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
+	}, [
+		isMobile,
+		setOpen,
+		setOpenMobile
+	]);
+	import_react.useEffect(() => {
+		const handleKeyDown = (event) => {
+			if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				toggleSidebar();
+			}
+		};
+		window.addEventListener("keydown", handleKeyDown);
+		return () => window.removeEventListener("keydown", handleKeyDown);
+	}, [toggleSidebar]);
+	const state = open ? "expanded" : "collapsed";
+	const contextValue = import_react.useMemo(() => ({
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	}), [
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipProvider, {
+			delayDuration: 0,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				"data-slot": "sidebar-wrapper",
+				style: {
+					"--sidebar-width": SIDEBAR_WIDTH,
+					"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+					...style
+				},
+				className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", className),
+				...props,
+				children
+			})
+		})
+	});
+}
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
+	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+	if (collapsible === "none") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar",
+		className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
+		...props,
+		children
+	});
+	if (isMobile) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sheet, {
+		open: openMobile,
+		onOpenChange: setOpenMobile,
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetContent, {
+			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
+			"data-mobile": "true",
+			className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+			side,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetHeader, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex h-full w-full flex-col",
+				children
+			})]
+		})
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "group peer hidden text-sidebar-foreground md:block",
+		"data-state": state,
+		"data-collapsible": state === "collapsed" ? collapsible : "",
+		"data-variant": variant,
+		"data-side": side,
+		"data-slot": "sidebar",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			"data-slot": "sidebar-gap",
+			className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			"data-slot": "sidebar-container",
+			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
+			...props,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				"data-sidebar": "sidebar",
+				"data-slot": "sidebar-inner",
+				className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm",
+				children
+			})
+		})]
+	});
+}
+function SidebarTrigger({ className, onClick, ...props }) {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		variant: "ghost",
+		size: "icon",
+		className: cn("size-7", className),
+		onClick: (event) => {
+			onClick?.(event);
+			toggleSidebar();
+		},
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PanelLeft, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+}
+function SidebarInset({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", {
+		"data-slot": "sidebar-inset",
+		className: cn("relative flex w-full flex-1 flex-col bg-background", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className),
+		...props
+	});
+}
+function SidebarContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar-content",
+		"data-sidebar": "content",
+		className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+		...props
+	});
+}
+function SidebarGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar-group",
+		"data-sidebar": "group",
+		className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+		...props
+	});
+}
+function SidebarGroupLabel({ className, asChild = false, ...props }) {
+	const Comp = asChild ? Slot : "div";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, {
+		"data-slot": "sidebar-group-label",
+		"data-sidebar": "group-label",
+		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 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
+		...props
+	});
+}
+function SidebarGroupContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar-group-content",
+		"data-sidebar": "group-content",
+		className: cn("w-full text-sm", className),
+		...props
+	});
+}
+function SidebarMenu({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+		"data-slot": "sidebar-menu",
+		"data-sidebar": "menu",
+		className: cn("flex w-full min-w-0 flex-col gap-1", className),
+		...props
+	});
+}
+function SidebarMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+		"data-slot": "sidebar-menu-item",
+		"data-sidebar": "menu-item",
+		className: cn("group/menu-item relative", className),
+		...props
+	});
+}
+var sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+	variants: {
+		variant: {
+			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+		},
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function SidebarMenuButton({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) {
+	const Comp = asChild ? Slot : "button";
+	const { isMobile, state } = useSidebar();
+	const button = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, {
+		"data-slot": "sidebar-menu-button",
+		"data-sidebar": "menu-button",
+		"data-size": size,
+		"data-active": isActive,
+		className: cn(sidebarMenuButtonVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+	if (!tooltip) return button;
+	if (typeof tooltip === "string") tooltip = { children: tooltip };
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContent, {
+		side: "right",
+		align: "center",
+		hidden: state !== "collapsed" || isMobile,
+		...tooltip
+	})] });
+}
+function SidebarMenuBadge({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar-menu-badge",
+		"data-sidebar": "menu-badge",
+		className: cn("pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
+		...props
+	});
+}
+function AppSidebar({ notifications, activeView }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sidebar, {
+		collapsible: "icon",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupLabel, { children: "gitxp" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenu, { children: views.map((view) => {
+			const count = notifications.filter(view.match).length;
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuItem, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuButton, {
+				asChild: true,
+				isActive: view.id === activeView,
+				tooltip: view.label,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+					to: "/",
+					search: { view: view.id },
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: view.label })
+				})
+			}), count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuBadge, { children: count }) : null] }, view.id);
+		}) }) })] }) })
+	});
+}
+function Dialog$1({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortal$1, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlay$1, {
+		"data-slot": "dialog-overlay",
+		className: cn("fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPortal, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlay, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent$1, {
+			"data-slot": "dialog-content",
+			className: cn("fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg", className),
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogClose, {
+				"data-slot": "dialog-close",
+				className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle$1, {
+		"data-slot": "dialog-title",
+		className: cn("text-lg leading-none font-semibold", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription$1, {
+		"data-slot": "dialog-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+function Command$1({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e, {
+		"data-slot": "command",
+		className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className),
+		...props
+	});
+}
+function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Dialog$1, {
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, { children: title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, { children: description })]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContent, {
+			className: cn("overflow-hidden p-0", className),
+			showCloseButton,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Command$1, {
+				className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+				children
+			})
+		})]
+	});
+}
+function CommandInput({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		"data-slot": "command-input-wrapper",
+		className: "flex h-9 items-center gap-2 border-b px-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Search, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.Input, {
+			"data-slot": "command-input",
+			className: cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
+			...props
+		})]
+	});
+}
+function CommandList({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.List, {
+		"data-slot": "command-list",
+		className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+		...props
+	});
+}
+function CommandEmpty({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.Empty, {
+		"data-slot": "command-empty",
+		className: "py-6 text-center text-sm",
+		...props
+	});
+}
+function CommandGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.Group, {
+		"data-slot": "command-group",
+		className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
+		...props
+	});
+}
+function CommandItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.Item, {
+		"data-slot": "command-item",
+		className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
+		...props
+	});
+}
+function CommandShortcut({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		"data-slot": "command-shortcut",
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
+		...props
+	});
+}
+function CommandPalette({ onSelectView, onOpenSelected, onRefresh, onDoneSelected, onReadSelected, canOpenSelected }) {
+	const [open, setOpen] = (0, import_react.useState)(false);
+	(0, import_react.useEffect)(() => {
+		const onKeyDown = (event) => {
+			if (event.key === "k" && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				setOpen((previous) => !previous);
+			}
+		};
+		window.addEventListener("keydown", onKeyDown);
+		return () => {
+			window.removeEventListener("keydown", onKeyDown);
+		};
+	}, []);
+	const run = (action) => {
+		setOpen(false);
+		action();
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandDialog, {
+		open,
+		onOpenChange: setOpen,
+		title: "Commands",
+		description: "Jump to a view or act on the selection",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandInput, { placeholder: "Type a command..." }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandList, { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandEmpty, { children: "No matching command" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandGroup, {
+				heading: "Views",
+				children: views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandItem, {
+					value: `view ${view.label}`,
+					onSelect: () => run(() => onSelectView(view.id)),
+					children: view.label
+				}, view.id))
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandGroup, {
+				heading: "Actions",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandItem, {
+						value: "sync refresh",
+						onSelect: () => run(onRefresh),
+						children: "Sync now"
+					}),
+					canOpenSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandItem, {
+						value: "open github",
+						onSelect: () => run(onOpenSelected),
+						children: ["Open on GitHub", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandShortcut, { children: "Enter" })]
+					}) : null,
+					onDoneSelected === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandItem, {
+						value: "done archive",
+						onSelect: () => run(onDoneSelected),
+						children: ["Mark as done", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandShortcut, { children: "e" })]
+					}),
+					onReadSelected === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CommandItem, {
+						value: "read",
+						onSelect: () => run(onReadSelected),
+						children: ["Mark as read", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandShortcut, { children: "r" })]
+					})
+				]
+			})
+		] })]
+	});
+}
+function FailedActions() {
+	const queryClient = useQueryClient();
+	const failed = useQuery({
+		queryKey: ["failed-mutations"],
+		queryFn: () => getFailedMutations(),
+		refetchInterval: 1e4
+	});
+	const retry = useMutation({
+		mutationFn: () => retryFailedMutations(),
+		onSettled: () => queryClient.invalidateQueries({ queryKey: ["failed-mutations"] })
+	});
+	const rows = failed.data ?? [];
+	if (rows.length === 0) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2 border-b bg-destructive/10 px-3 py-2 text-xs",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				className: "text-destructive",
+				children: [
+					rows.length,
+					" action",
+					rows.length === 1 ? "" : "s",
+					" failed"
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "truncate text-muted-foreground",
+				children: rows[0].lastError
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				size: "sm",
+				variant: "outline",
+				className: "ml-auto h-6 shrink-0 text-xs",
+				disabled: retry.isPending,
+				onClick: () => retry.mutate(),
+				children: retry.isPending ? "Retrying" : "Retry"
+			})
+		]
+	});
+}
+function NotificationList({ notifications, selectedId, onSelect, onOpen, onDone, onRead, emptyMessage }) {
+	const listRef = (0, import_react.useRef)(null);
+	const selectedIndex = notifications.findIndex((notification) => notification.thread_id === selectedId);
+	(0, import_react.useEffect)(() => {
+		listRef.current?.querySelector("[data-selected=\"true\"]")?.scrollIntoView({ block: "nearest" });
+	}, [selectedId]);
+	const move = (delta) => {
+		if (notifications.length === 0) return;
+		onSelect(notifications[Math.min(Math.max(selectedIndex === -1 ? 0 : selectedIndex + delta, 0), notifications.length - 1)].thread_id);
+	};
+	const handleKeyDown = (event) => {
+		if (event.key === "ArrowDown" || event.key === "j") {
+			event.preventDefault();
+			move(1);
+			return;
+		}
+		if (event.key === "ArrowUp" || event.key === "k") {
+			event.preventDefault();
+			move(-1);
+			return;
+		}
+		if (event.key === "Enter") {
+			event.preventDefault();
+			onOpen();
+			return;
+		}
+		if (selectedId === void 0 || notifications.length === 0) return;
+		if (event.key === "e") {
+			event.preventDefault();
+			const next = notifications[Math.min(selectedIndex + 1, notifications.length - 1)];
+			onDone(selectedId);
+			if (next.thread_id !== selectedId) onSelect(next.thread_id);
+			return;
+		}
+		if (event.key === "r") {
+			event.preventDefault();
+			onRead(selectedId);
+		}
+	};
+	if (notifications.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "flex h-full items-center justify-center p-8 text-sm text-muted-foreground",
+		children: emptyMessage
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+		ref: listRef,
+		tabIndex: 0,
+		onKeyDown: handleKeyDown,
+		className: "h-full overflow-y-auto outline-none",
+		"aria-label": "Notifications",
+		children: notifications.map((notification) => {
+			const selected = notification.thread_id === selectedId;
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+				"data-selected": selected,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+					type: "button",
+					onClick: () => onSelect(notification.thread_id),
+					onDoubleClick: onOpen,
+					className: cn("flex w-full flex-col gap-1 border-l-2 px-3 py-2 text-left", selected ? "border-l-primary bg-accent" : "border-l-transparent hover:bg-accent/50"),
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "flex items-baseline gap-2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn("size-1.5 shrink-0 rounded-full", notification.unread === 1 ? "bg-primary" : "bg-transparent") }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "truncate font-mono text-xs text-muted-foreground",
+								children: notification.repo_full_name
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "ml-auto shrink-0 text-xs text-muted-foreground",
+								children: reasonLabel(notification.reason)
+							})
+						]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: cn("line-clamp-2 pl-3.5 text-sm", notification.unread === 1 ? "font-medium" : "text-muted-foreground"),
+						children: notification.subject_title
+					})]
+				})
+			}, notification.thread_id);
+		})
+	});
+}
+var badgeVariants = cva("inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3", {
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+		destructive: "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+		outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+		ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+		link: "text-primary underline-offset-4 [a&]:hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant = "default", asChild = false, ...props }) {
+	const Comp = asChild ? Slot : "span";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, {
+		"data-slot": "badge",
+		"data-variant": variant,
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+}
+function NotificationPreview({ notification }) {
+	if (notification === void 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "flex h-full items-center justify-center p-8 text-sm text-muted-foreground",
+		children: "Select a notification"
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-full flex-col gap-4 overflow-y-auto p-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "font-mono text-xs text-muted-foreground",
+						children: notification.repo_full_name
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+						className: "text-lg font-medium",
+						children: notification.subject_title
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+								variant: "secondary",
+								children: reasonLabel(notification.reason)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+								variant: "outline",
+								children: notification.subject_type
+							}),
+							notification.unread === 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { children: "Unread" }) : null
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+				className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+						className: "text-muted-foreground",
+						children: "Updated"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: new Date(notification.updated_at).toLocaleString() }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+						className: "text-muted-foreground",
+						children: "Last read"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: notification.last_read_at === null ? "Never" : new Date(notification.last_read_at).toLocaleString() })
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				asChild: true,
+				variant: "outline",
+				size: "sm",
+				className: "self-start",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+					href: webUrlFor(notification),
+					target: "_blank",
+					rel: "noreferrer",
+					children: "Open on GitHub"
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "mt-auto text-xs text-muted-foreground",
+				children: "The pull request itself, its diff and its checks land here next."
+			})
+		]
+	});
+}
+var notificationsCollection = createCollection({
+	id: "notifications",
+	getKey: (row) => row.thread_id,
+	sync: {
+		rowUpdateMode: "full",
+		sync: ({ begin, write, commit, markReady, markError, truncate, collection }) => {
+			let cancelled = false;
+			let inFlight;
+			let queued = false;
+			const apply = async () => {
+				const rows = await getNotifications();
+				if (cancelled) return;
+				begin();
+				truncate();
+				for (const row of rows) write({
+					type: "insert",
+					value: row
+				});
+				commit();
+				markReady();
+			};
+			const load = () => {
+				if (inFlight) {
+					queued = true;
+					return inFlight;
+				}
+				inFlight = apply().catch((error) => {
+					if (cancelled) return;
+					console.error("notifications sync failed", error);
+					if (collection.status === "loading") markError(error);
+				}).finally(() => {
+					inFlight = void 0;
+					if (queued && !cancelled) {
+						queued = false;
+						load();
+					}
+				});
+				return inFlight;
+			};
+			if (typeof window === "undefined") return () => {
+				cancelled = true;
+			};
+			const source = new EventSource("/api/events");
+			source.addEventListener("change", () => {
+				load();
+			});
+			load();
+			return () => {
+				cancelled = true;
+				source.close();
+			};
+		}
+	},
+	onUpdate: async ({ transaction }) => {
+		for (const mutation of transaction.mutations) if (mutation.changes.unread === 0) await markNotificationRead({ data: mutation.key });
+	},
+	onDelete: async ({ transaction }) => {
+		for (const mutation of transaction.mutations) await markNotificationDone({ data: mutation.key });
+	}
+});
+function Inbox() {
+	const { view, thread } = Route$1.useSearch();
+	const navigate = useNavigate({ from: Route$1.fullPath });
+	const initial = Route$1.useLoaderData();
+	const { data, isLoading } = useLiveQuery((q) => q.from({ notification: notificationsCollection }));
+	const rows = isLoading ? initial : data;
+	const firstSyncPending = useQuery({
+		queryKey: ["sync-status"],
+		queryFn: () => getSyncStatus(),
+		refetchInterval: (query) => query.state.data?.hasSynced === true ? false : 2e3
+	}).data?.hasSynced !== true;
+	const all = (0, import_react.useMemo)(() => [...rows].sort((a, b) => b.updated_at.localeCompare(a.updated_at)), [rows]);
+	const active = views.find((candidate) => candidate.id === view) ?? views[0];
+	const visible = (0, import_react.useMemo)(() => all.filter(active.match), [all, active]);
+	const selected = visible.find((notification) => notification.thread_id === thread);
+	const select = (threadId) => {
+		navigate({
+			search: (previous) => ({
+				...previous,
+				thread: threadId
+			}),
+			replace: true
+		});
+	};
+	const selectView = (next) => {
+		navigate({
+			search: { view: next },
+			replace: true
+		});
+	};
+	const markDone = (threadId) => {
+		notificationsCollection.delete(threadId);
+	};
+	const markRead = (threadId) => {
+		notificationsCollection.update(threadId, (draft) => {
+			draft.unread = 0;
+		});
+	};
+	const openSelected = () => {
+		if (selected === void 0) return;
+		window.open(webUrlFor(selected), "_blank", "noreferrer");
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarProvider, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppSidebar, {
+			notifications: all,
+			activeView: active.id
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarInset, {
+			className: "h-svh overflow-hidden",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "grid h-full grid-cols-[minmax(280px,380px)_1fr]",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex min-h-0 flex-col border-r",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+							className: "flex items-center gap-2 border-b px-3 py-2",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, {}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-sm font-medium",
+									children: active.label
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-xs text-muted-foreground",
+									children: firstSyncPending && all.length === 0 ? "syncing" : visible.length
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("kbd", {
+									className: "ml-auto rounded border px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground",
+									children: "⌘K"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FailedActions, {}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(NotificationList, {
+							notifications: visible,
+							selectedId: selected?.thread_id,
+							onSelect: select,
+							onOpen: openSelected,
+							onDone: markDone,
+							onRead: markRead,
+							emptyMessage: firstSyncPending && all.length === 0 ? "Fetching your notifications from GitHub..." : "Nothing here"
+						})
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NotificationPreview, { notification: selected })]
+			})
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandPalette, {
+			onSelectView: selectView,
+			onOpenSelected: openSelected,
+			onRefresh: () => void syncNow(),
+			onDoneSelected: selected === void 0 ? void 0 : () => markDone(selected.thread_id),
+			onReadSelected: selected === void 0 ? void 0 : () => markRead(selected.thread_id),
+			canOpenSelected: selected !== void 0
+		})
+	] });
+}
+//#endregion
+export { Inbox as component };