hermium 0.1.9 → 0.2.0

package/dist/web-server/_ssr/router-sbsNus0Y.mjs

@@ -1,2093 +0,0 @@
-import { c as createRouter, a as createRootRoute, b as createFileRoute, l as lazyRouteComponent, H as HeadContent, S as Scripts, u as useLocation, L as Link } from "../_libs/tanstack__react-router.mjs";
-import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { b as QueryClient } from "../_libs/tanstack__query-core.mjs";
-import { Q as QueryClientProvider, u as useQueryClient, a as useQuery, b as useMutation } from "../_libs/tanstack__react-query.mjs";
-import { c as clsx } from "../_libs/clsx.mjs";
-import { c as cva } from "../_libs/class-variance-authority.mjs";
-import { c as create, d as devtools } from "../_libs/zustand.mjs";
-import { I as IconSearch, a as IconX, b as IconSettings, c as IconSun, d as IconMoon, e as IconPaint, f as IconBrandGithub, g as IconArrowLeft, h as IconLayoutSidebar, i as IconChevronUp, j as IconChevronDown, k as IconCirclePlus, l as IconBrain, m as IconPuzzle, n as IconRobot, o as IconHash, p as IconChartBar, q as IconPin, r as IconDots, s as IconPencil, t as IconPinnedOff, u as IconCopy, v as IconTrash, w as IconDownload } from "../_libs/tabler__icons-react.mjs";
-import { T as TooltipProvider$1, u as useRender, m as mergeProps, B as Button$1, D as DialogRoot, a as DialogPopup, b as DialogClose, c as DialogTitle, d as DialogDescription, C as CollapsibleRoot, e as CollapsibleTrigger$1, f as CollapsiblePanel, M as MenuRoot, g as MenuTrigger, h as MenuPortal, i as MenuPositioner, j as MenuPopup, k as MenuItem, l as DialogPortal, n as DialogBackdrop, o as TooltipRoot, p as TooltipPortal, q as TooltipPositioner, r as TooltipPopup, s as TooltipArrow, t as TooltipTrigger$1 } from "../_libs/base-ui__react.mjs";
-import { o as object, s as string } from "../_libs/zod.mjs";
-import "../_libs/tanstack__router-core.mjs";
-import "../_libs/tanstack__history.mjs";
-import "../_libs/cookie-es.mjs";
-import "../_libs/seroval.mjs";
-import "../_libs/seroval-plugins.mjs";
-import "node:stream/web";
-import "node:stream";
-import "../_libs/react-dom.mjs";
-import "util";
-import "crypto";
-import "async_hooks";
-import "stream";
-import "../_libs/isbot.mjs";
-import "../_libs/base-ui__utils.mjs";
-import "../_libs/use-sync-external-store.mjs";
-import "../_libs/floating-ui__utils.mjs";
-import "../_libs/floating-ui__react-dom.mjs";
-import "../_libs/floating-ui__dom.mjs";
-import "../_libs/floating-ui__core.mjs";
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      staleTime: 3e4,
-      // 30s before re-fetch
-      gcTime: 5 * 6e4,
-      // 5min garbage collection
-      retry: 1,
-      refetchOnWindowFocus: false
-    },
-    mutations: {
-      retry: 0
-    }
-  }
-});
-const CONFLICT_PREFIXES = /* @__PURE__ */ new Set([
-  "p-",
-  "px-",
-  "py-",
-  "pt-",
-  "pr-",
-  "pb-",
-  "pl-",
-  "m-",
-  "mx-",
-  "my-",
-  "mt-",
-  "mr-",
-  "mb-",
-  "ml-",
-  "w-",
-  "h-",
-  "min-w-",
-  "min-h-",
-  "max-w-",
-  "max-h-",
-  "gap-",
-  "gap-x-",
-  "gap-y-",
-  "inset-",
-  "inset-x-",
-  "inset-y-",
-  "top-",
-  "right-",
-  "bottom-",
-  "left-",
-  "z-",
-  "bg-",
-  "text-",
-  "border-",
-  "ring-",
-  "shadow-",
-  "rounded-",
-  "rounded-t-",
-  "rounded-r-",
-  "rounded-b-",
-  "rounded-l-",
-  "rounded-tl-",
-  "rounded-tr-",
-  "rounded-br-",
-  "rounded-bl-",
-  "font-",
-  "leading-",
-  "tracking-",
-  "opacity-",
-  "scale-",
-  "rotate-",
-  "translate-x-",
-  "translate-y-",
-  "skew-x-",
-  "skew-y-",
-  "divide-x-",
-  "divide-y-",
-  "space-x-",
-  "space-y-",
-  "flex-",
-  "grid-cols-",
-  "grid-rows-",
-  "col-",
-  "col-start-",
-  "col-end-",
-  "row-",
-  "row-start-",
-  "row-end-",
-  "order-",
-  "duration-",
-  "delay-",
-  "ease-",
-  "size-",
-  "blur-",
-  "brightness-",
-  "contrast-",
-  "grayscale-"
-]);
-function getPrefix(cls) {
-  for (let i = cls.length; i > 0; i--) {
-    const prefix = cls.slice(0, i);
-    if (CONFLICT_PREFIXES.has(prefix)) return prefix;
-  }
-  return null;
-}
-function cn(...inputs) {
-  const classes = clsx(inputs);
-  if (!classes) return "";
-  const seen = /* @__PURE__ */ new Map();
-  const result = [];
-  for (const cls of classes.split(" ")) {
-    if (!cls) continue;
-    const prefix = getPrefix(cls);
-    if (prefix) {
-      if (seen.has(prefix)) {
-        const prevIdx = result.indexOf(seen.get(prefix));
-        if (prevIdx >= 0) {
-          result[prevIdx] = cls;
-        }
-      } else {
-        seen.set(prefix, cls);
-        result.push(cls);
-      }
-    } else {
-      result.push(cls);
-    }
-  }
-  return result.join(" ");
-}
-function TooltipProvider({
-  delay = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TooltipProvider$1,
-    {
-      "data-slot": "tooltip-provider",
-      delay,
-      ...props
-    }
-  );
-}
-function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipRoot, { "data-slot": "tooltip", ...props });
-}
-function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger$1, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  side = "top",
-  sideOffset = 4,
-  align = "center",
-  alignOffset = 0,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TooltipPositioner,
-    {
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        TooltipPopup,
-        {
-          "data-slot": "tooltip-content",
-          className: cn(
-            "z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-            className
-          ),
-          ...props,
-          children: [
-            children,
-            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipArrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
-          ]
-        }
-      )
-    }
-  ) });
-}
-const THEME_KEY = "hermium-theme";
-function getStoredTheme() {
-  try {
-    const stored = localStorage.getItem(THEME_KEY);
-    if (stored === "light" || stored === "dark" || stored === "system") return stored;
-  } catch {
-  }
-  return "system";
-}
-function setStoredTheme(theme) {
-  try {
-    localStorage.setItem(THEME_KEY, theme);
-  } catch {
-  }
-}
-function getSystemTheme() {
-  if (typeof window === "undefined") return "light";
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function applyTheme(theme) {
-  const root = document.documentElement;
-  const resolved = theme === "system" ? getSystemTheme() : theme;
-  if (resolved === "dark") {
-    root.classList.add("dark");
-  } else {
-    root.classList.remove("dark");
-  }
-}
-const ThemeContext = reactExports.createContext({
-  theme: "system",
-  resolvedTheme: "light",
-  setTheme: () => {
-  }
-});
-function ThemeProvider({ children }) {
-  const [theme, setThemeState] = reactExports.useState("system");
-  const [resolved, setResolved] = reactExports.useState("light");
-  const [mounted, setMounted] = reactExports.useState(false);
-  reactExports.useEffect(() => {
-    setMounted(true);
-    const stored = getStoredTheme();
-    setThemeState(stored);
-    applyTheme(stored);
-    const isDark = stored === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches : stored === "dark";
-    setResolved(isDark ? "dark" : "light");
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    const handler = (e) => {
-      const t = getStoredTheme();
-      if (t === "system") {
-        applyTheme("system");
-        setResolved(e.matches ? "dark" : "light");
-      }
-    };
-    mq.addEventListener("change", handler);
-    return () => mq.removeEventListener("change", handler);
-  }, []);
-  const setTheme = reactExports.useCallback((t) => {
-    setThemeState(t);
-    setStoredTheme(t);
-    applyTheme(t);
-    const isDark = t === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches : t === "dark";
-    setResolved(isDark ? "dark" : "light");
-  }, []);
-  if (!mounted) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ThemeContext.Provider,
-      {
-        value: { theme: "system", resolvedTheme: "light", setTheme: () => {
-        } },
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeContext.Provider, { value: { theme, resolvedTheme: resolved, setTheme }, children });
-}
-function useTheme() {
-  return reactExports.useContext(ThemeContext);
-}
-const MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = reactExports.useState(void 0);
-  reactExports.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-const buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 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 [a]:hover:bg-primary/80",
-        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        icon: "size-8",
-        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-        "icon-lg": "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button$1,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogRoot, { "data-slot": "sheet", ...props });
-}
-function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogPortal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    DialogBackdrop,
-    {
-      "data-slot": "sheet-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      DialogPopup,
-      {
-        "data-slot": "sheet-content",
-        "data-side": side,
-        className: cn(
-          "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            DialogClose,
-            {
-              "data-slot": "sheet-close",
-              render: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  className: "absolute top-3 right-3",
-                  size: "icon-sm"
-                }
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  IconX,
-                  {}
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-0.5 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    DialogTitle,
-    {
-      "data-slot": "sheet-title",
-      className: cn(
-        "font-heading text-base font-medium text-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SheetDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    DialogDescription,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-const SIDEBAR_COOKIE_NAME = "sidebar_state";
-const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-const SIDEBAR_WIDTH = "16rem";
-const SIDEBAR_WIDTH_MOBILE = "18rem";
-const SIDEBAR_WIDTH_ICON = "3rem";
-const SIDEBAR_KEYBOARD_SHORTCUT = "b";
-const SidebarContext = reactExports.createContext(null);
-function useSidebar() {
-  const context = reactExports.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] = reactExports.useState(false);
-  const [_open, _setOpen] = reactExports.useState(defaultOpen);
-  const open = openProp ?? _open;
-  const setOpen = reactExports.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 = reactExports.useCallback(() => {
-    return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
-  }, [isMobile, setOpen, setOpenMobile]);
-  reactExports.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 = reactExports.useMemo(
-    () => ({
-      state,
-      open,
-      setOpen,
-      isMobile,
-      openMobile,
-      setOpenMobile,
-      toggleSidebar
-    }),
-    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntimeExports.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,
-  dir,
-  ...props
-}) {
-  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
-  if (collapsible === "none") {
-    return /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      SheetContent,
-      {
-        dir,
-        "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__ */ jsxRuntimeExports.jsxs(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(SheetDescription, { children: "Displays the mobile sidebar." })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full flex-col", children })
-        ]
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            "data-slot": "sidebar-container",
-            "data-side": side,
-            className: cn(
-              "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex",
-              // Adjust the padding for floating and inset variants.
-              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__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                "data-sidebar": "sidebar",
-                "data-slot": "sidebar-inner",
-                className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
-                children
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-function SidebarTrigger({
-  className,
-  onClick,
-  ...props
-}) {
-  const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Button,
-    {
-      "data-sidebar": "trigger",
-      "data-slot": "sidebar-trigger",
-      variant: "ghost",
-      size: "icon-sm",
-      className: cn(className),
-      onClick: (event) => {
-        onClick?.(event);
-        toggleSidebar();
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(IconLayoutSidebar, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
-      ]
-    }
-  );
-}
-function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.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 SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      "data-slot": "sidebar-header",
-      "data-sidebar": "header",
-      className: cn("flex flex-col gap-2 p-2", className),
-      ...props
-    }
-  );
-}
-function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      "data-slot": "sidebar-content",
-      "data-sidebar": "content",
-      className: cn(
-        "no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.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,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "sidebar-group-label",
-      sidebar: "group-label"
-    }
-  });
-}
-function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "ul",
-    {
-      "data-slot": "sidebar-menu",
-      "data-sidebar": "menu",
-      className: cn("flex w-full min-w-0 flex-col gap-0", className),
-      ...props
-    }
-  );
-}
-function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "li",
-    {
-      "data-slot": "sidebar-menu-item",
-      "data-sidebar": "menu-item",
-      className: cn("group/menu-item relative", className),
-      ...props
-    }
-  );
-}
-const sidebarMenuButtonVariants = cva(
-  "peer/menu-button group/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-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate",
-  {
-    variants: {
-      variant: {
-        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(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({
-  render,
-  isActive = false,
-  variant = "default",
-  size = "default",
-  tooltip,
-  className,
-  ...props
-}) {
-  const { isMobile, state } = useSidebar();
-  const comp = useRender({
-    defaultTagName: "button",
-    props: mergeProps(
-      {
-        className: cn(sidebarMenuButtonVariants({ variant, size }), className)
-      },
-      props
-    ),
-    render: !tooltip ? render : /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { render }),
-    state: {
-      slot: "sidebar-menu-button",
-      sidebar: "menu-button",
-      size,
-      active: isActive
-    }
-  });
-  if (!tooltip) {
-    return comp;
-  }
-  if (typeof tooltip === "string") {
-    tooltip = {
-      children: tooltip
-    };
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-    comp,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      TooltipContent,
-      {
-        side: "right",
-        align: "center",
-        hidden: state !== "collapsed" || isMobile,
-        ...tooltip
-      }
-    )
-  ] });
-}
-function SidebarMenuSub({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "ul",
-    {
-      "data-slot": "sidebar-menu-sub",
-      "data-sidebar": "menu-sub",
-      className: cn(
-        "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SidebarMenuSubButton({
-  render,
-  size = "md",
-  isActive = false,
-  className,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "a",
-    props: mergeProps(
-      {
-        className: cn(
-          "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden 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-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "sidebar-menu-sub-button",
-      sidebar: "menu-sub-button",
-      size,
-      active: isActive
-    }
-  });
-}
-function Collapsible({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleRoot, { "data-slot": "collapsible", ...props });
-}
-function CollapsibleTrigger({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleTrigger$1, { "data-slot": "collapsible-trigger", ...props });
-}
-function CollapsibleContent({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsiblePanel, { "data-slot": "collapsible-content", ...props });
-}
-function isRouteActive(pathname, link) {
-  if (pathname === link) return true;
-  if (link !== "/" && pathname.startsWith(link)) return true;
-  return false;
-}
-function DashboardNavigation({ routes }) {
-  const { state } = useSidebar();
-  const isCollapsed = state === "collapsed";
-  const [openCollapsible, setOpenCollapsible] = reactExports.useState(null);
-  const location = useLocation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMenu, { children: routes.map((route) => {
-    const isOpen = !isCollapsed && openCollapsible === route.id;
-    const hasSubRoutes = !!route.subs?.length;
-    const isActive = isRouteActive(location.pathname, route.link) || route.subs?.some((sub) => isRouteActive(location.pathname, sub.link));
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMenuItem, { children: hasSubRoutes ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Collapsible,
-      {
-        open: isOpen,
-        onOpenChange: (open) => setOpenCollapsible(open ? route.id : null),
-        className: "w-full",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            CollapsibleTrigger,
-            {
-              render: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                SidebarMenuButton,
-                {
-                  className: cn(
-                    "flex w-full items-center rounded-lg px-2 transition-colors",
-                    isOpen || isActive ? "bg-sidebar-muted text-foreground" : "text-muted-foreground hover:bg-sidebar-muted hover:text-foreground",
-                    isCollapsed && "justify-center"
-                  )
-                }
-              ),
-              children: [
-                route.icon,
-                !isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 flex-1 text-sm font-medium", children: route.title }),
-                !isCollapsed && hasSubRoutes && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-auto", children: isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronUp, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronDown, { className: "size-4" }) })
-              ]
-            }
-          ),
-          !isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMenuSub, { className: "my-1 ml-3.5", children: route.subs?.map((subRoute) => {
-            const isSubActive = isRouteActive(location.pathname, subRoute.link);
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              SidebarMenuItem,
-              {
-                className: "h-auto",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SidebarMenuSubButton,
-                  {
-                    render: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      Link,
-                      {
-                        to: subRoute.link,
-                        className: cn(
-                          "flex items-center rounded-md px-4 py-1.5 text-sm font-medium",
-                          isSubActive ? "bg-sidebar-muted text-foreground" : "text-muted-foreground hover:bg-sidebar-muted hover:text-foreground"
-                        )
-                      }
-                    ),
-                    children: subRoute.title
-                  }
-                )
-              },
-              `${route.id}-${subRoute.title}`
-            );
-          }) }) })
-        ]
-      }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      SidebarMenuButton,
-      {
-        tooltip: route.title,
-        render: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Link,
-          {
-            to: route.link,
-            className: cn(
-              "flex items-center rounded-lg px-2 transition-colors",
-              isActive ? "bg-sidebar-muted text-foreground" : "text-muted-foreground hover:bg-sidebar-muted hover:text-foreground",
-              isCollapsed && "justify-center"
-            )
-          }
-        ),
-        children: [
-          route.icon,
-          !isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 text-sm font-medium", children: route.title })
-        ]
-      }
-    ) }, route.id);
-  }) });
-}
-function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuRoot, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuTrigger, { "data-slot": "dropdown-menu-trigger", ...props });
-}
-function DropdownMenuContent({
-  align = "start",
-  alignOffset = 0,
-  side = "bottom",
-  sideOffset = 4,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    MenuPositioner,
-    {
-      className: "isolate z-50 outline-none",
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        MenuPopup,
-        {
-          "data-slot": "dropdown-menu-content",
-          className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95 animate-none! relative bg-popover/70 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!", className),
-          ...props
-        }
-      )
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    MenuItem,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-}
-const BASE_URL = "http://localhost:47474";
-class ApiError extends Error {
-  constructor(message, status, code) {
-    super(message);
-    this.status = status;
-    this.code = code;
-    this.name = "ApiError";
-  }
-  status;
-  code;
-}
-async function handleResponse(res) {
-  if (!res.ok) {
-    let body = null;
-    try {
-      body = await res.json();
-    } catch {
-    }
-    throw new ApiError(
-      (body && typeof body.error === "string" ? body.error : res.statusText) ?? "Unknown error",
-      res.status,
-      typeof body?.code === "string" ? body.code : void 0
-    );
-  }
-  return res.json();
-}
-async function get(path, params) {
-  const url = new URL(`${BASE_URL}${path}`);
-  const res = await fetch(url, { credentials: "include", cache: "no-store" });
-  return handleResponse(res);
-}
-async function post(path, body) {
-  const res = await fetch(`${BASE_URL}${path}`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    credentials: "include",
-    body: body != null ? JSON.stringify(body) : void 0
-  });
-  return handleResponse(res);
-}
-async function put(path, body) {
-  const res = await fetch(`${BASE_URL}${path}`, {
-    method: "PUT",
-    headers: { "Content-Type": "application/json" },
-    credentials: "include",
-    body: body != null ? JSON.stringify(body) : void 0
-  });
-  return handleResponse(res);
-}
-async function patch(path, body) {
-  const res = await fetch(`${BASE_URL}${path}`, {
-    method: "PATCH",
-    headers: { "Content-Type": "application/json" },
-    credentials: "include",
-    body: body != null ? JSON.stringify(body) : void 0
-  });
-  return handleResponse(res);
-}
-async function del(path) {
-  const res = await fetch(`${BASE_URL}${path}`, {
-    method: "DELETE",
-    credentials: "include"
-  });
-  return handleResponse(res);
-}
-function uid() {
-  return Date.now().toString(36) + Math.random().toString(36).slice(2, 8);
-}
-const ACTIVE_SESSION_KEY = "hermium_active_session";
-const PINNED_SESSIONS_KEY = "hermium_pinned_sessions";
-function loadPinnedSessions() {
-  try {
-    const raw = localStorage.getItem(PINNED_SESSIONS_KEY);
-    return raw ? JSON.parse(raw) : [];
-  } catch {
-    return [];
-  }
-}
-function savePinnedSessions(ids) {
-  localStorage.setItem(PINNED_SESSIONS_KEY, JSON.stringify(ids));
-}
-const initialState = {
-  sessions: [],
-  activeSessionId: null,
-  streamingSessions: /* @__PURE__ */ new Set(),
-  isLoadingSessions: false,
-  isLoadingMessages: false,
-  sessionsLoaded: false,
-  pinnedSessionIds: loadPinnedSessions()
-};
-let _loadingSessionId = null;
-const useChatStore = create()(
-  devtools(
-    (set, get$1) => ({
-      ...initialState,
-      getSession: (id) => get$1().sessions.find((s) => s.id === id),
-      activeSession: () => {
-        const st = get$1();
-        return st.sessions.find((s) => s.id === st.activeSessionId) || null;
-      },
-      messages: () => {
-        const st = get$1();
-        const session = st.sessions.find((s) => s.id === st.activeSessionId);
-        return session?.messages || [];
-      },
-      updateSession: (id, update) => {
-        set((s) => ({
-          sessions: s.sessions.map(
-            (sx) => sx.id === id ? { ...sx, ...update } : sx
-          )
-        }));
-      },
-      loadSessions: async () => {
-        try {
-          set({ isLoadingSessions: true });
-          const data = await get("/api/sessions");
-          const apiSessions = (data.sessions || []).map((s) => {
-            const startedAt = s.started_at ? s.started_at < 1e12 ? s.started_at * 1e3 : s.started_at : Date.now();
-            return {
-              id: String(s.id),
-              title: s.title || "Untitled",
-              model: s.model || "",
-              source: s.source || "webui",
-              messages: [],
-              createdAt: startedAt,
-              updatedAt: s.ended_at ? s.ended_at < 1e12 ? s.ended_at * 1e3 : s.ended_at : startedAt,
-              messageCount: s.message_count ?? 0,
-              inputTokens: s.input_tokens ?? 0,
-              outputTokens: s.output_tokens ?? 0
-            };
-          });
-          const deduped = /* @__PURE__ */ new Map();
-          for (const s of apiSessions) deduped.set(s.id, s);
-          const apiSessionsDeduped = [...deduped.values()];
-          const preservedLocals = get$1().sessions.filter(
-            (local) => !apiSessionsDeduped.some((api) => api.id === local.id) && (local.messages.length > 0 || local.id === get$1().activeSessionId)
-          );
-          const merged = [...preservedLocals, ...apiSessionsDeduped];
-          set({ sessions: merged, sessionsLoaded: true, streamingSessions: /* @__PURE__ */ new Set() });
-          const currentActive = get$1().activeSessionId;
-          if (!currentActive) {
-            const savedId = localStorage.getItem(ACTIVE_SESSION_KEY);
-            if (savedId && apiSessionsDeduped.some((s) => s.id === savedId)) {
-              get$1().switchSession(savedId);
-            }
-          }
-        } catch (err) {
-          console.error("Failed to load sessions:", err);
-        } finally {
-          set({ isLoadingSessions: false });
-        }
-      },
-      switchSession: (id) => {
-        const current = get$1().activeSessionId;
-        if (current === id) return;
-        set({ activeSessionId: id });
-        localStorage.setItem(ACTIVE_SESSION_KEY, id);
-      },
-      loadSessionMessages: async (id) => {
-        _loadingSessionId = id;
-        try {
-          set({ isLoadingMessages: true });
-          const data = await get(`/api/sessions/${id}`);
-          if (_loadingSessionId !== id) return;
-          const rawMessages = data.messages || [];
-          const msgs = rawMessages.map((m, idx) => ({
-            id: String(m.id || `${id}-${idx}`),
-            role: m.role,
-            content: typeof m.content === "string" ? m.content : "",
-            timestamp: m.timestamp ? Number(m.timestamp) * (m.timestamp < 1e12 ? 1e3 : 1) : Date.now(),
-            toolCalls: m.tool_calls ? m.tool_calls.map((tc) => ({
-              name: tc.function?.name || tc.name || "tool",
-              preview: "",
-              status: "done",
-              callId: tc.id || void 0,
-              output: void 0
-            })) : void 0,
-            reasoning: m.reasoning || m.reasoning_content || void 0
-          }));
-          const title = data.title || msgs.find((m) => m.role === "user")?.content?.slice(0, 64) || "Untitled";
-          set((s) => {
-            const existing = s.sessions.find((sx) => sx.id === id);
-            if (existing) {
-              const mergedMessages = msgs.length === 0 && existing.messages.length > 0 ? existing.messages : msgs;
-              return {
-                sessions: s.sessions.map(
-                  (sx) => sx.id === id ? {
-                    ...sx,
-                    messages: mergedMessages,
-                    title,
-                    model: sx.model || data.model || "",
-                    messageCount: data.message_count ?? sx.messageCount ?? msgs.length,
-                    inputTokens: data.input_tokens ?? sx.inputTokens ?? 0,
-                    outputTokens: data.output_tokens ?? sx.outputTokens ?? 0,
-                    reasoningTokens: data.reasoning_tokens ?? sx.reasoningTokens ?? 0
-                  } : sx
-                )
-              };
-            }
-            return {
-              sessions: [
-                ...s.sessions,
-                {
-                  id,
-                  title,
-                  model: data.model || "",
-                  source: data.source || "webui",
-                  messages: msgs,
-                  createdAt: data.started_at ? data.started_at < 1e12 ? data.started_at * 1e3 : data.started_at : Date.now(),
-                  updatedAt: data.ended_at ? data.ended_at < 1e12 ? data.ended_at * 1e3 : data.ended_at : Date.now(),
-                  messageCount: data.message_count ?? msgs.length,
-                  inputTokens: data.input_tokens ?? 0,
-                  outputTokens: data.output_tokens ?? 0,
-                  reasoningTokens: data.reasoning_tokens ?? 0
-                }
-              ]
-            };
-          });
-        } finally {
-          if (_loadingSessionId === id) _loadingSessionId = null;
-          set({ isLoadingMessages: false });
-        }
-      },
-      deleteSession: (id) => {
-        set((s) => ({
-          sessions: s.sessions.filter((sx) => sx.id !== id)
-        }));
-      },
-      newChat: async (model) => {
-        const sessionId = uid();
-        const now = Date.now();
-        const session = {
-          id: sessionId,
-          title: "New Conversation",
-          model: model || "",
-          messages: [],
-          createdAt: now,
-          updatedAt: now
-        };
-        set((s) => ({
-          sessions: [session, ...s.sessions],
-          activeSessionId: session.id
-        }));
-        localStorage.setItem(ACTIVE_SESSION_KEY, session.id);
-        return session.id;
-      },
-      addOrUpdateSession: (session) => {
-        set((s) => {
-          const idx = s.sessions.findIndex((sx) => sx.id === session.id);
-          if (idx >= 0) {
-            const updated = [...s.sessions];
-            updated[idx] = { ...updated[idx], ...session };
-            return { sessions: updated };
-          }
-          return { sessions: [session, ...s.sessions] };
-        });
-      },
-      togglePin: (sessionId) => {
-        set((s) => {
-          const isPinned = s.pinnedSessionIds.includes(sessionId);
-          const next = isPinned ? s.pinnedSessionIds.filter((id) => id !== sessionId) : [...s.pinnedSessionIds, sessionId];
-          savePinnedSessions(next);
-          return { pinnedSessionIds: next };
-        });
-      },
-      isSessionStreaming: (id) => {
-        return get$1().streamingSessions.has(id);
-      }
-    }),
-    { name: "chat", enabled: false }
-  )
-);
-async function createSession(params) {
-  const data = await post("/api/sessions", { model: params?.model });
-  return {
-    id: data.id,
-    session_id: data.id,
-    title: data.title || "New Conversation",
-    workspace: params?.workspace || "",
-    model: data.model || "",
-    source: data.source || "webui",
-    message_count: data.message_count ?? 0,
-    started_at: data.started_at,
-    ended_at: null,
-    created_at: data.started_at,
-    updated_at: data.started_at,
-    input_tokens: data.input_tokens ?? 0,
-    output_tokens: data.output_tokens ?? 0
-  };
-}
-async function renameSession(sessionId, title) {
-  return patch(`/api/sessions/${sessionId}`, { title });
-}
-async function deleteSessionApi(sessionId) {
-  return del(`/api/sessions/${sessionId}`);
-}
-async function fetchModels() {
-  return get("/api/config/models");
-}
-async function updateModelConfig(params) {
-  return post("/api/config/model", params);
-}
-async function respondApproval(params) {
-  return post("/api/approval/respond", params);
-}
-async function fetchVersion() {
-  return get("/api/version");
-}
-async function triggerUpdate() {
-  return post("/api/update");
-}
-function useVersionCheck() {
-  return useQuery({
-    queryKey: ["version"],
-    queryFn: fetchVersion,
-    staleTime: 5 * 60 * 1e3,
-    // 5 minutes
-    refetchInterval: 5 * 60 * 1e3,
-    // poll every 5 minutes
-    refetchIntervalInBackground: false,
-    retry: 2
-  });
-}
-function useTriggerUpdate() {
-  return useMutation({
-    mutationFn: triggerUpdate
-  });
-}
-function normalizeContent(raw) {
-  if (typeof raw === "string") return raw;
-  if (Array.isArray(raw)) {
-    return raw.map((p) => typeof p === "object" && p.text ? p.text : "").join(" ");
-  }
-  return "";
-}
-function transformMessage(m, sessionId, index) {
-  const role = m.role;
-  const content = normalizeContent(m.content);
-  const reasoning = m.reasoning || m.reasoning_content || "";
-  const toolCalls = [];
-  if (Array.isArray(m.tool_calls)) {
-    for (const tc of m.tool_calls) {
-      const fn = tc.function;
-      const tcName = fn?.name || tc.name;
-      if (tcName) {
-        toolCalls.push({ name: tcName, preview: "", status: "done" });
-      }
-    }
-  }
-  let displayRole = "assistant";
-  if (role === "user") displayRole = "user";
-  if (role === "tool") displayRole = "tool";
-  return {
-    id: `${sessionId}-${index}`,
-    role: displayRole,
-    content,
-    timestamp: m.timestamp ? Number(m.timestamp) * (m.timestamp < 1e12 ? 1e3 : 1) : Date.now(),
-    reasoning: reasoning || void 0,
-    toolName: m.name || void 0,
-    toolCalls: toolCalls.length > 0 ? toolCalls : void 0
-  };
-}
-const sessionMsgKeys = {
-  all: ["session-messages"],
-  detail: (id) => [...sessionMsgKeys.all, id]
-};
-function prefetchSessionMessages(queryClient2, sessionId) {
-  return queryClient2.prefetchQuery({
-    queryKey: sessionMsgKeys.detail(sessionId),
-    queryFn: async () => {
-      const data = await get(
-        `/api/sessions/${sessionId}`
-      );
-      const msgs = [];
-      let derivedTitle = data.title || "";
-      for (const m of data.messages ?? []) {
-        const msg = transformMessage(m, sessionId, msgs.length);
-        msgs.push(msg);
-        if (!derivedTitle && m.role === "user" && msg.content.trim()) {
-          derivedTitle = msg.content.trim();
-        }
-      }
-      return { messages: msgs, title: derivedTitle || "Conversation" };
-    },
-    staleTime: 3e4,
-    gcTime: 3e5
-  });
-}
-const dashboardRoutes = [
-  {
-    id: "dashboard",
-    title: "New Chat",
-    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconCirclePlus, { className: "size-4" }),
-    link: "/"
-  },
-  {
-    id: "memory",
-    title: "Memory",
-    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconBrain, { className: "size-4" }),
-    link: "/memory"
-  },
-  {
-    id: "skills",
-    title: "Skills",
-    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconPuzzle, { className: "size-4" }),
-    link: "/skills"
-  },
-  {
-    id: "automations",
-    title: "Automations",
-    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconRobot, { className: "size-4" }),
-    link: "/automations"
-  },
-  {
-    id: "channels",
-    title: "Channels",
-    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconHash, { className: "size-4" }),
-    link: "/channels"
-  },
-  {
-    id: "usage",
-    title: "Usage",
-    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconChartBar, { className: "size-4" }),
-    link: "/usage"
-  }
-];
-function isSettingsPath(pathname) {
-  return pathname.startsWith("/settings");
-}
-function DashboardSidebar() {
-  const { state } = useSidebar();
-  const isCollapsed = state === "collapsed";
-  const { resolvedTheme, setTheme } = useTheme();
-  const queryClient2 = useQueryClient();
-  const sessions = useChatStore((s) => s.sessions);
-  const loadSessions = useChatStore((s) => s.loadSessions);
-  const activeSessionId = useChatStore((s) => s.activeSessionId);
-  const deleteStoreSession = useChatStore((s) => s.deleteSession);
-  const sessionsLoaded = useChatStore((s) => s.sessionsLoaded);
-  const pinnedIds = useChatStore((s) => s.pinnedSessionIds);
-  const togglePin = useChatStore((s) => s.togglePin);
-  const prefetchSession = reactExports.useCallback(
-    (sid) => prefetchSessionMessages(queryClient2, sid),
-    [queryClient2]
-  );
-  const location = useLocation();
-  const currentSection = new URLSearchParams(location.search).get("section") || "appearance";
-  const [searchQuery, setSearchQuery] = reactExports.useState("");
-  const [isSearchOpen, setIsSearchOpen] = reactExports.useState(false);
-  const [activePanel, setActivePanel] = reactExports.useState(
-    isSettingsPath(location.pathname) ? "settings" : "main"
-  );
-  const searchRef = reactExports.useRef(null);
-  reactExports.useEffect(() => {
-    setActivePanel(isSettingsPath(location.pathname) ? "settings" : "main");
-  }, [location.pathname]);
-  reactExports.useEffect(() => {
-    console.log("[Sidebar] mount effect, sessionsLoaded=", sessionsLoaded);
-    if (!sessionsLoaded) {
-      loadSessions();
-    }
-  }, [sessionsLoaded, loadSessions]);
-  const [editingSessionId, setEditingSessionId] = reactExports.useState(null);
-  const [editTitle, setEditTitle] = reactExports.useState("");
-  const renameInputRef = reactExports.useRef(null);
-  const handleDeleteSession = async (sid) => {
-    try {
-      await deleteSessionApi(sid);
-      deleteStoreSession(sid);
-    } catch {
-    }
-  };
-  const handleRename = async (sid) => {
-    const trimmed = editTitle.trim();
-    if (!trimmed) {
-      setEditingSessionId(null);
-      return;
-    }
-    try {
-      await renameSession(sid, trimmed);
-      useChatStore.getState().updateSession(sid, { title: trimmed });
-    } catch {
-    }
-    setEditingSessionId(null);
-  };
-  const handleCopyId = (sid) => {
-    navigator.clipboard.writeText(sid).catch(() => {
-    });
-  };
-  const startRename = (s) => {
-    setEditingSessionId(s.id);
-    setEditTitle(s.title);
-    setTimeout(() => renameInputRef.current?.focus(), 0);
-  };
-  const visibleSessions = sessions.filter(
-    (s) => s.messages.length > 0 || (s.messageCount ?? 0) > 0 || s.id === activeSessionId
-  );
-  const filteredSessions = searchQuery ? visibleSessions.filter(
-    (s) => s.title.toLowerCase().includes(searchQuery.toLowerCase())
-  ) : visibleSessions;
-  const pinnedSessions = filteredSessions.filter((s) => pinnedIds.includes(s.id));
-  const unpinnedSessions = filteredSessions.filter((s) => !pinnedIds.includes(s.id));
-  const openSearch = () => {
-    setIsSearchOpen(true);
-    setTimeout(() => searchRef.current?.focus(), 0);
-  };
-  const closeSearch = () => {
-    setIsSearchOpen(false);
-    setSearchQuery("");
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Sidebar, { variant: "inset", collapsible: "icon", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      SidebarHeader,
-      {
-        className: cn(
-          "flex px-0.5 md:pt-3.5",
-          isCollapsed ? "flex-row items-center justify-between gap-y-4 md:flex-col md:items-start md:justify-start" : "flex-row items-center justify-between"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "/", className: "flex items-center px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: "/nous-logo.png", alt: "Nous", className: "h-6 w-6 rounded object-cover shrink-0" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex items-center gap-2", isCollapsed ? "flex-row md:flex-col-reverse" : "flex-row"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTrigger, {}) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex flex-col flex-1 min-h-0 gap-1 px-0.5 py-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: "flex h-full transition-transform duration-150 ease-out",
-        style: {
-          width: "200%",
-          transform: activePanel === "settings" ? "translateX(-50%)" : "translateX(0)"
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 h-full justify-between w-1/2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 flex-1 min-h-0", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardNavigation, { routes: dashboardRoutes }),
-              !isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarGroup, { className: "px-0 flex flex-col min-h-0", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "group/search flex items-center justify-between px-0.5 pb-0.5 shrink-0", children: isSearchOpen ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center gap-1 min-w-0", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(IconSearch, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "input",
-                    {
-                      ref: searchRef,
-                      value: searchQuery,
-                      onChange: (e) => setSearchQuery(e.target.value),
-                      onKeyDown: (e) => {
-                        if (e.key === "Escape") closeSearch();
-                      },
-                      placeholder: "Search...",
-                      className: "flex-1 min-w-0 bg-transparent border-none outline-none text-xs text-foreground placeholder:text-muted-foreground/50"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      onClick: closeSearch,
-                      className: "flex shrink-0 items-center justify-center rounded-md p-1 text-muted-foreground hover:text-foreground hover:bg-sidebar-muted transition-colors",
-                      "aria-label": "Close search",
-                      title: "Close search",
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconX, { className: "size-4" })
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarGroupLabel, { className: "!text-[11px] !font-normal text-muted-foreground/60", children: "Chats" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      onClick: openSearch,
-                      className: "flex shrink-0 items-center justify-center rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground group-hover/search:opacity-100 transition-opacity",
-                      "aria-label": "Search chats",
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconSearch, { className: "size-3.5" })
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarMenu, { children: [
-                  filteredSessions.length === 0 && searchQuery && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "px-2 py-4 text-xs text-muted-foreground", children: [
-                    'No chats match "',
-                    searchQuery,
-                    '"'
-                  ] }),
-                  filteredSessions.length === 0 && !searchQuery && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-2 py-4 text-xs text-muted-foreground", children: "No conversations yet. Start chatting!" }),
-                  pinnedSessions.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    SessionItem,
-                    {
-                      session: s,
-                      isActive: activeSessionId === s.id,
-                      isEditing: editingSessionId === s.id,
-                      editTitle,
-                      setEditTitle,
-                      renameInputRef,
-                      onRename: (sid) => handleRename(sid),
-                      onCancelRename: () => setEditingSessionId(null),
-                      onPrefetch: () => prefetchSession(s.id),
-                      onStartRename: () => startRename(s),
-                      onTogglePin: () => togglePin(s.id),
-                      onCopyId: () => handleCopyId(s.id),
-                      onDelete: () => handleDeleteSession(s.id),
-                      isPinned: true
-                    },
-                    s.id
-                  )),
-                  unpinnedSessions.slice(0, 20).map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    SessionItem,
-                    {
-                      session: s,
-                      isActive: activeSessionId === s.id,
-                      isEditing: editingSessionId === s.id,
-                      editTitle,
-                      setEditTitle,
-                      renameInputRef,
-                      onRename: (sid) => handleRename(sid),
-                      onCancelRename: () => setEditingSessionId(null),
-                      onPrefetch: () => prefetchSession(s.id),
-                      onStartRename: () => startRename(s),
-                      onTogglePin: () => togglePin(s.id),
-                      onCopyId: () => handleCopyId(s.id),
-                      onDelete: () => handleDeleteSession(s.id)
-                    },
-                    s.id
-                  ))
-                ] }) })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "shrink-0 space-y-1", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(UpdateBanner, { isCollapsed }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex items-center", isCollapsed ? "flex-col gap-1" : "flex-row gap-1"), children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  Link,
-                  {
-                    to: "/settings",
-                    className: cn(
-                      "flex items-center gap-1.5 rounded-md text-xs font-medium text-muted-foreground hover:bg-sidebar-muted hover:text-foreground transition-colors",
-                      isCollapsed ? "justify-center p-1.5 w-full" : "flex-1 px-2 py-1"
-                    ),
-                    "aria-label": "Settings",
-                    title: isCollapsed ? "Settings" : void 0,
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(IconSettings, { className: "size-3.5 shrink-0" }),
-                      !isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Settings" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  "button",
-                  {
-                    onClick: () => setTheme(resolvedTheme === "dark" ? "light" : "dark"),
-                    className: cn(
-                      "flex items-center justify-center rounded-md text-muted-foreground hover:bg-sidebar-muted hover:text-foreground transition-colors",
-                      isCollapsed ? "p-1.5 w-full" : "p-1.5"
-                    ),
-                    "aria-label": "Toggle theme",
-                    title: isCollapsed ? resolvedTheme === "dark" ? "Light mode" : "Dark mode" : void 0,
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(IconSun, { className: "size-3.5 dark:hidden" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(IconMoon, { className: "size-3.5 hidden dark:block" })
-                    ]
-                  }
-                )
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full justify-between w-1/2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-1 pb-1.5 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/60", children: "Settings" }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto min-h-0 space-y-0.5 px-0.5", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SettingsGroup,
-                  {
-                    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconPaint, { className: "size-4" }),
-                    title: "Appearance",
-                    section: "appearance",
-                    activeSection: currentSection
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SettingsGroup,
-                  {
-                    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(IconBrandGithub, { className: "size-4" }),
-                    title: "About",
-                    section: "about",
-                    activeSection: currentSection
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 px-0.5 pb-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              Link,
-              {
-                to: "/",
-                className: "flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm text-muted-foreground hover:bg-sidebar-muted hover:text-foreground transition-colors",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowLeft, { className: "size-4 shrink-0" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Back to app" })
-                ]
-              }
-            ) })
-          ] })
-        ]
-      }
-    ) }) }) })
-  ] });
-}
-function SettingsGroup({
-  icon,
-  title,
-  section,
-  activeSection
-}) {
-  const isActive = activeSection === section;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Link,
-    {
-      to: "/settings",
-      search: { section },
-      className: cn(
-        "flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors",
-        isActive ? "bg-sidebar-muted text-foreground font-medium" : "text-muted-foreground hover:bg-sidebar-muted hover:text-foreground"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: title })
-      ]
-    }
-  );
-}
-function SessionItem({
-  session,
-  isActive,
-  isEditing,
-  editTitle,
-  setEditTitle,
-  renameInputRef,
-  onRename,
-  onCancelRename,
-  onPrefetch,
-  onStartRename,
-  onTogglePin,
-  onCopyId,
-  onDelete,
-  isPinned = false
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMenuItem, { className: "group/chat", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative", children: isEditing ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "input",
-    {
-      ref: renameInputRef,
-      value: editTitle,
-      onChange: (e) => setEditTitle(e.target.value),
-      onKeyDown: (e) => {
-        if (e.key === "Enter") onRename(session.id);
-        if (e.key === "Escape") onCancelRename();
-      },
-      onBlur: () => onCancelRename(),
-      className: "w-full px-2 py-1 text-xs font-medium bg-transparent border-b border-sidebar-ring text-foreground outline-none"
-    }
-  ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      SidebarMenuButton,
-      {
-        isActive,
-        className: "px-2 py-1 pr-8 text-xs font-medium text-muted-foreground hover:text-foreground data-[active=true]:bg-sidebar-muted data-[active=true]:text-foreground",
-        onDoubleClick: onStartRename,
-        render: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Link,
-          {
-            to: `/chat/${session.id}`,
-            className: "flex items-center gap-1.5",
-            onPointerEnter: onPrefetch
-          }
-        ),
-        children: [
-          isPinned && /* @__PURE__ */ jsxRuntimeExports.jsx(IconPin, { className: "size-3 shrink-0 text-amber-500" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: session.title })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        DropdownMenuTrigger,
-        {
-          render: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex items-center justify-center rounded-md p-1 text-muted-foreground opacity-0 hover:bg-sidebar-muted hover:text-foreground group-hover/chat:opacity-100 transition-opacity" }),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconDots, { className: "size-4" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "end", side: "right", sideOffset: 4, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { className: "gap-2", onClick: onStartRename, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(IconPencil, { className: "size-3.5" }),
-          "Rename"
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { className: "gap-2", onClick: onTogglePin, children: isPinned ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(IconPinnedOff, { className: "size-3.5" }),
-          "Unpin"
-        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(IconPin, { className: "size-3.5" }),
-          "Pin"
-        ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { className: "gap-2", onClick: onCopyId, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(IconCopy, { className: "size-3.5" }),
-          "Copy ID"
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          DropdownMenuItem,
-          {
-            className: "gap-2 text-destructive",
-            onClick: onDelete,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(IconTrash, { className: "size-3.5" }),
-              "Delete"
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] }) }) });
-}
-function UpdateBanner({ isCollapsed }) {
-  const { data, isLoading } = useVersionCheck();
-  const updateMutation = useTriggerUpdate();
-  const [showPanel, setShowPanel] = reactExports.useState(false);
-  if (isLoading || !data?.outdated) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        onClick: () => setShowPanel((s) => !s),
-        className: cn(
-          "flex items-center gap-1.5 rounded-md text-xs font-medium transition-colors w-full",
-          isCollapsed ? "justify-center p-1.5 bg-amber-500/10 text-amber-600 hover:bg-amber-500/20 dark:text-amber-400" : "px-2 py-1.5 bg-amber-500/10 text-amber-600 hover:bg-amber-500/20 dark:text-amber-400"
-        ),
-        title: "Update available",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(IconDownload, { className: "size-3.5 shrink-0" }),
-          !isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "truncate", children: [
-            "Update v",
-            data.latest
-          ] })
-        ]
-      }
-    ),
-    showPanel && !isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-full left-0 right-0 mb-1.5 rounded-lg border border-border bg-popover p-3 shadow-lg z-50", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs font-medium text-foreground", children: [
-        "Hermium v",
-        data.latest,
-        " is available"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
-        "You are running v",
-        data.current,
-        "."
-      ] }),
-      updateMutation.isSuccess && updateMutation.data.success ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md bg-green-500/10 px-2 py-1.5 text-[11px] text-green-600 dark:text-green-400", children: updateMutation.data.message }) : updateMutation.isSuccess && !updateMutation.data.success ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md bg-red-500/10 px-2 py-1.5 text-[11px] text-red-600 dark:text-red-400", children: updateMutation.data.message }),
-        updateMutation.data.command && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 rounded-md border border-border bg-muted px-2 py-1.5", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "flex-1 text-[11px] font-mono text-foreground truncate", children: updateMutation.data.command }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              onClick: () => navigator.clipboard.writeText(updateMutation.data.command),
-              className: "shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-muted-foreground/10 transition-colors",
-              title: "Copy command",
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconCopy, { className: "size-3.5" })
-            }
-          )
-        ] })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => updateMutation.mutate(),
-            disabled: updateMutation.isPending,
-            className: "flex-1 rounded-md bg-primary px-2 py-1 text-[11px] font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-            children: updateMutation.isPending ? "Updating..." : "Update now"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => {
-              if (data.updateCommand) {
-                navigator.clipboard.writeText(data.updateCommand);
-              }
-            },
-            className: "rounded-md border border-border px-2 py-1 text-[11px] font-medium text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
-            children: "Copy cmd"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          onClick: () => setShowPanel(false),
-          className: "w-full rounded-md border border-border px-2 py-1 text-[11px] font-medium text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
-          children: "Dismiss"
-        }
-      )
-    ] }) })
-  ] });
-}
-function DashboardLayout({ children }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarProvider, { style: { "--sidebar-width-icon": "2.5rem" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-dvh w-full", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardSidebar, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarInset, { className: "flex flex-col min-w-0", children })
-  ] }) });
-}
-const appCss = "/assets/styles-KcflDlA_.css";
-const themeScript = `
-  (function() {
-    try {
-      var theme = localStorage.getItem('hermium-theme') || 'system';
-      var resolved = theme === 'system'
-        ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')
-        : theme;
-      if (resolved === 'dark') {
-        document.documentElement.classList.add('dark');
-      } else {
-        document.documentElement.classList.remove('dark');
-      }
-    } catch (e) {}
-  })();
-`;
-const Route$9 = createRootRoute({
-  head: () => ({
-    meta: [
-      { charSet: "utf-8" },
-      {
-        name: "viewport",
-        content: "width=device-width, initial-scale=1"
-      },
-      { title: "Hermium" }
-    ],
-    links: [
-      { rel: "stylesheet", href: appCss },
-      { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
-      { rel: "icon", type: "image/png", href: "/favicon.png" }
-    ],
-    scripts: [{ type: "text/javascript", children: themeScript }]
-  }),
-  notFoundComponent: () => /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "container mx-auto p-4 pt-16", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: "404" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "The requested page could not be found." })
-  ] }),
-  shellComponent: RootDocument
-});
-function RootDocument({ children }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("html", { lang: "en", suppressHydrationWarning: true, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("head", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeadContent, {}) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("body", { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardLayout, { children }) }) }) }),
-      false,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Scripts, {})
-    ] })
-  ] });
-}
-const $$splitComponentImporter$8 = () => import("./index-6itDALOw.mjs");
-const Route$8 = createFileRoute("/")({
-  component: lazyRouteComponent($$splitComponentImporter$8, "component")
-});
-const $$splitComponentImporter$7 = () => import("./index-C_ZxnypN.mjs");
-const Route$7 = createFileRoute("/usage/")({
-  component: lazyRouteComponent($$splitComponentImporter$7, "component")
-});
-const $$splitComponentImporter$6 = () => import("./index-BIRTrOmp.mjs");
-const Route$6 = createFileRoute("/skills/")({
-  component: lazyRouteComponent($$splitComponentImporter$6, "component")
-});
-const $$splitComponentImporter$5 = () => import("./index-C5HpvlUP.mjs");
-const settingsSearchSchema = object({
-  section: string().optional().default("appearance")
-});
-const Route$5 = createFileRoute("/settings/")({
-  component: lazyRouteComponent($$splitComponentImporter$5, "component"),
-  validateSearch: (search) => settingsSearchSchema.parse(search)
-});
-const $$splitComponentImporter$4 = () => import("./index-0n2Z3BPQ.mjs");
-const Route$4 = createFileRoute("/memory/")({
-  component: lazyRouteComponent($$splitComponentImporter$4, "component")
-});
-const $$splitComponentImporter$3 = () => import("./index-BPzfADac.mjs");
-const Route$3 = createFileRoute("/chat/")({
-  component: lazyRouteComponent($$splitComponentImporter$3, "component")
-});
-const $$splitComponentImporter$2 = () => import("./index-DNVESZiA.mjs");
-const Route$2 = createFileRoute("/channels/")({
-  component: lazyRouteComponent($$splitComponentImporter$2, "component")
-});
-const $$splitComponentImporter$1 = () => import("./index-Ca8JFH8f.mjs");
-const Route$1 = createFileRoute("/automations/")({
-  component: lazyRouteComponent($$splitComponentImporter$1, "component")
-});
-const $$splitComponentImporter = () => import("./index-BQE3bF14.mjs");
-const Route = createFileRoute("/chat/$sessionId/")({
-  component: lazyRouteComponent($$splitComponentImporter, "component")
-});
-const IndexRoute = Route$8.update({
-  id: "/",
-  path: "/",
-  getParentRoute: () => Route$9
-});
-const UsageIndexRoute = Route$7.update({
-  id: "/usage/",
-  path: "/usage/",
-  getParentRoute: () => Route$9
-});
-const SkillsIndexRoute = Route$6.update({
-  id: "/skills/",
-  path: "/skills/",
-  getParentRoute: () => Route$9
-});
-const SettingsIndexRoute = Route$5.update({
-  id: "/settings/",
-  path: "/settings/",
-  getParentRoute: () => Route$9
-});
-const MemoryIndexRoute = Route$4.update({
-  id: "/memory/",
-  path: "/memory/",
-  getParentRoute: () => Route$9
-});
-const ChatIndexRoute = Route$3.update({
-  id: "/chat/",
-  path: "/chat/",
-  getParentRoute: () => Route$9
-});
-const ChannelsIndexRoute = Route$2.update({
-  id: "/channels/",
-  path: "/channels/",
-  getParentRoute: () => Route$9
-});
-const AutomationsIndexRoute = Route$1.update({
-  id: "/automations/",
-  path: "/automations/",
-  getParentRoute: () => Route$9
-});
-const ChatSessionIdIndexRoute = Route.update({
-  id: "/chat/$sessionId/",
-  path: "/chat/$sessionId/",
-  getParentRoute: () => Route$9
-});
-const rootRouteChildren = {
-  IndexRoute,
-  AutomationsIndexRoute,
-  ChannelsIndexRoute,
-  ChatIndexRoute,
-  MemoryIndexRoute,
-  SettingsIndexRoute,
-  SkillsIndexRoute,
-  UsageIndexRoute,
-  ChatSessionIdIndexRoute
-};
-const routeTree = Route$9._addFileChildren(rootRouteChildren)._addFileTypes();
-function getRouter() {
-  const router2 = createRouter({
-    routeTree,
-    scrollRestoration: true,
-    defaultPreload: "intent",
-    defaultPreloadStaleTime: 0
-  });
-  return router2;
-}
-const router = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getRouter
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Button as B,
-  DropdownMenu as D,
-  Route$5 as R,
-  cn as a,
-  DropdownMenuTrigger as b,
-  createSession as c,
-  DropdownMenuContent as d,
-  DropdownMenuItem as e,
-  useTheme as f,
-  get as g,
-  useChatStore as h,
-  put as i,
-  patch as j,
-  del as k,
-  deleteSessionApi as l,
-  respondApproval as m,
-  Route as n,
-  fetchModels as o,
-  post as p,
-  router as q,
-  renameSession as r,
-  updateModelConfig as u
-};