@agent-native/core 0.86.0 → 0.87.0

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

@@ -1,14 +1,14 @@
 import { sendToAgentChat, useT } from "@agent-native/core/client";
-import { IconMessage, IconSend, IconX } from "@tabler/icons-react";
-import { useEffect, useRef, useState } from "react";
-
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconMessage, IconSend, IconX } from "@tabler/icons-react";
+import { useEffect, useRef, useState } from "react";
+
 import { cn } from "@/lib/utils";
 
 export interface CanvasPin {

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

@@ -1,4 +1,11 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Input } from "@agent-native/toolkit/ui/input";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconEraser,
   IconArrowBackUp,
@@ -8,13 +15,6 @@ import {
 } from "@tabler/icons-react";
 import { useState, useRef, useCallback, useEffect } from "react";
 
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 export interface DrawAnnotation {

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

@@ -516,12 +516,12 @@ const messages = {
     newTitle: "نظام تصميم جديد",
     editDescription: "حدّث هوية علامتك التجارية.",
     newDescription:
-      "قدّم أي مزيج من المصادر؛ كلما زاد السياق كانت النتيجة أفضل.",
+      "اربط Figma والكود وإرشادات design.md الاختيارية عبر Builder DSI.",
     companyBrand: "الشركة / العلامة",
     companyBrandPlaceholder: "Acme Inc. — نبني أدوات للمطورين...",
-    figmaFile: "ملف Figma",
-    parsingFigmaFile: "جارٍ بدء فهرسة Builder...",
-    uploadFigDescription: "حمّل نسخة .fig محلية لفهرستها باستخدام Builder",
+    figmaFile: "ربط Figma",
+    parsingFigmaFile: "جارٍ بدء فهرسة Builder DSI...",
+    uploadFigDescription: "حمّل نسخة .fig محلية إلى Builder DSI",
     builderIndexingStarted: "بدأت فهرسة Builder",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -531,9 +531,10 @@ const messages = {
     websiteUrl: "رابط الموقع",
     websitePlaceholder: "example.com أو Nike",
     add: "إضافة",
-    githubRepository: "مستودع GitHub",
-    codeFiles: "ملفات الكود",
-    codeFilesDrop: "CSS، إعدادات Tailwind، ملفات السمة — اسحبها أو انقر",
+    githubRepository: "ربط الكود: مستودع GitHub",
+    codeFiles: "ربط ملفات الكود",
+    codeFilesDrop:
+      "CSS، إعدادات Tailwind، ملفات السمة، design.md — اسحبها أو انقر",
     documents: "المستندات والعروض",
     documentsDrop:
       "PPTX وDOCX وPDF وMarkdown وTXT — أدلة العلامة ومستندات التصميم",

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

@@ -509,14 +509,13 @@ const messages = {
     newTitle: "Neues Designsystem",
     editDescription: "Aktualisiere deine Markenidentität.",
     newDescription:
-      "Gib eine beliebige Kombination von Quellen an; je mehr Kontext, desto besser das Ergebnis.",
+      "Verbinde Figma, Code und optionale design.md-Anweisungen über Builder DSI.",
     companyBrand: "Unternehmen / Marke",
     companyBrandPlaceholder:
       "Acme Inc. — Wir entwickeln Tools für Entwickler...",
-    figmaFile: "Figma-Datei",
-    parsingFigmaFile: "Builder-Indizierung wird gestartet...",
-    uploadFigDescription:
-      "Lade eine lokale .fig-Kopie hoch, um sie mit Builder zu indizieren",
+    figmaFile: "Figma verbinden",
+    parsingFigmaFile: "Builder-DSI-Indizierung wird gestartet...",
+    uploadFigDescription: "Lade eine lokale .fig-Kopie für Builder DSI hoch",
     builderIndexingStarted: "Builder-Indizierung gestartet",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -526,10 +525,10 @@ const messages = {
     websiteUrl: "Website-URL",
     websitePlaceholder: "example.com oder Nike",
     add: "Hinzufügen",
-    githubRepository: "GitHub-Repository",
-    codeFiles: "Code-Dateien",
+    githubRepository: "Code verbinden: GitHub-Repository",
+    codeFiles: "Code-Dateien verbinden",
     codeFilesDrop:
-      "CSS, Tailwind-Konfiguration, Theme-Dateien — ablegen oder klicken",
+      "CSS, Tailwind-Konfiguration, Theme-Dateien, design.md — ablegen oder klicken",
     documents: "Dokumente und Präsentationen",
     documentsDrop:
       "PPTX, DOCX, PDF, Markdown, TXT — Markenleitfäden, Designdokumente",

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

@@ -501,12 +501,12 @@ const messages = {
     newTitle: "New Design System",
     editDescription: "Update your brand identity.",
     newDescription:
-      "Provide any combination of sources — the more context, the better the result.",
+      "Connect Figma, code, and optional design.md guidance through Builder DSI.",
     companyBrand: "Company / Brand",
     companyBrandPlaceholder: "Acme Inc. — We build developer tools...",
-    figmaFile: "Figma file",
-    parsingFigmaFile: "Starting Builder indexing...",
-    uploadFigDescription: "Upload a .fig local copy to index it with Builder",
+    figmaFile: "Connect Figma",
+    parsingFigmaFile: "Starting Builder DSI indexing...",
+    uploadFigDescription: "Upload a .fig local copy for Builder DSI",
     builderIndexingStarted: "Builder indexing started",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -516,9 +516,10 @@ const messages = {
     websiteUrl: "Website URL",
     websitePlaceholder: "example.com or Nike",
     add: "Add",
-    githubRepository: "GitHub Repository",
-    codeFiles: "Code Files",
-    codeFilesDrop: "CSS, Tailwind config, theme files — drop or click",
+    githubRepository: "Connect Code: GitHub repository",
+    codeFiles: "Connect Code Files",
+    codeFilesDrop:
+      "CSS, Tailwind config, theme files, design.md — drop or click",
     documents: "Documents & Presentations",
     documentsDrop: "PPTX, DOCX, PDF, Markdown, TXT — brand guides, design docs",
     visualReferences: "Screenshots & Visual References",

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

@@ -514,14 +514,13 @@ const messages = {
     newTitle: "Nuevo sistema de diseño",
     editDescription: "Actualiza la identidad de tu marca.",
     newDescription:
-      "Proporciona cualquier combinación de fuentes; cuanto más contexto, mejor será el resultado.",
+      "Conecta Figma, código y guía opcional de design.md mediante Builder DSI.",
     companyBrand: "Empresa / Marca",
     companyBrandPlaceholder:
       "Acme Inc. — Creamos herramientas para desarrolladores...",
-    figmaFile: "Archivo de Figma",
-    parsingFigmaFile: "Iniciando indexación de Builder...",
-    uploadFigDescription:
-      "Sube una copia local .fig para indexarla con Builder",
+    figmaFile: "Conectar Figma",
+    parsingFigmaFile: "Iniciando indexación de Builder DSI...",
+    uploadFigDescription: "Sube una copia local .fig para Builder DSI",
     builderIndexingStarted: "Indexación de Builder iniciada",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -531,10 +530,10 @@ const messages = {
     websiteUrl: "URL del sitio web",
     websitePlaceholder: "example.com o Nike",
     add: "Añadir",
-    githubRepository: "Repositorio de GitHub",
-    codeFiles: "Archivos de código",
+    githubRepository: "Conectar código: repositorio de GitHub",
+    codeFiles: "Conectar archivos de código",
     codeFilesDrop:
-      "CSS, configuración de Tailwind, archivos de tema — suelta o haz clic",
+      "CSS, configuración de Tailwind, archivos de tema, design.md — suelta o haz clic",
     documents: "Documentos y presentaciones",
     documentsDrop:
       "PPTX, DOCX, PDF, Markdown, TXT — guías de marca, documentos de diseño",

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

@@ -518,14 +518,13 @@ const messages = {
     newTitle: "Nouveau système de design",
     editDescription: "Mettez à jour votre identité de marque.",
     newDescription:
-      "Fournissez n’importe quelle combinaison de sources ; plus il y a de contexte, meilleur sera le résultat.",
+      "Connectez Figma, le code et les consignes design.md facultatives via Builder DSI.",
     companyBrand: "Entreprise / Marque",
     companyBrandPlaceholder:
       "Acme Inc. — Nous créons des outils pour développeurs...",
-    figmaFile: "Fichier Figma",
-    parsingFigmaFile: "Démarrage de l’indexation Builder...",
-    uploadFigDescription:
-      "Importez une copie locale .fig pour l’indexer avec Builder",
+    figmaFile: "Connecter Figma",
+    parsingFigmaFile: "Démarrage de l’indexation Builder DSI...",
+    uploadFigDescription: "Importez une copie locale .fig pour Builder DSI",
     builderIndexingStarted: "Indexation Builder démarrée",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -535,10 +534,10 @@ const messages = {
     websiteUrl: "URL du site web",
     websitePlaceholder: "example.com ou Nike",
     add: "Ajouter",
-    githubRepository: "Dépôt GitHub",
-    codeFiles: "Fichiers de code",
+    githubRepository: "Connecter le code : dépôt GitHub",
+    codeFiles: "Connecter des fichiers de code",
     codeFilesDrop:
-      "CSS, configuration Tailwind, fichiers de thème — déposer ou cliquer",
+      "CSS, configuration Tailwind, fichiers de thème, design.md — déposer ou cliquer",
     documents: "Documents et présentations",
     documentsDrop:
       "PPTX, DOCX, PDF, Markdown, TXT — chartes de marque, docs de design",

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

@@ -495,12 +495,12 @@ const messages = {
     newTitle: "नया डिज़ाइन सिस्टम",
     editDescription: "अपनी ब्रांड पहचान अपडेट करें।",
     newDescription:
-      "स्रोतों का कोई भी संयोजन दें; जितना अधिक संदर्भ होगा, परिणाम उतना बेहतर होगा।",
+      "Figma, कोड और वैकल्पिक design.md मार्गदर्शन को Builder DSI से कनेक्ट करें.",
     companyBrand: "कंपनी / ब्रांड",
     companyBrandPlaceholder: "Acme Inc. — हम डेवलपर टूल बनाते हैं...",
-    figmaFile: "Figma फ़ाइल",
-    parsingFigmaFile: "Builder indexing शुरू की जा रही है...",
-    uploadFigDescription: "Builder से index करने के लिए स्थानीय .fig कॉपी अपलोड करें",
+    figmaFile: "Figma कनेक्ट करें",
+    parsingFigmaFile: "Builder DSI indexing शुरू की जा रही है...",
+    uploadFigDescription: "Builder DSI के लिए स्थानीय .fig कॉपी अपलोड करें",
     builderIndexingStarted: "Builder indexing शुरू हुई",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -510,9 +510,10 @@ const messages = {
     websiteUrl: "वेबसाइट URL",
     websitePlaceholder: "example.com या Nike",
     add: "जोड़ें",
-    githubRepository: "GitHub रिपॉज़िटरी",
-    codeFiles: "कोड फ़ाइलें",
-    codeFilesDrop: "CSS, Tailwind कॉन्फ़िग, थीम फ़ाइलें — ड्रॉप करें या क्लिक करें",
+    githubRepository: "कोड कनेक्ट करें: GitHub रिपॉज़िटरी",
+    codeFiles: "कोड फ़ाइलें कनेक्ट करें",
+    codeFilesDrop:
+      "CSS, Tailwind कॉन्फ़िग, थीम फ़ाइलें, design.md — ड्रॉप करें या क्लिक करें",
     documents: "दस्तावेज़ और प्रेज़ेंटेशन",
     documentsDrop: "PPTX, DOCX, PDF, Markdown, TXT — ब्रांड गाइड, डिज़ाइन डॉक्स",
     visualReferences: "स्क्रीनशॉट और विज़ुअल रेफ़रेंस",

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

@@ -496,13 +496,12 @@ const messages = {
     newTitle: "新しいデザインシステム",
     editDescription: "ブランドアイデンティティを更新します。",
     newDescription:
-      "任意のソースを組み合わせてください。コンテキストが多いほど結果が良くなります。",
+      "Figma、コード、任意の design.md ガイドを Builder DSI で接続します。",
     companyBrand: "会社 / ブランド",
     companyBrandPlaceholder: "Acme Inc. — 開発者向けツールを作っています...",
-    figmaFile: "Figma ファイル",
-    parsingFigmaFile: "Builder インデックス作成を開始しています...",
-    uploadFigDescription:
-      "Builder でインデックス作成するためにローカル .fig コピーをアップロード",
+    figmaFile: "Figma を接続",
+    parsingFigmaFile: "Builder DSI のインデックス作成を開始しています...",
+    uploadFigDescription: "Builder DSI 用にローカル .fig コピーをアップロード",
     builderIndexingStarted: "Builder インデックス作成を開始しました",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -512,10 +511,10 @@ const messages = {
     websiteUrl: "Web サイト URL",
     websitePlaceholder: "example.com または Nike",
     add: "追加",
-    githubRepository: "GitHub リポジトリ",
-    codeFiles: "コードファイル",
+    githubRepository: "コードを接続: GitHub リポジトリ",
+    codeFiles: "コードファイルを接続",
     codeFilesDrop:
-      "CSS、Tailwind 設定、テーマファイル — ドロップまたはクリック",
+      "CSS、Tailwind 設定、テーマファイル、design.md — ドロップまたはクリック",
     documents: "ドキュメントとプレゼンテーション",
     documentsDrop:
       "PPTX、DOCX、PDF、Markdown、TXT — ブランドガイド、デザイン文書",

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

@@ -492,12 +492,12 @@ const messages = {
     newTitle: "새 디자인 시스템",
     editDescription: "브랜드 아이덴티티를 업데이트하세요.",
     newDescription:
-      "소스를 자유롭게 조합해 제공하세요. 맥락이 많을수록 결과가 좋아집니다.",
+      "Figma, 코드, 선택적 design.md 지침을 Builder DSI로 연결하세요.",
     companyBrand: "회사 / 브랜드",
     companyBrandPlaceholder: "Acme Inc. — 개발자 도구를 만듭니다...",
-    figmaFile: "Figma 파일",
-    parsingFigmaFile: "Builder 색인 생성을 시작하는 중...",
-    uploadFigDescription: "Builder로 색인 생성할 로컬 .fig 사본을 업로드하세요",
+    figmaFile: "Figma 연결",
+    parsingFigmaFile: "Builder DSI 색인 생성을 시작하는 중...",
+    uploadFigDescription: "Builder DSI용 로컬 .fig 사본 업로드",
     builderIndexingStarted: "Builder 색인 생성 시작됨",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -507,9 +507,9 @@ const messages = {
     websiteUrl: "웹사이트 URL",
     websitePlaceholder: "example.com 또는 Nike",
     add: "추가",
-    githubRepository: "GitHub 저장소",
-    codeFiles: "코드 파일",
-    codeFilesDrop: "CSS, Tailwind 설정, 테마 파일 — 드롭하거나 클릭",
+    githubRepository: "코드 연결: GitHub 저장소",
+    codeFiles: "코드 파일 연결",
+    codeFilesDrop: "CSS, Tailwind 설정, 테마 파일, design.md — 드롭하거나 클릭",
     documents: "문서 및 프레젠테이션",
     documentsDrop:
       "PPTX, DOCX, PDF, Markdown, TXT — 브랜드 가이드, 디자인 문서",

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

@@ -509,14 +509,13 @@ const messages = {
     newTitle: "Novo sistema de design",
     editDescription: "Atualize sua identidade de marca.",
     newDescription:
-      "Forneça qualquer combinação de fontes; quanto mais contexto, melhor o resultado.",
+      "Conecte Figma, código e orientações opcionais de design.md pelo Builder DSI.",
     companyBrand: "Empresa / Marca",
     companyBrandPlaceholder:
       "Acme Inc. — Criamos ferramentas para desenvolvedores...",
-    figmaFile: "Arquivo Figma",
-    parsingFigmaFile: "Iniciando indexação do Builder...",
-    uploadFigDescription:
-      "Envie uma cópia local .fig para indexá-la com o Builder",
+    figmaFile: "Conectar Figma",
+    parsingFigmaFile: "Iniciando indexação do Builder DSI...",
+    uploadFigDescription: "Envie uma cópia local .fig para o Builder DSI",
     builderIndexingStarted: "Indexação do Builder iniciada",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -526,10 +525,10 @@ const messages = {
     websiteUrl: "URL do site",
     websitePlaceholder: "example.com ou Nike",
     add: "Adicionar",
-    githubRepository: "Repositório GitHub",
-    codeFiles: "Arquivos de código",
+    githubRepository: "Conectar código: repositório GitHub",
+    codeFiles: "Conectar arquivos de código",
     codeFilesDrop:
-      "CSS, configuração do Tailwind, arquivos de tema — solte ou clique",
+      "CSS, configuração do Tailwind, arquivos de tema, design.md — solte ou clique",
     documents: "Documentos e apresentações",
     documentsDrop:
       "PPTX, DOCX, PDF, Markdown, TXT — guias de marca, docs de design",

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

@@ -487,12 +487,13 @@ const messages = {
     editTitle: "编辑设计系统",
     newTitle: "新建设计系统",
     editDescription: "更新你的品牌标识。",
-    newDescription: "提供任意来源组合；上下文越多，结果越好。",
+    newDescription:
+      "通过 Builder DSI 连接 Figma、代码和可选的 design.md 指引。",
     companyBrand: "公司 / 品牌",
     companyBrandPlaceholder: "Acme Inc. — 我们构建开发者工具...",
-    figmaFile: "Figma 文件",
-    parsingFigmaFile: "正在启动 Builder 索引...",
-    uploadFigDescription: "上传本地 .fig 副本以使用 Builder 建立索引",
+    figmaFile: "连接 Figma",
+    parsingFigmaFile: "正在启动 Builder DSI 索引...",
+    uploadFigDescription: "上传本地 .fig 副本以用于 Builder DSI",
     builderIndexingStarted: "Builder 索引已启动",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -502,9 +503,9 @@ const messages = {
     websiteUrl: "网站 URL",
     websitePlaceholder: "example.com 或 Nike",
     add: "添加",
-    githubRepository: "GitHub 仓库",
-    codeFiles: "代码文件",
-    codeFilesDrop: "CSS、Tailwind 配置、主题文件 — 拖放或点击",
+    githubRepository: "连接代码：GitHub 仓库",
+    codeFiles: "连接代码文件",
+    codeFilesDrop: "CSS、Tailwind 配置、主题文件、design.md — 拖放或点击",
     documents: "文档和演示文稿",
     documentsDrop: "PPTX、DOCX、PDF、Markdown、TXT — 品牌指南、设计文档",
     visualReferences: "截图和视觉参考",

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

@@ -482,12 +482,13 @@ const messages = {
     editTitle: "編輯設計系統",
     newTitle: "新建設計系統",
     editDescription: "更新你的品牌識別。",
-    newDescription: "提供任意來源組合；脈絡越多，結果越好。",
+    newDescription:
+      "透過 Builder DSI 連接 Figma、程式碼和選用的 design.md 指引。",
     companyBrand: "公司 / 品牌",
     companyBrandPlaceholder: "Acme Inc. — 我們建置開發者工具...",
-    figmaFile: "Figma 檔案",
-    parsingFigmaFile: "正在啟動 Builder 索引...",
-    uploadFigDescription: "上傳本機 .fig 副本以使用 Builder 建立索引",
+    figmaFile: "連接 Figma",
+    parsingFigmaFile: "正在啟動 Builder DSI 索引...",
+    uploadFigDescription: "上傳本機 .fig 副本以用於 Builder DSI",
     builderIndexingStarted: "Builder 索引已啟動",
     builderIndexingDescription:
       "Builder is indexing {{title}} into a reusable design system.",
@@ -497,9 +498,9 @@ const messages = {
     websiteUrl: "網站 URL",
     websitePlaceholder: "example.com 或 Nike",
     add: "新增",
-    githubRepository: "GitHub 倉庫",
-    codeFiles: "程式碼檔案",
-    codeFilesDrop: "CSS、Tailwind 設定、主題檔案 — 拖放或點選",
+    githubRepository: "連接程式碼：GitHub 倉庫",
+    codeFiles: "連接程式碼檔案",
+    codeFilesDrop: "CSS、Tailwind 設定、主題檔案、design.md — 拖放或點選",
     documents: "檔案和簡報",
     documentsDrop: "PPTX、DOCX、PDF、Markdown、TXT — 品牌指南、設計檔案",
     visualReferences: "截圖和視覺參考",

package/corpus/templates/slides/app/lib/canvas-zoom.ts

@@ -3,14 +3,20 @@ export const MAX_CANVAS_ZOOM = 400;
 
 export function computeCanvasFitZoom({
   viewportWidth,
+  viewportHeight,
   canvasWidth,
+  canvasHeight,
   horizontalPadding = 0,
+  verticalPadding = 0,
   minZoom = MIN_CANVAS_ZOOM,
   maxZoom = 100,
 }: {
   viewportWidth: number;
+  viewportHeight?: number;
   canvasWidth: number;
+  canvasHeight?: number;
   horizontalPadding?: number;
+  verticalPadding?: number;
   minZoom?: number;
   maxZoom?: number;
 }) {
@@ -24,9 +30,18 @@ export function computeCanvasFitZoom({
 
   const availableWidth = viewportWidth - Math.max(0, horizontalPadding);
   if (availableWidth <= 0) return minZoom;
+  const widthZoom = (availableWidth / canvasWidth) * 100;
+  const heightZoom =
+    typeof viewportHeight === "number" &&
+    Number.isFinite(viewportHeight) &&
+    typeof canvasHeight === "number" &&
+    Number.isFinite(canvasHeight) &&
+    canvasHeight > 0
+      ? ((viewportHeight - Math.max(0, verticalPadding)) / canvasHeight) * 100
+      : widthZoom;
 
   return Math.max(
     minZoom,
-    Math.min(maxZoom, Math.floor((availableWidth / canvasWidth) * 100)),
+    Math.min(maxZoom, Math.floor(Math.min(widthZoom, heightZoom))),
   );
 }

package/corpus/templates/slides/app/pages/DeckEditor.tsx

@@ -10,6 +10,9 @@ import {
 } from "@agent-native/core/client";
 import { useOrg } from "@agent-native/core/client/org";
 import type { PinpointProps } from "@agent-native/pinpoint/react";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { ToastAction } from "@agent-native/toolkit/ui/toast";
 import {
   DndContext,
   closestCenter,
@@ -50,8 +53,6 @@ import LogoSearchPanel from "@/components/editor/LogoSearchPanel";
 import { QuestionFlow } from "@/components/editor/QuestionFlow";
 import SlideEditor from "@/components/editor/SlideEditor";
 import { TweaksPanel } from "@/components/editor/TweaksPanel";
-import { Button } from "@/components/ui/button";
-import { ToastAction } from "@/components/ui/toast";
 import { useDecks } from "@/context/DeckContext";
 import { useAgentGenerating } from "@/hooks/use-agent-generating";
 import { useDeckDesignSystem } from "@/hooks/use-deck-design-system";
@@ -61,7 +62,6 @@ import {
   useSlideComments,
   type CommentThread,
 } from "@/hooks/use-slide-comments";
-import { toast } from "@/hooks/use-toast";
 import type { AspectRatio } from "@/lib/aspect-ratios";
 import { getPreset } from "@/lib/design-systems";
 import { exportDeckAsPdf } from "@/lib/export-pdf-client";
@@ -776,7 +776,7 @@ export default function DeckEditor() {
 
   return (
     <div
-      className="flex-1 flex flex-col overflow-hidden bg-background"
+      className="flex h-full min-h-0 flex-1 flex-col overflow-hidden bg-background"
       onDragOver={editorDragOver}
       onDrop={editorDrop}
     >
@@ -878,14 +878,14 @@ export default function DeckEditor() {
         }}
       />
 
-      <div className="flex-1 flex overflow-hidden relative">
+      <div className="relative flex min-h-0 flex-1 overflow-hidden">
         {sidebarOpen && (
           <>
             <div
               className="md:hidden fixed inset-0 bg-black/50 z-30"
               onClick={() => setSidebarOpen(false)}
             />
-            <div className="absolute md:relative z-40 h-full">
+            <div className="absolute z-40 h-full min-h-0 md:relative">
               <DndContext
                 sensors={sensors}
                 collisionDetection={closestCenter}

package/corpus/templates/slides/app/pages/DesignSystems.tsx

@@ -1,14 +1,14 @@
 import { callAction, useT } from "@agent-native/core/client";
+import {
+  useSetHeaderActions,
+  useSetPageTitle,
+} from "@agent-native/toolkit/app-shell";
+import { Button } from "@agent-native/toolkit/ui/button";
 import { IconPlus, IconPalette } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
 
 import { DesignSystemCard } from "@/components/design-system/DesignSystemCard";
 import { DesignSystemSetup } from "@/components/design-system/DesignSystemSetup";
-import {
-  useSetHeaderActions,
-  useSetPageTitle,
-} from "@/components/layout/HeaderActions";
-import { Button } from "@/components/ui/button";
 import { useDesignSystems } from "@/hooks/use-design-systems";
 
 import type { DesignSystemData } from "../../shared/api";

package/corpus/templates/slides/app/pages/Index.tsx

@@ -5,19 +5,11 @@ import {
   useSession,
   useT,
 } from "@agent-native/core/client";
-import { extractGoogleDocUrls } from "@shared/google-docs";
-import { IconPlus, IconStack2, IconUserCircle } from "@tabler/icons-react";
-import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { flushSync } from "react-dom";
-import { useNavigate, useSearchParams } from "react-router";
-
-import DeckCard from "@/components/deck/DeckCard";
-import PromptPopover from "@/components/editor/PromptDialog";
-import type { UploadedFile } from "@/components/editor/PromptDialog";
 import {
   useSetHeaderActions,
   useSetPageTitle,
-} from "@/components/layout/HeaderActions";
+} from "@agent-native/toolkit/app-shell";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -27,20 +19,31 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
+} from "@agent-native/toolkit/ui/alert-dialog";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+} from "@agent-native/toolkit/ui/select";
+import {
+  ToggleGroup,
+  ToggleGroupItem,
+} from "@agent-native/toolkit/ui/toggle-group";
+import { extractGoogleDocUrls } from "@shared/google-docs";
+import { IconPlus, IconStack2, IconUserCircle } from "@tabler/icons-react";
+import { useState, useRef, useCallback, useEffect, useMemo } from "react";
+import { flushSync } from "react-dom";
+import { useNavigate, useSearchParams } from "react-router";
+
+import DeckCard from "@/components/deck/DeckCard";
+import PromptPopover from "@/components/editor/PromptDialog";
+import type { UploadedFile } from "@/components/editor/PromptDialog";
 import { useDecks } from "@/context/DeckContext";
 import { useAgentGenerating } from "@/hooks/use-agent-generating";
 import { useDesignSystems } from "@/hooks/use-design-systems";
-import { toast } from "@/hooks/use-toast";
 import { savePromptToComposerDraft } from "@/lib/composer-draft";
 
 const MAX_SOURCE_CONTEXT_CHARS = 60_000;

package/corpus/templates/slides/app/root.tsx

@@ -15,6 +15,7 @@ import {
   getLocaleInitScript,
   getThemeInitScript,
 } from "@agent-native/core/client";
+import { Toaster } from "@agent-native/toolkit/ui/toaster";
 import { IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
@@ -30,7 +31,6 @@ import {
 import type { LinksFunction } from "react-router";
 
 import { Layout as AppLayout } from "@/components/layout/Layout";
-import { Toaster } from "@/components/ui/toaster";
 import { DeckProvider } from "@/context/DeckContext";
 import { useNavigationState } from "@/hooks/use-navigation-state";
 import { TAB_ID } from "@/lib/tab-id";
@@ -247,8 +247,8 @@ export default function Root() {
       i18n={{ catalog: i18nCatalog }}
     >
       <AppContent />
-      {/* useToast-based Toaster — separate from AppProviders' sonner Toaster.
-          Components throughout the app call toast() from @/hooks/use-toast,
+      {/* useToast-based Toaster - separate from AppProviders' sonner Toaster.
+          Components throughout the app call toast() from @agent-native/toolkit,
           which requires this Toaster to be mounted. */}
       <Toaster />
     </AppProviders>

package/corpus/templates/slides/app/routes/settings.tsx

@@ -6,17 +6,17 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { TeamPage } from "@agent-native/core/client/org";
-
-import { useSetPageTitle } from "@/components/layout/HeaderActions";
-import { Button } from "@/components/ui/button";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
-import { Label } from "@/components/ui/label";
+} from "@agent-native/toolkit/ui/card";
+import { Label } from "@agent-native/toolkit/ui/label";
+
 import messages from "@/i18n/en-US";
 
 import changelog from "../../CHANGELOG.md?raw";