@open-mercato/ui 0.5.1-develop.3036.f02c281f23 → 0.5.1-develop.3045.b4b3320cc2

package/dist/ai/records/ActivityCard.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Activity as ActivityIcon,
+  CalendarClock,
+  CheckCircle2,
+  ListChecks,
+  Mail,
+  MessageSquare,
+  Phone,
+  StickyNote
+} from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { KeyValueList, RecordCardShell, TagRow, statusToTagVariant } from "./RecordCardShell.js";
+function formatDate(value) {
+  if (!value) return null;
+  const d = new Date(value);
+  if (Number.isNaN(d.getTime())) return value;
+  return d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+}
+function pickActivityIcon(type) {
+  if (!type) return ActivityIcon;
+  const t = type.toLowerCase();
+  if (t.includes("call")) return Phone;
+  if (t.includes("mail") || t.includes("email")) return Mail;
+  if (t.includes("meeting") || t.includes("chat")) return MessageSquare;
+  if (t.includes("task") || t.includes("todo")) return ListChecks;
+  if (t.includes("note")) return StickyNote;
+  if (t.includes("done") || t.includes("complete")) return CheckCircle2;
+  return ActivityIcon;
+}
+function ActivityCard(props) {
+  const t = useT();
+  const Icon = pickActivityIcon(props.type);
+  const status = props.status ? { label: props.status, variant: statusToTagVariant(props.status) } : null;
+  const dueDate = formatDate(props.dueDate);
+  const completedAt = formatDate(props.completedAt);
+  const items = [
+    props.type ? { label: t("ai_assistant.chat.records.fields.type", "Type"), value: props.type } : null,
+    dueDate ? {
+      label: t("ai_assistant.chat.records.fields.due", "Due"),
+      value: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(CalendarClock, { className: "size-3 text-muted-foreground", "aria-hidden": true }),
+        dueDate
+      ] })
+    } : null,
+    completedAt ? {
+      label: t("ai_assistant.chat.records.fields.completed", "Completed"),
+      value: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3 text-status-success-icon", "aria-hidden": true }),
+        completedAt
+      ] })
+    } : null,
+    props.relatedTo ? { label: t("ai_assistant.chat.records.fields.related", "Related"), value: props.relatedTo } : null,
+    props.ownerName ? { label: t("ai_assistant.chat.records.fields.owner", "Owner"), value: props.ownerName } : null
+  ].filter(Boolean);
+  const subtitle = [props.type, props.relatedTo].filter(Boolean).join(" \u2022 ");
+  return /* @__PURE__ */ jsx(
+    RecordCardShell,
+    {
+      kindLabel: t("ai_assistant.chat.records.kinds.activity", "Activity"),
+      kindIcon: /* @__PURE__ */ jsx(Icon, { className: "size-4", "aria-hidden": true }),
+      title: props.title,
+      subtitle: subtitle || void 0,
+      status,
+      href: props.href,
+      id: props.id,
+      className: props.className,
+      dataKind: "activity",
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(KeyValueList, { items }),
+        props.description ? /* @__PURE__ */ jsx("p", { className: "line-clamp-3 text-muted-foreground", children: props.description }) : null,
+        props.tags && props.tags.length > 0 ? /* @__PURE__ */ jsx(TagRow, { tags: props.tags }) : null
+      ] })
+    }
+  );
+}
+var ActivityCard_default = ActivityCard;
+export {
+  ActivityCard,
+  ActivityCard_default as default
+};
+//# sourceMappingURL=ActivityCard.js.map

