@open-mercato/core 0.6.6-develop.6519.1.bdc91fb755 → 0.6.6-develop.6520.1.55df6df792

package/dist/modules/customers/components/calendar/editor/LocationField.js

@@ -1,28 +1,75 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { MapPin } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { MapPin, Phone, Plus } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Input } from "@open-mercato/ui/primitives/input";
 import { Field } from "./inputs.js";
+import { fetchPeoplePhones } from "./lookups.js";
+function PhoneSuggestions({
+  contactIds,
+  onPick
+}) {
+  const t = useT();
+  const [contacts, setContacts] = React.useState([]);
+  const idsKey = contactIds.join(",");
+  React.useEffect(() => {
+    if (contactIds.length === 0) {
+      setContacts([]);
+      return;
+    }
+    const controller = new AbortController();
+    let cancelled = false;
+    fetchPeoplePhones(contactIds, controller.signal).then((found) => {
+      if (!cancelled) setContacts(found);
+    });
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [idsKey]);
+  if (contacts.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5 pt-1.5", children: contacts.map((contact) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onPick(contact.phone),
+      title: t("customers.calendar.editor.phoneSuggestion.use", "Use {name}\u2019s number", { name: contact.name }),
+      className: "inline-flex max-w-full items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+      children: [
+        /* @__PURE__ */ jsx(Plus, { "aria-hidden": true, className: "size-3 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0", children: t("customers.calendar.editor.phoneSuggestion.add", "Add") }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: contact.name }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 tabular-nums text-foreground", children: contact.phone })
+      ]
+    },
+    contact.id
+  )) });
+}
 function LocationField({
   variant,
   value,
-  onChange
+  onChange,
+  phoneContactIds
 }) {
   const t = useT();
   const label = variant === "phoneLink" ? t("customers.calendar.editor.phoneLink", "Phone / link") : t("customers.calendar.editor.location", "Location");
   const placeholder = variant === "phoneLink" ? t("customers.calendar.editor.phoneLinkPlaceholder", "Add a phone number or link\u2026") : t("customers.calendar.editor.locationPlaceholder", "Add a location or link\u2026");
-  return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
-    Input,
-    {
-      type: "text",
-      value,
-      onChange: (event) => onChange(event.target.value),
-      placeholder,
-      "aria-label": label,
-      leftIcon: /* @__PURE__ */ jsx(MapPin, {})
-    }
-  ) });
+  const showSuggestions = variant === "phoneLink" && value.trim().length === 0;
+  return /* @__PURE__ */ jsxs(Field, { label, children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "text",
+        value,
+        onChange: (event) => onChange(event.target.value),
+        placeholder,
+        "aria-label": label,
+        leftIcon: variant === "phoneLink" ? /* @__PURE__ */ jsx(Phone, {}) : /* @__PURE__ */ jsx(MapPin, {})
+      }
+    ),
+    showSuggestions ? /* @__PURE__ */ jsx(PhoneSuggestions, { contactIds: phoneContactIds ?? [], onPick: (phone) => onChange(phone) }) : null
+  ] });
 }
 export {
   LocationField

package/dist/modules/customers/components/calendar/editor/LocationField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customers/components/calendar/editor/LocationField.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { MapPin } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Field } from './inputs'\n\nexport function LocationField({\n  variant,\n  value,\n  onChange,\n}: {\n  variant: 'location' | 'phoneLink'\n  value: string\n  onChange(next: string): void\n}) {\n  const t = useT()\n  const label = variant === 'phoneLink'\n    ? t('customers.calendar.editor.phoneLink', 'Phone / link')\n    : t('customers.calendar.editor.location', 'Location')\n  const placeholder = variant === 'phoneLink'\n    ? t('customers.calendar.editor.phoneLinkPlaceholder', 'Add a phone number or link\u2026')\n    : t('customers.calendar.editor.locationPlaceholder', 'Add a location or link\u2026')\n  return (\n    <Field label={label}>\n      <Input\n        type=\"text\"\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        placeholder={placeholder}\n        aria-label={label}\n        leftIcon={<MapPin />}\n      />\n    </Field>\n  )\n}\n"],
-  "mappings": ";AAgCkB;AA7BlB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,aAAa;AAEf,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,YAAY,cACtB,EAAE,uCAAuC,cAAc,IACvD,EAAE,sCAAsC,UAAU;AACtD,QAAM,cAAc,YAAY,cAC5B,EAAE,kDAAkD,kCAA6B,IACjF,EAAE,iDAAiD,8BAAyB;AAChF,SACE,oBAAC,SAAM,OACL;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,MAChD;AAAA,MACA,cAAY;AAAA,MACZ,UAAU,oBAAC,UAAO;AAAA;AAAA,EACpB,GACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { MapPin, Phone, Plus } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Field } from './inputs'\nimport { fetchPeoplePhones, type ContactPhone } from './lookups'\n\n// Below the Call \"Phone / link\" field: when a linked contact has a primary\n// phone and the field is still empty, offer it as a one-click suggestion chip\n// showing the actual number (#3552). Companies/staff have no phone and never\n// appear. The chips vanish once the field is filled.\nfunction PhoneSuggestions({\n  contactIds,\n  onPick,\n}: {\n  contactIds: string[]\n  onPick(phone: string): void\n}) {\n  const t = useT()\n  const [contacts, setContacts] = React.useState<ContactPhone[]>([])\n  const idsKey = contactIds.join(',')\n\n  React.useEffect(() => {\n    if (contactIds.length === 0) {\n      setContacts([])\n      return\n    }\n    const controller = new AbortController()\n    let cancelled = false\n    fetchPeoplePhones(contactIds, controller.signal).then((found) => {\n      if (!cancelled) setContacts(found)\n    })\n    return () => {\n      cancelled = true\n      controller.abort()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- idsKey captures the ids\n  }, [idsKey])\n\n  if (contacts.length === 0) return null\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5 pt-1.5\">\n      {contacts.map((contact) => (\n        <button\n          key={contact.id}\n          type=\"button\"\n          onClick={() => onPick(contact.phone)}\n          title={t('customers.calendar.editor.phoneSuggestion.use', 'Use {name}\u2019s number', { name: contact.name })}\n          className=\"inline-flex max-w-full items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n        >\n          <Plus aria-hidden className=\"size-3 shrink-0\" />\n          <span className=\"shrink-0\">{t('customers.calendar.editor.phoneSuggestion.add', 'Add')}</span>\n          <span className=\"truncate\">{contact.name}</span>\n          <span className=\"shrink-0 tabular-nums text-foreground\">{contact.phone}</span>\n        </button>\n      ))}\n    </div>\n  )\n}\n\nexport function LocationField({\n  variant,\n  value,\n  onChange,\n  phoneContactIds,\n}: {\n  variant: 'location' | 'phoneLink'\n  value: string\n  onChange(next: string): void\n  /** Person ids whose phone can be suggested (Call variant only). */\n  phoneContactIds?: string[]\n}) {\n  const t = useT()\n  const label = variant === 'phoneLink'\n    ? t('customers.calendar.editor.phoneLink', 'Phone / link')\n    : t('customers.calendar.editor.location', 'Location')\n  const placeholder = variant === 'phoneLink'\n    ? t('customers.calendar.editor.phoneLinkPlaceholder', 'Add a phone number or link\u2026')\n    : t('customers.calendar.editor.locationPlaceholder', 'Add a location or link\u2026')\n  // Suggestions only help while the field is empty \u2014 once filled they'd be noise.\n  const showSuggestions = variant === 'phoneLink' && value.trim().length === 0\n  return (\n    <Field label={label}>\n      <Input\n        type=\"text\"\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        placeholder={placeholder}\n        aria-label={label}\n        leftIcon={variant === 'phoneLink' ? <Phone /> : <MapPin />}\n      />\n      {showSuggestions ? (\n        <PhoneSuggestions contactIds={phoneContactIds ?? []} onPick={(phone) => onChange(phone)} />\n      ) : null}\n    </Field>\n  )\n}\n"],
+  "mappings": ";AA6CQ,SAOE,KAPF;AA3CR,YAAY,WAAW;AACvB,SAAS,QAAQ,OAAO,YAAY;AACpC,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,yBAA4C;AAMrD,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AACF,GAGG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAyB,CAAC,CAAC;AACjE,QAAM,SAAS,WAAW,KAAK,GAAG;AAElC,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW,WAAW,GAAG;AAC3B,kBAAY,CAAC,CAAC;AACd;AAAA,IACF;AACA,UAAM,aAAa,IAAI,gBAAgB;AACvC,QAAI,YAAY;AAChB,sBAAkB,YAAY,WAAW,MAAM,EAAE,KAAK,CAAC,UAAU;AAC/D,UAAI,CAAC,UAAW,aAAY,KAAK;AAAA,IACnC,CAAC;AACD,WAAO,MAAM;AACX,kBAAY;AACZ,iBAAW,MAAM;AAAA,IACnB;AAAA,EAEF,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,SAAS,WAAW,EAAG,QAAO;AAClC,SACE,oBAAC,SAAI,WAAU,8CACZ,mBAAS,IAAI,CAAC,YACb;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,MAAM,OAAO,QAAQ,KAAK;AAAA,MACnC,OAAO,EAAE,iDAAiD,4BAAuB,EAAE,MAAM,QAAQ,KAAK,CAAC;AAAA,MACvG,WAAU;AAAA,MAEV;AAAA,4BAAC,QAAK,eAAW,MAAC,WAAU,mBAAkB;AAAA,QAC9C,oBAAC,UAAK,WAAU,YAAY,YAAE,iDAAiD,KAAK,GAAE;AAAA,QACtF,oBAAC,UAAK,WAAU,YAAY,kBAAQ,MAAK;AAAA,QACzC,oBAAC,UAAK,WAAU,yCAAyC,kBAAQ,OAAM;AAAA;AAAA;AAAA,IATlE,QAAQ;AAAA,EAUf,CACD,GACH;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,YAAY,cACtB,EAAE,uCAAuC,cAAc,IACvD,EAAE,sCAAsC,UAAU;AACtD,QAAM,cAAc,YAAY,cAC5B,EAAE,kDAAkD,kCAA6B,IACjF,EAAE,iDAAiD,8BAAyB;AAEhF,QAAM,kBAAkB,YAAY,eAAe,MAAM,KAAK,EAAE,WAAW;AAC3E,SACE,qBAAC,SAAM,OACL;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,QAChD;AAAA,QACA,cAAY;AAAA,QACZ,UAAU,YAAY,cAAc,oBAAC,SAAM,IAAK,oBAAC,UAAO;AAAA;AAAA,IAC1D;AAAA,IACC,kBACC,oBAAC,oBAAiB,YAAY,mBAAmB,CAAC,GAAG,QAAQ,CAAC,UAAU,SAAS,KAAK,GAAG,IACvF;AAAA,KACN;AAEJ;",
   "names": []
 }

