aios-management-web 0.1.0

package/src/styles.css

@@ -0,0 +1,222 @@
+html,
+body,
+#root {
+  margin: 0;
+  min-height: 100%;
+  background: #f3f7f5;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+    "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+    "Noto Color Emoji";
+  color: #172b1d;
+}
+
+.app-shell {
+  min-height: 100vh;
+}
+
+.portal-sider .ant-layout-sider-children {
+  display: flex;
+  flex-direction: column;
+}
+
+.brand-block {
+  padding: 20px 18px 12px;
+  color: #fff;
+  font-weight: 700;
+  line-height: 1.5;
+  min-width: 0;
+}
+
+.brand-title,
+.brand-subtitle {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.brand-subtitle {
+  color: rgba(255,255,255,0.7) !important;
+}
+
+.portal-sider-menu {
+  flex: 0 0 auto;
+}
+
+.portal-header {
+  background: #fff;
+  padding: 0 20px;
+  border-bottom: 1px solid #e2ede5;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 16px;
+}
+
+.portal-header-actions {
+  flex: 0 0 auto;
+}
+
+.portal-content {
+  padding: 20px;
+  min-width: 0;
+}
+
+.page-card {
+  box-shadow: 0 10px 30px rgba(22, 74, 44, 0.08);
+}
+
+.page-card .ant-card-head {
+  min-height: 64px;
+}
+
+.page-card .ant-card-head-wrapper {
+  gap: 16px;
+  align-items: center;
+}
+
+.page-card .ant-card-head-title {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.page-card .ant-card-extra {
+  flex: 0 0 auto;
+  margin-inline-start: 12px;
+}
+
+.sync-status-descriptions .ant-descriptions-view table {
+  table-layout: fixed;
+}
+
+.sync-status-descriptions .ant-descriptions-item-label {
+  width: 140px;
+}
+
+.metric-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 16px;
+  margin-bottom: 20px;
+}
+
+.metric-card {
+  padding: 18px;
+  border-radius: 6px;
+  border: 1px solid #d9eadf;
+  background: linear-gradient(135deg, #ffffff, #eef9f1);
+}
+
+.metric-label {
+  font-size: 13px;
+  color: #5a6f5f;
+}
+
+.metric-value {
+  margin-top: 10px;
+  font-size: 28px;
+  font-weight: 700;
+}
+
+.table-toolbar {
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  margin-bottom: 16px;
+}
+
+.login-shell {
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+  background:
+    radial-gradient(circle at top right, rgba(7, 193, 96, 0.18), transparent 28%),
+    radial-gradient(circle at bottom left, rgba(14, 174, 87, 0.12), transparent 24%),
+    linear-gradient(180deg, #f8fffa, #edf7f0);
+}
+
+.login-card {
+  width: min(460px, calc(100vw - 32px));
+  box-shadow: 0 20px 60px rgba(20, 83, 45, 0.12);
+}
+
+.thread-list {
+  display: grid;
+  gap: 10px;
+}
+
+.thread-item {
+  padding: 12px;
+  border: 1px solid #d9eadf;
+  border-radius: 6px;
+  background: #fff;
+  cursor: pointer;
+}
+
+.thread-item:hover {
+  border-color: #07c160;
+}
+
+.message-stack {
+  display: grid;
+  gap: 10px;
+}
+
+.message-card {
+  padding: 12px 14px;
+  border-radius: 6px;
+  background: #f8fffa;
+  border: 1px solid #d9eadf;
+}
+
+.message-card.outbound {
+  background: #f0fff6;
+  border-color: #b9ebc9;
+}
+
+.server-command-output {
+  margin-top: 16px;
+}
+
+.server-command-output .ant-input {
+  font-family: "Courier New", Courier, monospace;
+  min-height: 300px !important;
+}
+
+.server-command-output-textarea.ant-input {
+  background: #111;
+  color: #fff;
+}
+
+.server-command-output-textarea.ant-input::placeholder {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+.server-command-loading {
+  min-height: 160px;
+  display: grid;
+  place-items: center;
+  gap: 16px;
+}
+
+@media (max-width: 960px) {
+  .portal-header {
+    padding: 12px;
+    height: auto;
+    align-items: flex-start;
+  }
+
+  .portal-header-actions {
+    align-self: stretch;
+  }
+
+  .portal-content {
+    padding: 12px;
+  }
+}

package/src/utils/format.js

@@ -0,0 +1,63 @@
+const chinaDateTimeFormatter = new Intl.DateTimeFormat("zh-CN", {
+  timeZone: "Asia/Shanghai",
+  year: "numeric",
+  month: "2-digit",
+  day: "2-digit",
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit",
+  hour12: false
+});
+
+export function formatDateTime(value) {
+  if (!value) {
+    return "-";
+  }
+
+  const date = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return "-";
+  }
+
+  const parts = Object.fromEntries(
+    chinaDateTimeFormatter
+      .formatToParts(date)
+      .filter((part) => part.type !== "literal")
+      .map((part) => [part.type, part.value])
+  );
+
+  return `${parts.year}-${parts.month}-${parts.day} ${parts.hour}:${parts.minute}:${parts.second}`;
+}
+
+export function formatTokenCount(value) {
+  const amount = Number(value ?? 0);
+  if (!Number.isFinite(amount)) {
+    return "0";
+  }
+
+  const absAmount = Math.abs(amount);
+  const units = [
+    { threshold: 1000000000, suffix: "B" },
+    { threshold: 1000000, suffix: "M" },
+    { threshold: 1000, suffix: "K" }
+  ];
+
+  for (const unit of units) {
+    if (absAmount < unit.threshold) {
+      continue;
+    }
+
+    const scaled = amount / unit.threshold;
+    const digits = Math.abs(scaled) >= 10 ? 0 : 1;
+    return `${scaled.toFixed(digits).replace(/\.0$/, "")}${unit.suffix}`;
+  }
+
+  return String(amount);
+}
+
+export function parseCsv(value) {
+  return String(value || "")
+    .split(",")
+    .map((item) => item.trim())
+    .filter(Boolean);
+}

package/test/.reports/fast-2026-05-25T08-32-39-420Z.json

@@ -0,0 +1,299 @@
+{
+  "name": "fast",
+  "startedAt": "2026-05-25T08:31:57.048Z",
+  "actions": [
+    {
+      "action": "auth.login",
+      "ok": true,
+      "status": 200,
+      "body": {
+        "token": "51ffe246b9eca7cf3eda37bfd83947bd7c5a55b5d18e2c9d6659e52404e3ef53",
+        "user": {
+          "id": 1,
+          "role": "admin",
+          "username": "aios",
+          "display_name": "AIOS 管理员",
+          "status": "active",
+          "is_builtin": true,
+          "must_change_password": true,
+          "tags": [
+            "builtin",
+            "ops"
+          ]
+        }
+      }
+    },
+    {
+      "action": "templates.create",
+      "ok": true,
+      "status": 201,
+      "body": {
+        "id": 4,
+        "template_name": "tmpl1779697917049",
+        "description": "fast integration template",
+        "artifact_id": 9,
+        "remote_status": "ready",
+        "remote_result_json": "{\"templateName\":\"tmpl1779697917049\",\"path\":\"/var/aios/workspace-templates/tmpl1779697917049\",\"updatedAt\":\"2026-05-25T08:31:57.252Z\",\"isDefault\":false,\"agentIds\":[]}",
+        "created_at": "2026-05-25T08:31:57.263Z",
+        "updated_at": "2026-05-25T08:31:57.263Z",
+        "artifact_name": "finance.zip",
+        "agent_slugs": [],
+        "remote_result": {
+          "templateName": "tmpl1779697917049",
+          "path": "/var/aios/workspace-templates/tmpl1779697917049",
+          "updatedAt": "2026-05-25T08:31:57.252Z",
+          "isDefault": false,
+          "agentIds": []
+        }
+      }
+    },
+    {
+      "action": "agents.create",
+      "ok": true,
+      "status": 201,
+      "body": {
+        "id": 4,
+        "slug": "agent1779697917049",
+        "description": "fast integration agent",
+        "docs_content": "# Agent\n\nFast integration test.\n",
+        "template_name": "tmpl1779697917049",
+        "status": "active",
+        "tags_json": "[\"fast\"]",
+        "model_json": "{\"primary\":\"gpt-4.1-mini\",\"fallbacks\":[]}",
+        "daily_warn": 4000,
+        "daily_limit": 5000,
+        "weekly_warn": 20000,
+        "weekly_limit": 25000,
+        "monthly_warn": 80000,
+        "monthly_limit": 100000,
+        "lifetime_warn": 400000,
+        "lifetime_limit": 500000,
+        "usage_snapshot_json": "{}",
+        "remote_state_json": "{}",
+        "created_at": "2026-05-25T08:32:05.239Z",
+        "updated_at": "2026-05-25T08:32:05.239Z",
+        "tags": [
+          "fast"
+        ],
+        "model": {
+          "primary": "gpt-4.1-mini",
+          "fallbacks": []
+        },
+        "usage": {
+          "daily": 0,
+          "weekly": 0,
+          "monthly": 0,
+          "total": 0
+        },
+        "permissions": [
+          {
+            "id": 2,
+            "username": "zhangsan",
+            "display_name": "张三"
+          }
+        ],
+        "skills": [],
+        "remote_state": {
+          "agentId": "agent1779697917049",
+          "name": "agent1779697917049",
+          "workspace": "/var/aios/.openclaw/workspaces/agent1779697917049",
+          "workspaces": "/var/aios/.openclaw/workspaces/agent1779697917049",
+          "templateName": "tmpl1779697917049",
+          "status": "active",
+          "health": "normal",
+          "usage": {
+            "daily": 0,
+            "weekly": 0,
+            "monthly": 0,
+            "total": 0
+          },
+          "lastInteractionAt": null,
+          "lastInteractionUser": null,
+          "inboundTopic": "aios-dev1/agent/agent1779697917049/inbound",
+          "inbound-topic": "aios-dev1/agent/agent1779697917049/inbound",
+          "outboundTopic": "aios-dev1/agent/agent1779697917049/outbound",
+          "outbound-topic": "aios-dev1/agent/agent1779697917049/outbound"
+        },
+        "health": "normal"
+      }
+    },
+    {
+      "action": "systems.create",
+      "ok": true,
+      "status": 201,
+      "body": {
+        "id": 5,
+        "system_id": "sys1779697917049",
+        "provider": "hzg",
+        "name": "sys1779697917049",
+        "application_name": "demo-app",
+        "description": "fast integration system",
+        "ontology_name": "sys1779697917049",
+        "ontology_artifact_id": 10,
+        "service_endpoint": "https://example.com/service",
+        "session_endpoint": "https://example.com/session",
+        "status": "active",
+        "connectivity_status": "unknown",
+        "last_test_result_json": "{}",
+        "created_at": "2026-05-25T08:32:17.138Z",
+        "updated_at": "2026-05-25T08:32:17.138Z",
+        "ontology_file_name": "hzg-ontology-demo-wms.zip",
+        "last_test_result": {}
+      }
+    },
+    {
+      "action": "templates.list",
+      "ok": true,
+      "status": 200,
+      "body": [
+        {
+          "id": 4,
+          "template_name": "tmpl1779697917049",
+          "description": "fast integration template",
+          "artifact_id": 9,
+          "remote_status": "ready",
+          "remote_result_json": "{\"templateName\":\"tmpl1779697917049\",\"path\":\"/var/aios/workspace-templates/tmpl1779697917049\",\"updatedAt\":\"2026-05-25T08:31:57.252Z\",\"isDefault\":false,\"agentIds\":[]}",
+          "created_at": "2026-05-25T08:31:57.263Z",
+          "updated_at": "2026-05-25T08:31:57.263Z",
+          "artifact_name": "finance.zip",
+          "agent_slugs": [
+            "agent1779697917049"
+          ],
+          "remote_result": {
+            "templateName": "tmpl1779697917049",
+            "path": "/var/aios/workspace-templates/tmpl1779697917049",
+            "updatedAt": "2026-05-25T08:31:57.252Z",
+            "isDefault": false,
+            "agentIds": []
+          }
+        }
+      ]
+    },
+    {
+      "action": "agents.list",
+      "ok": true,
+      "status": 200,
+      "body": [
+        {
+          "id": 4,
+          "slug": "agent1779697917049",
+          "description": "fast integration agent",
+          "docs_content": "# Agent\n\nFast integration test.\n",
+          "template_name": "tmpl1779697917049",
+          "status": "active",
+          "tags_json": "[\"fast\"]",
+          "model_json": "{\"primary\":\"gpt-4.1-mini\",\"fallbacks\":[]}",
+          "daily_warn": 4000,
+          "daily_limit": 5000,
+          "weekly_warn": 20000,
+          "weekly_limit": 25000,
+          "monthly_warn": 80000,
+          "monthly_limit": 100000,
+          "lifetime_warn": 400000,
+          "lifetime_limit": 500000,
+          "usage_snapshot_json": "{\"raw\":{\"configPath\":\"/var/aios/.openclaw/openclaw.json\",\"agentId\":\"agent1779697917049\",\"agentDir\":\"/var/aios/.openclaw/agents/agent1779697917049/agent\",\"defaultModel\":\"gpt-4.1-mini\",\"resolvedDefault\":\"openai/gpt-4.1-mini\",\"fallbacks\":[],\"imageModel\":null,\"imageFallbacks\":[],\"modelConfig\":{\"defaultSource\":\"agent\",\"fallbacksSource\":\"agent\"},\"aliases\":{\"gpt-5.4\":\"corp-openai/gpt-5.4\"},\"allowed\":[\"corp-openai/gpt-5.4\"],\"auth\":{\"storePath\":\"/var/aios/.openclaw/agents/agent1779697917049/agent/auth-profiles.json\",\"shellEnvFallback\":{\"enabled\":false,\"appliedKeys\":[]},\"providersWithOAuth\":[],\"missingProvidersInUse\":[\"openai\"],\"runtimeAuthRoutes\":[{\"provider\":\"openai\",\"runtime\":\"codex\",\"authProvider\":\"openai-codex\",\"status\":\"missing\",\"effective\":{\"kind\":\"missing\",\"detail\":\"missing\"}}],\"providers\":[{\"provider\":\"corp-openai\",\"effective\":{\"kind\":\"models.json\",\"detail\":\"sk-zC3XM...Mr7LUHd0\"},\"profiles\":{\"count\":0,\"oauth\":0,\"token\":0,\"apiKey\":0,\"labels\":[]},\"modelsJson\":{\"value\":\"sk-zC3XM...Mr7LUHd0\",\"source\":\"models.json: $OPENCLAW_HOME/.openclaw/agents/agent1779697917049/agent/models.json\"}}],\"unusableProfiles\":[],\"oauth\":{\"warnAfterMs\":86400000,\"profiles\":[],\"providers\":[]}}},\"usage\":{\"daily\":0,\"weekly\":0,\"monthly\":0,\"total\":0},\"captured_at\":\"2026-05-25T08:32:15.557Z\"}",
+          "remote_state_json": "{}",
+          "created_at": "2026-05-25T08:32:05.239Z",
+          "updated_at": "2026-05-25T08:32:05.239Z",
+          "tags": [
+            "fast"
+          ],
+          "model": {
+            "primary": "gpt-4.1-mini",
+            "fallbacks": []
+          },
+          "usage": {
+            "daily": 0,
+            "weekly": 0,
+            "monthly": 0,
+            "total": 0
+          },
+          "permissions": [
+            {
+              "id": 2,
+              "username": "zhangsan",
+              "display_name": "张三"
+            }
+          ],
+          "skills": [],
+          "remote_state": {
+            "agentId": "agent1779697917049",
+            "name": "agent1779697917049",
+            "workspace": "/var/aios/.openclaw/workspaces/agent1779697917049",
+            "workspaces": "/var/aios/.openclaw/workspaces/agent1779697917049",
+            "templateName": "tmpl1779697917049",
+            "status": "active",
+            "health": "normal",
+            "usage": {
+              "daily": 0,
+              "weekly": 0,
+              "monthly": 0,
+              "total": 0
+            },
+            "lastInteractionAt": null,
+            "lastInteractionUser": null,
+            "inboundTopic": "aios-dev1/agent/agent1779697917049/inbound",
+            "inbound-topic": "aios-dev1/agent/agent1779697917049/inbound",
+            "outboundTopic": "aios-dev1/agent/agent1779697917049/outbound",
+            "outbound-topic": "aios-dev1/agent/agent1779697917049/outbound"
+          },
+          "health": "normal"
+        }
+      ]
+    },
+    {
+      "action": "systems.list",
+      "ok": true,
+      "status": 200,
+      "body": [
+        {
+          "id": 5,
+          "system_id": "sys1779697917049",
+          "provider": "hzg",
+          "name": "sys1779697917049",
+          "application_name": "demo-app",
+          "description": "fast integration system",
+          "ontology_name": "sys1779697917049",
+          "ontology_artifact_id": 10,
+          "service_endpoint": "https://example.com/service",
+          "session_endpoint": "https://example.com/session",
+          "status": "active",
+          "connectivity_status": "unknown",
+          "last_test_result_json": "{}",
+          "created_at": "2026-05-25T08:32:17.138Z",
+          "updated_at": "2026-05-25T08:32:17.138Z",
+          "ontology_file_name": "hzg-ontology-demo-wms.zip",
+          "last_test_result": {}
+        }
+      ]
+    }
+  ],
+  "cleanup": [
+    {
+      "action": "systems.delete",
+      "ok": true,
+      "result": {
+        "ok": true
+      }
+    },
+    {
+      "action": "agents.delete",
+      "ok": true,
+      "result": {
+        "ok": true
+      }
+    },
+    {
+      "action": "templates.delete",
+      "ok": true,
+      "result": {
+        "ok": true
+      }
+    }
+  ],
+  "error": null,
+  "baseUrl": "http://127.0.0.1:3030",
+  "ontologyZip": "E:\\tmp\\aios4\\.ontology-demo\\hzg-ontology-demo-wms.zip",
+  "templateZip": "E:\\tmp\\aios4\\.workspace-demo\\finance.zip",
+  "finishedAt": "2026-05-25T08:32:39.419Z"
+}