@agent-native/dispatch 0.14.0 → 0.14.2

package/src/routes/index.spec.ts

@@ -0,0 +1,23 @@
+import { describe, expect, it } from "vitest";
+
+import { dispatchRoutes } from "./index.js";
+
+describe("Dispatch route registration", () => {
+  it("registers chat and operator routes before the workspace-app fallback", () => {
+    const routes = dispatchRoutes as Array<{
+      path?: string;
+      file?: string;
+      index?: boolean;
+    }>;
+    const paths = routes.map((route) => route.path);
+
+    expect(paths).toContain("chat");
+    expect(paths).toContain("chat/:threadId");
+    expect(paths).toContain("operations");
+    expect(paths.indexOf("chat")).toBeLessThan(paths.indexOf(":appId"));
+    expect(paths.indexOf("chat/:threadId")).toBeLessThan(
+      paths.indexOf(":appId"),
+    );
+    expect(paths.indexOf("operations")).toBeLessThan(paths.indexOf(":appId"));
+  });
+});

package/src/routes/index.ts

@@ -35,6 +35,7 @@ export const dispatchRoutes: RouteConfig = [
   route("chat/:threadId", "./pages/chat.js"),
   route("overview", "./pages/overview.js"),
   route("metrics", "./pages/metrics.js"),
+  route("operations", "./pages/operations.js"),
   route("apps", "./pages/apps.js"),
   route("apps/:appId", "./pages/apps.$appId.js"),
   route("new-app", "./pages/new-app.js"),

package/src/routes/pages/operations.tsx

@@ -0,0 +1,134 @@
+import {
+  DbAdminPage,
+  ObservabilityDashboard,
+  useT,
+} from "@agent-native/core/client";
+import {
+  IconActivity,
+  IconArrowUpRight,
+  IconDatabase,
+  IconHistory,
+  IconMessages,
+  IconSend,
+} from "@tabler/icons-react";
+import { Link, useSearchParams } from "react-router";
+
+import { DispatchShell } from "../../components/dispatch-shell";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "../../components/ui/tabs";
+
+type OperationsView = "monitoring" | "database";
+
+function selectedView(value: string | null): OperationsView {
+  return value === "database" ? "database" : "monitoring";
+}
+
+function OperationsShortcuts() {
+  const t = useT();
+
+  const tools = [
+    {
+      to: "/thread-debug",
+      icon: IconMessages,
+      title: t("dispatch.nav.threadDebug", { defaultValue: "Thread debug" }),
+    },
+    {
+      to: "/audit",
+      icon: IconHistory,
+      title: t("dispatch.nav.audit"),
+    },
+    {
+      to: "/destinations",
+      icon: IconSend,
+      title: t("dispatch.pages.deliveryQueue"),
+    },
+  ];
+
+  return (
+    <section className="border-t pt-5">
+      <h2 className="text-sm font-semibold text-foreground">
+        {t("dispatch.nav.advanced", { defaultValue: "Related tools" })}
+      </h2>
+      <div className="mt-2 grid gap-x-6 gap-y-1 lg:grid-cols-3">
+        {tools.map(({ to, icon: Icon, title }) => (
+          <Link
+            key={to}
+            to={to}
+            className="group flex min-w-0 items-start gap-2 rounded-md px-2 py-2 text-sm transition-colors hover:bg-muted"
+          >
+            <Icon
+              size={16}
+              className="mt-0.5 shrink-0 text-muted-foreground transition-colors group-hover:text-foreground"
+            />
+            <span className="min-w-0">
+              <span className="flex items-center gap-1 font-medium text-foreground">
+                <span className="truncate">{title}</span>
+                <IconArrowUpRight
+                  size={13}
+                  className="shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100"
+                />
+              </span>
+            </span>
+          </Link>
+        ))}
+      </div>
+    </section>
+  );
+}
+
+export function meta() {
+  return [{ title: "Operations — Dispatch" }];
+}
+
+export default function OperationsRoute() {
+  const t = useT();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const view = selectedView(searchParams.get("view"));
+
+  function setView(nextView: OperationsView) {
+    const next = new URLSearchParams(searchParams);
+    if (nextView === "monitoring") next.delete("view");
+    else next.set("view", nextView);
+    setSearchParams(next, { replace: true });
+  }
+
+  return (
+    <DispatchShell title={t("dispatch.nav.operations")}>
+      <Tabs
+        value={view}
+        onValueChange={(value) => {
+          if (value === "monitoring" || value === "database") setView(value);
+        }}
+        className="flex min-w-0 flex-col gap-5"
+      >
+        <TabsList className="w-fit">
+          <TabsTrigger value="monitoring">
+            <IconActivity size={15} />
+            {t("dispatch.pages.monitoring")}
+          </TabsTrigger>
+          <TabsTrigger value="database">
+            <IconDatabase size={15} />
+            {t("dispatch.pages.database")}
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="monitoring" className="mt-0 min-w-0">
+          <ObservabilityDashboard />
+          <div className="mt-8">
+            <OperationsShortcuts />
+          </div>
+        </TabsContent>
+
+        <TabsContent value="database" className="mt-0 min-w-0">
+          <div className="min-h-[620px] overflow-hidden rounded-lg border bg-background">
+            <DbAdminPage title={t("dispatch.pages.database")} />
+          </div>
+        </TabsContent>
+      </Tabs>
+    </DispatchShell>
+  );
+}

package/src/server/lib/dispatch-routing.spec.ts

@@ -6,6 +6,8 @@ describe("dispatchIntegrationRoutingHint", () => {
   it.each([
     "File a security review request for the platform team",
     "Add this hiring ask to the intake board",
+    "Add two design tasks for the launch page",
+    "Create a design task for the new onboarding flow",
     "Create a vendor request form with the required fields",
     "What is currently in the editorial requests queue?",
   ])(

package/src/server/lib/dispatch-routing.ts

@@ -1,5 +1,5 @@
 const STRUCTURED_INTAKE_PATTERNS = [
-  /\b(?:file|submit|add|log|track|triage|prioriti[sz]e)\b.{0,64}\b(?:asks?|requests?|tickets?|intake)\b/i,
+  /\b(?:file|submit|add|log|track|triage|prioriti[sz]e|create)\b.{0,64}\b(?:asks?|requests?|tickets?|tasks?|intake)\b/i,
   /\b(?:asks?|requests?|tickets?|intake)\b.{0,64}\b(?:database|table|board|form|queue|priority|deadline|urgency)\b/i,
   /\b(?:database|table|board|form|queue)\b.{0,64}\b(?:asks?|requests?|tickets?|intake|priority|deadline|urgency)\b/i,
 ];

package/src/server/lib/env-config.ts

@@ -3,7 +3,7 @@ import type { EnvKeyConfig } from "@agent-native/core/server";
 export const envKeys: EnvKeyConfig[] = [
   {
     key: "SLACK_BOT_TOKEN",
-    label: "Slack bot token",
+    label: "Slack bot token (legacy)",
     required: false,
   },
   {

package/src/styles/dispatch-css.spec.ts

@@ -62,4 +62,15 @@ describe("dispatch route shells", () => {
 
     expect(chatRoute).toContain("@agent-native/dispatch/routes/pages/chat");
   });
+
+  it("re-exports the operations console from the Dispatch template", () => {
+    const operationsRoute = fs.readFileSync(
+      path.join(repoRoot, "templates/dispatch/app/routes/operations.tsx"),
+      "utf-8",
+    );
+
+    expect(operationsRoute).toContain(
+      "@agent-native/dispatch/routes/pages/operations",
+    );
+  });
 });