plugin-agent-orchestrator 1.0.22 → 1.0.23

package/src/client-v2/plugin.tsx

@@ -0,0 +1,70 @@
+import { Plugin, Application } from '@nocobase/client-v2';
+
+export class PluginAgentOrchestratorClient extends Plugin<Record<string, never>, Application> {
+  async load() {
+    this.pluginSettingsManager.addMenuItem({
+      key: 'ai.orchestrator',
+      title: this.t('Agent Orchestrator'),
+      icon: 'ApartmentOutlined',
+    });
+
+    this.pluginSettingsManager.addPageTabItem({
+      menuKey: 'ai.orchestrator',
+      key: 'index',
+      title: this.t('Orchestration Rules'),
+      componentLoader: () => import('./pages/RulesPage'),
+      sort: -1,
+    });
+
+    this.pluginSettingsManager.addPageTabItem({
+      menuKey: 'ai.orchestrator',
+      key: 'tracing',
+      title: this.t('Execution Tracing'),
+      componentLoader: () => import('./pages/TracingPage'),
+    });
+
+    this.pluginSettingsManager.addPageTabItem({
+      menuKey: 'ai.orchestrator',
+      key: 'agent-runs',
+      title: this.t('Agent Runs'),
+      componentLoader: () => import('./pages/AgentRunsPage'),
+    });
+
+    this.pluginSettingsManager.addPageTabItem({
+      menuKey: 'ai.orchestrator',
+      key: 'harness-profiles',
+      title: this.t('Harness Profiles'),
+      componentLoader: () => import('./pages/HarnessProfilesPage'),
+    });
+
+    this.pluginSettingsManager.addPageTabItem({
+      menuKey: 'ai.orchestrator',
+      key: 'skill-definitions',
+      title: this.t('Skill Hub Definitions'),
+      componentLoader: () => import('./pages/SkillDefinitionsPage'),
+    });
+
+    this.pluginSettingsManager.addPageTabItem({
+      menuKey: 'ai.orchestrator',
+      key: 'skill-executions',
+      title: this.t('Execution History'),
+      componentLoader: () => import('./pages/ExecutionHistoryPage'),
+    });
+
+    this.pluginSettingsManager.addPageTabItem({
+      menuKey: 'ai.orchestrator',
+      key: 'skill-loop-settings',
+      title: this.t('Skill Review Settings'),
+      componentLoader: () => import('./pages/LoopSettingsPage'),
+    });
+
+    this.pluginSettingsManager.addPageTabItem({
+      menuKey: 'ai.orchestrator',
+      key: 'skill-metrics',
+      title: this.t('Metrics'),
+      componentLoader: () => import('./pages/SkillMetricsPage'),
+    });
+  }
+}
+
+export default PluginAgentOrchestratorClient;

package/src/client-v2/skill-hub/components/ExecutionHistory.tsx