package/dist/ai/records/ActivityCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ai/records/ActivityCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  Activity as ActivityIcon,\n  CalendarClock,\n  CheckCircle2,\n  ListChecks,\n  Mail,\n  MessageSquare,\n  Phone,\n  StickyNote,\n} from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KeyValueList, RecordCardShell, TagRow, statusToTagVariant } from './RecordCardShell'\nimport type { ActivityRecordPayload } from './types'\n\nfunction formatDate(value: string | null | undefined): string | null {\n  if (!value) return null\n  const d = new Date(value)\n  if (Number.isNaN(d.getTime())) return value\n  return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })\n}\n\nfunction pickActivityIcon(type: string | null | undefined): LucideIcon {\n  if (!type) return ActivityIcon\n  const t = type.toLowerCase()\n  if (t.includes('call')) return Phone\n  if (t.includes('mail') || t.includes('email')) return Mail\n  if (t.includes('meeting') || t.includes('chat')) return MessageSquare\n  if (t.includes('task') || t.includes('todo')) return ListChecks\n  if (t.includes('note')) return StickyNote\n  if (t.includes('done') || t.includes('complete')) return CheckCircle2\n  return ActivityIcon\n}\n\nexport interface ActivityCardProps extends ActivityRecordPayload {}\n\nexport function ActivityCard(props: ActivityCardProps) {\n  const t = useT()\n  const Icon = pickActivityIcon(props.type)\n  const status = props.status\n    ? { label: props.status, variant: statusToTagVariant(props.status) }\n    : null\n  const dueDate = formatDate(props.dueDate)\n  const completedAt = formatDate(props.completedAt)\n\n  const items = [\n    props.type ? { label: t('ai_assistant.chat.records.fields.type', 'Type'), value: props.type } : null,\n    dueDate\n      ? {\n          label: t('ai_assistant.chat.records.fields.due', 'Due'),\n          value: (\n            <span className=\"inline-flex items-center gap-1\">\n              <CalendarClock className=\"size-3 text-muted-foreground\" aria-hidden />\n              {dueDate}\n            </span>\n          ),\n        }\n      : null,\n    completedAt\n      ? {\n          label: t('ai_assistant.chat.records.fields.completed', 'Completed'),\n          value: (\n            <span className=\"inline-flex items-center gap-1\">\n              <CheckCircle2 className=\"size-3 text-status-success-icon\" aria-hidden />\n              {completedAt}\n            </span>\n          ),\n        }\n      : null,\n    props.relatedTo ? { label: t('ai_assistant.chat.records.fields.related', 'Related'), value: props.relatedTo } : null,\n    props.ownerName ? { label: t('ai_assistant.chat.records.fields.owner', 'Owner'), value: props.ownerName } : null,\n  ].filter(Boolean) as { label: string; value: React.ReactNode }[]\n\n  const subtitle = [props.type, props.relatedTo].filter(Boolean).join(' \u2022 ')\n\n  return (\n    <RecordCardShell\n      kindLabel={t('ai_assistant.chat.records.kinds.activity', 'Activity')}\n      kindIcon={<Icon className=\"size-4\" aria-hidden />}\n      title={props.title}\n      subtitle={subtitle || undefined}\n      status={status}\n      href={props.href}\n      id={props.id}\n      className={props.className}\n      dataKind=\"activity\"\n    >\n      <div className=\"space-y-2\">\n        <KeyValueList items={items} />\n        {props.description ? (\n          <p className=\"line-clamp-3 text-muted-foreground\">{props.description}</p>\n        ) : null}\n        {props.tags && props.tags.length > 0 ? <TagRow tags={props.tags} /> : null}\n      </div>\n    </RecordCardShell>\n  )\n}\n\nexport default ActivityCard\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/ai/records/CompanyCard.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Building2, Globe, Mail, MapPin, Phone } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Avatar } from "../../primitives/avatar.js";
+import { KeyValueList, RecordCardShell, TagRow, statusToTagVariant } from "./RecordCardShell.js";
+function normalizeWebsite(value) {
+  const trimmed = value.trim();
+  if (/^https?:\/\//i.test(trimmed)) {
+    return { href: trimmed, label: trimmed.replace(/^https?:\/\//i, "") };
+  }
+  return { href: `https://${trimmed}`, label: trimmed };
+}
+function CompanyCard(props) {
+  const t = useT();
+  const status = props.status ? { label: props.status, variant: statusToTagVariant(props.status) } : null;
+  const websiteEntry = props.website ? normalizeWebsite(props.website) : null;
+  const location = [props.city, props.country].filter(Boolean).join(", ");
+  const items = [
+    props.industry ? { label: t("ai_assistant.chat.records.fields.industry", "Industry"), value: props.industry } : null,
+    websiteEntry ? {
+      label: t("ai_assistant.chat.records.fields.website", "Website"),
+      value: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: websiteEntry.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-primary hover:underline",
+          onClick: (event) => event.stopPropagation(),
+          children: websiteEntry.label
+        }
+      )
+    } : null,
+    props.email ? {
+      label: t("ai_assistant.chat.records.fields.email", "Email"),
+      value: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: `mailto:${props.email}`,
+          className: "text-primary hover:underline",
+          onClick: (event) => event.stopPropagation(),
+          children: props.email
+        }
+      )
+    } : null,
+    props.phone ? { label: t("ai_assistant.chat.records.fields.phone", "Phone"), value: props.phone } : null,
+    location ? { label: t("ai_assistant.chat.records.fields.location", "Location"), value: location } : null,
+    props.ownerName ? { label: t("ai_assistant.chat.records.fields.owner", "Owner"), value: props.ownerName } : null
+  ].filter(Boolean);
+  return /* @__PURE__ */ jsx(
+    RecordCardShell,
+    {
+      kindLabel: t("ai_assistant.chat.records.kinds.company", "Company"),
+      kindIcon: /* @__PURE__ */ jsx(Building2, { className: "size-4", "aria-hidden": true }),
+      leading: /* @__PURE__ */ jsx(Avatar, { label: props.name, src: props.logoUrl ?? void 0, size: "md", variant: "monochrome" }),
+      title: props.name,
+      subtitle: [props.industry, location].filter(Boolean).join(" \u2022 ") || void 0,
+      status,
+      href: props.href,
+      id: props.id,
+      className: props.className,
+      dataKind: "company",
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(KeyValueList, { items }),
+        props.tags && props.tags.length > 0 ? /* @__PURE__ */ jsx(TagRow, { tags: props.tags }) : null
+      ] })
+    }
+  );
+}
+var CompanyCard_default = CompanyCard;
+export {
+  Building2,
+  CompanyCard,
+  Globe,
+  Mail,
+  MapPin,
+  Phone,
+  CompanyCard_default as default
+};
+//# sourceMappingURL=CompanyCard.js.map

