@marimo-team/frontend 0.23.16-dev76 → 0.23.16-dev8

package/dist/index.html

@@ -66,32 +66,32 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-D73cl2ti.js"></script>
+    <script type="module" crossorigin src="./assets/index-wLUfvfaV.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-TXkS1QI3.js">
     <link rel="modulepreload" crossorigin href="./assets/objects-BlG0ZrO0.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-LvLJmgfZ.js">
     <link rel="modulepreload" crossorigin href="./assets/react-Bj1aDYRI.js">
     <link rel="modulepreload" crossorigin href="./assets/compiler-runtime-B3qBwwSJ.js">
     <link rel="modulepreload" crossorigin href="./assets/jsx-runtime-Blw4afVn.js">
-    <link rel="modulepreload" crossorigin href="./assets/useEventListener-B_w3A283.js">
+    <link rel="modulepreload" crossorigin href="./assets/useEventListener-C0195JsF.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-DOVIEEPN.js">
     <link rel="modulepreload" crossorigin href="./assets/precisionRound-i2ImZxgc.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-BUCH2FMc.js">
     <link rel="modulepreload" crossorigin href="./assets/vega-loader.browser-Dun7Qe4B.js">
-    <link rel="modulepreload" crossorigin href="./assets/tooltip-HLb6RxVp.js">
+    <link rel="modulepreload" crossorigin href="./assets/tooltip-B7U4xkIN.js">
     <link rel="modulepreload" crossorigin href="./assets/clsx-XrBBnd7s.js">
     <link rel="modulepreload" crossorigin href="./assets/cn-DYvqRARy.js">
     <link rel="modulepreload" crossorigin href="./assets/badge-B92a4ePY.js">
-    <link rel="modulepreload" crossorigin href="./assets/button-eIihcbUw.js">
+    <link rel="modulepreload" crossorigin href="./assets/button-DDGiD1NW.js">
     <link rel="modulepreload" crossorigin href="./assets/react-dom-CSu739Rf.js">
-    <link rel="modulepreload" crossorigin href="./assets/fullscreen-dUjPYOmm.js">
-    <link rel="modulepreload" crossorigin href="./assets/menu-items-DbSLBfXR.js">
-    <link rel="modulepreload" crossorigin href="./assets/dist-ByVeMWkr.js">
+    <link rel="modulepreload" crossorigin href="./assets/fullscreen-CTDqNQr6.js">
+    <link rel="modulepreload" crossorigin href="./assets/menu-items-CCi6aOPm.js">
+    <link rel="modulepreload" crossorigin href="./assets/dist-BLN8PNJV.js">
     <link rel="modulepreload" crossorigin href="./assets/createLucideIcon-w-Qo9n0R.js">
     <link rel="modulepreload" crossorigin href="./assets/check-rzLRd0j9.js">
     <link rel="modulepreload" crossorigin href="./assets/x-C-Eq0ag8.js">
-    <link rel="modulepreload" crossorigin href="./assets/select-B5TFNjmU.js">
-    <link rel="modulepreload" crossorigin href="./assets/tooltip-CFX4fYHU.js">
+    <link rel="modulepreload" crossorigin href="./assets/select-BP75_5jJ.js">
+    <link rel="modulepreload" crossorigin href="./assets/tooltip-4bZlU7jl.js">
     <link rel="modulepreload" crossorigin href="./assets/use-toast-BwJoaaDM.js">
     <link rel="modulepreload" crossorigin href="./assets/useEvent-D91BmmQi.js">
     <link rel="modulepreload" crossorigin href="./assets/invariant-CkiqGLcK.js">
@@ -99,26 +99,26 @@
     <link rel="modulepreload" crossorigin href="./assets/_baseFor-DKD1r8uL.js">
     <link rel="modulepreload" crossorigin href="./assets/merge-_9WLTEyt.js">
     <link rel="modulepreload" crossorigin href="./assets/zod-H_cgTO0M.js">
-    <link rel="modulepreload" crossorigin href="./assets/utils-Z80SV4_d.js">
+    <link rel="modulepreload" crossorigin href="./assets/utils-BWBBpCkT.js">
     <link rel="modulepreload" crossorigin href="./assets/Deferred-D2igisxY.js">
     <link rel="modulepreload" crossorigin href="./assets/uuid-ImXS-885.js">
     <link rel="modulepreload" crossorigin href="./assets/DeferredRequestRegistry-C8EV1PoE.js">
     <link rel="modulepreload" crossorigin href="./assets/constants-CDyU_g2F.js">
