@wealthx/shadcn 1.5.6 → 1.5.8

package/dist/components/ui/ai-conversations.js

@@ -71,7 +71,7 @@ __export(ai_conversations_exports, {
   LeadInfoPanel: () => LeadInfoPanel
 });
 module.exports = __toCommonJS(ai_conversations_exports);
-var import_react3 = require("react");
+var import_react3 = __toESM(require("react"));
 var import_lucide_react4 = require("lucide-react");
 
 // src/lib/utils.ts
@@ -980,6 +980,7 @@ function ConversationListItem({
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(data.contact.name) }),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
               data.status === "needs-attention" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Flag, { className: "size-3 text-warning-text" }),
+              data.channel === "email" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Mail, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-3 text-muted-foreground" }),
               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: data.timestamp })
             ] })
           ] }),
@@ -1013,12 +1014,14 @@ function ConversationListItem({
     }
   );
 }
-function filterConversations(conversations, query, filter) {
+function filterConversations(conversations, query, filter, channelFilter) {
   const q = query.toLowerCase();
   return conversations.filter((c) => {
+    var _a;
     const matchesFilter = filter === "all" || (filter === "open" ? c.status !== "closed" : c.status === filter);
+    const matchesChannel = channelFilter === "all" || ((_a = c.channel) != null ? _a : "chat") === channelFilter;
     const matchesSearch = !q || c.contact.name.toLowerCase().includes(q) || c.lastMessage.toLowerCase().includes(q);
-    return matchesFilter && matchesSearch;
+    return matchesFilter && matchesChannel && matchesSearch;
   });
 }
 var FILTER_TABS = [
@@ -1033,15 +1036,25 @@ function ConversationList({
   activeId,
   searchQuery = "",
   activeFilter = "all",
+  channelFilter: channelFilterProp = "all",
   hasMore,
   isLoadingMore,
   onSearchChange,
   onFilterChange,
+  onChannelFilterChange,
   onSelect,
   onRead,
   onLoadMore,
   className
 }) {
+  const [channelFilter, setChannelFilter] = (0, import_react3.useState)(channelFilterProp);
+  function handleChannelFilterChange(vals) {
+    const v = vals[0];
+    if (v) {
+      setChannelFilter(v);
+      onChannelFilterChange == null ? void 0 : onChannelFilterChange(v);
+    }
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
@@ -1051,18 +1064,37 @@ function ConversationList({
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn(PANEL_HEADER_HEIGHT, "flex shrink-0 flex-col"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border-b border-border p-3 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              Input,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                Input,
+                {
+                  value: searchQuery,
+                  onChange: (e) => onSearchChange == null ? void 0 : onSearchChange(e.target.value),
+                  placeholder: "Search conversations...",
+                  className: "h-8 pl-8 text-sm"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              ToggleGroup,
               {
-                value: searchQuery,
-                onChange: (e) => onSearchChange == null ? void 0 : onSearchChange(e.target.value),
-                placeholder: "Search conversations...",
-                className: "h-8 pl-8 text-sm"
+                type: "single",
+                variant: "outline",
+                size: "sm",
+                spacing: 0,
+                value: [channelFilter],
+                onValueChange: handleChannelFilterChange,
+                className: "shrink-0",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToggleGroupItem, { value: "all", "aria-label": "All channels", children: "All" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToggleGroupItem, { value: "chat", "aria-label": "Chat", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-3.5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToggleGroupItem, { value: "email", "aria-label": "Email", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Mail, { className: "size-3.5" }) })
+                ]
               }
             )
-          ] }) }),
+          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex flex-1 items-center border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             Tabs,
             {
@@ -1092,7 +1124,8 @@ function ConversationList({
           const filtered = filterConversations(
             conversations,
             searchQuery,
-            activeFilter
+            activeFilter,
+            channelFilter
           );
           return filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2 p-8 text-muted-foreground", children: [
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-8 opacity-30" }),
@@ -1209,6 +1242,9 @@ function ChatBubble({ message, className }) {
 }
 function ChatComposer({
   mode,
+  channel: channelProp = "chat",
+  onChannelChange,
+  contactEmail = "",
   inputValue = "",
   onInputChange,
   onSend,
@@ -1216,68 +1252,234 @@ function ChatComposer({
   onLetAiHandle,
   className
 }) {
-  if (mode === "ai") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-      "div",
+  const [channel, setChannel] = import_react3.default.useState(channelProp);
+  const [emailTo, setEmailTo] = import_react3.default.useState(contactEmail);
+  const [emailCc, setEmailCc] = import_react3.default.useState("");
+  const [showCc, setShowCc] = import_react3.default.useState(false);
+  const [emailSubject, setEmailSubject] = import_react3.default.useState("");
+  const [bold, setBold] = import_react3.default.useState(false);
+  const [italic, setItalic] = import_react3.default.useState(false);
+  const [underline, setUnderline] = import_react3.default.useState(false);
+  const handleChannelChange = (c) => {
+    setChannel(c);
+    onChannelChange == null ? void 0 : onChannelChange(c);
+  };
+  function ToolbarButton({
+    label,
+    icon: Icon,
+    pressed,
+    onToggle
+  }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "button",
       {
+        type: "button",
+        "aria-label": label,
+        "aria-pressed": pressed,
+        onClick: onToggle,
         className: cn(
-          "flex items-center gap-2 border-t border-border bg-muted/30 px-4 py-2.5 text-[12px] text-muted-foreground",
-          className
+          "flex size-7 items-center justify-center transition-colors",
+          pressed ? "bg-foreground text-background" : "text-muted-foreground hover:bg-muted hover:text-foreground"
         ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Bot, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "AI is handling this conversation." }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            Button,
-            {
-              variant: "link",
-              size: "sm",
-              className: "h-auto p-0 text-[12px] font-medium text-foreground",
-              onClick: onTakeOver,
-              children: "Take Over"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "to reply directly." })
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { className: "size-3.5" })
       }
     );
   }
+  function EmailFieldRow({
+    label,
+    children
+  }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w-14 shrink-0 text-sm text-muted-foreground", children: label }),
+      children
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       className: cn(
-        "flex flex-col gap-2 border-t border-border bg-background p-3",
+        "flex flex-col border-t border-border bg-background",
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          Textarea,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          Tabs,
           {
-            value: inputValue,
-            onChange: (e) => onInputChange == null ? void 0 : onInputChange(e.target.value),
-            placeholder: "Reply to lead...",
-            rows: 3,
-            className: "resize-none text-sm"
+            value: channel,
+            onValueChange: (v) => v && handleChannelChange(v),
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(TabsList, { variant: "default", className: "w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(TabsTrigger, { value: "chat", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageSquare, { className: "size-3.5" }),
+                "Chat"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(TabsTrigger, { value: "email", className: "flex-1 gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Mail, { className: "size-3.5" }),
+                "Email"
+              ] })
+            ] })
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Bot, { className: "mr-1.5 size-3.5" }),
-            "Let AI Handle"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        ) }),
+        mode === "ai" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2 bg-muted/30 px-4 py-2.5 text-[12px] text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Bot, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "AI is handling this conversation." }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             Button,
             {
+              variant: "link",
               size: "sm",
-              onClick: () => onSend == null ? void 0 : onSend(inputValue),
-              disabled: !inputValue.trim(),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Send, { className: "mr-1.5 size-3.5" }),
-                "Send"
-              ]
+              className: "h-auto p-0 text-[12px] font-medium text-foreground",
+              onClick: onTakeOver,
+              children: "Take Over"
             }
