@marimo-team/frontend 0.20.4-dev1 → 0.20.4

package/src/components/editor/actions/useNotebookActions.tsx

@@ -55,8 +55,11 @@ import {
 } from "@/core/cells/cells";
 import { disabledCellIds } from "@/core/cells/utils";
 import { useResolvedMarimoConfig } from "@/core/config/config";
-import { getFeatureFlag } from "@/core/config/feature-flag";
 import { Constants } from "@/core/constants";
+import {
+  updateCellOutputsWithScreenshots,
+  useEnrichCellOutputs,
+} from "@/core/export/hooks";
 import { useLayoutActions, useLayoutState } from "@/core/layout/layout";
 import { useTogglePresenting } from "@/core/layout/useTogglePresenting";
 import { kioskModeAtom, viewStateAtom } from "@/core/mode";
@@ -75,6 +78,7 @@ import {
 } from "@/utils/download";
 import { Filenames } from "@/utils/filenames";
 import { Objects } from "@/utils/objects";
+import type { ProgressState } from "@/utils/progress";
 import { newNotebookURL } from "@/utils/urls";
 import { useRunAllCells } from "../cell/useRunCells";
 import { useChromeActions, useChromeState } from "../chrome/state";
@@ -119,7 +123,9 @@ export function useNotebookActions() {
   const setCommandPaletteOpen = useSetAtom(commandPaletteAtom);
   const setSettingsDialogOpen = useSetAtom(settingDialogAtom);
   const setKeyboardShortcutsOpen = useSetAtom(keyboardShortcutsAtom);
-  const { exportAsMarkdown, readCode, saveCellConfig } = useRequestClient();
+  const { exportAsMarkdown, readCode, saveCellConfig, updateCellOutputs } =
+    useRequestClient();
+  const takeScreenshots = useEnrichCellOutputs();
 
   const hasDisabledCells = useAtomValue(hasDisabledCellsAtom);
   const canUndoDeletes = useAtomValue(canUndoDeletesAtom);
@@ -130,11 +136,9 @@ export function useNotebookActions() {
   const sharingHtmlEnabled = resolvedConfig.sharing?.html ?? true;
   const sharingWasmEnabled = resolvedConfig.sharing?.wasm ?? true;
 
-  const isServerSidePdfExportEnabled = getFeatureFlag("server_side_pdf_export");
-  // With server side pdf export, it doesn't matter what mode we are in,
-  // Default export uses browser print, which is better in present mode
-  const pdfDownloadEnabled =
-    isServerSidePdfExportEnabled || viewState.mode === "present";
+  // Server-side PDF export is always available outside WASM.
+  // Browser print fallback is used in WASM.
+  const serverSidePdfEnabled = !isWasm();
   const isSlidesLayout = selectedLayout === "slides";
 
   const renderCheckboxElement = (checked: boolean) => (
@@ -166,7 +170,11 @@ export function useNotebookActions() {
       return;
     }
 
-    const runDownload = async () => {
+    const runDownload = async (progress: ProgressState) => {
+      await updateCellOutputsWithScreenshots({
+        takeScreenshots: () => takeScreenshots({ progress }),
+        updateCellOutputs,
+      });
       await runServerSidePDFDownload({
         filename,
         preset,
@@ -176,6 +184,21 @@ export function useNotebookActions() {
     await withLoadingToast(title, runDownload);
   };
 
+  const handleDocumentPDF = async () => {
+    if (serverSidePdfEnabled) {
+      await downloadServerSidePDF({
+        preset: "document",
+        title: "Downloading Document PDF...",
+      });
+      return;
+    }
+    const beforeprint = new Event("export-beforeprint");
+    const afterprint = new Event("export-afterprint");
+    window.dispatchEvent(beforeprint);
+    setTimeout(() => window.print(), 0);
+    setTimeout(() => window.dispatchEvent(afterprint), 0);
+  };
+
   const actions: ActionButton[] = [
     {
       icon: <DownloadIcon size={14} strokeWidth={1.5} />,
@@ -253,62 +276,38 @@ export function useNotebookActions() {
             });
           },
         },
-        {
-          divider: true,
-          icon: <FileIcon size={14} strokeWidth={1.5} />,
-          label: "Download as PDF",
-          handle: NOOP_HANDLER,
-          disabled: !pdfDownloadEnabled && !isServerSidePdfExportEnabled,
-          dropdown: [
-            {
+        isSlidesLayout
+          ? {
+              divider: true,
               icon: <FileIcon size={14} strokeWidth={1.5} />,
-              label: "Document Layout",
-              rightElement: renderRecommendedElement(!isSlidesLayout),
-              disabled: !pdfDownloadEnabled,
-              tooltip: pdfDownloadEnabled ? undefined : (
-                <span>
-                  Only available in app view. <br />
-                  Toggle with: {renderShortcut("global.hideCode", false)}
-                </span>
-              ),
-              handle: async () => {
-                if (isServerSidePdfExportEnabled) {
-                  await downloadServerSidePDF({
-                    preset: "document",
-                    title: "Downloading Document PDF...",
-                  });
-                  return;
-                }
-
-                const beforeprint = new Event("export-beforeprint");
-                const afterprint = new Event("export-afterprint");
-                function print() {
-                  window.dispatchEvent(beforeprint);
-                  setTimeout(() => window.print(), 0);
-                  setTimeout(() => window.dispatchEvent(afterprint), 0);
-                }
-                print();
-              },
-            },
-            {
+              label: "Download as PDF",
+              handle: NOOP_HANDLER,
+              dropdown: [
+                {
+                  icon: <FileIcon size={14} strokeWidth={1.5} />,
+                  label: "Document Layout",
+                  handle: handleDocumentPDF,
+                },
+                {
+                  icon: <FileIcon size={14} strokeWidth={1.5} />,
+                  label: "Slides Layout",
+                  rightElement: renderRecommendedElement(true),
+                  hidden: !serverSidePdfEnabled,
+                  handle: async () => {
+                    await downloadServerSidePDF({
+                      preset: "slides",
+                      title: "Downloading Slides PDF...",
+                    });
+                  },
+                },
+              ],
+            }
+          : {
+              divider: true,
               icon: <FileIcon size={14} strokeWidth={1.5} />,
-              label: "Slides Layout",
-              rightElement: renderRecommendedElement(isSlidesLayout),
-              disabled: !isServerSidePdfExportEnabled,
-              tooltip: isServerSidePdfExportEnabled ? undefined : (
-                <span>
-                  Requires Better PDF Export in Settings &gt; Experimental.
-                </span>
-              ),
-              handle: async () => {
-                await downloadServerSidePDF({
-                  preset: "slides",
-                  title: "Downloading Slides PDF...",
-                });
-              },
+              label: "Download as PDF",
+              handle: handleDocumentPDF,
             },
-          ],
-        },
       ],
     },
 

package/src/core/config/feature-flag.tsx

@@ -11,7 +11,6 @@ export interface ExperimentalFeatures {
   rtc_v2: boolean;
   cache_panel: boolean;
   external_agents: boolean;
-  server_side_pdf_export: boolean;
   storage_inspector: boolean;
   // Add new feature flags here
 }
@@ -22,7 +21,6 @@ const defaultValues: ExperimentalFeatures = {
   rtc_v2: false,
   cache_panel: false,
   external_agents: import.meta.env.DEV,
-  server_side_pdf_export: true,
   storage_inspector: false,
 };
 

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

@@ -205,7 +205,7 @@ describe("downloadAsPDF", () => {
     expect(mockExportAsPDF).toHaveBeenCalledWith({
       webpdf: false,
       preset: "slides",
-      includeInputs: false,
+      includeInputs: true,
       rasterizeOutputs: true,
       rasterScale: 4,
       rasterServer: "static",

package/src/utils/download.ts

@@ -210,7 +210,7 @@ export async function downloadAsPDF(opts: {
     filename,
     webpdf,
     preset = "document",
-    includeInputs = false,
+    includeInputs = true,
     rasterizeOutputs = true,
     rasterScale = 4,
     rasterServer = "static",

package/dist/assets/LazyAnyLanguageCodeMirror-D8Y5EdeE.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./any-language-editor-BAgyNkKP.js","./copy-icon-6RnnFDPt.js","./button-BmOH9agK.js","./useEventListener-CjXriKgk.js","./compiler-runtime-B3qBwwSJ.js","./react-Bj1aDYRI.js","./chunk-LvLJmgfZ.js","./cn-d_A4rA-x.js","./clsx-A78R3nYl.js","./jsx-runtime-CP2fAiZX.js","./tooltip-DOQlecCr.js","./Combination-tjZP3FH6.js","./react-dom-CSu739Rf.js","./dist-CIU0Lack.js","./use-toast-BhMe50aT.js","./copy-DMCkK2TI.js","./check-BnZGcuDh.js","./createLucideIcon-BvP5LBIs.js","./copy-CAR4dOiD.js","./error-banner-R2OkQKR0.js","./alert-dialog-DsNfSYaw.js","./errors-Bfogio62.js","./zod-H_cgTO0M.js","./dist-BDJDjQTP.js","./dist-DUY6xZX8.js","./dist-BjtLy-VA.js","./dist-DDs9pMUo.js","./dist-D89dID68.js","./dist-Dq_iQ08e.js","./dist-odxAaH5Z.js","./dist-CPbQEKNx.js","./dist-C9Tymsam.js","./dist-DfBASypd.js","./dist-DoVqkx6-.js","./dist-51xFOPFs.js","./dist-DpVoU5lF.js","./dist-6ygzAjca.js","./dist-BYbeMVLN.js","./dist-DnkvqAMq.js","./esm-BQUzYly2.js","./extends-aq1t6BkR.js","./objectWithoutPropertiesLoose-Dxmp_Bd_.js","./dist-CU-Ty5ht.js","./esm-ByPyfncv.js","./dist-B0_AowCW.js","./dist-BA8siKK6.js","./dist-DArucAWW.js","./dist-CEQIJ2pn.js","./dist-CD1ARvPf.js","./dist-0qXxt1VF.js","./apl-_OaVDIdj.js","./asciiarmor-C9F03XGV.js","./asn1-BnyFT2xh.js","./brainfuck-BDCj_8tQ.js","./clike-CoedqJfF.js","./clojure-BEClvbJJ.js","./cmake-CCoJFsI7.js","./cobol-CrncQb9J.js","./coffeescript-DwVkfncu.js","./commonlisp-CJ40YQuw.js","./crystal-YUhScjFU.js","./css-BpYxrU6m.js","./cypher-DtBx1FxP.js","./d-Dah-rTjO.js","./diff-CbRoYxJw.js","./dtd-DnxzgohM.js","./dylan-DV-GV0Um.js","./ecl-D5jDMU68.js","./eiffel-DKJu2v1N.js","./elm-jc1dahX5.js","./erlang-xV-AfkqS.js","./factor-CkLnJXKV.js","./simple-mode-C0eLpHUg.js","./forth-C9zvylLL.js","./fortran-CyOyVtLP.js","./gas-B3PseLpk.js","./gherkin-BJegP8jG.js","./groovy-B7OnG3ZU.js","./haskell-BtINGz8b.js","./haxe-DG3vLZ0S.js","./idl-ARaXQ5Lo.js","./javascript-DbuC-gIm.js","./julia-C2ly3uah.js","./livescript-BHGtnzZk.js","./lua-0hHWC4O5.js","./mathematica-BeUaygJp.js","./mbox-CR4_Euk_.js","./mirc-Cc0cHJWO.js","./mllike-D58Jm9uo.js","./modelica-CVUPArJj.js","./mscgen-B_Av7U7x.js","./mumps-CSXER37P.js","./nsis-DLIsIma3.js","./ntriples-BH96LyUh.js","./octave-MtIOg8Xr.js","./oz-CQSW4u2r.js","./pascal-kJIfJeBL.js","./perl-DDhi21z2.js","./pig-BdUzMo_O.js","./powershell-D_qEipPM.js","./properties-CS6vA6nt.js","./protobuf-COtqlKri.js","./pug-qZYhFFj7.js","./puppet-Ctozq3R1.js","./python-D9pCSume.js","./q-CKhLXEtL.js","./r-BvAfMHMS.js","./rpm-CUTjLkz_.js","./ruby-jDDZwg5-.js","./sas-mA9119dU.js","./scheme-Bw6sYvQh.js","./shell-BSG_6EVv.js","./sieve-BvqlFANQ.js","./smalltalk-CarfjYvX.js","./sparql-DpdbGHkw.js","./stex-FMMSUPAS.js","./stylus-DwqF5JX3.js","./swift-XQW_3Dnq.js","./tcl-DSytfKxX.js","./textile-C0sJ895O.js","./toml-Bduwr9FD.js","./troff-DhuvYLXE.js","./ttcn-cfg-DWjJYHn-.js","./ttcn-C2K9hXYD.js","./turtle-q-WiynB8.js","./vb-BzUPMIAg.js","./vbscript-CUBxk5hi.js","./velocity-CFrdKnJ-.js","./verilog-uIU1FX2_.js","./vhdl-Ca2_GOin.js","./webidl-Fd2zBPO0.js","./xquery-S8ffVcwS.js","./yacas-BFgZPXn6.js","./z80-P5o2E6_C.js"])))=>i.map(i=>d[i]);
-import{s as e}from"./chunk-LvLJmgfZ.js";import{t as i}from"./react-Bj1aDYRI.js";import{t as o}from"./createLucideIcon-BvP5LBIs.js";import{t as m}from"./preload-helper-TXkS1QI3.js";let r,a,s=(async()=>{r=o("between-horizontal-start",[["rect",{width:"13",height:"7",x:"8",y:"3",rx:"1",key:"pkso9a"}],["path",{d:"m2 9 3 3-3 3",key:"1agib5"}],["rect",{width:"13",height:"7",x:"8",y:"14",rx:"1",key:"1q5fc1"}]]),a=(0,e(i(),1).lazy)(()=>m(()=>import("./any-language-editor-BAgyNkKP.js").then(async t=>(await t.__tla,t)),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133]),import.meta.url))})();export{s as __tla,r as n,a as t};

package/dist/assets/apl-3xKEEmjQ.js

@@ -1 +0,0 @@
-import{t as a}from"./apl-_OaVDIdj.js";export{a as apl};

package/dist/assets/app-config-button-Cp9XkpLD.js

@@ -1 +0,0 @@
-import{s as D}from"./chunk-LvLJmgfZ.js";import{l as X}from"./useEvent-WUlsM6MC.js";import{t as Z}from"./react-Bj1aDYRI.js";import{Ft as z}from"./cells-BusUaZSh.js";import{t as E}from"./compiler-runtime-B3qBwwSJ.js";import{G as $,S as ee,c as te,i as se,l as le,n as ae,u as ne}from"./ai-model-dropdown-CS9BLOLl.js";import{C as oe,v as re,w as Q}from"./utils-CORJ8yYa.js";import{S as ie}from"./config-D9X9QKiL.js";import{t as ce}from"./jsx-runtime-CP2fAiZX.js";import{t as de}from"./button-BmOH9agK.js";import{l as R}from"./once-DRC4SgqY.js";import{r as U}from"./requests-DZy_SQ_v.js";import{t as he}from"./createLucideIcon-BvP5LBIs.js";import{t as me}from"./x-yqLqiq5Q.js";import{r as I}from"./input-BPldEXfy.js";import{t as B}from"./settings-DD8FJvQ_.js";import{c as P,d as M,f as S,h as xe,o as pe,p as L,s as A,u as F,v as fe}from"./azure-D5yXrO2H.js";import{t as ue}from"./use-toast-BhMe50aT.js";import{l as Y}from"./select-DygbgNTD.js";import{t as G}from"./tooltip-DOQlecCr.js";import{o as je}from"./alert-dialog-DsNfSYaw.js";import{c as ve,l as ge,n as be,t as K}from"./dialog-BXzvlof-.js";import{i as we,r as ye,t as Ne}from"./popover-Cvl9xY6R.js";import{n as Ce}from"./useDebounce-BUC67G8E.js";import{n as ke}from"./ImperativeModal-CRNJOvqT.js";import{t as O}from"./kbd-CVbqSkT8.js";import{t as _e}from"./links-BKV6zi_7.js";import{n as V}from"./useInterval-Bpy5zYCc.js";var Se=he("power-off",[["path",{d:"M18.36 6.64A9 9 0 0 1 20.77 15",key:"dxknvb"}],["path",{d:"M6.16 6.16a9 9 0 1 0 12.68 12.68",key:"1x7qb5"}],["path",{d:"M12 2v4",key:"3427ic"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]),Te=E(),s=D(ce(),1);const Me=t=>{let e=(0,Te.c)(15),{description:a,disabled:f,tooltip:r}=t,i=f===void 0?!1:f,u=r===void 0?"Shutdown":r,{openConfirm:b,closeModal:l}=ke(),{sendShutdown:n}=U(),w;e[0]===n?w=e[1]:(w=()=>{n(),setTimeout(Le,200)},e[0]=n,e[1]=w);let j=w;if(ie())return null;let m=i?"disabled":"red",c;e[2]!==l||e[3]!==a||e[4]!==j||e[5]!==b?(c=h=>{h.stopPropagation(),b({title:"Shutdown",description:a,variant:"destructive",confirmAction:(0,s.jsx)(je,{onClick:()=>{j(),l()},"aria-label":"Confirm Shutdown",children:"Shutdown"})})},e[2]=l,e[3]=a,e[4]=j,e[5]=b,e[6]=c):c=e[6];let o;e[7]===Symbol.for("react.memo_cache_sentinel")?(o=(0,s.jsx)(me,{strokeWidth:1}),e[7]=o):o=e[7];let d;e[8]!==i||e[9]!==m||e[10]!==c?(d=(0,s.jsx)(V,{"aria-label":"Shutdown","data-testid":"shutdown-button",shape:"circle",size:"small",color:m,className:"h-[27px] w-[27px]",disabled:i,onClick:c,children:o}),e[8]=i,e[9]=m,e[10]=c,e[11]=d):d=e[11];let x;return e[12]!==d||e[13]!==u?(x=(0,s.jsx)(G,{content:u,children:d}),e[12]=d,e[13]=u,e[14]=x):x=e[14],x};function Le(){window.close()}var J=E(),W=D(Z(),1),Ae=100;const Fe=()=>{let t=(0,J.c)(37),[e,a]=re(),{saveAppConfig:f}=U(),r=(0,W.useId)(),i=(0,W.useId)(),u;t[0]===Symbol.for("react.memo_cache_sentinel")?(u=xe(oe),t[0]=u):u=t[0];let b;t[1]===e?b=t[2]:(b={resolver:u,defaultValues:e},t[1]=e,t[2]=b);let l=fe(b),n;t[3]!==f||t[4]!==a?(n=async p=>{await f({config:p}).then(()=>{a(p)}).catch(()=>{a(p)})},t[3]=f,t[4]=a,t[5]=n):n=t[5];let w=n,j;t[6]===w?j=t[7]:(j=p=>{w(p)},t[6]=w,t[7]=j);let m=Ce(j,Ae),c;t[8]===e.width?c=t[9]:(c=[e.width],t[8]=e.width,t[9]=c),(0,W.useEffect)(Pe,c);let o;t[10]!==m||t[11]!==l?(o=l.handleSubmit(m),t[10]=m,t[11]=l,t[12]=o):o=t[12];let d;t[13]===Symbol.for("react.memo_cache_sentinel")?(d=(0,s.jsxs)("div",{children:[(0,s.jsx)(ne,{children:"Notebook Settings"}),(0,s.jsx)(le,{children:"Configure how your notebook or application looks and behaves."})]}),t[13]=d):d=t[13];let x;t[14]===l.control?x=t[15]:(x=(0,s.jsxs)(H,{title:"Display",children:[(0,s.jsx)(F,{control:l.control,name:"width",render:He}),(0,s.jsx)(F,{control:l.control,name:"app_title",render:Ee})]}),t[14]=l.control,t[15]=x);let h;t[16]===l.control?h=t[17]:(h=(0,s.jsxs)(H,{title:"Custom Files",children:[(0,s.jsx)(F,{control:l.control,name:"css_file",render:Ie}),(0,s.jsx)(F,{control:l.control,name:"html_head_file",render:Oe})]}),t[16]=l.control,t[17]=h);let y;t[18]===l.control?y=t[19]:(y=(0,s.jsx)(H,{title:"Data",children:(0,s.jsx)(F,{control:l.control,name:"sql_output",render:De})}),t[18]=l.control,t[19]=y);let N;t[20]!==r||t[21]!==i?(N=p=>{let{field:_}=p;return(0,s.jsxs)("div",{className:"flex flex-col gap-y-1",children:[(0,s.jsxs)(M,{className:"flex flex-col gap-2",children:[(0,s.jsx)(A,{children:(0,s.jsxs)("div",{className:"flex gap-4",children:[(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)(z,{id:r,"data-testid":"html-checkbox",checked:_.value.includes("html"),onCheckedChange:()=>{_.onChange(R(_.value,"html"))}}),(0,s.jsx)(S,{htmlFor:r,children:"HTML"})]}),(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)(z,{id:i,"data-testid":"ipynb-checkbox",checked:_.value.includes("ipynb"),onCheckedChange:()=>{_.onChange(R(_.value,"ipynb"))}}),(0,s.jsx)(S,{htmlFor:i,children:"IPYNB"})]})]})}),(0,s.jsx)(L,{})]}),(0,s.jsxs)(P,{children:["When enabled, marimo will periodically save this notebook in your selected formats (HTML, IPYNB) to a folder named"," ",(0,s.jsx)(O,{className:"inline",children:"__marimo__"})," next to your notebook file."]})]})},t[20]=r,t[21]=i,t[22]=N):N=t[22];let v;t[23]!==l.control||t[24]!==N?(v=(0,s.jsx)(H,{title:"Exporting outputs",children:(0,s.jsx)(F,{control:l.control,name:"auto_download",render:N})}),t[23]=l.control,t[24]=N,t[25]=v):v=t[25];let C;t[26]!==v||t[27]!==x||t[28]!==h||t[29]!==y?(C=(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-x-8 gap-y-4",children:[x,h,y,v]}),t[26]=v,t[27]=x,t[28]=h,t[29]=y,t[30]=C):C=t[30];let g;t[31]!==C||t[32]!==o?(g=(0,s.jsxs)("form",{onChange:o,className:"flex flex-col gap-6",children:[d,C]}),t[31]=C,t[32]=o,t[33]=g):g=t[33];let k;return t[34]!==l||t[35]!==g?(k=(0,s.jsx)(pe,{...l,children:g}),t[34]=l,t[35]=g,t[36]=k):k=t[36],k};var H=t=>{let e=(0,J.c)(5),{title:a,children:f}=t,r;e[0]===a?r=e[1]:(r=(0,s.jsx)("h3",{className:"text-base font-semibold mb-1",children:a}),e[0]=a,e[1]=r);let i;return e[2]!==f||e[3]!==r?(i=(0,s.jsxs)("div",{className:"flex flex-col gap-y-2",children:[r,f]}),e[2]=f,e[3]=r,e[4]=i):i=e[4],i};function Pe(){window.dispatchEvent(new Event("resize"))}function qe(t){return(0,s.jsx)("option",{value:t,children:t},t)}function He(t){let{field:e}=t;return(0,s.jsxs)(M,{className:"flex flex-row items-center space-x-1 space-y-0",children:[(0,s.jsx)(S,{children:"Width"}),(0,s.jsx)(A,{children:(0,s.jsx)(Y,{"data-testid":"app-width-select",onChange:a=>e.onChange(a.target.value),value:e.value,disabled:e.disabled,className:"inline-flex mr-2",children:ee().map(qe)})}),(0,s.jsx)(L,{})]})}function Ee(t){let{field:e}=t;return(0,s.jsxs)("div",{className:"flex flex-col gap-y-1",children:[(0,s.jsxs)(M,{className:"flex flex-row items-center space-x-1 space-y-0",children:[(0,s.jsx)(S,{children:"App title"}),(0,s.jsx)(A,{children:(0,s.jsx)(I,{...e,value:e.value??"",onChange:a=>{e.onChange(a.target.value),Q.safeParse(a.target.value).success&&(document.title=a.target.value)}})}),(0,s.jsx)(L,{})]}),(0,s.jsx)(P,{children:"The application title is put in the title tag in the HTML code and typically displayed in the title bar of the browser window."})]})}function Ie(t){let{field:e}=t;return(0,s.jsxs)("div",{className:"flex flex-col gap-y-1",children:[(0,s.jsxs)(M,{className:"flex flex-row items-center space-x-1 space-y-0",children:[(0,s.jsx)(S,{className:"shrink-0",children:"Custom CSS"}),(0,s.jsx)(A,{children:(0,s.jsx)(I,{...e,value:e.value??"",placeholder:"custom.css",onChange:a=>{e.onChange(a.target.value),Q.safeParse(a.target.value).success&&(document.title=a.target.value)}})}),(0,s.jsx)(L,{})]}),(0,s.jsx)(P,{children:"A filepath to a custom css file to be injected into the notebook."})]})}function Oe(t){let{field:e}=t;return(0,s.jsxs)("div",{className:"flex flex-col gap-y-1",children:[(0,s.jsxs)(M,{className:"flex flex-row items-center space-x-1 space-y-0",children:[(0,s.jsx)(S,{className:"shrink-0",children:"HTML Head"}),(0,s.jsx)(A,{children:(0,s.jsx)(I,{...e,value:e.value??"",placeholder:"head.html",onChange:a=>{e.onChange(a.target.value)}})}),(0,s.jsx)(L,{})]}),(0,s.jsxs)(P,{children:["A filepath to an HTML file to be injected into the"," ",(0,s.jsx)(O,{className:"inline",children:"<head/>"})," section of the notebook. Use this to add analytics, custom fonts, meta tags, or external scripts."]})]})}function We(t){return(0,s.jsx)("option",{value:t.value,children:t.label},t.value)}function De(t){let{field:e}=t;return(0,s.jsxs)("div",{className:"flex flex-col gap-y-1",children:[(0,s.jsxs)(M,{className:"flex flex-row items-center space-x-1 space-y-0",children:[(0,s.jsx)(S,{children:"SQL Output Type"}),(0,s.jsx)(A,{children:(0,s.jsx)(Y,{"data-testid":"sql-output-select",onChange:a=>{e.onChange(a.target.value),ue({title:"Kernel Restart Required",description:"This change requires a kernel restart to take effect."})},value:e.value,disabled:e.disabled,className:"inline-flex mr-2",children:te.map(We)})}),(0,s.jsx)(L,{})]}),(0,s.jsxs)(P,{children:["The Python type returned by a SQL cell. For best performance with large datasets, we recommend using"," ",(0,s.jsx)(O,{className:"inline",children:"native"}),". See the"," ",(0,s.jsx)(_e,{href:"https://docs.marimo.io/guides/working_with_data/sql",children:"SQL guide"})," ","for more information."]})]})}var ze=E();const Qe=t=>{let e=(0,ze.c)(32),{showAppConfig:a,disabled:f,tooltip:r}=t,i=a===void 0?!0:a,u=f===void 0?!1:f,b=r===void 0?"Settings":r,[l,n]=X(ae),w=u?"disabled":"hint-green",j;e[0]===Symbol.for("react.memo_cache_sentinel")?(j=(0,s.jsx)(B,{strokeWidth:1.8}),e[0]=j):j=e[0];let m;e[1]===b?m=e[2]:(m=(0,s.jsx)(G,{content:b,children:j}),e[1]=b,e[2]=m);let c;e[3]!==u||e[4]!==w||e[5]!==m?(c=(0,s.jsx)(V,{"aria-label":"Config","data-testid":"app-config-button",shape:"circle",size:"small",className:"h-[27px] w-[27px]",disabled:u,color:w,children:m}),e[3]=u,e[4]=w,e[5]=m,e[6]=c):c=e[6];let o=c,d;e[7]===Symbol.for("react.memo_cache_sentinel")?(d=(0,s.jsxs)(be,{className:"w-[90vw] h-[90vh] overflow-hidden sm:max-w-5xl top-[5vh] p-0",children:[(0,s.jsx)($,{children:(0,s.jsx)(ve,{children:"User settings"})}),(0,s.jsx)(se,{})]}),e[7]=d):d=e[7];let x=d;if(!i){let T;e[8]===o?T=e[9]:(T=(0,s.jsx)(ge,{children:o}),e[8]=o,e[9]=T);let q;return e[10]!==n||e[11]!==l||e[12]!==T?(q=(0,s.jsxs)(K,{open:l,onOpenChange:n,children:[T,x]}),e[10]=n,e[11]=l,e[12]=T,e[13]=q):q=e[13],q}let h;e[14]===o?h=e[15]:(h=(0,s.jsx)(we,{asChild:!0,children:o}),e[14]=o,e[15]=h);let y,N;e[16]===Symbol.for("react.memo_cache_sentinel")?(y=(0,s.jsx)(Fe,{}),N=(0,s.jsx)("div",{className:"h-px bg-border my-2"}),e[16]=y,e[17]=N):(y=e[16],N=e[17]);let v;e[18]===n?v=e[19]:(v=()=>n(!0),e[18]=n,e[19]=v);let C;e[20]===Symbol.for("react.memo_cache_sentinel")?(C=(0,s.jsx)(B,{strokeWidth:1.8,className:"w-4 h-4 mr-2"}),e[20]=C):C=e[20];let g;e[21]===v?g=e[22]:(g=(0,s.jsxs)(ye,{className:"w-[650px] overflow-auto max-h-[80vh] max-w-[80vw]",align:"end",side:"bottom",onFocusOutside:Re,children:[y,N,(0,s.jsxs)(de,{onClick:v,variant:"link",className:"px-0",children:[C,"User settings"]})]}),e[21]=v,e[22]=g);let k;e[23]!==g||e[24]!==h?(k=(0,s.jsxs)(Ne,{children:[h,g]}),e[23]=g,e[24]=h,e[25]=k):k=e[25];let p;e[26]!==n||e[27]!==l?(p=(0,s.jsx)(K,{open:l,onOpenChange:n,children:x}),e[26]=n,e[27]=l,e[28]=p):p=e[28];let _;return e[29]!==k||e[30]!==p?(_=(0,s.jsxs)(s.Fragment,{children:[k,p]}),e[29]=k,e[30]=p,e[31]=_):_=e[31],_};function Re(t){return t.preventDefault()}export{Me as n,Se as r,Qe as t};

package/dist/assets/asciiarmor-BCugLX69.js

@@ -1 +0,0 @@
-import{t as r}from"./asciiarmor-C9F03XGV.js";export{r as asciiArmor};

package/dist/assets/asn1-B8ndG_Ze.js

@@ -1 +0,0 @@
-import{t as a}from"./asn1-BnyFT2xh.js";export{a as asn1};

package/dist/assets/brainfuck-h1OIoSEo.js

@@ -1 +0,0 @@
-import{t as r}from"./brainfuck-BDCj_8tQ.js";export{r as brainfuck};