Integrate role asset studio into custom world agent flow

src/components/custom-world-agent/CustomWorldDraftEditPanel.test.tsx

@@ -0,0 +1,48 @@
+import { renderToStaticMarkup } from 'react-dom/server';
+import { expect, test } from 'vitest';
+
+import { CustomWorldAgentDraftDetailPanel } from './CustomWorldAgentDraftDetailPanel';
+
+test('draft detail panel renders editable form in edit mode', () => {
+  const html = renderToStaticMarkup(
+    <CustomWorldAgentDraftDetailPanel
+      detail={{
+        id: 'character-1',
+        kind: 'character',
+        title: '沈砺',
+        sections: [
+          {
+            id: 'name',
+            label: '角色名',
+            value: '沈砺',
+          },
+          {
+            id: 'publicMask',
+            label: '外显身份',
+            value: '守灯会里最熟悉旧航道的人。',
+          },
+          {
+            id: 'summary',
+            label: '角色摘要',
+            value: '他像旧友，但也像一把始终没收回鞘的刀。',
+          },
+        ],
+        linkedIds: ['thread-1'],
+        locked: false,
+        editable: true,
+        editableSectionIds: ['name', 'publicMask', 'summary'],
+        warningMessages: [],
+      }}
+      loading={false}
+      editMode
+      onClose={() => {}}
+      onCancelEdit={() => {}}
+      onSave={() => {}}
+    />,
+  );
+
+  expect(html).toContain('保存');
+  expect(html).toContain('取消');
+  expect(html).toContain('角色名');
+  expect(html).toContain('textarea');
+});