@agent-native/dispatch 0.1.1 → 0.2.2

package/dist/components/ui/popover.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 w-72 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/progress.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 bg-primary transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 export { Progress };

package/dist/components/ui/radio-group.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { IconCircle } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
     return (_jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref: ref }));
 });

package/dist/components/ui/resizable.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { IconGripVertical } from "@tabler/icons-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const ResizablePanelGroup = ({ className, ...props }) => (_jsx(ResizablePrimitive.Group, { className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className), ...props }));
 const ResizablePanel = ResizablePrimitive.Panel;
 const ResizableHandle = ({ withHandle, className, ...props }) => (_jsx(ResizablePrimitive.Separator, { className: cn("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 aria-[orientation=vertical]:h-px aria-[orientation=vertical]:w-full aria-[orientation=vertical]:after:left-0 aria-[orientation=vertical]:after:h-1 aria-[orientation=vertical]:after:w-full aria-[orientation=vertical]:after:-translate-y-1/2 aria-[orientation=vertical]:after:translate-x-0 [&[aria-orientation=vertical]>div]:rotate-90", className), ...props, children: withHandle && (_jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: _jsx(IconGripVertical, { className: "h-2.5 w-2.5" }) })) }));

package/dist/components/ui/scroll-area.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn("relative overflow-hidden", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" &&

package/dist/components/ui/select.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { IconCheck, IconChevronDown, IconChevronUp } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;

package/dist/components/ui/separator.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className), ...props })));
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 export { Separator };

package/dist/components/ui/sheet.js

@@ -3,7 +3,7 @@ import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva } from "class-variance-authority";
 import { IconX } from "@tabler/icons-react";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Sheet = SheetPrimitive.Root;
 const SheetTrigger = SheetPrimitive.Trigger;
 const SheetClose = SheetPrimitive.Close;

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
-import { TooltipContent } from "../../components/ui/tooltip";
+import { TooltipContent } from "../../components/ui/tooltip.js";
 type SidebarContext = {
     state: "expanded" | "collapsed";
     open: boolean;
@@ -22,7 +22,7 @@ declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttribute
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("../../components/ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("../../components/ui/button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ui/sidebar.js

@@ -3,14 +3,14 @@ import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { IconLayoutSidebar } from "@tabler/icons-react";
-import { useIsMobile } from "../../hooks/use-mobile";
-import { cn } from "../../lib/utils";
-import { Button } from "../../components/ui/button";
-import { Input } from "../../components/ui/input";
-import { Separator } from "../../components/ui/separator";
-import { Sheet, SheetContent, SheetDescription, SheetTitle, } from "../../components/ui/sheet";
-import { Skeleton } from "../../components/ui/skeleton";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../../components/ui/tooltip";
+import { useIsMobile } from "../../hooks/use-mobile.js";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../../components/ui/button.js";
+import { Input } from "../../components/ui/input.js";
+import { Separator } from "../../components/ui/separator.js";
+import { Sheet, SheetContent, SheetDescription, SheetTitle, } from "../../components/ui/sheet.js";
+import { Skeleton } from "../../components/ui/skeleton.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../../components/ui/tooltip.js";
 const SIDEBAR_COOKIE_NAME = "sidebar:state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SIDEBAR_WIDTH = "16rem";

package/dist/components/ui/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Skeleton({ className, ...props }) {
     return (_jsx("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props }));
 }

package/dist/components/ui/slider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Slider = React.forwardRef(({ className, ...props }, ref) => (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn("relative flex w-full touch-none select-none items-center", className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: _jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }), _jsx(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background 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" })] })));
 Slider.displayName = SliderPrimitive.Root.displayName;
 export { Slider };

package/dist/components/ui/sonner.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const toastWidthClasses = "group-[.toaster]:!w-[var(--width)] group-[.toaster]:!min-w-[min(20rem,calc(100vw_-_2rem))] group-[.toaster]:!max-w-[var(--width)] group-[.toaster]:!gap-3 group-[.toaster]:!break-normal";
 const toastContentClasses = "group-[.toast]:!min-w-[min(16rem,calc(100vw_-_14rem))] group-[.toast]:!flex-1 group-[.toast]:!basis-auto group-[.toast]:break-words";
 const toastButtonClasses = "group-[.toast]:!shrink-0 group-[.toast]:!whitespace-nowrap";

package/dist/components/ui/spinner.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { IconLoader2 } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 export function Spinner({ className, ...props }) {
     return (_jsx(IconLoader2, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props }));
 }

package/dist/components/ui/switch.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Switch = React.forwardRef(({ className, ...props }, ref) => (_jsx(SwitchPrimitives.Root, { className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref, children: _jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") }) })));
 Switch.displayName = SwitchPrimitives.Root.displayName;
 export { Switch };

package/dist/components/ui/table.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 Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })));
 Table.displayName = "Table";
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn("[&_tr]:border-b", className), ...props })));

package/dist/components/ui/tabs.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Tabs = TabsPrimitive.Root;
 const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className), ...props })));
 TabsList.displayName = TabsPrimitive.List.displayName;

