@open-mercato/ui 0.6.7-develop.6758.1.697eade236 → 0.6.7-develop.6768.1.9d2c4efc43

package/dist/backend/injection/spotIds.js

@@ -1,3 +1,7 @@
+import {
+  crudFormExtensionSpotId,
+  dataTableExtensionSpotId
+} from "@open-mercato/shared/modules/widgets/extension-points";
 const BACKEND_RECORD_CURRENT_INJECTION_SPOT_ID = "backend:record:current";
 const BACKEND_LAYOUT_TOP_INJECTION_SPOT_ID = "backend:layout:top";
 const BACKEND_LAYOUT_FOOTER_INJECTION_SPOT_ID = "backend:layout:footer";
@@ -10,31 +14,32 @@ const BACKEND_SIDEBAR_NAV_FOOTER_INJECTION_SPOT_ID = "backend:sidebar:nav:footer
 const GLOBAL_SIDEBAR_STATUS_BADGES_INJECTION_SPOT_ID = "global:sidebar:status-badges";
 const GLOBAL_HEADER_STATUS_INDICATORS_INJECTION_SPOT_ID = "global:header:status-indicators";
 const CrudFormInjectionSpots = {
-  base: (entityId) => `crud-form:${entityId}`,
-  beforeFields: (entityId) => `crud-form:${entityId}:before-fields`,
-  afterFields: (entityId) => `crud-form:${entityId}:after-fields`,
-  header: (entityId) => `crud-form:${entityId}:header`,
-  footer: (entityId) => `crud-form:${entityId}:footer`,
-  sidebar: (entityId) => `crud-form:${entityId}:sidebar`,
-  group: (entityId, groupId) => `crud-form:${entityId}:group:${groupId}`,
-  fieldBefore: (entityId, fieldId) => `crud-form:${entityId}:field:${fieldId}:before`,
-  fieldAfter: (entityId, fieldId) => `crud-form:${entityId}:field:${fieldId}:after`
+  base: (entityId) => crudFormExtensionSpotId(entityId),
+  beforeFields: (entityId) => crudFormExtensionSpotId(entityId, "before-fields"),
+  afterFields: (entityId) => crudFormExtensionSpotId(entityId, "after-fields"),
+  header: (entityId) => crudFormExtensionSpotId(entityId, "header"),
+  fields: (entityId) => crudFormExtensionSpotId(entityId, "fields"),
+  footer: (entityId) => crudFormExtensionSpotId(entityId, "footer"),
+  sidebar: (entityId) => crudFormExtensionSpotId(entityId, "sidebar"),
+  group: (entityId, groupId) => crudFormExtensionSpotId(entityId, `group:${groupId}`),
+  fieldBefore: (entityId, fieldId) => crudFormExtensionSpotId(entityId, `field:${fieldId}:before`),
+  fieldAfter: (entityId, fieldId) => crudFormExtensionSpotId(entityId, `field:${fieldId}:after`)
 };
 const DataTableInjectionSpots = {
-  header: (tableId) => `data-table:${tableId}:header`,
-  footer: (tableId) => `data-table:${tableId}:footer`,
-  toolbar: (tableId) => `data-table:${tableId}:toolbar`,
+  header: (tableId) => dataTableExtensionSpotId(tableId, "header"),
+  footer: (tableId) => dataTableExtensionSpotId(tableId, "footer"),
+  toolbar: (tableId) => dataTableExtensionSpotId(tableId, "toolbar"),
   // Slot rendered immediately after the search input on the same row as the
   // FilterBar — intended for compact, icon-sized triggers (AI assistants,
   // saved view shortcuts, etc.). Hosts pass the resolved spot ID through to
   // FilterBar's `searchTrailing` prop. Stays empty when the table has no
   // search input.
-  searchTrailing: (tableId) => `data-table:${tableId}:search-trailing`,
-  emptyState: (tableId) => `data-table:${tableId}:empty-state`,
-  columns: (tableId) => `data-table:${tableId}:columns`,
-  rowActions: (tableId) => `data-table:${tableId}:row-actions`,
-  bulkActions: (tableId) => `data-table:${tableId}:bulk-actions`,
-  filters: (tableId) => `data-table:${tableId}:filters`
+  searchTrailing: (tableId) => dataTableExtensionSpotId(tableId, "search-trailing"),
+  emptyState: (tableId) => dataTableExtensionSpotId(tableId, "empty-state"),
+  columns: (tableId) => dataTableExtensionSpotId(tableId, "columns"),
+  rowActions: (tableId) => dataTableExtensionSpotId(tableId, "row-actions"),
+  bulkActions: (tableId) => dataTableExtensionSpotId(tableId, "bulk-actions"),
+  filters: (tableId) => dataTableExtensionSpotId(tableId, "filters")
 };
 const PORTAL_SIDEBAR_MAIN_INJECTION_SPOT_ID = "menu:portal:sidebar:main";
 const PORTAL_SIDEBAR_ACCOUNT_INJECTION_SPOT_ID = "menu:portal:sidebar:account";

