@wealthx/shadcn 1.5.25 → 1.5.27

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @wealthx/shadcn
 
+## 1.5.27
+
+### Patch Changes
+
+- 52e985b: update ai conversation
+
+## 1.5.26
+
+### Patch Changes
+
+- efdd76c: ai integration update
+
 ## 1.5.25
 
 ### Patch Changes

package/dist/{chunk-7JVKSZ4O.mjs → chunk-2CHH5QOA.mjs}

@@ -1,6 +1,6 @@
 import {
   KanbanColumn
-} from "./chunk-2PWTXE66.mjs";
+} from "./chunk-OG2VM34K.mjs";
 import {
   ToggleGroup,
   ToggleGroupItem

package/dist/{chunk-5ST6BK7R.mjs → chunk-36IN7YRM.mjs}

@@ -24,7 +24,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-OIETBBXQ.mjs";
+} from "./chunk-T5FRVEJQ.mjs";
 import {
   ToggleGroup,
   ToggleGroupItem

package/dist/{chunk-RGHKARAK.mjs → chunk-7PTRHNUV.mjs}

@@ -7,7 +7,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-OIETBBXQ.mjs";
+} from "./chunk-T5FRVEJQ.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-QM7LU2BR.mjs → chunk-AAZSLTER.mjs}

@@ -1,3 +1,6 @@
+import {
+  Switch
+} from "./chunk-PNSYFE3K.mjs";
 import {
   Tabs,
   TabsContent,
@@ -11,12 +14,6 @@ import {
   SelectTrigger,
   SelectValue
 } from "./chunk-K6VCC2MK.mjs";
-import {
-  Separator
-} from "./chunk-2GIYVERS.mjs";
-import {
-  Switch
-} from "./chunk-PNSYFE3K.mjs";
 import {
   Dialog,
   DialogContent,
@@ -24,7 +21,10 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-OIETBBXQ.mjs";
+} from "./chunk-T5FRVEJQ.mjs";
+import {
+  Separator
+} from "./chunk-2GIYVERS.mjs";
 import {
   DatePicker
 } from "./chunk-TRM3KIHT.mjs";

package/dist/{chunk-OFQFD2E2.mjs → chunk-C35JMOII.mjs}

@@ -6,7 +6,7 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle
-} from "./chunk-OIETBBXQ.mjs";
+} from "./chunk-T5FRVEJQ.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-4FJC64FV.mjs → chunk-CE2WONIY.mjs}

@@ -9,6 +9,14 @@ import {
   TabsList,
   TabsTrigger
 } from "./chunk-WE4YKBDE.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-T5FRVEJQ.mjs";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -16,24 +24,16 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger
 } from "./chunk-H5DTKPJ2.mjs";
+import {
+  Avatar,
+  AvatarFallback
+} from "./chunk-H6NQTIF4.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
 import {
   Textarea
 } from "./chunk-BS75ICOO.mjs";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle
-} from "./chunk-OIETBBXQ.mjs";
-import {
-  Avatar,
-  AvatarFallback
-} from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
 } from "./chunk-X6RC5UWB.mjs";
