@agent-native/dispatch 0.12.3 → 0.13.1

package/src/components/ui/calendar.tsx

@@ -1,9 +1,9 @@
-import * as React from "react";
 import { IconChevronLeft, IconChevronRight } from "@tabler/icons-react";
+import * as React from "react";
 import { DayPicker } from "react-day-picker";
 
-import { cn } from "@/lib/utils";
 import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
 
 export type CalendarProps = React.ComponentProps<typeof DayPicker>;
 

package/src/components/ui/carousel.tsx

@@ -1,11 +1,11 @@
-import * as React from "react";
+import { IconArrowLeft, IconArrowRight } from "@tabler/icons-react";
 import useEmblaCarousel, {
   type UseEmblaCarouselType,
 } from "embla-carousel-react";
-import { IconArrowLeft, IconArrowRight } from "@tabler/icons-react";
+import * as React from "react";
 
-import { cn } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
 
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;

package/src/components/ui/checkbox.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { IconCheck } from "@tabler/icons-react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

package/src/components/ui/command.tsx

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

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

@@ -1,6 +1,6 @@
-import * as React from "react";
 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";
 

package/src/components/ui/dialog.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { IconX } from "@tabler/icons-react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

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

@@ -1,6 +1,6 @@
-import * as React from "react";
 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";
 

package/src/components/ui/form.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
+import * as React from "react";
 import {
   Controller,
   ControllerProps,
@@ -10,8 +10,8 @@ import {
   useFormContext,
 } from "react-hook-form";
 
-import { cn } from "@/lib/utils";
 import { Label } from "@/components/ui/label";
+import { cn } from "@/lib/utils";
 
 const Form = FormProvider;
 

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

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

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

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { OTPInput, OTPInputContext } from "input-otp";
 import { IconPoint } from "@tabler/icons-react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

package/src/components/ui/label.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 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";
 

package/src/components/ui/menubar.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 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";
 

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

@@ -1,7 +1,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 { cva } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

package/src/components/ui/pagination.tsx

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

package/src/components/ui/popover.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

package/src/components/ui/progress.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

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

@@ -1,6 +1,6 @@
-import * as React from "react";
 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";
 

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

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

package/src/components/ui/select.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 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";
 

package/src/components/ui/separator.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

package/src/components/ui/sheet.tsx

@@ -1,6 +1,6 @@
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cva, type VariantProps } from "class-variance-authority";
 import { IconX } from "@tabler/icons-react";
+import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
 
 import { cn } from "@/lib/utils";

package/src/components/ui/sidebar.tsx

@@ -1,10 +1,8 @@
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { VariantProps, cva } from "class-variance-authority";
 import { IconLayoutSidebar } from "@tabler/icons-react";
+import { VariantProps, cva } from "class-variance-authority";
+import * as React from "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";
@@ -21,6 +19,8 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { cn } from "@/lib/utils";
 
 const SIDEBAR_COOKIE_NAME = "sidebar:state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;

package/src/components/ui/slider.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

package/src/components/ui/switch.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

package/src/components/ui/tabs.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

package/src/components/ui/toast.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva, type VariantProps } from "class-variance-authority";
 import { IconX } from "@tabler/icons-react";
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

package/src/components/ui/toaster.tsx

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

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

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

package/src/components/ui/toggle.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 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";
 

package/src/components/ui/tooltip.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

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

