@marimo-team/frontend 0.24.1-dev2 → 0.24.1-dev21

package/dist/index.html

@@ -66,7 +66,7 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-C5WESBbZ.js"></script>
+    <script type="module" crossorigin src="./assets/index-BZ-HxYIU.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-BPPi7vOr.js">
     <link rel="modulepreload" crossorigin href="./assets/objects-CrbstYTV.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-C4rtOYze.js">
@@ -104,7 +104,7 @@
     <link rel="modulepreload" crossorigin href="./assets/constants-DifUxsbZ.js">
     <link rel="modulepreload" crossorigin href="./assets/session-D-SddyN0.js">
     <link rel="modulepreload" crossorigin href="./assets/Deferred-CP7vq682.js">
-    <link rel="modulepreload" crossorigin href="./assets/config-EoJoeZuK.js">
+    <link rel="modulepreload" crossorigin href="./assets/config-DFK5eCC3.js">
     <link rel="modulepreload" crossorigin href="./assets/uuid-e9lSomwA.js">
     <link rel="modulepreload" crossorigin href="./assets/DeferredRequestRegistry-6TRSC3VZ.js">
     <link rel="modulepreload" crossorigin href="./assets/requests-B9zEd_sW.js">
@@ -134,7 +134,7 @@
     <link rel="modulepreload" crossorigin href="./assets/now-CsYTPAhW.js">
     <link rel="modulepreload" crossorigin href="./assets/debounce-DhnxH9Rh.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-n8PGHE18.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-DTFqEQb0.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-DD-zwhxi.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-PEowR7op.js">
     <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-D58nBaNf.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-dialog-D_kB5FIu.js">
@@ -147,45 +147,45 @@
     <link rel="modulepreload" crossorigin href="./assets/usePress-Bl6X9B5M.js">
     <link rel="modulepreload" crossorigin href="./assets/input-BN98e517.js">
     <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-Dxj31V4A.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-D26WjdN1.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-CP4zF1rO.js">
     <link rel="modulepreload" crossorigin href="./assets/config-DjP9S1hr.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-CHWQT4zh.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-C9ZBG6Lx.js">
     <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-DWGvf_Bw.js">
     <link rel="modulepreload" crossorigin href="./assets/links-BeU4kHTI.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-BpZ_0Xuz.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-DuxMdaXo.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-HCSOwOwk.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-DlR5UiIE.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-icon-Cn8LzPNx.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-X9kskQZ0.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-DZgUyqAK.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-ByxLiTvP.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-DY5kbf6q.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-DAM_bXu_.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-C1e6in0R.js">
     <link rel="modulepreload" crossorigin href="./assets/hat-glasses-xLTnAC_n.js">
     <link rel="modulepreload" crossorigin href="./assets/package-ROei-DG7.js">
     <link rel="modulepreload" crossorigin href="./assets/sparkles-DwqcWrJl.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-BVdFtnJz.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-B_IfCm1k.js">
     <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-B392qglD.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-DfXRjba3.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-DPUCy0Ep.js">
-    <link rel="modulepreload" crossorigin href="./assets/tree-actions-DUAdNn1i.js">
+    <link rel="modulepreload" crossorigin href="./assets/tree-actions-BBmIijvt.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-Cj3eM5bt.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-BsXiWo0v.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-BTlyH5K_.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-CajdmeRM.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-DCZbWsqm.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-BcvSvTUt.js">
     <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-DUvRReKp.js">
     <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-D4wN6pqE.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-B4N_BMo6.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-BjuEVUOa.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-DM-Whfio.js">
     <link rel="modulepreload" crossorigin href="./assets/command-D5LtSvbN.js">
     <link rel="modulepreload" crossorigin href="./assets/field-BPfggvql.js">
     <link rel="modulepreload" crossorigin href="./assets/popover-B96fOqfH.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-D93OkQw8.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-_oAlkvj6.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-DT1x-ePG.js">
     <link rel="modulepreload" crossorigin href="./assets/table-xPvP31p3.js">
     <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-DBacdN1t.js">
     <link rel="modulepreload" crossorigin href="./assets/error-banner-d0-XOKtd.js">
     <link rel="modulepreload" crossorigin href="./assets/formats-CydJsDOc.js">
