@endora-commerce/mod-price-lists 0.100.0

package/dist/admin/components/LinkedPriceListsPanel.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Link } from 'react-router-dom';
+import { ArrowUpRight, CircleDollarSign, Star } from 'lucide-react';
+import { ApiError, apiClient } from '@endora-commerce/admin-kit/lib';
+import { useTranslation } from '@endora-commerce/admin-kit/i18n';
+import { DisplayModeOverrideRow } from './DisplayModeOverrideRow.js';
+const STATUS_BADGE = {
+    draft: 'b2b-badge b2b-badge--outline',
+    active: 'b2b-badge b2b-badge--success',
+    scheduled: 'b2b-badge b2b-badge--info',
+    expired: 'b2b-badge b2b-badge--muted',
+};
+/**
+ * LinkedPriceListsPanel (US8 / T096) — Pricing tab on the admin
+ * product editor.
+ *
+ * Read-only: lists every price list the product is part of with the
+ * per-currency bracket summary and a deep link into the corresponding
+ * editor (`/price-lists/:id?focus=:productId`). Brackets and rules are
+ * edited on the price-list editor — this panel is just the index.
+ *
+ * The deep-link path returned by the backend points at
+ * `/admin/price-lists/...`; the admin SPA routes the same view at
+ * `/price-lists/...`, so we strip the `/admin` prefix when navigating
+ * within the React Router tree.
+ *
+ * **Moved out of `admin/src/modules/price_lists/` by feature 091's P7a**, where
+ * `catalog`'s product editor imported it by path — one of the three admin keys
+ * in `backend/scripts/ledgers/cross-module-imports/catalog.ts`. It reaches that
+ * screen as a `product.editor.pricing.after` contribution now, so neither
+ * module names the other.
+ */
+export function LinkedPriceListsPanel({ productId }) {
+    const t = useTranslation('core');
+    const [rows, setRows] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        setLoading(true);
+        setError(null);
+        apiClient
+            .get(`/api/v1/admin/products/${encodeURIComponent(productId)}/price-lists`)
+            .then((res) => {
+            if (!cancelled)
+                setRows(res.data.items);
+        })
+            .catch((err) => {
+            if (!cancelled) {
+                setError(err instanceof ApiError ? err.envelope.error.message : t('priceLists.linked.error.load'));
+            }
+        })
+            .finally(() => {
+            if (!cancelled)
+                setLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [productId, t]);
+    if (loading) {
+        return _jsx("div", { style: { padding: 16, color: 'var(--fg-muted)', fontSize: 13 }, children: t('priceLists.linked.loading') });
+    }
+    if (error) {
+        return (_jsx("div", { className: "b2b-card", style: {
+                padding: 12,
+                background: 'var(--danger-soft)',
+                color: 'var(--danger-soft-fg)',
+                border: '1px solid hsl(8 80% 85%)',
+                fontSize: 12,
+            }, children: error }));
+    }
+    if (rows.length === 0) {
+        return (_jsx("div", { className: "b2b-card", style: {
+                padding: 16,
+                background: 'var(--info-soft)',
+                border: '1px solid hsl(217 70% 88%)',
+            }, children: _jsxs("div", { className: "b2b-row", style: { gap: 12, alignItems: 'flex-start' }, children: [_jsx(CircleDollarSign, { size: 18, style: { color: 'var(--info-soft-fg)', marginTop: 2 } }), _jsxs("div", { className: "b2b-grow", children: [_jsx("div", { style: { fontSize: 13, fontWeight: 600, color: 'var(--info-soft-fg)' }, children: t('priceLists.linked.emptyTitle') }), _jsx("div", { style: { fontSize: 12, color: 'var(--info-soft-fg)', marginTop: 4 }, children: t('priceLists.linked.emptyDescription') })] })] }) }));
+    }
+    return (_jsxs("div", { className: "b2b-col", style: { gap: 16 }, children: [_jsx("div", { className: "b2b-card", style: { padding: 12 }, children: _jsx(DisplayModeOverrideRow, { scope: "product", targetId: productId }) }), _jsx(LinkedPriceListsList, { rows: rows })] }));
+}
+/**
+ * Pure render of the linked-list table — split out so it can be unit
+ * tested via renderToString without booting the data-fetch effect.
+ */
+export function LinkedPriceListsList({ rows }) {
+    const t = useTranslation('core');
+    const STATUS_LABEL = {
+        draft: t('priceLists.status.draft'),
+        active: t('priceLists.status.active'),
+        scheduled: t('priceLists.status.scheduled'),
+        expired: t('priceLists.status.expired'),
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "b2b-help", children: t('priceLists.linked.helpText') }), _jsx("ul", { style: { margin: 0, padding: 0, listStyle: 'none' }, children: rows.map((r) => {
+                    const looksDefault = r.list.name === 'Default';
+                    const internalPath = toInternalPath(r.deepLinkPath);
+                    return (_jsxs("li", { className: "b2b-card", "data-testid": "linked-price-list-row", "data-list-id": r.list.id, style: {
+                            padding: 12,
+                            marginBottom: 8,
+                            display: 'grid',
+                            gridTemplateColumns: '32px 1fr auto',
+                            gap: 12,
+                            alignItems: 'center',
+                        }, children: [_jsx("div", { style: {
+                                    width: 32,
+                                    height: 32,
+                                    borderRadius: 6,
+                                    background: looksDefault ? 'var(--primary-soft)' : 'var(--surface-sunken)',
+                                    display: 'grid',
+                                    placeItems: 'center',
+                                }, children: looksDefault ? (_jsx(Star, { size: 14, style: { color: 'var(--primary-color)' } })) : (_jsx(CircleDollarSign, { size: 14, style: { color: 'var(--fg-muted)' } })) }), _jsxs("div", { children: [_jsxs("div", { className: "b2b-row", style: { gap: 6, alignItems: 'center' }, children: [_jsx(Link, { to: internalPath, style: { fontSize: 13, fontWeight: 500, color: 'inherit', textDecoration: 'none' }, children: r.list.name }), _jsx("span", { className: "b2b-badge b2b-badge--outline", children: r.list.type === 'base' ? t('priceLists.type.base') : t('priceLists.type.sale') }), _jsx("span", { className: STATUS_BADGE[r.list.status], children: STATUS_LABEL[r.list.status] }), looksDefault ? (_jsx("span", { className: "b2b-badge b2b-badge--success", style: { display: 'inline-flex', alignItems: 'center', gap: 4 }, children: t('priceLists.linked.system') })) : null] }), r.summary.length > 0 ? (_jsx("div", { className: "b2b-help", style: { marginTop: 4, display: 'flex', flexWrap: 'wrap', gap: 8 }, children: r.summary.map((s) => (_jsxs("span", { style: {
+                                                fontFamily: 'var(--font-mono)',
+                                                fontSize: 11,
+                                                color: 'var(--fg-muted)',
+                                            }, children: [_jsx("strong", { style: { color: 'var(--fg-default)' }, children: s.currencyCode }), ' ', s.summary] }, s.currencyCode))) })) : (_jsx("div", { className: "b2b-help", style: { marginTop: 4 }, children: t('priceLists.linked.noBracketsYet') }))] }), _jsxs(Link, { to: internalPath, className: "b2b-btn b2b-btn--default b2b-btn--sm", title: t('priceLists.linked.openEditor'), children: [t('priceLists.linked.open'), " ", _jsx(ArrowUpRight, { size: 12 })] })] }, r.list.id));
+                }) })] }));
+}
+/**
+ * Backend returns `/admin/price-lists/<id>/products?focus=<pid>`; the admin
+ * SPA routes the same view at `/price-lists/<id>?focus=<pid>` — strip the
+ * `/admin` prefix and the `/products` suffix to keep the route table simple.
+ */
+export function toInternalPath(deepLink) {
+    let path = deepLink;
+    if (path.startsWith('/admin/'))
+        path = path.slice('/admin'.length);
+    path = path.replace('/products?', '?');
+    return path;
+}
+//# sourceMappingURL=LinkedPriceListsPanel.js.map

