@marimo-team/islands 0.23.14-dev59 → 0.23.14-dev60

package/dist/{chat-ui-D7EyLr6c.js → chat-ui-DinOvbWu.js}

@@ -6,13 +6,13 @@ import { _ as Logger, c as Objects, g as cn, l as useEventListener, t as Button
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { r as toast } from "./copy-COam1EG7.js";
-import { $t as getRequestClient, Bn as FileText, C as Accordion, Cn as atomWithStorage, E as AccordionTrigger, F as base64ToDataURL, Ft as generateUUID, Gn as CircleX, H as renderHTML, Hn as ExternalLink, Ln as LoaderCircle, Mn as Trash2, Mt as moveToEndOfEditor, O as ChatBubbleIcon, Ot as createVariableInfoElement, Rt as jotaiJsonStorage, S as AIContextRegistry, T as AccordionItem, Tn as Anchor2, Wt as PluralWord, X as notebookAtom, Xt as dataSourceConnectionsAtom, Yt as allTablesAtom, Zt as getTableType, at as parseHtmlContent, b as contextToXml, c as Popover, cn as ZodLocalStorage, d as PopoverTrigger, f as isOutputEmpty, g as formatDatasourceContextForCell, gt as isTracebackMime, h as DatasourceContextProvider, ht as isMarimoErrorsMime, jn as Wrench, mt as isErrorMime, n as Spinner, pn as CellOutputId, r as MarkdownRenderer, rn as singleFacet, t as toPng, u as PopoverContent, v as Boosts, w as AccordionContent, x as AIContextProvider, xt as displayCellName, y as Sections, zn as Info, zt as variablesAtom } from "./html-to-image-hevd6UWC.js";
+import { $t as getRequestClient, Bn as FileText, C as Accordion, Cn as atomWithStorage, E as AccordionTrigger, F as base64ToDataURL, Ft as generateUUID, Gn as CircleX, H as renderHTML, Hn as ExternalLink, Ln as LoaderCircle, Mn as Trash2, Mt as moveToEndOfEditor, O as ChatBubbleIcon, Ot as createVariableInfoElement, Rt as jotaiJsonStorage, S as AIContextRegistry, T as AccordionItem, Tn as Anchor2, Wt as PluralWord, X as notebookAtom, Xt as dataSourceConnectionsAtom, Yt as allTablesAtom, Zt as getTableType, at as parseHtmlContent, b as contextToXml, c as Popover, cn as ZodLocalStorage, d as PopoverTrigger, f as isOutputEmpty, g as formatDatasourceContextForCell, gt as isTracebackMime, h as DatasourceContextProvider, ht as isMarimoErrorsMime, jn as Wrench, mt as isErrorMime, n as Spinner, pn as CellOutputId, r as MarkdownRenderer, rn as singleFacet, t as toPng, u as PopoverContent, v as Boosts, w as AccordionContent, x as AIContextProvider, xt as displayCellName, y as Sections, zn as Info, zt as variablesAtom } from "./html-to-image-_wGfk8V-.js";
 import "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { u as createLucideIcon } from "./dist--2Bqjvs0.js";
 import { C as logNever, I as X, R as ChevronDown, t as Strings } from "./strings-Dq_j3Rxw.js";
 import { C as DropdownMenuTrigger, a as NumberField, f as DropdownMenu, h as DropdownMenuItem, p as DropdownMenuContent, r as Input } from "./input-DtsN7xm-.js";
 import { p as isUrl, v as CircleQuestionMark } from "./toDate-CWNNlFEX.js";
-import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-DOO3J9E6.js";
+import { a as MarimoIncomingMessageEvent, d as Square, f as File$1, n as blobToString, t as processOutput, u as deserializeBlob } from "./process-output-Mh4UrjwM.js";
 import "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
 import { A as looseObject, B as union, C as any, D as discriminatedUnion, E as custom, H as safeParseAsync, I as record, L as strictObject, M as never, N as number, O as lazy, P as object$1, R as string, S as _null, T as boolean, V as unknown, W as toJSONSchema, b as _enum, k as literal, w as array$1, x as _instanceof } from "./zod-CijjQh4u.js";

package/dist/{code-visibility-ChrxMIRR.js → code-visibility-DQbr40fP.js}

@@ -6,7 +6,7 @@ import { _ as Logger, c as Objects, g as cn, h as Events, m as useComposedRefs,
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-COam1EG7.js";
-import { $t as getRequestClient, B as isDataURLString, Bn as FileText, Bt as getFeatureFlag, C as Accordion, Cn as atomWithStorage, E as AccordionTrigger, En as Close$1, Fn as NotebookPen, Gn as CircleX, H as renderHTML, Hn as ExternalLink, In as Minus, It as useChromeActions, Jn as esm_default, Kt as DATA_TYPE_ICON, L as base64ToUint8Array, Ln as LoaderCircle, Lt as adaptForLocalStorage, M as DotFilledIcon, Mn as Trash2, N as PinLeftIcon, Nt as goToCellLine, P as PinRightIcon, Rt as jotaiJsonStorage, T as AccordionItem, Tt as Checkbox, Vn as Eye, Wt as PluralWord, X as notebookAtom, Yn as import_lib, _ as getDatasourceContext, an as extractAllTracebackInfo, bn as jsonParseWithSpecialChar, bt as getCellDomProps, c as Popover, d as PopoverTrigger, dt as viewStateAtom, et as useCellActions, ft as outputIsLoading, hn as SCRATCH_CELL_ID, in as elementContainsMarimoCellFile, j as ChevronRightIcon, jn as Wrench, jt as toggleBreakpoint, k as CheckIcon, l as PopoverClose, ln as filenameAtom, lt as kioskModeAtom, m as useExpandedOutput, mn as HTMLCellId, n as Spinner, nt as useCellNames, on as getTracebackInfo, ot as AnsiUp, pn as CellOutputId, q as getCellEditorView, qn as Braces, qt as getDataTypeColor, r as MarkdownRenderer, t as toPng, tn as useRequestClient, tt as useCellIds, u as PopoverContent, ut as useInstallAllowed, vt as sanitizeHtml, w as AccordionContent, xn as jsonToMarkdown, xt as displayCellName, yt as DATA_CELL_ID, z as extractBase64FromDataURL, zn as Info, __tla as __tla_0 } from "./html-to-image-hevd6UWC.js";
+import { $t as getRequestClient, B as isDataURLString, Bn as FileText, Bt as getFeatureFlag, C as Accordion, Cn as atomWithStorage, E as AccordionTrigger, En as Close$1, Fn as NotebookPen, Gn as CircleX, H as renderHTML, Hn as ExternalLink, In as Minus, It as useChromeActions, Jn as esm_default, Kt as DATA_TYPE_ICON, L as base64ToUint8Array, Ln as LoaderCircle, Lt as adaptForLocalStorage, M as DotFilledIcon, Mn as Trash2, N as PinLeftIcon, Nt as goToCellLine, P as PinRightIcon, Rt as jotaiJsonStorage, T as AccordionItem, Tt as Checkbox, Vn as Eye, Wt as PluralWord, X as notebookAtom, Yn as import_lib, _ as getDatasourceContext, an as extractAllTracebackInfo, bn as jsonParseWithSpecialChar, bt as getCellDomProps, c as Popover, d as PopoverTrigger, dt as viewStateAtom, et as useCellActions, ft as outputIsLoading, hn as SCRATCH_CELL_ID, in as elementContainsMarimoCellFile, j as ChevronRightIcon, jn as Wrench, jt as toggleBreakpoint, k as CheckIcon, l as PopoverClose, ln as filenameAtom, lt as kioskModeAtom, m as useExpandedOutput, mn as HTMLCellId, n as Spinner, nt as useCellNames, on as getTracebackInfo, ot as AnsiUp, pn as CellOutputId, q as getCellEditorView, qn as Braces, qt as getDataTypeColor, r as MarkdownRenderer, t as toPng, tn as useRequestClient, tt as useCellIds, u as PopoverContent, ut as useInstallAllowed, vt as sanitizeHtml, w as AccordionContent, xn as jsonToMarkdown, xt as displayCellName, yt as DATA_CELL_ID, z as extractBase64FromDataURL, zn as Info, __tla as __tla_0 } from "./html-to-image-_wGfk8V-.js";
 import { o as useSize, u as createLucideIcon } from "./dist--2Bqjvs0.js";
 import { c as Calendar, i as createReducerAndAtoms, r as Badge } from "./useLifecycle-DegSo0lV.js";
 import { a as ListFilter, i as Table$1, n as $fb18d541ea1ad717$export$ad991b66133851cf, o as ChartPie, r as $5a387cc49350e6db$export$722debc0e56fea39, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-CMnRuVmN.js";
@@ -36209,7 +36209,7 @@ ${d}`,
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.14-dev59");
+  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.14-dev60");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();

package/dist/{html-to-image-hevd6UWC.js → html-to-image-_wGfk8V-.js}

@@ -19325,7 +19325,8 @@ ${n.sqlString}
     rtc_v2: false,
     cache_panel: false,
     external_agents: false,
-    debugger: false
+    debugger: false,
+    line_timing: false
   };
   getFeatureFlag = function(e) {
     var _a2, _b2;
@@ -20102,7 +20103,26 @@ ${n.sqlString}
     let n = store.get(breakpointsAtom), r = new Map(n), i = new Set(r.get(e) ?? []);
     i.has(t) ? i.delete(t) : i.add(t), i.size > 0 ? r.set(e, i) : r.delete(e), store.set(breakpointsAtom, r), sendBreakpoints(r);
   };
-  var MARKDOWN_AUTORUN_USER_EVENTS = [
+  var Time = class e {
+    static fromMilliseconds(t) {
+      return t == null ? null : new e(t);
+    }
+    static fromSeconds(t) {
+      return t == null ? null : new e(t * 1e3);
+    }
+    static now() {
+      return new e(Date.now());
+    }
+    constructor(e2) {
+      this.ms = e2;
+    }
+    toMilliseconds() {
+      return this.ms;
+    }
+    toSeconds() {
+      return this.ms / 1e3;
+    }
+  }, MARKDOWN_AUTORUN_USER_EVENTS = [
     "input",
     "delete",
     "undo",
@@ -24825,26 +24845,7 @@ ${n.sqlString}
   };
   atomWithStorage("marimo:rtc:username", "", jotaiJsonStorage);
   const isRtcEnabled = once(() => getFeatureFlag("rtc_v2"));
-  var Time = class e {
-    static fromMilliseconds(t) {
-      return t == null ? null : new e(t);
-    }
-    static fromSeconds(t) {
-      return t == null ? null : new e(t * 1e3);
-    }
-    static now() {
-      return new e(Date.now());
-    }
-    constructor(e2) {
-      this.ms = e2;
-    }
-    toMilliseconds() {
-      return this.ms;
-    }
-    toSeconds() {
-      return this.ms / 1e3;
-    }
-  }, TerminalBuffer = (_c = class {
+  var TerminalBuffer = (_c = class {
     constructor() {
       __publicField(this, "lines", [
         ""

package/dist/main.js

@@ -22,17 +22,17 @@ import { _ as Logger, c as Objects, g as cn, h as Events, i as NOT_SET, l as use
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-COam1EG7.js";
-import { $ as reducer, $t as getRequestClient, A as ChevronDownIcon, An as Trigger2, At as Paths, Bn as FileText, C as Accordion, Cn as atomWithStorage, Ct as isInternalCellName, D as BorderAllIcon, Dn as Content2, Dt as MarkdownLanguageAdapter, E as AccordionTrigger, Et as customPythonLanguageSupport, Ft as generateUUID, G as hasRunAnyCellAtom, Gt as PluralWords, H as renderHTML, Ht as SQLParser, I as base64ToDataView, J as getCellNames, Jt as require_client, K as createActions, Kn as CircleAlert, Kt as DATA_TYPE_ICON, Ln as LoaderCircle, Mn as Trash2, Nn as Table2, On as Item$1, Pn as PaintRoller, Pt as DeferredRequestRegistry, Q as numColumnsAtom, Qt as convertStatsName, R as dataViewToBase64, Rn as Layers, Rt as jotaiJsonStorage, Sn as atomWithReducer, St as getValidName, T as AccordionItem, Tt as Checkbox, U as getMarimoExportContext, Un as Database, Ut as MarkdownParser, V as safeExtractSetUIElementMessageBuffers, Vn as Eye, Vt as repl, W as hasTrustedExportContext, Wn as Columns2, X as notebookAtom, Y as hasOnlyOneCellAtom, Z as notebookOutline, _n as findCellId, _t as headingToIdentifier, a as useCellFocusActions, bn as jsonParseWithSpecialChar, ct as initialModeAtom, dn as parseDataset, dt as viewStateAtom, en as requestClientAtom, et as useCellActions, f as isOutputEmpty, fn as parseInitialValue, ft as outputIsLoading, gn as UIElementId, i as LazyAnyLanguageCodeMirror, kn as Root2$1, kt as PathBuilder, lt as kioskModeAtom, mn as HTMLCellId, mt as isErrorMime, n as Spinner, nn as isUninstantiated, o as useLastFocusedCellId, p as useExpandedConsoleOutput, pt as outputIsStale, qn as Braces, rt as createCell, s as maybeAddAltairImport, sn as NotebookScopedLocalStorage, st as getInitialAppMode, tn as useRequestClient, tt as useCellIds, un as parseAttrValue, vn as OBJECT_ID_ATTR, w as AccordionContent, wn as selectAtom, wt as normalizeName, yn as RANDOM_ID_ATTR, zn as Info, __tla as __tla_0 } from "./html-to-image-hevd6UWC.js";
+import { $ as reducer, $t as getRequestClient, A as ChevronDownIcon, An as Trigger2, At as Paths, Bn as FileText, C as Accordion, Cn as atomWithStorage, Ct as isInternalCellName, D as BorderAllIcon, Dn as Content2, Dt as MarkdownLanguageAdapter, E as AccordionTrigger, Et as customPythonLanguageSupport, Ft as generateUUID, G as hasRunAnyCellAtom, Gt as PluralWords, H as renderHTML, Ht as SQLParser, I as base64ToDataView, J as getCellNames, Jt as require_client, K as createActions, Kn as CircleAlert, Kt as DATA_TYPE_ICON, Ln as LoaderCircle, Mn as Trash2, Nn as Table2, On as Item$1, Pn as PaintRoller, Pt as DeferredRequestRegistry, Q as numColumnsAtom, Qt as convertStatsName, R as dataViewToBase64, Rn as Layers, Rt as jotaiJsonStorage, Sn as atomWithReducer, St as getValidName, T as AccordionItem, Tt as Checkbox, U as getMarimoExportContext, Un as Database, Ut as MarkdownParser, V as safeExtractSetUIElementMessageBuffers, Vn as Eye, Vt as repl, W as hasTrustedExportContext, Wn as Columns2, X as notebookAtom, Y as hasOnlyOneCellAtom, Z as notebookOutline, _n as findCellId, _t as headingToIdentifier, a as useCellFocusActions, bn as jsonParseWithSpecialChar, ct as initialModeAtom, dn as parseDataset, dt as viewStateAtom, en as requestClientAtom, et as useCellActions, f as isOutputEmpty, fn as parseInitialValue, ft as outputIsLoading, gn as UIElementId, i as LazyAnyLanguageCodeMirror, kn as Root2$1, kt as PathBuilder, lt as kioskModeAtom, mn as HTMLCellId, mt as isErrorMime, n as Spinner, nn as isUninstantiated, o as useLastFocusedCellId, p as useExpandedConsoleOutput, pt as outputIsStale, qn as Braces, rt as createCell, s as maybeAddAltairImport, sn as NotebookScopedLocalStorage, st as getInitialAppMode, tn as useRequestClient, tt as useCellIds, un as parseAttrValue, vn as OBJECT_ID_ATTR, w as AccordionContent, wn as selectAtom, wt as normalizeName, yn as RANDOM_ID_ATTR, zn as Info, __tla as __tla_0 } from "./html-to-image-_wGfk8V-.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist--2Bqjvs0.js";
 import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-Cz-Bj1JI.js";
-import { $ as PANEL_TYPES, $t as hasFunctionProperty, A as prettifyRowCount, At as INDEX_COLUMN_NAME, B as CompactChipRow, Bt as Tabs, C as downloadSizeLimitAtom, Ct as ColumnChartSpecModel, D as ErrorState, Dt as getPageIndexForRow, E as EmptyState, Et as usePrevious$1, F as ContextMenuItem, Ft as isNullishFilter, G as Command, Gt as ChartInfoState, H as DateRangePicker, Ht as TabsList, I as ContextMenuSeparator, It as Maps, J as CommandItem, Jt as useOverflowDetection, K as CommandEmpty, Kt as ChartLoadingState, L as ContextMenuTrigger, Lt as dateToLocalISODate, M as getUserColumnVisibilityCounts, Mt as TOO_MANY_ROWS, N as ContextMenu, Nt as toFieldTypes, O as LoadingState, Ot as loadTableAndRawData, P as ContextMenuContent, Pt as getMimeValues, Q as ContextAwarePanelItem, Qt as EmotionCacheProvider, R as useInternalStateWithSync, Rt as dateToLocalISODateTime, S as Filenames, St as ColumnChartContext, T as ColumnPreviewContainer, Tt as useIntersectionObserver, U as Combobox, Ut as TabsTrigger, V as DatePicker, Vt as TabsContent, W as ComboboxItem, Wt as ChartErrorState, X as CommandSeparator, Xt as Kbd, Y as CommandList, Yt as RenderTextWithLinks, Z as smartMatch, Zt as HtmlOutput, _ as ADD_PRINTING_CLASS, _t as TableRow, an as Funnel, at as slotsController, b as downloadHTMLAsImage, bt as inferFieldTypes, c as Slide, cn as Ellipsis, d as RadioGroupItem, dn as ChevronsUpDown, dt as Provider$1, en as isRecord, et as contextAwarePanelOpen, f as JsonOutput, fn as ChevronsRight, ft as Table, g as InstallPackageButton, gn as ArrowDownWideNarrow, gt as TableHeader, h as DataTable, hn as ChevronLeft, ht as TableHead, in as GripHorizontal, it as SlotNames, j as getColumnCountForDisplay, jt as SELECT_COLUMN_ID, k as prettifyRowColumnCount, kt as loadTableData, l as Switch, ln as Download, m as OutputRenderer, mn as ChevronsDownUp, mt as TableCell, n as marimoVersionAtom, nn as $fae977aafc393c5c$export$6b862160d295c8e, nt as contextAwarePanelType, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as EyeOff, ot as Toggle, p as OutputArea, pn as ChevronsLeft, pt as TableBody, q as CommandInput, qt as LazyVegaEmbed, r as showCodeInRunModeAtom, rn as TextWrap, rt as isCellAwareAtom, t as useNotebookCodeAvailable, tn as $fae977aafc393c5c$export$588937bcd60ade55, tt as contextAwarePanelOwner, u as RadioGroup, un as Code, ut as Fill, v as downloadBlob, vt as NAMELESS_COLUMN_PREFIX, w as ColumnName, wt as DelayMount, x as Progress, xt as renderCellValue, y as downloadByURL, yt as generateColumns, z as useSelectList, zt as dateToLocalISOTime, __tla as __tla_2 } from "./code-visibility-ChrxMIRR.js";
+import { $ as PANEL_TYPES, $t as hasFunctionProperty, A as prettifyRowCount, At as INDEX_COLUMN_NAME, B as CompactChipRow, Bt as Tabs, C as downloadSizeLimitAtom, Ct as ColumnChartSpecModel, D as ErrorState, Dt as getPageIndexForRow, E as EmptyState, Et as usePrevious$1, F as ContextMenuItem, Ft as isNullishFilter, G as Command, Gt as ChartInfoState, H as DateRangePicker, Ht as TabsList, I as ContextMenuSeparator, It as Maps, J as CommandItem, Jt as useOverflowDetection, K as CommandEmpty, Kt as ChartLoadingState, L as ContextMenuTrigger, Lt as dateToLocalISODate, M as getUserColumnVisibilityCounts, Mt as TOO_MANY_ROWS, N as ContextMenu, Nt as toFieldTypes, O as LoadingState, Ot as loadTableAndRawData, P as ContextMenuContent, Pt as getMimeValues, Q as ContextAwarePanelItem, Qt as EmotionCacheProvider, R as useInternalStateWithSync, Rt as dateToLocalISODateTime, S as Filenames, St as ColumnChartContext, T as ColumnPreviewContainer, Tt as useIntersectionObserver, U as Combobox, Ut as TabsTrigger, V as DatePicker, Vt as TabsContent, W as ComboboxItem, Wt as ChartErrorState, X as CommandSeparator, Xt as Kbd, Y as CommandList, Yt as RenderTextWithLinks, Z as smartMatch, Zt as HtmlOutput, _ as ADD_PRINTING_CLASS, _t as TableRow, an as Funnel, at as slotsController, b as downloadHTMLAsImage, bt as inferFieldTypes, c as Slide, cn as Ellipsis, d as RadioGroupItem, dn as ChevronsUpDown, dt as Provider$1, en as isRecord, et as contextAwarePanelOpen, f as JsonOutput, fn as ChevronsRight, ft as Table, g as InstallPackageButton, gn as ArrowDownWideNarrow, gt as TableHeader, h as DataTable, hn as ChevronLeft, ht as TableHead, in as GripHorizontal, it as SlotNames, j as getColumnCountForDisplay, jt as SELECT_COLUMN_ID, k as prettifyRowColumnCount, kt as loadTableData, l as Switch, ln as Download, m as OutputRenderer, mn as ChevronsDownUp, mt as TableCell, n as marimoVersionAtom, nn as $fae977aafc393c5c$export$6b862160d295c8e, nt as contextAwarePanelType, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as EyeOff, ot as Toggle, p as OutputArea, pn as ChevronsLeft, pt as TableBody, q as CommandInput, qt as LazyVegaEmbed, r as showCodeInRunModeAtom, rn as TextWrap, rt as isCellAwareAtom, t as useNotebookCodeAvailable, tn as $fae977aafc393c5c$export$588937bcd60ade55, tt as contextAwarePanelOwner, u as RadioGroup, un as Code, ut as Fill, v as downloadBlob, vt as NAMELESS_COLUMN_PREFIX, w as ColumnName, wt as DelayMount, x as Progress, xt as renderCellValue, y as downloadByURL, yt as generateColumns, z as useSelectList, zt as dateToLocalISOTime, __tla as __tla_2 } from "./code-visibility-DQbr40fP.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-DegSo0lV.js";
 import { t as Check } from "./check-C9OoNtR4.js";
 import { A as Icon, C as logNever, D as $18f2051aff69b9bf$export$a54013f0d02a8f82, E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, M as clamp$2, N as usePrevious$2, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as Trigger$1, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-Dq_j3Rxw.js";
 import { B as $64fa3d84918910a7$export$4d86445c2cf5e3, C as DropdownMenuTrigger, Ft as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, It as $3ef42575df84b30b$export$9d1611c77c2fe928, W as $64fa3d84918910a7$export$df3a06d6289f983e, Wt as $ff5963eb1fccf552$export$e08e3b67e392101e, X as useDebouncedCallback, Y as useDebounceControlledState, a as NumberField, d as roundToFractionDigits, f as DropdownMenu, g as DropdownMenuLabel, gn as ChevronRight, h as DropdownMenuItem, hn as Circle, i as OnBlurredInput, l as prettyNumber, m as DropdownMenuGroup, n as DebouncedNumberInput, o as maxFractionDigitsForSteps, ot as $f7dceffc5ad7768b$export$4e328f61c538687f, p as DropdownMenuContent, pt as $6179b936705e76d3$export$ae780daf29e6d456, r as Input, st as $701a24aa0da5b062$export$ea18c227d4417cc3, t as DebouncedInput, u as prettyScientificNumber, v as DropdownMenuSeparator, xt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, y as DropdownMenuShortcut, z as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./input-DtsN7xm-.js";
 import { _ as isWasm, c as asRemoteURL, d as isStaticNotebook, f as appendQueryParams, g as Deferred, m as require_cuid2, u as getStaticVirtualFiles, v as CircleQuestionMark } from "./toDate-CWNNlFEX.js";
-import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as Square, f as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-DOO3J9E6.js";
+import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as Square, f as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-Mh4UrjwM.js";
 import { n as Trash, r as Pencil, t as BulkEdit } from "./types-C2Ir191_.js";
 import { n as require_prop_types, r as Plus, t as ErrorBoundary } from "./ErrorBoundary-DE6tzZf-.js";
 import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
@@ -8895,7 +8895,7 @@ let __tla = Promise.all([
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-D7EyLr6c.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-DinOvbWu.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -38033,7 +38033,7 @@ ${c}
   function _temp2$2(e) {
     e.target === e.currentTarget && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), e.currentTarget.click());
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-BLijd8xt.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-B0Zy8cRb.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a5;
     let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { slideCells: h, skippedIds: g, noOutputIds: _, slideTypes: v, startCellIndex: y } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [

package/dist/{process-output-DOO3J9E6.js → process-output-Mh4UrjwM.js}

@@ -1,6 +1,6 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { at as parseHtmlContent, it as ansiToPlainText } from "./html-to-image-hevd6UWC.js";
+import { at as parseHtmlContent, it as ansiToPlainText } from "./html-to-image-_wGfk8V-.js";
 import { u as createLucideIcon } from "./dist--2Bqjvs0.js";
 import { t as Strings } from "./strings-Dq_j3Rxw.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";

package/dist/{reveal-component-BLijd8xt.js → reveal-component-B0Zy8cRb.js}

@@ -6,10 +6,10 @@ import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { _ as Logger, g as cn, h as Events, l as useEventListener, t as Button } from "./button-BacYv-bE.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { lt as kioskModeAtom, pt as outputIsStale } from "./html-to-image-hevd6UWC.js";
+import { lt as kioskModeAtom, pt as outputIsStale } from "./html-to-image-_wGfk8V-.js";
 import "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { u as createLucideIcon } from "./dist--2Bqjvs0.js";
-import { a as DEFAULT_SLIDE_TYPE, c as Slide, ct as PanelGroup, i as DEFAULT_DECK_TRANSITION, lt as PanelResizeHandle, on as EyeOff, s as SlideSidebar, sn as Expand, st as Panel, t as useNotebookCodeAvailable, un as Code } from "./code-visibility-ChrxMIRR.js";
+import { a as DEFAULT_SLIDE_TYPE, c as Slide, ct as PanelGroup, i as DEFAULT_DECK_TRANSITION, lt as PanelResizeHandle, on as EyeOff, s as SlideSidebar, sn as Expand, st as Panel, t as useNotebookCodeAvailable, un as Code } from "./code-visibility-DQbr40fP.js";
 import { X as useDebouncedCallback } from "./input-DtsN7xm-.js";
 import "./toDate-CWNNlFEX.js";
 import "./react-dom-BTJzcVJ9.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.23.14-dev59",
+  "version": "0.23.14-dev60",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/__tests__/CellStatus.test.tsx

@@ -3,11 +3,10 @@
 import { render } from "@testing-library/react";
 import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
 import { TooltipProvider } from "@/components/ui/tooltip";
-import type { Seconds } from "@/utils/time";
+import { formatElapsedTime, type Seconds } from "@/utils/time";
 import {
   CellStatusComponent,
   ElapsedTime,
-  formatElapsedTime,
 } from "../components/editor/cell/CellStatus";
 
 // Mock date-fns to have consistent date formatting in tests

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

@@ -1314,6 +1314,32 @@ export const UserConfigForm: React.FC = () => {
                 </div>
               )}
             />
+            <OverriddenFormField
+              control={form.control}
+              name="experimental.line_timing"
+              render={({ field, override }) => (
+                <div className="flex flex-col gap-y-1">
+                  <FormItem className={formItemClasses}>
+                    <FormLabel className="font-normal">Line Timing</FormLabel>
+                    <FormControl>
+                      <Checkbox
+                        data-testid="line-timing-checkbox"
+                        checked={override.value === true}
+                        disabled={override.isOverridden}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                  <IsOverridden override={override} />
+                  <FormDescription>
+                    Highlight the line a cell is currently executing in green,
+                    with an elapsed timer next to long-running lines. Adds
+                    tracing overhead to every run while enabled. This change
+                    requires a page refresh to take effect.
+                  </FormDescription>
+                </div>
+              )}
+            />
           </SettingGroup>
         );
     }

package/src/components/editor/cell/CellStatus.tsx

@@ -14,7 +14,7 @@ import { Tooltip } from "../../ui/tooltip";
 
 import "./cell-status.css";
 import { formatDistanceToNow } from "date-fns";
-import { Time } from "@/utils/time";
+import { formatElapsedTime, Time } from "@/utils/time";
 
 export interface CellStatusComponentProps extends Pick<
   CellRuntimeState,
@@ -348,25 +348,6 @@ const LastRanTime = (props: { lastRanTime: number }) => {
   );
 };
 
-export function formatElapsedTime(elapsedTime: number | null) {
-  if (elapsedTime === null) {
-    return "";
-  }
-
-  const milliseconds = elapsedTime;
-  const seconds = milliseconds / 1000;
-
-  if (seconds >= 60) {
-    const minutes = Math.floor(seconds / 60);
-    const remainingSeconds = Math.floor(seconds % 60);
-    return `${minutes}m${remainingSeconds}s`;
-  }
-  if (seconds >= 1) {
-    return `${seconds.toFixed(2).toString()}s`;
-  }
-  return `${milliseconds.toFixed(0).toString()}ms`;
-}
-
 const CellTimer = (props: { startTime: Time }) => {
   const time = useElapsedTime(props.startTime.toMilliseconds());
   return <span>{formatElapsedTime(time)}</span>;

package/src/components/editor/cell/PendingDeleteConfirmation.tsx

@@ -3,12 +3,12 @@
 import { AlertTriangleIcon } from "lucide-react";
 import React from "react";
 import { FocusScope } from "react-aria";
-import { formatElapsedTime } from "@/components/editor/cell/CellStatus";
 import { CellLink } from "@/components/editor/links/cell-link";
 import { Button } from "@/components/ui/button";
 import type { CellId } from "@/core/cells/ids";
 import { usePendingDelete } from "@/core/cells/pending-delete-service";
 import { cn } from "@/utils/cn";
+import { formatElapsedTime } from "@/utils/time";
 
 export const PendingDeleteConfirmation: React.FC<{ cellId: CellId }> = ({
   cellId,

package/src/components/tracing/tracing.tsx

@@ -28,9 +28,10 @@ import {
 } from "@/core/cells/runs";
 import { type ResolvedTheme, useTheme } from "@/theme/useTheme";
 import { cn } from "@/utils/cn";
+import { formatElapsedTime } from "@/utils/time";
 import { ClearButton } from "../buttons/clear-button";
 import type { SignalListener } from "../charts/types";
-import { ElapsedTime, formatElapsedTime } from "../editor/cell/CellStatus";
+import { ElapsedTime } from "../editor/cell/CellStatus";
 import { PanelEmptyState } from "../editor/chrome/panels/empty-state";
 import { usePanelSection } from "../editor/chrome/panels/panel-context";
 import { CellLink } from "../editor/links/cell-link";

package/src/core/codemirror/cells/__tests__/debugger-state.test.ts

@@ -1,16 +1,18 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import { beforeEach, describe, expect, it, vi } from "vitest";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { MockRequestClient } from "@/__mocks__/requests";
 import { cellId } from "@/__tests__/branded";
 import { store } from "@/core/state/jotai";
 import {
+  activeLineAtom,
   breakpointsAtom,
   clearCellBreakpoints,
+  createActiveLineInfoAtom,
   createCellBreakpointsAtom,
   createDebuggerLineAtom,
-  debuggerCurrentLineAtom,
   resyncBreakpoints,
+  setActiveLine,
   toggleBreakpoint,
 } from "../debugger-state";
 
@@ -25,7 +27,7 @@ const cell2 = cellId("cell2");
 describe("debugger-state", () => {
   beforeEach(() => {
     store.set(breakpointsAtom, new Map());
-    store.set(debuggerCurrentLineAtom, null);
+    store.set(activeLineAtom, null);
     vi.clearAllMocks();
   });
 
@@ -130,10 +132,93 @@ describe("debugger-state", () => {
     });
 
     it("returns the line only for the matching cell", () => {
-      store.set(debuggerCurrentLineAtom, { cellId: cell1, line: 10 });
+      store.set(activeLineAtom, { cellId: cell1, line: 10, startedAtMs: 0 });
 
       expect(store.get(createDebuggerLineAtom(cell1))).toBe(10);
       expect(store.get(createDebuggerLineAtom(cell2))).toBeNull();
     });
   });
+
+  describe("setActiveLine", () => {
+    beforeEach(() => {
+      vi.useFakeTimers();
+    });
+
+    afterEach(() => {
+      vi.useRealTimers();
+    });
+
+    it("stamps startedAtMs when the line is first set", () => {
+      vi.setSystemTime(1000);
+      setActiveLine({ cellId: cell1, line: 3 });
+
+      expect(store.get(activeLineAtom)).toEqual({
+        cellId: cell1,
+        line: 3,
+        startedAtMs: 1000,
+      });
+    });
+
+    it("preserves startedAtMs when the same line is set again", () => {
+      vi.setSystemTime(1000);
+      setActiveLine({ cellId: cell1, line: 3 });
+      vi.setSystemTime(2000);
+      setActiveLine({ cellId: cell1, line: 3 });
+
+      expect(store.get(activeLineAtom)).toEqual({
+        cellId: cell1,
+        line: 3,
+        startedAtMs: 1000,
+      });
+    });
+
+    it("resets startedAtMs when the line changes", () => {
+      vi.setSystemTime(1000);
+      setActiveLine({ cellId: cell1, line: 3 });
+      vi.setSystemTime(2000);
+      setActiveLine({ cellId: cell1, line: 4 });
+
+      expect(store.get(activeLineAtom)).toEqual({
+        cellId: cell1,
+        line: 4,
+        startedAtMs: 2000,
+      });
+    });
+
+    it("resets startedAtMs when the cell changes", () => {
+      vi.setSystemTime(1000);
+      setActiveLine({ cellId: cell1, line: 3 });
+      vi.setSystemTime(2000);
+      setActiveLine({ cellId: cell2, line: 3 });
+
+      expect(store.get(activeLineAtom)).toEqual({
+        cellId: cell2,
+        line: 3,
+        startedAtMs: 2000,
+      });
+    });
+
+    it("clears the active line on null", () => {
+      setActiveLine({ cellId: cell1, line: 3 });
+      setActiveLine(null);
+
+      expect(store.get(activeLineAtom)).toBeNull();
+    });
+  });
+
+  describe("createActiveLineInfoAtom", () => {
+    it("returns null when no line is set", () => {
+      expect(store.get(createActiveLineInfoAtom(cell1))).toBeNull();
+    });
+
+    it("returns line info only for the matching cell", () => {
+      store.set(activeLineAtom, { cellId: cell1, line: 10, startedAtMs: 42 });
+
+      expect(store.get(createActiveLineInfoAtom(cell1))).toEqual({
+        line: 10,
+        startedAtMs: 42,
+      });
+      expect(store.get(createActiveLineInfoAtom(cell2))).toBeNull();
+    });
+  });
 });

package/src/core/codemirror/cells/__tests__/line-timing-decorations.test.ts

@@ -0,0 +1,126 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { python } from "@codemirror/lang-python";
+import { EditorState } from "@codemirror/state";
+import { EditorView } from "@codemirror/view";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { createMockObservable } from "@/core/state/__mocks__/mocks";
+import type { Observable } from "@/core/state/observable";
+import {
+  type ActiveLineInfo,
+  activeLineTimer,
+} from "../line-timing-decorations";
+
+type MockObservable = Observable<ActiveLineInfo | null> & {
+  set: (value: ActiveLineInfo | null) => void;
+};
+
+function createEditor(
+  content: string,
+  infoObservable: Observable<ActiveLineInfo | null>,
+) {
+  const state = EditorState.create({
+    doc: content,
+    extensions: [python(), activeLineTimer(infoObservable)],
+  });
+
+  return new EditorView({
+    state,
+    parent: document.body,
+  });
+}
+
+const CODE = `a = 1
+b = 2
+c = 3`;
+
+describe("line-timing-decorations", () => {
+  let view: EditorView | null = null;
+  let observable: MockObservable;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    vi.setSystemTime(10_000);
+    observable = createMockObservable<ActiveLineInfo | null>(null);
+  });
+
+  afterEach(() => {
+    if (view) {
+      view.destroy();
+      view = null;
+    }
+    document.body.innerHTML = "";
+    vi.useRealTimers();
+  });
+
+  it("highlights the active line and no other", () => {
+    view = createEditor(CODE, observable);
+
+    expect(view.dom.querySelector(".cm-timing-current-line")).toBeNull();
+
+    observable.set({ line: 2, startedAtMs: Date.now() });
+
+    const highlighted = view.dom.querySelectorAll(".cm-timing-current-line");
+    expect(highlighted).toHaveLength(1);
+    expect(highlighted[0].textContent).toContain("b = 2");
+  });
+
+  it("keeps the timer empty before the threshold and formats after", () => {
+    view = createEditor(CODE, observable);
+    observable.set({ line: 1, startedAtMs: Date.now() });
+
+    const timer = view.dom.querySelector(".cm-line-timer");
+    expect(timer).not.toBeNull();
+    expect(timer?.textContent).toBe("");
+
+    // Still below the 500ms threshold.
+    vi.advanceTimersByTime(250);
+    expect(timer?.textContent).toBe("");
+
+    // Past the threshold: shows the elapsed time and keeps ticking.
+    vi.advanceTimersByTime(500);
+    expect(timer?.textContent).toBe("750ms");
+
+    vi.advanceTimersByTime(1000);
+    expect(timer?.textContent).toBe("1.75s");
+  });
+
+  it("reuses the widget DOM node when startedAtMs is unchanged", () => {
+    view = createEditor(CODE, observable);
+    observable.set({ line: 1, startedAtMs: Date.now() });
+
+    const before = view.dom.querySelector(".cm-line-timer");
+    expect(before).not.toBeNull();
+
+    // A fresh info object for the same line and start time (e.g. a duplicate
+    // notification) must not recreate the widget.
+    observable.set({ line: 1, startedAtMs: 10_000 });
+
+    expect(view.dom.querySelector(".cm-line-timer")).toBe(before);
+  });
+
+  it("clears the timer interval when the widget is destroyed", () => {
+    const setIntervalSpy = vi.spyOn(window, "setInterval");
+    const clearIntervalSpy = vi.spyOn(window, "clearInterval");
+    view = createEditor(CODE, observable);
+    observable.set({ line: 1, startedAtMs: Date.now() });
+
+    expect(view.dom.querySelector(".cm-line-timer")).not.toBeNull();
+    expect(setIntervalSpy).toHaveBeenCalledTimes(1);
+    const intervalId = setIntervalSpy.mock.results[0].value;
+
+    observable.set(null);
+
+    expect(view.dom.querySelector(".cm-line-timer")).toBeNull();
+    expect(clearIntervalSpy).toHaveBeenCalledWith(intervalId);
+  });
+
+  it("renders nothing for an out-of-range line", () => {
+    view = createEditor(CODE, observable);
+
+    observable.set({ line: 100, startedAtMs: Date.now() });
+
+    expect(view.dom.querySelector(".cm-timing-current-line")).toBeNull();
+    expect(view.dom.querySelector(".cm-line-timer")).toBeNull();
+  });
+});

package/src/core/codemirror/cells/debugger-state.ts

@@ -2,27 +2,50 @@
 
 import { atom } from "jotai";
 import type { CellId } from "@/core/cells/ids";
+import type { ActiveLineInfo } from "@/core/codemirror/cells/line-timing-decorations";
 import { getRequestClient } from "@/core/network/requests";
 import { store } from "@/core/state/jotai";
 import { Logger } from "@/utils/Logger";
 
 /**
- * State for the experimental live debugger.
+ * State for the experimental live debugger and line-timing highlight.
  *
- * - `debuggerCurrentLineAtom` holds the cell + line the kernel's frame watcher
- *   is currently executing (driven by `active-line` notifications). Only one
- *   cell runs at a time, so a single global value suffices.
+ * - `activeLineAtom` holds the cell + line the kernel's frame watcher is
+ *   currently executing (driven by `active-line` notifications), plus when
+ *   the frontend first saw execution on that line. Only one cell runs at a
+ *   time, so a single global value suffices.
  * - `breakpointsAtom` holds the user's gutter breakpoints, session-only. It is
  *   the source of truth; mutations are mirrored to the kernel via
  *   `sendSetBreakpoints`.
  */
 
-export interface DebuggerLine {
+export interface ActiveLine {
   cellId: CellId;
   line: number;
+  /** When the frontend first saw execution on this (cellId, line). */
+  startedAtMs: number;
 }
 
-export const debuggerCurrentLineAtom = atom<DebuggerLine | null>(null);
+export const activeLineAtom = atom<ActiveLine | null>(null);
+
+/**
+ * Update the active line, stamping `startedAtMs` only when the (cellId, line)
+ * actually changes, so duplicate notifications (e.g. reconnects) never reset
+ * the elapsed-time baseline.
+ */
+export function setActiveLine(
+  next: { cellId: CellId; line: number } | null,
+): void {
+  const prev = store.get(activeLineAtom);
+  if (next === null) {
+    store.set(activeLineAtom, null);
+    return;
+  }
+  if (prev?.cellId === next.cellId && prev.line === next.line) {
+    return;
+  }
+  store.set(activeLineAtom, { ...next, startedAtMs: Date.now() });
+}
 
 export const breakpointsAtom = atom<ReadonlyMap<CellId, ReadonlySet<number>>>(
   new Map<CellId, ReadonlySet<number>>(),
@@ -33,11 +56,21 @@ const EMPTY_LINES: ReadonlySet<number> = new Set();
 /** Per-cell derived atom: the current debug line for `cellId`, or `null`. */
 export function createDebuggerLineAtom(cellId: CellId) {
   return atom((get) => {
-    const current = get(debuggerCurrentLineAtom);
+    const current = get(activeLineAtom);
     return current?.cellId === cellId ? current.line : null;
   });
 }
 
+/** Per-cell derived atom: the active line + start time for `cellId`, or `null`. */
+export function createActiveLineInfoAtom(cellId: CellId) {
+  return atom((get): ActiveLineInfo | null => {
+    const current = get(activeLineAtom);
+    return current?.cellId === cellId
+      ? { line: current.line, startedAtMs: current.startedAtMs }
+      : null;
+  });
+}
+
 /** Per-cell derived atom: the breakpoint lines for `cellId`. */
 export function createCellBreakpointsAtom(cellId: CellId) {
   return atom((get) => get(breakpointsAtom).get(cellId) ?? EMPTY_LINES);

package/src/core/codemirror/cells/extensions.ts

@@ -31,9 +31,11 @@ import {
   debuggerLineHighlighter,
 } from "./debugger-decorations";
 import {
+  createActiveLineInfoAtom,
   createCellBreakpointsAtom,
   createDebuggerLineAtom,
 } from "./debugger-state";
+import { activeLineTimer } from "./line-timing-decorations";
 import {
   type CodemirrorCellActions,
   cellActionsState,
@@ -429,6 +431,8 @@ export function cellBundle({
   cellActions: CodemirrorCellActions;
   keymapConfig: KeymapConfig;
 }): Extension[] {
+  const debuggerOn = getFeatureFlag("debugger");
+  const lineTimingOn = getFeatureFlag("line_timing");
   return [
     cellActionsState.of(cellActions),
     cellIdState.of(cellId),
@@ -437,19 +441,24 @@ export function cellBundle({
     errorLineHighlighter(
       createObservable(createTracebackInfoAtom(cellId), store),
     ),
-    // Experimental live debugger: clickable breakpoint gutter + current-line
-    // highlight. Gated so there is no gutter/overhead when disabled.
-    getFeatureFlag("debugger")
-      ? [
-          breakpointGutter(
-            cellId,
-            createObservable(createCellBreakpointsAtom(cellId), store),
-          ),
-          debuggerLineHighlighter(
-            createObservable(createDebuggerLineAtom(cellId), store),
-          ),
-        ]
+    // Experimental live debugger and line-timing highlight. Gated so there is
+    // no gutter/overhead when disabled. Both track the same active line; when
+    // both flags are on, the green timing highlight replaces the amber one.
+    debuggerOn
+      ? breakpointGutter(
+          cellId,
+          createObservable(createCellBreakpointsAtom(cellId), store),
+        )
       : [],
+    lineTimingOn
+      ? activeLineTimer(
+          createObservable(createActiveLineInfoAtom(cellId), store),
+        )
+      : debuggerOn
+        ? debuggerLineHighlighter(
+            createObservable(createDebuggerLineAtom(cellId), store),
+          )
+        : [],
   ];
 }
 

package/src/core/codemirror/cells/line-timing-decorations.ts

@@ -0,0 +1,165 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import {
+  type EditorState,
+  type Extension,
+  RangeSetBuilder,
+} from "@codemirror/state";
+import {
+  Decoration,
+  type DecorationSet,
+  EditorView,
+  type PluginValue,
+  ViewPlugin,
+  type ViewUpdate,
+  WidgetType,
+} from "@codemirror/view";
+import type { Observable } from "@/core/state/observable";
+import { Logger } from "@/utils/Logger";
+import { formatElapsedTime } from "@/utils/time";
+
+/** The line a cell is currently executing and when execution first hit it. */
+export interface ActiveLineInfo {
+  line: number;
+  startedAtMs: number;
+}
+
+// Only show the timer once a line has been busy this long, so short-lived
+// lines never flash a pill.
+const SHOW_TIMER_AFTER_MS = 500;
+const TICK_INTERVAL_MS = 250;
+
+/**
+ * End-of-line elapsed-time pill for the currently executing line.
+ *
+ * Ticking is pure DOM mutation on the widget's own interval; no editor
+ * transactions are dispatched while the timer counts.
+ */
+class LineTimerWidget extends WidgetType {
+  // Track intervals per DOM node: CodeMirror may reuse the node across
+  // decoration remaps (`eq` below), and `destroy` only receives the node.
+  private static readonly intervals = new WeakMap<HTMLElement, number>();
+
+  private readonly startedAtMs: number;
+
+  constructor(startedAtMs: number) {
+    super();
+    this.startedAtMs = startedAtMs;
+  }
+
+  override eq(other: LineTimerWidget): boolean {
+    return other.startedAtMs === this.startedAtMs;
+  }
+
+  override toDOM(): HTMLElement {
+    const el = document.createElement("span");
+    el.className = "cm-line-timer";
+    el.setAttribute("aria-hidden", "true");
+    const tick = () => {
+      const elapsed = Date.now() - this.startedAtMs;
+      el.textContent =
+        elapsed >= SHOW_TIMER_AFTER_MS ? formatElapsedTime(elapsed) : "";
+    };
+    tick();
+    LineTimerWidget.intervals.set(
+      el,
+      window.setInterval(tick, TICK_INTERVAL_MS),
+    );
+    return el;
+  }
+
+  override destroy(dom: HTMLElement): void {
+    const interval = LineTimerWidget.intervals.get(dom);
+    if (interval !== undefined) {
+      window.clearInterval(interval);
+      LineTimerWidget.intervals.delete(dom);
+    }
+  }
+
+  override ignoreEvent(): boolean {
+    return true;
+  }
+}
+
+function createTimingDecorations(
+  state: EditorState,
+  info: ActiveLineInfo | null,
+): DecorationSet {
+  if (info === null || info.line < 1 || info.line > state.doc.lines) {
+    return Decoration.none;
+  }
+  const builder = new RangeSetBuilder<Decoration>();
+  try {
+    const line = state.doc.line(info.line);
+    builder.add(
+      line.from,
+      line.from,
+      Decoration.line({ class: "cm-timing-current-line" }),
+    );
+    builder.add(
+      line.to,
+      line.to,
+      Decoration.widget({
+        widget: new LineTimerWidget(info.startedAtMs),
+        side: 1,
+      }),
+    );
+  } catch (error) {
+    Logger.debug("Invalid timing line", { error });
+  }
+  return builder.finish();
+}
+
+class ActiveLineTimer implements PluginValue {
+  private unsubscribe: () => void;
+  decorations: DecorationSet;
+
+  constructor(
+    view: EditorView,
+    infoObservable: Observable<ActiveLineInfo | null>,
+  ) {
+    this.decorations = createTimingDecorations(
+      view.state,
+      infoObservable.get(),
+    );
+    this.unsubscribe = infoObservable.sub((info) => {
+      this.decorations = createTimingDecorations(view.state, info);
+      // Force a re-render; the decoration set changed out of band.
+      view.dispatch({ userEvent: "marimo.timing-line-update" });
+    });
+  }
+
+  update(update: ViewUpdate) {
+    this.decorations = this.decorations.map(update.changes);
+  }
+
+  destroy() {
+    this.unsubscribe();
+  }
+}
+
+/**
+ * Highlight the line a cell's frame watcher is currently executing in green,
+ * with a dim elapsed-time pill at the end of the line once it has been busy
+ * for a while.
+ */
+export function activeLineTimer(
+  infoObservable: Observable<ActiveLineInfo | null>,
+): Extension {
+  return [
+    ViewPlugin.define((view) => new ActiveLineTimer(view, infoObservable), {
+      decorations: (plugin) => plugin.decorations,
+    }),
+    EditorView.theme({
+      ".cm-timing-current-line": {
+        backgroundColor: "color-mix(in srgb, var(--grass-4) 50%, transparent)",
+      },
+      ".cm-line-timer": {
+        color: "var(--grass-11)",
+        fontSize: "0.85em",
+        marginLeft: "1.5ch",
+        pointerEvents: "none",
+      },
+    }),
+  ];
+}

package/src/core/config/feature-flag.tsx

@@ -12,6 +12,7 @@ export interface ExperimentalFeatures {
   cache_panel: boolean;
   external_agents: boolean;
   debugger: boolean; // Live frame-watching debugger (gutter breakpoints + pdb)
+  line_timing: boolean; // Green active-line highlight + per-line elapsed timer
   // Add new feature flags here
 }
 
@@ -22,6 +23,7 @@ const defaultValues: ExperimentalFeatures = {
   cache_panel: false,
   external_agents: import.meta.env.DEV,
   debugger: false,
+  line_timing: false,
 };
 
 export function getFeatureFlag<T extends keyof ExperimentalFeatures>(

package/src/core/websocket/useMarimoKernelConnection.tsx

@@ -33,8 +33,8 @@ import { SCRATCH_CELL_ID } from "../cells/ids";
 import { useRunsActions } from "../cells/runs";
 import { focusAndScrollCellOutputIntoView } from "../cells/scrollCellIntoView";
 import {
-  debuggerCurrentLineAtom,
   resyncBreakpoints,
+  setActiveLine,
 } from "../codemirror/cells/debugger-state";
 import type { CellData } from "../cells/types";
 import { capabilitiesAtom } from "../config/capabilities";
@@ -226,7 +226,6 @@ export function useMarimoKernelConnection(opts: {
   const transportType = useAtomValue(connectionTransportTypeAtom);
   const setCacheInfo = useSetAtom(cacheInfoAtom);
   const setKernelStartupError = useSetAtom(kernelStartupErrorAtom);
-  const setDebuggerCurrentLine = useSetAtom(debuggerCurrentLineAtom);
   const {
     setNamespaces: setStorageNamespaces,
     filterFromVariables: filterStorageFromVariables,
@@ -255,7 +254,7 @@ export function useMarimoKernelConnection(opts: {
         // A freshly started kernel has no breakpoints of its own; re-push
         // the client's set so they still apply, and clear the stale
         // highlighted line from the previous kernel instance.
-        setDebuggerCurrentLine(null);
+        setActiveLine(null);
         resyncBreakpoints();
         return;
       }
@@ -429,7 +428,7 @@ export function useMarimoKernelConnection(opts: {
         focusAndScrollCellOutputIntoView(msg.data.cell_id);
         return;
       case "active-line":
-        setDebuggerCurrentLine(
+        setActiveLine(
           msg.data.line == null
             ? null
             : { cellId: msg.data.cell_id, line: msg.data.line },

package/src/utils/time.ts

@@ -43,3 +43,23 @@ export class Time {
     return (this.ms / 1000) as Seconds;
   }
 }
+
+/** Format a duration in milliseconds, e.g. `500ms`, `1.50s`, `1m30s`. */
+export function formatElapsedTime(elapsedTime: number | null): string {
+  if (elapsedTime === null) {
+    return "";
+  }
+
+  const milliseconds = elapsedTime;
+  const seconds = milliseconds / 1000;
+
+  if (seconds >= 60) {
+    const minutes = Math.floor(seconds / 60);
+    const remainingSeconds = Math.floor(seconds % 60);
+    return `${minutes}m${remainingSeconds}s`;
+  }
+  if (seconds >= 1) {
+    return `${seconds.toFixed(2).toString()}s`;
+  }
+  return `${milliseconds.toFixed(0).toString()}ms`;
+}