-    <link rel="modulepreload" crossorigin href="./assets/utils-Y4n-X10o.js">
+    <link rel="modulepreload" crossorigin href="./assets/utils-Bp3MLwWq.js">
     <link rel="modulepreload" crossorigin href="./assets/en-US-orJ4dPbF.js">
     <link rel="modulepreload" crossorigin href="./assets/isValid-BmtlFqSa.js">
     <link rel="modulepreload" crossorigin href="./assets/dates-CZTDC2tF.js">
@@ -201,35 +201,35 @@
     <link rel="modulepreload" crossorigin href="./assets/plus-r1QITpsJ.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-BLxp8uxj.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-CLaR27oP.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-DnrBQBRT.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-D62UH4Ip.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-eb23KpAk.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-ypIvDL4C.js">
-    <link rel="modulepreload" crossorigin href="./assets/spec-NeCHOv2Z.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-BLap3eAk.js">
+    <link rel="modulepreload" crossorigin href="./assets/spec-C_psFYbu.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-BNg0hwmL.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-BwSNDWAP.js">
-    <link rel="modulepreload" crossorigin href="./assets/radio-group-5KDs5aO1.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-Vqr5D17R.js">
-    <link rel="modulepreload" crossorigin href="./assets/switch-CDT2KH2g.js">
+    <link rel="modulepreload" crossorigin href="./assets/radio-group-B8t5cIdU.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-Bt2aLttK.js">
+    <link rel="modulepreload" crossorigin href="./assets/switch-ulnbZFaI.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-DfWeGRFv.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-RBKN8Dn2.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-BV8otm7e.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-DFjpK9Hc.js">
     <link rel="modulepreload" crossorigin href="./assets/file-headphone-BjKz3ZV1.js">
     <link rel="modulepreload" crossorigin href="./assets/file-BjlLTeSV.js">
     <link rel="modulepreload" crossorigin href="./assets/image-Dvcyi0uu.js">
-    <link rel="modulepreload" crossorigin href="./assets/file-icons-V3puz20c.js">
+    <link rel="modulepreload" crossorigin href="./assets/file-icons-Dop5RazI.js">
     <link rel="modulepreload" crossorigin href="./assets/events-CPoJAfgx.js">
     <link rel="modulepreload" crossorigin href="./assets/share-c5Zh8BM8.js">
-    <link rel="modulepreload" crossorigin href="./assets/blob-BKW9TqBu.js">
+    <link rel="modulepreload" crossorigin href="./assets/blob-BqDSSN5X.js">
     <link rel="modulepreload" crossorigin href="./assets/get-DuxuLRGI.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-DehVzRp6.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-Ci7n55A9.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-BSVx1akM.js">
     <link rel="modulepreload" crossorigin href="./assets/label-BOFHwHn7.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-Bb1JVuzT.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-Cj3PfSUI.js">
     <link rel="modulepreload" crossorigin href="./assets/textarea-Bn1AMfsk.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-neWzNbg7.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-CRSnWxLR.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-DHy5wB3F.js">
     <link rel="modulepreload" crossorigin href="./assets/renderShortcut-C6HKXhBl.js">
-    <link rel="modulepreload" crossorigin href="./assets/useBoolean-CgN_4RAl.js">
+    <link rel="modulepreload" crossorigin href="./assets/useBoolean-C_UV6tQ7.js">
     <link rel="modulepreload" crossorigin href="./assets/markdown-export-D-ZHIs71.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-CbFVGT0j.js">
     <link rel="modulepreload" crossorigin href="./assets/types-D0D7HkQV.js">
@@ -249,7 +249,7 @@
     <link rel="stylesheet" crossorigin href="./assets/cells-BE1kpmPF.css">
     <link rel="stylesheet" crossorigin href="./assets/markdown-renderer-DdDKmWlR.css">
     <link rel="stylesheet" crossorigin href="./assets/JsonOutput-BQtz7-np.css">
-    <link rel="stylesheet" crossorigin href="./assets/index-WoaGtlKd.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-CxZ6uZaz.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/frontend",
-  "version": "0.24.1-dev2",
+  "version": "0.24.1-dev21",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/__mocks__/requests.ts

@@ -100,6 +100,10 @@ export const MockRequestClient = {
           },
         ],
       }),