package/dist/ai/records/CompanyCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ai/records/CompanyCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Building2, Globe, Mail, MapPin, Phone } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Avatar } from '../../primitives/avatar'\nimport { KeyValueList, RecordCardShell, TagRow, statusToTagVariant } from './RecordCardShell'\nimport type { CompanyRecordPayload } from './types'\n\nexport interface CompanyCardProps extends CompanyRecordPayload {}\n\nfunction normalizeWebsite(value: string): { href: string; label: string } {\n  const trimmed = value.trim()\n  if (/^https?:\\/\\//i.test(trimmed)) {\n    return { href: trimmed, label: trimmed.replace(/^https?:\\/\\//i, '') }\n  }\n  return { href: `https://${trimmed}`, label: trimmed }\n}\n\nexport function CompanyCard(props: CompanyCardProps) {\n  const t = useT()\n  const status = props.status\n    ? { label: props.status, variant: statusToTagVariant(props.status) }\n    : null\n\n  const websiteEntry = props.website ? normalizeWebsite(props.website) : null\n  const location = [props.city, props.country].filter(Boolean).join(', ')\n\n  const items = [\n    props.industry ? { label: t('ai_assistant.chat.records.fields.industry', 'Industry'), value: props.industry } : null,\n    websiteEntry\n      ? {\n          label: t('ai_assistant.chat.records.fields.website', 'Website'),\n          value: (\n            <a\n              href={websiteEntry.href}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"text-primary hover:underline\"\n              onClick={(event) => event.stopPropagation()}\n            >\n              {websiteEntry.label}\n            </a>\n          ),\n        }\n      : null,\n    props.email\n      ? {\n          label: t('ai_assistant.chat.records.fields.email', 'Email'),\n          value: (\n            <a\n              href={`mailto:${props.email}`}\n              className=\"text-primary hover:underline\"\n              onClick={(event) => event.stopPropagation()}\n            >\n              {props.email}\n            </a>\n          ),\n        }\n      : null,\n    props.phone ? { label: t('ai_assistant.chat.records.fields.phone', 'Phone'), value: props.phone } : null,\n    location ? { label: t('ai_assistant.chat.records.fields.location', 'Location'), value: location } : null,\n    props.ownerName ? { label: t('ai_assistant.chat.records.fields.owner', 'Owner'), value: props.ownerName } : null,\n  ].filter(Boolean) as { label: string; value: React.ReactNode }[]\n\n  return (\n    <RecordCardShell\n      kindLabel={t('ai_assistant.chat.records.kinds.company', 'Company')}\n      kindIcon={<Building2 className=\"size-4\" aria-hidden />}\n      leading={<Avatar label={props.name} src={props.logoUrl ?? undefined} size=\"md\" variant=\"monochrome\" />}\n      title={props.name}\n      subtitle={[props.industry, location].filter(Boolean).join(' \u2022 ') || undefined}\n      status={status}\n      href={props.href}\n      id={props.id}\n      className={props.className}\n      dataKind=\"company\"\n    >\n      <div className=\"space-y-2\">\n        <KeyValueList items={items} />\n        {props.tags && props.tags.length > 0 ? <TagRow tags={props.tags} /> : null}\n      </div>\n    </RecordCardShell>\n  )\n}\n\nexport default CompanyCard\n\nexport { Building2, Globe, Mail, MapPin, Phone }\n"],
+  "mappings": ";AAkCY,cA4CN,YA5CM;AA/BZ,SAAS,WAAW,OAAO,MAAM,QAAQ,aAAa;AACtD,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,cAAc,iBAAiB,QAAQ,0BAA0B;AAK1E,SAAS,iBAAiB,OAAgD;AACxE,QAAM,UAAU,MAAM,KAAK;AAC3B,MAAI,gBAAgB,KAAK,OAAO,GAAG;AACjC,WAAO,EAAE,MAAM,SAAS,OAAO,QAAQ,QAAQ,iBAAiB,EAAE,EAAE;AAAA,EACtE;AACA,SAAO,EAAE,MAAM,WAAW,OAAO,IAAI,OAAO,QAAQ;AACtD;AAEO,SAAS,YAAY,OAAyB;AACnD,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,MAAM,SACjB,EAAE,OAAO,MAAM,QAAQ,SAAS,mBAAmB,MAAM,MAAM,EAAE,IACjE;AAEJ,QAAM,eAAe,MAAM,UAAU,iBAAiB,MAAM,OAAO,IAAI;AACvE,QAAM,WAAW,CAAC,MAAM,MAAM,MAAM,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAEtE,QAAM,QAAQ;AAAA,IACZ,MAAM,WAAW,EAAE,OAAO,EAAE,6CAA6C,UAAU,GAAG,OAAO,MAAM,SAAS,IAAI;AAAA,IAChH,eACI;AAAA,MACE,OAAO,EAAE,4CAA4C,SAAS;AAAA,MAC9D,OACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,aAAa;AAAA,UACnB,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACV,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,UAEzC,uBAAa;AAAA;AAAA,MAChB;AAAA,IAEJ,IACA;AAAA,IACJ,MAAM,QACF;AAAA,MACE,OAAO,EAAE,0CAA0C,OAAO;AAAA,MAC1D,OACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,UAAU,MAAM,KAAK;AAAA,UAC3B,WAAU;AAAA,UACV,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,UAEzC,gBAAM;AAAA;AAAA,MACT;AAAA,IAEJ,IACA;AAAA,IACJ,MAAM,QAAQ,EAAE,OAAO,EAAE,0CAA0C,OAAO,GAAG,OAAO,MAAM,MAAM,IAAI;AAAA,IACpG,WAAW,EAAE,OAAO,EAAE,6CAA6C,UAAU,GAAG,OAAO,SAAS,IAAI;AAAA,IACpG,MAAM,YAAY,EAAE,OAAO,EAAE,0CAA0C,OAAO,GAAG,OAAO,MAAM,UAAU,IAAI;AAAA,EAC9G,EAAE,OAAO,OAAO;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,2CAA2C,SAAS;AAAA,MACjE,UAAU,oBAAC,aAAU,WAAU,UAAS,eAAW,MAAC;AAAA,MACpD,SAAS,oBAAC,UAAO,OAAO,MAAM,MAAM,KAAK,MAAM,WAAW,QAAW,MAAK,MAAK,SAAQ,cAAa;AAAA,MACpG,OAAO,MAAM;AAAA,MACb,UAAU,CAAC,MAAM,UAAU,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,UAAK,KAAK;AAAA,MACpE;AAAA,MACA,MAAM,MAAM;AAAA,MACZ,IAAI,MAAM;AAAA,MACV,WAAW,MAAM;AAAA,MACjB,UAAS;AAAA,MAET,+BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,gBAAa,OAAc;AAAA,QAC3B,MAAM,QAAQ,MAAM,KAAK,SAAS,IAAI,oBAAC,UAAO,MAAM,MAAM,MAAM,IAAK;AAAA,SACxE;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/ai/records/DealCard.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Briefcase, Building2, CalendarDays, CircleDollarSign, User } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { KeyValueList, RecordCardShell, TagRow, statusToTagVariant } from "./RecordCardShell.js";
+function formatAmount(amount, currency) {
+  if (amount === null || amount === void 0 || amount === "") return null;
+  const value = typeof amount === "number" ? amount : Number(amount);
+  if (!Number.isFinite(value)) {
+    return typeof amount === "string" ? amount : null;
+  }
+  const code = currency && currency.length === 3 ? currency.toUpperCase() : void 0;
+  try {
+    if (code) {
+      return new Intl.NumberFormat(void 0, { style: "currency", currency: code }).format(value);
+    }
+  } catch {
+  }
+  const formatted = new Intl.NumberFormat().format(value);
+  return code ? `${formatted} ${code}` : formatted;
+}
+function formatDate(value) {
+  if (!value) return null;
+  const d = new Date(value);
+  if (Number.isNaN(d.getTime())) return value;
+  return d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+}
+function DealCard(props) {
+  const t = useT();
+  const status = props.status ? { label: props.status, variant: statusToTagVariant(props.status) } : null;
+  const stage = props.stage && props.stage !== props.status ? props.stage : null;
+  const amount = formatAmount(props.amount, props.currency);
+  const closeDate = formatDate(props.closeDate);
+  const items = [
+    stage ? { label: t("ai_assistant.chat.records.fields.stage", "Stage"), value: stage } : null,
+    amount ? { label: t("ai_assistant.chat.records.fields.amount", "Amount"), value: /* @__PURE__ */ jsx("span", { className: "font-medium", children: amount }) } : null,
+    closeDate ? { label: t("ai_assistant.chat.records.fields.close", "Close"), value: closeDate } : null,
+    props.companyName ? { label: t("ai_assistant.chat.records.fields.company", "Company"), value: props.companyName } : null,
+    props.personName ? { label: t("ai_assistant.chat.records.fields.contact", "Contact"), value: props.personName } : null,
+    props.ownerName ? { label: t("ai_assistant.chat.records.fields.owner", "Owner"), value: props.ownerName } : null
+  ].filter(Boolean);
+  const subtitleParts = [];
+  if (props.companyName) subtitleParts.push(props.companyName);
+  if (props.personName && !props.companyName) subtitleParts.push(props.personName);
+  if (amount) subtitleParts.push(amount);
+  return /* @__PURE__ */ jsx(
+    RecordCardShell,
+    {
+      kindLabel: t("ai_assistant.chat.records.kinds.deal", "Deal"),
+      kindIcon: /* @__PURE__ */ jsx(Briefcase, { className: "size-4", "aria-hidden": true }),
+      title: props.title,
+      subtitle: subtitleParts.join(" \u2022 "),
+      status,
+      href: props.href,
+      id: props.id,
+      className: props.className,
+      dataKind: "deal",
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(KeyValueList, { items }),
+        props.description ? /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-muted-foreground", children: props.description }) : null,
+        props.tags && props.tags.length > 0 ? /* @__PURE__ */ jsx(TagRow, { tags: props.tags }) : null
+      ] })
+    }
+  );
+}
+var DealCard_default = DealCard;
+export {
+  Briefcase,
+  Building2,
+  CalendarDays,
+  CircleDollarSign,
+  DealCard,
+  User,
+  DealCard_default as default
+};
+//# sourceMappingURL=DealCard.js.map

