@agent-native/dispatch 0.30.3 → 0.31.0

package/dist/routes/pages/chat.js

@@ -1,12 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AgentChatSurface, insertAgentComposerReference, markAgentChatHomeHandoff, readChatFirstMode, } from "@agent-native/core/client/agent-chat";
+import { AgentChatSurface, insertAgentComposerReference, markAgentChatHomeHandoff, readChatFirstMode, useActiveAgentChatRunId, } from "@agent-native/core/client/agent-chat";
 import { appBasePath, appPath } from "@agent-native/core/client/api-path";
+import { writeClipboardText } from "@agent-native/core/client/clipboard";
 import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
-import { useCallback, useEffect, useMemo, useRef, } from "react";
+import { IconCheck, IconCopy } from "@tabler/icons-react";
+import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import { useLocation, useNavigate } from "react-router";
 import { ActionQueryError } from "../../components/action-query-error.js";
 import { useDispatchExtensions } from "../../components/layout/Layout.js";
+import { Button } from "../../components/ui/button.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
 import { submitOverviewPrompt } from "../../lib/overview-chat.js";
 function chatThreadPath(threadId, agentPath) {
@@ -54,6 +57,29 @@ function dispatchNavTarget(path) {
 function DispatchAgentChatSurface(props) {
     return _jsx(AgentChatSurface, { ...props });
 }
+function DispatchRequestIdButton({ requestId }) {
+    const t = useT();
+    const [copied, setCopied] = useState(false);
+    const handleCopy = useCallback(() => {
+        if (!requestId)
+            return;
+        void writeClipboardText(requestId).then((ok) => {
+            if (!ok)
+                return;
+            setCopied(true);
+            window.setTimeout(() => setCopied(false), 1000);
+        });
+    }, [requestId]);
+    return (_jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: !requestId, onClick: handleCopy, "aria-label": t("dispatch.pages.copyRequestId", {
+            defaultValue: requestId ? "Copy request ID" : "Request ID unavailable",
+        }), children: [copied ? (_jsx(IconCheck, { "aria-hidden": "true" })) : (_jsx(IconCopy, { "aria-hidden": "true" })), copied
+                ? t("dispatch.pages.copied", { defaultValue: "Copied" })
+                : t("dispatch.pages.copyRequestId", {
+                    defaultValue: requestId
+                        ? "Copy request ID"
+                        : "Request ID unavailable",
+                })] }));
+}
 export function meta() {
     return [{ title: "Chat — Dispatch" }];
 }
@@ -62,6 +88,7 @@ export default function ChatRoute() {
     const location = useLocation();
     const navigate = useNavigate();
     const routeThreadId = threadIdFromPath(location.pathname);
+    const activeRunId = useActiveAgentChatRunId(routeThreadId);
     const agentPath = new URLSearchParams(location.search).get("agent");
     const agentsQuery = useActionQuery("list-workspace-resources", { kind: "agent" }, { enabled: Boolean(agentPath), staleTime: 30_000 });
     const agent = useMemo(() => agentPath
@@ -172,21 +199,21 @@ export default function ChatRoute() {
     if (agentPath && !agent) {
         return (_jsx("div", { className: "flex h-full min-h-0 items-center justify-center bg-background px-4 text-sm text-muted-foreground", children: "This agent is no longer available." }));
     }
-    return (_jsx("div", { className: "flex h-full min-h-0 flex-col bg-background", children: _jsx(DispatchAgentChatSurface, { mode: "page", chatViewTransition: true, className: "dispatch-chat-panel px-4 sm:px-6", defaultMode: "chat", storageKey: agent ? `dispatch-agent-${agent.id}` : "dispatch", scope: agentScope, threadUrlSync: threadUrlSync, showHeader: false, showTabBar: false, dynamicSuggestions: false, suppressInlineOpenApp: suppressInlineOpenApp, suggestions: [], emptyStateText: t("dispatch.pages.chatAcrossAppsDescription", {
-                defaultValue: "Route work, inspect status, or create something new from one place.",
-            }), emptyStateDisplay: "hidden", ...(!prompt?.message
-                ? {
-                    centerComposerWhenEmpty: true,
-                    composerLayoutVariant: "hero",
-                }
-                : {}), composerPlaceholder: agent
-                ? `Ask ${agent.name}...`
-                : t("dispatch.pages.chatPromptPlaceholder", {
-                    defaultValue: "Ask Dispatch...",
-                }), composerSlot: agent ? (_jsxs("div", { className: "dispatch-chat-intro", children: [_jsx("h1", { children: agent.name }), agent.description ? _jsx("p", { children: agent.description }) : null] })) : !prompt?.message ? (_jsxs("div", { className: "dispatch-chat-intro", children: [_jsx("h1", { children: t("dispatch.pages.chatAcrossApps", {
-                            defaultValue: "Chat across your apps",
-                        }) }), _jsx("p", { children: t("dispatch.pages.chatAcrossAppsDescription", {
-                            defaultValue: "Route work, inspect status, or create something new from one place.",
-                        }) })] })) : null }, agent ? `agent-${agent.id}` : "dispatch") }));
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col bg-background", children: [threadUrlSync.routeThreadId ? (_jsx("div", { className: "flex justify-end px-4 pt-4 sm:px-6", children: _jsx(DispatchRequestIdButton, { requestId: activeRunId }) })) : null, _jsx(DispatchAgentChatSurface, { mode: "page", chatViewTransition: true, className: "dispatch-chat-panel px-4 sm:px-6", defaultMode: "chat", storageKey: agent ? `dispatch-agent-${agent.id}` : "dispatch", scope: agentScope, threadUrlSync: threadUrlSync, showHeader: false, showTabBar: false, dynamicSuggestions: false, suppressInlineOpenApp: suppressInlineOpenApp, suggestions: [], emptyStateText: t("dispatch.pages.chatAcrossAppsDescription", {
+                    defaultValue: "Route work, inspect status, or create something new from one place.",
+                }), emptyStateDisplay: "hidden", ...(!prompt?.message
+                    ? {
+                        centerComposerWhenEmpty: true,
+                        composerLayoutVariant: "hero",
+                    }
+                    : {}), composerPlaceholder: agent
+                    ? `Ask ${agent.name}...`
+                    : t("dispatch.pages.chatPromptPlaceholder", {
+                        defaultValue: "Ask Dispatch...",
+                    }), composerSlot: agent ? (_jsxs("div", { className: "dispatch-chat-intro", children: [_jsx("h1", { children: agent.name }), agent.description ? _jsx("p", { children: agent.description }) : null] })) : !prompt?.message ? (_jsxs("div", { className: "dispatch-chat-intro", children: [_jsx("h1", { children: t("dispatch.pages.chatAcrossApps", {
+                                defaultValue: "Chat across your apps",
+                            }) }), _jsx("p", { children: t("dispatch.pages.chatAcrossAppsDescription", {
+                                defaultValue: "Route work, inspect status, or create something new from one place.",
+                            }) })] })) : null }, agent ? `agent-${agent.id}` : "dispatch")] }));
 }
 //# sourceMappingURL=chat.js.map

