@marimo-team/frontend 0.24.3-dev3 → 0.24.3-dev4

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

@@ -0,0 +1 @@
+import{a as e}from"./rolldown-runtime-B0Z9INg1.js";import{c as t}from"./useEvent-xfs0Sn4r.js";import{t as n}from"./react-CBDbhulC.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-BBhW3FXj.js";import{t as g}from"./compiler-runtime-CYIjoINj.js";import{C as _,O as v,k as y}from"./utils-D5Ywm7-q.js";import{E as b,d as x,f as S,i as C,n as w,u as T}from"./ai-model-dropdown-CmJEEhSC.js";import{N as E}from"./config-BlNM0caL.js";import{t as D}from"./jsx-runtime-B74pBk57.js";import{o as O}from"./alert-dialog-CA-2mBs3.js";import{l as k}from"./select-nLt2y0Sw.js";import{t as A}from"./tooltip-BUtPzKB4.js";import{t as j}from"./button-Dh8EwhsF.js";import{s as M}from"./arrays-BqUx5USx.js";import{r as N}from"./requests-C6_IaFh7.js";import{t as P}from"./createLucideIcon-B7HeEoG2.js";import{r as F}from"./useNumberFormatter-DHJ9s6Vk.js";import{M as I,T as L,b as R,j as z,p as B,w as V}from"./write-secret-modal-D6zoZgLY.js";import{r as H}from"./input-DEbY281O.js";import{t as U}from"./settings-C-cYas75.js";import{t as W}from"./use-toast-DpWHUGuF.js";import{t as ee}from"./VisuallyHidden-CBMDmozt.js";import{r as te}from"./useDebounce-DgpSQhrP.js";import{t as G}from"./kbd-Cwh96ZBE.js";import{t as K}from"./Inputs-E85rt2lh.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};

package/dist/assets/{blob-B2d_dHwI.js → blob-BrVH7IJp.js}

@@ -1 +1 @@
-import{a as e}from"./markdown-renderer-BZKlbm2Q.js";function t(e){return new Promise((t,n)=>{let r=new FileReader;r.onload=e=>{t(e.target?.result)},r.onerror=e=>{n(Error(`Failed to read blob: ${e.type}`))},r.readAsDataURL(e)})}function n(e){let[t,n]=e.split(`,`,2),r=/^data:(.+);base64$/.exec(t)?.[1],i=atob(n),a=i.length,o=new Uint8Array(a);for(let e=0;e<a;e++)o[e]=i.charCodeAt(e);return new Blob([o],{type:r})}function r({contents:t,mimeType:r,isBase64:i}){return i?n(e(t,r)):new Blob([t],{type:r})}export{r as n,t as r,n as t};
+import{a as e}from"./markdown-renderer-751VNlrQ.js";function t(e){return new Promise((t,n)=>{let r=new FileReader;r.onload=e=>{t(e.target?.result)},r.onerror=e=>{n(Error(`Failed to read blob: ${e.type}`))},r.readAsDataURL(e)})}function n(e){let[t,n]=e.split(`,`,2),r=/^data:(.+);base64$/.exec(t)?.[1],i=atob(n),a=i.length,o=new Uint8Array(a);for(let e=0;e<a;e++)o[e]=i.charCodeAt(e);return new Blob([o],{type:r})}function r({contents:t,mimeType:r,isBase64:i}){return i?n(e(t,r)):new Blob([t],{type:r})}export{r as n,t as r,n as t};