@wealthx/shadcn 1.5.14 → 1.5.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wealthx/shadcn",
-  "version": "1.5.14",
+  "version": "1.5.15",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/ui/ai-conversations.tsx

@@ -19,6 +19,7 @@ import {
   MapPin,
   MessageSquare,
   MoreHorizontal,
+  Navigation,
   Paperclip,
   Phone,
   PhoneCall,
@@ -154,6 +155,8 @@ export interface AiConvDataField {
 export interface AiConvAppointmentData {
   datetime: string;
   meetingType: AiConvMeetingType;
+  /** Meeting link (video), phone number (phone), or address (in-person). */
+  meetingDetail?: string;
   status: "requested" | "confirmed" | "pending" | "cancelled";
 }
 
@@ -1298,6 +1301,12 @@ const MEETING_LABEL: Record<AiConvMeetingType, string> = {
   "in-person": "In Person",
 };
 
+const MEETING_DETAIL_ICON: Record<AiConvMeetingType, React.ElementType> = {
+  video: Link2,
+  phone: PhoneCall,
+  "in-person": Navigation,
+};
+
 interface AppointmentSectionProps {
   appointment: AiConvAppointmentData;
   contactId: string;
@@ -1307,6 +1316,36 @@ interface AppointmentSectionProps {
   onRescheduleAppointment?: (contactId: string) => void;
 }
 
+function MeetingDetailRow({
+  meetingType,
+  detail,
+}: {
+  meetingType: AiConvMeetingType;
+  detail: string;
+}) {
+  const DetailIcon = MEETING_DETAIL_ICON[meetingType];
+  const isLink = detail.startsWith("http");
+  return (
+    <div className="flex items-center gap-2">
+      <DetailIcon className="size-4 shrink-0 text-muted-foreground" />
+      {isLink ? (
+        <a
+          href={detail}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-sm text-primary underline underline-offset-2 break-all hover:text-primary/80"
+        >
+          {detail}
+        </a>
+      ) : (
+        <span className="text-sm text-muted-foreground break-all">
+          {detail}
+        </span>
+      )}
+    </div>
+  );
+}
+
 function AppointmentSection({
   appointment,
   contactId,
@@ -1332,6 +1371,12 @@ function AppointmentSection({
           {MEETING_LABEL[appointment.meetingType]}
         </span>
       </div>
+      {appointment.meetingDetail && (
+        <MeetingDetailRow
+          meetingType={appointment.meetingType}
+          detail={appointment.meetingDetail}
+        />
+      )}
       <span
         className={cn("text-sm font-medium", {
           "text-warning-text": appointment.status === "requested",

package/src/components/ui/appointment-book-dialog.tsx

@@ -612,7 +612,7 @@ export function AppointmentBookDialog({
 
             <Separator />
 
-            <div className="flex flex-col gap-4">
+            <div className="flex flex-col gap-4 overflow-y-auto max-h-[calc(90vh-200px)]">
               {!isClientMode && (
                 <div className="flex flex-col gap-1.5">
                   <Label>Client</Label>