43 lines
1.3 KiB
HTML
43 lines
1.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<title>MAF 工作流编排</title>
|
||
|
|
<link rel="stylesheet" href="/css/app.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header class="top">
|
||
|
|
<div>
|
||
|
|
<h1>工作流编排</h1>
|
||
|
|
<p>系统节点和 plugins 目录里的插件会一起出现。LLM 的 endpoint / API Key 由宿主注入，不会画成输入端口。</p>
|
||
|
|
</div>
|
||
|
|
<div class="actions">
|
||
|
|
<button type="button" id="btnRefresh">刷新节点</button>
|
||
|
|
<button type="button" id="btnExample">示例图</button>
|
||
|
|
<button type="button" id="btnRun" class="primary">运行</button>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
<aside class="palette">
|
||
|
|
<h2>节点</h2>
|
||
|
|
<p class="hint">点击添加到画布</p>
|
||
|
|
<div id="palette"></div>
|
||
|
|
</aside>
|
||
|
|
<section class="canvas-wrap">
|
||
|
|
<svg id="wires"></svg>
|
||
|
|
<div id="canvas"></div>
|
||
|
|
</section>
|
||
|
|
<aside class="inspector">
|
||
|
|
<h2>节点配置</h2>
|
||
|
|
<div id="inspector"><p class="hint">选中节点或连线后在这里改输入 / 输出映射。</p></div>
|
||
|
|
</aside>
|
||
|
|
</main>
|
||
|
|
<section class="log">
|
||
|
|
<h2>运行结果</h2>
|
||
|
|
<pre id="log">尚未运行。</pre>
|
||
|
|
</section>
|
||
|
|
<script src="/js/app.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|