fix(cli-monitor): absolute 改 fixed + z-110, 跨平台可见

用户报告 Win 看得见监控黑框, Mac 看不见 (图 45)。
之前用 absolute 受父容器布局/视口限制, 在 Mac Safari/Chrome 某些布局下
可能被 RightPanel 抽屉遮挡或滚出视口。改 fixed + z-index 110
(高于 DebateStreamPanel 的 100), 折叠 chip 与展开抽屉都浮在最顶层。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: nieao

src/components/CliMonitor.jsx

@@ -101,11 +101,13 @@ export default function CliMonitor() {
     return (
       <button
         onClick={() => setOpen(true)}
-        // 抬到 CostMeterChip (bottom 12 right 12) 上方, 不重叠
-        className="absolute z-40 flex items-center gap-2 px-3 py-1.5 rounded-md shadow-lg transition-all hover:translate-y-[-2px]"
+        // fixed + 高 z-index, 跨平台都能看见 (用户报告 Win 可见 Mac 不可见,
+        // 之前 absolute 在某些布局下被 RightPanel 抽屉/视口限制挡住)
+        className="fixed flex items-center gap-2 px-3 py-1.5 rounded-md shadow-lg transition-all hover:translate-y-[-2px]"
         style={{
           bottom: 56,
           right: 12,
+          zIndex: 110,
           background: '#1a1a1a',
           color: '#fafafa',
           border: '1px solid #2d2d2d',
@@ -128,9 +130,13 @@ export default function CliMonitor() {
 
   return (
     <div
-      className="absolute top-0 right-0 bottom-0 z-40 flex flex-col"
+      className="fixed flex flex-col"
       style={{
+        top: 0,
+        right: 0,
+        bottom: 0,
         width: 420,
+        zIndex: 110,
         background: '#0f0f0f',
         color: '#e0e0e0',
         borderLeft: '1px solid #2d2d2d',