@open-mercato/core 0.6.7-develop.6758.1.697eade236 → 0.6.7-develop.6766.1.40c9011995

package/src/modules/catalog/extension-points.ts

@@ -0,0 +1,24 @@
+import {
+  crudFormExtensionHost,
+  dataTableExtensionHost,
+  defineModuleExtensionPoints,
+} from '@open-mercato/shared/modules/widgets/extension-points'
+
+export const extensionPoints = defineModuleExtensionPoints({
+  moduleId: 'catalog',
+  hosts: {
+    productForm: crudFormExtensionHost({
+      entityId: 'catalog.product',
+      spotId: 'crud-form:catalog.product',
+      source: 'backend/catalog/products/[id]/page.tsx',
+    }),
+    productsTable: dataTableExtensionHost({
+      baseSpotId: 'data-table:catalog.products',
+      tableId: 'catalog.products.list',
+      source: 'components/products/ProductsDataTable.tsx',
+    }),
+    categoriesTable: dataTableExtensionHost({ tableId: 'catalog.categories.list', source: 'components/categories/CategoriesDataTable.tsx' }),
+  },
+})
+
+export default extensionPoints

package/src/modules/communication_channels/backend/communication_channels/channels/page.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/communication_channels/extension-points'
 import type { ColumnDef } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
