@agent-native/dispatch 0.12.2 → 0.13.0

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 } 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,
@@ -93,6 +94,7 @@ export async function clientLoader({
 }
 
 export default function WorkspaceAppCatchAllRoute() {
+  const t = useT();
   const { appId } = useParams();
   const { data: apps = [], isLoading } = useActionQuery(
     "list-workspace-apps",
@@ -127,14 +129,14 @@ export default function WorkspaceAppCatchAllRoute() {
 
   return (
     <DispatchShell
-      title={app?.name || "Page not found"}
-      description="This route is not in the workspace app list yet."
+      title={app?.name || t("dispatch.pages.pageNotFound")}
+      description={t("dispatch.pages.pageNotFoundDescription")}
     >
       <div className="max-w-2xl rounded-lg border bg-card p-5">
         <Button asChild size="sm" variant="ghost" className="-ml-2 mb-4">
           <Link to={appPath("/overview")}>
             <IconArrowLeft size={15} className="mr-1.5" />
-            Overview
+            {t("dispatch.nav.overview")}
           </Link>
         </Button>
 
@@ -149,23 +151,23 @@ export default function WorkspaceAppCatchAllRoute() {
                 className="gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300"
               >
                 <IconClockHour4 size={12} />
-                Building
+                {t("dispatch.pages.building")}
               </Badge>
             </div>
             <p className="text-sm text-muted-foreground">
-              This app is being created. It will be available at{" "}
+              {t("dispatch.pages.appBuildingPrefix")}{" "}
               <span className="font-mono text-foreground">{app.path}</span>{" "}
-              after its branch is merged and the workspace deploy finishes.
+              {t("dispatch.pages.appBuildingSuffix")}
             </p>
             {app.branchName ? (
               <p className="text-xs text-muted-foreground">
-                Branch: {app.branchName}
+                {t("dispatch.pages.branch", { branch: app.branchName })}
               </p>
             ) : null}
             {app.builderUrl ? (
               <Button asChild>
                 <a href={app.builderUrl} target="_blank" rel="noreferrer">
-                  Open Builder branch
+                  {t("dispatch.pages.openBuilderBranch")}
                   <IconArrowUpRight size={15} className="ml-1.5" />
                 </a>
               </Button>
@@ -174,14 +176,16 @@ export default function WorkspaceAppCatchAllRoute() {
         ) : (
           <div className="space-y-3">
             <h2 className="text-base font-semibold text-foreground">
-              Page not found
+              {t("dispatch.pages.pageNotFound")}
             </h2>
             <p className="text-sm text-muted-foreground">
               <span className="font-mono text-foreground">/{appId}</span> isn't
-              a Dispatch tab or a workspace app in this workspace.
+              {t("dispatch.pages.notDispatchOrWorkspaceApp")}
             </p>
             <Button asChild>
-              <Link to={appPath("/apps")}>Browse apps</Link>
+              <Link to={appPath("/apps")}>
+                {t("dispatch.pages.browseApps")}
+              </Link>
             </Button>
           </div>
         )}

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() {