@agent-native/dispatch 0.1.1 → 0.2.2

package/dist/components/layout/Layout.js

@@ -4,27 +4,107 @@ import { NavLink, useLocation } from "react-router";
 import { AgentSidebar, FeedbackButton, appPath, useActionQuery, } from "@agent-native/core/client";
 import { InvitationBanner } from "@agent-native/core/client/org";
 import { ToolsSidebarSection } from "@agent-native/core/client/tools";
-import { IconArrowUpRight, IconApps, IconBrandTelegram, IconKey, IconChevronDown, IconLayersSubtract, IconPlugConnected, IconBroadcast, IconFingerprint, IconHistory, IconPuzzle, IconShieldCheck, IconUsersGroup, } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
-import { Sheet, SheetContent, SheetDescription, SheetTitle, } from "../../components/ui/sheet";
-import { Header } from "./Header";
-import { HeaderActionsProvider } from "./HeaderActions";
+import { IconArrowUpRight, IconApps, IconChartBar, IconBrandTelegram, IconKey, IconChevronDown, IconLayersSubtract, IconPlugConnected, IconBroadcast, IconFingerprint, IconHistory, IconPuzzle, IconShieldCheck, IconUsersGroup, } from "@tabler/icons-react";
+import { cn } from "../../lib/utils.js";
+import { Sheet, SheetContent, SheetDescription, SheetTitle, } from "../../components/ui/sheet.js";
+import { Header } from "./Header.js";
+import { HeaderActionsProvider } from "./HeaderActions.js";
 const PRIMARY_NAV_ITEMS = [
-    { to: "/overview", label: "Overview", icon: IconBroadcast },
-    { to: "/apps", label: "Apps", icon: IconApps },
-    { to: "/vault", label: "Vault", icon: IconKey },
-    { to: "/integrations", label: "Integrations", icon: IconPuzzle },
-    { to: "/agents", label: "Agents", icon: IconPlugConnected },
+    {
+        id: "overview",
+        to: "/overview",
+        label: "Overview",
+        icon: IconBroadcast,
+        section: "primary",
+    },
+    {
+        id: "apps",
+        to: "/apps",
+        label: "Apps",
+        icon: IconApps,
+        section: "primary",
+    },
+    {
+        id: "metrics",
+        to: "/metrics",
+        label: "Metrics",
+        icon: IconChartBar,
+        section: "primary",
+    },
+    {
+        id: "vault",
+        to: "/vault",
+        label: "Vault",
+        icon: IconKey,
+        section: "primary",
+    },
+    {
+        id: "integrations",
+        to: "/integrations",
+        label: "Integrations",
+        icon: IconPuzzle,
+        section: "primary",
+    },
+    {
+        id: "agents",
+        to: "/agents",
+        label: "Agents",
+        icon: IconPlugConnected,
+        section: "primary",
+    },
 ];
 const OPERATIONS_NAV_ITEMS = [
-    { to: "/workspace", label: "Resources", icon: IconLayersSubtract },
-    { to: "/messaging", label: "Messaging", icon: IconBrandTelegram },
-    { to: "/destinations", label: "Destinations", icon: IconArrowUpRight },
-    { to: "/identities", label: "Identities", icon: IconFingerprint },
-    { to: "/approvals", label: "Approvals", icon: IconShieldCheck },
-    { to: "/audit", label: "Audit", icon: IconHistory },
-    { to: "/team", label: "Team", icon: IconUsersGroup },
+    {
+        id: "workspace",
+        to: "/workspace",
+        label: "Resources",
+        icon: IconLayersSubtract,
+        section: "operations",
+    },
+    {
+        id: "messaging",
+        to: "/messaging",
+        label: "Messaging",
+        icon: IconBrandTelegram,
+        section: "operations",
+    },
+    {
+        id: "destinations",
+        to: "/destinations",
+        label: "Destinations",
+        icon: IconArrowUpRight,
+        section: "operations",
+    },
+    {
+        id: "identities",
+        to: "/identities",
+        label: "Identities",
+        icon: IconFingerprint,
+        section: "operations",
+    },
+    {
+        id: "approvals",
+        to: "/approvals",
+        label: "Approvals",
+        icon: IconShieldCheck,
+        section: "operations",
+    },
+    {
+        id: "audit",
+        to: "/audit",
+        label: "Audit",
+        icon: IconHistory,
+        section: "operations",
+    },
+    {
+        id: "team",
+        to: "/team",
+        label: "Team",
+        icon: IconUsersGroup,
+        section: "operations",
+    },
 ];
