@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/SortByPopover.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Tag } from "lucide-react";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "@open-mercato/ui/primitives/popover";
+import { Radio, RadioGroup } from "@open-mercato/ui/primitives/radio";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+import { ChipButton } from "./ChipButton.js";
+import { FilterPopoverShell } from "./FilterPopoverShell.js";
+const SORT_LABEL_KEYS = {
+  updated_desc: { key: "customers.deals.kanban.sort.option.updatedNewest", fallback: "Updated (newest)" },
+  updated_asc: { key: "customers.deals.kanban.sort.option.updatedOldest", fallback: "Updated (oldest)" },
+  created_desc: { key: "customers.deals.kanban.sort.option.createdNewest", fallback: "Created (newest)" },
+  value_desc: { key: "customers.deals.kanban.sort.option.valueHigh", fallback: "Value (high to low)" },
+  value_asc: { key: "customers.deals.kanban.sort.option.valueLow", fallback: "Value (low to high)" },
+  probability_desc: {
+    key: "customers.deals.kanban.sort.option.probabilityHigh",
+    fallback: "Probability (high to low)"
+  },
+  close_asc: { key: "customers.deals.kanban.sort.option.closeSoonest", fallback: "Close date (soonest)" },
+  owner_asc: { key: "customers.deals.kanban.sort.option.ownerAsc", fallback: "Owner (A \u2192 Z)" }
+};
+const SORT_ORDER = [
+  "updated_desc",
+  "updated_asc",
+  "created_desc",
+  "value_desc",
+  "value_asc",
+  "probability_desc",
+  "close_asc",
+  "owner_asc"
+];
+const DEFAULT_SORT = "updated_desc";
+function SortByPopover({ value, onApply }) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const [draft, setDraft] = React.useState(value);
+  React.useEffect(() => {
+    if (open) setDraft(value);
+  }, [open, value]);
+  const chipLabel = translateWithFallback(t, "customers.deals.kanban.sort.label", "Sort");
+  const chipValue = translateWithFallback(t, SORT_LABEL_KEYS[value].key, SORT_LABEL_KEYS[value].fallback);
+  const handleApply = () => {
+    onApply(draft);
+    setOpen(false);
+  };
+  const handleKeyDown = (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      handleApply();
+    }
+  };
+  const footerLeft = /* @__PURE__ */ jsx("span", { children: translateWithFallback(
+    t,
+    "customers.deals.kanban.sort.defaultHint",
+    "Default: {label}",
+    {
+      label: translateWithFallback(
+        t,
+        SORT_LABEL_KEYS[DEFAULT_SORT].key,
+        SORT_LABEL_KEYS[DEFAULT_SORT].fallback
+      )
+    }
+  ) });
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ChipButton, { label: chipLabel, value: chipValue, active: value !== DEFAULT_SORT }) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: "w-96 rounded-2xl border-border bg-transparent p-0 shadow-xl",
+        align: "end",
+        onKeyDown: handleKeyDown,
+        children: /* @__PURE__ */ jsx(
+          FilterPopoverShell,
+          {
+            title: translateWithFallback(t, "customers.deals.kanban.sort.title", "Sort by"),
+            leadingIcon: /* @__PURE__ */ jsx(Tag, { className: "size-4" }),
+            onClose: () => setOpen(false),
+            onCancel: () => setOpen(false),
+            onApply: handleApply,
+            footerLeft,
+            children: /* @__PURE__ */ jsx(
+              RadioGroup,
+              {
+                value: draft,
+                onValueChange: (next) => setDraft(next),
+                className: "gap-0",
+                children: SORT_ORDER.map((option) => {
+                  const isSelected = draft === option;
+                  const isDefault = option === DEFAULT_SORT;
+                  const rowClass = isSelected ? "bg-muted" : "bg-card";
+                  const inputId = `sort-by-${option}`;
+                  return /* @__PURE__ */ jsxs(
+                    "label",
+                    {
+                      htmlFor: inputId,
+                      className: `flex w-full cursor-pointer items-center gap-3 rounded-md px-4 py-2.5 text-left transition-colors hover:bg-muted ${rowClass}`,
+                      children: [
+                        /* @__PURE__ */ jsx(Radio, { id: inputId, value: option }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-px", children: [
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: `text-sm leading-normal text-foreground ${isSelected ? "font-semibold" : "font-normal"}`,
+                              children: translateWithFallback(
+                                t,
+                                SORT_LABEL_KEYS[option].key,
+                                SORT_LABEL_KEYS[option].fallback
+                              )
+                            }
+                          ),
+                          isDefault && isSelected ? /* @__PURE__ */ jsx("span", { className: "text-xs font-normal leading-normal text-muted-foreground", children: translateWithFallback(t, "customers.deals.kanban.sort.default", "Default") }) : null
+                        ] })
+                      ]
+                    },
+                    option
+                  );
+                })
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+var SortByPopover_default = SortByPopover;
+export {
+  SORT_LABEL_KEYS,
+  SortByPopover,
+  SortByPopover_default as default
+};
+//# sourceMappingURL=SortByPopover.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/SortByPopover.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Tag } from 'lucide-react'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@open-mercato/ui/primitives/popover'\nimport { Radio, RadioGroup } from '@open-mercato/ui/primitives/radio'\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\nexport type SortOption =\n  | 'updated_desc'\n  | 'updated_asc'\n  | 'created_desc'\n  | 'value_desc'\n  | 'value_asc'\n  | 'probability_desc'\n  | 'close_asc'\n  | 'owner_asc'\n\nexport const SORT_LABEL_KEYS: Record<SortOption, { key: string; fallback: string }> = {\n  updated_desc: { key: 'customers.deals.kanban.sort.option.updatedNewest', fallback: 'Updated (newest)' },\n  updated_asc: { key: 'customers.deals.kanban.sort.option.updatedOldest', fallback: 'Updated (oldest)' },\n  created_desc: { key: 'customers.deals.kanban.sort.option.createdNewest', fallback: 'Created (newest)' },\n  value_desc: { key: 'customers.deals.kanban.sort.option.valueHigh', fallback: 'Value (high to low)' },\n  value_asc: { key: 'customers.deals.kanban.sort.option.valueLow', fallback: 'Value (low to high)' },\n  probability_desc: {\n    key: 'customers.deals.kanban.sort.option.probabilityHigh',\n    fallback: 'Probability (high to low)',\n  },\n  close_asc: { key: 'customers.deals.kanban.sort.option.closeSoonest', fallback: 'Close date (soonest)' },\n  owner_asc: { key: 'customers.deals.kanban.sort.option.ownerAsc', fallback: 'Owner (A \u2192 Z)' },\n}\n\nconst SORT_ORDER: SortOption[] = [\n  'updated_desc',\n  'updated_asc',\n  'created_desc',\n  'value_desc',\n  'value_asc',\n  'probability_desc',\n  'close_asc',\n  'owner_asc',\n]\n\nconst DEFAULT_SORT: SortOption = 'updated_desc'\n\ntype SortByPopoverProps = {\n  value: SortOption\n  onApply: (next: SortOption) => void\n}\n\nexport function SortByPopover({ value, onApply }: SortByPopoverProps): React.ReactElement {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const [draft, setDraft] = React.useState<SortOption>(value)\n\n  React.useEffect(() => {\n    if (open) setDraft(value)\n  }, [open, value])\n\n  const chipLabel = translateWithFallback(t, 'customers.deals.kanban.sort.label', 'Sort')\n  const chipValue = translateWithFallback(t, SORT_LABEL_KEYS[value].key, SORT_LABEL_KEYS[value].fallback)\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  const footerLeft = (\n    <span>\n      {translateWithFallback(\n        t,\n        'customers.deals.kanban.sort.defaultHint',\n        'Default: {label}',\n        {\n          label: translateWithFallback(\n            t,\n            SORT_LABEL_KEYS[DEFAULT_SORT].key,\n            SORT_LABEL_KEYS[DEFAULT_SORT].fallback,\n          ),\n        },\n      )}\n    </span>\n  )\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <ChipButton label={chipLabel} value={chipValue} active={value !== DEFAULT_SORT} />\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-96 rounded-2xl border-border bg-transparent p-0 shadow-xl\"\n        align=\"end\"\n        onKeyDown={handleKeyDown}\n      >\n        <FilterPopoverShell\n          title={translateWithFallback(t, 'customers.deals.kanban.sort.title', 'Sort by')}\n          leadingIcon={<Tag className=\"size-4\" />}\n          onClose={() => setOpen(false)}\n          onCancel={() => setOpen(false)}\n          onApply={handleApply}\n          footerLeft={footerLeft}\n        >\n          <RadioGroup\n            value={draft}\n            onValueChange={(next) => setDraft(next as SortOption)}\n            className=\"gap-0\"\n          >\n            {SORT_ORDER.map((option) => {\n              const isSelected = draft === option\n              const isDefault = option === DEFAULT_SORT\n              const rowClass = isSelected ? 'bg-muted' : 'bg-card'\n              const inputId = `sort-by-${option}`\n              return (\n                <label\n                  key={option}\n                  htmlFor={inputId}\n                  className={`flex w-full cursor-pointer items-center gap-3 rounded-md px-4 py-2.5 text-left transition-colors hover:bg-muted ${rowClass}`}\n                >\n                  <Radio id={inputId} value={option} />\n                  <div className=\"flex min-w-0 flex-1 flex-col gap-px\">\n                    <span\n                      className={`text-sm leading-normal text-foreground ${\n                        isSelected ? 'font-semibold' : 'font-normal'\n                      }`}\n                    >\n                      {translateWithFallback(\n                        t,\n                        SORT_LABEL_KEYS[option].key,\n                        SORT_LABEL_KEYS[option].fallback,\n                      )}\n                    </span>\n                    {isDefault && isSelected ? (\n                      <span className=\"text-xs font-normal leading-normal text-muted-foreground\">\n                        {translateWithFallback(t, 'customers.deals.kanban.sort.default', 'Default')}\n                      </span>\n                    ) : null}\n                  </div>\n                </label>\n              )\n            })}\n          </RadioGroup>\n        </FilterPopoverShell>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport default SortByPopover\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,126 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { X } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} 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 { ChipButton } from "./ChipButton.js";
+import { FilterPopoverShell } from "./FilterPopoverShell.js";
+const STATUS_OPTIONS = [
+  {
+    value: "open",
+    labelKey: "customers.deals.kanban.filter.status.open",
+    labelFallback: "Open",
+    dotClass: "bg-status-success-icon"
+  },
+  {
+    value: "win",
+    labelKey: "customers.deals.kanban.filter.status.won",
+    labelFallback: "Won",
+    dotClass: "bg-status-warning-icon"
+  },
+  {
+    value: "loose",
+    labelKey: "customers.deals.kanban.filter.status.lost",
+    labelFallback: "Lost",
+    dotClass: "bg-status-neutral-icon"
+  }
+];
+function StatusFilterPopover({ values, onApply }) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const [draft, setDraft] = React.useState(values);
+  React.useEffect(() => {
+    if (open) setDraft(values);
+  }, [open, values]);
+  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 toggleDraft = (value) => {
+    setDraft(
+      (prev) => prev.includes(value) ? prev.filter((entry) => entry !== value) : [...prev, value]
+    );
+  };
+  const handleApply = () => {
+    onApply(draft);
+    setOpen(false);
+  };
+  const handleKeyDown = (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      handleApply();
+    }
+  };
+  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(
+      PopoverContent,
+      {
+        className: "w-96 rounded-2xl border-border bg-transparent p-0 shadow-xl",
+        align: "start",
+        onKeyDown: handleKeyDown,
+        children: /* @__PURE__ */ jsxs(
+          FilterPopoverShell,
+          {
+            title: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "font-bold", children: translateWithFallback(t, "customers.deals.kanban.filter.status.title.label", "Filter : ") }),
+              /* @__PURE__ */ jsx("span", { className: "font-normal", children: translateWithFallback(t, "customers.deals.kanban.filter.status", "Status") })
+            ] }),
+            onClose: () => setOpen(false),
+            onCancel: () => setOpen(false),
+            onApply: handleApply,
+            footerLeft: /* @__PURE__ */ jsxs("span", { children: [
+              draft.length,
+              " ",
+              translateWithFallback(t, "customers.deals.kanban.filter.selected", "selected")
+            ] }),
+            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) => {
+                const isSelected = draft.includes(option.value);
+                const label = translateWithFallback(t, option.labelKey, option.labelFallback);
+                return /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "2xs",
+                    onClick: () => toggleDraft(option.value),
+                    "aria-pressed": isSelected,
+                    className: `gap-1.5 rounded-full px-2.5 py-1.5 text-xs leading-normal ${isSelected ? "bg-muted font-semibold text-foreground" : "border border-border bg-card font-normal text-muted-foreground hover:bg-muted"}`,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: `inline-block size-2 shrink-0 rounded-full ${option.dotClass}`,
+                          "aria-hidden": "true"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { children: label }),
+                      isSelected ? /* @__PURE__ */ jsx(X, { className: "size-2.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }) : null
+                    ]
+                  },
+                  option.value
+                );
+              }) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var StatusFilterPopover_default = StatusFilterPopover;
+export {
+  StatusFilterPopover,
+  StatusFilterPopover_default as default
+};
+//# sourceMappingURL=StatusFilterPopover.js.map

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

