拆分 UI 编辑器路径复制按钮

将剪贴板状态与写入逻辑提取为独立小组件

保持保存结果弹窗只负责结果布局与动作编排

apps/ai-game-creator-shell/src/view/ui-editor/components/UiEditorCopyPathButton.tsx

@@ -0,0 +1,43 @@
+import { writeText } from '@tauri-apps/plugin-clipboard-manager';
+import { Copy } from 'lucide-react';
+import { useEffect, useState } from 'react';
+
+export function UiEditorCopyPathButton({
+  relativePath,
+}: {
+  relativePath: string;
+}) {
+  const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>(
+    'idle',
+  );
+
+  useEffect(() => setCopyState('idle'), [relativePath]);
+
+  async function copyPath() {
+    setCopyState('idle');
+    try {
+      await writeText(relativePath);
+      setCopyState('copied');
+    } catch {
+      setCopyState('failed');
+    }
+  }
+
+  return (
+    <>
+      {copyState === 'failed' ? (
+        <p className="mt-2 text-xs text-red-600" role="alert">
+          复制失败，请手动复制路径。
+        </p>
+      ) : null}
+      <button
+        type="button"
+        className="inline-flex items-center gap-1.5 rounded-lg border border-(--platform-subpanel-border) px-3 py-2 text-xs"
+        onClick={() => void copyPath()}
+      >
+        <Copy size={14} aria-hidden="true" />
+        {copyState === 'copied' ? '已复制' : '复制路径'}
+      </button>
+    </>
+  );
+}

apps/ai-game-creator-shell/src/view/ui-editor/components/UiEditorSaveResultModal.tsx

@@ -1,8 +1,5 @@
-import { writeText } from '@tauri-apps/plugin-clipboard-manager';
-import { Copy } from 'lucide-react';
-import { useEffect, useState } from 'react';
-
 import { ThemedModal } from '../../../components/modal/ThemedModal';
+import { UiEditorCopyPathButton } from './UiEditorCopyPathButton';
 
 export type UiEditorSaveResultNotice =
   | {
@@ -51,22 +48,6 @@ function GeneratedNotice({
   relativePath: string;
   onClose: () => void;
 }) {
-  const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>(
-    'idle',
-  );
-
-  useEffect(() => setCopyState('idle'), [relativePath]);
-
-  async function copyPath() {
-    setCopyState('idle');
-    try {
-      await writeText(relativePath);
-      setCopyState('copied');
-    } catch {
-      setCopyState('failed');
-    }
-  }
-
   return (
     <>
       <h2 className="m-0 text-base font-semibold">代码已生成</h2>
@@ -74,20 +55,8 @@ function GeneratedNotice({
       <code className="mt-2 block select-text break-all rounded-lg bg-black/5 px-3 py-2 text-xs leading-5">
         {relativePath}
       </code>
-      {copyState === 'failed' ? (
-        <p className="mt-2 text-xs text-red-600" role="alert">
-          复制失败，请手动复制路径。
-        </p>
-      ) : null}
       <div className="mt-5 flex flex-wrap justify-end gap-2">
-        <button
-          type="button"
-          className="inline-flex items-center gap-1.5 rounded-lg border border-(--platform-subpanel-border) px-3 py-2 text-xs"
-          onClick={() => void copyPath()}
-        >
-          <Copy size={14} aria-hidden="true" />
-          {copyState === 'copied' ? '已复制' : '复制路径'}
-        </button>
+        <UiEditorCopyPathButton relativePath={relativePath} />
         <button
           type="button"
           className="rounded-lg bg-orange-600 px-3 py-2 text-xs font-semibold text-white"