@marimo-team/frontend 0.22.1-dev32 → 0.22.1-dev33

package/dist/assets/{useRunCells-ClEcKsmt.js → useRunCells-DgBY-vh9.js}

@@ -1 +1 @@
-import{d as k,n as i,p as v}from"./useEvent-D91BmmQi.js";import{An as w,E as y,Ir as F,Mr as b,ft as _,h as d}from"./cells-CgztvghI.js";import{t as x}from"./compiler-runtime-B3qBwwSJ.js";import{_ as A}from"./useEventListener-DGjKht0c.js";import{o as D}from"./dist-BNTOYRCs.js";import{r as E}from"./requests-9-v2bhoi.js";var u=x();const I=v(!1);function H(){let r=(0,u.c)(2),n=f(),t;return r[0]===n?t=r[1]:(t=()=>n(F(d())),r[0]=n,r[1]=t),i(t)}function M(r){let n=(0,u.c)(3),t=f(),o;return n[0]!==r||n[1]!==t?(o=()=>{r!==void 0&&t([r])},n[0]=r,n[1]=t,n[2]=o):o=n[2],i(o)}function V(){let r=(0,u.c)(2),n=f(),t;return r[0]===n?t=r[1]:(t=()=>n(b(d())),r[0]=n,r[1]=t),i(t)}function f(){let r=(0,u.c)(4),{prepareForRun:n}=y(),{sendRun:t}=E(),o=k(I),e;return r[0]!==n||r[1]!==t||r[2]!==o?(e=async s=>{if(s.length===0)return;let c=d();return o(!0),g({cellIds:s,sendRun:t,prepareForRun:n,notebook:c})},r[0]=n,r[1]=t,r[2]=o,r[3]=e):e=r[3],i(e)}async function g({cellIds:r,sendRun:n,prepareForRun:t,notebook:o}){var m,h,R;if(r.length===0)return;let{cellHandles:e,cellData:s}=o,c=[];for(let a of r){let l=(h=(m=e[a])==null?void 0:m.current)==null?void 0:h.editorView,p;l?(w(l)!=="markdown"&&D(l),p=_(l)):p=((R=s[a])==null?void 0:R.code)||"",c.push(p),t({cellId:a})}await n({cellIds:r,codes:c}).catch(a=>{A.error(a)})}export{f as a,M as i,g as n,H as o,V as r,I as t};
+import{d as k,n as i,p as v}from"./useEvent-D91BmmQi.js";import{An as w,E as y,Ir as F,Mr as b,ft as _,h as d}from"./cells-ArUhhHls.js";import{t as x}from"./compiler-runtime-B3qBwwSJ.js";import{_ as A}from"./useEventListener-DGjKht0c.js";import{o as D}from"./dist-BNTOYRCs.js";import{r as E}from"./requests-9-v2bhoi.js";var u=x();const I=v(!1);function H(){let r=(0,u.c)(2),n=f(),t;return r[0]===n?t=r[1]:(t=()=>n(F(d())),r[0]=n,r[1]=t),i(t)}function M(r){let n=(0,u.c)(3),t=f(),o;return n[0]!==r||n[1]!==t?(o=()=>{r!==void 0&&t([r])},n[0]=r,n[1]=t,n[2]=o):o=n[2],i(o)}function V(){let r=(0,u.c)(2),n=f(),t;return r[0]===n?t=r[1]:(t=()=>n(b(d())),r[0]=n,r[1]=t),i(t)}function f(){let r=(0,u.c)(4),{prepareForRun:n}=y(),{sendRun:t}=E(),o=k(I),e;return r[0]!==n||r[1]!==t||r[2]!==o?(e=async s=>{if(s.length===0)return;let c=d();return o(!0),g({cellIds:s,sendRun:t,prepareForRun:n,notebook:c})},r[0]=n,r[1]=t,r[2]=o,r[3]=e):e=r[3],i(e)}async function g({cellIds:r,sendRun:n,prepareForRun:t,notebook:o}){var m,h,R;if(r.length===0)return;let{cellHandles:e,cellData:s}=o,c=[];for(let a of r){let l=(h=(m=e[a])==null?void 0:m.current)==null?void 0:h.editorView,p;l?(w(l)!=="markdown"&&D(l),p=_(l)):p=((R=s[a])==null?void 0:R.code)||"",c.push(p),t({cellId:a})}await n({cellIds:r,codes:c}).catch(a=>{A.error(a)})}export{f as a,M as i,g as n,H as o,V as r,I as t};

package/dist/assets/{useSplitCell-DMwGtAvj.js → useSplitCell-SS0kKwVk.js}

@@ -1 +1 @@
-import{s as m}from"./chunk-LvLJmgfZ.js";import{n as p}from"./useEvent-D91BmmQi.js";import{E as d,f,ft as u}from"./cells-CgztvghI.js";import{t as c}from"./compiler-runtime-B3qBwwSJ.js";import{t as C}from"./jsx-runtime-Blw4afVn.js";import{t as h}from"./use-toast-T0_cQDma.js";import{r as v}from"./useDeleteCell-D77nfE58.js";var x=c(),b=m(C(),1);function j(){let t=(0,x.c)(3),{splitCell:i,undoSplitCell:r}=d(),o;return t[0]!==i||t[1]!==r?(o=s=>{let l=f(s.cellId);if(!l)return;let a=u(l);i(s);let{dismiss:n}=h({title:"Cell split",action:(0,b.jsx)(v,{"data-testid":"undo-split-button",size:"sm",variant:"outline",onClick:()=>{r({...s,snapshot:a}),e()},children:"Undo"})}),e=n},t[0]=i,t[1]=r,t[2]=o):o=t[2],p(o)}export{j as t};
+import{s as m}from"./chunk-LvLJmgfZ.js";import{n as p}from"./useEvent-D91BmmQi.js";import{E as d,f,ft as u}from"./cells-ArUhhHls.js";import{t as c}from"./compiler-runtime-B3qBwwSJ.js";import{t as C}from"./jsx-runtime-Blw4afVn.js";import{t as h}from"./use-toast-T0_cQDma.js";import{r as v}from"./useDeleteCell-D2p4Dz0U.js";var x=c(),b=m(C(),1);function j(){let t=(0,x.c)(3),{splitCell:i,undoSplitCell:r}=d(),o;return t[0]!==i||t[1]!==r?(o=s=>{let l=f(s.cellId);if(!l)return;let a=u(l);i(s);let{dismiss:n}=h({title:"Cell split",action:(0,b.jsx)(v,{"data-testid":"undo-split-button",size:"sm",variant:"outline",onClick:()=>{r({...s,snapshot:a}),e()},children:"Undo"})}),e=n},t[0]=i,t[1]=r,t[2]=o):o=t[2],p(o)}export{j as t};

package/dist/assets/vega-component-CdvEZvzS.js