-    <link rel="modulepreload" crossorigin href="./assets/session-CEFnN9Cq.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-BbOTTCYY.js">
+    <link rel="modulepreload" crossorigin href="./assets/session-BmukRjSi.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-CR3KxW53.js">
     <link rel="modulepreload" crossorigin href="./assets/requests-9-v2bhoi.js">
     <link rel="modulepreload" crossorigin href="./assets/useLifecycle-lLOBhc-1.js">
     <link rel="modulepreload" crossorigin href="./assets/useNonce-CbdaHKzX.js">
-    <link rel="modulepreload" crossorigin href="./assets/useTheme-KXqAyDPC.js">
+    <link rel="modulepreload" crossorigin href="./assets/useTheme-Bxv9B31g.js">
     <link rel="modulepreload" crossorigin href="./assets/arrays-DbOq36rN.js">
-    <link rel="modulepreload" crossorigin href="./assets/strings-Djnbwmfl.js">
+    <link rel="modulepreload" crossorigin href="./assets/strings--BknHX9C.js">
     <link rel="modulepreload" crossorigin href="./assets/once-CGKw_kwj.js">
-    <link rel="modulepreload" crossorigin href="./assets/capabilities-B09j1Eor.js">
-    <link rel="modulepreload" crossorigin href="./assets/createReducer-C7kZ8zEe.js">
+    <link rel="modulepreload" crossorigin href="./assets/capabilities-DoEg0XwL.js">
+    <link rel="modulepreload" crossorigin href="./assets/createReducer-DGx5Af-C.js">
     <link rel="modulepreload" crossorigin href="./assets/paths-BKO-pHK6.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-12S8I4CH.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-DYEuVkEX.js">
-    <link rel="modulepreload" crossorigin href="./assets/dist-BCMBu0rO.js">
+    <link rel="modulepreload" crossorigin href="./assets/dist-CiVShZKM.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-BJZAIIze.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-aRc_dRed.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-DnjsPBRJ.js">
@@ -134,66 +134,66 @@
     <link rel="modulepreload" crossorigin href="./assets/debounce-OiXznToA.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-CKO8g4BU.js">
     <link rel="modulepreload" crossorigin href="./assets/main-BNL5rxQw.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-Cf7bHHq3.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-aqfX084m.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-C5HnBH5U.js">
-    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-BRbUAUFn.js">
-    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-BXegNC0I.js">
-    <link rel="modulepreload" crossorigin href="./assets/dialog-D1DEsRZ2.js">
+    <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-WiYBwhUO.js">
+    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-Bb8Lz8ko.js">
+    <link rel="modulepreload" crossorigin href="./assets/dialog-BCVepWLJ.js">
     <link rel="modulepreload" crossorigin href="./assets/useDebounce-JDKr83KO.js">
-    <link rel="modulepreload" crossorigin href="./assets/numbers-CeeaFKqu.js">
+    <link rel="modulepreload" crossorigin href="./assets/numbers-rmawRqQP.js">
     <link rel="modulepreload" crossorigin href="./assets/SSRProvider-BUSmWJKC.js">
     <link rel="modulepreload" crossorigin href="./assets/context-BFPaAUK_.js">
     <link rel="modulepreload" crossorigin href="./assets/useNumberFormatter-4-Qvf4uR.js">
     <link rel="modulepreload" crossorigin href="./assets/usePress-5hBv4sjD.js">
-    <link rel="modulepreload" crossorigin href="./assets/input-CqrUjynb.js">
-    <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-BIavOiUv.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-DqBkyAFe.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-COUOIPEq.js">
+    <link rel="modulepreload" crossorigin href="./assets/input-JxFwu-3G.js">
+    <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-fY-ZfT0b.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-C0hhYyNu.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-BJVx3eBW.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-jlwhGxSb.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-BS_NcSch.js">
-    <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-BFZLnWeO.js">
+    <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-dHmZR8bI.js">
     <link rel="modulepreload" crossorigin href="./assets/links-wcQA1Np1.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-CSSF_mJ0.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-BtTOqPTS.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-BtSwerrU.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-Bxb1_Gtw.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-3iHFdt22.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-icon-C2pG0ZNK.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-BCvU9dYz.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-ySAiC9gr.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-DBzEQtWz.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-icon-neDQUo4Q.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-uBc4LkCP.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-wn1PTlXA.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-Tc7pRohh.js">
     <link rel="modulepreload" crossorigin href="./assets/hat-glasses-BttHlyvs.js">
     <link rel="modulepreload" crossorigin href="./assets/package-Bxz_8e44.js">
     <link rel="modulepreload" crossorigin href="./assets/sparkles-DUCpRFlS.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-DO2k2fA5.js">