+const EMPTY_NAV_ITEMS = [];
 const SIDEBAR_SUGGESTIONS = [
     "Create a new app",
     "Grant a key to an app",
@@ -37,26 +117,57 @@ const CHROMELESS_PATHS = ["/approval"];
 function pageOwnsToolbar(pathname) {
     if (pathname === "/tools" || pathname.startsWith("/tools/"))
         return true;
+    if (pathname === "/extensions" || pathname.startsWith("/extensions/"))
+        return true;
     return false;
 }
-export function NavContent({ onNavigate }) {
+function sectionFor(item) {
+    return item.section ?? "operations";
+}
+function navItemMatchesPath(item, pathname) {
+    if (item.match) {
+        try {
+            if (item.match(pathname))
+                return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    return pathname === item.to || pathname.startsWith(`${item.to}/`);
+}
+function navItemsForSection(items, section) {
+    return items.filter((item) => sectionFor(item) === section);
+}
+export function NavContent({ onNavigate, extensions, }) {
     const location = useLocation();
     const { data: workspace } = useActionQuery("get-workspace-info", {}, { staleTime: 60_000 });
     const ws = workspace;
     const workspaceLabel = ws?.displayName ?? ws?.name ?? null;
-    const operationsOpen = OPERATIONS_NAV_ITEMS.some((item) => location.pathname === item.to ||
-        location.pathname.startsWith(`${item.to}/`));
+    const extensionNavItems = extensions?.navItems ?? EMPTY_NAV_ITEMS;
+    const primaryNavItems = [
+        ...PRIMARY_NAV_ITEMS,
+        ...navItemsForSection(extensionNavItems, "primary"),
+    ];
+    const operationsNavItems = [
+        ...OPERATIONS_NAV_ITEMS,
+        ...navItemsForSection(extensionNavItems, "operations"),
+    ];
+    const operationsOpen = operationsNavItems.some((item) => navItemMatchesPath(item, location.pathname));
     const renderNavItem = (item) => {
         const Icon = item.icon;
-        return (_jsx("li", { children: _jsxs(NavLink, { to: item.to, onClick: onNavigate, className: ({ isActive }) => cn("flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm", isActive
-                    ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground"
-                    : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"), children: [_jsx(Icon, { size: 16, className: "shrink-0" }), _jsx("span", { className: "truncate", children: item.label })] }) }, item.to));
+        return (_jsx("li", { children: _jsxs(NavLink, { to: item.to, onClick: onNavigate, className: ({ isActive }) => {
+                    const active = isActive || navItemMatchesPath(item, location.pathname);
+                    return cn("flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm", active
+                        ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground"
+                        : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground");
+                }, children: [Icon ? (_jsx(Icon, { size: 16, className: "shrink-0" })) : (_jsx("span", { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })), _jsx("span", { className: "truncate", children: item.label })] }) }, item.id));
     };
     return (_jsxs(_Fragment, { children: [_jsx("div", { className: "border-b px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex h-9 w-9 items-center justify-center rounded-xl border bg-card text-foreground", children: [_jsx("img", { src: appPath("/agent-native-icon-light.svg"), alt: "", "aria-hidden": "true", className: "block h-4 w-auto shrink-0 dark:hidden" }), _jsx("img", { src: appPath("/agent-native-icon-dark.svg"), alt: "", "aria-hidden": "true", className: "hidden h-4 w-auto shrink-0 dark:block" })] }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-semibold text-foreground", children: workspaceLabel ?? "Dispatch" }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: workspaceLabel
                                         ? `Workspace · ${ws?.appCount ?? 0} app${ws?.appCount === 1 ? "" : "s"}`
-                                        : "Workspace control plane" })] })] }) }), _jsxs("nav", { className: "flex-1 overflow-y-auto px-2 py-3", children: [_jsx("ul", { className: "space-y-0.5", children: PRIMARY_NAV_ITEMS.map(renderNavItem) }), _jsxs("details", { className: "group mt-4", open: operationsOpen, children: [_jsxs("summary", { className: "flex h-8 cursor-pointer list-none items-center justify-between rounded-md px-2 text-xs font-medium uppercase text-sidebar-foreground/50 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground [&::-webkit-details-marker]:hidden", children: [_jsx("span", { children: "Operations" }), _jsx(IconChevronDown, { size: 14, className: "transition-transform group-open:rotate-180" })] }), _jsx("ul", { className: "mt-1 space-y-0.5", children: OPERATIONS_NAV_ITEMS.map(renderNavItem) })] })] }), _jsxs("div", { className: "border-t px-2 py-2", children: [_jsx(ToolsSidebarSection, {}), _jsx(FeedbackButton, {})] })] }));
+                                        : "Workspace control plane" })] })] }) }), _jsxs("nav", { className: "flex-1 overflow-y-auto px-2 py-3", children: [_jsx("ul", { className: "space-y-0.5", children: primaryNavItems.map(renderNavItem) }), _jsxs("details", { className: "group mt-4", open: operationsOpen, children: [_jsxs("summary", { className: "flex h-8 cursor-pointer list-none items-center justify-between rounded-md px-2 text-xs font-medium uppercase text-sidebar-foreground/50 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground [&::-webkit-details-marker]:hidden", children: [_jsx("span", { children: "Operations" }), _jsx(IconChevronDown, { size: 14, className: "transition-transform group-open:rotate-180" })] }), _jsx("ul", { className: "mt-1 space-y-0.5", children: operationsNavItems.map(renderNavItem) })] })] }), _jsxs("div", { className: "border-t px-2 py-2", children: [_jsx(ToolsSidebarSection, {}), _jsx(FeedbackButton, {})] })] }));
 }
