@marimo-team/islands 0.19.7-dev2 → 0.19.7-dev21

package/dist/stylus-CIB0KT46.js

@@ -0,0 +1,4 @@
+import { t as stylus } from "./stylus-DMFZWz-G.js";
+export {
+  stylus
+};

package/dist/swift-CZinekXz.js

@@ -0,0 +1,4 @@
+import { t as swift } from "./swift-De2YpSxT.js";
+export {
+  swift
+};

package/dist/tcl-DCHZJVq_.js

@@ -0,0 +1,4 @@
+import { t as tcl } from "./tcl-jV8Xs_1k.js";
+export {
+  tcl
+};

package/dist/textile-ThTMxgkN.js

@@ -0,0 +1,4 @@
+import { t as textile } from "./textile-D_zo778l.js";
+export {
+  textile
+};

package/dist/{time-m5v-VC8K.js → time-DC4qQGmA.js}

@@ -1,7 +1,7 @@
-import { a as tickStep, s as bisector } from "./precisionRound-B0z4y-te.js";
-import { a as copy, i as continuous } from "./linear-Dhu2Qlw4.js";
-import { A as durationSecond, C as timeMinute, D as durationHour, E as durationDay, M as durationYear, N as millisecond, O as durationMinute, S as utcHour, T as second, _ as utcSunday, c as timeMonth, j as durationWeek, k as durationMonth, l as utcMonth, o as timeYear, p as timeSunday, s as utcYear, t as timeFormat, v as timeDay, w as utcMinute, x as timeHour, y as unixDay } from "./defaultLocale-DMZFeDB8.js";
-import { n as initRange } from "./init-Ci8VD8ZH.js";
+import { a as tickStep, s as bisector } from "./precisionRound-CGLoV26P.js";
+import { a as copy, i as continuous } from "./linear-vWf1Qj0e.js";
+import { A as durationSecond, C as timeMinute, D as durationHour, E as durationDay, M as durationYear, N as millisecond, O as durationMinute, S as utcHour, T as second, _ as utcSunday, c as timeMonth, j as durationWeek, k as durationMonth, l as utcMonth, o as timeYear, p as timeSunday, s as utcYear, t as timeFormat, v as timeDay, w as utcMinute, x as timeHour, y as unixDay } from "./defaultLocale-Bxoo2-30.js";
+import { n as initRange } from "./init-BfRhston.js";
 function max(e, g) {
   let _;
   if (g === void 0) for (let g2 of e) g2 != null && (_ < g2 || _ === void 0 && g2 >= g2) && (_ = g2);

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

@@ -1,7 +1,7 @@
 import "./purify.es-Brw-U87Q.js";
-import { t as arc_default } from "./arc-DXxE-tFl.js";
-import { i as log, n as __export, r as __name, t as select_default } from "./src-CHUphWwL.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-BZDGfEE1.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";
 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/toml-DK17wlJ7.js

@@ -0,0 +1,4 @@
+import { t as toml } from "./toml-_M0gsKn5.js";
+export {
+  toml
+};

package/dist/{treemap-KMMF4GRG-Bp2TNEsG.js → treemap-KMMF4GRG-B37ugcLd.js}

@@ -1,6 +1,6 @@
-import "./chunk-FPAJGGOC-B7vtXnL8.js";
-import "./main-DC-71ZOX.js";
-import { n as createTreemapServices, t as TreemapModule } from "./chunk-FWNWRKHM-CoKqaHV4.js";
+import "./chunk-FPAJGGOC-CduL34ft.js";
+import "./main-DhFbkwoC.js";
+import { n as createTreemapServices, t as TreemapModule } from "./chunk-FWNWRKHM-C-2TI4gt.js";
 export {
   createTreemapServices
 };

package/dist/troff-CuUAOgMy.js

@@ -0,0 +1,4 @@
+import { t as troff } from "./troff-B06gyD33.js";
+export {
+  troff
+};

package/dist/ttcn-DS2tj6rW.js

@@ -0,0 +1,4 @@
+import { t as ttcn } from "./ttcn-DoQoQNUM.js";
+export {
+  ttcn
+};

package/dist/ttcn-cfg-CdZGarnc.js

@@ -0,0 +1,4 @@
+import { t as ttcnCfg } from "./ttcn-cfg-l_6PksD2.js";
+export {
+  ttcnCfg
+};

package/dist/turtle-Bkz-FLZ7.js

@@ -0,0 +1,4 @@
+import { t as turtle } from "./turtle-zEnD4bpn.js";
+export {
+  turtle
+};

package/dist/{types-B9fL65ao.js → types-BIvEidLq.js}

@@ -7,16 +7,16 @@ 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-BOmAhdTT.js";
 import { t as Check } from "./check-S8ldILuD.js";
-import { B as ChevronDown, C as useDirection, L as $b5e257d569688ac6$export$619500959fc48b26, M as $a916eb452884faea$export$b7a616150fdb9f44, N as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, P as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, R as X, _ as menuItemVariants, b as menuSubTriggerVariants, g as menuControlVariants, h as menuControlCheckVariants, j as upperFirst_default, m as menuContentCommon, v as menuLabelVariants, w as createCollection, y as menuSeparatorVariants, z as ChevronUp } from "./label-B8Ngsa38.js";
+import { B as ChevronDown, C as useDirection, L as $b5e257d569688ac6$export$619500959fc48b26, M as $a916eb452884faea$export$b7a616150fdb9f44, N as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, P as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, R as X, _ as menuItemVariants, b as menuSubTriggerVariants, g as menuControlVariants, h as menuControlCheckVariants, j as upperFirst_default, m as menuContentCommon, v as menuLabelVariants, w as createCollection, y as menuSeparatorVariants, z as ChevronUp } from "./label-o68OaAQk.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-D6ZIdUA3.js";
 import { s as Logger } from "./hotkeys-C4e3s3sJ.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-CVr6Gb_R.js";
+import { h as useEvent_default } from "./useTheme-D0zT6HZe.js";
 import { t as toString_default } from "./toString-C4TLO6FA.js";
-import { i as debounce_default, n as Constants } from "./constants-DuN_eoAL.js";
-import { t as memoizeLastValue } from "./once-C-NkXwWJ.js";
+import { i as debounce_default, n as Constants } from "./constants-DrOu5vvd.js";
+import { t as memoizeLastValue } from "./once-BqS42WgZ.js";
 var ChevronRight = createLucideIcon("chevron-right", [["path", {
   d: "m9 18 6-6-6-6",
   key: "mthhwq"

package/dist/{useAsyncData-kqbhbSuf.js → useAsyncData-DFBEii2l.js}

@@ -1,8 +1,8 @@
 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-CVr6Gb_R.js";
-import { t as invariant } from "./invariant-BW72tHBT.js";
+import { h as useEvent_default } from "./useTheme-D0zT6HZe.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) {
     return {

package/dist/{useDeepCompareMemoize-B2QEm3jo.js → useDeepCompareMemoize-HKwezUBx.js}

@@ -8,9 +8,9 @@ import { N as createLucideIcon } from "./Combination-BOmAhdTT.js";
 import { a as cva, u as cn } from "./button-D6ZIdUA3.js";
 import { s as Logger } from "./hotkeys-C4e3s3sJ.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-CVr6Gb_R.js";
-import { r as KnownQueryParams } from "./constants-DuN_eoAL.js";
-import { i as tableFromIPC } from "./loader-DH7xXi-E.js";
+import { f as waitFor, p as isIslands, u as store, x as atom } from "./useTheme-D0zT6HZe.js";
+import { r as KnownQueryParams } from "./constants-DrOu5vvd.js";
+import { i as tableFromIPC } from "./loader-WBQoIunJ.js";
 var CircleQuestionMark = createLucideIcon("circle-question-mark", [
   ["circle", {
     cx: "12",

package/dist/{useIframeCapabilities-BsIPDupA.js → useIframeCapabilities-wWXCXV88.js}

@@ -2,7 +2,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 { s as Logger } from "./hotkeys-C4e3s3sJ.js";
-import { n as once } from "./once-C-NkXwWJ.js";
+import { n as once } from "./once-BqS42WgZ.js";
 function testStorage(e) {
   try {
     let s = window[e], c = "__storage_test__", l = "test";

package/dist/{useTheme-CVr6Gb_R.js → useTheme-D0zT6HZe.js}

@@ -2,9 +2,9 @@ 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 { a as resolvePlatform, n as OverridingHotkeyProvider, s as Logger } from "./hotkeys-C4e3s3sJ.js";
+import { t as _baseIsEqual_default } from "./_baseIsEqual-CBSjxu-D.js";
 import { t as merge_default } from "./merge-Dl1bfxsj.js";
-import { t as _baseIsEqual_default } from "./_baseIsEqual-BygTGUZ4.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-LbXVxiL9.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";
 function hasInitialValue(e) {
   return "init" in e;
 }

package/dist/vb-ITdOmxvR.js

@@ -0,0 +1,4 @@
+import { t as vb } from "./vb-fUsnAuzb.js";
+export {
+  vb
+};

package/dist/vbscript-B7oeGyfL.js

@@ -0,0 +1,4 @@
+import { t as vbScript } from "./vbscript-CVlD7uZQ.js";
+export {
+  vbScript
+};

package/dist/{vega-component-DAeU1_cV.js → vega-component-2gqZksJH.js}

@@ -2,21 +2,21 @@ 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-BOmAhdTT.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-B2QEm3jo.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-HKwezUBx.js";
 import { l as Events } from "./button-D6ZIdUA3.js";
 import { o as Objects, s as Logger } from "./hotkeys-C4e3s3sJ.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-BhqH4mGj.js";
-import { h as useEvent_default, n as useTheme } from "./useTheme-CVr6Gb_R.js";
-import { t as _baseUniq_default } from "./_baseUniq-BUGws47x.js";
-import { i as debounce_default } from "./constants-DuN_eoAL.js";
-import { a as tooltipHandler, n as vegaLoadData } from "./loader-DH7xXi-E.js";
-import { n as formats } from "./vega-loader.browser-nTy1NZD3.js";
-import { t as useAsyncData } from "./useAsyncData-kqbhbSuf.js";
-import { t as j } from "./react-vega-z40f-dXy.js";
-import "./defaultLocale-DZtxSCkJ.js";
-import "./defaultLocale-DMZFeDB8.js";
+import { l as Tooltip, n as ErrorBanner } from "./error-banner-uJ4xh94e.js";
+import { h as useEvent_default, n as useTheme } from "./useTheme-D0zT6HZe.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-WBQoIunJ.js";
+import { n as formats } from "./vega-loader.browser-BJ1uJidF.js";
+import { t as useAsyncData } from "./useAsyncData-DFBEii2l.js";
+import { t as j } from "./react-vega-CjiPWyw0.js";
+import "./defaultLocale-qS7DaAmi.js";
+import "./defaultLocale-Bxoo2-30.js";
 function uniq(e) {
   return e && e.length ? _baseUniq_default(e) : [];
 }

package/dist/{vega-loader.browser-nTy1NZD3.js → vega-loader.browser-BJ1uJidF.js}

@@ -1,6 +1,6 @@
-import { a as tickStep, n as precisionPrefix_default, r as precisionFixed_default, s as bisector, t as precisionRound_default } from "./precisionRound-B0z4y-te.js";
-import { i as formatSpecifier, n as formatPrefix, r as locale_default, t as format$1 } from "./defaultLocale-DZtxSCkJ.js";
-import { C as timeMinute, N as millisecond, S as utcHour, T as second, _ as utcSunday, a as formatLocale, b as utcDay, c as timeMonth, i as utcParse, l as utcMonth, n as timeParse, o as timeYear, p as timeSunday, r as utcFormat, s as utcYear, t as timeFormat, v as timeDay, w as utcMinute, x as timeHour } from "./defaultLocale-DMZFeDB8.js";
+import { a as tickStep, n as precisionPrefix_default, r as precisionFixed_default, s as bisector, t as precisionRound_default } from "./precisionRound-CGLoV26P.js";
+import { i as formatSpecifier, n as formatPrefix, r as locale_default, t as format$1 } from "./defaultLocale-qS7DaAmi.js";
+import { C as timeMinute, N as millisecond, S as utcHour, T as second, _ as utcSunday, a as formatLocale, b as utcDay, c as timeMonth, i as utcParse, l as utcMonth, n as timeParse, o as timeYear, p as timeSunday, r as utcFormat, s as utcYear, t as timeFormat, v as timeDay, w as utcMinute, x as timeHour } from "./defaultLocale-Bxoo2-30.js";
 function accessor(o, P, F) {
   return o.fields = P || [], o.fname = F, o;
 }

package/dist/velocity-D__EkuSd.js

@@ -0,0 +1,4 @@
+import { t as velocity } from "./velocity-CHkEIdMC.js";
+export {
+  velocity
+};

package/dist/verilog-CPH50gr9.js

@@ -0,0 +1,4 @@
+import { t as verilog } from "./verilog-B3ctZTB4.js";
+export {
+  verilog
+};

package/dist/vhdl-CQAwKCk_.js

@@ -0,0 +1,4 @@
+import { t as vhdl } from "./vhdl-rXdBgR5O.js";
+export {
+  vhdl
+};

package/dist/webidl-BnEptfVX.js

@@ -0,0 +1,4 @@
+import { t as webIDL } from "./webidl-Cv9aQfcc.js";
+export {
+  webIDL
+};

package/dist/xquery-D7eTv-CR.js

@@ -0,0 +1,4 @@
+import { t as xQuery } from "./xquery-Du0w47aa.js";
+export {
+  xQuery
+};

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

@@ -1,18 +1,17 @@
 var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
 import "./purify.es-Brw-U87Q.js";
-import { t as linear } from "./linear-Dhu2Qlw4.js";
-import { n as ordinal } from "./ordinal-CUS6_Aqv.js";
-import { t as range } from "./range-Bieq5MNc.js";
-import "./defaultLocale-DZtxSCkJ.js";
-import "./marked.esm-BiQFxVJV.js";
-import { t as line_default } from "./line-C1k1rG3Z.js";
-import { i as cleanAndMerge } from "./chunk-S3R3BYOJ-BhcrQySJ.js";
-import { n as initRange } from "./init-Ci8VD8ZH.js";
-import { i as log, r as __name } from "./src-CHUphWwL.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-BZDGfEE1.js";
-import { t as selectSvgElement } from "./chunk-EXTU4WIE-CaHHLmza.js";
-import "./dist-BjWd_Ei9.js";
-import { t as computeDimensionOfText } from "./chunk-JA3XYJ7Z-CzGXky2M.js";
+import { t as linear } from "./linear-vWf1Qj0e.js";
+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 { 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 "./dist-BYznkC5E.js";
+import { t as computeDimensionOfText } from "./chunk-JA3XYJ7Z-DQ-2ARfa.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/yacas-0x1rX89s.js

@@ -0,0 +1,4 @@
+import { t as yacas } from "./yacas-Eq4p_g3L.js";
+export {
+  yacas
+};

package/dist/z80-B25SJVDf.js

@@ -0,0 +1,4 @@
+import { t as z80 } from "./z80-Dz4HTTRf.js";
+export {
+  z80
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.19.7-dev2",
+  "version": "0.19.7-dev21",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -92,6 +92,7 @@
     "@radix-ui/react-use-callback-ref": "~1.1.1",
     "@radix-ui/react-use-controllable-state": "~1.2.2",
     "@replit/codemirror-vim": "^6.3.0",
+    "@streamdown/math": "^1.0.1",
     "@tailwindcss/postcss": "^4.1.18",
     "@tailwindcss/typography": "^0.5.19",
     "@tanstack/react-table": "^8.21.3",
@@ -127,7 +128,7 @@
     "eslint-plugin-header": "^3.1.1",
     "htm": "^3.1.1",
     "html-react-parser": "^5.2.11",
-    "html-to-image": "^1.11.13",
+    "html-to-image": "1.11.13",
     "humanize-duration": "^3.33.2",
     "iconify-icon": "^2.3.0",
     "jotai": "^2.16.1",
@@ -165,7 +166,7 @@
     "remark-gfm": "^4.0.1",
     "rpc-anywhere": "^1.7.0",
     "sql-formatter": "^15.6.12",
-    "streamdown": "^1.6.10",
+    "streamdown": "^2.1.0",
     "string-dedent": "^3.0.2",
     "swiper": "^11.2.10",
     "tailwind-merge": "^2.6.0",
@@ -216,9 +217,9 @@
     "@codecov/vite-plugin": "^1.9.1",
     "@csstools/postcss-light-dark-function": "^2.0.11",
     "@playwright/test": "^1.57.0",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-links": "^10.1.11",
-    "@storybook/react-vite": "^10.1.11",
+    "@storybook/addon-docs": "^10.2.0",
+    "@storybook/addon-links": "^10.2.0",
+    "@storybook/react-vite": "^10.2.0",
     "@swc-jotai/react-refresh": "^0.5.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
@@ -253,7 +254,7 @@
     "react": "^19.2.3",
     "react-compiler-runtime": "19.1.0-rc.3",
     "react-dom": "^19.2.3",
-    "storybook": "^10.1.11",
+    "storybook": "^10.2.0",
     "stylelint": "^16.26.1",
     "stylelint-config-standard": "^36.0.1",
     "tailwindcss": "^4.1.18",

package/src/components/ai/__tests__/ai-utils.test.ts

@@ -61,14 +61,14 @@ describe("ai-utils", () => {
   describe("getConfiguredProvider", () => {
     it("should return undefined when no AI config", () => {
       const config: UserConfig = {} as UserConfig;
-      expect(getConfiguredProvider(config)).toBeUndefined();
+      expect(getConfiguredProvider(config.ai)).toBeUndefined();
     });
 
     it("should return undefined when AI config has no credentials", () => {
       const config: UserConfig = {
         ai: {},
       } as UserConfig;
-      expect(getConfiguredProvider(config)).toBeUndefined();
+      expect(getConfiguredProvider(config.ai)).toBeUndefined();
     });
 
     it("should return openai when OpenAI API key is set", () => {
@@ -77,7 +77,7 @@ describe("ai-utils", () => {
           open_ai: { api_key: "sk-test" },
         },
       } as UserConfig;
-      expect(getConfiguredProvider(config)).toBe("openai");
+      expect(getConfiguredProvider(config.ai)).toBe("openai");
     });
 
     it("should return anthropic when Anthropic API key is set", () => {
@@ -86,7 +86,7 @@ describe("ai-utils", () => {
           anthropic: { api_key: "sk-ant-test" },
         },
       } as UserConfig;
-      expect(getConfiguredProvider(config)).toBe("anthropic");
+      expect(getConfiguredProvider(config.ai)).toBe("anthropic");
     });
 
     it("should return google when Google API key is set", () => {
@@ -95,7 +95,7 @@ describe("ai-utils", () => {
           google: { api_key: "google-key" },
         },
       } as UserConfig;
-      expect(getConfiguredProvider(config)).toBe("google");
+      expect(getConfiguredProvider(config.ai)).toBe("google");
     });
 
     it("should return ollama when Ollama base URL is set", () => {
@@ -104,7 +104,7 @@ describe("ai-utils", () => {
           ollama: { base_url: "http://localhost:11434" },
         },
       } as UserConfig;
-      expect(getConfiguredProvider(config)).toBe("ollama");
+      expect(getConfiguredProvider(config.ai)).toBe("ollama");
     });
 
     it("should return azure only when both API key and base URL are set", () => {
@@ -113,7 +113,7 @@ describe("ai-utils", () => {
           azure: { api_key: "azure-key", base_url: "https://azure.com" },
         },
       } as UserConfig;
-      expect(getConfiguredProvider(config)).toBe("azure");
+      expect(getConfiguredProvider(config.ai)).toBe("azure");
     });
 
     it("should return undefined for azure with only API key", () => {
@@ -122,7 +122,7 @@ describe("ai-utils", () => {
           azure: { api_key: "azure-key" },
         },
       } as UserConfig;
-      expect(getConfiguredProvider(config)).toBeUndefined();
+      expect(getConfiguredProvider(config.ai)).toBeUndefined();
     });
 
     it("should return custom provider when configured", () => {
@@ -133,14 +133,14 @@ describe("ai-utils", () => {
           },
         },
       } as unknown as UserConfig;
-      expect(getConfiguredProvider(config)).toBe("my_provider");
+      expect(getConfiguredProvider(config.ai)).toBe("my_provider");
     });
   });
 
   describe("getRecommendedModel", () => {
     it("should return undefined when no provider is configured", () => {
       const config: UserConfig = {} as UserConfig;
-      expect(getRecommendedModel(config)).toBeUndefined();
+      expect(getRecommendedModel(config.ai)).toBeUndefined();
     });
 
     it("should return openai model when OpenAI is configured", () => {
@@ -149,7 +149,7 @@ describe("ai-utils", () => {
           open_ai: { api_key: "sk-test" },
         },
       } as UserConfig;
-      expect(getRecommendedModel(config)).toBe("openai/gpt-4");
+      expect(getRecommendedModel(config.ai)).toBe("openai/gpt-4");
     });
 
     it("should return anthropic model when Anthropic is configured", () => {
@@ -158,7 +158,7 @@ describe("ai-utils", () => {
           anthropic: { api_key: "sk-ant-test" },
         },
       } as UserConfig;
-      expect(getRecommendedModel(config)).toBe("anthropic/claude-3-sonnet");
+      expect(getRecommendedModel(config.ai)).toBe("anthropic/claude-3-sonnet");
     });
 
     it("should return google model when Google is configured", () => {
@@ -167,7 +167,7 @@ describe("ai-utils", () => {
           google: { api_key: "google-key" },
         },
       } as UserConfig;
-      expect(getRecommendedModel(config)).toBe("google/gemini-pro");
+      expect(getRecommendedModel(config.ai)).toBe("google/gemini-pro");
     });
 
     it("should return ollama model when Ollama is configured", () => {
@@ -176,7 +176,7 @@ describe("ai-utils", () => {
           ollama: { base_url: "http://localhost:11434" },
         },
       } as UserConfig;
-      expect(getRecommendedModel(config)).toBe("ollama/llama2");
+      expect(getRecommendedModel(config.ai)).toBe("ollama/llama2");
     });
   });
 
@@ -194,7 +194,7 @@ describe("ai-utils", () => {
         },
       } as unknown as UserConfig;
 
-      const result = autoPopulateModels(values);
+      const result = autoPopulateModels(values.ai);
 
       expect(result.chatModel).toBeUndefined();
       expect(result.editModel).toBeUndefined();
@@ -205,7 +205,7 @@ describe("ai-utils", () => {
         ai: {},
       } as UserConfig;
 
-      const result = autoPopulateModels(values);
+      const result = autoPopulateModels(values.ai);
 
       expect(result.chatModel).toBeUndefined();
       expect(result.editModel).toBeUndefined();
@@ -218,7 +218,7 @@ describe("ai-utils", () => {
         },
       } as UserConfig;
 
-      const result = autoPopulateModels(values);
+      const result = autoPopulateModels(values.ai);
 
       expect(result.chatModel).toBe("openai/gpt-4");
       expect(result.editModel).toBe("openai/gpt-4");
@@ -236,7 +236,7 @@ describe("ai-utils", () => {
         },
       } as unknown as UserConfig;
 
-      const result = autoPopulateModels(values);
+      const result = autoPopulateModels(values.ai);
 
       expect(result.chatModel).toBe("openai/gpt-4");
       expect(result.editModel).toBeUndefined();
@@ -254,7 +254,7 @@ describe("ai-utils", () => {
         },
       } as unknown as UserConfig;
 
-      const result = autoPopulateModels(values);
+      const result = autoPopulateModels(values.ai);
 
       expect(result.chatModel).toBeUndefined();
       expect(result.editModel).toBe("openai/gpt-4");
@@ -267,7 +267,7 @@ describe("ai-utils", () => {
         },
       } as UserConfig;
 
-      const result = autoPopulateModels(values);
+      const result = autoPopulateModels(values.ai);
 
       expect(result.chatModel).toBe("anthropic/claude-3-sonnet");
       expect(result.editModel).toBe("anthropic/claude-3-sonnet");

package/src/components/ai/ai-model-dropdown.tsx

@@ -19,6 +19,7 @@ import {
 } from "@/core/ai/ids/ids";
 import { type AiModel, AiModelRegistry } from "@/core/ai/model-registry";
 import { aiAtom, completionAtom } from "@/core/config/config";
+import { useOpenSettingsToTab } from "../app-config/state";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -62,6 +63,7 @@ export const AIModelDropdown = ({
   const ai = useAtomValue(aiAtom);
   const completion = useAtomValue(completionAtom);
   const { saveModelChange } = useModelChange();
+  const { handleClick } = useOpenSettingsToTab();
 
   // Only include autocompleteModel if copilot is set to "custom"
   const autocompleteModel =
@@ -188,16 +190,12 @@ export const AIModelDropdown = ({
         {showAddCustomModelDocs && (
           <>
             <DropdownMenuSeparator />
-            <DropdownMenuItem className="flex items-center gap-2">
-              <a
-                className="flex items-center gap-1"
-                href="https://links.marimo.app/custom-models"
-                target="_blank"
-                rel="noreferrer"
-              >
-                <CircleHelpIcon className="h-3 w-3" />
-                <span>How to add a custom model</span>
-              </a>
+            <DropdownMenuItem
+              className="h-7 flex items-center gap-2"
+              onClick={() => handleClick("ai", "ai-models")}
+            >
+              <CircleHelpIcon className="h-3 w-3" />
+              <span className="cursor-pointer text-link">Add custom model</span>
             </DropdownMenuItem>
           </>
         )}

package/src/components/ai/ai-utils.ts

@@ -32,18 +32,16 @@ const CREDENTIAL_CHECKERS: Record<KnownProviderId, CredentialChecker> = {
  * Returns the first configured provider based on credentials.
  */
 export function getConfiguredProvider(
-  config: UserConfig,
+  config: UserConfig["ai"],
 ): ProviderId | undefined {
-  const ai = config.ai;
-
   for (const provider of KNOWN_PROVIDERS) {
-    if (CREDENTIAL_CHECKERS[provider](ai)) {
+    if (CREDENTIAL_CHECKERS[provider](config)) {
       return provider;
     }
   }
 
   // Check custom providers
-  const customProviders = ai?.custom_providers;
+  const customProviders = config?.custom_providers;
   if (customProviders) {
     const firstCustomProvider = Object.entries(customProviders).find(
       ([_, providerConfig]) => providerConfig?.base_url,
@@ -54,7 +52,9 @@ export function getConfiguredProvider(
   }
 }
 
-export function getRecommendedModel(config: UserConfig): string | undefined {
+export function getRecommendedModel(
+  config: UserConfig["ai"],
+): string | undefined {
   const provider = getConfiguredProvider(config);
   if (!provider) {
     return undefined;
@@ -73,14 +73,16 @@ export interface AutoPopulateResult {
  *
  * @param values - The full form values
  */
-export function autoPopulateModels(values: UserConfig): AutoPopulateResult {
+export function autoPopulateModels(
+  values: UserConfig["ai"],
+): AutoPopulateResult {
   const result: AutoPopulateResult = {
     chatModel: undefined,
     editModel: undefined,
   };
 
-  const needsChatModel = !values.ai?.models?.chat_model;
-  const needsEditModel = !values.ai?.models?.edit_model;
+  const needsChatModel = !values?.models?.chat_model;
+  const needsEditModel = !values?.models?.edit_model;
 
   if (!needsChatModel && !needsEditModel) {
     return result;