@wealthx/shadcn 1.5.13 → 1.5.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wealthx/shadcn",
-  "version": "1.5.13",
+  "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>

package/src/components/ui/bank-statement-document-table.tsx

@@ -117,7 +117,7 @@ export function BankStatementDocumentTable({
       </div>
 
       {/* ── Table ── */}
-      <Table>
+      <Table className="table-fixed">
         <TableHeader>
           <TableRow>
             <TableHead className="w-10">
@@ -130,8 +130,8 @@ export function BankStatementDocumentTable({
               />
             </TableHead>
             <TableHead>Name</TableHead>
-            <TableHead>Type</TableHead>
-            <TableHead>Date</TableHead>
+            <TableHead className="w-36">Type</TableHead>
+            <TableHead className="w-32">Date</TableHead>
             <TableHead className="w-20">Action</TableHead>
           </TableRow>
         </TableHeader>
@@ -167,7 +167,7 @@ export function BankStatementDocumentTable({
                 <TableCell>
                   <p
                     className={cn(
-                      "text-body-medium max-w-[360px] overflow-hidden text-ellipsis whitespace-nowrap font-semibold align-bottom inline-block",
+                      "truncate text-body-medium font-semibold",
                       doc.hasDownload && doc.statementReady
                         ? "cursor-pointer text-primary hover:underline"
                         : "cursor-default",
@@ -182,8 +182,14 @@ export function BankStatementDocumentTable({
                   </p>
                 </TableCell>
 
-                <TableCell>{doc.type}</TableCell>
-                <TableCell>{doc.updatedDate}</TableCell>
+                <TableCell>
+                  <span className="truncate text-body-medium">{doc.type}</span>
+                </TableCell>
+                <TableCell>
+                  <span className="truncate text-body-medium">
+                    {doc.updatedDate}
+                  </span>
+                </TableCell>
 
                 {/* Actions */}
                 <TableCell>

package/src/components/ui/bank-statement-generate-dialog.tsx

@@ -402,15 +402,15 @@ export function BankStatementGenerateDialog({
                               />
                             </TableCell>
                             <TableCell>
-                              <div className="flex items-center gap-2">
+                              <div className="flex min-w-0 items-center gap-2">
                                 {account.institutionLogo && (
                                   <img
                                     src={account.institutionLogo}
                                     alt={account.institutionName ?? ""}
-                                    className="size-8 object-cover"
+                                    className="size-8 shrink-0 object-cover"
                                   />
                                 )}
-                                <span className="text-body-medium font-semibold">
+                                <span className="truncate text-body-medium font-semibold">
                                   {account.name ||
                                     account.institutionName ||
                                     "—"}
@@ -418,17 +418,17 @@ export function BankStatementGenerateDialog({
                               </div>
                             </TableCell>
                             <TableCell>
-                              <span className="text-body-medium">
+                              <span className="truncate text-body-medium">
                                 {account.accountNo ?? "—"}
                               </span>
                             </TableCell>
                             <TableCell>
-                              <span className="text-body-medium">
+                              <span className="truncate text-body-medium">
                                 {periodLabel}
                               </span>
                             </TableCell>
                             <TableCell>
-                              <span className="text-body-medium">
+                              <span className="truncate text-body-medium">
                                 {account.lastUpdated
                                   ? format(
                                       parseISO(account.lastUpdated),

package/src/components/ui/bank-statement-pdf-viewer.tsx

@@ -143,8 +143,8 @@ export function BankStatementPDFViewer({
         data-slot="bank-statement-pdf-viewer"
       >
         {/* Navigation bar */}
-        <div className="flex shrink-0 items-center justify-between border-b border-border px-3 py-2">
-          <div className="flex items-center gap-2">
+        <div className="flex min-w-0 shrink-0 items-center justify-between border-b border-border px-3 py-2">
+          <div className="flex min-w-0 items-center gap-2">
             <Button
               variant="ghost"
               size="icon-sm"
@@ -155,7 +155,7 @@ export function BankStatementPDFViewer({
               <ChevronLeft className="size-4" />
             </Button>
 
-            <span className="text-body-medium tabular-nums">
+            <span className="shrink-0 text-body-medium tabular-nums">
               Account {currentAccountIndex + 1} of {accounts.length}
             </span>
 
@@ -169,7 +169,7 @@ export function BankStatementPDFViewer({
               <ChevronRight className="size-4" />
             </Button>
 
-            <span className="ml-2 text-body-medium text-muted-foreground">
+            <span className="ml-2 min-w-0 truncate text-body-medium text-muted-foreground">
               {accountLabel}
             </span>
           </div>