@open-mercato/core 0.6.3-develop.3651.1.d3a548a5f1 → 0.6.3-develop.3653.1.b8558737ae

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

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ChevronRight } from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+function CustomizeViewDialog({
+  open,
+  resizedLanesCount = 0,
+  onClose,
+  onResetToDefault,
+  onResetColumnWidths
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) onClose();
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: translateWithFallback(t, "customers.deals.kanban.customize.title", "Customize view") }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: translateWithFallback(t, "customers.deals.kanban.customize.actions", "Actions") }),
+          /* @__PURE__ */ jsxs(
+            Link,
+            {
+              href: "/backend/config/customers/pipeline-stages",
+              className: "flex items-center justify-between gap-2 rounded-md px-3 py-2 text-left transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              onClick: () => onClose(),
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: translateWithFallback(
+                    t,
+                    "customers.deals.kanban.customize.manageStages",
+                    "Manage pipeline stages"
+                  ) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: translateWithFallback(
+                    t,
+                    "customers.deals.kanban.customize.manageStages.help",
+                    "Edit names, colors, required fields"
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-muted-foreground", "aria-hidden": "true" })
+              ]
+            }
+          ),
+          onResetColumnWidths ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              type: "button",
+              disabled: resizedLanesCount === 0,
+              onClick: () => {
+                onResetColumnWidths();
+                onClose();
+              },
+              className: "flex items-center justify-between gap-2 rounded-md px-3 py-2 text-left transition-colors hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: translateWithFallback(
+                    t,
+                    "customers.deals.kanban.customize.resetWidths",
+                    "Reset column widths"
+                  ) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: resizedLanesCount > 0 ? translateWithFallback(
+                    t,
+                    "customers.deals.kanban.customize.resetWidths.helpCount",
+                    "Restore the default width on {count} resized column(s)",
+                    { count: resizedLanesCount }
+                  ) : translateWithFallback(
+                    t,
+                    "customers.deals.kanban.customize.resetWidths.helpEmpty",
+                    "No columns have been resized yet"
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-muted-foreground", "aria-hidden": "true" })
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              type: "button",
+              onClick: () => {
+                onResetToDefault();
+                onClose();
+              },
+              className: "flex items-center justify-between gap-2 rounded-md px-3 py-2 text-left transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: translateWithFallback(
+                    t,
+                    "customers.deals.kanban.customize.resetDefault",
+                    "Reset to default"
+                  ) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: translateWithFallback(
+                    t,
+                    "customers.deals.kanban.customize.resetDefault.help",
+                    "Clear filters and restore columns"
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-muted-foreground", "aria-hidden": "true" })
+              ]
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
+}
+var CustomizeViewDialog_default = CustomizeViewDialog;
+export {
+  CustomizeViewDialog,
+  CustomizeViewDialog_default as default
+};
+//# sourceMappingURL=CustomizeViewDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/CustomizeViewDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { ChevronRight } from 'lucide-react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\n\n/**\n * Action-launcher dialog for the kanban board:\n *   - \"Configure card fields\"\n *   - \"Manage pipeline stages\"\n *   - \"Reset column widths\" (only enabled when at least one lane has been resized)\n *   - \"Reset to default\" (clears filters, restores columns)\n *\n * NOTE: a hardcoded \"Saved views\" radio group used to live here (Domy\u015Blny widok / M\u00F3j\n * pipeline / Closing this month / Stuck deals). Selecting an item only updated a local\n * activeViewId \u2014 no filters changed, nothing persisted. The reviewer flagged it as\n * misleading, and the perspectives-backed implementation is not in scope for this PR.\n * We removed the section entirely; once a real saved-view system lands, restore it with\n * actual filter application and persistence.\n */\ntype CustomizeViewDialogProps = {\n  open: boolean\n  /** Number of lanes the user has manually resized \u2014 displayed alongside the reset action */\n  resizedLanesCount?: number\n  onClose: () => void\n  onResetToDefault: () => void\n  /** Clear all per-stage width overrides so every lane falls back to its default width */\n  onResetColumnWidths?: () => void\n}\n\nexport function CustomizeViewDialog({\n  open,\n  resizedLanesCount = 0,\n  onClose,\n  onResetToDefault,\n  onResetColumnWidths,\n}: CustomizeViewDialogProps): React.ReactElement {\n  const t = useT()\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(next) => {\n        if (!next) onClose()\n      }}\n    >\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          {/*\n           * DS Dialog renders the close affordance (X) automatically; we previously rendered\n           * a second manual IconButton X here AND a header-level \"Reset to default\" button\n           * that duplicated the row-level entry below. Both were removed per the SPEC-048\n           * UX review (item 12).\n           */}\n          <DialogTitle>\n            {translateWithFallback(t, 'customers.deals.kanban.customize.title', 'Customize view')}\n          </DialogTitle>\n        </DialogHeader>\n\n        <div className=\"flex flex-col gap-4\">\n          <section className=\"flex flex-col gap-1\">\n            <span className=\"text-overline font-semibold uppercase tracking-wider text-muted-foreground\">\n              {translateWithFallback(t, 'customers.deals.kanban.customize.actions', 'Actions')}\n            </span>\n            <Link\n              href=\"/backend/config/customers/pipeline-stages\"\n              className=\"flex items-center justify-between gap-2 rounded-md px-3 py-2 text-left transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n              onClick={() => onClose()}\n            >\n              <span className=\"flex flex-col\">\n                <span className=\"text-sm font-medium text-foreground\">\n                  {translateWithFallback(\n                    t,\n                    'customers.deals.kanban.customize.manageStages',\n                    'Manage pipeline stages',\n                  )}\n                </span>\n                <span className=\"text-xs text-muted-foreground\">\n                  {translateWithFallback(\n                    t,\n                    'customers.deals.kanban.customize.manageStages.help',\n                    'Edit names, colors, required fields',\n                  )}\n                </span>\n              </span>\n              <ChevronRight className=\"size-4 text-muted-foreground\" aria-hidden=\"true\" />\n            </Link>\n            {onResetColumnWidths ? (\n              <Button\n                variant=\"ghost\"\n                type=\"button\"\n                disabled={resizedLanesCount === 0}\n                onClick={() => {\n                  onResetColumnWidths()\n                  onClose()\n                }}\n                className=\"flex items-center justify-between gap-2 rounded-md px-3 py-2 text-left transition-colors hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n              >\n                <span className=\"flex flex-col\">\n                  <span className=\"text-sm font-medium text-foreground\">\n                    {translateWithFallback(\n                      t,\n                      'customers.deals.kanban.customize.resetWidths',\n                      'Reset column widths',\n                    )}\n                  </span>\n                  <span className=\"text-xs text-muted-foreground\">\n                    {resizedLanesCount > 0\n                      ? translateWithFallback(\n                          t,\n                          'customers.deals.kanban.customize.resetWidths.helpCount',\n                          'Restore the default width on {count} resized column(s)',\n                          { count: resizedLanesCount },\n                        )\n                      : translateWithFallback(\n                          t,\n                          'customers.deals.kanban.customize.resetWidths.helpEmpty',\n                          'No columns have been resized yet',\n                        )}\n                  </span>\n                </span>\n                <ChevronRight className=\"size-4 text-muted-foreground\" aria-hidden=\"true\" />\n              </Button>\n            ) : null}\n            <Button\n              variant=\"ghost\"\n              type=\"button\"\n              onClick={() => {\n                onResetToDefault()\n                onClose()\n              }}\n              className=\"flex items-center justify-between gap-2 rounded-md px-3 py-2 text-left transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n            >\n              <span className=\"flex flex-col\">\n                <span className=\"text-sm font-medium text-foreground\">\n                  {translateWithFallback(\n                    t,\n                    'customers.deals.kanban.customize.resetDefault',\n                    'Reset to default',\n                  )}\n                </span>\n                <span className=\"text-xs text-muted-foreground\">\n                  {translateWithFallback(\n                    t,\n                    'customers.deals.kanban.customize.resetDefault.help',\n                    'Clear filters and restore columns',\n                  )}\n                </span>\n              </span>\n              <ChevronRight className=\"size-4 text-muted-foreground\" aria-hidden=\"true\" />\n            </Button>\n          </section>\n        </div>\n\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default CustomizeViewDialog\n"],
+  "mappings": ";AA+DU,cAeI,YAfJ;AA5DV,OAAO,UAAU;AACjB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,6BAA6B;AA0B/B,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,GAAiD;AAC/C,QAAM,IAAI,KAAK;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc,CAAC,SAAS;AACtB,YAAI,CAAC,KAAM,SAAQ;AAAA,MACrB;AAAA,MAEA,+BAAC,iBAAc,WAAU,eACvB;AAAA,4BAAC,gBAOC,8BAAC,eACE,gCAAsB,GAAG,0CAA0C,gBAAgB,GACtF,GACF;AAAA,QAEA,oBAAC,SAAI,WAAU,uBACb,+BAAC,aAAQ,WAAU,uBACjB;AAAA,8BAAC,UAAK,WAAU,8EACb,gCAAsB,GAAG,4CAA4C,SAAS,GACjF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS,MAAM,QAAQ;AAAA,cAEvB;AAAA,qCAAC,UAAK,WAAU,iBACd;AAAA,sCAAC,UAAK,WAAU,uCACb;AAAA,oBACC;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,GACF;AAAA,kBACA,oBAAC,UAAK,WAAU,iCACb;AAAA,oBACC;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,GACF;AAAA,mBACF;AAAA,gBACA,oBAAC,gBAAa,WAAU,gCAA+B,eAAY,QAAO;AAAA;AAAA;AAAA,UAC5E;AAAA,UACC,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,UAAU,sBAAsB;AAAA,cAChC,SAAS,MAAM;AACb,oCAAoB;AACpB,wBAAQ;AAAA,cACV;AAAA,cACA,WAAU;AAAA,cAEV;AAAA,qCAAC,UAAK,WAAU,iBACd;AAAA,sCAAC,UAAK,WAAU,uCACb;AAAA,oBACC;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,GACF;AAAA,kBACA,oBAAC,UAAK,WAAU,iCACb,8BAAoB,IACjB;AAAA,oBACE;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,EAAE,OAAO,kBAAkB;AAAA,kBAC7B,IACA;AAAA,oBACE;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,GACN;AAAA,mBACF;AAAA,gBACA,oBAAC,gBAAa,WAAU,gCAA+B,eAAY,QAAO;AAAA;AAAA;AAAA,UAC5E,IACE;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM;AACb,iCAAiB;AACjB,wBAAQ;AAAA,cACV;AAAA,cACA,WAAU;AAAA,cAEV;AAAA,qCAAC,UAAK,WAAU,iBACd;AAAA,sCAAC,UAAK,WAAU,uCACb;AAAA,oBACC;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,GACF;AAAA,kBACA,oBAAC,UAAK,WAAU,iCACb;AAAA,oBACC;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,GACF;AAAA,mBACF;AAAA,gBACA,oBAAC,gBAAa,WAAU,gCAA+B,eAAY,QAAO;AAAA;AAAA;AAAA,UAC5E;AAAA,WACF,GACF;AAAA,SAEF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@open-mercato/ui/primitives/button";
+function DashedTileButton({
+  onClick,
+  disabled = false,
+  ariaLabel,
+  title,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      type: "button",
+      onClick,
+      disabled,
+      "aria-label": ariaLabel,
+      title,
+      className: `group flex items-center justify-center gap-2.5 rounded-lg border border-dashed border-muted-foreground/60 bg-muted/40 text-sm font-semibold leading-normal text-foreground transition-colors hover:bg-muted/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ""}`.trim(),
+      children
+    }
+  );
+}
+var DashedTileButton_default = DashedTileButton;
+export {
+  DashedTileButton,
+  DashedTileButton_default as default
+};
+//# sourceMappingURL=DashedTileButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/DashedTileButton.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\nexport type DashedTileButtonProps = {\n  onClick: () => void\n  disabled?: boolean\n  ariaLabel?: string\n  title?: string\n  /**\n   * Extra utility classes appended after the shared dashed-tile chrome. Use this for\n   * width/height/orientation tweaks that vary per consumer (e.g. AddStageLane needs\n   * `min-h-[60vh]` + `flex-col`, quick-add needs `h-11`, show-more needs `px-3 py-2.5`).\n   */\n  className?: string\n  children: React.ReactNode\n}\n\n/**\n * Shared chrome for the three dashed-outline CTAs on the kanban board:\n *   - quick-add per lane (Lane.tsx)\n *   - show-more per lane (Lane.tsx)\n *   - new-stage lane (AddStageLane.tsx)\n *\n * Before extraction each consumer hand-rolled the same 8\u201310 utility classes plus its own\n * focus-ring + dashed-border styling; drift between the three was a Figma compliance risk\n * (and was flagged in the SPEC-048 UX review as item 19). Centralising the styles here\n * keeps the trio in sync.\n */\nexport function DashedTileButton({\n  onClick,\n  disabled = false,\n  ariaLabel,\n  title,\n  className,\n  children,\n}: DashedTileButtonProps): React.ReactElement {\n  return (\n    <Button\n      variant=\"ghost\"\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      title={title}\n      className={`group flex items-center justify-center gap-2.5 rounded-lg border border-dashed border-muted-foreground/60 bg-muted/40 text-sm font-semibold leading-normal text-foreground transition-colors hover:bg-muted/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ''}`.trim()}\n    >\n      {children}\n    </Button>\n  )\n}\n\nexport default DashedTileButton\n"],
+  "mappings": ";AAuCI;AApCJ,SAAS,cAAc;AA2BhB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8C;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA,WAAW,sWAAsW,aAAa,EAAE,GAAG,KAAK;AAAA,MAEvY;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,389 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useDraggable } from "@dnd-kit/core";
+import { AlertTriangle, Building2, Calendar, Clock, Mail, Phone, StickyNote } from "lucide-react";
+import { Avatar } from "@open-mercato/ui/primitives/avatar";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import { DealCardMenu } from "./DealCardMenu.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+const ACTIVITY_BADGE_CAP = 9;
+const ACTIVITY_BADGE_WARNING_THRESHOLD = 9;
+const AVATAR_STACK_MAX = 3;
+const AVATAR_ACCENT_CLASSES = [
+  "bg-status-info-icon text-white",
+  "bg-brand-violet text-brand-violet-foreground",
+  "bg-status-warning-icon text-white",
+  "bg-status-neutral-icon text-white",
+  "bg-status-success-icon text-white",
+  "bg-status-pink-icon text-white"
+];
+function hashAccent(seed) {
+  let h = 0;
+  for (let i = 0; i < seed.length; i += 1) {
+    h = (h << 5) - h + seed.charCodeAt(i) | 0;
+  }
+  const idx = Math.abs(h) % AVATAR_ACCENT_CLASSES.length;
+  return AVATAR_ACCENT_CLASSES[idx];
+}
+function splitCurrencyAmount(amount, currency) {
+  const code = currency && currency.length === 3 ? currency.toUpperCase() : null;
+  try {
+    const formatter = new Intl.NumberFormat(void 0, {
+      style: "decimal",
+      maximumFractionDigits: 0,
+      useGrouping: true
+    });
+    return { display: formatter.format(amount), code };
+  } catch {
+    return { display: String(Math.round(amount)), code };
+  }
+}
+function formatProbability(value) {
+  if (typeof value !== "number" || Number.isNaN(value)) return null;
+  return `${Math.min(Math.max(Math.round(value), 0), 100)}%`;
+}
+const shortDateFormatter = new Intl.DateTimeFormat(void 0, {
+  month: "short",
+  day: "2-digit"
+});
+function formatShortDate(value) {
+  if (!value) return null;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return null;
+  return shortDateFormatter.format(date);
+}
+function shortDealRef(id) {
+  return `DEAL-${id.slice(0, 6).toUpperCase()}`;
+}
+function DealCardImpl({
+  deal,
+  selected,
+  bulkSelectionActive = false,
+  buildMenuItems,
+  extraCompaniesCount = 0,
+  extraOwners,
+  isActiveDrag = false,
+  onToggleSelect,
+  onComposeActivity,
+  onOpenDetail
+}) {
+  const menuItems = React.useMemo(() => buildMenuItems(deal), [buildMenuItems, deal]);
+  const t = useT();
+  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({
+    id: deal.id,
+    data: { type: "deal" }
+  });
+  const dimmed = isActiveDrag || isDragging;
+  const style = {};
+  const activityCount = deal.pipelineState.openActivitiesCount;
+  const activityBadgeLabel = activityCount > 0 ? activityCount > ACTIVITY_BADGE_CAP ? `${ACTIVITY_BADGE_CAP}+` : String(activityCount) : null;
+  const activityWarning = activityCount >= ACTIVITY_BADGE_WARNING_THRESHOLD;
+  const probabilityLabel = formatProbability(deal.probability);
+  const dateLabel = formatShortDate(deal.expectedCloseAt ?? deal.createdAt);
+  const stageDaysLabel = deal.pipelineState.isOverdue ? translateWithFallback(t, "customers.deals.kanban.card.overdueLabel", "Overdue") : translateWithFallback(t, "customers.deals.kanban.card.daysInStage", "in {days}d", {
+    days: deal.pipelineState.daysInCurrentStage
+  });
+  const showOverdue = deal.pipelineState.isOverdue;
+  const showStuck = !showOverdue && deal.pipelineState.isStuck;
+  const handleSelectChange = (next) => {
+    if (typeof next === "boolean" && next !== selected) {
+      onToggleSelect(deal.id);
+    }
+  };
+  const handleCardClick = (event) => {
+    const target = event.target;
+    if (target.closest('[data-card-action="true"]')) return;
+    if (bulkSelectionActive) {
+      onToggleSelect(deal.id);
+      return;
+    }
+    onOpenDetail(deal.id);
+  };
+  const handleActionClick = (type) => (event) => {
+    event.stopPropagation();
+    onComposeActivity(deal.id, type);
+  };
+  const stopPointerDown = React.useCallback((event) => {
+    event.stopPropagation();
+  }, []);
+  const ariaLabel = translateWithFallback(t, "customers.deals.kanban.card.aria", "Deal: {title}", {
+    title: deal.title
+  });
+  const ariaRoleDescription = translateWithFallback(
+    t,
+    "customers.deals.kanban.card.aria.roledescription",
+    "deal card"
+  );
+  const valuePieces = deal.valueAmount !== null && Number.isFinite(deal.valueAmount) ? splitCurrencyAmount(deal.valueAmount, deal.valueCurrency) : null;
+  const probabilityValue = typeof deal.probability === "number" ? deal.probability : null;
+  const probabilityPillClass = probabilityValue !== null && probabilityValue >= 70 ? "bg-muted text-foreground" : probabilityValue !== null && probabilityValue >= 40 ? "bg-status-warning-bg text-status-warning-text" : "bg-muted text-muted-foreground";
+  const activityBadgeClass = activityWarning ? "bg-status-warning-bg text-status-warning-text" : "bg-muted text-foreground";
+  const ownersStack = React.useMemo(() => {
+    if (!deal.owner) return extraOwners ?? [];
+    return [deal.owner, ...extraOwners ?? []];
+  }, [deal.owner, extraOwners]);
+  const visibleOwners = ownersStack.slice(0, AVATAR_STACK_MAX);
+  const ownerOverflow = ownersStack.length - visibleOwners.length;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      ...attributes,
+      ...listeners,
+      "aria-label": ariaLabel,
+      "aria-roledescription": ariaRoleDescription,
+      onClick: handleCardClick,
+      className: `group relative flex w-full flex-col gap-3 rounded-lg border border-border bg-card px-4 py-3.5 shadow-xs transition-shadow ${dimmed ? "cursor-grabbing opacity-30" : bulkSelectionActive ? "cursor-pointer hover:shadow-sm" : "cursor-grab hover:shadow-sm active:cursor-grabbing"} ${selected ? "ring-2 ring-accent-indigo" : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2.5", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-card-action": "true",
+              className: `mr-0.5 mt-0.5 flex shrink-0 transition-opacity ${selected || bulkSelectionActive ? "opacity-100" : "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto focus-within:opacity-100 focus-within:pointer-events-auto [@media(hover:none)]:opacity-100 [@media(hover:none)]:pointer-events-auto"}`,
+              onClick: (event) => event.stopPropagation(),
+              onPointerDown: stopPointerDown,
+              children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: selected,
+                  onCheckedChange: handleSelectChange,
+                  "aria-label": translateWithFallback(t, "customers.deals.kanban.card.aria.select", "Select deal")
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("h3", { className: "line-clamp-2 text-base font-semibold leading-normal text-foreground", children: deal.title }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs leading-normal text-muted-foreground", children: shortDealRef(deal.id) })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex shrink-0 items-center gap-2",
+              "data-card-action": "true",
+              onClick: (event) => event.stopPropagation(),
+              onPointerDown: stopPointerDown,
+              children: [
+                activityBadgeLabel ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: `inline-flex items-center justify-center rounded-full px-2 py-px text-xs font-bold leading-normal ${activityBadgeClass}`,
+                    "aria-label": translateWithFallback(
+                      t,
+                      "customers.deals.kanban.card.aria.openActivities",
+                      "{count} open activities",
+                      { count: activityCount }
+                    ),
+                    children: activityBadgeLabel
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  DealCardMenu,
+                  {
+                    items: menuItems,
+                    ariaLabel: translateWithFallback(
+                      t,
+                      "customers.deals.kanban.card.aria.menu",
+                      "Deal actions"
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        showOverdue || showStuck ? /* @__PURE__ */ jsx("div", { children: showOverdue ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg px-2.5 py-1 text-xs font-semibold leading-normal text-status-error-text", children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3.5", "aria-hidden": "true" }),
+          translateWithFallback(t, "customers.deals.kanban.card.statusOverdue", "OVERDUE")
+        ] }) : /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md bg-status-warning-bg px-2.5 py-1 text-xs font-semibold leading-normal text-status-warning-text", children: [
+          /* @__PURE__ */ jsx(Clock, { className: "size-3.5", "aria-hidden": "true" }),
+          translateWithFallback(t, "customers.deals.kanban.card.statusStuck", "STUCK")
+        ] }) }) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-card-action": "true",
+            className: "flex items-center gap-1 opacity-0 pointer-events-none transition-opacity group-hover:opacity-100 group-hover:pointer-events-auto focus-within:opacity-100 focus-within:pointer-events-auto [@media(hover:none)]:opacity-100 [@media(hover:none)]:pointer-events-auto",
+            onClick: (event) => event.stopPropagation(),
+            onPointerDown: stopPointerDown,
+            children: (() => {
+              const disabled = !deal.primaryCompany;
+              const disabledTitle = disabled ? translateWithFallback(
+                t,
+                "customers.deals.kanban.card.action.disabledNoCompany",
+                "Link a company to this deal before logging activities."
+              ) : void 0;
+              const baseClass = "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md px-2 py-1 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+              return /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    type: "button",
+                    onClick: handleActionClick("call"),
+                    disabled,
+                    title: disabledTitle,
+                    "aria-disabled": disabled || void 0,
+                    className: baseClass,
+                    children: [
+                      /* @__PURE__ */ jsx(Phone, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+                      /* @__PURE__ */ jsx("span", { children: translateWithFallback(t, "customers.deals.kanban.card.action.call", "Call") })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    type: "button",
+                    onClick: handleActionClick("email"),
+                    disabled,
+                    title: disabledTitle,
+                    "aria-disabled": disabled || void 0,
+                    className: baseClass,
+                    children: [
+                      /* @__PURE__ */ jsx(Mail, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+                      /* @__PURE__ */ jsx("span", { children: translateWithFallback(t, "customers.deals.kanban.card.action.email", "Email") })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    type: "button",
+                    onClick: handleActionClick("note"),
+                    disabled,
+                    title: disabledTitle,
+                    "aria-disabled": disabled || void 0,
+                    className: baseClass,
+                    children: [
+                      /* @__PURE__ */ jsx(StickyNote, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+                      /* @__PURE__ */ jsx("span", { children: translateWithFallback(t, "customers.deals.kanban.card.action.note", "Note") })
+                    ]
+                  }
+                )
+              ] });
+            })()
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2.5", children: [
+          valuePieces ? /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-lg font-bold leading-normal text-foreground", children: valuePieces.display }),
+            valuePieces.code ? /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold leading-normal text-muted-foreground", children: valuePieces.code }) : null
+          ] }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: translateWithFallback(t, "customers.deals.kanban.card.noValue", "No value") }),
+          probabilityLabel ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `inline-flex items-center rounded-md px-2.5 py-1 text-sm font-semibold leading-normal ${probabilityPillClass}`,
+              "aria-label": translateWithFallback(
+                t,
+                "customers.deals.kanban.card.aria.probability",
+                "Probability: {value}",
+                { value: probabilityLabel }
+              ),
+              children: probabilityLabel
+            }
+          ) : null
+        ] }),
+        deal.primaryCompany || extraCompaniesCount > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          deal.primaryCompany ? /* @__PURE__ */ jsxs("span", { className: "inline-flex max-w-full items-center gap-1.5 overflow-hidden rounded-md bg-muted px-2.5 py-1 text-sm font-semibold leading-normal text-foreground", children: [
+            /* @__PURE__ */ jsx(Building2, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: deal.primaryCompany.label })
+          ] }) : null,
+          extraCompaniesCount > 0 ? /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "inline-flex shrink-0 items-center rounded-md bg-muted px-2.5 py-1 text-sm font-semibold leading-normal text-muted-foreground",
+              "aria-label": translateWithFallback(
+                t,
+                "customers.deals.kanban.card.aria.moreCompanies",
+                "{count} more companies",
+                { count: extraCompaniesCount }
+              ),
+              children: [
+                "+",
+                extraCompaniesCount
+              ]
+            }
+          ) : null
+        ] }) : null,
+        /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-border", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm leading-normal", children: [
+            dateLabel ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Calendar,
+                {
+                  className: `size-3.5 ${showOverdue ? "text-status-error-icon" : "text-muted-foreground"}`,
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: showOverdue ? "font-semibold text-status-error-text" : "font-semibold text-foreground",
+                  children: dateLabel
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: showOverdue ? "font-semibold text-status-error-text" : "font-normal text-muted-foreground",
+                children: stageDaysLabel
+              }
+            )
+          ] }),
+          ownersStack.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+            visibleOwners.map((owner, idx) => {
+              const accentClass = hashAccent(owner.userId);
+              return /* @__PURE__ */ jsx(
+                Avatar,
+                {
+                  label: owner.label || owner.userId.slice(0, 2).toUpperCase(),
+                  size: "sm",
+                  className: `size-7 text-xs font-bold ring-2 ring-card ${accentClass} ${idx > 0 ? "-ml-2.5" : ""}`
+                },
+                `${owner.userId}-${idx}`
+              );
+            }),
+            ownerOverflow > 0 ? /* @__PURE__ */ jsx(
+              Avatar,
+              {
+                label: `+${ownerOverflow}`,
+                size: "sm",
+                variant: "monochrome",
+                className: "size-7 -ml-2.5 text-xs font-bold ring-2 ring-card"
+              }
+            ) : null
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+const DealCard = React.memo(DealCardImpl, (prev, next) => {
+  if (prev.deal !== next.deal) return false;
+  if (prev.selected !== next.selected) return false;
+  if (prev.bulkSelectionActive !== next.bulkSelectionActive) return false;
+  if (prev.isActiveDrag !== next.isActiveDrag) return false;
+  if (prev.buildMenuItems !== next.buildMenuItems) return false;
+  if (prev.extraCompaniesCount !== next.extraCompaniesCount) return false;
+  if (prev.extraOwners !== next.extraOwners) return false;
+  return true;
+});
+var DealCard_default = DealCard;
+export {
+  DealCard,
+  DealCard_default as default
+};
+//# sourceMappingURL=DealCard.js.map