@@ -665,7 +665,7 @@ function ChatComposer({
                       className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx3(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ jsx3(
+                  emailMode !== "reply" && /* @__PURE__ */ jsx3(ComposerEmailFieldRow, { label: "Subject", children: /* @__PURE__ */ jsx3(
                     "input",
                     {
                       type: "text",
@@ -747,7 +747,8 @@ function ChatComposer({
                               content: html,
                               to: emailTo,
                               cc: emailCc,
-                              subject: emailSubject
+                              subject: emailSubject,
+                              isReply: emailMode === "reply"
                             });
                             editor == null ? void 0 : editor.commands.clearContent();
                           },

package/dist/{chunk-YV7XF32X.mjs → chunk-DSVKEVX6.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskCheckItem
-} from "./chunk-EXI64H46.mjs";
+} from "./chunk-L6LE4OIM.mjs";
 import {
   Progress
 } from "./chunk-JPGL36WQ.mjs";

package/dist/{chunk-EY5YPFKX.mjs → chunk-EVUY67CY.mjs}

@@ -23,16 +23,16 @@ import {
   SelectTrigger,
   SelectValue
 } from "./chunk-K6VCC2MK.mjs";
-import {
-  Spinner
-} from "./chunk-JVMXMFBB.mjs";
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-OIETBBXQ.mjs";
+} from "./chunk-T5FRVEJQ.mjs";
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
 import {
   DatePicker
 } from "./chunk-TRM3KIHT.mjs";

package/dist/{chunk-5G2M45CA.mjs → chunk-FYZBGWYR.mjs}

@@ -3,7 +3,7 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle
-} from "./chunk-OIETBBXQ.mjs";
+} from "./chunk-T5FRVEJQ.mjs";
 import {
   Badge
 } from "./chunk-X6RC5UWB.mjs";

package/dist/{chunk-RVDBYV2B.mjs → chunk-HONTZFLO.mjs}

@@ -7,7 +7,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-OIETBBXQ.mjs";
+} from "./chunk-T5FRVEJQ.mjs";
 import {
   Label
 } from "./chunk-LSRGA5BI.mjs";

package/dist/chunk-HSL23TOM.mjs

@@ -0,0 +1,443 @@
+import {
+  Card,
+  CardContent
+} from "./chunk-3VDET466.mjs";
+import {
+  Switch
+} from "./chunk-PNSYFE3K.mjs";
+import {
+  Checkbox
+} from "./chunk-IKXYTCSB.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-T5FRVEJQ.mjs";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "./chunk-H6NQTIF4.mjs";
+import {
+  Badge
+} from "./chunk-X6RC5UWB.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+import {
+  __async
+} from "./chunk-WNQUEZJF.mjs";
+
+// src/components/ui/ai-builder/agent-card.tsx
+import { MoreHorizontal } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AGENT_FEATURES = [
+  {
+    title: "Lead Capture",
+    description: "Automatically collect and qualify leads from website visitors."
+  },
+  {
+    title: "Initial Engagement",
+    description: "Instantly respond to inquiries with personalised mortgage guidance."
+  },
+  {
+    title: "Smart Follow-Up",
+    description: "Re-engage cold leads with timely, context-aware follow-up messages."
+  },
+  {
+    title: "Appointment Scheduling",
+    description: "Book qualified leads directly into advisor calendars without manual coordination."
+  },
+  {
+    title: "Performance Tracking",
+    description: "Monitor agent activity, response rates, and conversion metrics."
+  }
+];
+function AgentCard({
+  agent,
+  onToggle,
+  onMenuClick,
+  className
+}) {
+  const { id, title, description, tags, isEnabled, infoBadge, isComingSoon } = agent;
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn(
+        "flex flex-col gap-3 p-4 transition-opacity",
+        isComingSoon && "opacity-60",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "mt-0.5 size-2 shrink-0 rounded-full",
+                  isEnabled && !isComingSoon ? "bg-success" : "bg-muted-foreground/40"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold leading-tight", children: title }),
+            isComingSoon && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "shrink-0 text-xs", children: "Coming Soon" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: isEnabled,
+                disabled: isComingSoon,
+                onCheckedChange: (checked) => onToggle(id, checked),
+                "aria-label": `Toggle ${title}`
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-7 w-7",
+                onClick: () => onMenuClick(id),
+                "aria-label": `View details for ${title}`,
+                children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs leading-relaxed flex-1", children: description }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          infoBadge && /* @__PURE__ */ jsx("p", { className: "bg-info/10 text-info px-2 py-1 text-xs", children: infoBadge }),
+          tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag }, tag)) })
+        ] })
+      ]
+    }
+  );
+}
+function AgentMenuModal({
+  open,
+  onOpenChange,
+  agentTitle,
+  description = "AI-powered lead management that works around the clock to grow your mortgage business.",
+  features = AGENT_FEATURES
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-lg", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: agentTitle }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 py-2", children: features.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Badge,
+        {
+          variant: "default",
+          className: "h-6 w-6 shrink-0 p-0 text-xs font-bold",
+          children: index + 1
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: feature.title }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs leading-relaxed", children: feature.description })
+      ] })
+    ] }, feature.title)) })
+  ] }) });
+}
+
+// src/components/ui/ai-builder/integration-card.tsx
+import { useState } from "react";
+import { Check, CheckCircle2, Copy, Settings, User } from "lucide-react";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function IntegrationServiceCard({
+  title,
+  imageUrl,
+  iconNode,
+  description,
+  isConnected,
+  onCardClick,
+  onSettingsClick,
+  className
+}) {
+  return /* @__PURE__ */ jsxs2(
+    Card,
+    {
+      className: cn(
+        "flex flex-col gap-3 p-4",
+        !isConnected && "cursor-pointer transition-colors hover:bg-accent/50",
+        className
+      ),
+      onClick: !isConnected ? onCardClick : void 0,
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsxs2(Avatar, { className: "h-10 w-10 shrink-0", children: [
+            imageUrl && /* @__PURE__ */ jsx2(AvatarImage, { src: imageUrl, alt: title }),
+            /* @__PURE__ */ jsx2(AvatarFallback, { className: iconNode ? "bg-transparent p-0.5" : "", children: iconNode != null ? iconNode : /* @__PURE__ */ jsx2(User, { className: "h-5 w-5" }) })
+          ] }),
+          /* @__PURE__ */ jsx2("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx2("span", { className: "text-base font-semibold", children: title }),
+            isConnected && /* @__PURE__ */ jsxs2(Badge, { variant: "success", className: "gap-1 text-xs", children: [
+              /* @__PURE__ */ jsx2(CheckCircle2, { className: "h-3 w-3" }),
+              "Connected"
+            ] })
+          ] }) }),
+          isConnected && /* @__PURE__ */ jsx2(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-7 w-7 shrink-0",
+              onClick: (e) => {
+                e.stopPropagation();
+                onSettingsClick();
+              },
+              "aria-label": `Settings for ${title}`,
+              children: /* @__PURE__ */ jsx2(Settings, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx2("p", { className: "text-sm leading-relaxed text-muted-foreground", children: description })
+      ]
+    }
+  );
+}
+function IntegrationInstructionCard({
+  title,
+  codeBlock,
+  onCopy,
+  className
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = () => __async(null, null, function* () {
+    try {
+      yield navigator.clipboard.writeText(codeBlock);
+      setCopied(true);
+      onCopy == null ? void 0 : onCopy();
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (e) {
+    }
+  });
+  return /* @__PURE__ */ jsxs2(Card, { className: cn("flex flex-col gap-3 p-4", className), children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx2("h3", { className: "text-sm font-semibold", children: title }),
+      /* @__PURE__ */ jsx2(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 gap-1.5 text-xs",
+          onClick: handleCopy,
+          children: copied ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+            /* @__PURE__ */ jsx2(Check, { className: "h-3 w-3" }),
+            "Copied"
+          ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+            /* @__PURE__ */ jsx2(Copy, { className: "h-3 w-3" }),
+            "Copy"
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2("pre", { className: "bg-muted overflow-x-auto p-3 text-xs leading-relaxed", children: /* @__PURE__ */ jsx2("code", { children: codeBlock }) })
+  ] });
+}
+
+// src/components/ui/ai-builder/service-config-modal.tsx
+import { Check as Check2, CheckCircle2 as CheckCircle22, Clock, Mail, Shield, User as User2 } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ServiceConfigurationModal({
+  open,
+  onOpenChange,
+  serviceTitle,
+  isConnected,
+  serviceData,
+  iconNode,
+  connectPermissions,
+  connectDescription = "Link your account to enable automated workflows with WealthX.",
+  onConnect,
+  onDisconnect,
+  onReconnect
+}) {
+  return /* @__PURE__ */ jsx3(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx3(DialogContent, { className: "max-w-md", children: isConnected ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsxs3(DialogHeader, { children: [
+      /* @__PURE__ */ jsx3(DialogTitle, { children: serviceTitle }),
+      /* @__PURE__ */ jsx3(DialogDescription, { children: "Manage your integration settings." })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4 py-2", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 px-3 py-2 text-xs font-medium bg-success/10 text-success", children: [
+        /* @__PURE__ */ jsx3(CheckCircle22, { className: "h-3.5 w-3.5 shrink-0" }),
+        "Active \u2014 integration is running"
+      ] }),
+      serviceData && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx3("p", { className: "text-overline text-muted-foreground", children: "Account Information" }),
+          /* @__PURE__ */ jsx3(Card, { className: "py-0", children: /* @__PURE__ */ jsxs3(CardContent, { className: "flex flex-col gap-3 p-3", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx3(User2, { className: "text-muted-foreground h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ jsxs3("span", { className: "text-muted-foreground", children: [
+                serviceData.accountIdentifierLabel,
+                ":"
+              ] }),
+              /* @__PURE__ */ jsx3("span", { className: "font-medium", children: serviceData.accountIdentifier })
+            ] }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx3(Clock, { className: "text-muted-foreground h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: "Connected on:" }),
+              /* @__PURE__ */ jsx3("span", { className: "font-medium", children: serviceData.connectedOn })
+            ] }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx3(Clock, { className: "text-muted-foreground h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: "Last synced:" }),
+              /* @__PURE__ */ jsx3("span", { className: "font-medium", children: serviceData.lastSynced })
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx3("p", { className: "text-overline text-muted-foreground", children: "Granted Permissions" }),
+          /* @__PURE__ */ jsx3(Card, { className: "py-0", children: /* @__PURE__ */ jsx3(CardContent, { className: "flex flex-col gap-2 p-3", children: serviceData.permissions.map((permission) => /* @__PURE__ */ jsxs3(
+            "div",
+            {
+              className: "flex items-center gap-2 text-sm",
+              children: [
+                /* @__PURE__ */ jsx3(Shield, { className: "text-success h-4 w-4 shrink-0" }),
+                /* @__PURE__ */ jsx3("span", { children: permission })
+              ]
+            },
+            permission
+          )) }) })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx3("p", { className: "text-overline text-muted-foreground", children: "Sync Settings" }),
+          /* @__PURE__ */ jsx3(Card, { className: "py-0", children: /* @__PURE__ */ jsxs3(CardContent, { className: "flex items-center justify-between gap-3 p-3", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ jsx3("p", { className: "text-sm font-medium", children: serviceData.syncLabel }),
+              /* @__PURE__ */ jsx3("p", { className: "text-muted-foreground text-sm", children: serviceData.syncDescription })
+            ] }),
+            /* @__PURE__ */ jsx3(
+              Switch,
+              {
+                checked: serviceData.syncEnabled,
+                onCheckedChange: serviceData.onSyncToggle,
+                "aria-label": serviceData.syncLabel
+              }
+            )
+          ] }) })
+        ] }),
+        serviceData.emailCategories && /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs3("div", { children: [
+            /* @__PURE__ */ jsx3("p", { className: "text-overline text-muted-foreground", children: "Email Filters" }),
+            /* @__PURE__ */ jsx3("p", { className: "text-muted-foreground text-sm mt-0.5", children: "Choose which inbox categories to sync into WealthX." })
+          ] }),
+          /* @__PURE__ */ jsx3(Card, { className: "py-0", children: /* @__PURE__ */ jsx3(CardContent, { className: "flex flex-col gap-3 p-3", children: serviceData.emailCategories.available.map(
+            (category) => {
+              const checked = serviceData.emailCategories.selected.includes(
+                category
+              );
+              return /* @__PURE__ */ jsxs3(
+                "div",
+                {
+                  className: "flex items-center gap-2",
+                  children: [
+                    /* @__PURE__ */ jsx3(
+                      Checkbox,
+                      {
+                        id: `email-cat-${category}`,
+                        checked,
+                        onCheckedChange: (v) => {
+                          const next = v ? [
+                            ...serviceData.emailCategories.selected,
+                            category
+                          ] : serviceData.emailCategories.selected.filter(
+                            (c) => c !== category
+                          );
+                          serviceData.emailCategories.onChange(
+                            next
+                          );
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx3(
+                      "label",
+                      {
+                        htmlFor: `email-cat-${category}`,
+                        className: "text-sm cursor-pointer select-none",
+                        children: category
+                      }
+                    )
+                  ]
+                },
+                category
+              );
+            }
+          ) }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs3(DialogFooter, { children: [
+      /* @__PURE__ */ jsx3(
+        Button,
+        {
+          variant: "destructive",
+          size: "sm",
+          onClick: onDisconnect,
+          className: "mr-auto",
+          children: "Disconnect"
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Button,
+        {
+          variant: "outline-secondary",
+          size: "sm",
+          onClick: () => onOpenChange(false),
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx3(Button, { size: "sm", onClick: onReconnect, children: "Reconnect" })
+    ] })
+  ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4 py-2", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx3("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center bg-muted", children: iconNode != null ? iconNode : /* @__PURE__ */ jsx3(Mail, { className: "h-5 w-5 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsxs3("p", { className: "text-sm font-semibold", children: [
+            "Connect ",
+            serviceTitle
+          ] }),
+          /* @__PURE__ */ jsx3("p", { className: "text-muted-foreground text-xs", children: connectDescription })
+        ] })
+      ] }),
+      connectPermissions && connectPermissions.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2 border border-border px-4 py-3", children: [
+        /* @__PURE__ */ jsx3("p", { className: "text-overline text-muted-foreground", children: "Permissions requested" }),
+        connectPermissions.map((perm) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx3(Check2, { className: "h-3.5 w-3.5 shrink-0 text-success" }),
+          /* @__PURE__ */ jsx3("span", { className: "text-sm text-muted-foreground", children: perm })
+        ] }, perm))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs3(DialogFooter, { children: [
+      /* @__PURE__ */ jsx3(
+        Button,
+        {
+          variant: "outline-secondary",
+          size: "sm",
+          onClick: () => onOpenChange(false),
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx3(Button, { size: "sm", onClick: onConnect, children: "Connect" })
+    ] })
+  ] }) }) });
+}
+
+export {
+  AgentCard,
+  AgentMenuModal,
+  IntegrationServiceCard,
+  IntegrationInstructionCard,
+  ServiceConfigurationModal
+};

package/dist/{chunk-VNB5E7SI.mjs → chunk-HSXMTFIM.mjs}

@@ -20,16 +20,16 @@ import {
   SelectTrigger,
   SelectValue
 } from "./chunk-K6VCC2MK.mjs";
-import {
-  Textarea
-} from "./chunk-BS75ICOO.mjs";
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-OIETBBXQ.mjs";
+} from "./chunk-T5FRVEJQ.mjs";
+import {
+  Textarea
+} from "./chunk-BS75ICOO.mjs";
 import {
   DatePicker
 } from "./chunk-TRM3KIHT.mjs";