60 lines
2.2 KiB
HTML
60 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<!-- 单页编排器：左节点列表、中画布、右检查器、下日志。逻辑全在 /js/app.js。 -->
|
|
<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>
|
|
<!-- 缺城市时的确认层，对应后端 status=needsDecision -->
|
|
<div id="decisionModal" class="modal hidden" aria-hidden="true">
|
|
<div class="dialog">
|
|
<h2>需要你确认</h2>
|
|
<p id="decisionPrompt"></p>
|
|
<p id="decisionReason" class="hint"></p>
|
|
<p class="hint">未及时确认将使用默认方案。剩余 <strong id="decisionRemain">--</strong> 秒</p>
|
|
<div id="decisionOptions" class="decision-options"></div>
|
|
<label id="decisionTextLabel" class="hidden">其它城市</label>
|
|
<input id="decisionText" class="hidden" autocomplete="off" />
|
|
<p id="decisionError" class="issue hidden"></p>
|
|
<div class="dialog-actions">
|
|
<button type="button" id="decisionSubmit" class="primary">确认所选方案</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/js/app.js"></script>
|
|
</body>
|
|
</html>
|