package/dist/admin/components/LinkedPriceListsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedPriceListsPanel.js","sourceRoot":"","sources":["../../../src/admin/components/LinkedPriceListsPanel.tsx"],"names":[],"mappings":"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"}

package/dist/admin/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * `price_lists`' admin surface — three routes, one sidebar entry and three zone
+ * contributions (feature 091, P7a and P7b for the zones, Phase 4 batch 13 for
+ * the registrations;
+ * `specs/091-module-owned-admin-surfaces/contracts/admin-component-contribution.md`
+ * §10).
+ *
+ * **The zones came first, and that is the property the batch rests on.** P7a
+ * and P7b declared the three contributions below while this module's screens
+ * were still `admin/src/App.tsx`'s, because `check:admin-registrations` counts
+ * routes and nav entries and a zone is neither — so a contributor can be
+ * scheduled independently of the host that renders its place. Batch 13 is the
+ * other half: the three screens are this package's now.
+ *
+ * **What it drains**: two of the three admin keys in
+ * `backend/scripts/ledgers/cross-module-imports/catalog.ts` —
+ * `CategoriesTree.tsx` importing `DisplayModeOverrideRow` and
+ * `ProductEditor.tsx` importing `LinkedPriceListsPanel` — and, with P7b, the
+ * `DisplayModeOverrideRow` key of
+ * `backend/scripts/ledgers/cross-module-imports/organizations.ts`. Each entry's
+ * recorded retiring condition is *"the owner declaring an admin contribution
+ * zone"*, and this is that declaration.
+ *
+ * **Zone and not a published component**, decided from the two signatures read
+ * off the files in this merge request (§9.3): `(scope, targetId, …)` and
+ * `(productId)` — identifiers in, nothing back, no `onChange` — which is Z1
+ * question 2, an addition this module makes because this module is installed.
+ *
+ * **This entry exports data and nothing else** (R2); every component is a
+ * dynamic-import factory (R6).
+ */
+import { type AdminContributions } from '@endora-commerce/admin-kit/contributions';
+export declare const contributions: AdminContributions;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,0CAA0C,CAAC;AAqBlD,eAAO,MAAM,aAAa,EAAE,kBA4E3B,CAAC"}

package/dist/admin/index.js

