pi-studio 0.9.47 → 0.9.49

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

@@ -148,7 +148,7 @@
       background: var(--panel-2);
     }
 
-    button, select, .file-label {
+    button, select {
       border: 1px solid var(--control-border);
       background: var(--panel);
       color: var(--text);
@@ -163,14 +163,12 @@
     }
 
     button:not(:disabled):hover,
-    select:hover,
-    .file-label:hover {
+    select:hover {
       background: var(--panel-2);
     }
 
     button:focus-visible,
-    select:focus-visible,
-    .file-label:focus-within {
+    select:focus-visible {
       outline: 2px solid var(--accent-soft-strong);
       outline-offset: 1px;
     }
@@ -229,15 +227,8 @@
       filter: none;
     }
 
-    .file-label {
-      cursor: pointer;
-      display: inline-flex;
-      align-items: center;
-      gap: 6px;
-    }
-
-    .file-label input {
-      display: none;
+    .file-input-hidden {
+      display: none !important;
     }
 
     main {
@@ -1749,6 +1740,7 @@
 
     .rendered-markdown .studio-pdf-card-header {
       display: flex;
+      flex-wrap: wrap;
       align-items: center;
       justify-content: space-between;
       gap: 10px;
@@ -1777,10 +1769,13 @@
     }
 
     .rendered-markdown .studio-pdf-card-actions {
-      flex: 0 0 auto;
+      flex: 0 1 auto;
       display: inline-flex;
+      flex-wrap: wrap;
+      justify-content: flex-end;
       align-items: center;
       gap: 8px;
+      margin-left: auto;
     }
 
     .rendered-markdown .studio-pdf-card-link,
@@ -1827,6 +1822,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;
@@ -1907,6 +1916,7 @@
     .studio-pdf-focus-header {
       flex: 0 0 auto;
       display: flex;
+      flex-wrap: wrap;
       align-items: center;
       justify-content: space-between;
       gap: 12px;
@@ -1934,10 +1944,13 @@
     }
 
     .studio-pdf-focus-actions {
-      flex: 0 0 auto;
+      flex: 0 1 auto;
       display: inline-flex;
+      flex-wrap: wrap;
+      justify-content: flex-end;
       align-items: center;
       gap: 8px;
+      margin-left: auto;
     }
 
     .studio-pdf-focus-link,
@@ -1984,6 +1997,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;
@@ -2909,6 +2936,10 @@
       font-style: italic;
     }
 
+    .studio-latex-compatibility-warning {
+      margin: 0 0 0.85em;
+    }
+
     .marker {
       display: inline-block;
       padding: 0 4px;
@@ -5362,13 +5393,13 @@
     }
 
     body.studio-ui-refresh > header button,
-    body.studio-ui-refresh > header .file-label,
     body.studio-ui-refresh #responseActions button,
     body.studio-ui-refresh #responseActions select {
       padding: 5px 7px;
       font-size: 12px;
     }
 
+
     body.studio-ui-refresh main {
       gap: 0;
       padding: 9px;
@@ -6101,6 +6132,102 @@
       font-weight: 700;
     }
 
+    .studio-decision-overlay {
+      position: fixed;
+      inset: 0;
+      z-index: 13000;
+      display: grid;
+      place-items: center;
+      padding: 20px;
+      background: rgba(0, 0, 0, 0.58);
+      backdrop-filter: blur(2px);
+    }
+
+    .studio-decision-overlay[hidden] {
+      display: none !important;
+    }
+
+    .studio-decision-dialog {
+      width: min(560px, calc(100vw - 32px));
+      max-height: min(80vh, 680px);
+      overflow: auto;
+      padding: 20px;
+      border: 1px solid var(--panel-border);
+      border-radius: 14px;
+      background: var(--panel);
+      color: var(--text);
+      box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
+    }
+
+    .studio-decision-title {
+      margin: 0;
+      color: var(--text);
+      font-size: 17px;
+      line-height: 1.3;
+    }
+
+    .studio-decision-message {
+      margin-top: 10px;
+      color: var(--studio-info-text, var(--muted));
+      font-size: 13px;
+      line-height: 1.5;
+      white-space: pre-wrap;
+      overflow-wrap: anywhere;
+    }
+
+    .studio-decision-input {
+      width: 100%;
+      margin-top: 16px;
+      padding: 9px 10px;
+      border: 1px solid var(--control-border);
+      border-radius: 8px;
+      background: var(--panel-2);
+      color: var(--text);
+      font-family: var(--font-mono);
+      font-size: 13px;
+    }
+
+    .studio-decision-input[hidden] {
+      display: none !important;
+    }
+
+    .studio-decision-input:focus {
+      border-color: var(--accent);
+      outline: 2px solid var(--accent-soft);
+      outline-offset: 1px;
+    }
+
+    .studio-decision-actions {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+      gap: 8px;
+      margin-top: 18px;
+    }
+
+    .studio-decision-confirm:not(.is-destructive) {
+      border-color: var(--accent);
+      background: var(--accent);
+      color: var(--accent-contrast);
+      font-weight: 650;
+    }
+
+    .studio-decision-confirm.is-destructive {
+      border-color: var(--warn-border);
+      background: color-mix(in srgb, var(--warn) 15%, var(--panel));
+      color: var(--warn);
+      font-weight: 650;
+    }
+
+    .studio-decision-confirm.is-destructive:hover,
+    .studio-decision-confirm.is-destructive:focus-visible {
+      background: color-mix(in srgb, var(--warn) 24%, var(--panel));
+    }
+
+    body.studio-decision-open {
+      overflow: hidden;
+    }
+
     .studio-preview-link-menu {
       position: fixed;
       z-index: 12000;