@open-mercato/core 0.6.3-develop.3651.1.d3a548a5f1 → 0.6.3-develop.3660.1.53b73d5aa4

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

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+function FilterPopoverShell({
+  title,
+  leadingIcon,
+  children,
+  footerLeft,
+  onClose,
+  onCancel,
+  onApply,
+  applyLabel,
+  bodyClassName
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-hidden rounded-2xl bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border bg-card px-5 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        leadingIcon ? /* @__PURE__ */ jsx("span", { className: "flex size-4 items-center justify-center text-muted-foreground", "aria-hidden": "true", children: leadingIcon }) : null,
+        /* @__PURE__ */ jsx("span", { className: "text-base font-bold leading-normal text-foreground", children: title })
+      ] }),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: onClose,
+          "aria-label": translateWithFallback(t, "customers.deals.kanban.filter.close", "Close"),
+          children: /* @__PURE__ */ jsx(X, { className: "size-3.5", "aria-hidden": "true" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: bodyClassName ?? "flex flex-col gap-4 bg-card px-5 py-4", children }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border bg-muted px-5 py-3.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs leading-normal text-muted-foreground", children: footerLeft ?? null }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            type: "button",
+            onClick: onCancel,
+            className: "h-auto rounded-lg border-input bg-card px-4 py-2 text-sm font-semibold text-foreground",
+            children: translateWithFallback(t, "customers.deals.kanban.filter.cancel", "Cancel")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            onClick: onApply,
+            className: "h-auto rounded-lg bg-foreground px-5 py-2 text-sm font-semibold text-background hover:bg-foreground/90",
+            children: applyLabel ?? translateWithFallback(t, "customers.deals.kanban.filter.apply", "Apply")
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+var FilterPopoverShell_default = FilterPopoverShell;
+export {
+  FilterPopoverShell,
+  FilterPopoverShell_default as default
+};
+//# sourceMappingURL=FilterPopoverShell.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/FilterPopoverShell.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\n\ntype FilterPopoverShellProps = {\n  /** Title rendered in the header (e.g. \"Filter \u00B7 Status\", \"Sort by\") */\n  title: React.ReactNode\n  /** Optional icon rendered before the title (Sort by uses a tag icon per Figma) */\n  leadingIcon?: React.ReactNode\n  /** Body content \u2014 sits between header and footer */\n  children: React.ReactNode\n  /** Footer left content \u2014 usually a \"N selected\" hint or \"Default: \u2026\" subtitle */\n  footerLeft?: React.ReactNode\n  /** Called when the X close button is clicked */\n  onClose: () => void\n  /** Called when Cancel is clicked */\n  onCancel: () => void\n  /** Called when Apply (primary CTA) is clicked */\n  onApply: () => void\n  /** Override the primary CTA label (e.g. \"Add\" on the +Add-filter popover) */\n  applyLabel?: string\n  /** Body wrapper className override \u2014 defaults to standard padded white block */\n  bodyClassName?: string\n}\n\n/**\n * Shared chrome for every kanban filter popover (Status, Pipeline, Sort, Owner, People,\n * Companies, Close). Matches the SPEC-048 Figma popover surfaces (nodes 1045:11861,\n * 1045:11917, 1045:12090): rounded-2xl outer, white header w/ bold title + close button,\n * white body, muted footer with Cancel + Apply.\n *\n * Each consumer renders its own body \u2014 checkboxes, pills, radio rows, date picker, etc. \u2014\n * inside this shell, so the chrome stays identical across every filter surface and the\n * styling delta lives only inside `children`.\n */\nexport function FilterPopoverShell({\n  title,\n  leadingIcon,\n  children,\n  footerLeft,\n  onClose,\n  onCancel,\n  onApply,\n  applyLabel,\n  bodyClassName,\n}: FilterPopoverShellProps): React.ReactElement {\n  const t = useT()\n  return (\n    <div className=\"flex flex-col overflow-hidden rounded-2xl bg-card\">\n      <div className=\"flex items-center justify-between border-b border-border bg-card px-5 py-4\">\n        <div className=\"flex items-center gap-2\">\n          {leadingIcon ? (\n            <span className=\"flex size-4 items-center justify-center text-muted-foreground\" aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          ) : null}\n          <span className=\"text-base font-bold leading-normal text-foreground\">{title}</span>\n        </div>\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={onClose}\n          aria-label={translateWithFallback(t, 'customers.deals.kanban.filter.close', 'Close')}\n        >\n          <X className=\"size-3.5\" aria-hidden=\"true\" />\n        </IconButton>\n      </div>\n\n      <div className={bodyClassName ?? 'flex flex-col gap-4 bg-card px-5 py-4'}>{children}</div>\n\n      <div className=\"flex items-center justify-between border-t border-border bg-muted px-5 py-3.5\">\n        <div className=\"text-xs leading-normal text-muted-foreground\">{footerLeft ?? null}</div>\n        <div className=\"flex items-center gap-6\">\n          <Button\n            variant=\"outline\"\n            type=\"button\"\n            onClick={onCancel}\n            className=\"h-auto rounded-lg border-input bg-card px-4 py-2 text-sm font-semibold text-foreground\"\n          >\n            {translateWithFallback(t, 'customers.deals.kanban.filter.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={onApply}\n            className=\"h-auto rounded-lg bg-foreground px-5 py-2 text-sm font-semibold text-background hover:bg-foreground/90\"\n          >\n            {applyLabel ?? translateWithFallback(t, 'customers.deals.kanban.filter.apply', 'Apply')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default FilterPopoverShell\n"],
+  "mappings": ";AAuDQ,SAEI,KAFJ;AApDR,SAAS,SAAS;AAClB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,6BAA6B;AAiC/B,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAC9C,QAAM,IAAI,KAAK;AACf,SACE,qBAAC,SAAI,WAAU,qDACb;AAAA,yBAAC,SAAI,WAAU,8EACb;AAAA,2BAAC,SAAI,WAAU,2BACZ;AAAA,sBACC,oBAAC,UAAK,WAAU,iEAAgE,eAAY,QACzF,uBACH,IACE;AAAA,QACJ,oBAAC,UAAK,WAAU,sDAAsD,iBAAM;AAAA,SAC9E;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,cAAY,sBAAsB,GAAG,uCAAuC,OAAO;AAAA,UAEnF,8BAAC,KAAE,WAAU,YAAW,eAAY,QAAO;AAAA;AAAA,MAC7C;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAW,iBAAiB,yCAA0C,UAAS;AAAA,IAEpF,qBAAC,SAAI,WAAU,iFACb;AAAA,0BAAC,SAAI,WAAU,gDAAgD,wBAAc,MAAK;AAAA,MAClF,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YAET,gCAAsB,GAAG,wCAAwC,QAAQ;AAAA;AAAA,QAC5E;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YAET,wBAAc,sBAAsB,GAAG,uCAAuC,OAAO;AAAA;AAAA,QACxF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,6BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,278 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useDroppable } from "@dnd-kit/core";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+import { DealCard } from "./DealCard.js";
+import { DashedTileButton } from "./DashedTileButton.js";
+import { LANE_WIDTH_PX } from "./constants.js";
+import { LaneCurrencyBreakdown } from "./LaneCurrencyBreakdown.js";
+import { LaneResizeHandle } from "./LaneResizeHandle.js";
+const ACCENT_TONE_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"
+};
+const COUNT_BADGE_TONE_CLASS = {
+  success: "bg-status-success-bg text-status-success-text",
+  error: "bg-status-error-bg text-status-error-text",
+  warning: "bg-status-warning-bg text-status-warning-text",
+  info: "bg-status-info-bg text-status-info-text",
+  neutral: "bg-status-neutral-bg text-status-neutral-text",
+  brand: "bg-brand-violet/14 text-brand-violet",
+  pink: "bg-status-pink-bg text-status-pink-text"
+};
+function getAccentClass(tone) {
+  if (tone && tone in ACCENT_TONE_CLASS) return ACCENT_TONE_CLASS[tone];
+  return "bg-border";
+}
+function getCountBadgeClass(tone) {
+  if (tone && tone in COUNT_BADGE_TONE_CLASS) return COUNT_BADGE_TONE_CLASS[tone];
+  return "bg-muted text-muted-foreground";
+}
+function compactCurrency(amount) {
+  if (amount >= 1e6) {
+    const value = amount / 1e6;
+    return value >= 100 ? `${Math.round(value)}M` : `${value.toFixed(1).replace(/\.0$/, "")}M`;
+  }
+  if (amount >= 1e3) {
+    const value = amount / 1e3;
+    return value >= 100 ? `${Math.round(value)}k` : `${value.toFixed(1).replace(/\.0$/, "")}k`;
+  }
+  return String(Math.round(amount));
+}
+function buildLaneStats(deals, aggregate) {
+  if (aggregate) {
+    const rows2 = aggregate.byCurrency;
+    const headline = rows2.length > 0 ? rows2[0] : null;
+    return {
+      count: aggregate.count,
+      primaryAmount: headline ? headline.total : 0,
+      primaryCurrency: headline ? headline.currency : null,
+      rows: rows2,
+      totalInBaseCurrency: aggregate.totalInBaseCurrency,
+      baseCurrencyCode: aggregate.baseCurrencyCode,
+      convertedAll: aggregate.convertedAll,
+      missingRateCurrencies: aggregate.missingRateCurrencies
+    };
+  }
+  const totalsByCurrency = /* @__PURE__ */ new Map();
+  for (const deal of deals) {
+    if (typeof deal.valueAmount !== "number" || !Number.isFinite(deal.valueAmount)) continue;
+    const code = deal.valueCurrency && deal.valueCurrency.length === 3 ? deal.valueCurrency.toUpperCase() : "USD";
+    const entry = totalsByCurrency.get(code) ?? { total: 0, count: 0 };
+    entry.total += deal.valueAmount;
+    entry.count += 1;
+    totalsByCurrency.set(code, entry);
+  }
+  const rows = Array.from(totalsByCurrency.entries()).map(([currency, value]) => ({ currency, total: value.total, count: value.count })).sort((a, b) => b.total - a.total);
+  if (rows.length === 0) {
+    return {
+      count: deals.length,
+      primaryAmount: 0,
+      primaryCurrency: null,
+      rows,
+      totalInBaseCurrency: 0,
+      baseCurrencyCode: null,
+      convertedAll: true,
+      missingRateCurrencies: []
+    };
+  }
+  return {
+    count: deals.length,
+    primaryAmount: rows[0].total,
+    primaryCurrency: rows[0].currency,
+    rows,
+    totalInBaseCurrency: 0,
+    baseCurrencyCode: null,
+    // We don't have rates client-side; mark as "not converted" only when there are
+    // multiple currencies so the popover can show a "configure FX rates" hint.
+    convertedAll: rows.length === 1,
+    missingRateCurrencies: rows.length > 1 ? rows.slice(1).map((row) => row.currency) : []
+  };
+}
+function LaneImpl({
+  stage,
+  deals,
+  aggregate,
+  selectedDealIds,
+  buildMenuItems,
+  activeDragDealId,
+  isLoadingMore = false,
+  width,
+  onToggleSelect,
+  onComposeActivity,
+  onOpenDetail,
+  onQuickAddClick,
+  onLoadMore,
+  onResize,
+  onResizeEnd,
+  onResetWidth
+}) {
+  const t = useT();
+  const { setNodeRef, isOver } = useDroppable({
+    id: `lane:${stage.id}`,
+    data: { type: "lane", stageId: stage.id }
+  });
+  const isDragActive = !!activeDragDealId;
+  const sourceLane = isDragActive && deals.some((deal) => deal.id === activeDragDealId);
+  const showDropHighlight = isOver || isDragActive && !sourceLane;
+  const stats = React.useMemo(() => buildLaneStats(deals, aggregate), [deals, aggregate]);
+  const bulkSelectionActive = selectedDealIds.size > 0;
+  const totalLabel = stats.primaryAmount > 0 && stats.primaryCurrency ? `${compactCurrency(stats.primaryAmount)} ${stats.primaryCurrency}` : null;
+  const visibleCount = deals.length;
+  const totalCount = stats.count;
+  const hasMoreDeals = totalCount > visibleCount;
+  const accentClass = getAccentClass(stage.tone);
+  const countBadgeClass = getCountBadgeClass(stage.tone);
+  const handleQuickAdd = React.useCallback(() => {
+    onQuickAddClick(stage.id);
+  }, [onQuickAddClick, stage.id]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "relative flex flex-none flex-col gap-3",
+      style: { width: typeof width === "number" && Number.isFinite(width) ? `${width}px` : `${LANE_WIDTH_PX}px` },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 overflow-clip rounded-lg bg-muted/40 px-4 py-3.5", children: [
+          /* @__PURE__ */ jsx("div", { className: `h-1.5 w-full rounded-sm ${accentClass}`, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-bold uppercase leading-normal text-foreground", children: stage.label }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `inline-flex shrink-0 items-center rounded-full px-2 py-1 text-xs font-bold leading-normal ${countBadgeClass}`,
+                  title: hasMoreDeals ? translateWithFallback(
+                    t,
+                    "customers.deals.kanban.lane.aria.partialCount",
+                    "Showing {visible} of {total}",
+                    { visible: visibleCount, total: totalCount }
+                  ) : void 0,
+                  children: totalCount
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+              totalLabel ? /* @__PURE__ */ jsx("span", { className: "text-sm font-bold leading-normal text-foreground", children: totalLabel }) : null,
+              stats.rows.length > 1 ? /* @__PURE__ */ jsx(
+                LaneCurrencyBreakdown,
+                {
+                  rows: stats.rows,
+                  baseCurrencyCode: stats.baseCurrencyCode,
+                  totalInBaseCurrency: stats.totalInBaseCurrency,
+                  convertedAll: stats.convertedAll,
+                  missingRateCurrencies: stats.missingRateCurrencies,
+                  triggerLabel: `+${stats.rows.length - 1}`,
+                  headingLabel: stage.label.toUpperCase(),
+                  headingCount: totalCount
+                }
+              ) : null
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          DashedTileButton,
+          {
+            onClick: handleQuickAdd,
+            className: "h-11",
+            ariaLabel: translateWithFallback(
+              t,
+              "customers.deals.kanban.lane.aria.quickAdd",
+              "Quickly add a deal to {stage}",
+              { stage: stage.label }
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-base font-bold leading-none", children: "+" }),
+              /* @__PURE__ */ jsx("span", { children: translateWithFallback(t, "customers.deals.kanban.cta.quickDeal", "Quick deal") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: setNodeRef,
+            className: `flex min-h-[40vh] flex-col gap-3 rounded-lg p-1.5 ${isOver ? "bg-accent-indigo/10 outline-dashed outline-2 outline-accent-indigo -outline-offset-[2px]" : showDropHighlight ? "bg-muted/40 outline-dashed outline-1 outline-muted-foreground/40 -outline-offset-[2px]" : ""}`,
+            children: [
+              deals.length === 0 ? /* @__PURE__ */ jsx(
+                EmptyState,
+                {
+                  size: "sm",
+                  title: translateWithFallback(
+                    t,
+                    "customers.deals.kanban.lane.empty",
+                    "No deals in this stage yet."
+                  )
+                }
+              ) : deals.map((deal) => /* @__PURE__ */ jsx(
+                DealCard,
+                {
+                  deal,
+                  selected: selectedDealIds.has(deal.id),
+                  bulkSelectionActive,
+                  buildMenuItems,
+                  isActiveDrag: activeDragDealId === deal.id,
+                  onToggleSelect,
+                  onComposeActivity,
+                  onOpenDetail
+                },
+                deal.id
+              )),
+              hasMoreDeals && onLoadMore ? /* @__PURE__ */ jsx(
+                DashedTileButton,
+                {
+                  onClick: () => onLoadMore(stage.id),
+                  disabled: isLoadingMore,
+                  className: "mt-0.75 px-3 py-2.5 text-muted-foreground",
+                  ariaLabel: translateWithFallback(
+                    t,
+                    "customers.deals.kanban.lane.aria.loadMore",
+                    "Load more deals in {stage}",
+                    { stage: stage.label }
+                  ),
+                  children: isLoadingMore ? translateWithFallback(t, "customers.deals.kanban.lane.loadingMore", "Loading\u2026") : translateWithFallback(
+                    t,
+                    "customers.deals.kanban.lane.loadMore",
+                    "Show more ({remaining})",
+                    { remaining: totalCount - visibleCount }
+                  )
+                }
+              ) : null
+            ]
+          }
+        ),
+        onResize ? /* @__PURE__ */ jsx(
+          LaneResizeHandle,
+          {
+            onResize: (delta) => onResize(stage.id, delta),
+            onResizeEnd: () => onResizeEnd?.(stage.id),
+            onReset: () => onResetWidth?.(stage.id)
+          }
+        ) : null
+      ]
+    }
+  );
+}
+const Lane = React.memo(LaneImpl, (prev, next) => {
+  if (prev.stage !== next.stage) return false;
+  if (prev.deals !== next.deals) return false;
+  if (prev.aggregate !== next.aggregate) return false;
+  if (prev.selectedDealIds !== next.selectedDealIds) return false;
+  if (prev.buildMenuItems !== next.buildMenuItems) return false;
+  if (prev.activeDragDealId !== next.activeDragDealId) return false;
+  if (prev.isLoadingMore !== next.isLoadingMore) return false;
+  if (prev.width !== next.width) return false;
+  return true;
+});
+var Lane_default = Lane;
+export {
+  Lane,
+  Lane_default as default
+};
+//# sourceMappingURL=Lane.js.map

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

@@ -0,0 +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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",
+  "names": ["rows"]
+}

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

@@ -0,0 +1,135 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "@open-mercato/ui/primitives/popover";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { X } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+import { CurrencyBreakdownTable } from "./CurrencyBreakdownTable.js";
+function LaneCurrencyBreakdown({
+  rows,
+  baseCurrencyCode,
+  totalInBaseCurrency,
+  convertedAll,
+  missingRateCurrencies,
+  triggerLabel,
+  triggerClassName,
+  headingLabel,
+  headingCount
+}) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const closeLabel = translateWithFallback(t, "customers.deals.kanban.filter.close", "Close");
+  const titleLabel = translateWithFallback(
+    t,
+    "customers.deals.kanban.currencyBreakdown.title",
+    "Lane breakdown"
+  );
+  const headingCountLabel = translateWithFallback(
+    t,
+    "customers.deals.kanban.currencyBreakdown.headingCount",
+    "({count} deals)",
+    { count: headingCount }
+  );
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        type: "button",
+        "aria-label": translateWithFallback(
+          t,
+          "customers.deals.kanban.lane.currencyBreakdown.trigger",
+          "Show per-currency breakdown ({count} currencies)",
+          { count: rows.length }
+        ),
+        className: triggerClassName ?? "inline-flex shrink-0 items-center rounded-full bg-muted px-2 py-1 text-xs font-bold leading-normal text-muted-foreground transition-colors hover:bg-muted/80 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        children: triggerLabel
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align: "end",
+        className: "w-80 rounded-2xl border-border bg-transparent p-0 shadow-xl",
+        onCloseAutoFocus: (event) => event.preventDefault(),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-hidden rounded-2xl bg-card", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border bg-card px-5 py-4", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-base font-bold leading-normal text-foreground", children: titleLabel }),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                variant: "ghost",
+                size: "xs",
+                onClick: () => setOpen(false),
+                "aria-label": closeLabel,
+                className: "flex size-7 items-center justify-center rounded-md border border-border bg-card text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                children: /* @__PURE__ */ jsx(X, { className: "size-3.5", "aria-hidden": "true" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 bg-card px-6 pt-3.5 pb-2", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: [
+              headingLabel,
+              " ",
+              headingCountLabel
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold leading-normal text-foreground", children: formatAmount(totalInBaseCurrency) }),
+              baseCurrencyCode ? /* @__PURE__ */ jsx("span", { className: "text-sm font-normal leading-normal text-muted-foreground", children: baseCurrencyCode }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            CurrencyBreakdownTable,
+            {
+              rows,
+              baseCurrencyCode,
+              missingRateCurrencies
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "bg-card px-6 pt-3 pb-3.5", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-normal leading-normal text-muted-foreground", children: translateWithFallback(
+              t,
+              "customers.deals.kanban.currencyBreakdown.footerCredit",
+              "NBP mid rate \xB7 {date}",
+              { date: formatToday() }
+            ) }),
+            !convertedAll && missingRateCurrencies.length > 0 ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs leading-normal text-muted-foreground", children: translateWithFallback(
+              t,
+              "customers.deals.kanban.lane.currencyBreakdown.missingRatesHint",
+              "Missing FX rates for {currencies} \u2014 excluded from total. Configure exchange rates to see the full converted value.",
+              { currencies: missingRateCurrencies.join(", ") }
+            ) }) : null
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function formatAmount(amount) {
+  return new Intl.NumberFormat(void 0, {
+    style: "decimal",
+    maximumFractionDigits: 0,
+    useGrouping: true
+  }).format(Math.round(amount));
+}
+function formatToday() {
+  return new Intl.DateTimeFormat(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "2-digit"
+  }).format(/* @__PURE__ */ new Date());
+}
+var LaneCurrencyBreakdown_default = LaneCurrencyBreakdown;
+export {
+  LaneCurrencyBreakdown,
+  LaneCurrencyBreakdown_default as default
+};
+//# sourceMappingURL=LaneCurrencyBreakdown.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/LaneCurrencyBreakdown.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@open-mercato/ui/primitives/popover'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { X } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { CurrencyBreakdownTable, type CurrencyBreakdownRow } from './CurrencyBreakdownTable'\n\ntype LaneCurrencyBreakdownProps = {\n  /** Per-currency breakdown rows (already sorted desc by total in the API response). */\n  rows: CurrencyBreakdownRow[]\n  /** Tenant base currency code, or `null` when none is configured. */\n  baseCurrencyCode: string | null\n  /** Sum of `rows` converted to the base currency (only rows with a usable FX rate are included). */\n  totalInBaseCurrency: number\n  /** Whether every row in `rows` was either already base-currency or had an FX rate. */\n  convertedAll: boolean\n  /** Currencies in `rows` that have no FX rate to base \u2014 they are excluded from `totalInBaseCurrency`. */\n  missingRateCurrencies: string[]\n  /** Visible chip label shown in the lane header (e.g. \"+3\"). */\n  triggerLabel: string\n  /** Optional className for the trigger chip. */\n  triggerClassName?: string\n  /**\n   * Heading shown above the table (e.g. lane stage label or `\"PIPELINE\"` for the\n   * board-level breakdown). Rendered in overline style above the headline total.\n   */\n  headingLabel: string\n  /** Total deal count shown next to the heading label (e.g. `\"49 deals\"`). */\n  headingCount: number\n}\n\n/**\n * Read-only per-currency breakdown popover.\n *\n * Reused by:\n *   - lane header `+N` chip (lane-scoped)\n *   - page-level Breakdown button (pipeline-scoped)\n *\n * Visual design from SPEC-048 Figma node 1251:610 \u2014 bordered white header bar with bold title +\n * close button, overline heading + large total amount, currency table with thin row dividers,\n * BASE pill on the base-currency row, and a muted \"NBP mid rate \u00B7 {date}\" footer credit.\n *\n * The body (column header + currency rows + BASE pill + footer credit) lives in\n * `CurrencyBreakdownTable` so the filter variant (`CurrencyFilterPopover`) can reuse the same\n * row composition without duplicating styling.\n */\nexport function LaneCurrencyBreakdown({\n  rows,\n  baseCurrencyCode,\n  totalInBaseCurrency,\n  convertedAll,\n  missingRateCurrencies,\n  triggerLabel,\n  triggerClassName,\n  headingLabel,\n  headingCount,\n}: LaneCurrencyBreakdownProps): React.ReactElement {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n\n  const closeLabel = translateWithFallback(t, 'customers.deals.kanban.filter.close', 'Close')\n  const titleLabel = translateWithFallback(\n    t,\n    'customers.deals.kanban.currencyBreakdown.title',\n    'Lane breakdown',\n  )\n  const headingCountLabel = translateWithFallback(\n    t,\n    'customers.deals.kanban.currencyBreakdown.headingCount',\n    '({count} deals)',\n    { count: headingCount },\n  )\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          type=\"button\"\n          aria-label={translateWithFallback(\n            t,\n            'customers.deals.kanban.lane.currencyBreakdown.trigger',\n            'Show per-currency breakdown ({count} currencies)',\n            { count: rows.length },\n          )}\n          className={\n            triggerClassName ??\n            'inline-flex shrink-0 items-center rounded-full bg-muted px-2 py-1 text-xs font-bold leading-normal text-muted-foreground transition-colors hover:bg-muted/80 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2'\n          }\n        >\n          {triggerLabel}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        className=\"w-80 rounded-2xl border-border bg-transparent p-0 shadow-xl\"\n        onCloseAutoFocus={(event) => event.preventDefault()}\n      >\n        {/*\n          Solid `bg-card` (no opacity modifier) on the outer wrapper: floating overlays must not\n          let underlying card content bleed through. Round-2 UX review item 33 \u2014 same class of\n          bug as item 6 in the shared FilterPopoverShell, but in popovers that hand-roll their\n          chrome instead of using the shell.\n        */}\n        <div className=\"flex flex-col overflow-hidden rounded-2xl bg-card\">\n          <div className=\"flex items-center justify-between border-b border-border bg-card px-5 py-4\">\n            <span className=\"text-base font-bold leading-normal text-foreground\">{titleLabel}</span>\n            <IconButton\n              variant=\"ghost\"\n              size=\"xs\"\n              onClick={() => setOpen(false)}\n              aria-label={closeLabel}\n              className=\"flex size-7 items-center justify-center rounded-md border border-border bg-card text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n            >\n              <X className=\"size-3.5\" aria-hidden=\"true\" />\n            </IconButton>\n          </div>\n\n          <div className=\"flex flex-col gap-1.5 bg-card px-6 pt-3.5 pb-2\">\n            <span className=\"text-overline font-semibold uppercase tracking-wider text-muted-foreground\">\n              {headingLabel} {headingCountLabel}\n            </span>\n            <div className=\"flex items-baseline gap-2\">\n              <span className=\"text-2xl font-bold leading-normal text-foreground\">\n                {formatAmount(totalInBaseCurrency)}\n              </span>\n              {baseCurrencyCode ? (\n                <span className=\"text-sm font-normal leading-normal text-muted-foreground\">\n                  {baseCurrencyCode}\n                </span>\n              ) : null}\n            </div>\n          </div>\n\n          <CurrencyBreakdownTable\n            rows={rows}\n            baseCurrencyCode={baseCurrencyCode}\n            missingRateCurrencies={missingRateCurrencies}\n          />\n\n          <div className=\"bg-card px-6 pt-3 pb-3.5\">\n            <p className=\"text-xs font-normal leading-normal text-muted-foreground\">\n              {translateWithFallback(\n                t,\n                'customers.deals.kanban.currencyBreakdown.footerCredit',\n                'NBP mid rate \u00B7 {date}',\n                { date: formatToday() },\n              )}\n            </p>\n            {!convertedAll && missingRateCurrencies.length > 0 ? (\n              <p className=\"mt-2 text-xs leading-normal text-muted-foreground\">\n                {translateWithFallback(\n                  t,\n                  'customers.deals.kanban.lane.currencyBreakdown.missingRatesHint',\n                  'Missing FX rates for {currencies} \u2014 excluded from total. Configure exchange rates to see the full converted value.',\n                  { currencies: missingRateCurrencies.join(', ') },\n                )}\n              </p>\n            ) : null}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nfunction formatAmount(amount: number): string {\n  return new Intl.NumberFormat(undefined, {\n    style: 'decimal',\n    maximumFractionDigits: 0,\n    useGrouping: true,\n  }).format(Math.round(amount))\n}\n\nfunction formatToday(): string {\n  return new Intl.DateTimeFormat(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n  }).format(new Date())\n}\n\nexport default LaneCurrencyBreakdown\n"],
+  "mappings": "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",
+  "names": []
+}