@marimo-team/islands 0.19.8-dev4 → 0.19.8-dev40

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-dev4",
+  "version": "0.19.8-dev40",
   "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,9 +211,9 @@
     "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",
+    "@biomejs/biome": "2.3.13",
     "@codecov/vite-plugin": "^1.9.1",
     "@csstools/postcss-light-dark-function": "^2.0.11",
     "@playwright/test": "^1.57.0",
@@ -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/app-config/ai-config.tsx

@@ -609,9 +609,13 @@ export const CustomProvidersConfig: React.FC<AiConfigProps> = ({
   const isDuplicate =
     KNOWN_PROVIDERS.includes(normalizedName as KnownProviderId) ||
     (customProviders && Object.keys(customProviders).includes(normalizedName));
+  const hasInvalidChars = normalizedName.includes(".");
 
   const hasValidValues =
-    normalizedName.trim() && newProviderBaseUrl.trim() && !isDuplicate;
+    normalizedName.trim() &&
+    newProviderBaseUrl.trim() &&
+    !isDuplicate &&
+    !hasInvalidChars;
 
   const resetForm = () => {
     setNewProviderName("");
@@ -669,7 +673,12 @@ export const CustomProvidersConfig: React.FC<AiConfigProps> = ({
                   A provider with this name already exists.
                 </p>
               )}
-              {newProviderName && (
+              {hasInvalidChars && (
+                <p className="text-xs text-destructive">
+                  Provider names cannot contain '.' characters.
+                </p>
+              )}
+              {newProviderName && !hasInvalidChars && (
                 <p className="text-xs text-muted-secondary">
                   Use models with prefix:{" "}
                   <Kbd className="inline text-xs">{normalizedName}/</Kbd>

package/src/components/app-config/user-config-form.tsx

@@ -1296,34 +1296,6 @@ export const UserConfigForm: React.FC = () => {
                 </div>
               )}
             />
-            <FormField
-              control={form.control}
-              name="experimental.performant_table_charts"
-              render={({ field }) => (
-                <div className="flex flex-col gap-y-1">
-                  <FormItem className={formItemClasses}>
-                    <FormLabel className="font-normal">
-                      Performant Table Charts
-                    </FormLabel>
-                    <FormControl>
-                      <Checkbox
-                        data-testid="performant-table-charts-checkbox"
-                        checked={field.value === true}
-                        onCheckedChange={field.onChange}
-                      />
-                    </FormControl>
-                  </FormItem>
-                  <IsOverridden
-                    userConfig={config}
-                    name="experimental.performant_table_charts"
-                  />
-                  <FormDescription>
-                    Enable experimental table charts which are computed on the
-                    backend.
-                  </FormDescription>
-                </div>
-              )}
-            />
             <FormField
               control={form.control}
               name="experimental.external_agents"
@@ -1356,32 +1328,6 @@ export const UserConfigForm: React.FC = () => {
                 </div>
               )}
             />
-            <FormField
-              control={form.control}
-              name="experimental.chat_modes"
-              render={({ field }) => (
-                <div className="flex flex-col gap-y-1">
-                  <FormItem className={formItemClasses}>
-                    <FormLabel className="font-normal">Chat Mode</FormLabel>
-                    <FormControl>
-                      <Checkbox
-                        data-testid="chat-mode-checkbox"
-                        checked={field.value === true}
-                        onCheckedChange={field.onChange}
-                      />
-                    </FormControl>
-                  </FormItem>
-                  <IsOverridden
-                    userConfig={config}
-                    name="experimental.chat_modes"
-                  />
-                  <FormDescription>
-                    Switch between different modes in the Chat sidebar, to
-                    enable tool use.
-                  </FormDescription>
-                </div>
-              )}
-            />
             <FormField
               control={form.control}
               name="experimental.server_side_pdf_export"

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

@@ -9,6 +9,7 @@ import {
   type ExternalAgentId,
   getAgentConnectionCommand,
   getAgentDisplayName,
+  getAgentWebSocketUrl,
   getSessionsByAgent,
   removeSession,
   type TabId,
@@ -697,4 +698,72 @@ describe("state utility functions", () => {
       `);
     });
   });
+
+  describe("getAgentWebSocketUrl", () => {
+    const originalLocation = window.location;
+
+    afterEach(() => {
+      // Restore original window.location
+      Object.defineProperty(window, "location", {
+        value: originalLocation,
+        writable: true,
+      });
+    });
+
+    it("should return ws:// URL with localhost for http protocol", () => {
+      Object.defineProperty(window, "location", {
+        value: {
+          hostname: "localhost",
+          protocol: "http:",
+        },
+        writable: true,
+      });
+
+      expect(getAgentWebSocketUrl("claude")).toMatchInlineSnapshot(
+        `"ws://localhost:3017/message"`,
+      );
+    });
+
+    it("should return wss:// URL for https protocol", () => {
+      Object.defineProperty(window, "location", {
+        value: {
+          hostname: "example.com",
+          protocol: "https:",
+        },
+        writable: true,
+      });
+
+      expect(getAgentWebSocketUrl("claude")).toMatchInlineSnapshot(
+        `"wss://example.com:3017/message"`,
+      );
+    });
+
+    it("should work with IP addresses", () => {
+      Object.defineProperty(window, "location", {
+        value: {
+          hostname: "192.168.1.100",
+          protocol: "http:",
+        },
+        writable: true,
+      });
+
+      expect(getAgentWebSocketUrl("claude")).toMatchInlineSnapshot(
+        `"ws://192.168.1.100:3017/message"`,
+      );
+    });
+
+    it("should work with remote hostnames", () => {
+      Object.defineProperty(window, "location", {
+        value: {
+          hostname: "marimo.example.com",
+          protocol: "https:",
+        },
+        writable: true,
+      });
+
+      expect(getAgentWebSocketUrl("gemini")).toMatchInlineSnapshot(
+        `"wss://marimo.example.com:3019/message"`,
+      );
+    });
+  });
 });

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

@@ -233,13 +233,17 @@ export function getAgentDisplayName(agentId: ExternalAgentId): string {
 }
 
 export function getAgentWebSocketUrl(agentId: ExternalAgentId): string {
-  return AGENT_CONFIG[agentId].webSocketUrl;
+  const port = AGENT_CONFIG[agentId].port;
+  // Use the current page's hostname so the agent is reachable when
+  // marimo is accessed remotely (e.g. via direct IP or reverse proxy).
+  const hostname = window.location.hostname;
+  const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+  return `${protocol}//${hostname}:${port}/message` as const;
 }
 
 interface AgentConfig {
   port: number;
   command: string;
-  webSocketUrl: string;
   sessionSupport: SessionSupportType;
 }
 
@@ -247,25 +251,21 @@ const AGENT_CONFIG: Record<ExternalAgentId, AgentConfig> = {
   claude: {
     port: 3017,
     command: "npx @zed-industries/claude-code-acp",
-    webSocketUrl: "ws://localhost:3017/message",
     sessionSupport: "single",
   },
   gemini: {
     port: 3019,
     command: "npx @google/gemini-cli --experimental-acp",
-    webSocketUrl: "ws://localhost:3019/message",
     sessionSupport: "single",
   },
   codex: {
     port: 3021,
     command: "npx @zed-industries/codex-acp",
-    webSocketUrl: "ws://localhost:3021/message",
     sessionSupport: "single",
   },
   opencode: {
     port: 3023,
     command: "npx opencode-ai acp",
-    webSocketUrl: "ws://localhost:3023/message",
     sessionSupport: "single",
   },
 };