package/dist/modules/customers/components/calendar/editor/PeopleField.js

@@ -8,20 +8,23 @@ import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
 import { composeAccessibleName } from "../../../lib/calendar/labels.js";
 import { searchPeopleOptions } from "./lookups.js";
-import { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge } from "./inputs.js";
+import { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge, useDropdownDismiss } from "./inputs.js";
 function PeopleField({
   mode,
   placeholder,
   ariaLabel,
   value,
   onChange,
-  includeCustomers
+  includeCustomers,
+  includeStaff = true
 }) {
   const t = useT();
   const [query, setQuery] = React.useState("");
   const [open, setOpen] = React.useState(false);
   const [options, setOptions] = React.useState([]);
   const [loading, setLoading] = React.useState(false);
+  const close = React.useCallback(() => setOpen(false), []);
+  const rootRef = useDropdownDismiss(open, close);
   React.useEffect(() => {
     if (!open) return;
     const controller = new AbortController();
@@ -29,7 +32,7 @@ function PeopleField({
     const timer = window.setTimeout(async () => {
       setLoading(true);
       try {
-        const results = await searchPeopleOptions(query.trim(), { includeCustomers, signal: controller.signal });
+        const results = await searchPeopleOptions(query.trim(), { includeCustomers, includeStaff, signal: controller.signal });
         if (cancelled) return;
         setOptions(results);
       } catch {
@@ -43,13 +46,14 @@ function PeopleField({
       controller.abort();
       window.clearTimeout(timer);
     };
-  }, [open, query, includeCustomers]);
+  }, [open, query, includeCustomers, includeStaff]);
   const selectedIds = new Set(value.map((participant) => participant.userId));
   const visibleOptions = options.filter((option) => !selectedIds.has(option.userId));
   const customerBadge = /* @__PURE__ */ jsx(UppercaseBadge, { className: "bg-status-info-bg text-status-info-text", children: t("customers.calendar.editor.customerBadge", "Customer") });
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: rootRef,
       className: "relative w-full",
       onBlur: (event) => {
         if (!event.currentTarget.contains(event.relatedTarget)) setOpen(false);
@@ -60,7 +64,7 @@ function PeopleField({
           {
             className: cn(
               "flex w-full flex-wrap content-center items-center gap-2 rounded-md bg-background px-2.5 py-2",
-              mode === "multi" ? "min-h-24" : "min-h-14",
+              "min-h-14",
               CONTROL_BORDER
             ),
             children: [
@@ -107,6 +111,7 @@ function PeopleField({
                 option.email,
                 option.isCustomer ? t("customers.calendar.editor.customerBadge", "Customer") : null
               ]),
+              title: composeAccessibleName([option.name, option.email]),
               onClick: () => {
                 const participant = {
                   userId: option.userId,

package/dist/modules/customers/components/calendar/editor/PeopleField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customers/components/calendar/editor/PeopleField.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport type { EditorParticipant } from '../../../lib/calendar/editorPayload'\nimport { composeAccessibleName } from '../../../lib/calendar/labels'\nimport { searchPeopleOptions, type PersonOption } from './lookups'\nimport { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge } from './inputs'\n\nexport function PeopleField({\n  mode,\n  placeholder,\n  ariaLabel,\n  value,\n  onChange,\n  includeCustomers,\n}: {\n  mode: 'multi' | 'single'\n  placeholder: string\n  ariaLabel: string\n  value: EditorParticipant[]\n  onChange(next: EditorParticipant[]): void\n  includeCustomers: boolean\n}) {\n  const t = useT()\n  const [query, setQuery] = React.useState('')\n  const [open, setOpen] = React.useState(false)\n  const [options, setOptions] = React.useState<PersonOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    let cancelled = false\n    const timer = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const results = await searchPeopleOptions(query.trim(), { includeCustomers, signal: controller.signal })\n        if (cancelled) return\n        setOptions(results)\n      } catch {\n        if (!cancelled) setOptions([])\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 250)\n    return () => {\n      cancelled = true\n      controller.abort()\n      window.clearTimeout(timer)\n    }\n  }, [open, query, includeCustomers])\n\n  const selectedIds = new Set(value.map((participant) => participant.userId))\n  const visibleOptions = options.filter((option) => !selectedIds.has(option.userId))\n\n  const customerBadge = (\n    <UppercaseBadge className=\"bg-status-info-bg text-status-info-text\">\n      {t('customers.calendar.editor.customerBadge', 'Customer')}\n    </UppercaseBadge>\n  )\n\n  return (\n    <div\n      className=\"relative w-full\"\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false)\n      }}\n    >\n      <div\n        className={cn(\n          'flex w-full flex-wrap content-center items-center gap-2 rounded-md bg-background px-2.5 py-2',\n          mode === 'multi' ? 'min-h-24' : 'min-h-14',\n          CONTROL_BORDER,\n        )}\n      >\n        {value.map((participant) => (\n          <PersonChip\n            key={participant.userId}\n            name={participant.name}\n            badge={participant.isCustomer ? customerBadge : undefined}\n            onRemove={() => onChange(value.filter((entry) => entry.userId !== participant.userId))}\n            removeLabel={t('customers.calendar.editor.removePerson', 'Remove {name}', { name: participant.name })}\n          />\n        ))}\n        <Input\n          type=\"text\"\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          onFocus={() => setOpen(true)}\n          placeholder={placeholder}\n          aria-label={ariaLabel}\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"min-w-36 flex-1 border-0 bg-transparent px-0 shadow-none hover:bg-transparent focus-within:border-transparent focus-within:shadow-none\"\n          inputClassName=\"text-sm text-foreground placeholder:text-muted-foreground\"\n        />\n      </div>\n      {open ? (\n        <div role=\"listbox\" aria-label={ariaLabel} className={DROPDOWN_PANEL_CLASS}>\n          {loading ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.searching', 'Searching\u2026')}\n            </p>\n          ) : null}\n          {!loading && visibleOptions.length === 0 ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.noResults', 'No results')}\n            </p>\n          ) : null}\n          {!loading\n            ? visibleOptions.map((option) => (\n                <Button\n                  key={`${option.isCustomer ? 'customer' : 'staff'}:${option.userId}`}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  role=\"option\"\n                  aria-selected={false}\n                  aria-label={composeAccessibleName([\n                    option.name,\n                    option.email,\n                    option.isCustomer ? t('customers.calendar.editor.customerBadge', 'Customer') : null,\n                  ])}\n                  onClick={() => {\n                    const participant: EditorParticipant = {\n                      userId: option.userId,\n                      name: option.name,\n                      email: option.email ?? undefined,\n                      isCustomer: option.isCustomer,\n                    }\n                    onChange(mode === 'single' ? [participant] : [...value, participant])\n                    setQuery('')\n                    if (mode === 'single') setOpen(false)\n                  }}\n                  className=\"h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground\"\n                >\n                  <Avatar size=\"xs\" label={option.name} />\n                  <span className=\"min-w-0 flex-1 truncate\">\n                    {option.name}\n                    {option.email ? <span className=\"ml-1.5 text-xs text-muted-foreground\">{option.email}</span> : null}\n                  </span>\n                  {option.isCustomer ? customerBadge : null}\n                </Button>\n              ))\n            : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport type { EditorParticipant } from '../../../lib/calendar/editorPayload'\nimport { composeAccessibleName } from '../../../lib/calendar/labels'\nimport { searchPeopleOptions, type PersonOption } from './lookups'\nimport { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge, useDropdownDismiss } from './inputs'\n\nexport function PeopleField({\n  mode,\n  placeholder,\n  ariaLabel,\n  value,\n  onChange,\n  includeCustomers,\n  includeStaff = true,\n}: {\n  mode: 'multi' | 'single'\n  placeholder: string\n  ariaLabel: string\n  value: EditorParticipant[]\n  onChange(next: EditorParticipant[]): void\n  includeCustomers: boolean\n  /** Pass false when the staff module is not loaded \u2014 customer-only options. */\n  includeStaff?: boolean\n}) {\n  const t = useT()\n  const [query, setQuery] = React.useState('')\n  const [open, setOpen] = React.useState(false)\n  const [options, setOptions] = React.useState<PersonOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const close = React.useCallback(() => setOpen(false), [])\n  const rootRef = useDropdownDismiss(open, close)\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    let cancelled = false\n    const timer = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const results = await searchPeopleOptions(query.trim(), { includeCustomers, includeStaff, signal: controller.signal })\n        if (cancelled) return\n        setOptions(results)\n      } catch {\n        if (!cancelled) setOptions([])\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 250)\n    return () => {\n      cancelled = true\n      controller.abort()\n      window.clearTimeout(timer)\n    }\n  }, [open, query, includeCustomers, includeStaff])\n\n  const selectedIds = new Set(value.map((participant) => participant.userId))\n  const visibleOptions = options.filter((option) => !selectedIds.has(option.userId))\n\n  const customerBadge = (\n    <UppercaseBadge className=\"bg-status-info-bg text-status-info-text\">\n      {t('customers.calendar.editor.customerBadge', 'Customer')}\n    </UppercaseBadge>\n  )\n\n  return (\n    <div\n      ref={rootRef}\n      className=\"relative w-full\"\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false)\n      }}\n    >\n      <div\n        className={cn(\n          'flex w-full flex-wrap content-center items-center gap-2 rounded-md bg-background px-2.5 py-2',\n          'min-h-14',\n          CONTROL_BORDER,\n        )}\n      >\n        {value.map((participant) => (\n          <PersonChip\n            key={participant.userId}\n            name={participant.name}\n            badge={participant.isCustomer ? customerBadge : undefined}\n            onRemove={() => onChange(value.filter((entry) => entry.userId !== participant.userId))}\n            removeLabel={t('customers.calendar.editor.removePerson', 'Remove {name}', { name: participant.name })}\n          />\n        ))}\n        <Input\n          type=\"text\"\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          onFocus={() => setOpen(true)}\n          placeholder={placeholder}\n          aria-label={ariaLabel}\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"min-w-36 flex-1 border-0 bg-transparent px-0 shadow-none hover:bg-transparent focus-within:border-transparent focus-within:shadow-none\"\n          inputClassName=\"text-sm text-foreground placeholder:text-muted-foreground\"\n        />\n      </div>\n      {open ? (\n        <div role=\"listbox\" aria-label={ariaLabel} className={DROPDOWN_PANEL_CLASS}>\n          {loading ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.searching', 'Searching\u2026')}\n            </p>\n          ) : null}\n          {!loading && visibleOptions.length === 0 ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.noResults', 'No results')}\n            </p>\n          ) : null}\n          {!loading\n            ? visibleOptions.map((option) => (\n                <Button\n                  key={`${option.isCustomer ? 'customer' : 'staff'}:${option.userId}`}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  role=\"option\"\n                  aria-selected={false}\n                  aria-label={composeAccessibleName([\n                    option.name,\n                    option.email,\n                    option.isCustomer ? t('customers.calendar.editor.customerBadge', 'Customer') : null,\n                  ])}\n                  title={composeAccessibleName([option.name, option.email])}\n                  onClick={() => {\n                    const participant: EditorParticipant = {\n                      userId: option.userId,\n                      name: option.name,\n                      email: option.email ?? undefined,\n                      isCustomer: option.isCustomer,\n                    }\n                    onChange(mode === 'single' ? [participant] : [...value, participant])\n                    setQuery('')\n                    if (mode === 'single') setOpen(false)\n                  }}\n                  className=\"h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground\"\n                >\n                  <Avatar size=\"xs\" label={option.name} />\n                  <span className=\"min-w-0 flex-1 truncate\">\n                    {option.name}\n                    {option.email ? <span className=\"ml-1.5 text-xs text-muted-foreground\">{option.email}</span> : null}\n                  </span>\n                  {option.isCustomer ? customerBadge : null}\n                </Button>\n              ))\n            : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/calendar/editor/PriorityField.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, ChevronDown, ChevronsDown, ChevronsUp, Equal } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, useDropdownDismiss } from "./inputs.js";
+const PRIORITY_META = {
+  low: { Icon: ChevronsDown, color: "text-status-info-text" },
+  medium: { Icon: Equal, color: "text-muted-foreground" },
+  high: { Icon: ChevronsUp, color: "text-status-error-text" }
+};
+const PRIORITY_ORDER = ["high", "medium", "low"];
+function PriorityField({
+  value,
+  labels,
+  ariaLabel,
+  onChange
+}) {
+  const [open, setOpen] = React.useState(false);
+  const close = React.useCallback(() => setOpen(false), []);
+  const rootRef = useDropdownDismiss(open, close);
+  const selected = PRIORITY_META[value];
+  const SelectedIcon = selected.Icon;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rootRef,
+      className: "relative w-full",
+      onBlur: (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) setOpen(false);
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            "aria-haspopup": "listbox",
+            "aria-expanded": open,
+            "aria-label": ariaLabel,
+            onClick: () => setOpen((previous) => !previous),
+            className: cn("h-9 w-full justify-between bg-background px-3 font-normal shadow-none", CONTROL_BORDER),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsx(SelectedIcon, { "aria-hidden": true, className: cn("size-4 shrink-0", selected.color) }),
+                /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-foreground", children: labels[value] })
+              ] }),
+              /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true, className: "size-4 shrink-0 opacity-60" })
+            ]
+          }
+        ),
+        open ? /* @__PURE__ */ jsx("div", { role: "listbox", "aria-label": ariaLabel, className: DROPDOWN_PANEL_CLASS, children: PRIORITY_ORDER.map((priority) => {
+          const meta = PRIORITY_META[priority];
+          const Icon = meta.Icon;
+          const active = priority === value;
+          return /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              role: "option",
+              "aria-selected": active,
+              onClick: () => {
+                onChange(priority);
+                setOpen(false);
+              },
+              className: cn("h-auto w-full justify-start gap-2 px-2 py-1.5 text-left text-sm font-normal", active && "bg-muted"),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, className: cn("size-4 shrink-0", meta.color) }),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-foreground", children: labels[priority] }),
+                /* @__PURE__ */ jsx(Check, { "aria-hidden": true, className: cn("size-4 shrink-0", active ? "opacity-100" : "opacity-0") })
+              ]
+            },
+            priority
+          );
+        }) }) : null
+      ]
+    }
+  );
+}
+export {
+  PriorityField
+};
+//# sourceMappingURL=PriorityField.js.map

