hazo_chat 2.0.15 → 2.1.0

package/dist/components/ui/avatar.js

@@ -0,0 +1,28 @@
+/**
+ * Avatar Component (shadcn/ui style)
+ *
+ * A user avatar component with image and fallback support.
+ * Uses @radix-ui/react-avatar for accessibility.
+ */
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cn } from '../../lib/utils.js';
+// ============================================================================
+// Avatar Root
+// ============================================================================
+const Avatar = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className), ...props })));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+// ============================================================================
+// Avatar Image
+// ============================================================================
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn('aspect-square h-full w-full', className), ...props })));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+// ============================================================================
+// Avatar Fallback
+// ============================================================================
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: cn('flex h-full w-full items-center justify-center rounded-full bg-muted', className), ...props })));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.js.map

package/dist/components/ui/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,+EAA+E;AAC/E,cAAc;AACd,+EAA+E;AAE/E,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,+EAA+E;AAC/E,eAAe;AACf,+EAA+E;AAE/E,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC;AAE5D,+EAA+E;AAC/E,kBAAkB;AAClB,+EAA+E;AAE/E,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,eAAe,CAAC,QAAQ,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sEAAsE,EACtE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/badge.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Badge Component (shadcn/ui style)
+ *
+ * A badge component for status indicators and labels.
+ * Uses class-variance-authority for variant management.
+ */
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const badge_variants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badge_variants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badge_variants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,cAAc;;8EAsBnB,CAAC;AAMF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAM1C,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/badge.js