-    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-C7_5jjWi.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-2CXbNUBb.js">
+    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-DzTD8LVq.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-BOZA7gbn.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-CYq4mK5a.js">
-    <link rel="modulepreload" crossorigin href="./assets/tree-actions-CsC2XmGo.js">
+    <link rel="modulepreload" crossorigin href="./assets/tree-actions-Bz3fJ7p-.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-D-V4psAa.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-CwmX28T9.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-DiEyfiAG.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-B-nAUvDC.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-tOmGbv38.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-Bg5iAViP.js">
-    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-sVm_hz8A.js">
+    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-B2JvSXP-.js">
     <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-Dx_STMJD.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-Cp0LZT-a.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-QvXG0CRk.js">
-    <link rel="modulepreload" crossorigin href="./assets/command-CAJLPEBq.js">
-    <link rel="modulepreload" crossorigin href="./assets/field-BeZbVzXA.js">
-    <link rel="modulepreload" crossorigin href="./assets/popover-DrHQ3KEt.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-Cs1sISb9.js">
+    <link rel="modulepreload" crossorigin href="./assets/command-Dqxie4gq.js">
+    <link rel="modulepreload" crossorigin href="./assets/field-BsxD35VE.js">
+    <link rel="modulepreload" crossorigin href="./assets/popover-Bcz1Zikb.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-PgHhDa-M.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-BomYt3nl.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-CkMUlfM3.js">
     <link rel="modulepreload" crossorigin href="./assets/table-CH2plyy9.js">
-    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-Ccb4fvKc.js">
-    <link rel="modulepreload" crossorigin href="./assets/error-banner-B6eIlxzg.js">
-    <link rel="modulepreload" crossorigin href="./assets/formats-ClEFGPy-.js">
+    <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-j6fR_dBA.js">
+    <link rel="modulepreload" crossorigin href="./assets/error-banner-BSxEOIn2.js">
+    <link rel="modulepreload" crossorigin href="./assets/formats-DzmLpc9A.js">
     <link rel="modulepreload" crossorigin href="./assets/utils-CCTAhdFi.js">
     <link rel="modulepreload" crossorigin href="./assets/en-US-CjNeNXDB.js">
     <link rel="modulepreload" crossorigin href="./assets/isValid-D7naiWNs.js">
-    <link rel="modulepreload" crossorigin href="./assets/dates-D-kIKDYA.js">
+    <link rel="modulepreload" crossorigin href="./assets/dates-C2LWzsCZ.js">
     <link rel="modulepreload" crossorigin href="./assets/extends-B9D0JO9U.js">
     <link rel="modulepreload" crossorigin href="./assets/emotion-is-prop-valid.esm-lG8j6oqk.js">
     <link rel="modulepreload" crossorigin href="./assets/useDateFormatter-rtpVEy3J.js">
     <link rel="modulepreload" crossorigin href="./assets/react-icons.esm-D4GMDkIf.js">
-    <link rel="modulepreload" crossorigin href="./assets/RSPContexts-CgC81f0I.js">
+    <link rel="modulepreload" crossorigin href="./assets/RSPContexts-WiCgGm__.js">
     <link rel="modulepreload" crossorigin href="./assets/table-D-tcnZC7.js">
     <link rel="modulepreload" crossorigin href="./assets/ellipsis-C_B8Ux9M.js">
     <link rel="modulepreload" crossorigin href="./assets/external-link-BOlXZUla.js">
@@ -201,42 +201,42 @@
     <link rel="modulepreload" crossorigin href="./assets/plus-AgXtozBz.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-72W0TZ3L.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-Z-MD3n3J.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-DnGSkLeP.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-B0aYK7up.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-iDRxid4h.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-DNNRTPQJ.js">
