@marimo-team/frontend 0.25.3-dev39 → 0.25.3-dev40

package/dist/index.html

@@ -66,68 +66,68 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-Dtv0HH-7.js"></script>
+    <script type="module" crossorigin src="./assets/index-PDJQd7X6.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/rolldown-runtime-B0Z9INg1.js">
     <link rel="modulepreload" crossorigin href="./assets/react-DVplv7_D.js">
     <link rel="modulepreload" crossorigin href="./assets/compiler-runtime-BrajqUja.js">
     <link rel="modulepreload" crossorigin href="./assets/useEvent-Dfcbgjhg.js">
     <link rel="modulepreload" crossorigin href="./assets/react-dom-_LrxgvjW.js">
     <link rel="modulepreload" crossorigin href="./assets/schemas-ChRqMOTL.js">
-    <link rel="modulepreload" crossorigin href="./assets/objects-snlMn4yk.js">
-    <link rel="modulepreload" crossorigin href="./assets/useEventListener-D9cftcHj.js">
+    <link rel="modulepreload" crossorigin href="./assets/objects-rLPlQ3X_.js">
+    <link rel="modulepreload" crossorigin href="./assets/useEventListener-CjDeLqFC.js">
     <link rel="modulepreload" crossorigin href="./assets/invariant-Ci2dTZ72.js">
     <link rel="modulepreload" crossorigin href="./assets/utils-B4K466FK.js">
-    <link rel="modulepreload" crossorigin href="./assets/session-DqoWmb7X.js">
+    <link rel="modulepreload" crossorigin href="./assets/session-B8Y-GJnS.js">
     <link rel="modulepreload" crossorigin href="./assets/Deferred-CrTnjj37.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-MaHeMC9o.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-CYsbZpwa.js">
     <link rel="modulepreload" crossorigin href="./assets/isObject-BCaOs5rp.js">
     <link rel="modulepreload" crossorigin href="./assets/isSymbol-oX0TOjjx.js">
     <link rel="modulepreload" crossorigin href="./assets/now-Cmx0b_zA.js">
     <link rel="modulepreload" crossorigin href="./assets/debounce-aFmHgJZY.js">
     <link rel="modulepreload" crossorigin href="./assets/isArrayLikeObject-DnwgSs_Z.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseMerge-CQpUq7ep.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-CA1V-wjh.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-DGX7JYor.js">
     <link rel="modulepreload" crossorigin href="./assets/clsx-DB0hHKMi.js">
     <link rel="modulepreload" crossorigin href="./assets/cn-ldLVeaqm.js">
     <link rel="modulepreload" crossorigin href="./assets/jsx-runtime-B74pBk57.js">
-    <link rel="modulepreload" crossorigin href="./assets/fullscreen-B9tHcfpV.js">
-    <link rel="modulepreload" crossorigin href="./assets/dist-iaThVDkA.js">
-    <link rel="modulepreload" crossorigin href="./assets/menu-items-BrwnTgyK.js">
-    <link rel="modulepreload" crossorigin href="./assets/use-restore-focus-BxEGwIbk.js">
+    <link rel="modulepreload" crossorigin href="./assets/fullscreen-BWTs8pYZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/dist-jlhMTKo_.js">
+    <link rel="modulepreload" crossorigin href="./assets/menu-items-BgUyNUpu.js">
+    <link rel="modulepreload" crossorigin href="./assets/use-restore-focus-DdS7Tl0F.js">
     <link rel="modulepreload" crossorigin href="./assets/createLucideIcon-DfJ2oMlA.js">
-    <link rel="modulepreload" crossorigin href="./assets/circle-DXf-VWZG.js">
-    <link rel="modulepreload" crossorigin href="./assets/button-COI-NGrx.js">
+    <link rel="modulepreload" crossorigin href="./assets/circle-B6D_6D8w.js">
+    <link rel="modulepreload" crossorigin href="./assets/button-D8gVKwe-.js">
     <link rel="modulepreload" crossorigin href="./assets/check-BQNapYaf.js">
     <link rel="modulepreload" crossorigin href="./assets/I18nProvider-Cg2I_s1_.js">
     <link rel="modulepreload" crossorigin href="./assets/useNumberFormatter-D7O_26UI.js">
