@marimo-team/frontend 0.24.3-dev21 → 0.24.3-dev23

package/dist/assets/{any-language-editor-BT05ewla.js → any-language-editor-QbBdEt9X.js}

@@ -1 +1 @@
-import"./rolldown-runtime-B0Z9INg1.js";import{t as e}from"./react-CUdNIagt.js";import{t}from"./compiler-runtime-BQ9S8nyo.js";import{g as n}from"./useEventListener-BdZUApHd.js";import{t as r}from"./jsx-runtime-B74pBk57.js";import{t as i}from"./copy-icon-BGwpo8Hs.js";import{n as a}from"./error-banner-BVJv0Gbm.js";import{S as o}from"./index-DGRl4eiy.js";import{n as s,t as c}from"./esm-BErdoAcz.js";var l=t();e();var u=r(),d={python:`py`,python3:`py`,javascript:`js`,typescript:`ts`,shell:`sh`,bash:`sh`,unknown:`text`,undefined:`text`},f=[];function p(e){return e?e in c:!1}var m=e=>{let t=(0,l.c)(29),r,m,h,g,_,v;if(t[0]!==e){let{language:n,hideUnsupportedLanguageErrors:i,showCopyButton:a,extensions:o,...s}=e;m=i,_=a,g=s,h=n,r=o===void 0?f:o,h=d[h||``]||h,v=p(h),t[0]=e,t[1]=r,t[2]=m,t[3]=h,t[4]=g,t[5]=_,t[6]=v}else r=t[1],m=t[2],h=t[3],g=t[4],_=t[5],v=t[6];let y=v;y||n.warn(`Language ${h} not found in CodeMirror.`);let b;bb0:{if(!p(h)){b=r;break bb0}let e;t[7]===h?e=t[8]:(e=s(h),t[7]=h,t[8]=e);let n;t[9]!==r||t[10]!==e?(n=[e,...r].filter(Boolean),t[9]=r,t[10]=e,t[11]=n):n=t[11],b=n}let x=b,S;t[12]!==m||t[13]!==y||t[14]!==h?(S=!y&&!m&&(0,u.jsx)(a,{className:`mb-1 rounded-sm`,error:`Language ${h} not supported. Supported languages are: ${Object.keys(c).join(`, `)}`}),t[12]=m,t[13]=y,t[14]=h,t[15]=S):S=t[15];let C;t[16]!==y||t[17]!==g||t[18]!==_?(C=_&&y&&(0,u.jsx)(i,{tooltip:!1,buttonClassName:`absolute top-2 right-2 z-10 hover-action`,className:`h-4 w-4 text-muted-foreground`,value:g.value||``,toastTitle:`Copied to clipboard`}),t[16]=y,t[17]=g,t[18]=_,t[19]=C):C=t[19];let w;t[20]===x?w=t[21]:(w=[...x],t[20]=x,t[21]=w);let T;t[22]!==g||t[23]!==w?(T=(0,u.jsx)(o,{...g,extensions:w}),t[22]=g,t[23]=w,t[24]=T):T=t[24];let E;return t[25]!==S||t[26]!==C||t[27]!==T?(E=(0,u.jsxs)(`div`,{className:`relative w-full group hover-actions-parent`,children:[S,C,T]}),t[25]=S,t[26]=C,t[27]=T,t[28]=E):E=t[28],E};export{d as LANGUAGE_MAP,m as default};
+import"./rolldown-runtime-B0Z9INg1.js";import{t as e}from"./react-CUdNIagt.js";import{t}from"./compiler-runtime-BQ9S8nyo.js";import{g as n}from"./useEventListener-BdZUApHd.js";import{t as r}from"./jsx-runtime-B74pBk57.js";import{t as i}from"./copy-icon-BGwpo8Hs.js";import{n as a}from"./error-banner-BVJv0Gbm.js";import{S as o}from"./index-Ci-M8pIH.js";import{n as s,t as c}from"./esm-BErdoAcz.js";var l=t();e();var u=r(),d={python:`py`,python3:`py`,javascript:`js`,typescript:`ts`,shell:`sh`,bash:`sh`,unknown:`text`,undefined:`text`},f=[];function p(e){return e?e in c:!1}var m=e=>{let t=(0,l.c)(29),r,m,h,g,_,v;if(t[0]!==e){let{language:n,hideUnsupportedLanguageErrors:i,showCopyButton:a,extensions:o,...s}=e;m=i,_=a,g=s,h=n,r=o===void 0?f:o,h=d[h||``]||h,v=p(h),t[0]=e,t[1]=r,t[2]=m,t[3]=h,t[4]=g,t[5]=_,t[6]=v}else r=t[1],m=t[2],h=t[3],g=t[4],_=t[5],v=t[6];let y=v;y||n.warn(`Language ${h} not found in CodeMirror.`);let b;bb0:{if(!p(h)){b=r;break bb0}let e;t[7]===h?e=t[8]:(e=s(h),t[7]=h,t[8]=e);let n;t[9]!==r||t[10]!==e?(n=[e,...r].filter(Boolean),t[9]=r,t[10]=e,t[11]=n):n=t[11],b=n}let x=b,S;t[12]!==m||t[13]!==y||t[14]!==h?(S=!y&&!m&&(0,u.jsx)(a,{className:`mb-1 rounded-sm`,error:`Language ${h} not supported. Supported languages are: ${Object.keys(c).join(`, `)}`}),t[12]=m,t[13]=y,t[14]=h,t[15]=S):S=t[15];let C;t[16]!==y||t[17]!==g||t[18]!==_?(C=_&&y&&(0,u.jsx)(i,{tooltip:!1,buttonClassName:`absolute top-2 right-2 z-10 hover-action`,className:`h-4 w-4 text-muted-foreground`,value:g.value||``,toastTitle:`Copied to clipboard`}),t[16]=y,t[17]=g,t[18]=_,t[19]=C):C=t[19];let w;t[20]===x?w=t[21]:(w=[...x],t[20]=x,t[21]=w);let T;t[22]!==g||t[23]!==w?(T=(0,u.jsx)(o,{...g,extensions:w}),t[22]=g,t[23]=w,t[24]=T):T=t[24];let E;return t[25]!==S||t[26]!==C||t[27]!==T?(E=(0,u.jsxs)(`div`,{className:`relative w-full group hover-actions-parent`,children:[S,C,T]}),t[25]=S,t[26]=C,t[27]=T,t[28]=E):E=t[28],E};export{d as LANGUAGE_MAP,m as default};

