@fayz-ai/plugin-conversations 0.19.0 → 0.20.0

package/dist/index.js

@@ -1,10 +1,10 @@
 import * as React12 from 'react';
 import React12__default, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { Loader2, MessageSquare, AlertTriangle, Pause, Play, Send, RefreshCw, Plus, Clock, CheckCircle2, Check, ShieldCheck, ShieldAlert, QrCode, Zap, ExternalLink, SquarePen, Globe, Mail, Instagram, Phone, Search, User, Inbox, CheckCheck, ChevronLeft, Archive, PanelRight, X, MapPin, Tag, StickyNote, Link2, MoreVertical, Snowflake, Sun, Flame, Building2, UserRound, Copy, FileText, Download } from 'lucide-react';
-import { toast, Button, Input, defineKpiWidget, defineTableWidget, PageHeaderActions, cn, Badge, FilterChip, Skeleton, KpiCard, TableWidget } from '@fayz-ai/ui';
+import { toast, Button, Input, defineKpiWidget, defineTableWidget, PageHeaderActions, cn, Badge, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter, FilterChip, Skeleton, KpiCard, TableWidget } from '@fayz-ai/ui';
 import { createConnectionStore, connectionRuns, connectionStatus, getActiveTenantId, getSupabaseClientOptional, useActiveTenantId, registerTranslations, useTranslation, countByTenant, CONNECTOR_RUNTIME_TOKEN_HEADER, connectorRuntimeToken, errorMessage } from '@fayz-ai/core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { SettingsGroup, PluginSettingsPanel, useNavContribution, PermissionGate, useLimitGuard, RightRailPage, ContactPicker, invalidateLimit } from '@fayz-ai/admin';
+import { SettingsGroup, PluginSettingsPanel, useNavContribution, useRightRailStore, PageActions, useLimitGuard, ContactPicker, invalidateLimit } from '@fayz-ai/admin';
 import { useStore } from 'zustand';
 import { createStore } from 'zustand/vanilla';
 
@@ -1437,7 +1437,7 @@ function MessageThread({ selected, onTogglePanel, panelOpen, onBack, className }
         /* @__PURE__ */ jsx(Avatar, { name: selected.contactName, accent: selected.accent, size: "sm", channel: selected.channel }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: selected.contactName }),
-          /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+          !panelOpen && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
             /* @__PURE__ */ jsx(ChannelBadge, { channel: selected.channel }),
             /* @__PURE__ */ jsx("span", { className: "truncate", children: selected.contactHandle })
           ] })
@@ -1753,14 +1753,10 @@ function NewConversationPanel({
       setSubmitting(false);
     }
   }
-  return /* @__PURE__ */ jsx(
-    RightRailPage,
-    {
-      title: t("conversations.new.title"),
-      open,
-      onClose: () => onOpenChange(false),
-      width: "max-w-md",
-      children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-5 py-4", children: [
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs(ModalContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: t("conversations.new.title") }) }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { className: "mb-1.5 block text-xs font-medium text-muted-foreground", children: t("conversations.new.channel") }),
           /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: CHANNELS.map((ch) => {
@@ -1824,11 +1820,11 @@ function NewConversationPanel({
               className: "max-h-40 min-h-[64px] w-full resize-none rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary"
             }
           )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "mt-auto pt-2", children: /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !canSubmit, className: "w-full", children: submitting ? t("conversations.new.creating") : t("conversations.new.create") }) })
-      ] })
-    }
-  );
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !canSubmit, className: "w-full", children: submitting ? t("conversations.new.creating") : t("conversations.new.create") }) })
+    ] })
+  ] }) });
 }
 function useCaixaAoVivo() {
   const tenantId = useActiveTenantId();
@@ -1852,26 +1848,26 @@ function InboxView() {
   const { conversations, selectedId, deselect } = useConversationsStore((s) => s);
   useCaixaAoVivo();
   const isWidePanel = useMediaQuery("(min-width: 1280px)");
+  const railOpen = useRightRailStore((s) => s.open);
   const [panelOpen, setPanelOpen] = React12__default.useState(false);
   const [newOpen, setNewOpen] = React12__default.useState(false);
   const selected = conversations.find((c) => c.id === selectedId) ?? null;
   React12__default.useEffect(() => {
-    setPanelOpen(isWidePanel);
-  }, [isWidePanel]);
+    setPanelOpen(isWidePanel && !railOpen);
+  }, [isWidePanel, railOpen]);
+  const newActions = React12__default.useMemo(() => [{
+    id: "new-conversation",
+    label: t("conversations.list.new"),
+    icon: SquarePen,
+    intent: "primary",
+    // Starting a conversation creates a thread — the FAB is a "+".
+    creates: true,
+    testId: "conversations-new",
+    permission: { feature: "conversations", action: "create" },
+    onSelect: () => setNewOpen(true)
+  }], [t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(PermissionGate, { feature: "conversations", action: "create", children: /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        size: "sm",
-        onClick: () => setNewOpen(true),
-        "aria-label": t("conversations.list.new"),
-        "data-testid": "conversations-new",
-        children: [
-          /* @__PURE__ */ jsx(SquarePen, { className: "h-3.5 w-3.5 sm:mr-1.5" }),
-          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t("conversations.list.new") })
-        ]
-      }
-    ) }) }),
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(PageActions, { actions: newActions }) }),
     /* @__PURE__ */ jsx(NewConversationPanel, { open: newOpen, onOpenChange: setNewOpen }),
     /* @__PURE__ */ jsxs("div", { className: "relative flex h-full min-h-0 overflow-hidden bg-background", children: [
       /* @__PURE__ */ jsx(ConversationList, { className: cn(selected ? "hidden lg:flex" : "flex") }),