@agent-native/dispatch 0.15.16 → 0.15.18

package/src/components/layout/Layout.tsx

@@ -8,7 +8,6 @@ import {
   type ChatThreadSummary,
 } from "@agent-native/core/client/agent-chat";
 import { appBasePath, appPath } from "@agent-native/core/client/api-path";
-import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { InvitationBanner, OrgSwitcher } from "@agent-native/core/client/org";
@@ -177,12 +176,14 @@ const OPERATIONS_NAV_ITEMS = [
     icon: IconLayersSubtract,
     section: "operations",
   },
+] as const satisfies readonly DispatchNavItem[];
+
+const BOTTOM_NAV_ITEMS = [
   {
     id: "settings",
     to: "/settings",
     label: "Settings",
     icon: IconSettings,
-    section: "operations",
   },
 ] as const satisfies readonly DispatchNavItem[];
 
@@ -707,12 +708,20 @@ export function NavContent({
           )}
         </nav>
 
+        <div className="mt-auto shrink-0">
+          <nav className={cn("py-1", collapsed ? "px-1" : "px-2")}>
+            <ul
+              className={cn(
+                collapsed ? "flex flex-col items-center gap-1" : "space-y-0.5",
+              )}
+            >
+              {BOTTOM_NAV_ITEMS.map(renderNavItem)}
+            </ul>
+          </nav>
+        </div>
+
         {!collapsed ? (
           <div className="mt-auto shrink-0">
-            <div className="px-2 py-1">
-              <ExtensionsSidebarSection />
-            </div>
-
             <div className="px-3 py-2">
               <OrgSwitcher />
             </div>

package/src/lib/automation-display.spec.ts

@@ -5,6 +5,7 @@ import {
   automationNextRun,
   automationStatus,
   automationTarget,
+  automationTroubleshootPath,
   sortAutomations,
 } from "./automation-display.js";
 import type { DispatchAutomationItem } from "./automations.js";
@@ -26,6 +27,12 @@ describe("automation-display", () => {
     ).toBe("user@example.com:jobs/digest.md");
   });
 
+  it("prepares a thread-debug search for an automation", () => {
+    expect(
+      automationTroubleshootPath({ name: "coach onboarding reminder" }),
+    ).toBe("/thread-debug?query=coach+onboarding+reminder");
+  });
+
   it("prefers event names, then schedule descriptions", () => {
     expect(
       automationTarget(

package/src/lib/automation-display.ts

@@ -13,6 +13,13 @@ export function automationIdentity(
   return `${item.owner}:${item.path}`;
 }
 
+export function automationTroubleshootPath(
+  item: Pick<DispatchAutomationItem, "name">,
+): string {
+  const params = new URLSearchParams({ query: item.name });
+  return `/thread-debug?${params.toString()}`;
+}
+
 export function automationTarget(item: DispatchAutomationItem): string {
   if (item.triggerType === "event" && item.event) return item.event;
   if (item.scheduleDescription) return item.scheduleDescription;

package/src/lib/overview-chat.spec.ts

@@ -34,6 +34,8 @@ describe("submitOverviewPrompt", () => {
   it("can submit to a mounted page chat without opening the sidebar", () => {
     const tabId = submitOverviewPrompt(" build a metrics app ", "auto", {
       openSidebar: false,
+      selectedEngine: "openai",
+      selectedEffort: "high",
     });
 
     expect(tabId).toBe("chat-tab");
@@ -42,6 +44,8 @@ describe("submitOverviewPrompt", () => {
       submit: true,
       newTab: true,
       model: "auto",
+      engine: "openai",
+      effort: "high",
       openSidebar: false,
     });
   });

package/src/lib/overview-chat.ts

@@ -1,10 +1,19 @@
-import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
+import {
+  sendToAgentChat,
+  type AgentChatMessage,
+} from "@agent-native/core/client/agent-chat";
 import { isInBuilderFrame } from "@agent-native/core/client/host";
 
+interface OverviewChatOptions {
+  openSidebar?: boolean;
+  selectedEngine?: string | null;
+  selectedEffort?: AgentChatMessage["effort"];
+}
+
 export function submitOverviewPrompt(
   message: string,
   selectedModel?: string | null,
-  options?: { openSidebar?: boolean },
+  options?: OverviewChatOptions,
 ): string | null {
   const trimmed = message.trim();
   if (!trimmed) return null;
@@ -22,6 +31,8 @@ export function submitOverviewPrompt(
     submit: true,
     newTab: true,
     model: selectedModel || undefined,
+    ...(options?.selectedEngine ? { engine: options.selectedEngine } : {}),
+    ...(options?.selectedEffort ? { effort: options.selectedEffort } : {}),
     ...(options?.openSidebar === false ? { openSidebar: false } : {}),
   });
 }

package/src/routes/pages/automations.tsx

@@ -1,9 +1,14 @@
 import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
 import { PromptComposer } from "@agent-native/core/client/composer";
 import { useChangeVersions } from "@agent-native/core/client/hooks";
-import { IconPlus, IconSettingsAutomation } from "@tabler/icons-react";
+import {
+  IconFileSearch,
+  IconPlus,
+  IconSettingsAutomation,
+} from "@tabler/icons-react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useMemo, useState } from "react";
+import { Link } from "react-router";
 import { toast } from "sonner";
 
 import { DispatchShell } from "../../components/dispatch-shell";
@@ -22,6 +27,7 @@ import {
   automationNextRun,
   automationStatus,
   automationTarget,
+  automationTroubleshootPath,
   sortAutomations,
   type AutomationStatusTone,
 } from "../../lib/automation-display";
@@ -234,8 +240,18 @@ export default function AutomationsRoute() {
                       <span>Next {automationNextRun(item)}</span>
                     </div>
                     {item.lastError ? (
-                      <div className="mt-1 truncate text-xs text-destructive">
-                        {item.lastError}
+                      <div className="mt-1 flex flex-wrap items-baseline gap-x-2 gap-y-1 text-xs text-destructive">
+                        <span className="min-w-0 break-words">
+                          {item.lastError}
+                        </span>
+                        <Link
+                          to={automationTroubleshootPath(item)}
+                          className="inline-flex shrink-0 items-center gap-1 font-medium text-foreground underline-offset-4 hover:underline"
+                          aria-label={`Troubleshoot ${item.name} in Thread Debug`}
+                        >
+                          <IconFileSearch size={13} aria-hidden="true" />
+                          Troubleshoot in Thread Debug
+                        </Link>
                       </div>
                     ) : null}
                   </div>

package/src/routes/pages/chat.tsx

@@ -74,6 +74,8 @@ interface DispatchChatLocationState {
     id?: string | number;
     message?: string;
     selectedModel?: string | null;
+    selectedEngine?: string | null;
+    selectedEffort?: ComponentProps<typeof AgentChatSurface>["selectedEffort"];
   };
   dispatchThread?: {
     id?: string | number;
@@ -131,6 +133,8 @@ export default function ChatRoute() {
       if (message) {
         submitOverviewPrompt(message, prompt?.selectedModel, {
           openSidebar: false,
+          selectedEngine: prompt?.selectedEngine,
+          selectedEffort: prompt?.selectedEffort,
         });
       }
       navigate(`${location.pathname}${location.search}${location.hash}`, {
@@ -148,6 +152,8 @@ export default function ChatRoute() {
     prompt?.id,
     prompt?.message,
     prompt?.selectedModel,
+    prompt?.selectedEngine,
+    prompt?.selectedEffort,
     thread?.id,
     thread?.threadId,
   ]);

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

@@ -7,6 +7,7 @@ import {
   IconSearch,
 } from "@tabler/icons-react";
 import { useEffect, useMemo, useState } from "react";
+import { useSearchParams } from "react-router";
 
 import { ActionQueryError } from "../../components/action-query-error";
 import { DispatchShell } from "../../components/dispatch-shell";
@@ -416,14 +417,18 @@ function ThreadDetail({ detail }: { detail: ThreadDebugResponse }) {
 }
 
 export default function ThreadDebugRoute() {
-  const [sourceId, setSourceId] = useState("current");
-  const [query, setQuery] = useState("");
-  const [ownerEmail, setOwnerEmail] = useState("");
+  const [routeSearchParams] = useSearchParams();
+  const initialSourceId = routeSearchParams.get("source") || "current";
+  const initialQuery = routeSearchParams.get("query") || "";
+  const initialOwnerEmail = routeSearchParams.get("ownerEmail") || "";
+  const [sourceId, setSourceId] = useState(initialSourceId);
+  const [query, setQuery] = useState(initialQuery);
+  const [ownerEmail, setOwnerEmail] = useState(initialOwnerEmail);
   const [threadId, setThreadId] = useState("");
   const [submittedSearch, setSubmittedSearch] = useState({
-    sourceId: "current",
-    query: "",
-    ownerEmail: "",
+    sourceId: initialSourceId,
+    query: initialQuery,
+    ownerEmail: initialOwnerEmail,
   });
   const [selected, setSelected] = useState<{
     sourceId: string;