@agent-native/dispatch 0.11.1 → 0.11.3

package/src/components/layout/Header.tsx

@@ -1,6 +1,7 @@
-import { useLocation } from "react-router";
+import { useLocation, useNavigate } from "react-router";
 import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
 import { AgentToggleButton } from "@agent-native/core/client";
+import { RunsTray } from "@agent-native/core/client/progress";
 import { Button } from "@/components/ui/button";
 import { IconLayoutSidebar } from "@tabler/icons-react";
 
@@ -35,9 +36,28 @@ export function Header({
   showAgentToggle?: boolean;
 }) {
   const location = useLocation();
+  const navigate = useNavigate();
   const title = useHeaderTitle();
   const actions = useHeaderActions();
 
+  function openRunThread(threadId: string) {
+    navigate("/chat", {
+      state: {
+        dispatchThread: {
+          id: `${Date.now()}-${threadId}`,
+          threadId,
+        },
+      },
+    });
+    window.requestAnimationFrame(() => {
+      window.dispatchEvent(
+        new CustomEvent("agent-chat:open-thread", {
+          detail: { threadId },
+        }),
+      );
+    });
+  }
+
   return (
     <header className="flex h-12 shrink-0 items-center gap-3 border-b border-border bg-background px-4 lg:px-6">
       {onOpenMobile ? (
@@ -60,6 +80,7 @@ export function Header({
       </div>
       <div className="flex items-center gap-2 shrink-0">
         {actions}
+        <RunsTray limit={8} onOpenThread={openRunThread} />
         {showAgentToggle ? (
           <AgentToggleButton className="h-8 w-8 rounded-md hover:bg-accent" />
         ) : null}

package/src/lib/automations.ts

@@ -0,0 +1,60 @@
+import { agentNativePath } from "@agent-native/core/client";
+
+export interface DispatchAutomationItem {
+  id: string;
+  name: string;
+  path: string;
+  owner: string;
+  canUpdate?: boolean;
+  triggerType?: "schedule" | "event" | string;
+  event?: string;
+  schedule?: string;
+  scheduleDescription?: string;
+  condition?: string;
+  mode?: string;
+  domain?: string;
+  enabled?: boolean;
+  lastStatus?: string;
+  lastRun?: string;
+  lastError?: string;
+  nextRun?: string;
+  createdBy?: string;
+}
+
+export interface SetDispatchAutomationEnabledInput {
+  owner: string;
+  path: string;
+  enabled: boolean;
+}
+
+async function readAutomationResponse<T>(response: Response): Promise<T> {
+  const data = await response.json().catch(() => null);
+  if (!response.ok) {
+    const message =
+      data && typeof data === "object" && "error" in data
+        ? String((data as { error?: unknown }).error)
+        : "Automation request failed";
+    throw new Error(message);
+  }
+  return data as T;
+}
+
+export async function listDispatchAutomations(): Promise<
+  DispatchAutomationItem[]
+> {
+  const response = await fetch(agentNativePath("/_agent-native/automations"));
+  if (!response.ok) return [];
+  const rows = await response.json().catch(() => []);
+  return Array.isArray(rows) ? rows : [];
+}
+
+export async function setDispatchAutomationEnabled(
+  input: SetDispatchAutomationEnabledInput,
+): Promise<DispatchAutomationItem> {
+  const response = await fetch(agentNativePath("/_agent-native/automations"), {
+    method: "PATCH",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify(input),
+  });
+  return readAutomationResponse<DispatchAutomationItem>(response);
+}