-export function Layout({ children }) {
+export function Layout({ children, extensions, }) {
     const location = useLocation();
     const [mobileOpen, setMobileOpen] = useState(false);
     const hasEmbeddedAgentChat = location.pathname === "/" || location.pathname === "/overview";
@@ -65,6 +176,6 @@ export function Layout({ children }) {
     }
     const showHeader = !pageOwnsToolbar(location.pathname);
     const appContent = (_jsxs("div", { className: "flex h-full flex-1 flex-col overflow-hidden", children: [showHeader ? (_jsx(Header, { onOpenMobile: () => setMobileOpen(true), showAgentToggle: !hasEmbeddedAgentChat })) : null, _jsx(InvitationBanner, {}), _jsx("main", { className: "flex-1 overflow-y-auto", children: showHeader ? (_jsx("div", { className: "mx-auto max-w-7xl space-y-5 px-4 py-6 sm:px-6", children: children })) : (children) })] }));
-    return (_jsx(HeaderActionsProvider, { children: _jsxs("div", { className: "flex h-screen w-full overflow-hidden bg-background", children: [_jsx("aside", { className: "hidden 2xl:flex w-64 shrink-0 flex-col border-r bg-sidebar text-sidebar-foreground", children: _jsx(NavContent, {}) }), _jsx(Sheet, { open: mobileOpen, onOpenChange: setMobileOpen, children: _jsxs(SheetContent, { side: "left", className: "w-72 p-0 bg-sidebar text-sidebar-foreground [&>button]:hidden", children: [_jsx(SheetTitle, { className: "sr-only", children: "Navigation" }), _jsx(SheetDescription, { className: "sr-only", children: "Workspace navigation links" }), _jsx("div", { className: "flex h-full w-full flex-col", children: _jsx(NavContent, { onNavigate: () => setMobileOpen(false) }) })] }) }), _jsx(AgentSidebar, { position: "right", defaultOpen: false, emptyStateText: "Create apps, grant keys, and route work across the workspace.", suggestions: SIDEBAR_SUGGESTIONS, children: appContent })] }) }));
+    return (_jsx(HeaderActionsProvider, { children: _jsxs("div", { className: "flex h-screen w-full overflow-hidden bg-background", children: [_jsx("aside", { className: "hidden 2xl:flex w-64 shrink-0 flex-col border-r bg-sidebar text-sidebar-foreground", children: _jsx(NavContent, { extensions: extensions }) }), _jsx(Sheet, { open: mobileOpen, onOpenChange: setMobileOpen, children: _jsxs(SheetContent, { side: "left", className: "w-72 p-0 bg-sidebar text-sidebar-foreground [&>button]:hidden", children: [_jsx(SheetTitle, { className: "sr-only", children: "Navigation" }), _jsx(SheetDescription, { className: "sr-only", children: "Workspace navigation links" }), _jsx("div", { className: "flex h-full w-full flex-col", children: _jsx(NavContent, { extensions: extensions, onNavigate: () => setMobileOpen(false) }) })] }) }), _jsx(AgentSidebar, { position: "right", defaultOpen: false, emptyStateText: "Create apps, grant keys, and route work across the workspace.", suggestions: SIDEBAR_SUGGESTIONS, children: appContent })] }) }));
 }
 //# sourceMappingURL=Layout.js.map

package/dist/components/layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { NavLink, useLocation } from \"react-router\";\nimport {\n  AgentSidebar,\n  FeedbackButton,\n  appPath,\n  useActionQuery,\n} from \"@agent-native/core/client\";\nimport { InvitationBanner } from \"@agent-native/core/client/org\";\nimport { ToolsSidebarSection } from \"@agent-native/core/client/tools\";\nimport {\n  IconArrowUpRight,\n  IconApps,\n  IconBrandTelegram,\n  IconKey,\n  IconChevronDown,\n  IconLayersSubtract,\n  IconPlugConnected,\n  IconBroadcast,\n  IconFingerprint,\n  IconHistory,\n  IconPuzzle,\n  IconShieldCheck,\n  IconUsersGroup,\n} from \"@tabler/icons-react\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetTitle,\n} from \"@/components/ui/sheet\";\nimport { Header } from \"./Header\";\nimport { HeaderActionsProvider } from \"./HeaderActions\";\n\nconst PRIMARY_NAV_ITEMS = [\n  { to: \"/overview\", label: \"Overview\", icon: IconBroadcast },\n  { to: \"/apps\", label: \"Apps\", icon: IconApps },\n  { to: \"/vault\", label: \"Vault\", icon: IconKey },\n  { to: \"/integrations\", label: \"Integrations\", icon: IconPuzzle },\n  { to: \"/agents\", label: \"Agents\", icon: IconPlugConnected },\n] as const;\n\nconst OPERATIONS_NAV_ITEMS = [\n  { to: \"/workspace\", label: \"Resources\", icon: IconLayersSubtract },\n  { to: \"/messaging\", label: \"Messaging\", icon: IconBrandTelegram },\n  { to: \"/destinations\", label: \"Destinations\", icon: IconArrowUpRight },\n  { to: \"/identities\", label: \"Identities\", icon: IconFingerprint },\n  { to: \"/approvals\", label: \"Approvals\", icon: IconShieldCheck },\n  { to: \"/audit\", label: \"Audit\", icon: IconHistory },\n  { to: \"/team\", label: \"Team\", icon: IconUsersGroup },\n] as const;\n\ntype NavItem =\n  | (typeof PRIMARY_NAV_ITEMS)[number]\n  | (typeof OPERATIONS_NAV_ITEMS)[number];\n\nconst SIDEBAR_SUGGESTIONS = [\n  \"Create a new app\",\n  \"Grant a key to an app\",\n  \"Check integration health\",\n];\n\nconst CHROMELESS_PATHS = [\"/approval\"];\n\n// Routes whose page renders its own toolbar (with NotificationsBell + AgentToggleButton).\n// Layout still mounts the sidebar + AgentSidebar, but skips its own Header so\n// there's no double-header.\nfunction pageOwnsToolbar(pathname: string): boolean {\n  if (pathname === \"/tools\" || pathname.startsWith(\"/tools/\")) return true;\n  return false;\n}\n\ninterface WorkspaceInfo {\n  name: string | null;\n  displayName: string | null;\n  appCount: number;\n}\n\nexport function NavContent({ onNavigate }: { onNavigate?: () => void }) {\n  const location = useLocation();\n  const { data: workspace } = useActionQuery(\n    \"get-workspace-info\",\n    {},\n    { staleTime: 60_000 },\n  );\n  const ws = workspace as WorkspaceInfo | undefined;\n  const workspaceLabel = ws?.displayName ?? ws?.name ?? null;\n  const operationsOpen = OPERATIONS_NAV_ITEMS.some(\n    (item) =>\n      location.pathname === item.to ||\n      location.pathname.startsWith(`${item.to}/`),\n  );\n\n  const renderNavItem = (item: NavItem) => {\n    const Icon = item.icon;\n    return (\n      <li key={item.to}>\n        <NavLink\n          to={item.to}\n          onClick={onNavigate}\n          className={({ isActive }) =>\n            cn(\n              \"flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm\",\n              isActive\n                ? \"bg-sidebar-accent font-medium text-sidebar-accent-foreground\"\n                : \"text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n            )\n          }\n        >\n          <Icon size={16} className=\"shrink-0\" />\n          <span className=\"truncate\">{item.label}</span>\n        </NavLink>\n      </li>\n    );\n  };\n\n  return (\n    <>\n      <div className=\"border-b px-4 py-3\">\n        <div className=\"flex items-center gap-3\">\n          <div className=\"flex h-9 w-9 items-center justify-center rounded-xl border bg-card text-foreground\">\n            <img\n              src={appPath(\"/agent-native-icon-light.svg\")}\n              alt=\"\"\n              aria-hidden=\"true\"\n              className=\"block h-4 w-auto shrink-0 dark:hidden\"\n            />\n            <img\n              src={appPath(\"/agent-native-icon-dark.svg\")}\n              alt=\"\"\n              aria-hidden=\"true\"\n              className=\"hidden h-4 w-auto shrink-0 dark:block\"\n            />\n          </div>\n          <div className=\"min-w-0\">\n            <div className=\"truncate text-sm font-semibold text-foreground\">\n              {workspaceLabel ?? \"Dispatch\"}\n            </div>\n            <div className=\"truncate text-xs text-muted-foreground\">\n              {workspaceLabel\n                ? `Workspace · ${ws?.appCount ?? 0} app${ws?.appCount === 1 ? \"\" : \"s\"}`\n                : \"Workspace control plane\"}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <nav className=\"flex-1 overflow-y-auto px-2 py-3\">\n        <ul className=\"space-y-0.5\">{PRIMARY_NAV_ITEMS.map(renderNavItem)}</ul>\n        <details className=\"group mt-4\" open={operationsOpen}>\n          <summary className=\"flex h-8 cursor-pointer list-none items-center justify-between rounded-md px-2 text-xs font-medium uppercase text-sidebar-foreground/50 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground [&::-webkit-details-marker]:hidden\">\n            <span>Operations</span>\n            <IconChevronDown\n              size={14}\n              className=\"transition-transform group-open:rotate-180\"\n            />\n          </summary>\n          <ul className=\"mt-1 space-y-0.5\">\n            {OPERATIONS_NAV_ITEMS.map(renderNavItem)}\n          </ul>\n        </details>\n      </nav>\n\n      <div className=\"border-t px-2 py-2\">\n        <ToolsSidebarSection />\n        <FeedbackButton />\n      </div>\n    </>\n  );\n}\n\nexport function Layout({ children }: { children: ReactNode }) {\n  const location = useLocation();\n  const [mobileOpen, setMobileOpen] = useState(false);\n  const hasEmbeddedAgentChat =\n    location.pathname === \"/\" || location.pathname === \"/overview\";\n\n  if (CHROMELESS_PATHS.some((path) => location.pathname === path)) {\n    return <>{children}</>;\n  }\n\n  const showHeader = !pageOwnsToolbar(location.pathname);\n  const appContent = (\n    <div className=\"flex h-full flex-1 flex-col overflow-hidden\">\n      {showHeader ? (\n        <Header\n          onOpenMobile={() => setMobileOpen(true)}\n          showAgentToggle={!hasEmbeddedAgentChat}\n        />\n      ) : null}\n      <InvitationBanner />\n      <main className=\"flex-1 overflow-y-auto\">\n        {showHeader ? (\n          <div className=\"mx-auto max-w-7xl space-y-5 px-4 py-6 sm:px-6\">\n            {children}\n          </div>\n        ) : (\n          children\n        )}\n      </main>\n    </div>\n  );\n\n  return (\n    <HeaderActionsProvider>\n      <div className=\"flex h-screen w-full overflow-hidden bg-background\">\n        <aside className=\"hidden 2xl:flex w-64 shrink-0 flex-col border-r bg-sidebar text-sidebar-foreground\">\n          <NavContent />\n        </aside>\n\n        <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>\n          <SheetContent\n            side=\"left\"\n            className=\"w-72 p-0 bg-sidebar text-sidebar-foreground [&>button]:hidden\"\n          >\n            <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n            <SheetDescription className=\"sr-only\">\n              Workspace navigation links\n            </SheetDescription>\n            <div className=\"flex h-full w-full flex-col\">\n              <NavContent onNavigate={() => setMobileOpen(false)} />\n            </div>\n          </SheetContent>\n        </Sheet>\n\n        {/*\n         * Always mount AgentSidebar so home composer's sendToAgentChat\n         * fallback can pop it via agent-panel:open. The toggle button stays\n         * hidden on overview because the home composer is the primary input.\n         */}\n        <AgentSidebar\n          position=\"right\"\n          defaultOpen={false}\n          emptyStateText=\"Create apps, grant keys, and route work across the workspace.\"\n          suggestions={SIDEBAR_SUGGESTIONS}\n        >\n          {appContent}\n        </AgentSidebar>\n      </div>\n    </HeaderActionsProvider>\n  );\n}\n"]}
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, type ComponentType, type ReactNode } from \"react\";\nimport { NavLink, useLocation } from \"react-router\";\nimport {\n  AgentSidebar,\n  FeedbackButton,\n  appPath,\n  useActionQuery,\n} from \"@agent-native/core/client\";\nimport { InvitationBanner } from \"@agent-native/core/client/org\";\nimport { ToolsSidebarSection } from \"@agent-native/core/client/tools\";\nimport {\n  IconArrowUpRight,\n  IconApps,\n  IconChartBar,\n  IconBrandTelegram,\n  IconKey,\n  IconChevronDown,\n  IconLayersSubtract,\n  IconPlugConnected,\n  IconBroadcast,\n  IconFingerprint,\n  IconHistory,\n  IconPuzzle,\n  IconShieldCheck,\n  IconUsersGroup,\n} from \"@tabler/icons-react\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetTitle,\n} from \"@/components/ui/sheet\";\nimport { Header } from \"./Header\";\nimport { HeaderActionsProvider } from \"./HeaderActions\";\n\nexport type DispatchNavSection = \"primary\" | \"operations\";\n\nexport type DispatchNavIcon = ComponentType<{\n  size?: number | string;\n  className?: string;\n}>;\n\nexport interface DispatchNavItem {\n  /** Stable id used for keys and navigation.view. Avoid built-in ids. */\n  id: string;\n  /** React Router path for the tab, usually backed by an app/routes/*.tsx file. */\n  to: string;\n  label: string;\n  icon?: DispatchNavIcon;\n  /** Defaults to \"operations\", which is where local management tools usually fit. */\n  section?: DispatchNavSection;\n  /** Override active matching for nested or multi-route tools. */\n  match?: (pathname: string) => boolean;\n}\n\nexport interface DispatchExtensionConfig {\n  /** Extra sidebar tabs supplied by the generated workspace. */\n  navItems?: readonly DispatchNavItem[];\n  /** Extra React Query keys to invalidate when Dispatch receives DB sync events. */\n  queryKeys?: readonly string[];\n}\n\nconst PRIMARY_NAV_ITEMS = [\n  {\n    id: \"overview\",\n    to: \"/overview\",\n    label: \"Overview\",\n    icon: IconBroadcast,\n    section: \"primary\",\n  },\n  {\n    id: \"apps\",\n    to: \"/apps\",\n    label: \"Apps\",\n    icon: IconApps,\n    section: \"primary\",\n  },\n  {\n    id: \"metrics\",\n    to: \"/metrics\",\n    label: \"Metrics\",\n    icon: IconChartBar,\n    section: \"primary\",\n  },\n  {\n    id: \"vault\",\n    to: \"/vault\",\n    label: \"Vault\",\n    icon: IconKey,\n    section: \"primary\",\n  },\n  {\n    id: \"integrations\",\n    to: \"/integrations\",\n    label: \"Integrations\",\n    icon: IconPuzzle,\n    section: \"primary\",\n  },\n  {\n    id: \"agents\",\n    to: \"/agents\",\n    label: \"Agents\",\n    icon: IconPlugConnected,\n    section: \"primary\",\n  },\n] as const satisfies readonly DispatchNavItem[];\n\nconst OPERATIONS_NAV_ITEMS = [\n  {\n    id: \"workspace\",\n    to: \"/workspace\",\n    label: \"Resources\",\n    icon: IconLayersSubtract,\n    section: \"operations\",\n  },\n  {\n    id: \"messaging\",\n    to: \"/messaging\",\n    label: \"Messaging\",\n    icon: IconBrandTelegram,\n    section: \"operations\",\n  },\n  {\n    id: \"destinations\",\n    to: \"/destinations\",\n    label: \"Destinations\",\n    icon: IconArrowUpRight,\n    section: \"operations\",\n  },\n  {\n    id: \"identities\",\n    to: \"/identities\",\n    label: \"Identities\",\n    icon: IconFingerprint,\n    section: \"operations\",\n  },\n  {\n    id: \"approvals\",\n    to: \"/approvals\",\n    label: \"Approvals\",\n    icon: IconShieldCheck,\n    section: \"operations\",\n  },\n  {\n    id: \"audit\",\n    to: \"/audit\",\n    label: \"Audit\",\n    icon: IconHistory,\n    section: \"operations\",\n  },\n  {\n    id: \"team\",\n    to: \"/team\",\n    label: \"Team\",\n    icon: IconUsersGroup,\n    section: \"operations\",\n  },\n] as const satisfies readonly DispatchNavItem[];\n\nconst EMPTY_NAV_ITEMS: readonly DispatchNavItem[] = [];\n\nconst SIDEBAR_SUGGESTIONS = [\n  \"Create a new app\",\n  \"Grant a key to an app\",\n  \"Check integration health\",\n];\n\nconst CHROMELESS_PATHS = [\"/approval\"];\n\n// Routes whose page renders its own toolbar (with NotificationsBell + AgentToggleButton).\n// Layout still mounts the sidebar + AgentSidebar, but skips its own Header so\n// there's no double-header.\nfunction pageOwnsToolbar(pathname: string): boolean {\n  if (pathname === \"/tools\" || pathname.startsWith(\"/tools/\")) return true;\n  if (pathname === \"/extensions\" || pathname.startsWith(\"/extensions/\"))\n    return true;\n  return false;\n}\n\ninterface WorkspaceInfo {\n  name: string | null;\n  displayName: string | null;\n  appCount: number;\n}\n\nfunction sectionFor(item: DispatchNavItem): DispatchNavSection {\n  return item.section ?? \"operations\";\n}\n\nfunction navItemMatchesPath(item: DispatchNavItem, pathname: string): boolean {\n  if (item.match) {\n    try {\n      if (item.match(pathname)) return true;\n    } catch {\n      return false;\n    }\n  }\n  return pathname === item.to || pathname.startsWith(`${item.to}/`);\n}\n\nfunction navItemsForSection(\n  items: readonly DispatchNavItem[],\n  section: DispatchNavSection,\n): DispatchNavItem[] {\n  return items.filter((item) => sectionFor(item) === section);\n}\n\nexport function NavContent({\n  onNavigate,\n  extensions,\n}: {\n  onNavigate?: () => void;\n  extensions?: DispatchExtensionConfig;\n}) {\n  const location = useLocation();\n  const { data: workspace } = useActionQuery(\n    \"get-workspace-info\",\n    {},\n    { staleTime: 60_000 },\n  );\n  const ws = workspace as WorkspaceInfo | undefined;\n  const workspaceLabel = ws?.displayName ?? ws?.name ?? null;\n  const extensionNavItems = extensions?.navItems ?? EMPTY_NAV_ITEMS;\n  const primaryNavItems = [\n    ...PRIMARY_NAV_ITEMS,\n    ...navItemsForSection(extensionNavItems, \"primary\"),\n  ];\n  const operationsNavItems = [\n    ...OPERATIONS_NAV_ITEMS,\n    ...navItemsForSection(extensionNavItems, \"operations\"),\n  ];\n  const operationsOpen = operationsNavItems.some((item) =>\n    navItemMatchesPath(item, location.pathname),\n  );\n\n  const renderNavItem = (item: DispatchNavItem) => {\n    const Icon = item.icon;\n    return (\n      <li key={item.id}>\n        <NavLink\n          to={item.to}\n          onClick={onNavigate}\n          className={({ isActive }) => {\n            const active =\n              isActive || navItemMatchesPath(item, location.pathname);\n            return cn(\n              \"flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm\",\n              active\n                ? \"bg-sidebar-accent font-medium text-sidebar-accent-foreground\"\n                : \"text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n            );\n          }}\n        >\n          {Icon ? (\n            <Icon size={16} className=\"shrink-0\" />\n          ) : (\n            <span className=\"h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n          )}\n          <span className=\"truncate\">{item.label}</span>\n        </NavLink>\n      </li>\n    );\n  };\n\n  return (\n    <>\n      <div className=\"border-b px-4 py-3\">\n        <div className=\"flex items-center gap-3\">\n          <div className=\"flex h-9 w-9 items-center justify-center rounded-xl border bg-card text-foreground\">\n            <img\n              src={appPath(\"/agent-native-icon-light.svg\")}\n              alt=\"\"\n              aria-hidden=\"true\"\n              className=\"block h-4 w-auto shrink-0 dark:hidden\"\n            />\n            <img\n              src={appPath(\"/agent-native-icon-dark.svg\")}\n              alt=\"\"\n              aria-hidden=\"true\"\n              className=\"hidden h-4 w-auto shrink-0 dark:block\"\n            />\n          </div>\n          <div className=\"min-w-0\">\n            <div className=\"truncate text-sm font-semibold text-foreground\">\n              {workspaceLabel ?? \"Dispatch\"}\n            </div>\n            <div className=\"truncate text-xs text-muted-foreground\">\n              {workspaceLabel\n                ? `Workspace · ${ws?.appCount ?? 0} app${ws?.appCount === 1 ? \"\" : \"s\"}`\n                : \"Workspace control plane\"}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <nav className=\"flex-1 overflow-y-auto px-2 py-3\">\n        <ul className=\"space-y-0.5\">{primaryNavItems.map(renderNavItem)}</ul>\n        <details className=\"group mt-4\" open={operationsOpen}>\n          <summary className=\"flex h-8 cursor-pointer list-none items-center justify-between rounded-md px-2 text-xs font-medium uppercase text-sidebar-foreground/50 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground [&::-webkit-details-marker]:hidden\">\n            <span>Operations</span>\n            <IconChevronDown\n              size={14}\n              className=\"transition-transform group-open:rotate-180\"\n            />\n          </summary>\n          <ul className=\"mt-1 space-y-0.5\">\n            {operationsNavItems.map(renderNavItem)}\n          </ul>\n        </details>\n      </nav>\n\n      <div className=\"border-t px-2 py-2\">\n        <ToolsSidebarSection />\n        <FeedbackButton />\n      </div>\n    </>\n  );\n}\n\nexport function Layout({\n  children,\n  extensions,\n}: {\n  children: ReactNode;\n  extensions?: DispatchExtensionConfig;\n}) {\n  const location = useLocation();\n  const [mobileOpen, setMobileOpen] = useState(false);\n  const hasEmbeddedAgentChat =\n    location.pathname === \"/\" || location.pathname === \"/overview\";\n\n  if (CHROMELESS_PATHS.some((path) => location.pathname === path)) {\n    return <>{children}</>;\n  }\n\n  const showHeader = !pageOwnsToolbar(location.pathname);\n  const appContent = (\n    <div className=\"flex h-full flex-1 flex-col overflow-hidden\">\n      {showHeader ? (\n        <Header\n          onOpenMobile={() => setMobileOpen(true)}\n          showAgentToggle={!hasEmbeddedAgentChat}\n        />\n      ) : null}\n      <InvitationBanner />\n      <main className=\"flex-1 overflow-y-auto\">\n        {showHeader ? (\n          <div className=\"mx-auto max-w-7xl space-y-5 px-4 py-6 sm:px-6\">\n            {children}\n          </div>\n        ) : (\n          children\n        )}\n      </main>\n    </div>\n  );\n\n  return (\n    <HeaderActionsProvider>\n      <div className=\"flex h-screen w-full overflow-hidden bg-background\">\n        <aside className=\"hidden 2xl:flex w-64 shrink-0 flex-col border-r bg-sidebar text-sidebar-foreground\">\n          <NavContent extensions={extensions} />\n        </aside>\n\n        <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>\n          <SheetContent\n            side=\"left\"\n            className=\"w-72 p-0 bg-sidebar text-sidebar-foreground [&>button]:hidden\"\n          >\n            <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n            <SheetDescription className=\"sr-only\">\n              Workspace navigation links\n            </SheetDescription>\n            <div className=\"flex h-full w-full flex-col\">\n              <NavContent\n                extensions={extensions}\n                onNavigate={() => setMobileOpen(false)}\n              />\n            </div>\n          </SheetContent>\n        </Sheet>\n\n        {/*\n         * Always mount AgentSidebar so home composer's sendToAgentChat\n         * fallback can pop it via agent-panel:open. The toggle button stays\n         * hidden on overview because the home composer is the primary input.\n         */}\n        <AgentSidebar\n          position=\"right\"\n          defaultOpen={false}\n          emptyStateText=\"Create apps, grant keys, and route work across the workspace.\"\n          suggestions={SIDEBAR_SUGGESTIONS}\n        >\n          {appContent}\n        </AgentSidebar>\n      </div>\n    </HeaderActionsProvider>\n  );\n}\n"]}