package/dist/modules/customers/components/calendar/editor/PriorityField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/calendar/editor/PriorityField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Check, ChevronDown, ChevronsDown, ChevronsUp, Equal } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport type { EditorPriority } from '../../../lib/calendar/editorPayload'\nimport { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, useDropdownDismiss } from './inputs'\n\n// Jira/Linear-style priority glyphs: filled double chevrons for the extremes,\n// an equals bar for the middle. Colours stay on DS status tokens (no amber):\n// blue = low urgency, muted = medium, red = high.\nconst PRIORITY_META: Record<EditorPriority, { Icon: React.ComponentType<{ className?: string }>; color: string }> = {\n  low: { Icon: ChevronsDown, color: 'text-status-info-text' },\n  medium: { Icon: Equal, color: 'text-muted-foreground' },\n  high: { Icon: ChevronsUp, color: 'text-status-error-text' },\n}\n\nconst PRIORITY_ORDER: EditorPriority[] = ['high', 'medium', 'low']\n\nexport function PriorityField({\n  value,\n  labels,\n  ariaLabel,\n  onChange,\n}: {\n  value: EditorPriority\n  labels: Record<EditorPriority, string>\n  ariaLabel: string\n  onChange(next: EditorPriority): void\n}) {\n  const [open, setOpen] = React.useState(false)\n  const close = React.useCallback(() => setOpen(false), [])\n  const rootRef = useDropdownDismiss(open, close)\n  const selected = PRIORITY_META[value]\n  const SelectedIcon = selected.Icon\n\n  return (\n    <div\n      ref={rootRef}\n      className=\"relative w-full\"\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false)\n      }}\n    >\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-label={ariaLabel}\n        onClick={() => setOpen((previous) => !previous)}\n        className={cn('h-9 w-full justify-between bg-background px-3 font-normal shadow-none', CONTROL_BORDER)}\n      >\n        <span className=\"flex min-w-0 items-center gap-2\">\n          <SelectedIcon aria-hidden className={cn('size-4 shrink-0', selected.color)} />\n          <span className=\"truncate text-sm text-foreground\">{labels[value]}</span>\n        </span>\n        <ChevronDown aria-hidden className=\"size-4 shrink-0 opacity-60\" />\n      </Button>\n      {open ? (\n        <div role=\"listbox\" aria-label={ariaLabel} className={DROPDOWN_PANEL_CLASS}>\n          {PRIORITY_ORDER.map((priority) => {\n            const meta = PRIORITY_META[priority]\n            const Icon = meta.Icon\n            const active = priority === value\n            return (\n              <Button\n                key={priority}\n                type=\"button\"\n                variant=\"ghost\"\n                role=\"option\"\n                aria-selected={active}\n                onClick={() => {\n                  onChange(priority)\n                  setOpen(false)\n                }}\n                className={cn('h-auto w-full justify-start gap-2 px-2 py-1.5 text-left text-sm font-normal', active && 'bg-muted')}\n              >\n                <Icon aria-hidden className={cn('size-4 shrink-0', meta.color)} />\n                <span className=\"min-w-0 flex-1 truncate text-foreground\">{labels[priority]}</span>\n                <Check aria-hidden className={cn('size-4 shrink-0', active ? 'opacity-100' : 'opacity-0')} />\n              </Button>\n            )\n          })}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAsDQ,SACE,KADF;AApDR,YAAY,WAAW;AACvB,SAAS,OAAO,aAAa,cAAc,YAAY,aAAa;AACpE,SAAS,UAAU;AACnB,SAAS,cAAc;AAEvB,SAAS,gBAAgB,sBAAsB,0BAA0B;AAKzE,MAAM,gBAA8G;AAAA,EAClH,KAAK,EAAE,MAAM,cAAc,OAAO,wBAAwB;AAAA,EAC1D,QAAQ,EAAE,MAAM,OAAO,OAAO,wBAAwB;AAAA,EACtD,MAAM,EAAE,MAAM,YAAY,OAAO,yBAAyB;AAC5D;AAEA,MAAM,iBAAmC,CAAC,QAAQ,UAAU,KAAK;AAE1D,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,QAAQ,MAAM,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AACxD,QAAM,UAAU,mBAAmB,MAAM,KAAK;AAC9C,QAAM,WAAW,cAAc,KAAK;AACpC,QAAM,eAAe,SAAS;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,QAAQ,CAAC,UAAU;AACjB,YAAI,CAAC,MAAM,cAAc,SAAS,MAAM,aAA4B,EAAG,SAAQ,KAAK;AAAA,MACtF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,iBAAc;AAAA,YACd,iBAAe;AAAA,YACf,cAAY;AAAA,YACZ,SAAS,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,YAC9C,WAAW,GAAG,yEAAyE,cAAc;AAAA,YAErG;AAAA,mCAAC,UAAK,WAAU,mCACd;AAAA,oCAAC,gBAAa,eAAW,MAAC,WAAW,GAAG,mBAAmB,SAAS,KAAK,GAAG;AAAA,gBAC5E,oBAAC,UAAK,WAAU,oCAAoC,iBAAO,KAAK,GAAE;AAAA,iBACpE;AAAA,cACA,oBAAC,eAAY,eAAW,MAAC,WAAU,8BAA6B;AAAA;AAAA;AAAA,QAClE;AAAA,QACC,OACC,oBAAC,SAAI,MAAK,WAAU,cAAY,WAAW,WAAW,sBACnD,yBAAe,IAAI,CAAC,aAAa;AAChC,gBAAM,OAAO,cAAc,QAAQ;AACnC,gBAAM,OAAO,KAAK;AAClB,gBAAM,SAAS,aAAa;AAC5B,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,iBAAe;AAAA,cACf,SAAS,MAAM;AACb,yBAAS,QAAQ;AACjB,wBAAQ,KAAK;AAAA,cACf;AAAA,cACA,WAAW,GAAG,+EAA+E,UAAU,UAAU;AAAA,cAEjH;AAAA,oCAAC,QAAK,eAAW,MAAC,WAAW,GAAG,mBAAmB,KAAK,KAAK,GAAG;AAAA,gBAChE,oBAAC,UAAK,WAAU,2CAA2C,iBAAO,QAAQ,GAAE;AAAA,gBAC5E,oBAAC,SAAM,eAAW,MAAC,WAAW,GAAG,mBAAmB,SAAS,gBAAgB,WAAW,GAAG;AAAA;AAAA;AAAA,YAbtF;AAAA,UAcP;AAAA,QAEJ,CAAC,GACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/modules/customers/components/calendar/editor/RelatedToField.js