+      installExportRequirements: vi.fn().mockResolvedValue({
+        source: "server",
+        formats: [],
+      }),
       exportAsHTML: vi.fn().mockResolvedValue({
         contents: "",
         filename: "notebook.html",

package/src/components/app-config/optional-features.test.ts

@@ -0,0 +1,78 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { describe, expect, it } from "vitest";
+import { isPackageRequirementInstalled } from "./optional-features";
+
+describe("isPackageRequirementInstalled", () => {
+  const installedPackages = [
+    { name: "mcp", version: "2.0.0" },
+    { name: "polars", version: "1.8.2" },
+  ];
+
+  it("requires the package to be installed", () => {
+    expect(
+      isPackageRequirementInstalled({ name: "missing" }, installedPackages),
+    ).toBe(false);
+  });
+
+  it("accepts an installed package without a minimum version", () => {
+    expect(
+      isPackageRequirementInstalled({ name: "polars" }, installedPackages),
+    ).toBe(true);
+  });
+
+  it("rejects an installed package below the minimum version", () => {
+    expect(
+      isPackageRequirementInstalled(
+        { name: "mcp", minVersion: "2.1.0" },
+        installedPackages,
+      ),
+    ).toBe(false);
+  });
+
+  it.each(["2.0.0rc1", "2.0.0.dev1", "2.0.0-beta1"])(
+    "rejects the prerelease version %s",
+    (version) => {
+      expect(
+        isPackageRequirementInstalled({ name: "mcp", minVersion: "2.0.0" }, [
+          { name: "mcp", version },
+        ]),
+      ).toBe(false);
+    },
+  );
+
+  it.each(["2.1.0rc1", "3.0.0rc1"])(
+    "accepts the later prerelease version %s",
+    (version) => {
+      expect(
+        isPackageRequirementInstalled({ name: "mcp", minVersion: "2.0.0" }, [
+          { name: "mcp", version },
+        ]),
+      ).toBe(true);
+    },
+  );
+
+  it("accepts an installed package at or above the minimum version", () => {
+    expect(
+      isPackageRequirementInstalled(
+        { name: "mcp", minVersion: "2.0.0" },
+        installedPackages,
+      ),
+    ).toBe(true);
+    expect(
+      isPackageRequirementInstalled(
+        { name: "mcp", minVersion: "1.9.0" },
+        installedPackages,
+      ),
+    ).toBe(true);
+  });
+
+  it("normalizes extras in the requirement name", () => {
+    expect(
+      isPackageRequirementInstalled(
+        { name: "polars[pyarrow]" },
+        installedPackages,
+      ),
+    ).toBe(true);
+  });
+});

package/src/components/app-config/optional-features.tsx

@@ -20,6 +20,7 @@ import { isWasm } from "@/core/wasm/utils";
 import { useAsyncData } from "@/hooks/useAsyncData";
 import { ErrorBanner } from "@/plugins/impl/common/error-banner";
 import { cn } from "@/utils/cn";
+import { semverSort } from "@/utils/versions";
 import { SettingSubtitle } from "./common";
 
 interface Package {
@@ -27,6 +28,35 @@ interface Package {
   minVersion?: string;
 }
 
+interface InstalledPackage {
+  name: string;
+  version: string;
+}
+
+const PEP_440_PRERELEASE =
+  /^((?:\d+!)?\d+(?:\.\d+)*)(?:[-_.]?(?:a|b|c|rc|alpha|beta|pre|preview|dev)\d*)/i;
+
+export function isPackageRequirementInstalled(
+  requirement: Package,
+  installedPackages: InstalledPackage[],
+): boolean {
+  const packageName = requirement.name.split("[")[0];
+  const installedPackage = installedPackages.find(
+    (pkg) => pkg.name === packageName,
+  );
+  if (!installedPackage) {
+    return false;
+  }
+  if (!requirement.minVersion) {
+    return true;
+  }
+  const prerelease = installedPackage.version.match(PEP_440_PRERELEASE);
+  if (prerelease) {
+    return semverSort(prerelease[1], requirement.minVersion) > 0;
+  }
+  return semverSort(installedPackage.version, requirement.minVersion) >= 0;
+}
+
 interface OptionalFeature {
   id: string;
   /**
@@ -77,8 +107,8 @@ const OPTIONAL_DEPENDENCIES: OptionalFeature[] = [
   },
   {
     id: "mcp",
-    packagesRequired: [{ name: "mcp", minVersion: "1" }],
-    additionalPackageInstalls: [{ name: "pydantic", minVersion: "2" }],
+    packagesRequired: [{ name: "mcp", minVersion: "2.0.0" }],
+    additionalPackageInstalls: [],
     description: "Connect to MCP servers",
   },
   {
@@ -123,9 +153,6 @@ export const OptionalFeatures: React.FC = () => {
   }
 
   const installedPackages = data?.packages || [];
-  const installedPackageNames = new Set(
-    installedPackages.map((pkg) => pkg.name),
-  );
 
   return (
     <div className="flex-1 flex flex-col overflow-hidden gap-2">
@@ -149,7 +176,7 @@ export const OptionalFeatures: React.FC = () => {
         <TableBody>
           {OPTIONAL_DEPENDENCIES.map((dep) => {
             const isInstalled = dep.packagesRequired.every((pkg) =>
-              installedPackageNames.has(pkg.name.split("[")[0]),
+              isPackageRequirementInstalled(pkg, installedPackages),
             );
             const packageSpec = dep.packagesRequired
               .map((pkg) => pkg.name)

package/src/components/data-table/__tests__/column_formatting.test.ts

@@ -5,6 +5,7 @@ import {
   prettyScientificNumber,
 } from "@/utils/numbers";
 import { applyFormat } from "../column-formatting/feature";
+import { formatOptions } from "../column-formatting/types";
 
 const locale = "en-US";
 
@@ -128,3 +129,9 @@ describe("applyFormat", () => {
     ).toBe(123);
   });
 });
+
+describe("formatOptions", () => {
+  it("has no geometry format options", () => {
+    expect(formatOptions.geometry).toEqual([]);
+  });
+});

package/src/components/data-table/charts/__tests__/schemas.test.ts

@@ -14,7 +14,7 @@ describe("ChartSchema", () => {
 
   it("normalizes an unrecognized axis column type", () => {
     const result = ChartSchema.parse({
-      general: { xColumn: { field: "geom", type: "geometry" } },
+      general: { xColumn: { field: "geom", type: "bogus_type" } },
     });
 
     expect(result.general?.xColumn?.type).toBe("unknown");
@@ -24,7 +24,7 @@ describe("ChartSchema", () => {
     const result = ChartSchema.parse({
       tooltips: {
         auto: false,
-        fields: [{ field: "geom", type: "geometry" }],
+        fields: [{ field: "geom", type: "bogus_type" }],
       },
     });
 
@@ -32,4 +32,19 @@ describe("ChartSchema", () => {
       { field: "geom", type: "unknown" },
     ]);
   });
+
+  it("keeps geometry axis and tooltip field types", () => {
+    const result = ChartSchema.parse({
+      general: { xColumn: { field: "geom", type: "geometry" } },
+      tooltips: {
+        auto: false,
+        fields: [{ field: "geom", type: "geometry" }],
+      },
+    });
+
+    expect(result.general?.xColumn?.type).toBe("geometry");
+    expect(result.tooltips?.fields).toEqual([
+      { field: "geom", type: "geometry" },
+    ]);
+  });
 });

package/src/components/data-table/charts/chart-spec/types.ts

@@ -29,6 +29,7 @@ export function convertDataTypeToVega(
       return "quantitative";
     case "string":
     case "boolean":
+    case "geometry":
     case "unknown":
       return "nominal";
     case "date":
@@ -51,6 +52,7 @@ export function convertDataTypeToSelectable(
       return "number";
     case "string":
     case "boolean":
+    case "geometry":
     case "unknown":
       return "string";
     case "date":

package/src/components/data-table/column-formatting/feature.ts

@@ -214,6 +214,7 @@ export const applyFormat = (
           return value;
       }
     case undefined:
+    case "geometry":
     case "unknown":
       return value;
     default:

package/src/components/data-table/column-formatting/types.ts

@@ -13,6 +13,7 @@ export const formatOptions = {
   number: ["Auto", "Percent", "Scientific", "Engineering", "Integer"],
   string: ["Uppercase", "Lowercase", "Capitalize", "Title"],
   boolean: ["Yes/No", "On/Off"],
+  geometry: [],
   unknown: [],
 } as const satisfies Record<DataType, string[]>;
 

package/src/components/data-table/column-summary/chart-spec-model.tsx

@@ -836,6 +836,7 @@ export class ColumnChartSpecModel<T> {
           transform: transforms,
         };
       }
+      case "geometry":
       case "unknown":
         return null;
       default:

package/src/components/data-table/column-summary/column-summary.tsx

@@ -155,6 +155,7 @@ export const TableColumnSummary = <TData, TValue>({
           );
         }
         return null;
+      case "geometry":
       case "unknown":
         return (
           <div className="flex flex-col whitespace-pre">

package/src/components/data-table/columns.tsx

@@ -320,9 +320,8 @@ export function generateColumns<T>({
       },
       // Remove any default filtering
       filterFn: undefined,
-      // Can only sort if key is defined
-      // For example, unnamed index columns, won't be sortable
-      enableSorting: !!key,
+      // Unnamed index columns and geometry columns are not sortable
+      enableSorting: !!key && getMeta(key).dataType !== "geometry",
       meta: {
         ...getMeta(key),
         width: columnWidths?.[key],
@@ -485,6 +484,8 @@ function getFilterTypeForFieldType(
       return "time";
     case "boolean":
       return "boolean";
+    case "geometry":
+      return undefined;
     default:
       return undefined;
   }

package/src/components/datasets/__tests__/icons.test.ts

@@ -2,7 +2,7 @@
 
 import { describe, expect, it } from "vitest";
 import type { DataType } from "@/core/kernel/messages";
-import { DATA_TYPE_ICON, resolveDataType } from "../icons";
+import { DATA_TYPE_ICON, getDataTypeColor, resolveDataType } from "../icons";
 
 describe("resolveDataType", () => {
   it("passes through every mapped data type", () => {
@@ -12,7 +12,15 @@ describe("resolveDataType", () => {
   });
 
   it("resolves unmapped data types to unknown", () => {
-    expect(resolveDataType("geometry" as DataType)).toBe("unknown");
+    expect(resolveDataType("bogus_type" as DataType)).toBe("unknown");
+  });
+
+  it("resolves geometry with its icon and color", () => {
+    expect(resolveDataType("geometry")).toBe("geometry");
+    expect(DATA_TYPE_ICON.geometry).toBeDefined();
+    expect(getDataTypeColor("geometry")).toBe(
+      "bg-(--cyan-4) dark:bg-(--cyan-5)",
+    );
   });
 
   it("resolves data types shadowing Object.prototype keys to unknown", () => {

package/src/components/datasets/icons.tsx

@@ -7,6 +7,7 @@ import {
   CurlyBracesIcon,
   HashIcon,
   type LucideIcon,
+  MapPinIcon,
   ToggleLeftIcon,
   TypeIcon,
 } from "lucide-react";
@@ -27,6 +28,7 @@ export const DATA_TYPE_ICON: Record<DataType | SelectableDataType, LucideIcon> =
     number: HashIcon,
     string: TypeIcon,
     integer: HashIcon,
+    geometry: MapPinIcon,
     unknown: CurlyBracesIcon,
   };
 
@@ -56,6 +58,8 @@ export function getDataTypeColor(
       return "bg-(--purple-4)";
     case "string":
       return "bg-(--blue-4)";
+    case "geometry":
+      return "bg-(--cyan-4) dark:bg-(--cyan-5)";
     case "unknown":
       return "bg-(--slate-4) dark:bg-(--slate-6)";
     default:

package/src/components/datasources/__tests__/components.test.tsx

@@ -12,7 +12,7 @@ describe("ColumnName", () => {
 
     try {
       const unrecognized = render(
-        <ColumnName columnName="geom" dataType={"geometry" as DataType} />,
+        <ColumnName columnName="geom" dataType={"bogus_type" as DataType} />,
       );
       const unknown = render(
         <ColumnName columnName="geom" dataType="unknown" />,
@@ -26,4 +26,17 @@ describe("ColumnName", () => {
       warn.mockRestore();
     }
   });
+
+  it("renders geometry with a distinct icon", () => {
+    const geometry = render(
+      <ColumnName columnName="geom" dataType="geometry" />,
+    );
+    const unknown = render(<ColumnName columnName="geom" dataType="unknown" />);
+
+    expect(geometry.container.querySelector(".lucide-map-pin")).not.toBeNull();
+    expect(unknown.container.querySelector(".lucide-braces")).not.toBeNull();
+    expect(geometry.container.innerHTML).not.toEqual(
+      unknown.container.innerHTML,
+    );
+  });
 });