@agent-native/core 0.80.0 → 0.80.2

package/corpus/templates/design/app/components/design/inspector/index.ts

@@ -17,6 +17,8 @@ export {
   type AutoLayoutSizing,
   type AutoLayoutSizingAxis,
   type AutoLayoutWrap,
+  SizingField,
+  type SizingFieldProps,
 } from "./AutoLayoutMatrix";
 export {
   ConstraintsWidget,
@@ -44,7 +46,32 @@ export {
   type FigmaGradientStop,
   type FigmaGradientStopPatch,
   type FigmaGradientType,
+  type FigmaPaintType,
 } from "./FigmaColorPicker";
+export {
+  GradientEditor,
+  defaultGradient,
+  gradientToCss,
+  parseGradientCss,
+  type GradientEditorProps,
+  type GradientKind,
+  type GradientStopValue,
+  type GradientValue,
+} from "./GradientEditor";
+export {
+  ImageFillControls,
+  imageFillToCss,
+  parseImageFillCss,
+  type ImageFillControlsProps,
+  type ImageFillValue,
+  type ImageFitMode,
+} from "./ImageFillControls";
+export {
+  ShaderFillsPanel,
+  descriptorFromPreset,
+  shaderDescriptorToCss,
+  type ShaderFillsPanelProps,
+} from "./ShaderFillsPanel";
 export {
   ScrubInput,
   type ScrubInputChangeMeta,

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

@@ -47,6 +47,21 @@
     hsl(220 10% 15%) 8%,
     transparent
   );
+  --design-editor-layer-hover-color: color-mix(
+    in srgb,
+    hsl(220 10% 15%) 6%,
+    transparent
+  );
+  --design-editor-selected-subtree-color: color-mix(
+    in srgb,
+    hsl(213 91% 67%) 9%,
+    transparent
+  );
+  --design-editor-panel-divider-color: color-mix(
+    in srgb,
+    hsl(var(--border)) 76%,
+    transparent
+  );
   --design-editor-accent-strong-color: var(--design-editor-accent-color);
   --design-editor-accent-contrast-color: #ffffff;
   --design-editor-measure-color: hsl(344 100% 63%);
@@ -62,7 +77,7 @@
   --foreground: 0 0% 90%;
   --card: 220 5% 13%;
   --card-foreground: 0 0% 90%;
-  --popover: 220 5% 13%;
+  --popover: 220 6% 9%;
   --popover-foreground: 0 0% 90%;
   --primary: 0 0% 75%;
   --primary-foreground: 220 6% 6%;
@@ -70,8 +85,8 @@
   --secondary-foreground: 0 0% 90%;
   --muted: 220 4% 10%;
   --muted-foreground: 220 4% 60%;
-  --accent: 220 4% 13%;
-  --accent-foreground: 0 0% 90%;
+  --accent: 220 5% 20%;
+  --accent-foreground: 0 0% 96%;
   --destructive: 0 63% 51%;
   --destructive-foreground: 0 0% 98%;
   --border: 220 4% 14%;
@@ -94,6 +109,17 @@
     transparent
   );
   --design-editor-active-row-color: hsl(220 4% 20%);
+  --design-editor-layer-hover-color: color-mix(
+    in srgb,
+    hsl(0 0% 100%) 8%,
+    transparent
+  );
+  --design-editor-selected-subtree-color: color-mix(
+    in srgb,
+    hsl(213 91% 67%) 18%,
+    transparent
+  );
+  --design-editor-panel-divider-color: hsl(220 4% 22%);
   --design-editor-accent-strong-color: var(--design-editor-accent-color);
   --design-editor-accent-contrast-color: #ffffff;
   --design-editor-measure-color: hsl(344 100% 63%);

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

@@ -63,6 +63,11 @@ const messages = {
       codeConfidence: "程式碼",
       export: "匯出",
     },