package/dist/ai/records/DealCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ai/records/DealCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Briefcase, Building2, CalendarDays, CircleDollarSign, User } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KeyValueList, RecordCardShell, TagRow, statusToTagVariant } from './RecordCardShell'\nimport type { DealRecordPayload } from './types'\n\nfunction formatAmount(amount: string | number | null | undefined, currency?: string | null): string | null {\n  if (amount === null || amount === undefined || amount === '') return null\n  const value = typeof amount === 'number' ? amount : Number(amount)\n  if (!Number.isFinite(value)) {\n    return typeof amount === 'string' ? amount : null\n  }\n  const code = currency && currency.length === 3 ? currency.toUpperCase() : undefined\n  try {\n    if (code) {\n      return new Intl.NumberFormat(undefined, { style: 'currency', currency: code }).format(value)\n    }\n  } catch {\n    // fall through to fallback\n  }\n  const formatted = new Intl.NumberFormat().format(value)\n  return code ? `${formatted} ${code}` : formatted\n}\n\nfunction formatDate(value: string | null | undefined): string | null {\n  if (!value) return null\n  const d = new Date(value)\n  if (Number.isNaN(d.getTime())) return value\n  return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })\n}\n\nexport interface DealCardProps extends DealRecordPayload {}\n\nexport function DealCard(props: DealCardProps) {\n  const t = useT()\n  const status = props.status\n    ? { label: props.status, variant: statusToTagVariant(props.status) }\n    : null\n  const stage = props.stage && props.stage !== props.status ? props.stage : null\n  const amount = formatAmount(props.amount, props.currency)\n  const closeDate = formatDate(props.closeDate)\n\n  const items = [\n    stage ? { label: t('ai_assistant.chat.records.fields.stage', 'Stage'), value: stage } : null,\n    amount ? { label: t('ai_assistant.chat.records.fields.amount', 'Amount'), value: <span className=\"font-medium\">{amount}</span> } : null,\n    closeDate ? { label: t('ai_assistant.chat.records.fields.close', 'Close'), value: closeDate } : null,\n    props.companyName ? { label: t('ai_assistant.chat.records.fields.company', 'Company'), value: props.companyName } : null,\n    props.personName ? { label: t('ai_assistant.chat.records.fields.contact', 'Contact'), value: props.personName } : null,\n    props.ownerName ? { label: t('ai_assistant.chat.records.fields.owner', 'Owner'), value: props.ownerName } : null,\n  ].filter(Boolean) as { label: string; value: React.ReactNode }[]\n\n  const subtitleParts: string[] = []\n  if (props.companyName) subtitleParts.push(props.companyName)\n  if (props.personName && !props.companyName) subtitleParts.push(props.personName)\n  if (amount) subtitleParts.push(amount)\n\n  return (\n    <RecordCardShell\n      kindLabel={t('ai_assistant.chat.records.kinds.deal', 'Deal')}\n      kindIcon={<Briefcase className=\"size-4\" aria-hidden />}\n      title={props.title}\n      subtitle={subtitleParts.join(' \u2022 ')}\n      status={status}\n      href={props.href}\n      id={props.id}\n      className={props.className}\n      dataKind=\"deal\"\n    >\n      <div className=\"space-y-2\">\n        <KeyValueList items={items} />\n        {props.description ? (\n          <p className=\"line-clamp-2 text-muted-foreground\">{props.description}</p>\n        ) : null}\n        {props.tags && props.tags.length > 0 ? <TagRow tags={props.tags} /> : null}\n      </div>\n    </RecordCardShell>\n  )\n}\n\nexport default DealCard\n\n// Re-export icons consumers may want when extending the layout\nexport { Briefcase, Building2, CalendarDays, CircleDollarSign, User }\n"],
+  "mappings": ";AA8CqF,cAwB/E,YAxB+E;AA3CrF,SAAS,WAAW,WAAW,cAAc,kBAAkB,YAAY;AAC3E,SAAS,YAAY;AACrB,SAAS,cAAc,iBAAiB,QAAQ,0BAA0B;AAG1E,SAAS,aAAa,QAA4C,UAAyC;AACzG,MAAI,WAAW,QAAQ,WAAW,UAAa,WAAW,GAAI,QAAO;AACrE,QAAM,QAAQ,OAAO,WAAW,WAAW,SAAS,OAAO,MAAM;AACjE,MAAI,CAAC,OAAO,SAAS,KAAK,GAAG;AAC3B,WAAO,OAAO,WAAW,WAAW,SAAS;AAAA,EAC/C;AACA,QAAM,OAAO,YAAY,SAAS,WAAW,IAAI,SAAS,YAAY,IAAI;AAC1E,MAAI;AACF,QAAI,MAAM;AACR,aAAO,IAAI,KAAK,aAAa,QAAW,EAAE,OAAO,YAAY,UAAU,KAAK,CAAC,EAAE,OAAO,KAAK;AAAA,IAC7F;AAAA,EACF,QAAQ;AAAA,EAER;AACA,QAAM,YAAY,IAAI,KAAK,aAAa,EAAE,OAAO,KAAK;AACtD,SAAO,OAAO,GAAG,SAAS,IAAI,IAAI,KAAK;AACzC;AAEA,SAAS,WAAW,OAAiD;AACnE,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,IAAI,IAAI,KAAK,KAAK;AACxB,MAAI,OAAO,MAAM,EAAE,QAAQ,CAAC,EAAG,QAAO;AACtC,SAAO,EAAE,mBAAmB,QAAW,EAAE,MAAM,WAAW,OAAO,SAAS,KAAK,UAAU,CAAC;AAC5F;AAIO,SAAS,SAAS,OAAsB;AAC7C,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,MAAM,SACjB,EAAE,OAAO,MAAM,QAAQ,SAAS,mBAAmB,MAAM,MAAM,EAAE,IACjE;AACJ,QAAM,QAAQ,MAAM,SAAS,MAAM,UAAU,MAAM,SAAS,MAAM,QAAQ;AAC1E,QAAM,SAAS,aAAa,MAAM,QAAQ,MAAM,QAAQ;AACxD,QAAM,YAAY,WAAW,MAAM,SAAS;AAE5C,QAAM,QAAQ;AAAA,IACZ,QAAQ,EAAE,OAAO,EAAE,0CAA0C,OAAO,GAAG,OAAO,MAAM,IAAI;AAAA,IACxF,SAAS,EAAE,OAAO,EAAE,2CAA2C,QAAQ,GAAG,OAAO,oBAAC,UAAK,WAAU,eAAe,kBAAO,EAAQ,IAAI;AAAA,IACnI,YAAY,EAAE,OAAO,EAAE,0CAA0C,OAAO,GAAG,OAAO,UAAU,IAAI;AAAA,IAChG,MAAM,cAAc,EAAE,OAAO,EAAE,4CAA4C,SAAS,GAAG,OAAO,MAAM,YAAY,IAAI;AAAA,IACpH,MAAM,aAAa,EAAE,OAAO,EAAE,4CAA4C,SAAS,GAAG,OAAO,MAAM,WAAW,IAAI;AAAA,IAClH,MAAM,YAAY,EAAE,OAAO,EAAE,0CAA0C,OAAO,GAAG,OAAO,MAAM,UAAU,IAAI;AAAA,EAC9G,EAAE,OAAO,OAAO;AAEhB,QAAM,gBAA0B,CAAC;AACjC,MAAI,MAAM,YAAa,eAAc,KAAK,MAAM,WAAW;AAC3D,MAAI,MAAM,cAAc,CAAC,MAAM,YAAa,eAAc,KAAK,MAAM,UAAU;AAC/E,MAAI,OAAQ,eAAc,KAAK,MAAM;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,wCAAwC,MAAM;AAAA,MAC3D,UAAU,oBAAC,aAAU,WAAU,UAAS,eAAW,MAAC;AAAA,MACpD,OAAO,MAAM;AAAA,MACb,UAAU,cAAc,KAAK,UAAK;AAAA,MAClC;AAAA,MACA,MAAM,MAAM;AAAA,MACZ,IAAI,MAAM;AAAA,MACV,WAAW,MAAM;AAAA,MACjB,UAAS;AAAA,MAET,+BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,gBAAa,OAAc;AAAA,QAC3B,MAAM,cACL,oBAAC,OAAE,WAAU,sCAAsC,gBAAM,aAAY,IACnE;AAAA,QACH,MAAM,QAAQ,MAAM,KAAK,SAAS,IAAI,oBAAC,UAAO,MAAM,MAAM,MAAM,IAAK;AAAA,SACxE;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/ai/records/PersonCard.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Mail, Phone, User as UserIcon } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Avatar } from "../../primitives/avatar.js";
+import { KeyValueList, RecordCardShell, TagRow, statusToTagVariant } from "./RecordCardShell.js";
+function PersonCard(props) {
+  const t = useT();
+  const status = props.status ? { label: props.status, variant: statusToTagVariant(props.status) } : null;
+  const items = [
+    props.title ? { label: t("ai_assistant.chat.records.fields.title", "Title"), value: props.title } : null,
+    props.companyName ? { label: t("ai_assistant.chat.records.fields.company", "Company"), value: props.companyName } : null,
+    props.email ? {
+      label: t("ai_assistant.chat.records.fields.email", "Email"),
+      value: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: `mailto:${props.email}`,
+          className: "text-primary hover:underline",
+          onClick: (event) => event.stopPropagation(),
+          children: props.email
+        }
+      )
+    } : null,
+    props.phone ? {
+      label: t("ai_assistant.chat.records.fields.phone", "Phone"),
+      value: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: `tel:${props.phone.replace(/\s+/g, "")}`,
+          className: "text-primary hover:underline",
+          onClick: (event) => event.stopPropagation(),
+          children: props.phone
+        }
+      )
+    } : null,
+    props.ownerName ? { label: t("ai_assistant.chat.records.fields.owner", "Owner"), value: props.ownerName } : null
+  ].filter(Boolean);
+  const subtitle = [props.title, props.companyName].filter(Boolean).join(" \u2022 ");
+  return /* @__PURE__ */ jsx(
+    RecordCardShell,
+    {
+      kindLabel: t("ai_assistant.chat.records.kinds.person", "Person"),
+      kindIcon: /* @__PURE__ */ jsx(UserIcon, { className: "size-4", "aria-hidden": true }),
+      leading: /* @__PURE__ */ jsx(Avatar, { label: props.name, src: props.avatarUrl ?? void 0, size: "md" }),
+      title: props.name,
+      subtitle: subtitle || void 0,
+      status,
+      href: props.href,
+      id: props.id,
+      className: props.className,
+      dataKind: "person",
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(KeyValueList, { items }),
+        props.tags && props.tags.length > 0 ? /* @__PURE__ */ jsx(TagRow, { tags: props.tags }) : null
+      ] })
+    }
+  );
+}
+var PersonCard_default = PersonCard;
+export {
+  Mail,
+  PersonCard,
+  Phone,
+  UserIcon,
+  PersonCard_default as default
+};
+//# sourceMappingURL=PersonCard.js.map

