@cfbender/cesium 0.7.0 → 0.7.1

package/README.md

@@ -36,7 +36,7 @@ Add to `~/.config/opencode/opencode.json`:
 
 ```json
 {
-  "plugin": ["@cfbender/cesium"]
+  "plugin": ["@cfbender/cesium@latest"]
 }
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfbender/cesium",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Beautiful self-contained HTML artifacts from your opencode agent.",
   "keywords": [
     "agent",

package/src/render/client-js.ts

@@ -942,7 +942,6 @@ export function getClientJs(): string {
       // Hide when popup opens (activePopup watcher via close/open hooks handled inline above)
       // Hide menu when selection is cleared or moves outside anchored content
     }
-    }
 
     // ─── Verdict button wiring ───────────────────────────────────────────────
     function wireVerdictButtons() {

package/src/render/theme.ts

@@ -1133,13 +1133,37 @@ body { position: relative; }
   flex-direction: column;
   z-index: 50;
 }
-@media (max-width: 900px) {
+/* When annotate is active and viewport has room for page + rail side-by-side,
+   shift .page leftward so its right edge (and the .cs-anchor-affordance-block
+   button parked at right: 8px of each annotatable block) does not slide under
+   the rail. Required viewport width: 1120 (page) + 24 (gap) + 280 (rail) +
+   24 (right gutter) = 1448px. */
+@media (min-width: 1448px) {
+  body.cs-annotate-active .page,
+  body:has(.cs-annotate-scaffold) .page {
+    margin-right: 328px; /* rail width (280) + outer gutter (24) + inner gap (24) */
+    margin-left: auto;
+  }
+}
+/* Below 1448px, fall back to a static rail below content. The previous
+   breakpoint at 900px left a wide intermediate zone where the absolute rail
+   overlapped the right edge of .page and covered the per-block Comment button. */
+@media (max-width: 1447px) {
   .cs-comment-rail {
     position: static;
     width: 100%;
     max-height: none;
     margin-top: 24px;
   }
+  /* In static-rail mode, bubbles flow naturally; positionBubbles() sets
+     top: <px> which we override since bubbles should stack normally. */
+  .cs-comment-rail .cs-comment-bubble {
+    position: static;
+    margin-bottom: 12px;
+  }
+  .cs-comment-rail .cs-comment-bubble::before {
+    display: none;
+  }
 }
 .cs-comment-bubble {
   position: absolute;