@@ -0,0 +1 @@
+import{s as z}from"./chunk-LvLJmgfZ.js";import{n as C}from"./useEvent-D91BmmQi.js";import{t as Y}from"./react-Bj1aDYRI.js";import"./react-dom-CSu739Rf.js";import{t as tt}from"./compiler-runtime-B3qBwwSJ.js";import{t as et}from"./debounce-BbSyBDA8.js";import{_,d as T}from"./useEventListener-DGjKht0c.js";import{n as V}from"./config-CmaJdl9U.js";import{t as nt}from"./cn-DYvqRARy.js";import{t as rt}from"./jsx-runtime-Blw4afVn.js";import"./fullscreen-k58KVlT-.js";import{t as at}from"./tooltip-DmqhBBs6.js";import{r as it}from"./button-BKVLeSTX.js";import{d as N}from"./arrays-DAC2orgH.js";import{u as ot}from"./toDate-BGIVWsZ9.js";import"./session-DDorezMU.js";import{r as lt}from"./useTheme-wMq5x3Hi.js";import{t as ct}from"./isValid-CtiDIjiD.js";import{a as st,r as mt,t as pt}from"./utils-COwZ1qVI.js";import{n as ut}from"./vega-loader.browser-CRZ52CKf.js";import{t as ft}from"./react-vega-o-uiEUqD.js";import"./defaultLocale-D_rSvXvJ.js";import"./defaultLocale-C92Rrpmf.js";import{r as dt,t as ht}from"./alert-DrrhKX67.js";import{n as gt}from"./error-banner-B3Vr5jH0.js";import{n as yt}from"./useAsyncData-BPlezez1.js";import{t as vt}from"./formats-Cl4zm1Jf.js";import{t as H}from"./useDeepCompareMemoize-Bj2wGMJg.js";var kt=tt(),S=z(Y(),1);function bt(t){return t.data&&"url"in t.data&&(t.data.url=V(t.data.url).href),t}const u={arc:"arc",area:"area",bar:"bar",image:"image",line:"line",point:"point",rect:"rect",rule:"rule",text:"text",tick:"tick",trail:"trail",circle:"circle",square:"square",geoshape:"geoshape"};var F=new Set(["boxplot","errorband","errorbar"]);const x={getMarkType(t){let e=typeof t=="string"?t:t.type;if(F.has(e))throw Error("Not supported");return e},isInteractive(t){let e=typeof t=="string"?t:t.type;return!F.has(e)},makeClickable(t){let e=typeof t=="string"?t:t.type;return e in u?typeof t=="string"?{type:t,cursor:"pointer",tooltip:!0}:{...t,type:e,cursor:"pointer",tooltip:!0}:t},getOpacity(t){return typeof t=="string"?null:"opacity"in t&&typeof t.opacity=="number"?t.opacity:null}},y={point(t){return t==null?"select_point":`select_point_${t}`},interval(t){return t==null?"select_interval":`select_interval_${t}`},legendSelection(t){return`legend_selection_${t}`},binColoring(t){return t==null?"bin_coloring":`bin_coloring_${t}`},HIGHLIGHT:"highlight",PAN_ZOOM:"pan_zoom",hasPoint(t){return t.some(e=>e.startsWith("select_point"))},hasInterval(t){return t.some(e=>e.startsWith("select_interval"))},hasLegend(t){return t.some(e=>e.startsWith("legend_selection"))},hasPanZoom(t){return t.some(e=>e.startsWith("pan_zoom"))},isBinColoring(t){return t.startsWith("bin_coloring")}},j={highlight(){return{name:y.HIGHLIGHT,select:{type:"point",on:"mouseover"}}},interval(t,e){return{name:y.interval(e),select:{type:"interval",encodings:W(t),mark:{fill:"#669EFF",fillOpacity:.07,stroke:"#669EFF",strokeOpacity:.4},on:"[mousedown[!event.metaKey], mouseup] > mousemove[!event.metaKey]",translate:"[mousedown[!event.metaKey], mouseup] > mousemove[!event.metaKey]"}}},point(t,e){return{name:y.point(e),select:{type:"point",encodings:W(t),on:"click[!event.metaKey]"}}},binColoring(t){return{name:y.binColoring(t),select:{type:"point",on:"click[!event.metaKey]"}}},legend(t){return{name:y.legendSelection(t),select:{type:"point",fields:[t]},bind:"legend"}},panZoom(){return{name:y.PAN_ZOOM,bind:"scales",select:{type:"interval",on:"[mousedown[event.metaKey], window:mouseup] > window:mousemove!",translate:"[mousedown[event.metaKey], window:mouseup] > window:mousemove!",zoom:"wheel![event.metaKey]"}}}};function W(t){switch(x.getMarkType(t.mark)){case u.image:case u.trail:return;case u.area:case u.arc:return["color"];case u.bar:{let e=wt(t);return e==="horizontal"?["y"]:e==="vertical"?["x"]:void 0}case u.circle:case u.geoshape:case u.line:case u.point:case u.rect:case u.rule:case u.square:case u.text:case u.tick:return["x","y"]}}function P(t){return"params"in t&&t.params&&t.params.length>0?N(t.params.filter(e=>e==null?!1:"select"in e&&e.select!==void 0).map(e=>e.name)):"layer"in t?N(t.layer.flatMap(P)):"vconcat"in t?N(t.vconcat.flatMap(P)):"hconcat"in t?N(t.hconcat.flatMap(P)):[]}function wt(t){var a,r;if(!t||!("mark"in t))return;let e=(a=t.encoding)==null?void 0:a.x,n=(r=t.encoding)==null?void 0:r.y;if(e&&"type"in e&&e.type==="nominal")return"vertical";if(n&&"type"in n&&n.type==="nominal"||e&&"aggregate"in e)return"horizontal";if(n&&"aggregate"in n)return"vertical"}function St(t){if(!t.encoding)return[];let e=[];for(let n of Object.values(t.encoding))n&&typeof n=="object"&&"bin"in n&&n.bin&&"field"in n&&typeof n.field=="string"&&e.push(n.field);return e}function D(t){if(!t||!("encoding"in t))return[];let{encoding:e}=t;return e?Object.entries(e).flatMap(n=>{let[a,r]=n;return!r||!xt.has(a)?[]:"field"in r&&typeof r.field=="string"?[r.field]:"condition"in r&&r.condition&&typeof r.condition=="object"&&"field"in r.condition&&r.condition.field&&typeof r.condition.field=="string"?[r.condition.field]:[]}):[]}var xt=new Set(["color","fill","fillOpacity","opacity","shape","size"]);function G(t,e,n,a){let r=n.filter(o=>y.isBinColoring(o)),i={and:(r.length>0?r:n).map(o=>({param:o}))};if(t==="opacity"){let o=x.getOpacity(a)||1;return{...e,opacity:{condition:{test:i,value:o},value:o/5}}}else return e}function At(t){if(!("select"in t)||!t.select)return JSON.stringify(t);let e=t.select;if(typeof e=="string")return JSON.stringify({type:e,bind:t.bind});let n={type:e.type,encodings:"encodings"in e&&e.encodings?[...e.encodings].toSorted():void 0,fields:"fields"in e&&e.fields?[...e.fields].toSorted():void 0,bind:t.bind};return JSON.stringify(n)}function $(t){let e=E(t);if(e.length===0)return t;let n=_t(e);return n.length===0?t:{...L(K(t,new Set(n.map(a=>a.name))),n.map(a=>a.name)),params:[...t.params||[],...n]}}function E(t){let e=[];if("vconcat"in t&&Array.isArray(t.vconcat))for(let n of t.vconcat)e.push(...E(n));else if("hconcat"in t&&Array.isArray(t.hconcat))for(let n of t.hconcat)e.push(...E(n));else{if("layer"in t)return[];"mark"in t&&"params"in t&&t.params&&t.params.length>0&&e.push({params:t.params})}return e}function _t(t){if(t.length===0)return[];let e=new Map,n=t.length;for(let{params:r}of t){let i=new Set;for(let o of r){let l=At(o);i.has(l)||(i.add(l),e.has(l)||e.set(l,{count:0,param:o}),e.get(l).count++)}}let a=[];for(let[,{count:r,param:i}]of e)r===n&&a.push(i);return a}function K(t,e){if("vconcat"in t&&Array.isArray(t.vconcat))return{...t,vconcat:t.vconcat.map(n=>K(n,e))};if("hconcat"in t&&Array.isArray(t.hconcat))return{...t,hconcat:t.hconcat.map(n=>K(n,e))};if("mark"in t&&"params"in t&&t.params){let n=t.params,a=[];for(let r of n){if(!r||typeof r!="object"||!("name"in r)){a.push(r);continue}e.has(r.name)||a.push(r)}if(a.length===0){let{params:r,...i}=t;return i}return{...t,params:a}}return t}function L(t,e){return"vconcat"in t&&Array.isArray(t.vconcat)?{...t,vconcat:t.vconcat.map(n=>L(n,e))}:"hconcat"in t&&Array.isArray(t.hconcat)?{...t,hconcat:t.hconcat.map(n=>L(n,e))}:"layer"in t?t:"mark"in t&&x.isInteractive(t.mark)?{...t,mark:x.makeClickable(t.mark),encoding:G("opacity",t.encoding||{},e,t.mark)}:t}function Z(t,e){var l,k;let{chartSelection:n=!0,fieldSelection:a=!0}=e;if(!n&&!a)return t;(l=t.params)!=null&&l.some(s=>s.bind==="legend")&&(a=!1);let r=(k=t.params)==null?void 0:k.some(s=>!s.bind);r&&(n=!1);let i="vconcat"in t||"hconcat"in t;if(r&&i)return t;if("vconcat"in t){let s=t.vconcat.map(m=>"mark"in m?Z(m,{chartSelection:n,fieldSelection:a}):m);return $({...t,vconcat:s})}if("hconcat"in t){let s=t.hconcat.map(m=>"mark"in m?Z(m,{chartSelection:n,fieldSelection:a}):m);return $({...t,hconcat:s})}if("layer"in t){let s=t.params&&t.params.length>0,m=a!==!1&&!s,v=[];if(m){let p=t.layer.flatMap(f=>"mark"in f?D(f):[]);v=[...new Set(p)],Array.isArray(a)&&(v=v.filter(f=>a.includes(f)))}let w=t.layer.map((p,f)=>{if(!("mark"in p))return p;let h=p;if(f===0&&v.length>0){let O=v.map(M=>j.legend(M));h={...h,params:[...h.params||[],...O]}}return h=q(h,n,f),h=R(h),f===0&&(h=J(h)),h});return{...t,layer:w}}if(!("mark"in t)||!x.isInteractive(t.mark))return t;let o=t;return o=jt(o,a),o=q(o,n,void 0),o=R(o),o=J(o),o}function jt(t,e){if(e===!1)return t;let n=D(t);Array.isArray(e)&&(n=n.filter(i=>e.includes(i)));let a=n.map(i=>j.legend(i)),r=[...t.params||[],...a];return{...t,params:r}}function q(t,e,n){if(e===!1)return t;let a;try{a=x.getMarkType(t.mark)}catch{return t}if(a==="geoshape")return t;let r=St(t),i=e===!0?r.length>0?["point"]:Ot(a):[e];if(!i||i.length===0)return t;let o=i.map(k=>k==="interval"?j.interval(t,n):j.point(t,n)),l=[...t.params||[],...o];return r.length>0&&i.includes("point")&&l.push(j.binColoring(n)),{...t,params:l}}function J(t){let e;try{e=x.getMarkType(t.mark)}catch{}if(e==="geoshape")return t;let n=t.params||[];return n.some(a=>a.bind==="scales")?t:{...t,params:[...n,j.panZoom()]}}function R(t){let e="encoding"in t?t.encoding:void 0,n=t.params||[],a=n.map(r=>r.name);return n.length===0||!x.isInteractive(t.mark)?t:{...t,mark:x.makeClickable(t.mark),encoding:G("opacity",e||{},a,t.mark)}}function Ot(t){switch(t){case"arc":case"area":return["point"];case"text":case"bar":return["point","interval"];case"line":return;default:return["point","interval"]}}async function Mt(t){if(!t)return t;let e="datasets"in t?{...t.datasets}:{},n=async r=>{if(!r)return r;if("layer"in r){let l=await Promise.all(r.layer.map(n));r={...r,layer:l}}if("hconcat"in r){let l=await Promise.all(r.hconcat.map(n));r={...r,hconcat:l}}if("vconcat"in r){let l=await Promise.all(r.vconcat.map(n));r={...r,vconcat:l}}if("spec"in r&&(r={...r,spec:await n(r.spec)}),!r.data||!("url"in r.data))return r;let i;try{i=V(r.data.url)}catch{return r}let o=await st(i.href,r.data.format);return e[i.pathname]=o,{...r,data:{name:i.pathname}}},a=await n(t);return Object.keys(e).length===0?a:{...a,datasets:e}}var d=z(rt(),1);ut("arrow",vt);var Nt=t=>{let e=(0,kt.c)(12),{value:n,setValue:a,chartSelection:r,fieldSelection:i,spec:o,embedOptions:l}=t,k,s;e[0]===o?(k=e[1],s=e[2]):(k=async()=>Mt(o),s=[o],e[0]=o,e[1]=k,e[2]=s);let{data:m,error:v}=yt(k,s);if(v){let p;return e[3]===v?p=e[4]:(p=(0,d.jsx)(gt,{error:v}),e[3]=v,e[4]=p),p}if(!m)return null;let w;return e[5]!==r||e[6]!==l||e[7]!==i||e[8]!==m||e[9]!==a||e[10]!==n?(w=(0,d.jsx)(Pt,{value:n,setValue:a,chartSelection:r,fieldSelection:i,spec:m,embedOptions:l}),e[5]=r,e[6]=l,e[7]=i,e[8]=m,e[9]=a,e[10]=n,e[11]=w):w=e[11],w},Pt=({value:t,setValue:e,chartSelection:n,fieldSelection:a,spec:r,embedOptions:i})=>{let{theme:o}=lt(),l=(0,S.useRef)(null),k=(0,S.useRef)(void 0),[s,m]=(0,S.useState)(),v=(0,S.useMemo)(()=>i&&"actions"in i?i.actions:{source:!1,compiled:!1},[i]),w=H(r),p=(0,S.useMemo)(()=>Z(bt(w),{chartSelection:n,fieldSelection:a}),[w,n,a]),f=(0,S.useMemo)(()=>P(p),[p]),h=C(c=>{e({...t,...c})}),O=(0,S.useMemo)(()=>et((c,g)=>{_.debug("[Vega signal]",c,g);let b=T.mapValues(g,Ct);b=T.mapValues(b,It),h({[c]:b})},100),[h]),M=H(f),I=(0,S.useMemo)(()=>M.reduce((c,g)=>(y.PAN_ZOOM===g||y.isBinColoring(g)||c.push({signalName:g,handler:(b,X)=>O(b,X)}),c),[]),[M,O]),B=C(c=>{_.error(c),_.debug(p),m(c)}),Q=C(c=>{_.debug("[Vega view] created",c),k.current=c,m(void 0)}),U=()=>{let c=[];return y.hasPoint(f)&&c.push(["Point selection","click to select a point; hold shift for multi-select"]),y.hasInterval(f)&&c.push(["Interval selection","click and drag to select an interval"]),y.hasLegend(f)&&c.push(["Legend selection","click to select a legend item; hold shift for multi-select"]),y.hasPanZoom(f)&&c.push(["Pan","hold the meta key and drag"],["Zoom","hold the meta key and scroll"]),c.length===0?null:(0,d.jsx)(at,{delayDuration:300,side:"left",content:(0,d.jsx)("div",{className:"text-xs flex flex-col",children:c.map((g,b)=>(0,d.jsxs)("div",{children:[(0,d.jsxs)("span",{className:"font-bold tracking-wide",children:[g[0],":"]})," ",g[1]]},b))}),children:(0,d.jsx)(ot,{className:"absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground"})})},A=ft({ref:l,spec:p,options:{theme:o==="dark"?"dark":void 0,actions:v,mode:"vega-lite",tooltip:mt.call,renderer:"canvas"},onError:B,onEmbed:Q});return(0,S.useEffect)(()=>(I.forEach(({signalName:c,handler:g})=>{try{A==null||A.view.addSignalListener(c,g)}catch(b){_.error(b)}}),()=>{I.forEach(({signalName:c,handler:g})=>{try{A==null||A.view.removeSignalListener(c,g)}catch(b){_.error(b)}})}),[A,I]),(0,d.jsxs)(d.Fragment,{children:[s&&(0,d.jsxs)(ht,{variant:"destructive",children:[(0,d.jsx)(dt,{children:s.message}),(0,d.jsx)("div",{className:"text-md",children:s.stack})]}),(0,d.jsxs)("div",{className:nt("relative"),onPointerDown:it.stopPropagation(),children:[(0,d.jsx)("div",{ref:l,"data-container-width":pt(p)}),U()]})]})};function It(t){return t instanceof Set?[...t]:t}function Ct(t){return Array.isArray(t)?t.map(e=>e instanceof Date&&ct(e)?new Date(e).getTime():e):t}var Et=Nt;export{Et as default};