package/dist/ai/records/PersonCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ai/records/PersonCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Mail, Phone, User as UserIcon } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Avatar } from '../../primitives/avatar'\nimport { KeyValueList, RecordCardShell, TagRow, statusToTagVariant } from './RecordCardShell'\nimport type { PersonRecordPayload } from './types'\n\nexport interface PersonCardProps extends PersonRecordPayload {}\n\nexport function PersonCard(props: PersonCardProps) {\n  const t = useT()\n  const status = props.status\n    ? { label: props.status, variant: statusToTagVariant(props.status) }\n    : null\n\n  const items = [\n    props.title ? { label: t('ai_assistant.chat.records.fields.title', 'Title'), value: props.title } : null,\n    props.companyName ? { label: t('ai_assistant.chat.records.fields.company', 'Company'), value: props.companyName } : null,\n    props.email\n      ? {\n          label: t('ai_assistant.chat.records.fields.email', 'Email'),\n          value: (\n            <a\n              href={`mailto:${props.email}`}\n              className=\"text-primary hover:underline\"\n              onClick={(event) => event.stopPropagation()}\n            >\n              {props.email}\n            </a>\n          ),\n        }\n      : null,\n    props.phone\n      ? {\n          label: t('ai_assistant.chat.records.fields.phone', 'Phone'),\n          value: (\n            <a\n              href={`tel:${props.phone.replace(/\\s+/g, '')}`}\n              className=\"text-primary hover:underline\"\n              onClick={(event) => event.stopPropagation()}\n            >\n              {props.phone}\n            </a>\n          ),\n        }\n      : null,\n    props.ownerName ? { label: t('ai_assistant.chat.records.fields.owner', 'Owner'), value: props.ownerName } : null,\n  ].filter(Boolean) as { label: string; value: React.ReactNode }[]\n\n  const subtitle = [props.title, props.companyName].filter(Boolean).join(' \u2022 ')\n\n  return (\n    <RecordCardShell\n      kindLabel={t('ai_assistant.chat.records.kinds.person', 'Person')}\n      kindIcon={<UserIcon className=\"size-4\" aria-hidden />}\n      leading={<Avatar label={props.name} src={props.avatarUrl ?? undefined} size=\"md\" />}\n      title={props.name}\n      subtitle={subtitle || undefined}\n      status={status}\n      href={props.href}\n      id={props.id}\n      className={props.className}\n      dataKind=\"person\"\n    >\n      <div className=\"space-y-2\">\n        <KeyValueList items={items} />\n        {props.tags && props.tags.length > 0 ? <TagRow tags={props.tags} /> : null}\n      </div>\n    </RecordCardShell>\n  )\n}\n\nexport default PersonCard\n\nexport { Mail, Phone, UserIcon }\n"],
+  "mappings": ";AAwBY,cA0CN,YA1CM;AArBZ,SAAS,MAAM,OAAO,QAAQ,gBAAgB;AAC9C,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,cAAc,iBAAiB,QAAQ,0BAA0B;AAKnE,SAAS,WAAW,OAAwB;AACjD,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,MAAM,SACjB,EAAE,OAAO,MAAM,QAAQ,SAAS,mBAAmB,MAAM,MAAM,EAAE,IACjE;AAEJ,QAAM,QAAQ;AAAA,IACZ,MAAM,QAAQ,EAAE,OAAO,EAAE,0CAA0C,OAAO,GAAG,OAAO,MAAM,MAAM,IAAI;AAAA,IACpG,MAAM,cAAc,EAAE,OAAO,EAAE,4CAA4C,SAAS,GAAG,OAAO,MAAM,YAAY,IAAI;AAAA,IACpH,MAAM,QACF;AAAA,MACE,OAAO,EAAE,0CAA0C,OAAO;AAAA,MAC1D,OACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,UAAU,MAAM,KAAK;AAAA,UAC3B,WAAU;AAAA,UACV,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,UAEzC,gBAAM;AAAA;AAAA,MACT;AAAA,IAEJ,IACA;AAAA,IACJ,MAAM,QACF;AAAA,MACE,OAAO,EAAE,0CAA0C,OAAO;AAAA,MAC1D,OACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,OAAO,MAAM,MAAM,QAAQ,QAAQ,EAAE,CAAC;AAAA,UAC5C,WAAU;AAAA,UACV,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,UAEzC,gBAAM;AAAA;AAAA,MACT;AAAA,IAEJ,IACA;AAAA,IACJ,MAAM,YAAY,EAAE,OAAO,EAAE,0CAA0C,OAAO,GAAG,OAAO,MAAM,UAAU,IAAI;AAAA,EAC9G,EAAE,OAAO,OAAO;AAEhB,QAAM,WAAW,CAAC,MAAM,OAAO,MAAM,WAAW,EAAE,OAAO,OAAO,EAAE,KAAK,UAAK;AAE5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,0CAA0C,QAAQ;AAAA,MAC/D,UAAU,oBAAC,YAAS,WAAU,UAAS,eAAW,MAAC;AAAA,MACnD,SAAS,oBAAC,UAAO,OAAO,MAAM,MAAM,KAAK,MAAM,aAAa,QAAW,MAAK,MAAK;AAAA,MACjF,OAAO,MAAM;AAAA,MACb,UAAU,YAAY;AAAA,MACtB;AAAA,MACA,MAAM,MAAM;AAAA,MACZ,IAAI,MAAM;AAAA,MACV,WAAW,MAAM;AAAA,MACjB,UAAS;AAAA,MAET,+BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,gBAAa,OAAc;AAAA,QAC3B,MAAM,QAAQ,MAAM,KAAK,SAAS,IAAI,oBAAC,UAAO,MAAM,MAAM,MAAM,IAAK;AAAA,SACxE;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/ai/records/ProductCard.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Package, Tag as TagIcon } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { KeyValueList, RecordCardShell, TagRow, statusToTagVariant } from "./RecordCardShell.js";
+function formatPrice(price, currency) {
+  if (price === null || price === void 0 || price === "") return null;
+  const value = typeof price === "number" ? price : Number(price);
+  if (!Number.isFinite(value)) {
+    return typeof price === "string" ? price : null;
+  }
+  const code = currency && currency.length === 3 ? currency.toUpperCase() : void 0;
+  try {
+    if (code) {
+      return new Intl.NumberFormat(void 0, { style: "currency", currency: code }).format(value);
+    }
+  } catch {
+  }
+  const formatted = new Intl.NumberFormat().format(value);
+  return code ? `${formatted} ${code}` : formatted;
+}
+function ProductCard(props) {
+  const t = useT();
+  const status = props.status ? { label: props.status, variant: statusToTagVariant(props.status) } : null;
+  const price = formatPrice(props.price, props.currency);
+  const leading = props.imageUrl ? /* @__PURE__ */ jsx("div", { className: "relative size-12 overflow-hidden rounded-md border border-border bg-muted", children: /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: props.imageUrl,
+      alt: props.name,
+      className: "size-full object-cover",
+      loading: "lazy"
+    }
+  ) }) : /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-md border border-border bg-muted text-muted-foreground", "aria-hidden": true, children: /* @__PURE__ */ jsx(Package, { className: "size-5" }) });
+  const items = [
+    props.sku ? { label: t("ai_assistant.chat.records.fields.sku", "SKU"), value: /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px]", children: props.sku }) } : null,
+    price ? { label: t("ai_assistant.chat.records.fields.price", "Price"), value: /* @__PURE__ */ jsx("span", { className: "font-medium", children: price }) } : null,
+    props.category ? { label: t("ai_assistant.chat.records.fields.category", "Category"), value: props.category } : null
+  ].filter(Boolean);
+  return /* @__PURE__ */ jsx(
+    RecordCardShell,
+    {
+      kindLabel: t("ai_assistant.chat.records.kinds.product", "Product"),
+      kindIcon: /* @__PURE__ */ jsx(Package, { className: "size-4", "aria-hidden": true }),
+      leading,
+      title: props.name,
+      subtitle: [props.sku, price].filter(Boolean).join(" \u2022 ") || void 0,
+      status,
+      href: props.href,
+      id: props.id,
+      className: props.className,
+      dataKind: "product",
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(KeyValueList, { items }),
+        props.description ? /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-muted-foreground", children: props.description }) : null,
+        props.tags && props.tags.length > 0 ? /* @__PURE__ */ jsx(TagRow, { tags: props.tags }) : null
+      ] })
+    }
+  );
+}
+var ProductCard_default = ProductCard;
+export {
+  Package,
+  ProductCard,
+  TagIcon,
+  ProductCard_default as default
+};
+//# sourceMappingURL=ProductCard.js.map

