@agent-native/dispatch 0.15.25 → 0.15.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/dispatch",
-  "version": "0.15.25",
+  "version": "0.15.26",
   "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": {
@@ -84,7 +84,7 @@
     "tailwind-merge": "^3.5.0",
     "vaul": "^1.1.2",
     "zod": "^4.3.6",
-    "@agent-native/toolkit": "0.10.8"
+    "@agent-native/toolkit": "0.10.9"
   },
   "devDependencies": {
     "@react-router/dev": "^8.1.0",
@@ -98,7 +98,7 @@
     "typescript-7": "npm:typescript@^7.0.2",
     "vite": "8.1.0",
     "vitest": "^4.1.5",
-    "@agent-native/core": "0.124.4"
+    "@agent-native/core": "0.127.1"
   },
   "peerDependencies": {
     "@agent-native/core": ">=0.8.0",

package/src/actions/list-connected-agents.ts

@@ -12,6 +12,7 @@ import { getRequestUserEmail } from "@agent-native/core/server";
 import {
   discoverAgents,
   getBuiltinAgents,
+  normalizeAgentId,
   shouldIncludeRemoteAgentManifest,
 } from "@agent-native/core/server/agent-discovery";
 import { z } from "zod";
@@ -58,8 +59,12 @@ export default defineAction({
       const manifest = parseRemoteAgentManifest(full.content, resource.path);
       if (!manifest) continue;
       if (!shouldIncludeRemoteAgentManifest(manifest, "dispatch")) continue;
-      if (builtinIds.has(manifest.id)) continue;
-      customById.set(manifest.id, {
+      // discoverAgents keys agents by the normalized id (image/images/asset
+      // all collapse to assets). Keying this map by the raw manifest id makes
+      // the id lookups below miss, so the same agent lands in the list twice.
+      const manifestId = normalizeAgentId(manifest.id);
+      if (builtinIds.has(manifestId)) continue;
+      customById.set(manifestId, {
         resourceId: resource.id,
         path: resource.path,
         scope: resource.owner === SHARED_OWNER ? "shared" : "personal",

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

@@ -6,8 +6,13 @@ import { PromptComposer } from "@agent-native/core/client/composer";
 import { useActionQuery } from "@agent-native/core/client/hooks";
 import { isInBuilderFrame } from "@agent-native/core/client/host";
 import { useT } from "@agent-native/core/client/i18n";
-import { IconArrowUpRight } from "@tabler/icons-react";
+import {
+  IconArrowUpRight,
+  IconChevronDown,
+  IconClockHour4,
+} from "@tabler/icons-react";
 import type { ReactNode } from "react";
+import { useState } from "react";
 import { Link, useNavigate } from "react-router";
 
 import { submitOverviewPrompt } from "../lib/overview-chat";
@@ -16,6 +21,11 @@ import { ActionQueryError } from "./action-query-error";
 import { CreateAppPopover } from "./create-app-popover";
 import { useSetPageTitle } from "./layout/HeaderActions";
 import { Button } from "./ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "./ui/collapsible";
 import { Skeleton } from "./ui/skeleton";
 import { WorkspaceAppCard } from "./workspace-app-card";
 
@@ -135,8 +145,13 @@ function AppsPanel({
   apps: WorkspaceAppSummary[];
   isLoading: boolean;
 }) {
+  const t = useT();
+  const [showPending, setShowPending] = useState(false);
   const visibleApps = apps.filter((app) => !app.isDispatch && !app.archived);
-  const showSkeletons = isLoading && visibleApps.length === 0;
+  const activeApps = visibleApps.filter((app) => app.status !== "pending");
+  const pendingApps = visibleApps.filter((app) => app.status === "pending");
+  const showSkeletons =
+    isLoading && activeApps.length === 0 && pendingApps.length === 0;
 
   return (
     <section className="flex flex-col gap-3">
@@ -161,15 +176,66 @@ function AppsPanel({
             </div>
           ))}
         </div>
-      ) : visibleApps.length > 0 ? (
+      ) : activeApps.length > 0 ? (
         <div className="grid gap-3 md:grid-cols-2">
-          {visibleApps.map((app) => (
+          {activeApps.map((app) => (
             <WorkspaceAppCard key={app.id} app={app} className="min-h-32" />
           ))}
         </div>
       ) : (
         <CreateAppPopover />
       )}
+      {pendingApps.length > 0 ? (
+        <Collapsible open={showPending} onOpenChange={setShowPending}>
+          <div className="space-y-3 border-t pt-3">
+            <div className="flex flex-wrap items-center justify-between gap-3">
+              <div className="flex min-w-0 items-center gap-2">
+                <IconClockHour4
+                  size={15}
+                  className="shrink-0 text-muted-foreground"
+                />
+                <div className="min-w-0">
+                  <h3 className="text-xs font-semibold text-foreground">
+                    {t("dispatch.pages.pendingApps")}
+                  </h3>
+                  <p className="text-xs text-muted-foreground">
+                    {t("dispatch.pages.pendingAppsDescription", {
+                      count: pendingApps.length,
+                    })}
+                  </p>
+                </div>
+              </div>
+              <CollapsibleTrigger asChild>
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="sm"
+                  className="h-7 gap-1.5 px-2 text-xs"
+                >
+                  {showPending
+                    ? t("dispatch.pages.hidePendingApps")
+                    : t("dispatch.pages.showPendingApps")}
+                  <IconChevronDown
+                    size={13}
+                    className={showPending ? "rotate-180" : undefined}
+                  />
+                </Button>
+              </CollapsibleTrigger>
+            </div>
+            <CollapsibleContent>
+              <div className="grid gap-3 md:grid-cols-2">
+                {pendingApps.map((app) => (
+                  <WorkspaceAppCard
+                    key={app.id}
+                    app={app}
+                    className="min-h-32"
+                  />
+                ))}
+              </div>
+            </CollapsibleContent>
+          </div>
+        </Collapsible>
+      ) : null}
     </section>
   );
 }

package/src/components/workspace-app-card.spec.tsx

@@ -17,6 +17,13 @@ vi.mock("@agent-native/core/client/hooks", () => ({
   }),
 }));
 
+vi.mock("@agent-native/core/client/i18n", () => ({
+  useFormatters: () => ({
+    formatDate: (value: string) => value,
+  }),
+  useT: () => (key: string) => key,
+}));
+
 describe("WorkspaceAppCard", () => {
   let container: HTMLDivElement;
   let root: Root;
@@ -140,4 +147,40 @@ describe("WorkspaceAppCard", () => {
     expect(appLink?.getAttribute("target")).toBe("_blank");
     expect(appLink?.getAttribute("rel")).toBe("noreferrer");
   });
+
+  it("shows ownership metadata in the more menu", async () => {
+    await act(async () => {
+      root.render(
+        <TooltipProvider>
+          <WorkspaceAppCard
+            app={{
+              id: "analytics",
+              name: "Analytics",
+              path: "/analytics",
+              createdAt: "2026-07-28T12:00:00.000Z",
+              createdBy: "creator@example.com",
+              owner: "owner@example.com",
+              teams: ["Growth", "Operations"],
+              status: "ready",
+            }}
+          />
+        </TooltipProvider>,
+      );
+    });
+
+    const moreButton = container.querySelector<HTMLButtonElement>(
+      'button[aria-label="More actions for Analytics"]',
+    );
+    expect(moreButton).not.toBeNull();
+
+    await act(async () => {
+      moreButton?.dispatchEvent(
+        new MouseEvent("pointerdown", { bubbles: true, button: 0 }),
+      );
+    });
+
+    expect(document.body.textContent).toContain("creator@example.com");
+    expect(document.body.textContent).toContain("owner@example.com");
+    expect(document.body.textContent).toContain("Growth, Operations");
+  });
 });

package/src/components/workspace-app-card.tsx

@@ -2,7 +2,9 @@ import {
   useActionMutation,
   useActionQuery,
 } from "@agent-native/core/client/hooks";
+import { useFormatters, useT } from "@agent-native/core/client/i18n";
 import {
+  IconCalendar,
   IconChevronDown,
   IconChevronRight,
   IconClockHour4,
@@ -13,6 +15,8 @@ import {
   IconFileText,
   IconWorld,
   IconTrash,
+  IconUser,
+  IconUsersGroup,
 } from "@tabler/icons-react";
 import { useEffect, useState, type FormEvent } from "react";
 import { toast } from "sonner";
@@ -40,6 +44,8 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "./ui/dropdown-menu";
 import { Input } from "./ui/input";
@@ -58,6 +64,8 @@ export function WorkspaceAppCard({
   app: WorkspaceAppSummary;
   className?: string;
 }) {
+  const t = useT();
+  const { formatDate } = useFormatters();
   const href = workspaceAppHref(app);
   const openInNewTab = isPendingBuilderHref(app);
   const isPending = app.status === "pending";
@@ -215,7 +223,7 @@ export function WorkspaceAppCard({
                 </TooltipTrigger>
                 <TooltipContent>More actions</TooltipContent>
               </Tooltip>
-              <DropdownMenuContent align="end" className="w-44">
+              <DropdownMenuContent align="end" className="w-72">
                 <DropdownMenuItem
                   onSelect={(event) => {
                     event.preventDefault();
@@ -244,6 +252,20 @@ export function WorkspaceAppCard({
                     Hide from list
                   </DropdownMenuItem>
                 )}
+                <DropdownMenuSeparator />
+                <DropdownMenuLabel className="font-normal">
+                  <WorkspaceAppMetadata
+                    app={app}
+                    formatDate={formatDate}
+                    labels={{
+                      created: t("agents.dashboardMetadataCreated"),
+                      createdBy: t("agents.dashboardMetadataCreatedBy"),
+                      owner: t("dispatch.pages.appMetadataOwner"),
+                      teams: t("dispatch.pages.appMetadataTeams"),
+                      notTracked: t("agents.notTracked"),
+                    }}
+                  />
+                </DropdownMenuLabel>
               </DropdownMenuContent>
             </DropdownMenu>
           </div>
@@ -293,6 +315,80 @@ export function WorkspaceAppCard({
   );
 }
 
+function WorkspaceAppMetadata({
+  app,
+  formatDate,
+  labels,
+}: {
+  app: WorkspaceAppSummary;
+  formatDate: ReturnType<typeof useFormatters>["formatDate"];
+  labels: {
+    created: string;
+    createdBy: string;
+    owner: string;
+    teams: string;
+    notTracked: string;
+  };
+}) {
+  function formatMetadataDate(value: string | null | undefined): string {
+    if (!value) return labels.notTracked;
+    try {
+      return formatDate(value, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+      });
+    } catch {
+      return value;
+    }
+  }
+
+  return (
+    <div className="flex flex-col gap-1.5 text-xs text-muted-foreground">
+      <WorkspaceAppMetadataRow
+        icon={IconCalendar}
+        label={labels.created}
+        value={formatMetadataDate(app.createdAt)}
+      />
+      <WorkspaceAppMetadataRow
+        icon={IconUser}
+        label={labels.createdBy}
+        value={app.createdBy || labels.notTracked}
+      />
+      <WorkspaceAppMetadataRow
+        icon={IconUser}
+        label={labels.owner}
+        value={app.owner || labels.notTracked}
+      />
+      <WorkspaceAppMetadataRow
+        icon={IconUsersGroup}
+        label={labels.teams}
+        value={app.teams?.join(", ") || labels.notTracked}
+      />
+    </div>
+  );
+}
+
+function WorkspaceAppMetadataRow({
+  icon: Icon,
+  label,
+  value,
+}: {
+  icon: typeof IconCalendar;
+  label: string;
+  value: string;
+}) {
+  return (
+    <div className="flex items-start gap-1.5">
+      <Icon className="mt-0.5 h-3 w-3 shrink-0" />
+      <span className="shrink-0">{label}</span>
+      <span className="min-w-0 truncate text-foreground/80">{value}</span>
+    </div>
+  );
+}
+
 function AppResourcesDialog({ app }: { app: WorkspaceAppSummary }) {
   const [open, setOpen] = useState(false);
   const [inspectedResourceId, setInspectedResourceId] = useState<string | null>(

package/src/lib/workspace-apps.ts

@@ -15,6 +15,9 @@ export interface WorkspaceAppSummary {
   builderUrl?: string | null;
   branchName?: string | null;
   createdAt?: string | null;
+  createdBy?: string | null;
+  owner?: string | null;
+  teams?: string[];
   agentCardUrl?: string | null;
   agentCardReachable?: boolean;
   a2aEndpointUrl?: string | null;

package/src/routes/pages/apps.tsx

@@ -5,6 +5,7 @@ import {
   IconApps,
   IconArrowUpRight,
   IconChevronDown,
+  IconClockHour4,
   IconEyeOff,
   IconPlus,
   IconStack2,
@@ -46,6 +47,7 @@ interface WorkspaceInfo {
 
 export default function AppsRoute() {
   const t = useT();
+  const [showPending, setShowPending] = useState(false);
   const [showHidden, setShowHidden] = useState(false);
   const appsQuery = useActionQuery("list-workspace-apps", {
     includeAgentCards: false,
@@ -68,6 +70,8 @@ export default function AppsRoute() {
     (app) => !app.isDispatch,
   );
   const visibleApps = allApps.filter((app) => !app.archived);
+  const activeApps = visibleApps.filter((app) => app.status !== "pending");
+  const pendingApps = visibleApps.filter((app) => app.status === "pending");
   const archivedApps = allApps.filter((app) => app.archived);
   const otherApps = filterOtherApps(
     (connectedAppsQuery.data || []) as ConnectedAppSummary[],
@@ -118,8 +122,13 @@ export default function AppsRoute() {
                 </h2>
                 <p className="mt-0.5 text-xs text-muted-foreground">
                   {t("dispatch.pages.activeCount", {
-                    count: visibleApps.length,
+                    count: activeApps.length,
                   })}
+                  {pendingApps.length > 0
+                    ? ` · ${t("dispatch.pages.pendingCount", {
+                        count: pendingApps.length,
+                      })}`
+                    : ""}
                   {archivedApps.length > 0
                     ? ` · ${t("dispatch.pages.hiddenCount", {
                         count: archivedApps.length,
@@ -128,7 +137,7 @@ export default function AppsRoute() {
                 </p>
               </div>
             </div>
-            {visibleApps.length > 0 ? (
+            {activeApps.length > 0 || pendingApps.length > 0 ? (
               <CreateAppPopover
                 align="end"
                 trigger={
@@ -148,17 +157,74 @@ export default function AppsRoute() {
             />
           ) : showAppSkeletons ? (
             <AppsSkeletonGrid />
-          ) : visibleApps.length > 0 ? (
+          ) : activeApps.length > 0 ? (
             <div className="grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3">
-              {visibleApps.map((app) => (
+              {activeApps.map((app) => (
                 <WorkspaceAppCard key={app.id} app={app} className="h-full" />
               ))}
             </div>
+          ) : pendingApps.length > 0 ? (
+            <EmptyActiveAppsState />
           ) : (
             <EmptyAppsState />
           )}
         </section>
 
+        {pendingApps.length > 0 ? (
+          <Collapsible open={showPending} onOpenChange={setShowPending}>
+            <section className="space-y-3 border-t pt-4">
+              <div className="flex flex-wrap items-center justify-between gap-3">
+                <div className="flex min-w-0 items-center gap-2">
+                  <IconClockHour4
+                    size={16}
+                    className="shrink-0 text-muted-foreground"
+                  />
+                  <div className="min-w-0">
+                    <h2 className="text-sm font-semibold text-foreground">
+                      {t("dispatch.pages.pendingApps")}
+                    </h2>
+                    <p className="text-xs text-muted-foreground">
+                      {t("dispatch.pages.pendingAppsDescription", {
+                        count: pendingApps.length,
+                      })}
+                    </p>
+                  </div>
+                </div>
+                <CollapsibleTrigger asChild>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    className="gap-1.5"
+                  >
+                    {showPending
+                      ? t("dispatch.pages.hidePendingApps")
+                      : t("dispatch.pages.showPendingApps")}
+                    <IconChevronDown
+                      size={14}
+                      className={cn(
+                        "transition-transform",
+                        showPending && "rotate-180",
+                      )}
+                    />
+                  </Button>
+                </CollapsibleTrigger>
+              </div>
+              <CollapsibleContent>
+                <div className="grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3">
+                  {pendingApps.map((app) => (
+                    <WorkspaceAppCard
+                      key={app.id}
+                      app={app}
+                      className="h-full"
+                    />
+                  ))}
+                </div>
+              </CollapsibleContent>
+            </section>
+          </Collapsible>
+        ) : null}
+
         {curatedTemplatesQuery.isError ? (
           <section className="space-y-3 border-t pt-4">
             <ActionQueryError
@@ -400,3 +466,17 @@ function EmptyAppsState() {
     </div>
   );
 }
+
+function EmptyActiveAppsState() {
+  const t = useT();
+  return (
+    <div className="rounded-lg border border-dashed bg-card px-4 py-10 text-center">
+      <p className="text-sm font-medium text-foreground">
+        {t("dispatch.pages.noActiveWorkspaceApps")}
+      </p>
+      <p className="mx-auto mt-1 max-w-md text-xs text-muted-foreground">
+        {t("dispatch.pages.noActiveWorkspaceAppsDescription")}
+      </p>
+    </div>
+  );
+}

package/src/server/lib/app-creation-store.ts

@@ -66,6 +66,9 @@ export interface WorkspaceAppSummary {
   builderUrl?: string | null;
   branchName?: string | null;
   createdAt?: string | null;
+  createdBy?: string | null;
+  owner?: string | null;
+  teams?: string[];
   agentCardUrl?: string | null;
   agentCardReachable?: boolean;
   a2aEndpointUrl?: string | null;
@@ -125,6 +128,9 @@ interface PendingWorkspaceApp {
   contextId: string | null;
   contextLabel: string | null;
   audience?: WorkspaceAppAudience;
+  createdBy?: string | null;
+  owner?: string | null;
+  teams?: string[];
   createdAt: string;
   updatedAt: string;
   expiresAt: string | null;
@@ -387,6 +393,12 @@ function applyWorkspaceAppMetadataOverride(
     ...app,
     ...(shouldApplyName ? { name } : {}),
     ...(shouldApplyDescription ? { description } : {}),
+    ...(app.status === "pending" && !app.createdBy && override.updatedBy
+      ? { createdBy: override.updatedBy }
+      : {}),
+    ...(app.status === "pending" && !app.owner && override.updatedBy
+      ? { owner: override.updatedBy }
+      : {}),
   };
 }
 
@@ -448,6 +460,75 @@ function normalizeWorkspaceAppPathList(value: unknown): string[] {
   return Array.from(new Set(paths));
 }
 
+function normalizeWorkspaceAppTeams(value: unknown): string[] {
+  const rawTeams = Array.isArray(value)
+    ? value
+    : typeof value === "string"
+      ? value.split(",")
+      : [];
+  return Array.from(
+    new Set(
+      rawTeams
+        .map((team) => (typeof team === "string" ? team.trim() : ""))
+        .filter(Boolean),
+    ),
+  );
+}
+
+function workspaceAppMetadataFromRecord(
+  record: Record<string, any>,
+): Pick<WorkspaceAppSummary, "createdAt" | "createdBy" | "owner" | "teams"> {
+  const config = record["agent-native"] ?? record.agentNative;
+  const workspaceConfig =
+    config && typeof config === "object" && !Array.isArray(config)
+      ? (config.workspaceApp ?? config.workspace ?? config)
+      : {};
+  const metadata =
+    record.metadata &&
+    typeof record.metadata === "object" &&
+    !Array.isArray(record.metadata)
+      ? record.metadata
+      : {};
+  const pick = (...values: unknown[]) =>
+    values.map(cleanOptionalText).find((value) => value !== undefined);
+
+  const teams = normalizeWorkspaceAppTeams(
+    record.teams ??
+      record.team ??
+      metadata.teams ??
+      metadata.team ??
+      workspaceConfig.teams ??
+      workspaceConfig.team,
+  );
+  return {
+    createdAt: pick(
+      record.createdAt,
+      record.created_at,
+      metadata.createdAt,
+      workspaceConfig.createdAt,
+    ),
+    createdBy: pick(
+      record.createdBy,
+      record.createdByEmail,
+      record.created_by,
+      metadata.createdBy,
+      metadata.createdByEmail,
+      workspaceConfig.createdBy,
+      workspaceConfig.createdByEmail,
+    ),
+    owner: pick(
+      record.owner,
+      record.ownerEmail,
+      record.owner_email,
+      metadata.owner,
+      metadata.ownerEmail,
+      workspaceConfig.owner,
+      workspaceConfig.ownerEmail,
+    ),
+    teams,
+  };
+}
+
 function workspaceAppAudienceFromPackageJson(
   pkg: unknown,
 ): WorkspaceAppAudience | undefined {
@@ -513,6 +594,7 @@ function parseWorkspaceAppsManifest(parsed: any): WorkspaceAppSummary[] | null {
       const id = typeof entry.id === "string" ? entry.id.trim() : "";
       const pathValue = typeof entry.path === "string" ? entry.path.trim() : "";
       if (!id || !pathValue.startsWith("/")) return null;
+      const metadata = workspaceAppMetadataFromRecord(entry);
       return {
         id,
         name:
@@ -534,6 +616,7 @@ function parseWorkspaceAppsManifest(parsed: any): WorkspaceAppSummary[] | null {
         publicPaths: normalizeWorkspaceAppPathList(entry.publicPaths),
         protectedPaths: normalizeWorkspaceAppPathList(entry.protectedPaths),
         status: "ready",
+        ...metadata,
       } satisfies WorkspaceAppSummary;
     })
     .filter(
@@ -645,6 +728,9 @@ function parsePendingWorkspaceApps(value: unknown): PendingWorkspaceApp[] {
             : null,
         contextId: cleanOptionalString(record.contextId),
         contextLabel: cleanOptionalString(record.contextLabel),
+        createdBy: cleanOptionalString(record.createdBy),
+        owner: cleanOptionalString(record.owner ?? record.ownerEmail),
+        teams: normalizeWorkspaceAppTeams(record.teams ?? record.team),
         ...(record.audience === undefined
           ? {}
           : { audience: normalizeWorkspaceAppAudience(record.audience) }),
@@ -755,6 +841,9 @@ function pendingAppToSummary(app: PendingWorkspaceApp): WorkspaceAppSummary {
     builderUrl: app.builderUrl,
     branchName: app.branchName,
     createdAt: app.createdAt,
+    createdBy: app.createdBy,
+    owner: app.owner,
+    teams: app.teams,
   };
 }
 
@@ -918,6 +1007,8 @@ async function recordPendingWorkspaceApp(input: {
     projectId: input.projectId,
     contextId: context?.id ?? null,
     contextLabel: context?.label ?? null,
+    createdBy: currentOwnerEmail(),
+    owner: currentOwnerEmail(),
     createdAt: existing?.createdAt || now,
     updatedAt: now,
     expiresAt: pendingWorkspaceAppExpiresAt(existing?.createdAt || now),
@@ -1038,6 +1129,7 @@ function readWorkspaceAppsFromFilesystem(
       const pkg = readJson(path.join(appDir, "package.json"));
       if (!pkg) return null;
       const routeAccess = workspaceAppRouteAccessFromPackageJson(pkg);
+      const metadata = workspaceAppMetadataFromRecord(pkg);
       return {
         id: entry.name,
         name: pkg.displayName || titleCase(entry.name),
@@ -1051,6 +1143,7 @@ function readWorkspaceAppsFromFilesystem(
         publicPaths: routeAccess.publicPaths,
         protectedPaths: routeAccess.protectedPaths,
         status: "ready",
+        ...metadata,
       } satisfies WorkspaceAppSummary;
     })
     .filter((app): app is WorkspaceAppSummary => !!app)