@agent-native/dispatch 0.13.10 → 0.13.12

package/src/routes/pages/dreams.tsx

@@ -17,20 +17,20 @@ import { useEffect, useMemo, useState } from "react";
 import { useSearchParams } from "react-router";
 import { toast } from "sonner";
 
-import { DispatchShell } from "@/components/dispatch-shell";
+import { DispatchShell } from "../../components/dispatch-shell";
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from "@/components/ui/accordion";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Separator } from "@/components/ui/separator";
+} from "../../components/ui/accordion";
+import { Alert, AlertDescription, AlertTitle } from "../../components/ui/alert";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+import { Input } from "../../components/ui/input";
+import { Label } from "../../components/ui/label";
+import { ScrollArea } from "../../components/ui/scroll-area";
+import { Separator } from "../../components/ui/separator";
 import {
   Sheet,
   SheetContent,
@@ -39,10 +39,10 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger,
-} from "@/components/ui/sheet";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Spinner } from "@/components/ui/spinner";
-import { Switch } from "@/components/ui/switch";
+} from "../../components/ui/sheet";
+import { Skeleton } from "../../components/ui/skeleton";
+import { Spinner } from "../../components/ui/spinner";
+import { Switch } from "../../components/ui/switch";
 import {
   Table,
   TableBody,
@@ -50,11 +50,15 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@/components/ui/table";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Textarea } from "@/components/ui/textarea";
-import { cn } from "@/lib/utils";
-
+} from "../../components/ui/table";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "../../components/ui/tabs";
+import { Textarea } from "../../components/ui/textarea";
+import { cn } from "../../lib/utils";
 import {
   dreamSettingsToDraft,
   dreamSettingsUpdateFromDraft,

package/src/routes/pages/identities.tsx

@@ -1,8 +1,8 @@
 import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import { toast } from "sonner";
 
-import { DispatchShell } from "@/components/dispatch-shell";
-import { Button } from "@/components/ui/button";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { Button } from "../../components/ui/button";
 
 export function meta() {
   return [{ title: "Identities — Dispatch" }];

package/src/routes/pages/integrations.tsx

@@ -11,14 +11,14 @@ import { useQueryClient } from "@tanstack/react-query";
 import { useMemo, useState } from "react";
 import { toast } from "sonner";
 
-import { DispatchShell } from "@/components/dispatch-shell";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
-} from "@/components/ui/collapsible";
+} from "../../components/ui/collapsible";
 import {
   Dialog,
   DialogContent,
@@ -26,14 +26,14 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+} from "../../components/ui/dialog";
+import { Input } from "../../components/ui/input";
+import { Label } from "../../components/ui/label";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "../../components/ui/tooltip";
 
 export function meta() {
   return [{ title: "Connections — Dispatch" }];

package/src/routes/pages/messaging.tsx

@@ -1,5 +1,5 @@
-import { DispatchShell } from "@/components/dispatch-shell";
-import { MessagingSetupPanel } from "@/components/messaging-setup-panel";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { MessagingSetupPanel } from "../../components/messaging-setup-panel";
 
 export function meta() {
   return [{ title: "Messaging — Dispatch" }];

package/src/routes/pages/metrics.tsx

@@ -11,12 +11,12 @@ import {
 } from "@tabler/icons-react";
 import { useMemo, useState, type ReactNode } from "react";
 
-import { DispatchShell } from "@/components/dispatch-shell";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Skeleton } from "@/components/ui/skeleton";
-import { cn } from "@/lib/utils";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { Alert, AlertDescription, AlertTitle } from "../../components/ui/alert";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+import { Skeleton } from "../../components/ui/skeleton";
+import { cn } from "../../lib/utils";
 
 export function meta() {
   return [{ title: "Metrics — Dispatch" }];

package/src/routes/pages/new-app.tsx

@@ -1,6 +1,6 @@
 import { NewWorkspaceAppFlow, useT } from "@agent-native/core/client";
 
-import { DispatchShell } from "@/components/dispatch-shell";
+import { DispatchShell } from "../../components/dispatch-shell";
 
 export function meta() {
   return [{ title: "New App — Dispatch" }];

package/src/routes/pages/overview.tsx

@@ -1,4 +1,4 @@
-import { DispatchControlPlane } from "@/components/dispatch-control-plane";
+import { DispatchControlPlane } from "../../components/dispatch-control-plane";
 
 const SEO_TITLE =
   "Agent-Native Dispatch - Open Source workspace control plane for AI agents";

package/src/routes/pages/settings.tsx

@@ -8,18 +8,17 @@ import {
 import { TeamPage } from "@agent-native/core/client/org";
 import { Link } from "react-router";
 
-import { DispatchShell } from "@/components/dispatch-shell";
-import { Button } from "@/components/ui/button";
+import changelog from "../../../CHANGELOG.md?raw";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { Button } from "../../components/ui/button";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
-import { Label } from "@/components/ui/label";
-
-import changelog from "../../../CHANGELOG.md?raw";
+} from "../../components/ui/card";
+import { Label } from "../../components/ui/label";
 
 export function meta() {
   return [{ title: "Settings - Dispatch" }];
@@ -70,6 +69,38 @@ export default function SettingsRoute() {
                 </Button>
               </CardContent>
             </Card>
+
+            <Card>
+              <CardHeader>
+                <CardTitle className="text-base">
+                  {t("settings.automationsTitle")}
+                </CardTitle>
+                <CardDescription>
+                  {t("settings.automationsDescription")}
+                </CardDescription>
+              </CardHeader>
+              <CardContent>
+                <Button variant="outline" asChild>
+                  <Link to="/automations">{t("settings.openAutomations")}</Link>
+                </Button>
+              </CardContent>
+            </Card>
+
+            <Card>
+              <CardHeader>
+                <CardTitle className="text-base">
+                  {t("settings.deliveryTitle")}
+                </CardTitle>
+                <CardDescription>
+                  {t("settings.deliveryDescription")}
+                </CardDescription>
+              </CardHeader>
+              <CardContent>
+                <Button variant="outline" asChild>
+                  <Link to="/destinations">{t("settings.openDelivery")}</Link>
+                </Button>
+              </CardContent>
+            </Card>
           </div>
         }
         team={

package/src/routes/pages/thread-debug.tsx

@@ -7,21 +7,26 @@ import {
 } from "@tabler/icons-react";
 import { useEffect, useMemo, useState } from "react";
 
-import { DispatchShell } from "@/components/dispatch-shell";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { Alert, AlertDescription, AlertTitle } from "../../components/ui/alert";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+import { Input } from "../../components/ui/input";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { cn } from "@/lib/utils";
+} from "../../components/ui/select";
+import { Skeleton } from "../../components/ui/skeleton";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "../../components/ui/tabs";
+import { cn } from "../../lib/utils";
 
 export function meta() {
   return [{ title: "Thread Debug — Dispatch" }];

package/src/routes/pages/vault.tsx

@@ -14,7 +14,7 @@ import {
 import { useState } from "react";
 import { toast } from "sonner";
 
-import { DispatchShell } from "@/components/dispatch-shell";
+import { DispatchShell } from "../../components/dispatch-shell";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -25,9 +25,9 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger,
-} from "@/components/ui/alert-dialog";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
+} from "../../components/ui/alert-dialog";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -36,20 +36,25 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+} from "../../components/ui/dialog";
+import { Input } from "../../components/ui/input";
+import { Label } from "../../components/ui/label";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Switch } from "@/components/ui/switch";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Textarea } from "@/components/ui/textarea";
+} from "../../components/ui/select";
+import { Skeleton } from "../../components/ui/skeleton";
+import { Switch } from "../../components/ui/switch";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "../../components/ui/tabs";
+import { Textarea } from "../../components/ui/textarea";
 
 const PROVIDERS = [
   "google",

package/src/routes/pages/workspace.tsx

@@ -17,7 +17,7 @@ import {
 import { useEffect, useState, type ReactNode } from "react";
 import { toast } from "sonner";
 
-import { DispatchShell } from "@/components/dispatch-shell";
+import { DispatchShell } from "../../components/dispatch-shell";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -28,9 +28,9 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger,
-} from "@/components/ui/alert-dialog";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
+} from "../../components/ui/alert-dialog";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -39,23 +39,28 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+} from "../../components/ui/dialog";
+import { Input } from "../../components/ui/input";
+import { Label } from "../../components/ui/label";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Textarea } from "@/components/ui/textarea";
+} from "../../components/ui/select";
+import { Skeleton } from "../../components/ui/skeleton";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "../../components/ui/tabs";
+import { Textarea } from "../../components/ui/textarea";
 import {
   ImpactPreview,
   workspaceResourceMutationMessage,
-} from "@/components/workspace-resource-impact-preview";
+} from "../../components/workspace-resource-impact-preview";
 
 export function meta() {
   return [{ title: "Workspace Resources — Dispatch" }];

package/src/server/lib/pre-auth-routing.ts

@@ -26,6 +26,7 @@ const DISPATCH_PAGE_PATHS = new Set([
   "/destinations",
   "/identities",
   "/approvals",
+  "/automations",
   "/audit",
   "/team",
 ]);

package/src/server/lib/usage-metrics-store.spec.ts

@@ -0,0 +1,102 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+const mocks = vi.hoisted(() => ({
+  detectEngineFromEnv: vi.fn(() => null),
+  detectEngineFromUserSecrets: vi.fn(async () => null),
+  execute: vi.fn(),
+  getSetting: vi.fn(async () => null),
+  getUsageSummary: vi.fn(),
+  listWorkspaceApps: vi.fn(),
+  registerBuiltinEngines: vi.fn(),
+}));
+
+vi.mock("@agent-native/core/agent/engine", () => ({
+  detectEngineFromEnv: (...args: any[]) => mocks.detectEngineFromEnv(...args),
+  detectEngineFromUserSecrets: (...args: any[]) =>
+    mocks.detectEngineFromUserSecrets(...args),
+  getAgentEngineEntry: vi.fn(() => null),
+  isAgentEngineSettingConfigured: vi.fn(() => false),
+  isStoredEngineUsable: vi.fn(() => false),
+  registerBuiltinEngines: () => mocks.registerBuiltinEngines(),
+}));
+
+vi.mock("@agent-native/core/db", () => ({
+  getDbExec: () => ({
+    execute: (...args: any[]) => mocks.execute(...args),
+  }),
+}));
+
+vi.mock("@agent-native/core/settings", () => ({
+  getSetting: (...args: any[]) => mocks.getSetting(...args),
+}));
+
+vi.mock("@agent-native/core/usage", () => ({
+  getUsageSummary: (...args: any[]) => mocks.getUsageSummary(...args),
+  usageBillingForEngine: () => ({
+    unit: "usd",
+    label: "Estimated spend",
+    shortLabel: "Cost",
+    source: "estimated-provider-cost",
+  }),
+}));
+
+vi.mock("./app-creation-store.js", () => ({
+  listWorkspaceApps: (...args: any[]) => mocks.listWorkspaceApps(...args),
+}));
+
+vi.mock("./dispatch-store.js", () => ({
+  currentOrgId: () => null,
+  currentOwnerEmail: () => "owner@example.test",
+}));
+
+const { listDispatchUsageMetrics } = await import("./usage-metrics-store.js");
+
+afterEach(() => {
+  vi.clearAllMocks();
+});
+
+describe("listDispatchUsageMetrics", () => {
+  it("returns empty metrics when usage storage bootstrap and reads fail", async () => {
+    mocks.getUsageSummary.mockRejectedValue(new Error("database is locked"));
+    mocks.execute.mockRejectedValue(new Error("no such table: token_usage"));
+    mocks.listWorkspaceApps.mockResolvedValue([
+      {
+        id: "dispatch",
+        name: "Dispatch",
+        path: "/dispatch",
+        status: "ready",
+        isDispatch: true,
+      },
+    ]);
+
+    const metrics = await listDispatchUsageMetrics({ sinceDays: 30 });
+
+    expect(mocks.getUsageSummary).toHaveBeenCalledWith({
+      ownerEmail: "__dispatch_metrics_init__",
+      sinceMs: expect.any(Number),
+    });
+    expect(metrics.access).toEqual({
+      viewerEmail: "owner@example.test",
+      orgId: null,
+      role: null,
+      scope: "solo",
+      totalUsers: 0,
+    });
+    expect(metrics.totals).toEqual({
+      costCents: 0,
+      calls: 0,
+      chatCalls: 0,
+      inputTokens: 0,
+      outputTokens: 0,
+      cacheReadTokens: 0,
+      cacheWriteTokens: 0,
+      activeUsers: 0,
+      chatThreads: 0,
+      chatMessages: 0,
+      workspaceApps: 0,
+    });
+    expect(metrics.byUser).toEqual([]);
+    expect(metrics.recent).toEqual([]);
+    expect(metrics.appAccess).toHaveLength(1);
+  });
+});

package/src/server/lib/usage-metrics-store.ts

@@ -213,6 +213,17 @@ async function queryRows<T extends Record<string, unknown>>(
   }
 }
 
+async function initializeUsageMetricsTable(sinceMs: number): Promise<void> {
+  try {
+    // Initializes token_usage on fresh deployments before the read-only
+    // aggregate queries below. The fake owner avoids changing visible data.
+    await getUsageSummary({ ownerEmail: "__dispatch_metrics_init__", sinceMs });
+  } catch {
+    // Metrics should still render an empty state if usage storage is locked,
+    // stale, or unavailable; each aggregate read below is already best-effort.
+  }
+}
+
 async function getViewerOrgRole(
   orgId: string | null,
   email: string,
@@ -397,9 +408,7 @@ export async function listDispatchUsageMetrics(input: {
   const sinceMs = Date.now() - sinceDays * DAY_MS;
   const billing = usageBillingForEngine(await detectUsageEngineName());
 
-  // Initializes token_usage on fresh deployments before the read-only
-  // aggregate queries below. The fake owner avoids changing visible data.
-  await getUsageSummary({ ownerEmail: "__dispatch_metrics_init__", sinceMs });
+  await initializeUsageMetricsTable(sinceMs);
 
   const rawMembers = orgId
     ? await listOrgMembers(orgId)