Deploy AIOS web (React glide grid + FastAPI slice)

RELEASES.json

@@ -1,6 +1,12 @@
 {
- "current": "v44 (a7877aa)",
+ "current": "v45 (0b2b501)",
  "releases": [
+  {
+   "version": "v45",
+   "sha": "0b2b501",
+   "date": "2026-08-23",
+   "subject": "release v45"
+  },
   {
    "version": "v44",
    "sha": "a7877aa",

VERSION

@@ -1 +1 @@
-v44 (a7877aa)
+v45 (0b2b501)

web/src/connectors/brandMarks.tsx

@@ -198,6 +198,11 @@ export function BrandMark({
   // ⚠ Hooks run for EVERY name, including the two house glyphs, because a hook
   // cannot sit behind a conditional return — same reason `useId` is unconditional.
   const [failed, setFailed] = useState(false);
+  // Per-instance, for the reason spelled out at the `<defs>` below. It must also run BEFORE
+  // the official-image return: `failed` flips on `onError`, and a hook first reached on that
+  // re-render is one more hook than the previous render — React #310 on the exact fallback
+  // path this component exists to provide.
+  const gradId = `aios-brand-ig-${useId()}`;
   if (OFFICIAL.has(name) && !failed)
     return (
       <img
@@ -212,9 +217,6 @@ export function BrandMark({
         onError={() => setFailed(true)}
       />
     );
-  // Per-instance, for the reason spelled out at the `<defs>` below. Hooks run for every
-  // name, not only Instagram, because a hook cannot sit behind a conditional return.
-  const gradId = `aios-brand-ig-${useId()}`;
   if (name === "instagram")
     return (
       <svg {...f} fill="none">

web/src/customer-grid/CustomerGrid.tsx

@@ -8,12 +8,12 @@ import {
   useState,
 } from "react";
 import { DataEditor, GridCellKind } from "@glideapps/glide-data-grid";
-import type {
-  CellClickedEventArgs,
-  DataEditorRef,
-  EditableGridCell,
-  GridCell,
-  GridColumn,
+import type {
+  CellClickedEventArgs,
+  DataEditorRef,
+  EditableGridCell,
+  GridCell,
+  GridColumn,
   GridKeyEventArgs,
   GridMouseEventArgs,
   GridSelection,
@@ -124,7 +124,7 @@ import type { GridFolder, ViewPermissions } from "./types";
 import type { FieldStamps } from "./optimism";
 import { evalFormula, orderFormulas, parseFormula } from "./formulaEngine";
 import type { FormulaAst } from "./formulaEngine";
-import { CalendarView, KanbanView, ListView, MapSettings, ModeSwitch } from "./viewModes";
+import { CalendarView, KanbanView, ListView, MapSettings, ModeSwitch } from "./viewModes";
 import { SwipeView } from "./SwipeView";
 import type { SwipeSpec } from "./SwipeView";
 // The chart engine lives in `viz/` since EXIT wave 2 (W2-5/Y3) — the grid is now
@@ -132,8 +132,8 @@ import type { SwipeSpec } from "./SwipeView";
 import { DashboardView } from "../viz/DashboardView";
 import { cleanCharts } from "../viz/chartData";
 import type { ChartSpec } from "../viz/chartData";
-import { MapView } from "./MapView";
-import { googleDirectionsUrl, isPlottable } from "./mapProjection";
+import { MapView } from "./MapView";
+import { googleDirectionsUrl, isPlottable } from "./mapProjection";
 /* ═══ W18-C CATALOG ═══ (owner item 4, contract C6) */
 import { CatalogView } from "./CatalogView";
 import { CATALOG_CODE_FIELD } from "./catalogData";
@@ -213,25 +213,25 @@ import { windowLabel } from "./windows";
  */
 export const GRID_CHAT_OPEN_EVENT = "aios:grid-chat-open";
 
-const ROW_PX: Record<RowHeightMode, number> = { short: 28, medium: 34, tall: 48 };
-
-/**
- * W39-T22 — a transport action, not a stored field. Coordinates already travel on every
- * customer row for MapView, but deliberately are not columns. Keeping this synthetic column out
- * of the workspace means a person cannot hide, reorder, rename, or accidentally persist it as
- * though it were customer data.
- */
-const DIRECTIONS_COLUMN_ID = "__directions__";
-const DIRECTIONS_COLUMN: GridColumn = { id: DIRECTIONS_COLUMN_ID, title: "Go", width: 46 };
-
-/** `null` means there is no honest Google destination, including a blank-address row. */
-function directionsFor(row: Row): { lat: number; lon: number } | null {
-  const lat = row.lat;
-  const lon = row.lon;
-  return typeof lat === "number" && typeof lon === "number" && isPlottable(lat, lon)
-    ? { lat, lon }
-    : null;
-}
+const ROW_PX: Record<RowHeightMode, number> = { short: 28, medium: 34, tall: 48 };
+
+/**
+ * W39-T22 — a transport action, not a stored field. Coordinates already travel on every
+ * customer row for MapView, but deliberately are not columns. Keeping this synthetic column out
+ * of the workspace means a person cannot hide, reorder, rename, or accidentally persist it as
+ * though it were customer data.
+ */
+const DIRECTIONS_COLUMN_ID = "__directions__";
+const DIRECTIONS_COLUMN: GridColumn = { id: DIRECTIONS_COLUMN_ID, title: "Go", width: 46 };
+
+/** `null` means there is no honest Google destination, including a blank-address row. */
+function directionsFor(row: Row): { lat: number; lon: number } | null {
+  const lat = row.lat;
+  const lon = row.lon;
+  return typeof lat === "number" && typeof lon === "number" && isPlottable(lat, lon)
+    ? { lat, lon }
+    : null;
+}
 
 /**
  * Wave-14 R7 — **a button label is ONE LINE.** Every button row in this file is a flex row with
@@ -1646,8 +1646,8 @@ function CustomerGridSurface({
     [config.groupBy, isQueryPreview, queryBinding]
   );
 
-  const {
-    visibleCols,
+  const {
+    visibleCols,
     fieldByKey,
     order,
     visible,
@@ -1656,19 +1656,19 @@ function CustomerGridSurface({
     onColumnMoved,
     onColumnProposeMove,
     setColumnVisible,
-    insertColumn,
-  } = useGridColumns(fields, config, updateConfig);
-  const revealRouteField = useCallback((key: string) => {
-    setColumnVisible(key, true);
-    signal(WORKSPACE_STALE_EVENT);
-    signal(ROWS_STALE_EVENT);
-  }, [setColumnVisible]);
-  // W39-T22 — the transit link is an action, so it is appended to what Glide paints without
-  // joining the saved-view column contract. `onCellClicked` below is the one tap door.
-  const gridColumns = useMemo(
-    () => scope === "customer" ? [...visibleCols, DIRECTIONS_COLUMN] : visibleCols,
-    [scope, visibleCols]
-  );
+    insertColumn,
+  } = useGridColumns(fields, config, updateConfig);
+  const revealRouteField = useCallback((key: string) => {
+    setColumnVisible(key, true);
+    signal(WORKSPACE_STALE_EVENT);
+    signal(ROWS_STALE_EVENT);
+  }, [setColumnVisible]);
+  // W39-T22 — the transit link is an action, so it is appended to what Glide paints without
+  // joining the saved-view column contract. `onCellClicked` below is the one tap door.
+  const gridColumns = useMemo(
+    () => scope === "customer" ? [...visibleCols, DIRECTIONS_COLUMN] : visibleCols,
+    [scope, visibleCols]
+  );
 
   /**
    * ⭐ Wave-20 owner item 4 (ruling R8, contract C-ADDROW) — **THE GHOST ROW.**
@@ -1938,12 +1938,12 @@ function CustomerGridSurface({
   // Wave-6 item 10 — how this view displays. A WINDOWED table is always the grid: list/
   // calendar/kanban compute over the whole matched set, and one page is not it (CG-3's rule,
   // the same reason grouping is off there).
-  const displaySpec = cleanDisplay(config.display);
-  const displayMode: DisplayMode = serverWindowed ? "grid" : displaySpec?.mode ?? "grid";
-  const [routePanelOpen, setRoutePanelOpen] = useState(false);
-  useEffect(() => {
-    if (displayMode !== "map") setRoutePanelOpen(false);
-  }, [displayMode]);
+  const displaySpec = cleanDisplay(config.display);
+  const displayMode: DisplayMode = serverWindowed ? "grid" : displaySpec?.mode ?? "grid";
+  const [routePanelOpen, setRoutePanelOpen] = useState(false);
+  useEffect(() => {
+    if (displayMode !== "map") setRoutePanelOpen(false);
+  }, [displayMode]);
 
   // ═══════════════════════════════════════════════════════════════════════════════════════
   // ⭐⭐ WAVE 30 · W30-T42 (contract C2) — PAGING A READ-THROUGH GRID.
@@ -2689,8 +2689,8 @@ function CustomerGridSurface({
     return () => window.clearInterval(id);
   }, [pendingMeasureKeys]);
   const activePendingKeys = pendingGaveUp ? NO_PENDING_KEYS : pendingMeasureKeys;
-  const baseGetCellContent = useGetCellContent(
-    displayRows,
+  const baseGetCellContent = useGetCellContent(
+    displayRows,
     visibleCols,
     fieldByKey,
     overlayEdits,
@@ -2700,44 +2700,44 @@ function CustomerGridSurface({
     groupLabelSpace,
     measureGroupText,
     activePendingKeys,
-    pulse
-  );
-  const getCellContent = useCallback(
-    (cell: Item): GridCell => {
-      if (scope !== "customer" || cell[0] !== visibleCols.length) return baseGetCellContent(cell);
-      const row = displayRows[cell[1]];
-      const at = row?.kind === "data" ? directionsFor(row.record) : null;
-      // A blank cell is deliberately not a disabled-looking `Go`: there is no destination to
-      // offer, and a row whose address is blank must not acquire a plausible link to nowhere.
-      if (!at) {
-        return {
-          kind: GridCellKind.Text,
-          data: "",
-          displayData: "",
-          allowOverlay: false,
-          readonly: true,
-        };
-      }
-      return {
-        kind: GridCellKind.Uri,
-        data: googleDirectionsUrl(at.lat, at.lon),
-        displayData: "Go",
-        allowOverlay: false,
-        readonly: true,
-        hoverEffect: true,
-      };
-    },
-    [baseGetCellContent, displayRows, scope, visibleCols.length]
-  );
+    pulse
+  );
+  const getCellContent = useCallback(
+    (cell: Item): GridCell => {
+      if (scope !== "customer" || cell[0] !== visibleCols.length) return baseGetCellContent(cell);
+      const row = displayRows[cell[1]];
+      const at = row?.kind === "data" ? directionsFor(row.record) : null;
+      // A blank cell is deliberately not a disabled-looking `Go`: there is no destination to
+      // offer, and a row whose address is blank must not acquire a plausible link to nowhere.
+      if (!at) {
+        return {
+          kind: GridCellKind.Text,
+          data: "",
+          displayData: "",
+          allowOverlay: false,
+          readonly: true,
+        };
+      }
+      return {
+        kind: GridCellKind.Uri,
+        data: googleDirectionsUrl(at.lat, at.lon),
+        displayData: "Go",
+        allowOverlay: false,
+        readonly: true,
+        hoverEffect: true,
+      };
+    },
+    [baseGetCellContent, displayRows, scope, visibleCols.length]
+  );
   const { gridSelection, selectedPids, onGridSelectionChange, selectPids, togglePid,
           setActiveCell, clearSelection } =
-    useGridSelection(
-      displayRows,
-      displayPidToIndex,
-      gridColumns.length,
-      embeddedSelectable ? embeddedSelectedIds : [],
-      !embedded ? `aios:grid-selection:${scope}` : undefined
-    );
+    useGridSelection(
+      displayRows,
+      displayPidToIndex,
+      gridColumns.length,
+      embeddedSelectable ? embeddedSelectedIds : [],
+      !embedded ? `aios:grid-selection:${scope}` : undefined
+    );
   const embeddedSelectedKey = embeddedSelectedIds.join(",");
   const selectedPidKey = [...selectedPids].join(",");
   useEffect(() => {
@@ -3775,7 +3775,7 @@ function CustomerGridSurface({
       // Owner item 10: clicking into the cells is "I am working now" — the frame folds its
       // navigation rail to the slim strip (a no-op in the embed; the shell listens).
       signal(NAV_MINIMIZE_EVENT);
-      if (row.kind === "group-header") {
+      if (row.kind === "group-header") {
         event.preventDefault();
         setCollapsed((current) => {
           const next = new Set(current);
@@ -3783,19 +3783,19 @@ function CustomerGridSurface({
           else next.add(row.groupKey);
           return next;
         });
-        return;
-      }
-      // W39-T22 — Glide paints links on its canvas, so this handler is the ACTUAL touch door.
-      // The Go cell is virtual and always trails the persisted columns; no address-derived string
-      // is used here because coordinates, not an address search, are what the map plotted.
-      if (scope === "customer" && row.kind === "data" && cell[0] === visibleCols.length) {
-        const at = directionsFor(row.record);
-        if (!at) return;
-        event.preventDefault();
-        window.open(googleDirectionsUrl(at.lat, at.lon), "_blank", "noopener,noreferrer");
-        return;
-      }
-      const column = visibleCols[cell[0]];
+        return;
+      }
+      // W39-T22 — Glide paints links on its canvas, so this handler is the ACTUAL touch door.
+      // The Go cell is virtual and always trails the persisted columns; no address-derived string
+      // is used here because coordinates, not an address search, are what the map plotted.
+      if (scope === "customer" && row.kind === "data" && cell[0] === visibleCols.length) {
+        const at = directionsFor(row.record);
+        if (!at) return;
+        event.preventDefault();
+        window.open(googleDirectionsUrl(at.lat, at.lon), "_blank", "noopener,noreferrer");
+        return;
+      }
+      const column = visibleCols[cell[0]];
       const field = column ? fieldByKey.get(column.id!) : undefined;
       // A picked field (select / assignee) opens its choices where the cell is. It cannot use
       // glide's text overlay — a free-text editor on a constrained column is how you end up
@@ -3859,7 +3859,7 @@ function CustomerGridSurface({
               : null;
           if (href) {
             event.preventDefault();
-            window.open(href, "_blank", "noopener,noreferrer");
+            window.open(href, "_blank", "noopener,noreferrer");
             return;
           }
         }
@@ -3883,8 +3883,8 @@ function CustomerGridSurface({
       // open a record; the hover Expand button below is its replacement, and half of this
       // change is a table whose records cannot be opened at all.
     },
-    [displayRows, visibleCols, scope, fieldByKey, canEditField, overlayEdits, lockedKey, togglePid,
-     setActiveCell]
+    [displayRows, visibleCols, scope, fieldByKey, canEditField, overlayEdits, lockedKey, togglePid,
+     setActiveCell]
   );
   /**
    * Double-click / Enter. KEPT as a door to the record on purpose (owner item 17 names the
@@ -3986,7 +3986,7 @@ function CustomerGridSurface({
      gridSelection.current]
   );
 
-  const openHeaderMenu = useCallback(
+  const openHeaderMenu = useCallback(
     (column: number, bounds: Rectangle) => {
       if (embedded) return;
       const definition = visibleCols[column];
@@ -4003,27 +4003,27 @@ function CustomerGridSurface({
         },
       });
     },
-    [embedded, visibleCols]
-  );
-  const onGridColumnResize = useCallback(
-    (column: GridColumn, newSize: number) => {
-      if (column.id === DIRECTIONS_COLUMN_ID) return;
-      onColumnResize(column, newSize);
-    },
-    [onColumnResize]
-  );
-  const onGridColumnMoved = useCallback(
-    (from: number, to: number) => {
-      if (from >= visibleCols.length || to >= visibleCols.length) return;
-      onColumnMoved(from, to);
-    },
-    [onColumnMoved, visibleCols.length]
-  );
-  const onGridColumnProposeMove = useCallback(
-    (from: number, to: number) =>
-      from < visibleCols.length && to < visibleCols.length && onColumnProposeMove(from, to),
-    [onColumnProposeMove, visibleCols.length]
-  );
+    [embedded, visibleCols]
+  );
+  const onGridColumnResize = useCallback(
+    (column: GridColumn, newSize: number) => {
+      if (column.id === DIRECTIONS_COLUMN_ID) return;
+      onColumnResize(column, newSize);
+    },
+    [onColumnResize]
+  );
+  const onGridColumnMoved = useCallback(
+    (from: number, to: number) => {
+      if (from >= visibleCols.length || to >= visibleCols.length) return;
+      onColumnMoved(from, to);
+    },
+    [onColumnMoved, visibleCols.length]
+  );
+  const onGridColumnProposeMove = useCallback(
+    (from: number, to: number) =>
+      from < visibleCols.length && to < visibleCols.length && onColumnProposeMove(from, to),
+    [onColumnProposeMove, visibleCols.length]
+  );
   const onHeaderClicked = useCallback(
     (column: number, event: HeaderClickedEventArgs) => {
       if (event.isEdge) return;
@@ -4377,19 +4377,27 @@ function CustomerGridSurface({
     // ⚠ `railViews` and `openScriptView` join for W37-T41's mint-on-pick branch above.
     [fields, persistView, views, queryBinding, scope, railViews, openScriptView]
   );
-  const renameView = useCallback(
-    (id: string, name: string) => {
-      const view = views.find((item) => item.id === id);
-      if (view && mayEditView(view, viewer)) {
-        const acceptedName = uniqueDisplayName(
-          name,
-          views.filter((item) => item.id !== id).map((item) => item.name)
-        );
-        if (acceptedName !== view.name) persistView({ ...view, name: acceptedName });
-      }
-    },
-    [views, persistView, viewer]
-  );
+  const renameView = useCallback(
+    (id: string, name: string) => {
+      const view = views.find((item) => item.id === id);
+      if (view && mayEditView(view, viewer)) {
+        const acceptedName = uniqueDisplayName(
+          name,
+          views.filter((item) => item.id !== id).map((item) => item.name)
+        );
+        if (acceptedName !== view.name) persistView({ ...view, name: acceptedName });
+      }
+    },
+    [views, persistView, viewer]
+  );
+  // ⛔ This hook must stay ABOVE the `loading` early-return far below: a hook after that
+  // return first runs only once loading flips off, so the same mounted instance renders one
+  // MORE hook than its loading render and React #310 takes down the whole surface. That is
+  // exactly how v44 crashed Odoo customers for every mount that began on the spinner.
+  const renameActiveView = useCallback(
+    (name: string) => renameView(activeViewId, name),
+    [activeViewId, renameView]
+  );
   /**
    * I12 (contract C3) — freeze/unfreeze a view's DISPLAY MODE.
    *
@@ -6366,19 +6374,15 @@ function CustomerGridSurface({
     : false;
   // Item 11c — is the menu's field the current frozen boundary (its Pin would be a no-op)?
   const menuVisIndex = menuField ? visibleKeys.indexOf(menuField.key) : -1;
-  const menuPinnedTo = menuVisIndex >= 0 && frozenN > 1 && menuVisIndex + 1 === frozenN;
-  const renameActiveView = useCallback(
-    (name: string) => renameView(activeViewId, name),
-    [activeViewId, renameView]
-  );
-  // Item 10 — the toolbar's mode switcher (grid-only on windowed tables, see displayMode).
+  const menuPinnedTo = menuVisIndex >= 0 && frozenN > 1 && menuVisIndex + 1 === frozenN;
+  // Item 10 — the toolbar's mode switcher (grid-only on windowed tables, see displayMode).
   const modeControl = serverWindowed || embedded || isQueryPreview ? undefined : (
     <ModeSwitch
-      mode={displayMode}
-      onMode={setDisplayMode}
-      viewName={activeView?.name}
-      canRenameView={!!activeView && mayEditView(activeView, viewer)}
-      onRenameView={renameActiveView}
+      mode={displayMode}
+      onMode={setDisplayMode}
+      viewName={activeView?.name}
+      canRenameView={!!activeView && mayEditView(activeView, viewer)}
+      onRenameView={renameActiveView}
       // I12 (C3) — a locked view's mode is frozen, so the switcher stops being a switcher.
       // The field pickers beside it stay: C3 freezes the MODE, and a kanban's stack field is
       // config, not mode ("filters/sorts/columns stay editable").
@@ -6406,9 +6410,9 @@ function CustomerGridSurface({
       calendarMetrics={displaySpec?.calendarMetrics}
       // The numeric family, exactly what C-DISP makes eligible — and the same memo the map's
       // bubble-size picker feeds from, so "what can be totalled" has one definition.
-      metricChoices={sizeFieldChoices}
-      onCalendarMetrics={setCalendarMetrics}
-    />
+      metricChoices={sizeFieldChoices}
+      onCalendarMetrics={setCalendarMetrics}
+    />
   );
   // ⭐ Wave-23 C7 — the open document, resolved exactly like the picker's value below it:
   // the OPTIMISTIC edit wins over the raw record, so a save the server has not echoed yet is
@@ -6748,11 +6752,11 @@ function CustomerGridSurface({
             }}
             folderAddPreview={serverWindowed ? undefined : folderAddPreview}
             onFolderAddToList={serverWindowed ? undefined : folderAddToList}
-            viewer={viewer}
-            onToggleLock={toggleViewLock}
-            onToggleImportant={toggleViewImportant}
-        />
-      )}
+            viewer={viewer}
+            onToggleLock={toggleViewLock}
+            onToggleImportant={toggleViewImportant}
+        />
+      )}
       {/* ⭐⭐ W37-T29 / CONTRACT C6 (rulings R2, R10) — E's CHAT, DOCKED AND OPENABLE.
           ⛔ THE LAUNCHER SHIPS IN THE SAME CHANGE AS THE MOUNT, and that is not tidiness: a panel
           whose only entry point is a prop nobody flips is mounted-but-never-offered, which is the
@@ -6867,22 +6871,22 @@ function CustomerGridSurface({
           pool={payload?.workspace?.pool}
           serverWindowed={serverWindowed}
           cohortAction={cohortAction}
-          filterSeed={filterSeed}
-          modeControl={modeControl}
-        />
-        {displayMode === "map" && (
-          <MapSettings
-            coordField={mapCoordField}
-            coordChoices={coordFieldChoices}
-            onPickCoordField={onPickCoordField}
-            sizeField={mapSizeField}
-            sizeChoices={sizeFieldChoices}
-            onPickSizeField={(key) => setDisplayField("sizeField", key)}
-            routeOpen={routePanelOpen}
-            selectedCount={selectedPids.size}
-            onToggleRoute={() => setRoutePanelOpen((open) => !open)}
-          />
-        )}
+          filterSeed={filterSeed}
+          modeControl={modeControl}
+        />
+        {displayMode === "map" && (
+          <MapSettings
+            coordField={mapCoordField}
+            coordChoices={coordFieldChoices}
+            onPickCoordField={onPickCoordField}
+            sizeField={mapSizeField}
+            sizeChoices={sizeFieldChoices}
+            onPickSizeField={(key) => setDisplayField("sizeField", key)}
+            routeOpen={routePanelOpen}
+            selectedCount={selectedPids.size}
+            onToggleRoute={() => setRoutePanelOpen((open) => !open)}
+          />
+        )}
         {/* Wave-10 item 9: the view's description used to render HERE, as a full-width band
             between the toolbar and the grid — it cost every row a strip of vertical space and
             read as an alert rather than as a label. It now sits under the view's name in the
@@ -6909,7 +6913,7 @@ function CustomerGridSurface({
             <>
             <DataEditor
               ref={gridRef}
-              columns={gridColumns}
+              columns={gridColumns}
               getCellContent={getCellContent}
               rows={displayRows.length}
               theme={lightTheme}
@@ -6970,9 +6974,9 @@ function CustomerGridSurface({
               // `false` from here takes the write over from glide's per-cell path.
               onDelete={onGridDelete}
               validateCell={validateCell}
-              onColumnResize={onGridColumnResize}
-              onColumnMoved={onGridColumnMoved}
-              onColumnProposeMove={onGridColumnProposeMove}
+              onColumnResize={onGridColumnResize}
+              onColumnMoved={onGridColumnMoved}
+              onColumnProposeMove={onGridColumnProposeMove}
               drawHeader={drawGridHeader}
               onHeaderMenuClick={(column, bounds) => openHeaderMenu(column, bounds)}
               onHeaderClicked={onHeaderClicked}
@@ -7380,17 +7384,17 @@ function CustomerGridSurface({
                  The write goes through `patchAndRecord`, the SAME door a typed edit takes, so the
                  undo stack and the permission check are the ones that already exist rather than a
                  second writer sitting outside every guard. */
-              onGeocoded={(writes) => {
+              onGeocoded={(writes) => {
                 for (const w of writes)
                   if (mapCoordField && canEditField(mapCoordField))
                     patchAndRecord(w.pid, { [mapCoordField.key]: w.value }, "a lookup");
-              }}
-              onRouteFieldCreated={revealRouteField}
-              routePanelOpen={routePanelOpen}
-              selectedPids={selectedPids}
-              onSelectPids={selectPids}
-              onOpen={setDetailPid}
-            />
+              }}
+              onRouteFieldCreated={revealRouteField}
+              routePanelOpen={routePanelOpen}
+              selectedPids={selectedPids}
+              onSelectPids={selectPids}
+              onOpen={setDetailPid}
+            />
           )}
           {/* Owner item 19 — the hover-only Expand. The COUNTERPART to item 17: the single
               click that used to open a record now highlights it, and this is where opening
@@ -7819,7 +7823,7 @@ function CustomerGridSurface({
               : undefined
           }
           onDelete={
-            menuField.custom && !menuField.shared && menuField.key !== lockedKey
+            menuField.custom && !menuField.shared && menuField.key !== lockedKey
               ? () => {
                   deleteField(menuField.key);
                   setColumnMenu(null);
@@ -7852,7 +7856,7 @@ function CustomerGridSurface({
           }
           onDuplicate={
             // Creatable strata only — a base Odoo field offers no Duplicate (contract).
-            menuField.custom && !menuField.shared ? () => duplicateField(menuField) : undefined
+            menuField.custom && !menuField.shared ? () => duplicateField(menuField) : undefined
           }
           onFormat={(format) => saveField({ ...menuField, format })}
           /**
@@ -7905,21 +7909,21 @@ function CustomerGridSurface({
           }
           onGroupByField={() => updateConfig({ ...config, groupBy: menuField.key })}
           onClearGroup={() => updateConfig({ ...config, groupBy: null })}
-            userOptions={payload?.userOptions ?? []}
+            userOptions={payload?.userOptions ?? []}
           measures={measures}
-           /* ⭐⭐ W39-T17 — field shares use the registry's canonical topic key, not the
-              per-user browser storage key carried by `workspace.storageKey`. These are the same
-              server-issued names used by the field-grant wall and the shared overlay write path.
-              Query previews have no durable field share target, so the action is omitted. */
-           tableKey={
-             isQueryPreview
-               ? undefined
-               : scope === "product"
-                 ? "product_data"
-                 : scope?.startsWith("ut_")
-                   ? scope
-                   : "customer_data"
-           }
+           /* ⭐⭐ W39-T17 — field shares use the registry's canonical topic key, not the
+              per-user browser storage key carried by `workspace.storageKey`. These are the same
+              server-issued names used by the field-grant wall and the shared overlay write path.
+              Query previews have no durable field share target, so the action is omitted. */
+           tableKey={
+             isQueryPreview
+               ? undefined
+               : scope === "product"
+                 ? "product_data"
+                 : scope?.startsWith("ut_")
+                   ? scope
+                   : "customer_data"
+           }
         />
       )}