pi-studio 0.9.48 → 0.9.50

package/client/studio-preview-resource-helpers.js

@@ -43,10 +43,62 @@
     return { attempted: images.length, resolved };
   }
 
+  function buildStudioPdfVersionSignature(headers) {
+    if (!headers || typeof headers.get !== "function") return "";
+    const etag = String(headers.get("etag") || "").trim();
+    const modified = String(headers.get("last-modified") || "").trim();
+    const length = String(headers.get("content-length") || "").trim();
+    if (!etag && !modified && !length) return "";
+    return [etag, modified, length].join("\n");
+  }
+
+  function createStudioPdfVersionObservationState() {
+    return {
+      baseline: "",
+      candidate: "",
+      candidateCount: 0,
+    };
+  }
+
+  function observeStudioPdfVersion(previousState, signature, stableObservations) {
+    const state = previousState && typeof previousState === "object"
+      ? previousState
+      : createStudioPdfVersionObservationState();
+    const nextSignature = String(signature || "").trim();
+    const required = Math.max(2, Number.parseInt(String(stableObservations || "2"), 10) || 2);
+    if (!nextSignature) return { state, changed: false };
+    if (!state.baseline) {
+      return {
+        state: { baseline: nextSignature, candidate: "", candidateCount: 0 },
+        changed: false,
+      };
+    }
+    if (nextSignature === state.baseline) {
+      return {
+        state: { baseline: state.baseline, candidate: "", candidateCount: 0 },
+        changed: false,
+      };
+    }
+    const candidateCount = nextSignature === state.candidate ? state.candidateCount + 1 : 1;
+    if (candidateCount < required) {
+      return {
+        state: { baseline: state.baseline, candidate: nextSignature, candidateCount },
+        changed: false,
+      };
+    }
+    return {
+      state: { baseline: nextSignature, candidate: "", candidateCount: 0 },
+      changed: true,
+    };
+  }
+
   globalThis.PiStudioPreviewResourceHelpers = Object.freeze({
     STUDIO_PREVIEW_LOCAL_IMAGE_LIMIT,
     areStudioPreviewResourceContextsEqual,
+    buildStudioPdfVersionSignature,
+    createStudioPdfVersionObservationState,
     hydrateStudioPreviewLocalImages,
     isResolvableStudioPreviewImageSource,
+    observeStudioPdfVersion,
   });
 })();

package/client/studio.css

@@ -59,28 +59,77 @@
       flex-wrap: wrap;
     }
 
-    .zen-mode-btn {
+    .zen-mode-btn,
+    .header-visibility-btn {
       font-weight: inherit;
       white-space: nowrap;
     }
 
-    body.studio-zen-mode > header {
-      padding: 8px 12px;
+    body.studio-header-hidden > #studioHeader,
+    body.studio-zen-mode > #studioHeader {
+      display: none !important;
     }
 
-    body.studio-zen-mode .app-subtitle {
-      display: none;
+    .studio-header-reveal {
+      position: fixed;
+      top: 0;
+      right: max(8px, env(safe-area-inset-right));
+      z-index: 60;
+      width: 118px;
+      height: 10px;
+      cursor: pointer;
     }
 
-    body.studio-zen-mode > header .controls > :not(#zenModeBtn) {
+    .studio-header-reveal[hidden] {
       display: none !important;
     }
 
-    body.studio-zen-mode #zenModeBtn {
+    .studio-header-reveal::after {
+      content: "";
+      position: absolute;
+      right: 10px;
+      bottom: 2px;
+      left: 10px;
+      height: 3px;
+      border-radius: 999px;
+      background: var(--accent);
+      opacity: 0.62;
+      pointer-events: none;
+    }
+
+    .studio-header-reveal button {
+      position: absolute;
+      top: 0;
+      right: 0;
+      min-width: 100%;
+      min-height: 32px;
+      padding: 5px 10px;
+      border-top: 0;
+      border-radius: 0 0 9px 9px;
       background: var(--panel);
-      border-color: var(--control-border);
       color: var(--text);
-      font-weight: inherit;
+      box-shadow: 0 8px 24px var(--shadow-color);
+      white-space: nowrap;
+      transform: translateY(calc(-100% + 5px));
+      transition: transform 140ms ease;
+    }
+
+    .studio-header-reveal.is-open button,
+    .studio-header-reveal:hover button,
+    .studio-header-reveal:focus-within button {
+      transform: translateY(0);
+    }
+
+    .studio-header-reveal button:not(:disabled):hover,
+    .studio-header-reveal button:focus-visible {
+      background: var(--panel-2);
+      color: var(--accent);
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .studio-header-reveal button {
+        transition: none;
+      }
     }
 
     .export-preview-controls {
@@ -1822,6 +1871,20 @@
       border-color: var(--control-border);
     }
 
+    .rendered-markdown button.studio-pdf-card-auto-refresh[aria-pressed="true"] {
+      background: transparent;
+      color: var(--accent);
+      border-color: transparent;
+      font-weight: 600;
+    }
+
+    .rendered-markdown button.studio-pdf-card-auto-refresh[aria-pressed="true"]:not(:disabled):hover,
+    .rendered-markdown button.studio-pdf-card-auto-refresh[aria-pressed="true"]:focus-visible {
+      background: var(--panel);
+      color: var(--accent);
+      border-color: var(--control-border);
+    }
+
     .rendered-markdown button.studio-pdf-card-focus {
       width: 29px;
       min-width: 29px;
@@ -1983,6 +2046,20 @@
       color: var(--text);
     }
 
+    .studio-pdf-focus-auto-refresh[aria-pressed="true"] {
+      background: transparent;
+      border-color: transparent;
+      color: var(--accent);
+      font-weight: 600;
+    }
+
+    .studio-pdf-focus-auto-refresh[aria-pressed="true"]:not(:disabled):hover,
+    .studio-pdf-focus-auto-refresh[aria-pressed="true"]:focus-visible {
+      background: var(--panel);
+      border-color: var(--control-border);
+      color: var(--accent);
+    }
+
     .studio-pdf-focus-btn .studio-refresh-icon {
       width: 14px;
       height: 14px;
@@ -5360,10 +5437,6 @@
       gap: 5px;
     }
 
-    body.studio-ui-refresh.studio-zen-mode > header {
-      padding: 7px 12px;
-    }
-
     body.studio-ui-refresh > header button,
     body.studio-ui-refresh #responseActions button,
     body.studio-ui-refresh #responseActions select {