@agent-native/core 0.79.27 → 0.80.1

package/corpus/templates/mail/app/i18n/ar-SA.ts

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "طي الشريط الجانبي",
+    expandSidebar: "توسيع الشريط الجانبي",
+  },
   mail: {
     appName: "البريد",
     pages: {

package/corpus/templates/mail/app/i18n/de-DE.ts

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "Seitenleiste einklappen",
+    expandSidebar: "Seitenleiste erweitern",
+  },
   mail: {
     appName: "Mail",
     pages: {

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

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "Collapse sidebar",
+    expandSidebar: "Expand sidebar",
+  },
   mail: {
     appName: "Mail",
     pages: {

package/corpus/templates/mail/app/i18n/es-ES.ts

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "Contraer barra lateral",
+    expandSidebar: "Expandir barra lateral",
+  },
   mail: {
     appName: "Correo",
     pages: {

package/corpus/templates/mail/app/i18n/fr-FR.ts

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "Réduire la barre latérale",
+    expandSidebar: "Développer la barre latérale",
+  },
   mail: {
     appName: "Mail",
     pages: {

package/corpus/templates/mail/app/i18n/hi-IN.ts

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "साइडबार समेटें",
+    expandSidebar: "साइडबार फैलाएं",
+  },
   mail: {
     appName: "मेल",
     pages: {

package/corpus/templates/mail/app/i18n/ja-JP.ts

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "サイドバーを折りたたむ",
+    expandSidebar: "サイドバーを展開",
+  },
   mail: {
     appName: "メール",
     pages: {

package/corpus/templates/mail/app/i18n/ko-KR.ts

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "사이드바 접기",
+    expandSidebar: "사이드바 펼치기",
+  },
   mail: {
     appName: "메일",
     pages: {

package/corpus/templates/mail/app/i18n/pt-BR.ts

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "Recolher barra lateral",
+    expandSidebar: "Expandir barra lateral",
+  },
   mail: {
     appName: "E-mail",
     pages: {

package/corpus/templates/mail/app/i18n/zh-CN.ts

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "折叠侧边栏",
+    expandSidebar: "展开侧边栏",
+  },
   mail: {
     appName: "邮件",
     pages: {

package/corpus/templates/mail/app/i18n/zh-TW.ts

@@ -1,4 +1,8 @@
 const messages = {
+  sidebar: {
+    collapseSidebar: "收合側邊欄",
+    expandSidebar: "展開側邊欄",
+  },
   mail: {
     appName: "郵件",
     pages: {

package/corpus/templates/mail/app/lib/utils.ts

@@ -74,12 +74,12 @@ export function markdownToHtml(markdown: string): string {
         return `<h${level}>${renderInlineMarkdown(heading[2])}</h${level}>`;
       }
 
-      if (/^(\-|\*|\+)\s+/m.test(block)) {
+      if (/^(-|\*|\+)\s+/m.test(block)) {
         const items = block
           .split("\n")
           .map((line) => line.trim())
           .filter(Boolean)
-          .map((line) => line.replace(/^(\-|\*|\+)\s+/, ""))
+          .map((line) => line.replace(/^(-|\*|\+)\s+/, ""))
           .map((line) => `<li>${renderInlineMarkdown(line)}</li>`)
           .join("");
         return `<ul>${items}</ul>`;

package/corpus/templates/mail/changelog/2026-06-28-pinned-sidebar-collapses-into-an-animated-icon-rail.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+The pinned sidebar now collapses into an animated icon rail with quieter footer controls.

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

@@ -666,7 +666,7 @@ export function Sidebar({
     <aside
       data-collapsed={collapsed ? "true" : "false"}
       className={cn(
-        "flex h-full min-w-0 shrink-0 flex-col overflow-hidden border-e border-border bg-sidebar text-sidebar-foreground transition-[width] duration-150",
+        "flex h-full min-w-0 shrink-0 flex-col overflow-hidden border-e border-border bg-sidebar text-sidebar-foreground transition-[width] duration-200 ease-out",
         collapsed ? "w-14" : "w-60",
       )}
     >
@@ -752,11 +752,11 @@ export function Sidebar({
 
       {!collapsed && session && (
         <>
-          <div className="border-t border-border px-2 py-2">
+          <div className="px-2 py-2">
             <ExtensionsSidebarSection />
           </div>
 
-          <div className="space-y-2 border-t border-border px-3 py-2">
+          <div className="space-y-2 px-3 py-2">
             <DevDatabaseLink />
             <FeedbackButton />
             <OrgSwitcher />
@@ -765,7 +765,7 @@ export function Sidebar({
       )}
 
       {!collapsed && !sessionLoading && !session && (
-        <div className="space-y-2 border-t border-border px-3 py-2">
+        <div className="space-y-2 px-3 py-2">
           <DevDatabaseLink />
           <FeedbackButton />
           <div className="flex items-center justify-between gap-2">
@@ -786,7 +786,7 @@ export function Sidebar({
       {collapsed && collapsible ? (
         <div
           className={cn(
-            "border-t border-border px-2 py-2",
+            "px-2 py-2",
             collapsed ? "flex justify-center" : "flex justify-end",
           )}
         >
@@ -795,9 +795,7 @@ export function Sidebar({
       ) : null}
 
       {!collapsed && (session || sessionLoading) && collapsible ? (
-        <div className="flex justify-end border-t border-border px-2 py-2">
-          {collapseButton}
-        </div>
+        <div className="flex justify-end px-2 py-2">{collapseButton}</div>
       ) : null}
     </aside>
   );

package/corpus/templates/plan/app/components/plan/wireframe/Wireframe.tsx

@@ -316,7 +316,7 @@ function WireframeStyleToggleButton() {
         event.stopPropagation();
         toggleWireframeStyle();
       }}
-      className="absolute right-2 top-2 z-30 inline-flex h-7 items-center gap-1 rounded-md border border-border/60 bg-background/90 px-2 text-xs font-medium text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/wireframe-artboard:opacity-100"
+      className="absolute right-2 top-2 z-30 inline-flex h-7 items-center gap-1 rounded-md border border-border/60 bg-background px-2 text-xs font-medium text-muted-foreground opacity-0 shadow-sm transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/wireframe-artboard:opacity-100"
     >
       <IconPencil className="size-3.5" aria-hidden="true" />
       <span>{label}</span>

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

@@ -27,25 +27,25 @@
 }
 
 :root {
-  --background: 40 23% 97%;
-  --foreground: 30 5% 10%;
-  --card: 40 23% 99%;
-  --card-foreground: 30 5% 10%;
-  --popover: 40 23% 99%;
-  --popover-foreground: 30 5% 10%;
-  --primary: 30 5% 13%;
+  --background: 0 0% 100%;
+  --foreground: 220 10% 10%;
+  --card: 0 0% 100%;
+  --card-foreground: 220 10% 10%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 220 10% 10%;
+  --primary: 220 10% 15%;
   --primary-foreground: 0 0% 100%;
-  --secondary: 45 14% 94%;
-  --secondary-foreground: 30 5% 13%;
-  --muted: 45 14% 94%;
-  --muted-foreground: 30 6% 43%;
-  --accent: 45 14% 94%;
-  --accent-foreground: 30 5% 13%;
+  --secondary: 220 10% 95%;
+  --secondary-foreground: 220 10% 15%;
+  --muted: 220 10% 95%;
+  --muted-foreground: 220 5% 45%;
+  --accent: 220 10% 95%;
+  --accent-foreground: 220 10% 15%;
   --destructive: 0 84% 60%;
   --destructive-foreground: 0 0% 98%;
-  --border: 36 10% 86%;
-  --input: 36 10% 86%;
-  --ring: 218 85% 57%;
+  --border: 220 10% 90%;
+  --input: 220 10% 90%;
+  --ring: 220 10% 40%;
   --radius: 0.5rem;
   /* Callout tone accents — info/decision/risk/warning/success. */
   --plan-tone-info: 218 85% 57%;
@@ -53,14 +53,14 @@
   --plan-tone-risk: 0 84% 60%;
   --plan-tone-warning: 25 95% 48%;
   --plan-tone-success: 142 71% 38%;
-  --sidebar-background: 42 18% 96%;
-  --sidebar-foreground: 30 6% 43%;
-  --sidebar-primary: 30 5% 13%;
+  --sidebar-background: 220 10% 97%;
+  --sidebar-foreground: 220 5% 45%;
+  --sidebar-primary: 220 10% 15%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 45 14% 93%;
-  --sidebar-accent-foreground: 30 5% 13%;
-  --sidebar-border: 36 10% 86%;
-  --sidebar-ring: 218 85% 57%;
+  --sidebar-accent: 220 10% 95%;
+  --sidebar-accent-foreground: 220 10% 15%;
+  --sidebar-border: 220 10% 90%;
+  --sidebar-ring: 220 10% 40%;
   /* ── Plan document font sizes — edit here to resize globally ──────────────
      --plan-code-size  : general monospace code surfaces and editors
      --plan-doc-code-size: dense read-only code surfaces such as diffs,
@@ -72,25 +72,25 @@
 }
 
 .dark {
-  --background: 30 4% 11%;
-  --foreground: 40 9% 95%;
-  --card: 30 5% 13%;
-  --card-foreground: 40 9% 95%;
-  --popover: 30 5% 13%;
-  --popover-foreground: 40 9% 95%;
-  --primary: 40 9% 92%;
-  --primary-foreground: 30 4% 11%;
-  --secondary: 36 5% 16%;
-  --secondary-foreground: 40 9% 95%;
-  --muted: 36 5% 16%;
-  --muted-foreground: 38 7% 63%;
-  --accent: 36 5% 17%;
-  --accent-foreground: 40 9% 95%;
+  --background: 220 6% 6%;
+  --foreground: 0 0% 90%;
+  --card: 220 5% 6%;
+  --card-foreground: 0 0% 90%;
+  --popover: 220 5% 6%;
+  --popover-foreground: 0 0% 90%;
+  --primary: 0 0% 75%;
+  --primary-foreground: 220 6% 6%;
+  --secondary: 220 4% 12%;
+  --secondary-foreground: 0 0% 90%;
+  --muted: 220 4% 10%;
+  --muted-foreground: 220 4% 60%;
+  --accent: 220 4% 13%;
+  --accent-foreground: 0 0% 90%;
   --destructive: 0 63% 51%;
   --destructive-foreground: 0 0% 98%;
-  --border: 35 5% 21%;
-  --input: 35 5% 21%;
-  --ring: 218 85% 67%;
+  --border: 220 4% 14%;
+  --input: 220 4% 14%;
+  --ring: 0 0% 60%;
   --radius: 0.5rem;
   /* Callout tone accents — brighter so they read on the dark surface. */
   --plan-tone-info: 218 85% 67%;
@@ -98,14 +98,14 @@
   --plan-tone-risk: 0 84% 67%;
   --plan-tone-warning: 28 96% 60%;
   --plan-tone-success: 142 60% 52%;
-  --sidebar-background: 30 5% 10%;
-  --sidebar-foreground: 38 7% 63%;
-  --sidebar-primary: 40 9% 92%;
-  --sidebar-primary-foreground: 30 4% 11%;
-  --sidebar-accent: 36 5% 16%;
-  --sidebar-accent-foreground: 40 9% 95%;
-  --sidebar-border: 35 5% 18%;
-  --sidebar-ring: 218 85% 67%;
+  --sidebar-background: 220 6% 4%;
+  --sidebar-foreground: 220 4% 60%;
+  --sidebar-primary: 0 0% 75%;
+  --sidebar-primary-foreground: 220 6% 6%;
+  --sidebar-accent: 220 4% 10%;
+  --sidebar-accent-foreground: 0 0% 90%;
+  --sidebar-border: 220 4% 10%;
+  --sidebar-ring: 0 0% 60%;
 }
 
 @layer base {
@@ -129,37 +129,20 @@
 
 @layer utilities {
   .plan-content-surface {
-    --plan-document: hsl(42 18% 97%);
+    --plan-document: hsl(var(--background));
     --plan-canvas: color-mix(in srgb, var(--plan-document) 96%, black);
-    --plan-block: hsl(42 16% 94%);
-    --plan-chrome: hsl(42 15% 96% / 0.92);
-    --plan-line: hsl(36 9% 82%);
-    --plan-grid-line: hsl(36 9% 70% / 0.08);
-    --plan-text: hsl(30 5% 11%);
-    --plan-muted: hsl(30 5% 45%);
-    --plan-wireframe: hsl(42 16% 98%);
-    --plan-sketch-line: hsl(28 4% 20%);
-    --plan-muted-line: hsl(36 6% 78%);
-    --plan-placeholder-line: hsl(36 5% 72% / 0.72);
-    --plan-code: hsl(40 12% 96%);
-    --plan-code-text: hsl(28 5% 14%);
-  }
-
-  .dark .plan-content-surface {
-    --plan-document: hsl(32 3% 13%);
-    --plan-canvas: color-mix(in srgb, var(--plan-document) 80%, black);
-    --plan-block: hsl(32 3% 15.5%);
-    --plan-chrome: hsl(32 3% 15.5% / 0.92);
-    --plan-line: hsl(34 4% 24%);
-    --plan-grid-line: hsl(34 4% 36% / 0.08);
-    --plan-text: hsl(40 8% 94%);
-    --plan-muted: hsl(36 5% 65%);
-    --plan-wireframe: hsl(34 3% 13.4%);
-    --plan-sketch-line: hsl(38 5% 84%);
-    --plan-muted-line: hsl(36 4% 44%);
-    --plan-placeholder-line: hsl(36 4% 54% / 0.62);
-    --plan-code: hsl(32 4% 9.8%);
-    --plan-code-text: hsl(40 9% 92%);
+    --plan-block: hsl(var(--secondary));
+    --plan-chrome: hsl(var(--background) / 0.92);
+    --plan-line: hsl(var(--border));
+    --plan-grid-line: hsl(var(--foreground) / 0.08);
+    --plan-text: hsl(var(--foreground));
+    --plan-muted: hsl(var(--muted-foreground));
+    --plan-wireframe: hsl(var(--card));
+    --plan-sketch-line: hsl(var(--foreground) / 0.86);
+    --plan-muted-line: hsl(var(--border));
+    --plan-placeholder-line: hsl(var(--muted-foreground) / 0.42);
+    --plan-code: hsl(var(--muted));
+    --plan-code-text: hsl(var(--foreground));
   }
 
   .plan-content-surface[data-recap-screenshot-theme="light"] {

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

@@ -5116,6 +5116,8 @@ export function PlansPage({ localPlanSlug }: { localPlanSlug?: string } = {}) {
       sendToAgentChat({
         type: "content",
         submit: true,
+        chatTarget: "local",
+        openSidebar: true,
         context,
         images: capture.images,
         message: buildApplyFeedbackMessage(openCommentCount),
@@ -5125,6 +5127,12 @@ export function PlansPage({ localPlanSlug }: { localPlanSlug?: string } = {}) {
           ? t("plansPage.reader.sentCommentsWithScreenshots")
           : t("plansPage.reader.sentComments"),
       );
+    } catch (error) {
+      console.error(
+        "[PlansPage] Failed to send plan feedback to inline agent:",
+        error,
+      );
+      toast.error(t("plansPage.comments.sendFailed"));
     } finally {
       setSendingFeedback(false);
     }

package/corpus/templates/plan/changelog/2026-06-28-left-sidebar-collapse-motion-and-footer-chrome-are-quieter.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Left sidebar collapse motion and footer controls now feel smoother and use less divider chrome.

package/corpus/templates/plan/changelog/2026-06-28-plans-use-the-shared-neutral-light-and-dark-theme.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Plans now use the shared neutral light and dark theme instead of a warm-tinted palette.

package/corpus/templates/plan/changelog/2026-06-28-sending-open-feedback-from-a-plan-now-opens-the-inline-plan-.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Sending open feedback from a plan now opens the inline Plan agent reliably.

package/corpus/templates/slides/.agents/skills/design-systems/SKILL.md

@@ -24,22 +24,21 @@ Design systems are stored in the `design_systems` SQL table. Each has a `data` c
 
 ### Source: Figma `.fig` file
 
-When the user uploads a raw Figma local copy (`.fig`), parse it in-process with
-`import-file` instead of treating it like a document:
+When the user uploads a raw Figma local copy (`.fig`), start Builder
+design-system indexing with `import-file` instead of treating it like a
+document:
 
 ```bash
 pnpm action import-file --filePath "data/uploads/brand.fig" --format fig
 ```
 
-The action returns `designSystem`, `customInstructions`, and `preview`. Review
-the result, then call `create-design-system` with:
+The action requires Builder to be connected and returns Builder `projectId`,
+`jobId`, `designSystemId`, and `builderUrl`. Builder is the source of truth for
+the indexed brand kit, generated docs, and usage guidance.
 
-- `title`: the returned title or a user-approved name
-- `data`: `JSON.stringify(designSystem)`
-- `customInstructions`: the returned `customInstructions`
-
-Do not call `import-document` for `.fig` files; it only handles metadata and
-will miss the real design tokens.
+Do not call `create-design-system` locally from `.fig` uploads. Do not call
+`import-document` for `.fig` files; it only handles metadata and will miss the
+Builder indexing flow.
 
 ## Applying to Slides
 

package/corpus/templates/slides/AGENTS.md

@@ -19,8 +19,9 @@ Detailed deck, slide-editing, image, design-system, and export workflows live in
 - Preserve deck structure and visual consistency. Prefer focused slide edits over
   regenerating whole decks unless requested.
 - Follow linked design-system tokens and custom instructions.
-- For raw Figma `.fig` uploads, call `import-file --format fig`, then create a
-  design system from the returned `designSystem` and `customInstructions`.
+- For raw Figma `.fig` uploads, call `import-file --format fig` to start
+  Builder design-system indexing. Do not create a local design system from raw
+  `.fig` output.
 - Treat import/export actions as shortcuts, not capability limits. When the
   exact Google Drive endpoint, file metadata field, export format, pagination
   mode, or API version matters, use `provider-api-catalog`,

package/corpus/templates/slides/actions/import-file.ts

@@ -3,13 +3,13 @@ import path from "path";
 
 import { defineAction } from "@agent-native/core";
 import { writeAppState } from "@agent-native/core/application-state";
+import { startBuilderDesignSystemIndex } from "@agent-native/core/server";
 import { assertAccess } from "@agent-native/core/sharing";
 import { eq } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
 import { notifyClients } from "../server/handlers/decks.js";
-import { parseSlidesFigDesignSystem } from "../server/lib/fig-design-system.js";
 import { resolveUserUploadedFile } from "./_uploaded-files.js";
 
 const DEFAULT_MAX_SOURCE_CHARS = 60_000;
@@ -20,8 +20,8 @@ export default defineAction({
     "For PPTX files, returns parsed slides with text and layout info ready for conversion. " +
     "For DOCX files, returns structured sections extracted from the document. " +
     "For PDF files, returns extracted text organized by page. " +
-    "For Figma .fig files, returns extracted brand/design-system tokens and a preview; call create-design-system with the returned data. " +
-    "The agent can then use the extracted content to create a deck via create-deck or add-slide, or create a design system from .fig tokens.",
+    "For Figma .fig files, requires Builder.io and starts Builder design-system indexing; the returned Builder job/design-system ids are the source of truth. " +
+    "The agent can then use the extracted content to create a deck via create-deck or add-slide, or tell the user where Builder is indexing the design system.",
   schema: z.object({
     filePath: z
       .string()
@@ -78,27 +78,36 @@ export default defineAction({
     if (detectedFormat === "fig") {
       if (importIntoDeck) {
         throw new Error(
-          "Figma .fig imports create design systems, not slide replacements. Re-run without importIntoDeck, then call create-design-system with the returned data.",
+          "Figma .fig imports start Builder design-system indexing, not slide replacements. Re-run without importIntoDeck.",
         );
       }
-      const result = parseSlidesFigDesignSystem({
-        data: fileBuffer,
-        filename: path.basename(absPath),
+      const title = titleFromPath(absPath);
+      const result = await startBuilderDesignSystemIndex({
+        projectName: title,
+        files: [
+          {
+            name: path.basename(absPath),
+            data: fileBuffer,
+            mimeType: "application/octet-stream",
+          },
+        ],
       });
       return {
         format: "fig",
-        title: result.suggestedTitle,
-        designSystem: result.data,
-        customInstructions: result.customInstructions,
-        preview: result.preview,
+        title,
+        source: "builder",
+        projectId: result.projectId,
+        jobId: result.jobId,
+        designSystemId: result.designSystemId,
+        builderUrl: result.builderUrl,
+        status: result.status,
         deckId,
         instructions: [
-          "Parsed the .fig file and extracted a slide-ready design system.",
-          "Call create-design-system with:",
-          `- title: ${JSON.stringify(result.suggestedTitle)}`,
-          "- data: JSON.stringify(designSystem)",
-          "- customInstructions: the returned customInstructions string",
-          "Then set it as default or apply it to a deck if the user asked.",
+          "Sent the .fig file to Builder design-system indexing.",
+          `Builder design system: ${result.designSystemId}`,
+          `Builder job: ${result.jobId}`,
+          `Open: ${result.builderUrl}`,
+          "Do not call create-design-system locally for this .fig file; Builder owns the indexed design-system docs and generated usage guidance.",
         ].join("\n"),
       };
     }