package/dist/assets/{app-config-button-msEMWBIk.js → app-config-button-DFROffxb.js}

@@ -1 +1 @@
-import{a as e}from"./rolldown-runtime-B0Z9INg1.js";import{c as t}from"./useEvent-Dc9HkKI2.js";import{t as n}from"./react-CUdNIagt.js";import{Fn as r,Nn as i,_n as a,cn as o,hn as s,in as c,ln as l,nn as u,on as d,qn as f,rn as p,sn as m,vn as h}from"./cells-CtYlMseV.js";import{t as g}from"./compiler-runtime-BQ9S8nyo.js";import{C as _,O as v,k as y}from"./utils-gbbmXIR4.js";import{O as b,d as x,f as S,i as C,n as w,u as T}from"./ai-model-dropdown-RAsX31Hv.js";import{N as E}from"./config-luuwMIq6.js";import{t as D}from"./jsx-runtime-B74pBk57.js";import{o as O}from"./alert-dialog-CTZhLA-n.js";import{l as k}from"./select-C_hPB6Bz.js";import{t as A}from"./tooltip-Dnxk1tcQ.js";import{t as j}from"./button-BoklZTGL.js";import{s as M}from"./arrays-BqUx5USx.js";import{r as N}from"./requests-yTHMxhVa.js";import{t as P}from"./createLucideIcon-rHn2EdoM.js";import{r as F}from"./useNumberFormatter-C4-_TnkF.js";import{M as I,T as L,b as R,j as z,p as B,w as V}from"./write-secret-modal-B5x3omai.js";import{r as H}from"./input-DPJmbuuZ.js";import{t as U}from"./settings-DlKTeV_0.js";import{t as W}from"./use-toast-CC89xOwH.js";import{t as ee}from"./VisuallyHidden-Dk-UKjvj.js";import{r as te}from"./useDebounce-DMbg9X18.js";import{t as G}from"./kbd-BnUiViRu.js";import{n as K}from"./useInterval-ChchS0Rl.js";var q=P(`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`}]]),J=g(),Y=D(),X=e=>{let t=(0,J.c)(15),{description:n,disabled:r,tooltip:i}=e,a=r!==void 0&&r,o=i===void 0?`Shutdown`:i,{openConfirm:s,closeModal:c}=R(),{sendShutdown:l}=N(),u;t[0]===l?u=t[1]:(u=()=>{l(),setTimeout(Z,200)},t[0]=l,t[1]=u);let d=u;if(E())return null;let f=a?`disabled`:`red`,p;t[2]!==c||t[3]!==n||t[4]!==d||t[5]!==s?(p=e=>{e.stopPropagation(),s({title:`Shutdown`,description:n,variant:`destructive`,confirmAction:(0,Y.jsx)(O,{onClick:()=>{d(),c()},"aria-label":`Confirm Shutdown`,children:`Shutdown`})})},t[2]=c,t[3]=n,t[4]=d,t[5]=s,t[6]=p):p=t[6];let m;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,Y.jsx)(F,{strokeWidth:1}),t[7]=m):m=t[7];let h;t[8]!==a||t[9]!==f||t[10]!==p?(h=(0,Y.jsx)(K,{"aria-label":`Shutdown`,"data-testid":`shutdown-button`,shape:`circle`,size:`small`,color:f,className:`h-[27px] w-[27px]`,disabled:a,onClick:p,children:m}),t[8]=a,t[9]=f,t[10]=p,t[11]=h):h=t[11];let g;return t[12]!==h||t[13]!==o?(g=(0,Y.jsx)(A,{content:o,children:h}),t[12]=h,t[13]=o,t[14]=g):g=t[14],g};function Z(){window.close()}var Q=e(n(),1),ne=100,re=()=>{let e=(0,J.c)(37),[t,n]=_(),{saveAppConfig:a}=N(),s=(0,Q.useId)(),h=(0,Q.useId)(),g;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(g=i(v),e[0]=g):g=e[0];let y;e[1]===t?y=e[2]:(y={resolver:g,defaultValues:t},e[1]=t,e[2]=y);let b=r(y),C;e[3]!==a||e[4]!==n?(C=async e=>{await a({config:e}).then(()=>{n(e)}).catch(()=>{n(e)})},e[3]=a,e[4]=n,e[5]=C):C=e[5];let w=C,T;e[6]===w?T=e[7]:(T=e=>{w(e)},e[6]=w,e[7]=T);let E=te(T,ne),D;e[8]===t.width?D=e[9]:(D=[t.width],e[8]=t.width,e[9]=D),(0,Q.useEffect)(ie,D);let O;e[10]!==E||e[11]!==b?(O=b.handleSubmit(E),e[10]=E,e[11]=b,e[12]=O):O=e[12];let k;e[13]===Symbol.for(`react.memo_cache_sentinel`)?(k=(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(S,{children:`Notebook Settings`}),(0,Y.jsx)(x,{children:`Configure how your notebook or application looks and behaves.`})]}),e[13]=k):k=e[13];let A;e[14]===b.control?A=e[15]:(A=(0,Y.jsxs)($,{title:`Display`,children:[(0,Y.jsx)(d,{control:b.control,name:`width`,render:oe}),(0,Y.jsx)(d,{control:b.control,name:`app_title`,render:se})]}),e[14]=b.control,e[15]=A);let j;e[16]===b.control?j=e[17]:(j=(0,Y.jsxs)($,{title:`Custom Files`,children:[(0,Y.jsx)(d,{control:b.control,name:`css_file`,render:ce}),(0,Y.jsx)(d,{control:b.control,name:`html_head_file`,render:le})]}),e[16]=b.control,e[17]=j);let P;e[18]===b.control?P=e[19]:(P=(0,Y.jsx)($,{title:`Data`,children:(0,Y.jsx)(d,{control:b.control,name:`sql_output`,render:de})}),e[18]=b.control,e[19]=P);let F;e[20]!==s||e[21]!==h?(F=e=>{let{field:t}=e;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,Y.jsxs)(m,{className:`flex flex-col gap-2`,children:[(0,Y.jsx)(p,{children:(0,Y.jsxs)(`div`,{className:`flex gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,Y.jsx)(f,{id:s,"data-testid":`html-checkbox`,checked:t.value.includes(`html`),onCheckedChange:()=>{t.onChange(M(t.value,`html`))}}),(0,Y.jsx)(o,{htmlFor:s,children:`HTML`})]}),(0,Y.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,Y.jsx)(f,{id:h,"data-testid":`ipynb-checkbox`,checked:t.value.includes(`ipynb`),onCheckedChange:()=>{t.onChange(M(t.value,`ipynb`))}}),(0,Y.jsx)(o,{htmlFor:h,children:`IPYNB`})]})]})}),(0,Y.jsx)(l,{})]}),(0,Y.jsxs)(c,{children:[`When enabled, marimo will periodically save this notebook in your selected formats (HTML, IPYNB) to a folder named`,` `,(0,Y.jsx)(G,{className:`inline`,children:`__marimo__`}),` next to your notebook file.`]})]})},e[20]=s,e[21]=h,e[22]=F):F=e[22];let I;e[23]!==b.control||e[24]!==F?(I=(0,Y.jsx)($,{title:`Exporting outputs`,children:(0,Y.jsx)(d,{control:b.control,name:`auto_download`,render:F})}),e[23]=b.control,e[24]=F,e[25]=I):I=e[25];let L;e[26]!==I||e[27]!==A||e[28]!==j||e[29]!==P?(L=(0,Y.jsxs)(`div`,{className:`grid grid-cols-2 gap-x-8 gap-y-4`,children:[A,j,P,I]}),e[26]=I,e[27]=A,e[28]=j,e[29]=P,e[30]=L):L=e[30];let R;e[31]!==L||e[32]!==O?(R=(0,Y.jsxs)(`form`,{onChange:O,className:`flex flex-col gap-6`,children:[k,L]}),e[31]=L,e[32]=O,e[33]=R):R=e[33];let z;return e[34]!==b||e[35]!==R?(z=(0,Y.jsx)(u,{...b,children:R}),e[34]=b,e[35]=R,e[36]=z):z=e[36],z},$=e=>{let t=(0,J.c)(5),{title:n,children:r}=e,i;t[0]===n?i=t[1]:(i=(0,Y.jsx)(`h3`,{className:`text-base font-semibold mb-1`,children:n}),t[0]=n,t[1]=i);let a;return t[2]!==r||t[3]!==i?(a=(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-2`,children:[i,r]}),t[2]=r,t[3]=i,t[4]=a):a=t[4],a};function ie(){window.dispatchEvent(new Event(`resize`))}function ae(e){return(0,Y.jsx)(`option`,{value:e,children:e},e)}function oe(e){let{field:t}=e;return(0,Y.jsxs)(m,{className:`flex flex-row items-center space-x-1 space-y-0`,children:[(0,Y.jsx)(o,{children:`Width`}),(0,Y.jsx)(p,{children:(0,Y.jsx)(k,{"data-testid":`app-width-select`,onChange:e=>t.onChange(e.target.value),value:t.value,disabled:t.disabled,className:`inline-flex mr-2`,children:b().map(ae)})}),(0,Y.jsx)(l,{})]})}function se(e){let{field:t}=e;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,Y.jsxs)(m,{className:`flex flex-row items-center space-x-1 space-y-0`,children:[(0,Y.jsx)(o,{children:`App title`}),(0,Y.jsx)(p,{children:(0,Y.jsx)(H,{...t,value:t.value??``,onChange:e=>{t.onChange(e.target.value),y.safeParse(e.target.value).success&&(document.title=e.target.value)}})}),(0,Y.jsx)(l,{})]}),(0,Y.jsx)(c,{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 ce(e){let{field:t}=e;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,Y.jsxs)(m,{className:`flex flex-row items-center space-x-1 space-y-0`,children:[(0,Y.jsx)(o,{className:`shrink-0`,children:`Custom CSS`}),(0,Y.jsx)(p,{children:(0,Y.jsx)(H,{...t,value:t.value??``,placeholder:`custom.css`,onChange:e=>{t.onChange(e.target.value),y.safeParse(e.target.value).success&&(document.title=e.target.value)}})}),(0,Y.jsx)(l,{})]}),(0,Y.jsx)(c,{children:`A filepath to a custom css file to be injected into the notebook.`})]})}function le(e){let{field:t}=e;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,Y.jsxs)(m,{className:`flex flex-row items-center space-x-1 space-y-0`,children:[(0,Y.jsx)(o,{className:`shrink-0`,children:`HTML Head`}),(0,Y.jsx)(p,{children:(0,Y.jsx)(H,{...t,value:t.value??``,placeholder:`head.html`,onChange:e=>{t.onChange(e.target.value)}})}),(0,Y.jsx)(l,{})]}),(0,Y.jsxs)(c,{children:[`A filepath to an HTML file to be injected into the`,` `,(0,Y.jsx)(G,{className:`inline`,children:`<head/>`}),` section of the notebook. Use this to add analytics, custom fonts, meta tags, or external scripts.`]})]})}function ue(e){return(0,Y.jsx)(`option`,{value:e.value,children:e.label},e.value)}function de(e){let{field:t}=e;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,Y.jsxs)(m,{className:`flex flex-row items-center space-x-1 space-y-0`,children:[(0,Y.jsx)(o,{children:`SQL Output Type`}),(0,Y.jsx)(p,{children:(0,Y.jsx)(k,{"data-testid":`sql-output-select`,onChange:e=>{t.onChange(e.target.value),W({title:`Kernel Restart Required`,description:`This change requires a kernel restart to take effect.`})},value:t.value,disabled:t.disabled,className:`inline-flex mr-2`,children:T.map(ue)})}),(0,Y.jsx)(l,{})]}),(0,Y.jsxs)(c,{children:[`The Python type returned by a SQL cell. For best performance with large datasets, we recommend using`,` `,(0,Y.jsx)(G,{className:`inline`,children:`native`}),`. See the`,` `,(0,Y.jsx)(B,{href:`https://docs.marimo.io/guides/working_with_data/sql`,children:`SQL guide`}),` `,`for more information.`]})]})}var fe=e=>{let n=(0,J.c)(32),{showAppConfig:r,disabled:i,tooltip:o}=e,c=r===void 0||r,l=i!==void 0&&i,u=o===void 0?`Settings`:o,[d,f]=t(w),p=l?`disabled`:`hint-green`,m;n[0]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,Y.jsx)(U,{strokeWidth:1.8}),n[0]=m):m=n[0];let g;n[1]===u?g=n[2]:(g=(0,Y.jsx)(A,{content:u,children:m}),n[1]=u,n[2]=g);let _;n[3]!==l||n[4]!==p||n[5]!==g?(_=(0,Y.jsx)(K,{"aria-label":`Config`,"data-testid":`app-config-button`,shape:`circle`,size:`small`,className:`h-[27px] w-[27px]`,disabled:l,color:p,children:g}),n[3]=l,n[4]=p,n[5]=g,n[6]=_):_=n[6];let v=_,y;n[7]===Symbol.for(`react.memo_cache_sentinel`)?(y=(0,Y.jsxs)(L,{className:`w-[90vw] h-[90vh] overflow-hidden sm:max-w-5xl top-[5vh] p-0`,children:[(0,Y.jsx)(ee,{children:(0,Y.jsx)(z,{children:`User settings`})}),(0,Y.jsx)(C,{})]}),n[7]=y):y=n[7];let b=y;if(!c){let e;n[8]===v?e=n[9]:(e=(0,Y.jsx)(I,{children:v}),n[8]=v,n[9]=e);let t;return n[10]!==f||n[11]!==d||n[12]!==e?(t=(0,Y.jsxs)(V,{open:d,onOpenChange:f,children:[e,b]}),n[10]=f,n[11]=d,n[12]=e,n[13]=t):t=n[13],t}let x;n[14]===v?x=n[15]:(x=(0,Y.jsx)(h,{asChild:!0,children:v}),n[14]=v,n[15]=x);let S,T;n[16]===Symbol.for(`react.memo_cache_sentinel`)?(S=(0,Y.jsx)(re,{}),T=(0,Y.jsx)(`div`,{className:`h-px bg-border my-2`}),n[16]=S,n[17]=T):(S=n[16],T=n[17]);let E;n[18]===f?E=n[19]:(E=()=>f(!0),n[18]=f,n[19]=E);let D;n[20]===Symbol.for(`react.memo_cache_sentinel`)?(D=(0,Y.jsx)(U,{strokeWidth:1.8,className:`w-4 h-4 mr-2`}),n[20]=D):D=n[20];let O;n[21]===E?O=n[22]:(O=(0,Y.jsxs)(a,{className:`w-[650px] overflow-auto max-h-[80vh] max-w-[80vw]`,align:`end`,side:`bottom`,onFocusOutside:pe,children:[S,T,(0,Y.jsxs)(j,{onClick:E,variant:`link`,className:`px-0`,children:[D,`User settings`]})]}),n[21]=E,n[22]=O);let k;n[23]!==O||n[24]!==x?(k=(0,Y.jsxs)(s,{children:[x,O]}),n[23]=O,n[24]=x,n[25]=k):k=n[25];let M;n[26]!==f||n[27]!==d?(M=(0,Y.jsx)(V,{open:d,onOpenChange:f,children:b}),n[26]=f,n[27]=d,n[28]=M):M=n[28];let N;return n[29]!==k||n[30]!==M?(N=(0,Y.jsxs)(Y.Fragment,{children:[k,M]}),n[29]=k,n[30]=M,n[31]=N):N=n[31],N};function pe(e){return e.preventDefault()}export{X as n,q as r,fe as t};
+import{a as e}from"./rolldown-runtime-B0Z9INg1.js";import{c as t}from"./useEvent-Dc9HkKI2.js";import{t as n}from"./react-CUdNIagt.js";import{Fn as r,Nn as i,_n as a,cn as o,hn as s,in as c,ln as l,nn as u,on as d,qn as f,rn as p,sn as m,vn as h}from"./cells-CtYlMseV.js";import{t as g}from"./compiler-runtime-BQ9S8nyo.js";import{C as _,O as v,k as y}from"./utils-gbbmXIR4.js";import{O as b,d as x,f as S,i as C,n as w,u as T}from"./ai-model-dropdown-IYTkGG_v.js";import{N as E}from"./config-luuwMIq6.js";import{t as D}from"./jsx-runtime-B74pBk57.js";import{o as O}from"./alert-dialog-CTZhLA-n.js";import{l as k}from"./select-C_hPB6Bz.js";import{t as A}from"./tooltip-Dnxk1tcQ.js";import{t as j}from"./button-BoklZTGL.js";import{s as M}from"./arrays-BqUx5USx.js";import{r as N}from"./requests-yTHMxhVa.js";import{t as P}from"./createLucideIcon-rHn2EdoM.js";import{r as F}from"./useNumberFormatter-C4-_TnkF.js";import{M as I,T as L,b as R,j as z,p as B,w as V}from"./write-secret-modal-B5x3omai.js";import{r as H}from"./input-DPJmbuuZ.js";import{t as U}from"./settings-DlKTeV_0.js";import{t as W}from"./use-toast-CC89xOwH.js";import{t as ee}from"./VisuallyHidden-Dk-UKjvj.js";import{r as te}from"./useDebounce-DMbg9X18.js";import{t as G}from"./kbd-BnUiViRu.js";import{n as K}from"./useInterval-ChchS0Rl.js";var q=P(`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`}]]),J=g(),Y=D(),X=e=>{let t=(0,J.c)(15),{description:n,disabled:r,tooltip:i}=e,a=r!==void 0&&r,o=i===void 0?`Shutdown`:i,{openConfirm:s,closeModal:c}=R(),{sendShutdown:l}=N(),u;t[0]===l?u=t[1]:(u=()=>{l(),setTimeout(Z,200)},t[0]=l,t[1]=u);let d=u;if(E())return null;let f=a?`disabled`:`red`,p;t[2]!==c||t[3]!==n||t[4]!==d||t[5]!==s?(p=e=>{e.stopPropagation(),s({title:`Shutdown`,description:n,variant:`destructive`,confirmAction:(0,Y.jsx)(O,{onClick:()=>{d(),c()},"aria-label":`Confirm Shutdown`,children:`Shutdown`})})},t[2]=c,t[3]=n,t[4]=d,t[5]=s,t[6]=p):p=t[6];let m;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,Y.jsx)(F,{strokeWidth:1}),t[7]=m):m=t[7];let h;t[8]!==a||t[9]!==f||t[10]!==p?(h=(0,Y.jsx)(K,{"aria-label":`Shutdown`,"data-testid":`shutdown-button`,shape:`circle`,size:`small`,color:f,className:`h-[27px] w-[27px]`,disabled:a,onClick:p,children:m}),t[8]=a,t[9]=f,t[10]=p,t[11]=h):h=t[11];let g;return t[12]!==h||t[13]!==o?(g=(0,Y.jsx)(A,{content:o,children:h}),t[12]=h,t[13]=o,t[14]=g):g=t[14],g};function Z(){window.close()}var Q=e(n(),1),ne=100,re=()=>{let e=(0,J.c)(37),[t,n]=_(),{saveAppConfig:a}=N(),s=(0,Q.useId)(),h=(0,Q.useId)(),g;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(g=i(v),e[0]=g):g=e[0];let y;e[1]===t?y=e[2]:(y={resolver:g,defaultValues:t},e[1]=t,e[2]=y);let b=r(y),C;e[3]!==a||e[4]!==n?(C=async e=>{await a({config:e}).then(()=>{n(e)}).catch(()=>{n(e)})},e[3]=a,e[4]=n,e[5]=C):C=e[5];let w=C,T;e[6]===w?T=e[7]:(T=e=>{w(e)},e[6]=w,e[7]=T);let E=te(T,ne),D;e[8]===t.width?D=e[9]:(D=[t.width],e[8]=t.width,e[9]=D),(0,Q.useEffect)(ie,D);let O;e[10]!==E||e[11]!==b?(O=b.handleSubmit(E),e[10]=E,e[11]=b,e[12]=O):O=e[12];let k;e[13]===Symbol.for(`react.memo_cache_sentinel`)?(k=(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(S,{children:`Notebook Settings`}),(0,Y.jsx)(x,{children:`Configure how your notebook or application looks and behaves.`})]}),e[13]=k):k=e[13];let A;e[14]===b.control?A=e[15]:(A=(0,Y.jsxs)($,{title:`Display`,children:[(0,Y.jsx)(d,{control:b.control,name:`width`,render:oe}),(0,Y.jsx)(d,{control:b.control,name:`app_title`,render:se})]}),e[14]=b.control,e[15]=A);let j;e[16]===b.control?j=e[17]:(j=(0,Y.jsxs)($,{title:`Custom Files`,children:[(0,Y.jsx)(d,{control:b.control,name:`css_file`,render:ce}),(0,Y.jsx)(d,{control:b.control,name:`html_head_file`,render:le})]}),e[16]=b.control,e[17]=j);let P;e[18]===b.control?P=e[19]:(P=(0,Y.jsx)($,{title:`Data`,children:(0,Y.jsx)(d,{control:b.control,name:`sql_output`,render:de})}),e[18]=b.control,e[19]=P);let F;e[20]!==s||e[21]!==h?(F=e=>{let{field:t}=e;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,Y.jsxs)(m,{className:`flex flex-col gap-2`,children:[(0,Y.jsx)(p,{children:(0,Y.jsxs)(`div`,{className:`flex gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,Y.jsx)(f,{id:s,"data-testid":`html-checkbox`,checked:t.value.includes(`html`),onCheckedChange:()=>{t.onChange(M(t.value,`html`))}}),(0,Y.jsx)(o,{htmlFor:s,children:`HTML`})]}),(0,Y.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,Y.jsx)(f,{id:h,"data-testid":`ipynb-checkbox`,checked:t.value.includes(`ipynb`),onCheckedChange:()=>{t.onChange(M(t.value,`ipynb`))}}),(0,Y.jsx)(o,{htmlFor:h,children:`IPYNB`})]})]})}),(0,Y.jsx)(l,{})]}),(0,Y.jsxs)(c,{children:[`When enabled, marimo will periodically save this notebook in your selected formats (HTML, IPYNB) to a folder named`,` `,(0,Y.jsx)(G,{className:`inline`,children:`__marimo__`}),` next to your notebook file.`]})]})},e[20]=s,e[21]=h,e[22]=F):F=e[22];let I;e[23]!==b.control||e[24]!==F?(I=(0,Y.jsx)($,{title:`Exporting outputs`,children:(0,Y.jsx)(d,{control:b.control,name:`auto_download`,render:F})}),e[23]=b.control,e[24]=F,e[25]=I):I=e[25];let L;e[26]!==I||e[27]!==A||e[28]!==j||e[29]!==P?(L=(0,Y.jsxs)(`div`,{className:`grid grid-cols-2 gap-x-8 gap-y-4`,children:[A,j,P,I]}),e[26]=I,e[27]=A,e[28]=j,e[29]=P,e[30]=L):L=e[30];let R;e[31]!==L||e[32]!==O?(R=(0,Y.jsxs)(`form`,{onChange:O,className:`flex flex-col gap-6`,children:[k,L]}),e[31]=L,e[32]=O,e[33]=R):R=e[33];let z;return e[34]!==b||e[35]!==R?(z=(0,Y.jsx)(u,{...b,children:R}),e[34]=b,e[35]=R,e[36]=z):z=e[36],z},$=e=>{let t=(0,J.c)(5),{title:n,children:r}=e,i;t[0]===n?i=t[1]:(i=(0,Y.jsx)(`h3`,{className:`text-base font-semibold mb-1`,children:n}),t[0]=n,t[1]=i);let a;return t[2]!==r||t[3]!==i?(a=(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-2`,children:[i,r]}),t[2]=r,t[3]=i,t[4]=a):a=t[4],a};function ie(){window.dispatchEvent(new Event(`resize`))}function ae(e){return(0,Y.jsx)(`option`,{value:e,children:e},e)}function oe(e){let{field:t}=e;return(0,Y.jsxs)(m,{className:`flex flex-row items-center space-x-1 space-y-0`,children:[(0,Y.jsx)(o,{children:`Width`}),(0,Y.jsx)(p,{children:(0,Y.jsx)(k,{"data-testid":`app-width-select`,onChange:e=>t.onChange(e.target.value),value:t.value,disabled:t.disabled,className:`inline-flex mr-2`,children:b().map(ae)})}),(0,Y.jsx)(l,{})]})}function se(e){let{field:t}=e;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,Y.jsxs)(m,{className:`flex flex-row items-center space-x-1 space-y-0`,children:[(0,Y.jsx)(o,{children:`App title`}),(0,Y.jsx)(p,{children:(0,Y.jsx)(H,{...t,value:t.value??``,onChange:e=>{t.onChange(e.target.value),y.safeParse(e.target.value).success&&(document.title=e.target.value)}})}),(0,Y.jsx)(l,{})]}),(0,Y.jsx)(c,{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 ce(e){let{field:t}=e;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,Y.jsxs)(m,{className:`flex flex-row items-center space-x-1 space-y-0`,children:[(0,Y.jsx)(o,{className:`shrink-0`,children:`Custom CSS`}),(0,Y.jsx)(p,{children:(0,Y.jsx)(H,{...t,value:t.value??``,placeholder:`custom.css`,onChange:e=>{t.onChange(e.target.value),y.safeParse(e.target.value).success&&(document.title=e.target.value)}})}),(0,Y.jsx)(l,{})]}),(0,Y.jsx)(c,{children:`A filepath to a custom css file to be injected into the notebook.`})]})}function le(e){let{field:t}=e;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,Y.jsxs)(m,{className:`flex flex-row items-center space-x-1 space-y-0`,children:[(0,Y.jsx)(o,{className:`shrink-0`,children:`HTML Head`}),(0,Y.jsx)(p,{children:(0,Y.jsx)(H,{...t,value:t.value??``,placeholder:`head.html`,onChange:e=>{t.onChange(e.target.value)}})}),(0,Y.jsx)(l,{})]}),(0,Y.jsxs)(c,{children:[`A filepath to an HTML file to be injected into the`,` `,(0,Y.jsx)(G,{className:`inline`,children:`<head/>`}),` section of the notebook. Use this to add analytics, custom fonts, meta tags, or external scripts.`]})]})}function ue(e){return(0,Y.jsx)(`option`,{value:e.value,children:e.label},e.value)}function de(e){let{field:t}=e;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,Y.jsxs)(m,{className:`flex flex-row items-center space-x-1 space-y-0`,children:[(0,Y.jsx)(o,{children:`SQL Output Type`}),(0,Y.jsx)(p,{children:(0,Y.jsx)(k,{"data-testid":`sql-output-select`,onChange:e=>{t.onChange(e.target.value),W({title:`Kernel Restart Required`,description:`This change requires a kernel restart to take effect.`})},value:t.value,disabled:t.disabled,className:`inline-flex mr-2`,children:T.map(ue)})}),(0,Y.jsx)(l,{})]}),(0,Y.jsxs)(c,{children:[`The Python type returned by a SQL cell. For best performance with large datasets, we recommend using`,` `,(0,Y.jsx)(G,{className:`inline`,children:`native`}),`. See the`,` `,(0,Y.jsx)(B,{href:`https://docs.marimo.io/guides/working_with_data/sql`,children:`SQL guide`}),` `,`for more information.`]})]})}var fe=e=>{let n=(0,J.c)(32),{showAppConfig:r,disabled:i,tooltip:o}=e,c=r===void 0||r,l=i!==void 0&&i,u=o===void 0?`Settings`:o,[d,f]=t(w),p=l?`disabled`:`hint-green`,m;n[0]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,Y.jsx)(U,{strokeWidth:1.8}),n[0]=m):m=n[0];let g;n[1]===u?g=n[2]:(g=(0,Y.jsx)(A,{content:u,children:m}),n[1]=u,n[2]=g);let _;n[3]!==l||n[4]!==p||n[5]!==g?(_=(0,Y.jsx)(K,{"aria-label":`Config`,"data-testid":`app-config-button`,shape:`circle`,size:`small`,className:`h-[27px] w-[27px]`,disabled:l,color:p,children:g}),n[3]=l,n[4]=p,n[5]=g,n[6]=_):_=n[6];let v=_,y;n[7]===Symbol.for(`react.memo_cache_sentinel`)?(y=(0,Y.jsxs)(L,{className:`w-[90vw] h-[90vh] overflow-hidden sm:max-w-5xl top-[5vh] p-0`,children:[(0,Y.jsx)(ee,{children:(0,Y.jsx)(z,{children:`User settings`})}),(0,Y.jsx)(C,{})]}),n[7]=y):y=n[7];let b=y;if(!c){let e;n[8]===v?e=n[9]:(e=(0,Y.jsx)(I,{children:v}),n[8]=v,n[9]=e);let t;return n[10]!==f||n[11]!==d||n[12]!==e?(t=(0,Y.jsxs)(V,{open:d,onOpenChange:f,children:[e,b]}),n[10]=f,n[11]=d,n[12]=e,n[13]=t):t=n[13],t}let x;n[14]===v?x=n[15]:(x=(0,Y.jsx)(h,{asChild:!0,children:v}),n[14]=v,n[15]=x);let S,T;n[16]===Symbol.for(`react.memo_cache_sentinel`)?(S=(0,Y.jsx)(re,{}),T=(0,Y.jsx)(`div`,{className:`h-px bg-border my-2`}),n[16]=S,n[17]=T):(S=n[16],T=n[17]);let E;n[18]===f?E=n[19]:(E=()=>f(!0),n[18]=f,n[19]=E);let D;n[20]===Symbol.for(`react.memo_cache_sentinel`)?(D=(0,Y.jsx)(U,{strokeWidth:1.8,className:`w-4 h-4 mr-2`}),n[20]=D):D=n[20];let O;n[21]===E?O=n[22]:(O=(0,Y.jsxs)(a,{className:`w-[650px] overflow-auto max-h-[80vh] max-w-[80vw]`,align:`end`,side:`bottom`,onFocusOutside:pe,children:[S,T,(0,Y.jsxs)(j,{onClick:E,variant:`link`,className:`px-0`,children:[D,`User settings`]})]}),n[21]=E,n[22]=O);let k;n[23]!==O||n[24]!==x?(k=(0,Y.jsxs)(s,{children:[x,O]}),n[23]=O,n[24]=x,n[25]=k):k=n[25];let M;n[26]!==f||n[27]!==d?(M=(0,Y.jsx)(V,{open:d,onOpenChange:f,children:b}),n[26]=f,n[27]=d,n[28]=M):M=n[28];let N;return n[29]!==k||n[30]!==M?(N=(0,Y.jsxs)(Y.Fragment,{children:[k,M]}),n[29]=k,n[30]=M,n[31]=N):N=n[31],N};function pe(e){return e.preventDefault()}export{X as n,q as r,fe as t};