package/dist/ai/records/ProductCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ai/records/ProductCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Package, Tag as TagIcon } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KeyValueList, RecordCardShell, TagRow, statusToTagVariant } from './RecordCardShell'\nimport type { ProductRecordPayload } from './types'\n\nfunction formatPrice(price: string | number | null | undefined, currency?: string | null): string | null {\n  if (price === null || price === undefined || price === '') return null\n  const value = typeof price === 'number' ? price : Number(price)\n  if (!Number.isFinite(value)) {\n    return typeof price === 'string' ? price : null\n  }\n  const code = currency && currency.length === 3 ? currency.toUpperCase() : undefined\n  try {\n    if (code) {\n      return new Intl.NumberFormat(undefined, { style: 'currency', currency: code }).format(value)\n    }\n  } catch {\n    // fall through\n  }\n  const formatted = new Intl.NumberFormat().format(value)\n  return code ? `${formatted} ${code}` : formatted\n}\n\nexport interface ProductCardProps extends ProductRecordPayload {}\n\nexport function ProductCard(props: ProductCardProps) {\n  const t = useT()\n  const status = props.status\n    ? { label: props.status, variant: statusToTagVariant(props.status) }\n    : null\n  const price = formatPrice(props.price, props.currency)\n\n  const leading = props.imageUrl ? (\n    <div className=\"relative size-12 overflow-hidden rounded-md border border-border bg-muted\">\n      <img\n        src={props.imageUrl}\n        alt={props.name}\n        className=\"size-full object-cover\"\n        loading=\"lazy\"\n      />\n    </div>\n  ) : (\n    <div className=\"flex size-12 items-center justify-center rounded-md border border-border bg-muted text-muted-foreground\" aria-hidden>\n      <Package className=\"size-5\" />\n    </div>\n  )\n\n  const items = [\n    props.sku ? { label: t('ai_assistant.chat.records.fields.sku', 'SKU'), value: <span className=\"font-mono text-[11px]\">{props.sku}</span> } : null,\n    price ? { label: t('ai_assistant.chat.records.fields.price', 'Price'), value: <span className=\"font-medium\">{price}</span> } : null,\n    props.category ? { label: t('ai_assistant.chat.records.fields.category', 'Category'), value: props.category } : null,\n  ].filter(Boolean) as { label: string; value: React.ReactNode }[]\n\n  return (\n    <RecordCardShell\n      kindLabel={t('ai_assistant.chat.records.kinds.product', 'Product')}\n      kindIcon={<Package className=\"size-4\" aria-hidden />}\n      leading={leading}\n      title={props.name}\n      subtitle={[props.sku, price].filter(Boolean).join(' \u2022 ') || undefined}\n      status={status}\n      href={props.href}\n      id={props.id}\n      className={props.className}\n      dataKind=\"product\"\n    >\n      <div className=\"space-y-2\">\n        <KeyValueList items={items} />\n        {props.description ? (\n          <p className=\"line-clamp-2 text-muted-foreground\">{props.description}</p>\n        ) : null}\n        {props.tags && props.tags.length > 0 ? <TagRow tags={props.tags} /> : null}\n      </div>\n    </RecordCardShell>\n  )\n}\n\nexport default ProductCard\n\nexport { Package, TagIcon }\n"],
+  "mappings": ";AAqCM,cAgCA,YAhCA;AAlCN,SAAS,SAAS,OAAO,eAAe;AACxC,SAAS,YAAY;AACrB,SAAS,cAAc,iBAAiB,QAAQ,0BAA0B;AAG1E,SAAS,YAAY,OAA2C,UAAyC;AACvG,MAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,GAAI,QAAO;AAClE,QAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;AAC9D,MAAI,CAAC,OAAO,SAAS,KAAK,GAAG;AAC3B,WAAO,OAAO,UAAU,WAAW,QAAQ;AAAA,EAC7C;AACA,QAAM,OAAO,YAAY,SAAS,WAAW,IAAI,SAAS,YAAY,IAAI;AAC1E,MAAI;AACF,QAAI,MAAM;AACR,aAAO,IAAI,KAAK,aAAa,QAAW,EAAE,OAAO,YAAY,UAAU,KAAK,CAAC,EAAE,OAAO,KAAK;AAAA,IAC7F;AAAA,EACF,QAAQ;AAAA,EAER;AACA,QAAM,YAAY,IAAI,KAAK,aAAa,EAAE,OAAO,KAAK;AACtD,SAAO,OAAO,GAAG,SAAS,IAAI,IAAI,KAAK;AACzC;AAIO,SAAS,YAAY,OAAyB;AACnD,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,MAAM,SACjB,EAAE,OAAO,MAAM,QAAQ,SAAS,mBAAmB,MAAM,MAAM,EAAE,IACjE;AACJ,QAAM,QAAQ,YAAY,MAAM,OAAO,MAAM,QAAQ;AAErD,QAAM,UAAU,MAAM,WACpB,oBAAC,SAAI,WAAU,6EACb;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,KAAK,MAAM;AAAA,MACX,WAAU;AAAA,MACV,SAAQ;AAAA;AAAA,EACV,GACF,IAEA,oBAAC,SAAI,WAAU,2GAA0G,eAAW,MAClI,8BAAC,WAAQ,WAAU,UAAS,GAC9B;AAGF,QAAM,QAAQ;AAAA,IACZ,MAAM,MAAM,EAAE,OAAO,EAAE,wCAAwC,KAAK,GAAG,OAAO,oBAAC,UAAK,WAAU,yBAAyB,gBAAM,KAAI,EAAQ,IAAI;AAAA,IAC7I,QAAQ,EAAE,OAAO,EAAE,0CAA0C,OAAO,GAAG,OAAO,oBAAC,UAAK,WAAU,eAAe,iBAAM,EAAQ,IAAI;AAAA,IAC/H,MAAM,WAAW,EAAE,OAAO,EAAE,6CAA6C,UAAU,GAAG,OAAO,MAAM,SAAS,IAAI;AAAA,EAClH,EAAE,OAAO,OAAO;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,2CAA2C,SAAS;AAAA,MACjE,UAAU,oBAAC,WAAQ,WAAU,UAAS,eAAW,MAAC;AAAA,MAClD;AAAA,MACA,OAAO,MAAM;AAAA,MACb,UAAU,CAAC,MAAM,KAAK,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,UAAK,KAAK;AAAA,MAC5D;AAAA,MACA,MAAM,MAAM;AAAA,MACZ,IAAI,MAAM;AAAA,MACV,WAAW,MAAM;AAAA,MACjB,UAAS;AAAA,MAET,+BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,gBAAa,OAAc;AAAA,QAC3B,MAAM,cACL,oBAAC,OAAE,WAAU,sCAAsC,gBAAM,aAAY,IACnE;AAAA,QACH,MAAM,QAAQ,MAAM,KAAK,SAAS,IAAI,oBAAC,UAAO,MAAM,MAAM,MAAM,IAAK;AAAA,SACxE;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/ai/records/RecordCard.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ActivityCard } from "./ActivityCard.js";
+import { CompanyCard } from "./CompanyCard.js";
+import { DealCard } from "./DealCard.js";
+import { PersonCard } from "./PersonCard.js";
+import { ProductCard } from "./ProductCard.js";
+function RecordCard({ data }) {
+  switch (data.kind) {
+    case "deal":
+      return /* @__PURE__ */ jsx(DealCard, { ...data });
+    case "person":
+      return /* @__PURE__ */ jsx(PersonCard, { ...data });
+    case "company":
+      return /* @__PURE__ */ jsx(CompanyCard, { ...data });
+    case "product":
+      return /* @__PURE__ */ jsx(ProductCard, { ...data });
+    case "activity":
+      return /* @__PURE__ */ jsx(ActivityCard, { ...data });
+    default:
+      return null;
+  }
+}
+var RecordCard_default = RecordCard;
+export {
+  RecordCard,
+  RecordCard_default as default
+};
+//# sourceMappingURL=RecordCard.js.map

package/dist/ai/records/RecordCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ai/records/RecordCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ActivityCard } from './ActivityCard'\nimport { CompanyCard } from './CompanyCard'\nimport { DealCard } from './DealCard'\nimport { PersonCard } from './PersonCard'\nimport { ProductCard } from './ProductCard'\nimport type { RecordCardPayload } from './types'\n\nexport interface RecordCardProps {\n  data: RecordCardPayload\n}\n\n/**\n * Renders an Open Mercato record card based on the `kind` discriminator.\n * Used by the AI chat transcript to upgrade fenced ```open-mercato:<kind>```\n * blocks into rich, interactive widgets.\n */\nexport function RecordCard({ data }: RecordCardProps) {\n  switch (data.kind) {\n    case 'deal':\n      return <DealCard {...data} />\n    case 'person':\n      return <PersonCard {...data} />\n    case 'company':\n      return <CompanyCard {...data} />\n    case 'product':\n      return <ProductCard {...data} />\n    case 'activity':\n      return <ActivityCard {...data} />\n    default:\n      return null\n  }\n}\n\nexport default RecordCard\n"],
+  "mappings": ";AAsBa;AAnBb,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAYrB,SAAS,WAAW,EAAE,KAAK,GAAoB;AACpD,UAAQ,KAAK,MAAM;AAAA,IACjB,KAAK;AACH,aAAO,oBAAC,YAAU,GAAG,MAAM;AAAA,IAC7B,KAAK;AACH,aAAO,oBAAC,cAAY,GAAG,MAAM;AAAA,IAC/B,KAAK;AACH,aAAO,oBAAC,eAAa,GAAG,MAAM;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,eAAa,GAAG,MAAM;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,gBAAc,GAAG,MAAM;AAAA,IACjC;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/ai/records/RecordCardShell.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ExternalLink } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Tag } from "../../primitives/tag.js";
+function RecordCardShell({
+  kindLabel,
+  kindIcon,
+  title,
+  subtitle,
+  status,
+  href,
+  id,
+  leading,
+  children,
+  className,
+  dataKind
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-ai-record-card": dataKind ?? kindLabel.toLowerCase(),
+      "data-record-id": id,
+      className: cn(
+        "group/record relative my-2 flex flex-col gap-3 rounded-lg border border-border bg-card p-3 text-card-foreground shadow-sm transition-colors",
+        href ? "hover:border-primary/40 hover:bg-accent/40" : "",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          leading ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: leading }) : /* @__PURE__ */ jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary", "aria-hidden": true, children: kindIcon }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: kindLabel }),
+              status ? /* @__PURE__ */ jsx(Tag, { variant: status.variant, dot: true, children: status.label }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx("h4", { className: "min-w-0 flex-1 truncate text-sm font-semibold leading-snug text-foreground", children: href ? /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "outline-none hover:underline focus-visible:underline",
+                  children: title
+                }
+              ) : title }),
+              href ? /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "shrink-0 rounded-md p-1 text-muted-foreground hover:text-foreground",
+                  "aria-label": t("ai_assistant.chat.records.openRecord", "Open record"),
+                  children: /* @__PURE__ */ jsx(ExternalLink, { className: "size-3.5", "aria-hidden": true })
+                }
+              ) : null
+            ] }),
+            subtitle ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: subtitle }) : null
+          ] })
+        ] }),
+        children ? /* @__PURE__ */ jsx("div", { className: "text-xs text-foreground", children }) : null
+      ]
+    }
+  );
+}
+function KeyValueList({ items }) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-[minmax(80px,auto)_1fr] gap-x-3 gap-y-1", children: items.map((item, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsx("dt", { className: "truncate text-[11px] uppercase tracking-wide text-muted-foreground", children: item.label }),
+    /* @__PURE__ */ jsx("dd", { className: "min-w-0 truncate text-foreground", children: item.value })
+  ] }, `${item.label}-${idx}`)) });
+}
+function TagRow({ tags }) {
+  if (tags.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: tags.map((tag, idx) => /* @__PURE__ */ jsx(Tag, { variant: "brand", children: tag }, `${tag}-${idx}`)) });
+}
+function statusToTagVariant(status) {
+  if (!status) return "neutral";
+  const s = String(status).toLowerCase().trim();
+  if (s === "won" || s === "win" || s === "active" || s === "completed" || s === "done" || s === "paid" || s === "success" || s === "closed_won" || s === "closed-won")
+    return "success";
+  if (s === "lost" || s === "failed" || s === "cancelled" || s === "canceled" || s === "overdue" || s === "closed_lost" || s === "closed-lost")
+    return "error";
+  if (s === "pending" || s === "in_progress" || s === "in progress" || s === "open" || s === "qualified")
+    return "info";
+  if (s === "at_risk" || s === "at risk" || s === "review" || s === "follow_up")
+    return "warning";
+  if (s === "draft" || s === "archived" || s === "inactive")
+    return "neutral";
+  return "info";
+}
+export {
+  KeyValueList,
+  RecordCardShell,
+  TagRow,
+  statusToTagVariant
+};
+//# sourceMappingURL=RecordCardShell.js.map