@agent-native/core 0.85.7 → 0.86.0

package/corpus/templates/design/app/components/editor/PromptDialog.tsx

@@ -9,6 +9,7 @@ import {
   type EmbeddedAppRef,
 } from "@agent-native/core/embedding/react";
 import {
+  IconApps,
   IconPalette,
   IconPhoto,
   IconPlus,
@@ -288,6 +289,8 @@ function AssetsPickerSkeleton() {
   );
 }
 
+export type PromptCreationMode = "design" | "app";
+
 interface PromptPopoverProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
@@ -308,6 +311,14 @@ interface PromptPopoverProps {
   selectedDesignSystemId?: string | null;
   onDesignSystemChange?: (id: string | null) => void;
   onCreateDesignSystem?: () => void;
+  /**
+   * "Design" (inline prototype, default) vs "Full app" (Builder Fusion cloud
+   * container). Omit both this and `onCreationModeChange` to hide the mode
+   * selector entirely — used when full-app building is flag-disabled, so the
+   * popover renders pixel-identical to the design-only version.
+   */
+  creationMode?: PromptCreationMode;
+  onCreationModeChange?: (mode: PromptCreationMode) => void;
 }
 
 export interface PromptDesignSystemOption {
@@ -344,6 +355,8 @@ export default function PromptPopover({
   selectedDesignSystemId,
   onDesignSystemChange,
   onCreateDesignSystem,
+  creationMode,
+  onCreationModeChange,
 }: PromptPopoverProps) {
   const t = useT();
   const [uploading, setUploading] = useState(false);
@@ -533,10 +546,17 @@ export default function PromptPopover({
         data-agent-native-prompt-popover
         className="z-[200] w-[min(420px,calc(100vw-24px))] rounded-xl border-border p-0 shadow-2xl shadow-black/60"
       >
-        <div className="px-3.5 pt-3 pb-2">
+        <div className="flex items-center justify-between gap-2 px-3.5 pt-3 pb-2">
           <span className="text-sm font-medium text-foreground/90">
             {title}
           </span>
+          {creationMode && onCreationModeChange ? (
+            <CreationModeToggle
+              mode={creationMode}
+              onChange={onCreationModeChange}
+              disabled={loading || uploading}
+            />
+          ) : null}
         </div>
 
         <div className="px-2 pb-2">
@@ -757,3 +777,62 @@ function PromptAttachmentMenu({
     </Popover>
   );
 }
+
+/**
+ * Compact segmented "Design" / "Full app" pill selector shown in the new-design
+ * popover title row. Only rendered by the caller when full-app building is
+ * flag-enabled (see FULL_APP_BUILDING_ENABLED in shared/full-app.ts) — when
+ * absent the popover renders with no mode control at all.
+ */
+function CreationModeToggle({
+  mode,
+  onChange,
+  disabled,
+}: {
+  mode: "design" | "app";
+  onChange: (mode: "design" | "app") => void;
+  disabled?: boolean;
+}) {
+  return (
+    <div
+      role="radiogroup"
+      aria-label={
+        "Design or full app" /* i18n-ignore compact new-design mode toggle, flag-gated */
+      }
+      className="flex shrink-0 items-center gap-0.5 rounded-full border border-border bg-muted/40 p-0.5"
+    >
+      <button
+        type="button"
+        role="radio"
+        aria-checked={mode === "design"}
+        disabled={disabled}
+        onClick={() => onChange("design")}
+        className={`flex cursor-pointer items-center gap-1 rounded-full px-2 py-1 !text-[11px] font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${
+          mode === "design"
+            ? "bg-background text-foreground shadow-sm"
+            : "text-muted-foreground hover:text-foreground/80"
+        }`}
+      >
+        <IconPalette className="h-3 w-3" />
+        {"Design" /* i18n-ignore compact new-design mode toggle, flag-gated */}
+      </button>
+      <button
+        type="button"
+        role="radio"
+        aria-checked={mode === "app"}
+        disabled={disabled}
+        onClick={() => onChange("app")}
+        className={`flex cursor-pointer items-center gap-1 rounded-full px-2 py-1 !text-[11px] font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${
+          mode === "app"
+            ? "bg-background text-foreground shadow-sm"
+            : "text-muted-foreground hover:text-foreground/80"
+        }`}
+      >
+        <IconApps className="h-3 w-3" />
+        {
+          "Full app" /* i18n-ignore compact new-design mode toggle, flag-gated */
+        }
+      </button>
+    </div>
+  );
+}

package/corpus/templates/design/app/components/visual-editor/SaveStatusIndicator.tsx

@@ -9,7 +9,11 @@ import {
 import { cn } from "@/lib/utils";
 
 interface SaveStatusIndicatorProps {
-  /** True while a save is in flight or pending (debounced). */
+  /**
+   * True while a save is in flight or pending (debounced). Deliberately NOT
+   * rendered: automatic saving is silent (Figma-style) — a "Saving…" ticker is
+   * clutter. Only the exceptional offline state gets UI.
+   */
   saving: boolean;
   /** True when offline / save errored. Shows the warning state. */
   offline?: boolean;
@@ -17,7 +21,7 @@ interface SaveStatusIndicatorProps {
 }
 
 export function SaveStatusIndicator({
-  saving,
+  saving: _saving,
   offline,
   className,
 }: SaveStatusIndicatorProps) {
@@ -46,19 +50,5 @@ export function SaveStatusIndicator({
     );
   }
 
-  if (saving) {
-    return (
-      <span
-        data-save-status="saving"
-        className={cn(
-          "animate-pulse !text-[11px] text-muted-foreground",
-          className,
-        )}
-      >
-        {t("visualEditor.saving")}
-      </span>
-    );
-  }
-
   return null;
 }

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

@@ -499,10 +499,11 @@ const messages = {
       propsPasted: "屬性已貼上",
       primitiveInsertFailed: "無法將該圖層新增到畫面",
       layerMoveFailed: "無法移動該圖層",
-      layerRenameSelectLayer: "在面板中連按兩下圖層即可重新命名",
       duplicateElementFailed: "無法複製該元素",
       saveCopyError: "無法儲存這個設計的副本",
       auditRunFailed: "無法執行設計稽核",
+      undoSkippedConcurrentEdit: "已略過復原 — 其他人移動了該項目",
+      redoSkippedConcurrentEdit: "已略過重做 — 其他人移動了該項目",
     },
     localSourceEdit: {
       copyPrompt: "複製提示",

package/corpus/templates/design/app/i18n-data.ts

@@ -511,13 +511,13 @@ const enUS = {
       propsPasted: "Properties pasted",
       primitiveInsertFailed: "Could not add that layer to the screen",
       layerMoveFailed: "Could not move that layer",
-      layerRenameSelectLayer:
-        "Double-click the layer in the panel to rename it",
       duplicateElementFailed: "Could not duplicate that element",
       saveCopyError: "Could not save a copy of this design",
       auditRunFailed: "Unable to run design audit",
       componentCreated: "Component created",
       componentCreateFailed: "Could not create component",
+      undoSkippedConcurrentEdit: "Skipped an undo — someone else moved that",
+      redoSkippedConcurrentEdit: "Skipped a redo — someone else moved that",
     },
     localSourceEdit: {
       copyPrompt: "Copy prompt",
@@ -1188,6 +1188,8 @@ const designLocaleOverrides = {
         openScreenSvg: "导出 SVG 之前打开一个屏幕",
         svgDownloaded: "SVG 下载",
         svgExportError: "无法导出 SVG",
+        undoSkippedConcurrentEdit: "已跳过撤消 — 其他人移动了该内容",
+        redoSkippedConcurrentEdit: "已跳过重做 — 其他人移动了该内容",
       },
     },
     designSystemSetup: {
@@ -1546,6 +1548,8 @@ const designLocaleOverrides = {
         openScreenSvg: "Abra una pantalla antes de exportar SVG",
         svgDownloaded: "SVG descargado",
         svgExportError: "No se pudo exportar SVG",
+        undoSkippedConcurrentEdit: "Se omitió deshacer: otra persona movió eso",
+        redoSkippedConcurrentEdit: "Se omitió rehacer: otra persona movió eso",
       },
     },
     designSystemSetup: {
@@ -1923,6 +1927,10 @@ const designLocaleOverrides = {
         openScreenSvg: "Ouvrir un écran avant d'exporter SVG",
         svgDownloaded: "SVG téléchargé",
         svgExportError: "Impossible d'exporter SVG",
+        undoSkippedConcurrentEdit:
+          "Annulation ignorée : quelqu'un d'autre a déplacé cet élément",
+        redoSkippedConcurrentEdit:
+          "Rétablissement ignoré : quelqu'un d'autre a déplacé cet élément",
       },
     },
     designSystemSetup: {
@@ -2300,6 +2308,10 @@ const designLocaleOverrides = {
         openScreenSvg: "Öffnen Sie einen Bildschirm, bevor Sie SVG exportieren",
         svgDownloaded: "SVG heruntergeladen",
         svgExportError: "SVG konnte nicht exportiert werden",
+        undoSkippedConcurrentEdit:
+          "Rückgängig übersprungen – jemand anderes hat das verschoben",
+        redoSkippedConcurrentEdit:
+          "Wiederholen übersprungen – jemand anderes hat das verschoben",
       },
     },
     designSystemSetup: {
@@ -2676,6 +2688,10 @@ const designLocaleOverrides = {
         openScreenSvg: "SVG をエクスポートする前に画面を開く",
         svgDownloaded: "SVGがダウンロードされました",
         svgExportError: "SVG をエクスポートできませんでした",
+        undoSkippedConcurrentEdit:
+          "元に戻す操作をスキップしました — 他のユーザーがそれを移動しました",
+        redoSkippedConcurrentEdit:
+          "やり直し操作をスキップしました — 他のユーザーがそれを移動しました",
       },
     },
     designSystemSetup: {
@@ -3047,6 +3063,10 @@ const designLocaleOverrides = {
         openScreenSvg: "SVG를 내보내기 전에 화면을 엽니다",
         svgDownloaded: "SVG 다운로드됨",
         svgExportError: "SVG를 내보낼 수 없습니다.",
+        undoSkippedConcurrentEdit:
+          "실행 취소를 건너뛰었습니다 — 다른 사용자가 이동했습니다",
+        redoSkippedConcurrentEdit:
+          "다시 실행을 건너뛰었습니다 — 다른 사용자가 이동했습니다",
       },
     },
     designSystemSetup: {
@@ -3414,6 +3434,9 @@ const designLocaleOverrides = {
         openScreenSvg: "Abra uma tela antes de exportar SVG",
         svgDownloaded: "SVG baixado",
         svgExportError: "Não foi possível exportar SVG",
+        undoSkippedConcurrentEdit:
+          "Desfazer ignorado — outra pessoa moveu isso",
+        redoSkippedConcurrentEdit: "Refazer ignorado — outra pessoa moveu isso",
       },
     },
     designSystemSetup: {
@@ -3786,6 +3809,10 @@ const designLocaleOverrides = {
         openScreenSvg: "SVG निर्यात करने से पहले एक स्क्रीन खोलें",
         svgDownloaded: "SVG डाउनलोड किया गया",
         svgExportError: "SVG निर्यात नहीं किया जा सका",
+        undoSkippedConcurrentEdit:
+          "पूर्ववत करना छोड़ दिया गया — किसी और ने इसे स्थानांतरित कर दिया",
+        redoSkippedConcurrentEdit:
+          "फिर से करना छोड़ दिया गया — किसी और ने इसे स्थानांतरित कर दिया",
       },
     },
     designSystemSetup: {
@@ -4151,6 +4178,8 @@ const designLocaleOverrides = {
         openScreenSvg: "افتح الشاشة قبل تصدير SVG",
         svgDownloaded: "تم تنزيل SVG",
         svgExportError: "تعذر تصدير SVG",
+        undoSkippedConcurrentEdit: "تم تخطي التراجع — قام شخص آخر بنقله",
+        redoSkippedConcurrentEdit: "تم تخطي الإعادة — قام شخص آخر بنقله",
       },
     },
     designSystemSetup: {
@@ -8230,7 +8259,6 @@ const designCanvasFeatureOverrides = {
         propsPasted: "属性已粘贴",
         primitiveInsertFailed: "无法将该图层添加到画面",
         layerMoveFailed: "无法移动该图层",
-        layerRenameSelectLayer: "双击面板中的图层即可重命名",
         duplicateElementFailed: "无法复制该元素",
       },
     },
@@ -8291,8 +8319,6 @@ const designCanvasFeatureOverrides = {
         propsPasted: "Propiedades pegadas",
         primitiveInsertFailed: "No se pudo añadir esa capa a la pantalla",
         layerMoveFailed: "No se pudo mover esa capa",
-        layerRenameSelectLayer:
-          "Haz doble clic en la capa del panel para renombrarla",
         duplicateElementFailed: "No se pudo duplicar ese elemento",
       },
     },
@@ -8353,8 +8379,6 @@ const designCanvasFeatureOverrides = {
         propsPasted: "Propriétés collées",
         primitiveInsertFailed: "Impossible d’ajouter ce calque à l’écran",
         layerMoveFailed: "Impossible de déplacer ce calque",
-        layerRenameSelectLayer:
-          "Double-cliquez sur le calque dans le panneau pour le renommer",
         duplicateElementFailed: "Impossible de dupliquer cet élément",
       },
     },
@@ -8416,8 +8440,6 @@ const designCanvasFeatureOverrides = {
         primitiveInsertFailed:
           "Diese Ebene konnte nicht zur Ansicht hinzugefügt werden",
         layerMoveFailed: "Diese Ebene konnte nicht verschoben werden",
-        layerRenameSelectLayer:
-          "Doppelklicken Sie auf die Ebene im Panel, um sie umzubenennen",
         duplicateElementFailed: "Dieses Element konnte nicht dupliziert werden",
       },
     },
@@ -8478,8 +8500,6 @@ const designCanvasFeatureOverrides = {
         propsPasted: "プロパティを貼り付けました",
         primitiveInsertFailed: "そのレイヤーを画面に追加できませんでした",
         layerMoveFailed: "そのレイヤーを移動できませんでした",
-        layerRenameSelectLayer:
-          "パネル内のレイヤーをダブルクリックすると名前を変更できます",
         duplicateElementFailed: "その要素を複製できませんでした",
       },
     },
@@ -8540,8 +8560,6 @@ const designCanvasFeatureOverrides = {
         propsPasted: "속성이 붙여넣어짐",
         primitiveInsertFailed: "해당 레이어를 화면에 추가할 수 없습니다",
         layerMoveFailed: "해당 레이어를 이동할 수 없습니다",
-        layerRenameSelectLayer:
-          "패널에서 레이어를 더블클릭하면 이름을 바꿀 수 있습니다",
         duplicateElementFailed: "해당 요소를 복제할 수 없습니다",
       },
     },
@@ -8602,8 +8620,6 @@ const designCanvasFeatureOverrides = {
         propsPasted: "Propriedades coladas",
         primitiveInsertFailed: "Não foi possível adicionar essa camada à tela",
         layerMoveFailed: "Não foi possível mover essa camada",
-        layerRenameSelectLayer:
-          "Clique duas vezes na camada no painel para renomeá-la",
         duplicateElementFailed: "Não foi possível duplicar esse elemento",
       },
     },
@@ -8664,7 +8680,6 @@ const designCanvasFeatureOverrides = {
         propsPasted: "गुण चिपकाए गए",
         primitiveInsertFailed: "उस परत को स्क्रीन में नहीं जोड़ा जा सका",
         layerMoveFailed: "उस परत को स्थानांतरित नहीं किया जा सका",
-        layerRenameSelectLayer: "नाम बदलने के लिए पैनल में परत पर डबल-क्लिक करें",
         duplicateElementFailed: "उस तत्व की प्रतिलिपि नहीं बनाई जा सकी",
       },
     },
@@ -8725,8 +8740,6 @@ const designCanvasFeatureOverrides = {
         propsPasted: "تم لصق الخصائص",
         primitiveInsertFailed: "تعذرت إضافة تلك الطبقة إلى الشاشة",
         layerMoveFailed: "تعذر نقل تلك الطبقة",
-        layerRenameSelectLayer:
-          "انقر نقرًا مزدوجًا فوق الطبقة في اللوحة لإعادة تسميتها",
         duplicateElementFailed: "تعذّر تكرار هذا العنصر",
       },
     },