@loom-framework/core 0.1.0-alpha.17 → 0.1.0-alpha.171

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

@@ -0,0 +1,304 @@
+/**
+ * Model Management page template
+ *
+ * GENERATED by scripts/generate-templates.ts — v0.1.0-alpha.171 — 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, 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': '输入认证令牌',
+});
+
+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',
+});
+
+interface ModelItem {
+  name: string;
+  authToken?: string;
+  hasAuthToken?: boolean;
+  baseUrl?: string;
+  isDefault: boolean;
+}
+
+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();
+      let updatedModels = models.map(m => ({ ...m, isDefault: false }));
+
+      if (editingModel) {
+        updatedModels = updatedModels.map(m =>
+          m.name === editingModel.name ? { ...m, ...values, hasAuthToken: values.authToken ? true : m.hasAuthToken } : m
+        );
+      } else {
+        updatedModels.push({ ...values, hasAuthToken: !!values.authToken });
+      }
+
+      if (values.isDefault) {
+        updatedModels = updatedModels.map(m => ({ ...m, isDefault: m.name === values.name }));
+      } else if (!updatedModels.some(m => m.isDefault)) {
+        updatedModels[0].isDefault = true;
+      }
+
+      const res = await authFetch(API, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ models: updatedModels }),
+      });
+
+      if (res.ok) {
+        const data = await res.json();
+        setModels(Array.isArray(data) ? data : []);
+        message.success(editingModel ? (t('model.updateSuccess') || 'Model updated') : (t('model.addSuccess') || 'Model added'));
+      } 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 updatedModels = models.filter(m => m.name !== name);
+        if (updatedModels.length > 0 && !updatedModels.some(m => m.isDefault)) {
+          updatedModels[0].isDefault = true;
+        }
+
+        const res = await authFetch(API, {
+          method: 'PUT',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ models: updatedModels }),
+        });
+
+        if (res.ok) {
+          const data = await res.json();
+          setModels(Array.isArray(data) ? data : []);
+          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,
+    });
+    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('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>
+      </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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsSR,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.171 — 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.171 — 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('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('field.createdAt'),
+      dataIndex: 'createdAt',
+      key: 'createdAt',
+      width: 140,
+      render: (val: string) => <Typography.Text type="secondary">{formatTime(val)}</Typography.Text>,
+    },
+    {
+      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.171 — 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"}

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

@@ -0,0 +1,87 @@
+/**
+ * NotificationDetail page template
+ *
+ * GENERATED by scripts/generate-templates.ts — v0.1.0-alpha.171 — DO NOT EDIT MANUALLY.
+ * Source: packages/frontend-antd/src/components/pages/NotificationDetail.tsx
+ */
+export function notificationDetailPageTemplate() {
+    return `/**
+ * NotificationDetailPage - Single notification detail with Markdown rendering
+ */
+
+import React from 'react';
+import { Tag, Typography, Empty, Breadcrumb, Button, Space, Flex } from 'antd';
+import { ArrowLeftOutlined, HomeOutlined, MessageOutlined } from '@ant-design/icons';
+import { XMarkdown } from '@ant-design/x-markdown';
+import '@ant-design/x-markdown/themes/light.css';
+import '@ant-design/x-markdown/themes/dark.css';
+import type { BreadcrumbItem } from '@loom-framework/frontend-antd';
+import { useNotificationCenter, useAppShell, useLocale, registerMessages, AIContext, useLoomTheme, formatTime, NOTIFICATION_TYPE_COLORS, NOTIFICATION_SOURCE_COLORS } from '@loom-framework/frontend-antd';
+
+registerMessages('zh-CN', {
+  'notification.viewSession': 'Loom 会话',
+});
+
+registerMessages('en-US', {
+  'notification.viewSession': 'Loom Session',
+});
+
+function NotificationDetailPage() {
+  const { notifications, selectedNotificationId } = useNotificationCenter();
+  const { breadcrumbs, onNavClick } = useAppShell();
+  const { t } = useLocale();
+  const aiContext = React.useContext(AIContext);
+  const { mode } = useLoomTheme();
+
+  const notification = notifications.find(n => n.id === selectedNotificationId) ?? null;
+
+  const themeClass = mode === 'dark' ? 'x-markdown-dark' : 'x-markdown-light';
+
+  if (!notification) {
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0 }}>
+        <Empty description={t('notification.notFound')}>
+          <Button type="primary" onClick={() => onNavClick?.('notifications')}>
+            <ArrowLeftOutlined /> {t('notification.backToList')}
+          </Button>
+        </Empty>
+      </div>
+    );
+  }
+
+  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>
+          {notification.sessionId && aiContext?.switchToSession && (
+            <Button icon={<MessageOutlined />} onClick={() => aiContext.switchToSession!(notification.sessionId!)}>
+              {t('notification.viewSession')}
+            </Button>
+          )}
+          <Button icon={<ArrowLeftOutlined />} onClick={() => onNavClick?.('notifications')}>
+            {t('notification.backToList')}
+          </Button>
+        </Space>
+      </Flex>
+
+      <div style={{ marginBottom: 16 }}>
+        <Space size={8} align="center" style={{ marginBottom: 8 }}>
+          <Tag color={NOTIFICATION_TYPE_COLORS[notification.type]}>{t(\`notification.type.\${notification.type}\`)}</Tag>
+          <Tag color={NOTIFICATION_SOURCE_COLORS[notification.source] || 'default'}>{t(\`notification.source.\${notification.source}\`) || notification.source}</Tag>
+          <Typography.Text type="secondary">{formatTime(notification.createdAt)}</Typography.Text>
+        </Space>
+        <Typography.Title level={4} style={{ marginBottom: 8 }}>{notification.title}</Typography.Title>
+      </div>
+
+      <div className={themeClass} style={{ flex: 1, overflow: 'auto' }}>
+        <XMarkdown content={notification.description || ''} />
+      </div>
+    </div>
+  );
+}
+
+export default NotificationDetailPage;
+`;
+}
+//# sourceMappingURL=notification-detail-page.js.map

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

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

package/dist/cli/templates/package-json.d.ts

@@ -0,0 +1,9 @@
+/**
+ * package.json template
+ */
+export interface PackageJsonTemplateOptions {
+    name: string;
+    version: string;
+}
+export declare function createPackageJson(options: PackageJsonTemplateOptions): object;
+//# sourceMappingURL=package-json.d.ts.map