@igstack/app-catalog-frontend-core 0.2.0 → 0.3.0

package/dist/esm/ui/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","sources":["../../../src/ui/command.tsx"],"sourcesContent":["'use client'\n\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { SearchIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '~/lib/utils'\nimport {\n    Dialog,\n    DialogContent,\n    DialogDescription,\n    DialogHeader,\n    DialogTitle,\n} from '~/ui/dialog'\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  commandProps,\n  position = 'center',\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n  commandProps?: React.ComponentProps<typeof Command>\n  position?: 'center' | 'top'\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\n          'overflow-hidden p-0',\n          position === 'top' && 'top-[10%] translate-y-0',\n          className,\n        )}\n        showCloseButton={showCloseButton}\n      >\n        <Command\n          className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\"\n          {...commandProps}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn('bg-border -mx-1 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n    Command,\n    CommandDialog,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n    CommandSeparator,\n    CommandShortcut\n}\n\n"],"names":["CommandPrimitive"],"mappings":";;;;;;AAeA;AAAiB;AACf;AAEF;AACE;AACE;AAACA;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AA4CA;AAAsB;AACpB;AAEF;AACE;AACE;AAAC;AAAA;AACW;AACA;AAEV;AAAmD;AACnD;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAAA;AACN;AAAA;AAGN;AAEA;AAAqB;AACnB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAEA;AAAsB;AAEtB;AACE;AACE;AAAkB;AAAjB;AACW;AACA;AACN;AAAA;AAGV;AAEA;AAAsB;AACpB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAEA;AAA0B;AACxB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACqC;AAC3C;AAAA;AAGV;AAEA;AAAqB;AACnB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;;;;;;;;;;"}
+{"version":3,"file":"command.js","sources":["../../../src/ui/command.tsx"],"sourcesContent":["'use client'\n\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { SearchIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '~/lib/utils'\nimport {\n    Dialog,\n    DialogContent,\n    DialogDescription,\n    DialogHeader,\n    DialogTitle,\n} from '~/ui/dialog'\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  commandProps,\n  position = 'center',\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n  commandProps?: React.ComponentProps<typeof Command>\n  position?: 'center' | 'top'\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\n          'overflow-hidden p-0',\n          position === 'top' && 'top-[10%] translate-y-0',\n          className,\n        )}\n        showCloseButton={showCloseButton}\n      >\n        <Command\n          className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\"\n          {...commandProps}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn('bg-border -mx-1 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n    Command,\n    CommandDialog,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n    CommandSeparator,\n    CommandShortcut\n}\n\n"],"names":["CommandPrimitive"],"mappings":";;;;;;AAeA;AAAiB;AACf;AAEF;AACE;AACE;AAACA;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AA4CA;AAAsB;AACpB;AAEF;AACE;AACE;AAAC;AAAA;AACW;AACA;AAEV;AAAmD;AACnD;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAAA;AACN;AAAA;AAGN;AAEA;AAAqB;AACnB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAEA;AAAsB;AAEtB;AACE;AACE;AAAkB;AAAjB;AACW;AACA;AACN;AAAA;AAGV;AAEA;AAAsB;AACpB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAeA;AAAqB;AACnB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;;;;;;;;;"}

package/dist/esm/ui/components/header/Header.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useNavigate, Link } from "@tanstack/react-router";
-import { Settings, LogOut } from "lucide-react";
+import { Link } from "@tanstack/react-router";
+import { LogOut } from "lucide-react";
 import SvgAppCatalog from "../../../assets/app-catalog.svg.js";
 import { ThemeSwitcher } from "../../../components/ThemeSwitcher.js";
 import { useAppCatalogContext } from "../../../modules/appCatalog/context/AppCatalogContext.js";