-    <link rel="modulepreload" crossorigin href="./assets/select-DTBn5eTb.js">
-    <link rel="modulepreload" crossorigin href="./assets/toast-BGzLGnvw.js">
-    <link rel="modulepreload" crossorigin href="./assets/tooltip-C9TuY18o.js">
+    <link rel="modulepreload" crossorigin href="./assets/select-3CVGlYrC.js">
+    <link rel="modulepreload" crossorigin href="./assets/toast-Gzxi-le_.js">
+    <link rel="modulepreload" crossorigin href="./assets/tooltip-CkGm8X7m.js">
     <link rel="modulepreload" crossorigin href="./assets/paths-bkIFVj8h.js">
     <link rel="modulepreload" crossorigin href="./assets/useLifecycle-Mq4gc5kS.js">
     <link rel="modulepreload" crossorigin href="./assets/toDate-DOj9Q6uC.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-B_PMVg8T.js">
-    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-BaPGzeOK.js">
-    <link rel="modulepreload" crossorigin href="./assets/arrays-BqUx5USx.js">
-    <link rel="modulepreload" crossorigin href="./assets/once-Haz_uxEL.js">
-    <link rel="modulepreload" crossorigin href="./assets/numbers-Mk3-CcoU.js">
+    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-C-sWmKva.js">
+    <link rel="modulepreload" crossorigin href="./assets/arrays-0R2reF2y.js">
+    <link rel="modulepreload" crossorigin href="./assets/once-6KNTRW0u.js">
+    <link rel="modulepreload" crossorigin href="./assets/numbers-CsZVw3Dc.js">
     <link rel="modulepreload" crossorigin href="./assets/useDebounce-B_ccBZTp.js">
-    <link rel="modulepreload" crossorigin href="./assets/input-BoBxR50a.js">
+    <link rel="modulepreload" crossorigin href="./assets/input-ByHt6aoV.js">
     <link rel="modulepreload" crossorigin href="./assets/use-toast-Wu434mLr.js">
     <link rel="modulepreload" crossorigin href="./assets/requests-lt0JK8Jt.js">
     <link rel="modulepreload" crossorigin href="./assets/uuid-k9DpjH68.js">
-    <link rel="modulepreload" crossorigin href="./assets/write-secret-modal-DzKAInL2.js">
+    <link rel="modulepreload" crossorigin href="./assets/write-secret-modal-usRSi1bb.js">
     <link rel="modulepreload" crossorigin href="./assets/plus-C5silF6g.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-DcgaW8fn.js">
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-uBIymjUX.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-Cny7_yZb.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-DBMV4gqt.js">
-    <link rel="modulepreload" crossorigin href="./assets/capabilities-BJvf-MD4.js">
+    <link rel="modulepreload" crossorigin href="./assets/capabilities-Pq1YNPlK.js">
     <link rel="modulepreload" crossorigin href="./assets/cjs-C49f7GXV.js">
-    <link rel="modulepreload" crossorigin href="./assets/createReducer-DgRODTW6.js">
+    <link rel="modulepreload" crossorigin href="./assets/createReducer-HKXUbqyz.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-qhAY4L2r.js">
     <link rel="modulepreload" crossorigin href="./assets/marked.esm-B_3iMIUq.js">
-    <link rel="modulepreload" crossorigin href="./assets/strings-B2vv-ENv.js">
+    <link rel="modulepreload" crossorigin href="./assets/strings-C25fhMR_.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-BOfh4hMd.js">
     <link rel="modulepreload" crossorigin href="./assets/badge-crT3E0Rm.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-DtH-7lot.js">
@@ -136,10 +136,10 @@
     <link rel="modulepreload" crossorigin href="./assets/dist-LSsCJjA3.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-DusFODSa.js">
     <link rel="modulepreload" crossorigin href="./assets/stex-Dc5bKD4z.js">
