@agent-native/core 0.85.7 → 0.86.1

package/corpus/templates/slides/app/hooks/use-deck-presence.ts

@@ -1,70 +1,112 @@
 import {
   useCollaborativeDoc,
+  usePresence,
+  useRecentEdits,
+  type AttributedRecentEdit,
   type CollabUser,
 } from "@agent-native/core/client";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo } from "react";
+import type { Awareness } from "y-protocols/awareness";
 
 const TAB_ID = `slides-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 
+/** How long the agent counts as "active" after its last recorded edit. */
+const AGENT_ACTIVE_MS = 6000;
+
+export interface DeckPresenceResult {
+  /** Map<slideId, CollabUser[]> for sidebar / same-slide avatars. Includes the
+   *  agent (styled) on whichever slide it is editing. */
+  slidePresence: Map<string, CollabUser[]>;
+  /** True while the agent has a durable presence entry on the deck. */
+  agentPresent: boolean;
+  /** True briefly after the agent records an edit (drives the pulsing chip). */
+  agentActive: boolean;
+  /** The slide the agent is currently editing, if any. */
+  agentSlideId: string | null;
+  /** Non-expired recent edits from remote participants (incl. the agent), for
+   *  lingering highlights. */
+  recentEdits: AttributedRecentEdit[];
+  /** Deck presence-doc awareness (for resolving highlight rects). */
+  awareness: Awareness | null;
+  /** Local Yjs client id (to exclude self). */
+  localClientId: number | null;
+}
+
 /**
- * Tracks deck-level presence: which slide each user is currently viewing.
- * Uses a presence-only Yjs doc (deck-{deckId}) with no TipTap content.
- * Returns a Map<slideId, CollabUser[]> for rendering avatars in the sidebar.
+ * Tracks deck-level presence: which slide each participant (human OR the agent)
+ * is currently on. Uses a presence-only Yjs doc (`deck-{deckId}`) with no TipTap
+ * content — the SAME doc id the slide-editing actions write agent presence to
+ * via `agentTouchDocument`. So once the agent edits a slide, it shows up here as
+ * a participant on that slide, with a lingering "AI edited" highlight.
  */
 export function useDeckPresence(options: {
   deckId: string | null;
   activeSlideId: string | null;
   user?: CollabUser;
-}) {
+}): DeckPresenceResult {
   const { deckId, activeSlideId, user } = options;
-  const selfEmail = user?.email;
-  const normalizedSelfEmail = selfEmail?.trim().toLowerCase();
+  const normalizedSelfEmail = user?.email?.trim().toLowerCase();
 
-  const { awareness } = useCollaborativeDoc({
+  const { ydoc, awareness, agentPresent } = useCollaborativeDoc({
     docId: deckId ? `deck-${deckId}` : null,
     user,
     requestSource: TAB_ID,
     pollInterval: 3000,
   });
 
-  // Publish which slide this user is currently viewing
+  const localClientId = (ydoc?.clientID ?? null) as number | null;
+  const { others, setPresence } = usePresence(awareness, localClientId);
+
+  // Publish which slide this user is currently viewing so peers (and the agent)
+  // can see it.
   useEffect(() => {
     if (!awareness || !activeSlideId) return;
-    awareness.setLocalStateField("slide", activeSlideId);
-    return () => {
-      awareness.setLocalStateField("slide", null);
-    };
-  }, [awareness, activeSlideId]);
-
-  // Build Map<slideId, CollabUser[]> from all remote awareness states
-  const [slidePresence, setSlidePresence] = useState<Map<string, CollabUser[]>>(
-    new Map(),
-  );
+    setPresence({ slide: activeSlideId });
+    return () => setPresence({ slide: null });
+  }, [awareness, activeSlideId, setPresence]);
 
-  useEffect(() => {
-    if (!awareness) return;
+  const recentEdits = useRecentEdits(others);
 
-    const update = () => {
-      const map = new Map<string, CollabUser[]>();
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const selfId = (awareness as any).doc?.clientID;
-      awareness.getStates().forEach((state, clientId) => {
-        if (clientId === selfId) return;
-        const u = state.user as CollabUser | undefined;
-        const slide = state.slide as string | undefined;
-        const email = u?.email?.trim().toLowerCase();
-        if (u && slide && email !== normalizedSelfEmail) {
-          if (!map.has(slide)) map.set(slide, []);
-          map.get(slide)!.push(u);
-        }
-      });
-      setSlidePresence(map);
-    };
+  // Build Map<slideId, CollabUser[]> from all remote participants, humans and
+  // agent alike. The agent's presence carries a `slide` field (from the action's
+  // `metadata.slide`), so it lands on the exact slide it edited.
+  const slidePresence = useMemo(() => {
+    const map = new Map<string, CollabUser[]>();
+    for (const other of others) {
+      const slide = other.presence["slide"];
+      if (typeof slide !== "string" || !slide) continue;
+      // Skip our own reflection by email (another tab of the same human still
+      // shows — matches the prior email-comparison behavior).
+      const email = other.user.email?.trim().toLowerCase();
+      if (!other.isAgent && email && email === normalizedSelfEmail) continue;
+      if (!map.has(slide)) map.set(slide, []);
+      map.get(slide)!.push(other.user);
+    }
+    return map;
+  }, [others, normalizedSelfEmail]);
 
-    awareness.on("change", update);
-    update();
-    return () => awareness.off("change", update);
-  }, [awareness, normalizedSelfEmail]);
+  // The agent's current slide + freshness (for the pulsing "AI" chip).
+  const agentEntry = useMemo(() => others.find((o) => o.isAgent), [others]);
+  const agentSlideId =
+    typeof agentEntry?.presence["slide"] === "string"
+      ? (agentEntry.presence["slide"] as string)
+      : null;
+  const agentActive = useMemo(() => {
+    const lastEditAt = agentEntry?.presence["lastEditAt"];
+    if (typeof lastEditAt === "number") {
+      return Date.now() - lastEditAt < AGENT_ACTIVE_MS;
+    }
+    // Fall back to any fresh recent edit attributed to the agent.
+    return recentEdits.some((e) => e.isAgent);
+  }, [agentEntry, recentEdits]);
 
-  return { slidePresence };
+  return {
+    slidePresence,
+    agentPresent,
+    agentActive,
+    agentSlideId,
+    recentEdits,
+    awareness: awareness ?? null,
+    localClientId,
+  };
 }

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

@@ -332,6 +332,52 @@ const messages = {
     clickToAddComment: "انقر لإضافة تعليق",
     selectSlideToAdd: "حدد شريحة لإضافة تعليق",
   },
+  styleInspector: {
+    title: "Style",
+    close: "إغلاق مفتش الأنماط",
+    deckStyle: "نمط العرض",
+    designSystemTweaks: "تعديلات نظام التصميم",
+    closeTweaks: "إغلاق التعديلات",
+    controls: "Controls",
+    noDeckStyleControls: "لا توجد عناصر تحكم لنمط العرض بعد.",
+    type: "Type",
+    color: "Color",
+    size: "Size",
+    line: "Line",
+    regular: "Reg",
+    medium: "Med",
+    semi: "Semi",
+    bold: "Bold",
+    left: "Left",
+    center: "Center",
+    right: "Right",
+    justify: "Justify",
+    fill: "Fill",
+    tint: "Tint",
+    transparent: "Transparent",
+    alpha: "Alpha",
+    stroke: "Stroke",
+    radius: "Rad",
+    strokeColor: "لون الحد",
+    spacing: "Spacing",
+    x: "X",
+    y: "Y",
+    primary: "Primary",
+    secondary: "Secondary",
+    accent: "Accent",
+    surface: "Surface",
+    background: "Background",
+    text: "Text",
+    muted: "Muted",
+    white: "White",
+    black: "Black",
+    slate: "Slate",
+    blue: "Blue",
+    cyan: "Cyan",
+    emerald: "Emerald",
+    amber: "Amber",
+    rose: "Rose",
+  },
   animations: {
     appear: "Aparecer",
     fade: "Fundido",
@@ -470,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.",
@@ -485,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

@@ -335,6 +335,52 @@ const messages = {
     clickToAddComment: "Klicken, um einen Kommentar hinzuzufügen",
     selectSlideToAdd: "Wähle eine Folie aus, um einen hinzuzufügen",
   },
+  styleInspector: {
+    title: "Style",
+    close: "Stilinspektor schließen",
+    deckStyle: "Deck-Stil",
+    designSystemTweaks: "Designsystem-Anpassungen",
+    closeTweaks: "Anpassungen schließen",
+    controls: "Controls",
+    noDeckStyleControls: "Noch keine Deck-Stil-Steuerelemente.",
+    type: "Type",
+    color: "Color",
+    size: "Size",
+    line: "Line",
+    regular: "Reg",
+    medium: "Med",
+    semi: "Semi",
+    bold: "Bold",
+    left: "Left",
+    center: "Center",
+    right: "Right",
+    justify: "Justify",
+    fill: "Fill",
+    tint: "Tint",
+    transparent: "Transparent",
+    alpha: "Alpha",
+    stroke: "Stroke",
+    radius: "Rad",
+    strokeColor: "Konturfarbe",
+    spacing: "Spacing",
+    x: "X",
+    y: "Y",
+    primary: "Primary",
+    secondary: "Secondary",
+    accent: "Accent",
+    surface: "Surface",
+    background: "Background",
+    text: "Text",
+    muted: "Muted",
+    white: "White",
+    black: "Black",
+    slate: "Slate",
+    blue: "Blue",
+    cyan: "Cyan",
+    emerald: "Emerald",
+    amber: "Amber",
+    rose: "Rose",
+  },
   animations: {
     appear: "Aparecer",
     fade: "Fundido",
@@ -463,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.",
@@ -480,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

@@ -330,6 +330,52 @@ const messages = {
     clickToAddComment: "Click to add a comment",
     selectSlideToAdd: "Select a slide to add one",
   },
+  styleInspector: {
+    title: "Style",
+    close: "Close style inspector",
+    deckStyle: "Deck style",
+    designSystemTweaks: "Design system tweaks",
+    closeTweaks: "Close tweaks",
+    controls: "Controls",
+    noDeckStyleControls: "No deck style controls yet.",
+    type: "Type",
+    color: "Color",
+    size: "Size",
+    line: "Line",
+    regular: "Reg",
+    medium: "Med",
+    semi: "Semi",
+    bold: "Bold",
+    left: "Left",
+    center: "Center",
+    right: "Right",
+    justify: "Justify",
+    fill: "Fill",
+    tint: "Tint",
+    transparent: "Transparent",
+    alpha: "Alpha",
+    stroke: "Stroke",
+    radius: "Rad",
+    strokeColor: "Stroke color",
+    spacing: "Spacing",
+    x: "X",
+    y: "Y",
+    primary: "Primary",
+    secondary: "Secondary",
+    accent: "Accent",
+    surface: "Surface",
+    background: "Background",
+    text: "Text",
+    muted: "Muted",
+    white: "White",
+    black: "Black",
+    slate: "Slate",
+    blue: "Blue",
+    cyan: "Cyan",
+    emerald: "Emerald",
+    amber: "Amber",
+    rose: "Rose",
+  },
   animations: {
     appear: "Appear",
     fade: "Fade",
@@ -455,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.",
@@ -470,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

@@ -337,6 +337,52 @@ const messages = {
     clickToAddComment: "Haz clic para añadir un comentario",
     selectSlideToAdd: "Selecciona una diapositiva para añadir uno",
   },
+  styleInspector: {
+    title: "Style",
+    close: "Cerrar inspector de estilo",
+    deckStyle: "Estilo de la presentación",
+    designSystemTweaks: "Ajustes del sistema de diseño",
+    closeTweaks: "Cerrar ajustes",
+    controls: "Controls",
+    noDeckStyleControls: "Aún no hay controles de estilo de la presentación.",
+    type: "Type",
+    color: "Color",
+    size: "Size",
+    line: "Line",
+    regular: "Reg",
+    medium: "Med",
+    semi: "Semi",
+    bold: "Bold",
+    left: "Left",
+    center: "Center",
+    right: "Right",
+    justify: "Justify",
+    fill: "Fill",
+    tint: "Tint",
+    transparent: "Transparent",
+    alpha: "Alpha",
+    stroke: "Stroke",
+    radius: "Rad",
+    strokeColor: "Color del trazo",
+    spacing: "Spacing",
+    x: "X",
+    y: "Y",
+    primary: "Primary",
+    secondary: "Secondary",
+    accent: "Accent",
+    surface: "Surface",
+    background: "Background",
+    text: "Text",
+    muted: "Muted",
+    white: "White",
+    black: "Black",
+    slate: "Slate",
+    blue: "Blue",
+    cyan: "Cyan",
+    emerald: "Emerald",
+    amber: "Amber",
+    rose: "Rose",
+  },
   animations: {
     appear: "Aparecer",
     fade: "Fundido",
@@ -468,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.",
@@ -485,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

@@ -341,6 +341,52 @@ const messages = {
     clickToAddComment: "Cliquez pour ajouter un commentaire",
     selectSlideToAdd: "Sélectionnez une diapositive pour en ajouter un",
   },
+  styleInspector: {
+    title: "Style",
+    close: "Fermer l’inspecteur de style",
+    deckStyle: "Style du deck",
+    designSystemTweaks: "Réglages du système de design",
+    closeTweaks: "Fermer les réglages",
+    controls: "Controls",
+    noDeckStyleControls: "Aucun contrôle de style du deck pour l’instant.",
+    type: "Type",
+    color: "Color",
+    size: "Size",
+    line: "Line",
+    regular: "Reg",
+    medium: "Med",
+    semi: "Semi",
+    bold: "Bold",
+    left: "Left",
+    center: "Center",
+    right: "Right",
+    justify: "Justify",
+    fill: "Fill",
+    tint: "Tint",
+    transparent: "Transparent",
+    alpha: "Alpha",
+    stroke: "Stroke",
+    radius: "Rad",
+    strokeColor: "Couleur du contour",
+    spacing: "Spacing",
+    x: "X",
+    y: "Y",
+    primary: "Primary",
+    secondary: "Secondary",
+    accent: "Accent",
+    surface: "Surface",
+    background: "Background",
+    text: "Text",
+    muted: "Muted",
+    white: "White",
+    black: "Black",
+    slate: "Slate",
+    blue: "Blue",
+    cyan: "Cyan",
+    emerald: "Emerald",
+    amber: "Amber",
+    rose: "Rose",
+  },
   animations: {
     appear: "Aparecer",
     fade: "Fundido",
@@ -472,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.",
@@ -489,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

@@ -328,6 +328,52 @@ const messages = {
     clickToAddComment: "टिप्पणी जोड़ने के लिए क्लिक करें",
     selectSlideToAdd: "एक टिप्पणी जोड़ने के लिए स्लाइड चुनें",
   },
+  styleInspector: {
+    title: "Style",
+    close: "स्टाइल इंस्पेक्टर बंद करें",
+    deckStyle: "डेक शैली",
+    designSystemTweaks: "डिज़ाइन सिस्टम ट्वीक",
+    closeTweaks: "ट्वीक बंद करें",
+    controls: "Controls",
+    noDeckStyleControls: "अभी कोई डेक शैली नियंत्रण नहीं है.",
+    type: "Type",
+    color: "Color",
+    size: "Size",
+    line: "Line",
+    regular: "Reg",
+    medium: "Med",
+    semi: "Semi",
+    bold: "Bold",
+    left: "Left",
+    center: "Center",
+    right: "Right",
+    justify: "Justify",
+    fill: "Fill",
+    tint: "Tint",
+    transparent: "Transparent",
+    alpha: "Alpha",
+    stroke: "Stroke",
+    radius: "Rad",
+    strokeColor: "स्ट्रोक रंग",
+    spacing: "Spacing",
+    x: "X",
+    y: "Y",
+    primary: "Primary",
+    secondary: "Secondary",
+    accent: "Accent",
+    surface: "Surface",
+    background: "Background",
+    text: "Text",
+    muted: "Muted",
+    white: "White",
+    black: "Black",
+    slate: "Slate",
+    blue: "Blue",
+    cyan: "Cyan",
+    emerald: "Emerald",
+    amber: "Amber",
+    rose: "Rose",
+  },
   animations: {
     appear: "दिखाएं",
     fade: "फेड",
@@ -449,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.",
@@ -464,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: "स्क्रीनशॉट और विज़ुअल रेफ़रेंस",