@baishuyun/ai-design 2.0.37 → 2.1.0-alpha.0

package/src/stories/AgentHelperCard.stories.tsx

@@ -1,105 +1,105 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { AgentHelperCard } from '../components/agent-helper/agent-helper-card';
-import type { IAgentHelper } from '@baishuyun/types';
-
-const sampleHelper: IAgentHelper = {
-  id: 'helper-1',
-  agentId: 'ai-form-filling',
-  helperName: '未命名表单动作触发智能体助手',
-  triggerType: 'form_action',
-  formId: 'form-sales-out',
-  formActionTriggerType: ['submit', 'edit', 'delete', 'init', 'edit_init'],
-  enabled: true,
-  prompt: '',
-  logs: [],
-};
-
-const meta = {
-  title: 'Agent Helper/AgentHelperCard',
-  component: AgentHelperCard,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {
-    helper: sampleHelper,
-    agentName: 'AI填报',
-    agentIcon: 'https://picsum.photos/28/28',
-    onEnabledChange: () => {},
-    onViewLogs: () => {},
-    onEdit: () => {},
-    onCopy: () => {},
-    onDelete: () => {},
-  },
-} satisfies Meta<typeof AgentHelperCard>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const FormAction: Story = {};
-
-export const Disabled: Story = {
-  args: {
-    helper: {
-      ...sampleHelper,
-      enabled: false,
-    },
-  },
-};
-
-export const FormField: Story = {
-  args: {
-    helper: {
-      ...sampleHelper,
-      triggerType: 'form_field',
-      triggerFieldWidgetName: '客户名称',
-      helperName: '表单字段触发智能体助手',
-    },
-  },
-};
-
-export const FormFlowNode: Story = {
-  args: {
-    helper: {
-      ...sampleHelper,
-      triggerType: 'form_flow_node',
-      flowNodeTriggerType: ['flow_end', 'flow_node'],
-      helperName: '流程节点触发智能体助手',
-    },
-  },
-};
-
-export const Universal: Story = {
-  args: {
-    helper: {
-      ...sampleHelper,
-      triggerType: 'universal',
-      helperName: '通用型智能体助手',
-    },
-  },
-};
-
-export const Scheduler: Story = {
-  args: {
-    helper: {
-      ...sampleHelper,
-      triggerType: 'scheduler',
-      helperName: '计划任务智能体助手',
-    },
-  },
-};
-
-export const NoCallbacks: Story = {
-  args: {
-    helper: sampleHelper,
-    agentName: 'AI填报',
-    agentIcon: 'https://picsum.photos/28/28',
-  },
-};
-
-export const NoAgentTag: Story = {
-  args: {
-    helper: sampleHelper,
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { AgentHelperCard } from '../components/agent-helper/agent-helper-card';
+import type { IAgentHelper } from '@baishuyun/types';
+
+const sampleHelper: IAgentHelper = {
+  id: 'helper-1',
+  agentId: 'ai-form-filling',
+  helperName: '未命名表单动作触发智能体助手',
+  triggerType: 'form_action',
+  formId: 'form-sales-out',
+  formActionTriggerType: ['submit', 'edit', 'delete', 'init', 'edit_init'],
+  enabled: true,
+  prompt: '',
+  logs: [],
+};
+
+const meta = {
+  title: 'Agent Helper/AgentHelperCard',
+  component: AgentHelperCard,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {
+    helper: sampleHelper,
+    agentName: 'AI填报',
+    agentIcon: 'https://picsum.photos/28/28',
+    onEnabledChange: () => {},
+    onViewLogs: () => {},
+    onEdit: () => {},
+    onCopy: () => {},
+    onDelete: () => {},
+  },
+} satisfies Meta<typeof AgentHelperCard>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const FormAction: Story = {};
+
+export const Disabled: Story = {
+  args: {
+    helper: {
+      ...sampleHelper,
+      enabled: false,
+    },
+  },
+};
+
+export const FormField: Story = {
+  args: {
+    helper: {
+      ...sampleHelper,
+      triggerType: 'form_field',
+      triggerFieldWidgetName: '客户名称',
+      helperName: '表单字段触发智能体助手',
+    },
+  },
+};
+
+export const FormFlowNode: Story = {
+  args: {
+    helper: {
+      ...sampleHelper,
+      triggerType: 'form_flow_node',
+      flowNodeTriggerType: ['flow_end', 'flow_node'],
+      helperName: '流程节点触发智能体助手',
+    },
+  },
+};
+
+export const Universal: Story = {
+  args: {
+    helper: {
+      ...sampleHelper,
+      triggerType: 'universal',
+      helperName: '通用型智能体助手',
+    },
+  },
+};
+
+export const Scheduler: Story = {
+  args: {
+    helper: {
+      ...sampleHelper,
+      triggerType: 'scheduler',
+      helperName: '计划任务智能体助手',
+    },
+  },
+};
+
+export const NoCallbacks: Story = {
+  args: {
+    helper: sampleHelper,
+    agentName: 'AI填报',
+    agentIcon: 'https://picsum.photos/28/28',
+  },
+};
+
+export const NoAgentTag: Story = {
+  args: {
+    helper: sampleHelper,
+  },
+};

package/src/stories/AgentHelperCardList.stories.tsx

@@ -1,120 +1,120 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { AgentHelperCardList } from '../components/agent-helper/agent-helper-card-list';
-import type { IAgentHelper, FormActionType, FlowNodeActionType } from '@baishuyun/types';
-
-const agentMap: Record<string, { name: string; icon: string }> = {
-  'ai-form-filling': { name: 'AI填报', icon: 'https://picsum.photos/28/28' },
-  'form-building': { name: '表单搭建', icon: 'https://picsum.photos/28/28?random=2' },
-  'ai-translate': { name: 'AI翻译', icon: 'https://picsum.photos/28/28?random=3' },
-};
-
-const getAgentName = (agentId: string) => agentMap[agentId]?.name;
-const getAgentIcon = (agentId: string) => agentMap[agentId]?.icon;
-
-const items: Array<IAgentHelper> = [
-  {
-    id: 'helper-1',
-    agentId: 'ai-form-filling',
-    helperName: '未命名通用型智能体助手',
-    triggerType: 'universal' as const,
-    formId: '',
-    prompt: '',
-    logs: [],
-    enabled: true,
-  },
-  {
-    id: 'helper-2',
-    agentId: 'ai-form-filling',
-    helperName: '未命名通用型智能体助手',
-    triggerType: 'universal' as const,
-    formId: '',
-    prompt: '',
-    logs: [],
-    enabled: true,
-  },
-  {
-    id: 'helper-3',
-    agentId: 'ai-form-filling',
-    helperName: '未命名表单字段触发智能体助手',
-    triggerType: 'form_field' as const,
-    formId: 'form-sales-out',
-    triggerFieldWidgetName: '单行文本',
-    prompt: '',
-    logs: [],
-    enabled: true,
-  },
-  {
-    id: 'helper-4',
-    agentId: 'ai-form-filling',
-    helperName: '未命名表单动作触发智能体助手',
-    triggerType: 'form_action' as const,
-    formId: 'form-sales-out',
-    formActionTriggerType: ['submit', 'edit', 'delete', 'init', 'edit_init'] as FormActionType[],
-    prompt: '',
-    logs: [],
-    enabled: true,
-  },
-  {
-    id: 'helper-5',
-    agentId: 'form-building',
-    helperName: '表单名称-回写辅助表',
-    triggerType: 'form_flow_node' as const,
-    formId: 'form-sales-out',
-    flowNodeTriggerType: ['flow_end', 'flow_node'] as FlowNodeActionType[],
-    prompt: '',
-    logs: [],
-    enabled: true,
-  },
-  {
-    id: 'helper-6',
-    agentId: 'ai-translate',
-    helperName: '表单名称-回写辅助表',
-    triggerType: 'scheduler' as const,
-    formId: '',
-    prompt: '',
-    logs: [],
-    enabled: true,
-  },
-  {
-    id: 'helper-7',
-    agentId: 'ai-translate',
-    helperName: '表单名称-回写辅助表',
-    triggerType: 'scheduler' as const,
-    formId: '',
-    prompt: '',
-    logs: [],
-    enabled: true,
-  },
-];
-
-const meta = {
-  title: 'Agent Helper/AgentHelperCardList',
-  component: AgentHelperCardList,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'padded',
-  },
-  args: {
-    items,
-    getAgentName,
-    getAgentIcon,
-  },
-} satisfies Meta<typeof AgentHelperCardList>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-  args: {
-    items: [],
-  },
-};
-
-export const SingleCard: Story = {
-  args: {
-    items: items.slice(0, 1),
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { AgentHelperCardList } from '../components/agent-helper/agent-helper-card-list';
+import type { IAgentHelper, FormActionType, FlowNodeActionType } from '@baishuyun/types';
+
+const agentMap: Record<string, { name: string; icon: string }> = {
+  'ai-form-filling': { name: 'AI填报', icon: 'https://picsum.photos/28/28' },
+  'form-building': { name: '表单搭建', icon: 'https://picsum.photos/28/28?random=2' },
+  'ai-translate': { name: 'AI翻译', icon: 'https://picsum.photos/28/28?random=3' },
+};
+
+const getAgentName = (agentId: string) => agentMap[agentId]?.name;
+const getAgentIcon = (agentId: string) => agentMap[agentId]?.icon;
+
+const items: Array<IAgentHelper> = [
+  {
+    id: 'helper-1',
+    agentId: 'ai-form-filling',
+    helperName: '未命名通用型智能体助手',
+    triggerType: 'universal' as const,
+    formId: '',
+    prompt: '',
+    logs: [],
+    enabled: true,
+  },
+  {
+    id: 'helper-2',
+    agentId: 'ai-form-filling',
+    helperName: '未命名通用型智能体助手',
+    triggerType: 'universal' as const,
+    formId: '',
+    prompt: '',
+    logs: [],
+    enabled: true,
+  },
+  {
+    id: 'helper-3',
+    agentId: 'ai-form-filling',
+    helperName: '未命名表单字段触发智能体助手',
+    triggerType: 'form_field' as const,
+    formId: 'form-sales-out',
+    triggerFieldWidgetName: '单行文本',
+    prompt: '',
+    logs: [],
+    enabled: true,
+  },
+  {
+    id: 'helper-4',
+    agentId: 'ai-form-filling',
+    helperName: '未命名表单动作触发智能体助手',
+    triggerType: 'form_action' as const,
+    formId: 'form-sales-out',
+    formActionTriggerType: ['submit', 'edit', 'delete', 'init', 'edit_init'] as FormActionType[],
+    prompt: '',
+    logs: [],
+    enabled: true,
+  },
+  {
+    id: 'helper-5',
+    agentId: 'form-building',
+    helperName: '表单名称-回写辅助表',
+    triggerType: 'form_flow_node' as const,
+    formId: 'form-sales-out',
+    flowNodeTriggerType: ['flow_end', 'flow_node'] as FlowNodeActionType[],
+    prompt: '',
+    logs: [],
+    enabled: true,
+  },
+  {
+    id: 'helper-6',
+    agentId: 'ai-translate',
+    helperName: '表单名称-回写辅助表',
+    triggerType: 'scheduler' as const,
+    formId: '',
+    prompt: '',
+    logs: [],
+    enabled: true,
+  },
+  {
+    id: 'helper-7',
+    agentId: 'ai-translate',
+    helperName: '表单名称-回写辅助表',
+    triggerType: 'scheduler' as const,
+    formId: '',
+    prompt: '',
+    logs: [],
+    enabled: true,
+  },
+];
+
+const meta = {
+  title: 'Agent Helper/AgentHelperCardList',
+  component: AgentHelperCardList,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+  },
+  args: {
+    items,
+    getAgentName,
+    getAgentIcon,
+  },
+} satisfies Meta<typeof AgentHelperCardList>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+  args: {
+    items: [],
+  },
+};
+
+export const SingleCard: Story = {
+  args: {
+    items: items.slice(0, 1),
+  },
+};

