@agent-native/dispatch 0.13.9 → 0.13.11

package/src/components/ui/chart.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: "", dark: ".dark" } as const;

package/src/components/ui/checkbox.tsx

@@ -2,7 +2,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { IconCheck } from "@tabler/icons-react";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,

package/src/components/ui/command.tsx

@@ -3,8 +3,8 @@ import { IconSearch } from "@tabler/icons-react";
 import { Command as CommandPrimitive } from "cmdk";
 import * as React from "react";
 
-import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
+import { Dialog, DialogContent, DialogTitle } from "./dialog";
 
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,

package/src/components/ui/context-menu.tsx

@@ -2,7 +2,7 @@ import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { IconCheck, IconChevronRight, IconCircle } from "@tabler/icons-react";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const ContextMenu = ContextMenuPrimitive.Root;
 

package/src/components/ui/dialog.tsx

@@ -2,7 +2,7 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { IconX } from "@tabler/icons-react";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Dialog = DialogPrimitive.Root;
 

package/src/components/ui/drawer.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Drawer = ({
   shouldScaleBackground = true,

package/src/components/ui/dropdown-menu.tsx

@@ -2,7 +2,7 @@ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { IconCheck, IconChevronRight, IconCircle } from "@tabler/icons-react";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
 

package/src/components/ui/form.tsx

@@ -10,8 +10,8 @@ import {
   useFormContext,
 } from "react-hook-form";
 
-import { Label } from "@/components/ui/label";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
+import { Label } from "./label";
 
 const Form = FormProvider;
 

package/src/components/ui/hover-card.tsx

@@ -1,7 +1,7 @@
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const HoverCard = HoverCardPrimitive.Root;
 

package/src/components/ui/input-otp.tsx

@@ -2,7 +2,7 @@ import { IconPoint } from "@tabler/icons-react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const InputOTP = React.forwardRef<
   React.ElementRef<typeof OTPInput>,

package/src/components/ui/input.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
   ({ className, type, ...props }, ref) => {

package/src/components/ui/label.tsx

@@ -2,7 +2,7 @@ import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",

package/src/components/ui/menubar.tsx

@@ -2,7 +2,7 @@ import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { IconCheck, IconChevronRight, IconCircle } from "@tabler/icons-react";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 // Explicit type annotations needed because TS can't generate portable .d.ts
 // declarations for these without referencing internal Radix types from a

package/src/components/ui/navigation-menu.tsx

@@ -3,7 +3,7 @@ import { IconChevronDown } from "@tabler/icons-react";
 import { cva } from "class-variance-authority";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const NavigationMenu = React.forwardRef<
   React.ElementRef<typeof NavigationMenuPrimitive.Root>,

package/src/components/ui/pagination.tsx

@@ -5,8 +5,8 @@ import {
 } from "@tabler/icons-react";
 import * as React from "react";
 
-import { ButtonProps, buttonVariants } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
+import { ButtonProps, buttonVariants } from "./button";
 
 const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
   <nav

package/src/components/ui/popover.tsx

@@ -1,7 +1,7 @@
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Popover = PopoverPrimitive.Root;
 

package/src/components/ui/progress.tsx

@@ -1,7 +1,7 @@
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Progress = React.forwardRef<
   React.ElementRef<typeof ProgressPrimitive.Root>,

package/src/components/ui/radio-group.tsx

@@ -2,7 +2,7 @@ import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { IconCircle } from "@tabler/icons-react";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const RadioGroup = React.forwardRef<
   React.ElementRef<typeof RadioGroupPrimitive.Root>,

package/src/components/ui/resizable.tsx

@@ -1,7 +1,7 @@
 import { IconGripVertical } from "@tabler/icons-react";
 import * as ResizablePrimitive from "react-resizable-panels";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const ResizablePanelGroup = ({
   className,

package/src/components/ui/scroll-area.tsx

@@ -1,7 +1,7 @@
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const ScrollArea = React.forwardRef<
   React.ElementRef<typeof ScrollAreaPrimitive.Root>,

package/src/components/ui/select.tsx

@@ -2,7 +2,7 @@ import * as SelectPrimitive from "@radix-ui/react-select";
 import { IconCheck, IconChevronDown, IconChevronUp } from "@tabler/icons-react";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Select = SelectPrimitive.Root;
 

package/src/components/ui/separator.tsx

@@ -1,7 +1,7 @@
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,

package/src/components/ui/sheet.tsx

@@ -3,7 +3,7 @@ import { IconX } from "@tabler/icons-react";
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Sheet = SheetPrimitive.Root;
 

package/src/components/ui/sidebar.tsx

@@ -3,24 +3,19 @@ import { IconLayoutSidebar } from "@tabler/icons-react";
 import { VariantProps, cva } from "class-variance-authority";
 import * as React from "react";
 
-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 { useIsMobile } from "../../hooks/use-mobile";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { Input } from "./input";
+import { Separator } from "./separator";
+import { Sheet, SheetContent, SheetDescription, SheetTitle } from "./sheet";
+import { Skeleton } from "./skeleton";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { useIsMobile } from "@/hooks/use-mobile";
-import { cn } from "@/lib/utils";
+} from "./tooltip";
 
 const SIDEBAR_COOKIE_NAME = "sidebar:state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;

package/src/components/ui/skeleton.tsx

@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 function Skeleton({
   className,

package/src/components/ui/slider.tsx

@@ -1,7 +1,7 @@
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Slider = React.forwardRef<
   React.ElementRef<typeof SliderPrimitive.Root>,

package/src/components/ui/sonner.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 type ToasterProps = React.ComponentProps<typeof Sonner>;
 

package/src/components/ui/spinner.tsx

@@ -1,6 +1,6 @@
 import { IconLoader2 } from "@tabler/icons-react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 export function Spinner({
   className,

package/src/components/ui/switch.tsx

@@ -1,7 +1,7 @@
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,

package/src/components/ui/table.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Table = React.forwardRef<
   HTMLTableElement,

package/src/components/ui/tabs.tsx

@@ -1,7 +1,7 @@
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Tabs = TabsPrimitive.Root;
 

package/src/components/ui/textarea.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
 

package/src/components/ui/toast.tsx

@@ -3,7 +3,7 @@ import { IconX } from "@tabler/icons-react";
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const ToastProvider = ToastPrimitives.Provider;
 

package/src/components/ui/toaster.tsx

@@ -1,3 +1,4 @@
+import { useToast } from "../../hooks/use-toast";
 import {
   Toast,
   ToastClose,
@@ -5,8 +6,7 @@ import {
   ToastProvider,
   ToastTitle,
   ToastViewport,
-} from "@/components/ui/toast";
-import { useToast } from "@/hooks/use-toast";
+} from "./toast";
 
 export function Toaster() {
   const { toasts } = useToast();

package/src/components/ui/toggle-group.tsx

@@ -2,8 +2,8 @@ import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-import { toggleVariants } from "@/components/ui/toggle";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
+import { toggleVariants } from "./toggle";
 
 const ToggleGroupContext = React.createContext<
   VariantProps<typeof toggleVariants>

package/src/components/ui/toggle.tsx

@@ -2,7 +2,7 @@ import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 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",

package/src/components/ui/tooltip.tsx

@@ -1,7 +1,7 @@
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const TooltipProvider = TooltipPrimitive.Provider;
 

package/src/components/ui/use-toast.ts

@@ -1,3 +1,3 @@
-import { useToast, toast } from "@/hooks/use-toast";
+import { useToast, toast } from "../../hooks/use-toast";
 
 export { useToast, toast };

package/src/components/workspace-app-card.tsx

@@ -15,9 +15,15 @@ import {
 import { useEffect, useState, type FormEvent } from "react";
 import { toast } from "sonner";
 
-import { AppKeysPopover } from "@/components/app-keys-popover";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
+import { cn } from "../lib/utils";
+import {
+  isPendingBuilderHref,
+  workspaceAppHref,
+  type WorkspaceAppSummary,
+} from "../lib/workspace-apps";
+import { AppKeysPopover } from "./app-keys-popover";
+import { Badge } from "./ui/badge";
+import { Button } from "./ui/button";
 import {
   Dialog,
   DialogContent,
@@ -26,28 +32,18 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "@/components/ui/dialog";
+} from "./ui/dialog";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { AppResourceEffectiveStack } from "@/components/workspace-resource-effective-stack";
-import { cn } from "@/lib/utils";
-import {
-  isPendingBuilderHref,
-  workspaceAppHref,
-  type WorkspaceAppSummary,
-} from "@/lib/workspace-apps";
+} from "./ui/dropdown-menu";
+import { Input } from "./ui/input";
+import { Label } from "./ui/label";
+import { Textarea } from "./ui/textarea";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
+import { AppResourceEffectiveStack } from "./workspace-resource-effective-stack";
 
 export function WorkspaceAppCard({
   app,

package/src/components/workspace-resource-effective-stack.tsx

@@ -1,7 +1,7 @@
 import { useActionQuery } from "@agent-native/core/client";
 
-import { Badge } from "@/components/ui/badge";
-import { cn } from "@/lib/utils";
+import { cn } from "../lib/utils";
+import { Badge } from "./ui/badge";
 
 export function appAvailabilityLabel(value?: string) {
   switch (value) {

package/src/components/workspace-resource-impact-preview.tsx

@@ -1,8 +1,7 @@
 import { useActionQuery } from "@agent-native/core/client";
 
-import { Badge } from "@/components/ui/badge";
-import { Skeleton } from "@/components/ui/skeleton";
-
+import { Badge } from "./ui/badge";
+import { Skeleton } from "./ui/skeleton";
 import { formatResourceTimestamp } from "./workspace-resource-effective-stack";
 
 function isApprovalRequest(result: any): boolean {

package/src/hooks/use-navigation-state.spec.ts

@@ -35,4 +35,11 @@ describe("buildDispatchNavigationState", () => {
       query: "focus",
     });
   });
+
+  it("recognizes the automations route", () => {
+    expect(buildDispatchNavigationState("/automations")).toEqual({
+      view: "automations",
+      path: "/automations",
+    });
+  });
 });

package/src/hooks/use-navigation-state.ts

@@ -216,6 +216,7 @@ function resolveView(
   if (pathname.startsWith("/destinations")) return "destinations";
   if (pathname.startsWith("/identities")) return "identities";
   if (pathname.startsWith("/approvals")) return "approvals";
+  if (pathname.startsWith("/automations")) return "automations";
   if (pathname.startsWith("/audit")) return "audit";
   if (pathname.startsWith("/dreams")) return "dreams";
   if (pathname.startsWith("/thread-debug")) return "thread-debug";
@@ -263,6 +264,9 @@ function resolvePath(
       return "/identities";
     case "approvals":
       return "/approvals";
+    case "automations":
+    case "jobs":
+      return "/automations";
     case "audit":
       return "/audit";
     case "dreams":

package/src/hooks/use-toast.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import type { ToastActionElement, ToastProps } from "@/components/ui/toast";
+import type { ToastActionElement, ToastProps } from "../components/ui/toast";
 
 const TOAST_LIMIT = 1;
 const TOAST_REMOVE_DELAY = 1000000;

package/src/lib/automation-display.spec.ts

@@ -0,0 +1,95 @@
+import { describe, expect, it } from "vitest";
+
+import {
+  automationIdentity,
+  automationNextRun,
+  automationStatus,
+  automationTarget,
+  sortAutomations,
+} from "./automation-display.js";
+import type { DispatchAutomationItem } from "./automations.js";
+
+function item(
+  overrides: Partial<DispatchAutomationItem> &
+    Pick<DispatchAutomationItem, "id" | "name" | "path" | "owner">,
+): DispatchAutomationItem {
+  return {
+    enabled: true,
+    ...overrides,
+  };
+}
+
+describe("automation-display", () => {
+  it("builds a stable owner:path identity", () => {
+    expect(
+      automationIdentity({ owner: "user@example.com", path: "jobs/digest.md" }),
+    ).toBe("user@example.com:jobs/digest.md");
+  });
+
+  it("prefers event names, then schedule descriptions", () => {
+    expect(
+      automationTarget(
+        item({
+          id: "1",
+          name: "Alert",
+          path: "jobs/alert.md",
+          owner: "user@example.com",
+          triggerType: "event",
+          event: "calendar.booking.created",
+        }),
+      ),
+    ).toBe("calendar.booking.created");
+
+    expect(
+      automationTarget(
+        item({
+          id: "2",
+          name: "Digest",
+          path: "jobs/digest.md",
+          owner: "user@example.com",
+          scheduleDescription: "Weekdays at 9am",
+          schedule: "0 9 * * 1-5",
+        }),
+      ),
+    ).toBe("Weekdays at 9am");
+  });
+
+  it("reports paused next-run and status for disabled automations", () => {
+    const paused = item({
+      id: "3",
+      name: "Paused",
+      path: "jobs/paused.md",
+      owner: "user@example.com",
+      enabled: false,
+      lastStatus: "success",
+    });
+    expect(automationNextRun(paused)).toBe("paused");
+    expect(automationStatus(paused)).toEqual({
+      label: "Paused",
+      tone: "muted",
+    });
+  });
+
+  it("sorts enabled errors ahead of healthy runs", () => {
+    const healthy = item({
+      id: "healthy",
+      name: "Healthy",
+      path: "jobs/healthy.md",
+      owner: "user@example.com",
+      lastStatus: "success",
+      lastRun: "2026-07-08T10:00:00.000Z",
+    });
+    const errored = item({
+      id: "error",
+      name: "Broken",
+      path: "jobs/broken.md",
+      owner: "user@example.com",
+      lastStatus: "error",
+      lastRun: "2026-07-08T09:00:00.000Z",
+    });
+    expect(sortAutomations([healthy, errored]).map((row) => row.id)).toEqual([
+      "error",
+      "healthy",
+    ]);
+  });
+});