npm - @aibyzero/byz - Versions diffs - 0.0.0 → 0.1.1 - Mend

@aibyzero/byz 0.0.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1215) hide show

package/workflows/cm/templates/pixel/dev/template.html ADDED Viewed

@@ -0,0 +1,388 @@
+<!doctype html>
+<html lang="zh">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>cm 工作流 · 像素办公室</title>
+<style>
+  * { margin:0; padding:0; box-sizing:border-box; }
+  body { background:#131120; color:#e8e2d0; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
+         min-height:100vh; display:flex; flex-direction:column; align-items:center; padding:18px 12px; }
+  #wrap { width:min(980px, 100%); }
+  #hud { display:flex; align-items:center; gap:12px; padding:8px 2px; font-size:14px; }
+  #logo { background:#f0b03c; color:#1c1a14; font-weight:800; padding:3px 9px; border-radius:3px;
+          letter-spacing:2px; box-shadow:0 3px 0 #8a6210; }
+  #phase { background:#232033; padding:4px 12px; border-radius:3px; letter-spacing:1px; font-weight:700; }
+  #phase.paused { background:#f5d95c; color:#1c1a14; }
+  #phase.stale { background:#d25050; color:#fff; }
+  #task { color:#9a93b8; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }
+  #coins { color:#f0b03c; font-weight:700; }
+  #stage { position:relative; border:4px solid #2a2438; border-radius:8px; overflow:hidden;
+           box-shadow:0 18px 50px rgba(0,0,0,.55), inset 0 0 0 2px #0d0b16; background:#0d0b16; }
+  canvas { display:block; width:100%; image-rendering:pixelated; image-rendering:crisp-edges; }
+  #bubble { position:absolute; transform:translate(-50%,-115%); max-width:380px; padding:8px 12px;
+            background:#faf6ec; color:#1c1a14; border:2px solid #1c1a14; border-radius:6px;
+            font-size:13px; line-height:1.5; display:none; box-shadow:3px 4px 0 rgba(0,0,0,.4); z-index:2; }
+  #bubble.paused { background:#f5d95c; transform:translate(-12%,-115%); }
+  #bubble.paused:after { left:12%; }
+  #bubble:after { content:""; position:absolute; left:50%; bottom:-10px; margin-left:-5px;
+                  border:5px solid transparent; border-top-color:#1c1a14; }
+  #note { position:absolute; right:14px; bottom:16px; width:250px; display:none;
+          background:#f7ecc0; color:#4a3c14; border:2px solid #c8b478; padding:9px 11px;
+          font-size:12px; line-height:1.65; white-space:pre-wrap; transform:rotate(-1.6deg);
+          box-shadow:4px 5px 0 rgba(0,0,0,.35); border-radius:2px; }
+  #note b { color:#8a6210; }
+  #barrow { display:flex; align-items:center; gap:10px; margin-top:10px; }
+  #bar { flex:1; height:16px; background:#232033; border:2px solid #2a2438; border-radius:4px; overflow:hidden; }
+  #fill { height:100%; width:0; transition:width .6s;
+          background:repeating-linear-gradient(45deg,#f0b03c 0 10px,#d99a28 10px 20px); }
+  #count { font-size:13px; color:#f0b03c; min-width:44px; text-align:right; font-weight:700; }
+  #hint { margin-top:8px; font-size:12px; color:#6f6890; }
+</style>
+</head>
+<body>
+<div id="wrap">
+  <div id="hud">
+    <span id="logo">CM</span><span id="phase">连接中…</span>
+    <span id="task"></span><span id="coins"></span>
+  </div>
+  <div id="stage">
+    <canvas id="cv" width="744" height="420"></canvas>
+    <div id="bubble"></div>
+    <div id="note"></div>
+  </div>
+  <div id="barrow"><div id="bar"><div id="fill"></div></div><span id="count"></span></div>
+  <div id="hint"></div>
+</div>
+<script>
+const ATLAS = "data:image/png;base64,@B64@";
+const T = @TMAP@;
+const IMG = new Image(); let loaded = false;
+IMG.onload = () => loaded = true; IMG.src = ATLAS;
+const SKY = {
+  dawn:["#c98d78","#dba98a","#e8c49a"], day:["#7fa8c8","#93b9d4","#a9cbdd"],
+  dusk:["#8a5f7a","#b07a6a","#d0996a"], night:["#242138","#2e2a48","#3a3560"],
+};
+const TINT = { dawn:"rgba(230,150,100,.09)", day:"rgba(255,180,90,.05)",
+               dusk:"rgba(210,120,70,.12)", night:"rgba(30,34,90,.17)" };
+const NODES = ["N1","N2","N3","N4","N5","N6","N7","N8"];
+const PHASE = { N1:"启动准备", N2:"规划任务", N3:"开发中", N4:"检查代码",
+                N5:"保存进度", N6:"质量检测", N7:"整理现场", N8:"收尾总结" };
+const ZONE = i => i<2 ? "dawn" : i<5 ? "day" : i<7 ? "dusk" : "night";
+const PROPS = { 0:"plant2", 1:"crate", 2:"bin", 4:"dresser", 5:"fridge", 6:"shelfB", 7:"plant" };
+const cv = document.getElementById("cv"), cx = cv.getContext("2d");
+cx.imageSmoothingEnabled = false;
+const W = cv.width, H = cv.height, TOPW = 48;                   // 顶墙高度
+// 工位:两排四列,像真办公室
+const POD = []; for (let i=0;i<8;i++)
+  POD.push({ x: 128 + (i%4)*162, y: 168 + ((i/4)|0)*150 });
+const BENCH = { x:20, y:252, cx:44 };                           // 等候长椅(左墙)
+const LOUNGE = { x:W/2, y:252 };                                // 中央过道=休息区
+const seed = n => { let x = Math.sin(n*127.1)*43758.5; return x - Math.floor(x); };
+function rect(x,y,w,h,c){ cx.fillStyle = c; cx.fillRect(x|0, y|0, w, h); }
+function tile(n,dx,dy,z=3){ const [c,r] = T[n];
+  cx.drawImage(IMG, c*16, r*16, 16, 16, dx|0, dy|0, 16*z, 16*z); }
+function shadow(x,y,rx,ry,a=.26){ cx.fillStyle = "rgba(12,8,20,"+a+")";
+  cx.beginPath(); cx.ellipse(x,y,rx,ry,0,0,7); cx.fill(); }
+let cur = { node:"N1", state:"running", detail:"", feature:"", task:"" };
+let mode = "wait", staleRun = false, firstSnap = true;
+let wk = { x:POD[0].x-58, y:POD[0].y+18 };                      // 小人(2D 自由走动)
+let frame = 0, confetti = [];
+// ---------- 房间(俯视) ----------
+function room(zone) {
+  for (let r=0; r<Math.ceil((H-TOPW)/48); r++)                  // 暖木地板
+    for (let c=0; c<Math.ceil(W/48); c++)
+      tile(seed(c*3+r*11)>.62 ? "wood2" : (seed(c*5+r)>.85 ? "wood3" : "wood"), c*48, TOPW + r*48);
+  for (let c=0; c<Math.ceil(W/48); c++) tile("brick", c*48, 0); // 红砖顶墙
+  rect(0,0,W,6,"#171310");
+  rect(0,TOPW-7,W,7,"#4a3626"); rect(0,TOPW-7,W,2,"#5f4630");   // 木梁压边
+  rect(0,TOPW,W,5,"rgba(12,8,20,.35)");                         // 墙脚阴影
+  rect(0,TOPW,4,H-TOPW,"rgba(12,8,20,.30)");                    // 左右墙沿
+  rect(W-4,TOPW,4,H-TOPW,"rgba(12,8,20,.30)");
+  const p = SKY[zone];                                          // 4 扇窗,窗外=当前进度时辰
+  for (let i=0;i<4;i++) {
+    const x = 96 + i*168, y = 7, w = 52, h = 32;
+    rect(x-3,y-3,w+6,h+6,"#241f1a");
+    for (let b=0;b<3;b++) rect(x, y+b*h/3, w, h/3+1, p[b]);
+    if (zone==="day" && i===1) { rect(x+34,y+5,9,9,"#f5e8b0"); }
+    if (zone==="dawn" && i===0) { rect(x+8,y+h-12,10,5,"#f0c890"); }
+    if (zone==="dusk" && i===2) { rect(x+30,y+h-14,11,6,"#e8a060"); }
+    if (zone==="night") { if (i===1) { rect(x+34,y+5,8,8,"#e8e2d0");
+        rect(x+35,y+6,2,2,"#c8c2b0"); rect(x+38,y+9,2,2,"#c8c2b0"); }
+      for (let s2=0;s2<3;s2++) if ((frame>>4)%3 !== s2)
+        rect(x+4+seed(s2+i)*44, y+3+seed(s2+9)*24, 2,2,"#e8e2d0"); }
+    if (zone==="day" || zone==="dawn") {
+      cx.save(); cx.beginPath(); cx.rect(x,y,w,h); cx.clip();
+      const cxp = x + ((frame*0.22 + i*53) % (w+30)) - 15;
+      rect(cxp, y+6+(i%2)*8, 14, 4, "rgba(250,246,236,.85)"); cx.restore(); }
+    rect(x-3, y+h/2-1, w+6, 2, "#241f1a");
+    if (i%2===0) tile("plant2", x+w-6, y+h-8, 1);               // 窗台盆栽
+    else tile("plant", x-12, y+h-8, 1);
+  }
+  tile("art1", 40, 10, 2); tile("gold", 660, 8, 2);             // 顶墙挂画
+  const ckx = 24, cky = 12;                                     // 挂钟
+  rect(ckx-2,cky-2,16,16,"#241f1a"); rect(ckx,cky,12,12,"#e8e2d0");
+  rect(ckx+5,cky+2,2,5,"#241f1a"); rect(ckx+6,cky+6,4,2,"#241f1a");
+}
+// ---------- 深度排序渲染(y 小在后,y 大在前=离观众近) ----------
+function drawSorted(ents) {
+  ents.sort((a,b) => a.by - b.by);
+  for (const e of ents) e.f();
+}
+function podEnts(ents, idx, done) {
+  for (let i=0;i<8;i++) {
+    const P = POD[i], x = P.x, y = P.y,
+          active = i===idx && !done && mode==="run", passed = done || i<idx;
+    ents.push({ by: y+30, f: () => {
+      tile("rgA", x-32, y-14, 2); tile("rgB", x, y-14, 2);       // 奶油地垫
+      tile("rgC", x-32, y+18, 2); tile("rgD", x, y+18, 2);
+      shadow(x, y+30, 30, 6);
+      tile("desk", x-24, y-18);
+      tile("lamp2", x+13, y-30, 1.1);                            // 桌灯
+      tile(active ? "mon" : "mon2", x-14, y-38, 1.75);
+      if (passed) { rect(x-11, y-35, 22, 17, "rgba(80,170,90,.85)");
+        cx.fillStyle="#eaf6ea"; cx.font="bold 11px monospace"; cx.textAlign="center";
+        cx.fillText("✓", x, y-22); }
+      else if (!active) rect(x-11, y-35, 22, 17, "rgba(24,20,34,.88)");
+      else if ((frame>>4)%4===0) rect(x-11, y-35, 22, 17, "rgba(159,216,240,.25)");
+      tile("chairF", x-14, y+16, 1.75);                          // 桌前椅(背对观众)
+    }});
+    if (i===3) ents.push({ by: P.y+26, f: () => {               // Codex 审查员常驻 N4
+      shadow(P.x+44, P.y+26, 13, 4); tile("codex", P.x+22, P.y-22); }});
+    else if (i===5) ents.push({ by: P.y+28, f: () => {           // 服务器机架(CI/测试机)
+      shadow(P.x+46, P.y+28, 13, 4);
+      tile("mon2", P.x+30, P.y-36, 2); tile("mon2", P.x+30, P.y-4, 2);
+      for (let k=0;k<4;k++) if ((frame>>3)%4!==k)
+        rect(P.x+36+k*6, P.y-30+((k%2)*32), 3, 3, k%2?"#7fdc6a":"#63b8b0"); }});
+    else if (PROPS[i]) ents.push({ by: P.y+28, f: () => {
+      shadow(P.x+46, P.y+28, 13, 4); tile(PROPS[i], P.x+30, P.y-4, 2); }});
+  }
+}
+function furnitureEnts(ents) {
+  ents.push({ by: 96, f: () => {                                // 咖啡台(靠顶墙)
+    shadow(608, 98, 52, 6);
+    tile("cntL", 560, 64, 2); tile("cntM", 592, 64, 2); tile("cntR", 624, 64, 2); }});
+  ents.push({ by: 98, f: () => { shadow(40, 98, 20, 5); tile("shelfA", 16, 56, 2.5); }}); // 书架
+  ents.push({ by: BENCH.y+34, f: () => {                        // 等候区:售货机+长椅
+    shadow(36, BENCH.y-14, 18, 5); tile("vend", 16, BENCH.y-62, 2);
+    shadow(BENCH.cx+22, BENCH.y+32, 26, 5);
+    tile("sofaM", BENCH.x, BENCH.y, 2); tile("sofaR", BENCH.x+32, BENCH.y, 2); }});
+  ents.push({ by: H-8, f: () => {                               // 角落绿植
+    tile("plant", 12, H-56, 2); tile("plant2", W-46, H-58, 2); }});
+}
+function person(n, x, y, bob) {                                 // x,y = 脚底中心
+  return { by: y, f: () => { shadow(x, y+2, 14, 4, .32);
+    tile(n, x-24, y-46 + (bob ? ((frame>>3)%2) : 0)); } };
+}
+function lighting(idx, paused, done, zone) {
+  const lit = [];
+  if (mode==="run" && !done && !paused)
+    lit.push({x:POD[idx].x, y:POD[idx].y-10, c: staleRun ? "255,95,80" : "255,205,120", a:.26});
+  if (paused) lit.push({x:BENCH.cx+16, y:BENCH.y-10, c:"255,205,120", a:.24});
+  if (done || mode==="wait") lit.push({x:LOUNGE.x, y:LOUNGE.y, c:"255,205,120", a:.10});
+  cx.globalCompositeOperation = "lighter";
+  for (const L of lit) {
+    const g = cx.createRadialGradient(L.x,L.y,10, L.x,L.y,130);
+    g.addColorStop(0,"rgba("+L.c+","+L.a+")"); g.addColorStop(1,"rgba("+L.c+",0)");
+    cx.fillStyle = g; cx.fillRect(L.x-130, L.y-130, 260, 260);
+  }
+  cx.globalCompositeOperation = "source-over";
+  rect(0,0,W,H, TINT[zone]);                                    // 时辰环境色
+  const v = cx.createRadialGradient(W/2, H*.44, H*.42, W/2, H*.52, W*.62);
+  v.addColorStop(0,"rgba(8,6,18,0)"); v.addColorStop(1,"rgba(8,6,18,.48)");
+  cx.fillStyle = v; cx.fillRect(0,0,W,H);
+}
+function labels(idx, done) {
+  cx.font = "bold 11px ui-monospace,monospace"; cx.textAlign = "center";
+  for (let i=0;i<8;i++) {
+    const P = POD[i], active = i===idx && !done && mode==="run", passed = done || i<idx;
+    const t = NODES[i]+" "+PHASE[NODES[i]].slice(0,2);
+    cx.fillStyle = "rgba(20,14,8,.75)"; cx.fillText(t, P.x+1, P.y+53);
+    cx.fillStyle = active ? "#faf6ec" : passed ? "#8fdc78" : "#b8a888";
+    cx.fillText(t, P.x, P.y+52);
+  }
+  const name = (cur.feature ? cur.feature.replace(/^\d+\./,"") : "cm 工作流") + " 的办公室";
+  cx.font = "bold 12px ui-monospace,monospace";
+  const tw = cx.measureText("★ "+name+" ★").width + 24;
+  rect(W/2-tw/2, H-24, tw, 19, "#241f1a"); rect(W/2-tw/2+2, H-22, tw-4, 15, "#3a2c1e");
+  cx.fillStyle = "#f0c05a"; cx.fillText("★ "+name+" ★", W/2, H-10);
+}
+function emote(ch, x, y, col) {
+  if ((frame>>4)%2) return;
+  cx.fillStyle = col; cx.font = "bold 17px monospace"; cx.textAlign = "center";
+  cx.fillText(ch, x, y);
+}
+function drawIdle() {
+  room("night");
+  const ents = []; podEnts(ents, 0, false); furnitureEnts(ents);
+  ents.push({ by: LOUNGE.y+34, f: () => {                       // 中央沙发打盹
+    shadow(LOUNGE.x, LOUNGE.y+34, 66, 7);
+    tile("sofaL", LOUNGE.x-72, LOUNGE.y-6); tile("sofaM", LOUNGE.x-24, LOUNGE.y-6);
+    tile("sofaR", LOUNGE.x+24, LOUNGE.y-6); }});
+  ents.push(person("sleep", LOUNGE.x, LOUNGE.y+2, false));
+  drawSorted(ents); labels(0, false);
+  const zi = (frame>>4)%3;
+  cx.fillStyle="#cfc8e8"; cx.font="bold 13px monospace"; cx.textAlign="left";
+  cx.fillText("z".repeat(zi+1), LOUNGE.x+26, LOUNGE.y-40-zi*4);
+  lighting(0,false,false,"night");
+}
+function draw() {
+  frame++;
+  if (!loaded) { rect(0,0,W,H,"#0d0b16"); requestAnimationFrame(draw); return; }
+  if (mode==="wait") { drawIdle(); requestAnimationFrame(draw); return; }
+  const idx = Math.max(0, NODES.indexOf(cur.node)),
+        paused = cur.state==="paused_for_human", done = mode==="done",
+        zone = done ? "night" : ZONE(idx);
+  room(zone);
+  const ents = []; podEnts(ents, idx, done); furnitureEnts(ents);
+  let sat = false;
+  if (!done) {
+    const t = paused ? {x:BENCH.cx+16, y:BENCH.y+26} : {x:POD[idx].x-52, y:POD[idx].y+20};
+    const dx = t.x-wk.x, dy = t.y-wk.y, d = Math.hypot(dx,dy);
+    const spd = isDemo ? 8 : 2.6;
+    if (d>3) { wk.x += dx/d*Math.min(spd,d); wk.y += dy/d*Math.min(spd,d); }
+    const walking = d>3;
+    sat = paused && !walking;
+    ents.push(person("worker", wk.x, wk.y, walking));
+    if (sat) ents.push({ by: wk.y+1, f: () => {                  // 补画椅面盖腿=坐下
+      tile("sofaM", BENCH.x, BENCH.y, 2); tile("sofaR", BENCH.x+32, BENCH.y, 2); }});
+  } else {
+    ents.push({ by: LOUNGE.y+18, f: () => { shadow(LOUNGE.x, LOUNGE.y+18, 34, 7);
+      tile("tblO1", LOUNGE.x-24, LOUNGE.y-54); tile("tblO2", LOUNGE.x-24, LOUNGE.y-8); }});
+    ents.push(person("worker", LOUNGE.x-64, LOUNGE.y+6, true));
+    ents.push(person("celA", LOUNGE.x+64, LOUNGE.y+6, true));
+    ents.push(person("celB", LOUNGE.x-40, LOUNGE.y+52, true));
+    ents.push(person("celC", LOUNGE.x+40, LOUNGE.y+52, true));
+  }
+  if (paused) { drawSorted(ents.filter(e=>true)); rect(0,0,W,H,"rgba(10,8,22,.32)");
+    const again = []; again.push(person("worker", wk.x, wk.y, false));
+    if (sat) again.push({ by: wk.y+1, f: () => {
+      tile("sofaM", BENCH.x, BENCH.y, 2); tile("sofaR", BENCH.x+32, BENCH.y, 2); }});
+    drawSorted(again);
+    if (sat) emote("!", wk.x, wk.y-56, "#f5d95c");
+  } else {
+    drawSorted(ents);
+    if (staleRun && !done) emote("?", wk.x, wk.y-56, "#f08a80");
+  }
+  labels(idx, done);
+  if (done) {
+    if (frame%3===0) confetti.push({ x:Math.random()*W, y:-6, v:1+Math.random()*1.6,
+      w:Math.random()>.5?4:3, c:["#f0b03c","#f06a3c","#63b8b0","#95c86a","#8c78c8","#faf6ec"][Math.random()*6|0] });
+    confetti = confetti.filter(p => p.y < H-8);
+    for (const p of confetti) { p.y += p.v; rect(p.x + Math.sin((p.y+p.x)/14)*5, p.y, p.w, p.w+2, p.c); }
+    rect(W/2-104, 66, 208, 34, "#faf6ec"); rect(W/2-104, 66, 208, 4, "#241f1a");
+    rect(W/2-104, 96, 208, 4, "#241f1a"); rect(W/2-104, 66, 4, 34, "#241f1a"); rect(W/2+100, 66, 4, 34, "#241f1a");
+    cx.fillStyle="#1c1a14"; cx.font="bold 19px ui-monospace,monospace"; cx.textAlign="center";
+    cx.fillText("STAGE CLEAR!", W/2, 90);
+  }
+  lighting(idx, paused, done, zone);
+  requestAnimationFrame(draw);
+}
+function hud() {
+  const paused = cur.state==="paused_for_human", done = mode==="done";
+  const ph = document.getElementById("phase");
+  if (mode==="wait") { ph.textContent = "😴 休息中(等 /cm-ai 启动)"; ph.className=""; }
+  else if (staleRun) { ph.textContent = "⚠ 可能已中断(去会话确认)"; ph.className="stale"; }
+  else { ph.textContent = done ? "STAGE CLEAR — 全部完成" :
+      (paused ? "🖐 等你确认" : "STAGE "+cur.node+" · "+(PHASE[cur.node]||"运行中"));
+    ph.className = paused ? "paused" : ""; }
+  document.getElementById("task").textContent =
+    mode==="wait" ? "" : [cur.feature.replace(/^\d+\./,""), cur.task].filter(Boolean).join(" · ");
+  const b = document.getElementById("bubble");
+  if (mode==="run" && cur.detail) {
+    b.style.display="block"; b.className = paused ? "paused" : "";
+    b.textContent = (paused ? "🖐 " : "") + cur.detail;
+    const idx = Math.max(0, NODES.indexOf(cur.node));
+    b.style.left = paused ? (BENCH.cx/W*100+"%")
+                          : (Math.min(86, Math.max(14, POD[idx].x/W*100)) + "%");
+    b.style.top = paused ? ((BENCH.y-58)/H*100+"%") : ((POD[idx].y-34)/H*100 + "%");
+  } else b.style.display = "none";
+}
+// 上次收工小记:读度量汇总.md 最后一节
+async function loadNote() {
+  try {
+    const md = await (await fetch("度量汇总.md?ts="+Date.now())).text();
+    if (md.startsWith("<")) return;
+    const secs = md.trim().split(/\n(?=#)/), last = secs[secs.length-1];
+    const lines = last.split("\n").filter(l=>l.trim().startsWith("-")).slice(0,4);
+    if (!lines.length) return;
+    const n = document.getElementById("note");
+    n.innerHTML = "<b>📋 上次收工小记</b>\n" + lines.join("\n").replace(/</g,"&lt;");
+    n.style.display = "block";
+  } catch {}
+}
+const DEMO = [
+  ["N1","running","正在检查项目环境和版本控制","",""],
+  ["N2","running","正在读需求、排任务","1.market-board",""],
+  ["N3","running","正在开发行情数据接口","1.market-board","T-005"],
+  ["N4","running","第1轮代码审查进行中","1.market-board","T-005"],
+  ["N4","paused_for_human","确认一下:原型里有3个按钮点了没反应,要做吗?","1.market-board","T-006"],
+  ["N5","running","保存进度:行情页面完成","1.market-board","T-006"],
+  ["N6","running","质量检测和业务走查","1.market-board",""],
+  ["N7","running","整理现场,准备下一个任务","1.market-board",""],
+  ["N8","running","收尾:整理文档和发布清单","",""],
+  ["N8","done","全部完成","",""]];
+const q = new URLSearchParams(location.search);
+const isDemo = q.has("demo"), isIdleDemo = q.has("idle");
+async function poll() {
+  if (isIdleDemo) { mode="wait"; hud(); loadNote(); return; }
+  if (isDemo) {
+    const [node,state,detail,feature,task] = DEMO[(Math.floor(Date.now()/2600))%DEMO.length];
+    cur = {node,state,detail,feature,task};
+    mode = state==="done" ? "done" : "run"; staleRun = false; setBar(4,6);
+  } else {
+    try {
+      const res = await fetch(".cm-status.json?ts="+Date.now());
+      if (!res.ok) throw 0;
+      const s = await res.json();
+      cur = { node:s.node||"N1", state:s.state||"running", detail:s.detail||"",
+              feature:s.feature||"", task:s.task||"" };
+      mode = cur.state==="done" ? "done" : "run";
+      if (firstSnap && mode==="run") { firstSnap = false;
+        if (cur.state==="paused_for_human") { wk.x = BENCH.cx+16; wk.y = BENCH.y+26; }
+        else { const P = POD[Math.max(0,NODES.indexOf(cur.node))];
+               wk.x = P.x-52; wk.y = P.y+20; } }
+      const lm = res.headers.get("last-modified");               // 中断检测(阈值 10 分钟)
+      staleRun = !!(lm && mode==="run" && cur.state!=="paused_for_human"
+                    && (Date.now()-new Date(lm).getTime()) > 600_000);
+      if (cur.feature && mode!=="wait") {
+        const md = await (await fetch(cur.feature+"/tasks.md?ts="+Date.now())).text();
+        const items = md.match(/^- \[( |x)\] T-\d+/gm)||[];
+        setBar(items.filter(l=>l.includes("[x]")).length, items.length);
+      } else setBar(0,0);
+      document.getElementById("hint").textContent = "";
+      document.getElementById("note").style.display = mode==="done" ? "" : "none";
+      if (mode==="done") loadNote();
+    } catch { mode = "wait"; setBar(0,0); loadNote();
+      document.getElementById("hint").textContent = "😴 值班中"; }
+  }
+  hud(); setTimeout(poll, isDemo?400:2000);
+}
+function setBar(d,t){
+  document.getElementById("fill").style.width = t ? (100*d/t)+"%" : "0";
+  document.getElementById("count").textContent = t ? d+"/"+t : "";
+  document.getElementById("coins").textContent = d ? "⛁ "+d : "";
+}
+draw(); poll();
+</script>
+</body>
+</html>

package/workflows/cm/templates/pixel/serve.sh ADDED Viewed

@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+# cm 像素流水线(浏览器版) · 纯只读,零侵入(只消费 specs 落盘文件)
+# 用法: ./serve.sh /path/to/specs [端口,默认 8799]
+#   演示模式(不需要 specs 在跑): 打开 http://localhost:8799/.cm-pixel.html?demo
+set -euo pipefail
+SPECS="${1:?用法: ./serve.sh /path/to/specs [端口]}"
+PORT="${2:-8799}"
+[ -d "$SPECS" ] || { echo "specs 目录不存在: $SPECS"; exit 1; }
+cp "$(cd "$(dirname "$0")" && pwd)/cm-pixel.html" "$SPECS/.cm-pixel.html"
+echo "✓ 像素流水线已启动: http://localhost:$PORT/.cm-pixel.html  (Ctrl+C 停止)"
+echo "  演示模式: http://localhost:$PORT/.cm-pixel.html?demo"
+cd "$SPECS" && exec python3 -m http.server "$PORT" --bind 127.0.0.1

package/workflows/cm/templates/refactor/cm-refactor-denies.json ADDED Viewed

@@ -0,0 +1,14 @@
+{
+  "_comment": "cm:refactor 批量道循环内禁令模板。用法:把 permissions.deny 合并进代码项目 .claude/settings.json(人工安装,命令只验证);测试命令按项目实际替换;收口后撤销。这是防误触护栏,不是安全边界。",
+  "permissions": {
+    "deny": [
+      "Bash(git reset:*)",
+      "Bash(git checkout:*)",
+      "Bash(git clean:*)",
+      "Bash(git commit:*)",
+      "Bash(git rebase:*)",
+      "Bash(npm test:*)",
+      "Bash(npm run test:*)"
+    ]
+  }
+}

package/workflows/cm/templates/rules/backend-api.md ADDED Viewed

@@ -0,0 +1,36 @@
+---
+description: {一句话：后端 API 层开发约定}
+globs: {如 "src/api/**"，按实际目录}
+---
+<!-- 模板骨架 · 生成时遵守四原则，{占位符} 结合项目填充。
+     cm-backend-engineer 的默认值（超时/分页等）以本文件为准 -->
+# 后端 API 规范
+## 分层与路由
+- 分层：{controller/service/repository 或项目实际分层，附目录}
+- 路由组织：{按资源分组的实际方式}；新路由必须显式挂鉴权中间件或声明公开
+## 错误处理
+- 统一错误体结构：`{ code, message, ... }`（{附项目实际结构}）
+- 全局错误处理器统一出口，禁止 handler 内裸造错误体
+- 错误码清单位置：{路径}
+## 输入与幂等
+- 边界层校验：{校验库}；内层信任已校验数据
+- 写操作幂等：{幂等键方案}；支付类接口强制
+## 性能与可靠性默认值
+- 外部调用超时：{5}s；重试上限：{N} 次
+- 列表接口必须分页，默认页大小 {20}，上限 {100}
+- 缓存策略：{Redis/内存缓存的使用边界}
+## 可观测
+- 日志格式与脱敏：{约定，敏感字段清单}
+- {链路追踪/健康检查端点约定}

package/workflows/cm/templates/rules/coding-style.md ADDED Viewed

@@ -0,0 +1,44 @@
+---
+description: {一句话：本项目的编码风格约定}
+---
+<!-- 模板骨架 · 由 /cm-init 或 bootstrap 以此为骨架生成，生成时必须遵守四原则：
+     ① 可执行——具体指令，禁止"使用恰当的 XX"类模糊话
+     ② 关键规则带 Bad/Good 对比示例
+     ③ 量化——用数字不用形容词
+     ④ 现代实践——锚定项目当前版本的惯用法
+     所有 {占位符} 结合项目实际填充；不适用章节删除；禁止保留空洞通用话术 -->
+# 编码风格
+## 量化标准（默认值，按团队口味调整）
+| 项 | 上限 |
+| ---- | ---- |
+| 函数长度 | {30} 行 |
+| 文件长度 | {300} 行 |
+| 嵌套深度 | {3} 层 |
+| 函数参数 | {4} 个 |
+## 命名
+- 文件命名：{从项目现有文件推断，如 kebab-case / PascalCase 组件}
+- 变量/函数：{camelCase 等，附一个项目内真实示例}
+- 常量与枚举：{约定}
+## Import 与文件组织
+- Import 顺序：{如 内置 → 第三方 → 别名 → 相对路径，从 lint 配置推断}
+- 路径别名：{tsconfig/构建配置中的实际别名清单}
+## 注释
+- 只解释"为什么"，不复述"做了什么"
+- {公共 API 的文档注释要求，如 JSDoc / docstring}
+## Bad / Good 示例
+```{lang}
+// Bad: {从项目痛点提炼}
+// Good: {对应正确写法}
+```

package/workflows/cm/templates/rules/database.md ADDED Viewed

@@ -0,0 +1,27 @@
+---
+description: {一句话：数据库与 migration 约定}
+globs: {如 "src/db/**, migrations/**"，按实际目录}
+---
+<!-- 模板骨架 · 生成时遵守四原则，{占位符} 结合项目填充 -->
+# 数据库规范
+## Migration
+- 工具与命名：{Prisma/Knex/Alembic…，时间戳或序号规则}
+- 必须可回滚（up + down）；**破坏性变更（删表/删列/改类型）必须人工确认**
+- 大表加列/加索引：{PostgreSQL 用 CONCURRENTLY 等锁表规避方案}
+- 兼容序：加列随本次发布，删列随下次发布
+## Schema
+- 新表必含审计字段：{created_at / updated_at / 软删标记约定}
+- 字段类型精确：金额用 decimal、枚举用 enum，禁止 string/float 凑合
+- 外键级联：默认 RESTRICT，CASCADE 需注明理由
+## 查询
+- 复杂查询封装位置：{repository/独立函数目录}
+- 防 N+1：{eager loading / dataloader 约定}
+- 大数据量必须分页/游标；慢查询阈值 {N}ms 需 EXPLAIN

package/workflows/cm/templates/rules/finance.md ADDED Viewed

@@ -0,0 +1,32 @@
+---
+description: 金融项目开发铁律
+法域: 待确认        # 人工确认后填写（如 "SG,US"）——本字段是一切合规判断的前提，
+                    # cm-finance-expert 判断前必读；多仓库以任一已确认值为准，冲突上报
+适用合规框架: {待确认，按业务勾选：证券监管 / 支付牌照 / GDPR / PCI-DSS / SOC 2 / 其他}
+---
+<!-- 模板骨架 · 生成时遵守四原则，{占位符} 结合项目填充。
+     本模板由 cm-finance-expert skill 定义维度，/cm-init 或 bootstrap 生成 -->
+# 金融开发铁律
+## 金额与精度
+- 金额一律 decimal / 整数最小单位（{分 / wei / lamports}），**禁止 float**
+- 精度与舍入规则全局统一并显式声明：{如 "银行家舍入，保留 N 位"}
+- 用户可见的资产数字必须标注计算口径和更新时间
+## 资金操作
+- 所有资金相关写操作必须幂等（幂等键方案：{方案}）
+- 必须留审计日志：谁 / 何时 / 何值 / 前值；日志不可被应用层删除
+- 资金流向可追溯：任何余额变动能回溯到触发事件
+## 数据时点
+- 费率/汇率/价格有明确取值时点和来源（{预言机/行情源}），禁止隐式取"当前值"
+## 营销内容红线（开发实现侧）
+- 收益展示必须伴随风险提示组件；风险提示不得默认折叠
+- {面向用户的收益率展示口径：七日年化 / 历史业绩声明等法定表述要求，法域确认后填}

package/workflows/cm/templates/rules/frontend.md ADDED Viewed

@@ -0,0 +1,32 @@
+---
+description: {一句话：Web 前端开发约定}
+globs: {如 "src/web/**"，按实际目录}
+---
+<!-- 模板骨架 · 生成时遵守四原则，{占位符} 结合项目填充 -->
+# 前端规范
+## 组件
+- 公共 UI 组件目录：{components/ui/ 等实际路径}——新通用组件必须入此目录
+- 组件模式：{函数组件 + hooks / 组合式 API——从现有代码推断}
+- UI 组件纯 props 驱动不含业务逻辑；业务组件组合 UI 组件
+- 第三方组件库：{shadcn/Antd/Element…}——库内有的不自造轮子
+## 样式与 Design Token
+- 方案：{Tailwind vN / CSS Modules…}
+- 颜色/间距/字号/圆角一律引用 token（{tailwind.config / CSS 变量位置}），**禁止裸写 hex/px 魔法值**
+- 修改既有 token 值 = 契约变更，走上报流程（波及已验收页面）
+## 状态与数据
+- 状态管理：{Zustand/Pinia…}；简单局部状态用框架原生
+- 请求层：{统一封装位置}，错误处理与 loading 状态必须处理
+- 接口未就绪：mock + `// TODO: replace mock when API ready`
+## 路由与性能
+- 路由约定：{file-based / config-based，附目录}
+- {懒加载/分包要求、图片处理约定}

package/workflows/cm/templates/rules/git-workflow.md ADDED Viewed

@@ -0,0 +1,25 @@
+---
+description: {一句话：本项目的分支与提交约定}
+---
+<!-- 模板骨架 · 生成时从 git 历史推断实际风格，{占位符} 结合项目填充。
+     按 CLAUDE.md 版本控制字段裁剪：none → 不生成本文件；local → 删除 PR/合入 与 保护分支 相关内容，只留 commit 规范 -->
+# Git 工作流
+## 分支
+- 命名：{feature/xxx、fix/xxx——从现有分支推断}
+- 保护分支：{main/master}，禁止直接 push
+- 合并方式：{squash / merge commit / rebase——从历史推断}
+## Commit
+- 风格：{conventional commits（feat/fix/chore…）或项目实际风格，附 3 个历史真实示例}
+- 一次 commit 一个逻辑变更；禁止 "wip"、"fix" 这类无信息量消息
+- {是否要求关联 issue/任务编号，如 "feat: xxx (T-003)"}
+## PR / 合入
+- PR 描述：{模板位置或最低要求}
+- 合入前置：{CI 通过 / review 通过 / 覆盖率不降}

package/workflows/cm/templates/rules/miniprogram.md ADDED Viewed

@@ -0,0 +1,31 @@
+---
+description: {一句话：微信小程序开发约定}
+globs: {如 "miniprogram/**"，按实际目录}
+---
+<!-- 模板骨架 · 生成时遵守四原则，{占位符} 结合项目填充 -->
+# 小程序规范
+## 页面与组件
+- 四件套（.wxml/.wxss/.js/.json）命名与目录：{从现有页面推断}
+- 自定义组件用 Component 构造器，入 {components/ 实际路径}，usingComponents 按需引入
+- 第三方库：{Vant Weapp / TDesign…}——库内有的不自造轮子
+## 样式
+- 尺寸一律 rpx（750rpx = 屏宽），禁止写死 px
+- 颜色/间距走公共样式变量（{位置}），禁止硬编码
+- 组件样式隔离：{styleIsolation 约定}
+## 数据与性能
+- setData 只更新变化字段，禁止循环/滚动中高频调用；长列表用虚拟列表
+- 请求统一走 {封装位置}（baseURL/token/loading/错误 toast）
+- 包体积按项目配置与微信官方当前限制核对：{分包配置约定}，图片走 {CDN/压缩策略}
+## 登录与授权
+- 登录链路：wx.login → {后端换取 session 的接口}
+- getUserProfile 必须由用户点击触发；敏感授权拒绝时的兜底：{约定}