@agent-native/core 0.77.3 → 0.77.4

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

@@ -17,7 +17,7 @@ const messages = {
   },
   navigation: {
     settings: "设置",
-    brand: "Videos",
+    brand: "视频",
     animations: "动画",
     components: "组件",
     designSystems: "设计系统",
@@ -68,11 +68,157 @@ const messages = {
     placeholder: "描述你想创建的视频...",
     timedOut: "作品请求超时。请从侧边栏重试。",
     generating: "正在生成...",
+    emptyTitle: "准备制作视频了吗？",
+    emptyDescription: "在代理侧边栏描述一个合成，即可生成你的第一个视频。",
   },
   notFound: {
     message: "此页面尚不存在。继续提示即可构建它。",
     backToStudio: "返回 Studio",
   },
+  raw: {
+    camera: {
+      noKeyframeSelected: "未选择关键帧",
+      createKeyframesHelp: "使用视频上方的相机工具栏创建关键帧",
+      panX: "平移 X",
+      panY: "平移 Y",
+      tiltX: "倾斜 X",
+      tiltY: "倾斜 Y",
+      addKeyframe: "添加关键帧",
+      createKeyframe: "在当前帧创建相机关键帧",
+      adjusting: "正在调整...",
+      pan: "平移",
+      panHint: "点击并拖动以移动相机",
+      zoom: "缩放",
+      zoomHint: "上下拖动以缩放",
+      tilt: "倾斜",
+      tiltHint: "拖动以进行 3D 旋转",
+      resetToDefaultView: "将此关键帧的相机重置为默认视图",
+    },
+    cloud: {
+      authToken: "身份验证令牌",
+      setupSteps: "设置步骤",
+      connectedReloading: "连接成功。正在重新加载...",
+      testConnect: "测试并连接",
+      savingCredentials: "正在保存凭据...",
+      testingConnection: "正在测试连接...",
+      connectionFailed: "连接失败",
+      providers: {
+        sqliteEdge: "边缘 SQLite",
+        serverlessPostgres: "无服务器 Postgres",
+        firebaseAlternative: "Firebase 的开源替代方案",
+        sqliteCloudflareEdge: "Cloudflare 边缘上的 SQLite",
+      },
+    },
+    compositionSettings: {
+      outputSize: "输出尺寸",
+    },
+    componentsSidebar: {
+      reusable: "可复用 UI 组件",
+      emptyTitle: "还没有组件",
+      emptyDescription: "组件会显示在这里",
+    },
+    cursor: {
+      addAnimated: "添加动画光标",
+      addAnimatedDescription: "为教程、演示和屏幕录制添加动画光标叠层",
+      animation: "光标动画",
+      type: "光标类型",
+      interactiveComposition: "交互式合成",
+      defaultPointerHelp:
+        '光标类型应为 "default"；悬停在交互元素上时会自动变为 "pointer"',
+      playClick: "播放点击",
+      clickOn: "点击开启",
+      addClick: "添加点击",
+      position: "位置",
+      visibility: "可见性",
+      visible: "可见",
+      hidden: "隐藏",
+      clickDragPosition: "点击并拖动以定位光标",
+    },
+    folders: {
+      rename: "重命名文件夹",
+      delete: "删除文件夹",
+      dragVideosHere: "将视频拖到这里",
+      removeFromFolder: "从文件夹移除",
+      newFolder: "新建文件夹",
+      dropToRemove: "拖放到这里以从文件夹移除",
+    },
+    motion: {
+      controlsKeyframe: "控制动画如何移动到此关键帧",
+    },
+    props: {
+      emptyTitle: "没有可配置的属性",
+      emptyDescription: "请让代理创建内容以添加到视频",
+    },
+    sidebar: {
+      animationTrack: "动画轨道",
+      selectTrack: "选择轨道以编辑属性",
+      clickAnyTrack: "点击下方时间线中的任意轨道",
+      cursorInteractions: "光标交互",
+      selectComposition: "选择合成以编辑属性",
+    },
+    timeline: {
+      clearTrack: "清空轨道",
+      deleteTrack: "删除轨道",
+      keyframeOverlap: "关键帧重叠",
+      replaceExistingKeyframes: "替换现有关键帧",
+      undoMove: "撤销移动",
+    },
+    player: {
+      goToStart: "回到开头",
+      playbackSpeed: "播放速度",
+    },
+    designPreview: {
+      compositionPreview: "合成预览",
+      compositionTitle: "合成标题",
+      supportingText:
+        "辅助文本会显示在这里，并在所有合成中一致应用你的品牌样式。",
+      colors: "颜色",
+      typography: "排版",
+      logos: "标志",
+      section: "章节",
+      headingSample: "标题",
+      bodyTextPrefix: "正文使用",
+      bodyTextMiddle: "字重",
+      bodyTextSuffix: "段落内容将以这种方式显示。",
+    },
+    designSetup: {
+      companyBrand: "公司 / 品牌",
+      companyPlaceholder: "Acme Inc. — 我们构建开发者工具...",
+      websiteUrl: "网站 URL",
+      githubRepository: "GitHub 仓库",
+      codeFiles: "代码文件",
+      codeDrop: "CSS、Tailwind 配置、主题文件 — 拖放或点击",
+      documents: "文档和演示文稿",
+      documentsDrop: "PPTX、DOCX、PDF — 品牌指南、路演文稿",
+      screenshots: "截图和视觉参考",
+      screenshotsDrop: "产品截图、情绪板、标志",
+      customInstructions: "自定义说明",
+      customInstructionsPlaceholder: "设计偏好、限制、品牌指南...",
+      designSystemUpdated: "设计系统已更新",
+      failedToUpdate: "更新失败",
+      forkExisting: "复用现有设计系统",
+      saving: "正在保存...",
+      savedInstructions:
+        "已随设计系统保存。每次代理用它生成合成时都会重新应用。",
+    },
+    keyframes: {
+      duplicateAhead: "向前 30 帧复制关键帧",
+      remove: "移除关键帧",
+      resetDefaults: "重置为默认值",
+    },
+    componentLibrary: {
+      noSelection: "未选择组件",
+      selectToPreview: "从侧边栏选择组件进行预览",
+    },
+    routes: {
+      notFound: "未找到 — Remotion Studio",
+      studio: "Remotion Studio",
+      components: "组件 — Remotion Studio",
+      designSystems: "设计系统 — Videos",
+      settings: "设置 - Videos",
+      team: "团队 — Remotion Studio",
+    },
+  },
   designSystems: {
     new: "新建设计系统",
     setupBrand: "设置你的品牌",
@@ -80,6 +226,210 @@ const messages = {
     emptyDescription:
       "使用你的品牌颜色、字体和徽标创建设计系统。每个新作品都会遵循你的视觉标识。",
   },
+  editor: {
+    common: {
+      cancel: "取消",
+      ok: "确定",
+    },
+    tweaks: {
+      title: "微调",
+      closePanel: "关闭微调面板",
+      togglePanel: "切换微调面板",
+      controls: {
+        accentColor: "强调色",
+        bgColor: "背景",
+        fps: "帧率",
+        easing: "默认缓动",
+        animationSpeed: "动画速度",
+        motionBlur: "运动模糊",
+      },
+      options: {
+        Cyan: "青色",
+        Blue: "蓝色",
+        Green: "绿色",
+        Pink: "粉色",
+        Gold: "金色",
+        Black: "黑色",
+        Slate: "板岩色",
+        Zinc: "锌灰色",
+        Stone: "石色",
+        White: "白色",
+        Linear: "线性",
+        Spring: "弹簧",
+        Expo: "指数",
+      },
+    },
+    library: {
+      componentsTab: "组件",
+      propertiesTab: "属性",
+      title: "组件库",
+      organizedByAtomicDesign: "按原子设计组织",
+      noComponents: "还没有组件",
+      componentsWillAppear: "组件会显示在这里",
+      categories: {
+        Atoms: "原子",
+        Molecules: "分子",
+        Organisms: "组织",
+        Templates: "模板",
+        Pages: "页面",
+      },
+      cursorInteractions: "光标交互",
+      textAnimations: "文本动画",
+      interactiveTextInput: "交互式文本输入",
+      interactiveTextInputHelp:
+        '在下方 "Ask Builder" 文本区输入。输入文本后发送按钮会变为蓝色。',
+      fullyInteractive: "此组件现在已完全可交互：",
+      typeToSeeSendButton: "在文本区输入以查看蓝色发送按钮",
+      clickSendToClear: "点击发送按钮清空文本",
+      hoverToSeeEffect: "悬停按钮以查看放大/亮度效果",
+      previewOnly: "更改仅用于预览，不会保存",
+      componentInfo: "组件信息",
+      selectComponent: "选择组件以查看其属性",
+    },
+    properties: {
+      title: "属性",
+      closePanel: "关闭面板",
+      componentProps: "组件属性",
+      noConfigurableProps: "没有可配置属性",
+      defaultValue: "默认值：",
+      animations: "动画",
+      animationsDescription:
+        "此组件包含默认悬停和点击动画。动画由交互系统控制，可通过动画 API 自定义。",
+      hoverAnimation: "悬停动画",
+      hoverAnimationDescription: "带平滑过渡的缩放效果",
+      clickAnimation: "点击动画",
+      clickAnimationDescription: "点击时的按下效果",
+      tracks: "轨道",
+      dimensions: "尺寸",
+      duration: "时长",
+      componentId: "组件 ID",
+    },
+    currentElement: {
+      noComponentSelected: "未选择组件",
+      noComponentSelectedHelp:
+        "将鼠标悬停在预览中的交互元素上，以编辑其光标行为和动画",
+      hoverState: "悬停状态",
+      clickState: "点击状态",
+      durationSeconds: "时长（秒）",
+      motionCurve: "运动曲线",
+      addProperty: "添加属性",
+      selectProperty: "选择属性",
+      animatedProperties: "动画属性",
+      editingComponent: "正在编辑组件",
+      cursorType: "光标类型",
+      resetToDefault: "重置为默认值",
+      arrowDefault: "箭头（默认）",
+      pointerHand: "指针（手形）",
+      textIBeam: "文本（I 形光标）",
+      customCursorType: "自定义光标类型（点击垃圾桶重置）",
+      usingInferredCursorType: "正在使用推断的光标类型",
+      addHover: "添加悬停",
+      addClickState: "添加点击状态",
+      properties: {
+        scale: "规模",
+        translateX: "翻译 X",
+        translateY: "翻译 Y",
+        translateZ: "平移Z",
+        rotateX: "旋转 X",
+        rotateY: "旋转 Y",
+        rotateZ: "旋转Z轴",
+        opacity: "不透明度",
+        brightness: "亮度",
+        blur: "模糊",
+        skewX: "倾斜 X",
+        skewY: "Y 轴斜度",
+        borderRadius: "边界半径",
+        borderWidth: "边框宽度",
+        borderOpacity: "边框不透明度",
+        backgroundOpacity: "背景不透明度",
+        shadowBlur: "阴影模糊",
+        shadowSpread: "阴影蔓延",
+        backgroundColor: "背景颜色",
+        borderColor: "边框颜色",
+      },
+    },
+    track: {
+      readOnly: "只读",
+      copied: "已复制",
+      copy: "复制",
+      hide: "隐藏",
+      code: "代码",
+      hideCode: "隐藏代码",
+      viewExpressionCode: "查看表达式代码",
+      removeProperty: "移除 {{property}}",
+      parameters: "参数",
+      parametersByName: {},
+      howItWorks: "工作原理",
+      values: "值",
+      from: "从",
+      to: "到",
+      editValuesInAnimatedProperties:
+        "请在上方轨道的“动画属性”部分编辑这些值。",
+      expression: "表达式",
+      cssPropertyPlaceholder: "CSS 属性...",
+      hideDetails: "隐藏详情",
+      howThisWorks: "工作原理",
+      fromExample: "例如 translateX(-100%) rotate(10deg)",
+      toExample: "例如 translateX(0) rotate(0deg)",
+      appliesToAllKeyframes: "应用于所有关键帧片段",
+      addProperty: "添加属性...",
+      label: "标签",
+      timingFunction: "计时函数",
+      start: "开始",
+      end: "结束",
+      noProperties: "没有属性 - 在下方添加一个",
+    },
+    preview: {
+      noZonesFound: "未找到区域",
+      noZonesFoundDescription: "按 D 启用调试模式并先调整区域。",
+      invalidSavedZones: "已保存的区域无效",
+      invalidSavedZonesDescription: "重新调整区域，然后保存。",
+      zoneCoordinatesCopied: "区域坐标已复制",
+      zoneCoordinatesReady: "区域坐标已就绪",
+      zoneCoordinatesCopiedDescription: "将它们粘贴到合成区域映射中。",
+      clipboardUnavailable: "此浏览器环境无法访问剪贴板。",
+      debugMode: "调试模式 - 按 'D' 切换",
+      saveZones: "保存区域",
+      remotionError: "Remotion 错误：",
+      restart: "重新开始",
+      pause: "暂停",
+      play: "播放",
+      timeline: "预览时间线",
+      timelineDescriptionPrefix: "按",
+      timelineDescriptionSuffix: "以查看光标演示悬停和点击交互：",
+      cursorApproaches: "光标接近",
+      hoversOverComponent: "悬停在组件上",
+      clicksComponent: "点击组件",
+      continuesHovering: "继续悬停",
+      cursorExits: "光标离开",
+      quickDebug: "快速调试",
+      jumpToFrames: "使用 URL 参数跳转到指定帧：",
+    },
+    composition: {
+      editOutputSize: "点击编辑输出尺寸",
+      editFrameRate: "点击编辑帧率",
+      editDuration: "点击编辑时长",
+      save: "保存",
+      saveRequiresLocalDev: "保存到注册表需要本地开发模式",
+      saveCurrentAsDefault: "将当前设置保存为此合成的默认值",
+      allChangesSavedDatabase: "所有更改已保存到数据库",
+      allChangesSavedRegistry: "所有更改已保存到注册表",
+      deleteComposition: "删除合成",
+      saveComposition: "保存合成",
+      saveCompositionDescription:
+        '将当前设置保存为 "{{title}}" 的默认值？这会更新其轨道、动画、属性和合成设置。',
+      saved: "已保存",
+      savedDescription: '已保存 "{{title}}"。页面将重新加载以获取更改。',
+      saveFailed: "保存失败",
+      saveFailedDescription:
+        "保存到注册表失败：{{message}}\n\n这通常表示需要重启开发服务器，或 API 端点不可用。你的更改仍保存在浏览器存储中，并会一直保留到重新加载。",
+      deleteCompositionTitle: '删除 "{{title}}"？',
+      deleteCompositionDescription: "此操作无法撤销。",
+      delete: "删除",
+      requestTimedOut: "请求超时",
+      serverError: "服务器错误：{{status}} - {{message}}",
+    },
+  },
 };
 
 export default messages;

package/corpus/templates/videos/app/pages/ComponentLibrary.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import {
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebar,
@@ -16,6 +17,7 @@ import { ComponentLibraryView } from "@/pages/ComponentLibraryView";
 import { libraryComponents } from "@/remotion/componentRegistry";
 
 export default function ComponentLibrary() {
+  const t = useT();
   const [searchParams, setSearchParams] = useSearchParams();
   const isMobile = useIsMobile();
   const [sidebarOpen, setSidebarOpen] = useState(true);
@@ -116,9 +118,11 @@ export default function ComponentLibrary() {
           ) : (
             <div className="h-full flex items-center justify-center text-muted-foreground">
               <div className="text-center">
-                <p className="text-lg">No component selected</p>
+                <p className="text-lg">
+                  {t("raw.componentLibrary.noSelection")}
+                </p>
                 <p className="text-sm mt-2">
-                  Select a component from the sidebar to preview
+                  {t("raw.componentLibrary.selectToPreview")}
                 </p>
               </div>
             </div>

package/corpus/templates/videos/app/pages/ComponentLibraryView.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import { Player, type PlayerRef } from "@remotion/player";
 import {
   IconDeviceFloppy,
@@ -27,6 +28,7 @@ export function ComponentLibraryView({
   initialFrame,
   propValues,
 }: ComponentLibraryViewProps) {
+  const t = useT();
   const playerRef = useRef<PlayerRef>(null);
   const [playing, setPlaying] = useState(false);
   const [currentFrame, setCurrentFrame] = useState(initialFrame || 0);
@@ -110,8 +112,8 @@ export function ComponentLibraryView({
     );
     if (!storedZones) {
       toast({
-        title: "No zones found",
-        description: "Press D to enable debug mode and adjust zones first.",
+        title: t("editor.preview.noZonesFound"),
+        description: t("editor.preview.noZonesFoundDescription"),
         variant: "destructive",
       });
       return;
@@ -122,8 +124,8 @@ export function ComponentLibraryView({
       relativeZones = JSON.parse(storedZones) as Record<string, Zone>;
     } catch {
       toast({
-        title: "Saved zones are invalid",
-        description: "Adjust the zones again, then save them.",
+        title: t("editor.preview.invalidSavedZones"),
+        description: t("editor.preview.invalidSavedZonesDescription"),
         variant: "destructive",
       });
       return;
@@ -166,10 +168,12 @@ export function ComponentLibraryView({
     }
 
     toast({
-      title: copied ? "Zone coordinates copied" : "Zone coordinates ready",
+      title: copied
+        ? t("editor.preview.zoneCoordinatesCopied")
+        : t("editor.preview.zoneCoordinatesReady"),
       description: copied
-        ? "Paste them into the composition zone map."
-        : "Clipboard access is unavailable in this browser context.",
+        ? t("editor.preview.zoneCoordinatesCopiedDescription")
+        : t("editor.preview.clipboardUnavailable"),
     });
   }, [component.width]);
 
@@ -195,14 +199,16 @@ export function ComponentLibraryView({
           <div className="mb-4 w-full max-w-4xl">
             <div className="bg-orange-500/90 text-white px-3 sm:px-6 py-2 sm:py-3 rounded-lg shadow-lg flex items-center justify-between gap-2">
               <div className="font-bold text-xs sm:text-sm min-w-0">
-                DEBUG MODE - Press 'D' to toggle
+                {t("editor.preview.debugMode")}
               </div>
               <button
                 onClick={handleSaveZones}
                 className="flex items-center gap-2 bg-white/20 hover:bg-white/30 px-4 py-2 rounded transition-colors"
               >
                 <IconDeviceFloppy className="w-4 h-4" />
-                <span className="text-sm font-semibold">Save Zones</span>
+                <span className="text-sm font-semibold">
+                  {t("editor.preview.saveZones")}
+                </span>
               </button>
             </div>
           </div>
@@ -244,7 +250,7 @@ export function ComponentLibraryView({
               autoPlay={false}
               errorFallback={({ error }) => (
                 <div style={{ color: "red", padding: 20 }}>
-                  <h2>Remotion Error:</h2>
+                  <h2>{t("editor.preview.remotionError")}</h2>
                   <pre>{error.message}</pre>
                   <pre>{error.stack}</pre>
                 </div>
@@ -259,12 +265,12 @@ export function ComponentLibraryView({
                     <button
                       onClick={handleRestart}
                       className="p-2.5 sm:p-2 hover:bg-white/10 rounded"
-                      aria-label="Restart"
+                      aria-label={t("editor.preview.restart")}
                     >
                       <IconPlayerSkipBack className="w-4 h-4 text-white" />
                     </button>
                   </TooltipTrigger>
-                  <TooltipContent>Restart</TooltipContent>
+                  <TooltipContent>{t("editor.preview.restart")}</TooltipContent>
                 </Tooltip>
 
                 <Tooltip>
@@ -272,7 +278,11 @@ export function ComponentLibraryView({
                     <button
                       onClick={handlePlayPause}
                       className="p-2.5 sm:p-2 hover:bg-white/10 rounded"
-                      aria-label={playing ? "Pause" : "Play"}
+                      aria-label={
+                        playing
+                          ? t("editor.preview.pause")
+                          : t("editor.preview.play")
+                      }
                     >
                       {playing ? (
                         <IconPlayerPause className="w-5 h-5 sm:w-4 sm:h-4 text-white" />
@@ -281,7 +291,11 @@ export function ComponentLibraryView({
                       )}
                     </button>
                   </TooltipTrigger>
-                  <TooltipContent>{playing ? "Pause" : "Play"}</TooltipContent>
+                  <TooltipContent>
+                    {playing
+                      ? t("editor.preview.pause")
+                      : t("editor.preview.play")}
+                  </TooltipContent>
                 </Tooltip>
 
                 <div className="flex-1 text-xs sm:text-sm text-white/80 font-mono">
@@ -298,36 +312,43 @@ export function ComponentLibraryView({
           {/* Info Card */}
           <div className="mt-4 sm:mt-6 p-3 sm:p-4 bg-secondary/50 rounded-lg border border-border space-y-3">
             <div>
-              <h3 className="text-sm font-semibold mb-2">Preview Timeline</h3>
+              <h3 className="text-sm font-semibold mb-2">
+                {t("editor.preview.timeline")}
+              </h3>
               <p className="text-xs text-muted-foreground mb-3">
-                Press <strong>Play</strong> to see the cursor demonstrate hover
-                and click interactions:
+                {t("editor.preview.timelineDescriptionPrefix")}{" "}
+                <strong>{t("editor.preview.play")}</strong>{" "}
+                {t("editor.preview.timelineDescriptionSuffix")}
               </p>
               <ul className="text-xs text-muted-foreground space-y-1 ms-4 list-disc">
                 <li>
-                  <strong>0.0s - 1.3s</strong>: Cursor approaches
+                  <strong>0.0s - 1.3s</strong>:{" "}
+                  {t("editor.preview.cursorApproaches")}
                 </li>
                 <li>
-                  <strong>1.3s - 2.7s</strong>: Hovers over component
+                  <strong>1.3s - 2.7s</strong>:{" "}
+                  {t("editor.preview.hoversOverComponent")}
                 </li>
                 <li>
-                  <strong>2.7s</strong>: Clicks component
+                  <strong>2.7s</strong>: {t("editor.preview.clicksComponent")}
                 </li>
                 <li>
-                  <strong>3.0s - 3.7s</strong>: Continues hovering
+                  <strong>3.0s - 3.7s</strong>:{" "}
+                  {t("editor.preview.continuesHovering")}
                 </li>
                 <li>
-                  <strong>3.7s - 5.0s</strong>: Cursor exits
+                  <strong>3.7s - 5.0s</strong>:{" "}
+                  {t("editor.preview.cursorExits")}
                 </li>
               </ul>
             </div>
 
             <div className="pt-3 border-t border-border">
               <p className="text-xs font-medium text-foreground mb-1">
-                Quick Debug
+                {t("editor.preview.quickDebug")}
               </p>
               <p className="text-xs text-muted-foreground">
-                Jump to specific frames using URL params:
+                {t("editor.preview.jumpToFrames")}
               </p>
               <code className="text-[10px] text-muted-foreground font-mono mt-1 block break-all">
                 ?frame=60 (hover) or ?frame=80 (click)