@@ -0,0 +1,119 @@
+/**
+ * `price_lists`' admin surface — three routes, one sidebar entry and three zone
+ * contributions (feature 091, P7a and P7b for the zones, Phase 4 batch 13 for
+ * the registrations;
+ * `specs/091-module-owned-admin-surfaces/contracts/admin-component-contribution.md`
+ * §10).
+ *
+ * **The zones came first, and that is the property the batch rests on.** P7a
+ * and P7b declared the three contributions below while this module's screens
+ * were still `admin/src/App.tsx`'s, because `check:admin-registrations` counts
+ * routes and nav entries and a zone is neither — so a contributor can be
+ * scheduled independently of the host that renders its place. Batch 13 is the
+ * other half: the three screens are this package's now.
+ *
+ * **What it drains**: two of the three admin keys in
+ * `backend/scripts/ledgers/cross-module-imports/catalog.ts` —
+ * `CategoriesTree.tsx` importing `DisplayModeOverrideRow` and
+ * `ProductEditor.tsx` importing `LinkedPriceListsPanel` — and, with P7b, the
+ * `DisplayModeOverrideRow` key of
+ * `backend/scripts/ledgers/cross-module-imports/organizations.ts`. Each entry's
+ * recorded retiring condition is *"the owner declaring an admin contribution
+ * zone"*, and this is that declaration.
+ *
+ * **Zone and not a published component**, decided from the two signatures read
+ * off the files in this merge request (§9.3): `(scope, targetId, …)` and
+ * `(productId)` — identifiers in, nothing back, no `onChange` — which is Z1
+ * question 2, an addition this module makes because this module is installed.
+ *
+ * **This entry exports data and nothing else** (R2); every component is a
+ * dynamic-import factory (R6).
+ */
+import { zoneComponent, } from '@endora-commerce/admin-kit/contributions';
+/**
+ * The one code every surface below needs — the three screens and the three
+ * contributions alike.
+ *
+ * `packages/modules/price_lists/src/backend/routes.ts` builds one `readGate`
+ * from `PRICE_LIST_PERMISSIONS.READ` and gates every read with it: the price
+ * list roster and one price list, plus the two endpoints behind the
+ * contributions, `GET /api/v1/admin/pricing/display-mode-overrides/:scope/:targetId`
+ * and `GET /api/v1/admin/products/:productId/price-lists`. Saving a list,
+ * writing a bracket and setting a display mode enforce `price_lists:write` on
+ * the API, and each screen gates its own controls on that code through
+ * `useAuth().hasPermission`; the read code is what opens the screen (issue
+ * #232's rule, and the code the hand-written sidebar row carried).
+ */
+const READ_PERMISSION = 'price_lists:read';
+/** The module's landing route: the price-list roster. */
+const ROUTE_PATH = '/price-lists';
+export const contributions = {
+    routes: [
+        {
+            path: ROUTE_PATH,
+            component: () => import('./pages/PriceListsPage.js'),
+            requiredPermission: READ_PERMISSION,
+            index: true,
+        },
+        {
+            // Declared before `/price-lists/:id`, and `App.tsx` declared it before it
+            // too. `<Routes>` ranks by specificity rather than by declaration order,
+            // so the static segment wins whatever the order — the ordering is kept
+            // anyway, so a reader does not have to know that to see why the detail
+            // route is safe here.
+            path: `${ROUTE_PATH}/display-modes`,
+            component: () => import('./pages/DisplayModeOverridesPage.js'),
+            requiredPermission: READ_PERMISSION,
+        },
+        {
+            path: `${ROUTE_PATH}/:id`,
+            component: () => import('./pages/PriceListDetailPage.js'),
+            requiredPermission: READ_PERMISSION,
+        },
+    ],
+    // One row for three screens, and the two without one are deliberate:
+    // `/price-lists/:id` is a detail reached from the roster, and
+    // `/price-lists/display-modes` is reached from the button the roster renders
+    // beside its heading. A route is what `App.tsx` used to hold; a button is not
+    // a route.
+    nav: [
+        {
+            to: ROUTE_PATH,
+            // Module-relative (R8), resolved in this module's own namespace out of
+            // `packages/modules/price_lists/i18n/`. It was `appShell.nav.priceLists`
+            // in the shared `_i18n` bundle, one of the four shared files a module
+            // author had to edit.
+            labelKey: 'nav.priceLists.label',
+            // The glyph `AppShell.tsx` rendered by hand, and already on
+            // `KnownIconNameSchema` — the palette action this batch declares names
+            // the same one.
+            icon: 'CircleDollarSign',
+            section: 'pricing',
+            // First in *Pricing*, which is where the hand-written table put it and
+            // where the operator has always seen it. The section's other rows are
+            // already the registry's — `taxes` and `promotions` at 200,
+            // `delivery_methods` and `promotions`' second row at 300,
+            // `payment_methods` at 600 — and the host declares none in it once this
+            // one leaves, so 100 is the whole of what keeps this row on top.
+            weight: 100,
+            requiredPermission: READ_PERMISSION,
+        },
+    ],
+    zones: [
+        zoneComponent('category.editor.after', () => import('./zones/CategoryDisplayMode.js'), {
+            // The only contribution to this place, so the weight orders nothing
+            // today. Declared rather than defaulted so a second contributor arrives
+            // beside it rather than ahead of it by accident.
+            weight: 100,
+            requiredPermission: READ_PERMISSION,
+        }),
+        zoneComponent('product.editor.pricing.after', () => import('./zones/ProductLinkedPriceLists.js'), { weight: 200, requiredPermission: READ_PERMISSION }),
+        // Weight 200 of four contributors to the organization detail's zone
+        // (feature 091, P7b): `sales_channels`' membership at 100, this row, then
+        // `quick_order` at 300 and `carts` at 400. The order is the one the
+        // operator saw when the three panels were scattered through
+        // `OrganizationDetail.tsx`, preserved rather than re-chosen.
+        zoneComponent('organization.detail.after', () => import('./zones/OrganizationDisplayMode.js'), { weight: 200, requiredPermission: READ_PERMISSION }),
+    ],
+};
+//# sourceMappingURL=index.js.map

