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

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

@@ -0,0 +1,373 @@
+/**
+ * Model Management page template
+ *
+ * GENERATED by scripts/generate-templates.ts — v0.1.0-alpha.191 — DO NOT EDIT MANUALLY.
+ * Source: packages/frontend-antd/src/auth/model-management-page.tsx
+ */
+export function modelManagementPageTemplate() {
+    return `/**
+ * ModelManagementPage - AI model configuration management
+ */
+
+import React, { useState, useEffect, useCallback } from 'react';
+import { Card, Table, Button, Modal, Form, Input, Switch, Tag, Space, Typography, Select, message, theme, Breadcrumb, Flex } from 'antd';
+import { PlusOutlined, EditOutlined, DeleteOutlined, RobotOutlined, HomeOutlined, AppstoreAddOutlined } from '@ant-design/icons';
+import { useLocale, registerMessages, useAppShell, useAuthenticatedFetch } from '@loom-framework/frontend-antd';
+
+registerMessages('zh-CN', {
+  'model.title': '模型管理',
+  'model.addModel': '添加模型',
+  'model.addEngine': '添加AI引擎',
+  'model.editModel': '编辑模型',
+  'model.modelName': '模型名',
+  'model.authToken': '认证令牌',
+  'model.baseUrl': 'API 地址',
+  'model.setDefault': '设为默认',
+  'model.default': '默认',
+  'model.engine': 'AI 引擎',
+  'model.configured': '已配置',
+  'model.notSet': '未设置',
+  'model.deleteConfirm': '确认删除模型 "{name}"？',
+  'model.deleteSuccess': '模型已删除',
+  'model.addSuccess': '模型已添加',
+  'model.updateSuccess': '模型已更新',
+  'model.saveFailed': '保存模型失败',
+  'model.loadFailed': '加载模型失败',
+  'model.nameRequired': '请输入模型名称',
+  'model.baseUrlRequired': '请输入 API 地址',
+  'model.tokenMasked': '留空保持当前值不变',
+  'model.enterToken': '输入认证令牌',
+  'model.tier': '能力等级',
+  'model.tierLabel': '级别',
+  'model.tags': '标签',
+  'model.tagsPlaceholder': '输入标签后回车',
+  'model.fast': '快速',
+  'model.standard': '标准',
+  'model.max': '最强',
+  'model.tierUnset': '暂不选择',
+});
+
+registerMessages('en-US', {
+  'model.title': 'Model Management',
+  'model.addModel': 'Add Model',
+  'model.addEngine': 'Add AI Engine',
+  'model.editModel': 'Edit Model',
+  'model.modelName': 'Model Name',
+  'model.authToken': 'Auth Token',
+  'model.baseUrl': 'API Base URL',
+  'model.setDefault': 'Set as Default',
+  'model.default': 'Default',
+  'model.engine': 'AI Engine',
+  'model.configured': 'Configured',
+  'model.notSet': 'Not Set',
+  'model.deleteConfirm': 'Delete model "{name}"?',
+  'model.deleteSuccess': 'Model deleted',
+  'model.addSuccess': 'Model added',
+  'model.updateSuccess': 'Model updated',
+  'model.saveFailed': 'Failed to save model',
+  'model.loadFailed': 'Failed to load models',
+  'model.nameRequired': 'Model name is required',
+  'model.baseUrlRequired': 'Base URL is required',
+  'model.tokenMasked': 'Leave empty to keep current',
+  'model.enterToken': 'Enter auth token',
+  'model.tier': 'Capability Tier',
+  'model.tierLabel': 'Tier',
+  'model.tags': 'Tags',
+  'model.tagsPlaceholder': 'Type and press Enter',
+  'model.fast': 'Fast',
+  'model.standard': 'Standard',
+  'model.max': 'Max',
+  'model.tierUnset': 'Not set',
+});
+
+interface ModelItem {
+  name: string;
+  authToken?: string;
+  hasAuthToken?: boolean;
+  baseUrl?: string;
+  isDefault: boolean;
+  tier?: 'fast' | 'standard' | 'max';
+  tags?: string[];
+}
+
+const API = '/api/v1/ai/models';
+
+function ModelManagementPage(): React.ReactElement {
+  const { token } = theme.useToken();
+  const { t } = useLocale();
+  const { breadcrumbs, onNavClick } = useAppShell();
+  const authFetch = useAuthenticatedFetch();
+  const [models, setModels] = useState<ModelItem[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [modalOpen, setModalOpen] = useState(false);
+  const [editingModel, setEditingModel] = useState<ModelItem | null>(null);
+  const [form] = Form.useForm();
+
+  const fetchModels = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await authFetch(API);
+      const data = await res.json();
+      setModels(Array.isArray(data) ? data : []);
+    } catch {
+      message.error(t('model.loadFailed') || 'Failed to load models');
+    } finally {
+      setLoading(false);
+    }
+  }, [authFetch]);
+
+  useEffect(() => { fetchModels(); }, [fetchModels]);
+
+  const handleSave = async () => {
+    try {
+      const values = await form.validateFields();
+
+      if (editingModel) {
+        const updates: Record<string, unknown> = {
+          baseUrl: values.baseUrl,
+          isDefault: values.isDefault,
+          tier: values.tier,
+          tags: values.tags,
+        };
+        if (values.authToken) updates.authToken = values.authToken;
+
+        const res = await authFetch(\`\${API}/\${encodeURIComponent(editingModel.name)}\`, {
+          method: 'PUT',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify(updates),
+        });
+
+        if (res.ok) {
+          await fetchModels();
+          message.success(t('model.updateSuccess') || 'Model updated');
+        } else if (res.status === 404) {
+          message.error(t('model.saveFailed') || 'Failed to save model');
+          await fetchModels();
+        } else {
+          message.error(t('model.saveFailed') || 'Failed to save model');
+        }
+      } else {
+        const res = await authFetch(API, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            name: values.name,
+            baseUrl: values.baseUrl,
+            authToken: values.authToken || undefined,
+            isDefault: values.isDefault,
+            tier: values.tier,
+            tags: values.tags,
+          }),
+        });
+
+        if (res.ok || res.status === 201) {
+          await fetchModels();
+          message.success(t('model.addSuccess') || 'Model added');
+        } else if (res.status === 409) {
+          message.error(t('model.saveFailed') || 'Failed to save model');
+        } else {
+          message.error(t('model.saveFailed') || 'Failed to save model');
+        }
+      }
+
+      setModalOpen(false);
+      setEditingModel(null);
+      form.resetFields();
+    } catch { /* validation error */ }
+  };
+
+  const handleDelete = async (name: string) => {
+    Modal.confirm({
+      title: t('model.deleteConfirm')?.replace('{name}', name) || \`Delete model "\${name}"?\`,
+      onOk: async () => {
+        const res = await authFetch(\`\${API}/\${encodeURIComponent(name)}\`, {
+          method: 'DELETE',
+        });
+
+        if (res.ok) {
+          await fetchModels();
+          message.success(t('model.deleteSuccess') || 'Model deleted');
+        }
+      },
+    });
+  };
+
+  const openEditModal = (model: ModelItem) => {
+    setEditingModel(model);
+    form.setFieldsValue({
+      name: model.name,
+      authToken: model.authToken,
+      baseUrl: model.baseUrl,
+      isDefault: model.isDefault,
+      tier: model.tier,
+      tags: model.tags,
+    });
+    setModalOpen(true);
+  };
+
+  const openAddModal = () => {
+    setEditingModel(null);
+    form.resetFields();
+    form.setFieldsValue({ isDefault: models.length === 0 });
+    setModalOpen(true);
+  };
+
+  const columns = [
+    {
+      title: t('model.modelName') || 'Model Name',
+      dataIndex: 'name',
+      key: 'name',
+      render: (name: string, record: ModelItem) => (
+        <Space>
+          <span style={{ fontWeight: token.fontWeightStrong }}>{name}</span>
+          {record.isDefault && <Tag color="blue">{t('model.default') || 'Default'}</Tag>}
+        </Space>
+      ),
+    },
+    {
+      title: t('model.baseUrl') || 'API Base URL',
+      dataIndex: 'baseUrl',
+      key: 'baseUrl',
+      render: (url: string) => url ? <Typography.Text copyable={{ text: url }} style={{ fontSize: token.fontSizeSM }}>{url}</Typography.Text> : <Typography.Text type="secondary">—</Typography.Text>,
+    },
+    {
+      title: t('model.authToken') || 'Auth Token',
+      dataIndex: 'hasAuthToken',
+      key: 'hasAuthToken',
+      width: 120,
+      render: (has: boolean) => has ? <Tag color="green">{t('model.configured') || 'Configured'}</Tag> : <Tag>{t('model.notSet') || 'Not Set'}</Tag>,
+    },
+    {
+      title: t('model.tierLabel') || 'Tier',
+      dataIndex: 'tier',
+      key: 'tier',
+      width: 100,
+      render: (tier: 'fast' | 'standard' | 'max') => {
+        if (!tier) return <Typography.Text type="secondary">—</Typography.Text>;
+        const colorMap: Record<string, string> = { fast: 'success', standard: 'blue', max: 'purple' };
+        const labelMap: Record<string, string> = { fast: t('model.fast') || 'Fast', standard: t('model.standard') || 'Standard', max: t('model.max') || 'Max' };
+        return <Tag color={colorMap[tier]}>{labelMap[tier]}</Tag>;
+      },
+    },
+    {
+      title: t('model.tags') || 'Tags',
+      dataIndex: 'tags',
+      key: 'tags',
+      render: (tags: string[]) => tags?.length ? <Space size={4} wrap>{tags.map(tag => <Tag key={tag}>{tag}</Tag>)}</Space> : <Typography.Text type="secondary">—</Typography.Text>,
+    },
+    {
+      title: t('common.action') || 'Action',
+      key: 'action',
+      width: 120,
+      render: (_: unknown, record: ModelItem) => (
+        <Space size={0}>
+          <Button type="text" size="small" icon={<EditOutlined />} onClick={() => openEditModal(record)} />
+          {!record.isDefault && (
+            <Button type="text" size="small" danger icon={<DeleteOutlined />} onClick={() => handleDelete(record.name)} />
+          )}
+        </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 }))]} />
+        <Button type="primary" icon={<AppstoreAddOutlined />} disabled>
+          {t('model.addEngine') || 'Add AI Engine'}
+        </Button>
+      </Flex>
+      <Card
+        title={
+          <Space>
+            <RobotOutlined />
+            <span>Claude Code</span>
+            <Typography.Text type="secondary" style={{ fontWeight: 'normal' }}>
+              {t('model.engine') || 'AI Engine'}
+            </Typography.Text>
+          </Space>
+        }
+        extra={
+          <Button type="primary" size="small" icon={<PlusOutlined />} onClick={openAddModal}>
+            {t('model.addModel') || 'Add Model'}
+          </Button>
+        }
+      >
+        <Table
+          dataSource={models}
+          columns={columns}
+          rowKey="name"
+          loading={loading}
+          pagination={false}
+          size="small"
+        />
+      </Card>
+
+      <Modal
+        title={editingModel ? (t('model.editModel') || 'Edit Model') : (t('model.addModel') || 'Add Model')}
+        open={modalOpen}
+        onOk={handleSave}
+        onCancel={() => { setModalOpen(false); setEditingModel(null); form.resetFields(); }}
+        okText={t('common.save') || 'Save'}
+        cancelText={t('common.cancel') || 'Cancel'}
+        destroyOnClose
+      >
+        <Form form={form} layout="vertical" style={{ marginTop: token.marginMD }}>
+          <Form.Item
+            name="name"
+            label={t('model.modelName') || 'Model Name'}
+            rules={[{ required: true, message: t('model.nameRequired') || 'Model name is required' }]}
+          >
+            <Input disabled={!!editingModel} placeholder="e.g. GLM-5.1, Kimi-K2.5" />
+          </Form.Item>
+          <Form.Item
+            name="baseUrl"
+            label={t('model.baseUrl') || 'API Base URL'}
+            rules={[{ required: true, message: t('model.baseUrlRequired') || 'Base URL is required' }]}
+          >
+            <Input placeholder="https://api.example.com" />
+          </Form.Item>
+          <Form.Item
+            name="authToken"
+            label={t('model.authToken') || 'Auth Token'}
+          >
+            <Input.Password placeholder={editingModel?.hasAuthToken ? t('model.tokenMasked') || 'Leave empty to keep current' : t('model.enterToken') || 'Enter auth token'} />
+          </Form.Item>
+          <Form.Item
+            name="isDefault"
+            label={t('model.setDefault') || 'Set as Default'}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            name="tier"
+            label={t('model.tier') || 'Capability Tier'}
+          >
+            <Select
+              allowClear
+              placeholder={t('model.tierUnset') || 'Not set'}
+              options={[
+                { value: 'fast', label: t('model.fast') || 'Fast' },
+                { value: 'standard', label: t('model.standard') || 'Standard' },
+                { value: 'max', label: t('model.max') || 'Max' },
+              ]}
+            />
+          </Form.Item>
+          <Form.Item
+            name="tags"
+            label={t('model.tags') || 'Tags'}
+          >
+            <Select mode="tags" placeholder={t('model.tagsPlaceholder') || 'Type and press Enter'} />
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  );
+}
+
+export default ModelManagementPage;
+`;
+}
+//# sourceMappingURL=model-management-page.js.map

