@marimo-team/islands 0.23.11-dev3 → 0.23.11-dev32

package/src/core/hotkeys/hotkeys.ts

@@ -370,6 +370,26 @@ const DEFAULT_HOT_KEY = {
     group: "Other",
     key: "Mod-j",
   },
+  "global.showAllCode": {
+    name: "Show all code",
+    group: "Editing",
+    key: NOT_SET,
+  },
+  "global.hideAllCode": {
+    name: "Hide all code",
+    group: "Editing",
+    key: NOT_SET,
+  },
+  "global.showAllMarkdownCode": {
+    name: "Show all markdown code",
+    group: "Editing",
+    key: NOT_SET,
+  },
+  "global.hideAllMarkdownCode": {
+    name: "Hide all markdown code",
+    group: "Editing",
+    key: NOT_SET,
+  },
   "global.collapseAllSections": {
     name: "Collapse all sections",
     group: "Editing",

package/src/core/websocket/__tests__/useMarimoKernelConnection.test.ts

@@ -32,7 +32,6 @@ describe("classifyCloseEvent", () => {
 
   describe("terminal closes (server-initiated)", () => {
     it.each([
-      "MARIMO_WRONG_KERNEL_ID",
       "MARIMO_NO_FILE_KEY",
       "MARIMO_NO_SESSION_ID",
       "MARIMO_NO_SESSION",
@@ -49,18 +48,6 @@ describe("classifyCloseEvent", () => {
       }
     });
 
-    it("MARIMO_MALFORMED_QUERY → terminal but does NOT close transport", () => {
-      const decision = classify("MARIMO_MALFORMED_QUERY");
-      expect(decision.kind).toBe("terminal");
-      expect(decision.status).toMatchObject({
-        state: WebSocketState.CLOSED,
-        code: WebSocketClosedReason.MALFORMED_QUERY,
-      });
-      if (decision.kind === "terminal") {
-        expect(decision.closeTransport).toBe(false);
-      }
-    });
-
     it("MARIMO_KERNEL_STARTUP_ERROR → terminal + closeTransport", () => {
       const decision = classify("MARIMO_KERNEL_STARTUP_ERROR");
       expect(decision.kind).toBe("terminal");

package/src/core/websocket/types.ts

@@ -14,7 +14,6 @@ export type WebSocketState =
 
 export const WebSocketClosedReason = {
   KERNEL_DISCONNECTED: "KERNEL_DISCONNECTED",
-  MALFORMED_QUERY: "MALFORMED_QUERY",
   KERNEL_STARTUP_ERROR: "KERNEL_STARTUP_ERROR",
 } as const;
 

package/src/core/websocket/useMarimoKernelConnection.tsx

@@ -82,12 +82,10 @@ const SUPPORTS_LAZY_KERNELS = true;
 // (marimo/_server/api/endpoints/ws_endpoint.py and ws/*.py). Keep in sync with
 // the backend literals.
 export type CloseReason =
-  | "MARIMO_WRONG_KERNEL_ID"
   | "MARIMO_NO_FILE_KEY"
   | "MARIMO_NO_SESSION_ID"
   | "MARIMO_NO_SESSION"
   | "MARIMO_SHUTDOWN"
-  | "MARIMO_MALFORMED_QUERY"
   | "MARIMO_KERNEL_STARTUP_ERROR"
   | typeof TRANSPORT_EXHAUSTED_REASON;
 
@@ -107,7 +105,6 @@ export function classifyCloseEvent(event: { reason?: string }): CloseDecision {
           reason: "kernel not found",
         },
       };
-    case "MARIMO_WRONG_KERNEL_ID":
     case "MARIMO_NO_FILE_KEY":
     case "MARIMO_NO_SESSION_ID":
     case "MARIMO_NO_SESSION":
@@ -121,17 +118,6 @@ export function classifyCloseEvent(event: { reason?: string }): CloseDecision {
         },
         closeTransport: true,
       };
-    case "MARIMO_MALFORMED_QUERY":
-      return {
-        kind: "terminal",
-        status: {
-          state: WebSocketState.CLOSED,
-          code: WebSocketClosedReason.MALFORMED_QUERY,
-          reason:
-            "the kernel did not recognize a request; please file a bug with marimo",
-        },
-        closeTransport: false,
-      };
     case "MARIMO_KERNEL_STARTUP_ERROR":
       return {
         kind: "terminal",

package/src/css/md.css

@@ -49,6 +49,18 @@
 .markdown h6 {
   font-weight: inherit;
   font-family: var(--heading-font);
+
+  /*
+  Anchor heading spacing to GitHub's markdown rhythm (Primer): a uniform
+  24px top / 16px bottom margin and 1.25 line-height across every level,
+  letting font-size — not margin — carry the hierarchy. Tailwind Typography's
+  prose defaults scale heading margins per-level up to ~2em (≈48px on h2),
+  which is tuned for long-form articles and reads as too airy in a notebook.
+  Ref: https://github.com/sindresorhus/github-markdown-css
+  */
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+  line-height: 1.25;
 }
 
 .markdown hr {

package/src/plugins/impl/DataTablePlugin.tsx

@@ -181,6 +181,7 @@ interface Data<T> {
   maxHeight?: number;
   selection: DataTableSelection;
   showDownload: boolean;
+  showSearch: boolean;
   showFilters: boolean;
   showColumnSummaries: boolean | "stats" | "chart";
   showDataTypes: boolean;
@@ -195,6 +196,7 @@ interface Data<T> {
   hiddenColumns?: string[];
   textJustifyColumns?: Record<string, "left" | "center" | "right">;
   wrappedColumns?: string[];
+  columnWidths?: Record<string, number>;
   headerTooltip?: Record<string, string>;
   totalColumns: number;
   maxColumns: number | "all";
@@ -266,6 +268,7 @@ export const DataTablePlugin = createPlugin<S>("marimo-table")
       showColumnExplorer: z.boolean().default(true),
       showRowExplorer: z.boolean().default(true),
       showChartBuilder: z.boolean().default(true),
+      showSearch: z.boolean().default(true),
       rowHeaders: columnToFieldTypesSchema,
       freezeColumnsLeft: z.array(z.string()).optional(),
       freezeColumnsRight: z.array(z.string()).optional(),
@@ -274,6 +277,9 @@ export const DataTablePlugin = createPlugin<S>("marimo-table")
         .record(z.string(), z.enum(["left", "center", "right"]))
         .optional(),
       wrappedColumns: z.array(z.string()).optional(),
+      columnWidths: z
+        .record(z.string(), z.number().int().positive())
+        .optional(),
       headerTooltip: z.record(z.string(), z.string()).optional(),
       fieldTypes: columnToFieldTypesSchema.nullish(),
       totalColumns: z.number(),
@@ -381,7 +387,6 @@ export const DataTablePlugin = createPlugin<S>("marimo-table")
             {...props.data}
             {...props.functions}
             host={props.host}
-            enableSearch={true}
             data={props.data.data}
             value={props.value}
             setValue={props.setValue}
@@ -466,8 +471,6 @@ interface DataTableProps<T> extends Data<T>, DataTableFunctions {
   // Selection
   value: S;
   setValue: (value: S) => void;
-  // Search
-  enableSearch: boolean;
   // Filters
   enableFilters?: boolean;
   cellStyles?: CellStyleState | null;
@@ -837,7 +840,7 @@ const DataTableComponent = ({
   setValue,
   sorting,
   setSorting,
-  enableSearch,
+  showSearch,
   searchQuery,
   setSearchQuery,
   filters,
@@ -848,6 +851,7 @@ const DataTableComponent = ({
   hiddenColumns,
   textJustifyColumns,
   wrappedColumns,
+  columnWidths,
   headerTooltip,
   totalColumns,
   get_row_ids,
@@ -935,6 +939,7 @@ const DataTableComponent = ({
   const memoizedRowHeaders = useDeepCompareMemoize(rowHeaders);
   const memoizedTextJustifyColumns = useDeepCompareMemoize(textJustifyColumns);
   const memoizedWrappedColumns = useDeepCompareMemoize(wrappedColumns);
+  const memoizedColumnWidths = useDeepCompareMemoize(columnWidths);
   const memoizedChartSpecModel = useDeepCompareMemoize(chartSpecModel);
   const fractionDigitsByColumn = useDeepCompareMemoize(computedFractionDigits);
   const shownColumns = memoizedClampedFieldTypes.length;
@@ -953,6 +958,7 @@ const DataTableComponent = ({
         fieldTypes: memoizedClampedFieldTypes,
         textJustifyColumns: memoizedTextJustifyColumns,
         wrappedColumns: memoizedWrappedColumns,
+        columnWidths: memoizedColumnWidths,
         headerTooltip: headerTooltip,
         // Only show data types if they are explicitly set
         showDataTypes: showDataTypes,
@@ -967,6 +973,7 @@ const DataTableComponent = ({
       memoizedClampedFieldTypes,
       memoizedTextJustifyColumns,
       memoizedWrappedColumns,
+      memoizedColumnWidths,
       headerTooltip,
       calculate_top_k_rows,
       fractionDigitsByColumn,
@@ -1138,7 +1145,7 @@ const DataTableComponent = ({
             hoverTemplate={hoverTemplate}
             cellHoverTexts={cellHoverTexts}
             downloadAs={showDownload ? downloadAs : undefined}
-            enableSearch={enableSearch}
+            showSearch={showSearch}
             searchQuery={searchQuery}
             onSearchQueryChange={setSearchQuery}
             showFilters={showFilters}

package/src/plugins/impl/__tests__/DataTablePlugin.test.tsx

@@ -94,7 +94,7 @@ describe("LoadingDataTableComponent", () => {
       hasStableRowId: false,
       lazy: false,
       host,
-      enableSearch: true,
+      showSearch: true,
       value: [] as (number | string | { rowId: string; columnName?: string })[],
       setValue,
       download_as: vi.fn() as DownloadAsArgs,

package/src/plugins/impl/chat/chat-ui.tsx

@@ -445,6 +445,7 @@ export const Chatbot: React.FC<Props> = (props) => {
                   message,
                   isStreamingReasoning: status === "streaming",
                   isLast,
+                  isActive: isLoading,
                   addToolApprovalResponse: isLast
                     ? addToolApprovalResponse
                     : undefined,

package/src/plugins/impl/data-frames/DataFramePlugin.tsx

@@ -338,7 +338,7 @@ export const DataFrameComponent = memo(
           showDownload={showDownload}
           download_as={download_as}
           get_size_bytes={get_size_bytes}
-          enableSearch={false}
+          showSearch={false}
           showFilters={false}
           search={search}
           showColumnSummaries={false}

package/dist/assets/__vite-browser-external-eshhtsgZ.js

@@ -1 +0,0 @@
-import{t as e}from"./worker-CC0Oul9k.js";var t=e(((e,t)=>{t.exports={}}));export default t();

package/src/components/editor/actions/useHideAllMarkdownCode.ts

@@ -1,53 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { useCallback } from "react"; /* Copyright 2026 Marimo. All rights reserved. */
-import { getNotebook, useCellActions } from "@/core/cells/cells";
-import type { CellId } from "@/core/cells/ids";
-import { MarkdownLanguageAdapter } from "@/core/codemirror/language/languages/markdown";
-import { useRequestClient } from "@/core/network/requests";
-import type { CellConfig } from "@/core/network/types";
-import { Objects } from "@/utils/objects";
-
-/**
- * Hook to hide all markdown code cells
- */
-export const useHideAllMarkdownCode = () => {
-  const { updateCellConfig } = useCellActions();
-  const { saveCellConfig } = useRequestClient();
-
-  return useCallback(async () => {
-    const markdownAdapter = new MarkdownLanguageAdapter();
-    const notebook = getNotebook();
-    const cellIds = notebook.cellIds.inOrderIds;
-
-    const newConfigs: Record<CellId, Partial<CellConfig>> = {};
-
-    // Find all markdown cells that aren't already hidden
-    for (const cellId of cellIds) {
-      if (notebook.cellData[cellId] === undefined) {
-        continue;
-      }
-      const { code, config } = notebook.cellData[cellId];
-      if (config.hide_code) {
-        continue;
-      }
-      if (markdownAdapter.isSupported(code)) {
-        newConfigs[cellId] = { hide_code: true };
-      }
-    }
-
-    const entries = Objects.entries(newConfigs);
-
-    if (entries.length === 0) {
-      return;
-    }
-
-    // Save to backend
-    await saveCellConfig({ configs: newConfigs });
-
-    // Update on frontend
-    for (const [cellId, config] of entries) {
-      updateCellConfig({ cellId, config });
-    }
-  }, [updateCellConfig]);
-};