package/src/stories/AgentHelperMainLayout.stories.tsx

@@ -1,71 +1,71 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { AgentHelperMainLayout } from '../components/agent-helper/agent-helper-main-layout';
-
-const meta: Meta<typeof AgentHelperMainLayout> = {
-  title: 'Agent Helper/AgentHelperMainLayout',
-  component: AgentHelperMainLayout,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  render: () => (
-    <div style={{ width: '1060px', height: '600px' }}>
-      <AgentHelperMainLayout>
-        <AgentHelperMainLayout.TopBar>
-          <span style={{ padding: '0 16px', fontSize: 14, color: '#333' }}>TopBar</span>
-        </AgentHelperMainLayout.TopBar>
-        <AgentHelperMainLayout.Main>
-          <AgentHelperMainLayout.SideBar>
-            <div style={{ padding: 12, fontSize: 14, color: '#999' }}>SideBar</div>
-          </AgentHelperMainLayout.SideBar>
-          <AgentHelperMainLayout.Content>
-            <div style={{ padding: 20, fontSize: 14, color: '#999' }}>Content</div>
-          </AgentHelperMainLayout.Content>
-        </AgentHelperMainLayout.Main>
-      </AgentHelperMainLayout>
-    </div>
-  ),
-};
-
-export const NoSidebar: Story = {
-  render: () => (
-    <div style={{ width: '800px', height: '400px' }}>
-      <AgentHelperMainLayout>
-        <AgentHelperMainLayout.TopBar>
-          <span style={{ padding: '0 16px', fontSize: 14, color: '#333' }}>TopBar</span>
-        </AgentHelperMainLayout.TopBar>
-        <AgentHelperMainLayout.Main>
-          <AgentHelperMainLayout.Content>
-            <div style={{ padding: 20, fontSize: 14, color: '#999' }}>Content without SideBar</div>
-          </AgentHelperMainLayout.Content>
-        </AgentHelperMainLayout.Main>
-      </AgentHelperMainLayout>
-    </div>
-  ),
-};
-
-export const CustomWidth: Story = {
-  render: () => (
-    <div style={{ width: '800px', height: '400px' }}>
-      <AgentHelperMainLayout>
-        <AgentHelperMainLayout.TopBar>
-          <span style={{ padding: '0 16px', fontSize: 14, color: '#333' }}>TopBar</span>
-        </AgentHelperMainLayout.TopBar>
-        <AgentHelperMainLayout.Main>
-          <AgentHelperMainLayout.SideBar className="w-[200px]">
-            <div style={{ padding: 12, fontSize: 14, color: '#999' }}>200px SideBar</div>
-          </AgentHelperMainLayout.SideBar>
-          <AgentHelperMainLayout.Content>
-            <div style={{ padding: 20, fontSize: 14, color: '#999' }}>Content</div>
-          </AgentHelperMainLayout.Content>
-        </AgentHelperMainLayout.Main>
-      </AgentHelperMainLayout>
-    </div>
-  ),
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { AgentHelperMainLayout } from '../components/agent-helper/agent-helper-main-layout';
+
+const meta: Meta<typeof AgentHelperMainLayout> = {
+  title: 'Agent Helper/AgentHelperMainLayout',
+  component: AgentHelperMainLayout,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  render: () => (
+    <div style={{ width: '1060px', height: '600px' }}>
+      <AgentHelperMainLayout>
+        <AgentHelperMainLayout.TopBar>
+          <span style={{ padding: '0 16px', fontSize: 14, color: '#333' }}>TopBar</span>
+        </AgentHelperMainLayout.TopBar>
+        <AgentHelperMainLayout.Main>
+          <AgentHelperMainLayout.SideBar>
+            <div style={{ padding: 12, fontSize: 14, color: '#999' }}>SideBar</div>
+          </AgentHelperMainLayout.SideBar>
+          <AgentHelperMainLayout.Content>
+            <div style={{ padding: 20, fontSize: 14, color: '#999' }}>Content</div>
+          </AgentHelperMainLayout.Content>
+        </AgentHelperMainLayout.Main>
+      </AgentHelperMainLayout>
+    </div>
+  ),
+};
+
+export const NoSidebar: Story = {
+  render: () => (
+    <div style={{ width: '800px', height: '400px' }}>
+      <AgentHelperMainLayout>
+        <AgentHelperMainLayout.TopBar>
+          <span style={{ padding: '0 16px', fontSize: 14, color: '#333' }}>TopBar</span>
+        </AgentHelperMainLayout.TopBar>
+        <AgentHelperMainLayout.Main>
+          <AgentHelperMainLayout.Content>
+            <div style={{ padding: 20, fontSize: 14, color: '#999' }}>Content without SideBar</div>
+          </AgentHelperMainLayout.Content>
+        </AgentHelperMainLayout.Main>
+      </AgentHelperMainLayout>
+    </div>
+  ),
+};
+
+export const CustomWidth: Story = {
+  render: () => (
+    <div style={{ width: '800px', height: '400px' }}>
+      <AgentHelperMainLayout>
+        <AgentHelperMainLayout.TopBar>
+          <span style={{ padding: '0 16px', fontSize: 14, color: '#333' }}>TopBar</span>
+        </AgentHelperMainLayout.TopBar>
+        <AgentHelperMainLayout.Main>
+          <AgentHelperMainLayout.SideBar className="w-[200px]">
+            <div style={{ padding: 12, fontSize: 14, color: '#999' }}>200px SideBar</div>
+          </AgentHelperMainLayout.SideBar>
+          <AgentHelperMainLayout.Content>
+            <div style={{ padding: 20, fontSize: 14, color: '#999' }}>Content</div>
+          </AgentHelperMainLayout.Content>
+        </AgentHelperMainLayout.Main>
+      </AgentHelperMainLayout>
+    </div>
+  ),
+};