package/dist/assets/write-secret-modal-ZNCQQNxl.js

@@ -0,0 +1 @@
+import{s as V}from"./chunk-LvLJmgfZ.js";import{t as B}from"./react-Bj1aDYRI.js";import{t as G}from"./compiler-runtime-B3qBwwSJ.js";import{t as H}from"./jsx-runtime-Blw4afVn.js";import{c as I,i as J,n as O,s as Q,t as U}from"./select--zcABebs.js";import{t as P}from"./label-C89F4v17.js";import{t as W}from"./button-BKVLeSTX.js";import{r as X}from"./requests-9-v2bhoi.js";import{r as D}from"./input-DjrybsRY.js";import{t as E}from"./use-toast-T0_cQDma.js";import{a as Z,c as $,i as ee,n as te,r as re}from"./dialog-CognbQV_.js";import{t as ae}from"./links-NCBzUApL.js";import{r as L}from"./field-C6i22m8B.js";var oe=G(),T=V(B(),1),t=V(H(),1);function ne(a){return a.toSorted((e,r)=>e.provider==="env"?1:r.provider==="env"?-1:0)}const le=a=>{let e=(0,oe.c)(43),{providerNames:r,onClose:A,onSuccess:F}=a,{writeSecret:Y}=X(),[o,M]=T.useState(""),[l,R]=T.useState(""),[n,z]=T.useState(r[0]),g;e[0]!==o||e[1]!==n||e[2]!==F||e[3]!==l||e[4]!==Y?(g=async i=>{if(i.preventDefault(),!n){E({title:"Error",description:"No location selected for the secret.",variant:"danger"});return}if(!o||!l||!n){E({title:"Error",description:"Please fill in all fields.",variant:"danger"});return}try{await Y({key:o,value:l,provider:"dotenv",name:n}),E({title:"Secret created",description:"The secret has been created successfully."}),F(o)}catch{E({title:"Error",description:"Failed to create secret. Please try again.",variant:"danger"})}},e[0]=o,e[1]=n,e[2]=F,e[3]=l,e[4]=Y,e[5]=g):g=e[5];let q=g,j;e[6]===Symbol.for("react.memo_cache_sentinel")?(j=(0,t.jsxs)(Z,{children:[(0,t.jsx)($,{children:"Add Secret"}),(0,t.jsx)(re,{children:"Add a new secret to your environment variables."})]}),e[6]=j):j=e[6];let y;e[7]===Symbol.for("react.memo_cache_sentinel")?(y=(0,t.jsx)(P,{htmlFor:"key",children:"Key"}),e[7]=y):y=e[7];let S;e[8]===Symbol.for("react.memo_cache_sentinel")?(S=i=>{M(ie(i.target.value))},e[8]=S):S=e[8];let s;e[9]===o?s=e[10]:(s=(0,t.jsxs)("div",{className:"grid gap-2",children:[y,(0,t.jsx)(D,{id:"key",value:o,onChange:S,placeholder:"MY_SECRET_KEY",required:!0})]}),e[9]=o,e[10]=s);let _;e[11]===Symbol.for("react.memo_cache_sentinel")?(_=(0,t.jsx)(P,{htmlFor:"value",children:"Value"}),e[11]=_):_=e[11];let b;e[12]===Symbol.for("react.memo_cache_sentinel")?(b=i=>R(i.target.value),e[12]=b):b=e[12];let c;e[13]===l?c=e[14]:(c=(0,t.jsx)(D,{id:"value",type:"password",value:l,onChange:b,required:!0,autoComplete:"off"}),e[13]=l,e[14]=c);let C;e[15]===Symbol.for("react.memo_cache_sentinel")?(C=se()&&(0,t.jsx)(L,{children:"Note: You are sending this key over http."}),e[15]=C):C=e[15];let d;e[16]===c?d=e[17]:(d=(0,t.jsxs)("div",{className:"grid gap-2",children:[_,c,C]}),e[16]=c,e[17]=d);let N;e[18]===Symbol.for("react.memo_cache_sentinel")?(N=(0,t.jsx)(P,{htmlFor:"location",children:"Location"}),e[18]=N):N=e[18];let m;e[19]===r.length?m=e[20]:(m=r.length===0&&(0,t.jsx)("p",{className:"text-sm text-muted-foreground",children:"No dotenv locations configured."}),e[19]=r.length,e[20]=m);let h;e[21]!==n||e[22]!==r?(h=r.length>0&&(0,t.jsxs)(U,{value:n,onValueChange:i=>z(i),children:[(0,t.jsx)(Q,{children:(0,t.jsx)(I,{placeholder:"Select a provider"})}),(0,t.jsx)(O,{children:r.map(ce)})]}),e[21]=n,e[22]=r,e[23]=h):h=e[23];let k;e[24]===Symbol.for("react.memo_cache_sentinel")?(k=(0,t.jsxs)(L,{children:["You can configure the location by setting the"," ",(0,t.jsx)(ae,{href:"https://links.marimo.app/dotenv",children:"dotenv configuration"}),"."]}),e[24]=k):k=e[24];let p;e[25]!==m||e[26]!==h?(p=(0,t.jsxs)("div",{className:"grid gap-2",children:[N,m,h,k]}),e[25]=m,e[26]=h,e[27]=p):p=e[27];let u;e[28]!==d||e[29]!==p||e[30]!==s?(u=(0,t.jsxs)("div",{className:"grid gap-4 py-4",children:[s,d,p]}),e[28]=d,e[29]=p,e[30]=s,e[31]=u):u=e[31];let f;e[32]===A?f=e[33]:(f=(0,t.jsx)(W,{type:"button",variant:"outline",onClick:A,children:"Cancel"}),e[32]=A,e[33]=f);let K=!o||!l||!n,v;e[34]===K?v=e[35]:(v=(0,t.jsx)(W,{type:"submit",disabled:K,children:"Add Secret"}),e[34]=K,e[35]=v);let x;e[36]!==f||e[37]!==v?(x=(0,t.jsxs)(ee,{children:[f,v]}),e[36]=f,e[37]=v,e[38]=x):x=e[38];let w;return e[39]!==q||e[40]!==u||e[41]!==x?(w=(0,t.jsx)(te,{children:(0,t.jsxs)("form",{onSubmit:q,children:[j,u,x]})}),e[39]=q,e[40]=u,e[41]=x,e[42]=w):w=e[42],w};function ie(a){return a.replaceAll(/\W/g,"_")}function se(){return window.location.href.startsWith("http://")}function ce(a){return(0,t.jsx)(J,{value:a,children:a},a)}export{ne as n,le as t};

