codebee 0.1.96 → 0.1.98

package/app/ui/style.css

@@ -415,8 +415,6 @@ body.side-collapsed #app { grid-template-columns: 0 1fr; }
   background: var(--sidebar); border-right: 1px solid var(--border);
   padding: 14px 12px 12px; min-width: 0; overflow: hidden;
   transition: opacity .15s;
-}  padding: 14px 12px 12px; min-width: 0; overflow: hidden;
-  transition: opacity .15s;
   position: relative;
 }
 body.side-collapsed #sidebar { border-right: none; padding-left: 0; padding-right: 0; opacity: 0; pointer-events: none; }
@@ -1281,9 +1279,8 @@ body.inspector-open #inspector { display: flex; }
 /* 手机抽屉遮罩：抽屉展开时盖住内容区，点击关闭抽屉 */
 #drawer-mask { display: none; }
 @media (max-width: 900px) {
-  #app { grid-template-columns: 1fr; }
-  body.side-collapsed #app { grid-template-columns: 1fr; }
-  body.side-collapsed #app { grid-template-columns: 1fr; }
+  /* 保留 42px 导航轨列：纯 1fr 单列会让 .side-rail（grid 首子）独占一行变顶部横条 */
+  #app { grid-template-columns: 42px minmax(0, 1fr); }
   #side-resizer { display: none; }
   #sidebar {
     position: fixed; z-index: 60; top: 0; left: 0; bottom: 0;
@@ -3529,7 +3526,9 @@ button.primary:hover { filter: brightness(.96); }
 
 @media (max-width: 860px) {
   #app { grid-template-columns: 42px minmax(0, 1fr); }
-  #sidebar { position: fixed; z-index: 30; left: 42px; top: 0; bottom: 0; width: 228px; transform: translateX(0); box-shadow: 16px 0 34px rgba(30,40,50,.12); }
+  /* z-index 必须压过 #drawer-mask(55)：低于遮罩时抽屉整层被半透明遮罩盖住，
+   * 抽屉里点什么都是点到遮罩（=关抽屉），主区也同时被盖——手机端「无法操作」实案 */
+  #sidebar { position: fixed; z-index: 60; left: 42px; top: 0; bottom: 0; width: 228px; transform: translateX(0); box-shadow: 16px 0 34px rgba(30,40,50,.12); }
   body.side-collapsed #app { grid-template-columns: 42px minmax(0, 1fr); }
   body.side-collapsed #sidebar { transform: translateX(-110%); opacity: 0; }
   main { padding: 20px 16px 58px; }
@@ -3882,6 +3881,21 @@ body.inspector-open #run-detail #rd-log.rd-logdrawer {
 #run-detail .rd-pane[data-pane="bookmeta"] #rd-bookmeta {
   padding-top: 4px;
 }
+.rd-checkpoints, .rd-project-memory {
+  margin: 8px 0 14px; padding: 12px 14px; border: 1px solid var(--border);
+  border-radius: 12px; background: color-mix(in srgb, var(--panel) 72%, transparent);
+}
+.rd-checkpoints-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
+.rd-checkpoints-head strong { margin-right: auto; }
+.rd-checkpoint-row, .rd-memory-row { padding: 9px 0; border-top: 1px solid var(--border); }
+.rd-checkpoint-row > strong { margin-right: 8px; overflow-wrap: anywhere; }
+.rd-checkpoint-row pre, .rd-memory-row pre {
+  max-height: 240px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere;
+  margin: 8px 0 0; padding: 9px; border-radius: 8px; background: var(--bg);
+  color: var(--text); font: 12px/1.5 ui-monospace, Consolas, monospace;
+}
+.rd-memory-row > div:first-child { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.rd-memory-actions { display: flex; gap: 6px; margin-top: 8px; }
 #run-detail .rd-pane[data-pane="git"] #rd-git,
 #run-detail .rd-pane[data-pane="bible"] #rd-bible,
 #run-detail .rd-pane[data-pane="bookmeta"] #rd-bookmeta {
@@ -5158,6 +5172,9 @@ main.chat-fill #run-detail.chat-mode > .rd-main { overflow: hidden; }
     max-height: none;
     margin-bottom: 12px;
   }
+  /* 浮卡让位 padding 只属于 ≥980 的桌面浮卡布局：窄屏对话态吃满主区，
+     32px 左右留白在 390 视口里白吃 64px（对话列只剩 284px）实案 */
+  main.chat-fill { padding: 12px 14px; }
   #rd-rail > .detail-head > .rd-actions #btn-delete {
     grid-column: auto;
     justify-self: stretch;
@@ -6632,7 +6649,8 @@ button.primary { background:var(--accent); box-shadow:0 3px 10px color-mix(in sr
 button.primary:hover { filter:brightness(.96); }
 @media (max-width:860px) {
   #app, body.side-collapsed #app { grid-template-columns:42px minmax(0,1fr); }
-  #sidebar { position:fixed; z-index:30; left:42px; top:0; bottom:0; width:228px; transform:translateX(0); box-shadow:16px 0 34px rgba(30,40,50,.12); }
+  /* z-index 必须压过 #drawer-mask(55)：低于遮罩时抽屉整层被盖、手机端无法操作（同 3528 层注释） */
+  #sidebar { position:fixed; z-index:60; left:42px; top:0; bottom:0; width:228px; transform:translateX(0); box-shadow:16px 0 34px rgba(30,40,50,.12); }
   body.side-collapsed #sidebar { transform:translateX(-110%); opacity:0; }
   main { padding:20px 16px 58px; }
   .topbar { padding:9px 14px; }
@@ -7156,125 +7174,92 @@ main.browser-page-active #page-settings > #sub-browser .browser-shell {
 .qr-card img { display: block; width: 132px; height: auto; border-radius: 6px; }
 .qr-card .hint { margin: 4px 0 2px; color: var(--muted); max-width: 140px; }
 
-/* 蜂巢流程场景：阶段平台布置在透视空间里，页面操作仍保持原生 DOM。 */
+/* Reference office: artwork and live screens always share one aspect ratio. */
 #rd-hive .sec-title { margin-bottom: 10px; }
-.hive-scene-tools {
-  display: flex; align-items: center; gap: 7px; min-height: 38px; margin-bottom: 8px;
-  color: var(--muted); font-size: 11px;
-}
+.hive-scene-tools { display: flex; align-items: center; gap: 7px; min-height: 38px; margin-bottom: 8px; color: var(--muted); font-size: 11px; }
 .hive-view-switch { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--border); border-radius: 9px; background: var(--panel); }
 .hive-view-btn, .hive-scene-btn {
   min-height: 28px; padding: 4px 10px; border: 1px solid transparent; border-radius: 6px;
   background: transparent; color: var(--muted); font: inherit; cursor: pointer;
-  transition: color .16s ease, background .16s ease, border-color .16s ease;
 }
 .hive-view-btn:hover, .hive-scene-btn:hover { color: var(--text); background: color-mix(in srgb, var(--accent) 8%, transparent); }
 .hive-view-btn.active { border-color: color-mix(in srgb, var(--accent) 32%, var(--border)); background: color-mix(in srgb, var(--accent) 12%, var(--panel)); color: var(--accent); }
 .hive-scene-hint { margin-left: 8px; }
 .hive-scene-spacer { flex: 1; }
-.hive-scene-btn { min-width: 31px; padding-inline: 8px; border-color: var(--border); background: var(--panel); font-size: 13px; }
-.hive-scene-reset { padding-inline: 10px; font-size: 11px; }
+.hive-scene-btn { min-width: 31px; border-color: var(--border); background: var(--panel); font-size: 13px; }
+.hive-scene-btn:disabled { opacity: .4; cursor: default; }
+.hive-scene-reset { font-size: 11px; }
+.hive-scene-pager { display: flex; align-items: center; gap: 5px; }
+.hive-scene-pager[hidden] { display: none; }
+.hive-scene-page-label { white-space: nowrap; font-family: var(--mono); }
 .hive-viewport {
-  position: relative; min-height: 420px; max-height: min(72vh, 820px); overflow: auto;
-  perspective: 1500px; perspective-origin: 50% 12%; transform-style: preserve-3d;
-  overscroll-behavior: contain; border: 1px solid color-mix(in srgb, var(--accent) 15%, var(--border));
-  border-radius: 16px; background:
-    radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 56%),
-    linear-gradient(145deg, color-mix(in srgb, var(--panel) 96%, var(--accent)), var(--panel) 70%);
-  box-shadow: inset 0 1px color-mix(in srgb, white 7%, transparent), 0 16px 34px color-mix(in srgb, #000 12%, transparent);
-  scrollbar-color: color-mix(in srgb, var(--accent) 32%, var(--border)) transparent;
-}
-.hive-viewport::before {
-  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .2;
-  background-image: radial-gradient(color-mix(in srgb, var(--accent) 45%, transparent) .7px, transparent .7px);
-  background-size: 18px 18px; mask-image: linear-gradient(180deg, #000, transparent 80%);
-}
-.hive-viewport.is-dragging { cursor: grabbing; user-select: none; }
-#rd-hive-cells {
-  --scene-x: 0px; --scene-y: 0px; --scene-zoom: 1;
-  position: relative;
-  isolation: isolate; display: flex; flex-direction: column; gap: 3px;
-  width: min(100%, 1040px); min-height: 100%; margin: 0 auto; padding: 22px 24px 28px;
-  transform: translate3d(var(--scene-x), var(--scene-y), 0) rotateX(18deg) rotateZ(-1deg) scale(var(--scene-zoom));
-  transform-origin: 50% 12%; transform-style: preserve-3d; cursor: grab;
-  transition: transform .14s ease-out; will-change: transform;
-}
-.hive-viewport.is-dragging #rd-hive-cells { transition: none; }
-#rd-hive-cells .hive-lane {
-  transform: translateZ(var(--lane-z, 0px));
-  transform-style: preserve-3d;
-  border: 1px solid color-mix(in srgb, var(--accent) 16%, var(--border));
-  border-radius: 13px;
-  padding: 11px 14px 12px;
-  background: linear-gradient(115deg,
-    color-mix(in srgb, var(--accent) 4%, var(--panel)),
-    color-mix(in srgb, var(--panel) 96%, transparent) 44%, var(--panel));
-  box-shadow: 0 5px 0 color-mix(in srgb, var(--border-strong) 48%, transparent),
-    0 10px 20px color-mix(in srgb, #000 10%, transparent),
-    inset 0 1px color-mix(in srgb, white 7%, transparent);
-  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
-}
-#rd-hive-cells .hive-lane:nth-child(4n + 1) { --lane-z: 16px; }
-#rd-hive-cells .hive-lane:nth-child(4n + 3) { --lane-z: 8px; }
-#rd-hive-cells .hive-lane.lane-active {
-  border-color: color-mix(in srgb, var(--accent) 58%, var(--border));
-  box-shadow: 0 6px 0 color-mix(in srgb, var(--accent) 22%, var(--border-strong)),
-    0 15px 28px color-mix(in srgb, var(--accent) 13%, #000),
-    inset 0 1px color-mix(in srgb, white 10%, transparent);
-}
-#rd-hive-cells .lane-flow {
-  transform: translateZ(6px);
-  filter: drop-shadow(0 2px 3px color-mix(in srgb, var(--accent) 24%, transparent));
-}
-#rd-hive-cells .lane-cells { gap: 8px 10px; }
-#rd-hive-cells .hive-cell {
-  position: relative;
-  min-height: 82px;
-  padding: 11px 12px 9px 15px;
-  border: 1px solid color-mix(in srgb, var(--accent) 14%, var(--border));
-  border-radius: 9px;
-  background: linear-gradient(145deg, color-mix(in srgb, var(--panel) 96%, var(--accent)), var(--panel) 78%);
-  box-shadow: 0 3px 0 color-mix(in srgb, var(--border-strong) 40%, transparent),
-    0 7px 13px color-mix(in srgb, #000 12%, transparent),
-    inset 0 1px color-mix(in srgb, white 6%, transparent);
-  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
-}
-#rd-hive-cells .hive-cell::before {
-  top: 0; bottom: 0; left: 0; right: auto; width: 3px; height: auto;
-  border-radius: 9px 0 0 9px;
-}
-#rd-hive-cells .hive-cell:hover,
-#rd-hive-cells .hive-cell:focus-visible {
-  transform: translateY(-3px) translateZ(8px);
-  border-color: color-mix(in srgb, var(--accent) 50%, var(--border));
-  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 8%, var(--panel)), var(--panel) 78%);
-  box-shadow: 0 5px 0 color-mix(in srgb, var(--accent) 25%, var(--border-strong)),
-    0 13px 20px color-mix(in srgb, var(--accent) 12%, #000);
-}
-#rd-hive-cells .hive-cell.st-running {
-  border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
-  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 9%, var(--panel)), var(--panel) 78%);
-}
-.hive-viewport.hive-2d { min-height: 0; max-height: none; overflow: visible; perspective: none; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
-#rd-hive-cells.hive-2d {
-  width: 100%; padding: 0; transform: none; cursor: default; gap: 2px;
-}
-#rd-hive-cells.hive-2d .hive-lane,
-#rd-hive-cells.hive-2d .hive-lane:nth-child(n) { --lane-z: 0px; transform: none; }
-#rd-hive-cells.hive-2d .hive-cell:hover,
-#rd-hive-cells.hive-2d .hive-cell:focus-visible { transform: translateY(-1px); }
-.hive-scene-tools.hive-2d .hive-scene-hint { display: none; }
+  position: relative; width: 100%; aspect-ratio: 2848 / 1600; overflow: hidden;
+  container-type: inline-size; border: 1px solid var(--border); border-radius: 12px;
+  background: #d4e7f7; cursor: grab; touch-action: pan-y;
+}
+.hive-viewport.is-dragging { cursor: grabbing; }
+.hive-reference-layer { position: absolute; inset: 0; transform-origin: center; }
+.hive-reference-layer[hidden] { display: none; }
+.hive-reference { position: absolute; inset: 0; display: block; width: 100%; height: 100%; user-select: none; pointer-events: none; }
+.hive-gl { display: none; }
+.hive-gl-overlay { position: absolute; inset: 0; pointer-events: none; }
+#rd-hive-viewport.hive-mode-3d #rd-hive-cells { display: none; }
+#rd-hive-viewport.hive-mode-2d { height: auto; aspect-ratio: auto; overflow: visible; border: 0; border-radius: 0; background: transparent; cursor: auto; }
+#rd-hive-viewport.hive-mode-2d .hive-reference-layer { display: none; }
+.hg-badge {
+  position: absolute; transform: translate(-50%, -50%); width: 10.8%; height: 7.6%;
+  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4cqw;
+  padding: .3cqw; border: 0; border-radius: 1.4cqw; pointer-events: auto; cursor: pointer;
+  color: #101c29; background: rgba(255,255,255,.98); box-shadow: 0 .35cqw .9cqw rgba(14,55,88,.22);
+  text-align: center; font-family: "Microsoft YaHei", sans-serif;
+}
+.hg-badge .hg-name { font-size: 1.25cqw; font-weight: 800; line-height: 1.15; white-space: nowrap; }
+.hg-badge .hg-meta { font-size: .58cqw; color: #536d7d; line-height: 1; white-space: nowrap; }
+.hg-badge:disabled { cursor: default; opacity: 1; }
+.hg-badge:hover:not(:disabled), .hg-badge:focus-visible { outline: .12cqw solid #71eaf9; outline-offset: .2cqw; }
+.hg-badge.hg-active { box-shadow: 0 0 1.1cqw rgba(0, 236, 255, .65); }
+.hg-monitor {
+  position: absolute; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto 1fr;
+  padding: .12cqw .3cqw; gap: .08cqw .18cqw; overflow: hidden; border: 0; border-radius: 0;
+  pointer-events: auto; cursor: pointer; text-align: left; color: #d8f9ff; background: #06244a;
+  font-family: var(--mono); font-size: .57cqw; line-height: 1.15;
+}
+.hg-monitor:disabled { opacity: 1; cursor: default; }
+.hg-monitor:hover:not(:disabled), .hg-monitor:focus-visible { outline: .12cqw solid #91f6ff; outline-offset: .1cqw; z-index: 1; }
+.hg-monitor-role { grid-column: 1 / -1; font-size: .69cqw; line-height: 1.16; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.hg-monitor-status { color: #94deee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.hg-monitor-time { grid-column: 2; grid-row: 2; color: #9dd8e4; white-space: nowrap; }
+.hg-monitor-tail { grid-column: 1 / -1; color: #b3e7f2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.hg-monitor.st-running { box-shadow: inset 0 -.1cqw #52edf5; }
+.hg-monitor.st-running .hg-monitor-status { color: #5cf5fc; }
+.hg-monitor.st-done .hg-monitor-status { color: #99f3bf; }
+.hg-monitor.st-failed .hg-monitor-status, .hg-monitor.st-timeout .hg-monitor-status { color: #ffa2a2; }
+.hg-monitor.st-idle { color: #9abccf; }
+.hive-scene-tools.hive-2d .hive-scene-hint, .hive-scene-tools.hive-2d .hive-scene-pager { display: none; }
+.hg-chip, .hg-tip { display: none; }
+@media (prefers-reduced-motion: reduce) {
+  .hive-reference-layer { transition: none; }
+}
+
+.hive-detail-dialog {
+  width: min(800px, calc(100vw - 32px)); max-height: 84vh; padding: 0; overflow: hidden;
+  border: 1px solid var(--border); border-radius: 14px; color: var(--text); background: var(--panel);
+  box-shadow: 0 24px 90px #0005;
+}
+.hive-detail-dialog::backdrop { background: #04182c66; backdrop-filter: blur(3px); }
+.hive-detail-head { display: flex; align-items: center; gap: 12px; padding: 18px 22px; border-bottom: 1px solid var(--border); }
+.hive-detail-head h3 { margin: 0; flex: 1; overflow-wrap: anywhere; font-size: 17px; }
+.hive-detail-close { min-width: 32px; min-height: 32px; border: 1px solid var(--border); border-radius: 6px; background: var(--panel2); color: var(--text); cursor: pointer; }
+.hive-detail-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 12px 22px; font-size: 12px; color: var(--muted); }
+.hive-detail-status { color: var(--accent); font-weight: 600; }
+.hive-detail-log { margin: 0; padding: 18px 22px; min-height: 160px; max-height: 56vh; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--log-text); background: var(--log-bg); font: 12px/1.7 var(--mono); }
+.hive-detail-error { margin: 0; padding: 8px 22px; color: var(--bad); font-size: 12px; }
+.hive-detail-error:empty { display: none; }
 @media (max-width: 720px) {
   .hive-scene-tools { flex-wrap: wrap; }
   .hive-scene-hint { order: 2; width: 100%; margin: 0 0 3px; }
   .hive-scene-spacer { flex: 1 1 0; }
-  .hive-viewport { min-height: 340px; max-height: 64vh; }
-  #rd-hive-cells { padding: 12px 14px 18px; }
-}
-@media (prefers-reduced-motion: reduce) {
-  #rd-hive-cells { transition: none; }
-  #rd-hive-cells .hive-lane,
-  #rd-hive-cells .hive-cell { transition: none; }
+  .hive-detail-head, .hive-detail-meta, .hive-detail-log { padding-inline: 14px; }
 }
 
 /* ---- 发布台·批量选择（pb-pend）：待发章号 chips + 全选/清空 + 发布所选/直发所选 ---- */
@@ -7290,3 +7275,4 @@ main.browser-page-active #page-settings > #sub-browser .browser-shell {
 .pb-chip.on { border-color: var(--accent, #4a7dbe); color: var(--text); }
 .pb-chip input { margin: 0; }
 .pb-pend-btns { display: flex; gap: 8px; margin-top: 6px; }
+.pb-vol { font-size: 11px; color: var(--accent, #4a7dbe); margin-top: 5px; font-weight: 600; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codebee",
-  "version": "0.1.96",
+  "version": "0.1.98",
   "description": "CodeBee · 多智能体编排台 — 统一编排本机 AI 编码 CLI（Codex / Claude Code / QwenCode / OpenCode / Aider…）：目标→拆解→路由→执行→验证→跨厂商评审→修复→报告。纯 Python 标准库实现，本地 Web UI。",
   "license": "MIT",
   "bin": {
@@ -36,7 +36,8 @@
     "release:gate": "python scripts/release_gate.py",
     "release": "python scripts/release_gate.py --publish",
     "prepublishOnly": "python scripts/release_gate.py",
-    "release:clean": "python scripts/prune_release_debris.py"
+    "release:clean": "python scripts/prune_release_debris.py",
+    "postpublish": "node scripts/postpublish_tag.cjs"
   },
   "repository": {
     "type": "git",