package/dist/admin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EACL,aAAa,GAEd,MAAM,0CAA0C,CAAC;AAElD;;;;;;;;;;;;;GAaG;AACH,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAE3C,yDAAyD;AACzD,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,MAAM,CAAC,MAAM,aAAa,GAAuB;IAC/C,MAAM,EAAE;QACN;YACE,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,2BAA2B,CAAC;YACpD,kBAAkB,EAAE,eAAe;YACnC,KAAK,EAAE,IAAI;SACZ;QACD;YACE,0EAA0E;YAC1E,yEAAyE;YACzE,uEAAuE;YACvE,uEAAuE;YACvE,sBAAsB;YACtB,IAAI,EAAE,GAAG,UAAU,gBAAgB;YACnC,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,qCAAqC,CAAC;YAC9D,kBAAkB,EAAE,eAAe;SACpC;QACD;YACE,IAAI,EAAE,GAAG,UAAU,MAAM;YACzB,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,gCAAgC,CAAC;YACzD,kBAAkB,EAAE,eAAe;SACpC;KACF;IACD,qEAAqE;IACrE,8DAA8D;IAC9D,6EAA6E;IAC7E,8EAA8E;IAC9E,WAAW;IACX,GAAG,EAAE;QACH;YACE,EAAE,EAAE,UAAU;YACd,uEAAuE;YACvE,yEAAyE;YACzE,sEAAsE;YACtE,sBAAsB;YACtB,QAAQ,EAAE,sBAAsB;YAChC,4DAA4D;YAC5D,uEAAuE;YACvE,gBAAgB;YAChB,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,SAAS;YAClB,uEAAuE;YACvE,sEAAsE;YACtE,4DAA4D;YAC5D,0DAA0D;YAC1D,wEAAwE;YACxE,iEAAiE;YACjE,MAAM,EAAE,GAAG;YACX,kBAAkB,EAAE,eAAe;SACpC;KACF;IACD,KAAK,EAAE;QACL,aAAa,CAAC,uBAAuB,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,gCAAgC,CAAC,EAAE;YACrF,oEAAoE;YACpE,wEAAwE;YACxE,iDAAiD;YACjD,MAAM,EAAE,GAAG;YACX,kBAAkB,EAAE,eAAe;SACpC,CAAC;QACF,aAAa,CACX,8BAA8B,EAC9B,GAAG,EAAE,CAAC,MAAM,CAAC,oCAAoC,CAAC,EAClD,EAAE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,eAAe,EAAE,CACrD;QACD,oEAAoE;QACpE,0EAA0E;QAC1E,oEAAoE;QACpE,4DAA4D;QAC5D,6DAA6D;QAC7D,aAAa,CACX,2BAA2B,EAC3B,GAAG,EAAE,CAAC,MAAM,CAAC,oCAAoC,CAAC,EAClD,EAAE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,eAAe,EAAE,CACrD;KACF;CACF,CAAC"}

package/dist/admin/pages/DisplayModeOverridesPage.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+/**
+ * Display-mode overrides + pricing settings (US7 / T087 + T088).
+ *
+ * Single admin landing page with:
+ *   - The two `pricing.*` settings keys at the top, edited inline.
+ *   - A scope tab strip and a table per scope of every override on
+ *     the platform; rows can be edited (mode dropdown) or removed
+ *     (revert to "inherit" via PUT { mode: 'inherit' }).
+ *   - An "Add override" button that picks an organization / category
+ *     / product (depending on the active scope) and lets the operator
+ *     set the initial mode.
+ *
+ * The settings keys come from the existing settings module
+ * (`/api/v1/admin/settings/<code>`); the override endpoints live under
+ * `/api/v1/admin/pricing/display-mode-overrides`.
+ */
+export declare function DisplayModeOverridesPage(): ReactNode;
+/**
+ * The registry loads a route component through a dynamic-import factory and
+ * reads its default export (feature 091, FR-013). The named export stays: it is
+ * the spelling this module's own code and its tests use.
+ */
+export default DisplayModeOverridesPage;
+//# sourceMappingURL=DisplayModeOverridesPage.d.ts.map