package/dist/components/messaging-setup-panel.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 import { IconBrandSlack, IconBrandTelegram, IconBrandWhatsapp, IconCheck, IconChevronRight, IconCopy, IconExternalLink, IconInfoCircle, IconLoader2, IconMail, } from "@tabler/icons-react";
-import { Button } from "../components/ui/button";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../components/ui/collapsible";
-import { Input } from "../components/ui/input";
-import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip";
+import { Button } from "../components/ui/button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../components/ui/collapsible.js";
+import { Input } from "../components/ui/input.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { agentNativePath } from "@agent-native/core/client";
 const PLATFORM_DEFINITIONS = [
     {

package/dist/components/ui/accordion.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { IconChevronDown } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Accordion = AccordionPrimitive.Root;
 const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn("border-b", className), ...props })));
 AccordionItem.displayName = "AccordionItem";

package/dist/components/ui/alert-dialog.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { cn } from "../../lib/utils";
-import { buttonVariants } from "../../components/ui/button";
+import { cn } from "../../lib/utils.js";
+import { buttonVariants } from "../../components/ui/button.js";
 const AlertDialog = AlertDialogPrimitive.Root;
 const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 const AlertDialogPortal = AlertDialogPrimitive.Portal;

package/dist/components/ui/alert.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
     variants: {
         variant: {

package/dist/components/ui/avatar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Avatar = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className), ...props })));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
 const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn("aspect-square h-full w-full", className), ...props })));

