@open-mercato/core 0.7.0 → 0.7.1-develop.7103.1.41ff100d93

package/dist/modules/customers/backend/customers/deals/pipeline/components/Lane.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/Lane.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useDroppable } from '@dnd-kit/core'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport type { RowActionItem } from '@open-mercato/ui/backend/RowActions'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport type { FilterOptionTone } from '@open-mercato/shared/lib/query/advanced-filter'\nimport { DealCard, type DealCardData } from './DealCard'\nimport { DashedTileButton } from './DashedTileButton'\nimport { LANE_WIDTH_PX } from './constants'\nimport { LaneCurrencyBreakdown } from './LaneCurrencyBreakdown'\nimport { LaneResizeHandle } from './LaneResizeHandle'\n\nexport type LaneStage = {\n  id: string\n  label: string\n  tone: FilterOptionTone | null\n}\n\nexport type LaneAggregateProp = {\n  count: number\n  totalInBaseCurrency: number\n  byCurrency: Array<{ currency: string; total: number; count: number }>\n  baseCurrencyCode: string | null\n  /** `true` when every currency in `byCurrency` was convertible to the base currency. */\n  convertedAll: boolean\n  /** Currencies present in `byCurrency` that lack an FX rate to base \u2014 excluded from totals. */\n  missingRateCurrencies: string[]\n}\n\ntype LaneProps = {\n  stage: LaneStage\n  deals: DealCardData[]\n  /** Server-side aggregate for accurate counts/totals across all deals in this stage, not just loaded ones */\n  aggregate?: LaneAggregateProp | null\n  selectedDealIds: Set<string>\n  buildMenuItems: (deal: DealCardData) => RowActionItem[]\n  activeDragDealId?: string | null\n  isLoadingMore?: boolean\n  /** Pixel width override (when the user has resized the column). Falls back to the default class. */\n  width?: number | null\n  onToggleSelect: (dealId: string) => void\n  onComposeActivity: (dealId: string, type: 'call' | 'email' | 'note') => void\n  onOpenDetail: (dealId: string) => void\n  onQuickAddClick: (stageId: string) => void\n  onLoadMore?: (stageId: string) => void\n  /** Drag-resize callbacks. When provided, a vertical drag handle is rendered on the lane edge. */\n  onResize?: (stageId: string, deltaPx: number) => void\n  onResizeEnd?: (stageId: string) => void\n  onResetWidth?: (stageId: string) => void\n}\n\n// 4px color bar tone \u2014 uses saturated icon tokens so the bar is visibly colored, not pale\nconst ACCENT_TONE_CLASS: Record<FilterOptionTone, string> = {\n  success: 'bg-status-success-icon',\n  error: 'bg-status-error-icon',\n  warning: 'bg-status-warning-icon',\n  info: 'bg-status-info-icon',\n  neutral: 'bg-status-neutral-icon',\n  brand: 'bg-brand-violet',\n  pink: 'bg-status-pink-icon',\n}\n\n// Count pill bg uses very-light status background, text uses status text color\nconst COUNT_BADGE_TONE_CLASS: Record<FilterOptionTone, string> = {\n  success: 'bg-status-success-bg text-status-success-text',\n  error: 'bg-status-error-bg text-status-error-text',\n  warning: 'bg-status-warning-bg text-status-warning-text',\n  info: 'bg-status-info-bg text-status-info-text',\n  neutral: 'bg-status-neutral-bg text-status-neutral-text',\n  brand: 'bg-brand-violet/14 text-brand-violet',\n  pink: 'bg-status-pink-bg text-status-pink-text',\n}\n\nfunction getAccentClass(tone: FilterOptionTone | null): string {\n  if (tone && tone in ACCENT_TONE_CLASS) return ACCENT_TONE_CLASS[tone]\n  return 'bg-border'\n}\n\nfunction getCountBadgeClass(tone: FilterOptionTone | null): string {\n  if (tone && tone in COUNT_BADGE_TONE_CLASS) return COUNT_BADGE_TONE_CLASS[tone]\n  return 'bg-muted text-muted-foreground'\n}\n\nfunction compactCurrency(amount: number): string {\n  if (amount >= 1_000_000) {\n    const value = amount / 1_000_000\n    return value >= 100 ? `${Math.round(value)}M` : `${value.toFixed(1).replace(/\\.0$/, '')}M`\n  }\n  if (amount >= 1_000) {\n    const value = amount / 1_000\n    return value >= 100 ? `${Math.round(value)}k` : `${value.toFixed(1).replace(/\\.0$/, '')}k`\n  }\n  return String(Math.round(amount))\n}\n\ntype CurrencyRow = { currency: string; total: number; count: number }\n\ntype LaneStats = {\n  count: number\n  /** Headline amount and the currency it is denominated in (largest single currency, raw, never converted). */\n  primaryAmount: number\n  primaryCurrency: string | null\n  /** Per-currency rows sorted desc by total \u2014 the popover renders these one per line. */\n  rows: CurrencyRow[]\n  /** Sum of `rows` converted to base currency (zero when no base is configured / nothing converted). */\n  totalInBaseCurrency: number\n  baseCurrencyCode: string | null\n  convertedAll: boolean\n  missingRateCurrencies: string[]\n}\n\n/**\n * Build display stats.\n * - If a server aggregate is provided, prefer it (covers all deals, converts to tenant base currency).\n * - Otherwise fall back to summing loaded deals (used before aggregate query loads).\n *\n * The headline currency on the lane header is intentionally the LARGEST raw currency\n * (not the base-currency converted total) because the converted total can be misleading\n * when FX rates are missing \u2014 operators see a smaller number than the headline suggests.\n * The base-currency converted total is reserved for the breakdown popover footer, where\n * a partial-conversion indicator can disclose what's excluded.\n */\nfunction buildLaneStats(deals: DealCardData[], aggregate?: LaneAggregateProp | null): LaneStats {\n  if (aggregate) {\n    const rows = aggregate.byCurrency\n    // Pick the single currency with the largest raw total to surface in the header. This\n    // is always honest: the operator sees the actual largest cluster of value rather than\n    // a synthetic base-currency total that may be partial.\n    const headline = rows.length > 0 ? rows[0] : null\n    return {\n      count: aggregate.count,\n      primaryAmount: headline ? headline.total : 0,\n      primaryCurrency: headline ? headline.currency : null,\n      rows,\n      totalInBaseCurrency: aggregate.totalInBaseCurrency,\n      baseCurrencyCode: aggregate.baseCurrencyCode,\n      convertedAll: aggregate.convertedAll,\n      missingRateCurrencies: aggregate.missingRateCurrencies,\n    }\n  }\n  const totalsByCurrency = new Map<string, { total: number; count: number }>()\n  for (const deal of deals) {\n    if (typeof deal.valueAmount !== 'number' || !Number.isFinite(deal.valueAmount)) continue\n    const code = deal.valueCurrency && deal.valueCurrency.length === 3\n      ? deal.valueCurrency.toUpperCase()\n      : 'USD'\n    const entry = totalsByCurrency.get(code) ?? { total: 0, count: 0 }\n    entry.total += deal.valueAmount\n    entry.count += 1\n    totalsByCurrency.set(code, entry)\n  }\n  const rows: CurrencyRow[] = Array.from(totalsByCurrency.entries())\n    .map(([currency, value]) => ({ currency, total: value.total, count: value.count }))\n    .sort((a, b) => b.total - a.total)\n  if (rows.length === 0) {\n    return {\n      count: deals.length,\n      primaryAmount: 0,\n      primaryCurrency: null,\n      rows,\n      totalInBaseCurrency: 0,\n      baseCurrencyCode: null,\n      convertedAll: true,\n      missingRateCurrencies: [],\n    }\n  }\n  return {\n    count: deals.length,\n    primaryAmount: rows[0].total,\n    primaryCurrency: rows[0].currency,\n    rows,\n    totalInBaseCurrency: 0,\n    baseCurrencyCode: null,\n    // We don't have rates client-side; mark as \"not converted\" only when there are\n    // multiple currencies so the popover can show a \"configure FX rates\" hint.\n    convertedAll: rows.length === 1,\n    missingRateCurrencies: rows.length > 1 ? rows.slice(1).map((row) => row.currency) : [],\n  }\n}\n\nfunction LaneImpl({\n  stage,\n  deals,\n  aggregate,\n  selectedDealIds,\n  buildMenuItems,\n  activeDragDealId,\n  isLoadingMore = false,\n  width,\n  onToggleSelect,\n  onComposeActivity,\n  onOpenDetail,\n  onQuickAddClick,\n  onLoadMore,\n  onResize,\n  onResizeEnd,\n  onResetWidth,\n}: LaneProps): React.ReactElement {\n  const t = useT()\n  const { setNodeRef, isOver } = useDroppable({\n    id: `lane:${stage.id}`,\n    data: { type: 'lane', stageId: stage.id },\n  })\n  const isDragActive = !!activeDragDealId\n  const sourceLane = isDragActive && deals.some((deal) => deal.id === activeDragDealId)\n  // Highlight drop zone when:\n  //  - the lane has the pointer over it during a drag, OR\n  //  - any drag is active and this lane is not the source (so all candidate targets are clearly tagged)\n  const showDropHighlight = isOver || (isDragActive && !sourceLane)\n  const stats = React.useMemo(() => buildLaneStats(deals, aggregate), [deals, aggregate])\n  // Pull boolean out of the Set so each DealCard receives a stable primitive \u2014 that lets\n  // React.memo on DealCard skip re-renders when the Set reference changes but its emptiness\n  // does not. Flipping false\u2192true (first selection) or true\u2192false (last cleared) forces a\n  // full pass over the lane's cards so their checkbox visibility updates atomically.\n  const bulkSelectionActive = selectedDealIds.size > 0\n  const totalLabel = stats.primaryAmount > 0 && stats.primaryCurrency\n    ? `${compactCurrency(stats.primaryAmount)} ${stats.primaryCurrency}`\n    : null\n  const visibleCount = deals.length\n  const totalCount = stats.count\n  const hasMoreDeals = totalCount > visibleCount\n  const accentClass = getAccentClass(stage.tone)\n  const countBadgeClass = getCountBadgeClass(stage.tone)\n\n  const handleQuickAdd = React.useCallback(() => {\n    onQuickAddClick(stage.id)\n  }, [onQuickAddClick, stage.id])\n\n  return (\n    <div\n      className=\"relative flex flex-none flex-col gap-3\"\n      style={{ width: typeof width === 'number' && Number.isFinite(width) ? `${width}px` : `${LANE_WIDTH_PX}px` }}\n    >\n      <div className=\"flex flex-col gap-2.5 overflow-clip rounded-lg bg-muted/40 px-4 py-3.5\">\n        <div className={`h-1.5 w-full rounded-sm ${accentClass}`} aria-hidden=\"true\" />\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"flex min-w-0 items-center gap-2.5\">\n            <span className=\"truncate text-sm font-bold uppercase leading-normal text-foreground\">\n              {stage.label}\n            </span>\n            <span\n              className={`inline-flex shrink-0 items-center rounded-full px-2 py-1 text-xs font-bold leading-normal ${countBadgeClass}`}\n              title={\n                hasMoreDeals\n                  ? translateWithFallback(\n                      t,\n                      'customers.deals.kanban.lane.aria.partialCount',\n                      'Showing {visible} of {total}',\n                      { visible: visibleCount, total: totalCount },\n                    )\n                  : undefined\n              }\n            >\n              {totalCount}\n            </span>\n          </div>\n          <div className=\"flex shrink-0 items-center gap-2\">\n            {totalLabel ? (\n              <span className=\"text-sm font-bold leading-normal text-foreground\">\n                {totalLabel}\n              </span>\n            ) : null}\n            {stats.rows.length > 1 ? (\n              <LaneCurrencyBreakdown\n                rows={stats.rows}\n                baseCurrencyCode={stats.baseCurrencyCode}\n                totalInBaseCurrency={stats.totalInBaseCurrency}\n                convertedAll={stats.convertedAll}\n                missingRateCurrencies={stats.missingRateCurrencies}\n                triggerLabel={`+${stats.rows.length - 1}`}\n                headingLabel={stage.label.toUpperCase()}\n                headingCount={totalCount}\n              />\n            ) : null}\n          </div>\n        </div>\n      </div>\n\n      <DashedTileButton\n        onClick={handleQuickAdd}\n        className=\"h-11\"\n        ariaLabel={translateWithFallback(\n          t,\n          'customers.deals.kanban.lane.aria.quickAdd',\n          'Quickly add a deal to {stage}',\n          { stage: stage.label },\n        )}\n      >\n        <span className=\"text-base font-bold leading-none\">+</span>\n        <span>{translateWithFallback(t, 'customers.deals.kanban.cta.quickDeal', 'Quick deal')}</span>\n      </DashedTileButton>\n\n      <div\n        ref={setNodeRef}\n        className={`flex min-h-[40vh] flex-col gap-3 rounded-lg p-1.5 ${\n          isOver\n            ? 'bg-accent-indigo/10 outline-dashed outline-2 outline-accent-indigo -outline-offset-[2px]'\n            : showDropHighlight\n              ? 'bg-muted/40 outline-dashed outline-1 outline-muted-foreground/40 -outline-offset-[2px]'\n              : ''\n        }`}\n      >\n        {deals.length === 0 ? (\n          <EmptyState\n            size=\"sm\"\n            title={translateWithFallback(\n              t,\n              'customers.deals.kanban.lane.empty',\n              'No deals in this stage yet.',\n            )}\n          />\n        ) : (\n          deals.map((deal) => (\n            <DealCard\n              key={deal.id}\n              deal={deal}\n              selected={selectedDealIds.has(deal.id)}\n              bulkSelectionActive={bulkSelectionActive}\n              buildMenuItems={buildMenuItems}\n              isActiveDrag={activeDragDealId === deal.id}\n              onToggleSelect={onToggleSelect}\n              onComposeActivity={onComposeActivity}\n              onOpenDetail={onOpenDetail}\n            />\n          ))\n        )}\n        {hasMoreDeals && onLoadMore ? (\n          <DashedTileButton\n            onClick={() => onLoadMore(stage.id)}\n            disabled={isLoadingMore}\n            className=\"mt-0.75 px-3 py-2.5 text-muted-foreground\"\n            ariaLabel={translateWithFallback(\n              t,\n              'customers.deals.kanban.lane.aria.loadMore',\n              'Load more deals in {stage}',\n              { stage: stage.label },\n            )}\n          >\n            {isLoadingMore\n              ? translateWithFallback(t, 'customers.deals.kanban.lane.loadingMore', 'Loading\u2026')\n              : translateWithFallback(\n                  t,\n                  'customers.deals.kanban.lane.loadMore',\n                  'Show more ({remaining})',\n                  { remaining: totalCount - visibleCount },\n                )}\n          </DashedTileButton>\n        ) : null}\n      </div>\n      {onResize ? (\n        <LaneResizeHandle\n          onResize={(delta) => onResize(stage.id, delta)}\n          onResizeEnd={() => onResizeEnd?.(stage.id)}\n          onReset={() => onResetWidth?.(stage.id)}\n        />\n      ) : null}\n    </div>\n  )\n}\n\n// Memoize the lane so changes in a different lane (or in the active drag) don't re-render us.\n// Page passes booleans (isDragActive) instead of activeDragDealId so most lanes can skip re-rendering.\nexport const Lane = React.memo(LaneImpl, (prev, next) => {\n  if (prev.stage !== next.stage) return false\n  if (prev.deals !== next.deals) return false\n  if (prev.aggregate !== next.aggregate) return false\n  if (prev.selectedDealIds !== next.selectedDealIds) return false\n  if (prev.buildMenuItems !== next.buildMenuItems) return false\n  if (prev.activeDragDealId !== next.activeDragDealId) return false\n  if (prev.isLoadingMore !== next.isLoadingMore) return false\n  if (prev.width !== next.width) return false\n  return true\n})\n\nexport default Lane\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useDroppable } from '@dnd-kit/core'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport type { RowActionItem } from '@open-mercato/ui/backend/RowActions'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport type { FilterOptionTone } from '@open-mercato/shared/lib/query/advanced-filter'\nimport { toneToDotClass } from './toneClasses'\nimport { DealCard, type DealCardData } from './DealCard'\nimport { DashedTileButton } from './DashedTileButton'\nimport { LANE_WIDTH_PX } from './constants'\nimport { LaneCurrencyBreakdown } from './LaneCurrencyBreakdown'\nimport { LaneResizeHandle } from './LaneResizeHandle'\n\nexport type LaneStage = {\n  id: string\n  label: string\n  tone: FilterOptionTone | null\n}\n\nexport type LaneAggregateProp = {\n  count: number\n  totalInBaseCurrency: number\n  byCurrency: Array<{ currency: string; total: number; count: number }>\n  baseCurrencyCode: string | null\n  /** `true` when every currency in `byCurrency` was convertible to the base currency. */\n  convertedAll: boolean\n  /** Currencies present in `byCurrency` that lack an FX rate to base \u2014 excluded from totals. */\n  missingRateCurrencies: string[]\n}\n\ntype LaneProps = {\n  stage: LaneStage\n  deals: DealCardData[]\n  /** Server-side aggregate for accurate counts/totals across all deals in this stage, not just loaded ones */\n  aggregate?: LaneAggregateProp | null\n  selectedDealIds: Set<string>\n  buildMenuItems: (deal: DealCardData) => RowActionItem[]\n  activeDragDealId?: string | null\n  isLoadingMore?: boolean\n  /** Pixel width override (when the user has resized the column). Falls back to the default class. */\n  width?: number | null\n  onToggleSelect: (dealId: string) => void\n  onComposeActivity: (dealId: string, type: 'call' | 'email' | 'note') => void\n  onOpenDetail: (dealId: string) => void\n  onQuickAddClick: (stageId: string) => void\n  onLoadMore?: (stageId: string) => void\n  /** Drag-resize callbacks. When provided, a vertical drag handle is rendered on the lane edge. */\n  onResize?: (stageId: string, deltaPx: number) => void\n  onResizeEnd?: (stageId: string) => void\n  onResetWidth?: (stageId: string) => void\n}\n\n// 4px color bar tone \u2014 saturated icon tokens shared with the status filter pills\n// (toneClasses.ts) so the lane bar and the filter dots stay in lockstep (#5107 review).\nfunction getAccentClass(tone: FilterOptionTone | null): string {\n  return toneToDotClass(tone, 'bg-border')\n}\n\n// Count pill bg uses very-light status background, text uses status text color\nconst COUNT_BADGE_TONE_CLASS: Record<FilterOptionTone, string> = {\n  success: 'bg-status-success-bg text-status-success-text',\n  error: 'bg-status-error-bg text-status-error-text',\n  warning: 'bg-status-warning-bg text-status-warning-text',\n  info: 'bg-status-info-bg text-status-info-text',\n  neutral: 'bg-status-neutral-bg text-status-neutral-text',\n  brand: 'bg-brand-violet/14 text-brand-violet',\n  pink: 'bg-status-pink-bg text-status-pink-text',\n}\n\nfunction getCountBadgeClass(tone: FilterOptionTone | null): string {\n  if (tone && tone in COUNT_BADGE_TONE_CLASS) return COUNT_BADGE_TONE_CLASS[tone]\n  return 'bg-muted text-muted-foreground'\n}\n\nfunction compactCurrency(amount: number): string {\n  if (amount >= 1_000_000) {\n    const value = amount / 1_000_000\n    return value >= 100 ? `${Math.round(value)}M` : `${value.toFixed(1).replace(/\\.0$/, '')}M`\n  }\n  if (amount >= 1_000) {\n    const value = amount / 1_000\n    return value >= 100 ? `${Math.round(value)}k` : `${value.toFixed(1).replace(/\\.0$/, '')}k`\n  }\n  return String(Math.round(amount))\n}\n\ntype CurrencyRow = { currency: string; total: number; count: number }\n\ntype LaneStats = {\n  count: number\n  /** Headline amount and the currency it is denominated in (largest single currency, raw, never converted). */\n  primaryAmount: number\n  primaryCurrency: string | null\n  /** Per-currency rows sorted desc by total \u2014 the popover renders these one per line. */\n  rows: CurrencyRow[]\n  /** Sum of `rows` converted to base currency (zero when no base is configured / nothing converted). */\n  totalInBaseCurrency: number\n  baseCurrencyCode: string | null\n  convertedAll: boolean\n  missingRateCurrencies: string[]\n}\n\n/**\n * Build display stats.\n * - If a server aggregate is provided, prefer it (covers all deals, converts to tenant base currency).\n * - Otherwise fall back to summing loaded deals (used before aggregate query loads).\n *\n * The headline currency on the lane header is intentionally the LARGEST raw currency\n * (not the base-currency converted total) because the converted total can be misleading\n * when FX rates are missing \u2014 operators see a smaller number than the headline suggests.\n * The base-currency converted total is reserved for the breakdown popover footer, where\n * a partial-conversion indicator can disclose what's excluded.\n */\nfunction buildLaneStats(deals: DealCardData[], aggregate?: LaneAggregateProp | null): LaneStats {\n  if (aggregate) {\n    const rows = aggregate.byCurrency\n    // Pick the single currency with the largest raw total to surface in the header. This\n    // is always honest: the operator sees the actual largest cluster of value rather than\n    // a synthetic base-currency total that may be partial.\n    const headline = rows.length > 0 ? rows[0] : null\n    return {\n      count: aggregate.count,\n      primaryAmount: headline ? headline.total : 0,\n      primaryCurrency: headline ? headline.currency : null,\n      rows,\n      totalInBaseCurrency: aggregate.totalInBaseCurrency,\n      baseCurrencyCode: aggregate.baseCurrencyCode,\n      convertedAll: aggregate.convertedAll,\n      missingRateCurrencies: aggregate.missingRateCurrencies,\n    }\n  }\n  const totalsByCurrency = new Map<string, { total: number; count: number }>()\n  for (const deal of deals) {\n    if (typeof deal.valueAmount !== 'number' || !Number.isFinite(deal.valueAmount)) continue\n    const code = deal.valueCurrency && deal.valueCurrency.length === 3\n      ? deal.valueCurrency.toUpperCase()\n      : 'USD'\n    const entry = totalsByCurrency.get(code) ?? { total: 0, count: 0 }\n    entry.total += deal.valueAmount\n    entry.count += 1\n    totalsByCurrency.set(code, entry)\n  }\n  const rows: CurrencyRow[] = Array.from(totalsByCurrency.entries())\n    .map(([currency, value]) => ({ currency, total: value.total, count: value.count }))\n    .sort((a, b) => b.total - a.total)\n  if (rows.length === 0) {\n    return {\n      count: deals.length,\n      primaryAmount: 0,\n      primaryCurrency: null,\n      rows,\n      totalInBaseCurrency: 0,\n      baseCurrencyCode: null,\n      convertedAll: true,\n      missingRateCurrencies: [],\n    }\n  }\n  return {\n    count: deals.length,\n    primaryAmount: rows[0].total,\n    primaryCurrency: rows[0].currency,\n    rows,\n    totalInBaseCurrency: 0,\n    baseCurrencyCode: null,\n    // We don't have rates client-side; mark as \"not converted\" only when there are\n    // multiple currencies so the popover can show a \"configure FX rates\" hint.\n    convertedAll: rows.length === 1,\n    missingRateCurrencies: rows.length > 1 ? rows.slice(1).map((row) => row.currency) : [],\n  }\n}\n\nfunction LaneImpl({\n  stage,\n  deals,\n  aggregate,\n  selectedDealIds,\n  buildMenuItems,\n  activeDragDealId,\n  isLoadingMore = false,\n  width,\n  onToggleSelect,\n  onComposeActivity,\n  onOpenDetail,\n  onQuickAddClick,\n  onLoadMore,\n  onResize,\n  onResizeEnd,\n  onResetWidth,\n}: LaneProps): React.ReactElement {\n  const t = useT()\n  const { setNodeRef, isOver } = useDroppable({\n    id: `lane:${stage.id}`,\n    data: { type: 'lane', stageId: stage.id },\n  })\n  const isDragActive = !!activeDragDealId\n  const sourceLane = isDragActive && deals.some((deal) => deal.id === activeDragDealId)\n  // Highlight drop zone when:\n  //  - the lane has the pointer over it during a drag, OR\n  //  - any drag is active and this lane is not the source (so all candidate targets are clearly tagged)\n  const showDropHighlight = isOver || (isDragActive && !sourceLane)\n  const stats = React.useMemo(() => buildLaneStats(deals, aggregate), [deals, aggregate])\n  // Pull boolean out of the Set so each DealCard receives a stable primitive \u2014 that lets\n  // React.memo on DealCard skip re-renders when the Set reference changes but its emptiness\n  // does not. Flipping false\u2192true (first selection) or true\u2192false (last cleared) forces a\n  // full pass over the lane's cards so their checkbox visibility updates atomically.\n  const bulkSelectionActive = selectedDealIds.size > 0\n  const totalLabel = stats.primaryAmount > 0 && stats.primaryCurrency\n    ? `${compactCurrency(stats.primaryAmount)} ${stats.primaryCurrency}`\n    : null\n  const visibleCount = deals.length\n  const totalCount = stats.count\n  const hasMoreDeals = totalCount > visibleCount\n  const accentClass = getAccentClass(stage.tone)\n  const countBadgeClass = getCountBadgeClass(stage.tone)\n\n  const handleQuickAdd = React.useCallback(() => {\n    onQuickAddClick(stage.id)\n  }, [onQuickAddClick, stage.id])\n\n  return (\n    <div\n      className=\"relative flex flex-none flex-col gap-3\"\n      style={{ width: typeof width === 'number' && Number.isFinite(width) ? `${width}px` : `${LANE_WIDTH_PX}px` }}\n    >\n      <div className=\"flex flex-col gap-2.5 overflow-clip rounded-lg bg-muted/40 px-4 py-3.5\">\n        <div className={`h-1.5 w-full rounded-sm ${accentClass}`} aria-hidden=\"true\" />\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"flex min-w-0 items-center gap-2.5\">\n            <span className=\"truncate text-sm font-bold uppercase leading-normal text-foreground\">\n              {stage.label}\n            </span>\n            <span\n              className={`inline-flex shrink-0 items-center rounded-full px-2 py-1 text-xs font-bold leading-normal ${countBadgeClass}`}\n              title={\n                hasMoreDeals\n                  ? translateWithFallback(\n                      t,\n                      'customers.deals.kanban.lane.aria.partialCount',\n                      'Showing {visible} of {total}',\n                      { visible: visibleCount, total: totalCount },\n                    )\n                  : undefined\n              }\n            >\n              {totalCount}\n            </span>\n          </div>\n          <div className=\"flex shrink-0 items-center gap-2\">\n            {totalLabel ? (\n              <span className=\"text-sm font-bold leading-normal text-foreground\">\n                {totalLabel}\n              </span>\n            ) : null}\n            {stats.rows.length > 1 ? (\n              <LaneCurrencyBreakdown\n                rows={stats.rows}\n                baseCurrencyCode={stats.baseCurrencyCode}\n                totalInBaseCurrency={stats.totalInBaseCurrency}\n                convertedAll={stats.convertedAll}\n                missingRateCurrencies={stats.missingRateCurrencies}\n                triggerLabel={`+${stats.rows.length - 1}`}\n                headingLabel={stage.label.toUpperCase()}\n                headingCount={totalCount}\n              />\n            ) : null}\n          </div>\n        </div>\n      </div>\n\n      <DashedTileButton\n        onClick={handleQuickAdd}\n        className=\"h-11\"\n        ariaLabel={translateWithFallback(\n          t,\n          'customers.deals.kanban.lane.aria.quickAdd',\n          'Quickly add a deal to {stage}',\n          { stage: stage.label },\n        )}\n      >\n        <span className=\"text-base font-bold leading-none\">+</span>\n        <span>{translateWithFallback(t, 'customers.deals.kanban.cta.quickDeal', 'Quick deal')}</span>\n      </DashedTileButton>\n\n      <div\n        ref={setNodeRef}\n        className={`flex min-h-[40vh] flex-col gap-3 rounded-lg p-1.5 ${\n          isOver\n            ? 'bg-accent-indigo/10 outline-dashed outline-2 outline-accent-indigo -outline-offset-[2px]'\n            : showDropHighlight\n              ? 'bg-muted/40 outline-dashed outline-1 outline-muted-foreground/40 -outline-offset-[2px]'\n              : ''\n        }`}\n      >\n        {deals.length === 0 ? (\n          <EmptyState\n            size=\"sm\"\n            title={translateWithFallback(\n              t,\n              'customers.deals.kanban.lane.empty',\n              'No deals in this stage yet.',\n            )}\n          />\n        ) : (\n          deals.map((deal) => (\n            <DealCard\n              key={deal.id}\n              deal={deal}\n              selected={selectedDealIds.has(deal.id)}\n              bulkSelectionActive={bulkSelectionActive}\n              buildMenuItems={buildMenuItems}\n              isActiveDrag={activeDragDealId === deal.id}\n              onToggleSelect={onToggleSelect}\n              onComposeActivity={onComposeActivity}\n              onOpenDetail={onOpenDetail}\n            />\n          ))\n        )}\n        {hasMoreDeals && onLoadMore ? (\n          <DashedTileButton\n            onClick={() => onLoadMore(stage.id)}\n            disabled={isLoadingMore}\n            className=\"mt-0.75 px-3 py-2.5 text-muted-foreground\"\n            ariaLabel={translateWithFallback(\n              t,\n              'customers.deals.kanban.lane.aria.loadMore',\n              'Load more deals in {stage}',\n              { stage: stage.label },\n            )}\n          >\n            {isLoadingMore\n              ? translateWithFallback(t, 'customers.deals.kanban.lane.loadingMore', 'Loading\u2026')\n              : translateWithFallback(\n                  t,\n                  'customers.deals.kanban.lane.loadMore',\n                  'Show more ({remaining})',\n                  { remaining: totalCount - visibleCount },\n                )}\n          </DashedTileButton>\n        ) : null}\n      </div>\n      {onResize ? (\n        <LaneResizeHandle\n          onResize={(delta) => onResize(stage.id, delta)}\n          onResizeEnd={() => onResizeEnd?.(stage.id)}\n          onReset={() => onResetWidth?.(stage.id)}\n        />\n      ) : null}\n    </div>\n  )\n}\n\n// Memoize the lane so changes in a different lane (or in the active drag) don't re-render us.\n// Page passes booleans (isDragActive) instead of activeDragDealId so most lanes can skip re-rendering.\nexport const Lane = React.memo(LaneImpl, (prev, next) => {\n  if (prev.stage !== next.stage) return false\n  if (prev.deals !== next.deals) return false\n  if (prev.aggregate !== next.aggregate) return false\n  if (prev.selectedDealIds !== next.selectedDealIds) return false\n  if (prev.buildMenuItems !== next.buildMenuItems) return false\n  if (prev.activeDragDealId !== next.activeDragDealId) return false\n  if (prev.isLoadingMore !== next.isLoadingMore) return false\n  if (prev.width !== next.width) return false\n  return true\n})\n\nexport default Lane\n"],
+  "mappings": "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",
   "names": ["rows"]
 }

