@loom-framework/core 0.1.0-alpha.162 → 0.1.0-alpha.163

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

@@ -27,6 +27,7 @@ import {
   message,
   Typography,
   theme,
+  DatePicker,
 } from 'antd';
 import {
   PlayCircleOutlined,
@@ -58,10 +59,11 @@ import {
   AIContext,
 } from '@loom-framework/frontend-antd';
 import type {
-  ProcessInfo, ProcessLogEntry, ProcessMetricsAggregate, FileContent,
+  ProcessInfo, ProcessLogEntry, ProcessLogListResponse, ProcessMetricsAggregate, FileContent,
   ProcessMetricSnapshot, ProcessMetricsViewConfig,
 } from '@loom-framework/frontend-antd';
 import { DashboardChart } from '@loom-framework/frontend-antd';
+import type { Dayjs } from 'dayjs';
 
 const { Text } = Typography;
 
@@ -104,6 +106,11 @@ registerMessages('zh-CN', {
   'process.noProcesses': '暂无过程',
   'process.noMetrics': '未配置指标',
   'process.noLogs': '暂无执行日志',
+  'process.timeRange': '时间范围',
+  'process.total': '共 {total} 条',
+  'process.runId': '运行 ID',
+  'process.triggerType': '触发方式',
+  'process.startedAt': '开始时间',
   'process.queue': '执行队列',
   'process.queueRunning': '运行中',
   'process.queueQueued': '等待中',
@@ -142,7 +149,7 @@ registerMessages('zh-CN', {
   'process.colTriggerType': '触发类型',
   'process.colResult': '结果',
   'process.colTime': '时间',
-  'process.viewSession': '查看 AI 会话',
+  'process.viewSession': '查看 Loom 会话',
   'process.businessMetrics': '业务指标',
   'process.operationalMetrics': '运行统计',
   'process.noBusinessMetrics': '暂无业务指标数据',
@@ -177,6 +184,11 @@ registerMessages('en-US', {
   'process.noProcesses': 'No processes',
   'process.noMetrics': 'No metrics configured',
   'process.noLogs': 'No execution logs',
+  'process.timeRange': 'Time Range',
+  'process.total': '{total} total',
+  'process.runId': 'Run ID',
+  'process.triggerType': 'Trigger',
+  'process.startedAt': 'Started At',
   'process.queue': 'Execution Queue',
   'process.queueRunning': 'Running',
   'process.queueQueued': 'Queued',
@@ -215,7 +227,7 @@ registerMessages('en-US', {
   'process.colTriggerType': 'Trigger',
   'process.colResult': 'Result',
   'process.colTime': 'Time',
-  'process.viewSession': 'View AI Session',
+  'process.viewSession': 'View Loom Session',
   'process.businessMetrics': 'Business Metrics',
   'process.operationalMetrics': 'Operational Metrics',
   'process.noBusinessMetrics': 'No business metrics data',
@@ -264,6 +276,10 @@ export default function ProcessManagementPage(): React.ReactElement {
   const [viewMode, setViewMode] = useState<'preview' | 'source'>('preview');
   const [activeTab, setActiveTab] = useState('overview');
   const [logs, setLogs] = useState<ProcessLogEntry[]>([]);
+  const [logsTotal, setLogsTotal] = useState(0);
+  const [logsPagination, setLogsPagination] = useState({ current: 1, pageSize: 20 });
+  const [logsDateRange, setLogsDateRange] = useState<[Dayjs | null, Dayjs | null] | null>(null);
+  const [logsLoading, setLogsLoading] = useState(false);
   const [metrics, setMetrics] = useState<ProcessMetricsAggregate[]>([]);
   const [metricsConfig, setMetricsConfig] = useState<Record<string, unknown>[]>([]);
   const [metricSnapshots, setMetricSnapshots] = useState<ProcessMetricSnapshot[]>([]);
@@ -571,13 +587,27 @@ export default function ProcessManagementPage(): React.ReactElement {
     [loadProcesses, t],
   );
 
-  const loadLogs = useCallback(async () => {
+  const loadLogs = useCallback(async (page?: number, pageSize?: number, from?: string, to?: string) => {
     if (!selectedProcess) return;
+    setLogsLoading(true);
     try {
-      const data = await fetchProcessLogs(selectedProcess.name, 50);
-      setLogs(data);
-    } catch { /* ignore */ }
-  }, [selectedProcess]);
+      const p = page ?? logsPagination.current;
+      const ps = pageSize ?? logsPagination.pageSize;
+      const result = await fetchProcessLogs(selectedProcess.name, {
+        limit: ps,
+        offset: (p - 1) * ps,
+        from,
+        to,
+      });
+      setLogs(result.data);
+      setLogsTotal(result.total);
+    } catch {
+      setLogs([]);
+      setLogsTotal(0);
+    } finally {
+      setLogsLoading(false);
+    }
+  }, [selectedProcess, logsPagination.current, logsPagination.pageSize]);
 
   const loadMetrics = useCallback(async () => {
     if (!selectedProcess) return;
@@ -597,7 +627,7 @@ export default function ProcessManagementPage(): React.ReactElement {
 
   const handleTabChange = useCallback((key: string) => {
     setActiveTab(key);
-    if (key === 'logs') loadLogs();
+    if (key === 'logs') loadLogs(1, logsPagination.pageSize);
     if (key === 'metrics') loadMetrics();
   }, [loadLogs, loadMetrics]);
 
@@ -782,40 +812,54 @@ export default function ProcessManagementPage(): React.ReactElement {
                       key: 'logs',
                       label: t('process.logs'),
                       children: (
-                        <Space direction="vertical" style={{ width: '100%' }}>
-                          <Button icon={<ReloadOutlined />} onClick={loadLogs} size="small">
-                            {t('process.refresh')}
-                          </Button>
-                          {logs.length === 0 ? (
-                            <Empty description={t('process.noLogs')} />
-                          ) : (
-                            <Timeline
-                              items={logs.map(log => ({
-                                color: log.status === 'completed' ? 'green' : log.status === 'failed' ? 'red' : log.status === 'timeout' ? 'orange' : 'blue',
-                                content: (
-                                  <div>
-                                    <Space>
-                                      <Tooltip title={log.runId}>
-                                        <Text strong>{log.runId.slice(0, 12)}</Text>
-                                      </Tooltip>
-                                      <Tag icon={TRIGGER_ICONS[log.triggerType]}>{log.triggerType}</Tag>
-                                      <Tag color={log.status === 'completed' ? 'success' : 'error'}>{log.status}</Tag>
-                                      {log.sessionId && aiContext?.switchToSession && (
-                                        <Tooltip title={t('process.viewSession')}>
-                                          <Button type="link" size="small" icon={<MessageOutlined />} onClick={() => aiContext.switchToSession!(log.sessionId)} />
-                                        </Tooltip>
-                                      )}
-                                    </Space>
-                                    <div>
-                                      <Text type="secondary">{new Date(log.startedAt).toLocaleString()}</Text>
-                                      {log.durationMs > 0 && <Text type="secondary"> · {(log.durationMs / 1000).toFixed(1)}s</Text>}
-                                    </div>
-                                    {log.error && <Text type="danger" style={{ fontSize: 12 }}>{log.error}</Text>}
-                                  </div>
-                                ),
-                              }))}
-                            />
-                          )}
+                        <Space direction="vertical" style={{ width: '100%' }} size="middle">
+                          <Flex justify="flex-end" align="center">
+                            <Space>
+                              <DatePicker.RangePicker
+                                placeholder={[t('process.timeRange'), '']}
+                                onChange={(dates: [Dayjs | null, Dayjs | null] | null) => {
+                                  setLogsDateRange(dates);
+                                  setLogsPagination(prev => ({ ...prev, current: 1 }));
+                                  const from = dates?.[0]?.startOf('day')?.toISOString();
+                                  const to = dates?.[1]?.endOf('day')?.toISOString();
+                                  loadLogs(1, logsPagination.pageSize, from, to);
+                                }}
+                                size="small"
+                                value={logsDateRange}
+                              />
+                              <Button icon={<ReloadOutlined />} onClick={() => { setLogsPagination(prev => ({ ...prev, current: 1 })); const from = logsDateRange?.[0]?.startOf('day')?.toISOString(); const to = logsDateRange?.[1]?.endOf('day')?.toISOString(); loadLogs(1, logsPagination.pageSize, from, to); }} size="small" loading={logsLoading}>
+                                {t('process.refresh')}
+                              </Button>
+                            </Space>
+                          </Flex>
+                          <Table<ProcessLogEntry>
+                            dataSource={logs}
+                            columns={[
+                              { title: t('process.runId'), dataIndex: 'runId', key: 'runId', width: 180, render: (runId: string) => <Tooltip title={runId}><Text strong style={{ fontFamily: 'monospace', fontSize: 12 }}>{runId.slice(0, 16)}</Text></Tooltip> },
+                              { title: t('process.triggerType'), dataIndex: 'triggerType', key: 'triggerType', width: 120, render: (triggerType: ProcessLogEntry['triggerType']) => <Tag icon={TRIGGER_ICONS[triggerType]}>{triggerType}</Tag> },
+                              { title: t('process.status'), dataIndex: 'status', key: 'status', width: 100, render: (status: ProcessLogEntry['status']) => <Tag color={status === 'completed' ? 'success' : status === 'failed' ? 'error' : status === 'timeout' ? 'warning' : 'processing'}>{status}</Tag> },
+                              { title: t('process.startedAt'), dataIndex: 'startedAt', key: 'startedAt', width: 180, render: (startedAt: string) => <Text type="secondary">{new Date(startedAt).toLocaleString()}</Text> },
+                              { title: t('process.duration'), dataIndex: 'durationMs', key: 'durationMs', width: 100, render: (durationMs: number) => durationMs > 0 ? <Text type="secondary">{(durationMs / 1000).toFixed(1)}s</Text> : <Text type="secondary">—</Text> },
+                              { title: '', key: 'actions', width: 48, render: (_: unknown, record: ProcessLogEntry) => record.sessionId && aiContext?.switchToSession ? <Tooltip title={t('process.viewSession')}><Button type="link" size="small" icon={<MessageOutlined />} onClick={() => aiContext.switchToSession!(record.sessionId)} /></Tooltip> : null },
+                            ]}
+                            rowKey="runId"
+                            size="small"
+                            loading={logsLoading}
+                            pagination={{
+                              current: logsPagination.current,
+                              pageSize: logsPagination.pageSize,
+                              total: logsTotal,
+                              showSizeChanger: true,
+                              showTotal: (tot: number) => t('process.total').replace('{total}', String(tot)),
+                              onChange: (page: number, pageSize: number) => {
+                                setLogsPagination({ current: page, pageSize });
+                                const from = logsDateRange?.[0]?.startOf('day')?.toISOString();
+                                const to = logsDateRange?.[1]?.endOf('day')?.toISOString();
+                                loadLogs(page, pageSize, from, to);
+                              },
+                            }}
+                            locale={{ emptyText: t('process.noLogs') }}
+                          />
                         </Space>
                       ),
                     },

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

@@ -1 +1 @@
-{"version":3,"file":"process-management-page.js","sourceRoot":"","sources":["../../../src/cli/templates/process-management-page.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,UAAU,6BAA6B;IAC3C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAm6BR,CAAC;AACF,CAAC"}
+{"version":3,"file":"process-management-page.js","sourceRoot":"","sources":["../../../src/cli/templates/process-management-page.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,UAAU,6BAA6B;IAC3C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+8BR,CAAC;AACF,CAAC"}

package/dist/types/notification.d.ts

@@ -9,6 +9,8 @@ export interface LoomNotification {
     description?: string;
     source?: 'system' | 'event' | 'cli';
     eventPattern?: string;
+    /** Link to AI session for "View Session" navigation */
+    sessionId?: string;
     read: boolean;
     createdAt: string;
 }

package/dist/types/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../src/types/notification.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../src/types/notification.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loom-framework/core",
-  "version": "0.1.0-alpha.162",
+  "version": "0.1.0-alpha.163",
   "description": "Loom framework - DataAdapter, Capability Generator, config system, backend server, CLI",
   "type": "module",
   "main": "./dist/index.js",