+    textResize: {
+      autoWidth: "自動寬度",
+      autoHeight: "自動高度",
+      fixed: "固定大小",
+    },
     labels: {
       background: "背景",
       font: "字型",
@@ -242,6 +247,7 @@ const messages = {
     notFound: "未找到設計",
     backToDesigns: "返回設計",
     clickToRename: "點選重新命名",
+    collaborators: "協作者",
     modes: {
       annotate: "註解",
       comment: "評論",
@@ -255,6 +261,12 @@ const messages = {
       move: "移動",
       frame: "畫框",
       rect: "矩形",
+      line: "線條",
+      arrow: "箭頭",
+      ellipse: "橢圓",
+      polygon: "多邊形",
+      star: "星形",
+      imageVideo: "圖片/影片...",
       text: "文字",
       pen: "鋼筆",
       hand: "手形",
@@ -395,6 +407,7 @@ const messages = {
   layersPanel: {
     title: "圖層",
     screens: "畫面",
+    thumbnail: "縮圖",
     addScreen: "新增畫面",
     searchPlaceholder: "搜尋圖層...",
     empty: "沒有圖層",

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

@@ -68,6 +68,11 @@ const enUS = {
       codeConfidence: "Code",
       export: "Export",
     },
+    textResize: {
+      autoWidth: "Auto width",
+      autoHeight: "Auto height",
+      fixed: "Fixed size",
+    },
     labels: {
       background: "Background",
       font: "Font",
@@ -250,6 +255,7 @@ const enUS = {
     notFound: "Design not found",
     backToDesigns: "Back to designs",
     clickToRename: "Click to rename",
+    collaborators: "Collaborators",
     modes: {
       annotate: "Annotate",
       comment: "Comment",
@@ -263,6 +269,12 @@ const enUS = {
       move: "Move",
       frame: "Frame",
       rect: "Rectangle",
+      line: "Line",
+      arrow: "Arrow",
+      ellipse: "Ellipse",
+      polygon: "Polygon",
+      star: "Star",
+      imageVideo: "Image/video...",
       text: "Text",
       pen: "Pen",
       hand: "Hand",
@@ -405,6 +417,7 @@ const enUS = {
   layersPanel: {
     title: "Layers",
     screens: "Screens",
+    thumbnail: "Thumbnail",
     addScreen: "Add screen",
     searchPlaceholder: "Search layers...",
     empty: "No layers",
@@ -5554,6 +5567,7 @@ const designExactEnglishOverrides = {
     designEditor: {
       backToDesigns: "返回设计",
       clickToRename: "点击重命名",
+      collaborators: "协作者",
       copyCodingHandoff: "复制编码交接",
       currentScreen: "当前屏幕",
       designExport: "Design 导出",
@@ -5626,6 +5640,7 @@ const designExactEnglishOverrides = {
     designEditor: {
       backToDesigns: "Volver a diseños",
       clickToRename: "Haz clic para cambiar el nombre",
+      collaborators: "Colaboradores",
       copyCodingHandoff: "Copiar entrega para código",
       currentScreen: "Pantalla actual",
       designExport: "Exportación de Design",
@@ -5700,6 +5715,7 @@ const designExactEnglishOverrides = {
     designEditor: {
       backToDesigns: "Retour aux designs",
       clickToRename: "Cliquer pour renommer",
+      collaborators: "Collaborateurs",
       copyCodingHandoff: "Copier le transfert de code",
       currentScreen: "Écran actuel",
       designExport: "Export Design",
@@ -5775,6 +5791,7 @@ const designExactEnglishOverrides = {
     designEditor: {
       backToDesigns: "Zurück zu Designs",
       clickToRename: "Zum Umbenennen klicken",
+      collaborators: "Mitwirkende",
       copyCodingHandoff: "Code-Übergabe kopieren",
       currentScreen: "Aktueller Bildschirm",
       designExport: "Design-Export",
@@ -5850,6 +5867,7 @@ const designExactEnglishOverrides = {
     designEditor: {
       backToDesigns: "デザインに戻る",
       clickToRename: "クリックして名前を変更",
+      collaborators: "共同編集者",
       copyCodingHandoff: "コーディング引き継ぎをコピー",
       currentScreen: "現在の画面",
       designExport: "Design エクスポート",
@@ -5925,6 +5943,7 @@ const designExactEnglishOverrides = {
     designEditor: {
       backToDesigns: "디자인으로 돌아가기",
       clickToRename: "클릭하여 이름 바꾸기",
+      collaborators: "공동 작업자",
       copyCodingHandoff: "코딩 인계 복사",
       currentScreen: "현재 화면",
       designExport: "Design 내보내기",
@@ -5999,6 +6018,7 @@ const designExactEnglishOverrides = {
     designEditor: {
       backToDesigns: "Voltar aos designs",
       clickToRename: "Clique para renomear",
+      collaborators: "Colaboradores",
       copyCodingHandoff: "Copiar handoff de código",
       currentScreen: "Tela atual",
       designExport: "Exportação de Design",
@@ -6073,6 +6093,7 @@ const designExactEnglishOverrides = {
     designEditor: {
       backToDesigns: "डिज़ाइन पर वापस जाएँ",
       clickToRename: "नाम बदलने के लिए क्लिक करें",
+      collaborators: "सहयोगी",
       copyCodingHandoff: "कोडिंग हैंडऑफ़ कॉपी करें",
       currentScreen: "वर्तमान स्क्रीन",
       designExport: "Design निर्यात",
@@ -6146,6 +6167,7 @@ const designExactEnglishOverrides = {
     designEditor: {
       backToDesigns: "العودة إلى التصاميم",
       clickToRename: "انقر لإعادة التسمية",
+      collaborators: "المتعاونون",
       copyCodingHandoff: "نسخ تسليم الترميز",
       currentScreen: "الشاشة الحالية",
       designExport: "تصدير Design",
@@ -8006,6 +8028,7 @@ const designCanvasFeatureOverrides = {
     layersPanel: {
       title: "圖層",
       screens: "畫面",
+      thumbnail: "縮圖",
       addScreen: "新增畫面",
       searchPlaceholder: "搜尋圖層...",
       empty: "沒有圖層",
@@ -8063,6 +8086,7 @@ const designCanvasFeatureOverrides = {
     layersPanel: {
       title: "图层",
       screens: "屏幕",
+      thumbnail: "缩略图",
       addScreen: "添加屏幕",
       searchPlaceholder: "搜索图层...",
       empty: "没有图层",
@@ -8120,6 +8144,7 @@ const designCanvasFeatureOverrides = {
     layersPanel: {
       title: "Capas",
       screens: "Pantallas",
+      thumbnail: "Miniatura",
       addScreen: "Añadir pantalla",
       searchPlaceholder: "Buscar capas...",
       empty: "Sin capas",
@@ -8177,6 +8202,7 @@ const designCanvasFeatureOverrides = {
     layersPanel: {
       title: "Calques",
       screens: "Écrans",
+      thumbnail: "Miniature",
       addScreen: "Ajouter un écran",
       searchPlaceholder: "Rechercher des calques...",
       empty: "Aucun calque",
@@ -8235,6 +8261,7 @@ const designCanvasFeatureOverrides = {
     layersPanel: {
       title: "Ebenen",
       screens: "Screens",
+      thumbnail: "Miniaturansicht",
       addScreen: "Screen hinzufügen",
       searchPlaceholder: "Ebenen suchen...",
       empty: "Keine Ebenen",
@@ -8292,6 +8319,7 @@ const designCanvasFeatureOverrides = {
     layersPanel: {
       title: "レイヤー",
       screens: "画面",
+      thumbnail: "サムネイル",
       addScreen: "画面を追加",
       searchPlaceholder: "レイヤーを検索...",
       empty: "レイヤーがありません",
@@ -8349,6 +8377,7 @@ const designCanvasFeatureOverrides = {
     layersPanel: {
       title: "레이어",
       screens: "화면",
+      thumbnail: "썸네일",
       addScreen: "화면 추가",
       searchPlaceholder: "레이어 검색...",
       empty: "레이어 없음",
@@ -8406,6 +8435,7 @@ const designCanvasFeatureOverrides = {
     layersPanel: {
       title: "Camadas",
       screens: "Telas",
+      thumbnail: "Miniatura",
       addScreen: "Adicionar tela",
       searchPlaceholder: "Buscar camadas...",
       empty: "Nenhuma camada",
@@ -8463,6 +8493,7 @@ const designCanvasFeatureOverrides = {
     layersPanel: {
       title: "परतें",
       screens: "स्क्रीन",
+      thumbnail: "थंबनेल",
       addScreen: "स्क्रीन जोड़ें",
       searchPlaceholder: "परतें खोजें...",
       empty: "कोई परत नहीं",
@@ -8520,6 +8551,7 @@ const designCanvasFeatureOverrides = {
     layersPanel: {
       title: "الطبقات",
       screens: "الشاشات",
+      thumbnail: "الصورة المصغرة",
       addScreen: "إضافة شاشة",
       searchPlaceholder: "البحث في الطبقات...",
       empty: "لا توجد طبقات",
@@ -8539,10 +8571,207 @@ const designCanvasFeatureOverrides = {
   },
 } satisfies Record<Exclude<LocaleCode, "en-US">, PartialMessages>;
 
+const designShapeToolOverrides = {
+  "zh-TW": {
+    editPanel: {
+      textResize: {
+        autoWidth: "自動寬度",
+        autoHeight: "自動高度",
+        fixed: "固定大小",
+      },
+    },
+    designEditor: {
+      tools: {
+        line: "線條",
+        arrow: "箭頭",
+        ellipse: "橢圓",
+        polygon: "多邊形",
+        star: "星形",
+        imageVideo: "圖片/影片...",
+      },
+    },
+  },
+  "zh-CN": {
+    editPanel: {
+      textResize: {
+        autoWidth: "自动宽度",
+        autoHeight: "自动高度",
+        fixed: "固定大小",
+      },
+    },
+    designEditor: {
+      tools: {
+        line: "线条",
+        arrow: "箭头",
+        ellipse: "椭圆",
+        polygon: "多边形",
+        star: "星形",
+        imageVideo: "图片/视频...",
+      },
+    },
+  },
+  "es-ES": {
+    editPanel: {
+      textResize: {
+        autoWidth: "Ancho automático",
+        autoHeight: "Alto automático",
+        fixed: "Tamaño fijo",
+      },
+    },
+    designEditor: {
+      tools: {
+        line: "Línea",
+        arrow: "Flecha",
+        ellipse: "Elipse",
+        polygon: "Polígono",
+        star: "Estrella",
+        imageVideo: "Imagen/video...",
+      },
+    },
+  },
+  "fr-FR": {
+    editPanel: {
+      textResize: {
+        autoWidth: "Largeur auto",
+        autoHeight: "Hauteur auto",
+        fixed: "Taille fixe",
+      },
+    },
+    designEditor: {
+      tools: {
+        line: "Ligne",
+        arrow: "Flèche",
+        ellipse: "Ellipse",
+        polygon: "Polygone",
+        star: "Étoile",
+        imageVideo: "Image/vidéo...",
+      },
+    },
+  },
+  "de-DE": {
+    editPanel: {
+      textResize: {
+        autoWidth: "Automatische Breite",
+        autoHeight: "Automatische Höhe",
+        fixed: "Feste Größe",
+      },
+    },
+    designEditor: {
+      tools: {
+        line: "Linie",
+        arrow: "Pfeil",
+        ellipse: "Ellipse",
+        polygon: "Polygon",
+        star: "Stern",
+        imageVideo: "Bild/Video...",
+      },
+    },
+  },
+  "ja-JP": {
+    editPanel: {
+      textResize: {
+        autoWidth: "自動幅",
+        autoHeight: "自動高さ",
+        fixed: "固定サイズ",
+      },
+    },
+    designEditor: {
+      tools: {
+        line: "線",
+        arrow: "矢印",
+        ellipse: "楕円",
+        polygon: "多角形",
+        star: "星",
+        imageVideo: "画像/動画...",
+      },
+    },
+  },
+  "ko-KR": {
+    editPanel: {
+      textResize: {
+        autoWidth: "자동 너비",
+        autoHeight: "자동 높이",
+        fixed: "고정 크기",
+      },
+    },
+    designEditor: {
+      tools: {
+        line: "선",
+        arrow: "화살표",
+        ellipse: "타원",
+        polygon: "다각형",
+        star: "별",
+        imageVideo: "이미지/동영상...",
+      },
+    },
+  },
+  "pt-BR": {
+    editPanel: {
+      textResize: {
+        autoWidth: "Largura automática",
+        autoHeight: "Altura automática",
+        fixed: "Tamanho fixo",
+      },
+    },
+    designEditor: {
+      tools: {
+        line: "Linha",
+        arrow: "Seta",
+        ellipse: "Elipse",
+        polygon: "Polígono",
+        star: "Estrela",
+        imageVideo: "Imagem/vídeo...",
+      },
+    },
+  },
+  "hi-IN": {
+    editPanel: {
+      textResize: {
+        autoWidth: "ऑटो चौड़ाई",
+        autoHeight: "ऑटो ऊंचाई",
+        fixed: "स्थिर आकार",
+      },
+    },
+    designEditor: {
+      tools: {
+        line: "रेखा",
+        arrow: "तीर",
+        ellipse: "दीर्घवृत्त",
+        polygon: "बहुभुज",
+        star: "तारा",
+        imageVideo: "छवि/वीडियो...",
+      },
+    },
+  },
+  "ar-SA": {
+    editPanel: {
+      textResize: {
+        autoWidth: "عرض تلقائي",
+        autoHeight: "ارتفاع تلقائي",
+        fixed: "حجم ثابت",
+      },
+    },
+    designEditor: {
+      tools: {
+        line: "خط",
+        arrow: "سهم",
+        ellipse: "شكل بيضاوي",
+        polygon: "مضلع",
+        star: "نجمة",
+        imageVideo: "صورة/فيديو...",
+      },
+    },
+  },
+} satisfies Record<Exclude<LocaleCode, "en-US">, PartialMessages>;
+
 export const messagesByLocale = {
   "en-US": enUS,
   "zh-TW": mergeMessages(
-    mergePartialMessages(zhTW, designModeFeatureOverrides["zh-TW"]),
+    mergePartialMessages(
+      zhTW,
+      designModeFeatureOverrides["zh-TW"],
+      designShapeToolOverrides["zh-TW"],
+    ),
   ),
   "zh-CN": mergeMessages(
     mergePartialMessages(
@@ -8551,6 +8780,7 @@ export const messagesByLocale = {
       designExactEnglishOverrides["zh-CN"],
       designModeFeatureOverrides["zh-CN"],
       designCanvasFeatureOverrides["zh-CN"],
+      designShapeToolOverrides["zh-CN"],
       {
         root: {
           commandActions: "操作",
@@ -8599,6 +8829,7 @@ export const messagesByLocale = {
       designExactEnglishOverrides["es-ES"],
       designModeFeatureOverrides["es-ES"],
       designCanvasFeatureOverrides["es-ES"],
+      designShapeToolOverrides["es-ES"],
       {
         root: {
           commandActions: "Acciones",
@@ -8647,6 +8878,7 @@ export const messagesByLocale = {
       designExactEnglishOverrides["fr-FR"],
       designModeFeatureOverrides["fr-FR"],
       designCanvasFeatureOverrides["fr-FR"],
+      designShapeToolOverrides["fr-FR"],
       {
         root: {
           commandActions: "Actions",
@@ -8695,6 +8927,7 @@ export const messagesByLocale = {
       designExactEnglishOverrides["de-DE"],
       designModeFeatureOverrides["de-DE"],
       designCanvasFeatureOverrides["de-DE"],
+      designShapeToolOverrides["de-DE"],
       {
         root: {
           commandActions: "Aktionen",
@@ -8743,6 +8976,7 @@ export const messagesByLocale = {
       designExactEnglishOverrides["ja-JP"],
       designModeFeatureOverrides["ja-JP"],
       designCanvasFeatureOverrides["ja-JP"],
+      designShapeToolOverrides["ja-JP"],
       {
         root: {
           commandActions: "操作",
@@ -8792,6 +9026,7 @@ export const messagesByLocale = {
       designExactEnglishOverrides["ko-KR"],
       designModeFeatureOverrides["ko-KR"],
       designCanvasFeatureOverrides["ko-KR"],
+      designShapeToolOverrides["ko-KR"],
       {
         root: {
           commandActions: "작업",
@@ -8839,6 +9074,7 @@ export const messagesByLocale = {
       designExactEnglishOverrides["pt-BR"],
       designModeFeatureOverrides["pt-BR"],
       designCanvasFeatureOverrides["pt-BR"],
+      designShapeToolOverrides["pt-BR"],
       {
         root: {
           commandActions: "Ações",
@@ -8887,6 +9123,7 @@ export const messagesByLocale = {
       designExactEnglishOverrides["hi-IN"],
       designModeFeatureOverrides["hi-IN"],
       designCanvasFeatureOverrides["hi-IN"],
+      designShapeToolOverrides["hi-IN"],
       {
         root: {
           commandActions: "क्रियाएं",
@@ -8935,6 +9172,7 @@ export const messagesByLocale = {
       designExactEnglishOverrides["ar-SA"],
       designModeFeatureOverrides["ar-SA"],
       designCanvasFeatureOverrides["ar-SA"],
+      designShapeToolOverrides["ar-SA"],
       {
         root: {
           commandActions: "الإجراءات",