package/dist/cli/templates/model-management-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-management-page.js","sourceRoot":"","sources":["../../../src/cli/templates/model-management-page.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,UAAU,2BAA2B;IACzC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2WR,CAAC;AACF,CAAC"}

package/dist/cli/templates/notification-center-page.d.ts

@@ -0,0 +1,8 @@
+/**
+ * NotificationCenter page template
+ *
+ * GENERATED by scripts/generate-templates.ts — v0.1.0-alpha.191 — DO NOT EDIT MANUALLY.
+ * Source: packages/frontend-antd/src/components/pages/NotificationCenter.tsx
+ */
+export declare function notificationCenterPageTemplate(): string;
+//# sourceMappingURL=notification-center-page.d.ts.map

package/dist/cli/templates/notification-center-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-center-page.d.ts","sourceRoot":"","sources":["../../../src/cli/templates/notification-center-page.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,wBAAgB,8BAA8B,IAAI,MAAM,CAwOvD"}

package/dist/cli/templates/notification-center-page.js

@@ -0,0 +1,240 @@
+/**
+ * NotificationCenter page template
+ *
+ * GENERATED by scripts/generate-templates.ts — v0.1.0-alpha.191 — DO NOT EDIT MANUALLY.
+ * Source: packages/frontend-antd/src/components/pages/NotificationCenter.tsx
+ */
+export function notificationCenterPageTemplate() {
+    return `/**
+ * NotificationCenterPage - Full-page notification management
+ *
+ * Persistent notifications from server API with Table display.
+ * Supports multi-select batch read/delete.
+ */
+
+import React, { useState, useCallback } from 'react';
+import { Table, Button, Space, Tag, Typography, Popconfirm, Select, message, Breadcrumb, Flex, Tooltip } from 'antd';
+import { CheckOutlined, DeleteOutlined, HomeOutlined, MessageOutlined } from '@ant-design/icons';
+import type { LoomNotification, BreadcrumbItem } from '@loom-framework/frontend-antd';
+import { useNotificationCenter, useAppShell, useLocale, registerMessages, AIContext, useResponsiveTableHeight, formatTime } from '@loom-framework/frontend-antd';
+
+registerMessages('zh-CN', {
+  'notification.viewSession': 'Loom 会话',
+});
+
+registerMessages('en-US', {
+  'notification.viewSession': 'Loom Session',
+});
+
+export const NOTIFICATION_TYPE_COLORS: Record<string, string> = {
+  info: 'blue',
+  warning: 'orange',
+  error: 'red',
+  success: 'green',
+};
+
+export const NOTIFICATION_SOURCE_COLORS: Record<string, string> = {
+  system: 'default',
+  event: 'purple',
+  cli: 'cyan',
+};
+
+function NotificationCenterPage() {
+  const { notifications, loading, fetchNotifications, markRead, markAllRead, deleteNotification, clearAll, markBatchRead, deleteBatch, selectNotification } = useNotificationCenter();
+  const { breadcrumbs, onNavClick } = useAppShell();
+  const { t } = useLocale();
+  const aiContext = React.useContext(AIContext);
+  const [filter, setFilter] = useState<string>('all');
+  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+  const { ref: tableWrapperRef, scrollY } = useResponsiveTableHeight([notifications.length]);
+
+  const handleFilterChange = useCallback((value: string) => {
+    setFilter(value);
+    if (value === 'unread') {
+      fetchNotifications({ limit: 50, unreadOnly: true });
+    } else {
+      fetchNotifications({ limit: 50 });
+    }
+  }, [fetchNotifications]);
+
+  const handleMarkAllRead = useCallback(async () => {
+    await markAllRead();
+    message.success(t('notification.markAllRead'));
+  }, [markAllRead, t]);
+
+  const handleBatchMarkRead = useCallback(async () => {
+    const ids = selectedRowKeys as string[];
+    await markBatchRead(ids);
+    setSelectedRowKeys([]);
+    message.success(t('notification.batchMarkRead'));
+  }, [markBatchRead, selectedRowKeys, t]);
+
+  const handleBatchDelete = useCallback(async () => {
+    const ids = selectedRowKeys as string[];
+    await deleteBatch(ids);
+    setSelectedRowKeys([]);
+    message.success(t('notification.batchDelete'));
+  }, [deleteBatch, selectedRowKeys, t]);
+
+  const handleClearAll = useCallback(async () => {
+    await clearAll();
+    setSelectedRowKeys([]);
+    message.success(t('notification.clearAll'));
+  }, [clearAll, t]);
+
+  const handleMarkRead = useCallback(async (id: string) => {
+    await markRead(id);
+  }, [markRead]);
+
+  const handleDelete = useCallback(async (id: string) => {
+    await deleteNotification(id);
+  }, [deleteNotification]);
+
+  const columns = [
+    {
+      title: t('notification.colType'),
+      dataIndex: 'type',
+      key: 'type',
+      width: 80,
+      render: (type: string) => <Tag color={NOTIFICATION_TYPE_COLORS[type] || 'default'}>{t(\`notification.type.\${type}\`)}</Tag>,
+    },
+    {
+      title: t('field.createdAt'),
+      dataIndex: 'createdAt',
+      key: 'createdAt',
+      width: 140,
+      render: (val: string) => <Tooltip title={new Date(val).toLocaleString(undefined, { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' })}><Typography.Text type="secondary">{formatTime(val)}</Typography.Text></Tooltip>,
+    },
+    {
+      title: t('notification.colTitle'),
+      dataIndex: 'title',
+      key: 'title',
+      render: (title: string, record: LoomNotification) => (
+        <Typography.Text strong={!record.read}>{title}</Typography.Text>
+      ),
+    },
+    {
+      title: t('notification.colDescription'),
+      dataIndex: 'description',
+      key: 'description',
+      ellipsis: true,
+      render: (desc: string) => (
+        <Typography.Text type="secondary" ellipsis>{desc}</Typography.Text>
+      ),
+    },
+    {
+      title: t('notification.colSource'),
+      dataIndex: 'source',
+      key: 'source',
+      width: 90,
+      render: (source: string) => <Tag color={NOTIFICATION_SOURCE_COLORS[source] || 'default'}>{t(\`notification.source.\${source}\`) || source}</Tag>,
+    },
+    {
+      title: t('common.action'),
+      key: 'action',
+      width: 100,
+      render: (_: unknown, record: LoomNotification) => (
+        <Space size={0}>
+          {!record.read && (
+            <Button type="text" size="small" icon={<CheckOutlined />} onClick={(e) => { e.stopPropagation(); handleMarkRead(record.id); }}>
+              {t('notification.markRead')}
+            </Button>
+          )}
+          <Popconfirm
+            title={t('notification.deleteConfirm')}
+            onConfirm={() => handleDelete(record.id)}
+          >
+            <Button type="text" danger size="small" icon={<DeleteOutlined />} onClick={(e) => e.stopPropagation()} />
+          </Popconfirm>
+        </Space>
+      ),
+    },
+    {
+      title: '',
+      key: 'session',
+      width: 48,
+      render: (_: unknown, record: LoomNotification) =>
+        record.sessionId && aiContext?.switchToSession ? (
+          <Tooltip title={t('notification.viewSession')}>
+            <Button type="link" size="small" icon={<MessageOutlined />}
+              onClick={(e) => { e.stopPropagation(); aiContext.switchToSession!(record.sessionId!); }}
+            />
+          </Tooltip>
+        ) : null,
+    },
+  ];
+
+  const filterOptions = [
+    { value: 'all', label: t('notification.all') },
+    { value: 'unread', label: t('notification.unread') },
+    { value: 'info', label: t('notification.type.info') },
+    { value: 'warning', label: t('notification.type.warning') },
+    { value: 'error', label: t('notification.type.error') },
+    { value: 'success', label: t('notification.type.success') },
+  ];
+
+  const filteredNotifications = filter === 'all' || filter === 'unread'
+    ? notifications
+    : notifications.filter(n => n.type === filter);
+
+  const hasSelected = selectedRowKeys.length > 0;
+
+  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: BreadcrumbItem) => ({ title: b.path ? <a onClick={() => { if (b.path) onNavClick?.(b.path); }}>{b.title}</a> : b.title }))]} />
+        <Space>
+          <Select
+            value={filter}
+            onChange={handleFilterChange}
+            options={filterOptions}
+            style={{ width: 120 }}
+          />
+          <Button icon={<CheckOutlined />} onClick={handleMarkAllRead}>{t('notification.markAllRead')}</Button>
+          <Popconfirm title={t('notification.clearConfirm')} onConfirm={handleClearAll}>
+            <Button danger>{t('notification.clearAll')}</Button>
+          </Popconfirm>
+          {hasSelected && (
+            <>
+              <Button icon={<CheckOutlined />} onClick={handleBatchMarkRead}>
+                {t('notification.batchMarkRead')} ({selectedRowKeys.length})
+              </Button>
+              <Popconfirm title={t('notification.deleteConfirm')} onConfirm={handleBatchDelete}>
+                <Button danger icon={<DeleteOutlined />}>
+                  {t('notification.batchDelete')} ({selectedRowKeys.length})
+                </Button>
+              </Popconfirm>
+            </>
+          )}
+        </Space>
+      </Flex>
+      <div ref={tableWrapperRef} style={{ flex: 1, minHeight: 0, overflow: 'hidden' }}>
+        <Table
+          dataSource={filteredNotifications}
+          columns={columns}
+          rowKey="id"
+          loading={loading}
+          pagination={{ pageSize: 20, showTotal: (total: number) => t('crud.total', { total }) }}
+          size="middle"
+          scroll={{ x: 'max-content', y: scrollY }}
+          rowSelection={{
+            selectedRowKeys,
+            onChange: setSelectedRowKeys,
+          }}
+          onRow={(record) => ({
+            onClick: () => {
+              selectNotification(record.id);
+              onNavClick?.('notification-detail');
+            },
+            style: { cursor: 'pointer' },
+          })}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default NotificationCenterPage;
+`;
+}
+//# sourceMappingURL=notification-center-page.js.map

package/dist/cli/templates/notification-center-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-center-page.js","sourceRoot":"","sources":["../../../src/cli/templates/notification-center-page.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,UAAU,8BAA8B;IAC5C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsOR,CAAC;AACF,CAAC"}

package/dist/cli/templates/notification-detail-page.d.ts

@@ -0,0 +1,8 @@
+/**
+ * NotificationDetail page template
+ *
+ * GENERATED by scripts/generate-templates.ts — v0.1.0-alpha.191 — DO NOT EDIT MANUALLY.
+ * Source: packages/frontend-antd/src/components/pages/NotificationDetail.tsx
+ */
+export declare function notificationDetailPageTemplate(): string;
+//# sourceMappingURL=notification-detail-page.d.ts.map

package/dist/cli/templates/notification-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-detail-page.d.ts","sourceRoot":"","sources":["../../../src/cli/templates/notification-detail-page.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,wBAAgB,8BAA8B,IAAI,MAAM,CA+EvD"}