-    <link rel="modulepreload" crossorigin href="./assets/spec-CzqcmYQk.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-BgZLUEOj.js">
+    <link rel="modulepreload" crossorigin href="./assets/spec-C7opZZRp.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-D5Btj8aG.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-CIPE8AIY.js">
-    <link rel="modulepreload" crossorigin href="./assets/radio-group-CLBjGkt5.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-wz-WSRgP.js">
-    <link rel="modulepreload" crossorigin href="./assets/switch-CvweaCXq.js">
+    <link rel="modulepreload" crossorigin href="./assets/radio-group-PT0_zVHo.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-BOqWJRw_.js">
+    <link rel="modulepreload" crossorigin href="./assets/switch-DLGijIXN.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-CboCOq4o.js">
-    <link rel="modulepreload" crossorigin href="./assets/esm-BL7jQmzn.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-CW_G5e4E.js">
+    <link rel="modulepreload" crossorigin href="./assets/esm-B30N1GS0.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-DB23yd7T.js">
     <link rel="modulepreload" crossorigin href="./assets/file-headphone-DAu6VO6j.js">
     <link rel="modulepreload" crossorigin href="./assets/file-CJH9JNGH.js">
     <link rel="modulepreload" crossorigin href="./assets/image-5XI2VU-q.js">
-    <link rel="modulepreload" crossorigin href="./assets/file-icons-Cb54mIL8.js">
+    <link rel="modulepreload" crossorigin href="./assets/file-icons-Chripuk-.js">
     <link rel="modulepreload" crossorigin href="./assets/events-90X9nql5.js">
-    <link rel="modulepreload" crossorigin href="./assets/share-CYpcX4N4.js">
+    <link rel="modulepreload" crossorigin href="./assets/share-852X_cqy.js">
     <link rel="modulepreload" crossorigin href="./assets/blob-C3EfaMOb.js">
     <link rel="modulepreload" crossorigin href="./assets/memoize-Tp7rARFe.js">
     <link rel="modulepreload" crossorigin href="./assets/get-C-qh_et5.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-CsW0tABf.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-BXbiRXZk.js">
-    <link rel="modulepreload" crossorigin href="./assets/label-BElwWzf0.js">
-    <link rel="modulepreload" crossorigin href="./assets/textarea-CpFfEUet.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-BpkJVsmT.js">
+    <link rel="modulepreload" crossorigin href="./assets/label-CqjrpwRC.js">
+    <link rel="modulepreload" crossorigin href="./assets/textarea-aocYW9hl.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-sLaKP2vj.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-CgWNb44_.js">
-    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-BZLr8D7H.js">
-    <link rel="modulepreload" crossorigin href="./assets/useBoolean-D89u30n-.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-CIXAzTfC.js">
+    <link rel="modulepreload" crossorigin href="./assets/renderShortcut-Bl8_FVn8.js">
+    <link rel="modulepreload" crossorigin href="./assets/useBoolean-CA7K8rap.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-CSMoa-ga.js">
     <link rel="modulepreload" crossorigin href="./assets/types-jdbI9Q8O.js">
     <link rel="modulepreload" crossorigin href="./assets/semaphore-DtBYRzWS.js">
     <link rel="modulepreload" crossorigin href="./assets/fileToBase64-C2Yy-YXq.js">
     <link rel="modulepreload" crossorigin href="./assets/pathUtils-Bfcp5m-a.js">
     <link rel="modulepreload" crossorigin href="./assets/prop-types-C638SUfx.js">
-    <link rel="modulepreload" crossorigin href="./assets/es-1D83cgiu.js">
+    <link rel="modulepreload" crossorigin href="./assets/es-gYgfF8y5.js">
     <link rel="modulepreload" crossorigin href="./assets/_hasPath-hMc_3QZy.js">
     <link rel="modulepreload" crossorigin href="./assets/hasIn-CSsM95b1.js">
     <link rel="modulepreload" crossorigin href="./assets/flatten-Bd5tsfm_.js">
@@ -249,7 +249,7 @@
     <link rel="stylesheet" crossorigin href="./assets/cells-BVzo2MHf.css">
     <link rel="stylesheet" crossorigin href="./assets/markdown-renderer-DdDKmWlR.css">
     <link rel="stylesheet" crossorigin href="./assets/JsonOutput-BQtz7-np.css">
-    <link rel="stylesheet" crossorigin href="./assets/index-BjlEpvLC.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-xs-zSSrX.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

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

package/src/components/data-table/column-formatting/feature.ts

@@ -9,6 +9,7 @@ import {
   type TableFeature,
   type Updater,
 } from "@tanstack/react-table";
