@agent-native/core 0.81.2 → 0.82.0

package/corpus/templates/design/changelog/2026-06-30-design-studio-canvas-layers-can-be-copied-pasted-and-reparen.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-30
+---
+
+Design Studio canvas layers can be copied, pasted, and reparented more reliably across screens.

package/corpus/templates/design/e2e/global-setup.ts

@@ -16,7 +16,9 @@ export const E2E_EMAIL = "e2e@local.test";
 export const E2E_PASSWORD = "password-e2e-1234";
 export const SEED_TITLE = "E2E Seed Design";
 
-const AUTH_DIR = path.join(import.meta.dirname, ".auth");
+const AUTH_DIR = process.env.E2E_AUTH_DIR
+  ? path.resolve(process.env.E2E_AUTH_DIR)
+  : path.join(import.meta.dirname, ".auth");
 const STATE_PATH = path.join(AUTH_DIR, "state.json");
 const SEED_PATH = path.join(AUTH_DIR, "seed.json");
 const BROWSER_CHANNEL = process.env.E2E_BROWSER_CHANNEL;

package/corpus/templates/design/e2e/helpers.ts

@@ -25,7 +25,10 @@ import { FIXTURE_HTML, SEED_TITLE } from "./global-setup";
  */
 
 export async function readSeedDesignId(): Promise<string> {
-  const seedPath = path.join(import.meta.dirname, ".auth", "seed.json");
+  const authDir = process.env.E2E_AUTH_DIR
+    ? path.resolve(process.env.E2E_AUTH_DIR)
+    : path.join(import.meta.dirname, ".auth");
+  const seedPath = path.join(authDir, "seed.json");
   const raw = await readFile(seedPath, "utf8");
   const { designId } = JSON.parse(raw) as { designId: string };
   if (!designId) throw new Error("no seeded designId - global-setup failed");

package/corpus/templates/design/playwright.config.ts

@@ -15,6 +15,9 @@ import { defineConfig, devices } from "@playwright/test";
  */
 const PORT = Number(process.env.E2E_PORT ?? 9333);
 const BASE_URL = process.env.E2E_BASE_URL ?? `http://127.0.0.1:${PORT}`;
+const AUTH_DIR = process.env.E2E_AUTH_DIR
+  ? path.resolve(process.env.E2E_AUTH_DIR)
+  : path.join(import.meta.dirname, "e2e", ".auth");
 const E2E_DATABASE_URL = `file:${path.join(
   import.meta.dirname,
   "data",
@@ -34,7 +37,7 @@ export default defineConfig({
   globalSetup: path.join(import.meta.dirname, "e2e", "global-setup.ts"),
   use: {
     baseURL: BASE_URL,
-    storageState: path.join(import.meta.dirname, "e2e", ".auth", "state.json"),
+    storageState: path.join(AUTH_DIR, "state.json"),
     trace: "on-first-retry",
     actionTimeout: 15_000,
     navigationTimeout: 30_000,

package/corpus/templates/plan/actions/consume-plan-feedback.ts

@@ -1,4 +1,4 @@
-import { defineAction, embedApp } from "@agent-native/core";
+import { defineAction } from "@agent-native/core";
 import { and, eq, inArray, isNull } from "drizzle-orm";
 import { z } from "zod";
 
@@ -28,14 +28,6 @@ export default defineAction({
   },
   mcpApp: {
     compactCatalog: true,
-    resource: embedApp({
-      title: "Consume Feedback",
-      description:
-        "Open the Agent-Native Plan surface to view and manage feedback comments.",
-      iframeTitle: "Agent-Native Plan",
-      openLabel: "Open Plan",
-      height: 860,
-    }),
   },
   run: async (args) => {
     // Consuming feedback requires editor access — same as authoring changes in

package/corpus/templates/plan/actions/convert-visual-plan-to-prototype.ts

@@ -58,7 +58,7 @@ export default defineAction({
         "Open the converted Agent-Native Plan prototype review surface.",
       iframeTitle: "Agent-Native Plan",
       openLabel: "Open Visual Plan",
-      height: 860,
+      height: 900,
     }),
   },
   run: async (args) => {

package/corpus/templates/plan/actions/create-plan-design.ts

@@ -200,7 +200,7 @@ export default defineAction({
         "Open the Agent-Native Plan design review surface for full-fidelity screens, prototype behavior, comments, and implementation notes.",
       iframeTitle: "Agent-Native Plan",
       openLabel: "Open Plan Design",
-      height: 860,
+      height: 900,
     }),
   },
   run: async (args) => {

package/corpus/templates/plan/actions/create-prototype-plan.ts

@@ -158,7 +158,7 @@ export default defineAction({
         "Open the Agent-Native Plan prototype review surface for functional states, comments, static mocks, and implementation notes.",
       iframeTitle: "Agent-Native Plan",
       openLabel: "Open Visual Plan",
-      height: 860,
+      height: 900,
     }),
   },
   run: async (args) => {

package/corpus/templates/plan/actions/create-ui-plan.ts

@@ -127,7 +127,7 @@ export default defineAction({
         "Open the Agent-Native Plan UI review surface for sketch mockups, state annotations, implementation maps, snippets, and validation notes.",
       iframeTitle: "Agent-Native Plan",
       openLabel: "Open UI Plan",
-      height: 860,
+      height: 900,
     }),
   },
   run: async (args) => {

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

@@ -53,7 +53,7 @@ function inferImportedPlanTitle(planText: string): string {
 
 export default defineAction({
   description:
-    "Create a document-first structured plan for any coding task. For a plan whose centerpiece is wireframed screens/states on a canvas use create-ui-plan; for a recap of an existing diff use create-visual-recap; for a running interactive prototype use create-prototype-plan; for a full-fidelity branded design use create-plan-design. Also accepts imported Codex, Claude Code, Markdown, or pasted plan text via planText. Publish via this tool; never deliver the plan as inline chat text.",
+    "Create a document-first structured plan for any coding task. Call this EXACTLY ONCE per plan — produce the final plan in a single call. Do NOT create a draft and then a second 'clean' version; if you need to revise after creating, call update-visual-plan with the existing planId instead of creating another plan (each create renders its own embed, so a second create leaves a duplicate). For a plan whose centerpiece is wireframed screens/states on a canvas use create-ui-plan; for a recap of an existing diff use create-visual-recap; for a running interactive prototype use create-prototype-plan; for a full-fidelity branded design use create-plan-design. Also accepts imported Codex, Claude Code, Markdown, or pasted plan text via planText. Publish via this tool; never deliver the plan as inline chat text.",
   schema: z
     .object({
       title: z.string().optional().describe("Short plan title"),
@@ -121,7 +121,7 @@ export default defineAction({
         "Open the Agent-Native Plan review surface for structured blocks, inline diagrams, optional UI wireframes/prototypes, and comments.",
       iframeTitle: "Agent-Native Plan",
       openLabel: "Open Plan",
-      height: 860,
+      height: 900,
     }),
   },
   run: async (args) => {
@@ -216,26 +216,43 @@ export default defineAction({
         visibility: "private",
       });
 
-    await getDb()
-      .insert(schema.planSections)
-      .values(
-        sections.map((section, index) => ({
-          id: section.id ?? newId("sec"),
-          planId: id,
-          type: section.type,
-          title: section.title,
-          body: section.body,
-          html: section.html ?? null,
-          order: section.order ?? index,
-          createdBy: section.createdBy,
-          createdAt: now,
-          updatedAt: now,
-        })),
-      );
+    // `planSections.id` is a GLOBAL primary key, so a client-supplied id (e.g.
+    // "section-1") collides across plans/retries and throws on insert. Always
+    // generate a unique server id; keep a logical-id -> row-id map so comment
+    // anchors can be remapped instead of failing the foreign key.
+    const sectionIdByLogical = new Map<string, string>();
+    const sectionRows = sections.map((section, index) => {
+      const rowId = newId("sec");
+      const logicalId = section.id ?? `section-${index + 1}`;
+      sectionIdByLogical.set(logicalId, rowId);
+      if (section.id) sectionIdByLogical.set(section.id, rowId);
+      return {
+        id: rowId,
+        planId: id,
+        type: section.type,
+        title: section.title,
+        body: section.body,
+        html: section.html ?? null,
+        order: section.order ?? index,
+        createdBy: section.createdBy,
+        createdAt: now,
+        updatedAt: now,
+      };
+    });
+    await getDb().insert(schema.planSections).values(sectionRows);
+
+    // Remap each comment's sectionId to its real row id; drop (undefined)
+    // anchors that match no section rather than failing the FK and blocking the
+    // publish.
+    const commentsForInsert = args.comments.map((comment) => {
+      if (!comment.sectionId) return comment;
+      const mapped = sectionIdByLogical.get(comment.sectionId);
+      return { ...comment, sectionId: mapped };
+    });
 
     await insertInitialPlanComments({
       planId: id,
-      comments: args.comments,
+      comments: commentsForInsert,
       requestEmail: requesterEmail,
       requestName: requesterName,
       now,

package/corpus/templates/plan/actions/create-visual-questions.ts

@@ -149,7 +149,7 @@ export default defineAction({
         "Open an interactive visual intake form with chips, mockup options, diagrams, freeform answers, and agent handoff.",
       iframeTitle: "Agent-Native Plan",
       openLabel: "Open Visual Questions",
-      height: 860,
+      height: 900,
     }),
   },
   run: async (args) => {

package/corpus/templates/plan/actions/create-visual-recap.ts

@@ -265,7 +265,7 @@ export default defineAction({
         "Open the Agent-Native Plan review surface for a visual code-review recap.",
       iframeTitle: "Agent-Native Plan",
       openLabel: "Open Recap",
-      height: 860,
+      height: 900,
     }),
   },
   run: async (args) => {

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

@@ -1,4 +1,4 @@
-import { defineAction, embedApp } from "@agent-native/core";
+import { defineAction } from "@agent-native/core";
 import { getRequestUserEmail } from "@agent-native/core/server/request-context";
 import {
   ForbiddenError,
@@ -72,14 +72,6 @@ export default defineAction({
   },
   mcpApp: {
     compactCatalog: true,
-    resource: embedApp({
-      title: "Delete Comment",
-      description:
-        "Open the Agent-Native Plan surface to manage reviewer comments.",
-      iframeTitle: "Agent-Native Plan",
-      openLabel: "Open Plan",
-      height: 860,
-    }),
   },
   run: async (args) => {
     const requesterEmail = getRequestUserEmail();

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

@@ -1,4 +1,4 @@
-import { defineAction, embedApp } from "@agent-native/core";
+import { defineAction } from "@agent-native/core";
 import { deleteCollabState } from "@agent-native/core/collab";
 import { getDbExec } from "@agent-native/core/db";
 import { getRequestUserEmail } from "@agent-native/core/server/request-context";
@@ -206,14 +206,6 @@ export default defineAction({
   needsApproval: (args) => args.mode === "hard",
   mcpApp: {
     compactCatalog: true,
-    resource: embedApp({
-      title: "Delete Plan Data",
-      description:
-        "Open the Agent-Native Plan surface to manage hosted plan deletion.",
-      iframeTitle: "Agent-Native Plan",
-      openLabel: "Open Plan",
-      height: 860,
-    }),
   },
   run: async (args) => {
     const deleteOwnerEmail = requireDeleteOwnerEmail();

package/corpus/templates/plan/actions/get-plan-feedback.ts

@@ -1,4 +1,4 @@
-import { defineAction, embedApp } from "@agent-native/core";
+import { defineAction } from "@agent-native/core";
 import { z } from "zod";
 
 import { loadPlanBundle } from "../server/plans.js";
@@ -410,14 +410,6 @@ export default defineAction({
   },
   mcpApp: {
     compactCatalog: true,
-    resource: embedApp({
-      title: "Plan Feedback",
-      description:
-        "Open the Agent-Native Plan surface for reviewer feedback, annotations, and comments.",
-      iframeTitle: "Agent-Native Plan",
-      openLabel: "Open Plan Feedback",
-      height: 860,
-    }),
   },
   run: async (args) => {
     const bundle = await loadPlanBundle(args.planId);

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

@@ -1,4 +1,4 @@
-import { defineAction, embedApp } from "@agent-native/core";
+import { defineAction } from "@agent-native/core";
 import { z } from "zod";
 
 import {
@@ -64,14 +64,6 @@ export default defineAction({
   },
   mcpApp: {
     compactCatalog: true,
-    resource: embedApp({
-      title: "Plan",
-      description:
-        "Open the Agent-Native Plan review surface for structured blocks, annotations, and comments.",
-      iframeTitle: "Agent-Native Plan",
-      openLabel: "Open Plan",
-      height: 860,
-    }),
   },
   run: async (args, ctx) => {
     const bundle = await loadPlanBundle(args.id);

package/corpus/templates/plan/actions/import-visual-plan-source.ts

@@ -91,7 +91,7 @@ export default defineAction({
       description: "Open an imported Agent-Native Plan review surface.",
       iframeTitle: "Agent-Native Plan",
       openLabel: "Open Plan",
-      height: 860,
+      height: 900,
     }),
   },
   run: async (args) => {

package/corpus/templates/plan/actions/list-visual-plans.ts

@@ -1,4 +1,4 @@
-import { defineAction, embedApp } from "@agent-native/core";
+import { defineAction } from "@agent-native/core";
 import { accessFilter, currentAccess } from "@agent-native/core/sharing";
 import { and, desc, eq, isNotNull, isNull, or } from "drizzle-orm";
 import { z } from "zod";
@@ -36,14 +36,6 @@ export default defineAction({
   readOnly: true,
   mcpApp: {
     compactCatalog: true,
-    resource: embedApp({
-      title: "Plans",
-      description:
-        "Open the Agent-Native Plan index for existing plans and recaps.",
-      iframeTitle: "Agent-Native Plan",
-      openLabel: "Open Plans",
-      height: 860,
-    }),
   },
   run: async (args) => {
     // Project only the columns the list/summary needs. A bare `.select()` pulls

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

@@ -1,4 +1,4 @@
-import { defineAction, embedApp } from "@agent-native/core";
+import { defineAction } from "@agent-native/core";
 import {
   getRequestUserEmail,
   getRequestUserName,
@@ -63,14 +63,6 @@ export default defineAction({
   },
   mcpApp: {
     compactCatalog: true,
-    resource: embedApp({
-      title: "Reply to Comment",
-      description:
-        "Open the Agent-Native Plan surface to view and reply to comment threads.",
-      iframeTitle: "Agent-Native Plan",
-      openLabel: "Open Plan",
-      height: 860,
-    }),
   },
   run: async (args) => {
     const requesterEmail = getRequestUserEmail();

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

@@ -1,4 +1,4 @@
-import { defineAction, embedApp } from "@agent-native/core";
+import { defineAction } from "@agent-native/core";
 import {
   getRequestUserEmail,
   getRequestUserName,
@@ -101,14 +101,6 @@ export default defineAction({
   },
   mcpApp: {
     compactCatalog: true,
-    resource: embedApp({
-      title: "Resolve Comment",
-      description:
-        "Open the Agent-Native Plan surface to manage comment thread statuses.",
-      iframeTitle: "Agent-Native Plan",
-      openLabel: "Open Plan",
-      height: 860,
-    }),
   },
   run: async (args) => {
     const requesterEmail = getRequestUserEmail();

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

@@ -456,7 +456,7 @@ export default defineAction({
         "Open the Agent-Native Plan editor for structured content, comments, and status changes.",
       iframeTitle: "Agent-Native Plan",
       openLabel: "Open Plan",
-      height: 860,
+      height: 900,
     }),
   },
   run: async (args) => {

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

@@ -182,7 +182,7 @@ export default defineAction({
       description: "Open the Agent-Native Plan visual answer surface.",
       iframeTitle: "Agent-Native Plan",
       openLabel: "Open Visual Answer",
-      height: 860,
+      height: 900,
     }),
   },
   // Render the answer's diagram/wireframe/api-spec/data-model blocks INLINE in

package/corpus/templates/plan/app/components/layout/Layout.tsx

@@ -132,6 +132,21 @@ export function Layout({ children }: LayoutProps) {
       window.removeEventListener(PLAN_READER_VIEW_EVENT, onPlanReaderView);
   }, [planDetailRoute]);
 
+  // Embed mode: render just the reader, flowing — no Sidebar, no AgentSidebar,
+  // no h-screen shell. Those (some in shared core) lock the embed to the iframe
+  // height; bypassing them lets the document flow so the shell sizes to content
+  // (see global.css `html[data-embed]` + frame.ts content-height reporting).
+  const embedded = new URLSearchParams(location.search).get("embedded") === "1";
+  if (embedded) {
+    return (
+      <HeaderActionsProvider>
+        <div className="agent-embed-root flex w-full flex-col bg-background text-foreground">
+          {children}
+        </div>
+      </HeaderActionsProvider>
+    );
+  }
+
   const pageContent = (
     <div className="flex h-full flex-1 flex-col overflow-hidden">
       {ownsToolbar ? (

package/corpus/templates/plan/app/entry.client.tsx

@@ -16,4 +16,14 @@ if (context) {
   context.basename = routerBasePath;
 }
 
+// Embed mode: mark the document so the reader flows to its content height (see
+// global.css `html[data-embed]`). Set before hydration so there's no flash.
+try {
+  if (new URLSearchParams(window.location.search).get("embedded") === "1") {
+    document.documentElement.dataset.embed = "1";
+  }
+} catch {
+  // ignore — non-embedded contexts never set the marker
+}
+
 hydrateRoot(document, <HydratedRouter useTransitions={false} />);

package/corpus/templates/plan/app/global.css

@@ -2394,3 +2394,31 @@
   outline-offset: 2px;
   border-radius: 6px;
 }
+
+/* Embed mode (set by entry.client.tsx on `?embedded=1`). The app shell is
+ * fixed-viewport (`h-screen` + `overflow-hidden`), so inside the iframe
+ * scrollHeight equals the iframe height and the embed can't size to content.
+ * Flow the shell -> reader chain so frame.ts reports the real height. Scoped to
+ * [data-embed]; covers the AgentSidebar wrapper too since the chain spans
+ * several containers. */
+html[data-embed="1"],
+html[data-embed="1"] body,
+html[data-embed="1"] #root {
+  height: auto !important;
+  min-height: 0 !important;
+  overflow: visible !important;
+}
+
+html[data-embed="1"] .agent-layout-shell,
+html[data-embed="1"] .agent-layout-main-surface,
+html[data-embed="1"] .agent-sidebar-root,
+html[data-embed="1"] .agent-sidebar-content,
+html[data-embed="1"] .plans-workspace,
+html[data-embed="1"] .plan-content-surface,
+html[data-embed="1"] [data-agent-sidebar],
+html[data-embed="1"] [data-agent-sidebar-content] {
+  height: auto !important;
+  min-height: 0 !important;
+  max-height: none !important;
+  overflow: visible !important;
+}

package/corpus/templates/plan/shared/plan-content.ts

@@ -1412,10 +1412,14 @@ export const imageDataSchema: z.ZodType<PlanImageBlock["data"]> = z
     message: "Image block requires an assetId or url.",
   });
 
+// Generous max lengths so a long question title/label never hard-fails a
+// publish (which forces the agent to retry and leaves an empty embed behind).
+// These are well above any realistic title/label; the renderer truncates
+// visually as needed.
 const planQuestionOptionSchema: z.ZodType<PlanQuestionOption> = z.object({
   id: idSchema,
-  label: z.string().trim().min(1).max(220),
-  detail: z.string().trim().max(800).optional(),
+  label: z.string().trim().min(1).max(2000),
+  detail: z.string().trim().max(4000).optional(),
   recommended: z.boolean().optional(),
   wireframe: wireframeDataSchema.optional(),
   diagram: diagramDataSchema.optional(),
@@ -1423,19 +1427,19 @@ const planQuestionOptionSchema: z.ZodType<PlanQuestionOption> = z.object({
 
 const planQuestionSchema: z.ZodType<PlanQuestion> = z.object({
   id: idSchema,
-  title: z.string().trim().min(1).max(260),
-  subtitle: z.string().trim().max(700).optional(),
+  title: z.string().trim().min(1).max(2000),
+  subtitle: z.string().trim().max(4000).optional(),
   mode: z.enum(["single", "multi", "freeform"]),
   options: z.array(planQuestionOptionSchema).max(40).optional(),
   allowOther: z.boolean().optional(),
-  placeholder: z.string().trim().max(240).optional(),
+  placeholder: z.string().trim().max(1000).optional(),
   required: z.boolean().optional(),
 });
 
 export const questionFormDataSchema: z.ZodType<PlanQuestionFormBlock["data"]> =
   z.object({
     questions: z.array(planQuestionSchema).min(1).max(40),
-    submitLabel: z.string().trim().max(80).optional(),
+    submitLabel: z.string().trim().max(400).optional(),
   });
 
 export const planBlockSchema: z.ZodType<PlanBlock> = z.lazy(() =>

package/dist/client/frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../src/client/frame.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAMH;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,IAAI,CAM1D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAC3B,MAAM,IAAI,CAWZ;AAkBD,wBAAgB,+BAA+B,IAAI,MAAM,GAAG,IAAI,CAG/D;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAiBlE;AAyBD;;;GAGG;AACH,wBAAgB,cAAc,IAAI,MAAM,GAAG,IAAI,CAE9C;AAED;;;GAGG;AACH,wBAAgB,SAAS,IAAI,OAAO,CAEnC;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AA6CD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAY7D;AAMD,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,SAAS,SAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAoCnE;AAMD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAExD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAEvD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAExC"}
+{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../src/client/frame.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAMH;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,IAAI,CAM1D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAC3B,MAAM,IAAI,CAWZ;AAkBD,wBAAgB,+BAA+B,IAAI,MAAM,GAAG,IAAI,CAG/D;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAiBlE;AAgFD;;;GAGG;AACH,wBAAgB,cAAc,IAAI,MAAM,GAAG,IAAI,CAE9C;AAED;;;GAGG;AACH,wBAAgB,SAAS,IAAI,OAAO,CAEnC;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AA6CD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAY7D;AAMD,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,SAAS,SAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAoCnE;AAMD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAExD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAEvD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAExC"}

package/dist/client/frame.js

@@ -73,6 +73,64 @@ export function isTrustedFrameMessage(event) {
         return false;
     return event.source === window.parent || event.source === window;
 }
+// ---------------------------------------------------------------------------
+// Content-height reporting (for MCP App embeds)
+// ---------------------------------------------------------------------------
+//
+// The embed shell renders this app in a cross-origin iframe and can't measure
+// its content, so we post the real content height for the shell to size to.
+// Only shrinks when the document flows to its natural height — embed layouts
+// must not force `100vh`/`h-screen` on the root, or scrollHeight just equals
+// the iframe height.
+let _contentHeightReportingStarted = false;
+let _lastReportedContentHeight = 0;
+function measureContentHeight() {
+    if (typeof document === "undefined")
+        return 0;
+    const doc = document.documentElement;
+    const body = document.body;
+    return Math.ceil(Math.max(doc ? doc.scrollHeight : 0, body ? body.scrollHeight : 0));
+}
+function reportContentHeight() {
+    if (typeof window === "undefined" || window.parent === window)
+        return;
+    const height = measureContentHeight();
+    if (!height || Math.abs(height - _lastReportedContentHeight) < 2)
+        return;
+    _lastReportedContentHeight = height;
+    sendToFrame("agentNative.contentHeight", { height });
+}
+function startContentHeightReporting() {
+    if (_contentHeightReportingStarted || typeof window === "undefined")
+        return;
+    if (window.parent === window)
+        return;
+    _contentHeightReportingStarted = true;
+    let scheduled = false;
+    const schedule = () => {
+        if (scheduled)
+            return;
+        scheduled = true;
+        window.requestAnimationFrame(() => {
+            scheduled = false;
+            reportContentHeight();
+        });
+    };
+    schedule();
+    for (const delay of [100, 300, 800, 1500])
+        window.setTimeout(schedule, delay);
+    try {
+        const observer = new ResizeObserver(schedule);
+        if (document.documentElement)
+            observer.observe(document.documentElement);
+        if (document.body)
+            observer.observe(document.body);
+    }
+    catch {
+        window.addEventListener("resize", schedule, { passive: true });
+    }
+    window.addEventListener("load", schedule, { passive: true });
+}
 // Listen for frame origin message and cache it.
 // Only accept from the direct parent frame, and only set once.
 if (typeof window !== "undefined") {
@@ -87,6 +145,7 @@ if (typeof window !== "undefined") {
             event.source === window.parent) {
             _frameOrigin = origin;
             window.parent.postMessage({ type: "agentNative.embeddedAppReady" }, getFramePostMessageTargetOrigin() ?? window.location.origin);
+            startContentHeightReporting();
         }
     });
 }