package/dist/components/ui/textarea.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 Textarea = React.forwardRef(({ className, ...props }, ref) => {
     return (_jsx("textarea", { className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background 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", className), ref: ref, ...props }));
 });

package/dist/components/ui/toast.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva } from "class-variance-authority";
 import { IconX } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const ToastProvider = ToastPrimitives.Provider;
 const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col sm:max-w-[36rem]", className), ...props })));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;

package/dist/components/ui/toaster.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useToast } from "../../hooks/use-toast";
-import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, } from "../../components/ui/toast";
+import { useToast } from "../../hooks/use-toast.js";
+import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, } from "../../components/ui/toast.js";
 export function Toaster() {
     const { toasts } = useToast();
     return (_jsxs(ToastProvider, { children: [toasts.map(function ({ id, title, description, action, ...props }) {

package/dist/components/ui/toggle-group.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { cn } from "../../lib/utils";
-import { toggleVariants } from "../../components/ui/toggle";
+import { cn } from "../../lib/utils.js";
+import { toggleVariants } from "../../components/ui/toggle.js";
 const ToggleGroupContext = React.createContext({
     size: "default",
     variant: "default",

package/dist/components/ui/toggle.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const toggleVariants = cva("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", {
     variants: {
         variant: {

package/dist/components/ui/tooltip.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const TooltipProvider = TooltipPrimitive.Provider;
 const Tooltip = TooltipPrimitive.Root;
 const TooltipTrigger = TooltipPrimitive.Trigger;

package/dist/components/ui/use-toast.d.ts

@@ -1,3 +1,3 @@
-import { useToast, toast } from "../../hooks/use-toast";
+import { useToast, toast } from "../../hooks/use-toast.js";
 export { useToast, toast };
 //# sourceMappingURL=use-toast.d.ts.map

package/dist/components/ui/use-toast.js

@@ -1,3 +1,3 @@
-import { useToast, toast } from "../../hooks/use-toast";
+import { useToast, toast } from "../../hooks/use-toast.js";
 export { useToast, toast };
 //# sourceMappingURL=use-toast.js.map

package/dist/hooks/use-navigation-state.d.ts

@@ -1,6 +1,7 @@
+import type { DispatchExtensionConfig } from "../components/index.js";
 export interface NavigationState {
     view: string;
     path?: string;
 }
-export declare function useNavigationState(): void;
+export declare function useNavigationState(extensions?: DispatchExtensionConfig): void;
 //# sourceMappingURL=use-navigation-state.d.ts.map

package/dist/hooks/use-navigation-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-navigation-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-navigation-state.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,kBAAkB,SAsDjC"}
+{"version":3,"file":"use-navigation-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-navigation-state.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,kBAAkB,CAAC,UAAU,CAAC,EAAE,uBAAuB,QAwDtE"}

package/dist/hooks/use-navigation-state.js

@@ -2,14 +2,14 @@ import { useEffect } from "react";
 import { useLocation, useNavigate } from "react-router";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { agentNativePath, appBasePath, appPath, } from "@agent-native/core/client";
-export function useNavigationState() {
+export function useNavigationState(extensions) {
     const location = useLocation();
     const navigate = useNavigate();
     const qc = useQueryClient();
     // Sync current route to application state
     useEffect(() => {
         const state = {
-            view: resolveView(location.pathname),
+            view: resolveView(location.pathname, extensions),
             path: appPath(location.pathname),
         };
         fetch(agentNativePath("/_agent-native/application-state/navigation"), {
@@ -18,7 +18,7 @@ export function useNavigationState() {
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify(state),
         }).catch(() => { });
-    }, [location.pathname]);
+    }, [extensions, location.pathname]);
     // Listen for navigate commands from agent
     const { data: navCommand } = useQuery({
         queryKey: ["navigate-command"],
@@ -47,10 +47,10 @@ export function useNavigationState() {
         }).catch(() => { });
         const cmd = navCommand;
         // Navigate to a specific path or resolve view name to path
-        const path = routerPath(cmd.path || resolvePath(cmd.view) || "/overview");
+        const path = routerPath(cmd.path || resolvePath(cmd.view, extensions) || "/overview");
         navigate(path);
         qc.setQueryData(["navigate-command"], null);
-    }, [navCommand, navigate, qc]);
+    }, [extensions, navCommand, navigate, qc]);
 }
 function routerPath(path) {
     const basePath = appBasePath();
@@ -63,9 +63,34 @@ function routerPath(path) {
     }
     return path;
 }
-function resolveView(pathname) {
+function extensionItemMatchesPath(item, pathname) {
+    if (item.match) {
+        try {
+            if (item.match(pathname))
+                return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    return pathname === item.to || pathname.startsWith(`${item.to}/`);
+}
+function resolveExtensionView(pathname, extensions) {
+    return extensions?.navItems?.find((item) => extensionItemMatchesPath(item, pathname))?.id;
+}
+function resolveExtensionPath(view, extensions) {
+    if (!view)
+        return undefined;
+    return extensions?.navItems?.find((item) => item.id === view)?.to;
+}
+function resolveView(pathname, extensions) {
+    const extensionView = resolveExtensionView(pathname, extensions);
+    if (extensionView)
+        return extensionView;
     if (pathname.startsWith("/apps"))
         return "apps";
+    if (pathname.startsWith("/metrics"))
+        return "metrics";
     if (pathname.startsWith("/new-app"))
         return "new-app";
     if (pathname.startsWith("/vault"))
@@ -90,12 +115,15 @@ function resolveView(pathname) {
         return "team";
     return "overview";
 }
-function resolvePath(view) {
+function resolvePath(view, extensions) {
     switch (view) {
         case "overview":
             return "/overview";
         case "apps":
             return "/apps";
+        case "metrics":
+        case "usage":
+            return "/metrics";
         case "new-app":
         case "create-app":
             return "/new-app";
@@ -123,7 +151,7 @@ function resolvePath(view) {
         case "team":
             return "/team";
         default:
-            return undefined;
+            return resolveExtensionPath(view, extensions);
     }
 }
 //# sourceMappingURL=use-navigation-state.js.map

package/dist/hooks/use-navigation-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-navigation-state.js","sourceRoot":"","sources":["../../src/hooks/use-navigation-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport {\n  agentNativePath,\n  appBasePath,\n  appPath,\n} from \"@agent-native/core/client\";\n\nexport interface NavigationState {\n  view: string;\n  path?: string;\n}\n\nexport function useNavigationState() {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const qc = useQueryClient();\n\n  // Sync current route to application state\n  useEffect(() => {\n    const state: NavigationState = {\n      view: resolveView(location.pathname),\n      path: appPath(location.pathname),\n    };\n\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      keepalive: true,\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify(state),\n    }).catch(() => {});\n  }, [location.pathname]);\n\n  // Listen for navigate commands from agent\n  const { data: navCommand } = useQuery({\n    queryKey: [\"navigate-command\"],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/application-state/navigate\"),\n      );\n      if (!res.ok) return null;\n      const data = await res.json();\n      if (data) {\n        // Return with a timestamp to ensure uniqueness\n        return { ...data, _ts: Date.now() };\n      }\n      return null;\n    },\n    refetchInterval: 2_000,\n    refetchIntervalInBackground: true,\n    structuralSharing: false,\n  });\n\n  useEffect(() => {\n    if (!navCommand) return;\n    // Delete the one-shot command AFTER reading it\n    fetch(agentNativePath(\"/_agent-native/application-state/navigate\"), {\n      method: \"DELETE\",\n      headers: { \"X-Agent-Native-CSRF\": \"1\" },\n    }).catch(() => {});\n    const cmd = navCommand as NavigationState;\n\n    // Navigate to a specific path or resolve view name to path\n    const path = routerPath(cmd.path || resolvePath(cmd.view) || \"/overview\");\n    navigate(path);\n    qc.setQueryData([\"navigate-command\"], null);\n  }, [navCommand, navigate, qc]);\n}\n\nfunction routerPath(path: string): string {\n  const basePath = appBasePath();\n  if (!basePath) return path;\n  if (path === basePath) return \"/\";\n  if (path.startsWith(`${basePath}/`)) {\n    return path.slice(basePath.length) || \"/\";\n  }\n  return path;\n}\n\nfunction resolveView(pathname: string): string {\n  if (pathname.startsWith(\"/apps\")) return \"apps\";\n  if (pathname.startsWith(\"/new-app\")) return \"new-app\";\n  if (pathname.startsWith(\"/vault\")) return \"vault\";\n  if (pathname.startsWith(\"/integrations\")) return \"integrations\";\n  if (pathname.startsWith(\"/workspace\")) return \"workspace\";\n  if (pathname.startsWith(\"/agents\")) return \"agents\";\n  if (pathname.startsWith(\"/messaging\")) return \"messaging\";\n  if (pathname.startsWith(\"/destinations\")) return \"destinations\";\n  if (pathname.startsWith(\"/identities\")) return \"identities\";\n  if (pathname.startsWith(\"/approvals\")) return \"approvals\";\n  if (pathname.startsWith(\"/audit\")) return \"audit\";\n  if (pathname.startsWith(\"/team\")) return \"team\";\n  return \"overview\";\n}\n\nfunction resolvePath(view?: string): string | undefined {\n  switch (view) {\n    case \"overview\":\n      return \"/overview\";\n    case \"apps\":\n      return \"/apps\";\n    case \"new-app\":\n    case \"create-app\":\n      return \"/new-app\";\n    case \"vault\":\n    case \"secrets\":\n      return \"/vault\";\n    case \"integrations\":\n      return \"/integrations\";\n    case \"workspace\":\n    case \"resources\":\n      return \"/workspace\";\n    case \"agents\":\n      return \"/agents\";\n    case \"messaging\":\n      return \"/messaging\";\n    case \"destinations\":\n    case \"routes\":\n      return \"/destinations\";\n    case \"identities\":\n      return \"/identities\";\n    case \"approvals\":\n      return \"/approvals\";\n    case \"audit\":\n      return \"/audit\";\n    case \"team\":\n      return \"/team\";\n    default:\n      return undefined;\n  }\n}\n"]}
+{"version":3,"file":"use-navigation-state.js","sourceRoot":"","sources":["../../src/hooks/use-navigation-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport {\n  agentNativePath,\n  appBasePath,\n  appPath,\n} from \"@agent-native/core/client\";\nimport type {\n  DispatchExtensionConfig,\n  DispatchNavItem,\n} from \"../components/index.js\";\n\nexport interface NavigationState {\n  view: string;\n  path?: string;\n}\n\nexport function useNavigationState(extensions?: DispatchExtensionConfig) {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const qc = useQueryClient();\n\n  // Sync current route to application state\n  useEffect(() => {\n    const state: NavigationState = {\n      view: resolveView(location.pathname, extensions),\n      path: appPath(location.pathname),\n    };\n\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      keepalive: true,\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify(state),\n    }).catch(() => {});\n  }, [extensions, location.pathname]);\n\n  // Listen for navigate commands from agent\n  const { data: navCommand } = useQuery({\n    queryKey: [\"navigate-command\"],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/application-state/navigate\"),\n      );\n      if (!res.ok) return null;\n      const data = await res.json();\n      if (data) {\n        // Return with a timestamp to ensure uniqueness\n        return { ...data, _ts: Date.now() };\n      }\n      return null;\n    },\n    refetchInterval: 2_000,\n    refetchIntervalInBackground: true,\n    structuralSharing: false,\n  });\n\n  useEffect(() => {\n    if (!navCommand) return;\n    // Delete the one-shot command AFTER reading it\n    fetch(agentNativePath(\"/_agent-native/application-state/navigate\"), {\n      method: \"DELETE\",\n      headers: { \"X-Agent-Native-CSRF\": \"1\" },\n    }).catch(() => {});\n    const cmd = navCommand as NavigationState;\n\n    // Navigate to a specific path or resolve view name to path\n    const path = routerPath(\n      cmd.path || resolvePath(cmd.view, extensions) || \"/overview\",\n    );\n    navigate(path);\n    qc.setQueryData([\"navigate-command\"], null);\n  }, [extensions, navCommand, navigate, qc]);\n}\n\nfunction routerPath(path: string): string {\n  const basePath = appBasePath();\n  if (!basePath) return path;\n  if (path === basePath) return \"/\";\n  if (path.startsWith(`${basePath}/`)) {\n    return path.slice(basePath.length) || \"/\";\n  }\n  return path;\n}\n\nfunction extensionItemMatchesPath(\n  item: DispatchNavItem,\n  pathname: string,\n): 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 resolveExtensionView(\n  pathname: string,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  return extensions?.navItems?.find((item) =>\n    extensionItemMatchesPath(item, pathname),\n  )?.id;\n}\n\nfunction resolveExtensionPath(\n  view: string | undefined,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  if (!view) return undefined;\n  return extensions?.navItems?.find((item) => item.id === view)?.to;\n}\n\nfunction resolveView(\n  pathname: string,\n  extensions?: DispatchExtensionConfig,\n): string {\n  const extensionView = resolveExtensionView(pathname, extensions);\n  if (extensionView) return extensionView;\n  if (pathname.startsWith(\"/apps\")) return \"apps\";\n  if (pathname.startsWith(\"/metrics\")) return \"metrics\";\n  if (pathname.startsWith(\"/new-app\")) return \"new-app\";\n  if (pathname.startsWith(\"/vault\")) return \"vault\";\n  if (pathname.startsWith(\"/integrations\")) return \"integrations\";\n  if (pathname.startsWith(\"/workspace\")) return \"workspace\";\n  if (pathname.startsWith(\"/agents\")) return \"agents\";\n  if (pathname.startsWith(\"/messaging\")) return \"messaging\";\n  if (pathname.startsWith(\"/destinations\")) return \"destinations\";\n  if (pathname.startsWith(\"/identities\")) return \"identities\";\n  if (pathname.startsWith(\"/approvals\")) return \"approvals\";\n  if (pathname.startsWith(\"/audit\")) return \"audit\";\n  if (pathname.startsWith(\"/team\")) return \"team\";\n  return \"overview\";\n}\n\nfunction resolvePath(\n  view?: string,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  switch (view) {\n    case \"overview\":\n      return \"/overview\";\n    case \"apps\":\n      return \"/apps\";\n    case \"metrics\":\n    case \"usage\":\n      return \"/metrics\";\n    case \"new-app\":\n    case \"create-app\":\n      return \"/new-app\";\n    case \"vault\":\n    case \"secrets\":\n      return \"/vault\";\n    case \"integrations\":\n      return \"/integrations\";\n    case \"workspace\":\n    case \"resources\":\n      return \"/workspace\";\n    case \"agents\":\n      return \"/agents\";\n    case \"messaging\":\n      return \"/messaging\";\n    case \"destinations\":\n    case \"routes\":\n      return \"/destinations\";\n    case \"identities\":\n      return \"/identities\";\n    case \"approvals\":\n      return \"/approvals\";\n    case \"audit\":\n      return \"/audit\";\n    case \"team\":\n      return \"/team\";\n    default:\n      return resolveExtensionPath(view, extensions);\n  }\n}\n"]}

package/dist/hooks/use-toast.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { ToastActionElement, ToastProps } from "../components/ui/toast";
+import type { ToastActionElement, ToastProps } from "../components/ui/toast.js";
 type ToasterToast = ToastProps & {
     id: string;
     title?: React.ReactNode;

package/dist/routes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/routes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,cAAc,EAAE,WAmB5B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/routes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,cAAc,EAAE,WAoB5B,CAAC"}

package/dist/routes/index.js

@@ -31,6 +31,7 @@ import { route, index } from "@react-router/dev/routes";
 export const dispatchRoutes = [
     index("./pages/_index.js"),
     route("overview", "./pages/overview.js"),
+    route("metrics", "./pages/metrics.js"),
     route("apps", "./pages/apps.js"),
     route("apps/:appId", "./pages/apps.$appId.js"),
     route("new-app", "./pages/new-app.js"),
@@ -45,7 +46,7 @@ export const dispatchRoutes = [
     route("approvals", "./pages/approvals.js"),
     route("audit", "./pages/audit.js"),
     route("team", "./pages/team.js"),
-    route("tools", "./pages/tools._index.js"),
-    route("tools/:id", "./pages/tools.$id.js"),
+    route("extensions", "./pages/extensions._index.js"),
+    route("extensions/:id", "./pages/extensions.$id.js"),
 ];
 //# sourceMappingURL=index.js.map

package/dist/routes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/routes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,KAAK,CAAC,mBAAmB,CAAC;IAC1B,KAAK,CAAC,UAAU,EAAE,qBAAqB,CAAC;IACxC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,aAAa,EAAE,wBAAwB,CAAC;IAC9C,KAAK,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACtC,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAChD,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;IACpC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAChD,KAAK,CAAC,YAAY,EAAE,uBAAuB,CAAC;IAC5C,KAAK,CAAC,UAAU,EAAE,qBAAqB,CAAC;IACxC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,OAAO,EAAE,yBAAyB,CAAC;IACzC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;CAC3C,CAAC","sourcesContent":["import { type RouteConfig, route, index } from \"@react-router/dev/routes\";\n\n/**\n * Dispatch's routes as a programmatic `RouteConfig[]`. Splat into the\n * consumer's `app/routes.ts`:\n *\n * ```ts\n * import { type RouteConfig } from \"@react-router/dev/routes\";\n * import { dispatchRoutes } from \"@agent-native/dispatch/routes\";\n *\n * export default [\n *   ...localRoutes,    // consumer's own routes win on collision\n *   ...dispatchRoutes, // dispatch fills in everything else\n * ] satisfies RouteConfig;\n * ```\n *\n * Route precedence: React Router 7 matches in declaration order, so\n * placing `dispatchRoutes` LAST means consumer-defined routes with the\n * same path take precedence. To override a single dispatch route, define\n * it in your local routes; to keep it, omit it.\n *\n * The `file` paths below resolve relative to this file at runtime — they\n * point into `packages/dispatch/dist/routes/pages/*.js` after build.\n *\n * Naming maps the original flatRoutes file conventions:\n *   `_index.tsx`        → `index(...)`\n *   `<name>.tsx`        → `route(\"<name>\", ...)`\n *   `<a>.$<param>.tsx`  → `route(\"<a>/:<param>\", ...)`\n *   `<a>._index.tsx`    → flattened as `route(\"<a>\", ...)` (workspace\n *      versions are bare and don't wrap a parent layout)\n */\nexport const dispatchRoutes: RouteConfig = [\n  index(\"./pages/_index.js\"),\n  route(\"overview\", \"./pages/overview.js\"),\n  route(\"apps\", \"./pages/apps.js\"),\n  route(\"apps/:appId\", \"./pages/apps.$appId.js\"),\n  route(\"new-app\", \"./pages/new-app.js\"),\n  route(\"vault\", \"./pages/vault.js\"),\n  route(\"integrations\", \"./pages/integrations.js\"),\n  route(\"agents\", \"./pages/agents.js\"),\n  route(\"workspace\", \"./pages/workspace.js\"),\n  route(\"messaging\", \"./pages/messaging.js\"),\n  route(\"destinations\", \"./pages/destinations.js\"),\n  route(\"identities\", \"./pages/identities.js\"),\n  route(\"approval\", \"./pages/approval.js\"),\n  route(\"approvals\", \"./pages/approvals.js\"),\n  route(\"audit\", \"./pages/audit.js\"),\n  route(\"team\", \"./pages/team.js\"),\n  route(\"tools\", \"./pages/tools._index.js\"),\n  route(\"tools/:id\", \"./pages/tools.$id.js\"),\n];\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/routes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,KAAK,CAAC,mBAAmB,CAAC;IAC1B,KAAK,CAAC,UAAU,EAAE,qBAAqB,CAAC;IACxC,KAAK,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACtC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,aAAa,EAAE,wBAAwB,CAAC;IAC9C,KAAK,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACtC,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAChD,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;IACpC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAChD,KAAK,CAAC,YAAY,EAAE,uBAAuB,CAAC;IAC5C,KAAK,CAAC,UAAU,EAAE,qBAAqB,CAAC;IACxC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,YAAY,EAAE,8BAA8B,CAAC;IACnD,KAAK,CAAC,gBAAgB,EAAE,2BAA2B,CAAC;CACrD,CAAC","sourcesContent":["import { type RouteConfig, route, index } from \"@react-router/dev/routes\";\n\n/**\n * Dispatch's routes as a programmatic `RouteConfig[]`. Splat into the\n * consumer's `app/routes.ts`:\n *\n * ```ts\n * import { type RouteConfig } from \"@react-router/dev/routes\";\n * import { dispatchRoutes } from \"@agent-native/dispatch/routes\";\n *\n * export default [\n *   ...localRoutes,    // consumer's own routes win on collision\n *   ...dispatchRoutes, // dispatch fills in everything else\n * ] satisfies RouteConfig;\n * ```\n *\n * Route precedence: React Router 7 matches in declaration order, so\n * placing `dispatchRoutes` LAST means consumer-defined routes with the\n * same path take precedence. To override a single dispatch route, define\n * it in your local routes; to keep it, omit it.\n *\n * The `file` paths below resolve relative to this file at runtime — they\n * point into `packages/dispatch/dist/routes/pages/*.js` after build.\n *\n * Naming maps the original flatRoutes file conventions:\n *   `_index.tsx`        → `index(...)`\n *   `<name>.tsx`        → `route(\"<name>\", ...)`\n *   `<a>.$<param>.tsx`  → `route(\"<a>/:<param>\", ...)`\n *   `<a>._index.tsx`    → flattened as `route(\"<a>\", ...)` (workspace\n *      versions are bare and don't wrap a parent layout)\n */\nexport const dispatchRoutes: RouteConfig = [\n  index(\"./pages/_index.js\"),\n  route(\"overview\", \"./pages/overview.js\"),\n  route(\"metrics\", \"./pages/metrics.js\"),\n  route(\"apps\", \"./pages/apps.js\"),\n  route(\"apps/:appId\", \"./pages/apps.$appId.js\"),\n  route(\"new-app\", \"./pages/new-app.js\"),\n  route(\"vault\", \"./pages/vault.js\"),\n  route(\"integrations\", \"./pages/integrations.js\"),\n  route(\"agents\", \"./pages/agents.js\"),\n  route(\"workspace\", \"./pages/workspace.js\"),\n  route(\"messaging\", \"./pages/messaging.js\"),\n  route(\"destinations\", \"./pages/destinations.js\"),\n  route(\"identities\", \"./pages/identities.js\"),\n  route(\"approval\", \"./pages/approval.js\"),\n  route(\"approvals\", \"./pages/approvals.js\"),\n  route(\"audit\", \"./pages/audit.js\"),\n  route(\"team\", \"./pages/team.js\"),\n  route(\"extensions\", \"./pages/extensions._index.js\"),\n  route(\"extensions/:id\", \"./pages/extensions.$id.js\"),\n];\n"]}

package/dist/routes/pages/_index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { redirect } from "react-router";
 import { appPath } from "@agent-native/core/client";
-import { Spinner } from "../../components/ui/spinner";
+import { Spinner } from "../../components/ui/spinner.js";
 export function meta() {
     return [
         { title: "Agent-Native Dispatch" },

package/dist/routes/pages/agents.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useActionQuery } from "@agent-native/core/client";
-import { AgentsPanel } from "../../components/agents-panel";
-import { DispatchShell } from "../../components/dispatch-shell";
+import { AgentsPanel } from "../../components/agents-panel.js";
+import { DispatchShell } from "../../components/dispatch-shell.js";
 export function meta() {
     return [{ title: "Agents — Dispatch" }];
 }

package/dist/routes/pages/approval.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSearchParams } from "react-router";
 import { useActionMutation, useActionQuery, isInAgentEmbed, postNavigate, appPath, } from "@agent-native/core/client";
 import { toast } from "sonner";
-import { Button } from "../../components/ui/button";
-import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button.js";
+import { Badge } from "../../components/ui/badge.js";
 import { IconCheck, IconX, IconArrowUpRight, IconShieldCheck, IconClock, IconAlertCircle, } from "@tabler/icons-react";
 export function meta() {
     return [{ title: "Approval — Dispatch" }];

package/dist/routes/pages/approvals.js

@@ -3,10 +3,10 @@ import { useMemo, useState } from "react";
 import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import { useOrg } from "@agent-native/core/client/org";
 import { toast } from "sonner";
-import { DispatchShell } from "../../components/dispatch-shell";
-import { Button } from "../../components/ui/button";
-import { Input } from "../../components/ui/input";
-import { Switch } from "../../components/ui/switch";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Button } from "../../components/ui/button.js";
+import { Input } from "../../components/ui/input.js";
+import { Switch } from "../../components/ui/switch.js";
 export function meta() {
     return [{ title: "Approvals — Dispatch" }];
 }

package/dist/routes/pages/apps.$appId.js

@@ -3,9 +3,9 @@ import { useEffect, useMemo } from "react";
 import { Link, useParams } from "react-router";
 import { useActionQuery } from "@agent-native/core/client";
 import { IconArrowLeft, IconArrowUpRight, IconClockHour4, } from "@tabler/icons-react";
-import { DispatchShell } from "../../components/dispatch-shell";
-import { Badge } from "../../components/ui/badge";
-import { Button } from "../../components/ui/button";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
 function workspaceAppHref(app) {
     if (app.status === "pending")
         return app.builderUrl || null;

package/dist/routes/pages/apps.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useActionQuery } from "@agent-native/core/client";
 import { IconArrowUpRight, IconApps, IconClockHour4, IconPlus, } from "@tabler/icons-react";
-import { AppKeysPopover } from "../../components/app-keys-popover";
-import { CreateAppPopover } from "../../components/create-app-popover";
-import { DispatchShell } from "../../components/dispatch-shell";
-import { Badge } from "../../components/ui/badge";
-import { Button } from "../../components/ui/button";
+import { AppKeysPopover } from "../../components/app-keys-popover.js";
+import { CreateAppPopover } from "../../components/create-app-popover.js";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
 function workspaceAppHref(app) {
     if (app.status === "pending")
         return app.builderUrl || null;

package/dist/routes/pages/audit.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useActionQuery } from "@agent-native/core/client";
-import { DispatchShell } from "../../components/dispatch-shell";
+import { DispatchShell } from "../../components/dispatch-shell.js";
 export function meta() {
     return [{ title: "Audit — Dispatch" }];
 }