@marimo-team/islands 0.24.1-dev98 → 0.24.1

package/dist/{vhdl-BAJ9qF1C.js → vhdl-D4X23YKO.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./rolldown-runtime-Cb76FRpK.js";
-//#region ../node_modules/.pnpm/@codemirror+legacy-modes@6.5.2/node_modules/@codemirror/legacy-modes/mode/vhdl.js
+//#region ../node_modules/.pnpm/@codemirror+legacy-modes@6.5.3/node_modules/@codemirror/legacy-modes/mode/vhdl.js
 var t = /* @__PURE__ */ e({ vhdl: () => g });
 function n(e) {
 	for (var t = {}, n = e.split(","), r = 0; r < n.length; ++r) {

package/dist/{webidl-ybLbdZxR.js → webidl-SyzNxWpJ.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./rolldown-runtime-Cb76FRpK.js";
-//#region ../node_modules/.pnpm/@codemirror+legacy-modes@6.5.2/node_modules/@codemirror/legacy-modes/mode/webidl.js
+//#region ../node_modules/.pnpm/@codemirror+legacy-modes@6.5.3/node_modules/@codemirror/legacy-modes/mode/webidl.js
 var t = /* @__PURE__ */ e({ webIDL: () => C });
 function n(e) {
 	return RegExp("^((" + e.join(")|(") + "))\\b");

package/dist/{xquery-81N7rqzd.js → xquery-BC2R4Hk6.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./rolldown-runtime-Cb76FRpK.js";
-//#region ../node_modules/.pnpm/@codemirror+legacy-modes@6.5.2/node_modules/@codemirror/legacy-modes/mode/xquery.js
+//#region ../node_modules/.pnpm/@codemirror+legacy-modes@6.5.3/node_modules/@codemirror/legacy-modes/mode/xquery.js
 var t = /* @__PURE__ */ e({ xQuery: () => x }), n = function() {
 	function e(e) {
 		return {

package/dist/{yacas-BwVftjEP.js → yacas-DLNXPMmH.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./rolldown-runtime-Cb76FRpK.js";
-//#region ../node_modules/.pnpm/@codemirror+legacy-modes@6.5.2/node_modules/@codemirror/legacy-modes/mode/yacas.js
+//#region ../node_modules/.pnpm/@codemirror+legacy-modes@6.5.3/node_modules/@codemirror/legacy-modes/mode/yacas.js
 var t = /* @__PURE__ */ e({ yacas: () => m });
 function n(e) {
 	for (var t = {}, n = e.split(" "), r = 0; r < n.length; ++r) t[n[r]] = !0;

package/dist/{z80-CmT0MNUO.js → z80-CDXWHOO6.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./rolldown-runtime-Cb76FRpK.js";
-//#region ../node_modules/.pnpm/@codemirror+legacy-modes@6.5.2/node_modules/@codemirror/legacy-modes/mode/z80.js
+//#region ../node_modules/.pnpm/@codemirror+legacy-modes@6.5.3/node_modules/@codemirror/legacy-modes/mode/z80.js
 var t = /* @__PURE__ */ e({ z80: () => r });
 function n(e) {
 	var t, n;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.24.1-dev98",
+  "version": "0.24.1",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -23,20 +23,20 @@
   "dependencies": {
     "@ai-sdk/react": "^4.0.40",
     "@anywidget/types": "^0.4.0",
-    "@codemirror/autocomplete": "^6.20.1",
-    "@codemirror/commands": "^6.10.2",
-    "@codemirror/lang-markdown": "^6.5.0",
+    "@codemirror/autocomplete": "^6.20.3",
+    "@codemirror/commands": "^6.11.0",
+    "@codemirror/lang-markdown": "^6.5.2",
     "@codemirror/lang-python": "^6.2.1",
     "@codemirror/lang-sql": "^6.10.0",
-    "@codemirror/language": "^6.12.2",
+    "@codemirror/language": "^6.12.4",
     "@codemirror/language-data": "^6.5.2",
-    "@codemirror/legacy-modes": "^6.5.2",
-    "@codemirror/lint": "^6.9.5",
-    "@codemirror/merge": "^6.12.0",
-    "@codemirror/search": "^6.6.0",
-    "@codemirror/state": "^6.5.4",
+    "@codemirror/legacy-modes": "^6.5.3",
+    "@codemirror/lint": "^6.9.7",
+    "@codemirror/merge": "^6.12.2",
+    "@codemirror/search": "^6.7.1",
+    "@codemirror/state": "^6.7.1",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.39.16",
+    "@codemirror/view": "^6.43.9",
     "@dagrejs/dagre": "^1.1.8",
     "@date-fns/tz": "^1.4.1",
     "@dnd-kit/core": "^6.3.1",
@@ -49,11 +49,11 @@
     "@hookform/resolvers": "^5.2.2",
     "@img-comparison-slider/react": "^8.0.2",
     "@internationalized/date": "^3.10.1",
-    "@lezer/common": "^1.5.1",
+    "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@lezer/lr": "^1.4.8",
-    "@lezer/markdown": "^1.6.3",
-    "@lezer/python": "^1.1.18",
+    "@lezer/lr": "^1.4.10",
+    "@lezer/markdown": "^1.7.2",
+    "@lezer/python": "^1.1.19",
     "@marimo-team/codemirror-ai": "^0.3.9",
     "@marimo-team/codemirror-languageserver": "^2.0.0",
     "@marimo-team/codemirror-mcp": "^0.1.7",
@@ -80,7 +80,7 @@
     "@types/jsdom": "^21.1.7",
     "@types/react-grid-layout": "^1.3.6",
     "@uidotdev/usehooks": "^2.4.1",
-    "@uiw/codemirror-extensions-langs": "^4.25.7",
+    "@uiw/codemirror-extensions-langs": "^4.25.11",
     "@uiw/react-codemirror": "4.25.4",
     "@uwdata/flechette": "^1.1.2",
     "@valtown/codemirror-codeium": "^1.1.1",
@@ -195,9 +195,9 @@
     "@codecov/vite-plugin": "^1.9.1",
     "@csstools/postcss-light-dark-function": "^2.0.11",
     "@playwright/test": "^1.62.1",
-    "@storybook/addon-docs": "^10.3.5",
-    "@storybook/addon-links": "^10.3.5",
-    "@storybook/react-vite": "^10.3.5",
+    "@storybook/addon-docs": "^10.5.10",
+    "@storybook/addon-links": "^10.5.10",
+    "@storybook/react-vite": "^10.5.10",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
     "@types/dompurify": "^3.2.0",
@@ -209,27 +209,27 @@
     "@types/react-dom": "^19.2.3",
     "@types/timestring": "^6.0.5",
     "@vitejs/plugin-react": "^6.1.0",
-    "@vitest/coverage-v8": "4.1.10",
+    "@vitest/coverage-v8": "4.1.11",
     "blob-polyfill": "^7.0.20220408",
     "cross-env": "^7.0.3",
     "jsdom": "^24.1.3",
     "msw": "^2.12.7",
     "npm-run-all2": "^6.2.6",
-    "oxfmt": "^0.42.0",
-    "oxlint": "^1.58.0",
+    "oxfmt": "^0.64.0",
+    "oxlint": "^1.79.0",
     "oxc-transform-react": "0.145.0",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.26",
     "postcss-prefix-selector": "^2.1.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "storybook": "^10.3.5",
+    "storybook": "^10.5.10",
     "stylelint": "^16.26.1",
     "stylelint-config-standard": "^36.0.1",
     "tailwindcss": "^4.3.3",
     "vega-typings": "^2.1.0",
-    "vite": "^8.2.1",
+    "vite": "^8.2.2",
     "vite-plugin-wasm": "^3.6.0",
-    "vitest": "^4.1.10",
+    "vitest": "^4.1.11",
     "yaml": "^2.8.3"
   }
 }

package/src/components/ai/ai-provider-icon.tsx

@@ -5,8 +5,8 @@ import BedrockIcon from "@marimo-team/llm-info/icons/aws.svg?inline";
 import AzureIcon from "@marimo-team/llm-info/icons/azure.svg?inline";
 import CursorIcon from "@marimo-team/llm-info/icons/cursor.svg?inline";
 import DeepseekIcon from "@marimo-team/llm-info/icons/deepseek.svg?inline";
-import GitHubIcon from "@marimo-team/llm-info/icons/github.svg?inline";
 import GeminiIcon from "@marimo-team/llm-info/icons/googlegemini.svg?inline";
+import GitHubIcon from "@marimo-team/llm-info/icons/github.svg?inline";
 import OllamaIcon from "@marimo-team/llm-info/icons/ollama.svg?inline";
 import OpenAIIcon from "@marimo-team/llm-info/icons/openai.svg?inline";
 import OpencodeIcon from "@marimo-team/llm-info/icons/opencode-logo-light.svg?inline";
@@ -21,6 +21,7 @@ import type { ExternalAgentId } from "../chat/acp/state";
 
 const icons: Record<ProviderId | ExternalAgentId, string> = {
   openai: OpenAIIcon,
+  github: GitHubIcon,
   anthropic: AnthropicIcon,
   claude: AnthropicIcon,
   gemini: GeminiIcon,
@@ -30,7 +31,6 @@ const icons: Record<ProviderId | ExternalAgentId, string> = {
   azure: AzureIcon,
   bedrock: BedrockIcon,
   deepseek: DeepseekIcon,
-  github: GitHubIcon,
   openrouter: OpenRouterIcon,
   wandb: WandbIcon,
   "opencode-go": OpencodeIcon,

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

@@ -15,9 +15,9 @@ type CredentialChecker = (ai: AiConfig | undefined) => boolean;
  */
 const CREDENTIAL_CHECKERS: Record<KnownProviderId, CredentialChecker> = {
   openai: (ai) => Boolean(ai?.open_ai?.api_key),
+  github: (ai) => Boolean(ai?.github?.api_key),
   anthropic: (ai) => Boolean(ai?.anthropic?.api_key),
   google: (ai) => Boolean(ai?.google?.api_key),
-  github: (ai) => Boolean(ai?.github?.api_key),
   openrouter: (ai) => Boolean(ai?.openrouter?.api_key),
   azure: (ai) => Boolean(ai?.azure?.api_key && ai?.azure?.base_url),
   wandb: (ai) => Boolean(ai?.wandb?.api_key),

package/src/components/app-config/ai-config.tsx

@@ -65,7 +65,6 @@ import {
   AccordionItem,
   AccordionTrigger,
 } from "../ui/accordion";
-import { Alert, AlertDescription } from "../ui/alert";
 import { Button } from "../ui/button";
 import { Checkbox } from "../ui/checkbox";
 import { DropdownMenuSeparator } from "../ui/dropdown-menu";
@@ -969,6 +968,39 @@ export const AiProvidersConfig: React.FC<AiConfigProps> = ({
           />
         </AccordionFormItem>
 
+        <AccordionFormItem
+          title="GitHub Copilot"
+          provider="github"
+          isConfigured={hasValue("ai.github.api_key")}
+        >
+          <ApiKey
+            form={form}
+            config={config}
+            name="ai.github.api_key"
+            placeholder="gho_..."
+            testId="ai-github-copilot-api-key-input"
+            description={
+              <>
+                Your GitHub OAuth token. Run{" "}
+                <Kbd className="inline">gh auth token</Kbd> after you sign in
+                with the GitHub CLI. A GitHub Copilot subscription is required.
+                See the{" "}
+                <ExternalLink href="https://pydantic.dev/docs/ai/models/github-copilot/">
+                  authentication guide
+                </ExternalLink>
+                .
+              </>
+            }
+          />
+          <BaseUrl
+            form={form}
+            config={config}
+            name="ai.github.base_url"
+            placeholder="https://api.githubcopilot.com"
+            testId="ai-github-copilot-base-url-input"
+          />
+        </AccordionFormItem>
+
         <AccordionFormItem
           title="Anthropic"
           provider="anthropic"
@@ -1029,42 +1061,6 @@ export const AiProvidersConfig: React.FC<AiConfigProps> = ({
           />
         </AccordionFormItem>
 
-        <AccordionFormItem
-          title="GitHub"
-          provider="github"
-          isConfigured={hasValue("ai.github.api_key")}
-        >
-          <Alert variant="warning" className="py-1.5 px-3 text-xs">
-            <AlertDescription>
-              Free tier models have low token limits which can cause errors with
-              larger prompts.{" "}
-              <ExternalLink href="https://docs.github.com/en/github-models/prototyping-with-ai-models#rate-limits">
-                Learn more
-              </ExternalLink>
-            </AlertDescription>
-          </Alert>
-          <ApiKey
-            form={form}
-            config={config}
-            name="ai.github.api_key"
-            placeholder="gho_..."
-            testId="ai-github-api-key-input"
-            description={
-              <>
-                Your GitHub API token from{" "}
-                <Kbd className="inline">gh auth token</Kbd>.
-              </>
-            }
-          />
-          <BaseUrl
-            form={form}
-            config={config}
-            name="ai.github.base_url"
-            placeholder="https://models.github.ai/inference"
-            testId="ai-github-base-url-input"
-          />
-        </AccordionFormItem>
-
         <AccordionFormItem
           title="OpenRouter"
           provider="openrouter"

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

@@ -1304,7 +1304,7 @@ export const UserConfigForm: React.FC = () => {
                   <IsOverridden override={override} />
                   <FormDescription>
                     Enable experimental external agents such as Claude Code and
-                    Gemini CLI. Learn more in the{" "}
+                    Codex. Learn more in the{" "}
                     <ExternalLink href="https://docs.marimo.io/guides/editor_features/agents/">
                       docs
                     </ExternalLink>

package/src/components/data-table/__tests__/column-explorer.test.tsx

@@ -5,7 +5,7 @@ import {
   getCoreRowModel,
   useReactTable,
 } from "@tanstack/react-table";
-import { fireEvent, render, screen } from "@testing-library/react";
+import { fireEvent, render, screen, within } from "@testing-library/react";
 import { beforeAll, describe, expect, it, vi } from "vitest";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { ColumnExplorerPanel } from "../column-explorer-panel/column-explorer";
@@ -25,6 +25,7 @@ const FIELD_TYPES: FieldTypesWithExternalType = [
 ];
 
 type Row = Record<string, unknown>;
+const EMPTY_HIDDEN_COLUMNS: readonly string[] = [];
 
 const TEST_COLUMNS: ColumnDef<Row>[] = [
   { id: "customer_name", accessorKey: "customer_name" },
@@ -34,19 +35,19 @@ const TEST_COLUMNS: ColumnDef<Row>[] = [
 
 interface HarnessProps {
   totalColumns?: number;
-  initiallyHidden?: string[];
+  initiallyHidden?: readonly string[];
 }
 
 function PanelHarness({
   totalColumns = 3,
-  initiallyHidden = [],
+  initiallyHidden = EMPTY_HIDDEN_COLUMNS,
 }: HarnessProps) {
   const table = useReactTable<Row>({
     data: [],
     columns: TEST_COLUMNS,
     getCoreRowModel: getCoreRowModel(),
     locale: "en-US",
-    state: {
+    initialState: {
       columnVisibility: Object.fromEntries(
         initiallyHidden.map((id) => [id, false]),
       ),
@@ -76,6 +77,20 @@ function getSearchInput() {
   return screen.getByPlaceholderText("Search columns...");
 }
 
+function getColumnRow(columnName: string): HTMLElement {
+  const row = screen.getByText(columnName).closest('[role="option"]');
+  if (!row) {
+    throw new Error(`No row for column ${columnName}`);
+  }
+  return row as HTMLElement;
+}
+
+function getShowOnlyButton(columnName: string): HTMLElement {
+  return within(getColumnRow(columnName)).getByRole("button", {
+    name: "Show only this column",
+  });
+}
+
 describe("ColumnExplorerPanel search", () => {
   it("shows all columns when search is empty", () => {
     renderPanel();
@@ -150,4 +165,49 @@ describe("ColumnExplorerPanel visibility actions", () => {
     expect(showAll()).toBeEnabled();
     expect(hideAll()).toBeEnabled();
   });
+
+  it("show-only icon isolates one column", () => {
+    renderPanel();
+    fireEvent.click(getShowOnlyButton("customer_name"));
+
+    expect(
+      within(getColumnRow("customer_name")).getByRole("button", {
+        name: "Hide column",
+      }),
+    ).toBeInTheDocument();
+    expect(
+      within(getColumnRow("cust_age")).getByRole("button", {
+        name: "Show column",
+      }),
+    ).toBeInTheDocument();
+    expect(
+      within(getColumnRow("order_total")).getByRole("button", {
+        name: "Show column",
+      }),
+    ).toBeInTheDocument();
+  });
+
+  it("disables show-only icon when the column is already alone", () => {
+    renderPanel({
+      initiallyHidden: ["cust_age", "order_total"],
+    });
+    expect(getShowOnlyButton("customer_name")).toHaveAttribute(
+      "aria-disabled",
+      "true",
+    );
+  });
+
+  it("disabled show-only icon does not toggle explorer row expansion", () => {
+    renderPanel({
+      initiallyHidden: ["cust_age", "order_total"],
+    });
+    const row = getColumnRow("customer_name");
+    expect(row.querySelector(".lucide-chevron-down")).not.toBeNull();
+
+    const button = getShowOnlyButton("customer_name");
+    fireEvent.pointerDown(button, { pointerId: 1, bubbles: true });
+    fireEvent.click(button, { bubbles: true });
+
+    expect(row.querySelector(".lucide-chevron-down")).not.toBeNull();
+  });
 });

package/src/components/data-table/__tests__/column-visibility-dropdown.test.tsx

@@ -7,6 +7,7 @@ import {
 } from "@tanstack/react-table";
 import { fireEvent, render, screen } from "@testing-library/react";
 import { beforeAll, describe, expect, it } from "vitest";
+import { TooltipProvider } from "@/components/ui/tooltip";
 import { ColumnVisibilityDropdown } from "../column-visibility-dropdown";
 import { INDEX_COLUMN_NAME, SELECT_COLUMN_ID } from "../types";
 
@@ -20,6 +21,7 @@ beforeAll(() => {
 });
 
 type Row = Record<string, unknown>;
+const EMPTY_COLUMN_IDS: readonly string[] = [];
 
 // Select, index, and nameless columns are non-hideable in production
 // (see columns.tsx), so the harness mirrors that to keep visibility counts
@@ -46,11 +48,14 @@ const TEST_COLUMNS: ColumnDef<Row>[] = [
 ];
 
 interface HarnessProps {
-  initiallyHidden?: string[];
-  nonHideable?: string[];
+  initiallyHidden?: readonly string[];
+  nonHideable?: readonly string[];
 }
 
-function Harness({ initiallyHidden = [], nonHideable = [] }: HarnessProps) {
+function Harness({
+  initiallyHidden = EMPTY_COLUMN_IDS,
+  nonHideable = EMPTY_COLUMN_IDS,
+}: HarnessProps) {
   const table = useReactTable<Row>({
     data: [],
     columns: TEST_COLUMNS.map((column) =>
@@ -70,11 +75,25 @@ function Harness({ initiallyHidden = [], nonHideable = [] }: HarnessProps) {
 }
 
 function renderAndOpen(props?: HarnessProps) {
-  const result = render(<Harness {...(props ?? {})} />);
+  const result = render(
+    <TooltipProvider>
+      <Harness {...(props ?? {})} />
+    </TooltipProvider>,
+  );
   fireEvent.click(screen.getByTestId("column-visibility-trigger"));
   return result;
 }
 
+function getShowOnlyButton(columnName: string): HTMLElement {
+  const button = getColumnOption(columnName).querySelector(
+    '[aria-label="Show only this column"]',
+  );
+  if (!button) {
+    throw new Error(`No show-only button for column ${columnName}`);
+  }
+  return button as HTMLElement;
+}
+
 function getOptionTexts(): string[] {
   return screen.getAllByRole("option").map((el) => el.textContent ?? "");
 }
@@ -270,10 +289,124 @@ describe("ColumnVisibilityDropdown", () => {
   it("offers both bulk actions when matches are mixed", () => {
     renderAndOpen({ initiallyHidden: ["cust_age"] });
     fireEvent.change(getSearchInput(), { target: { value: "cust" } });
+    expect(screen.getByText(/Show only 2 matching/)).toBeInTheDocument();
     expect(screen.getByText(/Hide 1 matching/)).toBeInTheDocument();
     expect(screen.getByText(/Show 1 matching/)).toBeInTheDocument();
   });
 
+  it("lists show-only before hide and show bulk actions while searching", () => {
+    renderAndOpen({ initiallyHidden: ["cust_age"] });
+    fireEvent.change(getSearchInput(), { target: { value: "cust" } });
+    expect(getOptionTexts().slice(0, 3)).toEqual([
+      "Show only 2 matching",
+      "Hide 1 matching",
+      "Show 1 matching",
+    ]);
+  });
+
+  it("'Show only N matching' isolates matching columns", () => {
+    renderAndOpen({ initiallyHidden: ["cust_age"] });
+    fireEvent.change(getSearchInput(), { target: { value: "cust" } });
+    fireEvent.click(getColumnOption("Show only 2 matching"));
+    fireEvent.change(getSearchInput(), { target: { value: "" } });
+
+    expect(
+      getColumnOption("customer_name").querySelector(".lucide-eye-off"),
+    ).toBeNull();
+    expect(
+      getColumnOption("cust_age").querySelector(".lucide-eye-off"),
+    ).toBeNull();
+    expect(
+      getColumnOption("order_total").querySelector(".lucide-eye-off"),
+    ).not.toBeNull();
+    fireEvent.change(getSearchInput(), { target: { value: "cust" } });
+    expect(getColumnOption("Show only 2 matching")).toHaveAttribute(
+      "aria-disabled",
+      "true",
+    );
+  });
+
+  it("disables 'Show only N matching' when already showing only matches", () => {
+    renderAndOpen({
+      initiallyHidden: ["order_total"],
+    });
+    fireEvent.change(getSearchInput(), { target: { value: "cust" } });
+    expect(getColumnOption("Show only 2 matching")).toHaveAttribute(
+      "aria-disabled",
+      "true",
+    );
+  });
+
+  it("omits 'Show only N matching' without search text", () => {
+    renderAndOpen();
+    expect(
+      screen.queryByText(/Show only \d+ matching/),
+    ).not.toBeInTheDocument();
+  });
+
+  it("omits search bulk actions when only non-hideable columns match", () => {
+    renderAndOpen({ nonHideable: ["customer_name"] });
+    fireEvent.change(getSearchInput(), { target: { value: "customer" } });
+    expect(screen.getByText("customer_name")).toBeInTheDocument();
+    expect(
+      screen.queryByText(/Show only \d+ matching/),
+    ).not.toBeInTheDocument();
+    expect(screen.queryByText(/Hide \d+ matching/)).not.toBeInTheDocument();
+    expect(screen.queryByText(/Show \d+ matching/)).not.toBeInTheDocument();
+  });
+
+  it("show-only icon isolates one column without clearing search", () => {
+    renderAndOpen();
+    fireEvent.change(getSearchInput(), { target: { value: "cust" } });
+    fireEvent.click(getShowOnlyButton("customer_name"));
+    expect(getSearchInput()).toHaveValue("cust");
+    fireEvent.change(getSearchInput(), { target: { value: "" } });
+
+    expect(
+      getColumnOption("customer_name").querySelector(".lucide-eye-off"),
+    ).toBeNull();
+    expect(
+      getColumnOption("cust_age").querySelector(".lucide-eye-off"),
+    ).not.toBeNull();
+    expect(
+      getColumnOption("order_total").querySelector(".lucide-eye-off"),
+    ).not.toBeNull();
+  });
+
+  it("show-only icon does not toggle the row visibility", () => {
+    renderAndOpen();
+    fireEvent.click(getShowOnlyButton("customer_name"));
+
+    expect(
+      getColumnOption("customer_name").querySelector(".lucide-eye-off"),
+    ).toBeNull();
+  });
+
+  it("disables show-only icon when the column is already alone", () => {
+    renderAndOpen({
+      initiallyHidden: ["cust_age", "order_total"],
+    });
+    expect(getShowOnlyButton("customer_name")).toHaveAttribute(
+      "aria-disabled",
+      "true",
+    );
+  });
+
+  it("disabled show-only icon blocks pointer activation of the row", () => {
+    renderAndOpen({
+      initiallyHidden: ["cust_age", "order_total"],
+    });
+    const button = getShowOnlyButton("customer_name");
+    expect(button).toHaveAttribute("aria-disabled", "true");
+
+    fireEvent.pointerDown(button, { pointerId: 1, bubbles: true });
+    fireEvent.click(button, { bubbles: true });
+
+    expect(
+      getColumnOption("customer_name").querySelector(".lucide-eye-off"),
+    ).toBeNull();
+  });
+
   it("renders non-hideable columns disabled and without an eye toggle", () => {
     renderAndOpen({ nonHideable: ["customer_name"] });
     const option = getColumnOption("customer_name");

package/src/components/data-table/__tests__/url-detector.test.tsx

@@ -98,7 +98,7 @@ describe("UrlDetector", () => {
     expect(img).toHaveAttribute("src", dataUri);
   });
 
-  it.skip("prevents event propagation on link clicks", () => {
+  it.fails("prevents event propagation on link clicks", () => {
     const mockStopPropagation = vi.fn();
     render(<UrlDetector parts={parseContent("Check https://marimo.io")} />);
     const link = screen.getByRole("link");