@@ -0,0 +1,36 @@
+/**
+ * Badge Component (shadcn/ui style)
+ *
+ * A badge component for status indicators and labels.
+ * Uses class-variance-authority for variant management.
+ */
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+// ============================================================================
+// Badge Variants
+// ============================================================================
+const badge_variants = cva('inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
+    variants: {
+        variant: {
+            default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+            secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+            outline: 'text-foreground',
+            success: 'border-transparent bg-green-500 text-white hover:bg-green-600',
+            warning: 'border-transparent bg-yellow-500 text-white hover:bg-yellow-600',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+// ============================================================================
+// Component
+// ============================================================================
+function Badge({ className, variant, ...props }) {
+    return (_jsx("div", { className: cn(badge_variants({ variant }), className), ...props }));
+}
+export { Badge, badge_variants };
+//# sourceMappingURL=badge.js.map

package/dist/components/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E,MAAM,cAAc,GAAG,GAAG,CACxB,wKAAwK,EACxK;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,2EAA2E;YAC7E,SAAS,EACP,iFAAiF;YACnF,WAAW,EACT,uFAAuF;YACzF,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EACL,+DAA+D;YACjE,OAAO,EACL,iEAAiE;SACpE;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAUF,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IACzD,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1E,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Button Component (shadcn/ui style)
+ *
+ * A versatile button component with multiple variants and sizes.
+ * Uses class-variance-authority for variant management.
+ */
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const button_variants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof button_variants> {
+    as_child?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, button_variants };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,eAAe;;;8EAwBpB,CAAC;AAMF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,QAAA,MAAM,MAAM,uFAWX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ui/button.js

@@ -0,0 +1,47 @@
+/**
+ * Button Component (shadcn/ui style)
+ *
+ * A versatile button component with multiple variants and sizes.
+ * Uses class-variance-authority for variant management.
+ */
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+// ============================================================================
+// Button Variants
+// ============================================================================
+const button_variants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+            outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+            default: 'h-10 px-4 py-2',
+            sm: 'h-9 rounded-md px-3',
+            lg: 'h-11 rounded-md px-8',
+            icon: 'h-10 w-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+// ============================================================================
+// Component
+// ============================================================================
+const Button = React.forwardRef(({ className, variant, size, as_child = false, ...props }, ref) => {
+    const Comp = as_child ? Slot : 'button';
+    return (_jsx(Comp, { className: cn(button_variants({ variant, size, className })), ref: ref, ...props }));
+});
+Button.displayName = 'Button';
+export { Button, button_variants };
+//# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,+EAA+E;AAC/E,kBAAkB;AAClB,+EAA+E;AAE/E,MAAM,eAAe,GAAG,GAAG,CACzB,0VAA0V,EAC1V;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wDAAwD;YACjE,WAAW,EAAE,oEAAoE;YACjF,OAAO,EAAE,gFAAgF;YACzF,SAAS,EAAE,8DAA8D;YACzE,KAAK,EAAE,8CAA8C;YACrD,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,sBAAsB;YAC1B,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAYF,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACxC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAC5D,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ui/chat_bubble.d.ts

@@ -0,0 +1,18 @@
+/**
+ * ChatBubble Component
+ *
+ * Renders a single chat message bubble with:
+ * - Profile picture (using Avatar)
+ * - Message text (or deleted placeholder)
+ * - Timestamp with timezone formatting
+ * - Delete option for sender's messages (using Button)
+ * - Reference/attachment icons
+ *
+ * Uses shadcn/ui Avatar, Button, Tooltip, and HoverCard components.
+ */
+import type { ChatBubbleProps } from '../../types/index.js';
+export declare function ChatBubble({ message, is_sender, sender_profile, timezone, on_delete, on_reference_click, is_highlighted, show_delete_button, bubble_radius, className }: ChatBubbleProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatBubble {
+    var displayName: string;
+}
+//# sourceMappingURL=chat_bubble.d.ts.map

package/dist/components/ui/chat_bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat_bubble.d.ts","sourceRoot":"","sources":["../../../src/components/ui/chat_bubble.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAcH,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,sBAAsB,CAAC;AAuF/E,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,SAAS,EACT,cAAc,EACd,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,cAAsB,EACtB,kBAAyB,EACzB,aAAyB,EACzB,SAAS,EACV,EAAE,eAAe,2CAmSjB;yBA9Se,UAAU"}

package/dist/components/ui/chat_bubble.js

@@ -0,0 +1,130 @@
+/**
+ * ChatBubble Component
+ *
+ * Renders a single chat message bubble with:
+ * - Profile picture (using Avatar)
+ * - Message text (or deleted placeholder)
+ * - Timestamp with timezone formatting
+ * - Delete option for sender's messages (using Button)
+ * - Reference/attachment icons
+ *
+ * Uses shadcn/ui Avatar, Button, Tooltip, and HoverCard components.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { format } from 'date-fns';
+import { toZonedTime } from 'date-fns-tz';
+import { IoTrashOutline, IoDocumentAttachSharp, IoCheckmarkDoneSharp, IoCheckmark } from 'react-icons/io5';
+import { cn } from '../../lib/utils.js';
+import { DELETED_MESSAGE_PLACEHOLDER } from '../../lib/constants.js';
+import { Avatar, AvatarImage, AvatarFallback } from './avatar.js';
+import { Button } from './button.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from './tooltip.js';
+import { HoverCard, HoverCardContent, HoverCardTrigger } from './hover-card.js';
+// ============================================================================
+// Helper Functions
+// ============================================================================
+/**
+ * Check if a date is today
+ */
+function is_today(date) {
+    const today = new Date();
+    return (date.getDate() === today.getDate() &&
+        date.getMonth() === today.getMonth() &&
+        date.getFullYear() === today.getFullYear());
+}
+/**
+ * Format timestamp with timezone (short format for display)
+ * Includes date prefix in dd/MMM format if message is from a previous day
+ */
+function format_timestamp(timestamp, timezone) {
+    try {
+        const date = new Date(timestamp);
+        const zoned_date = toZonedTime(date, timezone);
+        // Check if message is from today
+        if (is_today(zoned_date)) {
+            return format(zoned_date, 'HH:mm');
+        }
+        else {
+            // Include date prefix for messages before today
+            return format(zoned_date, 'dd/MMM HH:mm');
+        }
+    }
+    catch {
+        const date = new Date(timestamp);
+        if (is_today(date)) {
+            return format(date, 'HH:mm');
+        }
+        else {
+            return format(date, 'dd/MMM HH:mm');
+        }
+    }
+}
+/**
+ * Format full timestamp with timezone (for hovercard display)
+ */
+function format_full_timestamp(timestamp, timezone) {
+    try {
+        const date = new Date(timestamp);
+        const zoned_date = toZonedTime(date, timezone);
+        return format(zoned_date, 'PPpp'); // Full date and time format
+    }
+    catch {
+        return format(new Date(timestamp), 'PPpp');
+    }
+}
+/**
+ * Get initials from name
+ */
+function get_initials(name) {
+    if (!name)
+        return '?';
+    return name
+        .split(' ')
+        .map((part) => part[0])
+        .join('')
+        .substring(0, 2)
+        .toUpperCase();
+}
+// ============================================================================
+// Component
+// ============================================================================
+export function ChatBubble({ message, is_sender, sender_profile, timezone, on_delete, on_reference_click, is_highlighted = false, show_delete_button = true, bubble_radius = 'default', className }) {
+    const [show_delete_confirm, set_show_delete_confirm] = useState(false);
+    const is_deleted = message.deleted_at !== null;
+    const display_text = is_deleted ? DELETED_MESSAGE_PLACEHOLDER : message.message_text;
+    const has_references = message.reference_list && message.reference_list.length > 0;
+    // Handle delete click
+    const handle_delete_click = useCallback(() => {
+        if (show_delete_confirm) {
+            on_delete?.();
+            set_show_delete_confirm(false);
+        }
+        else {
+            set_show_delete_confirm(true);
+            // Auto-hide after 3 seconds
+            setTimeout(() => set_show_delete_confirm(false), 3000);
+        }
+    }, [show_delete_confirm, on_delete]);
+    // Handle reference click
+    const handle_reference_click = useCallback((reference) => {
+        on_reference_click?.(reference);
+    }, [on_reference_click]);
+    return (_jsxs("div", { className: cn('cls_chat_bubble_wrapper', 'flex w-full mb-4 group', is_sender ? 'justify-end' : 'justify-start', is_highlighted && 'animate-pulse bg-primary/5 -mx-2 px-2 py-1 rounded-lg', className), id: `message-${message.id}`, children: [!is_sender && (_jsxs(HoverCard, { children: [_jsx(HoverCardTrigger, { asChild: true, children: _jsxs(Avatar, { className: "cls_bubble_avatar h-8 w-8 mr-2 flex-shrink-0 cursor-pointer", children: [_jsx(AvatarImage, { src: sender_profile?.avatar_url, alt: `${sender_profile?.name || 'User'} avatar` }), _jsx(AvatarFallback, { className: "text-xs", children: get_initials(sender_profile?.name) })] }) }), _jsx(HoverCardContent, { className: "w-80", side: "right", align: "start", children: _jsxs("div", { className: "cls_hovercard_content flex flex-col gap-4", children: [sender_profile && (_jsxs("div", { className: "cls_profile_info flex items-center gap-3", children: [_jsxs(Avatar, { className: "cls_hovercard_avatar h-12 w-12", children: [_jsx(AvatarImage, { src: sender_profile.avatar_url, alt: `${sender_profile.name} avatar` }), _jsx(AvatarFallback, { children: get_initials(sender_profile.name) })] }), _jsxs("div", { className: "cls_profile_details flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-semibold", children: sender_profile.name }), sender_profile.email && (_jsx("span", { className: "text-xs text-muted-foreground", children: sender_profile.email }))] })] })), _jsx("div", { className: "cls_divider border-t border-border" }), _jsxs("div", { className: "cls_sent_info flex flex-col gap-1", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Sent" }), _jsx("span", { className: "text-sm font-semibold", children: format_full_timestamp(message.created_at, timezone) })] }), message.read_at && (_jsxs("div", { className: "cls_read_info flex flex-col gap-1", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Read" }), _jsx("span", { className: "text-sm font-semibold text-green-600 dark:text-green-400", children: format_full_timestamp(message.read_at, timezone) })] })), !message.read_at && (_jsxs("div", { className: "cls_read_info flex flex-col gap-1", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Read" }), _jsx("span", { className: "text-sm font-medium text-muted-foreground italic", children: "Not read yet" })] }))] }) })] })), _jsxs("div", { className: "cls_bubble_content flex flex-col max-w-[70%]", children: [!is_sender && sender_profile?.name && (_jsx("span", { className: "cls_bubble_sender text-xs text-muted-foreground mb-1 ml-1", children: sender_profile.name })), _jsxs("div", { className: cn('cls_bubble', 'px-4 py-2 relative', 
+                        // Background colors
+                        is_sender
+                            ? 'bg-primary text-primary-foreground'
+                            : 'bg-muted text-foreground', 
+                        // Bubble radius styling
+                        bubble_radius === 'full'
+                            ? 'rounded-2xl' // Fully round all corners (1rem = 16px)
+                            : is_sender
+                                ? 'rounded-[16px_16px_6px_16px]' // Default sender style
+                                : 'rounded-[16px_16px_16px_6px]', // Default receiver style
+                        is_deleted && 'opacity-60 italic'), children: [_jsx("p", { className: "cls_bubble_text text-sm whitespace-pre-wrap break-words", children: display_text }), has_references && !is_deleted && (_jsx("div", { className: "cls_bubble_references flex flex-wrap gap-1 mt-2 pt-2 border-t border-current/10", children: message.reference_list?.map((ref) => (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => handle_reference_click(ref), className: cn('cls_bubble_reference_btn', 'h-6 px-2 text-xs', is_sender
+                                        ? 'hover:bg-primary-foreground/20'
+                                        : 'hover:bg-background/50'), children: [_jsx(IoDocumentAttachSharp, { className: "w-3 h-3 mr-1" }), _jsx("span", { className: "truncate max-w-[100px]", children: ref.name })] }, ref.id))) })), show_delete_button && is_sender && !is_deleted && on_delete && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: show_delete_confirm ? 'destructive' : 'ghost', size: "icon", onClick: handle_delete_click, className: cn('cls_bubble_delete_btn', 'absolute -left-8 top-1/2 -translate-y-1/2', 'w-6 h-6', 'opacity-0 group-hover:opacity-100 transition-opacity'), children: _jsx(IoTrashOutline, { className: "w-3.5 h-3.5" }) }) }), _jsx(TooltipContent, { children: show_delete_confirm ? 'Click again to confirm' : 'Delete message' })] }))] }), _jsxs("div", { className: cn('cls_bubble_meta', 'flex items-center gap-1 mt-1', is_sender ? 'justify-end mr-1' : 'ml-1'), style: { flexDirection: 'row' }, children: [_jsx("span", { className: "cls_bubble_time text-xs text-muted-foreground", children: format_timestamp(message.created_at, timezone) }), is_sender && (_jsxs(_Fragment, { children: [message.read_at && (_jsx(IoCheckmarkDoneSharp, { className: "h-4 w-4 text-green-500 flex-shrink-0" })), !message.read_at && (_jsx(IoCheckmark, { className: "h-4 w-4 text-muted-foreground flex-shrink-0" }))] }))] })] }), is_sender && (_jsxs(HoverCard, { children: [_jsx(HoverCardTrigger, { asChild: true, children: _jsxs(Avatar, { className: "cls_bubble_avatar h-8 w-8 ml-2 flex-shrink-0 cursor-pointer", children: [_jsx(AvatarImage, { src: sender_profile?.avatar_url, alt: "Your avatar" }), _jsx(AvatarFallback, { className: "text-xs bg-primary/20 text-primary", children: get_initials(sender_profile?.name) })] }) }), _jsx(HoverCardContent, { className: "w-80", side: "left", align: "start", children: _jsxs("div", { className: "cls_hovercard_content flex flex-col gap-4", children: [sender_profile && (_jsxs("div", { className: "cls_profile_info flex items-center gap-3", children: [_jsxs(Avatar, { className: "cls_hovercard_avatar h-12 w-12", children: [_jsx(AvatarImage, { src: sender_profile.avatar_url, alt: `${sender_profile.name} avatar` }), _jsx(AvatarFallback, { children: get_initials(sender_profile.name) })] }), _jsxs("div", { className: "cls_profile_details flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-semibold", children: sender_profile.name }), sender_profile.email && (_jsx("span", { className: "text-xs text-muted-foreground", children: sender_profile.email }))] })] })), _jsx("div", { className: "cls_divider border-t border-border" }), _jsxs("div", { className: "cls_sent_info flex flex-col gap-1", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Sent" }), _jsx("span", { className: "text-sm font-semibold", children: format_full_timestamp(message.created_at, timezone) })] }), message.read_at && (_jsxs("div", { className: "cls_read_info flex flex-col gap-1", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Read" }), _jsx("span", { className: "text-sm font-semibold text-green-600 dark:text-green-400", children: format_full_timestamp(message.read_at, timezone) })] })), !message.read_at && (_jsxs("div", { className: "cls_read_info flex flex-col gap-1", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Read" }), _jsx("span", { className: "text-sm font-medium text-muted-foreground italic", children: "Not read yet" })] }))] }) })] }))] }));
+}
+ChatBubble.displayName = 'ChatBubble';
+//# sourceMappingURL=chat_bubble.js.map

package/dist/components/ui/chat_bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat_bubble.js","sourceRoot":"","sources":["../../../src/components/ui/chat_bubble.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/hover-card.d.ts

@@ -0,0 +1,13 @@
+/**
+ * HoverCard Component
+ *
+ * A popup card that appears when hovering over a trigger element.
+ * Used to show additional information like user profiles on hover.
+ */
+import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/components/ui/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hover-card.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AAGjE,QAAA,MAAM,SAAS,6CAA0B,CAAC;AAE1C,QAAA,MAAM,gBAAgB,oHAA6B,CAAC;AAEpD,QAAA,MAAM,gBAAgB,oKAcpB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/hover-card.js

@@ -0,0 +1,17 @@
+/**
+ * HoverCard Component
+ *
+ * A popup card that appears when hovering over a trigger element.
+ * Used to show additional information like user profiles on hover.
+ */
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import { cn } from '../../lib/utils.js';
+const HoverCard = HoverCardPrimitive.Root;
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+const HoverCardContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(HoverCardPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props })));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+export { HoverCard, HoverCardTrigger, HoverCardContent };
+//# sourceMappingURL=hover-card.js.map

package/dist/components/ui/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/components/ui/hover-card.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC;AAE1C,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,OAAO,CAAC;AAEpD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,KAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,4aAA4a,EAC5a,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * UI components barrel export file
+ *
+ * Exports reusable UI components from the hazo_chat package.
+ * All export paths use explicit .js extensions for ES module compatibility.
+ */
+export { Button, button_variants, type ButtonProps } from './button.js';
+export { Input, type InputProps } from './input.js';
+export { Textarea, type TextareaProps } from './textarea.js';
+export { Avatar, AvatarImage, AvatarFallback } from './avatar.js';
+export { Skeleton } from './skeleton.js';
+export { ScrollArea, ScrollBar } from './scroll-area.js';
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './tooltip.js';
+export { HoverCard, HoverCardTrigger, HoverCardContent } from './hover-card.js';
+export { Separator } from './separator.js';
+export { Badge, badge_variants, type BadgeProps } from './badge.js';
+export { ChatBubble } from './chat_bubble.js';
+export { LoadingSkeleton } from './loading_skeleton.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACxF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAGpE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/ui/index.js

@@ -0,0 +1,21 @@
+/**
+ * UI components barrel export file
+ *
+ * Exports reusable UI components from the hazo_chat package.
+ * All export paths use explicit .js extensions for ES module compatibility.
+ */
+// Shadcn-style components
+export { Button, button_variants } from './button.js';
+export { Input } from './input.js';
+export { Textarea } from './textarea.js';
+export { Avatar, AvatarImage, AvatarFallback } from './avatar.js';
+export { Skeleton } from './skeleton.js';
+export { ScrollArea, ScrollBar } from './scroll-area.js';
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './tooltip.js';
+export { HoverCard, HoverCardTrigger, HoverCardContent } from './hover-card.js';
+export { Separator } from './separator.js';
+export { Badge, badge_variants } from './badge.js';
+// Chat-specific components
+export { ChatBubble } from './chat_bubble.js';
+export { LoadingSkeleton } from './loading_skeleton.js';
+//# sourceMappingURL=index.js.map

package/dist/components/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,0BAA0B;AAC1B,OAAO,EAAE,MAAM,EAAE,eAAe,EAAoB,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACxF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,cAAc,EAAmB,MAAM,YAAY,CAAC;AAEpE,2BAA2B;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/ui/input.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Input Component (shadcn/ui style)
+ *
+ * A styled text input component with consistent styling.
+ */
+import * as React from 'react';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/components/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAMxD,QAAA,MAAM,KAAK,qFAcV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/input.js

@@ -0,0 +1,18 @@
+/**
+ * Input Component (shadcn/ui style)
+ *
+ * A styled text input component with consistent styling.
+ */
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+// ============================================================================
+// Component
+// ============================================================================
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+    return (_jsx("input", { type: type, className: cn('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className), ref: ref, ...props }));
+});
+Input.displayName = 'Input';
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/components/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AASxC,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrC,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,mXAAmX,EACnX,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/loading_skeleton.d.ts

@@ -0,0 +1,19 @@
+/**
+ * LoadingSkeleton Component
+ *
+ * Pre-built loading skeleton layouts for the chat interface.
+ * Uses the shadcn-style Skeleton component.
+ */
+export interface LoadingSkeletonProps {
+    /** Number of skeleton rows to display */
+    count?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Type of skeleton layout */
+    variant?: 'message' | 'reference' | 'profile';
+}
+export declare function LoadingSkeleton({ count, className, variant }: LoadingSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace LoadingSkeleton {
+    var displayName: string;
+}
+//# sourceMappingURL=loading_skeleton.d.ts.map

package/dist/components/ui/loading_skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading_skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/loading_skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;CAC/C;AAMD,wBAAgB,eAAe,CAAC,EAC9B,KAAS,EACT,SAAS,EACT,OAAmB,EACpB,EAAE,oBAAoB,2CA8DtB;yBAlEe,eAAe"}

package/dist/components/ui/loading_skeleton.js

@@ -0,0 +1,30 @@
+/**
+ * LoadingSkeleton Component
+ *
+ * Pre-built loading skeleton layouts for the chat interface.
+ * Uses the shadcn-style Skeleton component.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+import { Skeleton } from './skeleton.js';
+// ============================================================================
+// Component
+// ============================================================================
+export function LoadingSkeleton({ count = 3, className, variant = 'message' }) {
+    const render_skeleton = () => {
+        switch (variant) {
+            case 'message':
+                return (_jsx(_Fragment, { children: Array.from({ length: count }).map((_, index) => (_jsxs("div", { className: cn('cls_skeleton_message flex gap-2 mb-4', index % 2 === 0 ? 'justify-start' : 'justify-end'), children: [index % 2 === 0 && (_jsx(Skeleton, { className: "h-8 w-8 rounded-full" })), _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-[200px]" }), _jsx(Skeleton, { className: "h-4 w-[150px]" })] }), index % 2 !== 0 && (_jsx(Skeleton, { className: "h-8 w-8 rounded-full" }))] }, index))) }));
+            case 'reference':
+                return (_jsx(_Fragment, { children: Array.from({ length: count }).map((_, index) => (_jsxs("div", { className: "cls_skeleton_reference flex items-center gap-2 p-2", children: [_jsx(Skeleton, { className: "h-6 w-6 rounded" }), _jsx(Skeleton, { className: "h-4 w-[100px]" })] }, index))) }));
+            case 'profile':
+                return (_jsxs("div", { className: "cls_skeleton_profile flex items-center gap-3", children: [_jsx(Skeleton, { className: "h-10 w-10 rounded-full" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-[120px]" }), _jsx(Skeleton, { className: "h-3 w-[80px]" })] })] }));
+            default:
+                return null;
+        }
+    };
+    return (_jsx("div", { className: cn('cls_loading_skeleton', className), children: render_skeleton() }));
+}
+LoadingSkeleton.displayName = 'LoadingSkeleton';
+//# sourceMappingURL=loading_skeleton.js.map

package/dist/components/ui/loading_skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading_skeleton.js","sourceRoot":"","sources":["../../../src/components/ui/loading_skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAezC,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,GAAG,CAAC,EACT,SAAS,EACT,OAAO,GAAG,SAAS,EACE;IACrB,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO,CACL,4BACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,eAEE,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAClD,aAEA,KAAK,GAAG,CAAC,KAAK,CAAC,IAAI,CAClB,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAC9C,EACD,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,EACtC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,IAClC,EACL,KAAK,GAAG,CAAC,KAAK,CAAC,IAAI,CAClB,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAC9C,KAfI,KAAK,CAgBN,CACP,CAAC,GACD,CACJ,CAAC;YAEJ,KAAK,WAAW;gBACd,OAAO,CACL,4BACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,eAAiB,SAAS,EAAC,oDAAoD,aAC7E,KAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACxC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,KAF9B,KAAK,CAGT,CACP,CAAC,GACD,CACJ,CAAC;YAEJ,KAAK,SAAS;gBACZ,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,QAAQ,IAAC,SAAS,EAAC,wBAAwB,GAAG,EAC/C,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,EACtC,KAAC,QAAQ,IAAC,SAAS,EAAC,cAAc,GAAG,IACjC,IACF,CACP,CAAC;YAEJ;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,YAClD,eAAe,EAAE,GACd,CACP,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/components/ui/scroll-area.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ScrollArea Component (shadcn/ui style)
+ *
+ * A scrollable container with custom scrollbar styling.
+ * Uses @radix-ui/react-scroll-area for accessibility.
+ */
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/ui/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAOnE,QAAA,MAAM,UAAU,+JAed,CAAC;AAQH,QAAA,MAAM,SAAS,wKAmBb,CAAC;AAIH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/ui/scroll-area.js

@@ -0,0 +1,25 @@
+/**
+ * ScrollArea Component (shadcn/ui style)
+ *
+ * A scrollable container with custom scrollbar styling.
+ * Uses @radix-ui/react-scroll-area for accessibility.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from '../../lib/utils.js';
+// ============================================================================
+// ScrollArea Root
+// ============================================================================
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn('relative overflow-hidden', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+// ============================================================================
+// ScrollBar
+// ============================================================================
+const ScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn('flex touch-none select-none transition-colors', orientation === 'vertical' &&
+        'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' &&
+        'h-2.5 flex-col border-t border-t-transparent p-[1px]', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" }) })));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/ui/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,+EAA+E;AAC/E,kBAAkB;AAClB,+EAA+E;AAE/E,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,MAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,YACtE,QAAQ,GACoB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACL,CAC5B,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5D,KAAC,mBAAmB,CAAC,mBAAmB,IACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,WAAW,KAAK,UAAU;QACxB,oDAAoD,EACtD,WAAW,KAAK,YAAY;QAC1B,sDAAsD,EACxD,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,IAAC,SAAS,EAAC,wCAAwC,GAAG,GAClD,CAC3C,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,WAAW,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}