@@ -114,7 +115,7 @@ export default function ChannelsListPage() {
       <PageBody>
         <DataTable<ChannelRow>
           title={t('communication_channels.nav.title', 'Communication Channels')}
-          extensionTableId="communication_channels.channels"
+          extensionTableId={extensionPoints.hosts.channelsTable.tableId}
           columns={columns}
           data={rows}
           isLoading={isLoading}

package/src/modules/communication_channels/backend/profile/communication-channels/page.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/communication_channels/extension-points'
 import type { ColumnDef } from '@tanstack/react-table'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
@@ -469,7 +470,7 @@ export default function ProfileCommunicationChannelsPage() {
           {/* Provider connect entry points injected by each channel-* package
               (channel-gmail, channel-imap) via UMES. */}
           <InjectionSpot
-            spotId="profile:communication-channels:connect"
+            spotId={extensionPoints.hosts.profileConnect.spotId}
             context={{ reload: () => setReloadKey((k) => k + 1) }}
             data={{}}
           />
@@ -489,7 +490,7 @@ export default function ProfileCommunicationChannelsPage() {
 
         <DataTable<ChannelRow>
           title={t('communication_channels.profile.tableTitle', 'Your channels')}
-          extensionTableId="communication_channels.profile.channels"
+          extensionTableId={extensionPoints.hosts.profileChannelsTable.tableId}
           columns={columns}
           data={rows}
           isLoading={isLoading}

package/src/modules/communication_channels/extension-points.ts

@@ -0,0 +1,17 @@
+import { dataTableExtensionHost, defineModuleExtensionPoints, injectionExtensionHost } from '@open-mercato/shared/modules/widgets/extension-points'
+
+export const extensionPoints = defineModuleExtensionPoints({
+  moduleId: 'communication_channels',
+  hosts: {
+    channelsTable: dataTableExtensionHost({ tableId: 'communication_channels.channels', source: 'backend/communication_channels/channels/page.tsx' }),
+    profileConnect: injectionExtensionHost({
+      family: 'generic',
+      spotId: 'profile:communication-channels:connect',
+      supported: ['render-widget'],
+      source: 'backend/profile/communication-channels/page.tsx',
+    }),
+    profileChannelsTable: dataTableExtensionHost({ tableId: 'communication_channels.profile.channels', source: 'backend/profile/communication-channels/page.tsx' }),
+  },
+})
+
+export default extensionPoints

package/src/modules/configs/backend/config/system-status/page.tsx

@@ -1,5 +1,6 @@
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'
+import { extensionPoints } from '@open-mercato/core/modules/configs/extension-points'
 import SystemStatusPanel from '../../../components/SystemStatusPanel'
 
 export default function SystemStatusPage() {
@@ -8,7 +9,7 @@ export default function SystemStatusPage() {
       <PageBody>
         <SystemStatusPanel />
         <InjectionSpot
-          spotId="configs.system_status:details"
+          spotId={extensionPoints.hosts.systemStatusDetails.spotId}
           context={{ path: '/backend/config/system-status' }}
         />
       </PageBody>

package/src/modules/configs/extension-points.ts

@@ -0,0 +1,15 @@
+import { defineModuleExtensionPoints, injectionExtensionHost } from '@open-mercato/shared/modules/widgets/extension-points'
+
+export const extensionPoints = defineModuleExtensionPoints({
+  moduleId: 'configs',
+  hosts: {
+    systemStatusDetails: injectionExtensionHost({
+      family: 'detail',
+      spotId: 'configs.system_status:details',
+      supported: ['render-widget'],
+      source: 'backend/config/system-status/page.tsx',
+    }),
+  },
+})
+
+export default extensionPoints

package/src/modules/currencies/backend/currencies/page.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/currencies/extension-points'
 import Link from 'next/link'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
@@ -343,7 +344,7 @@ export default function CurrenciesPage() {
           )}
           pagination={{ page, pageSize: 50, total, totalPages, onPageChange: setPage }}
           isLoading={isLoading}
-          perspective={{ tableId: 'currencies.list' }}
+          perspective={{ tableId: extensionPoints.hosts.currenciesTable.tableId }}
         />
       </PageBody>
       {ConfirmDialogElement}

package/src/modules/currencies/backend/exchange-rates/page.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/currencies/extension-points'
 import Link from 'next/link'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
@@ -333,7 +334,7 @@ export default function ExchangeRatesPage() {
           )}
           pagination={{ page, pageSize: 50, total, totalPages, onPageChange: setPage }}
           isLoading={isLoading}
-          perspective={{ tableId: 'exchange-rates.list' }}
+          perspective={{ tableId: extensionPoints.hosts.exchangeRatesTable.tableId }}
         />
       </PageBody>
       {ConfirmDialogElement}

package/src/modules/currencies/extension-points.ts

@@ -0,0 +1,11 @@
+import { dataTableExtensionHost, defineModuleExtensionPoints } from '@open-mercato/shared/modules/widgets/extension-points'
+
+export const extensionPoints = defineModuleExtensionPoints({
+  moduleId: 'currencies',
+  hosts: {
+    currenciesTable: dataTableExtensionHost({ tableId: 'currencies.list', source: 'backend/currencies/page.tsx' }),
+    exchangeRatesTable: dataTableExtensionHost({ tableId: 'exchange-rates.list', source: 'backend/exchange-rates/page.tsx' }),
+  },
+})
+
+export default extensionPoints

package/src/modules/customer_accounts/backend/customer_accounts/roles/page.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customer_accounts/extension-points'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
@@ -213,7 +214,7 @@ export default function CustomerRolesPage() {
           searchValue={search}
           onSearchChange={(value) => { setSearch(value); setPage(1) }}
           searchPlaceholder={t('customer_accounts.admin.roles.searchPlaceholder', 'Search roles...')}
-          perspective={{ tableId: 'customer_accounts.admin.roles' }}
+          perspective={{ tableId: extensionPoints.hosts.rolesTable.tableId }}
           emptyState={(
             <ListEmptyState
               entityName={t('customer_accounts.admin.roles.title', 'Customer Roles')}

package/src/modules/customer_accounts/backend/customer_accounts/users/page.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customer_accounts/extension-points'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { Globe, Settings } from 'lucide-react'
@@ -545,7 +546,7 @@ export default function CustomerAccountsPage() {
           filterValues={filterValues}
           onFiltersApply={handleFiltersApply}
           onFiltersClear={handleFiltersClear}
-          perspective={{ tableId: 'customer_accounts.admin.users' }}
+          perspective={{ tableId: extensionPoints.hosts.usersTable.tableId }}
           emptyState={(
             <ListEmptyState
               entityName={t('customer_accounts.admin.title', 'Users')}

package/src/modules/customer_accounts/extension-points.ts

@@ -0,0 +1,11 @@
+import { dataTableExtensionHost, defineModuleExtensionPoints } from '@open-mercato/shared/modules/widgets/extension-points'
+
+export const extensionPoints = defineModuleExtensionPoints({
+  moduleId: 'customer_accounts',
+  hosts: {
+    usersTable: dataTableExtensionHost({ tableId: 'customer_accounts.admin.users', source: 'backend/customer_accounts/users/page.tsx' }),
+    rolesTable: dataTableExtensionHost({ tableId: 'customer_accounts.admin.roles', source: 'backend/customer_accounts/roles/page.tsx' }),
+  },
+})
+
+export default extensionPoints

package/src/modules/customers/backend/customers/companies/[id]/page.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customers/extension-points'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
@@ -967,7 +968,7 @@ export default function CustomerCompanyDetailPage({ params }: { params?: { id?:
               <h2 className="text-sm font-semibold">{t('customers.companies.detail.sections.details', 'Company details')}</h2>
               <DetailFieldsSection fields={detailFields} />
               <InjectionSpot
-                spotId="customers.company.detail:details"
+                spotId={extensionPoints.hosts.companyLegacyDetails.spotId}
                 context={injectionContext}
                 data={data}
                 onDataChange={(next) => setData(next as CompanyOverview)}

package/src/modules/customers/backend/customers/companies/page.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customers/extension-points'
 import Link from 'next/link'
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
@@ -888,7 +889,7 @@ export default function CustomersCompaniesPage() {
           searchPlaceholder={t('customers.companies.list.searchPlaceholder')}
           entityIds={[E.customers.customer_entity, E.customers.customer_company_profile]}
           onRowClick={(row) => router.push(`/backend/customers/companies-v2/${row.id}`)}
-          perspective={{ tableId: 'customers.companies.list' }}
+          perspective={{ tableId: extensionPoints.hosts.companiesTable.tableId }}
           sortable
           manualSorting
           sorting={sorting}

package/src/modules/customers/backend/customers/companies-v2/[id]/page.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customers/extension-points'
 import Link from 'next/link'
 import { useRouter, useSearchParams, usePathname } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
@@ -471,8 +472,8 @@ export default function CompanyDetailV2Page({ params }: { params?: { id?: string
       <PageBody>
         <div className="space-y-4">
           {/* UMES header injection */}
-          <InjectionSpot spotId="detail:customers.company:header" context={injectionContext} data={data} />
-          <InjectionSpot spotId="detail:customers.company:status-badges" context={injectionContext} data={data} />
+          <InjectionSpot spotId={extensionPoints.hosts.companyHeader.spotId} context={injectionContext} data={data} />
+          <InjectionSpot spotId={extensionPoints.hosts.companyStatusBadges.spotId} context={injectionContext} data={data} />
 
           {/* Persistent company header */}
           <CompanyDetailHeader
@@ -500,7 +501,7 @@ export default function CompanyDetailV2Page({ params }: { params?: { id?: string
                 <CrudForm<CompanyEditFormValues>
                   embedded
                   trackDirtyWhenEmbedded
-                  injectionSpotId="crud-form:customers.company"
+                  injectionSpotId={extensionPoints.hosts.companyForm.spotId}
                   entityIds={[E.customers.customer_entity, E.customers.customer_company_profile]}
                   schema={formSchema}
                   fields={formFields}
@@ -606,7 +607,7 @@ export default function CompanyDetailV2Page({ params }: { params?: { id?: string
           />
 
           {/* UMES footer injection */}
-          <InjectionSpot spotId="detail:customers.company:footer" context={injectionContext} data={data} />
+          <InjectionSpot spotId={extensionPoints.hosts.companyFooter.spotId} context={injectionContext} data={data} />
 
           {/* Schedule Activity Dialog */}
           <ScheduleActivityDialog

package/src/modules/customers/backend/customers/deals/[id]/page.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customers/extension-points'
 import Link from 'next/link'
 import { Building2, UserSearch, Users } from 'lucide-react'
 import { EmptyState } from '@open-mercato/ui/primitives/empty-state'
@@ -383,7 +384,7 @@ export default function DealDetailPage({ params }: { params?: { id?: string } })
         showAssociationsGroup={false}
         showVersionHistory={false}
         showCancelAction={false}
-        injectionSpotId="crud-form:customers.deal"
+        injectionSpotId={extensionPoints.hosts.dealForm.spotId}
         optimisticLockUpdatedAt={data.deal.updatedAt}
         onDirtyChange={setIsDirty}
         initialPipelineOptions={formPipelineOptions}
@@ -610,7 +611,7 @@ export default function DealDetailPage({ params }: { params?: { id?: string } })
     <Page>
       <PageBody>
         <div className="space-y-6">
-          <InjectionSpot spotId="detail:customers.deal:header" context={injectionContext} data={data} />
+          <InjectionSpot spotId={extensionPoints.hosts.dealHeader.spotId} context={injectionContext} data={data} />
 
           <DealDetailHeader
             deal={data.deal}
@@ -628,7 +629,7 @@ export default function DealDetailPage({ params }: { params?: { id?: string } })
             isSaving={isSaving}
           />
 
-          <InjectionSpot spotId="detail:customers.deal:status-badges" context={injectionContext} data={data} />
+          <InjectionSpot spotId={extensionPoints.hosts.dealStatusBadges.spotId} context={injectionContext} data={data} />
 
           <PipelineStepper
             stages={data.pipelineStages}
@@ -663,7 +664,7 @@ export default function DealDetailPage({ params }: { params?: { id?: string } })
             />
           </DealDetailTabs>
 
-          <InjectionSpot spotId="detail:customers.deal:footer" context={injectionContext} data={data} />
+          <InjectionSpot spotId={extensionPoints.hosts.dealFooter.spotId} context={injectionContext} data={data} />
         </div>
 
         {ConfirmDialogElement}

package/src/modules/customers/backend/customers/deals/page.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customers/extension-points'
 import Link from 'next/link'
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import { useQueryClient } from '@tanstack/react-query'
@@ -1146,7 +1147,7 @@ export default function CustomersDealsPage() {
           }}
           exporter={exportConfig}
           entityId={E.customers.customer_deal}
-          perspective={{ tableId: 'customers.deals.list' }}
+          perspective={{ tableId: extensionPoints.hosts.dealsTable.tableId }}
           advancedFilter={{
             auto: true,
             value: filterPanel.tree,

package/src/modules/customers/backend/customers/people/[id]/page.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customers/extension-points'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
@@ -922,7 +923,7 @@ export default function CustomerPersonDetailPage({ params }: { params?: { id?: s
               <h2 className="text-sm font-semibold">{t('customers.people.detail.sections.details')}</h2>
               <DetailFieldsSection fields={detailFields} />
               <InjectionSpot
-                spotId="customers.person.detail:details"
+                spotId={extensionPoints.hosts.personLegacyDetails.spotId}
                 context={injectionContext}
                 data={data}
                 onDataChange={(next) => setData(next as PersonOverview)}

package/src/modules/customers/backend/customers/people/page.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customers/extension-points'
 import Link from 'next/link'
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
@@ -914,7 +915,7 @@ export default function CustomersPeoplePage() {
           onSearchChange={(value) => { setSearch(value); setPage(1) }}
           searchPlaceholder={t('customers.people.list.searchPlaceholder')}
           entityIds={[E.customers.customer_entity, E.customers.customer_person_profile]}
-          perspective={{ tableId: 'customers.people.list' }}
+          perspective={{ tableId: extensionPoints.hosts.peopleTable.tableId }}
           onRowClick={(row) => router.push(`/backend/customers/people-v2/${row.id}`)}
           sortable
           manualSorting

package/src/modules/customers/backend/customers/people-v2/[id]/page.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customers/extension-points'
 import Link from 'next/link'
 import { useRouter, useSearchParams, usePathname } from 'next/navigation'
 import { User, Hash, Users, Building2 } from 'lucide-react'
@@ -502,8 +503,8 @@ export default function PersonDetailV2Page({ params }: { params?: { id?: string
       <PageBody>
         <div className="space-y-4">
           {/* UMES header injection (third-party extensions) */}
-          <InjectionSpot spotId="detail:customers.person:header" context={injectionContext} data={data} />
-          <InjectionSpot spotId="detail:customers.person:status-badges" context={injectionContext} data={data} />
+          <InjectionSpot spotId={extensionPoints.hosts.personHeader.spotId} context={injectionContext} data={data} />
+          <InjectionSpot spotId={extensionPoints.hosts.personStatusBadges.spotId} context={injectionContext} data={data} />
 
           {/* Persistent person header */}
           <PersonDetailHeader
@@ -537,7 +538,7 @@ export default function PersonDetailV2Page({ params }: { params?: { id?: string
                 <CrudForm<PersonEditFormValues>
                   embedded
                   trackDirtyWhenEmbedded
-                  injectionSpotId="crud-form:customers.person"
+                  injectionSpotId={extensionPoints.hosts.personForm.spotId}
                   entityIds={[E.customers.customer_entity, E.customers.customer_person_profile]}
                   schema={formSchema}
                   fields={fields}
@@ -719,7 +720,7 @@ export default function PersonDetailV2Page({ params }: { params?: { id?: string
           })()}
 
           {/* UMES footer injection */}
-          <InjectionSpot spotId="detail:customers.person:footer" context={injectionContext} data={data} />
+          <InjectionSpot spotId={extensionPoints.hosts.personFooter.spotId} context={injectionContext} data={data} />
 
           {/* Schedule Activity Dialog — opened from PlannedActivities "+ Schedule" or other triggers */}
           <ScheduleActivityDialog

package/src/modules/customers/components/CustomerTodosTable.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/customers/extension-points'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import type { ColumnDef } from '@tanstack/react-table'
@@ -253,7 +254,7 @@ export function CustomerTodosTable(): React.JSX.Element {
         setSearch(value)
         setPage(1)
       }}
-      perspective={{ tableId: 'customers.todos.list' }}
+      perspective={{ tableId: extensionPoints.hosts.todosTable.tableId }}
       rowActions={(row) => {
         const customerLink = buildCustomerHref(row)
         const todoHref = row.externalHref ?? resolveTodoHref(row.todoSource, row.todoId)

package/src/modules/customers/extension-points.ts

@@ -0,0 +1,40 @@
+import {
+  crudFormExtensionHost,
+  dataTableExtensionHost,
+  defineModuleExtensionPoints,
+  injectionExtensionHost,
+} from '@open-mercato/shared/modules/widgets/extension-points'
+
+const detailHost = (spotId: string, source: string) => injectionExtensionHost({
+  family: 'detail',
+  spotId,
+  supported: ['render-widget'],
+  contextContract: 'customers.detail.v1',
+  source,
+})
+
+export const extensionPoints = defineModuleExtensionPoints({
+  moduleId: 'customers',
+  hosts: {
+    companiesTable: dataTableExtensionHost({ tableId: 'customers.companies.list', source: 'backend/customers/companies/page.tsx' }),
+    dealsTable: dataTableExtensionHost({ tableId: 'customers.deals.list', source: 'backend/customers/deals/page.tsx' }),
+    peopleTable: dataTableExtensionHost({ tableId: 'customers.people.list', source: 'backend/customers/people/page.tsx' }),
+    todosTable: dataTableExtensionHost({ tableId: 'customers.todos.list', source: 'components/CustomerTodosTable.tsx' }),
+    companyForm: crudFormExtensionHost({ entityId: 'customers.company', spotId: 'crud-form:customers.company', source: 'backend/customers/companies-v2/[id]/page.tsx' }),
+    dealForm: crudFormExtensionHost({ entityId: 'customers.deal', spotId: 'crud-form:customers.deal', source: 'backend/customers/deals/[id]/page.tsx' }),
+    personForm: crudFormExtensionHost({ entityId: 'customers.person', spotId: 'crud-form:customers.person', source: 'backend/customers/people-v2/[id]/page.tsx' }),
+    companyHeader: detailHost('detail:customers.company:header', 'backend/customers/companies-v2/[id]/page.tsx'),
+    companyStatusBadges: detailHost('detail:customers.company:status-badges', 'backend/customers/companies-v2/[id]/page.tsx'),
+    companyFooter: detailHost('detail:customers.company:footer', 'backend/customers/companies-v2/[id]/page.tsx'),
+    companyLegacyDetails: detailHost('customers.company.detail:details', 'backend/customers/companies/[id]/page.tsx'),
+    dealHeader: detailHost('detail:customers.deal:header', 'backend/customers/deals/[id]/page.tsx'),
+    dealStatusBadges: detailHost('detail:customers.deal:status-badges', 'backend/customers/deals/[id]/page.tsx'),
+    dealFooter: detailHost('detail:customers.deal:footer', 'backend/customers/deals/[id]/page.tsx'),
+    personHeader: detailHost('detail:customers.person:header', 'backend/customers/people-v2/[id]/page.tsx'),
+    personStatusBadges: detailHost('detail:customers.person:status-badges', 'backend/customers/people-v2/[id]/page.tsx'),
+    personFooter: detailHost('detail:customers.person:footer', 'backend/customers/people-v2/[id]/page.tsx'),
+    personLegacyDetails: detailHost('customers.person.detail:details', 'backend/customers/people/[id]/page.tsx'),
+  },
+})
+
+export default extensionPoints

package/src/modules/customers/lib/calendar/format.ts

@@ -2,6 +2,12 @@ const DATE_OPTIONS: Intl.DateTimeFormatOptions = { day: 'numeric', month: 'short
 
 const TIME_OPTIONS: Intl.DateTimeFormatOptions = { hour: 'numeric', minute: '2-digit' }
 
+const NON_CANONICAL_INTL_SPACING = /[\u00a0\u2007\u2009\u202f]/g
+
+function normalizeIntlSpacing(value: string): string {
+  return value.replace(NON_CANONICAL_INTL_SPACING, ' ')
+}
+
 export function formatDateLabel(locale: string, date: Date): string {
   return new Intl.DateTimeFormat(locale, DATE_OPTIONS).format(date)
 }
@@ -9,17 +15,17 @@ export function formatDateLabel(locale: string, date: Date): string {
 export function formatDateRangeLabel(locale: string, from: Date, to: Date): string {
   const formatter = new Intl.DateTimeFormat(locale, DATE_OPTIONS)
   try {
-    return formatter.formatRange(from, to)
+    return normalizeIntlSpacing(formatter.formatRange(from, to))
   } catch {
-    return `${formatter.format(from)} – ${formatter.format(to)}`
+    return normalizeIntlSpacing(`${formatter.format(from)} – ${formatter.format(to)}`)
   }
 }
 
 export function formatTimeRangeLabel(locale: string, start: Date, end: Date): string {
   const formatter = new Intl.DateTimeFormat(locale, TIME_OPTIONS)
   try {
-    return formatter.formatRange(start, end)
+    return normalizeIntlSpacing(formatter.formatRange(start, end))
   } catch {
-    return `${formatter.format(start)} – ${formatter.format(end)}`
+    return normalizeIntlSpacing(`${formatter.format(start)} – ${formatter.format(end)}`)
   }
 }

package/src/modules/data_sync/backend/data-sync/page.tsx

@@ -1,5 +1,6 @@
 "use client"
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/data_sync/extension-points'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
@@ -984,7 +985,7 @@ export default function SyncRunsDashboardPage() {
           searchValue={search}
           onSearchChange={(value) => { setSearch(value); setPage(1) }}
           searchPlaceholder={t('data_sync.dashboard.searchPlaceholder')}
-          perspective={{ tableId: 'data_sync.runs' }}
+          perspective={{ tableId: extensionPoints.hosts.runsTable.tableId }}
           onRowClick={(row) => {
             router.push(`/backend/data-sync/runs/${encodeURIComponent(row.id)}`)
           }}

package/src/modules/data_sync/extension-points.ts

@@ -0,0 +1,10 @@
+import { dataTableExtensionHost, defineModuleExtensionPoints } from '@open-mercato/shared/modules/widgets/extension-points'
+
+export const extensionPoints = defineModuleExtensionPoints({
+  moduleId: 'data_sync',
+  hosts: {
+    runsTable: dataTableExtensionHost({ tableId: 'data_sync.runs', source: 'backend/data-sync/page.tsx' }),
+  },
+})
+
+export default extensionPoints

package/src/modules/directory/backend/directory/organizations/page.tsx

@@ -1,5 +1,6 @@
 "use client"
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/directory/extension-points'
 import Link from 'next/link'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import type { ColumnDef } from '@tanstack/react-table'
@@ -271,7 +272,7 @@ export default function DirectoryOrganizationsPage() {
             setPage(1)
           }}
           sortable={false}
-          perspective={{ tableId: 'directory.organizations.list' }}
+          perspective={{ tableId: extensionPoints.hosts.organizationsTable.tableId }}
           rowActions={(row) => (
             canManage ? (
               <RowActions

package/src/modules/directory/backend/directory/tenants/page.tsx

@@ -1,5 +1,6 @@
 "use client"
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/directory/extension-points'
 import Link from 'next/link'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import type { ColumnDef, SortingState } from '@tanstack/react-table'
@@ -193,7 +194,7 @@ export default function DirectoryTenantsPage() {
           sortable
           sorting={sorting}
           onSortingChange={(state) => { setSorting(state); setPage(1) }}
-          perspective={{ tableId: 'directory.tenants.list' }}
+          perspective={{ tableId: extensionPoints.hosts.tenantsTable.tableId }}
           rowActions={(row) => (
             canManage ? (
               <RowActions

package/src/modules/directory/extension-points.ts

@@ -0,0 +1,11 @@
+import { dataTableExtensionHost, defineModuleExtensionPoints } from '@open-mercato/shared/modules/widgets/extension-points'
+
+export const extensionPoints = defineModuleExtensionPoints({
+  moduleId: 'directory',
+  hosts: {
+    organizationsTable: dataTableExtensionHost({ tableId: 'directory.organizations.list', source: 'backend/directory/organizations/page.tsx' }),
+    tenantsTable: dataTableExtensionHost({ tableId: 'directory.tenants.list', source: 'backend/directory/tenants/page.tsx' }),
+  },
+})
+
+export default extensionPoints

package/src/modules/entities/backend/entities/user/[entityId]/records/page.tsx

@@ -1,5 +1,7 @@
 "use client"
 import * as React from 'react'
+import { resolveExtensionPointPattern } from '@open-mercato/shared/modules/widgets/extension-points'
+import { extensionPoints } from '@open-mercato/core/modules/entities/extension-points'
 import { useSearchParams } from 'next/navigation'
 import type { ColumnDef, SortingState } from '@tanstack/react-table'
 import { filterCustomFieldDefs, useCustomFieldDefs } from '@open-mercato/ui/backend/utils/customFieldDefs'
@@ -383,7 +385,9 @@ export RECORD_ID="<record uuid>"`}</code></pre>
           actions={actions}
           columns={columns}
           data={data}
-          perspective={{ tableId: `entities.user.records.${entityId}` }}
+          perspective={{
+            tableId: resolveExtensionPointPattern(extensionPoints.hosts.userRecordsTable.pattern, { entityId }),
+          }}
           exporter={exportConfig}
           filters={baseFilters}
           filterValues={filterValues}

package/src/modules/entities/components/SystemEntitiesTable.tsx

@@ -1,5 +1,6 @@
 "use client"
 import * as React from 'react'
+import { extensionPoints } from '@open-mercato/core/modules/entities/extension-points'
 import { useQuery } from '@tanstack/react-query'
 import type { ColumnDef, SortingState } from '@tanstack/react-table'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
@@ -73,7 +74,7 @@ export default function SystemEntitiesTable() {
       sortable
       sorting={sorting}
       onSortingChange={setSorting}
-      perspective={{ tableId: 'entities.system.list' }}
+      perspective={{ tableId: extensionPoints.hosts.systemEntitiesTable.tableId }}
       rowActions={(row) => (
         <RowActions
           items={[