@agent-native/core 0.80.4 → 0.80.5

package/corpus/templates/design/shared/shader-presets.ts

@@ -765,6 +765,16 @@ export function validateDescriptor(descriptor: ShaderDescriptor): {
       if (def.max !== undefined && num > def.max) {
         errors.push(`Param "${key}" value ${num} is above maximum ${def.max}`);
       }
+    } else if (def.kind === "enum") {
+      if (def.options && !def.options.includes(value as string)) {
+        errors.push(
+          `Param "${key}" value "${value}" is not in allowed options: ${def.options.join(", ")}`,
+        );
+      }
+    } else if (def.kind === "bool") {
+      if (typeof value !== "boolean") {
+        errors.push(`Param "${key}" must be a boolean`);
+      }
     }
   }
 

package/corpus/templates/design/shared/source-mode.ts

@@ -213,8 +213,17 @@ export function normalizeDesignSourceType(
 export function makeLocalhostRouteId(path: string): string {
   const normalized = path.trim() || "/";
   if (normalized === "/") return "route-root";
+  // Pure wildcard routes ("/*", "/**") collapse to a single id.
+  if (/^\/\*+$/.test(normalized)) return "route-wildcard";
+  // Encode structural characters distinctly BEFORE collapsing non-alphanumerics,
+  // otherwise paths like "/design/:id" and "/design-id", or "/users" and
+  // "/users/*", produce identical ids and silently overwrite each other in the
+  // route manifest map.
   const slug = normalized
     .replace(/^\/+/, "")
+    .replace(/\*/g, "w") // wildcard segment
+    .replace(/:/g, "p") // route param prefix (":id" -> "pid")
+    .replace(/[[\]]/g, "") // strip [id] bracket syntax
     .replace(/[^a-zA-Z0-9]+/g, "-")
     .replace(/^-+|-+$/g, "")
     .toLowerCase();

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

@@ -9,6 +9,7 @@ export default {
   },
   test: {
     include: ["**/*.{test,spec}.?(c|m)[jt]s?(x)"],
-    exclude: ["**/node_modules/**", "**/.git/**", "**/dist/**"],
+    // e2e/ holds Playwright (@playwright/test) specs; run via `pnpm e2e`, not vitest.
+    exclude: ["**/node_modules/**", "**/.git/**", "**/dist/**", "**/e2e/**"],
   },
 };

package/corpus/templates/mail/app/components/layout/AppLayout.tsx

@@ -1317,7 +1317,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
             <TooltipContent>{t("mail.toolbar.composeShortcut")}</TooltipContent>
           </Tooltip>
 
-          {/* Account avatars — overlapping stack like Figma */}
+          {/* Account avatars — overlapping stack */}
           {googleStatus.isLoading && (
             <div className="flex items-center ms-1">
               <Skeleton className="h-7 w-7 rounded-full ring-2 ring-card" />

package/corpus/templates/plan/.agents/skills/visual-plan/references/canvas.md

@@ -35,7 +35,7 @@ and move any frame whose label, connector, or annotation crosses another frame.
 When in doubt, use larger values — the canvas auto-zooms to fit everything.
 
 **Canvas annotations are designer notes on the artboard.** When a top canvas is
-present, sprinkle Figma-style notes near the frames they explain: a short
+present, sprinkle design-review notes near the frames they explain: a short
 heading, supporting text, and bullets — plain text layers, never bordered or
 shadowed cards, and never a box around a frame. The renderer spaces notes away
 from frames, so place each note by the frame it describes. Use an arrow only to

package/corpus/templates/plan/AGENTS.md

@@ -225,7 +225,7 @@ elementId, styles }]`. Elements must have `data-design-id` or
   `data-plan-design-id`; use `patch-wireframe-html` / `patch-prototype-html` for
   structural or text changes.
 - Plan comments include reviewer identity, @mentions, resolver intent
-  (`agent` or `human`), exact anchors, and Figma-style threads. When adding
+  (`agent` or `human`), exact anchors, and design-review threads. When adding
   human feedback through `update-visual-plan`, preserve `authorEmail` and
   `authorName` when known; pass `parentCommentId` to reply inline to an
   existing comment thread. Text feedback should anchor to the nearest prose

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

@@ -102,7 +102,7 @@ const designContextRecordSchema = z.record(z.string(), z.unknown()).refine(
 
 export default defineAction({
   description:
-    "Create a full-fidelity branded design plan with a Design tab (Figma-style canvas) and optional Prototype tab. For a document-first plan use create-visual-plan; for a wireframe-canvas plan use create-ui-plan; for a recap of an existing diff use create-visual-recap; for a functional prototype use create-prototype-plan. Use design.md, .fig brand kits, and codebase CSS/Tailwind/token evidence when available. Design screens are bounded HTML/CSS fragments with data-design-id targets. Publish via this tool; never deliver the plan as inline chat text.",
+    "Create a full-fidelity branded design plan with a Design tab (editable design canvas) and optional Prototype tab. For a document-first plan use create-visual-plan; for a wireframe-canvas plan use create-ui-plan; for a recap of an existing diff use create-visual-recap; for a functional prototype use create-prototype-plan. Use design.md, .fig brand kits, and codebase CSS/Tailwind/token evidence when available. Design screens are bounded HTML/CSS fragments with data-design-id targets. Publish via this tool; never deliver the plan as inline chat text.",
   schema: z
     .object({
       title: z.string().optional().describe("Short design plan title"),

package/corpus/templates/plan/actions/validate-local-plan-source.ts

@@ -1,7 +1,7 @@
 import { defineAction } from "@agent-native/core";
 import { z } from "zod";
 
-import { parsePlanMdxFolder, type PlanMdxFolder } from "../server/plan-mdx.js";
+import { parsePlanMdxFolder, planMdxFileSchema } from "../server/plan-mdx.js";
 
 /**
  * Authoritative validation for a local plan MDX folder.
@@ -21,14 +21,6 @@ import { parsePlanMdxFolder, type PlanMdxFolder } from "../server/plan-mdx.js";
 // large-but-valid plans still get authoritative validation instead of the lint.
 const MAX_MDX_BYTES = 16 * 1024 * 1024;
 
-const mdxFolderSchema = z.object({
-  "plan.mdx": z.string().min(1),
-  "canvas.mdx": z.string().optional(),
-  "prototype.mdx": z.string().optional(),
-  ".plan-state.json": z.string().optional(),
-  "assets/": z.record(z.string(), z.string()).optional(),
-}) satisfies z.ZodType<PlanMdxFolder>;
-
 type ValidationIssue = { path: string; message: string };
 
 function formatZodPath(segments: Array<string | number>): string {
@@ -73,7 +65,7 @@ export default defineAction({
   description:
     "Validate a local plan MDX folder against the live Plan renderer schema (parsePlanMdxFolder + planContentSchema). Returns { valid, issues } where issues carry the renderer's exact schema path (e.g. blocks[1].data.items[0].id). Use this to confirm a plan will render before handing it off — it is the authoritative check behind `plan local verify`. Pure parse: no database, filesystem, or schema.plans access.",
   schema: z.object({
-    mdx: mdxFolderSchema.describe(
+    mdx: planMdxFileSchema.describe(
       "The plan MDX folder: plan.mdx plus optional canvas.mdx, prototype.mdx, .plan-state.json, and assets/.",
     ),
   }),

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

@@ -9083,6 +9083,7 @@ function CreatePlanDialog({
               disabled={composerLocked}
               attachmentsEnabled={false}
               showModelSelector={false}
+              modelStatusChecksEnabled={false}
               placeholder={t("plansPage.create.placeholder")}
               draftScope="plans:create-plan"
               initialText={promptSeed}

package/corpus/templates/plan/docs/commenting-ux-plan.md

@@ -5,7 +5,7 @@
 > clarity** on (a) exactly what is commented on — which text, which part of an
 > image / wireframe / canvas, with a focused marked screenshot for visual
 > comments, (b) the diff of edits, (c) whether each comment is for a **human** or
-> the **agent** to resolve — plus Figma-grade `@mention` tagging.
+> the **agent** to resolve — plus collaboration-grade `@mention` tagging.
 >
 > This plan is written to be merged into an already-in-progress implementation.
 > It is framed as **what already ships → the real holes → the fixes**, with
@@ -18,7 +18,7 @@
 | Question                                                                     | Today                                                                                                                                                                                                                                                                                                                        | Verdict                                                                  |
 | ---------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ |
 | Is it clear when a comment should be resolved by a **human vs the agent**?   | A `resolutionTarget` (`'agent' \| 'human'`) toggle exists in the draft UI (`PlansPage.tsx:4587`) and is surfaced to the agent as an `Expected resolver:` line (`comment-context.ts:198`) — but it lives **only inside the anchor JSON blob**, is not a DB column, and the handoff doesn't partition the agent's queue by it. | **Partly. Make it queryable + partition the handoff.**                   |
-| Can you `@tag` org members with Figma-style autocomplete + inline chips?     | Yes — `CommentMentionEditor` (`:4320`) + `useOrgMemberMentionSearch` → `/_agent-native/org/members` (`:433/:451`) + `@[label](mailto:email)` token grammar (`comment-context.ts:55`).                                                                                                                                        | **Yes, already built. Harden, don't rebuild.**                           |
+| Can you `@tag` org members with design-editor autocomplete + inline chips?   | Yes — `CommentMentionEditor` (`:4320`) + `useOrgMemberMentionSearch` → `/_agent-native/org/members` (`:433/:451`) + `@[label](mailto:email)` token grammar (`comment-context.ts:55`).                                                                                                                                        | **Yes, already built. Harden, don't rebuild.**                           |
 | When you comment on a location and pass to the agent, is it **fully clear**? | For **text**: yes-ish — quote + section, with `contextBefore/After` fields that exist but are **unevenly populated**. For **visual/canvas**: **no** — the agent gets coordinates + a label only, and the screenshot path that does exist is **bound to the wrong DOM surface** so canvas pins capture garbage.               | **Text: tighten. Visual: broken — this is the #1 fix.**                  |
 | Do agents get a **screenshot** of the visual location?                       | An in-app capture path exists (`captureFocusedFeedbackImages`, `:2289`, html2canvas + red-ring marker) but: (1) it rasterizes the **prose reader**, not the canvas world, so canvas/wireframe/diagram pins produce empty crops; (2) crops reach **only** the in-app inline agent — external/MCP agents get text-only.        | **No, not reliably. Fix the surface + deliver via the handoff.**         |
 | Does text-by-location attach to the **nearest text**?                        | It stores `textQuote` + `sectionTitle`; `contextBefore/After` (prefix/suffix) exist in the type but aren't reliably filled, and `resolveAnchorTarget` silently picks the first match for duplicate phrases.                                                                                                                  | **Mostly — guarantee prefix/suffix + nearest blockId + ambiguity flag.** |

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

@@ -1502,7 +1502,7 @@ export function createPlanDesignContent(
       data: {
         markdown: [
           `## Objective\n${input.brief}`,
-          "## Design Review\nUse the Design tab as the full-fidelity source of truth. It should contain detailed, on-brand HTML/CSS screens on the Figma-style canvas, with editable `data-design-id` targets for focused style changes. Use the Prototype tab only when interaction, flow, or state needs to be felt before implementation.",
+          "## Design Review\nUse the Design tab as the full-fidelity source of truth. It should contain detailed, on-brand HTML/CSS screens on the editable design canvas, with editable `data-design-id` targets for focused style changes. Use the Prototype tab only when interaction, flow, or state needs to be felt before implementation.",
           sourceLines.length
             ? `## Style Sources\n${sourceLines.join("\n")}`
             : "## Style Sources\nNo external brand kit was provided; infer the smallest useful design system from the inspected codebase and document the assumptions here.",

package/corpus/templates/plan/server/ui-plan-html.ts

@@ -58,7 +58,7 @@ const DEFAULT_COMPONENTS: UiPlanComponent[] = [
   {
     name: "Comment popover",
     description:
-      "One-field Figma-like comment composer with no category picker or coordinate metadata in the user-facing bubble.",
+      "One-field compact comment composer with no category picker or coordinate metadata in the user-facing bubble.",
   },
   {
     name: "Drawing controls",
@@ -209,7 +209,7 @@ function renderCanvasAnnotationLayers(
     ? Math.min(board.width - 380, lastState.x + lastState.width + 96)
     : 1760;
   return `<div class="canvas-annotation handoff-note" style="${frameStyle(handoffX, 118, 340, 176)}">
-    <h4>Read this like a Figma handoff.</h4>
+    <h4>Read this like a design handoff.</h4>
     <ul>
       <li>Pan and zoom to compare frames.</li>
       <li>Leave comments directly on artboards.</li>

package/corpus/templates/slides/actions/index-design-system-with-builder.ts

@@ -7,11 +7,9 @@ import {
   getRequestOrgId,
   getRequestUserEmail,
 } from "@agent-native/core/server/request-context";
-import { eq } from "drizzle-orm";
-import { nanoid } from "nanoid";
 import { z } from "zod";
 
-import { getDb, schema } from "../server/db/index.js";
+import { upsertBuilderProxyDesignSystem } from "../server/lib/builder-design-system-proxy.js";
 
 const MAX_CODE_FILES = 50;
 const MAX_TOTAL_CODE_BYTES = 2 * 1024 * 1024;
@@ -52,83 +50,6 @@ function makeFiles(
   return files;
 }
 
-function localBuilderDesignSystemId(builderDesignSystemId: string): string {
-  const slug = builderDesignSystemId
-    .replace(/[^a-zA-Z0-9_-]+/g, "-")
-    .replace(/^-+|-+$/g, "")
-    .slice(0, 96);
-  return `builder-${slug || "design-system"}`;
-}
-
-function builderProxyData({
-  builderDesignSystemId,
-  jobId,
-  builderUrl,
-  projectName,
-  description,
-}: {
-  builderDesignSystemId: string;
-  jobId: string;
-  builderUrl: string;
-  projectName?: string;
-  description?: string;
-}) {
-  return JSON.stringify({
-    source: "builder",
-    builderDesignSystemId,
-    builderJobId: jobId,
-    builderUrl,
-    colors: {
-      primary: "var(--primary)",
-      secondary: "var(--secondary)",
-      accent: "var(--accent)",
-      background: "var(--background)",
-      surface: "var(--card)",
-      text: "var(--foreground)",
-      textMuted: "var(--muted-foreground)",
-    },
-    typography: {
-      headingFont: "inherit",
-      bodyFont: "inherit",
-      headingWeight: "700",
-      bodyWeight: "400",
-      headingSizes: { h1: "48px", h2: "32px", h3: "24px" },
-    },
-    spacing: { elementGap: "24px", slidePadding: "48px" },
-    borders: { radius: "12px", accentWidth: "1px" },
-    logos: [],
-    notes: [
-      "This is a local proxy for a Builder-indexed design system.",
-      `Builder design system id: ${builderDesignSystemId}`,
-      `Builder indexing job id: ${jobId}`,
-      `Builder URL: ${builderUrl}`,
-      projectName ? `Requested name: ${projectName}` : "",
-      description ? `Context: ${description}` : "",
-      "Use Builder as the source of truth for extracted tokens and guidance.",
-    ]
-      .filter(Boolean)
-      .join("\n"),
-  });
-}
-
-function builderProxyInstructions({
-  builderDesignSystemId,
-  jobId,
-  builderUrl,
-}: {
-  builderDesignSystemId: string;
-  jobId: string;
-  builderUrl: string;
-}) {
-  return [
-    "This design system is indexed and owned by Builder.",
-    `Builder design system id: ${builderDesignSystemId}`,
-    `Builder job id: ${jobId}`,
-    `Builder URL: ${builderUrl}`,
-    "When generating slides, treat Builder as the source of truth for the final extracted tokens, assets, and guidance.",
-  ].join("\n");
-}
-
 export default defineAction({
   description:
     "Start Builder design-system indexing from a GitHub repository and/or code files. " +
@@ -174,86 +95,18 @@ export default defineAction({
     const ownerEmail = getRequestUserEmail();
     if (!ownerEmail) throw new Error("no authenticated user");
 
-    const db = getDb();
-    const now = new Date().toISOString();
-    const orgId = getRequestOrgId();
-    const baseLocalDesignSystemId = localBuilderDesignSystemId(
-      result.designSystemId,
-    );
-    const title = projectName?.trim() || "Builder indexed design system";
-    const localData = builderProxyData({
-      builderDesignSystemId: result.designSystemId,
-      jobId: result.jobId,
-      builderUrl: result.builderUrl,
+    const proxy = await upsertBuilderProxyDesignSystem({
+      result,
+      ownerEmail,
+      orgId: getRequestOrgId(),
       projectName,
       description,
     });
-    const customInstructions = builderProxyInstructions({
-      builderDesignSystemId: result.designSystemId,
-      jobId: result.jobId,
-      builderUrl: result.builderUrl,
-    });
-    const [existing] = await db
-      .select({
-        id: schema.designSystems.id,
-        ownerEmail: schema.designSystems.ownerEmail,
-      })
-      .from(schema.designSystems)
-      .where(eq(schema.designSystems.id, baseLocalDesignSystemId))
-      .limit(1);
-    const localDesignSystemId =
-      existing && existing.ownerEmail !== ownerEmail
-        ? `${baseLocalDesignSystemId}-${nanoid(8)}`
-        : baseLocalDesignSystemId;
-    if (existing && existing.ownerEmail === ownerEmail) {
-      await db
-        .update(schema.designSystems)
-        .set({
-          title,
-          description:
-            description ??
-            `Builder indexed design system ${result.designSystemId}`,
-          data: localData,
-          assets: "[]",
-          customInstructions,
-          updatedAt: now,
-        })
-        .where(eq(schema.designSystems.id, existing.id));
-    } else {
-      const [ownedSystem] = await db
-        .select({ id: schema.designSystems.id })
-        .from(schema.designSystems)
-        .where(eq(schema.designSystems.ownerEmail, ownerEmail))
-        .limit(1);
-      await db.insert(schema.designSystems).values({
-        id: localDesignSystemId,
-        title,
-        description:
-          description ??
-          `Builder indexed design system ${result.designSystemId}`,
-        data: localData,
-        assets: "[]",
-        customInstructions,
-        isDefault: !ownedSystem,
-        ownerEmail,
-        orgId,
-        createdAt: now,
-        updatedAt: now,
-      });
-    }
 
     return {
       ...result,
-      localDesignSystemId,
+      ...proxy,
       uploadedFileCount: files.length,
-      instructions: [
-        "Builder design-system indexing has started.",
-        `Builder design system: ${result.designSystemId}`,
-        `Local selectable design system: ${localDesignSystemId}`,
-        `Builder job: ${result.jobId}`,
-        `Open: ${result.builderUrl}`,
-        "Use the local design system id in Slides flows; Builder remains the source of truth for the indexed brand kit.",
-      ].join("\n"),
     };
   },
 });

package/corpus/templates/slides/app/components/design-system/DesignSystemSetup.tsx

@@ -36,11 +36,11 @@ import { Textarea } from "@/components/ui/textarea";
 import { toast } from "@/hooks/use-toast";
 
 import {
-  MAX_FIG_UPLOAD_BYTES,
+  MAX_BUILDER_INDEX_UPLOAD_BYTES,
+  readBuilderIndexResponse,
   formatFileSize,
-  readFigImportResponse,
-  type FigImportResult,
-} from "./fig-import-response";
+  type BuilderIndexResult,
+} from "./builder-index-response";
 
 interface DesignSystemSetupProps {
   open: boolean;
@@ -105,9 +105,12 @@ export function DesignSystemSetup({
   const [brandNotes, setBrandNotes] = useState("");
   const [customInstructions, setCustomInstructions] = useState("");
   const [generating, setGenerating] = useState(false);
-  const [figParsing, setFigParsing] = useState(false);
-  const [figResult, setFigResult] = useState<FigImportResult | null>(null);
-  const [figError, setFigError] = useState<string | null>(null);
+  const [builderIndexing, setBuilderIndexing] = useState(false);
+  const [builderIndexResult, setBuilderIndexResult] =
+    useState<BuilderIndexResult | null>(null);
+  const [builderIndexError, setBuilderIndexError] = useState<string | null>(
+    null,
+  );
 
   const codeInputRef = useRef<HTMLInputElement>(null);
   const docInputRef = useRef<HTMLInputElement>(null);
@@ -158,9 +161,9 @@ export function DesignSystemSetup({
       setBrandNotes("");
       setCustomInstructions("");
       setSelectedSystemId("");
-      setFigParsing(false);
-      setFigResult(null);
-      setFigError(null);
+      setBuilderIndexing(false);
+      setBuilderIndexResult(null);
+      setBuilderIndexError(null);
     }
   }, [open]);
 
@@ -170,6 +173,7 @@ export function DesignSystemSetup({
       websiteUrls.length > 0 ||
       githubLinks.length > 0 ||
       codeFiles.length > 0 ||
+      builderIndexResult ||
       docFiles.length > 0 ||
       imageFiles.length > 0 ||
       selectedSystemId ||
@@ -181,6 +185,7 @@ export function DesignSystemSetup({
     websiteUrls,
     githubLinks,
     codeFiles,
+    builderIndexResult,
     docFiles,
     imageFiles,
     selectedSystemId,
@@ -238,44 +243,47 @@ export function DesignSystemSetup({
     [t],
   );
 
-  const handleFigImport = useCallback(
+  const handleBuilderIndexUpload = useCallback(
     async (event: React.ChangeEvent<HTMLInputElement>) => {
       const file = event.target.files?.[0];
       event.target.value = "";
       if (!file) return;
       if (!file.name.toLowerCase().endsWith(".fig")) {
-        setFigError(t("designSystemSetup.figFileRequired"));
+        setBuilderIndexError(t("designSystemSetup.figFileRequired"));
         return;
       }
-      if (file.size > MAX_FIG_UPLOAD_BYTES) {
-        setFigError(
+      if (file.size > MAX_BUILDER_INDEX_UPLOAD_BYTES) {
+        setBuilderIndexError(
           t("designSystemSetup.figFileTooLarge", {
-            maxSize: formatFileSize(MAX_FIG_UPLOAD_BYTES),
+            maxSize: formatFileSize(MAX_BUILDER_INDEX_UPLOAD_BYTES),
           }),
         );
         return;
       }
 
-      setFigError(null);
-      setFigResult(null);
-      setFigParsing(true);
+      setBuilderIndexError(null);
+      setBuilderIndexResult(null);
+      setBuilderIndexing(true);
       try {
         const body = new FormData();
         body.append("file", file);
-        const res = await fetch(appApiPath("/api/import-figma-system"), {
-          method: "POST",
-          body,
-        });
-        const parsed = await readFigImportResponse(res);
-        setFigResult(parsed);
+        const res = await fetch(
+          appApiPath("/api/index-design-system-with-builder"),
+          {
+            method: "POST",
+            body,
+          },
+        );
+        const parsed = await readBuilderIndexResponse(res);
+        setBuilderIndexResult(parsed);
       } catch (err) {
-        setFigError(
+        setBuilderIndexError(
           err instanceof Error
             ? err.message
             : t("designSystemSetup.figParseFailed"),
         );
       } finally {
-        setFigParsing(false);
+        setBuilderIndexing(false);
       }
     },
     [t],
@@ -353,6 +361,12 @@ export function DesignSystemSetup({
       }
     }
 
+    if (builderIndexResult) {
+      parts.push(
+        `\n## Builder-Indexed Figma File\nBuilder design-system indexing has already started.\n- Design system: ${builderIndexResult.designSystemId}\n- Local selectable design system: ${builderIndexResult.localDesignSystemId ?? "(not returned)"}\n- Project: ${builderIndexResult.projectId}\n- Job: ${builderIndexResult.jobId}\n- URL: ${builderIndexResult.builderUrl}\n\nUse Builder as the source of truth for extracted tokens, assets, and guidance. Do not call \`create-design-system\` again for this Builder-indexed source.`,
+      );
+    }
+
     if (docFiles.length > 0) {
       const inlined = docFiles.filter((f) => f.textContent);
       const binary = docFiles.filter((f) => !f.textContent);
@@ -419,6 +433,7 @@ export function DesignSystemSetup({
     websiteUrls,
     githubLinks,
     codeFiles,
+    builderIndexResult,
     docFiles,
     imageFiles,
     selectedSystemId,
@@ -469,15 +484,15 @@ export function DesignSystemSetup({
                     <IconBrandFigma className="w-3.5 h-3.5" />
                     {t("designSystemSetup.figmaFile")}
                   </Label>
-                  {!figResult ? (
+                  {!builderIndexResult ? (
                     <>
                       <button
                         type="button"
                         onClick={() => figInputRef.current?.click()}
-                        disabled={figParsing}
+                        disabled={builderIndexing}
                         className="w-full border border-dashed border-border rounded-lg p-4 text-center hover:border-foreground/20 cursor-pointer disabled:cursor-wait disabled:opacity-70"
                       >
-                        {figParsing ? (
+                        {builderIndexing ? (
                           <span className="inline-flex items-center gap-2 text-xs text-muted-foreground">
                             <IconLoader2 className="w-3.5 h-3.5 animate-spin" />
                             {t("designSystemSetup.parsingFigmaFile")}
@@ -492,24 +507,24 @@ export function DesignSystemSetup({
                         ref={figInputRef}
                         type="file"
                         accept=".fig"
-                        onChange={handleFigImport}
+                        onChange={handleBuilderIndexUpload}
                         className="hidden"
                       />
-                      {figError && (
+                      {builderIndexError && (
                         <div
                           role="alert"
                           className="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive"
                         >
-                          {figError}
+                          {builderIndexError}
                         </div>
                       )}
                     </>
                   ) : (
-                    <FigImportPreview
-                      result={figResult}
+                    <BuilderIndexPreview
+                      result={builderIndexResult}
                       onReset={() => {
-                        setFigResult(null);
-                        setFigError(null);
+                        setBuilderIndexResult(null);
+                        setBuilderIndexError(null);
                       }}
                     />
                   )}
@@ -842,11 +857,11 @@ function TagList({
   );
 }
 
-function FigImportPreview({
+function BuilderIndexPreview({
   result,
   onReset,
 }: {
-  result: FigImportResult;
+  result: BuilderIndexResult;
   onReset: () => void;
 }) {
   const t = useT();

package/corpus/templates/slides/app/components/design-system/{fig-import-response.ts → builder-index-response.ts}

@@ -1,4 +1,4 @@
-export interface FigImportResult {
+export interface BuilderIndexResult {
   ok: boolean;
   source: "builder";
   suggestedTitle: string;
@@ -7,10 +7,13 @@ export interface FigImportResult {
   designSystemId: string;
   builderUrl: string;
   status: "in-progress";
+  localDesignSystemId?: string;
+  uploadedFileCount?: number;
+  instructions?: string;
   builderConnectUrl?: string;
 }
 
-export const MAX_FIG_UPLOAD_BYTES = 200 * 1024 * 1024;
+export const MAX_BUILDER_INDEX_UPLOAD_BYTES = 200 * 1024 * 1024;
 
 export function formatFileSize(bytes: number): string {
   return `${Math.round(bytes / 1024 / 1024)} MB`;
@@ -18,7 +21,7 @@ export function formatFileSize(bytes: number): string {
 
 function summarizeUploadFailure(status: number, bodyText: string): string {
   if (status === 413) {
-    return `File too large (max ${formatFileSize(MAX_FIG_UPLOAD_BYTES)}).`;
+    return `File too large (max ${formatFileSize(MAX_BUILDER_INDEX_UPLOAD_BYTES)}).`;
   }
 
   const trimmed = bodyText
@@ -31,9 +34,9 @@ function summarizeUploadFailure(status: number, bodyText: string): string {
   return `Upload failed (${status})`;
 }
 
-export async function readFigImportResponse(
+export async function readBuilderIndexResponse(
   res: Response,
-): Promise<FigImportResult> {
+): Promise<BuilderIndexResult> {
   const bodyText = await res.text();
   let json: unknown = null;
 
@@ -59,5 +62,5 @@ export async function readFigImportResponse(
     throw new Error(summarizeUploadFailure(res.status, bodyText));
   }
 
-  return json as FigImportResult;
+  return json as BuilderIndexResult;
 }

package/corpus/templates/slides/app/components/visual-editor/MultiSelectChip.tsx

@@ -17,7 +17,7 @@ interface MultiSelectChipProps {
 }
 
 /**
- * Floating chip that hovers above a multi-select selection (Figma-style).
+ * Floating chip that hovers above a multi-select selection (design-editor style).
  * Rendered via portal so it isn't constrained by the slide canvas's stacking
  * context. Reusable across the slides editor and the design template.
  */

package/corpus/templates/slides/changelog/2026-06-29-design-system-setup-now-indexes-uploaded-design-files-throug.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-29
+---
+
+Design system setup now indexes uploaded design files through Builder.

package/corpus/templates/slides/changelog/2026-06-29-longer-hosted-agent-turns.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-29
+---
+
+Hosted deck generation and editing chats have a longer background run window, reducing timeouts during complex creative turns.