@@ -0,0 +1,196 @@
+import React, { useState, useEffect, useCallback } from 'react';
+import { Card, Table, Tag, Button, Typography, Space, Tooltip, Popconfirm, message } from 'antd';
+import { ReloadOutlined, DeleteOutlined } from '@ant-design/icons';
+import { useApiClient as useAPIClient } from '../../hooks/useApiRequest';
+import { useT } from '../locale';
+import { parseJsonText } from '../utils/jsonFields';
+import { FileLinkList } from './FileLinkList';
+
+const STATUS_COLORS: Record<string, string> = {
+  pending: 'default',
+  running: 'processing',
+  succeeded: 'success',
+  failed: 'error',
+  canceled: 'warning',
+  timeout: 'error',
+};
+
+export const ExecutionHistory: React.FC = () => {
+  const api = useAPIClient();
+  const t = useT();
+  const [executions, setExecutions] = useState<any[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const pageSize = 20;
+
+  const fetchExecutions = useCallback(async () => {
+    setLoading(true);
+    try {
+      const { data } = await api.request({
+        url: 'skillExecutions:list',
+        params: {
+          page,
+          pageSize,
+          sort: ['-createdAt'],
+          appends: ['skill', 'triggeredBy'],
+        },
+      });
+      const rawData = data?.data?.data ?? data?.data ?? [];
+      setExecutions(Array.isArray(rawData) ? rawData : []);
+      setTotal(data?.meta?.count || 0);
+    } catch {
+      // ignore
+    } finally {
+      setLoading(false);
+    }
+  }, [api, page]);
+
+  useEffect(() => {
+    fetchExecutions();
+  }, [fetchExecutions]);
+
+  const handleDelete = async (id: number) => {
+    try {
+      await api.request({
+        url: `skillExecutions:destroy`,
+        method: 'POST',
+        params: {
+          filterByTk: id,
+        },
+      });
+      message.success(t('Deleted successfully'));
+      fetchExecutions();
+    } catch (err: any) {
+      message.error(err?.response?.data?.errors?.[0]?.message || t('Delete failed'));
+    }
+  };
+
+  const columns = [
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80,
+    },
+    {
+      title: t('Skill'),
+      dataIndex: ['skill', 'title'],
+      key: 'skill',
+      width: 180,
+    },
+    {
+      title: t('Status'),
+      dataIndex: 'status',
+      key: 'status',
+      width: 120,
+      render: (status: string) => <Tag color={STATUS_COLORS[status] || 'default'}>{status}</Tag>,
+    },
+    {
+      title: t('Duration'),
+      dataIndex: 'durationMs',
+      key: 'duration',
+      width: 100,
+      render: (ms: number) => (ms ? `${(ms / 1000).toFixed(1)}s` : '-'),
+    },
+    {
+      title: t('Files'),
+      dataIndex: 'outputFiles',
+      key: 'files',
+      width: 250,
+      render: (files: any[], record: any) => {
+        const parsed = parseJsonText<any[]>(files, []);
+        if (!Array.isArray(parsed) || !parsed.length) return '-';
+        const formattedFiles = parsed.map((f) => ({
+          name: f.name,
+          url: `/api/skillHub:download?execId=${record.id}&filename=${encodeURIComponent(f.name)}`,
+        }));
+        return <FileLinkList files={formattedFiles} />;
+      },
+    },
+    {
+      title: t('Triggered By'),
+      dataIndex: ['triggeredBy', 'nickname'],
+      key: 'triggeredBy',
+      width: 120,
+      render: (v: string) => v || '-',
+    },
+    {
+      title: t('Created At'),
+      dataIndex: 'createdAt',
+      key: 'createdAt',
+      width: 180,
+      render: (v: string) => (v ? new Date(v).toLocaleString() : '-'),
+    },
+    {
+      title: t('Output'),
+      key: 'output',
+      width: 200,
+      render: (_: any, record: any) => (
+        <Space direction="vertical" size={0}>
+          {record.stdout && (
+            <Tooltip title={record.stdout}>
+              <Typography.Text style={{ fontSize: 12, maxWidth: 200 }} ellipsis>
+                {record.stdout}
+              </Typography.Text>
+            </Tooltip>
+          )}
+          {record.stderr && (
+            <Tooltip title={record.stderr}>
+              <Typography.Text type="danger" style={{ fontSize: 12, maxWidth: 200 }} ellipsis>
+                {record.stderr}
+              </Typography.Text>
+            </Tooltip>
+          )}
+        </Space>
+      ),
+    },
+    {
+      title: t('Actions'),
+      key: 'actions',
+      width: 80,
+      fixed: 'right' as const,
+      render: (_: any, record: any) => (
+        <Space size="middle">
+          <Popconfirm
+            title={t('Are you sure to delete this execution history and its files?')}
+            onConfirm={() => handleDelete(record.id)}
+            okText={t('Yes')}
+            cancelText={t('No')}
+          >
+            <Button type="text" danger icon={<DeleteOutlined />} size="small" />
+          </Popconfirm>
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <Card
+      title={t('Execution History')}
+      extra={
+        <Space>
+          <Button icon={<ReloadOutlined />} onClick={fetchExecutions} loading={loading}>
+            {t('Refresh')}
+          </Button>
+        </Space>
+      }
+    >
+      <Table
+        dataSource={executions}
+        columns={columns}
+        rowKey="id"
+        loading={loading}
+        size="middle"
+        pagination={{
+          current: page,
+          pageSize,
+          total,
+          onChange: setPage,
+          showTotal: (count) => `Total: ${count}`,
+        }}
+        scroll={{ x: 1200 }}
+      />
+    </Card>
+  );
+};

package/src/client-v2/skill-hub/components/FileLinkList.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Space, Typography } from 'antd';
+import { PaperClipOutlined } from '@ant-design/icons';
+
+export interface FileLinkItem {
+  name: string;
+  url?: string;
+  downloadUrl?: string;
+}
+
+/**
+ * client-v2 replacement for the v1 `Upload.ReadPretty` file list, which is not
+ * exported by `@nocobase/client-v2`. Renders a simple vertical list of download
+ * links; non-resolvable entries fall back to plain text.
+ */
+export const FileLinkList: React.FC<{ files: FileLinkItem[] }> = ({ files }) => {
+  if (!Array.isArray(files) || files.length === 0) {
+    return <Typography.Text type="secondary">-</Typography.Text>;
+  }
+  return (
+    <Space direction="vertical" size={2} style={{ width: '100%' }}>
+      {files.map((file, index) => {
+        const url = file.downloadUrl || file.url;
+        const label = file.name || `file-${index + 1}`;
+        return url ? (
+          <a key={`${label}-${index}`} href={url} target="_blank" rel="noreferrer">
+            <PaperClipOutlined /> {label}
+          </a>
+        ) : (
+          <Typography.Text key={`${label}-${index}`}>
+            <PaperClipOutlined /> {label}
+          </Typography.Text>
+        );
+      })}
+    </Space>
+  );
+};