package/dist/index.html

@@ -66,7 +66,7 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-CdVQcrze.js"></script>
+    <script type="module" crossorigin src="./assets/index-BG82ditz.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-DItdS47A.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-LvLJmgfZ.js">
     <link rel="modulepreload" crossorigin href="./assets/react-Bj1aDYRI.js">
@@ -104,15 +104,15 @@
     <link rel="modulepreload" crossorigin href="./assets/DeferredRequestRegistry-KOgQgaJP.js">
     <link rel="modulepreload" crossorigin href="./assets/constants-tOPFFcLZ.js">
     <link rel="modulepreload" crossorigin href="./assets/session-DDorezMU.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-CgKiz3_o.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-CmaJdl9U.js">
     <link rel="modulepreload" crossorigin href="./assets/requests-9-v2bhoi.js">
     <link rel="modulepreload" crossorigin href="./assets/useLifecycle-D202VvPd.js">
     <link rel="modulepreload" crossorigin href="./assets/useNonce-CbdaHKzX.js">
     <link rel="modulepreload" crossorigin href="./assets/useTheme-wMq5x3Hi.js">
-    <link rel="modulepreload" crossorigin href="./assets/arrays-B5sjidyq.js">
+    <link rel="modulepreload" crossorigin href="./assets/arrays-DAC2orgH.js">
     <link rel="modulepreload" crossorigin href="./assets/strings-pfr2N700.js">