package/dist/admin/pages/DisplayModeOverridesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayModeOverridesPage.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/DisplayModeOverridesPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyClF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CA0QpD;AAiSD;;;;GAIG;AACH,eAAe,wBAAwB,CAAC"}

package/dist/admin/pages/DisplayModeOverridesPage.js

@@ -0,0 +1,266 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { Link } from 'react-router-dom';
+import { ChevronLeft, Eye, EyeOff, Filter, Save, Search, Settings as SettingsIcon, Trash2, } from 'lucide-react';
+import { ApiError, apiClient, normalize } from '@endora-commerce/admin-kit/lib';
+import { useTranslation } from '@endora-commerce/admin-kit/i18n';
+/**
+ * Display-mode overrides + pricing settings (US7 / T087 + T088).
+ *
+ * Single admin landing page with:
+ *   - The two `pricing.*` settings keys at the top, edited inline.
+ *   - A scope tab strip and a table per scope of every override on
+ *     the platform; rows can be edited (mode dropdown) or removed
+ *     (revert to "inherit" via PUT { mode: 'inherit' }).
+ *   - An "Add override" button that picks an organization / category
+ *     / product (depending on the active scope) and lets the operator
+ *     set the initial mode.
+ *
+ * The settings keys come from the existing settings module
+ * (`/api/v1/admin/settings/<code>`); the override endpoints live under
+ * `/api/v1/admin/pricing/display-mode-overrides`.
+ */
+export function DisplayModeOverridesPage() {
+    const t = useTranslation('core');
+    const MODE_LABEL = {
+        gross_only: t('priceLists.displayMode.grossOnly'),
+        net_only: t('priceLists.displayMode.netOnly'),
+        both: t('priceLists.displayMode.both'),
+        none: t('priceLists.displayMode.none'),
+    };
+    const SCOPE_LABEL = {
+        organization: t('priceLists.displayModes.scope.organization'),
+        category: t('priceLists.displayModes.scope.category'),
+        product: t('priceLists.displayModes.scope.product'),
+    };
+    const [scope, setScope] = useState('organization');
+    const [overrides, setOverrides] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [info, setInfo] = useState(null);
+    const [picker, setPicker] = useState(false);
+    const [search, setSearch] = useState('');
+    const [orgs, setOrgs] = useState({});
+    const [cats, setCats] = useState({});
+    const [products, setProducts] = useState({});
+    const refresh = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const res = await apiClient.get(`/api/v1/admin/pricing/display-mode-overrides?scope=${scope}`);
+            setOverrides(res.data.items);
+        }
+        catch (err) {
+            setError(err instanceof ApiError ? err.envelope.error.message : t('priceLists.displayModes.error.load'));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [scope, t]);
+    useEffect(() => {
+        void refresh();
+    }, [refresh]);
+    // Eagerly load name dictionaries the first time the page is opened so the
+    // table can render labels instead of bare UUIDs. Each lookup endpoint is
+    // already paginated/bounded — these are admin-side dictionaries.
+    useEffect(() => {
+        void (async () => {
+            try {
+                const [orgsRes, catsRes, prodRes] = await Promise.all([
+                    apiClient.get('/api/v1/admin/pricing/rule-targets/organizations?limit=200'),
+                    apiClient.get('/api/v1/admin/pricing/rule-targets/categories'),
+                    apiClient.get('/api/v1/admin/catalog/products'),
+                ]);
+                setOrgs(Object.fromEntries(orgsRes.data.items.map((o) => [o.id, o])));
+                setCats(Object.fromEntries(catsRes.data.items.map((c) => [c.id, c])));
+                setProducts(Object.fromEntries(prodRes.data.map((p) => [p.id, p])));
+            }
+            catch {
+                // dictionaries are decorative — table still renders raw IDs on failure
+            }
+        })();
+    }, []);
+    const labelFor = (row) => {
+        if (row.scope === 'organization')
+            return orgs[row.targetId]?.name ?? row.targetId;
+        if (row.scope === 'category')
+            return cats[row.targetId]?.name ?? row.targetId;
+        return products[row.targetId]?.name ?? row.targetId;
+    };
+    const subtitleFor = (row) => {
+        if (row.scope === 'organization')
+            return orgs[row.targetId]?.taxId ?? '';
+        if (row.scope === 'category')
+            return cats[row.targetId]?.slug ?? '';
+        return products[row.targetId]?.sku ?? '';
+    };
+    const filtered = useMemo(() => {
+        const q = normalize(search);
+        if (q === '')
+            return overrides;
+        return overrides.filter((row) => {
+            const label = normalize(labelFor(row));
+            const subtitle = normalize(subtitleFor(row));
+            return label.includes(q) || subtitle.includes(q) || normalize(row.targetId).includes(q);
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [overrides, search, orgs, cats, products]);
+    const handleUpsert = async (targetId, mode) => {
+        setError(null);
+        try {
+            await apiClient.put(`/api/v1/admin/pricing/display-mode-overrides/${scope}/${encodeURIComponent(targetId)}`, { mode });
+            setInfo(mode === 'inherit' ? t('priceLists.displayModes.info.removed') : t('priceLists.displayModes.info.saved'));
+            await refresh();
+        }
+        catch (err) {
+            setError(err instanceof ApiError ? err.envelope.error.message : t('priceLists.displayModes.error.save'));
+        }
+    };
+    return (_jsxs("div", { className: "b2b-page b2b-page--wide", children: [_jsx("div", { className: "b2b-page-head", children: _jsxs("div", { className: "b2b-grow", children: [_jsxs(Link, { to: "/price-lists", className: "b2b-page-head__back", children: [_jsx(ChevronLeft, { size: 14 }), " ", t('priceLists.page.title')] }), _jsx("div", { className: "b2b-page-head__title", children: t('priceLists.displayModes.title') }), _jsx("div", { className: "b2b-page-head__sub", children: t('priceLists.displayModes.description') })] }) }), info ? (_jsx(Banner, { kind: "info", message: info, onDismiss: () => setInfo(null) })) : null, error ? (_jsx(Banner, { kind: "error", message: error, onDismiss: () => setError(null) })) : null, _jsx(PricingSettingsCard, { onError: setError, onInfo: setInfo }), _jsxs("div", { className: "b2b-card", style: { marginTop: 16 }, children: [_jsxs("div", { className: "b2b-row", style: {
+                            padding: '8px 12px',
+                            borderBottom: '1px solid var(--border-color)',
+                            gap: 6,
+                            alignItems: 'center',
+                        }, children: [['organization', 'category', 'product'].map((s) => (_jsx("button", { type: "button", className: "b2b-btn b2b-btn--sm", onClick: () => setScope(s), style: {
+                                    background: scope === s ? 'var(--primary-color)' : 'transparent',
+                                    color: scope === s ? '#fff' : 'var(--fg-default)',
+                                    border: `1px solid ${scope === s ? 'var(--primary-color)' : 'var(--border-color)'}`,
+                                }, children: SCOPE_LABEL[s] }, s))), _jsx("div", { className: "b2b-grow" }), _jsxs("div", { className: "b2b-input-wrap", style: { width: 240 }, children: [_jsx(Search, { size: 14, className: "lead" }), _jsx("input", { className: "b2b-field b2b-field--addon", placeholder: t('priceLists.displayModes.searchPlaceholder', { scope: SCOPE_LABEL[scope].toLowerCase() }), value: search, onChange: (e) => setSearch(e.target.value) })] }), _jsxs("button", { type: "button", className: "b2b-btn b2b-btn--primary b2b-btn--sm", onClick: () => setPicker(true), children: [_jsx(Filter, { size: 12 }), " ", t('priceLists.displayModes.addOverride')] })] }), _jsx("div", { className: "b2b-card__body b2b-card__body--flush", children: loading ? (_jsx("div", { style: { padding: 32, color: 'var(--fg-muted)', fontSize: 13 }, children: t('priceLists.loading') })) : filtered.length === 0 ? (_jsxs("div", { className: "b2b-empty", children: [_jsx("div", { className: "b2b-empty__icon", children: _jsx(Eye, { size: 20 }) }), _jsx("div", { className: "b2b-empty__title", children: search.trim()
+                                        ? t('priceLists.displayModes.empty.filtered', { scope: SCOPE_LABEL[scope].toLowerCase() })
+                                        : t('priceLists.displayModes.empty.none', { scope: SCOPE_LABEL[scope].toLowerCase() }) }), _jsx("div", { className: "b2b-empty__sub", children: t('priceLists.displayModes.empty.subtitle') })] })) : (_jsxs("table", { className: "b2b-tbl", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: SCOPE_LABEL[scope] }), _jsx("th", { children: t('priceLists.displayModes.column.mode') }), _jsx("th", { children: t('priceLists.displayModes.column.updated') }), _jsx("th", {})] }) }), _jsx("tbody", { children: filtered.map((row) => (_jsxs("tr", { children: [_jsxs("td", { children: [_jsx("div", { style: { fontSize: 13, fontWeight: 500 }, children: labelFor(row) }), _jsx("div", { className: "b2b-mono", style: { fontSize: 11, color: 'var(--fg-muted)' }, children: subtitleFor(row) || row.targetId.slice(0, 8) })] }), _jsx("td", { children: _jsx("select", { className: "b2b-field", value: row.mode, onChange: (e) => {
+                                                        void handleUpsert(row.targetId, e.target.value);
+                                                    }, children: Object.keys(MODE_LABEL).map((m) => (_jsx("option", { value: m, children: MODE_LABEL[m] }, m))) }) }), _jsx("td", { children: _jsx("span", { style: { fontSize: 12, color: 'var(--fg-muted)' }, children: new Date(row.updatedAt).toLocaleString() }) }), _jsx("td", { children: _jsxs("button", { type: "button", className: "b2b-btn b2b-btn--ghost b2b-btn--sm", style: { color: 'hsl(8 80% 50%)' }, onClick: () => {
+                                                        void handleUpsert(row.targetId, 'inherit');
+                                                    }, children: [_jsx(Trash2, { size: 12 }), " ", t('priceLists.displayModes.remove')] }) })] }, row.targetId))) })] })) })] }), picker ? (_jsx(AddOverrideDialog, { scope: scope, existing: new Set(overrides.map((o) => o.targetId)), orgs: orgs, cats: cats, products: products, onClose: () => setPicker(false), onPick: (targetId, mode) => {
+                    setPicker(false);
+                    void handleUpsert(targetId, mode);
+                } })) : null] }));
+}
+function PricingSettingsCard({ onError, onInfo, }) {
+    const t = useTranslation('core');
+    const MODE_LABEL = {
+        gross_only: t('priceLists.displayMode.grossOnly'),
+        net_only: t('priceLists.displayMode.netOnly'),
+        both: t('priceLists.displayMode.both'),
+        none: t('priceLists.displayMode.none'),
+    };
+    const [defaultMode, setDefaultMode] = useState('gross_only');
+    const [unauthMode, setUnauthMode] = useState('gross_only');
+    const [loading, setLoading] = useState(true);
+    const [savingKey, setSavingKey] = useState(null);
+    useEffect(() => {
+        void (async () => {
+            try {
+                const [a, b] = await Promise.all([
+                    apiClient.get('/api/v1/admin/settings/pricing.default_display_mode'),
+                    apiClient.get('/api/v1/admin/settings/pricing.unauthenticated_display_mode'),
+                ]);
+                if (a.defaultValue)
+                    setDefaultMode(a.defaultValue);
+                if (b.defaultValue)
+                    setUnauthMode(b.defaultValue);
+            }
+            catch {
+                // ignore — leave defaults; the operator can still write
+            }
+            finally {
+                setLoading(false);
+            }
+        })();
+    }, []);
+    const save = async (key, value) => {
+        setSavingKey(key);
+        try {
+            await apiClient.put(`/api/v1/admin/settings/${encodeURIComponent(key)}/value`, {
+                scope: 'all',
+                value,
+            });
+            onInfo(t('priceLists.displayModes.settings.info.saved'));
+        }
+        catch (err) {
+            onError(err instanceof ApiError ? err.envelope.error.message : t('priceLists.displayModes.error.save'));
+        }
+        finally {
+            setSavingKey(null);
+        }
+    };
+    return (_jsxs("div", { className: "b2b-card", style: { padding: 16 }, children: [_jsxs("div", { className: "b2b-row", style: { alignItems: 'center', gap: 8, marginBottom: 8 }, children: [_jsx(SettingsIcon, { size: 14 }), _jsx("div", { style: { fontSize: 13, fontWeight: 600 }, children: t('priceLists.displayModes.settings.title') }), _jsx("span", { className: "b2b-help", children: t('priceLists.displayModes.settings.subtitle') })] }), loading ? (_jsx("div", { className: "b2b-help", children: t('priceLists.loading') })) : (_jsxs("div", { className: "b2b-row", style: { gap: 16, alignItems: 'flex-end' }, children: [_jsxs("div", { className: "b2b-grow", children: [_jsx("label", { className: "b2b-label", htmlFor: "pl-default-display", children: t('priceLists.displayModes.settings.defaultLabel') }), _jsx("select", { id: "pl-default-display", className: "b2b-field", value: defaultMode, onChange: (e) => {
+                                    const v = e.target.value;
+                                    setDefaultMode(v);
+                                    void save('pricing.default_display_mode', v);
+                                }, disabled: savingKey === 'pricing.default_display_mode', children: Object.keys(MODE_LABEL).map((m) => (_jsx("option", { value: m, children: MODE_LABEL[m] }, m))) })] }), _jsxs("div", { className: "b2b-grow", children: [_jsx("label", { className: "b2b-label", htmlFor: "pl-unauth-display", children: t('priceLists.displayModes.settings.unauthLabel') }), _jsx("select", { id: "pl-unauth-display", className: "b2b-field", value: unauthMode, onChange: (e) => {
+                                    const v = e.target.value;
+                                    setUnauthMode(v);
+                                    void save('pricing.unauthenticated_display_mode', v);
+                                }, disabled: savingKey === 'pricing.unauthenticated_display_mode', children: Object.keys(MODE_LABEL).map((m) => (_jsx("option", { value: m, children: MODE_LABEL[m] }, m))) })] })] }))] }));
+}
+function Banner({ kind, message, onDismiss, }) {
+    const t = useTranslation('core');
+    const palette = kind === 'error'
+        ? { bg: 'var(--danger-soft)', fg: 'var(--danger-soft-fg)', border: 'hsl(8 80% 85%)' }
+        : { bg: 'var(--success-soft)', fg: 'var(--success-soft-fg)', border: 'hsl(142 50% 80%)' };
+    return (_jsxs("div", { className: "b2b-card b2b-row", style: {
+            background: palette.bg,
+            color: palette.fg,
+            padding: 12,
+            marginBottom: 16,
+            border: `1px solid ${palette.border}`,
+            gap: 8,
+            alignItems: 'center',
+        }, children: [_jsx("div", { className: "b2b-grow", children: message }), _jsx("button", { type: "button", className: "b2b-btn b2b-btn--ghost b2b-btn--sm", onClick: onDismiss, children: t('priceLists.dismiss') })] }));
+}
+function AddOverrideDialog(props) {
+    const t = useTranslation('core');
+    const MODE_LABEL = {
+        gross_only: t('priceLists.displayMode.grossOnly'),
+        net_only: t('priceLists.displayMode.netOnly'),
+        both: t('priceLists.displayMode.both'),
+        none: t('priceLists.displayMode.none'),
+    };
+    const SCOPE_LABEL = {
+        organization: t('priceLists.displayModes.scope.organization'),
+        category: t('priceLists.displayModes.scope.category'),
+        product: t('priceLists.displayModes.scope.product'),
+    };
+    const { scope, existing, orgs, cats, products, onClose, onPick } = props;
+    const [search, setSearch] = useState('');
+    const [picked, setPicked] = useState(null);
+    const [mode, setMode] = useState('gross_only');
+    const candidates = useMemo(() => {
+        const rows = [];
+        if (scope === 'organization') {
+            for (const o of Object.values(orgs))
+                rows.push({ id: o.id, label: o.name, subtitle: o.taxId });
+        }
+        else if (scope === 'category') {
+            for (const c of Object.values(cats))
+                rows.push({ id: c.id, label: c.name, subtitle: c.slug });
+        }
+        else {
+            for (const p of Object.values(products))
+                rows.push({ id: p.id, label: p.name, subtitle: p.sku });
+        }
+        rows.sort((a, b) => a.label.localeCompare(b.label));
+        const q = normalize(search);
+        if (q === '')
+            return rows.filter((r) => !existing.has(r.id));
+        return rows.filter((r) => !existing.has(r.id) &&
+            (normalize(r.label).includes(q) || normalize(r.subtitle).includes(q)));
+    }, [scope, orgs, cats, products, existing, search]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "b2b-scrim", onClick: onClose }), _jsxs("aside", { className: "b2b-drawer", role: "dialog", "aria-modal": "true", children: [_jsxs("div", { className: "b2b-drawer__head", children: [_jsx("div", { className: "b2b-drawer__title", children: t('priceLists.displayModes.addDialog.title') }), _jsx("div", { className: "b2b-card__sub", children: t('priceLists.displayModes.addDialog.subtitle', { scope: SCOPE_LABEL[scope].toLowerCase() }) })] }), _jsxs("div", { className: "b2b-drawer__body", children: [_jsxs("div", { className: "b2b-input-wrap", style: { marginBottom: 8 }, children: [_jsx(Search, { size: 14, className: "lead" }), _jsx("input", { autoFocus: true, className: "b2b-field b2b-field--addon", placeholder: t('priceLists.displayModes.searchPlaceholder', { scope: SCOPE_LABEL[scope].toLowerCase() }), value: search, onChange: (e) => setSearch(e.target.value) })] }), candidates.length === 0 ? (_jsx("div", { className: "b2b-help", children: t('priceLists.displayModes.addDialog.noMore', { scope: SCOPE_LABEL[scope].toLowerCase() }) })) : (_jsx("ul", { style: { margin: 0, padding: 0, listStyle: 'none', maxHeight: 320, overflow: 'auto' }, children: candidates.slice(0, 200).map((c) => (_jsxs("li", { onClick: () => setPicked(c.id), style: {
+                                        padding: '6px 8px',
+                                        cursor: 'pointer',
+                                        background: picked === c.id ? 'var(--primary-soft)' : 'transparent',
+                                        borderLeft: picked === c.id ? '3px solid var(--primary-color)' : '3px solid transparent',
+                                    }, children: [_jsx("div", { style: { fontSize: 13, fontWeight: 500 }, children: c.label }), _jsx("div", { className: "b2b-mono", style: { fontSize: 11, color: 'var(--fg-muted)' }, children: c.subtitle })] }, c.id))) })), _jsxs("div", { style: { marginTop: 14 }, children: [_jsx("label", { className: "b2b-label", htmlFor: "ov-mode", children: t('priceLists.displayModes.addDialog.modeLabel') }), _jsx("select", { id: "ov-mode", className: "b2b-field", value: mode, onChange: (e) => setMode(e.target.value), children: Object.keys(MODE_LABEL).map((m) => (_jsx("option", { value: m, children: MODE_LABEL[m] }, m))) }), mode === 'none' ? (_jsxs("div", { className: "b2b-help", style: { marginTop: 4, color: 'hsl(217 70% 30%)', display: 'flex', gap: 4, alignItems: 'center' }, children: [_jsx(EyeOff, { size: 12 }), " ", t('priceLists.displayModes.addDialog.noneHint')] })) : null] })] }), _jsxs("div", { className: "b2b-drawer__foot", children: [_jsx("button", { type: "button", className: "b2b-btn b2b-btn--ghost", onClick: onClose, children: t('priceLists.displayModes.addDialog.cancel') }), _jsxs("button", { type: "button", className: "b2b-btn b2b-btn--primary", disabled: !picked, onClick: () => {
+                                    if (picked)
+                                        onPick(picked, mode);
+                                }, children: [_jsx(Save, { size: 13 }), " ", t('priceLists.displayModes.addDialog.save')] })] })] })] }));
+}
+/**
+ * The registry loads a route component through a dynamic-import factory and
+ * reads its default export (feature 091, FR-013). The named export stays: it is
+ * the spelling this module's own code and its tests use.
+ */
+export default DisplayModeOverridesPage;
+//# sourceMappingURL=DisplayModeOverridesPage.js.map