-    <link rel="modulepreload" crossorigin href="./assets/useTheme-n8Dj1zH7.js">
-    <link rel="modulepreload" crossorigin href="./assets/useAsyncData-C7aJJz0Y.js">
+    <link rel="modulepreload" crossorigin href="./assets/useTheme-DLtPc-39.js">
+    <link rel="modulepreload" crossorigin href="./assets/useAsyncData-DhhdOGGd.js">
     <link rel="modulepreload" crossorigin href="./assets/purify.es--06brOip.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-CN1I_0eH.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-CdH98VSn.js">
     <link rel="modulepreload" crossorigin href="./assets/coerce-DWjFeXOY.js">
     <link rel="modulepreload" crossorigin href="./assets/get-DjNf4SIX.js">
     <link rel="modulepreload" crossorigin href="./assets/_hasPath-BmRQipI0.js">
@@ -147,72 +147,72 @@
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-Bpdo9AvU.js">
     <link rel="modulepreload" crossorigin href="./assets/pick-DKIID_Mo.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-CNsgAw6m.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-DEzFV5-l.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-BAJYRhmO.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-C3oDoyFe.js">
-    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-B4fCknq1.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-D8O_CYCG.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-BoBwH7CU.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-C0irhlOZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-DaWgt-rn.js">
+    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-BPYE76jR.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-KlhazlhB.js">
     <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-D9Dr-k4J.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-YOKDWASO-BIpRENEC.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-D2dafr8r.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-BFyD6Jhs.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-Djr5m5ac.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-icon-BIiRXh_3.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-B847kPLO.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-B18UiW8r.js">
-    <link rel="modulepreload" crossorigin href="./assets/blob-DY_W1wFZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-icon-8-a5vovc.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-BHBMk9zW.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-B1FzB5NY.js">
+    <link rel="modulepreload" crossorigin href="./assets/blob-BQfLiwKr.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-pdKBv96t.js">
-    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-C9-icL78.js">
+    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-Cw0dVELh.js">
     <link rel="modulepreload" crossorigin href="./assets/share-BZW3tzEX.js">
     <link rel="modulepreload" crossorigin href="./assets/events-CbeVJ6OD.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-BUqF6L9e.js">
-    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-D1ozl9e0.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-TVREh4u4.js">
+    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-hliG40Pk.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-eAtVhbNZ.js">
-    <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-C1rnl-0o.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-DK9Zl1lU.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-s8iwxGDb.js">
-    <link rel="modulepreload" crossorigin href="./assets/switch-CTaiAjrz.js">
-    <link rel="modulepreload" crossorigin href="./assets/tabs-BuQlZFbt.js">
+    <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-DS6umAnH.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-D_0rd3_B.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-CCZkq0y4.js">
+    <link rel="modulepreload" crossorigin href="./assets/switch-1h011wlH.js">
+    <link rel="modulepreload" crossorigin href="./assets/tabs-CY8E4r9U.js">
     <link rel="modulepreload" crossorigin href="./assets/table-DG7Ap4H4.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-CxVozGAC.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-Qw1f8Jhy.js">
-    <link rel="modulepreload" crossorigin href="./assets/tree-actions-BXvnBv45.js">
+    <link rel="modulepreload" crossorigin href="./assets/tree-actions-B1vsdenY.js">
     <link rel="modulepreload" crossorigin href="./assets/ellipsis-63DyBLHQ.js">
     <link rel="modulepreload" crossorigin href="./assets/external-link-UrX9KO36.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-DyNE-o8o.js">
     <link rel="modulepreload" crossorigin href="./assets/message-circle-C3rKm8_a.js">
     <link rel="modulepreload" crossorigin href="./assets/hat-glasses-C8RhSVii.js">
     <link rel="modulepreload" crossorigin href="./assets/package-GSoSTiIK.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-DZJ6qqVI.js">
-    <link rel="modulepreload" crossorigin href="./assets/error-entries-D11Bn1Hk.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-BA7YF4eo.js">
+    <link rel="modulepreload" crossorigin href="./assets/error-entries-BVXrGOTZ.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-DTaqCu_d.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-CHojzKpZ.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-BOqoitvE.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-BYSTEwo1.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-_uXVmwuN.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-B_QkRkm-.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-BaHdbtck.js">
     <link rel="modulepreload" crossorigin href="./assets/useDateFormatter-DA-62E-Y.js">
     <link rel="modulepreload" crossorigin href="./assets/en-US-Buu61juQ.js">
     <link rel="modulepreload" crossorigin href="./assets/isValid-q_Ad80ug.js">