package/dist/backend/injection/spotIds.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/injection/spotIds.ts"],
-  "sourcesContent": ["import type { InjectionSpotId } from '@open-mercato/shared/modules/widgets/injection'\n\nexport const BACKEND_RECORD_CURRENT_INJECTION_SPOT_ID: InjectionSpotId = 'backend:record:current'\nexport const BACKEND_LAYOUT_TOP_INJECTION_SPOT_ID: InjectionSpotId = 'backend:layout:top'\nexport const BACKEND_LAYOUT_FOOTER_INJECTION_SPOT_ID: InjectionSpotId = 'backend:layout:footer'\nexport const BACKEND_SIDEBAR_TOP_INJECTION_SPOT_ID: InjectionSpotId = 'backend:sidebar:top'\nexport const BACKEND_SIDEBAR_FOOTER_INJECTION_SPOT_ID: InjectionSpotId = 'backend:sidebar:footer'\n\n// Standardized backend chrome spot ids\nexport const BACKEND_TOPBAR_PROFILE_MENU_INJECTION_SPOT_ID: InjectionSpotId = 'backend:topbar:profile-menu'\nexport const BACKEND_TOPBAR_ACTIONS_INJECTION_SPOT_ID: InjectionSpotId = 'backend:topbar:actions'\nexport const BACKEND_SIDEBAR_NAV_INJECTION_SPOT_ID: InjectionSpotId = 'backend:sidebar:nav'\nexport const BACKEND_SIDEBAR_NAV_FOOTER_INJECTION_SPOT_ID: InjectionSpotId = 'backend:sidebar:nav:footer'\n\n// Standardized global status spot ids\nexport const GLOBAL_SIDEBAR_STATUS_BADGES_INJECTION_SPOT_ID: InjectionSpotId = 'global:sidebar:status-badges'\nexport const GLOBAL_HEADER_STATUS_INDICATORS_INJECTION_SPOT_ID: InjectionSpotId = 'global:header:status-indicators'\n\n// Standardized pattern helpers\nexport const CrudFormInjectionSpots = {\n  base: (entityId: string): InjectionSpotId => `crud-form:${entityId}`,\n  beforeFields: (entityId: string): InjectionSpotId => `crud-form:${entityId}:before-fields`,\n  afterFields: (entityId: string): InjectionSpotId => `crud-form:${entityId}:after-fields`,\n  header: (entityId: string): InjectionSpotId => `crud-form:${entityId}:header`,\n  footer: (entityId: string): InjectionSpotId => `crud-form:${entityId}:footer`,\n  sidebar: (entityId: string): InjectionSpotId => `crud-form:${entityId}:sidebar`,\n  group: (entityId: string, groupId: string): InjectionSpotId => `crud-form:${entityId}:group:${groupId}`,\n  fieldBefore: (entityId: string, fieldId: string): InjectionSpotId => `crud-form:${entityId}:field:${fieldId}:before`,\n  fieldAfter: (entityId: string, fieldId: string): InjectionSpotId => `crud-form:${entityId}:field:${fieldId}:after`,\n} as const\n\nexport const DataTableInjectionSpots = {\n  header: (tableId: string): InjectionSpotId => `data-table:${tableId}:header`,\n  footer: (tableId: string): InjectionSpotId => `data-table:${tableId}:footer`,\n  toolbar: (tableId: string): InjectionSpotId => `data-table:${tableId}:toolbar`,\n  // Slot rendered immediately after the search input on the same row as the\n  // FilterBar \u2014 intended for compact, icon-sized triggers (AI assistants,\n  // saved view shortcuts, etc.). Hosts pass the resolved spot ID through to\n  // FilterBar's `searchTrailing` prop. Stays empty when the table has no\n  // search input.\n  searchTrailing: (tableId: string): InjectionSpotId => `data-table:${tableId}:search-trailing`,\n  emptyState: (tableId: string): InjectionSpotId => `data-table:${tableId}:empty-state`,\n  columns: (tableId: string): InjectionSpotId => `data-table:${tableId}:columns`,\n  rowActions: (tableId: string): InjectionSpotId => `data-table:${tableId}:row-actions`,\n  bulkActions: (tableId: string): InjectionSpotId => `data-table:${tableId}:bulk-actions`,\n  filters: (tableId: string): InjectionSpotId => `data-table:${tableId}:filters`,\n} as const\n\n// Portal chrome spot IDs (FROZEN once shipped)\nexport const PORTAL_SIDEBAR_MAIN_INJECTION_SPOT_ID: InjectionSpotId = 'menu:portal:sidebar:main'\nexport const PORTAL_SIDEBAR_ACCOUNT_INJECTION_SPOT_ID: InjectionSpotId = 'menu:portal:sidebar:account'\nexport const PORTAL_HEADER_ACTIONS_INJECTION_SPOT_ID: InjectionSpotId = 'menu:portal:header:actions'\nexport const PORTAL_USER_DROPDOWN_INJECTION_SPOT_ID: InjectionSpotId = 'menu:portal:user-dropdown'\n\n// Portal page injection spots (FROZEN once shipped)\nexport const PortalInjectionSpots = {\n  dashboardSections: 'portal:dashboard:sections' as InjectionSpotId,\n  dashboardProfile: 'portal:dashboard:profile' as InjectionSpotId,\n  dashboardSidebar: 'portal:dashboard:sidebar' as InjectionSpotId,\n  pageBefore: (pageId: string): InjectionSpotId => `portal:${pageId}:before` as InjectionSpotId,\n  pageAfter: (pageId: string): InjectionSpotId => `portal:${pageId}:after` as InjectionSpotId,\n} as const\n\nexport const DetailInjectionSpots = {\n  header: (entityId: string): InjectionSpotId => `detail:${entityId}:header`,\n  tabs: (entityId: string): InjectionSpotId => `detail:${entityId}:tabs`,\n  sidebar: (entityId: string): InjectionSpotId => `detail:${entityId}:sidebar`,\n  footer: (entityId: string): InjectionSpotId => `detail:${entityId}:footer`,\n  statusBadges: (entityId: string): InjectionSpotId => `detail:${entityId}:status-badges`,\n} as const\n"],
-  "mappings": "AAEO,MAAM,2CAA4D;AAClE,MAAM,uCAAwD;AAC9D,MAAM,0CAA2D;AACjE,MAAM,wCAAyD;AAC/D,MAAM,2CAA4D;AAGlE,MAAM,gDAAiE;AACvE,MAAM,2CAA4D;AAClE,MAAM,wCAAyD;AAC/D,MAAM,+CAAgE;AAGtE,MAAM,iDAAkE;AACxE,MAAM,oDAAqE;AAG3E,MAAM,yBAAyB;AAAA,EACpC,MAAM,CAAC,aAAsC,aAAa,QAAQ;AAAA,EAClE,cAAc,CAAC,aAAsC,aAAa,QAAQ;AAAA,EAC1E,aAAa,CAAC,aAAsC,aAAa,QAAQ;AAAA,EACzE,QAAQ,CAAC,aAAsC,aAAa,QAAQ;AAAA,EACpE,QAAQ,CAAC,aAAsC,aAAa,QAAQ;AAAA,EACpE,SAAS,CAAC,aAAsC,aAAa,QAAQ;AAAA,EACrE,OAAO,CAAC,UAAkB,YAAqC,aAAa,QAAQ,UAAU,OAAO;AAAA,EACrG,aAAa,CAAC,UAAkB,YAAqC,aAAa,QAAQ,UAAU,OAAO;AAAA,EAC3G,YAAY,CAAC,UAAkB,YAAqC,aAAa,QAAQ,UAAU,OAAO;AAC5G;AAEO,MAAM,0BAA0B;AAAA,EACrC,QAAQ,CAAC,YAAqC,cAAc,OAAO;AAAA,EACnE,QAAQ,CAAC,YAAqC,cAAc,OAAO;AAAA,EACnE,SAAS,CAAC,YAAqC,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpE,gBAAgB,CAAC,YAAqC,cAAc,OAAO;AAAA,EAC3E,YAAY,CAAC,YAAqC,cAAc,OAAO;AAAA,EACvE,SAAS,CAAC,YAAqC,cAAc,OAAO;AAAA,EACpE,YAAY,CAAC,YAAqC,cAAc,OAAO;AAAA,EACvE,aAAa,CAAC,YAAqC,cAAc,OAAO;AAAA,EACxE,SAAS,CAAC,YAAqC,cAAc,OAAO;AACtE;AAGO,MAAM,wCAAyD;AAC/D,MAAM,2CAA4D;AAClE,MAAM,0CAA2D;AACjE,MAAM,yCAA0D;AAGhE,MAAM,uBAAuB;AAAA,EAClC,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,YAAY,CAAC,WAAoC,UAAU,MAAM;AAAA,EACjE,WAAW,CAAC,WAAoC,UAAU,MAAM;AAClE;AAEO,MAAM,uBAAuB;AAAA,EAClC,QAAQ,CAAC,aAAsC,UAAU,QAAQ;AAAA,EACjE,MAAM,CAAC,aAAsC,UAAU,QAAQ;AAAA,EAC/D,SAAS,CAAC,aAAsC,UAAU,QAAQ;AAAA,EAClE,QAAQ,CAAC,aAAsC,UAAU,QAAQ;AAAA,EACjE,cAAc,CAAC,aAAsC,UAAU,QAAQ;AACzE;",
+  "sourcesContent": ["import type { InjectionSpotId } from '@open-mercato/shared/modules/widgets/injection'\nimport {\n  crudFormExtensionSpotId,\n  dataTableExtensionSpotId,\n} from '@open-mercato/shared/modules/widgets/extension-points'\n\nexport const BACKEND_RECORD_CURRENT_INJECTION_SPOT_ID: InjectionSpotId = 'backend:record:current'\nexport const BACKEND_LAYOUT_TOP_INJECTION_SPOT_ID: InjectionSpotId = 'backend:layout:top'\nexport const BACKEND_LAYOUT_FOOTER_INJECTION_SPOT_ID: InjectionSpotId = 'backend:layout:footer'\nexport const BACKEND_SIDEBAR_TOP_INJECTION_SPOT_ID: InjectionSpotId = 'backend:sidebar:top'\nexport const BACKEND_SIDEBAR_FOOTER_INJECTION_SPOT_ID: InjectionSpotId = 'backend:sidebar:footer'\n\n// Standardized backend chrome spot ids\nexport const BACKEND_TOPBAR_PROFILE_MENU_INJECTION_SPOT_ID: InjectionSpotId = 'backend:topbar:profile-menu'\nexport const BACKEND_TOPBAR_ACTIONS_INJECTION_SPOT_ID: InjectionSpotId = 'backend:topbar:actions'\nexport const BACKEND_SIDEBAR_NAV_INJECTION_SPOT_ID: InjectionSpotId = 'backend:sidebar:nav'\nexport const BACKEND_SIDEBAR_NAV_FOOTER_INJECTION_SPOT_ID: InjectionSpotId = 'backend:sidebar:nav:footer'\n\n// Standardized global status spot ids\nexport const GLOBAL_SIDEBAR_STATUS_BADGES_INJECTION_SPOT_ID: InjectionSpotId = 'global:sidebar:status-badges'\nexport const GLOBAL_HEADER_STATUS_INDICATORS_INJECTION_SPOT_ID: InjectionSpotId = 'global:header:status-indicators'\n\n// Standardized pattern helpers\nexport const CrudFormInjectionSpots = {\n  base: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId),\n  beforeFields: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'before-fields'),\n  afterFields: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'after-fields'),\n  header: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'header'),\n  fields: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'fields'),\n  footer: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'footer'),\n  sidebar: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'sidebar'),\n  group: (entityId: string, groupId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, `group:${groupId}`),\n  fieldBefore: (entityId: string, fieldId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, `field:${fieldId}:before`),\n  fieldAfter: (entityId: string, fieldId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, `field:${fieldId}:after`),\n} as const\n\nexport const DataTableInjectionSpots = {\n  header: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'header'),\n  footer: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'footer'),\n  toolbar: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'toolbar'),\n  // Slot rendered immediately after the search input on the same row as the\n  // FilterBar \u2014 intended for compact, icon-sized triggers (AI assistants,\n  // saved view shortcuts, etc.). Hosts pass the resolved spot ID through to\n  // FilterBar's `searchTrailing` prop. Stays empty when the table has no\n  // search input.\n  searchTrailing: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'search-trailing'),\n  emptyState: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'empty-state'),\n  columns: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'columns'),\n  rowActions: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'row-actions'),\n  bulkActions: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'bulk-actions'),\n  filters: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'filters'),\n} as const\n\n// Portal chrome spot IDs (FROZEN once shipped)\nexport const PORTAL_SIDEBAR_MAIN_INJECTION_SPOT_ID: InjectionSpotId = 'menu:portal:sidebar:main'\nexport const PORTAL_SIDEBAR_ACCOUNT_INJECTION_SPOT_ID: InjectionSpotId = 'menu:portal:sidebar:account'\nexport const PORTAL_HEADER_ACTIONS_INJECTION_SPOT_ID: InjectionSpotId = 'menu:portal:header:actions'\nexport const PORTAL_USER_DROPDOWN_INJECTION_SPOT_ID: InjectionSpotId = 'menu:portal:user-dropdown'\n\n// Portal page injection spots (FROZEN once shipped)\nexport const PortalInjectionSpots = {\n  dashboardSections: 'portal:dashboard:sections' as InjectionSpotId,\n  dashboardProfile: 'portal:dashboard:profile' as InjectionSpotId,\n  dashboardSidebar: 'portal:dashboard:sidebar' as InjectionSpotId,\n  pageBefore: (pageId: string): InjectionSpotId => `portal:${pageId}:before` as InjectionSpotId,\n  pageAfter: (pageId: string): InjectionSpotId => `portal:${pageId}:after` as InjectionSpotId,\n} as const\n\nexport const DetailInjectionSpots = {\n  header: (entityId: string): InjectionSpotId => `detail:${entityId}:header`,\n  tabs: (entityId: string): InjectionSpotId => `detail:${entityId}:tabs`,\n  sidebar: (entityId: string): InjectionSpotId => `detail:${entityId}:sidebar`,\n  footer: (entityId: string): InjectionSpotId => `detail:${entityId}:footer`,\n  statusBadges: (entityId: string): InjectionSpotId => `detail:${entityId}:status-badges`,\n} as const\n"],
+  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,2CAA4D;AAClE,MAAM,uCAAwD;AAC9D,MAAM,0CAA2D;AACjE,MAAM,wCAAyD;AAC/D,MAAM,2CAA4D;AAGlE,MAAM,gDAAiE;AACvE,MAAM,2CAA4D;AAClE,MAAM,wCAAyD;AAC/D,MAAM,+CAAgE;AAGtE,MAAM,iDAAkE;AACxE,MAAM,oDAAqE;AAG3E,MAAM,yBAAyB;AAAA,EACpC,MAAM,CAAC,aAAsC,wBAAwB,QAAQ;AAAA,EAC7E,cAAc,CAAC,aAAsC,wBAAwB,UAAU,eAAe;AAAA,EACtG,aAAa,CAAC,aAAsC,wBAAwB,UAAU,cAAc;AAAA,EACpG,QAAQ,CAAC,aAAsC,wBAAwB,UAAU,QAAQ;AAAA,EACzF,QAAQ,CAAC,aAAsC,wBAAwB,UAAU,QAAQ;AAAA,EACzF,QAAQ,CAAC,aAAsC,wBAAwB,UAAU,QAAQ;AAAA,EACzF,SAAS,CAAC,aAAsC,wBAAwB,UAAU,SAAS;AAAA,EAC3F,OAAO,CAAC,UAAkB,YAAqC,wBAAwB,UAAU,SAAS,OAAO,EAAE;AAAA,EACnH,aAAa,CAAC,UAAkB,YAAqC,wBAAwB,UAAU,SAAS,OAAO,SAAS;AAAA,EAChI,YAAY,CAAC,UAAkB,YAAqC,wBAAwB,UAAU,SAAS,OAAO,QAAQ;AAChI;AAEO,MAAM,0BAA0B;AAAA,EACrC,QAAQ,CAAC,YAAqC,yBAAyB,SAAS,QAAQ;AAAA,EACxF,QAAQ,CAAC,YAAqC,yBAAyB,SAAS,QAAQ;AAAA,EACxF,SAAS,CAAC,YAAqC,yBAAyB,SAAS,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM1F,gBAAgB,CAAC,YAAqC,yBAAyB,SAAS,iBAAiB;AAAA,EACzG,YAAY,CAAC,YAAqC,yBAAyB,SAAS,aAAa;AAAA,EACjG,SAAS,CAAC,YAAqC,yBAAyB,SAAS,SAAS;AAAA,EAC1F,YAAY,CAAC,YAAqC,yBAAyB,SAAS,aAAa;AAAA,EACjG,aAAa,CAAC,YAAqC,yBAAyB,SAAS,cAAc;AAAA,EACnG,SAAS,CAAC,YAAqC,yBAAyB,SAAS,SAAS;AAC5F;AAGO,MAAM,wCAAyD;AAC/D,MAAM,2CAA4D;AAClE,MAAM,0CAA2D;AACjE,MAAM,yCAA0D;AAGhE,MAAM,uBAAuB;AAAA,EAClC,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,YAAY,CAAC,WAAoC,UAAU,MAAM;AAAA,EACjE,WAAW,CAAC,WAAoC,UAAU,MAAM;AAClE;AAEO,MAAM,uBAAuB;AAAA,EAClC,QAAQ,CAAC,aAAsC,UAAU,QAAQ;AAAA,EACjE,MAAM,CAAC,aAAsC,UAAU,QAAQ;AAAA,EAC/D,SAAS,CAAC,aAAsC,UAAU,QAAQ;AAAA,EAClE,QAAQ,CAAC,aAAsC,UAAU,QAAQ;AAAA,EACjE,cAAc,CAAC,aAAsC,UAAU,QAAQ;AACzE;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.6.7-develop.6758.1.697eade236",
+  "version": "0.6.7-develop.6768.1.9d2c4efc43",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -155,13 +155,13 @@
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.6.7-develop.6758.1.697eade236",
+    "@open-mercato/shared": "0.6.7-develop.6768.1.9d2c4efc43",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-is": ">=18.0.0"
   },
   "devDependencies": {
-    "@open-mercato/shared": "0.6.7-develop.6758.1.697eade236",
+    "@open-mercato/shared": "0.6.7-develop.6768.1.9d2c4efc43",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/backend/CrudForm.tsx

@@ -107,6 +107,7 @@ import type { InjectionFieldDefinition, FieldContext } from '@open-mercato/share
 import { insertByInjectionPlacement } from '@open-mercato/shared/modules/widgets/injection-position'
 import { evaluateInjectedVisibility } from './injection/visibility-utils'
 import { ComponentReplacementHandles } from '@open-mercato/shared/modules/widgets/component-registry'
+import { crudFormExtensionSpotId, extensionSpotChildId } from '@open-mercato/shared/modules/widgets/extension-points'
 import { RichEditor, type RichEditorLabels } from '../primitives/rich-editor'
 import MarkdownField from './inputs/MarkdownField'
 
@@ -816,7 +817,7 @@ export function CrudForm<TValues extends Record<string, unknown>>({
     if (injectionSpotId) return injectionSpotId
     if (resolvedEntityIds.length) {
       const normalized = resolvedEntityIds[0].replace(/[:]+/g, '.')
-      return `crud-form:${normalized}`
+      return crudFormExtensionSpotId(normalized)
     }
     return undefined
   }, [injectionSpotId, resolvedEntityIds])
@@ -825,7 +826,9 @@ export function CrudForm<TValues extends Record<string, unknown>>({
     if (resolvedEntityIds.length) return ComponentReplacementHandles.crudForm(resolvedEntityIds[0].replace(/[:]+/g, '.'))
     return ComponentReplacementHandles.crudForm('unknown')
   }, [replacementHandle, resolvedEntityIds])
-  const headerInjectionSpotId = resolvedInjectionSpotId ? `${resolvedInjectionSpotId}:header` : undefined
+  const headerInjectionSpotId = resolvedInjectionSpotId
+    ? extensionSpotChildId(resolvedInjectionSpotId, 'header')
+    : undefined
   
   const recordId = React.useMemo(() => {
     const raw = values.id
@@ -1083,7 +1086,9 @@ export function CrudForm<TValues extends Record<string, unknown>>({
     triggerOnLoad: true,
   })
   const { widgets: injectedFieldWidgets } = useInjectionDataWidgets(
-    resolvedInjectionSpotId ? `${resolvedInjectionSpotId}:fields` : '__disabled__:fields'
+    resolvedInjectionSpotId
+      ? extensionSpotChildId(resolvedInjectionSpotId, 'fields')
+      : '__disabled__:fields'
   )
   
   const { triggerEvent: triggerInjectionEvent } = useInjectionSpotEvents(resolvedInjectionSpotId ?? '', injectionWidgets)

package/src/backend/DataTable.tsx

@@ -59,6 +59,7 @@ import type {
   InjectionRowActionDefinition,
 } from '@open-mercato/shared/modules/widgets/injection'
 import { ComponentReplacementHandles } from '@open-mercato/shared/modules/widgets/component-registry'
+import { dataTableExtensionSpotId, extensionSpotChildId } from '@open-mercato/shared/modules/widgets/extension-points'
 import { insertByInjectionPlacement } from '@open-mercato/shared/modules/widgets/injection-position'
 import { useVirtualizer } from '@tanstack/react-virtual'
 import type {
@@ -551,6 +552,43 @@ export function writePerspectiveSnapshot(tableId: string, snapshot: PerspectiveS
   writeVersionedPreference(key, PERSPECTIVE_SNAPSHOT_VERSION, snapshot)
 }
 
+/**
+ * Purge every browser-local DataTable perspective snapshot and active-view cookie
+ * across all tables in this origin. Snapshots persist the unsaved/live table state
+ * (column widths, order, visibility) keyed only by `tableId`, so they are shared by
+ * every account that signs in on the same browser profile. Call this at the auth
+ * identity boundary (login) so one user's unsaved layout never carries over to a
+ * different user — including a different tenant — reusing the same browser tab (#4185).
+ */
+export function clearAllPerspectiveState(): void {
+  if (typeof window !== 'undefined') {
+    try {
+      const storage = window.localStorage
+      const staleKeys: string[] = []
+      for (let index = 0; index < storage.length; index += 1) {
+        const key = storage.key(index)
+        if (key && key.startsWith(`${PERSPECTIVE_STORAGE_PREFIX}:`)) staleKeys.push(key)
+      }
+      for (const key of staleKeys) storage.removeItem(key)
+    } catch {
+      // private mode / quota errors are non-fatal
+    }
+  }
+  if (typeof document !== 'undefined') {
+    try {
+      const cookies = document.cookie ? document.cookie.split(';') : []
+      for (const cookie of cookies) {
+        const name = cookie.split('=')[0]?.trim()
+        if (name && name.startsWith(`${PERSPECTIVE_COOKIE_PREFIX}:`)) {
+          document.cookie = `${name}=; Path=/; Max-Age=0; SameSite=Lax`
+        }
+      }
+    } catch {
+      // ignore — cookie access can throw in sandboxed contexts
+    }
+  }
+}
+
 export function sanitizePerspectiveSettings(source?: PerspectiveSettings | null): PerspectiveSettings | null {
   if (!source || typeof source !== 'object') return null
   const forbidden = new Set(['__proto__', 'prototype', 'constructor'])
@@ -1352,8 +1390,8 @@ export function DataTable<T>({
   }, [injectionSpotId, perspective?.tableId, extensionTableIdProp])
   const resolvedInjectionSpotId =
     injectionSpotId
-    ?? (perspective?.tableId ? `data-table:${perspective.tableId}` : null)
-    ?? (extensionTableIdProp ? `data-table:${extensionTableIdProp}` : null)
+    ?? (perspective?.tableId ? dataTableExtensionSpotId(perspective.tableId) : null)
+    ?? (extensionTableIdProp ? dataTableExtensionSpotId(extensionTableIdProp) : null)
   const resolvedReplacementHandle = replacementHandle ?? ComponentReplacementHandles.dataTable(extensionTableId ?? 'unknown')
   const baseInjectionContext = React.useMemo(
     () => {
@@ -1376,32 +1414,32 @@ export function DataTable<T>({
     [injectionContext, perspective?.tableId, extensionTableId, title]
   )
   const headerInjectionSpotId = React.useMemo(
-    () => (resolvedInjectionSpotId ? `${resolvedInjectionSpotId}:header` : null),
+    () => (resolvedInjectionSpotId ? extensionSpotChildId(resolvedInjectionSpotId, 'header') : null),
     [resolvedInjectionSpotId]
   )
   const toolbarInjectionSpotId = React.useMemo(
-    () => (resolvedInjectionSpotId ? `${resolvedInjectionSpotId}:toolbar` : null),
+    () => (resolvedInjectionSpotId ? extensionSpotChildId(resolvedInjectionSpotId, 'toolbar') : null),
     [resolvedInjectionSpotId]
   )
   const searchTrailingInjectionSpotId = React.useMemo(
-    () => (resolvedInjectionSpotId ? `${resolvedInjectionSpotId}:search-trailing` : null),
+    () => (resolvedInjectionSpotId ? extensionSpotChildId(resolvedInjectionSpotId, 'search-trailing') : null),
     [resolvedInjectionSpotId]
   )
   const footerInjectionSpotId = React.useMemo(
-    () => (resolvedInjectionSpotId ? `${resolvedInjectionSpotId}:footer` : null),
+    () => (resolvedInjectionSpotId ? extensionSpotChildId(resolvedInjectionSpotId, 'footer') : null),
     [resolvedInjectionSpotId]
   )
   const { widgets: columnWidgets } = useInjectionDataWidgets(
-    extensionTableId ? `data-table:${extensionTableId}:columns` : '__disabled__:columns',
+    extensionTableId ? dataTableExtensionSpotId(extensionTableId, 'columns') : '__disabled__:columns',
   )
   const { widgets: rowActionWidgets } = useInjectionDataWidgets(
-    extensionTableId ? `data-table:${extensionTableId}:row-actions` : '__disabled__:row-actions',
+    extensionTableId ? dataTableExtensionSpotId(extensionTableId, 'row-actions') : '__disabled__:row-actions',
   )
   const { widgets: bulkActionWidgets } = useInjectionDataWidgets(
-    extensionTableId ? `data-table:${extensionTableId}:bulk-actions` : '__disabled__:bulk-actions',
+    extensionTableId ? dataTableExtensionSpotId(extensionTableId, 'bulk-actions') : '__disabled__:bulk-actions',
   )
   const { widgets: filterWidgets } = useInjectionDataWidgets(
-    extensionTableId ? `data-table:${extensionTableId}:filters` : '__disabled__:filters',
+    extensionTableId ? dataTableExtensionSpotId(extensionTableId, 'filters') : '__disabled__:filters',
   )
   const injectedColumnDefs = React.useMemo<{ def: ColumnDef<T, unknown>; placement: InjectionColumnDefinition['placement'] }[]>(() => {
     const entries: InjectionColumnDefinition[] = []

package/src/backend/__tests__/DataTable.perspectiveStorage.test.ts

@@ -1,7 +1,8 @@
 /** @jest-environment jsdom */
-import { readPerspectiveSnapshot, writePerspectiveSnapshot } from '../DataTable'
+import { clearAllPerspectiveState, readPerspectiveSnapshot, writePerspectiveSnapshot } from '../DataTable'
 
 const PREFIX = 'om_table_perspective_snapshot'
+const COOKIE_PREFIX = 'om_table_perspective'
 
 describe('DataTable perspective snapshot storage (versioned envelope)', () => {
   beforeEach(() => {
@@ -52,3 +53,63 @@ describe('DataTable perspective snapshot storage (versioned envelope)', () => {
     expect(localStorage.getItem(`${PREFIX}:tbl5`)).toBeNull()
   })
 })
+
+describe('clearAllPerspectiveState (tenant-isolation at the auth identity boundary, #4185)', () => {
+  beforeEach(() => {
+    localStorage.clear()
+    for (const cookie of document.cookie ? document.cookie.split(';') : []) {
+      const name = cookie.split('=')[0]?.trim()
+      if (name) document.cookie = `${name}=; Path=/; Max-Age=0`
+    }
+  })
+
+  it('removes every perspective snapshot across all tables', () => {
+    writePerspectiveSnapshot('customers-companies', {
+      perspectiveId: null,
+      settings: { columnSizing: { name: 210, status: 60 } },
+      updatedAt: 1,
+    })
+    writePerspectiveSnapshot('customers-people', {
+      perspectiveId: null,
+      settings: { columnSizing: { name: 300 } },
+      updatedAt: 2,
+    })
+
+    clearAllPerspectiveState()
+
+    expect(localStorage.getItem(`${PREFIX}:customers-companies`)).toBeNull()
+    expect(localStorage.getItem(`${PREFIX}:customers-people`)).toBeNull()
+    expect(readPerspectiveSnapshot('customers-companies')).toBeNull()
+    expect(readPerspectiveSnapshot('customers-people')).toBeNull()
+  })
+
+  it('leaves unrelated localStorage keys untouched', () => {
+    writePerspectiveSnapshot('customers-companies', {
+      perspectiveId: null,
+      settings: { columnSizing: { name: 210 } },
+      updatedAt: 1,
+    })
+    localStorage.setItem('om_login_tenant', 'acme')
+    localStorage.setItem('om:auth:identity', '123')
+
+    clearAllPerspectiveState()
+
+    expect(localStorage.getItem(`${PREFIX}:customers-companies`)).toBeNull()
+    expect(localStorage.getItem('om_login_tenant')).toBe('acme')
+    expect(localStorage.getItem('om:auth:identity')).toBe('123')
+  })
+
+  it('expires the active-view perspective cookies', () => {
+    document.cookie = `${COOKIE_PREFIX}:customers-companies=view-1; Path=/`
+    expect(document.cookie).toContain(`${COOKIE_PREFIX}:customers-companies=view-1`)
+
+    clearAllPerspectiveState()
+
+    expect(document.cookie).not.toContain(`${COOKIE_PREFIX}:customers-companies`)
+  })
+
+  it('is a no-op when nothing is stored', () => {
+    expect(() => clearAllPerspectiveState()).not.toThrow()
+    expect(localStorage.length).toBe(0)
+  })
+})

package/src/backend/injection/__tests__/spotIds.extension-points.test.ts

@@ -0,0 +1,38 @@
+import {
+  CRUD_FORM_EXTENSION_SURFACES,
+  DATA_TABLE_EXTENSION_SURFACES,
+} from '@open-mercato/shared/modules/widgets/extension-points'
+import { CrudFormInjectionSpots, DataTableInjectionSpots } from '../spotIds'
+
+describe('standard extension point spot IDs', () => {
+  it('keeps every bound DataTable suffix aligned with the runtime helper', () => {
+    const tableId = 'catalog.products.list'
+    const boundSuffixes = DATA_TABLE_EXTENSION_SURFACES
+      .filter((surface) => surface.bound && surface.suffix)
+      .map((surface) => surface.suffix)
+
+    expect(boundSuffixes).toEqual([
+      'header',
+      'footer',
+      'toolbar',
+      'search-trailing',
+      'columns',
+      'row-actions',
+      'bulk-actions',
+      'filters',
+    ])
+    expect(DataTableInjectionSpots.emptyState(tableId)).toBe('data-table:catalog.products.list:empty-state')
+  })
+
+  it('keeps bound CrudForm spots distinct from helper-only spots', () => {
+    const entityId = 'catalog.product'
+    const boundKeys = CRUD_FORM_EXTENSION_SURFACES
+      .filter((surface) => surface.bound)
+      .map((surface) => surface.key)
+
+    expect(boundKeys).toEqual(['base', 'header', 'fields', 'replacement'])
+    expect(CrudFormInjectionSpots.base(entityId)).toBe('crud-form:catalog.product')
+    expect(CrudFormInjectionSpots.header(entityId)).toBe('crud-form:catalog.product:header')
+    expect(CrudFormInjectionSpots.fields(entityId)).toBe('crud-form:catalog.product:fields')
+  })
+})

package/src/backend/injection/spotIds.ts

@@ -1,4 +1,8 @@
 import type { InjectionSpotId } from '@open-mercato/shared/modules/widgets/injection'
+import {
+  crudFormExtensionSpotId,
+  dataTableExtensionSpotId,
+} from '@open-mercato/shared/modules/widgets/extension-points'
 
 export const BACKEND_RECORD_CURRENT_INJECTION_SPOT_ID: InjectionSpotId = 'backend:record:current'
 export const BACKEND_LAYOUT_TOP_INJECTION_SPOT_ID: InjectionSpotId = 'backend:layout:top'
@@ -18,32 +22,33 @@ export const GLOBAL_HEADER_STATUS_INDICATORS_INJECTION_SPOT_ID: InjectionSpotId
 
 // Standardized pattern helpers
 export const CrudFormInjectionSpots = {
-  base: (entityId: string): InjectionSpotId => `crud-form:${entityId}`,
-  beforeFields: (entityId: string): InjectionSpotId => `crud-form:${entityId}:before-fields`,
-  afterFields: (entityId: string): InjectionSpotId => `crud-form:${entityId}:after-fields`,
-  header: (entityId: string): InjectionSpotId => `crud-form:${entityId}:header`,
-  footer: (entityId: string): InjectionSpotId => `crud-form:${entityId}:footer`,
-  sidebar: (entityId: string): InjectionSpotId => `crud-form:${entityId}:sidebar`,
-  group: (entityId: string, groupId: string): InjectionSpotId => `crud-form:${entityId}:group:${groupId}`,
-  fieldBefore: (entityId: string, fieldId: string): InjectionSpotId => `crud-form:${entityId}:field:${fieldId}:before`,
-  fieldAfter: (entityId: string, fieldId: string): InjectionSpotId => `crud-form:${entityId}:field:${fieldId}:after`,
+  base: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId),
+  beforeFields: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'before-fields'),
+  afterFields: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'after-fields'),
+  header: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'header'),
+  fields: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'fields'),
+  footer: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'footer'),
+  sidebar: (entityId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, 'sidebar'),
+  group: (entityId: string, groupId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, `group:${groupId}`),
+  fieldBefore: (entityId: string, fieldId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, `field:${fieldId}:before`),
+  fieldAfter: (entityId: string, fieldId: string): InjectionSpotId => crudFormExtensionSpotId(entityId, `field:${fieldId}:after`),
 } as const
 
 export const DataTableInjectionSpots = {
-  header: (tableId: string): InjectionSpotId => `data-table:${tableId}:header`,
-  footer: (tableId: string): InjectionSpotId => `data-table:${tableId}:footer`,
-  toolbar: (tableId: string): InjectionSpotId => `data-table:${tableId}:toolbar`,
+  header: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'header'),
+  footer: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'footer'),
+  toolbar: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'toolbar'),
   // Slot rendered immediately after the search input on the same row as the
   // FilterBar — intended for compact, icon-sized triggers (AI assistants,
   // saved view shortcuts, etc.). Hosts pass the resolved spot ID through to
   // FilterBar's `searchTrailing` prop. Stays empty when the table has no
   // search input.
-  searchTrailing: (tableId: string): InjectionSpotId => `data-table:${tableId}:search-trailing`,
-  emptyState: (tableId: string): InjectionSpotId => `data-table:${tableId}:empty-state`,
-  columns: (tableId: string): InjectionSpotId => `data-table:${tableId}:columns`,
-  rowActions: (tableId: string): InjectionSpotId => `data-table:${tableId}:row-actions`,
-  bulkActions: (tableId: string): InjectionSpotId => `data-table:${tableId}:bulk-actions`,
-  filters: (tableId: string): InjectionSpotId => `data-table:${tableId}:filters`,
+  searchTrailing: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'search-trailing'),
+  emptyState: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'empty-state'),
+  columns: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'columns'),
+  rowActions: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'row-actions'),
+  bulkActions: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'bulk-actions'),
+  filters: (tableId: string): InjectionSpotId => dataTableExtensionSpotId(tableId, 'filters'),
 } as const
 
 // Portal chrome spot IDs (FROZEN once shipped)