@leverege/imaginarium-ui 1.1.0 → 1.2.0

package/lib/ImaginariumApp-B7Vlrxfd.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),m=require("react"),A=require("@tanstack/react-query"),f=require("@leverege/plugin"),F=require("./Tooltip-DQn1fHhM.cjs"),i=require("./Card-CHVaz_7u.cjs"),Q=require("@radix-ui/react-toast"),H=require("class-variance-authority"),C=require("lucide-react"),y=require("./registry-CHzOVHAg.cjs"),h=require("wouter");function O(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const v=O(m),d=O(Q);function U(t){const{element:r}=t;return m.isValidElement(r)?r:typeof r=="function"?m.createElement(r):r}function L({fallback:t,children:r}){const n=y.getPages();return e.jsxs("main",{className:"flex-1 overflow-y-auto px-6 py-6",children:[r,e.jsxs(h.Switch,{children:[n.map(o=>e.jsx(h.Route,{path:o.path,children:U(o)},o.path)),e.jsx(h.Route,{children:t??e.jsx("div",{className:"p-8 text-muted-foreground",children:"Not found"})})]})]})}function W(t){const r=[],n=new Map;for(const s of t){if(!s.section){r.push(s);continue}n.has(s.section)||n.set(s.section,{label:s.section,sectionSort:s.sectionSort??s.sort??0,items:[]}),n.get(s.section).items.push(s)}r.sort((s,c)=>(s.sort??0)-(c.sort??0));const o=Array.from(n.values());for(const s of o)s.items.sort((c,l)=>(c.sort??0)-(l.sort??0));return o.sort((s,c)=>{const l=s.sectionSort-c.sectionSort;return l!==0?l:s.label.localeCompare(c.label)}),{ungrouped:r,sections:o}}const E="imaginarium.ui.sidebar.collapsed",B="imaginarium.ui.sidebar.sections";function J(t,r){try{const n=localStorage.getItem(t);return n===null?r:n==="true"}catch{return r}}function K(){try{const t=localStorage.getItem(B);if(!t)return new Set;const r=JSON.parse(t);return new Set(Array.isArray(r)?r:[])}catch{return new Set}}const X=/^(https?:|data:|blob:|\/|\.\/|\.\.\/)/;function Y(t,r){if(!t)return null;if(typeof t=="string")return X.test(t)?e.jsx("img",{src:t,alt:"",className:r}):e.jsx("span",{className:`${t} ${r}`,"aria-hidden":"true"});const n=t;return e.jsx(n,{className:r})}function _({title:t="Imaginarium",titleIcon:r,rightSlot:n}){const[o]=h.useLocation(),[s,c]=m.useState(()=>J(E,!1)),[l,g]=m.useState(K);m.useEffect(()=>{try{localStorage.setItem(E,String(s))}catch{}},[s]),m.useEffect(()=>{try{localStorage.setItem(B,JSON.stringify(Array.from(l)))}catch{}},[l]);const j=m.useCallback(()=>c(a=>!a),[]),b=m.useCallback(a=>{g(p=>{const u=new Set(p);return u.has(a)?u.delete(a):u.add(a),u})},[]),{ungrouped:x,sections:N}=W(y.getNavItems()),S=y.getTopBarItems();return e.jsxs("aside",{className:i.cn("flex flex-col flex-shrink-0 border-r bg-background transition-[width] duration-200 ease-in-out overflow-hidden",s?"w-[52px]":"w-[220px]"),children:[e.jsxs("div",{className:"flex h-[52px] flex-shrink-0 items-center border-b px-2.5 gap-2",children:[!s&&Y(r,"h-6 w-6"),!s&&e.jsx("span",{className:"flex-1 truncate text-sm font-semibold",children:t}),e.jsx("button",{onClick:j,"aria-label":s?"Expand sidebar":"Collapse sidebar",className:i.cn("flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md border text-muted-foreground","hover:bg-accent hover:text-accent-foreground transition-colors",s&&"mx-auto border-transparent"),children:e.jsx(C.ChevronLeft,{className:i.cn("h-4 w-4 transition-transform duration-200",s&&"rotate-180")})})]}),e.jsxs("nav",{className:"flex flex-1 flex-col gap-0.5 overflow-y-auto overflow-x-hidden p-1.5",children:[x.map(({path:a,label:p,icon:u})=>{const w=o===a||o.startsWith(`${a}/`);return e.jsxs(h.Link,{href:a,title:s?p:void 0,className:i.cn("relative flex items-center gap-2.5 rounded-md px-2 py-1.5 text-sm text-muted-foreground","hover:bg-accent hover:text-accent-foreground transition-colors whitespace-nowrap",w&&"bg-accent/50 text-accent-foreground font-medium",s&&"justify-center px-2"),children:[u&&e.jsx(u,{className:"h-4 w-4 flex-shrink-0"}),!s&&e.jsx("span",{children:p})]},a)}),N.map(a=>{const p=!s&&l.has(a.label);return e.jsxs("div",{className:"flex flex-col",children:[e.jsx("div",{className:"my-1.5 h-px bg-border"}),!s&&e.jsxs("button",{onClick:()=>b(a.label),className:i.cn("flex items-center justify-between px-2 pb-1 pt-2.5","text-[10px] font-semibold uppercase tracking-widest text-muted-foreground","hover:text-foreground transition-colors cursor-pointer rounded-sm"),children:[a.label,e.jsx(C.ChevronDown,{className:i.cn("h-3 w-3 transition-transform duration-200",p&&"-rotate-90")})]}),e.jsx("div",{className:i.cn("flex flex-col gap-0.5 overflow-hidden transition-all duration-200",p?"max-h-0 opacity-0":"max-h-screen opacity-100"),children:a.items.map(({path:u,label:w,icon:q})=>{const z=o===u||o.startsWith(`${u}/`);return e.jsxs(h.Link,{href:u,title:s?w:void 0,className:i.cn("relative flex items-center gap-2.5 rounded-md px-2 py-1.5 text-sm text-muted-foreground","hover:bg-accent hover:text-accent-foreground transition-colors whitespace-nowrap",z&&"bg-accent/50 text-accent-foreground font-medium",s&&"justify-center px-2"),children:[q&&e.jsx(q,{className:"h-4 w-4 flex-shrink-0"}),!s&&e.jsx("span",{children:w})]},u)})})]},a.label)})]}),e.jsxs("div",{className:i.cn("flex flex-shrink-0 items-center border-t p-1.5",s?"flex-col gap-1":"flex-row justify-end gap-0.5"),children:[!s&&n,S.map(a=>{const p=a.component;return e.jsx(p,{},a.id)})]})]})}const D=d.Provider,T=v.forwardRef(({className:t,...r},n)=>e.jsx(d.Viewport,{ref:n,className:i.cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",t),...r}));T.displayName=d.Viewport.displayName;const Z=H.cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background text-foreground",destructive:"destructive group border-destructive bg-destructive text-destructive-foreground"}},defaultVariants:{variant:"default"}}),I=v.forwardRef(({className:t,variant:r,...n},o)=>e.jsx(d.Root,{ref:o,className:i.cn(Z({variant:r}),t),...n}));I.displayName=d.Root.displayName;const M=v.forwardRef(({className:t,...r},n)=>e.jsx(d.Action,{ref:n,className:i.cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",t),...r}));M.displayName=d.Action.displayName;const k=v.forwardRef(({className:t,...r},n)=>e.jsx(d.Close,{ref:n,className:i.cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100",t),"toast-close":"",...r,children:e.jsx(C.X,{className:"h-4 w-4"})}));k.displayName=d.Close.displayName;const P=v.forwardRef(({className:t,...r},n)=>e.jsx(d.Title,{ref:n,className:i.cn("text-sm font-semibold",t),...r}));P.displayName=d.Title.displayName;const R=v.forwardRef(({className:t,...r},n)=>e.jsx(d.Description,{ref:n,className:i.cn("text-sm opacity-90",t),...r}));R.displayName=d.Description.displayName;function V(){const{toasts:t}=i.useToast();return e.jsxs(D,{children:[t.map(({id:r,title:n,description:o,action:s,...c})=>e.jsxs(I,{...c,children:[e.jsxs("div",{className:"grid gap-1",children:[n&&e.jsx(P,{children:n}),o&&e.jsx(R,{children:o})]}),s,e.jsx(k,{})]},r)),e.jsx(T,{})]})}function ee({className:t}){return e.jsxs("svg",{viewBox:"0 0 24 24",className:t,"aria-hidden":"true",children:[e.jsx("path",{fill:"#4285F4",d:"M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.16c-.27 1.4-1.04 2.59-2.21 3.41v2.77h3.59c2.08-1.92 3.95-4.74 3.95-8.42z"}),e.jsx("path",{fill:"#34A853",d:"M12 24c2.97 0 5.46-.98 7.28-2.66l-3.59-2.77c-.98.66-2.23 1.06-3.69 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 21.53 7.7 24 12 24z"}),e.jsx("path",{fill:"#FBBC05",d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"}),e.jsx("path",{fill:"#EA4335",d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"})]})}const te={auth_failed:"Sign-in failed. Please try again."};function re(){if(typeof window>"u")return;const t=new URLSearchParams(window.location.search).get("error");if(t)return te[t]??`Sign-in error: ${t}`}function $({loginPath:t,title:r="Sign in",subtitle:n,buttonLabel:o="Sign in with Google",backgroundUrl:s,errorMessage:c}){const l=c??re(),g=!!s;return e.jsx("div",{className:"min-h-screen flex items-center justify-center bg-background bg-cover bg-center px-4",style:g?{backgroundImage:`url(${s})`}:void 0,children:e.jsxs(i.Card,{className:`w-full max-w-md ${g?"backdrop-blur-sm bg-card/90":""}`,children:[e.jsxs(i.CardHeader,{className:"text-center",children:[e.jsx(i.CardTitle,{children:r}),n&&e.jsx(i.CardDescription,{children:n})]}),e.jsxs(i.CardContent,{className:"space-y-4",children:[l&&e.jsx("div",{className:"rounded-md border border-destructive bg-destructive/10 px-4 py-2 text-sm text-destructive",children:l}),e.jsxs(i.Button,{className:"w-full",variant:"outline",onClick:()=>{window.location.href=t},children:[e.jsx(ee,{className:"h-5 w-5 mr-2"}),o]})]})]})})}function G({children:t}){const{fetchJson:r}=i.useImaginariumApi(),n=f.Config.get("ImaginariumApp","userPath","/auth/user"),{isPending:o,isError:s}=A.useQuery({queryKey:["imaginarium","auth","user",n],queryFn:()=>r(n),retry:!1,refetchOnWindowFocus:!1});if(o)return e.jsx("div",{className:"p-8 text-muted-foreground",children:"Checking sign-in…"});if(s){const c=f.Config.get("ImaginariumApp","loginPage",$),l=f.Config.get("ImaginariumApp","loginTitle",void 0),g=f.Config.get("ImaginariumApp","loginSubtitle",void 0),j=f.Config.get("ImaginariumApp","loginButtonLabel",void 0),b=f.Config.get("ImaginariumApp","loginPath","/api/login"),x=f.Config.get("ImaginariumApp","loginBackgroundUrl",void 0),N=f.Config.get("ImaginariumApp","title","Imaginarium"),S=l??`Sign in to ${N}`;return m.createElement(c,{loginPath:b,title:S,subtitle:g,buttonLabel:j,backgroundUrl:x})}return e.jsx(e.Fragment,{children:t})}function ne(t){const r=y.getProviders();let n=t;for(const{component:o}of r)n=e.jsx(o,{children:n});return n}const se=new A.QueryClient({defaultOptions:{queries:{retry:!1,refetchOnWindowFocus:!1}}});function oe({title:t,titleIcon:r,navRightSlot:n,shellFallback:o,children:s}){return ne(e.jsxs("div",{className:"flex min-h-screen bg-background text-foreground",children:[e.jsx(_,{title:t,titleIcon:r,rightSlot:n}),e.jsx(L,{fallback:o,children:s})]}))}function ie({apiBaseUrl:t="/api",queryClient:r,title:n,titleIcon:o,navRightSlot:s,shellFallback:c,children:l}){const g=m.useMemo(()=>r??se,[r]),j=f.Config.get("ImaginariumApp","requireAuth",!0),b=o??f.Config.get("ImaginariumApp","titleIcon",void 0),x=e.jsx(oe,{title:n,titleIcon:b,navRightSlot:s,shellFallback:c,children:l});return e.jsx(A.QueryClientProvider,{client:g,children:e.jsx(F.TooltipProvider,{children:e.jsxs(i.ImaginariumApiProvider,{apiBaseUrl:t,children:[j?e.jsx(G,{children:x}):x,e.jsx(V,{})]})})})}exports.AppSidebar=_;exports.ImaginariumApp=ie;exports.LoginPage=$;exports.RequireAuth=G;exports.Shell=L;exports.Toast=I;exports.ToastAction=M;exports.ToastClose=k;exports.ToastDescription=R;exports.ToastProvider=D;exports.ToastTitle=P;exports.ToastViewport=T;exports.Toaster=V;
+//# sourceMappingURL=ImaginariumApp-B7Vlrxfd.cjs.map

package/lib/ImaginariumApp-B7Vlrxfd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImaginariumApp-B7Vlrxfd.cjs","sources":["../src/shell/Shell.tsx","../src/shell/groupNavItems.ts","../src/shell/AppSidebar.tsx","../src/components/ui/Toast.tsx","../src/components/ui/Toaster.tsx","../src/auth/LoginPage.tsx","../src/auth/RequireAuth.tsx","../src/shell/ImaginariumApp.tsx"],"sourcesContent":["import { isValidElement, createElement, type ReactNode } from 'react'\nimport { Route, Switch } from 'wouter'\n\nimport { getPages } from '../plugins/registry'\nimport type { PagePlugin } from '../plugins/types'\n\nfunction renderPageElement( plugin: PagePlugin ): ReactNode {\n  const { element } = plugin\n  if ( isValidElement( element ) ) { return element }\n  if ( typeof element === 'function' ) {\n    return createElement( element as React.ComponentType )\n  }\n  return element as ReactNode\n}\n\nexport interface ShellProps {\n  fallback?: ReactNode\n  children?: ReactNode\n}\n\nexport function Shell( { fallback, children }: ShellProps ) {\n  const pages = getPages()\n\n  return (\n    <main className=\"flex-1 overflow-y-auto px-6 py-6\">\n      {children}\n      <Switch>\n        {pages.map( ( page ) => (\n          <Route key={page.path} path={page.path}>\n            {renderPageElement( page )}\n          </Route>\n        ) )}\n        <Route>{fallback ?? <div className=\"p-8 text-muted-foreground\">Not found</div>}</Route>\n      </Switch>\n    </main>\n  )\n}\n","import type { NavItemPlugin } from '../plugins/types'\n\nexport interface NavSection {\n  label: string\n  sectionSort: number\n  items: NavItemPlugin[]\n}\n\nexport interface GroupedNav {\n  ungrouped: NavItemPlugin[]\n  sections: NavSection[]\n}\n\nexport function groupNavItems( items: NavItemPlugin[] ): GroupedNav {\n  const ungrouped: NavItemPlugin[] = []\n  const sectionMap = new Map<string, NavSection>()\n\n  for ( const item of items ) {\n    if ( !item.section ) {\n      ungrouped.push( item )\n      continue\n    }\n    if ( !sectionMap.has( item.section ) ) {\n      sectionMap.set( item.section, {\n        label : item.section,\n        sectionSort : item.sectionSort ?? item.sort ?? 0,\n        items : [],\n      } )\n    }\n    sectionMap.get( item.section )!.items.push( item )\n  }\n\n  ungrouped.sort( ( a, b ) => ( a.sort ?? 0 ) - ( b.sort ?? 0 ) )\n\n  const sections = Array.from( sectionMap.values() )\n  for ( const s of sections ) {\n    s.items.sort( ( a, b ) => ( a.sort ?? 0 ) - ( b.sort ?? 0 ) )\n  }\n  sections.sort( ( a, b ) => {\n    const d = a.sectionSort - b.sectionSort\n    return d !== 0 ? d : a.label.localeCompare( b.label )\n  } )\n\n  return { ungrouped, sections }\n}\n","import { useState, useEffect, useCallback } from 'react'\nimport { Link, useLocation } from 'wouter'\nimport { ChevronLeft, ChevronDown } from 'lucide-react'\nimport { cn } from '../lib/utils'\nimport { getNavItems, getTopBarItems } from '../plugins/registry'\nimport { groupNavItems } from './groupNavItems'\nimport type { ComponentType } from 'react'\n\n/**\n * Accepted icon forms (anywhere we render an inline icon):\n *   - React component:  `Settings` from lucide-react\n *   - URL string:       `/logo.png`, `https://...`, `data:image/...`, `blob:...`\n *   - CSS class string: `fa-solid fa-gear`, `material-icons` (rendered on a <span>)\n */\nexport type IconRef = ComponentType<{ className?: string }> | string\n\nconst STORAGE_COLLAPSED = 'imaginarium.ui.sidebar.collapsed'\nconst STORAGE_SECTIONS   = 'imaginarium.ui.sidebar.sections'\n\nfunction readBool( key: string, fallback: boolean ): boolean {\n  try {\n    const v = localStorage.getItem( key )\n    return v === null ? fallback : v === 'true'\n  } catch { return fallback }\n}\n\nfunction readSections(): Set<string> {\n  try {\n    const v = localStorage.getItem( STORAGE_SECTIONS )\n    if ( !v ) { return new Set() }\n    const parsed = JSON.parse( v )\n    return new Set( Array.isArray( parsed ) ? parsed as string[] : [] )\n  } catch { return new Set() }\n}\n\nconst URL_RE = /^(https?:|data:|blob:|\\/|\\.\\/|\\.\\.\\/)/\n\nfunction renderIcon( icon: IconRef | undefined, className: string ) {\n  if ( !icon ) { return null }\n  if ( typeof icon === 'string' ) {\n    if ( URL_RE.test( icon ) ) { return <img src={icon} alt=\"\" className={className} /> }\n    return <span className={`${icon} ${className}`} aria-hidden=\"true\" />\n  }\n  const Icon = icon\n  return <Icon className={className} />\n}\n\nexport interface AppSidebarProps {\n  title?: string\n  titleIcon?: IconRef\n  rightSlot?: React.ReactNode\n}\n\nexport function AppSidebar( { title = 'Imaginarium', titleIcon, rightSlot }: AppSidebarProps ) {\n  const [ location ] = useLocation()\n  const [ collapsed, setCollapsed ] = useState( () => readBool( STORAGE_COLLAPSED, false ) )\n  const [ collapsedSections, setCollapsedSections ] = useState<Set<string>>( readSections )\n\n  useEffect( () => {\n    try { localStorage.setItem( STORAGE_COLLAPSED, String( collapsed ) ) } catch { /* ignore */ }\n  }, [ collapsed ] )\n\n  useEffect( () => {\n    try {\n      localStorage.setItem( STORAGE_SECTIONS, JSON.stringify( Array.from( collapsedSections ) ) )\n    } catch { /* ignore */ }\n  }, [ collapsedSections ] )\n\n  const toggleSidebar = useCallback( () => setCollapsed( v => !v ), [] )\n\n  const toggleSection = useCallback( ( label: string ) => {\n    setCollapsedSections( prev => {\n      const next = new Set( prev )\n      next.has( label ) ? next.delete( label ) : next.add( label )\n      return next\n    } )\n  }, [] )\n\n  const { ungrouped, sections } = groupNavItems( getNavItems() )\n  const topBarItems = getTopBarItems()\n\n  return (\n    <aside\n      className={cn(\n        'flex flex-col flex-shrink-0 border-r bg-background transition-[width] duration-200 ease-in-out overflow-hidden',\n        collapsed ? 'w-[52px]' : 'w-[220px]',\n      )}\n    >\n      {/* Header */}\n      <div className=\"flex h-[52px] flex-shrink-0 items-center border-b px-2.5 gap-2\">\n        {!collapsed && renderIcon( titleIcon, 'h-6 w-6' )}\n        {!collapsed && (\n          <span className=\"flex-1 truncate text-sm font-semibold\">{title}</span>\n        )}\n        <button\n          onClick={toggleSidebar}\n          aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          className={cn(\n            'flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md border text-muted-foreground',\n            'hover:bg-accent hover:text-accent-foreground transition-colors',\n            collapsed && 'mx-auto border-transparent',\n          )}\n        >\n          <ChevronLeft\n            className={cn( 'h-4 w-4 transition-transform duration-200', collapsed && 'rotate-180' )}\n          />\n        </button>\n      </div>\n\n      {/* Nav */}\n      <nav className=\"flex flex-1 flex-col gap-0.5 overflow-y-auto overflow-x-hidden p-1.5\">\n        {/* Ungrouped items */}\n        {ungrouped.map( ( { path, label, icon: Icon } ) => {\n          const isActive = location === path || location.startsWith( `${path}/` )\n          return (\n            <Link\n              key={path}\n              href={path}\n              title={collapsed ? label : undefined}\n              className={cn(\n                'relative flex items-center gap-2.5 rounded-md px-2 py-1.5 text-sm text-muted-foreground',\n                'hover:bg-accent hover:text-accent-foreground transition-colors whitespace-nowrap',\n                isActive && 'bg-accent/50 text-accent-foreground font-medium',\n                collapsed && 'justify-center px-2',\n              )}\n            >\n              {Icon && <Icon className=\"h-4 w-4 flex-shrink-0\" />}\n              {!collapsed && <span>{label}</span>}\n            </Link>\n          )\n        } )}\n\n        {/* Sections */}\n        {sections.map( ( section ) => {\n          const isSectionCollapsed = !collapsed && collapsedSections.has( section.label )\n          return (\n            <div key={section.label} className=\"flex flex-col\">\n              {/* Section divider + header */}\n              <div className=\"my-1.5 h-px bg-border\" />\n              {!collapsed && (\n                <button\n                  onClick={() => toggleSection( section.label )}\n                  className={cn(\n                    'flex items-center justify-between px-2 pb-1 pt-2.5',\n                    'text-[10px] font-semibold uppercase tracking-widest text-muted-foreground',\n                    'hover:text-foreground transition-colors cursor-pointer rounded-sm',\n                  )}\n                >\n                  {section.label}\n                  <ChevronDown\n                    className={cn(\n                      'h-3 w-3 transition-transform duration-200',\n                      isSectionCollapsed && '-rotate-90',\n                    )}\n                  />\n                </button>\n              )}\n\n              {/* Section items */}\n              <div\n                className={cn(\n                  'flex flex-col gap-0.5 overflow-hidden transition-all duration-200',\n                  isSectionCollapsed ? 'max-h-0 opacity-0' : 'max-h-screen opacity-100',\n                )}\n              >\n                {section.items.map( ( { path, label, icon: Icon } ) => {\n                  const isActive = location === path || location.startsWith( `${path}/` )\n                  return (\n                    <Link\n                      key={path}\n                      href={path}\n                      title={collapsed ? label : undefined}\n                      className={cn(\n                        'relative flex items-center gap-2.5 rounded-md px-2 py-1.5 text-sm text-muted-foreground',\n                        'hover:bg-accent hover:text-accent-foreground transition-colors whitespace-nowrap',\n                        isActive && 'bg-accent/50 text-accent-foreground font-medium',\n                        collapsed && 'justify-center px-2',\n                      )}\n                    >\n                      {Icon && <Icon className=\"h-4 w-4 flex-shrink-0\" />}\n                      {!collapsed && <span>{label}</span>}\n                    </Link>\n                  )\n                } )}\n              </div>\n            </div>\n          )\n        } )}\n      </nav>\n\n      {/* Footer: rightSlot + TopBarItems */}\n      <div className={cn(\n        'flex flex-shrink-0 items-center border-t p-1.5',\n        collapsed ? 'flex-col gap-1' : 'flex-row justify-end gap-0.5',\n      )}>\n        {!collapsed && rightSlot}\n        {topBarItems.map( ( item ) => {\n          const C = item.component\n          return <C key={item.id} />\n        } )}\n      </div>\n    </aside>\n  )\n}\n","import * as React from 'react'\nimport * as ToastPrimitives from '@radix-ui/react-toast'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\n\nimport { cn } from '../../lib/utils'\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>( ( { className, ...props }, ref ) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',\n      className,\n    )}\n    {...props}\n  />\n) )\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',\n  {\n    variants: {\n      variant: {\n        default: 'border bg-background text-foreground',\n        destructive: 'destructive group border-destructive bg-destructive text-destructive-foreground',\n      },\n    },\n    defaultVariants: { variant: 'default' },\n  },\n)\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>( ( { className, variant, ...props }, ref ) => (\n  <ToastPrimitives.Root ref={ref} className={cn( toastVariants( { variant } ), className )} {...props} />\n) )\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>( ( { className, ...props }, ref ) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  />\n) )\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>( ( { className, ...props }, ref ) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      'absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100',\n      className,\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-4 w-4\" />\n  </ToastPrimitives.Close>\n) )\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>( ( { className, ...props }, ref ) => (\n  <ToastPrimitives.Title ref={ref} className={cn( 'text-sm font-semibold', className )} {...props} />\n) )\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>( ( { className, ...props }, ref ) => (\n  <ToastPrimitives.Description ref={ref} className={cn( 'text-sm opacity-90', className )} {...props} />\n) )\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\nexport type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\nexport type ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n}\n","import { useToast } from '../../hooks/useToast'\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from './Toast'\n\nexport function Toaster() {\n  const { toasts } = useToast()\n\n  return (\n    <ToastProvider>\n      {toasts.map( ( { id, title, description, action, ...props } ) => (\n        <Toast key={id} {...props}>\n          <div className=\"grid gap-1\">\n            {title && <ToastTitle>{title}</ToastTitle>}\n            {description && <ToastDescription>{description}</ToastDescription>}\n          </div>\n          {action}\n          <ToastClose />\n        </Toast>\n      ) )}\n      <ToastViewport />\n    </ToastProvider>\n  )\n}\n","import { Button } from '../components/ui/Button'\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '../components/ui/Card'\n\nexport interface LoginPageProps {\n  loginPath: string\n  title?: string\n  subtitle?: string\n  buttonLabel?: string\n  /** URL of an image to show behind the sign-in card. Empty/null skips it. */\n  backgroundUrl?: string\n  /** Optional message shown above the button (e.g. an error from a failed prior attempt). */\n  errorMessage?: string\n}\n\nfunction GoogleGlyph( { className }: { className?: string } ) {\n  return (\n    <svg viewBox=\"0 0 24 24\" className={className} aria-hidden=\"true\">\n      <path fill=\"#4285F4\" d=\"M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.16c-.27 1.4-1.04 2.59-2.21 3.41v2.77h3.59c2.08-1.92 3.95-4.74 3.95-8.42z\" />\n      <path fill=\"#34A853\" d=\"M12 24c2.97 0 5.46-.98 7.28-2.66l-3.59-2.77c-.98.66-2.23 1.06-3.69 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 21.53 7.7 24 12 24z\" />\n      <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" />\n      <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" />\n    </svg>\n  )\n}\n\nconst ERROR_MESSAGES: Record<string, string> = {\n  auth_failed : 'Sign-in failed. Please try again.',\n}\n\nfunction readUrlError(): string | undefined {\n  if ( typeof window === 'undefined' ) { \n    return undefined \n  }\n  const code = new URLSearchParams( window.location.search ).get( 'error' )\n  if ( !code ) { \n    return undefined \n  }\n  return ERROR_MESSAGES[code] ?? `Sign-in error: ${code}`\n}\n\nexport function LoginPage( {\n  loginPath,\n  title = 'Sign in',\n  subtitle,\n  buttonLabel = 'Sign in with Google',\n  backgroundUrl,\n  errorMessage,\n}: LoginPageProps ) {\n  const message = errorMessage ?? readUrlError()\n  const hasBackground = Boolean( backgroundUrl )\n\n  return (\n    <div\n      className=\"min-h-screen flex items-center justify-center bg-background bg-cover bg-center px-4\"\n      style={hasBackground ? { backgroundImage: `url(${backgroundUrl})` } : undefined}\n    >\n      <Card className={`w-full max-w-md ${hasBackground ? 'backdrop-blur-sm bg-card/90' : ''}`}>\n        <CardHeader className=\"text-center\">\n          <CardTitle>{title}</CardTitle>\n          {subtitle && <CardDescription>{subtitle}</CardDescription>}\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          {message && (\n            <div className=\"rounded-md border border-destructive bg-destructive/10 px-4 py-2 text-sm text-destructive\">\n              {message}\n            </div>\n          )}\n          <Button\n            className=\"w-full\"\n            variant=\"outline\"\n            onClick={() => { window.location.href = loginPath }}\n          >\n            <GoogleGlyph className=\"h-5 w-5 mr-2\" />\n            {buttonLabel}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n\nexport default LoginPage\n","import { createElement, type ComponentType, type ReactNode } from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport { Config } from '@leverege/plugin'\n\nimport { useImaginariumApi } from '../api/ImaginariumApiContext'\nimport { LoginPage, type LoginPageProps } from './LoginPage'\n\nexport interface RequireAuthProps {\n  children: ReactNode\n}\n\n/**\n * Wraps `children` with an authentication gate. On mount, fetches\n * `Config.get('ImaginariumApp', 'userPath', '/auth/user')` from the configured\n * API base URL. While loading, renders a small placeholder. On error, renders\n * the configured login component (defaults to the bundled `LoginPage`). On\n * success, renders `children`.\n *\n * Recognized config keys (under `'ImaginariumApp'`):\n *   - `userPath`         endpoint to check (default `/auth/user`)\n *   - `loginPath`        URL the login button navigates to (default `/api/login`)\n *   - `loginPage`        component to render when unauthenticated\n *   - `loginTitle`       default page heading\n *   - `loginSubtitle`    default page subtitle\n *   - `loginButtonLabel` default button label\n *   - `loginBackgroundUrl` URL of an image to show behind the sign-in card\n */\nexport function RequireAuth( { children }: RequireAuthProps ) {\n  const { fetchJson } = useImaginariumApi()\n  const userPath = Config.get<string>( 'ImaginariumApp', 'userPath', '/auth/user' )\n\n  const { isPending, isError } = useQuery( {\n    queryKey: [ 'imaginarium', 'auth', 'user', userPath ],\n    queryFn: () => fetchJson( userPath ),\n    retry: false,\n    refetchOnWindowFocus: false,\n  } )\n\n  if ( isPending ) {\n    return <div className=\"p-8 text-muted-foreground\">Checking sign-in…</div>\n  }\n\n  if ( isError ) {\n    const LoginComponent = Config.get<ComponentType<LoginPageProps>>(\n      'ImaginariumApp', 'loginPage', LoginPage,\n    )\n    const title = Config.get<string | undefined>( 'ImaginariumApp', 'loginTitle', undefined )\n    const subtitle = Config.get<string | undefined>( 'ImaginariumApp', 'loginSubtitle', undefined )\n    const buttonLabel = Config.get<string | undefined>(\n      'ImaginariumApp', 'loginButtonLabel', undefined,\n    )\n    const loginPath = Config.get<string>( 'ImaginariumApp', 'loginPath', '/api/login' )\n    const backgroundUrl = Config.get<string | undefined>(\n      'ImaginariumApp', 'loginBackgroundUrl', undefined,\n    )\n\n    const appTitle = Config.get<string>( 'ImaginariumApp', 'title', 'Imaginarium' )\n    const resolvedTitle = title ?? `Sign in to ${appTitle}`\n\n    return createElement( LoginComponent, {\n      loginPath,\n      title: resolvedTitle,\n      subtitle,\n      buttonLabel,\n      backgroundUrl,\n    } )\n  }\n\n  return <>{children}</>\n}\n\nexport default RequireAuth\n","import { useMemo, type ReactNode } from 'react'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { Config } from '@leverege/plugin'\n\nimport { TooltipProvider } from '../components/ui/Tooltip'\nimport { Toaster } from '../components/ui/Toaster'\nimport { ImaginariumApiProvider } from '../api/ImaginariumApiContext'\nimport { RequireAuth } from '../auth/RequireAuth'\nimport { getProviders } from '../plugins/registry'\nimport { AppSidebar, type AppSidebarProps, type IconRef } from './AppSidebar'\nimport { Shell, type ShellProps } from './Shell'\n\nfunction withProviders( tree: ReactNode ): ReactNode {\n  const providers = getProviders()\n  let wrapped = tree\n  for ( const { component: Provider } of providers ) {\n    wrapped = <Provider>{wrapped}</Provider>\n  }\n  return wrapped\n}\n\nexport interface ImaginariumAppProps {\n  apiBaseUrl?: string\n  queryClient?: QueryClient\n  title?: string\n  titleIcon?: IconRef\n  navRightSlot?: AppSidebarProps['rightSlot']\n  shellFallback?: ShellProps['fallback']\n  children?: ReactNode\n}\n\nconst defaultQueryClient = new QueryClient( {\n  defaultOptions: {\n    queries: { retry: false, refetchOnWindowFocus: false },\n  },\n} )\n\nfunction GatedShell( { title, titleIcon, navRightSlot, shellFallback, children }: {\n  title?: string\n  titleIcon?: IconRef\n  navRightSlot?: AppSidebarProps['rightSlot']\n  shellFallback?: ShellProps['fallback']\n  children?: ReactNode\n} ) {\n  return withProviders(\n    <div className=\"flex min-h-screen bg-background text-foreground\">\n      <AppSidebar title={title} titleIcon={titleIcon} rightSlot={navRightSlot} />\n      <Shell fallback={shellFallback}>{children}</Shell>\n    </div>,\n  )\n}\n\nexport function ImaginariumApp( {\n  apiBaseUrl = '/api',\n  queryClient,\n  title,\n  titleIcon,\n  navRightSlot,\n  shellFallback,\n  children,\n}: ImaginariumAppProps ) {\n  const qc = useMemo( () => queryClient ?? defaultQueryClient, [ queryClient ] )\n  const requireAuth = Config.get<boolean>( 'ImaginariumApp', 'requireAuth', true )\n  const resolvedTitleIcon = titleIcon\n    ?? Config.get<IconRef | undefined>( 'ImaginariumApp', 'titleIcon', undefined )\n\n  const gated = (\n    <GatedShell\n      title={title}\n      titleIcon={resolvedTitleIcon}\n      navRightSlot={navRightSlot}\n      shellFallback={shellFallback}\n    >\n      {children}\n    </GatedShell>\n  )\n\n  return (\n    <QueryClientProvider client={qc}>\n      <TooltipProvider>\n        <ImaginariumApiProvider apiBaseUrl={apiBaseUrl}>\n          {requireAuth ? <RequireAuth>{gated}</RequireAuth> : gated}\n          <Toaster />\n        </ImaginariumApiProvider>\n      </TooltipProvider>\n    </QueryClientProvider>\n  )\n}\n"],"names":["renderPageElement","plugin","element","isValidElement","createElement","Shell","fallback","children","pages","getPages","jsxs","Switch","page","jsx","Route","groupNavItems","items","ungrouped","sectionMap","item","a","b","sections","d","STORAGE_COLLAPSED","STORAGE_SECTIONS","readBool","key","v","readSections","parsed","URL_RE","renderIcon","icon","className","Icon","AppSidebar","title","titleIcon","rightSlot","location","useLocation","collapsed","setCollapsed","useState","collapsedSections","setCollapsedSections","useEffect","toggleSidebar","useCallback","toggleSection","label","prev","next","getNavItems","topBarItems","getTopBarItems","cn","ChevronLeft","path","isActive","Link","section","isSectionCollapsed","ChevronDown","C","ToastProvider","ToastPrimitives","ToastViewport","React","props","ref","toastVariants","cva","Toast","variant","ToastAction","ToastClose","X","ToastTitle","ToastDescription","Toaster","toasts","useToast","id","description","action","GoogleGlyph","ERROR_MESSAGES","readUrlError","code","LoginPage","loginPath","subtitle","buttonLabel","backgroundUrl","errorMessage","message","hasBackground","Card","CardHeader","CardTitle","CardDescription","CardContent","Button","RequireAuth","fetchJson","useImaginariumApi","userPath","Config","isPending","isError","useQuery","LoginComponent","appTitle","resolvedTitle","withProviders","tree","providers","getProviders","wrapped","Provider","defaultQueryClient","QueryClient","GatedShell","navRightSlot","shellFallback","ImaginariumApp","apiBaseUrl","queryClient","qc","useMemo","requireAuth","resolvedTitleIcon","gated","QueryClientProvider","TooltipProvider","ImaginariumApiProvider"],"mappings":"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"}

package/lib/{ImaginariumApp-DEMR2myC.js → ImaginariumApp-DJ0f2GWB.js}

@@ -1,26 +1,26 @@
 import { jsxs as i, jsx as r, Fragment as G } from "react/jsx-runtime";
-import * as h from "react";
-import { isValidElement as V, createElement as E, useState as A, useEffect as I, useCallback as T, useMemo as q } from "react";
-import { useQuery as D, QueryClient as F, QueryClientProvider as _ } from "@tanstack/react-query";
+import * as x from "react";
+import { isValidElement as V, createElement as R, useState as A, useEffect as C, useCallback as I, useMemo as q } from "react";
+import { useQuery as D, QueryClient as F, QueryClientProvider as z } from "@tanstack/react-query";
 import { Config as f } from "@leverege/plugin";
-import * as b from "@radix-ui/react-tooltip";
-import { c as l, u as H, C as Q, b as U, d as W, e as J, f as K, B as X, a as Y, I as Z } from "./Card-D2LdIJwJ.js";
+import { b as _ } from "./Tooltip-CIwKmgzA.js";
+import { c as d, u as H, C as Q, b as U, d as W, e as J, f as K, B as X, a as Y, I as Z } from "./Card-D2LdIJwJ.js";
 import * as u from "@radix-ui/react-toast";
 import { cva as ee } from "class-variance-authority";
 import { ChevronLeft as te, ChevronDown as re, X as oe } from "lucide-react";
 import { d as ne, g as ae, f as ie, e as se } from "./registry-8kQ494RA.js";
-import { Switch as ce, Route as k, useLocation as le, Link as P } from "wouter";
+import { Switch as ce, Route as T, useLocation as le, Link as k } from "wouter";
 function de(e) {
   const { element: t } = e;
-  return V(t) ? t : typeof t == "function" ? E(t) : t;
+  return V(t) ? t : typeof t == "function" ? R(t) : t;
 }
 function ue({ fallback: e, children: t }) {
   const n = ne();
   return /* @__PURE__ */ i("main", { className: "flex-1 overflow-y-auto px-6 py-6", children: [
     t,
     /* @__PURE__ */ i(ce, { children: [
-      n.map((a) => /* @__PURE__ */ r(k, { path: a.path, children: de(a) }, a.path)),
-      /* @__PURE__ */ r(k, { children: e ?? /* @__PURE__ */ r("div", { className: "p-8 text-muted-foreground", children: "Not found" }) })
+      n.map((a) => /* @__PURE__ */ r(T, { path: a.path, children: de(a) }, a.path)),
+      /* @__PURE__ */ r(T, { children: e ?? /* @__PURE__ */ r("div", { className: "p-8 text-muted-foreground", children: "Not found" }) })
     ] })
   ] });
 }
@@ -40,13 +40,13 @@ function me(e) {
   t.sort((o, c) => (o.sort ?? 0) - (c.sort ?? 0));
   const a = Array.from(n.values());
   for (const o of a)
-    o.items.sort((c, d) => (c.sort ?? 0) - (d.sort ?? 0));
+    o.items.sort((c, l) => (c.sort ?? 0) - (l.sort ?? 0));
   return a.sort((o, c) => {
-    const d = o.sectionSort - c.sectionSort;
-    return d !== 0 ? d : o.label.localeCompare(c.label);
+    const l = o.sectionSort - c.sectionSort;
+    return l !== 0 ? l : o.label.localeCompare(c.label);
   }), { ungrouped: t, sections: a };
 }
-const R = "imaginarium.ui.sidebar.collapsed", B = "imaginarium.ui.sidebar.sections";
+const P = "imaginarium.ui.sidebar.collapsed", E = "imaginarium.ui.sidebar.sections";
 function fe(e, t) {
   try {
     const n = localStorage.getItem(e);
@@ -57,7 +57,7 @@ function fe(e, t) {
 }
 function pe() {
   try {
-    const e = localStorage.getItem(B);
+    const e = localStorage.getItem(E);
     if (!e)
       return /* @__PURE__ */ new Set();
     const t = JSON.parse(e);
@@ -71,28 +71,28 @@ function he(e, t) {
   return e ? typeof e == "string" ? ge.test(e) ? /* @__PURE__ */ r("img", { src: e, alt: "", className: t }) : /* @__PURE__ */ r("span", { className: `${e} ${t}`, "aria-hidden": "true" }) : /* @__PURE__ */ r(e, { className: t }) : null;
 }
 function xe({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
-  const [a] = le(), [o, c] = A(() => fe(R, !1)), [d, g] = A(pe);
-  I(() => {
+  const [a] = le(), [o, c] = A(() => fe(P, !1)), [l, g] = A(pe);
+  C(() => {
     try {
-      localStorage.setItem(R, String(o));
+      localStorage.setItem(P, String(o));
     } catch {
     }
-  }, [o]), I(() => {
+  }, [o]), C(() => {
     try {
-      localStorage.setItem(B, JSON.stringify(Array.from(d)));
+      localStorage.setItem(E, JSON.stringify(Array.from(l)));
     } catch {
     }
-  }, [d]);
-  const v = T(() => c((s) => !s), []), w = T((s) => {
+  }, [l]);
+  const v = I(() => c((s) => !s), []), b = I((s) => {
     g((p) => {
       const m = new Set(p);
       return m.has(s) ? m.delete(s) : m.add(s), m;
     });
-  }, []), { ungrouped: x, sections: N } = me(ae()), S = ie();
+  }, []), { ungrouped: h, sections: y } = me(ae()), N = ie();
   return /* @__PURE__ */ i(
     "aside",
     {
-      className: l(
+      className: d(
         "flex flex-col flex-shrink-0 border-r bg-background transition-[width] duration-200 ease-in-out overflow-hidden",
         o ? "w-[52px]" : "w-[220px]"
       ),
@@ -105,7 +105,7 @@ function xe({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
             {
               onClick: v,
               "aria-label": o ? "Expand sidebar" : "Collapse sidebar",
-              className: l(
+              className: d(
                 "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md border text-muted-foreground",
                 "hover:bg-accent hover:text-accent-foreground transition-colors",
                 o && "mx-auto border-transparent"
@@ -113,24 +113,24 @@ function xe({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
               children: /* @__PURE__ */ r(
                 te,
                 {
-                  className: l("h-4 w-4 transition-transform duration-200", o && "rotate-180")
+                  className: d("h-4 w-4 transition-transform duration-200", o && "rotate-180")
                 }
               )
             }
           )
         ] }),
         /* @__PURE__ */ i("nav", { className: "flex flex-1 flex-col gap-0.5 overflow-y-auto overflow-x-hidden p-1.5", children: [
-          x.map(({ path: s, label: p, icon: m }) => {
-            const y = a === s || a.startsWith(`${s}/`);
+          h.map(({ path: s, label: p, icon: m }) => {
+            const w = a === s || a.startsWith(`${s}/`);
             return /* @__PURE__ */ i(
-              P,
+              k,
               {
                 href: s,
                 title: o ? p : void 0,
-                className: l(
+                className: d(
                   "relative flex items-center gap-2.5 rounded-md px-2 py-1.5 text-sm text-muted-foreground",
                   "hover:bg-accent hover:text-accent-foreground transition-colors whitespace-nowrap",
-                  y && "bg-accent/50 text-accent-foreground font-medium",
+                  w && "bg-accent/50 text-accent-foreground font-medium",
                   o && "justify-center px-2"
                 ),
                 children: [
@@ -141,15 +141,15 @@ function xe({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
               s
             );
           }),
-          N.map((s) => {
-            const p = !o && d.has(s.label);
+          y.map((s) => {
+            const p = !o && l.has(s.label);
             return /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
               /* @__PURE__ */ r("div", { className: "my-1.5 h-px bg-border" }),
               !o && /* @__PURE__ */ i(
                 "button",
                 {
-                  onClick: () => w(s.label),
-                  className: l(
+                  onClick: () => b(s.label),
+                  className: d(
                     "flex items-center justify-between px-2 pb-1 pt-2.5",
                     "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground",
                     "hover:text-foreground transition-colors cursor-pointer rounded-sm"
@@ -159,7 +159,7 @@ function xe({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
                     /* @__PURE__ */ r(
                       re,
                       {
-                        className: l(
+                        className: d(
                           "h-3 w-3 transition-transform duration-200",
                           p && "-rotate-90"
                         )
@@ -171,26 +171,26 @@ function xe({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
               /* @__PURE__ */ r(
                 "div",
                 {
-                  className: l(
+                  className: d(
                     "flex flex-col gap-0.5 overflow-hidden transition-all duration-200",
                     p ? "max-h-0 opacity-0" : "max-h-screen opacity-100"
                   ),
-                  children: s.items.map(({ path: m, label: y, icon: C }) => {
+                  children: s.items.map(({ path: m, label: w, icon: S }) => {
                     const $ = a === m || a.startsWith(`${m}/`);
                     return /* @__PURE__ */ i(
-                      P,
+                      k,
                       {
                         href: m,
-                        title: o ? y : void 0,
-                        className: l(
+                        title: o ? w : void 0,
+                        className: d(
                           "relative flex items-center gap-2.5 rounded-md px-2 py-1.5 text-sm text-muted-foreground",
                           "hover:bg-accent hover:text-accent-foreground transition-colors whitespace-nowrap",
                           $ && "bg-accent/50 text-accent-foreground font-medium",
                           o && "justify-center px-2"
                         ),
                         children: [
-                          C && /* @__PURE__ */ r(C, { className: "h-4 w-4 flex-shrink-0" }),
-                          !o && /* @__PURE__ */ r("span", { children: y })
+                          S && /* @__PURE__ */ r(S, { className: "h-4 w-4 flex-shrink-0" }),
+                          !o && /* @__PURE__ */ r("span", { children: w })
                         ]
                       },
                       m
@@ -201,12 +201,12 @@ function xe({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
             ] }, s.label);
           })
         ] }),
-        /* @__PURE__ */ i("div", { className: l(
+        /* @__PURE__ */ i("div", { className: d(
           "flex flex-shrink-0 items-center border-t p-1.5",
           o ? "flex-col gap-1" : "flex-row justify-end gap-0.5"
         ), children: [
           !o && n,
-          S.map((s) => {
+          N.map((s) => {
             const p = s.component;
             return /* @__PURE__ */ r(p, {}, s.id);
           })
@@ -215,32 +215,19 @@ function xe({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
     }
   );
 }
-const ve = b.Provider, qe = b.Root, De = b.Trigger, we = h.forwardRef(({ className: e, sideOffset: t = 4, ...n }, a) => /* @__PURE__ */ r(
-  b.Content,
-  {
-    ref: a,
-    sideOffset: t,
-    className: l(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-      e
-    ),
-    ...n
-  }
-));
-we.displayName = b.Content.displayName;
-const be = u.Provider, L = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
+const ve = u.Provider, B = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
   u.Viewport,
   {
     ref: n,
-    className: l(
+    className: d(
       "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
       e
     ),
     ...t
   }
 ));
-L.displayName = u.Viewport.displayName;
-const ye = ee(
+B.displayName = u.Viewport.displayName;
+const be = ee(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -251,25 +238,25 @@ const ye = ee(
     },
     defaultVariants: { variant: "default" }
   }
-), j = h.forwardRef(({ className: e, variant: t, ...n }, a) => /* @__PURE__ */ r(u.Root, { ref: a, className: l(ye({ variant: t }), e), ...n }));
-j.displayName = u.Root.displayName;
-const Ne = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
+), L = x.forwardRef(({ className: e, variant: t, ...n }, a) => /* @__PURE__ */ r(u.Root, { ref: a, className: d(be({ variant: t }), e), ...n }));
+L.displayName = u.Root.displayName;
+const we = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
   u.Action,
   {
     ref: n,
-    className: l(
+    className: d(
       "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
       e
     ),
     ...t
   }
 ));
-Ne.displayName = u.Action.displayName;
-const O = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
+we.displayName = u.Action.displayName;
+const j = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
   u.Close,
   {
     ref: n,
-    className: l(
+    className: d(
       "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100",
       e
     ),
@@ -278,26 +265,26 @@ const O = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
     children: /* @__PURE__ */ r(oe, { className: "h-4 w-4" })
   }
 ));
-O.displayName = u.Close.displayName;
-const z = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(u.Title, { ref: n, className: l("text-sm font-semibold", e), ...t }));
-z.displayName = u.Title.displayName;
-const M = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(u.Description, { ref: n, className: l("text-sm opacity-90", e), ...t }));
+j.displayName = u.Close.displayName;
+const O = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(u.Title, { ref: n, className: d("text-sm font-semibold", e), ...t }));
+O.displayName = u.Title.displayName;
+const M = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(u.Description, { ref: n, className: d("text-sm opacity-90", e), ...t }));
 M.displayName = u.Description.displayName;
-function Se() {
+function ye() {
   const { toasts: e } = H();
-  return /* @__PURE__ */ i(be, { children: [
-    e.map(({ id: t, title: n, description: a, action: o, ...c }) => /* @__PURE__ */ i(j, { ...c, children: [
+  return /* @__PURE__ */ i(ve, { children: [
+    e.map(({ id: t, title: n, description: a, action: o, ...c }) => /* @__PURE__ */ i(L, { ...c, children: [
       /* @__PURE__ */ i("div", { className: "grid gap-1", children: [
-        n && /* @__PURE__ */ r(z, { children: n }),
+        n && /* @__PURE__ */ r(O, { children: n }),
         a && /* @__PURE__ */ r(M, { children: a })
       ] }),
       o,
-      /* @__PURE__ */ r(O, {})
+      /* @__PURE__ */ r(j, {})
     ] }, t)),
-    /* @__PURE__ */ r(L, {})
+    /* @__PURE__ */ r(B, {})
   ] });
 }
-function Ce({ className: e }) {
+function Ne({ className: e }) {
   return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", className: e, "aria-hidden": "true", children: [
     /* @__PURE__ */ r("path", { fill: "#4285F4", d: "M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.16c-.27 1.4-1.04 2.59-2.21 3.41v2.77h3.59c2.08-1.92 3.95-4.74 3.95-8.42z" }),
     /* @__PURE__ */ r("path", { fill: "#34A853", d: "M12 24c2.97 0 5.46-.98 7.28-2.66l-3.59-2.77c-.98.66-2.23 1.06-3.69 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 21.53 7.7 24 12 24z" }),
@@ -305,17 +292,17 @@ function Ce({ className: e }) {
     /* @__PURE__ */ r("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" })
   ] });
 }
-const Ae = {
+const Se = {
   auth_failed: "Sign-in failed. Please try again."
 };
-function Ie() {
+function Ae() {
   if (typeof window > "u")
     return;
   const e = new URLSearchParams(window.location.search).get("error");
   if (e)
-    return Ae[e] ?? `Sign-in error: ${e}`;
+    return Se[e] ?? `Sign-in error: ${e}`;
 }
-function Te({
+function Ce({
   loginPath: e,
   title: t = "Sign in",
   subtitle: n,
@@ -323,7 +310,7 @@ function Te({
   backgroundUrl: o,
   errorMessage: c
 }) {
-  const d = c ?? Ie(), g = !!o;
+  const l = c ?? Ae(), g = !!o;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -335,7 +322,7 @@ function Te({
           n && /* @__PURE__ */ r(J, { children: n })
         ] }),
         /* @__PURE__ */ i(K, { className: "space-y-4", children: [
-          d && /* @__PURE__ */ r("div", { className: "rounded-md border border-destructive bg-destructive/10 px-4 py-2 text-sm text-destructive", children: d }),
+          l && /* @__PURE__ */ r("div", { className: "rounded-md border border-destructive bg-destructive/10 px-4 py-2 text-sm text-destructive", children: l }),
           /* @__PURE__ */ i(
             X,
             {
@@ -345,7 +332,7 @@ function Te({
                 window.location.href = e;
               },
               children: [
-                /* @__PURE__ */ r(Ce, { className: "h-5 w-5 mr-2" }),
+                /* @__PURE__ */ r(Ne, { className: "h-5 w-5 mr-2" }),
                 a
               ]
             }
@@ -355,7 +342,7 @@ function Te({
     }
   );
 }
-function ke({ children: e }) {
+function Ie({ children: e }) {
   const { fetchJson: t } = Y(), n = f.get("ImaginariumApp", "userPath", "/auth/user"), { isPending: a, isError: o } = D({
     queryKey: ["imaginarium", "auth", "user", n],
     queryFn: () => t(n),
@@ -368,87 +355,83 @@ function ke({ children: e }) {
     const c = f.get(
       "ImaginariumApp",
       "loginPage",
-      Te
-    ), d = f.get("ImaginariumApp", "loginTitle", void 0), g = f.get("ImaginariumApp", "loginSubtitle", void 0), v = f.get(
+      Ce
+    ), l = f.get("ImaginariumApp", "loginTitle", void 0), g = f.get("ImaginariumApp", "loginSubtitle", void 0), v = f.get(
       "ImaginariumApp",
       "loginButtonLabel",
       void 0
-    ), w = f.get("ImaginariumApp", "loginPath", "/api/login"), x = f.get(
+    ), b = f.get("ImaginariumApp", "loginPath", "/api/login"), h = f.get(
       "ImaginariumApp",
       "loginBackgroundUrl",
       void 0
-    ), N = f.get("ImaginariumApp", "title", "Imaginarium"), S = d ?? `Sign in to ${N}`;
-    return E(c, {
-      loginPath: w,
-      title: S,
+    ), y = f.get("ImaginariumApp", "title", "Imaginarium"), N = l ?? `Sign in to ${y}`;
+    return R(c, {
+      loginPath: b,
+      title: N,
       subtitle: g,
       buttonLabel: v,
-      backgroundUrl: x
+      backgroundUrl: h
     });
   }
   return /* @__PURE__ */ r(G, { children: e });
 }
-function Pe(e) {
+function Te(e) {
   const t = se();
   let n = e;
   for (const { component: a } of t)
     n = /* @__PURE__ */ r(a, { children: n });
   return n;
 }
-const Re = new F({
+const ke = new F({
   defaultOptions: {
     queries: { retry: !1, refetchOnWindowFocus: !1 }
   }
 });
-function Ee({ title: e, titleIcon: t, navRightSlot: n, shellFallback: a, children: o }) {
-  return Pe(
+function Pe({ title: e, titleIcon: t, navRightSlot: n, shellFallback: a, children: o }) {
+  return Te(
     /* @__PURE__ */ i("div", { className: "flex min-h-screen bg-background text-foreground", children: [
       /* @__PURE__ */ r(xe, { title: e, titleIcon: t, rightSlot: n }),
       /* @__PURE__ */ r(ue, { fallback: a, children: o })
     ] })
   );
 }
-function Fe({
+function qe({
   apiBaseUrl: e = "/api",
   queryClient: t,
   title: n,
   titleIcon: a,
   navRightSlot: o,
   shellFallback: c,
-  children: d
+  children: l
 }) {
-  const g = q(() => t ?? Re, [t]), v = f.get("ImaginariumApp", "requireAuth", !0), w = a ?? f.get("ImaginariumApp", "titleIcon", void 0), x = /* @__PURE__ */ r(
-    Ee,
+  const g = q(() => t ?? ke, [t]), v = f.get("ImaginariumApp", "requireAuth", !0), b = a ?? f.get("ImaginariumApp", "titleIcon", void 0), h = /* @__PURE__ */ r(
+    Pe,
     {
       title: n,
-      titleIcon: w,
+      titleIcon: b,
       navRightSlot: o,
       shellFallback: c,
-      children: d
+      children: l
     }
   );
-  return /* @__PURE__ */ r(_, { client: g, children: /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ i(Z, { apiBaseUrl: e, children: [
-    v ? /* @__PURE__ */ r(ke, { children: x }) : x,
-    /* @__PURE__ */ r(Se, {})
+  return /* @__PURE__ */ r(z, { client: g, children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ i(Z, { apiBaseUrl: e, children: [
+    v ? /* @__PURE__ */ r(Ie, { children: h }) : h,
+    /* @__PURE__ */ r(ye, {})
   ] }) }) });
 }
 export {
   xe as A,
-  Fe as I,
-  Te as L,
-  ke as R,
+  qe as I,
+  Ce as L,
+  Ie as R,
   ue as S,
-  j as T,
-  Ne as a,
-  O as b,
+  L as T,
+  we as a,
+  j as b,
   M as c,
-  be as d,
-  z as e,
-  L as f,
-  Se as g,
-  qe as h,
-  we as i,
-  ve as j,
-  De as k
+  ve as d,
+  O as e,
+  B as f,
+  ye as g
 };
-//# sourceMappingURL=ImaginariumApp-DEMR2myC.js.map
+//# sourceMappingURL=ImaginariumApp-DJ0f2GWB.js.map