@marimo-team/islands 0.19.8-dev1 → 0.19.8-dev10

package/dist/{timeline-definition-IT6M3QCI-CO48XU1B.js → timeline-definition-IT6M3QCI-DR26eWb4.js}

@@ -1,7 +1,7 @@
 import "./purify.es-Brw-U87Q.js";
 import { t as arc_default } from "./arc-CEWBr4jc.js";
 import { i as log, n as __export, r as __name, t as select_default } from "./src-szye8OCw.js";
-import { G as setupGraphViewbox, Q as is_dark_default, X as darken_default, Z as lighten_default, a as clear, b as getConfig2, o as commonDb_exports } from "./chunk-ABZYJK2D-SZPYmRzN.js";
+import { G as setupGraphViewbox, Q as is_dark_default, X as darken_default, Z as lighten_default, a as clear, b as getConfig2, o as commonDb_exports } from "./chunk-ABZYJK2D-BXTC53mt.js";
 var parser = (function() {
   var t = /* @__PURE__ */ __name(function(t2, S2, C2, w) {
     for (C2 || (C2 = {}), w = t2.length; w--; C2[t2[w]] = S2) ;

package/dist/{types-CzEZ3EWT.js → types-Bb-6p8hv.js}

@@ -3,17 +3,17 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a;
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-DdA8EBol.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
-import { D as dispatchDiscreteCustomEvent, E as Primitive, M as composeEventHandlers, N as createLucideIcon, O as createSlot, S as useId, T as useCallbackRef, _ as Arrow, b as createPopperScope, c as withSmartCollisionBoundary, g as Anchor, h as Portal, i as useFocusGuards, j as createContextScope, m as Presence, n as hideOthers, o as MAX_HEIGHT_OFFSET, p as useControllableState, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, u as StyleNamespace, v as Content, w as DismissableLayer, y as Root2$1 } from "./Combination-Bg-xN8JV.js";
-import { t as Check } from "./check-CM_kewwn.js";
-import { A as $a916eb452884faea$export$b7a616150fdb9f44, C as useDirection, F as $b5e257d569688ac6$export$619500959fc48b26, I as X, L as ChevronUp, M as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, R as ChevronDown, _ as menuItemVariants, b as menuSubTriggerVariants, g as menuControlVariants, h as menuControlCheckVariants, j as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, k as upperFirst_default, m as menuContentCommon, v as menuLabelVariants, w as createCollection, y as menuSeparatorVariants } from "./label-C4PtQcza.js";
+import { t as require_react } from "./react-Bs6Z0kvn.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
+import { D as dispatchDiscreteCustomEvent, E as Primitive, M as composeEventHandlers, N as createLucideIcon, O as createSlot, S as useId, T as useCallbackRef, _ as Arrow, b as createPopperScope, c as withSmartCollisionBoundary, g as Anchor, h as Portal, i as useFocusGuards, j as createContextScope, m as Presence, n as hideOthers, o as MAX_HEIGHT_OFFSET, p as useControllableState, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, u as StyleNamespace, v as Content, w as DismissableLayer, y as Root2$1 } from "./Combination-BTMrlhzT.js";
+import { t as Check } from "./check-DkNR52Mm.js";
+import { A as $a916eb452884faea$export$b7a616150fdb9f44, C as useDirection, F as $b5e257d569688ac6$export$619500959fc48b26, I as X, L as ChevronUp, M as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, R as ChevronDown, _ as menuItemVariants, b as menuSubTriggerVariants, g as menuControlVariants, h as menuControlCheckVariants, j as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, k as upperFirst_default, m as menuContentCommon, v as menuLabelVariants, w as createCollection, y as menuSeparatorVariants } from "./label-CxU5JNBW.js";
 import { n as clsx_default } from "./clsx-D2KVTYnW.js";
-import { c as useComposedRefs, l as Events, s as composeRefs, t as Button, u as cn } from "./button-BWvsJ2Wr.js";
+import { c as useComposedRefs, l as Events, s as composeRefs, t as Button, u as cn } from "./button-Cy0ElmIm.js";
 import { s as Logger } from "./hotkeys-B5WnGZXF.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
-import { t as require_react_dom } from "./react-dom-DJW8xUDg.js";
-import { h as useEvent_default } from "./useTheme-BYG2SH8J.js";
+import { t as require_react_dom } from "./react-dom-CqtLRVZP.js";
+import { h as useEvent_default } from "./useTheme-SlKl8MlS.js";
 import { t as toString_default } from "./toString-C4TLO6FA.js";
 import { i as debounce_default, n as Constants } from "./constants-DrOu5vvd.js";
 import { t as memoizeLastValue } from "./once-BqS42WgZ.js";

package/dist/{useAsyncData-BjNwqCfS.js → useAsyncData-Dyq3DyOF.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-DdA8EBol.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
-import { h as useEvent_default } from "./useTheme-BYG2SH8J.js";
+import { t as require_react } from "./react-Bs6Z0kvn.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
+import { h as useEvent_default } from "./useTheme-SlKl8MlS.js";
 import { t as invariant } from "./invariant-D9QLJ4SZ.js";
 var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), Result = {
   error(e, s) {

package/dist/{useDeepCompareMemoize-CfoxVor3.js → useDeepCompareMemoize-CMGprt3H.js}

@@ -2,13 +2,13 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-DdA8EBol.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
-import { N as createLucideIcon } from "./Combination-Bg-xN8JV.js";
-import { a as cva, u as cn } from "./button-BWvsJ2Wr.js";
+import { t as require_react } from "./react-Bs6Z0kvn.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
+import { N as createLucideIcon } from "./Combination-BTMrlhzT.js";
+import { a as cva, u as cn } from "./button-Cy0ElmIm.js";
 import { s as Logger } from "./hotkeys-B5WnGZXF.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
-import { f as waitFor, p as isIslands, u as store, x as atom } from "./useTheme-BYG2SH8J.js";
+import { f as waitFor, p as isIslands, u as store, x as atom } from "./useTheme-SlKl8MlS.js";
 import { r as KnownQueryParams } from "./constants-DrOu5vvd.js";
 import { i as tableFromIPC } from "./loader-B0KEFFi-.js";
 var CircleQuestionMark = createLucideIcon("circle-question-mark", [

package/dist/{useIframeCapabilities-BBO_R0ww.js → useIframeCapabilities-DurI5SJh.js}

@@ -1,6 +1,6 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-DdA8EBol.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
+import { t as require_react } from "./react-Bs6Z0kvn.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
 import { s as Logger } from "./hotkeys-B5WnGZXF.js";
 import { n as once } from "./once-BqS42WgZ.js";
 function testStorage(e) {

package/dist/{useTheme-BYG2SH8J.js → useTheme-SlKl8MlS.js}

@@ -1,10 +1,10 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-DdA8EBol.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
+import { t as require_react } from "./react-Bs6Z0kvn.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
 import { a as resolvePlatform, n as OverridingHotkeyProvider, s as Logger } from "./hotkeys-B5WnGZXF.js";
 import { t as _baseIsEqual_default } from "./_baseIsEqual-CBSjxu-D.js";
 import { t as merge_default } from "./merge-Dl1bfxsj.js";
-import { A as looseObject, B as union, I as record, N as number, P as object, R as string, T as boolean, b as _enum, w as array } from "./zod-DITCj31F.js";
+import { A as looseObject, B as union, I as record, N as number, P as object, R as string, T as boolean, b as _enum, w as array } from "./zod-bjADtMKr.js";
 function hasInitialValue(e) {
   return "init" in e;
 }
@@ -57,7 +57,6 @@ function getMountedOrPendingDependents(e, k, A) {
 }
 var BUILDING_BLOCK_atomRead = (e, k, ...A) => k.read(...A), BUILDING_BLOCK_atomWrite = (e, k, ...A) => k.write(...A), BUILDING_BLOCK_atomOnInit = (e, k) => {
   if (k.INTERNAL_onInit) return k.INTERNAL_onInit(e);
-  if (k.unstable_onInit) return console.warn("[DEPRECATED] atom.unstable_onInit is renamed to atom.INTERNAL_onInit."), k.unstable_onInit(e);
 }, BUILDING_BLOCK_atomOnMount = (e, k, A) => {
   var _a;
   return (_a = k.onMount) == null ? void 0 : _a.call(k, A);
@@ -334,9 +333,9 @@ function defaultRead(e) {
 function defaultWrite(e, k, A) {
   return k(this, typeof A == "function" ? A(e(this)) : A);
 }
-var overiddenCreateStore;
+var overriddenCreateStore;
 function createStore() {
-  return overiddenCreateStore ? overiddenCreateStore() : buildStore();
+  return overriddenCreateStore ? overriddenCreateStore() : buildStore();
 }
 var defaultStore;
 function getDefaultStore() {

package/dist/{vega-component-rDX7xwxH.js → vega-component-DU3aSp4m.js}

@@ -1,20 +1,20 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-DdA8EBol.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
-import "./Combination-Bg-xN8JV.js";
-import { S as CircleQuestionMark, a as AlertTitle, m as asRemoteURL, n as arrow, o as isValid, r as Alert, t as useDeepCompareMemoize } from "./useDeepCompareMemoize-CfoxVor3.js";
-import { l as Events } from "./button-BWvsJ2Wr.js";
+import { t as require_react } from "./react-Bs6Z0kvn.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
+import "./Combination-BTMrlhzT.js";
+import { S as CircleQuestionMark, a as AlertTitle, m as asRemoteURL, n as arrow, o as isValid, r as Alert, t as useDeepCompareMemoize } from "./useDeepCompareMemoize-CMGprt3H.js";
+import { l as Events } from "./button-Cy0ElmIm.js";
 import { o as Objects, s as Logger } from "./hotkeys-B5WnGZXF.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
-import "./react-dom-DJW8xUDg.js";
-import { l as Tooltip, n as ErrorBanner } from "./error-banner-C7KLpECd.js";
-import { h as useEvent_default, n as useTheme } from "./useTheme-BYG2SH8J.js";
+import "./react-dom-CqtLRVZP.js";
+import { l as Tooltip, n as ErrorBanner } from "./error-banner-D2zjeN_a.js";
+import { h as useEvent_default, n as useTheme } from "./useTheme-SlKl8MlS.js";
 import { t as _baseUniq_default } from "./_baseUniq-4lqa8rDi.js";
 import { i as debounce_default } from "./constants-DrOu5vvd.js";
 import { a as tooltipHandler, n as vegaLoadData } from "./loader-B0KEFFi-.js";
 import { n as formats } from "./vega-loader.browser-BJ1uJidF.js";
-import { t as useAsyncData } from "./useAsyncData-BjNwqCfS.js";
-import { t as j } from "./react-vega-CjiPWyw0.js";
+import { t as useAsyncData } from "./useAsyncData-Dyq3DyOF.js";
+import { t as j } from "./react-vega-DLFvGrpJ.js";
 import "./defaultLocale-qS7DaAmi.js";
 import "./defaultLocale-Bxoo2-30.js";
 function uniq(e) {

package/dist/{xychartDiagram-PRI3JC2R-CUIfjNVD.js → xychartDiagram-PRI3JC2R-BcVxCRox.js}

@@ -5,13 +5,13 @@ import { n as ordinal } from "./ordinal-IlASfRja.js";
 import { t as range } from "./range-BYuZFTbA.js";
 import "./defaultLocale-qS7DaAmi.js";
 import { t as line_default } from "./line-LK_5q2B9.js";
-import { i as cleanAndMerge } from "./chunk-S3R3BYOJ-Ddu0H4Qa.js";
+import { i as cleanAndMerge } from "./chunk-S3R3BYOJ-CBkH6JZZ.js";
 import { n as initRange } from "./init-BfRhston.js";
 import { i as log, r as __name } from "./src-szye8OCw.js";
-import { B as setAccTitle, C as getDiagramTitle, I as sanitizeText, T as getThemeVariables3, U as setDiagramTitle, _ as getAccDescription, a as clear, c as configureSvgSize, d as defaultConfig_default, v as getAccTitle, y as getConfig, z as setAccDescription } from "./chunk-ABZYJK2D-SZPYmRzN.js";
-import { t as selectSvgElement } from "./chunk-EXTU4WIE-CzWtDV99.js";
+import { B as setAccTitle, C as getDiagramTitle, I as sanitizeText, T as getThemeVariables3, U as setDiagramTitle, _ as getAccDescription, a as clear, c as configureSvgSize, d as defaultConfig_default, v as getAccTitle, y as getConfig, z as setAccDescription } from "./chunk-ABZYJK2D-BXTC53mt.js";
+import { t as selectSvgElement } from "./chunk-EXTU4WIE-DyoOs5QX.js";
 import "./dist-BYznkC5E.js";
-import { t as computeDimensionOfText } from "./chunk-JA3XYJ7Z-DQ-2ARfa.js";
+import { t as computeDimensionOfText } from "./chunk-JA3XYJ7Z-BGnAIbOP.js";
 function band() {
   var e = ordinal().unknown(void 0), w = e.domain, T = e.range, D = 0, O = 1, k, A, j = false, M = 0, N = 0, P = 0.5;
   delete e.unknown;

package/dist/{zod-DITCj31F.js → zod-bjADtMKr.js}

@@ -1187,7 +1187,7 @@ var Doc = class {
 const version = {
   major: 4,
   minor: 3,
-  patch: 4
+  patch: 6
 }, $ZodType = /* @__PURE__ */ $constructor("$ZodType", (f, V) => {
   var _a2;
   var H;
@@ -2038,7 +2038,7 @@ const $ZodRecord = /* @__PURE__ */ $constructor("$ZodRecord", (f, V) => {
           issues: []
         }, U);
         if (J instanceof Promise) throw Error("Async schemas not supported in object keys currently");
-        if (typeof K2 == "string" && number$2.test(K2) && J.issues.length && J.issues.some((f2) => f2.code === "invalid_type" && f2.expected === "number")) {
+        if (typeof K2 == "string" && number$2.test(K2) && J.issues.length) {
           let f2 = V.keyType._zod.run({
             value: Number(K2),
             issues: []
@@ -8447,7 +8447,7 @@ function finalize(f, V) {
       U(K);
       let H3 = f.seen.get(K), q2 = H3.schema;
       if (q2.$ref && (f.target === "draft-07" || f.target === "draft-04" || f.target === "openapi-3.0") ? (W2.allOf = W2.allOf ?? [], W2.allOf.push(q2)) : Object.assign(W2, q2), Object.assign(W2, G2), V2._zod.parent === K) for (let f2 in W2) f2 === "$ref" || f2 === "allOf" || f2 in G2 || delete W2[f2];
-      if (q2.$ref) for (let f2 in W2) f2 === "$ref" || f2 === "allOf" || f2 in H3.def && JSON.stringify(W2[f2]) === JSON.stringify(H3.def[f2]) && delete W2[f2];
+      if (q2.$ref && H3.def) for (let f2 in W2) f2 === "$ref" || f2 === "allOf" || f2 in H3.def && JSON.stringify(W2[f2]) === JSON.stringify(H3.def[f2]) && delete W2[f2];
     }
     let q = V2._zod.parent;
     if (q && q !== K) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.19.8-dev1",
+  "version": "0.19.8-dev10",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -21,7 +21,7 @@
     "./unstable_internal/*": "./src/*"
   },
   "dependencies": {
-    "@ai-sdk/react": "^2.0.119",
+    "@ai-sdk/react": "^2.0.125",
     "@anywidget/types": "^0.2.0",
     "@codemirror/autocomplete": "^6.20.0",
     "@codemirror/commands": "^6.10.1",
@@ -114,7 +114,7 @@
     "@xterm/addon-web-links": "^0.12.0",
     "@xterm/xterm": "^5.5.0",
     "@zed-industries/agent-client-protocol": "^0.4.5",
-    "ai": "^5.0.117",
+    "ai": "^5.0.123",
     "ansi_up": "^6.0.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -127,18 +127,18 @@
     "dompurify": "^3.3.1",
     "eslint-plugin-header": "^3.1.1",
     "htm": "^3.1.1",
-    "html-react-parser": "^5.2.11",
+    "html-react-parser": "^5.2.14",
     "html-to-image": "1.11.13",
     "humanize-duration": "^3.33.2",
     "iconify-icon": "^2.3.0",
-    "jotai": "^2.16.1",
+    "jotai": "^2.17.0",
     "jotai-scope": "^0.10.0",
     "js-cookie": "^3.0.5",
-    "katex": "^0.16.27",
+    "katex": "^0.16.28",
     "lodash-es": "^4.17.22",
     "loro-codemirror": "^0.3.3",
-    "loro-crdt": "^1.10.3",
-    "lucide-react": "^0.562.0",
+    "loro-crdt": "^1.10.5",
+    "lucide-react": "^0.563.0",
     "lz-string": "^1.5.0",
     "marked": "^15.0.12",
     "mermaid": "^11.12.2",
@@ -152,7 +152,7 @@
     "react-codemirror-merge": "4.25.4",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "react-dropzone": "^14.3.8",
+    "react-dropzone": "^14.4.0",
     "react-error-boundary": "^5.0.0",
     "react-grid-layout": "^1.5.3",
     "react-hook-form": "7.54.2",
@@ -165,7 +165,7 @@
     "reactflow": "^11.11.4",
     "remark-gfm": "^4.0.1",
     "rpc-anywhere": "^1.7.0",
-    "sql-formatter": "^15.6.12",
+    "sql-formatter": "^15.7.0",
     "streamdown": "^2.1.0",
     "string-dedent": "^3.0.2",
     "swiper": "^11.2.10",
@@ -183,7 +183,7 @@
     "vscode-jsonrpc": "^8.2.1",
     "vscode-languageserver-protocol": "^3.17.5",
     "web-vitals": "^4.2.4",
-    "zod": "^4.3.4"
+    "zod": "^4.3.6"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -211,7 +211,7 @@
     "react-dom": "^17 || ^18 || ^19"
   },
   "devDependencies": {
-    "@babel/plugin-proposal-decorators": "^7.28.0",
+    "@babel/plugin-proposal-decorators": "^7.28.6",
     "@babel/preset-typescript": "^7.25.9",
     "@biomejs/biome": "2.3.12",
     "@codecov/vite-plugin": "^1.9.1",
@@ -224,10 +224,10 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@types/dompurify": "^3.2.0",
-    "@types/katex": "^0.16.7",
+    "@types/katex": "^0.16.8",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.10.4",
-    "@types/react": "^19.2.7",
+    "@types/node": "^24.10.9",
+    "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
     "@types/react-plotly.js": "^2.6.4",
     "@types/timestring": "^6.0.5",
@@ -251,9 +251,9 @@
     "npm-run-all2": "^6.2.6",
     "postcss": "^8.5.6",
     "postcss-plugin-namespace": "^0.0.3",
-    "react": "^19.2.3",
+    "react": "^19.2.4",
     "react-compiler-runtime": "19.1.0-rc.3",
-    "react-dom": "^19.2.3",
+    "react-dom": "^19.2.4",
     "storybook": "^10.2.0",
     "stylelint": "^16.26.1",
     "stylelint-config-standard": "^36.0.1",

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

@@ -1,6 +1,11 @@
 /* Copyright 2026 Marimo. All rights reserved. */
-import type { ColumnDef, RowSelectionState } from "@tanstack/react-table";
-import { render, screen } from "@testing-library/react";
+import type {
+  ColumnDef,
+  PaginationState,
+  RowSelectionState,
+  SortingState,
+} from "@tanstack/react-table";
+import { render, screen, within } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { DataTable } from "../data-table";
@@ -95,4 +100,91 @@ describe("DataTable", () => {
     expect(rows[1]).toHaveAttribute("title", "Michael Scott");
     expect(rows[2]).toHaveAttribute("title", "Jim Halpert");
   });
+
+  it("should display updated data after rerender with manual sorting and pagination", () => {
+    // Simulates the bug from issue #8023:
+    // When a user sorts a table, rows that moved from page 2 to page 1
+    // don't visually refresh after the underlying data is updated.
+
+    interface RowData {
+      id: number;
+      status: string;
+      value: number;
+    }
+
+    // Initial data: 4 rows, page_size=3
+    const initialData: RowData[] = [
+      { id: 4, status: "pending", value: 40 },
+      { id: 3, status: "pending", value: 30 },
+      { id: 2, status: "pending", value: 20 },
+    ];
+
+    const columns: ColumnDef<RowData>[] = [
+      { id: "id", accessorFn: (row) => row.id, header: "id" },
+      { id: "status", accessorFn: (row) => row.status, header: "status" },
+      { id: "value", accessorFn: (row) => row.value, header: "value" },
+    ];
+
+    // Simulate sorted state (value descending) - manual sorting means
+    // data comes pre-sorted from backend
+    const sorting: SortingState = [{ id: "value", desc: true }];
+    const setSorting = vi.fn();
+
+    const paginationState: PaginationState = { pageIndex: 0, pageSize: 3 };
+    const setPaginationState = vi.fn();
+
+    const commonProps = {
+      columns,
+      selection: null as "single" | "multi" | null,
+      totalRows: 4,
+      totalColumns: 3,
+      pagination: true,
+      manualPagination: true,
+      paginationState,
+      setPaginationState,
+      manualSorting: true,
+      sorting,
+      setSorting,
+    };
+
+    const { rerender } = render(
+      <TooltipProvider>
+        <DataTable {...commonProps} data={initialData} />
+      </TooltipProvider>,
+    );
+
+    // Verify initial data is displayed - look for "pending" in cells
+    const rows = screen.getAllByRole("row");
+    // Row 0 is header, rows 1-3 are data rows
+    expect(rows).toHaveLength(4); // 1 header + 3 data rows
+    // All rows should show "pending"
+    expect(within(rows[1]).getByText("pending")).toBeTruthy();
+    expect(within(rows[2]).getByText("pending")).toBeTruthy();
+    expect(within(rows[3]).getByText("pending")).toBeTruthy();
+
+    // Now simulate data update: row with id=4 is now "approved"
+    // Backend returns sorted data with the update applied
+    const updatedData: RowData[] = [
+      { id: 4, status: "approved", value: 40 },
+      { id: 3, status: "pending", value: 30 },
+      { id: 2, status: "pending", value: 20 },
+    ];
+
+    // Rerender with updated data (same sorting, same pagination)
+    rerender(
+      <TooltipProvider>
+        <DataTable {...commonProps} data={updatedData} />
+      </TooltipProvider>,
+    );
+
+    // BUG: The row should show "approved" but might show stale "pending"
+    const updatedRows = screen.getAllByRole("row");
+    expect(updatedRows).toHaveLength(4);
+
+    // The first data row (id=4) should now show "approved"
+    expect(within(updatedRows[1]).getByText("approved")).toBeTruthy();
+    // Other rows should still show "pending"
+    expect(within(updatedRows[2]).getByText("pending")).toBeTruthy();
+    expect(within(updatedRows[3]).getByText("pending")).toBeTruthy();
+  });
 });

package/src/core/MarimoApp.tsx

@@ -39,14 +39,18 @@ const LazyGalleryPage = reactLazyWithPreload(
 );
 
 export function preloadPage(mode: string) {
-  if (mode === "home") {
-    LazyHomePage.preload();
-  } else if (mode === "gallery") {
-    LazyGalleryPage.preload();
-  } else if (mode === "read") {
-    LazyRunPage.preload();
-  } else {
-    LazyEditPage.preload();
+  switch (mode) {
+    case "home":
+      LazyHomePage.preload();
+      break;
+    case "gallery":
+      LazyGalleryPage.preload();
+      break;
+    case "read":
+      LazyRunPage.preload();
+      break;
+    default:
+      LazyEditPage.preload();
   }
 }