-    <link rel="modulepreload" crossorigin href="./assets/once-BqL8ujHo.js">
-    <link rel="modulepreload" crossorigin href="./assets/capabilities-ZmYlOg9F.js">
+    <link rel="modulepreload" crossorigin href="./assets/once-hq2TLzOp.js">
+    <link rel="modulepreload" crossorigin href="./assets/capabilities-BmGdj50E.js">
     <link rel="modulepreload" crossorigin href="./assets/createReducer-CYlwteGD.js">
     <link rel="modulepreload" crossorigin href="./assets/paths-Dfii2bN8.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-VwkX7yeV.js">
@@ -134,49 +134,49 @@
     <link rel="modulepreload" crossorigin href="./assets/debounce-BbSyBDA8.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-BxfYZ6ML.js">
     <link rel="modulepreload" crossorigin href="./assets/main-BNL5rxQw.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-CgztvghI.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-ArUhhHls.js">
     <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-dxChUL02.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-BbX-cXm5.js">
     <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-EEg9LCNy.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-dialog-CXspBRlP.js">
     <link rel="modulepreload" crossorigin href="./assets/dialog-CognbQV_.js">
     <link rel="modulepreload" crossorigin href="./assets/useDebounce-CnN5Ul9t.js">
-    <link rel="modulepreload" crossorigin href="./assets/numbers-CygPEQjl.js">
+    <link rel="modulepreload" crossorigin href="./assets/numbers-b0Wn9I4t.js">
     <link rel="modulepreload" crossorigin href="./assets/SSRProvider-kyGHZp36.js">
     <link rel="modulepreload" crossorigin href="./assets/context-DaFZ_AD8.js">
     <link rel="modulepreload" crossorigin href="./assets/useNumberFormatter-P9_gWrHA.js">
     <link rel="modulepreload" crossorigin href="./assets/usePress-YLit4doY.js">