+import { browserLocale } from "@/core/i18n/locale";
 import type { DataType } from "@/core/kernel/messages";
 import { logNever } from "@/utils/assertNever";
 import {
@@ -40,7 +41,7 @@ export const ColumnFormattingFeature: TableFeature = {
     return {
       enableColumnFormatting: true,
       onColumnFormattingChange: makeStateUpdater("columnFormatting", table),
-      locale: navigator.language,
+      locale: browserLocale(),
     } as ColumnFormattingOptions;
   },
 

package/src/components/editor/file-tree/__tests__/file-render-mode.test.ts

@@ -0,0 +1,27 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { describe, expect, it } from "vitest";
+import { getFileRenderMode } from "../file-render-mode";
+
+describe("getFileRenderMode", () => {
+  it.each([
+    ["text/plain", false, "text"],
+    ["text/x-rust", false, "text"],
+    ["application/json", false, "text"],
+    ["application/xml", false, "text"],
+    ["text/csv", false, "csv"],
+    ["image/png", true, "media"],
+    ["video/mp4", true, "media"],
+    ["application/pdf", true, "media"],
+    ["application/x-apple-diskimage", true, "unsupported"],
+    ["application/zip", true, "unsupported"],
+    ["application/octet-stream", false, "unsupported"],
+    [null, false, "text"],
+    [null, true, "unsupported"],
+  ] as const)(
+    "maps %s with isBase64=%s to %s",
+    (mimeType, isBase64, expected) => {
+      expect(getFileRenderMode(mimeType, isBase64)).toBe(expected);
+    },
+  );
+});

package/src/components/editor/file-tree/__tests__/file-viewer.test.tsx

@@ -0,0 +1,150 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { Provider } from "jotai";
+import type React from "react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { MockRequestClient } from "@/__mocks__/requests";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import { requestClientAtom } from "@/core/network/requests";
+import type { FileDetailsResponse, FileInfo } from "@/core/network/types";
+import { store } from "@/core/state/jotai";
+import { FileViewer, MAX_FILE_PREVIEW_BYTES } from "../file-viewer";
+
+vi.mock("@/plugins/impl/code/LazyAnyLanguageCodeMirror", () => ({
+  LazyAnyLanguageCodeMirror: ({
+    value,
+    onChange,
+  }: {
+    value?: string;
+    onChange?: (value: string) => void;
+  }) => (
+    <textarea
+      data-testid="code-editor"
+      value={value ?? ""}
+      onChange={(evt) => onChange?.(evt.target.value)}
+    />
+  ),
+}));
+
+vi.mock("@/core/wasm/utils", () => ({ isWasm: () => false }));
+
+const wrapper = ({ children }: { children: React.ReactNode }) => (
+  <Provider store={store}>
+    <TooltipProvider>{children}</TooltipProvider>
+  </Provider>
+);
+
+const file: FileInfo = {
+  id: "/workspace/installer.dmg",
+  path: "/workspace/installer.dmg",
+  name: "installer.dmg",
+  isDirectory: false,
+  isMarimoFile: false,
+  size: 20 * 1024 * 1024,
+};
+
+function renderViewer(response: FileDetailsResponse) {
+  const client = MockRequestClient.create({
+    sendFileDetails: vi.fn().mockResolvedValue(response),
+  });
+  store.set(requestClientAtom, client);
+  render(<FileViewer file={file} onOpenNotebook={vi.fn()} />, { wrapper });
+  return client;
+}
+
+describe("FileViewer bounded previews", () => {
+  beforeEach(() => {
+    store.set(requestClientAtom, null);
+  });
+
+  it("requests a bounded preview and shows oversized metadata", async () => {
+    const client = renderViewer({
+      file,
+      contents: null,
+      mimeType: "application/x-apple-diskimage",
+      isBase64: false,
+      isTooLarge: true,
+    });
+
+    expect(await screen.findByText(/too large to preview/i)).toBeVisible();
+    expect(screen.getByText("20 MB")).toBeVisible();
+    expect(screen.getByRole("button", { name: /download/i })).toBeVisible();
+    expect(screen.queryByTestId("code-editor")).not.toBeInTheDocument();
+    expect(client.sendFileDetails).toHaveBeenCalledWith({
+      path: file.path,
+      maxBytes: MAX_FILE_PREVIEW_BYTES,
+    });
+  });
+
+  it("shows unsupported metadata with a download action, not base64 text", async () => {
+    renderViewer({
+      file: { ...file, size: 4 },
+      contents: "AAEC",
+      mimeType: "application/x-apple-diskimage",
+      isBase64: true,
+      isTooLarge: false,
+    });
+
+    expect(await screen.findByText(/cannot be previewed/i)).toBeVisible();
+    expect(screen.getByRole("button", { name: /download/i })).toBeVisible();
+    expect(screen.queryByTestId("code-editor")).not.toBeInTheDocument();
+  });
+
+  it("continues to render small text files", async () => {
+    renderViewer({
+      file: { ...file, name: "notes.txt", size: 5 },
+      contents: "hello",
+      mimeType: "text/plain",
+      isBase64: false,
+      isTooLarge: false,
+    });
+
+    await waitFor(() => {
+      expect(screen.getByTestId("code-editor")).toBeInTheDocument();
+    });
+    expect(screen.queryByText(/too large to preview/i)).not.toBeInTheDocument();
+  });
+
+  it("preserves edits to an initially empty text file across remount", async () => {
+    const emptyFile: FileInfo = {
+      id: "/workspace/empty.txt",
+      path: "/workspace/empty.txt",
+      name: "empty.txt",
+      isDirectory: false,
+      isMarimoFile: false,
+      size: 0,
+    };
+    const response: FileDetailsResponse = {
+      file: emptyFile,
+      contents: "",
+      mimeType: "text/plain",
+      isBase64: false,
+      isTooLarge: false,
+    };
+    const client = MockRequestClient.create({
+      sendFileDetails: vi.fn().mockResolvedValue(response),
+    });
+    store.set(requestClientAtom, client);
+
+    const { unmount } = render(
+      <FileViewer file={emptyFile} onOpenNotebook={vi.fn()} />,
+      { wrapper },
+    );
+
+    const editor =
+      await screen.findByTestId<HTMLTextAreaElement>("code-editor");
+    fireEvent.change(editor, { target: { value: "draft" } });
+    unmount();
+
+    render(<FileViewer file={emptyFile} onOpenNotebook={vi.fn()} />, {
+      wrapper,
+    });
+
+    const reopened =
+      await screen.findByTestId<HTMLTextAreaElement>("code-editor");
+    await waitFor(() => {
+      expect(reopened.value).toBe("draft");
+    });
+  });
+});

package/src/components/editor/file-tree/file-preview-metadata.tsx

@@ -0,0 +1,51 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { DownloadIcon } from "lucide-react";
+import { useLocale } from "react-aria";
+import { Button } from "@/components/ui/button";
+import type { FileInfo } from "@/core/network/types";
+import { formatBytes } from "@/utils/formatting";
+
+interface Props {
+  file: FileInfo;
+  mimeType: string;
+  message: string;
+  onDownload?: () => void;
+}
+
+export const FilePreviewMetadata = ({
+  file,
+  mimeType,
+  message,
+  onDownload,
+}: Props) => {
+  const { locale } = useLocale();
+  return (
+    <div className="p-4 text-sm">
+      <div className="grid grid-cols-[auto_1fr] gap-x-4 gap-y-2">
+        <span className="text-muted-foreground font-medium">Path</span>
+        <span className="font-mono text-xs break-all">{file.path}</span>
+        <span className="text-muted-foreground font-medium">Type</span>
+        <span>{mimeType}</span>
+        {file.size != null && (
+          <>
+            <span className="text-muted-foreground font-medium">Size</span>
+            <span>{formatBytes(file.size, locale)}</span>
+          </>
+        )}
+      </div>
+      <div className="mt-4 text-muted-foreground italic">{message}</div>
+      {onDownload && (
+        <Button
+          variant="outline"
+          size="sm"
+          className="mt-4"
+          onClick={onDownload}
+        >
+          <DownloadIcon className="h-3.5 w-3.5 mr-2" />
+          Download
+        </Button>
+      )}
+    </div>
+  );
+};

package/src/components/editor/file-tree/file-render-mode.ts

@@ -0,0 +1,32 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { isMediaMime, MIME_TO_LANGUAGE } from "./renderers";
+
+export type FileRenderMode = "text" | "csv" | "media" | "unsupported";
+
+export function getFileRenderMode(
+  mimeType: string | null | undefined,
+  isBase64: boolean | undefined,
+): FileRenderMode {
+  const mime = mimeType || "text/plain";
+
+  if (isMediaMime(mime)) {
+    return "media";
+  }
+  if (isBase64) {
+    return "unsupported";
+  }
+  if (mime === "text/csv") {
+    return "csv";
+  }
+  if (
+    mime.startsWith("text/") ||
+    (mime !== "default" && mime in MIME_TO_LANGUAGE)
+  ) {
+    return "text";
+  }
+  if (mimeType == null) {
+    return "text";
+  }
+  return "unsupported";
+}