-    <link rel="modulepreload" crossorigin href="./assets/dates-CfmdTL6B.js">
+    <link rel="modulepreload" crossorigin href="./assets/dates-CQMwFko2.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-CNPGWpMu.js">
     <link rel="modulepreload" crossorigin href="./assets/precisionRound-BxlUs8G4.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-D5bOh7g6.js">
     <link rel="modulepreload" crossorigin href="./assets/vega-loader.browser-Bu25TKax.js">
-    <link rel="modulepreload" crossorigin href="./assets/tooltip-BsSdc1NQ.js">
+    <link rel="modulepreload" crossorigin href="./assets/tooltip-Brya4Ghn.js">
     <link rel="modulepreload" crossorigin href="./assets/react-icons.esm-D6tfmvq8.js">
     <link rel="modulepreload" crossorigin href="./assets/extends-CvVTau-c.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-Do6ywDBO.js">
-    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-CwTkczVN.js">
-    <link rel="modulepreload" crossorigin href="./assets/error-banner-COZ7SfYV.js">
-    <link rel="modulepreload" crossorigin href="./assets/utils-CaQYvazl.js">
-    <link rel="modulepreload" crossorigin href="./assets/formats-BkelUASr.js">
+    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-Czr9e4uG.js">
+    <link rel="modulepreload" crossorigin href="./assets/error-banner-B5kzVf_0.js">
+    <link rel="modulepreload" crossorigin href="./assets/utils-DfElfBpz.js">
+    <link rel="modulepreload" crossorigin href="./assets/formats-zylfwejq.js">
     <link rel="modulepreload" crossorigin href="./assets/table-vrvqpuKJ.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-Dbe0MrFr.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-Dqg7qwkl.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-9tmC-p6h.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-C4_v6fQW.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-_W_Lo0P4.js">
-    <link rel="modulepreload" crossorigin href="./assets/spec-BfSBcO5B.js">
+    <link rel="modulepreload" crossorigin href="./assets/spec-uCpVvaAR.js">
     <link rel="modulepreload" crossorigin href="./assets/semaphore-BjoL5P0h.js">
     <link rel="modulepreload" crossorigin href="./assets/fileToBase64-BgBraYAr.js">
-    <link rel="modulepreload" crossorigin href="./assets/useBoolean-BvAx9Qrr.js">
+    <link rel="modulepreload" crossorigin href="./assets/useBoolean-5g-bBaYF.js">
     <link rel="modulepreload" crossorigin href="./assets/code-xml-SQaZqvcO.js">
     <link rel="modulepreload" crossorigin href="./assets/file-headphone-Dl35U6h3.js">
     <link rel="modulepreload" crossorigin href="./assets/file-BPBVl9pl.js">
@@ -220,27 +220,27 @@
     <link rel="modulepreload" crossorigin href="./assets/file-icons-CdJgUy-I.js">
     <link rel="modulepreload" crossorigin href="./assets/globe-UdPdIbF7.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-CI_o7NhW.js">
-    <link rel="modulepreload" crossorigin href="./assets/useAddCell-6ECZ0xPG.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-BaElyj-4.js">
+    <link rel="modulepreload" crossorigin href="./assets/useAddCell-DZ-50qEG.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-DrXDDAnA.js">
     <link rel="modulepreload" crossorigin href="./assets/data-grid-types-DgHVN_Zz.js">
-    <link rel="modulepreload" crossorigin href="./assets/glide-utils-CIrAxdjv.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-z4bqk4HW.js">
+    <link rel="modulepreload" crossorigin href="./assets/glide-utils-HFqhvWHI.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-CsEBzIUE.js">
     <link rel="modulepreload" crossorigin href="./assets/square-BPmgQFnh.js">
     <link rel="modulepreload" crossorigin href="./assets/triangle-alert-DmIqR8sY.js">
     <link rel="modulepreload" crossorigin href="./assets/prop-types-Djf4O40e.js">