package/dist/components/ui/badge.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
     variants: {
         variant: {

package/dist/components/ui/breadcrumb.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { IconChevronRight, IconDots } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Breadcrumb = React.forwardRef(({ ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
 const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className), ...props })));

package/dist/components/ui/button.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
     variants: {
         variant: {

package/dist/components/ui/calendar.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { IconChevronLeft, IconChevronRight } from "@tabler/icons-react";
 import { DayPicker } from "react-day-picker";
-import { cn } from "../../lib/utils";
-import { buttonVariants } from "../../components/ui/button";
+import { cn } from "../../lib/utils.js";
+import { buttonVariants } from "../../components/ui/button.js";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
     return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("p-3", className), classNames: {
             months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",

package/dist/components/ui/card.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props })));
 Card.displayName = "Card";
 const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));

package/dist/components/ui/carousel.d.ts

@@ -13,7 +13,7 @@ type CarouselProps = {
 declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("../../components/ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("../../components/ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("../../components/ui/button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("../../components/ui/button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
 //# sourceMappingURL=carousel.d.ts.map

package/dist/components/ui/carousel.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { IconArrowLeft, IconArrowRight } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
-import { Button } from "../../components/ui/button";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../../components/ui/button.js";
 const CarouselContext = React.createContext(null);
 function useCarousel() {
     const context = React.useContext(CarouselContext);

package/dist/components/ui/chart.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: "", dark: ".dark" };
 const ChartContext = React.createContext(null);

package/dist/components/ui/checkbox.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { IconCheck } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: _jsx(IconCheck, { className: "h-4 w-4" }) }) })));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 export { Checkbox };

