@agent-native/core 0.154.5 → 0.157.0

package/corpus/templates/factory/app/components/factory/FactoryInspector.tsx

@@ -1,3 +1,4 @@
+import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { IconArrowRight, IconPlus, IconTrash } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
@@ -28,6 +29,24 @@ interface FactoryInspectorProps {
   onConnect: (sourceId: string, targetId: string) => void;
 }
 
+interface WorkspaceAgentOption {
+  id: string;
+  name: string;
+}
+
+interface WorkspaceAppOption {
+  id: string;
+  name: string;
+  description?: string;
+  status?: "ready" | "pending";
+}
+
+interface AgentTargetOption {
+  id: string;
+  label: string;
+  type: "agent" | "app";
+}
+
 export function FactoryInspector({
   graph,
   selectedNode,
@@ -44,6 +63,28 @@ export function FactoryInspector({
   const t = useT();
   const [searchParams] = useSearchParams();
   const [connectTarget, setConnectTarget] = useState("");
+  const agentsQuery = useActionQuery<WorkspaceAgentOption[]>(
+    "list-workspace-resources",
+    { kind: "agent" },
+  );
+  const appsQuery = useActionQuery<WorkspaceAppOption[]>(
+    "list-workspace-apps",
+    { includeAgentCards: false },
+  );
+  const agentTargets: AgentTargetOption[] = [
+    ...(agentsQuery.data ?? []).map((agent) => ({
+      id: agent.id,
+      label: agent.name,
+      type: "agent" as const,
+    })),
+    ...(appsQuery.data ?? [])
+      .filter((app) => app.id !== "dispatch" && app.status !== "pending")
+      .map((app) => ({
+        id: app.id,
+        label: app.name,
+        type: "app" as const,
+      })),
+  ];
   const outgoingTargets = graph.nodes.filter(
     (node) => node.id !== selectedNode?.id,
   );
@@ -84,6 +125,44 @@ export function FactoryInspector({
     });
   }
 
+  function selectedTargetValue() {
+    if (!selectedNode?.agentTargetType || !selectedNode.agentTargetId) {
+      return selectedNode?.agent ? "custom" : "";
+    }
+    return `${selectedNode.agentTargetType}:${selectedNode.agentTargetId}`;
+  }
+
+  function updateAgentTarget(value: string) {
+    if (!selectedNode) return;
+    if (value === "") {
+      updateNode({
+        agent: undefined,
+        agentTargetType: undefined,
+        agentTargetId: undefined,
+      });
+      return;
+    }
+    if (value === "custom") {
+      updateNode({
+        agentTargetType: undefined,
+        agentTargetId: undefined,
+      });
+      return;
+    }
+    const [type, ...idParts] = value.split(":");
+    const id = idParts.join(":");
+    if ((type !== "agent" && type !== "app") || !id) return;
+    const target = agentTargets.find(
+      (option) => option.type === type && option.id === id,
+    );
+    if (!target) return;
+    updateNode({
+      agent: target.label,
+      agentTargetType: target.type,
+      agentTargetId: target.id,
+    });
+  }
+
   return (
     <aside className="flex min-h-0 flex-col rounded-xl bg-card shadow-sm">
       <div className="min-h-0 flex-1 space-y-5 overflow-y-auto p-4">
@@ -141,15 +220,59 @@ export function FactoryInspector({
               </select>
             </div>
             <div className="grid gap-1.5">
-              <Label htmlFor="factory-node-agent">
+              <Label htmlFor="factory-node-agent-target">
                 {t("factoryInspector.agentOwner")}
               </Label>
-              <Input
-                id="factory-node-agent"
-                value={selectedNode.agent ?? ""}
-                onChange={(event) => updateNode({ agent: event.target.value })}
-                placeholder={t("factoryInspector.optional")}
-              />
+              <select
+                id="factory-node-agent-target"
+                value={selectedTargetValue()}
+                onChange={(event) => updateAgentTarget(event.target.value)}
+                className="h-9 rounded-md border bg-card px-3 text-sm"
+              >
+                <option value="">{t("factoryInspector.noTarget")}</option>
+                <option value="custom">
+                  {selectedNode.agent &&
+                  !selectedNode.agentTargetType &&
+                  !selectedNode.agentTargetId
+                    ? `${t("factoryInspector.customTarget")}: ${selectedNode.agent}`
+                    : t("factoryInspector.customTarget")}
+                </option>
+                {agentTargets.some((target) => target.type === "agent") ? (
+                  <optgroup label={t("factoryInspector.reusableAgents")}>
+                    {agentTargets
+                      .filter((target) => target.type === "agent")
+                      .map((target) => (
+                        <option
+                          key={`${target.type}:${target.id}`}
+                          value={`${target.type}:${target.id}`}
+                        >
+                          {target.label}
+                        </option>
+                      ))}
+                  </optgroup>
+                ) : null}
+                {agentTargets.some((target) => target.type === "app") ? (
+                  <optgroup label={t("factoryInspector.agenticApps")}>
+                    {agentTargets
+                      .filter((target) => target.type === "app")
+                      .map((target) => (
+                        <option
+                          key={`${target.type}:${target.id}`}
+                          value={`${target.type}:${target.id}`}
+                        >
+                          {target.label}
+                        </option>
+                      ))}
+                  </optgroup>
+                ) : null}
+              </select>
+              <p className="text-xs text-muted-foreground">
+                {selectedNode.agentTargetType === "app"
+                  ? t("factoryInspector.appTargetHint")
+                  : selectedNode.agentTargetType === "agent"
+                    ? t("factoryInspector.agentTargetHint")
+                    : t("factoryInspector.customTargetHint")}
+              </p>
             </div>
             <div className="rounded-lg bg-muted/25 p-3 shadow-sm">
               <p className="text-xs font-medium">

package/corpus/templates/factory/app/i18n/en-US.ts

@@ -162,6 +162,19 @@ const messages = {
     metricRuns: "Runs",
     rulesTab: "Rules",
     automationsTab: "Automations",
+    agentsTab: "Agents",
+    agenticAppsTitle: "Agentic apps",
+    agenticAppsEmpty: "No agentic apps in this workspace yet.",
+    editAppDetails: "Edit app details",
+    editAppDetailsDescription:
+      "Update the shared display name and description for this workspace app.",
+    appName: "Name",
+    appDescription: "Description",
+    openApp: "Open app",
+    saveChanges: "Save changes",
+    appDetailsUpdated: "App details updated",
+    savingChanges: "Saving...",
+    agentsTitle: "Agents",
     auditTab: "Audit",
     auditTitle: "Run audit",
     auditDescription:
@@ -268,6 +281,13 @@ const messages = {
     stepName: "Step name",
     stepDescription: "What happens here",
     agentOwner: "Agent or owner",
+    noTarget: "No linked target",
+    customTarget: "Custom target",
+    reusableAgents: "Reusable agents",
+    agenticApps: "Agentic apps",
+    agentTargetHint: "This factory step uses the selected reusable agent.",
+    appTargetHint: "This factory step delegates to the selected agentic app.",
+    customTargetHint: "Link a shared agent or app when this step is ready.",
     optional: "Optional",
     connectStep: "Connect this step",
     connectDescription:

package/corpus/templates/factory/app/routes/factory.tsx

@@ -21,6 +21,7 @@ import {
 import { useEffect, useMemo, useState } from "react";
 import { Link, useSearchParams } from "react-router";
 
+import { FactoryAgentsView } from "@/components/factory/FactoryAgentsView";
 import { FactoryAuditView } from "@/components/factory/FactoryAuditView";
 import {
   FactoryCanvas,
@@ -123,6 +124,7 @@ type WorkspaceTab =
   | "inbox"
   | "rules"
   | "automations"
+  | "agents"
   | "audit"
   | "settings";
 
@@ -404,6 +406,28 @@ export default function FactoryRoute() {
     await Promise.all([graphQuery.refetch(), factoryListQuery.refetch()]);
   }
 
+  if (!selectedFactoryId && activeTab === "agents") {
+    return (
+      <div className="flex h-full min-h-0 flex-col overflow-y-auto bg-background">
+        <div className="flex items-center gap-3 px-4 py-4 lg:px-6">
+          <Button
+            type="button"
+            variant="ghost"
+            size="icon"
+            aria-label={t("factoryRoute.backToFactories")}
+            onClick={() => setActiveTab("overview")}
+          >
+            <IconArrowLeft className="size-4" />
+          </Button>
+          <h1 className="text-sm font-medium sm:text-base">
+            {t("factoryRoute.agentsTitle")}
+          </h1>
+        </div>
+        <FactoryAgentsView />
+      </div>
+    );
+  }
+
   if (!selectedFactoryId) {
     return (
       <div className="flex h-full min-h-0 flex-col overflow-y-auto bg-background">
@@ -411,6 +435,14 @@ export default function FactoryRoute() {
           <div className="flex flex-wrap items-end justify-between gap-4">
             <h1 className="text-2xl font-semibold tracking-tight">Factories</h1>
             <div className="flex items-center gap-2">
+              <Button
+                type="button"
+                variant="outline"
+                size="sm"
+                onClick={() => setActiveTab("agents")}
+              >
+                {t("factoryRoute.agentsTab")}
+              </Button>
               <Button type="button" size="sm" onClick={startNewFactory}>
                 <IconPlus className="size-4" />
                 {t("factoryRoute.newFactory")}
@@ -609,6 +641,12 @@ export default function FactoryRoute() {
             >
               {t("factoryRoute.automationsTab")}
             </TabButton>
+            <TabButton
+              active={activeTab === "agents"}
+              onClick={() => setActiveTab("agents")}
+            >
+              {t("factoryRoute.agentsTab")}
+            </TabButton>
             <TabButton
               active={activeTab === "audit"}
               onClick={() => setActiveTab("audit")}
@@ -696,6 +734,8 @@ export default function FactoryRoute() {
           <RulesView t={t} />
         ) : activeTab === "automations" ? (
           <AutomationsView factoryId={factoryId} t={t} />
+        ) : activeTab === "agents" ? (
+          <FactoryAgentsView />
         ) : activeTab === "audit" ? (
           <FactoryAuditView
             factoryId={factoryId}
@@ -735,6 +775,7 @@ function parseWorkspaceTab(value: string | null): WorkspaceTab {
     value === "inbox" ||
     value === "rules" ||
     value === "automations" ||
+    value === "agents" ||
     value === "audit" ||
     value === "settings"
     ? value

package/corpus/templates/factory/package.json

@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "@agent-native/core": "workspace:*",
+    "@agent-native/dispatch": "workspace:*",
     "@agent-native/toolkit": "workspace:*",
     "@fontsource-variable/inter": "^5.2.8",
     "@libsql/client": "^0.15.8",

package/corpus/templates/factory/server/factory-graph/contracts.ts

@@ -29,6 +29,8 @@ export const factoryGraphNodeSchema = z.object({
   kind: factoryNodeKindSchema,
   provider: factoryProviderSchema.optional(),
   agent: z.string().trim().max(120).optional(),
+  agentTargetType: z.enum(["agent", "app"]).optional(),
+  agentTargetId: z.string().trim().max(240).optional(),
   metricsKey: z.string().trim().max(120).optional(),
   position: z.object({
     x: z.number().finite().min(0).max(4000),

package/corpus/templates/factory/server/plugins/agent-chat.ts

@@ -1,4 +1,5 @@
 import { getOrgContext } from "@agent-native/core/org";
+import "@agent-native/dispatch/server";
 import {
   createAgentChatPlugin,
   loadActionsFromStaticRegistry,
@@ -32,6 +33,14 @@ const INITIAL_TOOL_NAMES = [
   "list-triage-rules",
   "get-triage-config",
   "navigate",
+  "list-workspace-apps",
+  "list-workspace-resources",
+  "create-workspace-resource",
+  "update-workspace-resource",
+  "import-agent",
+  "import-agent-pack",
+  "list-agent-pack",
+  "start-workspace-app-creation",
 ];
 
 const options = {

package/corpus/templates/factory/server/plugins/dispatch-db.ts

@@ -0,0 +1 @@
+export { dispatchDbPlugin as default } from "@agent-native/dispatch/server";

package/corpus/templates/factory/server/plugins/setup-dispatch.ts

@@ -0,0 +1,3 @@
+import { setupDispatch } from "@agent-native/dispatch/server";
+
+export default setupDispatch();

package/corpus/templates/mail/app/lib/native-mcp-exclusions.ts

@@ -0,0 +1,3 @@
+// Mail owns Gmail and Calendar through first-party actions; exposing the
+// overlapping Google Workspace MCP setup creates a second connection path.
+export const MAIL_NATIVE_MCP_PRESET_EXCLUSIONS = ["google-workspace"] as const;

package/corpus/templates/mail/vite.config.ts

@@ -2,6 +2,8 @@ import { agentNative } from "@agent-native/core/vite";
 import { reactRouter } from "@react-router/dev/vite";
 import { defineConfig } from "vite";
 
+import { MAIL_NATIVE_MCP_PRESET_EXCLUSIONS } from "./app/lib/native-mcp-exclusions";
+
 const reactRouterPlugins = reactRouter as unknown as () => any[];
 const agentNativePlugins = agentNative as unknown as (
   options?: Parameters<typeof agentNative>[0],
@@ -14,6 +16,11 @@ export default defineConfig({
       // shiki only runs in AssistantChat's useEffect — keep it out of the
       // CF Pages Functions bundle (25 MiB limit).
       ssrStubs: ["shiki"],
+      // Mail's native Gmail actions own this workflow; don't offer a second,
+      // restricted Google Workspace MCP setup from inside the chat.
+      mcpIntegrations: {
+        defaults: { exclude: [...MAIL_NATIVE_MCP_PRESET_EXCLUSIONS] },
+      },
     }),
   ],
 });

package/corpus/templates/plan/actions/reply-to-plan-comment.ts

@@ -33,7 +33,7 @@ import {
 
 export default defineAction({
   description:
-    "Append a reply to an existing comment thread on an Agent-Native Plan. Call this when you want to respond to reviewer feedback in-thread, acknowledge a comment, or answer a question pinned to the plan. Requires an authenticated account; anonymous viewers cannot reply.",
+    "Append a reply to an existing comment thread on an Agent-Native Plan. Reply text supports inline Markdown for emphasis, inline code, links, and line breaks; headings are flattened. Call this when you want to respond to reviewer feedback in-thread, acknowledge a comment, or answer a question pinned to the plan. Requires an authenticated account; anonymous viewers cannot reply.",
   schema: z.object({
     planId: z.string().describe("Plan ID"),
     commentId: z
@@ -41,7 +41,12 @@ export default defineAction({
       .describe(
         "ID of the parent (thread-root) comment to reply to. Use get-plan-feedback to obtain comment IDs.",
       ),
-    body: z.string().min(1).describe("Reply message text"),
+    body: z
+      .string()
+      .min(1)
+      .describe(
+        "Reply message text with optional inline Markdown; no headings",
+      ),
     resolutionTarget: planCommentResolutionTargetSchema
       .optional()
       .describe(

package/corpus/templates/plan/actions/resolve-plan-comment.ts

@@ -71,7 +71,7 @@ function threadCommentIdsFor(
 
 export default defineAction({
   description:
-    'Mark a plan comment thread as resolved or reopen it. Call this after addressing reviewer feedback to signal that the thread is handled. Pass status "resolved" to close the thread, "open" to reopen it. An optional resolutionNote posts a reply before the status change so reviewers see what was done. Resolving marks the thread done for reviewers; it does NOT remove it from get-plan-feedback — also call consume-plan-feedback (or pass consumedCommentIds to update-visual-plan) to stop the thread from appearing as pending work.',
+    'Mark a plan comment thread as resolved or reopen it. An optional resolutionNote supports inline Markdown for emphasis, inline code, links, and line breaks; headings are flattened. Call this after addressing reviewer feedback to signal that the thread is handled. Pass status "resolved" to close the thread, "open" to reopen it. Resolving marks the thread done for reviewers; it does NOT remove it from get-plan-feedback — also call consume-plan-feedback (or pass consumedCommentIds to update-visual-plan) to stop the thread from appearing as pending work.',
   schema: z.object({
     planId: z.string().describe("Plan ID"),
     commentId: z
@@ -88,7 +88,7 @@ export default defineAction({
       .string()
       .optional()
       .describe(
-        "Optional message to post as a reply before changing the status — use this to briefly explain what was done or why the thread is being closed.",
+        "Optional inline Markdown message to post as a reply before changing the status; headings are flattened.",
       ),
   }),
   publicAgent: {

package/corpus/templates/plan/actions/update-visual-plan.ts

@@ -538,7 +538,7 @@ const updateVisualPlanSchema = z.object({
     .optional()
     .default([])
     .describe(
-      "Legacy comment array. Prefer reply-to-plan-comment / resolve-plan-comment for new comments.",
+      "Legacy comment array. Comment messages support inline Markdown for emphasis, inline code, links, and line breaks; headings are flattened. Prefer reply-to-plan-comment / resolve-plan-comment for new comments.",
     ),
   consumedCommentIds: z
     .array(z.string())

package/corpus/templates/plan/app/pages/PlansPage.tsx

@@ -12,6 +12,10 @@ import { emailToColor, emailToName } from "@agent-native/core/client/collab";
 import { PromptComposer } from "@agent-native/core/client/composer";
 import { useActionQuery, useSession } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
+import {
+  InlineMarkdown,
+  type InlineMarkdownProtectedSpan,
+} from "@agent-native/core/client/markdown";
 import {
   useAcceptInvitation,
   useJoinByDomain,
@@ -976,30 +980,35 @@ function safeDecodeURIComponent(value: string): string {
 }
 
 function renderCommentMessage(message: string) {
-  const parts: ReactNode[] = [];
-  let lastIndex = 0;
+  const protectedSpans: InlineMarkdownProtectedSpan[] = [];
   const pattern = /@\[([^\]]+)\]\(mailto:([^)]+)\)/g;
   let match: RegExpExecArray | null;
   while ((match = pattern.exec(message)) !== null) {
-    if (match.index > lastIndex) {
-      parts.push(message.slice(lastIndex, match.index));
-    }
     const label = match[1] ?? "";
     const email = safeDecodeURIComponent(match[2] ?? "");
-    parts.push(
-      <span
-        key={`${email}-${match.index}`}
-        className="mx-0.5 inline-flex max-w-[14rem] translate-y-[2px] items-center gap-1 rounded-full border border-primary/20 bg-primary/10 px-1.5 py-0.5 text-xs font-medium text-primary"
-        title={email}
-      >
-        <IconAt className="size-3" />
-        <span className="truncate">{label || email}</span>
-      </span>,
-    );
-    lastIndex = pattern.lastIndex;
+    protectedSpans.push({
+      source: match[0],
+      label: label || email,
+      title: email,
+    });
   }
-  if (lastIndex < message.length) parts.push(message.slice(lastIndex));
-  return parts.length > 0 ? parts : message;
+  return (
+    <InlineMarkdown
+      content={message}
+      inline
+      protectedSpans={protectedSpans}
+      renderProtectedSpan={(span, children) => (
+        <span
+          key={span.source}
+          className="mx-0.5 inline-flex max-w-[14rem] translate-y-[2px] items-center gap-1 rounded-full border border-primary/20 bg-primary/10 px-1.5 py-0.5 text-xs font-medium text-primary"
+          title={span.title}
+        >
+          <IconAt className="size-3" />
+          <span className="truncate">{children}</span>
+        </span>
+      )}
+    />
+  );
 }
 
 function CommentAvatar({
@@ -9066,9 +9075,9 @@ function CommentThreadMessage({
             </p>
           )}
         </div>
-        <p className="mt-1 whitespace-pre-wrap text-sm leading-6">
+        <div className="mt-1 text-sm leading-6">
           {renderCommentMessage(comment.message)}
-        </p>
+        </div>
       </div>
       {action}
     </div>

package/corpus/templates/slides/actions/add-slide-comment.ts

@@ -17,7 +17,7 @@ function displayNameFromEmail(email: string): string {
 
 export default defineAction({
   description:
-    "Add a comment to a slide. Omit threadId to start a new thread; provide threadId to reply.",
+    "Add a comment to a slide. Inline Markdown supports emphasis, inline code, links, and line breaks; headings are flattened. Omit threadId to start a new thread; provide threadId to reply.",
   schema: z.object({
     deckId: z.string().describe("Deck ID"),
     slideId: z.string().describe("Slide ID"),

package/corpus/templates/slides/actions/update-slide-comment.ts

@@ -8,7 +8,7 @@ import { getDb, schema } from "../server/db/index.js";
 
 export default defineAction({
   description:
-    "Update a slide comment. Resolving or reopening a comment applies to the full thread.",
+    "Update a slide comment. Comment text supports inline Markdown without headings. Resolving or reopening a comment applies to the full thread.",
   schema: z.object({
     id: z.string().describe("Comment ID"),
     deckId: z.string().optional().describe("Deck ID"),

package/corpus/templates/slides/app/components/comments/SlideCommentsPanel.tsx

@@ -1,4 +1,5 @@
 import { useT } from "@agent-native/core/client/i18n";
+import { InlineMarkdown } from "@agent-native/core/client/markdown";
 import {
   IconX,
   IconCheck,
@@ -99,9 +100,10 @@ function CommentItem({
             )}
           </div>
         </div>
-        <p className="text-[12px] text-foreground/90 mt-0.5 break-words leading-relaxed">
-          {comment.content}
-        </p>
+        <InlineMarkdown
+          content={comment.content}
+          className="mt-0.5 text-[12px] text-foreground/90 leading-relaxed"
+        />
       </div>
     </div>
   );
@@ -374,9 +376,10 @@ function ThreadCard({
               )}
             </div>
           </div>
-          <p className="text-[12px] text-foreground/90 mt-0.5 break-words leading-relaxed">
-            {rootComment.content}
-          </p>
+          <InlineMarkdown
+            content={rootComment.content}
+            className="mt-0.5 text-[12px] text-foreground/90 leading-relaxed"
+          />
         </div>
       </div>