@@ -16,7 +16,6 @@ function Header({ middle }) {
   const isAuthenticated = useIsAuthenticated();
   const user = useUser();
   const { logout } = useAuthActions();
-  const navigate = useNavigate();
   const { open: openLoginModal } = useAuthModal();
   const { appVersion } = useAppCatalogContext();
   const handleLogout = async () => {
@@ -26,9 +25,6 @@ function Header({ middle }) {
       console.error("Logout failed:", error);
     }
   };
-  const handleAdminClick = () => {
-    navigate({ to: "/admin" });
-  };
   const handleLoginClick = () => {
     const currentUrl = window.location.pathname + window.location.search;
     openLoginModal(currentUrl);
@@ -98,11 +94,6 @@ function Header({ middle }) {
             ] })
           ] }),
           /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: handleAdminClick, children: [
-            /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4 mr-2" }),
-            /* @__PURE__ */ jsx("span", { children: "Admin" })
-          ] }),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
           /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: handleLogout, children: [
             /* @__PURE__ */ jsx(LogOut, { className: "h-4 w-4 mr-2" }),
             /* @__PURE__ */ jsx("span", { children: "Sign out" })

package/dist/esm/ui/components/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/ui/components/header/Header.tsx"],"sourcesContent":["import { Link, useNavigate } from '@tanstack/react-router'\nimport { LogOut, Settings } from 'lucide-react'\nimport type React from 'react'\nimport AppCatalogLogo from '~/assets/app-catalog.svg?react'\nimport { ThemeSwitcher } from '~/components/ThemeSwitcher'\nimport { useAppCatalogContext } from '~/modules/appCatalog/context/AppCatalogContext'\nimport {\n  useAuth,\n  useAuthActions,\n  useIsAuthenticated,\n  useUser,\n} from '~/modules/auth'\nimport { useAuthModal } from '~/modules/auth/AuthModalContext'\nimport { Button } from '~/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '~/ui/dropdown-menu'\nimport { Skeleton } from '~/ui/skeleton'\n\nexport interface HeaderProps {\n  middle?: React.ReactNode\n}\n\nexport function Header({ middle }: HeaderProps) {\n  const { isLoading } = useAuth()\n  const isAuthenticated = useIsAuthenticated()\n  const user = useUser()\n  const { logout } = useAuthActions()\n  const navigate = useNavigate()\n  const { open: openLoginModal } = useAuthModal()\n  const { appVersion } = useAppCatalogContext()\n\n  const handleLogout = async () => {\n    try {\n      await logout()\n    } catch (error) {\n      console.error('Logout failed:', error)\n    }\n  }\n\n  const handleAdminClick = () => {\n    navigate({ to: '/admin' })\n  }\n\n  const handleLoginClick = () => {\n    // Preserve the current URL for redirect after login\n    const currentUrl = window.location.pathname + window.location.search\n    openLoginModal(currentUrl)\n  }\n\n  return (\n    <div className=\"flex items-center mb-4 pb-4 gap-4 border-b\">\n      <div className=\"flex items-center gap-4\">\n        <Link to=\"/\">\n          <div className=\"flex items-center gap-2\">\n            <AppCatalogLogo className=\"h-16 w-16\" />\n            <div className=\"flex flex-col\">\n              <span className=\"text-lg font-bold\">App Catalog</span>\n              {appVersion &&\n                (appVersion.url ? (\n                  <a\n                    href={appVersion.url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"text-xs text-primary hover:text-primary/80 transition-colors font-medium py-0.5\"\n                    onClick={(e) => e.stopPropagation()}\n                  >\n                    {appVersion.displayName}\n                  </a>\n                ) : (\n                  <span className=\"text-xs text-muted-foreground py-0.5\">\n                    {appVersion.displayName}\n                  </span>\n                ))}\n            </div>\n          </div>\n        </Link>\n      </div>\n      {middle && <div className=\"flex-1\">{middle}</div>}\n      <div className=\"flex items-center gap-3 ml-auto\">\n        <ThemeSwitcher />\n        {isLoading ? (\n          <Skeleton className=\"w-8 h-8 rounded-full\" />\n        ) : !isAuthenticated ? (\n          <button\n            type=\"button\"\n            onClick={handleLoginClick}\n            className=\"text-sm font-medium text-muted-foreground hover:text-foreground cursor-pointer\"\n          >\n            Login\n          </button>\n        ) : user?.name ? (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"w-8 h-8 rounded-full p-0 hover:bg-accent hover:text-accent-foreground cursor-pointer\"\n              >\n                {user.image ? (\n                  <img\n                    src={user.image}\n                    alt={user.name}\n                    className=\"w-full h-full rounded-full object-cover\"\n                  />\n                ) : (\n                  <div className=\"flex items-center justify-center w-full h-full rounded-full bg-primary text-primary-foreground text-xs font-semibold\">\n                    {user.name.charAt(0).toUpperCase()}\n                  </div>\n                )}\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-56\">\n              <div className=\"px-2 py-3 flex items-center gap-3\">\n                {user.image ? (\n                  <img\n                    src={user.image}\n                    alt={user.name}\n                    className=\"w-10 h-10 rounded-full object-cover shrink-0\"\n                  />\n                ) : (\n                  <div className=\"flex items-center justify-center w-10 h-10 rounded-full bg-primary text-primary-foreground text-sm font-semibold shrink-0\">\n                    {user.name.charAt(0).toUpperCase()}\n                  </div>\n                )}\n                <div className=\"flex flex-col min-w-0\">\n                  <p className=\"text-xs text-muted-foreground truncate\">\n                    @{user.email?.split('@')[0] || 'user'}\n                  </p>\n                  <p className=\"text-sm font-medium truncate\">{user.name}</p>\n                </div>\n              </div>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem onClick={handleAdminClick}>\n                <Settings className=\"h-4 w-4 mr-2\" />\n                <span>Admin</span>\n              </DropdownMenuItem>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem onClick={handleLogout}>\n                <LogOut className=\"h-4 w-4 mr-2\" />\n                <span>Sign out</span>\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"names":["AppCatalogLogo"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/ui/components/header/Header.tsx"],"sourcesContent":["import { Link } from '@tanstack/react-router'\nimport { LogOut } from 'lucide-react'\nimport type React from 'react'\nimport AppCatalogLogo from '~/assets/app-catalog.svg?react'\nimport { ThemeSwitcher } from '~/components/ThemeSwitcher'\nimport { useAppCatalogContext } from '~/modules/appCatalog/context/AppCatalogContext'\nimport {\n  useAuth,\n  useAuthActions,\n  useIsAuthenticated,\n  useUser,\n} from '~/modules/auth'\nimport { useAuthModal } from '~/modules/auth/AuthModalContext'\nimport { Button } from '~/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '~/ui/dropdown-menu'\nimport { Skeleton } from '~/ui/skeleton'\n\nexport interface HeaderProps {\n  middle?: React.ReactNode\n}\n\nexport function Header({ middle }: HeaderProps) {\n  const { isLoading } = useAuth()\n  const isAuthenticated = useIsAuthenticated()\n  const user = useUser()\n  const { logout } = useAuthActions()\n  const { open: openLoginModal } = useAuthModal()\n  const { appVersion } = useAppCatalogContext()\n\n  const handleLogout = async () => {\n    try {\n      await logout()\n    } catch (error) {\n      console.error('Logout failed:', error)\n    }\n  }\n\n  const handleLoginClick = () => {\n    // Preserve the current URL for redirect after login\n    const currentUrl = window.location.pathname + window.location.search\n    openLoginModal(currentUrl)\n  }\n\n  return (\n    <div className=\"flex items-center mb-4 pb-4 gap-4 border-b\">\n      <div className=\"flex items-center gap-4\">\n        <Link to=\"/\">\n          <div className=\"flex items-center gap-2\">\n            <AppCatalogLogo className=\"h-16 w-16\" />\n            <div className=\"flex flex-col\">\n              <span className=\"text-lg font-bold\">App Catalog</span>\n              {appVersion &&\n                (appVersion.url ? (\n                  <a\n                    href={appVersion.url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"text-xs text-primary hover:text-primary/80 transition-colors font-medium py-0.5\"\n                    onClick={(e) => e.stopPropagation()}\n                  >\n                    {appVersion.displayName}\n                  </a>\n                ) : (\n                  <span className=\"text-xs text-muted-foreground py-0.5\">\n                    {appVersion.displayName}\n                  </span>\n                ))}\n            </div>\n          </div>\n        </Link>\n      </div>\n      {middle && <div className=\"flex-1\">{middle}</div>}\n      <div className=\"flex items-center gap-3 ml-auto\">\n        <ThemeSwitcher />\n        {isLoading ? (\n          <Skeleton className=\"w-8 h-8 rounded-full\" />\n        ) : !isAuthenticated ? (\n          <button\n            type=\"button\"\n            onClick={handleLoginClick}\n            className=\"text-sm font-medium text-muted-foreground hover:text-foreground cursor-pointer\"\n          >\n            Login\n          </button>\n        ) : user?.name ? (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"w-8 h-8 rounded-full p-0 hover:bg-accent hover:text-accent-foreground cursor-pointer\"\n              >\n                {user.image ? (\n                  <img\n                    src={user.image}\n                    alt={user.name}\n                    className=\"w-full h-full rounded-full object-cover\"\n                  />\n                ) : (\n                  <div className=\"flex items-center justify-center w-full h-full rounded-full bg-primary text-primary-foreground text-xs font-semibold\">\n                    {user.name.charAt(0).toUpperCase()}\n                  </div>\n                )}\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-56\">\n              <div className=\"px-2 py-3 flex items-center gap-3\">\n                {user.image ? (\n                  <img\n                    src={user.image}\n                    alt={user.name}\n                    className=\"w-10 h-10 rounded-full object-cover shrink-0\"\n                  />\n                ) : (\n                  <div className=\"flex items-center justify-center w-10 h-10 rounded-full bg-primary text-primary-foreground text-sm font-semibold shrink-0\">\n                    {user.name.charAt(0).toUpperCase()}\n                  </div>\n                )}\n                <div className=\"flex flex-col min-w-0\">\n                  <p className=\"text-xs text-muted-foreground truncate\">\n                    @{user.email?.split('@')[0] || 'user'}\n                  </p>\n                  <p className=\"text-sm font-medium truncate\">{user.name}</p>\n                </div>\n              </div>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem onClick={handleLogout}>\n                <LogOut className=\"h-4 w-4 mr-2\" />\n                <span>Sign out</span>\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"names":["AppCatalogLogo"],"mappings":"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"}

package/dist/esm/ui/input-group.js

@@ -0,0 +1,125 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+import { Button } from "./button.js";
+import { Input } from "./input.js";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: cn(
+        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
+        "h-9 min-w-0 has-[>textarea]:h-auto",
+        // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const inputGroupAddonVariants = cva(
+  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start": "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
+        "block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(inputGroupAddonVariants({ align }), className),
+      onClick: (e) => {
+        var _a, _b;
+        if (e.target.closest("button")) {
+          return;
+        }
+        (_b = (_a = e.currentTarget.parentElement) == null ? void 0 : _a.querySelector("input")) == null ? void 0 : _b.focus();
+      },
+      ...props
+    }
+  );
+}
+const inputGroupButtonVariants = cva(
+  "text-sm shadow-none flex gap-2 items-center",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+        sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type,
+      "data-size": size,
+      variant,
+      className: cn(inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function InputGroupInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput
+};
+//# sourceMappingURL=input-group.js.map

package/dist/esm/ui/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","sources":["../../../src/ui/input-group.tsx"],"sourcesContent":["import type { VariantProps } from 'class-variance-authority'\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '~/lib/utils'\nimport { Button } from '~/ui/button'\nimport { Input } from '~/ui/input'\nimport { Textarea } from '~/ui/textarea'\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        'group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none',\n        'h-9 min-w-0 has-[>textarea]:h-auto',\n\n        // Variants based on alignment.\n        'has-[>[data-align=inline-start]]:[&>input]:pl-2',\n        'has-[>[data-align=inline-end]]:[&>input]:pr-2',\n        'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3',\n        'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3',\n\n        // Focus state.\n        'has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]',\n\n        // Error state.\n        'has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40',\n\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupAddonVariants = cva(\n  \"text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50\",\n  {\n    variants: {\n      align: {\n        'inline-start':\n          'order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]',\n        'inline-end':\n          'order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]',\n        'block-start':\n          'order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5',\n        'block-end':\n          'order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n)\n\nfunction InputGroupAddon({\n  className,\n  align = 'inline-start',\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest('button')) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector('input')?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupButtonVariants = cva(\n  'text-sm shadow-none flex gap-2 items-center',\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2\",\n        sm: 'h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5',\n        'icon-xs':\n          'size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0',\n        'icon-sm': 'size-8 p-0 has-[>svg]:p-0',\n      },\n    },\n    defaultVariants: {\n      size: 'xs',\n    },\n  },\n)\n\nfunction InputGroupButton({\n  className,\n  type = 'button',\n  variant = 'ghost',\n  size = 'xs',\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, 'size'> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      className={cn(\n        \"text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({\n  className,\n  ...props\n}: React.ComponentProps<'input'>) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        'flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<'textarea'>) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n    InputGroup,\n    InputGroupAddon,\n    InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea\n}\n\n"],"names":[],"mappings":";;;;;AASA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA;AAAA,QAGA;AAAA,QAEA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,0BAA0B;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,gBACE;AAAA,QACF,cACE;AAAA,QACF,eACE;AAAA,QACF,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAA+E;AAC7E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,WAAW,GAAG,wBAAwB,EAAE,MAAA,CAAO,GAAG,SAAS;AAAA,MAC3D,SAAS,CAAC,MAAM;;AACd,YAAK,EAAE,OAAuB,QAAQ,QAAQ,GAAG;AAC/C;AAAA,QACF;AACA,sBAAE,cAAc,kBAAhB,mBAA+B,cAAc,aAA7C,mBAAuD;AAAA,MACzD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,2BAA2B;AAAA,EAC/B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WACE;AAAA,QACF,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AAAA,EACP,GAAG;AACL,GACiD;AAC/C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,aAAW;AAAA,MACX;AAAA,MACA,WAAW,GAAG,yBAAyB,EAAE,KAAA,CAAM,GAAG,SAAS;AAAA,MAC1D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAcA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igstack/app-catalog-frontend-core",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Frontend core library for App Catalog",
   "homepage": "https://github.com/lislon/app-catalog",
   "repository": {
@@ -133,8 +133,8 @@
     "vite-plugin-static-copy": "^3.1.4",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "3.2.2",
-    "@igstack/app-catalog-shared-core": "0.2.0",
-    "@igstack/app-catalog-backend-core": "0.2.0"
+    "@igstack/app-catalog-shared-core": "0.3.0",
+    "@igstack/app-catalog-backend-core": "0.3.0"
   },
   "peerDependencies": {
     "react": "19.1.2",

package/src/modules/appCatalog/ui/components/AppDetailModal.tsx

@@ -1,13 +1,12 @@
 import type { AppForCatalog } from '@igstack/app-catalog-backend-core'
-import { AppWindowIcon, EditIcon, ExternalLinkIcon, XIcon } from 'lucide-react'
+import { AppWindowIcon, ExternalLinkIcon, XIcon } from 'lucide-react'
 import React, { useEffect, useState } from 'react'
-import { useUser } from '~/modules/auth/AuthContext'
 import { Badge } from '~/ui/badge'
 import { Button } from '~/ui/button'
 import { ScrollArea } from '~/ui/scroll-area'
 import { Separator } from '~/ui/separator'
 import { useAppCatalogContext } from '~/modules/appCatalog'
-import { ExternalLink, Link } from '~/ui/link'
+import { ExternalLink } from '~/ui/link'
 import {
   Table,
   TableBody,
@@ -185,9 +184,6 @@ function AccessSection({ app }: { app: AppForCatalog }) {
 }
 
 export function AppDetailModal({ app, isOpen, onClose }: AppDetailModalProps) {
-  const user = useUser()
-  const isAuthenticated = !!user
-
   // Close on Escape key
   useEffect(() => {
     const handleEscape = (e: KeyboardEvent) => {
@@ -235,21 +231,6 @@ export function AppDetailModal({ app, isOpen, onClose }: AppDetailModalProps) {
             <span className="sr-only">Close</span>
           </Button>
 
-          {/* Edit Button (Authenticated users) */}
-          {isAuthenticated && app.slug && (
-            <Button
-              variant="default"
-              size="sm"
-              asChild
-              className="absolute top-6 right-[4.5rem] z-10"
-            >
-              <Link to="/admin/app-for-catalog/$id" params={{ id: app.slug }}>
-                <EditIcon className="size-4 mr-2" />
-                Edit
-              </Link>
-            </Button>
-          )}
-
           <div className="bg-background rounded-lg shadow-2xl border border-border p-8 space-y-8">
             {/* App Details Section */}
             <div className="space-y-6">

package/src/routeTree.gen.ts

@@ -9,35 +9,16 @@
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
 import { Route as rootRouteImport } from './routes/__root'
-import { Route as AdminRouteImport } from './routes/admin'
 import { Route as LayoutRouteImport } from './routes/_layout'
-import { Route as AdminIndexRouteImport } from './routes/admin/index'
 import { Route as LayoutIndexRouteImport } from './routes/_layout/index'
 import { Route as AuthCallbackRouteImport } from './routes/auth.callback'
-import { Route as AdminIconsRouteImport } from './routes/admin/icons'
-import { Route as AdminChatRouteImport } from './routes/admin/chat'
-import { Route as AdminApprovalMethodsRouteImport } from './routes/admin/approval-methods'
-import { Route as AdminAppForCatalogRouteImport } from './routes/admin/app-for-catalog'
 import { Route as LayoutLoginRouteImport } from './routes/_layout/login'
-import { Route as AdminApprovalMethodsIndexRouteImport } from './routes/admin/approval-methods/index'
-import { Route as AdminAppForCatalogIndexRouteImport } from './routes/admin/app-for-catalog/index'
-import { Route as AdminAppForCatalogIdRouteImport } from './routes/admin/app-for-catalog/$id'
 import { Route as LayoutCatalogAppsIndexRouteImport } from './routes/_layout/catalog.apps.index'
 
-const AdminRoute = AdminRouteImport.update({
-  id: '/admin',
-  path: '/admin',
-  getParentRoute: () => rootRouteImport,
-} as any)
 const LayoutRoute = LayoutRouteImport.update({
   id: '/_layout',
   getParentRoute: () => rootRouteImport,
 } as any)
-const AdminIndexRoute = AdminIndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => AdminRoute,
-} as any)
 const LayoutIndexRoute = LayoutIndexRouteImport.update({
   id: '/',
   path: '/',
@@ -48,47 +29,11 @@ const AuthCallbackRoute = AuthCallbackRouteImport.update({
   path: '/auth/callback',
   getParentRoute: () => rootRouteImport,
 } as any)
-const AdminIconsRoute = AdminIconsRouteImport.update({
-  id: '/icons',
-  path: '/icons',
-  getParentRoute: () => AdminRoute,
-} as any)
-const AdminChatRoute = AdminChatRouteImport.update({
-  id: '/chat',
-  path: '/chat',
-  getParentRoute: () => AdminRoute,
-} as any)
-const AdminApprovalMethodsRoute = AdminApprovalMethodsRouteImport.update({
-  id: '/approval-methods',
-  path: '/approval-methods',
-  getParentRoute: () => AdminRoute,
-} as any)
-const AdminAppForCatalogRoute = AdminAppForCatalogRouteImport.update({
-  id: '/app-for-catalog',
-  path: '/app-for-catalog',
-  getParentRoute: () => AdminRoute,
-} as any)
 const LayoutLoginRoute = LayoutLoginRouteImport.update({
   id: '/login',
   path: '/login',
   getParentRoute: () => LayoutRoute,
 } as any)
-const AdminApprovalMethodsIndexRoute =
-  AdminApprovalMethodsIndexRouteImport.update({
-    id: '/',
-    path: '/',
-    getParentRoute: () => AdminApprovalMethodsRoute,
-  } as any)
-const AdminAppForCatalogIndexRoute = AdminAppForCatalogIndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => AdminAppForCatalogRoute,
-} as any)
-const AdminAppForCatalogIdRoute = AdminAppForCatalogIdRouteImport.update({
-  id: '/$id',
-  path: '/$id',
-  getParentRoute: () => AdminAppForCatalogRoute,
-} as any)
 const LayoutCatalogAppsIndexRoute = LayoutCatalogAppsIndexRouteImport.update({
   id: '/catalog/apps/',
   path: '/catalog/apps/',
@@ -97,109 +42,45 @@ const LayoutCatalogAppsIndexRoute = LayoutCatalogAppsIndexRouteImport.update({
 
 export interface FileRoutesByFullPath {
   '/': typeof LayoutIndexRoute
-  '/admin': typeof AdminRouteWithChildren
   '/login': typeof LayoutLoginRoute
-  '/admin/app-for-catalog': typeof AdminAppForCatalogRouteWithChildren
-  '/admin/approval-methods': typeof AdminApprovalMethodsRouteWithChildren
-  '/admin/chat': typeof AdminChatRoute
-  '/admin/icons': typeof AdminIconsRoute
   '/auth/callback': typeof AuthCallbackRoute
-  '/admin/': typeof AdminIndexRoute
-  '/admin/app-for-catalog/$id': typeof AdminAppForCatalogIdRoute
-  '/admin/app-for-catalog/': typeof AdminAppForCatalogIndexRoute
-  '/admin/approval-methods/': typeof AdminApprovalMethodsIndexRoute
   '/catalog/apps/': typeof LayoutCatalogAppsIndexRoute
 }
 export interface FileRoutesByTo {
   '/login': typeof LayoutLoginRoute
-  '/admin/chat': typeof AdminChatRoute
-  '/admin/icons': typeof AdminIconsRoute
   '/auth/callback': typeof AuthCallbackRoute
   '/': typeof LayoutIndexRoute
-  '/admin': typeof AdminIndexRoute
-  '/admin/app-for-catalog/$id': typeof AdminAppForCatalogIdRoute
-  '/admin/app-for-catalog': typeof AdminAppForCatalogIndexRoute
-  '/admin/approval-methods': typeof AdminApprovalMethodsIndexRoute
   '/catalog/apps': typeof LayoutCatalogAppsIndexRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/_layout': typeof LayoutRouteWithChildren
-  '/admin': typeof AdminRouteWithChildren
   '/_layout/login': typeof LayoutLoginRoute
-  '/admin/app-for-catalog': typeof AdminAppForCatalogRouteWithChildren
-  '/admin/approval-methods': typeof AdminApprovalMethodsRouteWithChildren
-  '/admin/chat': typeof AdminChatRoute
-  '/admin/icons': typeof AdminIconsRoute
   '/auth/callback': typeof AuthCallbackRoute
   '/_layout/': typeof LayoutIndexRoute
-  '/admin/': typeof AdminIndexRoute
-  '/admin/app-for-catalog/$id': typeof AdminAppForCatalogIdRoute
-  '/admin/app-for-catalog/': typeof AdminAppForCatalogIndexRoute
-  '/admin/approval-methods/': typeof AdminApprovalMethodsIndexRoute
   '/_layout/catalog/apps/': typeof LayoutCatalogAppsIndexRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths:
-    | '/'
-    | '/admin'
-    | '/login'
-    | '/admin/app-for-catalog'
-    | '/admin/approval-methods'
-    | '/admin/chat'
-    | '/admin/icons'
-    | '/auth/callback'
-    | '/admin/'
-    | '/admin/app-for-catalog/$id'
-    | '/admin/app-for-catalog/'
-    | '/admin/approval-methods/'
-    | '/catalog/apps/'
+  fullPaths: '/' | '/login' | '/auth/callback' | '/catalog/apps/'
   fileRoutesByTo: FileRoutesByTo
-  to:
-    | '/login'
-    | '/admin/chat'
-    | '/admin/icons'
-    | '/auth/callback'
-    | '/'
-    | '/admin'
-    | '/admin/app-for-catalog/$id'
-    | '/admin/app-for-catalog'
-    | '/admin/approval-methods'
-    | '/catalog/apps'
+  to: '/login' | '/auth/callback' | '/' | '/catalog/apps'
   id:
     | '__root__'
     | '/_layout'
-    | '/admin'
     | '/_layout/login'
-    | '/admin/app-for-catalog'
-    | '/admin/approval-methods'
-    | '/admin/chat'
-    | '/admin/icons'
     | '/auth/callback'
     | '/_layout/'
-    | '/admin/'
-    | '/admin/app-for-catalog/$id'
-    | '/admin/app-for-catalog/'
-    | '/admin/approval-methods/'
     | '/_layout/catalog/apps/'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
   LayoutRoute: typeof LayoutRouteWithChildren
-  AdminRoute: typeof AdminRouteWithChildren
   AuthCallbackRoute: typeof AuthCallbackRoute
 }
 
 declare module '@tanstack/react-router' {
   interface FileRoutesByPath {
-    '/admin': {
-      id: '/admin'
-      path: '/admin'
-      fullPath: '/admin'
-      preLoaderRoute: typeof AdminRouteImport
-      parentRoute: typeof rootRouteImport
-    }
     '/_layout': {
       id: '/_layout'
       path: ''
@@ -207,13 +88,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof LayoutRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/admin/': {
-      id: '/admin/'
-      path: '/'
-      fullPath: '/admin/'
-      preLoaderRoute: typeof AdminIndexRouteImport
-      parentRoute: typeof AdminRoute
-    }
     '/_layout/': {
       id: '/_layout/'
       path: '/'
@@ -228,34 +102,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof AuthCallbackRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/admin/icons': {
-      id: '/admin/icons'
-      path: '/icons'
-      fullPath: '/admin/icons'
-      preLoaderRoute: typeof AdminIconsRouteImport
-      parentRoute: typeof AdminRoute
-    }
-    '/admin/chat': {
-      id: '/admin/chat'
-      path: '/chat'
-      fullPath: '/admin/chat'
-      preLoaderRoute: typeof AdminChatRouteImport
-      parentRoute: typeof AdminRoute
-    }
-    '/admin/approval-methods': {
-      id: '/admin/approval-methods'
-      path: '/approval-methods'
-      fullPath: '/admin/approval-methods'
-      preLoaderRoute: typeof AdminApprovalMethodsRouteImport
-      parentRoute: typeof AdminRoute
-    }
-    '/admin/app-for-catalog': {
-      id: '/admin/app-for-catalog'
-      path: '/app-for-catalog'
-      fullPath: '/admin/app-for-catalog'
-      preLoaderRoute: typeof AdminAppForCatalogRouteImport
-      parentRoute: typeof AdminRoute
-    }
     '/_layout/login': {
       id: '/_layout/login'
       path: '/login'
@@ -263,27 +109,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof LayoutLoginRouteImport
       parentRoute: typeof LayoutRoute
     }
-    '/admin/approval-methods/': {
-      id: '/admin/approval-methods/'
-      path: '/'
-      fullPath: '/admin/approval-methods/'
-      preLoaderRoute: typeof AdminApprovalMethodsIndexRouteImport
-      parentRoute: typeof AdminApprovalMethodsRoute
-    }
-    '/admin/app-for-catalog/': {
-      id: '/admin/app-for-catalog/'
-      path: '/'
-      fullPath: '/admin/app-for-catalog/'
-      preLoaderRoute: typeof AdminAppForCatalogIndexRouteImport
-      parentRoute: typeof AdminAppForCatalogRoute
-    }
-    '/admin/app-for-catalog/$id': {
-      id: '/admin/app-for-catalog/$id'
-      path: '/$id'
-      fullPath: '/admin/app-for-catalog/$id'
-      preLoaderRoute: typeof AdminAppForCatalogIdRouteImport
-      parentRoute: typeof AdminAppForCatalogRoute
-    }
     '/_layout/catalog/apps/': {
       id: '/_layout/catalog/apps/'
       path: '/catalog/apps'
@@ -309,51 +134,8 @@ const LayoutRouteChildren: LayoutRouteChildren = {
 const LayoutRouteWithChildren =
   LayoutRoute._addFileChildren(LayoutRouteChildren)
 
-interface AdminAppForCatalogRouteChildren {
-  AdminAppForCatalogIdRoute: typeof AdminAppForCatalogIdRoute
-  AdminAppForCatalogIndexRoute: typeof AdminAppForCatalogIndexRoute
-}
-
-const AdminAppForCatalogRouteChildren: AdminAppForCatalogRouteChildren = {
-  AdminAppForCatalogIdRoute: AdminAppForCatalogIdRoute,
-  AdminAppForCatalogIndexRoute: AdminAppForCatalogIndexRoute,
-}
-
-const AdminAppForCatalogRouteWithChildren =
-  AdminAppForCatalogRoute._addFileChildren(AdminAppForCatalogRouteChildren)
-
-interface AdminApprovalMethodsRouteChildren {
-  AdminApprovalMethodsIndexRoute: typeof AdminApprovalMethodsIndexRoute
-}
-
-const AdminApprovalMethodsRouteChildren: AdminApprovalMethodsRouteChildren = {
-  AdminApprovalMethodsIndexRoute: AdminApprovalMethodsIndexRoute,
-}
-
-const AdminApprovalMethodsRouteWithChildren =
-  AdminApprovalMethodsRoute._addFileChildren(AdminApprovalMethodsRouteChildren)
-
-interface AdminRouteChildren {
-  AdminAppForCatalogRoute: typeof AdminAppForCatalogRouteWithChildren
-  AdminApprovalMethodsRoute: typeof AdminApprovalMethodsRouteWithChildren
-  AdminChatRoute: typeof AdminChatRoute
-  AdminIconsRoute: typeof AdminIconsRoute
-  AdminIndexRoute: typeof AdminIndexRoute
-}
-
-const AdminRouteChildren: AdminRouteChildren = {
-  AdminAppForCatalogRoute: AdminAppForCatalogRouteWithChildren,
-  AdminApprovalMethodsRoute: AdminApprovalMethodsRouteWithChildren,
-  AdminChatRoute: AdminChatRoute,
-  AdminIconsRoute: AdminIconsRoute,
-  AdminIndexRoute: AdminIndexRoute,
-}
-
-const AdminRouteWithChildren = AdminRoute._addFileChildren(AdminRouteChildren)
-
 const rootRouteChildren: RootRouteChildren = {
   LayoutRoute: LayoutRouteWithChildren,
-  AdminRoute: AdminRouteWithChildren,
   AuthCallbackRoute: AuthCallbackRoute,
 }
 export const routeTree = rootRouteImport