@agent-native/dispatch 0.13.1 → 0.13.3

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

@@ -1 +1 @@
-{"version":3,"file":"team.js","sourceRoot":"","sources":["../../../src/routes/pages/team.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,MAAM,EACZ,oBAAoB,EAAC,kFAAkF,EACvG,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CACpB,KAAC,aAAa,IACZ,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,8CAA8C,YAEzD,QAAQ,GACK,CACjB,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { TeamPage } from \"@agent-native/core/client/org\";\n\nimport { DispatchShell } from \"@/components/dispatch-shell\";\n\nexport function meta() {\n  return [{ title: \"Team — Dispatch\" }];\n}\n\nexport default function TeamRoute() {\n  return (\n    <TeamPage\n      title=\"Team\"\n      createOrgDescription=\"Set up a team to share dispatch destinations and approvals with your colleagues.\"\n      layout={(children) => (\n        <DispatchShell\n          title=\"Team\"\n          description=\"Workspace membership and approval ownership.\"\n        >\n          {children}\n        </DispatchShell>\n      )}\n    />\n  );\n}\n"]}
+{"version":3,"file":"team.js","sourceRoot":"","sources":["../../../src/routes/pages/team.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,OAAO,KAAC,QAAQ,IAAC,EAAE,EAAC,gBAAgB,EAAC,OAAO,SAAG,CAAC;AAClD,CAAC","sourcesContent":["import { Navigate } from \"react-router\";\n\nexport function meta() {\n  return [{ title: \"Team — Dispatch\" }];\n}\n\nexport default function TeamRoute() {\n  return <Navigate to=\"/settings#team\" replace />;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/dispatch",
-  "version": "0.13.1",
+  "version": "0.13.3",
   "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": {
@@ -94,7 +94,7 @@
     "typescript": "^6.0.3",
     "vite": "8.1.0",
     "vitest": "^4.1.5",
-    "@agent-native/core": "0.79.15"
+    "@agent-native/core": "0.80.0"
   },
   "peerDependencies": {
     "@agent-native/core": ">=0.8.0",

package/src/actions/create-pylon-ticket.ts

@@ -1,4 +1,5 @@
 import { defineAction } from "@agent-native/core";
+import { resolveSecret } from "@agent-native/core/server";
 import { z } from "zod";
 
 import { recordAudit } from "../server/lib/dispatch-store.js";
@@ -33,7 +34,7 @@ export default defineAction({
     teamId: z.string().optional(),
   }),
   run: async (input) => {
-    const apiKey = process.env.PYLON_API_KEY;
+    const apiKey = await resolveSecret("PYLON_API_KEY");
     if (!apiKey) {
       throw new Error(
         "PYLON_API_KEY is not set. Add it to the Dispatch Vault.",

package/src/actions/send-platform-message.ts

@@ -3,6 +3,8 @@ import {
   slackAdapter,
   telegramAdapter,
   emailAdapter,
+  isEmailConfigured,
+  resolveSecret,
 } from "@agent-native/core/server";
 import { z } from "zod";
 
@@ -16,18 +18,20 @@ function getAdapter(platform: "slack" | "telegram" | "email") {
   return platform === "slack" ? slackAdapter() : telegramAdapter();
 }
 
-function assertOutboundConfigured(platform: "slack" | "telegram" | "email") {
-  if (platform === "slack" && !process.env.SLACK_BOT_TOKEN) {
+async function assertOutboundConfigured(
+  platform: "slack" | "telegram" | "email",
+) {
+  if (platform === "slack" && !(await resolveSecret("SLACK_BOT_TOKEN"))) {
     throw new Error("Slack outbound messaging is not configured");
   }
-  if (platform === "telegram" && !process.env.TELEGRAM_BOT_TOKEN) {
+  if (platform === "telegram" && !(await resolveSecret("TELEGRAM_BOT_TOKEN"))) {
     throw new Error("Telegram outbound messaging is not configured");
   }
   if (platform === "email") {
-    const hasProvider = !!(
-      process.env.RESEND_API_KEY || process.env.SENDGRID_API_KEY
-    );
-    if (!process.env.EMAIL_AGENT_ADDRESS || !hasProvider) {
+    if (
+      !(await resolveSecret("EMAIL_AGENT_ADDRESS")) ||
+      !(await isEmailConfigured())
+    ) {
       throw new Error("Email outbound messaging is not configured");
     }
   }
@@ -59,7 +63,7 @@ export default defineAction({
       throw new Error("A platform and destination are required");
     }
 
-    assertOutboundConfigured(resolvedPlatform);
+    await assertOutboundConfigured(resolvedPlatform);
 
     const adapter = getAdapter(resolvedPlatform);
     if (!adapter.sendMessageToTarget) {

package/src/components/dispatch-control-plane.tsx

@@ -1120,7 +1120,7 @@ function ReadinessPanel({
       label: "Team",
       detail: `${overview?.counts?.linkedIdentities ?? 0} linked identities`,
       ok: (overview?.counts?.linkedIdentities ?? 0) > 0,
-      to: "/team",
+      to: "/settings#team",
       icon: IconUsersGroup,
     },
   ];

package/src/components/layout/Header.tsx

@@ -20,7 +20,6 @@ const pageTitles: Record<string, string> = {
   "/approvals": "Approvals",
   "/audit": "Audit",
   "/settings": "Settings",
-  "/team": "Team",
 };
 
 function resolveTitle(pathname: string): string {

package/src/components/layout/Layout.tsx

@@ -33,10 +33,11 @@ import {
   IconBroadcast,
   IconFingerprint,
   IconHistory,
+  IconLayoutSidebarLeftCollapse,
+  IconLayoutSidebarLeftExpand,
   IconPuzzle,
   IconSettings,
   IconShieldCheck,
-  IconUsersGroup,
 } from "@tabler/icons-react";
 import {
   useEffect,
@@ -215,18 +216,12 @@ const OPERATIONS_NAV_ITEMS = [
     icon: IconSettings,
     section: "operations",
   },
-  {
-    id: "team",
-    to: "/team",
-    label: "Team",
-    icon: IconUsersGroup,
-    section: "operations",
-  },
 ] as const satisfies readonly DispatchNavItem[];
 
 const EMPTY_NAV_ITEMS: readonly DispatchNavItem[] = [];
 
 const CHROMELESS_PATHS = ["/approval"];
+const SIDEBAR_COLLAPSE_KEY = "dispatch.sidebar.collapsed";
 
 // Routes whose page renders its own toolbar (with NotificationsBell + AgentToggleButton).
 // Layout still mounts the sidebar + AgentSidebar, but skips its own Header so
@@ -581,9 +576,15 @@ function DispatchChatsSection({ onNavigate }: { onNavigate?: () => void }) {
 export function NavContent({
   onNavigate,
   extensions,
+  collapsed = false,
+  collapsible = false,
+  onCollapsedChange,
 }: {
   onNavigate?: () => void;
   extensions?: DispatchExtensionConfig;
+  collapsed?: boolean;
+  collapsible?: boolean;
+  onCollapsedChange?: (collapsed: boolean) => void;
 }) {
   const t = useT();
   const location = useLocation();
@@ -624,45 +625,91 @@ export function NavContent({
     const label = navLabel(item);
     return (
       <li key={item.id}>
-        <NavLink
-          to={dispatchNavLinkTarget(item.to)}
-          onClick={(event) => {
-            if (
-              item.id === "chat" &&
-              localPathname !== "/chat" &&
-              !event.metaKey &&
-              !event.ctrlKey &&
-              !event.shiftKey &&
-              !event.altKey
-            ) {
-              event.preventDefault();
-              navigateWithAgentChatViewTransition(
-                navigate,
-                dispatchNavLinkTarget("/chat"),
-              );
+        {collapsed ? (
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <NavLink
+                to={dispatchNavLinkTarget(item.to)}
+                onClick={(event) => {
+                  if (
+                    item.id === "chat" &&
+                    localPathname !== "/chat" &&
+                    !event.metaKey &&
+                    !event.ctrlKey &&
+                    !event.shiftKey &&
+                    !event.altKey
+                  ) {
+                    event.preventDefault();
+                    navigateWithAgentChatViewTransition(
+                      navigate,
+                      dispatchNavLinkTarget("/chat"),
+                    );
+                    onNavigate?.();
+                    return;
+                  }
+                  onNavigate?.();
+                }}
+                aria-label={label}
+                className={({ isActive }) => {
+                  const active = isActive || itemMatchesLocalPath;
+                  return cn(
+                    "flex h-10 w-10 items-center justify-center rounded-md text-sm",
+                    active
+                      ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground"
+                      : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+                  );
+                }}
+              >
+                {Icon ? (
+                  <Icon size={16} className="shrink-0" />
+                ) : (
+                  <span className="h-4 w-4 shrink-0" aria-hidden="true" />
+                )}
+              </NavLink>
+            </TooltipTrigger>
+            <TooltipContent side="right">{label}</TooltipContent>
+          </Tooltip>
+        ) : (
+          <NavLink
+            to={dispatchNavLinkTarget(item.to)}
+            onClick={(event) => {
+              if (
+                item.id === "chat" &&
+                localPathname !== "/chat" &&
+                !event.metaKey &&
+                !event.ctrlKey &&
+                !event.shiftKey &&
+                !event.altKey
+              ) {
+                event.preventDefault();
+                navigateWithAgentChatViewTransition(
+                  navigate,
+                  dispatchNavLinkTarget("/chat"),
+                );
+                onNavigate?.();
+                return;
+              }
               onNavigate?.();
-              return;
-            }
-            onNavigate?.();
-          }}
-          className={({ isActive }) => {
-            const active = isActive || itemMatchesLocalPath;
-            return cn(
-              "flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm",
-              active
-                ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground"
-                : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-            );
-          }}
-        >
-          {Icon ? (
-            <Icon size={16} className="shrink-0" />
-          ) : (
-            <span className="h-4 w-4 shrink-0" aria-hidden="true" />
-          )}
-          <span className="truncate">{label}</span>
-        </NavLink>
-        {item.id === "chat" && itemMatchesLocalPath ? (
+            }}
+            className={({ isActive }) => {
+              const active = isActive || itemMatchesLocalPath;
+              return cn(
+                "flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm",
+                active
+                  ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground"
+                  : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+              );
+            }}
+          >
+            {Icon ? (
+              <Icon size={16} className="shrink-0" />
+            ) : (
+              <span className="h-4 w-4 shrink-0" aria-hidden="true" />
+            )}
+            <span className="truncate">{label}</span>
+          </NavLink>
+        )}
+        {!collapsed && item.id === "chat" && itemMatchesLocalPath ? (
           <DispatchChatsSection onNavigate={onNavigate} />
         ) : null}
       </li>
@@ -671,70 +718,118 @@ export function NavContent({
 
   return (
     <>
-      <div className="border-b px-4 py-3">
-        <div className="flex items-center gap-3">
-          <div className="flex h-9 w-9 items-center justify-center rounded-xl border bg-card text-foreground">
-            <img
-              src={appPath("/agent-native-icon-light.svg")}
-              alt=""
-              aria-hidden="true"
-              className="block h-4 w-auto shrink-0 dark:hidden"
-            />
-            <img
-              src={appPath("/agent-native-icon-dark.svg")}
-              alt=""
-              aria-hidden="true"
-              className="hidden h-4 w-auto shrink-0 dark:block"
-            />
-          </div>
-          <div className="min-w-0">
-            <div className="truncate text-sm font-semibold text-foreground">
-              {workspaceLabel ?? "Dispatch"}
-            </div>
-            <div className="truncate text-xs text-muted-foreground">
-              {workspaceLabel
-                ? t("dispatch.sidebar.workspaceSubtitle", {
-                    count: ws?.appCount ?? 0,
-                  })
-                : t("dispatch.sidebar.workspaceControlPlane")}
-            </div>
-          </div>
+      <div className={cn("border-b py-3", collapsed ? "px-1" : "px-4")}>
+        <div
+          className={cn(
+            "flex items-center",
+            collapsed ? "justify-center" : "gap-3",
+          )}
+        >
+          {!collapsed && (
+            <>
+              <div className="flex h-9 w-9 items-center justify-center rounded-xl border bg-card text-foreground">
+                <img
+                  src={appPath("/agent-native-icon-light.svg")}
+                  alt=""
+                  aria-hidden="true"
+                  className="block h-4 w-auto shrink-0 dark:hidden"
+                />
+                <img
+                  src={appPath("/agent-native-icon-dark.svg")}
+                  alt=""
+                  aria-hidden="true"
+                  className="hidden h-4 w-auto shrink-0 dark:block"
+                />
+              </div>
+              <div className="min-w-0 flex-1">
+                <div className="truncate text-sm font-semibold text-foreground">
+                  {workspaceLabel ?? "Dispatch"}
+                </div>
+                <div className="truncate text-xs text-muted-foreground">
+                  {workspaceLabel
+                    ? t("dispatch.sidebar.workspaceSubtitle", {
+                        count: ws?.appCount ?? 0,
+                      })
+                    : t("dispatch.sidebar.workspaceControlPlane")}
+                </div>
+              </div>
+            </>
+          )}
+          {collapsible ? (
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <button
+                  type="button"
+                  onClick={() => onCollapsedChange?.(!collapsed)}
+                  aria-label={
+                    collapsed
+                      ? t("sidebar.expandSidebar")
+                      : t("sidebar.collapseSidebar")
+                  }
+                  className="flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/65 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"
+                >
+                  {collapsed ? (
+                    <IconLayoutSidebarLeftExpand className="h-4 w-4 rtl:-scale-x-100" />
+                  ) : (
+                    <IconLayoutSidebarLeftCollapse className="h-4 w-4 rtl:-scale-x-100" />
+                  )}
+                </button>
+              </TooltipTrigger>
+              <TooltipContent side="right">
+                {collapsed
+                  ? t("sidebar.expandSidebar")
+                  : t("sidebar.collapseSidebar")}
+              </TooltipContent>
+            </Tooltip>
+          ) : null}
         </div>
       </div>
 
       <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
-        <nav className="px-2 py-3">
-          <ul className="space-y-0.5">{primaryNavItems.map(renderNavItem)}</ul>
+        <nav className={cn("py-3", collapsed ? "px-1" : "px-2")}>
+          <ul
+            className={cn(
+              "space-y-0.5",
+              collapsed && "flex flex-col items-center",
+            )}
+          >
+            {(collapsed
+              ? [...primaryNavItems, ...operationsNavItems]
+              : primaryNavItems
+            ).map(renderNavItem)}
+          </ul>
         </nav>
 
-        <div className="mt-auto shrink-0">
-          <div className="border-t px-2 py-2">
-            <details className="group" open={operationsOpen}>
-              <summary className="flex h-8 cursor-pointer list-none items-center justify-between rounded-md px-2 text-xs font-medium uppercase text-sidebar-foreground/50 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground [&::-webkit-details-marker]:hidden">
-                <span>{t("dispatch.nav.operations")}</span>
-                <IconChevronDown
-                  size={14}
-                  className="transition-transform group-open:rotate-180"
-                />
-              </summary>
-              <ul className="mt-1 space-y-0.5">
-                {operationsNavItems.map(renderNavItem)}
-              </ul>
-            </details>
-          </div>
+        {!collapsed ? (
+          <div className="mt-auto shrink-0">
+            <div className="px-2 py-2">
+              <details className="group" open={operationsOpen}>
+                <summary className="flex h-8 cursor-pointer list-none items-center justify-between rounded-md px-2 text-xs font-medium uppercase text-sidebar-foreground/50 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground [&::-webkit-details-marker]:hidden">
+                  <span>{t("dispatch.nav.operations")}</span>
+                  <IconChevronDown
+                    size={14}
+                    className="transition-transform group-open:rotate-180"
+                  />
+                </summary>
+                <ul className="mt-1 space-y-0.5">
+                  {operationsNavItems.map(renderNavItem)}
+                </ul>
+              </details>
+            </div>
 
-          <div className="border-t px-2 py-1">
-            <ExtensionsSidebarSection />
-          </div>
+            <div className="px-2 py-1">
+              <ExtensionsSidebarSection />
+            </div>
 
-          <div className="border-t px-3 py-2">
-            <OrgSwitcher />
-          </div>
+            <div className="px-3 py-2">
+              <OrgSwitcher />
+            </div>
 
-          <div className="border-t px-3 py-2">
-            <FeedbackButton />
+            <div className="px-3 py-2">
+              <FeedbackButton />
+            </div>
           </div>
-        </div>
+        ) : null}
       </div>
     </>
   );
@@ -751,6 +846,14 @@ export function Layout({
   const location = useLocation();
   const navigate = useNavigate();
   const [mobileOpen, setMobileOpen] = useState(false);
+  const [sidebarCollapsed, setSidebarCollapsed] = useState(() => {
+    if (typeof window === "undefined") return false;
+    try {
+      return window.localStorage.getItem(SIDEBAR_COLLAPSE_KEY) === "1";
+    } catch {
+      return false;
+    }
+  });
   const localPathname = localDispatchPath(location.pathname);
   const isChatRoute =
     localPathname === "/chat" || localPathname.startsWith("/chat/");
@@ -766,6 +869,18 @@ export function Layout({
   };
   useAgentChatHomeHandoffLinks(chatHandoffLinkOptions);
 
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    try {
+      window.localStorage.setItem(
+        SIDEBAR_COLLAPSE_KEY,
+        sidebarCollapsed ? "1" : "0",
+      );
+    } catch {
+      // Ignore storage failures; the in-memory preference still works.
+    }
+  }, [sidebarCollapsed]);
+
   if (CHROMELESS_PATHS.some((path) => localPathname === path)) {
     return <>{children}</>;
   }
@@ -825,8 +940,19 @@ export function Layout({
   return (
     <HeaderActionsProvider>
       <div className="agent-layout-shell flex h-screen w-full overflow-hidden bg-background">
-        <aside className="agent-layout-left-drawer hidden lg:flex w-64 shrink-0 flex-col border-e bg-sidebar text-sidebar-foreground">
-          <NavContent extensions={extensions} />
+        <aside
+          data-collapsed={sidebarCollapsed ? "true" : "false"}
+          className={cn(
+            "agent-layout-left-drawer hidden shrink-0 flex-col border-e bg-sidebar text-sidebar-foreground transition-[width] duration-200 ease-out lg:flex",
+            sidebarCollapsed ? "w-12" : "w-64",
+          )}
+        >
+          <NavContent
+            extensions={extensions}
+            collapsed={sidebarCollapsed}
+            collapsible
+            onCollapsedChange={setSidebarCollapsed}
+          />
         </aside>
 
         <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>
@@ -843,6 +969,7 @@ export function Layout({
             <div className="flex h-full w-full flex-col">
               <NavContent
                 extensions={extensions}
+                collapsed={false}
                 onNavigate={() => setMobileOpen(false)}
               />
             </div>

package/src/hooks/use-navigation-state.ts

@@ -219,7 +219,7 @@ function resolveView(
   if (pathname.startsWith("/audit")) return "audit";
   if (pathname.startsWith("/dreams")) return "dreams";
   if (pathname.startsWith("/thread-debug")) return "thread-debug";
-  if (pathname.startsWith("/team")) return "team";
+  if (pathname.startsWith("/team")) return "settings";
   return "overview";
 }
 
@@ -271,7 +271,7 @@ function resolvePath(
     case "threads":
       return "/thread-debug";
     case "team":
-      return "/team";
+      return "/settings#team";
     case "extensions":
       return command?.extensionId
         ? `/extensions/${encodeURIComponent(command.extensionId)}`