feat: 完成静态管理后台与用户端

2026-08-08 21:04:21 +08:00
commit 164d9971d0
7 changed files with 874 additions and 0 deletions
@@ -0,0 +1,92 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>WOV 管理后台</title>
+    <link rel="stylesheet" href="/assets/styles.css" />
+  </head>
+  <body>
+    <header class="topbar">
+      <a class="brand" href="/">WOV</a>
+      <nav>
+        <a href="/">应用中心</a>
+        <a href="/admin.html">管理后台</a>
+        <a href="/workflow.html">工作流</a>
+      </nav>
+    </header>
+
+    <main class="container">
+      <h1>节点管理</h1>
+
+      <section class="panel">
+        <h2>注册节点</h2>
+        <label for="manifestJson">节点 Manifest JSON</label>
+        <textarea id="manifestJson" rows="14"></textarea>
+        <div class="actions">
+          <button id="registerNode" class="primary">注册节点</button>
+          <button id="loadEchoManifest" class="ghost">填入 Echo Manifest</button>
+        </div>
+      </section>
+
+      <section class="panel">
+        <h2>已注册节点</h2>
+        <div class="table-wrap">
+          <table>
+            <thead>
+              <tr>
+                <th>ID</th>
+                <th>名称</th>
+                <th>能力</th>
+                <th>版本</th>
+                <th>操作</th>
+              </tr>
+            </thead>
+            <tbody id="nodeList"></tbody>
+          </table>
+        </div>
+      </section>
+
+      <section class="panel">
+        <h2>调用节点</h2>
+        <div class="form-grid">
+          <label>
+            节点
+            <select id="invokeNodeId"></select>
+          </label>
+          <label>
+            Run ID
+            <input id="invokeRunId" type="text" value="run_web" />
+          </label>
+          <label class="wide">
+            inputs JSON
+            <textarea id="invokeInputs" rows="4">{"text":"hello wov"}</textarea>
+          </label>
+        </div>
+        <button id="invokeNode" class="primary">调用节点</button>
+        <pre id="invokeResult" class="result">等待调用...</pre>
+      </section>
+
+      <section class="panel">
+        <h2>节点实例</h2>
+        <div class="table-wrap">
+          <table>
+            <thead>
+              <tr>
+                <th>实例 ID</th>
+                <th>节点</th>
+                <th>状态</th>
+                <th>PID</th>
+                <th>地址</th>
+                <th>操作</th>
+              </tr>
+            </thead>
+            <tbody id="instanceList"></tbody>
+          </table>
+        </div>
+      </section>
+    </main>
+
+    <script src="/assets/app.js"></script>
+  </body>
+</html>