@fayz-ai/plugin-conversations 0.8.0 → 0.9.0-next.0

package/dist/index.cjs

@@ -1,904 +0,0 @@
-'use strict';
-
-var React3 = require('react');
-var core = require('@fayz-ai/core');
-var zustand = require('zustand');
-var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
-var ui = require('@fayz-ai/ui');
-var vanilla = require('zustand/vanilla');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React3__default = /*#__PURE__*/_interopDefault(React3);
-
-// src/index.ts
-var StoreContext = React3__default.default.createContext(null);
-function ConversationsContextProvider({
-  store,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(StoreContext.Provider, { value: store, children });
-}
-function useConversationsStore(selector) {
-  const store = React3__default.default.useContext(StoreContext);
-  if (!store) throw new Error("useConversationsStore must be used within ConversationsPage");
-  return zustand.useStore(store, selector);
-}
-
-// src/types.ts
-var CHANNEL_LABELS = {
-  sms: "SMS",
-  whatsapp: "WhatsApp",
-  instagram: "Instagram",
-  email: "Email",
-  webchat: "Web Chat"
-};
-
-// src/channel.ts
-var CHANNEL_ICON = {
-  sms: lucideReact.Phone,
-  whatsapp: lucideReact.MessageSquare,
-  instagram: lucideReact.Instagram,
-  email: lucideReact.Mail,
-  webchat: lucideReact.Globe
-};
-var CHANNEL_ACCENT = {
-  whatsapp: { color: "#22c55e", badge: "bg-[#22c55e]/12 text-[#15803d] dark:text-[#4ade80]" },
-  sms: { color: "#6366f1", badge: "bg-[#6366f1]/12 text-[#4338ca] dark:text-[#a5b4fc]" },
-  instagram: { color: "#ec4899", badge: "bg-[#ec4899]/12 text-[#be185d] dark:text-[#f9a8d4]" },
-  email: { color: "#0ea5e9", badge: "bg-[#0ea5e9]/12 text-[#0369a1] dark:text-[#7dd3fc]" },
-  webchat: { color: "#f59e0b", badge: "bg-[#f59e0b]/12 text-[#b45309] dark:text-[#fcd34d]" }
-};
-function useMediaQuery(query) {
-  const [matches, setMatches] = React3__default.default.useState(
-    () => typeof window !== "undefined" && window.matchMedia(query).matches
-  );
-  React3__default.default.useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mql = window.matchMedia(query);
-    const onChange = () => setMatches(mql.matches);
-    onChange();
-    mql.addEventListener("change", onChange);
-    return () => mql.removeEventListener("change", onChange);
-  }, [query]);
-  return matches;
-}
-function initialsOf(name) {
-  return name.replace("@", "").split(/\s+/).filter(Boolean).map((w) => w[0]).slice(0, 2).join("").toUpperCase();
-}
-function Avatar({ name, accent, size = "md", channel }) {
-  const dims = size === "lg" ? "h-14 w-14 text-lg" : size === "sm" ? "h-9 w-9 text-xs" : "h-10 w-10 text-sm";
-  const Icon = channel ? CHANNEL_ICON[channel] : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative shrink-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: ui.cn("flex items-center justify-center rounded-full font-semibold text-white", dims),
-        style: { backgroundColor: accent },
-        children: initialsOf(name)
-      }
-    ),
-    Icon && /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: "absolute -bottom-0.5 -right-0.5 flex h-4 w-4 items-center justify-center rounded-full ring-2 ring-card",
-        style: { backgroundColor: CHANNEL_ACCENT[channel].color },
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-2.5 w-2.5 text-white" })
-      }
-    )
-  ] });
-}
-function ChannelBadge({ channel, className }) {
-  const Icon = CHANNEL_ICON[channel];
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
-    {
-      className: ui.cn(
-        "inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium",
-        CHANNEL_ACCENT[channel].badge,
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-2.5 w-2.5" }),
-        CHANNEL_LABELS[channel]
-      ]
-    }
-  );
-}
-function relativeTime(iso) {
-  const diff = Date.now() - new Date(iso).getTime();
-  const mins = Math.round(diff / 6e4);
-  if (mins < 1) return "now";
-  if (mins < 60) return `${mins}m`;
-  const hours = Math.round(mins / 60);
-  if (hours < 24) return `${hours}h`;
-  const days = Math.round(hours / 24);
-  if (days < 7) return `${days}d`;
-  return `${Math.round(days / 7)}w`;
-}
-function dayLabel(iso) {
-  const d = new Date(iso);
-  const now = /* @__PURE__ */ new Date();
-  const startOf = (x) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();
-  const dayDiff = Math.round((startOf(now) - startOf(d)) / 864e5);
-  if (dayDiff <= 0) return "Today";
-  if (dayDiff === 1) return "Yesterday";
-  if (dayDiff < 7) return d.toLocaleDateString([], { weekday: "long" });
-  return d.toLocaleDateString([], { month: "short", day: "numeric", year: now.getFullYear() === d.getFullYear() ? void 0 : "numeric" });
-}
-var FILTERS = [
-  { id: "all", label: "All" },
-  { id: "whatsapp", label: "WhatsApp" },
-  { id: "sms", label: "SMS" },
-  { id: "instagram", label: "Instagram" },
-  { id: "email", label: "Email" },
-  { id: "webchat", label: "Web" }
-];
-function ConversationList({ className }) {
-  const {
-    conversations,
-    selectedId,
-    channelFilter,
-    search,
-    loading,
-    select,
-    setChannelFilter,
-    setSearch
-  } = useConversationsStore((s) => s);
-  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: ui.cn("w-full shrink-0 flex-col border-r border-border bg-card lg:w-[320px]", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border px-3 py-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Input,
-          {
-            value: search,
-            onChange: (e) => setSearch(e.target.value),
-            placeholder: "Search conversations",
-            className: "pl-8"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: FILTERS.map((f) => /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: () => setChannelFilter(f.id),
-          className: ui.cn(
-            "rounded-full px-2.5 py-1 text-xs font-medium transition-colors",
-            channelFilter === f.id ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/70"
-          ),
-          children: f.label
-        },
-        f.id
-      )) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
-      loading && conversations.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "Loading\u2026" }),
-      !loading && conversations.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 p-8 text-center text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Inbox, { className: "h-6 w-6" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "No conversations" })
-      ] }),
-      conversations.map((c) => {
-        const active = c.id === selectedId;
-        const unread = c.unreadCount > 0;
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: () => select(c.id),
-            className: ui.cn(
-              "flex w-full items-start gap-3 border-b border-border/50 px-3 py-3 text-left transition-colors",
-              active ? "bg-accent" : "hover:bg-muted/50"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Avatar, { name: c.contactName, accent: c.accent, channel: c.channel }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("truncate text-sm text-foreground", unread ? "font-semibold" : "font-medium"), children: c.contactName }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("shrink-0 text-[11px]", unread ? "font-semibold text-primary" : "text-muted-foreground"), children: relativeTime(c.lastMessageAt) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(ChannelBadge, { channel: c.channel }),
-                  c.status !== "open" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground/70", children: c.status })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("truncate text-xs", unread ? "text-foreground" : "text-muted-foreground"), children: c.lastMessagePreview }),
-                  unread && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-[18px] min-w-[18px] shrink-0 items-center justify-center rounded-full bg-primary px-1.5 text-[10px] font-semibold text-primary-foreground", children: c.unreadCount })
-                ] })
-              ] })
-            ]
-          },
-          c.id
-        );
-      })
-    ] })
-  ] });
-}
-function buildRows(messages) {
-  const rows = [];
-  let lastDay = "";
-  messages.forEach((m, i) => {
-    const day = new Date(m.at).toDateString();
-    if (day !== lastDay) {
-      rows.push({ kind: "day", id: `day-${day}`, label: dayLabel(m.at) });
-      lastDay = day;
-    }
-    const prev = messages[i - 1];
-    const next = messages[i + 1];
-    const samePrev = prev && prev.direction === m.direction && new Date(prev.at).toDateString() === day;
-    const sameNext = next && next.direction === m.direction && new Date(next.at).toDateString() === day;
-    rows.push({ kind: "msg", id: m.id, message: m, startsRun: !samePrev, endsRun: !sameNext });
-  });
-  return rows;
-}
-function MessageThread({ selected, onTogglePanel, panelOpen, onBack, className }) {
-  const { messages, sending, send, setStatus } = useConversationsStore((s) => s);
-  const [draft, setDraft] = React3__default.default.useState("");
-  const threadRef = React3__default.default.useRef(null);
-  React3__default.default.useEffect(() => {
-    threadRef.current?.scrollTo({ top: threadRef.current.scrollHeight, behavior: "smooth" });
-  }, [messages.length, selected.id]);
-  async function handleSend() {
-    if (!draft.trim()) return;
-    const body = draft;
-    setDraft("");
-    await send(body);
-  }
-  const accent = CHANNEL_ACCENT[selected.channel];
-  const rows = React3__default.default.useMemo(() => buildRows(messages), [messages]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: ui.cn("flex min-w-0 flex-1 flex-col bg-muted/20", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-card px-3 py-2.5 md:px-5", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2 md:gap-3", children: [
-        onBack && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", size: "icon", className: "-ml-1 shrink-0 lg:hidden", onClick: onBack, "aria-label": "Back to conversations", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-5 w-5" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Avatar, { name: selected.contactName, accent: selected.accent, size: "sm", channel: selected.channel }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: selected.contactName }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ChannelBadge, { channel: selected.channel }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: selected.contactHandle })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", size: "sm", onClick: () => setStatus("snoozed"), "aria-label": "Snooze", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3.5 w-3.5 sm:mr-1" }),
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Snooze" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", size: "sm", onClick: () => setStatus("closed"), "aria-label": "Close conversation", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Archive, { className: "h-3.5 w-3.5 sm:mr-1" }),
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Close" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            variant: panelOpen ? "secondary" : "ghost",
-            size: "icon",
-            onClick: onTogglePanel,
-            "aria-label": "Toggle contact details",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelRight, { className: "h-4 w-4" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: threadRef, className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: [
-      rows.map((row) => {
-        if (row.kind === "day") {
-          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-3 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-3 py-0.5 text-[11px] font-medium text-muted-foreground", children: row.label }) }, row.id);
-        }
-        const m = row.message;
-        const outbound = m.direction === "outbound";
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: ui.cn("flex", outbound ? "justify-end" : "justify-start", row.startsRun ? "mt-2.5" : "mt-0.5"),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: ui.cn(
-                  "max-w-[68%] px-3.5 py-2 text-sm shadow-sm",
-                  outbound ? "rounded-2xl text-white" : "rounded-2xl bg-card text-foreground",
-                  // Tail only on the last bubble of a run, on the sender's side.
-                  outbound && row.endsRun && "rounded-br-sm",
-                  !outbound && row.endsRun && "rounded-bl-sm"
-                ),
-                style: outbound ? { backgroundColor: accent.color } : void 0,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap break-words", children: m.body }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("mt-0.5 text-right text-[10px]", outbound ? "text-white/70" : "text-muted-foreground"), children: new Date(m.at).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
-                ]
-              }
-            )
-          },
-          row.id
-        );
-      }),
-      rows.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "h-7 w-7" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm", children: "No messages yet" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border bg-card px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", size: "icon", className: "mb-0.5 text-muted-foreground", "aria-label": "Add emoji", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Smile, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", size: "icon", className: "mb-0.5 text-muted-foreground", "aria-label": "Attach file", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "textarea",
-        {
-          value: draft,
-          onChange: (e) => setDraft(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && !e.shiftKey) {
-              e.preventDefault();
-              void handleSend();
-            }
-          },
-          rows: 1,
-          placeholder: `Reply via ${CHANNEL_LABELS[selected.channel]}\u2026`,
-          className: "max-h-32 min-h-[40px] flex-1 resize-none rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: () => void handleSend(), disabled: sending || !draft.trim(), "aria-label": "Send", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "h-4 w-4" }) })
-    ] }) })
-  ] });
-}
-function Section({ icon: Icon, title, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border px-4 py-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-1.5 flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-3 w-3" }),
-      " ",
-      title
-    ] }),
-    children
-  ] });
-}
-function ContactPanel({ contact, onClose, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: ui.cn("flex shrink-0 flex-col overflow-y-auto border-l border-border bg-card", className), children: [
-    onClose && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-2 xl:hidden", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground", children: "Details" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", size: "icon", onClick: onClose, "aria-label": "Close details", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 px-4 py-5 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Avatar, { name: contact.contactName, accent: contact.accent, size: "lg", channel: contact.channel }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: contact.contactName }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: contact.contactHandle })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ChannelBadge, { channel: contact.channel })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Section, { icon: lucideReact.User, title: "Details", children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "space-y-1.5 text-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Channel" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground", children: CHANNEL_LABELS[contact.channel] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "capitalize text-foreground", children: contact.status })
-      ] }),
-      contact.assignedTo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Assigned to" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground", children: contact.assignedTo })
-      ] }),
-      contact.location && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("dt", { className: "flex items-center gap-1 text-muted-foreground", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "h-3 w-3" }),
-          " Location"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground", children: contact.location })
-      ] })
-    ] }) }),
-    contact.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { icon: lucideReact.Tag, title: "Tags", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: contact.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-foreground", children: tag }, tag)) }) }),
-    contact.note && /* @__PURE__ */ jsxRuntime.jsx(Section, { icon: lucideReact.StickyNote, title: "Note", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: contact.note }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Section, { icon: lucideReact.Link2, title: "Linked records", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "No linked records yet." }) })
-  ] });
-}
-function InboxView() {
-  const { conversations, selectedId, deselect } = useConversationsStore((s) => s);
-  const isWidePanel = useMediaQuery("(min-width: 1280px)");
-  const [panelOpen, setPanelOpen] = React3__default.default.useState(false);
-  const selected = conversations.find((c) => c.id === selectedId) ?? null;
-  React3__default.default.useEffect(() => {
-    setPanelOpen(isWidePanel);
-  }, [isWidePanel]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-full min-h-0 overflow-hidden bg-background", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ConversationList, { className: ui.cn(selected ? "hidden lg:flex" : "flex") }),
-    selected ? /* @__PURE__ */ jsxRuntime.jsx(
-      MessageThread,
-      {
-        selected,
-        panelOpen,
-        onTogglePanel: () => setPanelOpen((v) => !v),
-        onBack: deselect,
-        className: "flex"
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "hidden min-w-0 flex-1 flex-col items-center justify-center bg-muted/20 text-muted-foreground lg:flex", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "h-9 w-9" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm", children: "Select a conversation to start chatting" })
-    ] }),
-    selected && panelOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          className: "absolute inset-0 z-10 bg-black/40 xl:hidden",
-          "aria-label": "Close details",
-          onClick: () => setPanelOpen(false)
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ContactPanel,
-        {
-          contact: selected,
-          onClose: () => setPanelOpen(false),
-          className: "absolute inset-y-0 right-0 z-20 w-[340px] max-w-[88%] shadow-2xl xl:static xl:z-auto xl:w-[300px] xl:max-w-none xl:shadow-none"
-        }
-      )
-    ] })
-  ] });
-}
-function ConversationsPage({ store }) {
-  React3__default.default.useEffect(() => {
-    void store.getState().load();
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(ConversationsContextProvider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(InboxView, {}) });
-}
-
-// src/data/mock.ts
-function minutesAgo(base, mins) {
-  return new Date(base - mins * 6e4).toISOString();
-}
-function seed() {
-  const base = (/* @__PURE__ */ new Date("2026-06-16T14:00:00Z")).getTime();
-  const conversations = [
-    {
-      id: "c1",
-      contactName: "Marina Alves",
-      contactHandle: "+55 11 99876-1020",
-      channel: "whatsapp",
-      lastMessagePreview: "Perfect, can we book for Friday at 3pm?",
-      lastMessageAt: minutesAgo(base, 4),
-      unreadCount: 2,
-      status: "open",
-      assignedTo: "You",
-      accent: "#22c55e",
-      tags: ["Hot lead"],
-      location: "S\xE3o Paulo, BR",
-      note: "Referred by Instagram ad \u2014 interested in full color + cut."
-    },
-    {
-      id: "c2",
-      contactName: "Jordan Pierce",
-      contactHandle: "+1 (415) 555-0142",
-      channel: "sms",
-      lastMessagePreview: "Got it \u2014 sending the deposit now.",
-      lastMessageAt: minutesAgo(base, 22),
-      unreadCount: 0,
-      status: "open",
-      assignedTo: "You",
-      accent: "#6366f1",
-      tags: ["Customer"],
-      location: "San Francisco, US"
-    },
-    {
-      id: "c3",
-      contactName: "@thehairloft",
-      contactHandle: "thehairloft",
-      channel: "instagram",
-      lastMessagePreview: "Do you offer balayage on weekends?",
-      lastMessageAt: minutesAgo(base, 51),
-      unreadCount: 1,
-      status: "open",
-      accent: "#ec4899",
-      tags: ["New"]
-    },
-    {
-      id: "c4",
-      contactName: "David Whitman",
-      contactHandle: "david@whitman.co",
-      channel: "email",
-      lastMessagePreview: "Re: Proposal \u2014 looks great, one question on pricing\u2026",
-      lastMessageAt: minutesAgo(base, 95),
-      unreadCount: 0,
-      status: "open",
-      assignedTo: "Sofia",
-      accent: "#0ea5e9",
-      tags: ["Proposal"],
-      location: "Austin, US",
-      note: "Evaluating the retainer tier. Decision expected this week."
-    },
-    {
-      id: "c5",
-      contactName: "Website visitor",
-      contactHandle: "live chat \xB7 acme.com",
-      channel: "webchat",
-      lastMessagePreview: "Is anyone available to chat?",
-      lastMessageAt: minutesAgo(base, 140),
-      unreadCount: 0,
-      status: "snoozed",
-      accent: "#f59e0b",
-      tags: []
-    },
-    {
-      id: "c6",
-      contactName: "Priya Nair",
-      contactHandle: "+44 7700 900123",
-      channel: "whatsapp",
-      lastMessagePreview: "Thank you! See you next week \u{1F64C}",
-      lastMessageAt: minutesAgo(base, 1440),
-      unreadCount: 0,
-      status: "closed",
-      assignedTo: "You",
-      accent: "#14b8a6",
-      tags: ["Customer"],
-      location: "London, UK"
-    }
-  ];
-  const messages = [
-    msg("m1", "c1", "whatsapp", "inbound", "Hi! I saw your ad \u2014 do you have availability this week?", "Marina Alves", minutesAgo(base, 18)),
-    msg("m2", "c1", "whatsapp", "outbound", "Hi Marina! Yes, we do. What service are you interested in?", "You", minutesAgo(base, 15)),
-    msg("m3", "c1", "whatsapp", "inbound", "A full color + cut.", "Marina Alves", minutesAgo(base, 9)),
-    msg("m4", "c1", "whatsapp", "inbound", "Perfect, can we book for Friday at 3pm?", "Marina Alves", minutesAgo(base, 4)),
-    msg("m5", "c2", "sms", "outbound", "Your appointment is confirmed for tomorrow at 10am.", "You", minutesAgo(base, 40)),
-    msg("m6", "c2", "sms", "inbound", "Got it \u2014 sending the deposit now.", "Jordan Pierce", minutesAgo(base, 22)),
-    msg("m7", "c3", "instagram", "inbound", "Do you offer balayage on weekends?", "@thehairloft", minutesAgo(base, 51)),
-    msg("m8", "c4", "email", "inbound", "Re: Proposal \u2014 looks great, one question on pricing for the retainer tier.", "David Whitman", minutesAgo(base, 95)),
-    msg("m9", "c4", "email", "outbound", "Happy to walk you through it \u2014 are you free for a quick call tomorrow?", "Sofia", minutesAgo(base, 80)),
-    msg("m10", "c5", "webchat", "inbound", "Is anyone available to chat?", "Website visitor", minutesAgo(base, 140)),
-    msg("m11", "c6", "whatsapp", "outbound", "You are all set for next Tuesday. Anything else?", "You", minutesAgo(base, 1500)),
-    msg("m12", "c6", "whatsapp", "inbound", "Thank you! See you next week \u{1F64C}", "Priya Nair", minutesAgo(base, 1440))
-  ];
-  return { conversations, messages };
-}
-function msg(id, conversationId, channel, direction, body, author, at) {
-  return { id, conversationId, channel, direction, body, author, at };
-}
-function createMockConversationsProvider() {
-  const { conversations, messages } = seed();
-  let counter = 100;
-  return {
-    async listConversations(query) {
-      let list = [...conversations];
-      if (query?.channel && query.channel !== "all") list = list.filter((c) => c.channel === query.channel);
-      if (query?.status && query.status !== "all") list = list.filter((c) => c.status === query.status);
-      if (query?.search) {
-        const q = query.search.toLowerCase();
-        list = list.filter(
-          (c) => c.contactName.toLowerCase().includes(q) || c.lastMessagePreview.toLowerCase().includes(q)
-        );
-      }
-      return list.sort((a, b) => b.lastMessageAt.localeCompare(a.lastMessageAt));
-    },
-    async getMessages(conversationId) {
-      return messages.filter((m) => m.conversationId === conversationId).sort((a, b) => a.at.localeCompare(b.at));
-    },
-    async sendMessage(input) {
-      const conv = conversations.find((c) => c.id === input.conversationId);
-      const created = {
-        id: `m${++counter}`,
-        conversationId: input.conversationId,
-        channel: conv?.channel ?? "sms",
-        direction: "outbound",
-        body: input.body,
-        author: "You",
-        at: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      messages.push(created);
-      if (conv) {
-        conv.lastMessagePreview = input.body;
-        conv.lastMessageAt = created.at;
-        conv.unreadCount = 0;
-        if (conv.status === "closed") conv.status = "open";
-      }
-      return created;
-    },
-    async markRead(conversationId) {
-      const conv = conversations.find((c) => c.id === conversationId);
-      if (conv) conv.unreadCount = 0;
-    },
-    async setStatus(conversationId, status) {
-      const conv = conversations.find((c) => c.id === conversationId);
-      if (!conv) throw new Error("Conversation not found");
-      conv.status = status;
-      return conv;
-    }
-  };
-}
-function mapConversation(r) {
-  return {
-    id: String(r.id),
-    contactName: r.contact_name ?? "",
-    contactHandle: r.contact_handle ?? "",
-    channel: r.channel ?? "sms",
-    lastMessagePreview: r.last_message_preview ?? "",
-    lastMessageAt: r.last_message_at ?? "",
-    unreadCount: Number(r.unread_count ?? 0),
-    status: r.status ?? "open",
-    assignedTo: r.assigned_to ?? void 0,
-    accent: r.accent ?? "#6366f1",
-    tags: r.tags ?? [],
-    location: r.location ?? void 0,
-    note: r.note ?? void 0
-  };
-}
-function mapMessage(r) {
-  return {
-    id: String(r.id),
-    conversationId: String(r.conversation_id),
-    channel: r.channel ?? "sms",
-    direction: r.direction ?? "inbound",
-    body: r.body ?? "",
-    at: r.at ?? "",
-    author: r.author ?? ""
-  };
-}
-function createSupabaseConversationsProvider(config) {
-  const selfAuthor = config?.selfAuthor ?? "You";
-  function resolveTenantId() {
-    if (!config?.tenantId) return void 0;
-    return typeof config.tenantId === "function" ? config.tenantId() : config.tenantId;
-  }
-  function client() {
-    const supabase = config?.supabaseClient ?? core.getSupabaseClientOptional();
-    if (!supabase) {
-      throw new Error(
-        "[plugin-conversations] Supabase client not available. Pass supabaseClient or register the global client via createFayzApp."
-      );
-    }
-    return supabase;
-  }
-  return {
-    async listConversations(query) {
-      let q = client().from("conversations").select("*");
-      const tenantId = resolveTenantId();
-      if (tenantId) q = q.eq("tenant_id", tenantId);
-      if (query?.channel && query.channel !== "all") {
-        q = q.eq("channel", query.channel);
-      }
-      if (query?.status && query.status !== "all") {
-        q = q.eq("status", query.status);
-      }
-      if (query?.search) {
-        const term = `%${query.search}%`;
-        q = q.or(
-          `contact_name.ilike.${term},last_message_preview.ilike.${term}`
-        );
-      }
-      q = q.order("last_message_at", {
-        ascending: false
-      });
-      const { data, error } = await q;
-      if (error) throw error;
-      return (data ?? []).map(mapConversation);
-    },
-    async getMessages(conversationId) {
-      const selected = client().from("conversation_messages").select("*");
-      const filtered = selected.eq(
-        "conversation_id",
-        conversationId
-      );
-      const ordered = filtered.order("at", {
-        ascending: true
-      });
-      const { data, error } = await ordered;
-      if (error) throw error;
-      return (data ?? []).map(mapMessage);
-    },
-    async sendMessage(input) {
-      const tenantId = resolveTenantId();
-      const convSelected = client().from("conversations").select(
-        "channel"
-      );
-      const convFiltered = convSelected.eq(
-        "id",
-        input.conversationId
-      );
-      const { data: conv } = await convFiltered.maybeSingle();
-      const channel = conv?.channel ?? "sms";
-      const at = (/* @__PURE__ */ new Date()).toISOString();
-      const row = {
-        conversation_id: input.conversationId,
-        channel,
-        direction: "outbound",
-        body: input.body,
-        author: selfAuthor,
-        at
-      };
-      if (tenantId) row.tenant_id = tenantId;
-      const { data: created, error } = await client().from("conversation_messages").insert(row).select().single();
-      if (error) throw error;
-      await client().from("conversations").update({
-        last_message_preview: input.body,
-        last_message_at: at,
-        unread_count: 0,
-        status: "open"
-      }).eq("id", input.conversationId);
-      return mapMessage(created ?? row);
-    },
-    async markRead(conversationId) {
-      const { error } = await client().from("conversations").update({
-        unread_count: 0
-      }).eq("id", conversationId);
-      if (error) throw error;
-    },
-    async setStatus(conversationId, status) {
-      const updated = client().from("conversations").update({
-        status
-      });
-      const filtered = updated.eq("id", conversationId);
-      const selected = filtered.select();
-      const { data, error } = await selected.single();
-      if (error) throw error;
-      if (!data) throw new Error("Conversation not found");
-      return mapConversation(data);
-    }
-  };
-}
-function createConversationsStore(provider) {
-  return vanilla.createStore((set, get) => ({
-    conversations: [],
-    messages: [],
-    selectedId: null,
-    channelFilter: "all",
-    search: "",
-    loading: false,
-    sending: false,
-    async load() {
-      set({ loading: true });
-      const conversations = await provider.listConversations({
-        channel: get().channelFilter,
-        search: get().search || void 0
-      });
-      const selectedId = get().selectedId ?? conversations[0]?.id ?? null;
-      set({ conversations, loading: false, selectedId });
-      if (selectedId) await get().select(selectedId);
-    },
-    async select(id) {
-      set({ selectedId: id });
-      const messages = await provider.getMessages(id);
-      set({ messages });
-      await provider.markRead(id);
-      set((s) => ({
-        conversations: s.conversations.map((c) => c.id === id ? { ...c, unreadCount: 0 } : c)
-      }));
-    },
-    deselect() {
-      set({ selectedId: null, messages: [] });
-    },
-    async setChannelFilter(channel) {
-      set({ channelFilter: channel });
-      await get().load();
-    },
-    async setSearch(search) {
-      set({ search });
-      await get().load();
-    },
-    async send(body) {
-      const id = get().selectedId;
-      if (!id || !body.trim()) return;
-      set({ sending: true });
-      const created = await provider.sendMessage({ conversationId: id, body: body.trim() });
-      set((s) => ({
-        sending: false,
-        messages: [...s.messages, created],
-        conversations: s.conversations.map(
-          (c) => c.id === id ? { ...c, lastMessagePreview: created.body, lastMessageAt: created.at } : c
-        )
-      }));
-    },
-    async setStatus(status) {
-      const id = get().selectedId;
-      if (!id) return;
-      const updated = await provider.setStatus(id, status);
-      set((s) => ({
-        conversations: s.conversations.map((c) => c.id === id ? updated : c)
-      }));
-    }
-  }));
-}
-
-// src/locales/en.ts
-var en = {
-  "conversations.title": "Conversations",
-  "conversations.subtitle": "Unified inbox across every channel"
-};
-
-// src/locales/index.ts
-var conversationsLocales = {
-  en
-};
-
-// src/index.ts
-function createSafeProvider() {
-  if (core.getSupabaseClientOptional()) {
-    return createSupabaseConversationsProvider({ tenantId: () => core.getActiveTenantId() });
-  }
-  return createMockConversationsProvider();
-}
-function createConversationsPlugin(options) {
-  core.registerTranslations(conversationsLocales);
-  const provider = options?.dataProvider ?? createSafeProvider();
-  const store = createConversationsStore(provider);
-  const PageComponent = () => React3__default.default.createElement(ConversationsPage, { store });
-  PageComponent.displayName = "ConversationsPage";
-  return {
-    id: "conversations",
-    name: options?.navLabel ?? "Conversations",
-    icon: "MessageCircle",
-    version: "1.0.0",
-    scope: options?.scope ?? "universal",
-    verticalId: options?.verticalId,
-    defaultEnabled: true,
-    dependencies: [],
-    declaredFeatures: [{ id: "conversations", label: "Conversations", group: "Engage" }],
-    navigation: [
-      {
-        section: options?.navSection ?? "main",
-        position: options?.navPosition ?? 1,
-        label: options?.navLabel ?? "Conversations",
-        route: "/conversations",
-        icon: "MessageCircle",
-        permission: { feature: "conversations", action: "read" }
-      }
-    ],
-    routes: [
-      {
-        path: "/conversations",
-        component: PageComponent,
-        fullBleed: true,
-        permission: { feature: "conversations", action: "read" }
-      }
-    ],
-    widgets: [],
-    events: [
-      { name: "conversations.message.received", description: "An inbound message arrived on any channel" },
-      { name: "conversations.message.sent", description: "An outbound message was sent" }
-    ],
-    aiTools: [
-      {
-        id: "conversations.list-threads",
-        name: "listConversations",
-        description: "Lists open conversations across all channels, optionally filtered by channel.",
-        icon: "MessageCircle",
-        mode: "read",
-        category: "Conversations",
-        parameters: {
-          type: "object",
-          properties: {
-            channel: {
-              type: "string",
-              enum: ["all", "sms", "whatsapp", "instagram", "email", "webchat"]
-            }
-          }
-        },
-        suggestions: [
-          { label: "Show unread conversations" },
-          { label: "Any new WhatsApp messages?" }
-        ],
-        permission: { feature: "conversations", action: "read" }
-      },
-      {
-        id: "conversations.send-message",
-        name: "sendMessage",
-        description: "Sends a reply in a conversation thread.",
-        icon: "Send",
-        mode: "persist",
-        category: "Conversations",
-        parameters: {
-          type: "object",
-          properties: {
-            conversationId: { type: "string", description: "Conversation id" },
-            body: { type: "string", description: "Message body" }
-          },
-          required: ["conversationId", "body"]
-        },
-        permission: { feature: "conversations", action: "create" }
-      }
-    ],
-    locales: conversationsLocales
-  };
-}
-
-exports.createConversationsPlugin = createConversationsPlugin;
-exports.createMockConversationsProvider = createMockConversationsProvider;
-exports.createSupabaseConversationsProvider = createSupabaseConversationsProvider;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map