@marimo-team/islands 0.22.1-dev32 → 0.22.1-dev37

package/dist/{process-output-BbUNe4iH.js → process-output-D0SEeV3t.js}

@@ -11,7 +11,7 @@ import { a as Type, c as Calendar, i as createReducerAndAtoms, o as ToggleLeft,
 import { t as Check } from "./check-CWUkiHmb.js";
 import { C as logNever, F as createCollection, N as usePrevious, P as useDirection, R as ChevronDown, S as assertNever, a as SelectContent, c as SelectLabel, d as SelectValue, i as Select, l as SelectSeparator, n as Strings, o as SelectGroup, s as SelectItem, u as SelectTrigger } from "./label-DbZGAoCH.js";
 import { G as marked, W as useNonce, mt as $f6c31cce2adf654f$export$45712eceda6fad21, q as useDebouncedCallback } from "./input-CFY9gApZ.js";
-import { g as CircleQuestionMark, h as isWasm, l as getRuntimeManager, m as Deferred, p as waitForConnectionOpen, t as toDate } from "./toDate-BzYZtEK7.js";
+import { g as CircleQuestionMark, h as isWasm, l as getRuntimeManager, m as Deferred, p as waitForConnectionOpen, t as toDate } from "./toDate-CUqpEbBS.js";
 import { c as Objects, d as createSlot, g as Logger, m as useComposedRefs, o as isPlatformMac, r as cva, t as Button, y as cn } from "./button-DNlNlZY_.js";
 import { t as require_react_dom } from "./react-dom-BSUuJjCR.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
@@ -7293,7 +7293,7 @@ ${r.join("\n")}`;
       ], a = /* @__PURE__ */ new Set(), o = i.filter((e2) => {
         let t2 = `${e2.name}:${e2.source}`;
         return a.has(t2) ? false : (a.add(t2), true);
-      }).sort((e2, t2) => e2.name.localeCompare(t2.name));
+      }).toSorted((e2, t2) => e2.name.localeCompare(t2.name));
       return {
         ...e,
         tables: o
@@ -22790,7 +22790,7 @@ ${n.sqlString}
   }
   var CachingRequestRegistry = class e {
     static jsonStringifySortKeys() {
-      return (e2) => typeof e2 != "object" || !e2 ? String(e2) : JSON.stringify(e2, Object.keys(e2).sort(), 2);
+      return (e2) => typeof e2 != "object" || !e2 ? String(e2) : JSON.stringify(e2, Object.keys(e2).toSorted(), 2);
     }
     constructor(t, n = {}) {
       this.delegate = t, this.toKey = n.toKey ?? e.jsonStringifySortKeys(), this.cache = new LRUCache(n.maxSize ?? 128);
@@ -25858,7 +25858,7 @@ ${n.sqlString}
           } else a.push(null);
           o--;
         }
-        let s = a.reverse();
+        let s = a.toReversed();
         return t.collapseAll(s);
       })
     }),

package/dist/{toDate-BzYZtEK7.js → toDate-CUqpEbBS.js}

@@ -477,7 +477,7 @@ var RuntimeManager = class {
     try {
       new URL(this.config.url);
     } catch (e2) {
-      throw Error(`Invalid runtime URL: ${this.config.url}. ${e2 instanceof Error ? e2.message : "Unknown error"}`);
+      throw Error(`Invalid runtime URL: ${this.config.url}. ${e2 instanceof Error ? e2.message : "Unknown error"}`, { cause: e2 });
     }
     this.lazy || this.init();
   }

package/dist/{useDeepCompareMemoize-iM1YNTEF.js → useDeepCompareMemoize-Ch-7Rk2x.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { t as toDate } from "./toDate-BzYZtEK7.js";
+import { t as toDate } from "./toDate-CUqpEbBS.js";
 import { r as cva, y as cn } from "./button-DNlNlZY_.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
 import { C as dequal } from "./useTheme-MWfxn4oz.js";

package/dist/{vega-component-CkpTXaRx.js → vega-component-CPhNLfZZ.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-Bs6Z0kvn.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { c as asRemoteURL, g as CircleQuestionMark } from "./toDate-BzYZtEK7.js";
+import { c as asRemoteURL, g as CircleQuestionMark } from "./toDate-CUqpEbBS.js";
 import { c as Objects, g as Logger, h as Events, y as cn } from "./button-DNlNlZY_.js";
 import "./react-dom-BSUuJjCR.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
@@ -11,7 +11,7 @@ import { t as Tooltip } from "./tooltip-BXEpXV3R.js";
 import { i as debounce_default } from "./constants-CvyfaCvs.js";
 import { n as useTheme, w as useEvent_default } from "./useTheme-MWfxn4oz.js";
 import { s as uniq } from "./arrays-beUWo8RF.js";
-import { a as AlertTitle, n as arrow, o as isValid, r as Alert, t as useDeepCompareMemoize } from "./useDeepCompareMemoize-iM1YNTEF.js";
+import { a as AlertTitle, n as arrow, o as isValid, r as Alert, t as useDeepCompareMemoize } from "./useDeepCompareMemoize-Ch-7Rk2x.js";
 import { n as formats } from "./vega-loader.browser-DqEcFOPD.js";
 import { a as getContainerWidth, n as vegaLoadData, s as tooltipHandler } from "./loader-Bd1kgLn7.js";
 import { t as useAsyncData } from "./useAsyncData-rN1nzPaS.js";
@@ -254,8 +254,8 @@ function getParamSignature(e) {
   });
   let w = {
     type: C.type,
-    encodings: "encodings" in C && C.encodings ? [...C.encodings].sort() : void 0,
-    fields: "fields" in C && C.fields ? [...C.fields].sort() : void 0,
+    encodings: "encodings" in C && C.encodings ? [...C.encodings].toSorted() : void 0,
+    fields: "fields" in C && C.fields ? [...C.fields].toSorted() : void 0,
     bind: e.bind
   };
   return JSON.stringify(w);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.22.1-dev32",
+  "version": "0.22.1-dev37",
   "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/data-table.tsx

@@ -314,19 +314,19 @@ const DataTableInternal = <TData,>({
               virtualize={virtualize}
             />
           </Table>
+          <TableBottomBar
+            part="table-footer"
+            className="pt-1.5 pb-0.5 border-t border-border"
+            totalColumns={totalColumns}
+            pagination={pagination}
+            selection={selection}
+            onRowSelectionChange={onRowSelectionChange}
+            table={table}
+            getRowIds={getRowIds}
+            showPageSizeSelector={showPageSizeSelector}
+            tableLoading={reloading}
+          />
         </div>
-        <TableBottomBar
-          part="table-footer"
-          className="border-t border-border pt-1.5 pb-0.5"
-          totalColumns={totalColumns}
-          pagination={pagination}
-          selection={selection}
-          onRowSelectionChange={onRowSelectionChange}
-          table={table}
-          getRowIds={getRowIds}
-          showPageSizeSelector={showPageSizeSelector}
-          tableLoading={reloading}
-        />
       </CellSelectionProvider>
     </div>
   );

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,7 @@ 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 +176,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) {