@@ -0,0 +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": ";AAuGQ,SASI,UATJ,KASI,YATJ;AArGR,YAAY,WAAW;AACvB,SAAS,SAAS;AAClB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,6BAA6B;AACtC,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AAanC,MAAM,iBAMD;AAAA,EACH;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,eAAe;AAAA,IACf,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,eAAe;AAAA,IACf,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,eAAe;AAAA,IACf,UAAU;AAAA,EACZ;AACF;AAOO,SAAS,oBAAoB,EAAE,QAAQ,QAAQ,GAAiD;AACrG,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAmB,MAAM;AAEzD,QAAM,UAAU,MAAM;AACpB,QAAI,KAAM,UAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,MAAM,MAAM,CAAC;AAEjB,QAAM,YAAY,sBAAsB,GAAG,wCAAwC,QAAQ;AAC3F,QAAM,YACJ,OAAO,WAAW,IACd,sBAAsB,GAAG,qCAAqC,KAAK,IACnE,OACG,IAAI,CAAC,UAAU;AACd,UAAM,SAAS,eAAe,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AACnE,WAAO,SACH,sBAAsB,GAAG,OAAO,UAAU,OAAO,aAAa,IAC9D;AAAA,EACN,CAAC,EACA,KAAK,IAAI;AAElB,QAAM,cAAc,CAAC,UAAkB;AACrC;AAAA,MAAS,CAAC,SACR,KAAK,SAAS,KAAK,IAAI,KAAK,OAAO,CAAC,UAAU,UAAU,KAAK,IAAI,CAAC,GAAG,MAAM,KAAK;AAAA,IAClF;AAAA,EACF;AAEA,QAAM,cAAc,MAAM;AACxB,YAAQ,KAAK;AACb,YAAQ,KAAK;AAAA,EACf;AAIA,QAAM,gBAAgB,CAAC,UAA+B;AACpD,SAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,SAAS;AAC7D,YAAM,eAAe;AACrB,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,SACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,wBAAC,kBAAe,SAAO,MACrB,8BAAC,cAAW,OAAO,WAAW,OAAO,WAAW,QAAQ,OAAO,SAAS,GAAG,GAC7E;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAM;AAAA,QACN,WAAW;AAAA,QAEX;AAAA,UAAC;AAAA;AAAA,YACC,OACE,iCACE;AAAA,kCAAC,UAAK,WAAU,aACb,gCAAsB,GAAG,oDAAoD,WAAW,GAC3F;AAAA,cACA,oBAAC,UAAK,WAAU,eACb,gCAAsB,GAAG,wCAAwC,QAAQ,GAC5E;AAAA,eACF;AAAA,YAEF,SAAS,MAAM,QAAQ,KAAK;AAAA,YAC5B,UAAU,MAAM,QAAQ,KAAK;AAAA,YAC7B,SAAS;AAAA,YACT,YACE,qBAAC,UACE;AAAA,oBAAM;AAAA,cAAQ;AAAA,cACd,sBAAsB,GAAG,0CAA0C,UAAU;AAAA,eAChF;AAAA,YAGF;AAAA,kCAAC,UAAK,WAAU,sFACb,gCAAsB,GAAG,wCAAwC,QAAQ,GAC5E;AAAA,cACA,oBAAC,SAAI,WAAU,iDACZ,yBAAe,IAAI,CAAC,WAAW;AAC9B,sBAAM,aAAa,MAAM,SAAS,OAAO,KAAK;AAC9C,sBAAM,QAAQ,sBAAsB,GAAG,OAAO,UAAU,OAAO,aAAa;AAC5E,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,SAAS,MAAM,YAAY,OAAO,KAAK;AAAA,oBACvC,gBAAc;AAAA,oBACd,WAAW,6DACT,aACI,2CACA,+EACN;AAAA,oBAEA;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAW,6CAA6C,OAAO,QAAQ;AAAA,0BACvE,eAAY;AAAA;AAAA,sBACd;AAAA,sBACA,oBAAC,UAAM,iBAAM;AAAA,sBACZ,aACC,oBAAC,KAAE,WAAU,2CAA0C,eAAY,QAAO,IACxE;AAAA;AAAA;AAAA,kBAnBC,OAAO;AAAA,gBAoBd;AAAA,cAEJ,CAAC,GACH;AAAA;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,71 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+const VIEW_KANBAN_HREF = "/backend/customers/deals/pipeline";
+const VIEW_LIST_HREF = "/backend/customers/deals";
+function ViewTabsRow({ active, className }) {
+  const t = useT();
+  const labels = {
+    kanban: translateWithFallback(t, "customers.deals.kanban.view.kanban", "Kanban"),
+    list: translateWithFallback(t, "customers.deals.kanban.view.list", "List")
+  };
+  const baseTab = "inline-flex items-center px-3.5 py-2.5 text-sm leading-normal transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+  const activeTab = "border-b-2 border-foreground font-semibold text-foreground";
+  const inactiveTab = "border-b-2 border-transparent font-normal text-muted-foreground hover:text-foreground";
+  const isKanbanActive = active === "kanban";
+  const isListActive = active === "list";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": translateWithFallback(t, "customers.deals.kanban.view.tablistLabel", "Deals views"),
+      className: `flex items-end gap-1 border-b border-border ${className ?? ""}`.trim(),
+      children: [
+        isKanbanActive ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            role: "tab",
+            "aria-selected": true,
+            className: `${baseTab} ${activeTab}`,
+            children: labels.kanban
+          }
+        ) : /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: VIEW_KANBAN_HREF,
+            role: "tab",
+            "aria-selected": false,
+            className: `${baseTab} ${inactiveTab}`,
+            children: labels.kanban
+          }
+        ),
+        isListActive ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            role: "tab",
+            "aria-selected": true,
+            className: `${baseTab} ${activeTab}`,
+            children: labels.list
+          }
+        ) : /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: VIEW_LIST_HREF,
+            role: "tab",
+            "aria-selected": false,
+            className: `${baseTab} ${inactiveTab}`,
+            children: labels.list
+          }
+        )
+      ]
+    }
+  );
+}
+var ViewTabsRow_default = ViewTabsRow;
+export {
+  ViewTabsRow,
+  ViewTabsRow_default as default
+};
+//# sourceMappingURL=ViewTabsRow.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/ViewTabsRow.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\n\nexport type KanbanView = 'kanban' | 'list'\n\ntype ViewTabsRowProps = {\n  active: KanbanView\n  className?: string\n}\n\nconst VIEW_KANBAN_HREF = '/backend/customers/deals/pipeline'\nconst VIEW_LIST_HREF = '/backend/customers/deals'\n\nexport function ViewTabsRow({ active, className }: ViewTabsRowProps): React.ReactElement {\n  const t = useT()\n  const labels = {\n    kanban: translateWithFallback(t, 'customers.deals.kanban.view.kanban', 'Kanban'),\n    list: translateWithFallback(t, 'customers.deals.kanban.view.list', 'List'),\n  }\n\n  const baseTab =\n    'inline-flex items-center px-3.5 py-2.5 text-sm leading-normal transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2'\n  const activeTab = 'border-b-2 border-foreground font-semibold text-foreground'\n  const inactiveTab = 'border-b-2 border-transparent font-normal text-muted-foreground hover:text-foreground'\n\n  // Renders the active tab as a non-navigating `<span>` and the inactive tab as a `<Link>`,\n  // so the user can always round-trip between kanban and list from either page. Previously\n  // the kanban tab was a hardcoded `<span>` because the row was only rendered on the kanban\n  // page \u2014 adding it to the list page (item 7 of the SPEC-048 UX review) requires it to\n  // navigate back to /pipeline.\n  const isKanbanActive = active === 'kanban'\n  const isListActive = active === 'list'\n\n  return (\n    <div\n      role=\"tablist\"\n      aria-label={translateWithFallback(t, 'customers.deals.kanban.view.tablistLabel', 'Deals views')}\n      className={`flex items-end gap-1 border-b border-border ${className ?? ''}`.trim()}\n    >\n      {isKanbanActive ? (\n        <span\n          role=\"tab\"\n          aria-selected={true}\n          className={`${baseTab} ${activeTab}`}\n        >\n          {labels.kanban}\n        </span>\n      ) : (\n        <Link\n          href={VIEW_KANBAN_HREF}\n          role=\"tab\"\n          aria-selected={false}\n          className={`${baseTab} ${inactiveTab}`}\n        >\n          {labels.kanban}\n        </Link>\n      )}\n      {isListActive ? (\n        <span\n          role=\"tab\"\n          aria-selected={true}\n          className={`${baseTab} ${activeTab}`}\n        >\n          {labels.list}\n        </span>\n      ) : (\n        <Link\n          href={VIEW_LIST_HREF}\n          role=\"tab\"\n          aria-selected={false}\n          className={`${baseTab} ${inactiveTab}`}\n        >\n          {labels.list}\n        </Link>\n      )}\n    </div>\n  )\n}\n\nexport default ViewTabsRow\n"],
+  "mappings": ";AAsCI,SAMI,KANJ;AAnCJ,OAAO,UAAU;AACjB,SAAS,YAAY;AACrB,SAAS,6BAA6B;AAStC,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AAEhB,SAAS,YAAY,EAAE,QAAQ,UAAU,GAAyC;AACvF,QAAM,IAAI,KAAK;AACf,QAAM,SAAS;AAAA,IACb,QAAQ,sBAAsB,GAAG,sCAAsC,QAAQ;AAAA,IAC/E,MAAM,sBAAsB,GAAG,oCAAoC,MAAM;AAAA,EAC3E;AAEA,QAAM,UACJ;AACF,QAAM,YAAY;AAClB,QAAM,cAAc;AAOpB,QAAM,iBAAiB,WAAW;AAClC,QAAM,eAAe,WAAW;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,sBAAsB,GAAG,4CAA4C,aAAa;AAAA,MAC9F,WAAW,+CAA+C,aAAa,EAAE,GAAG,KAAK;AAAA,MAEhF;AAAA,yBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,WAAW,GAAG,OAAO,IAAI,SAAS;AAAA,YAEjC,iBAAO;AAAA;AAAA,QACV,IAEA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,WAAW,GAAG,OAAO,IAAI,WAAW;AAAA,YAEnC,iBAAO;AAAA;AAAA,QACV;AAAA,QAED,eACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,WAAW,GAAG,OAAO,IAAI,SAAS;AAAA,YAEjC,iBAAO;AAAA;AAAA,QACV,IAEA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,WAAW,GAAG,OAAO,IAAI,WAAW;AAAA,YAEnC,iBAAO;AAAA;AAAA,QACV;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+const LANE_WIDTH_PX = 308;
+const LANE_WIDTH_CLASS = "w-[308px]";
+export {
+  LANE_WIDTH_CLASS,
+  LANE_WIDTH_PX
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/constants.ts"],
+  "sourcesContent": ["/**\n * Default kanban lane width in pixels (matches SPEC-048 Figma node 982:335). Operators can\n * override per-lane via the drag-resize handle; this constant is the fallback used when no\n * override is recorded.\n *\n * Centralised here so the value can't drift between the Lane wrapper, the AddStageLane CTA,\n * and the page-level DragOverlay \u2014 three places that previously hand-wrote `w-[308px]` and\n * `style={{ width: '308px' }}` independently.\n */\nexport const LANE_WIDTH_PX = 308\n\n/**\n * Tailwind utility class encoding `LANE_WIDTH_PX`. Use this in `className` templates;\n * use `LANE_WIDTH_PX` in inline `style` blocks where the width is genuinely dynamic.\n */\nexport const LANE_WIDTH_CLASS = 'w-[308px]'\n"],
+  "mappings": "AASO,MAAM,gBAAgB;AAMtB,MAAM,mBAAmB;",
+  "names": []
+}