复用平台输入框收口素材侧栏

编辑器素材侧栏的新建文件夹、文件夹重命名和素材重命名输入框改为复用 PlatformTextField。

输入框局部样式改为明确 class 覆盖，不再按 input 标签选择器维护基础输入 chrome。

补充编辑器测试断言共享输入框原语，并更新 TRACKING。

src/components/image-editor/ImageCanvasEditorView.test.tsx

@@ -204,6 +204,10 @@ describe('ImageCanvasEditorView', () => {
 
     await user.click(screen.getByRole('button', { name: '重命名素材拼图素材' }));
     const renameInput = screen.getByLabelText('重命名素材拼图素材');
+    expect(renameInput.className).toContain('platform-text-field');
+    expect(renameInput.className).toContain(
+      'image-canvas-editor__asset-rename-input',
+    );
     await user.clear(renameInput);
     await user.type(renameInput, '主视觉素材');
     await user.click(screen.getByRole('button', { name: '保存素材拼图素材名称' }));
@@ -229,7 +233,12 @@ describe('ImageCanvasEditorView', () => {
     expect(screen.getByRole('button', { name: '添加拼图素材' })).toBeTruthy();
 
     await user.click(screen.getByRole('button', { name: '新建素材文件夹' }));
-    await user.type(screen.getByLabelText('素材文件夹名称'), '角色上传');
+    const folderNameInput = screen.getByLabelText('素材文件夹名称');
+    expect(folderNameInput.className).toContain('platform-text-field');
+    expect(folderNameInput.className).toContain(
+      'image-canvas-editor__folder-create-input',
+    );
+    await user.type(folderNameInput, '角色上传');
     await user.click(screen.getByRole('button', { name: '保存素材文件夹' }));
 
     const uploadInput = screen.getByLabelText('上传图片文件');
@@ -276,6 +285,10 @@ describe('ImageCanvasEditorView', () => {
     await screen.findByRole('region', { name: '角色' });
     await user.click(screen.getByRole('button', { name: '重命名文件夹角色' }));
     const folderRenameInput = screen.getByLabelText('重命名文件夹角色');
+    expect(folderRenameInput.className).toContain('platform-text-field');
+    expect(folderRenameInput.className).toContain(
+      'image-canvas-editor__folder-rename-input',
+    );
     await user.clear(folderRenameInput);
     await user.type(folderRenameInput, '角色参考');
     await user.click(screen.getByRole('button', { name: '保存文件夹角色名称' }));

src/components/image-editor/ImageCanvasEditorView.tsx

@@ -2106,10 +2106,13 @@ export function ImageCanvasEditorView() {
                     void commitNewAssetFolder();
                   }}
                 >
-                  <input
+                  <PlatformTextField
                     aria-label="素材文件夹名称"
                     value={newFolderName}
                     autoFocus
+                    size="xs"
+                    density="compact"
+                    className="image-canvas-editor__folder-create-input"
                     onChange={(event) => setNewFolderName(event.target.value)}
                     onKeyDown={(event) => {
                       if (event.key === 'Escape') {
@@ -2163,10 +2166,13 @@ export function ImageCanvasEditorView() {
                     />
                     <Folder className="h-4 w-4" />
                     {renamingFolder?.folderId === folder.id ? (
-                      <input
+                      <PlatformTextField
                         aria-label={`重命名文件夹${folder.label}`}
                         value={renamingFolder.value}
                         autoFocus
+                        size="xs"
+                        density="compact"
+                        className="image-canvas-editor__folder-rename-input"
                         onChange={(event) =>
                           setRenamingFolder({
                             folderId: folder.id,
@@ -2236,10 +2242,13 @@ export function ImageCanvasEditorView() {
                     {folder.assets.map((asset) => {
                       const isRenaming = renamingAsset?.assetId === asset.id;
                       const titleNode = isRenaming ? (
-                        <input
+                        <PlatformTextField
                           aria-label={`重命名素材${asset.label}`}
                           value={renamingAsset.value}
                           autoFocus
+                          size="xs"
+                          density="compact"
+                          className="image-canvas-editor__asset-rename-input"
                           onChange={(event) =>
                             setRenamingAsset({
                               assetId: asset.id,