@@ -1,4 +1,3 @@
-import { useEffect, useState, type FormEvent } from "react";
 import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import {
   IconArrowUpRight,
@@ -13,9 +12,10 @@ import {
   IconWorld,
   IconTrash,
 } from "@tabler/icons-react";
+import { useEffect, useState, type FormEvent } from "react";
 import { toast } from "sonner";
+
 import { AppKeysPopover } from "@/components/app-keys-popover";
-import { AppResourceEffectiveStack } from "@/components/workspace-resource-effective-stack";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
@@ -41,6 +41,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import { AppResourceEffectiveStack } from "@/components/workspace-resource-effective-stack";
 import { cn } from "@/lib/utils";
 import {
   isPendingBuilderHref,

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

@@ -2,6 +2,7 @@
 import React, { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
 import {
   AppResourceEffectiveStack,
   appAvailabilityLabel,

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

@@ -1,4 +1,5 @@
 import { useActionQuery } from "@agent-native/core/client";
+
 import { Badge } from "@/components/ui/badge";
 import { cn } from "@/lib/utils";
 

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

@@ -2,6 +2,7 @@
 import React, { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
 import {
   ImpactPreview,
   workspaceResourceMutationMessage,

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

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

package/src/db/index.ts

@@ -1,4 +1,5 @@
 import { createGetDb } from "@agent-native/core/db";
+
 import * as schema from "./schema.js";
 
 export const getDb = createGetDb(schema);

package/src/db/migrations.spec.ts

@@ -1,6 +1,7 @@
 import fs from "node:fs";
 import os from "node:os";
 import path from "node:path";
+
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
 const originalEnv = {

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

@@ -1,4 +1,5 @@
 import { describe, expect, it } from "vitest";
+
 import { buildDispatchNavigationState } from "./use-navigation-state.js";
 
 describe("buildDispatchNavigationState", () => {

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

@@ -1,6 +1,3 @@
-import { useEffect } from "react";
-import { useLocation, useNavigate } from "react-router";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
 import {
   agentNativePath,
   appBasePath,
@@ -8,6 +5,10 @@ import {
   markAgentChatHomeHandoff,
 } from "@agent-native/core/client";
 import { extensionIdFromPathname } from "@agent-native/core/client/extensions";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
+import { useLocation, useNavigate } from "react-router";
+
 import type {
   DispatchExtensionConfig,
   DispatchNavItem,

package/src/lib/catch-all-target.spec.ts

@@ -1,4 +1,5 @@
 import { describe, expect, it } from "vitest";
+
 import { resolveCatchAllTarget } from "./catch-all-target.js";
 
 describe("resolveCatchAllTarget", () => {

package/src/routes/pages/$appId.tsx

@@ -1,3 +1,9 @@
+import { useActionQuery, appPath, useT } from "@agent-native/core/client";
+import {
+  IconArrowLeft,
+  IconArrowUpRight,
+  IconClockHour4,
+} from "@tabler/icons-react";
 import { useEffect, useMemo } from "react";
 import {
   Link,
@@ -7,16 +13,11 @@ import {
   type ClientLoaderFunctionArgs,
   type LoaderFunctionArgs,
 } from "react-router";
-import { useActionQuery, appPath, useT } from "@agent-native/core/client";
-import {
-  IconArrowLeft,
-  IconArrowUpRight,
-  IconClockHour4,
-} from "@tabler/icons-react";
+
 import { DispatchShell } from "@/components/dispatch-shell";
-import { Spinner } from "@/components/ui/spinner";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
+import { Spinner } from "@/components/ui/spinner";
 import { resolveServerCatchAllTarget } from "@/lib/catch-all-target";
 import {
   workspaceAppHref,

package/src/routes/pages/_index.tsx

@@ -1,5 +1,6 @@
-import { redirect, type LoaderFunctionArgs } from "react-router";
 import { appPath } from "@agent-native/core/client";
+import { redirect, type LoaderFunctionArgs } from "react-router";
+
 import { Spinner } from "@/components/ui/spinner";
 
 const SEO_TITLE =
@@ -34,17 +35,16 @@ export function meta() {
  * "Open thread" button survive the bounce — `useThreadDeepLink` in
  * `root.tsx` reads them after the redirect lands and opens `/chat`.
  */
-function buildTarget(request: Request): string {
-  const url = new URL(request.url);
+function buildTarget(url: URL): string {
   return appPath(`/overview${url.search}${url.hash}`);
 }
 
-export function loader({ request }: LoaderFunctionArgs) {
-  throw redirect(buildTarget(request));
+export function loader({ url }: LoaderFunctionArgs) {
+  throw redirect(buildTarget(url));
 }
 
-export function clientLoader({ request }: LoaderFunctionArgs) {
-  throw redirect(buildTarget(request));
+export function clientLoader({ url }: LoaderFunctionArgs) {
+  throw redirect(buildTarget(url));
 }
 
 export function HydrateFallback() {

package/src/routes/pages/agents.tsx

@@ -1,17 +1,18 @@
-import { useMemo, useState } from "react";
 import {
   agentNativePath,
   useActionMutation,
   useActionQuery,
   useT,
 } from "@agent-native/core/client";
+import { IconCheck, IconCopy, IconPlugConnected } from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { toast } from "sonner";
+
 import { AgentsPanel, type ConnectedAgent } from "@/components/agents-panel";
 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 { IconCheck, IconCopy, IconPlugConnected } from "@tabler/icons-react";
-import { toast } from "sonner";
 
 export function meta() {
   return [{ title: "Agents — Dispatch" }];

package/src/routes/pages/approval.tsx

@@ -1,4 +1,3 @@
-import { useSearchParams } from "react-router";
 import {
   useActionMutation,
   useActionQuery,
@@ -6,14 +5,6 @@ import {
   postNavigate,
   appPath,
 } from "@agent-native/core/client";
-import { toast } from "sonner";
-import {
-  ApprovalValueBlock,
-  parseApprovalValue,
-} from "@/components/approval-value-block";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Skeleton } from "@/components/ui/skeleton";
 import {
   IconCheck,
   IconX,
@@ -22,6 +13,16 @@ import {
   IconClock,
   IconAlertCircle,
 } from "@tabler/icons-react";
+import { useSearchParams } from "react-router";
+import { toast } from "sonner";
+
+import {
+  ApprovalValueBlock,
+  parseApprovalValue,
+} from "@/components/approval-value-block";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
 
 export function meta() {
   return [{ title: "Approval — Dispatch" }];

package/src/routes/pages/approvals.tsx

@@ -1,7 +1,8 @@
-import { useMemo, useState } from "react";
 import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import { useOrg } from "@agent-native/core/client/org";
+import { useMemo, useState } from "react";
 import { toast } from "sonner";
+
 import { DispatchShell } from "@/components/dispatch-shell";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";

package/src/routes/pages/apps.$appId.tsx

@@ -1,11 +1,12 @@
-import { useEffect, useMemo } from "react";
-import { Link, useParams } from "react-router";
 import { useActionQuery, useT } from "@agent-native/core/client";
 import {
   IconArrowLeft,
   IconArrowUpRight,
   IconClockHour4,
 } from "@tabler/icons-react";
+import { useEffect, useMemo } from "react";
+import { Link, useParams } from "react-router";
+
 import { DispatchShell } from "@/components/dispatch-shell";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";

package/src/routes/pages/apps.tsx

@@ -1,4 +1,3 @@
-import { useState } from "react";
 import {
   useActionMutation,
   useActionQuery,
@@ -25,10 +24,11 @@ import {
   IconStack3,
   IconVideo,
 } from "@tabler/icons-react";
+import { useState } from "react";
 import { toast } from "sonner";
+
 import { CreateAppPopover } from "@/components/create-app-popover";
 import { DispatchShell } from "@/components/dispatch-shell";
-import { WorkspaceAppCard } from "@/components/workspace-app-card";
 import { Button } from "@/components/ui/button";
 import {
   Collapsible,
@@ -36,6 +36,7 @@ import {
   CollapsibleTrigger,
 } from "@/components/ui/collapsible";
 import { Skeleton } from "@/components/ui/skeleton";
+import { WorkspaceAppCard } from "@/components/workspace-app-card";
 import { cn } from "@/lib/utils";
 import type { WorkspaceAppSummary } from "@/lib/workspace-apps";
 

package/src/routes/pages/audit.tsx

@@ -1,4 +1,5 @@
 import { useActionQuery } from "@agent-native/core/client";
+
 import { DispatchShell } from "@/components/dispatch-shell";
 
 export function meta() {

package/src/routes/pages/chat.tsx

@@ -1,3 +1,9 @@
+import {
+  AgentChatSurface,
+  appBasePath,
+  appPath,
+  markAgentChatHomeHandoff,
+} from "@agent-native/core/client";
 import {
   useCallback,
   useEffect,
@@ -6,12 +12,7 @@ import {
   type ComponentProps,
 } from "react";
 import { useLocation, useNavigate } from "react-router";
-import {
-  AgentChatSurface,
-  appBasePath,
-  appPath,
-  markAgentChatHomeHandoff,
-} from "@agent-native/core/client";
+
 import { submitOverviewPrompt } from "@/lib/overview-chat";
 
 function chatThreadPath(threadId: string | null): string {