-    <link rel="modulepreload" crossorigin href="./assets/es-Cqst59WX.js">
+    <link rel="modulepreload" crossorigin href="./assets/es-N9SHpmG7.js">
     <link rel="modulepreload" crossorigin href="./assets/package-data-dv4FBHxR.js">
     <link rel="modulepreload" crossorigin href="./assets/markdown-export-DzhB1FrN.js">
-    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-C1JwYcqW.js">
+    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-H60uiHBp.js">
     <link rel="modulepreload" crossorigin href="./assets/bundle.esm-D3tw5rqW.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-CiZ_8zS-.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-DFIVN9dn.js">
     <link rel="modulepreload" crossorigin href="./assets/pathUtils-DPmlLd-r.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-DDavqWJx.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-CTy-Iakk.js">
     <link rel="stylesheet" crossorigin href="./assets/cells-0PFKL3SH.css">
     <link rel="stylesheet" crossorigin href="./assets/markdown-renderer-DjIHoF9Z.css">
     <link rel="stylesheet" crossorigin href="./assets/JsonOutput-B0GmlMnR.css">
-    <link rel="stylesheet" crossorigin href="./assets/index-6b4mf8Ai.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-ChfDZJzP.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

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

package/src/components/app-config/ai-config.tsx

@@ -48,6 +48,7 @@ import { DEFAULT_AI_MODEL, type UserConfig } from "@/core/config/config-schema";
 import { isWasm } from "@/core/wasm/utils";
 import { cn } from "@/utils/cn";
 import { Events } from "@/utils/events";
