@marimo-team/frontend 0.19.7-dev35 → 0.19.7-dev37

package/src/utils/__tests__/download.test.tsx

@@ -166,51 +166,6 @@ describe("getImageDataUrlForCell", () => {
     );
   });
 
-  it("should add printing classes before capture when snappy is false", async () => {
-    vi.mocked(toPng).mockImplementation(async () => {
-      // Check classes are applied during capture
-      expect(mockElement.classList.contains("printing-output")).toBe(true);
-      expect(document.body.classList.contains("printing")).toBe(true);
-      expect(mockElement.style.overflow).toBe("auto");
-      return mockDataUrl;
-    });
-
-    await getImageDataUrlForCell("cell-1" as CellId, false);
-  });
-
-  it("should remove printing classes after capture when snappy is false", async () => {
-    vi.mocked(toPng).mockResolvedValue(mockDataUrl);
-
-    await getImageDataUrlForCell("cell-1" as CellId, false);
-
-    expect(mockElement.classList.contains("printing-output")).toBe(false);
-    expect(document.body.classList.contains("printing")).toBe(false);
-  });
-
-  it("should add printing-output but NOT body.printing when snappy is true", async () => {
-    vi.mocked(toPng).mockImplementation(async () => {
-      // printing-output should still be added to the element
-      expect(mockElement.classList.contains("printing-output")).toBe(true);
-      // but body.printing should NOT be added when snappy mode is on
-      expect(document.body.classList.contains("printing")).toBe(false);
-      expect(mockElement.style.overflow).toBe("auto");
-      return mockDataUrl;
-    });
-
-    await getImageDataUrlForCell("cell-1" as CellId, true);
-  });
-
-  it("should cleanup printing-output when snappy is true", async () => {
-    mockElement.style.overflow = "hidden";
-    vi.mocked(toPng).mockResolvedValue(mockDataUrl);
-
-    await getImageDataUrlForCell("cell-1" as CellId, true);
-
-    expect(mockElement.classList.contains("printing-output")).toBe(false);
-    expect(document.body.classList.contains("printing")).toBe(false);
-    expect(mockElement.style.overflow).toBe("hidden");
-  });
-
   it("should restore original overflow style after capture", async () => {
     mockElement.style.overflow = "hidden";
     vi.mocked(toPng).mockResolvedValue(mockDataUrl);
@@ -234,88 +189,27 @@ describe("getImageDataUrlForCell", () => {
 
     await expect(getImageDataUrlForCell("cell-1" as CellId)).rejects.toThrow();
 
-    expect(mockElement.classList.contains("printing-output")).toBe(false);
     expect(document.body.classList.contains("printing")).toBe(false);
     expect(mockElement.style.overflow).toBe("scroll");
   });
 
-  it("should maintain body.printing during concurrent captures when snappy is false", async () => {
-    // Create a second element
-    const mockElement2 = document.createElement("div");
-    mockElement2.id = CellOutputId.create("cell-2" as CellId);
-    document.body.append(mockElement2);
-
-    // Track body.printing state during each capture
-    const printingStateDuringCaptures: boolean[] = [];
-    let resolveFirst: () => void;
-    let resolveSecond: () => void;
-
-    const firstPromise = new Promise<void>((resolve) => {
-      resolveFirst = resolve;
-    });
-    const secondPromise = new Promise<void>((resolve) => {
-      resolveSecond = resolve;
-    });
-
-    vi.mocked(toPng).mockImplementation(async (element) => {
-      printingStateDuringCaptures.push(
-        document.body.classList.contains("printing"),
-      );
-
-      // Simulate async work - first capture takes longer
-      await (element.id.includes("cell-1") ? firstPromise : secondPromise);
-
-      // Check state again after waiting
-      printingStateDuringCaptures.push(
-        document.body.classList.contains("printing"),
-      );
-
-      return mockDataUrl;
-    });
-
-    // Start both captures concurrently with snappy = false (body.printing should be added)
-    const capture1 = getImageDataUrlForCell("cell-1" as CellId, false);
-    const capture2 = getImageDataUrlForCell("cell-2" as CellId, false);
-
-    // Let second capture complete first
-    resolveSecond!();
-    await new Promise((r) => setTimeout(r, 0));
-
-    // body.printing should still be present because cell-1 is still capturing
-    expect(document.body.classList.contains("printing")).toBe(true);
-
-    // Now let first capture complete
-    resolveFirst!();
-    await Promise.all([capture1, capture2]);
-
-    // After all captures complete, body.printing should be removed
-    expect(document.body.classList.contains("printing")).toBe(false);
-
-    // All captures should have seen body.printing = true
-    expect(printingStateDuringCaptures.every(Boolean)).toBe(true);
-
-    mockElement2.remove();
-  });
-
-  it("should not interfere with body.printing during concurrent captures when snappy is true", async () => {
+  it("should handle concurrent captures correctly", async () => {
     // Create a second element
     const mockElement2 = document.createElement("div");
     mockElement2.id = CellOutputId.create("cell-2" as CellId);
     document.body.append(mockElement2);
 
     vi.mocked(toPng).mockImplementation(async () => {
-      // body.printing should never be added when snappy is true
+      // body.printing should not be added during cell captures
       expect(document.body.classList.contains("printing")).toBe(false);
       return mockDataUrl;
     });
 
-    // Start both captures concurrently with snappy = true (body.printing should NOT be added)
-    const capture1 = getImageDataUrlForCell("cell-1" as CellId, true);
-    const capture2 = getImageDataUrlForCell("cell-2" as CellId, true);
+    const capture1 = getImageDataUrlForCell("cell-1" as CellId);
+    const capture2 = getImageDataUrlForCell("cell-2" as CellId);
 
     await Promise.all([capture1, capture2]);
 
-    // body.printing should still not be present
     expect(document.body.classList.contains("printing")).toBe(false);
 
     mockElement2.remove();
@@ -515,9 +409,7 @@ describe("downloadCellOutputAsImage", () => {
   it("should apply cell-specific preparation", async () => {
     vi.mocked(toPng).mockImplementation(async () => {
       // Check that cell-specific classes are applied
-      expect(mockElement.classList.contains("printing-output")).toBe(true);
-      expect(document.body.classList.contains("printing")).toBe(true);
-      expect(mockElement.style.overflow).toBe("auto");
+      expect(mockElement.style.overflow).toBe("visible");
       return mockDataUrl;
     });
 
@@ -530,7 +422,6 @@ describe("downloadCellOutputAsImage", () => {
 
     await downloadCellOutputAsImage("cell-1" as CellId, "result");
 
-    expect(mockElement.classList.contains("printing-output")).toBe(false);
     expect(document.body.classList.contains("printing")).toBe(false);
     expect(mockElement.style.overflow).toBe("visible");
   });

package/src/utils/async-capture-tracker.ts

@@ -0,0 +1,168 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { Deferred } from "./Deferred";
+
+/**
+ * Handle returned by {@link AsyncCaptureTracker.startCapture}.
+ *
+ * The handle is scoped to one capture attempt. If the same key is re-captured
+ * before this handle completes, calling `markCaptured` or `markFailed` on
+ * the stale handle is a safe no-op.
+ */
+export interface CaptureHandle<R> {
+  /** Per-key AbortSignal — check between async steps. */
+  readonly signal: AbortSignal;
+  /** Mark the capture as successful and resolve waiters with the result. */
+  markCaptured(result: R): void;
+  /** Mark the capture as failed — the key returns to idle for retry. */
+  markFailed(): void;
+}
+
+interface InFlightEntry<R> {
+  controller: AbortController;
+  inputValue: unknown;
+  deferred: Deferred<R | undefined>;
+}
+
+/**
+ * Tracks async capture operations to prevent race conditions.
+ *
+ * Each key transitions through states:
+ * - **idle**: Not captured or previously failed — eligible for capture
+ * - **in-flight**: Capture started but not completed — skipped unless value changed
+ * - **captured(value)**: Successfully captured — skipped until value changes
+ *
+ * Abort is per-key: aborting one key's in-flight capture does not affect others.
+ *
+ * Guarantees:
+ * - Items are only marked "captured" after successful async completion
+ * - In-flight items with the same value are skipped (prevents duplicates)
+ * - In-flight items whose value changed are aborted and re-captured
+ * - Failed items return to idle (retried next cycle)
+ * - Concurrent callers can await an in-flight capture via {@link waitForInFlight}
+ * - Stale handles are safe no-ops (checked via entry identity)
+ */
+export class AsyncCaptureTracker<K, R = unknown> {
+  /** Input values for successfully captured keys */
+  private capturedInputs = new Map<K, unknown>();
+  /** Per-key in-flight state */
+  private inFlight = new Map<K, InFlightEntry<R>>();
+
+  /** Abort an in-flight entry and resolve its waiters with `undefined`. */
+  private cancelEntry(entry: InFlightEntry<R>): void {
+    entry.controller.abort();
+    if (entry.deferred.status === "pending") {
+      entry.deferred.resolve(undefined);
+    }
+  }
+
+  /**
+   * Whether a key needs capturing based on its current input value.
+   * Returns false if:
+   * - Already captured with the same value
+   * - In-flight with the same value (let it finish — use {@link waitForInFlight} to get the result)
+   * Returns true if:
+   * - Never captured
+   * - Captured with a different value
+   * - In-flight with a different value (will be aborted on {@link startCapture})
+   */
+  needsCapture(key: K, inputValue: unknown): boolean {
+    if (this.capturedInputs.get(key) === inputValue) {
+      return false;
+    }
+    const flight = this.inFlight.get(key);
+    if (flight && flight.inputValue === inputValue) {
+      return false;
+    }
+    return true;
+  }
+
+  /**
+   * If the key is in-flight with the given input value, returns a promise
+   * that resolves when the capture completes (with the result, or `undefined`
+   * on failure/abort). Returns `null` otherwise.
+   */
+  waitForInFlight(key: K, inputValue: unknown): Promise<R | undefined> | null {
+    const flight = this.inFlight.get(key);
+    if (flight && flight.inputValue === inputValue) {
+      return flight.deferred.promise;
+    }
+    return null;
+  }
+
+  /**
+   * Start capturing a single key. If the key is already in-flight,
+   * aborts only that key's previous capture and resolves its waiters
+   * with `undefined`.
+   *
+   * @returns A {@link CaptureHandle} scoped to this attempt.
+   */
+  startCapture(key: K, inputValue: unknown): CaptureHandle<R> {
+    const prev = this.inFlight.get(key);
+    if (prev) {
+      this.cancelEntry(prev);
+    }
+
+    const controller = new AbortController();
+    const deferred = new Deferred<R | undefined>();
+    const entry: InFlightEntry<R> = { controller, inputValue, deferred };
+    this.inFlight.set(key, entry);
+
+    return {
+      signal: controller.signal,
+      markCaptured: (result: R) => {
+        // No-op if this handle was superseded by a newer startCapture
+        if (this.inFlight.get(key) !== entry) {
+          return;
+        }
+        deferred.resolve(result);
+        this.capturedInputs.set(key, inputValue);
+        this.inFlight.delete(key);
+      },
+      markFailed: () => {
+        if (this.inFlight.get(key) !== entry) {
+          return;
+        }
+        deferred.resolve(undefined);
+        this.inFlight.delete(key);
+      },
+    };
+  }
+
+  /**
+   * Remove tracking for keys not in the given set.
+   * Aborts in-flight captures and resolves their waiters with `undefined`.
+   */
+  prune(currentKeys: Set<K>): void {
+    for (const key of this.capturedInputs.keys()) {
+      if (!currentKeys.has(key)) {
+        this.capturedInputs.delete(key);
+      }
+    }
+    for (const [key, entry] of this.inFlight) {
+      if (!currentKeys.has(key)) {
+        this.cancelEntry(entry);
+        this.inFlight.delete(key);
+      }
+    }
+  }
+
+  /** Whether any captures are currently in-flight. */
+  get isCapturing(): boolean {
+    return this.inFlight.size > 0;
+  }
+
+  /** Abort all in-flight captures. Resolves all waiters with `undefined`. */
+  abort(): void {
+    for (const entry of this.inFlight.values()) {
+      this.cancelEntry(entry);
+    }
+    this.inFlight.clear();
+  }
+
+  /** Reset all state. */
+  reset(): void {
+    this.abort();
+    this.capturedInputs.clear();
+  }
+}

package/src/utils/download.ts

@@ -46,50 +46,21 @@ function findElementForCell(cellId: CellId): HTMLElement | undefined {
   return element;
 }
 
-/**
- * Reference counter for body.printing class to handle concurrent screenshot captures.
- * Only adds the class when count goes 0→1, only removes when count goes 1→0.
- */
-let bodyPrintingRefCount = 0;
-
-function acquireBodyPrinting() {
-  bodyPrintingRefCount++;
-  if (bodyPrintingRefCount === 1) {
-    document.body.classList.add("printing");
-  }
-}
-
-function releaseBodyPrinting() {
-  bodyPrintingRefCount--;
-  if (bodyPrintingRefCount === 0) {
-    document.body.classList.remove("printing");
-  }
-}
-
 /**
  * Prepare a cell element for screenshot capture.
  *
  * @param element - The cell output element to prepare
- * @param snappy - When true, avoids layout shifts and speeds up the capture.
  * @returns A cleanup function to restore the element's original state
  */
-function prepareCellElementForScreenshot(
-  element: HTMLElement,
-  snappy: boolean,
-) {
-  element.classList.add("printing-output");
-  if (!snappy) {
-    acquireBodyPrinting();
-  }
+function prepareCellElementForScreenshot(element: HTMLElement) {
   const originalOverflow = element.style.overflow;
-  element.style.overflow = "auto";
+  const maxHeight = element.style.maxHeight;
+  element.style.overflow = "visible";
+  element.style.maxHeight = "none";
 
   return () => {
-    element.classList.remove("printing-output");
-    if (!snappy) {
-      releaseBodyPrinting();
-    }
     element.style.overflow = originalOverflow;
+    element.style.maxHeight = maxHeight;
   };
 }
 
@@ -99,12 +70,10 @@ const THRESHOLD_TIME_MS = 500;
  * Capture a cell output as a PNG data URL.
  *
  * @param cellId - The ID of the cell to capture
- * @param snappy - When true, uses a faster method to capture the image. Avoids layout shifts.
  * @returns The PNG as a data URL, or undefined if the cell element wasn't found
  */
 export async function getImageDataUrlForCell(
   cellId: CellId,
-  snappy = false,
 ): Promise<string | undefined> {
   const element = findElementForCell(cellId);
   if (!element) {
@@ -116,11 +85,11 @@ export async function getImageDataUrlForCell(
     return iframeDataUrl;
   }
 
-  const cleanup = prepareCellElementForScreenshot(element, snappy);
+  const cleanup = prepareCellElementForScreenshot(element);
 
   try {
     const startTime = Date.now();
-    const dataUrl = await toPng(element, undefined, snappy);
+    const dataUrl = await toPng(element);
     const timeTaken = Date.now() - startTime;
     if (timeTaken > THRESHOLD_TIME_MS) {
       Logger.debug(
@@ -142,25 +111,20 @@ export async function downloadCellOutputAsImage(
   cellId: CellId,
   filename: string,
 ) {
-  const element = findElementForCell(cellId);
-  if (!element) {
-    return;
-  }
-
-  // Cell outputs that are iframes
-  const iframeDataUrl = await captureIframeAsImage(element);
-  if (iframeDataUrl) {
-    downloadByURL(iframeDataUrl, Filenames.toPNG(filename));
+  const dataUrl = await getImageDataUrlForCell(cellId);
+  if (!dataUrl) {
     return;
   }
-
-  await downloadHTMLAsImage({
-    element,
-    filename,
-    prepare: () => prepareCellElementForScreenshot(element, false),
-  });
+  return downloadByURL(dataUrl, Filenames.toPNG(filename));
 }
 
+export const ADD_PRINTING_CLASS = (): (() => void) => {
+  document.body.classList.add("printing");
+  return () => {
+    document.body.classList.remove("printing");
+  };
+};
+
 export async function downloadHTMLAsImage(opts: {
   element: HTMLElement;
   filename: string;
@@ -175,10 +139,6 @@ export async function downloadHTMLAsImage(opts: {
   let cleanup: (() => void) | undefined;
   if (prepare) {
     cleanup = prepare(element);
-  } else {
-    // When no prepare function is provided (e.g., downloading full notebook),
-    // add body.printing ourselves
-    document.body.classList.add("printing");
   }
 
   try {

package/src/utils/html-to-image.ts

@@ -113,10 +113,9 @@ export const necessaryStyleProperties = [
   "clip-path",
 
   // Overflow & Visibility
-  // We don't include overflow properties because they can include scrollbars
-  // "overflow",
-  // "overflow-x",
-  // "overflow-y",
+  "overflow",
+  "overflow-x",
+  "overflow-y",
   "visibility",
 
   // SVG
@@ -149,12 +148,11 @@ export const defaultHtmlToImageOptions: HtmlToImageOptions = {
   filter: (node) => {
     try {
       if ("classList" in node) {
-        // Filter out matplotlib toolbars
-        if (node.classList.contains("mpl-toolbar")) {
-          return false;
-        }
-
-        if (node.classList.contains("no-print")) {
+        const classes = node.classList;
+        if (
+          classes.contains("mpl-toolbar") ||
+          classes.contains("print:hidden")
+        ) {
           return false;
         }
       }
@@ -167,6 +165,7 @@ export const defaultHtmlToImageOptions: HtmlToImageOptions = {
   onImageErrorHandler: (event) => {
     Logger.error("Error loading image:", event);
   },
+  includeStyleProperties: necessaryStyleProperties,
 };
 
 /**
@@ -176,11 +175,9 @@ export const defaultHtmlToImageOptions: HtmlToImageOptions = {
 export async function toPng(
   element: HTMLElement,
   options?: HtmlToImageOptions,
-  snappy?: boolean,
 ): Promise<string> {
   return htmlToImageToPng(element, {
     ...defaultHtmlToImageOptions,
-    includeStyleProperties: snappy ? necessaryStyleProperties : undefined,
     ...options,
   });
 }

package/dist/assets/download-CzPV-R6Z.js

@@ -1,6 +0,0 @@
-var ce=Object.defineProperty;var de=(r,e,t)=>e in r?ce(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var O=(r,e,t)=>de(r,typeof e!="symbol"?e+"":e,t);import{s as V,t as G}from"./chunk-LvLJmgfZ.js";import{t as q}from"./react-BGmjiNul.js";import{ii as fe,zt as me}from"./cells-BW_4R0Qw.js";import{t as B}from"./compiler-runtime-DeeZ7FnK.js";import{d as W}from"./hotkeys-BHHWjLlp.js";import{t as pe}from"./jsx-runtime-ZmTK25f3.js";import{t as z}from"./cn-BKtXLv3a.js";import{t as ve}from"./requests-BsVD4CdD.js";import{t as he}from"./createLucideIcon-CnW3RofX.js";import{t as _}from"./use-toast-rmUWldD_.js";import{d as ge}from"./popover-D16ZremR.js";import{r as ye}from"./errors-2SszdW9t.js";import{t as H}from"./dist-CdxIjAOP.js";import{t as k}from"./html-to-image-DKvXQkl5.js";var we=he("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),X=r=>{let e,t=new Set,a=(l,s)=>{let c=typeof l=="function"?l(e):l;if(!Object.is(c,e)){let d=e;e=s??(typeof c!="object"||!c)?c:Object.assign({},e,c),t.forEach(u=>u(e,d))}},n=()=>e,i={setState:a,getState:n,getInitialState:()=>o,subscribe:l=>(t.add(l),()=>t.delete(l)),destroy:()=>{t.clear()}},o=e=r(a,n,i);return i},xe=r=>r?X(r):X,be=G((r=>{var e=q(),t=ge();function a(d,u){return d===u&&(d!==0||1/d==1/u)||d!==d&&u!==u}var n=typeof Object.is=="function"?Object.is:a,i=t.useSyncExternalStore,o=e.useRef,l=e.useEffect,s=e.useMemo,c=e.useDebugValue;r.useSyncExternalStoreWithSelector=function(d,u,f,g,m){var p=o(null);if(p.current===null){var x={hasValue:!1,value:null};p.current=x}else x=p.current;p=s(function(){function U(y){if(!F){if(F=!0,$=y,y=g(y),m!==void 0&&x.hasValue){var N=x.value;if(m(N,y))return L=N}return L=y}if(N=L,n($,y))return N;var C=g(y);return m!==void 0&&m(N,C)?($=y,N):($=y,L=C)}var F=!1,$,L,I=f===void 0?null:f;return[function(){return U(u())},I===null?void 0:function(){return U(I())}]},[u,f,g,m]);var b=i(d,p[0],p[1]);return l(function(){x.hasValue=!0,x.value=b},[b]),c(b),b}})),Ne=G(((r,e)=>{e.exports=be()}));const h={toMarkdown:r=>h.replace(r,"md"),toHTML:r=>h.replace(r,"html"),toPNG:r=>h.replace(r,"png"),toPDF:r=>h.replace(r,"pdf"),toPY:r=>h.replace(r,"py"),withoutExtension:r=>{let e=r.split(".");return e.length===1?r:e.slice(0,-1).join(".")},replace:(r,e)=>r.endsWith(`.${e}`)?r:`${h.withoutExtension(r)}.${e}`};var P=320,S=180;function Y(r){if(!r||r==="about:blank")return null;try{let e=new URL(r,window.location.href);return e.origin===window.location.origin?null:e.href}catch{return r}}function Pe(r,e,t){let a=[],n="";for(let i of e){let o=n+i;r.measureText(o).width<=t?n=o:(n&&a.push(n),n=i)}return n&&a.push(n),a}function j(r){let e=window.devicePixelRatio||1,t=document.createElement("canvas");t.width=P*e,t.height=S*e;let a=t.getContext("2d");if(!a)return t.toDataURL("image/png");a.scale(e,e),a.fillStyle="#f3f4f6",a.fillRect(0,0,P,S),a.strokeStyle="#d1d5db",a.strokeRect(.5,.5,P-1,S-1),a.fillStyle="#6b7280",a.font="8px sans-serif",a.textAlign="center",a.textBaseline="middle";let n=P-32,i=r?Pe(a,r,n):[],o=(S-(1+i.length)*14)/2+14/2;a.fillText("External iframe",P/2,o),o+=14;for(let l of i)a.fillText(l,P/2,o),o+=14;return t.toDataURL("image/png")}async function J(r){var n;let e=r.querySelector("iframe");if(!e)return null;let t=Y(e.getAttribute("src"));if(t)return j(t);let a;try{let i=e.contentDocument||((n=e.contentWindow)==null?void 0:n.document);if(!(i!=null&&i.body))return null;a=i}catch{return j(null)}for(let i of a.querySelectorAll("iframe")){let o=Y(i.getAttribute("src"));if(o)return j(o)}try{return await k(a.body)}catch{return j(null)}}var K=class ue{constructor(e){O(this,"progress",0);O(this,"listeners",new Set);this.total=e}static indeterminate(){return new ue("indeterminate")}addTotal(e){this.total==="indeterminate"?this.total=e:this.total+=e,this.notifyListeners()}increment(e){this.progress+=e,this.notifyListeners()}getProgress(){return this.total==="indeterminate"?"indeterminate":this.progress/this.total*100}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}notifyListeners(){let e=this.getProgress();for(let t of this.listeners)t(e)}},v=V(q(),1),w=V(pe(),1);function $e(r,e=[]){let t=[];function a(i,o){let l=v.createContext(o);l.displayName=i+"Context";let s=t.length;t=[...t,o];let c=u=>{var b;let{scope:f,children:g,...m}=u,p=((b=f==null?void 0:f[r])==null?void 0:b[s])||l,x=v.useMemo(()=>m,Object.values(m));return(0,w.jsx)(p.Provider,{value:x,children:g})};c.displayName=i+"Provider";function d(u,f){var p;let g=((p=f==null?void 0:f[r])==null?void 0:p[s])||l,m=v.useContext(g);if(m)return m;if(o!==void 0)return o;throw Error(`\`${u}\` must be used within \`${i}\``)}return[c,d]}let n=()=>{let i=t.map(o=>v.createContext(o));return function(o){let l=(o==null?void 0:o[r])||i;return v.useMemo(()=>({[`__scope${r}`]:{...o,[r]:l}}),[o,l])}};return n.scopeName=r,[a,Le(n,...e)]}function Le(...r){let e=r[0];if(r.length===1)return e;let t=()=>{let a=r.map(n=>({useScope:n(),scopeName:n.scopeName}));return function(n){let i=a.reduce((o,{useScope:l,scopeName:s})=>{let c=l(n)[`__scope${s}`];return{...o,...c}},{});return v.useMemo(()=>({[`__scope${e.scopeName}`]:i}),[i])}};return t.scopeName=e.scopeName,t}var M="Progress",T=100,[Se,at]=$e(M),[je,Ee]=Se(M),Q=v.forwardRef((r,e)=>{let{__scopeProgress:t,value:a=null,max:n,getValueLabel:i=Re,...o}=r;(n||n===0)&&!re(n)&&console.error(De(`${n}`,"Progress"));let l=re(n)?n:T;a!==null&&!ne(a,l)&&console.error(Oe(`${a}`,"Progress"));let s=ne(a,l)?a:null,c=E(s)?i(s,l):void 0;return(0,w.jsx)(je,{scope:t,value:s,max:l,children:(0,w.jsx)(H.div,{"aria-valuemax":l,"aria-valuemin":0,"aria-valuenow":E(s)?s:void 0,"aria-valuetext":c,role:"progressbar","data-state":te(s,l),"data-value":s??void 0,"data-max":l,...o,ref:e})})});Q.displayName=M;var Z="ProgressIndicator",ee=v.forwardRef((r,e)=>{let{__scopeProgress:t,...a}=r,n=Ee(Z,t);return(0,w.jsx)(H.div,{"data-state":te(n.value,n.max),"data-value":n.value??void 0,"data-max":n.max,...a,ref:e})});ee.displayName=Z;function Re(r,e){return`${Math.round(r/e*100)}%`}function te(r,e){return r==null?"indeterminate":r===e?"complete":"loading"}function E(r){return typeof r=="number"}function re(r){return E(r)&&!isNaN(r)&&r>0}function ne(r,e){return E(r)&&!isNaN(r)&&r<=e&&r>=0}function De(r,e){return`Invalid prop \`max\` of value \`${r}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${T}\`.`}function Oe(r,e){return`Invalid prop \`value\` of value \`${r}\` supplied to \`${e}\`. The \`value\` prop must be:
-  - a positive number
-  - less than the value passed to \`max\` (or ${T} if no \`max\` prop is set)
-  - \`null\` or \`undefined\` if the progress is indeterminate.
-
-Defaulting to \`null\`.`}var ae=Q,_e=ee,ke=B(),A=v.forwardRef((r,e)=>{let t=(0,ke.c)(20),a,n,i,o;t[0]===r?(a=t[1],n=t[2],i=t[3],o=t[4]):({className:a,value:o,indeterminate:n,...i}=r,t[0]=r,t[1]=a,t[2]=n,t[3]=i,t[4]=o);let l;t[5]===a?l=t[6]:(l=z("relative h-2 w-full overflow-hidden rounded-full bg-primary/20",a),t[5]=a,t[6]=l);let s=n?"w-1/3 animate-progress-indeterminate":"w-full transition-transform duration-300 ease-out",c;t[7]===s?c=t[8]:(c=z("h-full flex-1 bg-primary",s),t[7]=s,t[8]=c);let d;t[9]!==n||t[10]!==o?(d=n?void 0:{transform:`translateX(-${100-(o||0)}%)`},t[9]=n,t[10]=o,t[11]=d):d=t[11];let u;t[12]!==c||t[13]!==d?(u=(0,w.jsx)(_e,{className:c,style:d}),t[12]=c,t[13]=d,t[14]=u):u=t[14];let f;return t[15]!==i||t[16]!==e||t[17]!==l||t[18]!==u?(f=(0,w.jsx)(ae,{ref:e,className:l,...i,children:u}),t[15]=i,t[16]=e,t[17]=l,t[18]=u,t[19]=f):f=t[19],f});A.displayName=ae.displayName;var Me=B();const Te=r=>{let e=(0,Me.c)(13),{progress:t,showPercentage:a}=r,n=a===void 0?!1:a,i,o;e[0]===t?(i=e[1],o=e[2]):(i=g=>t.subscribe(g),o=()=>t.getProgress(),e[0]=t,e[1]=i,e[2]=o);let l=(0,v.useSyncExternalStore)(i,o),s=l==="indeterminate"||l===100,c=s?void 0:l,d;e[3]!==s||e[4]!==c?(d=(0,w.jsx)(A,{value:c,indeterminate:s}),e[3]=s,e[4]=c,e[5]=d):d=e[5];let u;e[6]!==s||e[7]!==n||e[8]!==l?(u=!s&&n&&(0,w.jsxs)("div",{className:"mt-1 text-xs text-muted-foreground text-right",children:[Math.round(l),"%"]}),e[6]=s,e[7]=n,e[8]=l,e[9]=u):u=e[9];let f;return e[10]!==d||e[11]!==u?(f=(0,w.jsxs)("div",{className:"mt-2 w-full min-w-[200px]",children:[d,u]}),e[10]=d,e[11]=u,e[12]=f):f=e[12],f};async function Ae(r,e){let t=K.indeterminate(),a=_({title:r,description:v.createElement(Te,{progress:t}),duration:1/0});try{let n=await e(t);return a.dismiss(),n}catch(n){throw a.dismiss(),n}}function oe(r){let e=document.getElementById(fe.create(r));if(!e){W.error(`Output element not found for cell ${r}`);return}return e}var R=0;function Ue(){R++,R===1&&document.body.classList.add("printing")}function Fe(){R--,R===0&&document.body.classList.remove("printing")}function ie(r,e){r.classList.add("printing-output"),e||Ue();let t=r.style.overflow;return r.style.overflow="auto",()=>{r.classList.remove("printing-output"),e||Fe(),r.style.overflow=t}}var Ie=500;async function Ce(r,e=!1){let t=oe(r);if(!t)return;let a=await J(t);if(a)return a;let n=ie(t,e);try{let i=Date.now(),o=await k(t,void 0,e),l=Date.now()-i;return l>Ie&&W.debug("toPng operation for element",t,`took ${l} ms (exceeds threshold)`),o}finally{n()}}async function Ve(r,e){let t=oe(r);if(!t)return;let a=await J(t);if(a){D(a,h.toPNG(e));return}await le({element:t,filename:e,prepare:()=>ie(t,!1)})}async function le(r){let{element:e,filename:t,prepare:a}=r,n=document.getElementById("App"),i=(n==null?void 0:n.scrollTop)??0,o;a?o=a(e):document.body.classList.add("printing");try{D(await k(e),h.toPNG(t))}catch{_({title:"Error",description:"Failed to download as PNG.",variant:"danger"})}finally{o==null||o(),document.body.classList.contains("printing")&&document.body.classList.remove("printing"),requestAnimationFrame(()=>{n==null||n.scrollTo(0,i)})}}function D(r,e){let t=document.createElement("a");t.href=r,t.download=e,t.click(),t.remove()}function se(r,e){let t=URL.createObjectURL(r);D(t,e),URL.revokeObjectURL(t)}async function Ge(r){let e=ve(),{filename:t,webpdf:a}=r;try{let n=await e.exportAsPDF({webpdf:a}),i=me.basename(t);se(n,h.toPDF(i))}catch(n){throw _({title:"Failed to download",description:ye(n),variant:"danger"}),n}}export{le as a,A as c,Ne as d,xe as f,Ve as i,K as l,se as n,Ce as o,we as p,D as r,Ae as s,Ge as t,h as u};