-    <link rel="modulepreload" crossorigin href="./assets/input-BIyJeBxh.js">
-    <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-BZqqSMUY.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-CVq1Spik.js">
+    <link rel="modulepreload" crossorigin href="./assets/input-DjrybsRY.js">
+    <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-DSu22ncS.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-D4UrIH9w.js">
     <link rel="modulepreload" crossorigin href="./assets/multi-map-MSuUqmbC.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-DrrhKX67.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-CgvDWFE3.js">
     <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-DrHAuMTb.js">
     <link rel="modulepreload" crossorigin href="./assets/links-NCBzUApL.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-BkclstbB.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-B8b64ALg.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-D9e37ifa.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-pGNeffyB.js">
     <link rel="modulepreload" crossorigin href="./assets/sparkles-DczT6OBt.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-Dq9zeSH2.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-RmM7djc-.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-C8iWa1qI.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-DFMsQ6MJ.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-icon-CG2ao3lW.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-AR54Ic3-.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-PhtipB5F.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-CM-zeepg.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-C5XSE7QT.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-DCN0oEe0.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-BPlezez1.js">
     <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-BEdv0N9X.js">
     <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-BygYYKhs.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-OcP0iC1i.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-CsSEt6xr.js">
-    <link rel="modulepreload" crossorigin href="./assets/command-D-mHCwqq.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-CyUc0f8D.js">
+    <link rel="modulepreload" crossorigin href="./assets/command-C0h2HiOh.js">
     <link rel="modulepreload" crossorigin href="./assets/popover-AtoFZ7i4.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-DVkmLSXX.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-t5dlf0C8.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-ClEcKsmt.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-C11kWI2X.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-7EtMZf2Y.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-DgBY-vh9.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-Bmn77an6.js">
     <link rel="modulepreload" crossorigin href="./assets/table-D5iZuBiR.js">
-    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-Co6Bg4p6.js">
+    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-YemHpw31.js">
     <link rel="modulepreload" crossorigin href="./assets/error-banner-B3Vr5jH0.js">
     <link rel="modulepreload" crossorigin href="./assets/formats-Cl4zm1Jf.js">
     <link rel="modulepreload" crossorigin href="./assets/en-US-BUL7VBfl.js">
@@ -192,44 +192,44 @@
     <link rel="modulepreload" crossorigin href="./assets/table-qC3alE1r.js">
     <link rel="modulepreload" crossorigin href="./assets/message-circle-ehj_MdGz.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-D0qmuH5W.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-LeC5h8MP.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-CNt4LxkV.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-CsXoiEZx.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-DIHpmVFo.js">
     <link rel="modulepreload" crossorigin href="./assets/spec-CBbUxOvL.js">
     <link rel="modulepreload" crossorigin href="./assets/ellipsis-vertical-DEH0lwkn.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-CoFbRtMK.js">
-    <link rel="modulepreload" crossorigin href="./assets/components-Cm0Z0WS0.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-DHqtWPTK.js">
+    <link rel="modulepreload" crossorigin href="./assets/components-BfHGr__b.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-B92BXVH1.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-UbXYeuXE.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-C_iFBT1S.js">
-    <link rel="modulepreload" crossorigin href="./assets/useAddCell-Dx949Nwo.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-B6Qyid7Q.js">
+    <link rel="modulepreload" crossorigin href="./assets/useAddCell-cC7JUC0q.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-DaPAPabU.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-BV1ClmM0.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-DgRJ-xBZ.js">
     <link rel="modulepreload" crossorigin href="./assets/plus-DWrQrVLZ.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-CpnBFG08.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-CVgh88Tn.js">
     <link rel="modulepreload" crossorigin href="./assets/file-headphone-5_PGMxRL.js">
     <link rel="modulepreload" crossorigin href="./assets/file-DaJ4JeZH.js">
     <link rel="modulepreload" crossorigin href="./assets/image-CpSydGUq.js">
-    <link rel="modulepreload" crossorigin href="./assets/file-icons-CH6PLlAQ.js">
-    <link rel="modulepreload" crossorigin href="./assets/switch-Cojab6Bg.js">
+    <link rel="modulepreload" crossorigin href="./assets/file-icons-JXAG6vK-.js">
+    <link rel="modulepreload" crossorigin href="./assets/switch-DqrqDBdD.js">
     <link rel="modulepreload" crossorigin href="./assets/events-BRAWQiYK.js">
-    <link rel="modulepreload" crossorigin href="./assets/globals-DAddhPz5.js">
+    <link rel="modulepreload" crossorigin href="./assets/globals-DK8gKReW.js">
     <link rel="modulepreload" crossorigin href="./assets/share-DkQqqFqC.js">
     <link rel="modulepreload" crossorigin href="./assets/blob-CpeNXBj-.js">
     <link rel="modulepreload" crossorigin href="./assets/memoize-BwAF2XN5.js">
     <link rel="modulepreload" crossorigin href="./assets/get-D7jeR2wg.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-49dbm-yb.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-CSzwfw0V.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-q7CKuEm6.js">
     <link rel="modulepreload" crossorigin href="./assets/label-C89F4v17.js">
-    <link rel="modulepreload" crossorigin href="./assets/textarea-CYczeAo_.js">
+    <link rel="modulepreload" crossorigin href="./assets/textarea-DqzNK0s9.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-DxvV30QW.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-CwDX6_Ac.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-BdN-gGnj.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-BFjzbGu5.js">
     <link rel="modulepreload" crossorigin href="./assets/renderShortcut-Bjt8kSBs.js">
-    <link rel="modulepreload" crossorigin href="./assets/field-D9oMqqiD.js">
-    <link rel="modulepreload" crossorigin href="./assets/VisuallyHidden-CXprQ4B9.js">
-    <link rel="modulepreload" crossorigin href="./assets/useBoolean-CLYY2hZr.js">
+    <link rel="modulepreload" crossorigin href="./assets/field-C6i22m8B.js">
+    <link rel="modulepreload" crossorigin href="./assets/VisuallyHidden-DVY6OceZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/useBoolean-DN8PHql0.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-Bj2wGMJg.js">
     <link rel="modulepreload" crossorigin href="./assets/types-BUmn6Kar.js">
     <link rel="modulepreload" crossorigin href="./assets/fileToBase64-D7Ur9Qxq.js">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/frontend",
-  "version": "0.22.1-dev32",
+  "version": "0.22.1-dev33",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/chat/acp/state.ts