package/dist/components/ui/command.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { IconSearch } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
-import { Dialog, DialogContent, DialogTitle } from "../../components/ui/dialog";
+import { cn } from "../../lib/utils.js";
+import { Dialog, DialogContent, DialogTitle } from "../../components/ui/dialog.js";
 const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className), ...props })));
 Command.displayName = CommandPrimitive.displayName;
 const CommandDialog = ({ children, ...props }) => {

package/dist/components/ui/context-menu.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { IconCheck, IconChevronRight, IconCircle } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const ContextMenu = ContextMenuPrimitive.Root;
 const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 const ContextMenuGroup = ContextMenuPrimitive.Group;

package/dist/components/ui/dialog.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { IconX } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;

package/dist/components/ui/drawer.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Drawer = ({ shouldScaleBackground = true, ...props }) => (_jsx(DrawerPrimitive.Root, { shouldScaleBackground: shouldScaleBackground, ...props }));
 Drawer.displayName = "Drawer";
 const DrawerTrigger = DrawerPrimitive.Trigger;

package/dist/components/ui/dropdown-menu.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { IconCheck, IconChevronRight, IconCircle } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const DropdownMenu = DropdownMenuPrimitive.Root;
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 const DropdownMenuGroup = DropdownMenuPrimitive.Group;

package/dist/components/ui/form.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Controller, FormProvider, useFormContext, } from "react-hook-form";
-import { cn } from "../../lib/utils";
-import { Label } from "../../components/ui/label";
+import { cn } from "../../lib/utils.js";
+import { Label } from "../../components/ui/label.js";
 const Form = FormProvider;
 const FormFieldContext = React.createContext({});
 const FormField = ({ ...props }) => {

package/dist/components/ui/hover-card.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const HoverCard = HoverCardPrimitive.Root;
 const HoverCardTrigger = HoverCardPrimitive.Trigger;
 const HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(HoverCardPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));

