@agent-native/dispatch 0.13.10 → 0.13.11

package/src/routes/pages/destinations.tsx

@@ -6,7 +6,8 @@ import {
 import { useState } from "react";
 import { toast } from "sonner";
 
-import { DispatchShell } from "@/components/dispatch-shell";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { TaskQueueHealth } from "../../components/task-queue-health";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -17,17 +18,17 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
+} from "../../components/ui/alert-dialog";
+import { Button } from "../../components/ui/button";
+import { Input } from "../../components/ui/input";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { Textarea } from "@/components/ui/textarea";
+} from "../../components/ui/select";
+import { Textarea } from "../../components/ui/textarea";
 
 export function meta() {
   return [{ title: "Destinations — Dispatch" }];
@@ -107,158 +108,166 @@ export default function DestinationsRoute() {
       title={t("dispatch.nav.destinations")}
       description={t("dispatch.pages.destinationsDescription")}
     >
-      <div className="grid gap-4 xl:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]">
-        <section className="rounded-2xl border bg-card p-5">
-          <h2 className="text-lg font-semibold text-foreground">
-            {t("dispatch.pages.savedDestinations")}
-          </h2>
-          <div className="mt-4 space-y-3">
-            {(data || []).map((destination: any) => (
-              <div
-                key={destination.id}
-                className="rounded-xl border bg-muted/30 p-4"
-              >
-                <div className="flex items-start justify-between gap-3">
-                  <div>
-                    <div className="text-sm font-medium text-foreground">
-                      {destination.name}
-                    </div>
-                    <div className="mt-1 text-xs text-muted-foreground">
-                      {destination.platform} · {destination.destination}
-                      {destination.threadRef
-                        ? ` · thread ${destination.threadRef}`
-                        : ""}
+      <div className="flex flex-col gap-4">
+        <TaskQueueHealth />
+        <div className="grid gap-4 xl:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]">
+          <section className="rounded-2xl border bg-card p-5">
+            <h2 className="text-lg font-semibold text-foreground">
+              {t("dispatch.pages.savedDestinations")}
+            </h2>
+            <div className="mt-4 space-y-3">
+              {(data || []).map((destination: any) => (
+                <div
+                  key={destination.id}
+                  className="rounded-xl border bg-muted/30 p-4"
+                >
+                  <div className="flex items-start justify-between gap-3">
+                    <div>
+                      <div className="text-sm font-medium text-foreground">
+                        {destination.name}
+                      </div>
+                      <div className="mt-1 text-xs text-muted-foreground">
+                        {destination.platform} · {destination.destination}
+                        {destination.threadRef
+                          ? ` · thread ${destination.threadRef}`
+                          : ""}
+                      </div>
+                      {destination.notes && (
+                        <p className="mt-2 text-sm text-muted-foreground">
+                          {destination.notes}
+                        </p>
+                      )}
                     </div>
-                    {destination.notes && (
-                      <p className="mt-2 text-sm text-muted-foreground">
-                        {destination.notes}
-                      </p>
-                    )}
-                  </div>
-                  <AlertDialog>
-                    <AlertDialogTrigger asChild>
-                      <Button variant="outline" size="sm">
-                        {t("dispatch.pages.delete")}
-                      </Button>
-                    </AlertDialogTrigger>
-                    <AlertDialogContent>
-                      <AlertDialogHeader>
-                        <AlertDialogTitle>
-                          {t("dispatch.pages.deleteDestinationTitle")}
-                        </AlertDialogTitle>
-                        <AlertDialogDescription>
-                          {t("dispatch.pages.deleteDestinationDescription", {
-                            name: destination.name,
-                          })}
-                        </AlertDialogDescription>
-                      </AlertDialogHeader>
-                      <AlertDialogFooter>
-                        <AlertDialogCancel>
-                          {t("dispatch.pages.cancel")}
-                        </AlertDialogCancel>
-                        <AlertDialogAction
-                          onClick={() => remove.mutate({ id: destination.id })}
-                        >
+                    <AlertDialog>
+                      <AlertDialogTrigger asChild>
+                        <Button variant="outline" size="sm">
                           {t("dispatch.pages.delete")}
-                        </AlertDialogAction>
-                      </AlertDialogFooter>
-                    </AlertDialogContent>
-                  </AlertDialog>
+                        </Button>
+                      </AlertDialogTrigger>
+                      <AlertDialogContent>
+                        <AlertDialogHeader>
+                          <AlertDialogTitle>
+                            {t("dispatch.pages.deleteDestinationTitle")}
+                          </AlertDialogTitle>
+                          <AlertDialogDescription>
+                            {t("dispatch.pages.deleteDestinationDescription", {
+                              name: destination.name,
+                            })}
+                          </AlertDialogDescription>
+                        </AlertDialogHeader>
+                        <AlertDialogFooter>
+                          <AlertDialogCancel>
+                            {t("dispatch.pages.cancel")}
+                          </AlertDialogCancel>
+                          <AlertDialogAction
+                            onClick={() =>
+                              remove.mutate({ id: destination.id })
+                            }
+                          >
+                            {t("dispatch.pages.delete")}
+                          </AlertDialogAction>
+                        </AlertDialogFooter>
+                      </AlertDialogContent>
+                    </AlertDialog>
+                  </div>
+                  <QuickSendRow destination={destination} />
                 </div>
-                <QuickSendRow destination={destination} />
-              </div>
-            ))}
-            {(data?.length || 0) === 0 && (
-              <div className="rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground">
-                {t("dispatch.pages.noDestinations")}
-              </div>
-            )}
-          </div>
-        </section>
+              ))}
+              {(data?.length || 0) === 0 && (
+                <div className="rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground">
+                  {t("dispatch.pages.noDestinations")}
+                </div>
+              )}
+            </div>
+          </section>
 
-        <section className="rounded-2xl border bg-card p-5">
-          <h2 className="text-lg font-semibold text-foreground">
-            {t("dispatch.pages.addDestination")}
-          </h2>
-          <div className="mt-4 space-y-3">
-            <Input
-              value={form.name}
-              onChange={(event) =>
-                setForm((current) => ({ ...current, name: event.target.value }))
-              }
-              placeholder={t("dispatch.pages.dailyDigestChannel")}
-            />
-            <Select
-              value={form.platform}
-              onValueChange={(value) =>
-                setForm((current) => ({
-                  ...current,
-                  platform: value,
-                }))
-              }
-            >
-              <SelectTrigger>
-                <SelectValue />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectItem value="slack">Slack</SelectItem>
-                <SelectItem value="telegram">Telegram</SelectItem>
-                <SelectItem value="email">Email</SelectItem>
-              </SelectContent>
-            </Select>
-            <Input
-              value={form.destination}
-              onChange={(event) =>
-                setForm((current) => ({
-                  ...current,
-                  destination: event.target.value,
-                }))
-              }
-              placeholder={
-                form.platform === "slack"
-                  ? "C0123456789"
-                  : form.platform === "email"
-                    ? "teammate+qa@agent-native.test"
-                    : "123456789"
-              }
-            />
-            <Input
-              value={form.threadRef}
-              onChange={(event) =>
-                setForm((current) => ({
-                  ...current,
-                  threadRef: event.target.value,
-                }))
-              }
-              placeholder={t("dispatch.pages.optionalThreadOrTopicId")}
-            />
-            <Textarea
-              value={form.notes}
-              onChange={(event) =>
-                setForm((current) => ({
-                  ...current,
-                  notes: event.target.value,
-                }))
-              }
-              placeholder={t("dispatch.pages.destinationNotes")}
-            />
-            <Button
-              className="w-full"
-              onClick={() =>
-                upsert.mutate({
-                  name: form.name,
-                  platform: form.platform as "slack" | "telegram" | "email",
-                  destination: form.destination,
-                  threadRef: form.threadRef || undefined,
-                  notes: form.notes || undefined,
-                })
-              }
-              disabled={!form.name || !form.destination}
-            >
-              {t("dispatch.pages.saveDestination")}
-            </Button>
-          </div>
-        </section>
+          <section className="rounded-2xl border bg-card p-5">
+            <h2 className="text-lg font-semibold text-foreground">
+              {t("dispatch.pages.addDestination")}
+            </h2>
+            <div className="mt-4 space-y-3">
+              <Input
+                value={form.name}
+                onChange={(event) =>
+                  setForm((current) => ({
+                    ...current,
+                    name: event.target.value,
+                  }))
+                }
+                placeholder={t("dispatch.pages.dailyDigestChannel")}
+              />
+              <Select
+                value={form.platform}
+                onValueChange={(value) =>
+                  setForm((current) => ({
+                    ...current,
+                    platform: value,
+                  }))
+                }
+              >
+                <SelectTrigger>
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="slack">Slack</SelectItem>
+                  <SelectItem value="telegram">Telegram</SelectItem>
+                  <SelectItem value="email">Email</SelectItem>
+                </SelectContent>
+              </Select>
+              <Input
+                value={form.destination}
+                onChange={(event) =>
+                  setForm((current) => ({
+                    ...current,
+                    destination: event.target.value,
+                  }))
+                }
+                placeholder={
+                  form.platform === "slack"
+                    ? "C0123456789"
+                    : form.platform === "email"
+                      ? "teammate+qa@agent-native.test"
+                      : "123456789"
+                }
+              />
+              <Input
+                value={form.threadRef}
+                onChange={(event) =>
+                  setForm((current) => ({
+                    ...current,
+                    threadRef: event.target.value,
+                  }))
+                }
+                placeholder={t("dispatch.pages.optionalThreadOrTopicId")}
+              />
+              <Textarea
+                value={form.notes}
+                onChange={(event) =>
+                  setForm((current) => ({
+                    ...current,
+                    notes: event.target.value,
+                  }))
+                }
+                placeholder={t("dispatch.pages.destinationNotes")}
+              />
+              <Button
+                className="w-full"
+                onClick={() =>
+                  upsert.mutate({
+                    name: form.name,
+                    platform: form.platform as "slack" | "telegram" | "email",
+                    destination: form.destination,
+                    threadRef: form.threadRef || undefined,
+                    notes: form.notes || undefined,
+                  })
+                }
+                disabled={!form.name || !form.destination}
+              >
+                {t("dispatch.pages.saveDestination")}
+              </Button>
+            </div>
+          </section>
+        </div>
       </div>
     </DispatchShell>
   );

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" }];