package/dist/routes/pages/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/routes/pages/chat.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  AgentChatSurface,\n  insertAgentComposerReference,\n  markAgentChatHomeHandoff,\n  readChatFirstMode,\n} from \"@agent-native/core/client/agent-chat\";\nimport { appBasePath, appPath } from \"@agent-native/core/client/api-path\";\nimport { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentProps,\n} from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\n\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport { useDispatchExtensions } from \"../../components/layout/Layout\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { submitOverviewPrompt } from \"../../lib/overview-chat\";\n\ninterface WorkspaceAgentResource {\n  id: string;\n  name: string;\n  description: string | null;\n  path: string;\n  content: string;\n  scope: \"all\" | \"selected\";\n  updatedAt: number;\n}\n\nfunction chatThreadPath(threadId: string | null, agentPath?: string): string {\n  const path = threadId ? `/chat/${encodeURIComponent(threadId)}` : \"/chat\";\n  return agentPath ? `${path}?agent=${encodeURIComponent(agentPath)}` : path;\n}\n\nfunction stripBasePath(pathname: string): string {\n  const basePath = appBasePath();\n  if (!basePath) return pathname;\n  if (pathname === basePath) return \"/\";\n  if (pathname.startsWith(`${basePath}/`)) {\n    return pathname.slice(basePath.length) || \"/\";\n  }\n  return pathname;\n}\n\n// The chat surface renders for both `/chat` and the `/chat/:threadId` deep\n// link. The thread id is read from the pathname (not `useParams`) because the\n// param is owned by the nested deep-link route, not this leaf component.\nfunction threadIdFromPath(pathname: string): string | null {\n  const match = stripBasePath(pathname).match(/^\\/chat\\/([^/]+)/);\n  if (!match) return null;\n  try {\n    const value = decodeURIComponent(match[1]).trim();\n    return value || null;\n  } catch {\n    return null;\n  }\n}\n\n// Mirror the basename handling Dispatch's nav links use: pass a router-local\n// path when the live URL is already under the mount, otherwise prefix it.\nfunction dispatchNavTarget(path: string): string {\n  if (typeof window === \"undefined\") return path;\n  const basePath = appBasePath();\n  if (!basePath) return path;\n  const pathname = window.location.pathname;\n  const routerHasBasename =\n    pathname === basePath || pathname.startsWith(`${basePath}/`);\n  return routerHasBasename ? path : appPath(path);\n}\n\ninterface DispatchThreadUrlSync {\n  routeThreadId: string | null;\n  getPath: (threadId: string | null) => string;\n  navigate: (path: string, options?: { replace?: boolean }) => void;\n}\n\ntype DispatchAgentChatSurfaceProps = ComponentProps<typeof AgentChatSurface> & {\n  threadUrlSync?: DispatchThreadUrlSync;\n};\n\nfunction DispatchAgentChatSurface(props: DispatchAgentChatSurfaceProps) {\n  return <AgentChatSurface {...props} />;\n}\n\ninterface DispatchChatLocationState {\n  dispatchPrompt?: {\n    id?: string | number;\n    message?: string;\n    selectedModel?: string | null;\n    selectedEngine?: string | null;\n    selectedEffort?: ComponentProps<typeof AgentChatSurface>[\"selectedEffort\"];\n  };\n  dispatchThread?: {\n    id?: string | number;\n    threadId?: string;\n  };\n}\n\nexport function meta() {\n  return [{ title: \"Chat — Dispatch\" }];\n}\n\nexport default function ChatRoute() {\n  const t = useT();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const routeThreadId = threadIdFromPath(location.pathname);\n  const agentPath = new URLSearchParams(location.search).get(\"agent\");\n  const agentsQuery = useActionQuery<WorkspaceAgentResource[]>(\n    \"list-workspace-resources\",\n    { kind: \"agent\" },\n    { enabled: Boolean(agentPath), staleTime: 30_000 },\n  );\n  const agent = useMemo(\n    () =>\n      agentPath\n        ? (agentsQuery.data ?? []).find((resource) => {\n            const profileId = resource.path\n              .replace(/^agents\\//, \"\")\n              .replace(/\\.md$/, \"\");\n            return (\n              resource.path === agentPath ||\n              resource.id === agentPath ||\n              profileId === agentPath\n            );\n          })\n        : undefined,\n    [agentPath, agentsQuery.data],\n  );\n  const agentScope = useMemo(\n    () =>\n      agent\n        ? {\n            type: \"agent\",\n            id: agent.id,\n            label: agent.name,\n            contextKey: `dispatch-agent:${agent.id}`,\n          }\n        : null,\n    [agent],\n  );\n  const handledStateIds = useRef(new Set<string>());\n  const extensions = useDispatchExtensions();\n  const suppressInlineOpenApp =\n    extensions?.chatFirst === true ||\n    readChatFirstMode() ||\n    new URLSearchParams(location.search).get(\"chatFirst\") === \"1\";\n\n  const navigateThreadUrl = useCallback(\n    (path: string, options?: { replace?: boolean }) =>\n      navigate(dispatchNavTarget(path), options),\n    [navigate],\n  );\n  const threadUrlSync = useMemo<DispatchThreadUrlSync>(\n    () => ({\n      routeThreadId: routeThreadId ?? null,\n      getPath: (threadId) => chatThreadPath(threadId, agentPath ?? undefined),\n      navigate: navigateThreadUrl,\n    }),\n    [agentPath, routeThreadId, navigateThreadUrl],\n  );\n  const state = location.state as DispatchChatLocationState | null;\n  const prompt = state?.dispatchPrompt;\n  const thread = state?.dispatchThread;\n\n  useEffect(() => {\n    const message = prompt?.message?.trim();\n    const threadId = thread?.threadId?.trim();\n    if (!message && !threadId) return;\n\n    const stateId = String(\n      prompt?.id ?? thread?.id ?? `${message ?? \"\"}:${threadId ?? \"\"}`,\n    );\n    if (handledStateIds.current.has(stateId)) return;\n    handledStateIds.current.add(stateId);\n\n    const timer = window.setTimeout(() => {\n      if (threadId) {\n        window.dispatchEvent(\n          new CustomEvent(\"agent-chat:open-thread\", {\n            detail: { threadId },\n          }),\n        );\n      }\n      if (message) {\n        submitOverviewPrompt(message, prompt?.selectedModel, {\n          openSidebar: false,\n          selectedEngine: prompt?.selectedEngine,\n          selectedEffort: prompt?.selectedEffort,\n        });\n      }\n      navigate(`${location.pathname}${location.search}${location.hash}`, {\n        replace: true,\n        state: null,\n      });\n    }, 0);\n\n    return () => window.clearTimeout(timer);\n  }, [\n    location.hash,\n    location.pathname,\n    location.search,\n    navigate,\n    prompt?.id,\n    prompt?.message,\n    prompt?.selectedModel,\n    prompt?.selectedEngine,\n    prompt?.selectedEffort,\n    thread?.id,\n    thread?.threadId,\n  ]);\n\n  useEffect(() => {\n    function handleChatRunning(event: Event) {\n      const detail = (event as CustomEvent).detail;\n      if (detail?.isRunning === true) markAgentChatHomeHandoff(\"dispatch\");\n    }\n\n    window.addEventListener(\"agentNative.chatRunning\", handleChatRunning);\n    return () =>\n      window.removeEventListener(\"agentNative.chatRunning\", handleChatRunning);\n  }, []);\n\n  useEffect(() => {\n    if (!agent) return;\n    const timer = window.setTimeout(() => {\n      insertAgentComposerReference(\n        {\n          label: agent.name,\n          icon: \"agent\",\n          source: \"agent:custom\",\n          refType: \"custom-agent\",\n          refId: agent.id,\n          refPath: agent.path,\n          slotKey: \"dispatch-agent\",\n          slotLabel: \"Agent\",\n        },\n        { openSidebar: false },\n      );\n    }, 0);\n    return () => window.clearTimeout(timer);\n  }, [agent?.id, agent?.name, agent?.path]);\n\n  if (agentPath && agentsQuery.isLoading) {\n    return (\n      <div className=\"flex h-full min-h-0 flex-col gap-4 bg-background px-4 py-6 sm:px-6\">\n        <Skeleton className=\"mx-auto h-6 w-48\" />\n        <Skeleton className=\"mx-auto h-12 w-full max-w-2xl\" />\n      </div>\n    );\n  }\n\n  if (agentPath && agentsQuery.isError) {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center bg-background px-4\">\n        <ActionQueryError\n          error={agentsQuery.error}\n          onRetry={() => void agentsQuery.refetch()}\n        />\n      </div>\n    );\n  }\n\n  if (agentPath && !agent) {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center bg-background px-4 text-sm text-muted-foreground\">\n        This agent is no longer available.\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col bg-background\">\n      <DispatchAgentChatSurface\n        key={agent ? `agent-${agent.id}` : \"dispatch\"}\n        mode=\"page\"\n        chatViewTransition\n        className=\"dispatch-chat-panel px-4 sm:px-6\"\n        defaultMode=\"chat\"\n        storageKey={agent ? `dispatch-agent-${agent.id}` : \"dispatch\"}\n        scope={agentScope}\n        threadUrlSync={threadUrlSync}\n        showHeader={false}\n        showTabBar={false}\n        dynamicSuggestions={false}\n        suppressInlineOpenApp={suppressInlineOpenApp}\n        suggestions={[]}\n        emptyStateText={t(\"dispatch.pages.chatAcrossAppsDescription\", {\n          defaultValue:\n            \"Route work, inspect status, or create something new from one place.\",\n        })}\n        emptyStateDisplay=\"hidden\"\n        {...(!prompt?.message\n          ? {\n              centerComposerWhenEmpty: true,\n              composerLayoutVariant: \"hero\" as const,\n            }\n          : {})}\n        composerPlaceholder={\n          agent\n            ? `Ask ${agent.name}...`\n            : t(\"dispatch.pages.chatPromptPlaceholder\", {\n                defaultValue: \"Ask Dispatch...\",\n              })\n        }\n        composerSlot={\n          agent ? (\n            <div className=\"dispatch-chat-intro\">\n              <h1>{agent.name}</h1>\n              {agent.description ? <p>{agent.description}</p> : null}\n            </div>\n          ) : !prompt?.message ? (\n            <div className=\"dispatch-chat-intro\">\n              <h1>\n                {t(\"dispatch.pages.chatAcrossApps\", {\n                  defaultValue: \"Chat across your apps\",\n                })}\n              </h1>\n              <p>\n                {t(\"dispatch.pages.chatAcrossAppsDescription\", {\n                  defaultValue:\n                    \"Route work, inspect status, or create something new from one place.\",\n                })}\n              </p>\n            </div>\n          ) : null\n        }\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/routes/pages/chat.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  AgentChatSurface,\n  insertAgentComposerReference,\n  markAgentChatHomeHandoff,\n  readChatFirstMode,\n  useActiveAgentChatRunId,\n} from \"@agent-native/core/client/agent-chat\";\nimport { appBasePath, appPath } from \"@agent-native/core/client/api-path\";\nimport { writeClipboardText } from \"@agent-native/core/client/clipboard\";\nimport { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport { IconCheck, IconCopy } from \"@tabler/icons-react\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n} from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\n\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport { useDispatchExtensions } from \"../../components/layout/Layout\";\nimport { Button } from \"../../components/ui/button\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { submitOverviewPrompt } from \"../../lib/overview-chat\";\n\ninterface WorkspaceAgentResource {\n  id: string;\n  name: string;\n  description: string | null;\n  path: string;\n  content: string;\n  scope: \"all\" | \"selected\";\n  updatedAt: number;\n}\n\nfunction chatThreadPath(threadId: string | null, agentPath?: string): string {\n  const path = threadId ? `/chat/${encodeURIComponent(threadId)}` : \"/chat\";\n  return agentPath ? `${path}?agent=${encodeURIComponent(agentPath)}` : path;\n}\n\nfunction stripBasePath(pathname: string): string {\n  const basePath = appBasePath();\n  if (!basePath) return pathname;\n  if (pathname === basePath) return \"/\";\n  if (pathname.startsWith(`${basePath}/`)) {\n    return pathname.slice(basePath.length) || \"/\";\n  }\n  return pathname;\n}\n\n// The chat surface renders for both `/chat` and the `/chat/:threadId` deep\n// link. The thread id is read from the pathname (not `useParams`) because the\n// param is owned by the nested deep-link route, not this leaf component.\nfunction threadIdFromPath(pathname: string): string | null {\n  const match = stripBasePath(pathname).match(/^\\/chat\\/([^/]+)/);\n  if (!match) return null;\n  try {\n    const value = decodeURIComponent(match[1]).trim();\n    return value || null;\n  } catch {\n    return null;\n  }\n}\n\n// Mirror the basename handling Dispatch's nav links use: pass a router-local\n// path when the live URL is already under the mount, otherwise prefix it.\nfunction dispatchNavTarget(path: string): string {\n  if (typeof window === \"undefined\") return path;\n  const basePath = appBasePath();\n  if (!basePath) return path;\n  const pathname = window.location.pathname;\n  const routerHasBasename =\n    pathname === basePath || pathname.startsWith(`${basePath}/`);\n  return routerHasBasename ? path : appPath(path);\n}\n\ninterface DispatchThreadUrlSync {\n  routeThreadId: string | null;\n  getPath: (threadId: string | null) => string;\n  navigate: (path: string, options?: { replace?: boolean }) => void;\n}\n\ntype DispatchAgentChatSurfaceProps = ComponentProps<typeof AgentChatSurface> & {\n  threadUrlSync?: DispatchThreadUrlSync;\n};\n\nfunction DispatchAgentChatSurface(props: DispatchAgentChatSurfaceProps) {\n  return <AgentChatSurface {...props} />;\n}\n\nfunction DispatchRequestIdButton({ requestId }: { requestId: string | null }) {\n  const t = useT();\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = useCallback(() => {\n    if (!requestId) return;\n    void writeClipboardText(requestId).then((ok) => {\n      if (!ok) return;\n      setCopied(true);\n      window.setTimeout(() => setCopied(false), 1000);\n    });\n  }, [requestId]);\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      disabled={!requestId}\n      onClick={handleCopy}\n      aria-label={t(\"dispatch.pages.copyRequestId\", {\n        defaultValue: requestId ? \"Copy request ID\" : \"Request ID unavailable\",\n      })}\n    >\n      {copied ? (\n        <IconCheck aria-hidden=\"true\" />\n      ) : (\n        <IconCopy aria-hidden=\"true\" />\n      )}\n      {copied\n        ? t(\"dispatch.pages.copied\", { defaultValue: \"Copied\" })\n        : t(\"dispatch.pages.copyRequestId\", {\n            defaultValue: requestId\n              ? \"Copy request ID\"\n              : \"Request ID unavailable\",\n          })}\n    </Button>\n  );\n}\n\ninterface DispatchChatLocationState {\n  dispatchPrompt?: {\n    id?: string | number;\n    message?: string;\n    selectedModel?: string | null;\n    selectedEngine?: string | null;\n    selectedEffort?: ComponentProps<typeof AgentChatSurface>[\"selectedEffort\"];\n  };\n  dispatchThread?: {\n    id?: string | number;\n    threadId?: string;\n  };\n}\n\nexport function meta() {\n  return [{ title: \"Chat — Dispatch\" }];\n}\n\nexport default function ChatRoute() {\n  const t = useT();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const routeThreadId = threadIdFromPath(location.pathname);\n  const activeRunId = useActiveAgentChatRunId(routeThreadId);\n  const agentPath = new URLSearchParams(location.search).get(\"agent\");\n  const agentsQuery = useActionQuery<WorkspaceAgentResource[]>(\n    \"list-workspace-resources\",\n    { kind: \"agent\" },\n    { enabled: Boolean(agentPath), staleTime: 30_000 },\n  );\n  const agent = useMemo(\n    () =>\n      agentPath\n        ? (agentsQuery.data ?? []).find((resource) => {\n            const profileId = resource.path\n              .replace(/^agents\\//, \"\")\n              .replace(/\\.md$/, \"\");\n            return (\n              resource.path === agentPath ||\n              resource.id === agentPath ||\n              profileId === agentPath\n            );\n          })\n        : undefined,\n    [agentPath, agentsQuery.data],\n  );\n  const agentScope = useMemo(\n    () =>\n      agent\n        ? {\n            type: \"agent\",\n            id: agent.id,\n            label: agent.name,\n            contextKey: `dispatch-agent:${agent.id}`,\n          }\n        : null,\n    [agent],\n  );\n  const handledStateIds = useRef(new Set<string>());\n  const extensions = useDispatchExtensions();\n  const suppressInlineOpenApp =\n    extensions?.chatFirst === true ||\n    readChatFirstMode() ||\n    new URLSearchParams(location.search).get(\"chatFirst\") === \"1\";\n\n  const navigateThreadUrl = useCallback(\n    (path: string, options?: { replace?: boolean }) =>\n      navigate(dispatchNavTarget(path), options),\n    [navigate],\n  );\n  const threadUrlSync = useMemo<DispatchThreadUrlSync>(\n    () => ({\n      routeThreadId: routeThreadId ?? null,\n      getPath: (threadId) => chatThreadPath(threadId, agentPath ?? undefined),\n      navigate: navigateThreadUrl,\n    }),\n    [agentPath, routeThreadId, navigateThreadUrl],\n  );\n  const state = location.state as DispatchChatLocationState | null;\n  const prompt = state?.dispatchPrompt;\n  const thread = state?.dispatchThread;\n\n  useEffect(() => {\n    const message = prompt?.message?.trim();\n    const threadId = thread?.threadId?.trim();\n    if (!message && !threadId) return;\n\n    const stateId = String(\n      prompt?.id ?? thread?.id ?? `${message ?? \"\"}:${threadId ?? \"\"}`,\n    );\n    if (handledStateIds.current.has(stateId)) return;\n    handledStateIds.current.add(stateId);\n\n    const timer = window.setTimeout(() => {\n      if (threadId) {\n        window.dispatchEvent(\n          new CustomEvent(\"agent-chat:open-thread\", {\n            detail: { threadId },\n          }),\n        );\n      }\n      if (message) {\n        submitOverviewPrompt(message, prompt?.selectedModel, {\n          openSidebar: false,\n          selectedEngine: prompt?.selectedEngine,\n          selectedEffort: prompt?.selectedEffort,\n        });\n      }\n      navigate(`${location.pathname}${location.search}${location.hash}`, {\n        replace: true,\n        state: null,\n      });\n    }, 0);\n\n    return () => window.clearTimeout(timer);\n  }, [\n    location.hash,\n    location.pathname,\n    location.search,\n    navigate,\n    prompt?.id,\n    prompt?.message,\n    prompt?.selectedModel,\n    prompt?.selectedEngine,\n    prompt?.selectedEffort,\n    thread?.id,\n    thread?.threadId,\n  ]);\n\n  useEffect(() => {\n    function handleChatRunning(event: Event) {\n      const detail = (event as CustomEvent).detail;\n      if (detail?.isRunning === true) markAgentChatHomeHandoff(\"dispatch\");\n    }\n\n    window.addEventListener(\"agentNative.chatRunning\", handleChatRunning);\n    return () =>\n      window.removeEventListener(\"agentNative.chatRunning\", handleChatRunning);\n  }, []);\n\n  useEffect(() => {\n    if (!agent) return;\n    const timer = window.setTimeout(() => {\n      insertAgentComposerReference(\n        {\n          label: agent.name,\n          icon: \"agent\",\n          source: \"agent:custom\",\n          refType: \"custom-agent\",\n          refId: agent.id,\n          refPath: agent.path,\n          slotKey: \"dispatch-agent\",\n          slotLabel: \"Agent\",\n        },\n        { openSidebar: false },\n      );\n    }, 0);\n    return () => window.clearTimeout(timer);\n  }, [agent?.id, agent?.name, agent?.path]);\n\n  if (agentPath && agentsQuery.isLoading) {\n    return (\n      <div className=\"flex h-full min-h-0 flex-col gap-4 bg-background px-4 py-6 sm:px-6\">\n        <Skeleton className=\"mx-auto h-6 w-48\" />\n        <Skeleton className=\"mx-auto h-12 w-full max-w-2xl\" />\n      </div>\n    );\n  }\n\n  if (agentPath && agentsQuery.isError) {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center bg-background px-4\">\n        <ActionQueryError\n          error={agentsQuery.error}\n          onRetry={() => void agentsQuery.refetch()}\n        />\n      </div>\n    );\n  }\n\n  if (agentPath && !agent) {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center bg-background px-4 text-sm text-muted-foreground\">\n        This agent is no longer available.\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col bg-background\">\n      {threadUrlSync.routeThreadId ? (\n        <div className=\"flex justify-end px-4 pt-4 sm:px-6\">\n          <DispatchRequestIdButton requestId={activeRunId} />\n        </div>\n      ) : null}\n      <DispatchAgentChatSurface\n        key={agent ? `agent-${agent.id}` : \"dispatch\"}\n        mode=\"page\"\n        chatViewTransition\n        className=\"dispatch-chat-panel px-4 sm:px-6\"\n        defaultMode=\"chat\"\n        storageKey={agent ? `dispatch-agent-${agent.id}` : \"dispatch\"}\n        scope={agentScope}\n        threadUrlSync={threadUrlSync}\n        showHeader={false}\n        showTabBar={false}\n        dynamicSuggestions={false}\n        suppressInlineOpenApp={suppressInlineOpenApp}\n        suggestions={[]}\n        emptyStateText={t(\"dispatch.pages.chatAcrossAppsDescription\", {\n          defaultValue:\n            \"Route work, inspect status, or create something new from one place.\",\n        })}\n        emptyStateDisplay=\"hidden\"\n        {...(!prompt?.message\n          ? {\n              centerComposerWhenEmpty: true,\n              composerLayoutVariant: \"hero\" as const,\n            }\n          : {})}\n        composerPlaceholder={\n          agent\n            ? `Ask ${agent.name}...`\n            : t(\"dispatch.pages.chatPromptPlaceholder\", {\n                defaultValue: \"Ask Dispatch...\",\n              })\n        }\n        composerSlot={\n          agent ? (\n            <div className=\"dispatch-chat-intro\">\n              <h1>{agent.name}</h1>\n              {agent.description ? <p>{agent.description}</p> : null}\n            </div>\n          ) : !prompt?.message ? (\n            <div className=\"dispatch-chat-intro\">\n              <h1>\n                {t(\"dispatch.pages.chatAcrossApps\", {\n                  defaultValue: \"Chat across your apps\",\n                })}\n              </h1>\n              <p>\n                {t(\"dispatch.pages.chatAcrossAppsDescription\", {\n                  defaultValue:\n                    \"Route work, inspect status, or create something new from one place.\",\n                })}\n              </p>\n            </div>\n          ) : null\n        }\n      />\n    </div>\n  );\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/dispatch",
-  "version": "0.30.3",
+  "version": "0.31.0",
   "description": "Dispatch — workspace control plane for agent-native apps. Vault, integrations, destinations, scheduled jobs, and cross-app delegation, shipped as a single drop-in package.",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {
@@ -87,7 +87,7 @@
     "tailwind-merge": "^3.5.0",
     "vaul": "^1.1.2",
     "zod": "^4.3.6",
-    "@agent-native/toolkit": "0.16.6"
+    "@agent-native/toolkit": "0.16.7"
   },
   "devDependencies": {
     "@react-router/dev": "^8.1.0",
@@ -101,10 +101,10 @@
     "typescript-7": "npm:typescript@^7.0.2",
     "vite": "8.1.0",
     "vitest": "^4.1.5",
-    "@agent-native/core": "0.164.4"
+    "@agent-native/core": "0.0.0-beta-20260819190057"
   },
   "peerDependencies": {
-    "@agent-native/core": ">=0.8.0",
+    "@agent-native/core": "0.0.0-beta-20260819190057",
     "react": ">=19.2.7",
     "react-dom": ">=19.2.7",
     "react-router": ">=8"

package/src/components/automation-details-panel.tsx

@@ -0,0 +1,420 @@
+import { useActionQuery } from "@agent-native/core/client/hooks";
+import {
+  IconAlertTriangle,
+  IconClock,
+  IconExternalLink,
+  IconPlayerPause,
+  IconPlayerPlay,
+} from "@tabler/icons-react";
+import { Link } from "react-router";
+
+import {
+  automationScopeLabel,
+  automationStatus,
+  automationTarget,
+} from "../lib/automation-display";
+import {
+  automationRunScope,
+  type DispatchAutomationItem,
+} from "../lib/automations";
+import { ActionQueryError } from "./action-query-error";
+import { Badge } from "./ui/badge";
+import { Button } from "./ui/button";
+import { Skeleton } from "./ui/skeleton";
+
+interface AutomationRun {
+  id: string;
+  runId: string | null;
+  threadId: string | null;
+  status: "running" | "success" | "error" | "interrupted";
+  startedAt: number;
+  finishedAt: number | null;
+  error: string | null;
+}
+
+export interface AutomationDetailsPanelProps {
+  automation: DispatchAutomationItem;
+  isToggling?: boolean;
+  onToggle: () => void;
+}
+
+function formatTimestamp(value: number | string | null | undefined): string {
+  if (value == null) return "Not recorded";
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? "Unknown time" : date.toLocaleString();
+}
+
+function formatDuration(run: AutomationRun): string | null {
+  if (!run.finishedAt) return null;
+  const seconds = Math.max(
+    0,
+    Math.round((run.finishedAt - run.startedAt) / 1000),
+  );
+  return `${seconds}s`;
+}
+
+function runDebugPath(run: AutomationRun): string | null {
+  const params = new URLSearchParams();
+  if (run.runId) params.set("runId", run.runId);
+  else if (run.threadId) params.set("threadId", run.threadId);
+  else return null;
+  return `/admin/thread-debug?${params.toString()}`;
+}
+
+function runStatusVariant(
+  status: AutomationRun["status"],
+): "default" | "destructive" | "outline" {
+  if (status === "error") return "destructive";
+  if (status === "success") return "default";
+  return "outline";
+}
+
+function DetailField({
+  label,
+  value,
+  mono = false,
+}: {
+  label: string;
+  value: string;
+  mono?: boolean;
+}) {
+  return (
+    <div className="min-w-0">
+      <dt className="text-[11px] uppercase tracking-wide text-muted-foreground">
+        {label}
+      </dt>
+      <dd
+        className={
+          mono
+            ? "mt-1 break-words font-mono text-xs text-foreground"
+            : "mt-1 break-words text-sm text-foreground"
+        }
+      >
+        {value}
+      </dd>
+    </div>
+  );
+}
+
+function runAsLabel(value: DispatchAutomationItem["runAs"]): string {
+  if (value === "creator") return "Creator identity";
+  if (value === "shared") return "Shared identity";
+  return "Default identity";
+}
+
+export function AutomationDetailsPanel({
+  automation,
+  isToggling = false,
+  onToggle,
+}: AutomationDetailsPanelProps) {
+  const runsQuery = useActionQuery<AutomationRun[]>(
+    "list-automation-runs",
+    {
+      name: automation.name,
+      scope: automationRunScope(automation),
+      appId: automation.appId ?? "dispatch",
+    },
+    { staleTime: 5_000 },
+  );
+  const runs = runsQuery.data ?? [];
+  const status = automationStatus(automation);
+  const isScheduled = automation.triggerType !== "event";
+  const prompt = automation.body?.trim();
+  const hasExecutionTarget = Boolean(
+    automation.executionHostId ||
+    automation.executionEngine ||
+    automation.executionCwd,
+  );
+  const hasDelivery = Boolean(
+    automation.deliveryPlatform ||
+    automation.deliveryDestination ||
+    automation.deliveryThreadRef,
+  );
+
+  return (
+    <aside className="flex min-h-[34rem] min-w-0 flex-col overflow-hidden rounded-lg border bg-card">
+      <header className="flex items-start justify-between gap-3 border-b p-5">
+        <div className="min-w-0">
+          <div className="flex items-center gap-2">
+            <span
+              className={
+                status.tone === "danger"
+                  ? "size-2 shrink-0 rounded-full bg-destructive"
+                  : status.tone === "default"
+                    ? "size-2 shrink-0 rounded-full bg-primary"
+                    : "size-2 shrink-0 rounded-full bg-muted-foreground/40"
+              }
+            />
+            <Badge
+              variant={status.tone === "danger" ? "destructive" : "outline"}
+              className="h-5"
+            >
+              {status.label}
+            </Badge>
+          </div>
+          <h2 className="mt-2 break-words text-base font-semibold text-foreground">
+            {automation.name}
+          </h2>
+          <p className="mt-1 text-xs text-muted-foreground">
+            {isScheduled ? "Schedule" : "Event"} ·{" "}
+            {automationScopeLabel(automation)}
+          </p>
+        </div>
+      </header>
+
+      <div className="min-h-0 flex-1 space-y-5 overflow-y-auto p-5">
+        <section>
+          <h3 className="text-sm font-semibold text-foreground">Prompt</h3>
+          {prompt ? (
+            <pre className="mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted/40 p-3 font-sans text-sm leading-6 text-foreground">
+              {prompt}
+            </pre>
+          ) : (
+            <p className="mt-2 rounded-md border border-dashed p-3 text-sm text-muted-foreground">
+              No prompt recorded.
+            </p>
+          )}
+        </section>
+
+        <section className="border-t pt-5">
+          <h3 className="text-sm font-semibold text-foreground">
+            Configuration
+          </h3>
+          <dl className="mt-3 grid grid-cols-2 gap-x-4 gap-y-4">
+            <DetailField
+              label="Trigger"
+              value={isScheduled ? "Scheduled" : "Event-triggered"}
+            />
+            <DetailField
+              label={isScheduled ? "Schedule" : "Event"}
+              value={automationTarget(automation)}
+            />
+            {isScheduled ? (
+              <>
+                {automation.schedule ? (
+                  <DetailField
+                    label="Cron expression"
+                    value={automation.schedule}
+                    mono
+                  />
+                ) : null}
+                <DetailField
+                  label="Timezone"
+                  value={automation.timezone || "Account default"}
+                />
+              </>
+            ) : null}
+            <DetailField
+              label="Condition"
+              value={automation.condition || "Always"}
+            />
+            <DetailField
+              label="Domain"
+              value={automation.domain || "Default"}
+            />
+            <DetailField
+              label="Model"
+              value={automation.model || "Default model"}
+            />
+            <DetailField label="Mode" value={automation.mode || "Agentic"} />
+            <DetailField label="Runs as" value={runAsLabel(automation.runAs)} />
+            <DetailField
+              label="Next run"
+              value={
+                automation.enabled
+                  ? formatTimestamp(automation.nextRun)
+                  : "Paused"
+              }
+            />
+            <DetailField
+              label="Last run"
+              value={formatTimestamp(automation.lastRun)}
+            />
+            <DetailField
+              label="Last checked"
+              value={formatTimestamp(automation.lastCheck)}
+            />
+            <DetailField
+              label="Created by"
+              value={automation.createdBy || "Unknown"}
+            />
+          </dl>
+        </section>
+
+        <section className="border-t pt-5">
+          <h3 className="text-sm font-semibold text-foreground">
+            Capabilities
+          </h3>
+          {automation.mcpTools && automation.mcpTools.length > 0 ? (
+            <div className="mt-2 flex flex-wrap gap-1.5">
+              {automation.mcpTools.map((toolName) => (
+                <code
+                  key={toolName}
+                  className="max-w-full break-all rounded bg-muted px-1.5 py-1 text-[11px] text-muted-foreground"
+                >
+                  {toolName}
+                </code>
+              ))}
+            </div>
+          ) : (
+            <p className="mt-2 text-sm text-muted-foreground">
+              No explicit tool allowlist.
+            </p>
+          )}
+        </section>
+
+        {hasExecutionTarget ? (
+          <section className="border-t pt-5">
+            <h3 className="text-sm font-semibold text-foreground">
+              Execution target
+            </h3>
+            <dl className="mt-3 grid grid-cols-2 gap-x-4 gap-y-4">
+              <DetailField
+                label="Host"
+                value={automation.executionHostId || "Server default"}
+                mono={Boolean(automation.executionHostId)}
+              />
+              <DetailField
+                label="Engine"
+                value={automation.executionEngine || "Default"}
+              />
+              {automation.executionCwd ? (
+                <DetailField
+                  label="Working directory"
+                  value={automation.executionCwd}
+                  mono
+                />
+              ) : null}
+            </dl>
+          </section>
+        ) : null}
+
+        {hasDelivery ? (
+          <section className="border-t pt-5">
+            <h3 className="text-sm font-semibold text-foreground">Delivery</h3>
+            <dl className="mt-3 grid grid-cols-2 gap-x-4 gap-y-4">
+              {automation.deliveryPlatform ? (
+                <DetailField
+                  label="Platform"
+                  value={automation.deliveryPlatform}
+                />
+              ) : null}
+              {automation.deliveryDestination ? (
+                <DetailField
+                  label="Destination"
+                  value={automation.deliveryDestination}
+                />
+              ) : null}
+              {automation.deliveryThreadRef ? (
+                <DetailField
+                  label="Thread reference"
+                  value={automation.deliveryThreadRef}
+                  mono
+                />
+              ) : null}
+            </dl>
+          </section>
+        ) : null}
+
+        {automation.lastError ? (
+          <section className="flex items-start gap-2 border-t border-destructive/30 pt-5">
+            <IconAlertTriangle className="mt-0.5 size-4 shrink-0 text-destructive" />
+            <div className="min-w-0">
+              <h3 className="text-sm font-semibold text-destructive">
+                Latest scheduler result
+              </h3>
+              <p className="mt-1 break-words text-sm text-muted-foreground">
+                {automation.lastError}
+              </p>
+            </div>
+          </section>
+        ) : null}
+
+        <section className="border-t pt-5">
+          <div className="flex items-center justify-between gap-3">
+            <h3 className="text-sm font-semibold text-foreground">Past runs</h3>
+            {runs.length > 0 ? (
+              <Badge variant="outline">{runs.length} shown</Badge>
+            ) : null}
+          </div>
+          <div className="mt-3">
+            {runsQuery.isLoading ? (
+              <div className="space-y-3 rounded-md border p-3">
+                {Array.from({ length: 3 }).map((_, index) => (
+                  <div key={index} className="space-y-2">
+                    <Skeleton className="h-4 w-2/3" />
+                    <Skeleton className="h-3 w-1/2" />
+                  </div>
+                ))}
+              </div>
+            ) : runsQuery.isError ? (
+              <ActionQueryError
+                error={runsQuery.error}
+                onRetry={() => void runsQuery.refetch()}
+              />
+            ) : runs.length === 0 ? (
+              <p className="rounded-md border border-dashed p-3 text-sm text-muted-foreground">
+                No execution recorded yet.
+              </p>
+            ) : (
+              <ul className="divide-y rounded-md border">
+                {runs.map((run) => {
+                  const debugPath = runDebugPath(run);
+                  const duration = formatDuration(run);
+                  return (
+                    <li key={run.id} className="space-y-2 p-3">
+                      <div className="flex flex-wrap items-center gap-2 text-sm">
+                        <Badge variant={runStatusVariant(run.status)}>
+                          {run.status}
+                        </Badge>
+                        <span className="text-muted-foreground">
+                          {formatTimestamp(run.startedAt)}
+                        </span>
+                        {duration ? (
+                          <span className="inline-flex items-center gap-1 text-xs text-muted-foreground">
+                            <IconClock className="size-3.5" />
+                            {duration}
+                          </span>
+                        ) : null}
+                        {debugPath ? (
+                          <Link
+                            to={debugPath}
+                            className="ml-auto inline-flex items-center gap-1 text-xs font-medium text-foreground underline-offset-4 hover:underline"
+                          >
+                            <IconExternalLink className="size-3.5" />
+                            Open debug
+                          </Link>
+                        ) : null}
+                      </div>
+                      {run.error ? (
+                        <p className="break-words text-sm text-destructive">
+                          {run.error}
+                        </p>
+                      ) : null}
+                    </li>
+                  );
+                })}
+              </ul>
+            )}
+          </div>
+        </section>
+      </div>
+
+      <footer className="flex flex-wrap items-center gap-2 border-t p-4">
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          onClick={onToggle}
+          disabled={automation.canUpdate === false || isToggling}
+        >
+          {automation.enabled ? <IconPlayerPause /> : <IconPlayerPlay />}
+          {automation.enabled ? "Pause" : "Resume"}
+        </Button>
+        {automation.canUpdate === false ? (
+          <span className="text-xs text-muted-foreground">Read-only</span>
+        ) : null}
+      </footer>
+    </aside>
+  );
+}