@@ -226,7 +226,7 @@ export function getSessionsByAgent(
 ): AgentSession[] {
   return sessions
     .filter((session) => session.agentId === agentId)
-    .sort((a, b) => b.lastUsedAt - a.lastUsedAt);
+    .toSorted((a, b) => b.lastUsedAt - a.lastUsedAt);
 }
 
 export function getAllAgentIds(): ExternalAgentId[] {

package/src/components/chat/chat-history-popover.tsx

@@ -33,7 +33,7 @@ export const ChatHistoryPopover: React.FC<ChatHistoryPopoverProps> = ({
   const [searchQuery, setSearchQuery] = useState("");
 
   const chats = useMemo(() => {
-    return [...chatState.chats.values()].sort(
+    return [...chatState.chats.values()].toSorted(
       (a, b) => b.updatedAt - a.updatedAt,
     );
   }, [chatState.chats]);

package/src/components/data-table/pagination.tsx

@@ -71,7 +71,7 @@ export const DataTablePagination = <TData,>({
 
   // Ensure unique page sizes
   const pageSizeSet = new Set([5, 10, 25, 50, 100, pageSize]);
-  const pageSizes = [...pageSizeSet].sort((a, b) => a - b);
+  const pageSizes = [...pageSizeSet].toSorted((a, b) => a - b);
 
   const renderPageSizeSelector = () => {
     return (

package/src/components/editor/cell/code/cell-editor.tsx

@@ -186,7 +186,7 @@ const CellEditorInternal = ({
         deleteCell: handleDelete,
         saveNotebook: saveOrNameNotebook,
         createManyBelow: (cells) => {
-          for (const code of [...cells].reverse()) {
+          for (const code of [...cells].toReversed()) {
             cellActions.createNewCell({
               code,
               before: false,

package/src/components/editor/chrome/panels/snippets-panel.tsx

@@ -125,7 +125,7 @@ const SnippetViewer: React.FC<{ snippet: Snippet; onClose: () => void }> = ({
 
   const handleInsertSnippet = () => {
     // Add below last focused cell in reverse order
-    for (const section of [...snippet.sections].reverse()) {
+    for (const section of [...snippet.sections].toReversed()) {
       if (section.code) {
         createNewCell({
           code: section.code,

package/src/components/editor/chrome/panels/write-secret-modal.tsx

@@ -25,7 +25,7 @@ import type { ListSecretKeysResponse } from "@/core/network/types";
 
 // dotenv providers should be at the top
 export function sortProviders(providers: ListSecretKeysResponse["keys"]) {
-  return providers.sort((a, b) => {
+  return providers.toSorted((a, b) => {
     if (a.provider === "env") {
       return 1;
     }

package/src/components/editor/chrome/wrapper/storage.ts

@@ -28,7 +28,7 @@ export function createStorage(location: "left" | "bottom"): PanelGroupStorage {
         const parsed = schema.parse(JSON.parse(storedValue));
         return JSON.stringify(
           Objects.mapValues(parsed, (value) => {
-            return value.reverse();
+            return value.toReversed();
           }),
         );
       } catch {
@@ -42,7 +42,7 @@ export function createStorage(location: "left" | "bottom"): PanelGroupStorage {
           const parsed = schema.parse(JSON.parse(value));
           value = JSON.stringify(
             Objects.mapValues(parsed, (value) => {
-              return value.reverse();
+              return value.toReversed();
             }),
           );
         } catch {

package/src/components/editor/connections/database/as-code.ts

@@ -964,7 +964,7 @@ export function generateDatabaseCode(
     ...generator.imports,
   ]);
 
-  const lines = [...imports].sort();
+  const lines = [...imports].toSorted();
   lines.push("");
   const secrets = secretsContainer.formatSecrets();
   if (secrets) {

package/src/components/editor/connections/form-renderers.tsx

@@ -72,7 +72,7 @@ export const SecretsProvider = ({ children }: SecretsProviderProps) => {
       .map((provider) => provider.name);
 
     return {
-      secretKeys: result.secrets.flatMap((secret) => secret.keys).sort(),
+      secretKeys: result.secrets.flatMap((secret) => secret.keys).toSorted(),
       providerNames: providerNames,
     };
   }, []);

package/src/components/editor/connections/storage/as-code.ts

@@ -214,7 +214,7 @@ export function generateStorageCode(
   }
 
   const allImports = new Set([...secrets.imports, ...result.imports]);
-  const lines = [...allImports].sort();
+  const lines = [...allImports].toSorted();
   lines.push("");
   const secretsStr = secrets.formatSecrets();
   if (secretsStr) {

package/src/components/editor/links/cell-link-list.tsx

@@ -24,7 +24,7 @@ export const CellLinkList: React.FC<Props> = ({
   skipScroll,
 }) => {
   const cellIndex = useCellIds();
-  const sortedCellIds = [...cellIds].sort((a, b) => {
+  const sortedCellIds = [...cellIds].toSorted((a, b) => {
     return cellIndex.inOrderIds.indexOf(a) - cellIndex.inOrderIds.indexOf(b);
   });
 

package/src/components/editor/navigation/clipboard.ts

@@ -106,7 +106,7 @@ export function useCellClipboard() {
 
             // Create new cells with the copied data before/after the current cell
             const currentCellId = cellId;
-            const reversedCells = clipboardData.cells.reverse();
+            const reversedCells = clipboardData.cells.toReversed();
             for (const cell of reversedCells) {
               actions.createNewCell({
                 cellId: currentCellId,

package/src/components/editor/navigation/multi-cell-action-toolbar.tsx

@@ -167,7 +167,8 @@ export function useMultiCellActionButtons(cellIds: CellId[]) {
       }
 
       // Move cells in the appropriate order to maintain relative positions
-      const sortedCells = direction === "up" ? cellIds : [...cellIds].reverse();
+      const sortedCells =
+        direction === "up" ? cellIds : [...cellIds].toReversed();
       sortedCells.forEach((cellId) => {
         moveCell({ cellId, before: direction === "up" });
       });
@@ -176,7 +177,7 @@ export function useMultiCellActionButtons(cellIds: CellId[]) {
 
   const sendSelectedCellsToTop = useEvent((cellIds: CellId[]) => {
     // Send in reverse order to maintain relative positions
-    [...cellIds].reverse().forEach((cellId) => {
+    [...cellIds].toReversed().forEach((cellId) => {
       sendToTop({ cellId });
     });
   });

package/src/components/editor/navigation/navigation.ts

@@ -401,7 +401,7 @@ export function useCellNavigationProps(
           }
 
           // Move cells in the appropriate order to maintain relative positions
-          [...cellIds].reverse().forEach((cellId) => {
+          [...cellIds].toReversed().forEach((cellId) => {
             actions.moveCell({ cellId, before: false });
           });
           return true;
@@ -480,7 +480,7 @@ export function useCellNavigationProps(
         }),
         "cell.sendToTop": addSingleHandler((cellIds) => {
           // Send in reverse order to maintain relative positions
-          [...cellIds].reverse().forEach((cellId) => {
+          [...cellIds].toReversed().forEach((cellId) => {
             actions.sendToTop({ cellId });
           });
           return true;

package/src/components/editor/output/JsonOutput.tsx

@@ -329,7 +329,7 @@ const PYTHON_VALUE_TYPES = [
   URL_TYPE,
   OBJECT_TYPE,
   FALLBACK_RENDERER,
-].reverse();
+].toReversed();
 // Last one wins, so we reverse the array.
 
 const JSON_VALUE_TYPES = [
@@ -339,7 +339,7 @@ const JSON_VALUE_TYPES = [
   JSON_NONE_TYPE,
   JSON_OBJECT_TYPE,
   JSON_FALLBACK_RENDERER,
-].reverse();
+].toReversed();
 
 function leafData(leaf: string): string {
   return leafDataAndMimeType(leaf)[0];

package/src/components/editor/output/console/ConsoleOutput.tsx

@@ -167,7 +167,7 @@ const ConsoleOutputInternal = (props: Props): React.ReactNode => {
     return null;
   }
 
-  const reversedOutputs = [...consoleOutputs].reverse();
+  const reversedOutputs = [...consoleOutputs].toReversed();
   const isPdb = reversedOutputs.some(
     (output) =>
       typeof output.data === "string" && output.data.includes("(Pdb)"),

package/src/components/editor/renderers/vertical-layout/vertical-layout.tsx

@@ -482,7 +482,7 @@ export function groupCellsByColumn(
   });
 
   // Sort columns by index
-  return [...cellsByColumn.entries()].sort(([a], [b]) => a - b);
+  return [...cellsByColumn.entries()].toSorted(([a], [b]) => a - b);
 }
 
 /**

package/src/components/pages/gallery-page.tsx

@@ -83,7 +83,7 @@ const GalleryPage: React.FC = () => {
           thumbnailUrl,
         };
       })
-      .sort((a, b) => a.relativePath.localeCompare(b.relativePath));
+      .toSorted((a, b) => a.relativePath.localeCompare(b.relativePath));
   }, [workspace?.files, workspace?.root]);
 
   const filteredFiles = useMemo(() => {

package/src/components/variables/variables-table.tsx

@@ -226,7 +226,7 @@ function sortData({
       break;
   }
 
-  return sort.desc ? sortedVariables.reverse() : sortedVariables;
+  return sort.desc ? sortedVariables.toReversed() : sortedVariables;
 }
 
 export const VariableTable: React.FC<Props> = memo(

package/src/core/cells/cells.ts

@@ -1226,7 +1226,7 @@ const {
           i--;
         }
 
-        const collapseRanges = reversedCollapseRanges.reverse();
+        const collapseRanges = reversedCollapseRanges.toReversed();
         return column.collapseAll(collapseRanges);
       }),
     };

package/src/core/codemirror/cells/traceback-decorations.ts

@@ -32,7 +32,7 @@ function createErrorDecorations(state: EditorState, errors: TracebackInfos) {
   // Filter and sort errors by line number to ensure they're added in order
   const relevantErrors = errors
     .filter((error) => error.kind === "cell" && error.cellId === cellId)
-    .sort((a, b) => a.lineNumber - b.lineNumber);
+    .toSorted((a, b) => a.lineNumber - b.lineNumber);
 
   for (const error of relevantErrors) {
     try {

package/src/core/codemirror/copilot/getCodes.ts

@@ -27,7 +27,7 @@ export function getOtherCellsCode(otherCode: string) {
       return code;
     })
     .filter(Boolean)
-    .sort((a, b) => {
+    .toSorted((a, b) => {
       if (a.startsWith("import") && !b.startsWith("import")) {
         return -1;
       }

package/src/core/codemirror/copilot/transport.ts

@@ -209,6 +209,7 @@ export class LazyWebsocketTransport extends Transport {
         Logger.error("Copilot#sendData: Failed to reconnect transport", error);
         throw new Error(
           "Unable to connect to GitHub Copilot. Please check your settings and try again.",
+          { cause: error },
         );
       }
 

package/src/core/datasets/state.ts

@@ -66,7 +66,7 @@ const {
       return true;
     });
 
-    const sortedTables = dedupedTables.sort((a, b) => {
+    const sortedTables = dedupedTables.toSorted((a, b) => {
       return a.name.localeCompare(b.name);
     });
 

package/src/core/network/CachingRequestRegistry.ts

@@ -27,7 +27,7 @@ export class CachingRequestRegistry<REQ, RES> {
       if (typeof o !== "object" || o === null) {
         return String(o);
       }
-      return JSON.stringify(o, Object.keys(o).sort(), 2);
+      return JSON.stringify(o, Object.keys(o).toSorted(), 2);
     };
   }
 

package/src/core/runtime/runtime.ts

@@ -22,6 +22,7 @@ export class RuntimeManager {
     } catch (error) {
       throw new Error(
         `Invalid runtime URL: ${this.config.url}. ${error instanceof Error ? error.message : "Unknown error"}`,
+        { cause: error },
       );
     }
 

package/src/hooks/__tests__/useDuplicateShortcuts.test.ts

@@ -145,7 +145,7 @@ describe("findDuplicateShortcuts", () => {
     expect(result.duplicates).toHaveLength(2);
 
     // Check that both duplicate groups are detected
-    const duplicateKeys = result.duplicates.map((d) => d.key).sort();
+    const duplicateKeys = result.duplicates.map((d) => d.key).toSorted();
     expect(duplicateKeys).toEqual(["cmd-b", "cmd-enter"]);
 
     expect(result.hasDuplicate("cell.format")).toBe(true);

package/src/plugins/impl/anywidget/__tests__/model.test.ts

@@ -58,13 +58,13 @@ describe("Model", () => {
   describe("public API", () => {
     it("should only expose AFM-compliant interface", () => {
       // Get all enumerable own properties
-      const ownProperties = Object.keys(model).sort();
+      const ownProperties = Object.keys(model).toSorted();
       // Get prototype methods (excluding constructor)
       const prototypeMethods = Object.getOwnPropertyNames(
         Object.getPrototypeOf(model),
       )
         .filter((name) => name !== "constructor")
-        .sort();
+        .toSorted();
 
       // Snapshot the public API to catch accidental leaks of internal methods
       expect({ ownProperties, prototypeMethods }).toMatchInlineSnapshot(`

package/src/plugins/impl/data-editor/glide-data-editor.tsx

@@ -218,7 +218,7 @@ export const GlideDataEditor = <T,>({
 
     // Add new rows in order
     const sortedNewRows = [...newRows.entries()]
-      .sort(([a], [b]) => a - b)
+      .toSorted(([a], [b]) => a - b)
       .map(([, row]) => row);
 
     if (sortedNewRows.length > 0) {

package/src/plugins/impl/vega/make-selectable.ts

@@ -40,11 +40,11 @@ function getParamSignature(param: TParams): string {
     type: select.type,
     encodings:
       "encodings" in select && select.encodings
-        ? [...select.encodings].sort()
+        ? [...select.encodings].toSorted()
         : undefined,
     fields:
       "fields" in select && select.fields
-        ? [...select.fields].sort()
+        ? [...select.fields].toSorted()
         : undefined,
     bind: param.bind,
   };