package/dist/components/ui/input-otp.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { IconPoint } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => (_jsx(OTPInput, { ref: ref, containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props })));
 InputOTP.displayName = "InputOTP";
 const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center", className), ...props })));

package/dist/components/ui/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Input = React.forwardRef(({ className, type, ...props }, ref) => {
     return (_jsx("input", { type: type, className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref, ...props }));
 });

package/dist/components/ui/label.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
 const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props })));
 Label.displayName = LabelPrimitive.Root.displayName;

package/dist/components/ui/menubar.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { IconCheck, IconChevronRight, IconCircle } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 // Explicit type annotations needed because TS can't generate portable .d.ts
 // declarations for these without referencing internal Radix types from a
 // hoisted pnpm path. Casting to React.FC<any> erases the prop types from the

package/dist/components/ui/navigation-menu.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva } from "class-variance-authority";
 import { IconChevronDown } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(NavigationMenuPrimitive.Root, { ref: ref, className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, _jsx(NavigationMenuViewport, {})] })));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
 const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.List, { ref: ref, className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className), ...props })));

package/dist/components/ui/pagination.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ButtonProps } from "../../components/ui/button";
+import { ButtonProps } from "../../components/ui/button.js";
 declare const Pagination: {
     ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/ui/pagination.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { IconChevronLeft, IconChevronRight, IconDots, } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
-import { buttonVariants } from "../../components/ui/button";
+import { cn } from "../../lib/utils.js";
+import { buttonVariants } from "../../components/ui/button.js";
 const Pagination = ({ className, ...props }) => (_jsx("nav", { role: "navigation", "aria-label": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
 Pagination.displayName = "Pagination";
 const PaginationContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("ul", { ref: ref, className: cn("flex flex-row items-center gap-1", className), ...props })));