package/dist/modules/customers/backend/customers/deals/pipeline/components/StatusFilterPopover.js

@@ -10,43 +10,107 @@ import {
 } from "@open-mercato/ui/primitives/popover";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { mapDictionaryColorToTone } from "@open-mercato/shared/lib/query/advanced-filter";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { useCustomerDictionary } from "../../../../../components/detail/hooks/useCustomerDictionary.js";
+import { canonicalDealStatus } from "../../../../../lib/dealStatus.js";
+import { toneToDotClass } from "./toneClasses.js";
 import { ChipButton } from "./ChipButton.js";
 import { FilterPopoverShell } from "./FilterPopoverShell.js";
-const STATUS_OPTIONS = [
+const FALLBACK_STATUS_OPTIONS = [
   {
     value: "open",
     labelKey: "customers.deals.kanban.filter.status.open",
     labelFallback: "Open",
-    dotClass: "bg-status-success-icon"
+    // Tones mirror mapDictionaryColorToTone over the seeded dictionary colors
+    // (#2563eb → info, #22c55e → success, #ef4444 → error) so the fallback pills
+    // render identically to the dictionary-driven ones.
+    dotClass: "bg-status-info-icon"
   },
   {
     value: "win",
     labelKey: "customers.deals.kanban.filter.status.won",
     labelFallback: "Won",
-    dotClass: "bg-status-warning-icon"
+    dotClass: "bg-status-success-icon"
   },
   {
     value: "loose",
     labelKey: "customers.deals.kanban.filter.status.lost",
     labelFallback: "Lost",
+    dotClass: "bg-status-error-icon"
+  },
+  {
+    value: "closed",
+    labelKey: "customers.deals.kanban.filter.status.closed",
+    labelFallback: "Closed",
     dotClass: "bg-status-neutral-icon"
+  },
+  {
+    value: "in_progress",
+    labelKey: "customers.deals.kanban.filter.status.inProgress",
+    labelFallback: "In progress",
+    dotClass: "bg-status-warning-icon"
   }
 ];
 function StatusFilterPopover({ values, onApply }) {
   const t = useT();
+  const scopeVersion = useOrganizationScopeVersion();
+  const { data: dictionaryData, isLoading: dictionaryLoading } = useCustomerDictionary(
+    "deal-statuses",
+    scopeVersion
+  );
   const [open, setOpen] = React.useState(false);
-  const [draft, setDraft] = React.useState(values);
+  const normalizedValues = React.useMemo(
+    () => Array.from(new Set(values.map(canonicalDealStatus))),
+    [values]
+  );
+  const [draft, setDraft] = React.useState(normalizedValues);
   React.useEffect(() => {
-    if (open) setDraft(values);
-  }, [open, values]);
+    if (open) setDraft(normalizedValues);
+  }, [open, normalizedValues]);
+  const statusOptions = React.useMemo(() => {
+    const entries = dictionaryData?.entries;
+    if (entries && entries.length > 0) {
+      const byCanonical = /* @__PURE__ */ new Map();
+      for (const entry of entries) {
+        const canonical = canonicalDealStatus(entry.value);
+        if (byCanonical.has(canonical)) continue;
+        const tone = mapDictionaryColorToTone(entry.color ?? null);
+        byCanonical.set(canonical, {
+          value: canonical,
+          label: entry.label,
+          dotClass: toneToDotClass(tone)
+        });
+      }
+      return Array.from(byCanonical.values()).sort(
+        (a, b) => a.label.localeCompare(b.label, void 0, { sensitivity: "base" })
+      );
+    }
+    return FALLBACK_STATUS_OPTIONS.map((entry) => ({
+      value: entry.value,
+      label: translateWithFallback(t, entry.labelKey, entry.labelFallback),
+      dotClass: entry.dotClass
+    }));
+  }, [dictionaryData, t]);
+  const labelByValue = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const option of statusOptions) {
+      map.set(option.value, option.label);
+    }
+    for (const fallback of FALLBACK_STATUS_OPTIONS) {
+      if (!map.has(fallback.value)) {
+        map.set(fallback.value, translateWithFallback(t, fallback.labelKey, fallback.labelFallback));
+      }
+    }
+    return map;
+  }, [statusOptions, t]);
   const chipLabel = translateWithFallback(t, "customers.deals.kanban.filter.status", "Status");