+import { Objects } from "@/utils/objects";
 import { Strings } from "@/utils/strings";
 import { AIModelDropdown, getProviderLabel } from "../ai/ai-model-dropdown";
 import {
@@ -681,7 +682,10 @@ export const CustomProvidersConfig: React.FC<AiConfigProps> = ({
         };
 
         const removeProvider = (providerName: string) => {
-          const { [providerName]: _, ...rest } = customProviders;
+          const rest = Objects.filter(
+            customProviders,
+            (_, name) => name !== providerName,
+          );
           // Reset to clear nested dirty state, then set new value
           form.resetField("ai.custom_providers");
           form.setValue("ai.custom_providers", rest, { shouldDirty: true });

package/src/components/data-table/__tests__/date-popover.test.tsx

@@ -0,0 +1,72 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+import { render, screen } from "@testing-library/react";
+import type { ReactNode } from "react";
+import { I18nProvider } from "react-aria";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { DatePopover } from "../date-popover";
+
+vi.mock("@/components/ui/tooltip", () => ({
+  Tooltip: ({ content }: { content: ReactNode }) => content,
+}));
+
+afterEach(() => {
+  vi.restoreAllMocks();
+});
+
+describe("DatePopover", () => {
+  it.each([0, 123])(
+    "updates the local timezone and time on rerender with %i milliseconds",
+    (milliseconds) => {
+      const NativeDateTimeFormat = Intl.DateTimeFormat;
+      let systemTimezone = "America/Los_Angeles";
+      vi.spyOn(Intl, "DateTimeFormat").mockImplementation(
+        function (locales, options) {
+          return new NativeDateTimeFormat(locales, {
+            ...options,
+            timeZone: options?.timeZone ?? systemTimezone,
+          });
+        },
+      );
+
+      const date = new Date("2026-01-15T12:00:00Z");
+      date.setUTCMilliseconds(milliseconds);
+      const content = () => (
+        <I18nProvider locale="en-US">
+          <DatePopover date={date} type="datetime">
+            timestamp
+          </DatePopover>
+        </I18nProvider>
+      );
+      const { rerender } = render(content());
+      const previousTime =
+        screen.getByText(systemTimezone).nextElementSibling?.textContent;
+      const utcTime = screen.getByText("UTC").nextElementSibling?.textContent;
+
+      systemTimezone = "Asia/Tokyo";
+      rerender(content());
+
+      const expected = new NativeDateTimeFormat("en-US", {
+        timeZone: systemTimezone,
+        ...(milliseconds
+          ? {
+              year: "numeric",
+              month: "2-digit",
+              day: "2-digit",
+              hour: "2-digit",
+              minute: "2-digit",
+              second: "2-digit",
+              fractionalSecondDigits: 3,
+            }
+          : { dateStyle: "long", timeStyle: "medium" }),
+      }).format(date);
+      expect(screen.queryByText("America/Los_Angeles")).toBeNull();
+      expect(
+        screen.getByText(systemTimezone).nextElementSibling?.textContent,
+      ).toBe(expected);
+      expect(expected).not.toBe(previousTime);
+      expect(screen.getByText("UTC").nextElementSibling?.textContent).toBe(
+        utcTime,
+      );
+    },
+  );
+});

package/src/components/data-table/column-visibility-dropdown.tsx

@@ -6,7 +6,7 @@
 
 import type { Table } from "@tanstack/react-table";
 import { Columns3Icon, EyeIcon, EyeOffIcon, ScanEyeIcon } from "lucide-react";
-import React, { useMemo } from "react";
+import React from "react";
 import { ColumnName } from "@/components/datasources/components";
 import { Button } from "@/components/ui/button";
 import {
@@ -24,6 +24,7 @@ import {
 } from "@/components/ui/popover";
 import { type BulkAction, useSelectList } from "@/components/ui/select-core";
 import type { DataType } from "@/core/kernel/messages";
+import { Arrays } from "@/utils/arrays";
 import { cn } from "@/utils/cn";
 import { Events } from "@/utils/events";
 import { smartMatchFilter } from "@/utils/smartMatch";
@@ -67,9 +68,8 @@ export const ColumnVisibilityDropdown = <TData,>({
   const hideableIds = userColumns
     .filter((column) => column.getCanHide())
     .map((column) => column.id);
-  const visibleHideableCount = hideableIds.filter(
-    (id) => !hiddenIds.includes(id),
-  ).length;
+  const visibleHideableColumnIds = Arrays.difference(hideableIds, hiddenIds);
+  const visibleHideableCount = visibleHideableColumnIds.length;
 
   const applyHidden = (next: string[] | string | null) => {
     const hidden = new Set(Array.isArray(next) ? next : []);
@@ -106,15 +106,10 @@ export const ColumnVisibilityDropdown = <TData,>({
           .filter((option) => !option.disabled)
           .map((option) => option.value)
       : [];
-  const showOnlyColumnState = useMemo(
-    () => ({
-      visibleHideableColumnIds: hideableIds.filter(
-        (id) => !hiddenIds.includes(id),
-      ),
-      hideableColumnIdSet: new Set(hideableIds),
-    }),
-    [hideableIds, hiddenIds],
-  );
+  const showOnlyColumnState = {
+    visibleHideableColumnIds,
+    hideableColumnIdSet: new Set(hideableIds),
+  };
   const hasSearchBulkActions =
     showOnlyMatchIds.length > 0 || matchingActions.length > 0;
 

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

@@ -135,6 +135,7 @@ export function generateColumns<T>({
 }): ColumnDef<T>[] {
   // Row-headers are typically index columns
   const rowHeadersSet = new Set(rowHeaders.map(([columnName]) => columnName));
+  const wrappedColumnsSet = new Set(wrappedColumns);
 
   const typesByColumn = Maps.keyBy(fieldTypes, (entry) => entry[0]);
 
@@ -287,7 +288,7 @@ export function generateColumns<T>({
       }
 
       const justify = getJustify(key);
-      const wrapped = wrappedColumns?.includes(key);
+      const wrapped = wrappedColumnsSet.has(key);
       const isCellSelected = cell?.getIsSelected?.() || false;
       const canSelectCell =
         (selection === "single-cell" || selection === "multi-cell") &&

package/src/components/data-table/date-popover.tsx

@@ -1,5 +1,5 @@
 /* Copyright 2026 Marimo. All rights reserved. */
-import React from "react";
+import React, { useMemo } from "react";
 import { useDateFormatter, useLocale } from "react-aria";
 import { Tooltip } from "@/components/ui/tooltip";
 
@@ -45,6 +45,7 @@ export const DatePopover: React.FC<DatePopoverProps> = ({
 
 const TimezoneDisplay = ({ date }: { date: Date }) => {
   const { locale } = useLocale();
+  // The system timezone can change without the locale changing.
   const localTimezone = new Intl.DateTimeFormat(locale).resolvedOptions()
     .timeZone;
   const hasSubSeconds = date.getUTCMilliseconds() !== 0;
@@ -116,9 +117,10 @@ const RelativeTime = ({ date }: { date: Date }) => {
   const { locale } = useLocale();
 
   // Initialize relative time formatter with current locale and "auto" numeric style
-  const relativeTimeFormatter = new Intl.RelativeTimeFormat(locale, {
-    numeric: "auto",
-  });
+  const relativeTimeFormatter = useMemo(
+    () => new Intl.RelativeTimeFormat(locale, { numeric: "auto" }),
+    [locale],
+  );
 
   const currentTime = new Date();
   // Get difference in seconds between now and the input date

package/src/components/data-table/row-viewer-panel/row-viewer.tsx

@@ -34,6 +34,7 @@ import { DelayMount } from "@/components/utils/delay-mount";
 import { useAsyncData } from "@/hooks/useAsyncData";
 import { Banner, ErrorBanner } from "@/plugins/impl/common/error-banner";
 import type { GetRowResult } from "@/plugins/impl/DataTablePlugin";
+import { Objects } from "@/utils/objects";
 import { NAMELESS_COLUMN_PREFIX, renderCellValue } from "../columns";
 import { prettifyRowCount } from "../pagination";
 import {
@@ -88,8 +89,7 @@ export const RowViewerPanel: React.FC<RowViewerPanelProps> = ({
     handleRowSelectionChange?.((prev) => {
       if (isRowSelected) {
         // Remove this row from selection
-        const { [rowIdx]: removedRow, ...rest } = prev;
-        return rest;
+        return Objects.filter(prev, (_, key) => key !== String(rowIdx));
       }
       // Add this row to selection
       return { ...prev, [rowIdx]: true };

package/src/components/editor/ai/add-cell-with-ai.tsx

@@ -106,9 +106,9 @@ export const AddCellWithAI: React.FC<{
   const runtimeManager = useRuntimeManager();
 
   const inputRef = useRef<ReactCodeMirrorRef>(null);
-  const submissionController = useRef(
-    new StagedCellSubmissionController(),
-  ).current;
+  const [submissionController] = useState(
+    () => new StagedCellSubmissionController(),
+  );
 
   const fileInputRef = useRef<HTMLInputElement>(null);
   const { files, addFiles, removeFile } = useFileState();

package/src/components/editor/connections/components.tsx

@@ -48,7 +48,7 @@ export const SelectorButton: React.FC<{
 }> = ({ name, color, icon, onSelect }) => (
   <button
     type="button"
-    className="py-3 flex flex-col items-center justify-center gap-1 transition-all hover:scale-105 hover:brightness-110 rounded shadow-sm-solid hover:shadow-md-solid"
+    className="py-3 flex flex-col items-center justify-center gap-1 transition-[scale,filter,box-shadow] hover:scale-105 hover:brightness-110 rounded shadow-sm-solid hover:shadow-md-solid"
     style={{ backgroundColor: color }}
     onClick={onSelect}
   >

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

@@ -248,7 +248,7 @@ export const replaceTracebackFilenames = (domNode: DOMNode) => {
             <Tooltip content={tooltipContent}>
               <button
                 type="button"
-                className="ml-1 p-1 rounded-sm hover:bg-muted transition-all inline"
+                className="ml-1 p-1 rounded-sm hover:bg-muted transition-colors inline"
               >
                 <BugPlayIcon
                   onClick={() => {

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

@@ -514,7 +514,7 @@ const MarimoFileComponent = ({ file }: { file: MarimoFile }) => {
 
   return (
     <a
-      className="py-1.5 px-4 hover:bg-(--blue-2) hover:text-primary transition-all duration-300 cursor-pointer group relative flex gap-4 items-center"
+      className="py-1.5 px-4 hover:bg-(--blue-2) hover:text-primary transition-colors duration-300 cursor-pointer group relative flex gap-4 items-center"
       key={file.path}
       href={href.toString()}
       target={tabTarget(file.initializationId || file.path)}
@@ -542,7 +542,7 @@ const MarimoFileComponent = ({ file }: { file: MarimoFile }) => {
           </div>
           <ExternalLinkIcon
             size={20}
-            className="group-hover:opacity-100 opacity-0 transition-all duration-300 text-primary"
+            className="group-hover:opacity-100 opacity-0 transition-opacity duration-300 text-primary"
           />
         </div>
         {!!file.lastModified && (
@@ -617,14 +617,14 @@ const CreateNewNotebook: React.FC = () => {
     <a
       className="relative rounded-lg p-6 group
       text-primary hover:bg-(--blue-2) shadow-md-solid shadow-accent border bg-(--blue-1)
-      transition-all duration-300 cursor-pointer
+      transition-colors duration-300 cursor-pointer
       "
       href={url}
       target="_blank"
       rel="noreferrer"
     >
       <h2 className="text-lg font-semibold">Create a new notebook</h2>
-      <div className="group-hover:opacity-100 opacity-0 absolute right-5 top-0 bottom-0 rounded-lg flex items-center justify-center transition-all duration-300">
+      <div className="group-hover:opacity-100 opacity-0 absolute right-5 top-0 bottom-0 rounded-lg flex items-center justify-center transition-opacity duration-300">
         <ExternalLinkIcon size={24} />
       </div>
     </a>

package/src/components/tracing/tracing.tsx

@@ -145,11 +145,11 @@ const TraceBlock: React.FC<{
   isMostRecentRun: boolean;
   chartPosition: ChartPosition;
   theme: ResolvedTheme;
-}> = ({ run, isMostRecentRun, chartPosition, isExpanded, theme }) => {
+}> = ({ run, isMostRecentRun, chartPosition, isExpanded: expanded, theme }) => {
   const setExpandedRuns = useSetAtom(expandedRunsAtom);
   // We prefer the user's last click, but if they haven't clicked on this run,
   // we expand the most recent run by default, otherwise we collapse it.
-  isExpanded = isExpanded ?? isMostRecentRun;
+  const isExpanded = expanded ?? isMostRecentRun;
 
   const onToggleExpanded = () => {
     setExpandedRuns((prev) => {

package/src/core/cells/pending-delete-service.ts

@@ -134,12 +134,8 @@ export function usePendingDeleteService() {
       submit({ cellIds, deleteCell, deleteManyCells, store });
     },
     clear,
-    get idle() {
-      return entries.size === 0;
-    },
-    get shouldConfirmDelete() {
-      return entries.size > 1;
-    },
+    idle: entries.size === 0,
+    shouldConfirmDelete: entries.size > 1,
   };
 }
 

package/src/core/datasets/__tests__/data-source-discovery.test.ts

@@ -185,8 +185,8 @@ describe("isDetectedSourceConnected", () => {
   });
   const emptySnapshot = {
     dialects: [] as string[],
-    storageProtocols: [] as string[],
-    storageBackendTypes: [] as string[],
+    storageProtocols: new Set<string>(),
+    storageBackendTypes: new Set<string>(),
   };
 
   it("does not hide a source when nothing is connected", () => {
@@ -242,7 +242,7 @@ describe("isDetectedSourceConnected", () => {
     expect(
       isDetectedSourceConnected(s3, {
         ...emptySnapshot,
-        storageProtocols: ["s3"],
+        storageProtocols: new Set(["s3"]),
       }),
     ).toBe(true);
   });
@@ -262,7 +262,7 @@ describe("isDetectedSourceConnected", () => {
     expect(
       isDetectedSourceConnected(hf, {
         ...emptySnapshot,
-        storageBackendTypes: ["huggingface"],
+        storageBackendTypes: new Set(["huggingface"]),
       }),
     ).toBe(true);
   });