-          )
-        ] })
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "to reply directly." })
+        ] }) : (
+          /* Email panel stays in normal flow to anchor container height;
+             chat panel is an absolute overlay so both tabs share identical dimensions */
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "div",
+              {
+                className: cn(
+                  "flex flex-col",
+                  channel !== "email" && "invisible pointer-events-none"
+                ),
+                "aria-hidden": channel !== "email",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(EmailFieldRow, { label: "To", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                      "input",
+                      {
+                        type: "email",
+                        value: emailTo,
+                        onChange: (e) => setEmailTo(e.target.value),
+                        placeholder: "Recipient email",
+                        className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setShowCc((v) => !v),
+                        className: "flex shrink-0 items-center gap-0.5 text-sm text-muted-foreground hover:text-foreground",
+                        children: [
+                          "CC",
+                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronDown, { className: "size-3.5" })
+                        ]
+                      }
+                    )
+                  ] }),
+                  showCc && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmailFieldRow, { label: "CC", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    "input",
+                    {
+                      type: "email",
+                      value: emailCc,
+                      onChange: (e) => setEmailCc(e.target.value),
+                      placeholder: "CC email",
+                      className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmailFieldRow, { label: "Subject", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    "input",
+                    {
+                      type: "text",
+                      value: emailSubject,
+                      onChange: (e) => setEmailSubject(e.target.value),
+                      placeholder: "Email subject",
+                      className: "min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground"
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    Textarea,
+                    {
+                      value: inputValue,
+                      onChange: (e) => onInputChange == null ? void 0 : onInputChange(e.target.value),
+                      placeholder: "Write your email...",
+                      rows: 6,
+                      className: "resize-y border-0 px-4 py-3 text-base shadow-none focus-visible:ring-0"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-0.5", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                        ToolbarButton,
+                        {
+                          label: "Bold",
+                          icon: import_lucide_react4.Bold,
+                          pressed: bold,
+                          onToggle: () => setBold((v) => !v)
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                        ToolbarButton,
+                        {
+                          label: "Italic",
+                          icon: import_lucide_react4.Italic,
+                          pressed: italic,
+                          onToggle: () => setItalic((v) => !v)
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                        ToolbarButton,
+                        {
+                          label: "Underline",
+                          icon: import_lucide_react4.Underline,
+                          pressed: underline,
+                          onToggle: () => setUnderline((v) => !v)
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Separator, { orientation: "vertical", className: "mx-1.5 h-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolbarButton, { label: "Link", icon: import_lucide_react4.Link2 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolbarButton, { label: "Attach file", icon: import_lucide_react4.Paperclip })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                      Button,
+                      {
+                        size: "sm",
+                        onClick: () => onSend == null ? void 0 : onSend(inputValue),
+                        disabled: !inputValue.trim() || !emailTo.trim(),
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Send, { className: "mr-1.5 size-3.5" }),
+                          "Send Email"
+                        ]
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            channel === "chat" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "absolute inset-0 flex flex-col gap-3 p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                Textarea,
+                {
+                  value: inputValue,
+                  onChange: (e) => onInputChange == null ? void 0 : onInputChange(e.target.value),
+                  placeholder: "Reply to lead...",
+                  className: "min-h-0 flex-1 resize-none text-base"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Button, { variant: "outline", size: "sm", onClick: onLetAiHandle, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Bot, { className: "mr-1.5 size-3.5" }),
+                  "Let AI Handle"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                  Button,
+                  {
+                    size: "sm",
+                    onClick: () => onSend == null ? void 0 : onSend(inputValue),
+                    disabled: !inputValue.trim(),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Send, { className: "mr-1.5 size-3.5" }),
+                      "Send"
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        )
       ]
     }
   );
@@ -1288,6 +1490,8 @@ function ChatThread({
   mode,
   messages,
   isAiTyping = false,
+  channel,
+  onChannelChange,
   inputValue,
   onInputChange,
   onSend,
@@ -1431,6 +1635,9 @@ function ChatThread({
       ChatComposer,
       {
         mode,
+        channel,
+        onChannelChange,
+        contactEmail: contact.email,
         inputValue,
         onInputChange,
         onSend,
@@ -1548,6 +1755,7 @@ function LeadInfoPanel({
   contact,
   firstSeen,
   source = "Website Chatbot",
+  topic,
   aiFields = [],
   appointment,
   internalNotes = "",
@@ -1625,7 +1833,8 @@ function LeadInfoPanel({
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ContactAvatar, { name: contact.name, size: "lg" }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "truncate text-sm font-semibold text-foreground", children: displayContactName(contact.name) }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-muted-foreground", children: source })
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-muted-foreground", children: source }),
+            topic && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Badge, { variant: "secondary", className: "mt-1 text-xs", children: topic })
           ] })
         ] }),
         (contact.email || contact.phone || firstSeen) && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mt-3 flex flex-col gap-1.5", children: [
@@ -1775,8 +1984,13 @@ function ConversationsPage({
   appointment,
   leadFirstSeen,
   leadSource,
+  leadTopic,
   searchQuery,
   activeFilter,
+  channelFilter,
+  onChannelFilterChange,
+  channel,
+  onChannelChange,
   inputValue,
   internalNotes,
   showLeadPanel = true,
@@ -1832,10 +2046,12 @@ function ConversationsPage({
             activeId: activeConversationId,
             searchQuery,
             activeFilter,
+            channelFilter,
             hasMore,
             isLoadingMore,
             onSearchChange,
             onFilterChange,
+            onChannelFilterChange,
             onSelect: handleSelectConversation,
             onRead,
             onLoadMore,
@@ -1854,6 +2070,8 @@ function ConversationsPage({
             mode,
             messages,
             isAiTyping,
+            channel,
+            onChannelChange,
             inputValue,
             onInputChange,
             onSend,
@@ -1870,7 +2088,8 @@ function ConversationsPage({
               "min-w-0 flex-1 border-r border-border",
               mobilePanel === "chat" ? "flex flex-col md:flex" : "hidden md:flex"
             )
-          }
+          },
+          contact.id
         ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "div",
           {
@@ -1901,6 +2120,7 @@ function ConversationsPage({
                   contact,
                   firstSeen: leadFirstSeen,
                   source: leadSource,
+                  topic: leadTopic,
                   aiFields,
                   appointment,
                   internalNotes,

package/dist/components/ui/ai-conversations.mjs

@@ -9,20 +9,20 @@ import {
   ConversationStatusChip,
   ConversationsPage,
   LeadInfoPanel
-} from "../../chunk-JTG5R5YV.mjs";
-import "../../chunk-HNDTLT5X.mjs";
-import "../../chunk-6SR4K5T5.mjs";
+} from "../../chunk-54TRNCID.mjs";
+import "../../chunk-H5DTKPJ2.mjs";
+import "../../chunk-3S6KVFF5.mjs";
 import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
-import "../../chunk-NCUH54IZ.mjs";
+import "../../chunk-LI2CTS5O.mjs";
 import "../../chunk-H6NQTIF4.mjs";
 import "../../chunk-WL6WVV47.mjs";
 import "../../chunk-OWFQSXVD.mjs";
 import "../../chunk-6QAFGZC2.mjs";
 import "../../chunk-LBTHZSBT.mjs";
-import "../../chunk-WDTXHLYM.mjs";
-import "../../chunk-S4CTM3UE.mjs";
+import "../../chunk-XYSRRDBH.mjs";
+import "../../chunk-FRCTOAKZ.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
 import "../../chunk-AFML43VJ.mjs";

package/dist/components/ui/alert-dialog.mjs

@@ -11,9 +11,9 @@ import {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger
-} from "../../chunk-BD3DWDT4.mjs";
-import "../../chunk-WDTXHLYM.mjs";
-import "../../chunk-S4CTM3UE.mjs";
+} from "../../chunk-CEYEK3TI.mjs";
+import "../../chunk-XYSRRDBH.mjs";
+import "../../chunk-FRCTOAKZ.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
 import "../../chunk-AFML43VJ.mjs";

package/dist/components/ui/appointment-action-dialogs.mjs

@@ -1,19 +1,19 @@
 import {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog
-} from "../../chunk-2LLFNGJZ.mjs";
+} from "../../chunk-AANINK2B.mjs";
 import "../../chunk-FRT3S72S.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
-import "../../chunk-NCUH54IZ.mjs";
+import "../../chunk-LI2CTS5O.mjs";
 import "../../chunk-WL6WVV47.mjs";
-import "../../chunk-BD3DWDT4.mjs";
-import "../../chunk-Q35PNFJ7.mjs";
-import "../../chunk-PV3Y7QGK.mjs";
+import "../../chunk-CEYEK3TI.mjs";
+import "../../chunk-FBNEIYSE.mjs";
+import "../../chunk-LHWJQNLG.mjs";
 import "../../chunk-P7CEBZM6.mjs";
 import "../../chunk-6QAFGZC2.mjs";
-import "../../chunk-WDTXHLYM.mjs";
-import "../../chunk-S4CTM3UE.mjs";
+import "../../chunk-XYSRRDBH.mjs";
+import "../../chunk-FRCTOAKZ.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
 import "../../chunk-AFML43VJ.mjs";

package/dist/components/ui/appointment-availability-settings.js

@@ -1229,7 +1229,7 @@ function TimeSelect({
       onValueChange: (v) => onChange(v),
       disabled,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-36", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-36", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, { children: (v) => selectLabel(TIME_OPTIONS, v) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectContent, { children: TIME_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
       ]
     }

package/dist/components/ui/appointment-availability-settings.mjs

@@ -2,20 +2,20 @@ import {
   AppointmentAvailabilitySettings,
   MEETING_PLATFORM_OPTIONS,
   TIMEZONE_OPTIONS
-} from "../../chunk-VJ3GC7W3.mjs";
-import "../../chunk-TAX3KL66.mjs";
+} from "../../chunk-MNMSHB2J.mjs";
+import "../../chunk-USOVLDGS.mjs";
 import "../../chunk-PNSYFE3K.mjs";
 import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-NCUH54IZ.mjs";
-import "../../chunk-BFB3UH7V.mjs";
-import "../../chunk-C6SWS7OW.mjs";
-import "../../chunk-Q35PNFJ7.mjs";
-import "../../chunk-PV3Y7QGK.mjs";
+import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-TRM3KIHT.mjs";
+import "../../chunk-HB5BKRMH.mjs";
+import "../../chunk-FBNEIYSE.mjs";
+import "../../chunk-LHWJQNLG.mjs";
 import "../../chunk-P7CEBZM6.mjs";
 import "../../chunk-LBTHZSBT.mjs";
-import "../../chunk-WDTXHLYM.mjs";
-import "../../chunk-S4CTM3UE.mjs";
+import "../../chunk-XYSRRDBH.mjs";
+import "../../chunk-FRCTOAKZ.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
 import "../../chunk-AFML43VJ.mjs";