Integrate pending agent, runtime, desktop pet, and macOS fixes

assets/desktop_pet/agent_office_pet.html

@@ -18,7 +18,8 @@
 .ov{position:absolute;inset:0;pointer-events:none;line-height:1.4}
 .scene canvas.up{position:absolute;inset:0;image-rendering:auto;pointer-events:none}
 .grip{position:absolute;left:calc(11 / 344 * 100%);top:calc(112 / 252 * 100%);width:16px;height:16px;cursor:nwse-resize;opacity:0;transition:opacity .15s;z-index:3}
-.scene:hover .grip{opacity:.95}
+/* The resize handle stays hidden (but hit-testable) until the pointer is on it. */
+.grip:hover{opacity:.95}
 .grip svg{display:block;width:100%;height:100%}
 .zoom-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#27324f;color:#fff;font-weight:700;border-radius:6px;padding:2px 9px;font-size:13px;pointer-events:none;z-index:4}
 .bub{position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;gap:3px;max-width:min(64vw,calc(var(--k) * 150px));background:#fff;color:#1b2540;border:2px solid #27324f;border-radius:6px;padding:1px 6px 2px;font-size:max(10px,calc(var(--k) * 6.2px));font-weight:700;white-space:nowrap;box-shadow:2px 2px 0 rgba(20,24,40,.28)}

assets/desktop_pet/classic/README.md

@@ -2,4 +2,8 @@
 
 Clippy（43 个动作）与 Rover（29 个动作）原始 PNG 精灵图和动作数据来自 [clippyjs/clippy.js](https://github.com/clippyjs/clippy.js)，固定提交和 SHA-256 见 `sources.json`。`preview.png` 直接裁取原图的 RestPose 首帧，仅用于设置中的预览。
 
+## 趴边偷看（clippy/peek.png、rover/peek.png）
+
+宠物拖到屏幕左/右边缘吸附后改用各自目录下的 `peek.png`：两帧并排（左睁眼、右闭眼），透明背景，画面右缘就是它躲着的那条屏幕边（贴左边时页面水平镜像）。不来自上游项目，2026-10-16 用 Codex 的内置图像生成（codex-cli 0.162）绘制，以本目录精灵图的整张图与 RestPose / Idle 首帧作为风格参考，要求同一角色设计与画风：回形针把上半截钢丝和两只大眼睛从画面右缘探进来，rover 探出脑袋、两只前爪扒着右缘。闭眼帧由同一张图做「只闭眼、其余不变」的编辑，再只把眼睛区域贴回睁眼图，眨眼时其余像素不动。处理：纯绿背景抠成透明并去绿边，两帧同裁，按眼睛大小与原帧一致缩到精灵分辨率（回形针 29×75、rover 41×56 每帧），alpha 只留全透明 / 不透明，颜色映射到对应 `map.png` 实际用到、且不偏绿的调色板颜色，所以和原帧一样是不平滑放大的像素画。换图时要按眼睛重新量缩放，页面里的倍数见 `classic_pet.js` 的 `PEEK` 表。
+
 角色由 Microsoft 创作；上游代码许可保存在 `MIT-LICENSE.txt`。ACECode 自有播放器不依赖上游 jQuery 播放器，不播放原始音效。素材随本地程序打包，运行时没有 CDN 请求。

assets/desktop_pet/classic_pet.html

@@ -21,7 +21,11 @@
    box, and Windows clips painting to it, so a shadow running past it is cut off hard. */
 /* Card text is the ACECode transcript body text: same family, size and line height (the main
    window sends its live values with every snapshot, following its font-size setting). */
-.stack{position:absolute;left:0;right:0;bottom:calc(58% - 10px);z-index:3;padding:12px max(4%,16px) 26px;font:var(--pet-font-size)/1.6 var(--pet-font)}
+/* In a small window the cards would run past the top edge: --stack-fit (set by fitStack) shrinks
+   them, down to 9px text, and .pinned holds them at the top edge when even that is too tall. */
+.stack{position:absolute;left:0;right:0;bottom:calc(58% - 10px);z-index:3;padding:calc(12px * var(--stack-fit, 1)) max(4%,16px) calc(26px * var(--stack-fit, 1));
+  font:calc(var(--pet-font-size) * var(--stack-fit, 1))/1.6 var(--pet-font)}
+.stack.collapsed.pinned{bottom:auto;top:0}
 .stack.expanded{bottom:auto;top:0;max-height:100%;overflow-y:auto;scrollbar-width:thin}
 .deck{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px}
 .stack.collapsed .card:not(:first-child){display:none}
@@ -34,7 +38,8 @@
 .text{flex:1;min-width:0}
 .head{display:flex;align-items:center;gap:.4em;font-weight:700}
 .name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
-.body{margin-top:.1em;color:var(--card-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+/* A block box: on an inline span the ellipsis does nothing and long text runs under the stop button. */
+.body{display:block;margin-top:.1em;color:var(--card-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .icon{flex:none;width:1.1em;height:1.1em;display:grid;place-items:center}
 .icon svg{width:100%;height:100%}
 .spinner{width:.9em;height:.9em;border:2px solid var(--card-button);border-top-color:var(--idle);border-radius:50%;animation:spin .9s linear infinite}
@@ -46,8 +51,10 @@
   box-shadow:0 1px 3px rgba(0,0,0,.25);display:none;place-items:center;cursor:pointer;padding:0;font:inherit;font-weight:700;line-height:1}
 .card:hover .dismiss,.card:focus-within .dismiss{display:grid}
 .stack.collapsed.layers .card .dismiss{display:none}
-.grip{position:absolute;left:calc(11 / 344 * 100%);top:calc(112 / 252 * 100%);width:16px;height:16px;cursor:nwse-resize;opacity:0;z-index:2}
-.scene:hover .grip,.scene:focus-within .grip{opacity:1}
+/* The resize handle sits at the top-left of the visible pet (placed by reportRegions) and stays
+   hidden, though still hit-testable, until the pointer is on it. */
+.grip{position:absolute;width:16px;height:16px;cursor:nwse-resize;opacity:0;transition:opacity .15s;z-index:2}
+.grip:hover{opacity:1}
 .grip svg{width:100%;height:100%;fill:none;stroke:var(--pet-ink);stroke-width:2}
 .badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--pet-ink);color:#fff;padding:3px 8px;border-radius:5px;pointer-events:none}
 [hidden]{display:none!important}
@@ -57,7 +64,7 @@
 <div class="scene" id="scene">
   <div class="stack collapsed" id="stack" role="list" aria-label="会话动态" hidden><div class="deck" id="deck"></div></div>
   <canvas id="cv" width="344" height="252" aria-label="桌面宠物，双击打开 ACECode"></canvas>
-  <div class="grip" id="grip" title="拖动调整大小，双击恢复默认大小"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M2 7L7 2M2 11L11 2M2 15L15 2"/></svg></div>
+  <div class="grip" id="grip" title="拖动调整大小，双击恢复默认大小" hidden><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M2 7L7 2M2 11L11 2M2 15L15 2"/></svg></div>
   <div class="badge" id="badge" hidden></div>
 </div>
 <script>window.ClassicPetAgents={};window.clippy={ready:(name,data)=>{window.ClassicPetAgents[name.toLowerCase()]=data;}};</script>