@loom-framework/core 0.1.0-alpha.19 → 0.1.0-alpha.191

package/dist/cli/templates/event-management-page.js

@@ -0,0 +1,724 @@
+/**
+ * Event Management page template
+ *
+ * GENERATED by scripts/generate-templates.ts — v0.1.0-alpha.191 — DO NOT EDIT MANUALLY.
+ * Source: packages/frontend-antd/src/components/pages/event-management-page.tsx
+ */
+export function eventManagementPageTemplate() {
+    return `/**
+ * EventManagementPage — Manage event subscriptions and browse available events
+ */
+
+import React, { useState, useEffect, useCallback } from 'react';
+import {
+  Table,
+  Button,
+  Modal,
+  Form,
+  Input,
+  Select,
+  Tag,
+  Space,
+  Flex,
+  Breadcrumb,
+  Empty,
+  message,
+  Popconfirm,
+  Typography,
+  theme,
+  Tabs,
+  Tooltip,
+} from 'antd';
+import {
+  PlusOutlined,
+  DeleteOutlined,
+  EditOutlined,
+  SendOutlined,
+  ReloadOutlined,
+  HomeOutlined,
+  AppstoreOutlined,
+  SearchOutlined,
+  QuestionCircleOutlined,
+} from '@ant-design/icons';
+import {
+import type { EventSubscription } from '@loom-framework/frontend-antd';
+import { useLocale, registerMessages, useLoomTheme, useAppShell, fetchProcesses, AvailableEventsTab } from '@loom-framework/frontend-antd';
+  fetchSubscriptions,
+  createSubscription,
+  updateSubscription,
+  deleteSubscription,
+  emitTestEvent,
+} from './event-api.js';
+
+registerMessages('zh-CN', {
+  'event.title': '事件管理',
+  'event.description': '管理事件订阅，将事件路由到过程、Webhook、日志或通知',
+  'event.create': '新建订阅',
+  'event.delete': '删除',
+  'event.test': '测试',
+  'event.refresh': '刷新',
+  'event.pattern': '事件模式',
+  'event.handler': '处理器',
+  'event.config': '配置',
+  'event.status': '状态',
+  'event.active': '活跃',
+  'event.inactive': '未激活',
+  'event.noSubscriptions': '暂无事件订阅',
+  'event.process': '过程触发',
+  'event.webhook': 'Webhook',
+  'event.log': '日志',
+  'event.notify': '通知',
+  'event.processName': '目标过程',
+  'event.filter': '过滤条件 (JSON)',
+  'event.debounce': '防抖 (ms)',
+  'event.webhookUrl': 'Webhook URL',
+  'event.webhookMethod': 'HTTP 方法',
+  'event.webhookHeaders': '请求头 (JSON)',
+  'event.logLevel': '日志级别',
+  'event.notifyTitle': '通知标题',
+  'event.notifyDescription': '通知描述',
+  'event.testEvent': '发送测试事件',
+  'event.testPattern': '事件模式',
+  'event.testPayload': '事件载荷 (JSON)',
+  'event.createSuccess': '订阅创建成功',
+  'event.updateSuccess': '订阅更新成功',
+  'event.deleteSuccess': '订阅已删除',
+  'event.testSuccess': '测试事件已发送',
+  'event.edit': '编辑',
+  'event.id': 'ID',
+  'event.patternHelp': '支持通配符匹配：\\n• * 匹配单个段，如 data:*:tasks\\n• ** 匹配任意多段，如 data:**',
+  'event.tabs.subscriptions': '订阅关系',
+  'event.tabs.available': '可用事件',
+  'event.available.refresh': '刷新事件',
+  'event.search': '搜索订阅',
+  'event.processNamePlaceholder': '选择或输入过程名称',
+});
+
+registerMessages('en-US', {
+  'event.title': 'Event Management',
+  'event.description': 'Manage event subscriptions, routing events to processes, webhooks, logs, or notifications',
+  'event.create': 'New Subscription',
+  'event.delete': 'Delete',
+  'event.test': 'Test',
+  'event.refresh': 'Refresh',
+  'event.pattern': 'Pattern',
+  'event.handler': 'Handler',
+  'event.config': 'Config',
+  'event.status': 'Status',
+  'event.active': 'Active',
+  'event.inactive': 'Inactive',
+  'event.noSubscriptions': 'No event subscriptions',
+  'event.process': 'Process',
+  'event.webhook': 'Webhook',
+  'event.log': 'Log',
+  'event.notify': 'Notify',
+  'event.processName': 'Target Process',
+  'event.filter': 'Filter (JSON)',
+  'event.debounce': 'Debounce (ms)',
+  'event.webhookUrl': 'Webhook URL',
+  'event.webhookMethod': 'HTTP Method',
+  'event.webhookHeaders': 'Headers (JSON)',
+  'event.logLevel': 'Log Level',
+  'event.notifyTitle': 'Notification Title',
+  'event.notifyDescription': 'Notification Description',
+  'event.testEvent': 'Send Test Event',
+  'event.testPattern': 'Event Pattern',
+  'event.testPayload': 'Payload (JSON)',
+  'event.createSuccess': 'Subscription created',
+  'event.updateSuccess': 'Subscription updated',
+  'event.deleteSuccess': 'Subscription deleted',
+  'event.testSuccess': 'Test event sent',
+  'event.edit': 'Edit',
+  'event.id': 'ID',
+  'event.patternHelp': 'Wildcard matching:\\n• * matches one segment, e.g. data:*:tasks\\n• ** matches any depth, e.g. data:**',
+  'event.tabs.subscriptions': 'Subscriptions',
+  'event.tabs.available': 'Available Events',
+  'event.available.refresh': 'Refresh Events',
+  'event.search': 'Search subscriptions',
+  'event.processNamePlaceholder': 'Select or type process name',
+});
+
+const HANDLER_COLORS: Record<string, string> = {
+  process: 'blue',
+  webhook: 'purple',
+  log: 'default',
+  notify: 'green',
+};
+
+function getConfigSummary(sub: EventSubscription): React.ReactNode {
+  const config = sub.config as Record<string, unknown>;
+  switch (sub.handler) {
+    case 'process': {
+      const parts: React.ReactNode[] = [];
+      if (config.process) {
+        parts.push(<Tag key="proc" style={{ marginRight: 4 }}>{String(config.process)}</Tag>);
+      }
+      if (config.filter) parts.push(<span key="filter" style={{ marginRight: 4 }}>filter</span>);
+      if (config.debounceMs) parts.push(<span key="debounce">{String(config.debounceMs)}ms</span>);
+      return parts.length > 0 ? parts : null;
+    }
+    case 'webhook':
+      return <span>{String(config.url ?? '')}{config.method && config.method !== 'POST' ? \` \${config.method}\` : ''}</span>;
+    case 'log':
+      return <span>{String(config.level ?? 'info')}</span>;
+    case 'notify':
+      return config.title ? <span>{String(config.title)}</span> : null;
+    default:
+      return null;
+  }
+}
+
+function EventManagementPage() {
+  const { t } = useLocale();
+  const { breadcrumbs, onNavClick } = useAppShell();
+  const [subscriptions, setSubscriptions] = useState<EventSubscription[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [activeTab, setActiveTab] = useState('subscriptions');
+  const [searchText, setSearchText] = useState('');
+  const [processNames, setProcessNames] = useState<string[]>([]);
+  const [patternSearchText, setPatternSearchText] = useState('');
+  const [createOpen, setCreateOpen] = useState(false);
+  const [editOpen, setEditOpen] = useState(false);
+  const [editingId, setEditingId] = useState<string | null>(null);
+  const [testOpen, setTestOpen] = useState(false);
+  const [createForm] = Form.useForm();
+  const [editForm] = Form.useForm();
+  const [testForm] = Form.useForm();
+  const handlerType = Form.useWatch('handler', createForm);
+  const editHandlerType = Form.useWatch('handler', editForm);
+
+  const loadSubscriptions = useCallback(async () => {
+    setLoading(true);
+    try {
+      const subs = await fetchSubscriptions();
+      setSubscriptions(subs);
+    } catch (err) {
+      message.error(err instanceof Error ? err.message : 'Failed to load subscriptions');
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    loadSubscriptions();
+  }, [loadSubscriptions]);
+
+  useEffect(() => {
+    fetchProcesses()
+      .then(res => setProcessNames((res.data ?? []).map((p: { name: string }) => p.name)))
+      .catch(() => { /* silent */ });
+  }, []);
+
+  const handleTabChange = (key: string) => {
+    setActiveTab(key);
+    setCreateOpen(false);
+    setEditOpen(false);
+    setTestOpen(false);
+    setSearchText('');
+    setPatternSearchText('');
+  };
+
+  const handleSubscribeFromPattern = (pattern: string) => {
+    setActiveTab('subscriptions');
+    createForm.setFieldsValue({ pattern, handler: 'process' });
+    setCreateOpen(true);
+  };
+
+  const handleCreate = async (values: Record<string, unknown>) => {
+    try {
+      const { pattern, handler, ...rest } = values;
+      const config: Record<string, unknown> = {};
+
+      switch (handler) {
+        case 'process':
+          config.process = rest.processName;
+          if (rest.filter) {
+            try { config.filter = JSON.parse(rest.filter as string); } catch { /* ignore */ }
+          }
+          if (rest.debounceMs) config.debounceMs = Number(rest.debounceMs);
+          break;
+        case 'webhook':
+          config.url = rest.webhookUrl;
+          if (rest.webhookMethod && rest.webhookMethod !== 'POST') config.method = rest.webhookMethod;
+          if (rest.webhookHeaders) {
+            try { config.headers = JSON.parse(rest.webhookHeaders as string); } catch { /* ignore */ }
+          }
+          break;
+        case 'log':
+          if (rest.logLevel) config.level = rest.logLevel;
+          break;
+        case 'notify':
+          if (rest.notifyTitle) config.title = rest.notifyTitle;
+          if (rest.notifyDescription) config.description = rest.notifyDescription;
+          break;
+      }
+
+      await createSubscription(pattern as string, handler as EventSubscription['handler'], config);
+      message.success(t('event.createSuccess'));
+      setCreateOpen(false);
+      createForm.resetFields();
+      loadSubscriptions();
+    } catch (err) {
+      message.error(err instanceof Error ? err.message : 'Failed to create subscription');
+    }
+  };
+
+  const handleDelete = async (id: string) => {
+    try {
+      await deleteSubscription(id);
+      message.success(t('event.deleteSuccess'));
+      loadSubscriptions();
+    } catch (err) {
+      message.error(err instanceof Error ? err.message : 'Failed to delete subscription');
+    }
+  };
+
+  const handleTest = async (values: Record<string, unknown>) => {
+    try {
+      let payload: Record<string, unknown> = {};
+      if (values.payload) {
+        try { payload = JSON.parse(values.payload as string); } catch { /* ignore */ }
+      }
+      await emitTestEvent(values.pattern as string, payload);
+      message.success(t('event.testSuccess'));
+      setTestOpen(false);
+      testForm.resetFields();
+    } catch (err) {
+      message.error(err instanceof Error ? err.message : 'Failed to send test event');
+    }
+  };
+
+  const handleEditClick = (record: EventSubscription) => {
+    setEditingId(record.id ?? null);
+    const config = record.config as Record<string, unknown>;
+    const formValues: Record<string, unknown> = {
+      pattern: record.pattern,
+      handler: record.handler,
+    };
+    switch (record.handler) {
+      case 'process':
+        formValues.processName = config.process ?? '';
+        if (config.filter) formValues.filter = JSON.stringify(config.filter);
+        if (config.debounceMs) formValues.debounceMs = config.debounceMs;
+        break;
+      case 'webhook':
+        formValues.webhookUrl = config.url ?? '';
+        if (config.method) formValues.webhookMethod = config.method;
+        if (config.headers) formValues.webhookHeaders = JSON.stringify(config.headers);
+        break;
+      case 'log':
+        if (config.level) formValues.logLevel = config.level;
+        break;
+      case 'notify':
+        if (config.title) formValues.notifyTitle = config.title;
+        if (config.description) formValues.notifyDescription = config.description;
+        break;
+    }
+    editForm.setFieldsValue(formValues);
+    setEditOpen(true);
+  };
+
+  const handleEdit = async (values: Record<string, unknown>) => {
+    if (!editingId) return;
+    try {
+      const { pattern, handler, ...rest } = values;
+      const config: Record<string, unknown> = {};
+      switch (handler) {
+        case 'process':
+          config.process = rest.processName;
+          if (rest.filter) { try { config.filter = JSON.parse(rest.filter as string); } catch { /* ignore */ } }
+          if (rest.debounceMs) config.debounceMs = Number(rest.debounceMs);
+          break;
+        case 'webhook':
+          config.url = rest.webhookUrl;
+          if (rest.webhookMethod && rest.webhookMethod !== 'POST') config.method = rest.webhookMethod;
+          if (rest.webhookHeaders) { try { config.headers = JSON.parse(rest.webhookHeaders as string); } catch { /* ignore */ } }
+          break;
+        case 'log':
+          if (rest.logLevel) config.level = rest.logLevel;
+          break;
+        case 'notify':
+          if (rest.notifyTitle) config.title = rest.notifyTitle;
+          if (rest.notifyDescription) config.description = rest.notifyDescription;
+          break;
+      }
+      await updateSubscription(editingId, { pattern: pattern as string, handler: handler as EventSubscription['handler'], config });
+      message.success(t('event.updateSuccess'));
+      setEditOpen(false);
+      editForm.resetFields();
+      setEditingId(null);
+      loadSubscriptions();
+    } catch (err) {
+      message.error(err instanceof Error ? err.message : 'Failed to update subscription');
+    }
+  };
+
+  const handlerFilters = [
+    { text: t('event.process'), value: 'process' },
+    { text: t('event.webhook'), value: 'webhook' },
+    { text: t('event.log'), value: 'log' },
+    { text: t('event.notify'), value: 'notify' },
+  ];
+
+  const statusFilters = [
+    { text: t('event.active'), value: 'active' },
+    { text: t('event.inactive'), value: 'inactive' },
+  ];
+
+  const filteredSubscriptions = searchText
+    ? subscriptions.filter(s =>
+        s.pattern.toLowerCase().includes(searchText.toLowerCase()) ||
+        (s.id ?? '').toLowerCase().includes(searchText.toLowerCase())
+      )
+    : subscriptions;
+
+  const columns = [
+    {
+      title: t('event.id'),
+      dataIndex: 'id',
+      key: 'id',
+      width: 140,
+      render: (id: string) => (
+        <Typography.Text copyable={{ text: id }} style={{ fontSize: 12 }}>
+          {id ? id.substring(0, 12) + '...' : '?'}
+        </Typography.Text>
+      ),
+    },
+    {
+      title: () => (
+        <Space size={4}>
+          {t('event.pattern')}
+          <Tooltip title={<span style={{ whiteSpace: 'pre-line' }}>{t('event.patternHelp')}</span>}>
+            <QuestionCircleOutlined style={{ color: 'rgba(0, 0, 0, 0.45)', cursor: 'help' }} />
+          </Tooltip>
+        </Space>
+      ),
+      dataIndex: 'pattern',
+      key: 'pattern',
+      render: (pattern: string) => <Typography.Text code>{pattern}</Typography.Text>,
+    },
+    {
+      title: t('event.handler'),
+      dataIndex: 'handler',
+      key: 'handler',
+      width: 120,
+      filters: handlerFilters,
+      onFilter: (value: unknown, record: EventSubscription) => record.handler === value,
+      render: (handler: string) => (
+        <Tag color={HANDLER_COLORS[handler] ?? 'default'}>
+          {t(\`event.\${handler}\`)}
+        </Tag>
+      ),
+    },
+    {
+      title: t('event.config'),
+      key: 'config',
+      ellipsis: true,
+      render: (_: unknown, record: EventSubscription) => getConfigSummary(record),
+    },
+    {
+      title: t('event.status'),
+      key: 'status',
+      width: 80,
+      filters: statusFilters,
+      onFilter: (value: unknown, record: EventSubscription) => {
+        if (value === 'active') return record.handler !== 'process' || record.active === true;
+        if (value === 'inactive') return record.handler === 'process' && record.active === false;
+        return true;
+      },
+      render: (_: unknown, record: EventSubscription) => {
+        if (record.handler === 'process' && record.active !== undefined) {
+          return record.active
+            ? <Tag color="success">{t('event.active')}</Tag>
+            : <Tag color="default">{t('event.inactive')}</Tag>;
+        }
+        return <Tag color="success">{t('event.active')}</Tag>;
+      },
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: 100,
+      render: (_: unknown, record: EventSubscription) => (
+        <Space size={4}>
+          <Button type="text" size="small" icon={<EditOutlined />} onClick={() => handleEditClick(record)} />
+          <Popconfirm
+            title={t('event.delete')}
+            description={\`\${record.pattern}\`}
+            onConfirm={() => record.id && handleDelete(record.id)}
+          >
+            <Button type="text" size="small" danger icon={<DeleteOutlined />} />
+          </Popconfirm>
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0 }}>
+      <Flex justify="space-between" align="center" style={{ marginBottom: 12 }}>
+        <Breadcrumb items={[{ title: <HomeOutlined onClick={() => onNavClick?.('')} style={{ cursor: 'pointer' }} /> }, ...(breadcrumbs || []).map((b: { title: string; path?: string }) => ({ title: b.path ? <a onClick={() => onNavClick?.(b.path!)}>{b.title}</a> : b.title }))]} />
+      </Flex>
+      <Tabs
+        activeKey={activeTab}
+        onChange={handleTabChange}
+        destroyInactiveTabPane
+        animated={{ inkBar: true, tabPane: false }}
+        tabBarStyle={{ marginLeft: 12 }}
+        tabBarExtraContent={
+          <Space>
+            {activeTab === 'subscriptions' ? (
+              <Input
+                placeholder={t('event.search')}
+                prefix={<SearchOutlined />}
+                allowClear
+                value={searchText}
+                onChange={e => setSearchText(e.target.value)}
+                style={{ width: 180 }}
+              />
+            ) : (
+              <Input
+                placeholder={t('event.available.search')}
+                prefix={<SearchOutlined />}
+                allowClear
+                value={patternSearchText}
+                onChange={e => setPatternSearchText(e.target.value)}
+                style={{ width: 180 }}
+              />
+            )}
+            <Button icon={<SendOutlined />} onClick={() => setTestOpen(true)}>
+              {t('event.test')}
+            </Button>
+            {activeTab === 'subscriptions' && (
+              <Button type="primary" icon={<PlusOutlined />} onClick={() => setCreateOpen(true)}>
+                {t('event.create')}
+              </Button>
+            )}
+          </Space>
+        }
+        items={[
+          {
+            key: 'subscriptions',
+            label: t('event.tabs.subscriptions'),
+            children: (
+              <div style={{ animation: 'loom-page-enter 0.25s ease both' }}>
+                {subscriptions.length === 0 && !loading ? (
+                  <Empty
+                    image={Empty.PRESENTED_IMAGE_SIMPLE}
+                    description={t('event.noSubscriptions')}
+                    style={{ marginTop: 120 }}
+                  />
+                ) : (
+                  <Table
+                    dataSource={filteredSubscriptions}
+                    columns={columns}
+                    rowKey={(record) => record.id ?? String(Math.random())}
+                    loading={loading}
+                    size="middle"
+                    pagination={false}
+                    locale={{ emptyText: t('event.noSubscriptions') }}
+                  />
+                )}
+              </div>
+            ),
+          },
+          {
+            key: 'available',
+            label: (
+              <span>
+                <AppstoreOutlined style={{ marginRight: 4 }} />
+                {t('event.tabs.available')}
+              </span>
+            ),
+            children: (
+              <div style={{ animation: 'loom-page-enter 0.25s ease both' }}>
+                <AvailableEventsTab onSubscribe={handleSubscribeFromPattern} searchText={patternSearchText} />
+              </div>
+            ),
+          },
+        ]}
+      />
+
+      {/* Create Subscription Modal */}
+      <Modal
+        title={t('event.create')}
+        open={createOpen}
+        onCancel={() => { setCreateOpen(false); createForm.resetFields(); }}
+        onOk={() => createForm.submit()}
+        destroyOnClose
+      >
+        <Form form={createForm} layout="vertical" onFinish={handleCreate}>
+          <Form.Item name="pattern" label={<Space size={4}>{t('event.pattern')}<Tooltip title={<span style={{ whiteSpace: 'pre-line' }}>{t('event.patternHelp')}</span>}><QuestionCircleOutlined style={{ color: 'rgba(0, 0, 0, 0.45)', cursor: 'help' }} /></Tooltip></Space>} rules={[{ required: true, message: 'Pattern is required' }]}>
+            <Input placeholder="data:created" />
+          </Form.Item>
+          <Form.Item name="handler" label={t('event.handler')} rules={[{ required: true, message: 'Handler is required' }]} initialValue="process">
+            <Select>
+              <Select.Option value="process">{t('event.process')}</Select.Option>
+              <Select.Option value="webhook">{t('event.webhook')}</Select.Option>
+              <Select.Option value="log">{t('event.log')}</Select.Option>
+              <Select.Option value="notify">{t('event.notify')}</Select.Option>
+            </Select>
+          </Form.Item>
+
+          {handlerType === 'process' && (
+            <>
+              <Form.Item name="processName" label={t('event.processName')} rules={[{ required: true, message: 'Process name is required' }]}>
+                <Select showSearch placeholder={t('event.processNamePlaceholder')}>
+                  {processNames.map(name => (
+                    <Select.Option key={name} value={name}>{name}</Select.Option>
+                  ))}
+                </Select>
+              </Form.Item>
+              <Form.Item name="filter" label={t('event.filter')}>
+                <Input placeholder='{"type": "critical"}' />
+              </Form.Item>
+              <Form.Item name="debounceMs" label={t('event.debounce')} initialValue={1000}>
+                <Input type="number" />
+              </Form.Item>
+            </>
+          )}
+
+          {handlerType === 'webhook' && (
+            <>
+              <Form.Item name="webhookUrl" label={t('event.webhookUrl')} rules={[{ required: true, message: 'URL is required' }]}>
+                <Input placeholder="https://example.com/hook" />
+              </Form.Item>
+              <Form.Item name="webhookMethod" label={t('event.webhookMethod')} initialValue="POST">
+                <Select>
+                  <Select.Option value="POST">POST</Select.Option>
+                  <Select.Option value="PUT">PUT</Select.Option>
+                </Select>
+              </Form.Item>
+              <Form.Item name="webhookHeaders" label={t('event.webhookHeaders')}>
+                <Input placeholder='{"Authorization": "Bearer ..."}' />
+              </Form.Item>
+            </>
+          )}
+
+          {handlerType === 'log' && (
+            <Form.Item name="logLevel" label={t('event.logLevel')} initialValue="info">
+              <Select>
+                <Select.Option value="info">info</Select.Option>
+                <Select.Option value="debug">debug</Select.Option>
+                <Select.Option value="warn">warn</Select.Option>
+              </Select>
+            </Form.Item>
+          )}
+
+          {handlerType === 'notify' && (
+            <>
+              <Form.Item name="notifyTitle" label={t('event.notifyTitle')}>
+                <Input placeholder="Alert" />
+              </Form.Item>
+              <Form.Item name="notifyDescription" label={t('event.notifyDescription')}>
+                <Input.TextArea rows={2} />
+              </Form.Item>
+            </>
+          )}
+        </Form>
+      </Modal>
+
+      {/* Edit Subscription Modal */}
+      <Modal
+        title={t('event.edit')}
+        open={editOpen}
+        onCancel={() => { setEditOpen(false); editForm.resetFields(); setEditingId(null); }}
+        onOk={() => editForm.submit()}
+        destroyOnClose
+      >
+        <Form form={editForm} layout="vertical" onFinish={handleEdit}>
+          <Form.Item name="pattern" label={<Space size={4}>{t('event.pattern')}<Tooltip title={<span style={{ whiteSpace: 'pre-line' }}>{t('event.patternHelp')}</span>}><QuestionCircleOutlined style={{ color: 'rgba(0, 0, 0, 0.45)', cursor: 'help' }} /></Tooltip></Space>} rules={[{ required: true, message: 'Pattern is required' }]}>
+            <Input placeholder="data:created" />
+          </Form.Item>
+          <Form.Item name="handler" label={t('event.handler')} rules={[{ required: true, message: 'Handler is required' }]}>
+            <Select>
+              <Select.Option value="process">{t('event.process')}</Select.Option>
+              <Select.Option value="webhook">{t('event.webhook')}</Select.Option>
+              <Select.Option value="log">{t('event.log')}</Select.Option>
+              <Select.Option value="notify">{t('event.notify')}</Select.Option>
+            </Select>
+          </Form.Item>
+
+          {editHandlerType === 'process' && (
+            <>
+              <Form.Item name="processName" label={t('event.processName')} rules={[{ required: true, message: 'Process name is required' }]}>
+                <Select showSearch placeholder={t('event.processNamePlaceholder')}>
+                  {processNames.map(name => (
+                    <Select.Option key={name} value={name}>{name}</Select.Option>
+                  ))}
+                </Select>
+              </Form.Item>
+              <Form.Item name="filter" label={t('event.filter')}>
+                <Input placeholder='{"type": "critical"}' />
+              </Form.Item>
+              <Form.Item name="debounceMs" label={t('event.debounce')} initialValue={1000}>
+                <Input type="number" />
+              </Form.Item>
+            </>
+          )}
+
+          {editHandlerType === 'webhook' && (
+            <>
+              <Form.Item name="webhookUrl" label={t('event.webhookUrl')} rules={[{ required: true, message: 'URL is required' }]}>
+                <Input placeholder="https://example.com/hook" />
+              </Form.Item>
+              <Form.Item name="webhookMethod" label={t('event.webhookMethod')} initialValue="POST">
+                <Select>
+                  <Select.Option value="POST">POST</Select.Option>
+                  <Select.Option value="PUT">PUT</Select.Option>
+                </Select>
+              </Form.Item>
+              <Form.Item name="webhookHeaders" label={t('event.webhookHeaders')}>
+                <Input placeholder='{"Authorization": "Bearer ..."}' />
+              </Form.Item>
+            </>
+          )}
+
+          {editHandlerType === 'log' && (
+            <Form.Item name="logLevel" label={t('event.logLevel')} initialValue="info">
+              <Select>
+                <Select.Option value="info">info</Select.Option>
+                <Select.Option value="debug">debug</Select.Option>
+                <Select.Option value="warn">warn</Select.Option>
+              </Select>
+            </Form.Item>
+          )}
+
+          {editHandlerType === 'notify' && (
+            <>
+              <Form.Item name="notifyTitle" label={t('event.notifyTitle')}>
+                <Input placeholder="Alert" />
+              </Form.Item>
+              <Form.Item name="notifyDescription" label={t('event.notifyDescription')}>
+                <Input.TextArea rows={2} />
+              </Form.Item>
+            </>
+          )}
+        </Form>
+      </Modal>
+
+      {/* Test Event Modal */}
+      <Modal
+        title={t('event.testEvent')}
+        open={testOpen}
+        onCancel={() => { setTestOpen(false); testForm.resetFields(); }}
+        onOk={() => testForm.submit()}
+        destroyOnClose
+      >
+        <Form form={testForm} layout="vertical" onFinish={handleTest}>
+          <Form.Item name="pattern" label={t('event.testPattern')} rules={[{ required: true, message: 'Pattern is required' }]}>
+            <Input placeholder="data:created" />
+          </Form.Item>
+          <Form.Item name="payload" label={t('event.testPayload')}>
+            <Input.TextArea rows={4} placeholder='{"key": "value"}' />
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  );
+}
+
+export default EventManagementPage;
+`;
+}
+//# sourceMappingURL=event-management-page.js.map