-  const chipValue = values.length === 0 ? translateWithFallback(t, "customers.deals.kanban.filter.all", "All") : values.map((value) => {
-    const option = STATUS_OPTIONS.find((entry) => entry.value === value);
-    return option ? translateWithFallback(t, option.labelKey, option.labelFallback) : value;
-  }).join(", ");
+  const chipValue = normalizedValues.length === 0 ? translateWithFallback(t, "customers.deals.kanban.filter.all", "All") : normalizedValues.map((value) => labelByValue.get(value) ?? value).join(", ");
   const toggleDraft = (value) => {
+    const normalized = canonicalDealStatus(value);
     setDraft(
-      (prev) => prev.includes(value) ? prev.filter((entry) => entry !== value) : [...prev, value]
+      (prev) => prev.includes(normalized) ? prev.filter((entry) => entry !== normalized) : [...prev, normalized]
     );
   };
   const handleApply = () => {
@@ -60,7 +124,7 @@ function StatusFilterPopover({ values, onApply }) {
     }
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ChipButton, { label: chipLabel, value: chipValue, active: values.length > 0 }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ChipButton, { label: chipLabel, value: chipValue, active: normalizedValues.length > 0 }) }),
     /* @__PURE__ */ jsx(
       PopoverContent,
       {
@@ -84,9 +148,16 @@ function StatusFilterPopover({ values, onApply }) {
             ] }),
             children: [
               /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase leading-normal tracking-wide text-muted-foreground", children: translateWithFallback(t, "customers.deals.kanban.filter.status", "Status") }),
-              /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-x-1.5 gap-y-2", children: STATUS_OPTIONS.map((option) => {
+              /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-x-1.5 gap-y-2", children: dictionaryLoading ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-xs text-muted-foreground", role: "status", "aria-live": "polite", children: [
+                /* @__PURE__ */ jsx(Spinner, { className: "size-3" }),
+                translateWithFallback(
+                  t,
+                  "customers.deals.kanban.filter.status.loading",
+                  "Loading statuses\u2026"
+                )
+              ] }) : statusOptions.map((option) => {
                 const isSelected = draft.includes(option.value);
-                const label = translateWithFallback(t, option.labelKey, option.labelFallback);
+                const label = option.label;
                 return /* @__PURE__ */ jsxs(
                   Button,
                   {

package/dist/modules/customers/backend/customers/deals/pipeline/components/StatusFilterPopover.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/StatusFilterPopover.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@open-mercato/ui/primitives/popover'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { ChipButton } from './ChipButton'\nimport { FilterPopoverShell } from './FilterPopoverShell'\n\n/**\n * Filter options exposed to the operator.\n *\n * The deal `status` column accepts the historical 4-value enum (`open` | `closed` | `win` |\n * `loose`), but the codebase only ever **writes** `loose` for a lost deal \u2014 `closed` was a\n * latent unused state from an earlier iteration. Exposing a separate \"Lost (closed)\" filter\n * option therefore filtered to nothing and confused operators. We display a single \"Lost\"\n * choice and intentionally map it to the canonical wire value `loose` so the filter matches\n * what the rest of the app actually persists. (Renaming the column / migrating the data to\n * `lost` is a deeper data-model change tracked separately.)\n */\nconst STATUS_OPTIONS: Array<{\n  value: string\n  labelKey: string\n  labelFallback: string\n  /** Tone selects the small \u25CF-dot color on the pill (per Figma: green / amber / gray) */\n  dotClass: string\n}> = [\n  {\n    value: 'open',\n    labelKey: 'customers.deals.kanban.filter.status.open',\n    labelFallback: 'Open',\n    dotClass: 'bg-status-success-icon',\n  },\n  {\n    value: 'win',\n    labelKey: 'customers.deals.kanban.filter.status.won',\n    labelFallback: 'Won',\n    dotClass: 'bg-status-warning-icon',\n  },\n  {\n    value: 'loose',\n    labelKey: 'customers.deals.kanban.filter.status.lost',\n    labelFallback: 'Lost',\n    dotClass: 'bg-status-neutral-icon',\n  },\n]\n\ntype StatusFilterPopoverProps = {\n  values: string[]\n  onApply: (next: string[]) => void\n}\n\nexport function StatusFilterPopover({ values, onApply }: StatusFilterPopoverProps): React.ReactElement {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const [draft, setDraft] = React.useState<string[]>(values)\n\n  React.useEffect(() => {\n    if (open) setDraft(values)\n  }, [open, values])\n\n  const chipLabel = translateWithFallback(t, 'customers.deals.kanban.filter.status', 'Status')\n  const chipValue =\n    values.length === 0\n      ? translateWithFallback(t, 'customers.deals.kanban.filter.all', 'All')\n      : values\n          .map((value) => {\n            const option = STATUS_OPTIONS.find((entry) => entry.value === value)\n            return option\n              ? translateWithFallback(t, option.labelKey, option.labelFallback)\n              : value\n          })\n          .join(', ')\n\n  const toggleDraft = (value: string) => {\n    setDraft((prev) =>\n      prev.includes(value) ? prev.filter((entry) => entry !== value) : [...prev, value],\n    )\n  }\n\n  const handleApply = () => {\n    onApply(draft)\n    setOpen(false)\n  }\n\n  // Cmd/Ctrl+Enter from anywhere inside the popover confirms \u2014 parity with the dialog\n  // primary-action shortcut (`AGENTS.md` UI Interaction rules).\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      handleApply()\n    }\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <ChipButton label={chipLabel} value={chipValue} active={values.length > 0} />\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-96 rounded-2xl border-border bg-transparent p-0 shadow-xl\"\n        align=\"start\"\n        onKeyDown={handleKeyDown}\n      >\n        <FilterPopoverShell\n          title={\n            <>\n              <span className=\"font-bold\">\n                {translateWithFallback(t, 'customers.deals.kanban.filter.status.title.label', 'Filter : ')}\n              </span>\n              <span className=\"font-normal\">\n                {translateWithFallback(t, 'customers.deals.kanban.filter.status', 'Status')}\n              </span>\n            </>\n          }\n          onClose={() => setOpen(false)}\n          onCancel={() => setOpen(false)}\n          onApply={handleApply}\n          footerLeft={\n            <span>\n              {draft.length}{' '}\n              {translateWithFallback(t, 'customers.deals.kanban.filter.selected', 'selected')}\n            </span>\n          }\n        >\n          <span className=\"text-xs font-semibold uppercase leading-normal tracking-wide text-muted-foreground\">\n            {translateWithFallback(t, 'customers.deals.kanban.filter.status', 'Status')}\n          </span>\n          <div className=\"flex flex-wrap items-center gap-x-1.5 gap-y-2\">\n            {STATUS_OPTIONS.map((option) => {\n              const isSelected = draft.includes(option.value)\n              const label = translateWithFallback(t, option.labelKey, option.labelFallback)\n              return (\n                <Button\n                  key={option.value}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"2xs\"\n                  onClick={() => toggleDraft(option.value)}\n                  aria-pressed={isSelected}\n                  className={`gap-1.5 rounded-full px-2.5 py-1.5 text-xs leading-normal ${\n                    isSelected\n                      ? 'bg-muted font-semibold text-foreground'\n                      : 'border border-border bg-card font-normal text-muted-foreground hover:bg-muted'\n                  }`}\n                >\n                  <span\n                    className={`inline-block size-2 shrink-0 rounded-full ${option.dotClass}`}\n                    aria-hidden=\"true\"\n                  />\n                  <span>{label}</span>\n                  {isSelected ? (\n                    <X className=\"size-2.5 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n                  ) : null}\n                </Button>\n              )\n            })}\n          </div>\n        </FilterPopoverShell>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport default StatusFilterPopover\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@open-mercato/ui/primitives/popover'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { mapDictionaryColorToTone } from '@open-mercato/shared/lib/query/advanced-filter'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useCustomerDictionary } from '../../../../../components/detail/hooks/useCustomerDictionary'\nimport { canonicalDealStatus } from '../../../../../lib/dealStatus'\nimport { toneToDotClass } from './toneClasses'\nimport { ChipButton } from './ChipButton'\nimport { FilterPopoverShell } from './FilterPopoverShell'\n\n/**\n * Filter options exposed to the operator.\n *\n * The deal `status` column is dictionary-driven (`deal-statuses`); the seeded dictionary\n * carries five values (`open`, `closed`, `win`, `loose`, `in_progress`) plus any\n * tenant-custom entries. We render every dictionary entry de-duplicated by canonical\n * spelling so the kanban Status pill stays aligned with the list page's advanced filter\n * (which also uses the dictionary). A hard-coded fallback keeps the popover usable while\n * the dictionary is loading or when a tenant has no entries.\n *\n * `won` / `lost` are accepted as aliases for `win` / `loose` at the API layer (see\n * `lib/dealStatus.ts:expandDealStatusAliases`, shared by the deals list route and the\n * kanban aggregate route). The UI only exposes the canonical values to avoid duplicate\n * pills, but `canonicalDealStatus` normalizes any alias passed in through `values` so\n * the chip and draft selection render the correct label.\n */\nconst FALLBACK_STATUS_OPTIONS: Array<{\n  value: string\n  labelKey: string\n  labelFallback: string\n  dotClass: string\n}> = [\n  {\n    value: 'open',\n    labelKey: 'customers.deals.kanban.filter.status.open',\n    labelFallback: 'Open',\n    // Tones mirror mapDictionaryColorToTone over the seeded dictionary colors\n    // (#2563eb \u2192 info, #22c55e \u2192 success, #ef4444 \u2192 error) so the fallback pills\n    // render identically to the dictionary-driven ones.\n    dotClass: 'bg-status-info-icon',\n  },\n  {\n    value: 'win',\n    labelKey: 'customers.deals.kanban.filter.status.won',\n    labelFallback: 'Won',\n    dotClass: 'bg-status-success-icon',\n  },\n  {\n    value: 'loose',\n    labelKey: 'customers.deals.kanban.filter.status.lost',\n    labelFallback: 'Lost',\n    dotClass: 'bg-status-error-icon',\n  },\n  {\n    value: 'closed',\n    labelKey: 'customers.deals.kanban.filter.status.closed',\n    labelFallback: 'Closed',\n    dotClass: 'bg-status-neutral-icon',\n  },\n  {\n    value: 'in_progress',\n    labelKey: 'customers.deals.kanban.filter.status.inProgress',\n    labelFallback: 'In progress',\n    dotClass: 'bg-status-warning-icon',\n  },\n]\n\ntype StatusFilterPopoverProps = {\n  values: string[]\n  onApply: (next: string[]) => void\n}\n\nexport function StatusFilterPopover({ values, onApply }: StatusFilterPopoverProps): React.ReactElement {\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { data: dictionaryData, isLoading: dictionaryLoading } = useCustomerDictionary(\n    'deal-statuses',\n    scopeVersion,\n  )\n  const [open, setOpen] = React.useState(false)\n  const normalizedValues = React.useMemo(\n    () => Array.from(new Set(values.map(canonicalDealStatus))),\n    [values],\n  )\n  const [draft, setDraft] = React.useState<string[]>(normalizedValues)\n\n  React.useEffect(() => {\n    if (open) setDraft(normalizedValues)\n  }, [open, normalizedValues])\n\n  const statusOptions = React.useMemo(() => {\n    const entries = dictionaryData?.entries\n    if (entries && entries.length > 0) {\n      const byCanonical = new Map<string, { value: string; label: string; dotClass: string }>()\n      for (const entry of entries) {\n        const canonical = canonicalDealStatus(entry.value)\n        if (byCanonical.has(canonical)) continue\n        const tone = mapDictionaryColorToTone(entry.color ?? null)\n        byCanonical.set(canonical, {\n          value: canonical,\n          label: entry.label,\n          dotClass: toneToDotClass(tone),\n        })\n      }\n      // Sort by label exactly like the List page's advanced filter\n      // (backend/customers/deals/page.tsx dictionaryOptions) so both surfaces render\n      // the same pills in the same order.\n      return Array.from(byCanonical.values()).sort((a, b) =>\n        a.label.localeCompare(b.label, undefined, { sensitivity: 'base' }),\n      )\n    }\n    return FALLBACK_STATUS_OPTIONS.map((entry) => ({\n      value: entry.value,\n      label: translateWithFallback(t, entry.labelKey, entry.labelFallback),\n      dotClass: entry.dotClass,\n    }))\n  }, [dictionaryData, t])\n\n  const labelByValue = React.useMemo(() => {\n    const map = new Map<string, string>()\n    for (const option of statusOptions) {\n      map.set(option.value, option.label)\n    }\n    for (const fallback of FALLBACK_STATUS_OPTIONS) {\n      if (!map.has(fallback.value)) {\n        map.set(fallback.value, translateWithFallback(t, fallback.labelKey, fallback.labelFallback))\n      }\n    }\n    return map\n  }, [statusOptions, t])\n\n  const chipLabel = translateWithFallback(t, 'customers.deals.kanban.filter.status', 'Status')\n  const chipValue =\n    normalizedValues.length === 0\n      ? translateWithFallback(t, 'customers.deals.kanban.filter.all', 'All')\n      : normalizedValues\n          .map((value) => labelByValue.get(value) ?? value)\n          .join(', ')\n\n  const toggleDraft = (value: string) => {\n    const normalized = canonicalDealStatus(value)\n    setDraft((prev) =>\n      prev.includes(normalized) ? prev.filter((entry) => entry !== normalized) : [...prev, normalized],\n    )\n  }\n\n  const handleApply = () => {\n    onApply(draft)\n    setOpen(false)\n  }\n\n  // Cmd/Ctrl+Enter from anywhere inside the popover confirms \u2014 parity with the dialog\n  // primary-action shortcut (`AGENTS.md` UI Interaction rules).\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      handleApply()\n    }\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <ChipButton label={chipLabel} value={chipValue} active={normalizedValues.length > 0} />\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-96 rounded-2xl border-border bg-transparent p-0 shadow-xl\"\n        align=\"start\"\n        onKeyDown={handleKeyDown}\n      >\n        <FilterPopoverShell\n          title={\n            <>\n              <span className=\"font-bold\">\n                {translateWithFallback(t, 'customers.deals.kanban.filter.status.title.label', 'Filter : ')}\n              </span>\n              <span className=\"font-normal\">\n                {translateWithFallback(t, 'customers.deals.kanban.filter.status', 'Status')}\n              </span>\n            </>\n          }\n          onClose={() => setOpen(false)}\n          onCancel={() => setOpen(false)}\n          onApply={handleApply}\n          footerLeft={\n            <span>\n              {draft.length}{' '}\n              {translateWithFallback(t, 'customers.deals.kanban.filter.selected', 'selected')}\n            </span>\n          }\n        >\n          <span className=\"text-xs font-semibold uppercase leading-normal tracking-wide text-muted-foreground\">\n            {translateWithFallback(t, 'customers.deals.kanban.filter.status', 'Status')}\n          </span>\n          <div className=\"flex flex-wrap items-center gap-x-1.5 gap-y-2\">\n            {dictionaryLoading ? (\n              <span className=\"flex items-center gap-2 text-xs text-muted-foreground\" role=\"status\" aria-live=\"polite\">\n                <Spinner className=\"size-3\" />\n                {translateWithFallback(\n                  t,\n                  'customers.deals.kanban.filter.status.loading',\n                  'Loading statuses\u2026',\n                )}\n              </span>\n            ) : (\n              statusOptions.map((option) => {\n              const isSelected = draft.includes(option.value)\n              const label = option.label\n              return (\n                <Button\n                  key={option.value}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"2xs\"\n                  onClick={() => toggleDraft(option.value)}\n                  aria-pressed={isSelected}\n                  className={`gap-1.5 rounded-full px-2.5 py-1.5 text-xs leading-normal ${\n                    isSelected\n                      ? 'bg-muted font-semibold text-foreground'\n                      : 'border border-border bg-card font-normal text-muted-foreground hover:bg-muted'\n                  }`}\n                >\n                  <span\n                    className={`inline-block size-2 shrink-0 rounded-full ${option.dotClass}`}\n                    aria-hidden=\"true\"\n                  />\n                  <span>{label}</span>\n                  {isSelected ? (\n                    <X className=\"size-2.5 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n                  ) : null}\n                </Button>\n              )\n              })\n            )}\n          </div>\n        </FilterPopoverShell>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport default StatusFilterPopover\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/backend/customers/deals/pipeline/components/toneClasses.js

@@ -0,0 +1,18 @@
+const TONE_DOT_CLASS = {
+  success: "bg-status-success-icon",
+  error: "bg-status-error-icon",
+  warning: "bg-status-warning-icon",
+  info: "bg-status-info-icon",
+  neutral: "bg-status-neutral-icon",
+  brand: "bg-brand-violet",
+  pink: "bg-status-pink-icon"
+};
+function toneToDotClass(tone, fallback = "bg-status-neutral-icon") {
+  if (tone && tone in TONE_DOT_CLASS) return TONE_DOT_CLASS[tone];
+  return fallback;
+}
+export {
+  TONE_DOT_CLASS,
+  toneToDotClass
+};
+//# sourceMappingURL=toneClasses.js.map

package/dist/modules/customers/backend/customers/deals/pipeline/components/toneClasses.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/toneClasses.ts"],
+  "sourcesContent": ["import type { FilterOptionTone } from '@open-mercato/shared/lib/query/advanced-filter'\n\n// Saturated icon tokens shared by the kanban lane accent bar and the status filter\n// pills, so both surfaces render the same tone identically (#5107 review).\nexport const TONE_DOT_CLASS: Record<FilterOptionTone, string> = {\n  success: 'bg-status-success-icon',\n  error: 'bg-status-error-icon',\n  warning: 'bg-status-warning-icon',\n  info: 'bg-status-info-icon',\n  neutral: 'bg-status-neutral-icon',\n  brand: 'bg-brand-violet',\n  pink: 'bg-status-pink-icon',\n}\n\nexport function toneToDotClass(\n  tone: FilterOptionTone | null | undefined,\n  fallback = 'bg-status-neutral-icon',\n): string {\n  if (tone && tone in TONE_DOT_CLASS) return TONE_DOT_CLASS[tone]\n  return fallback\n}\n"],
+  "mappings": "AAIO,MAAM,iBAAmD;AAAA,EAC9D,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AACR;AAEO,SAAS,eACd,MACA,WAAW,0BACH;AACR,MAAI,QAAQ,QAAQ,eAAgB,QAAO,eAAe,IAAI;AAC9D,SAAO;AACT;",
+  "names": []
+}

package/dist/modules/customers/backend/customers/people/page.js

@@ -154,9 +154,10 @@ function CustomersPeoplePage() {
   const [sorting, setSorting] = React.useState([]);
   const [total, setTotal] = React.useState(0);
   const [totalPages, setTotalPages] = React.useState(1);
-  const [search, setSearch] = React.useState("");
+  const [totalIsCapped, setTotalIsCapped] = React.useState(false);
   const pathname = usePathname();
   const searchParams = useSearchParams();
+  const [search, setSearch] = React.useState(() => searchParams?.get("search")?.trim() ?? "");
   const initialFilterTree = React.useMemo(() => {
     if (!searchParams) return createEmptyTree();
     const record = {};
@@ -340,6 +341,7 @@ function CustomersPeoplePage() {
         setRows(items.map((item) => mapApiItem(item)).filter((row) => !!row));
         setTotal(typeof payload.total === "number" ? payload.total : items.length);
         setTotalPages(typeof payload.totalPages === "number" ? payload.totalPages : 1);
+        setTotalIsCapped(payload?.totalIsCapped === true);
       } catch (err) {
         if (!cancelled) {
           setCacheStatus(null);
@@ -854,7 +856,7 @@ function CustomersPeoplePage() {
             }
           ),
           virtualized: true,
-          pagination: { page, pageSize, total, totalPages, onPageChange: setPage, cacheStatus, pageSizeOptions: [10, 25, 50, 100], onPageSizeChange: handlePageSizeChange },
+          pagination: { page, pageSize, total, totalPages, totalIsCapped, onPageChange: setPage, cacheStatus, pageSizeOptions: [10, 25, 50, 100], onPageSizeChange: handlePageSizeChange },
           isLoading
         }
       ),