ClawLab
/
MathLab


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>OpenClaw Task Board V2</title>
  <link rel="stylesheet" href="./css/styles.css">
</head>
<body>
  <div class="app-shell">
    <header class="top-bar">
      <div class="brand-block">
        <h1>OpenClaw 任务看板 V2</h1>
        <p>只读公网画布 + 会话下拉筛选 + 思维链可视化</p>
      </div>

      <div class="conversation-filter">
        <label for="conversationSelect">选择对话</label>
        <div class="filter-actions">
          <select id="conversationSelect" aria-label="选择对话"></select>
          <button id="refreshBtn" class="btn" type="button">刷新</button>
        </div>
      </div>

      <div class="toolbar-actions">
        <button id="fitViewBtn" type="button" class="btn">适配视图</button>
        <button id="resetViewBtn" type="button" class="btn">重置缩放</button>
        <button id="exportSvgBtn" type="button" class="btn">导出 SVG</button>
      </div>
    </header>

    <main class="board-layout">
      <aside class="side-panel">
        <section class="panel-card">
          <h2>状态说明</h2>
          <ul class="legend-list">
            <li><span class="legend-dot pending"></span>待开始</li>
            <li><span class="legend-dot in-progress"></span>执行中</li>
            <li><span class="legend-dot completed"></span>已完成</li>
            <li><span class="legend-dot bug"></span>Bug / 截断</li>
          </ul>
        </section>

        <section class="panel-card">
          <h2>会话统计</h2>
          <dl class="stats-list">
            <div><dt>节点数</dt><dd id="statNodes">0</dd></div>
            <div><dt>连线数</dt><dd id="statEdges">0</dd></div>
            <div><dt>执行中</dt><dd id="statRunning">0</dd></div>
            <div><dt>Bug</dt><dd id="statBug">0</dd></div>
          </dl>
        </section>

        <section class="panel-card debug-card">
          <h2>诊断侧栏</h2>
          <div id="debugPanel" class="debug-panel">
            <p class="empty-text">点击节点查看详情</p>
          </div>
        </section>
      </aside>

      <section class="canvas-panel">
        <div class="canvas-wrapper" id="canvasWrapper">
          <svg id="mindmapSvg" viewBox="0 0 2000 1200" role="img" aria-label="OpenClaw Thought Chain">
            <defs>
              <filter id="pulseGlow" x="-50%" y="-50%" width="200%" height="200%">
                <feGaussianBlur in="SourceGraphic" stdDeviation="2.5" result="blur" />
                <feMerge>
                  <feMergeNode in="blur" />
                  <feMergeNode in="SourceGraphic" />
                </feMerge>
              </filter>
            </defs>
            <g id="viewportGroup">
              <g id="linksLayer"></g>
              <g id="nodesLayer"></g>
            </g>
          </svg>
          <div id="canvasHint" class="canvas-hint">拖拽平移，滚轮缩放</div>
        </div>
      </section>
    </main>
  </div>

  <script type="module" src="./js/app.js"></script>
</body>
</html>