chore: save current workspace progress
This commit is contained in:
梁薄云
@@ -0,0 +1,54 @@
|
||||
<h2>不同算法应该怎样被可视化？</h2>
|
||||
<p class="subtitle">请选择生成策略。重点考虑：既要自动化，也要让不同算法的关键机制真正容易理解。</p>
|
||||
|
||||
<div class="cards">
|
||||
<div class="card" data-choice="adaptive-visuals" onclick="toggleSelect(this)">
|
||||
<div class="card-image">
|
||||
<div class="label">A · 推荐：自适应图形族</div>
|
||||
<div style="padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;background:#f6faf9">
|
||||
<div style="padding:9px;background:white;border-top:3px solid #2b8872"><b>数据处理函数</b><br><small>输入 → 变换 → 校验 → 输出</small></div>
|
||||
<div style="padding:9px;background:white;border-top:3px solid #497fa3"><b>搜索/规划算法</b><br><small>起点 ⇢ 扩展 ⇢ 代价 ⇢ 目标</small></div>
|
||||
<div style="padding:9px;background:white;border-top:3px solid #9a68a8"><b>状态机</b><br><small>Idle ⇄ Running → Error</small></div>
|
||||
<div style="padding:9px;background:white;border-top:3px solid #d18a26"><b>数值/几何算法</b><br><small>曲线、约束区间、异常峰值</small></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>根据算法特征自动选择主视图</h3>
|
||||
<p>所有类型共享同一诊断叠加协议，但主图可以是流程、搜索路径、状态转移或数值曲线。表达力最强，同时保留统一点击体验。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" data-choice="universal-flowchart" onclick="toggleSelect(this)">
|
||||
<div class="card-image">
|
||||
<div class="label">B · 通用流程图</div>
|
||||
<div style="padding:28px 12px;display:flex;align-items:center;justify-content:center;gap:7px;background:#faf8f4;flex-wrap:wrap">
|
||||
<span style="padding:9px;border:1px solid #888;border-radius:6px;background:white">输入</span><b>→</b>
|
||||
<span style="padding:9px;border:1px solid #888;border-radius:6px;background:white">步骤 A</span><b>→</b>
|
||||
<span style="padding:9px;border:1px solid #c8463a;border-radius:6px;background:#fff0ee">步骤 B ⚠</span><b>→</b>
|
||||
<span style="padding:9px;border:1px solid #888;border-radius:6px;background:white">输出</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>所有函数统一画成节点流程</h3>
|
||||
<p>生成稳定、实现简单、读法一致；但数值曲线、状态跳转和搜索空间等算法特征会被压扁，可能仍停留在“文字方框”。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" data-choice="manual-visual-spec" onclick="toggleSelect(this)">
|
||||
<div class="card-image">
|
||||
<div class="label">C · 人工指定视图</div>
|
||||
<div style="padding:16px;background:#f7f8fb">
|
||||
<div class="mock-nav">日报输入中指定：visual_type = curve</div>
|
||||
<div class="placeholder" style="height:115px;margin-top:8px">自定义节点、坐标、连线和交互说明</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>由 Agent 或用户提供专用图形描述</h3>
|
||||
<p>定制能力最高，但生成成本大、输入要求高，也更依赖当次 Agent 是否完整理解算法，难以保证每份日报都有图。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<p><strong>建议 A：</strong>使用“统一诊断协议 + 自适应主视图”。不管图形类型如何变化，点击节点后都固定展示源码、当前状态、原因、后果、修正方案和预期结果。</p>
|
||||
</div>
|
||||
@@ -0,0 +1,89 @@
|
||||
<h2>修订方向：展示算法的真实领域效果</h2>
|
||||
<p class="subtitle">下面以泊车路径规划为例。主画面直接呈现规划场景与算法结果，流程和文字只负责解释“为什么”。</p>
|
||||
|
||||
<div class="mockup">
|
||||
<div class="mockup-header">路径规划诊断 · Parking Scenario #08</div>
|
||||
<div class="mockup-body" style="padding:0">
|
||||
<div class="mock-nav" style="display:flex;gap:8px;flex-wrap:wrap">
|
||||
<span>正常机制</span>
|
||||
<strong style="color:#b7352c">● 当前问题</strong>
|
||||
<span>○ 候选修正预演</span>
|
||||
<span>✓ 已验证结果</span>
|
||||
<span style="margin-left:auto">播放搜索 逐步执行 重置视角</span>
|
||||
</div>
|
||||
|
||||
<div style="display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:0">
|
||||
<div style="padding:12px;background:#edf1f2;border-right:1px solid #cbd5d8">
|
||||
<svg viewBox="0 0 560 310" role="img" aria-label="泊车路径规划实际效果示意" style="width:100%;height:auto;background:#2c3438;border-radius:8px">
|
||||
<defs>
|
||||
<pattern id="grid" width="28" height="28" patternUnits="userSpaceOnUse"><path d="M 28 0 L 0 0 0 28" fill="none" stroke="#3b464b" stroke-width="1"/></pattern>
|
||||
<marker id="arrow-red" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#ff7065"/></marker>
|
||||
<marker id="arrow-green" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L0,6 L7,3 z" fill="#5ed5a5"/></marker>
|
||||
</defs>
|
||||
<rect width="560" height="310" fill="url(#grid)"/>
|
||||
<g stroke="#839096" stroke-width="2" fill="none">
|
||||
<path d="M360 18V110H520V18"/><path d="M400 18V110"/><path d="M440 18V110"/><path d="M480 18V110"/>
|
||||
</g>
|
||||
<g fill="#77848a" stroke="#aeb8bc">
|
||||
<rect x="365" y="28" width="30" height="68" rx="5"/><rect x="445" y="28" width="30" height="68" rx="5"/>
|
||||
</g>
|
||||
<rect x="405" y="24" width="30" height="76" rx="5" fill="rgba(94,213,165,.12)" stroke="#5ed5a5" stroke-dasharray="5 4"/>
|
||||
<text x="420" y="119" fill="#b9f3da" font-size="11" text-anchor="middle">目标车位</text>
|
||||
|
||||
<g opacity=".38" fill="#9eb2ba">
|
||||
<circle cx="95" cy="235" r="3"/><circle cx="140" cy="222" r="3"/><circle cx="185" cy="206" r="3"/><circle cx="230" cy="183" r="3"/><circle cx="275" cy="154" r="3"/><circle cx="320" cy="125" r="3"/><circle cx="355" cy="92" r="3"/>
|
||||
</g>
|
||||
|
||||
<g transform="translate(72 220) rotate(-3)"><rect x="-28" y="-15" width="56" height="30" rx="7" fill="#4e9ec5" stroke="#bce8fa" stroke-width="2"/><path d="M10 0H32" stroke="#bce8fa" stroke-width="2"/><text x="0" y="-23" fill="#d8f2ff" font-size="11" text-anchor="middle">起始姿态</text></g>
|
||||
<g transform="translate(420 61) rotate(-90)"><rect x="-28" y="-15" width="56" height="30" rx="7" fill="#319470" stroke="#b9f3da" stroke-width="2"/><path d="M10 0H32" stroke="#b9f3da" stroke-width="2"/></g>
|
||||
|
||||
<path d="M72 220 C185 226 278 196 341 138 C376 106 388 85 420 61" fill="none" stroke="#ff7065" stroke-width="5" marker-end="url(#arrow-red)"/>
|
||||
<path d="M72 220 C175 245 295 225 350 170 C397 124 392 88 420 61" fill="none" stroke="#5ed5a5" stroke-width="4" stroke-dasharray="9 7" marker-end="url(#arrow-green)"/>
|
||||
|
||||
<circle cx="347" cy="132" r="17" fill="rgba(255,112,101,.18)" stroke="#ff7065" stroke-width="3"/>
|
||||
<path d="M347 115V149M330 132H364" stroke="#ff7065" stroke-width="2"/>
|
||||
<path d="M350 130 L282 82" stroke="#ffb2aa" stroke-width="1.5"/>
|
||||
<rect x="150" y="48" width="142" height="48" rx="6" fill="#fff7f5" stroke="#ff7065"/>
|
||||
<text x="160" y="67" fill="#8f2f29" font-size="12" font-weight="700">最小间距失效</text>
|
||||
<text x="160" y="85" fill="#5b4542" font-size="11">车体包络进入障碍膨胀区</text>
|
||||
|
||||
<g transform="translate(22 18)">
|
||||
<rect width="185" height="28" rx="5" fill="rgba(20,25,28,.82)"/>
|
||||
<line x1="10" y1="10" x2="35" y2="10" stroke="#ff7065" stroke-width="4"/><text x="42" y="14" fill="#eee" font-size="10">当前轨迹</text>
|
||||
<line x1="102" y1="10" x2="127" y2="10" stroke="#5ed5a5" stroke-width="4" stroke-dasharray="6 4"/><text x="134" y="14" fill="#eee" font-size="10">修正预演</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
<div style="display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:9px;font-size:12px;text-align:center">
|
||||
<div style="padding:7px;background:white;border-top:3px solid #4289aa">环境建模</div>
|
||||
<div style="padding:7px;background:white;border-top:3px solid #4289aa">状态扩展</div>
|
||||
<div style="padding:7px;background:#fff1ef;border-top:3px solid #c8463a">碰撞检查 ⚠</div>
|
||||
<div style="padding:7px;background:white;border-top:3px solid #d18a26">路径平滑</div>
|
||||
<div style="padding:7px;background:white;border-top:3px solid #777">安全验证</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<aside style="padding:14px;background:white">
|
||||
<div class="label">点击异常位置后的诊断面板</div>
|
||||
<h3 style="margin-top:7px">碰撞检查 · clearance gate</h3>
|
||||
<div style="display:grid;gap:9px;font-size:13px">
|
||||
<div style="padding:8px;border-left:3px solid #c8463a;background:#fff7f5"><b>目前状况</b><br>规划轨迹在倒车转向段进入障碍物膨胀边界。</div>
|
||||
<div style="padding:8px;border-left:3px solid #d18a26;background:#fffaf0"><b>出错原因</b><br>搜索代价采用点模型间距，未覆盖完整车体包络。</div>
|
||||
<div style="padding:8px;border-left:3px solid #9f624e;background:#fff8f3"><b>导致结果</b><br>轨迹数值可达，但实际车辆存在擦碰风险，安全门应拒绝。</div>
|
||||
<div style="padding:8px;border-left:3px solid #3b8d75;background:#f2fbf7"><b>纠正方案</b><br>扩展节点时使用车辆多边形包络，并对障碍物增加安全裕量。</div>
|
||||
<div style="padding:8px;border-left:3px dashed #3b8d75;background:#f7fcfa"><b>预期结果 · 尚未验证</b><br>候选轨迹绕开膨胀区，最小间距满足阈值后再进入平滑阶段。</div>
|
||||
</div>
|
||||
<p style="margin-top:10px;font-size:12px;color:#68777d"><b>证据下钻：</b>点击可查看函数、源码行、输入样本、约束值、测试输出与证据等级。</p>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="options">
|
||||
<div class="option" data-choice="confirm-domain-visual" onclick="toggleSelect(this)">
|
||||
<div class="letter">✓</div><div class="content"><h3>就是这个方向</h3><p>算法主区域展示真实业务对象和运行结果，诊断信息与源码证据随点击联动。</p></div>
|
||||
</div>
|
||||
<div class="option" data-choice="adjust-domain-visual" onclick="toggleSelect(this)">
|
||||
<div class="letter">↺</div><div class="content"><h3>还需要调整</h3><p>保留领域可视化方向，但需要改变内容层次或交互方式。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,72 @@
|
||||
<h2>交互设计：从算法效果一路追到验证结果</h2>
|
||||
<p class="subtitle">示意的是所有领域共用的操作方式；中央主画面会根据算法自动变成路径、曲线、搜索树、状态机或其他实际效果图。</p>
|
||||
|
||||
<div class="mockup">
|
||||
<div class="mockup-header" style="display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap">
|
||||
<span>算法诊断报告</span><span>算法：路径规划器 ▾ 问题：最小间距失效 ▾</span>
|
||||
</div>
|
||||
<div class="mockup-body" style="padding:0">
|
||||
<div style="display:grid;grid-template-columns:170px minmax(0,1.5fr) minmax(245px,.8fr);min-height:390px">
|
||||
<nav class="mock-sidebar" style="padding:12px">
|
||||
<div class="label">查看模式</div>
|
||||
<div style="display:grid;gap:8px;margin-top:10px">
|
||||
<div style="padding:9px;background:#eef6f8;border-left:4px solid #4b8fa8"><b>① 正常机制</b><br><small>算法原本怎样工作</small></div>
|
||||
<div style="padding:9px;background:#fff1ef;border-left:4px solid #c8463a"><b>② 当前问题</b><br><small>异常位置与实际状态</small></div>
|
||||
<div style="padding:9px;background:#fff9ed;border-left:4px dashed #d18a26"><b>③ 修正预演</b><br><small>方案尚未验证</small></div>
|
||||
<div style="padding:9px;background:#f0faf5;border-left:4px solid #31836b"><b>④ 验证结果</b><br><small>修正后的真实证据</small></div>
|
||||
</div>
|
||||
<div class="label" style="margin-top:18px">显示层</div>
|
||||
<p style="font-size:12px">☑ 输入输出<br>☑ 约束边界<br>☑ 当前异常<br>☑ 影响传播<br>☐ 源码位置</p>
|
||||
</nav>
|
||||
|
||||
<main style="padding:14px;background:#edf1f2">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px">
|
||||
<b>领域效果主画面</b><small>播放 暂停 单步 缩放 重置</small>
|
||||
</div>
|
||||
<div style="height:238px;position:relative;border-radius:8px;background:linear-gradient(135deg,#334047,#222b30);overflow:hidden;color:white">
|
||||
<div style="position:absolute;inset:18px;border:1px dashed #718087;border-radius:7px"></div>
|
||||
<div style="position:absolute;left:9%;bottom:18%;padding:7px 10px;border-radius:6px;background:#4b97b8">输入/起点</div>
|
||||
<div style="position:absolute;right:10%;top:17%;padding:7px 10px;border-radius:6px;background:#328b70">输出/目标</div>
|
||||
<svg viewBox="0 0 500 220" style="position:absolute;inset:0;width:100%;height:100%">
|
||||
<path d="M80 175 C190 185 245 145 310 105 C350 80 385 63 423 55" fill="none" stroke="#ff7065" stroke-width="6"/>
|
||||
<circle cx="308" cy="106" r="19" fill="rgba(255,112,101,.25)" stroke="#ffb0aa" stroke-width="3"/>
|
||||
<path d="M308 87V125M289 106H327" stroke="#fff" stroke-width="2"/>
|
||||
<path d="M80 175 C170 206 280 188 335 137 C372 103 390 72 423 55" fill="none" stroke="#65d9aa" stroke-width="4" stroke-dasharray="10 7"/>
|
||||
</svg>
|
||||
<div style="position:absolute;left:44%;top:12%;padding:7px;background:#fff4f2;color:#8f2e28;border-radius:5px"><b>点击异常对象</b><br><small>主画面与右侧诊断联动</small></div>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px;font-size:11px;text-align:center">
|
||||
<div style="padding:6px;background:white">输入阶段</div><div style="padding:6px;background:white">核心计算</div><div style="padding:6px;background:#fff0ee">异常阶段 ⚠</div><div style="padding:6px;background:white">输出验证</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside style="padding:14px;background:white;border-left:1px solid #ccd5d8">
|
||||
<div class="label">对象诊断卡</div>
|
||||
<h3>异常对象 / 阶段名称</h3>
|
||||
<div style="font-size:12px;display:grid;gap:8px">
|
||||
<div><b style="color:#b83b32">目前状况</b><br>显示当前实际值、位置或状态。</div>
|
||||
<div><b>出错原因</b><br>根因或明确标记的待验证假设。</div>
|
||||
<div><b style="color:#a36325">导致结果</b><br>在主图中高亮影响传播路径。</div>
|
||||
<div><b style="color:#26745f">纠正方案</b><br>点击步骤可在主图预演对应变化。</div>
|
||||
<div><b style="color:#26745f">预期结果</b><br>候选预测与真实验证结果分开显示。</div>
|
||||
</div>
|
||||
<hr>
|
||||
<p style="font-size:11px"><b>证据：</b>函数名、源码位置、输入样本、测试命令和证据等级，可继续展开。</p>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div style="padding:12px;border-top:1px solid #ccd5d8;background:#fafbfb">
|
||||
<div class="label">一次完整点击路径</div>
|
||||
<p style="margin:6px 0 0;text-align:center"><b>选择算法</b> → <b>查看正常机制</b> → <b>点击异常对象</b> → <b>播放影响传播</b> → <b>逐步预演纠正方案</b> → <b>切换已验证结果</b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="options">
|
||||
<div class="option" data-choice="approve-interaction" onclick="toggleSelect(this)">
|
||||
<div class="letter">✓</div><div class="content"><h3>确认这套交互</h3><p>领域主画面、四种状态、对象诊断卡和证据下钻共同组成报告页面。</p></div>
|
||||
</div>
|
||||
<div class="option" data-choice="revise-interaction" onclick="toggleSelect(this)">
|
||||
<div class="letter">↺</div><div class="content"><h3>需要调整</h3><p>说明希望改变的交互顺序、页面区域或信息层次。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,69 @@
|
||||
<h2>选择算法诊断页的交互结构</h2>
|
||||
<p class="subtitle">三种方案都能展示“正常功能 → 当前问题 → 原因 → 后果 → 纠正方案 → 预期结果”。请重点比较：第一眼是否容易理解，以及点击后能否逐层深入。</p>
|
||||
|
||||
<div class="cards">
|
||||
<div class="card" data-choice="b-layered-diagnostic" onclick="toggleSelect(this)">
|
||||
<div class="card-image">
|
||||
<div class="label">B · 推荐：双层算法地图</div>
|
||||
<div class="mock-nav">算法基线 ｜ 问题叠加 ｜ 修正预演 [当前：问题叠加]</div>
|
||||
<div style="padding:14px;display:grid;gap:12px;background:#f7faf9">
|
||||
<div style="display:flex;align-items:center;gap:7px;justify-content:center;flex-wrap:wrap">
|
||||
<span style="padding:8px 11px;border:1px solid #83b6ad;border-radius:7px;background:white">输入路径</span><b>→</b>
|
||||
<span style="padding:8px 11px;border:2px solid #c8463a;border-radius:7px;background:#fff1ef">曲率计算 ⚠</span><b>→</b>
|
||||
<span style="padding:8px 11px;border:1px solid #83b6ad;border-radius:7px;background:white">平滑约束</span><b>→</b>
|
||||
<span style="padding:8px 11px;border:1px solid #83b6ad;border-radius:7px;background:white">输出轨迹</span>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px">
|
||||
<div style="padding:9px;border-top:3px solid #c8463a;background:white"><b>原因</b><br><small>边界导数不连续</small></div>
|
||||
<div style="padding:9px;border-top:3px solid #d18a26;background:white"><b>影响传播</b><br><small>曲率峰值 → 控制抖动</small></div>
|
||||
<div style="padding:9px;border-top:3px solid #23856d;background:white"><b>纠正预演</b><br><small>新约束 → 预期稳定</small></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>基线流程 + 故障/修正叠加层</h3>
|
||||
<p>先固定展示算法正常机制；点击问题后在同一流程上高亮故障节点、原因和影响，再切换到修正方案预演。上下文不丢失，最适合函数与算法诊断。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" data-choice="a-linear-story" onclick="toggleSelect(this)">
|
||||
<div class="card-image">
|
||||
<div class="label">A · 线性故事链</div>
|
||||
<div style="padding:14px;display:grid;gap:7px;background:#faf8f4">
|
||||
<div style="padding:8px;border-left:4px solid #427f9d;background:white"><b>1. 原算法功能</b> 输入如何变成输出</div>
|
||||
<div style="text-align:center">↓ 点击继续</div>
|
||||
<div style="padding:8px;border-left:4px solid #c8463a;background:white"><b>2. 当前问题</b> 异常发生在哪里</div>
|
||||
<div style="text-align:center">↓</div>
|
||||
<div style="padding:8px;border-left:4px solid #d18a26;background:white"><b>3. 原因与后果</b> 为什么错、会导致什么</div>
|
||||
<div style="text-align:center">↓</div>
|
||||
<div style="padding:8px;border-left:4px solid #23856d;background:white"><b>4. 纠正与预期</b> 改什么、预计变成什么</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>从上到下的诊断故事</h3>
|
||||
<p>阅读顺序最直观，适合汇报展示；但算法复杂或问题较多时页面会变长，比较多个问题时容易失去原流程位置。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" data-choice="c-explorer-dashboard" onclick="toggleSelect(this)">
|
||||
<div class="card-image">
|
||||
<div class="label">C · 自由探索工作台</div>
|
||||
<div style="display:grid;grid-template-columns:110px 1fr 145px;min-height:190px;background:#f7f8fb">
|
||||
<div class="mock-sidebar">函数列表<br><br>calculate()<br><br>smooth()<br><br>validate()</div>
|
||||
<div style="padding:12px">
|
||||
<div class="placeholder" style="height:110px">可缩放算法关系图<br>节点可自由点击</div>
|
||||
<div style="display:flex;gap:6px;margin-top:8px"><button class="mock-button">问题</button><button class="mock-button">方案</button><button class="mock-button">前后对比</button></div>
|
||||
</div>
|
||||
<div style="padding:10px;background:white;border-left:1px solid #ddd"><b>节点详情</b><hr><small>输入<br>源码位置<br>问题<br>根因<br>影响<br>验证</small></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>图谱式诊断工作台</h3>
|
||||
<p>探索能力最强，适合大型算法和多个函数；但实现与维护成本最高，日报第一次打开时也更容易让读者迷失。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<p><strong>我的建议：</strong>选择 B。它保留原算法作为稳定“地图”，问题和解决方案都是同一张地图上的可切换叠加层，最符合你强调的“点击就能理解目前状况和修正后结果”。</p>
|
||||
</div>
|
||||
@@ -0,0 +1,6 @@
|
||||
<div style="display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center">
|
||||
<div>
|
||||
<h2>领域算法可视化方向已确认</h2>
|
||||
<p class="subtitle">正在终端中比较可复用的实现架构……</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,6 @@
|
||||
<div style="display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center">
|
||||
<div>
|
||||
<h2>已确定：混合粒度算法图</h2>
|
||||
<p class="subtitle">主图展示算法阶段，节点可下钻至函数与源码。正在终端中确认修正预演的证据状态……</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,6 @@
|
||||
<div style="display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center">
|
||||
<div>
|
||||
<h2>已选择：B · 双层算法地图</h2>
|
||||
<p class="subtitle">正在终端中确认算法节点的组织粒度……</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,6 @@
|
||||
<div style="display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center">
|
||||
<div>
|
||||
<h2>交互设计已确认</h2>
|
||||
<p class="subtitle">正在终端中确认降级规则与验收标准……</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1 @@
|
||||
{"reason":"stop-server.sh","timestamp":1785737557}
|
||||
Reference in New Issue
Block a user