@@ -12,7 +12,7 @@ import {
   fetchDealsForEntity,
   searchRelatedEntities
 } from "./lookups.js";
-import { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge } from "./inputs.js";
+import { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge, useDropdownDismiss } from "./inputs.js";
 const OPTION_ROW_CLASS = "h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground";
 function RelatedToField({
   label,
@@ -24,6 +24,8 @@ function RelatedToField({
 }) {
   const t = useT();
   const [open, setOpen] = React.useState(false);
+  const closeDropdown = React.useCallback(() => setOpen(false), []);
+  const rootRef = useDropdownDismiss(open, closeDropdown);
   const [query, setQuery] = React.useState("");
   const [options, setOptions] = React.useState([]);
   const [deals, setDeals] = React.useState([]);
@@ -75,6 +77,7 @@ function RelatedToField({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: rootRef,
       className: "relative w-full",
       onBlur: (event) => {
         if (!event.currentTarget.contains(event.relatedTarget)) setOpen(false);
@@ -84,7 +87,7 @@ function RelatedToField({
           "div",
           {
             className: cn(
-              "flex h-10 w-full items-center rounded-md bg-background pl-2.5 pr-3",
+              "flex h-10 w-full items-center rounded-md bg-background pl-2.5 pr-3 transition-colors hover:bg-accent/50",
               error ? "border border-status-error-border" : CONTROL_BORDER
             ),
             children: [
@@ -97,7 +100,7 @@ function RelatedToField({
                   "aria-expanded": open,
                   "aria-label": label,
                   onClick: () => setOpen((previous) => !previous),
-                  className: "h-full min-w-0 flex-1 justify-between rounded-none bg-transparent p-0 text-left shadow-none hover:bg-transparent",
+                  className: "h-full min-w-0 flex-1 justify-between rounded-none bg-transparent p-0 text-left shadow-none hover:bg-transparent dark:hover:bg-transparent",
                   children: [
                     /* @__PURE__ */ jsx("span", { className: "flex min-w-0 items-center gap-2", children: value ? /* @__PURE__ */ jsx(
                       PersonChip,
@@ -155,6 +158,7 @@ function RelatedToField({
               role: "option",
               "aria-selected": value?.id === option.id,
               "aria-label": composeAccessibleName([option.label, option.subtitle, kindLabel(option.kind)]),
+              title: composeAccessibleName([option.label, option.subtitle]),
               onClick: () => {
                 onChange({ id: option.id, kind: option.kind, label: option.label });
                 if (value?.id !== option.id) onDealChange(null);
@@ -196,6 +200,7 @@ function RelatedToField({
                 variant: "ghost",
                 role: "option",
                 "aria-selected": deal?.id === option.id,
+                title: option.label,
                 onClick: () => {
                   onDealChange(option);
                   setOpen(false);

package/dist/modules/customers/components/calendar/editor/RelatedToField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customers/components/calendar/editor/RelatedToField.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Building2, ChevronDown, User, X } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport type { EditorRelatedTo } from '../../../lib/calendar/editorPayload'\nimport { composeAccessibleName } from '../../../lib/calendar/labels'\nimport {\n  fetchDealsForEntity,\n  searchRelatedEntities,\n  type DealOption,\n  type RelatedEntityOption,\n} from './lookups'\nimport { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge } from './inputs'\n\nconst OPTION_ROW_CLASS =\n  'h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground'\n\nexport function RelatedToField({\n  label,\n  value,\n  deal,\n  onChange,\n  onDealChange,\n  error,\n}: {\n  label: string\n  value: EditorRelatedTo | null\n  deal: DealOption | null\n  onChange(next: EditorRelatedTo | null): void\n  onDealChange(next: DealOption | null): void\n  error?: string | null\n}) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const [query, setQuery] = React.useState('')\n  const [options, setOptions] = React.useState<RelatedEntityOption[]>([])\n  const [deals, setDeals] = React.useState<DealOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    let cancelled = false\n    const timer = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const trimmed = query.trim()\n        const [people, companies] = await Promise.all([\n          searchRelatedEntities('person', trimmed, controller.signal),\n          searchRelatedEntities('company', trimmed, controller.signal),\n        ])\n        if (cancelled) return\n        setOptions([...people, ...companies])\n      } catch {\n        if (!cancelled) setOptions([])\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 200)\n    return () => {\n      cancelled = true\n      controller.abort()\n      window.clearTimeout(timer)\n    }\n  }, [open, query])\n\n  React.useEffect(() => {\n    if (!open || !value || value.kind === 'unknown') {\n      setDeals([])\n      return\n    }\n    const controller = new AbortController()\n    let cancelled = false\n    fetchDealsForEntity({ id: value.id, kind: value.kind }, controller.signal)\n      .then((items) => { if (!cancelled) setDeals(items) })\n      .catch(() => { if (!cancelled) setDeals([]) })\n    return () => {\n      cancelled = true\n      controller.abort()\n    }\n  }, [open, value])\n\n  const kindLabel = (kind: RelatedEntityOption['kind']) =>\n    kind === 'person'\n      ? t('customers.deals.detail.tabs.peopleSingular', 'Person')\n      : t('customers.deals.detail.tabs.companySingular', 'Company')\n\n  return (\n    <div\n      className=\"relative w-full\"\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false)\n      }}\n    >\n      <div\n        className={cn(\n          'flex h-10 w-full items-center rounded-md bg-background pl-2.5 pr-3',\n          error ? 'border border-status-error-border' : CONTROL_BORDER,\n        )}\n      >\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          aria-label={label}\n          onClick={() => setOpen((previous) => !previous)}\n          className=\"h-full min-w-0 flex-1 justify-between rounded-none bg-transparent p-0 text-left shadow-none hover:bg-transparent\"\n        >\n          <span className=\"flex min-w-0 items-center gap-2\">\n            {value ? (\n              <PersonChip\n                compact\n                name={value.label || value.id}\n              />\n            ) : (\n              <span className=\"truncate text-sm text-muted-foreground\">\n                {t('customers.calendar.editor.relatedToPlaceholder', 'Search people or companies\u2026')}\n              </span>\n            )}\n          </span>\n          <span className=\"flex shrink-0 items-center\">\n            {deal ? (\n              <UppercaseBadge className=\"h-7 bg-status-info-bg text-status-info-text\">\n                {t('customers.calendar.editor.dealBadge', '{name} \u00B7 Deal', { name: deal.label })}\n              </UppercaseBadge>\n            ) : null}\n            <span aria-hidden className=\"h-px w-2\" />\n            <ChevronDown aria-hidden className=\"size-4 opacity-60\" />\n          </span>\n        </Button>\n        {value ? (\n          <IconButton\n            variant=\"ghost\"\n            size=\"xs\"\n            onClick={() => {\n              onChange(null)\n              onDealChange(null)\n            }}\n            aria-label={t('customers.calendar.editor.removeRelated', 'Clear related record')}\n            className=\"ms-1 shrink-0 text-muted-foreground\"\n          >\n            <X aria-hidden className=\"size-3.5\" />\n          </IconButton>\n        ) : null}\n      </div>\n      {open ? (\n        <div role=\"listbox\" aria-label={label} className={DROPDOWN_PANEL_CLASS}>\n          <Input\n            type=\"text\"\n            value={query}\n            onChange={(event) => setQuery(event.target.value)}\n            placeholder={t('customers.calendar.editor.relatedToPlaceholder', 'Search people or companies\u2026')}\n            aria-label={t('customers.calendar.editor.relatedToPlaceholder', 'Search people or companies\u2026')}\n            autoFocus\n            size=\"sm\"\n            className=\"mb-1\"\n          />\n          {loading ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.searching', 'Searching\u2026')}\n            </p>\n          ) : null}\n          {!loading && options.length === 0 ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.noResults', 'No results')}\n            </p>\n          ) : null}\n          {!loading\n            ? options.map((option) => (\n                <Button\n                  key={`${option.kind}:${option.id}`}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  role=\"option\"\n                  aria-selected={value?.id === option.id}\n                  aria-label={composeAccessibleName([option.label, option.subtitle, kindLabel(option.kind)])}\n                  onClick={() => {\n                    onChange({ id: option.id, kind: option.kind, label: option.label })\n                    if (value?.id !== option.id) onDealChange(null)\n                    setQuery('')\n                  }}\n                  className={OPTION_ROW_CLASS}\n                >\n                  {option.kind === 'company'\n                    ? <Building2 aria-hidden className=\"size-3.5 shrink-0 text-muted-foreground\" />\n                    : <User aria-hidden className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n                  <span className=\"min-w-0 flex-1 truncate\">\n                    {option.label}\n                    {option.subtitle ? <span className=\"ml-1.5 text-xs text-muted-foreground\">{option.subtitle}</span> : null}\n                  </span>\n                  <span className=\"shrink-0 text-xs text-muted-foreground\">{kindLabel(option.kind)}</span>\n                </Button>\n              ))\n            : null}\n          {value && deals.length > 0 ? (\n            <>\n              <p className=\"px-2 pb-1 pt-2 text-overline font-medium uppercase text-muted-foreground\">\n                {t('customers.calendar.editor.dealsSection', 'Deals')}\n              </p>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                role=\"option\"\n                aria-selected={deal === null}\n                onClick={() => {\n                  onDealChange(null)\n                  setOpen(false)\n                }}\n                className={OPTION_ROW_CLASS}\n              >\n                {t('customers.calendar.editor.dealNone', 'No deal')}\n              </Button>\n              {deals.map((option) => (\n                <Button\n                  key={option.id}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  role=\"option\"\n                  aria-selected={deal?.id === option.id}\n                  onClick={() => {\n                    onDealChange(option)\n                    setOpen(false)\n                  }}\n                  className={OPTION_ROW_CLASS}\n                >\n                  <span className=\"min-w-0 flex-1 truncate\">{option.label}</span>\n                  <UppercaseBadge className=\"bg-status-info-bg text-status-info-text\">\n                    {t('customers.calendar.editor.dealBadgeSuffix', 'Deal')}\n                  </UppercaseBadge>\n                </Button>\n              ))}\n            </>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Building2, ChevronDown, User, X } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport type { EditorRelatedTo } from '../../../lib/calendar/editorPayload'\nimport { composeAccessibleName } from '../../../lib/calendar/labels'\nimport {\n  fetchDealsForEntity,\n  searchRelatedEntities,\n  type DealOption,\n  type RelatedEntityOption,\n} from './lookups'\nimport { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge, useDropdownDismiss } from './inputs'\n\nconst OPTION_ROW_CLASS =\n  'h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground'\n\nexport function RelatedToField({\n  label,\n  value,\n  deal,\n  onChange,\n  onDealChange,\n  error,\n}: {\n  label: string\n  value: EditorRelatedTo | null\n  deal: DealOption | null\n  onChange(next: EditorRelatedTo | null): void\n  onDealChange(next: DealOption | null): void\n  error?: string | null\n}) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const closeDropdown = React.useCallback(() => setOpen(false), [])\n  const rootRef = useDropdownDismiss(open, closeDropdown)\n  const [query, setQuery] = React.useState('')\n  const [options, setOptions] = React.useState<RelatedEntityOption[]>([])\n  const [deals, setDeals] = React.useState<DealOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    let cancelled = false\n    const timer = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const trimmed = query.trim()\n        const [people, companies] = await Promise.all([\n          searchRelatedEntities('person', trimmed, controller.signal),\n          searchRelatedEntities('company', trimmed, controller.signal),\n        ])\n        if (cancelled) return\n        setOptions([...people, ...companies])\n      } catch {\n        if (!cancelled) setOptions([])\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 200)\n    return () => {\n      cancelled = true\n      controller.abort()\n      window.clearTimeout(timer)\n    }\n  }, [open, query])\n\n  React.useEffect(() => {\n    if (!open || !value || value.kind === 'unknown') {\n      setDeals([])\n      return\n    }\n    const controller = new AbortController()\n    let cancelled = false\n    fetchDealsForEntity({ id: value.id, kind: value.kind }, controller.signal)\n      .then((items) => { if (!cancelled) setDeals(items) })\n      .catch(() => { if (!cancelled) setDeals([]) })\n    return () => {\n      cancelled = true\n      controller.abort()\n    }\n  }, [open, value])\n\n  const kindLabel = (kind: RelatedEntityOption['kind']) =>\n    kind === 'person'\n      ? t('customers.deals.detail.tabs.peopleSingular', 'Person')\n      : t('customers.deals.detail.tabs.companySingular', 'Company')\n\n  return (\n    <div\n      ref={rootRef}\n      className=\"relative w-full\"\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false)\n      }}\n    >\n      <div\n        className={cn(\n          'flex h-10 w-full items-center rounded-md bg-background pl-2.5 pr-3 transition-colors hover:bg-accent/50',\n          error ? 'border border-status-error-border' : CONTROL_BORDER,\n        )}\n      >\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          aria-label={label}\n          onClick={() => setOpen((previous) => !previous)}\n          className=\"h-full min-w-0 flex-1 justify-between rounded-none bg-transparent p-0 text-left shadow-none hover:bg-transparent dark:hover:bg-transparent\"\n        >\n          <span className=\"flex min-w-0 items-center gap-2\">\n            {value ? (\n              <PersonChip\n                compact\n                name={value.label || value.id}\n              />\n            ) : (\n              <span className=\"truncate text-sm text-muted-foreground\">\n                {t('customers.calendar.editor.relatedToPlaceholder', 'Search people or companies\u2026')}\n              </span>\n            )}\n          </span>\n          <span className=\"flex shrink-0 items-center\">\n            {deal ? (\n              <UppercaseBadge className=\"h-7 bg-status-info-bg text-status-info-text\">\n                {t('customers.calendar.editor.dealBadge', '{name} \u00B7 Deal', { name: deal.label })}\n              </UppercaseBadge>\n            ) : null}\n            <span aria-hidden className=\"h-px w-2\" />\n            <ChevronDown aria-hidden className=\"size-4 opacity-60\" />\n          </span>\n        </Button>\n        {value ? (\n          <IconButton\n            variant=\"ghost\"\n            size=\"xs\"\n            onClick={() => {\n              onChange(null)\n              onDealChange(null)\n            }}\n            aria-label={t('customers.calendar.editor.removeRelated', 'Clear related record')}\n            className=\"ms-1 shrink-0 text-muted-foreground\"\n          >\n            <X aria-hidden className=\"size-3.5\" />\n          </IconButton>\n        ) : null}\n      </div>\n      {open ? (\n        <div role=\"listbox\" aria-label={label} className={DROPDOWN_PANEL_CLASS}>\n          <Input\n            type=\"text\"\n            value={query}\n            onChange={(event) => setQuery(event.target.value)}\n            placeholder={t('customers.calendar.editor.relatedToPlaceholder', 'Search people or companies\u2026')}\n            aria-label={t('customers.calendar.editor.relatedToPlaceholder', 'Search people or companies\u2026')}\n            autoFocus\n            size=\"sm\"\n            className=\"mb-1\"\n          />\n          {loading ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.searching', 'Searching\u2026')}\n            </p>\n          ) : null}\n          {!loading && options.length === 0 ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.noResults', 'No results')}\n            </p>\n          ) : null}\n          {!loading\n            ? options.map((option) => (\n                <Button\n                  key={`${option.kind}:${option.id}`}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  role=\"option\"\n                  aria-selected={value?.id === option.id}\n                  aria-label={composeAccessibleName([option.label, option.subtitle, kindLabel(option.kind)])}\n                  title={composeAccessibleName([option.label, option.subtitle])}\n                  onClick={() => {\n                    onChange({ id: option.id, kind: option.kind, label: option.label })\n                    if (value?.id !== option.id) onDealChange(null)\n                    setQuery('')\n                  }}\n                  className={OPTION_ROW_CLASS}\n                >\n                  {option.kind === 'company'\n                    ? <Building2 aria-hidden className=\"size-3.5 shrink-0 text-muted-foreground\" />\n                    : <User aria-hidden className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n                  <span className=\"min-w-0 flex-1 truncate\">\n                    {option.label}\n                    {option.subtitle ? <span className=\"ml-1.5 text-xs text-muted-foreground\">{option.subtitle}</span> : null}\n                  </span>\n                  <span className=\"shrink-0 text-xs text-muted-foreground\">{kindLabel(option.kind)}</span>\n                </Button>\n              ))\n            : null}\n          {value && deals.length > 0 ? (\n            <>\n              <p className=\"px-2 pb-1 pt-2 text-overline font-medium uppercase text-muted-foreground\">\n                {t('customers.calendar.editor.dealsSection', 'Deals')}\n              </p>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                role=\"option\"\n                aria-selected={deal === null}\n                onClick={() => {\n                  onDealChange(null)\n                  setOpen(false)\n                }}\n                className={OPTION_ROW_CLASS}\n              >\n                {t('customers.calendar.editor.dealNone', 'No deal')}\n              </Button>\n              {deals.map((option) => (\n                <Button\n                  key={option.id}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  role=\"option\"\n                  aria-selected={deal?.id === option.id}\n                  title={option.label}\n                  onClick={() => {\n                    onDealChange(option)\n                    setOpen(false)\n                  }}\n                  className={OPTION_ROW_CLASS}\n                >\n                  <span className=\"min-w-0 flex-1 truncate\">{option.label}</span>\n                  <UppercaseBadge className=\"bg-status-info-bg text-status-info-text\">\n                    {t('customers.calendar.editor.dealBadgeSuffix', 'Deal')}\n                  </UppercaseBadge>\n                </Button>\n              ))}\n            </>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }