hazo_chat 2.0.2 → 2.0.3

package/dist/components/hazo_chat/hazo_chat_input.js

@@ -0,0 +1,134 @@
+/**
+ * HazoChatInput Component
+ *
+ * Message input area with:
+ * - Text input (auto-resizing textarea)
+ * - File attachment buttons
+ * - Drag-and-drop support
+ * - Send button
+ * - Attachment preview
+ *
+ * Uses shadcn/ui Textarea, Button, and Tooltip components.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useCallback } from 'react';
+import { IoSend, IoAttach, IoImageOutline } from 'react-icons/io5';
+import { cn } from '../../lib/utils.js';
+import { HazoChatAttachmentPreview } from './hazo_chat_attachment_preview.js';
+import { Button } from '../ui/button.js';
+import { Textarea } from '../ui/textarea.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip.js';
+// ============================================================================
+// Component
+// ============================================================================
+export function HazoChatInput({ on_send, pending_attachments, on_add_attachment, on_remove_attachment, is_disabled = false, placeholder = 'Type a message...', className }) {
+    const [message, set_message] = useState('');
+    const [is_dragging, set_is_dragging] = useState(false);
+    const textarea_ref = useRef(null);
+    const file_input_ref = useRef(null);
+    const image_input_ref = useRef(null);
+    // -------------------------------------------------------------------------
+    // Auto-resize textarea
+    // -------------------------------------------------------------------------
+    const resize_textarea = useCallback(() => {
+        const textarea = textarea_ref.current;
+        if (!textarea)
+            return;
+        textarea.style.height = 'auto';
+        textarea.style.height = `${Math.min(textarea.scrollHeight, 120)}px`;
+    }, []);
+    // -------------------------------------------------------------------------
+    // Handle text change
+    // -------------------------------------------------------------------------
+    const handle_change = useCallback((e) => {
+        set_message(e.target.value);
+        resize_textarea();
+    }, [resize_textarea]);
+    // -------------------------------------------------------------------------
+    // Handle send
+    // -------------------------------------------------------------------------
+    const handle_send = useCallback(() => {
+        const trimmed = message.trim();
+        const has_attachments = pending_attachments.length > 0;
+        if (!trimmed && !has_attachments)
+            return;
+        if (is_disabled)
+            return;
+        // Convert pending attachments to uploaded files format
+        const uploaded_files = pending_attachments
+            .filter((a) => a.upload_status === 'uploaded' || a.upload_status === 'pending')
+            .map((a) => ({
+            id: a.id,
+            name: a.file.name,
+            url: '', // Will be filled after upload
+            mime_type: a.file.type,
+            file_size: a.file.size
+        }));
+        on_send(trimmed, uploaded_files);
+        set_message('');
+        // Reset textarea height
+        if (textarea_ref.current) {
+            textarea_ref.current.style.height = 'auto';
+        }
+    }, [message, pending_attachments, is_disabled, on_send]);
+    // -------------------------------------------------------------------------
+    // Handle keyboard events
+    // -------------------------------------------------------------------------
+    const handle_key_down = useCallback((e) => {
+        // Send on Enter without Shift
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            handle_send();
+        }
+    }, [handle_send]);
+    // -------------------------------------------------------------------------
+    // Handle file selection
+    // -------------------------------------------------------------------------
+    const handle_file_change = useCallback((e) => {
+        const files = Array.from(e.target.files || []);
+        if (files.length > 0) {
+            on_add_attachment(files);
+        }
+        // Reset input
+        e.target.value = '';
+    }, [on_add_attachment]);
+    // -------------------------------------------------------------------------
+    // Handle drag events
+    // -------------------------------------------------------------------------
+    const handle_drag_over = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        set_is_dragging(true);
+    }, []);
+    const handle_drag_leave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        set_is_dragging(false);
+    }, []);
+    const handle_drop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        set_is_dragging(false);
+        const files = Array.from(e.dataTransfer.files);
+        if (files.length > 0) {
+            on_add_attachment(files);
+        }
+    }, [on_add_attachment]);
+    // -------------------------------------------------------------------------
+    // Trigger file inputs
+    // -------------------------------------------------------------------------
+    const handle_attach_click = useCallback(() => {
+        file_input_ref.current?.click();
+    }, []);
+    const handle_image_click = useCallback(() => {
+        image_input_ref.current?.click();
+    }, []);
+    // -------------------------------------------------------------------------
+    // Check if can send
+    // -------------------------------------------------------------------------
+    const can_send = !is_disabled && (message.trim().length > 0 || pending_attachments.length > 0);
+    return (_jsxs("div", { className: cn('cls_hazo_chat_input', 'flex flex-col border-t bg-background', is_dragging && 'ring-2 ring-primary ring-inset', className), onDragOver: handle_drag_over, onDragLeave: handle_drag_leave, onDrop: handle_drop, children: [_jsx(HazoChatAttachmentPreview, { attachments: pending_attachments, on_remove: on_remove_attachment }), _jsxs("div", { className: "cls_input_row flex items-end gap-2 p-3", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", onClick: handle_attach_click, disabled: is_disabled, className: "cls_attach_btn h-12 w-12 text-muted-foreground hover:text-foreground", "aria-label": "Attach file", children: _jsx(IoAttach, { className: "w-8 h-8" }) }) }), _jsx(TooltipContent, { children: "Attach file" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", onClick: handle_image_click, disabled: is_disabled, className: "cls_image_btn h-12 w-12 text-muted-foreground hover:text-foreground", "aria-label": "Attach image", children: _jsx(IoImageOutline, { className: "w-8 h-8" }) }) }), _jsx(TooltipContent, { children: "Attach image" })] }), _jsx("input", { ref: file_input_ref, type: "file", multiple: true, onChange: handle_file_change, className: "hidden", "aria-hidden": "true" }), _jsx("input", { ref: image_input_ref, type: "file", accept: "image/*", multiple: true, onChange: handle_file_change, className: "hidden", "aria-hidden": "true" }), _jsx(Textarea, { ref: textarea_ref, value: message, onChange: handle_change, onKeyDown: handle_key_down, placeholder: placeholder, disabled: is_disabled, rows: 1, className: cn('cls_message_textarea', 'flex-1 resize-none', 'min-h-[40px] max-h-[120px]'), "aria-label": "Message input" }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "default", size: "icon", onClick: handle_send, disabled: !can_send, className: "cls_send_btn", "aria-label": "Send message", children: _jsx(IoSend, { className: "w-4 h-4" }) }) }), _jsx(TooltipContent, { children: "Send message (Enter)" })] })] }), is_dragging && (_jsx("div", { className: "absolute inset-0 bg-primary/10 flex items-center justify-center pointer-events-none", children: _jsx("p", { className: "text-primary font-medium", children: "Drop files here" }) }))] }));
+}
+HazoChatInput.displayName = 'HazoChatInput';
+//# sourceMappingURL=hazo_chat_input.js.map

package/dist/components/hazo_chat/hazo_chat_input.js.map

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

package/dist/components/hazo_chat/hazo_chat_messages.d.ts

@@ -0,0 +1,17 @@
+/**
+ * HazoChatMessages Component
+ *
+ * Scrollable message list with:
+ * - Infinite scroll for older messages
+ * - Auto-scroll to new messages
+ * - Scroll to highlighted message
+ * - Empty and loading states
+ *
+ * Uses shadcn/ui ScrollArea component.
+ */
+import type { HazoChatMessagesProps } from '../../types/index.js';
+export declare function HazoChatMessages({ messages, current_user_id, timezone, is_loading, has_more, on_load_more, on_delete_message, on_scroll_to_message, highlighted_message_id, className }: HazoChatMessagesProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HazoChatMessages {
+    var displayName: string;
+}
+//# sourceMappingURL=hazo_chat_messages.d.ts.map

package/dist/components/hazo_chat/hazo_chat_messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hazo_chat_messages.d.ts","sourceRoot":"","sources":["../../../src/components/hazo_chat/hazo_chat_messages.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAMH,OAAO,KAAK,EAAE,qBAAqB,EAAqB,MAAM,sBAAsB,CAAC;AAUrF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,EACV,EAAE,qBAAqB,2CA0JvB;yBArKe,gBAAgB"}

package/dist/components/hazo_chat/hazo_chat_messages.js

@@ -0,0 +1,109 @@
+/**
+ * HazoChatMessages Component
+ *
+ * Scrollable message list with:
+ * - Infinite scroll for older messages
+ * - Auto-scroll to new messages
+ * - Scroll to highlighted message
+ * - Empty and loading states
+ *
+ * Uses shadcn/ui ScrollArea component.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useCallback } from 'react';
+import { cn } from '../../lib/utils.js';
+import { ChatBubble } from '../ui/chat_bubble.js';
+import { LoadingSkeleton } from '../ui/loading_skeleton.js';
+import { ScrollArea } from '../ui/scroll-area.js';
+import { EMPTY_CHAT_MESSAGE } from '../../lib/constants.js';
+// ============================================================================
+// Component
+// ============================================================================
+export function HazoChatMessages({ messages, current_user_id, timezone, is_loading, has_more, on_load_more, on_delete_message, on_scroll_to_message, highlighted_message_id, className }) {
+    const container_ref = useRef(null);
+    const load_more_trigger_ref = useRef(null);
+    const is_at_bottom_ref = useRef(true);
+    const previous_messages_length_ref = useRef(0);
+    // -------------------------------------------------------------------------
+    // Intersection observer for infinite scroll
+    // -------------------------------------------------------------------------
+    useEffect(() => {
+        const trigger = load_more_trigger_ref.current;
+        if (!trigger || !has_more)
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            if (entries[0].isIntersecting) {
+                on_load_more();
+            }
+        }, { threshold: 0.1 });
+        observer.observe(trigger);
+        return () => {
+            observer.disconnect();
+        };
+    }, [has_more, on_load_more]);
+    // -------------------------------------------------------------------------
+    // Track scroll position
+    // -------------------------------------------------------------------------
+    const handle_scroll = useCallback(() => {
+        const container = container_ref.current;
+        if (!container)
+            return;
+        // Check if scrolled to bottom
+        const threshold = 50;
+        is_at_bottom_ref.current =
+            container.scrollHeight - container.scrollTop - container.clientHeight < threshold;
+    }, []);
+    // -------------------------------------------------------------------------
+    // Auto-scroll to bottom on new messages (if already at bottom)
+    // -------------------------------------------------------------------------
+    useEffect(() => {
+        const container = container_ref.current;
+        if (!container)
+            return;
+        // Only auto-scroll if we were at the bottom and new messages arrived
+        if (is_at_bottom_ref.current && messages.length > previous_messages_length_ref.current) {
+            container.scrollTop = container.scrollHeight;
+        }
+        previous_messages_length_ref.current = messages.length;
+    }, [messages.length]);
+    // -------------------------------------------------------------------------
+    // Scroll to highlighted message
+    // -------------------------------------------------------------------------
+    useEffect(() => {
+        if (!highlighted_message_id)
+            return;
+        const element = document.getElementById(`message-${highlighted_message_id}`);
+        if (element) {
+            element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+    }, [highlighted_message_id]);
+    // -------------------------------------------------------------------------
+    // Handle reference click in message
+    // -------------------------------------------------------------------------
+    const handle_reference_click = useCallback((reference) => {
+        // This would be handled by parent via context
+        console.log('[HazoChatMessages] Reference clicked:', reference);
+    }, []);
+    // -------------------------------------------------------------------------
+    // Loading state
+    // -------------------------------------------------------------------------
+    if (is_loading && messages.length === 0) {
+        return (_jsx("div", { className: cn('cls_messages_loading p-4', className), children: _jsx(LoadingSkeleton, { variant: "message", count: 5 }) }));
+    }
+    // -------------------------------------------------------------------------
+    // Empty state
+    // -------------------------------------------------------------------------
+    if (!is_loading && messages.length === 0) {
+        return (_jsx("div", { className: cn('cls_messages_empty', 'flex items-center justify-center h-full', 'px-6 py-8', 'text-muted-foreground text-sm', className), children: EMPTY_CHAT_MESSAGE }));
+    }
+    // -------------------------------------------------------------------------
+    // Messages list
+    // -------------------------------------------------------------------------
+    return (_jsx(ScrollArea, { className: cn('cls_hazo_chat_messages flex-1', className), children: _jsxs("div", { ref: container_ref, onScroll: handle_scroll, className: cn('cls_messages_container', 'p-4', 'flex flex-col-reverse' // Reverse order for bottom-up display
+            ), role: "log", "aria-label": "Chat messages", "aria-live": "polite", children: [messages.map((message) => (_jsx(ChatBubble, { message: message, is_sender: message.sender_user_id === current_user_id, sender_profile: message.sender_profile, timezone: timezone, on_delete: message.sender_user_id === current_user_id
+                        ? () => on_delete_message(message.id)
+                        : undefined, on_reference_click: handle_reference_click, is_highlighted: highlighted_message_id === message.id }, message.id))), has_more && (_jsx("div", { ref: load_more_trigger_ref, className: "cls_load_more_trigger py-4", children: _jsx(LoadingSkeleton, { variant: "message", count: 2 }) }))] }) }));
+}
+HazoChatMessages.displayName = 'HazoChatMessages';
+//# sourceMappingURL=hazo_chat_messages.js.map

package/dist/components/hazo_chat/hazo_chat_messages.js.map

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

package/dist/components/hazo_chat/hazo_chat_reference_list.d.ts

@@ -0,0 +1,16 @@
+/**
+ * HazoChatReferenceList Component
+ *
+ * Displays a list of document/field/URL references as text chips with:
+ * - File name display
+ * - Selection state (highlighted background)
+ * - Click to open in viewer + scroll to message
+ *
+ * Uses shadcn/ui Button and Tooltip components.
+ */
+import type { HazoChatReferenceListProps } from '../../types/index.js';
+export declare function HazoChatReferenceList({ references, selected_reference_id, on_select, className }: HazoChatReferenceListProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HazoChatReferenceList {
+    var displayName: string;
+}
+//# sourceMappingURL=hazo_chat_reference_list.d.ts.map

package/dist/components/hazo_chat/hazo_chat_reference_list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hazo_chat_reference_list.d.ts","sourceRoot":"","sources":["../../../src/components/hazo_chat/hazo_chat_reference_list.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,KAAK,EAAE,0BAA0B,EAAqB,MAAM,sBAAsB,CAAC;AAqF1F,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,qBAAqB,EACrB,SAAS,EACT,SAAS,EACV,EAAE,0BAA0B,2CA2C5B;yBAhDe,qBAAqB"}

package/dist/components/hazo_chat/hazo_chat_reference_list.js

@@ -0,0 +1,59 @@
+/**
+ * HazoChatReferenceList Component
+ *
+ * Displays a list of document/field/URL references as text chips with:
+ * - File name display
+ * - Selection state (highlighted background)
+ * - Click to open in viewer + scroll to message
+ *
+ * Uses shadcn/ui Button and Tooltip components.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { cn } from '../../lib/utils.js';
+import { Button } from '../ui/button.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip.js';
+// ============================================================================
+// Helper Functions
+// ============================================================================
+/**
+ * Get file extension from URL or name
+ */
+function get_file_extension(reference) {
+    const name = reference.name || reference.url;
+    const parts = name.split('.');
+    return parts.length > 1 ? parts.pop()?.toUpperCase() || '' : '';
+}
+/**
+ * Get display name (truncated if needed)
+ */
+function get_display_name(reference, max_length = 20) {
+    const name = reference.name || 'Untitled';
+    if (name.length <= max_length)
+        return name;
+    const ext = get_file_extension(reference);
+    const name_without_ext = ext ? name.slice(0, -(ext.length + 1)) : name;
+    const truncated = name_without_ext.slice(0, max_length - 3 - (ext ? ext.length + 1 : 0));
+    return ext ? `${truncated}...${ext.toLowerCase()}` : `${truncated}...`;
+}
+function ReferenceItem({ reference, is_selected, on_click }) {
+    const display_name = get_display_name(reference);
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: is_selected ? 'default' : 'outline', size: "sm", onClick: on_click, className: cn('cls_reference_item', 'h-7 px-2.5 text-xs font-medium', 'rounded-full', is_selected
+                        ? 'bg-primary text-primary-foreground'
+                        : 'bg-background hover:bg-accent'), "aria-label": `${reference.type}: ${reference.name}`, "aria-pressed": is_selected, children: display_name }) }), _jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [_jsx("p", { className: "font-medium", children: reference.name }), _jsxs("p", { className: "text-muted-foreground", children: [reference.type === 'document' ? 'Document' : reference.type === 'field' ? 'Field' : 'Link', ' • ', reference.scope === 'chat' ? 'Chat attachment' : 'Form reference'] })] })] }));
+}
+// ============================================================================
+// Main Component
+// ============================================================================
+export function HazoChatReferenceList({ references, selected_reference_id, on_select, className }) {
+    const handle_select = useCallback((reference) => {
+        on_select(reference);
+    }, [on_select]);
+    if (references.length === 0) {
+        return (_jsx("div", { className: cn('cls_reference_list_empty', 'flex items-center justify-center py-1 px-2', 'text-xs text-muted-foreground italic', className), children: "No references" }));
+    }
+    return (_jsx("div", { className: cn('cls_hazo_chat_reference_list', 'flex flex-wrap items-center gap-1.5', className), role: "listbox", "aria-label": "Document references", children: references.map((reference) => (_jsx(ReferenceItem, { reference: reference, is_selected: selected_reference_id === reference.id, on_click: () => handle_select(reference) }, reference.id))) }));
+}
+HazoChatReferenceList.displayName = 'HazoChatReferenceList';
+//# sourceMappingURL=hazo_chat_reference_list.js.map

package/dist/components/hazo_chat/hazo_chat_reference_list.js.map

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

package/dist/components/hazo_chat/hazo_chat_sidebar.d.ts

@@ -0,0 +1,18 @@
+/**
+ * HazoChatSidebar Component
+ *
+ * Collapsible sidebar containing:
+ * - Reference list
+ * - Document viewer
+ *
+ * On mobile: slides in from left as overlay
+ * On desktop: always visible as left column
+ *
+ * Uses shadcn/ui Button, ScrollArea, and Separator components.
+ */
+import type { HazoChatSidebarProps } from '../../types/index.js';
+export declare function HazoChatSidebar({ is_open, on_close, className, children }: HazoChatSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HazoChatSidebar {
+    var displayName: string;
+}
+//# sourceMappingURL=hazo_chat_sidebar.d.ts.map

package/dist/components/hazo_chat/hazo_chat_sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hazo_chat_sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/hazo_chat/hazo_chat_sidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAOH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAUjE,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,oBAAoB,2CAmGtB;yBAxGe,eAAe"}

package/dist/components/hazo_chat/hazo_chat_sidebar.js

@@ -0,0 +1,72 @@
+/**
+ * HazoChatSidebar Component
+ *
+ * Collapsible sidebar containing:
+ * - Reference list
+ * - Document viewer
+ *
+ * On mobile: slides in from left as overlay
+ * On desktop: always visible as left column
+ *
+ * Uses shadcn/ui Button, ScrollArea, and Separator components.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useCallback } from 'react';
+import { IoClose } from 'react-icons/io5';
+import { cn } from '../../lib/utils.js';
+import { MOBILE_BREAKPOINT } from '../../lib/constants.js';
+import { Button } from '../ui/button.js';
+import { ScrollArea } from '../ui/scroll-area.js';
+import { Separator } from '../ui/separator.js';
+// ============================================================================
+// Component
+// ============================================================================
+export function HazoChatSidebar({ is_open, on_close, className, children }) {
+    // Handle escape key to close sidebar
+    const handle_escape = useCallback((event) => {
+        if (event.key === 'Escape' && is_open) {
+            on_close();
+        }
+    }, [is_open, on_close]);
+    // Handle click outside to close (mobile)
+    const handle_backdrop_click = useCallback(() => {
+        on_close();
+    }, [on_close]);
+    // Add escape key listener
+    useEffect(() => {
+        document.addEventListener('keydown', handle_escape);
+        return () => {
+            document.removeEventListener('keydown', handle_escape);
+        };
+    }, [handle_escape]);
+    // Prevent body scroll when sidebar is open on mobile
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const is_mobile = window.innerWidth < MOBILE_BREAKPOINT;
+        if (is_open && is_mobile) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+        return () => {
+            document.body.style.overflow = '';
+        };
+    }, [is_open]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn('cls_sidebar_backdrop', 'fixed inset-0 bg-black/50 z-40', 'md:hidden', // Only on mobile
+                'transition-opacity duration-200', is_open ? 'opacity-100' : 'opacity-0 pointer-events-none'), onClick: handle_backdrop_click, "aria-hidden": "true" }), _jsxs("aside", { className: cn('cls_hazo_chat_sidebar', 
+                // Mobile: fixed overlay
+                'fixed md:relative', 'top-0 left-0 h-full z-50', 
+                // Sizing
+                'w-[280px] md:w-full', 
+                // Background
+                'bg-background border-r', 
+                // Transition
+                'transition-transform duration-200 ease-in-out', 
+                // Mobile: slide in/out
+                is_open ? 'translate-x-0' : '-translate-x-full md:translate-x-0', className), "aria-label": "Chat sidebar", "aria-hidden": !is_open, children: [_jsxs("div", { className: "cls_sidebar_header flex items-center justify-between p-3 md:hidden", children: [_jsx("span", { className: "text-sm font-medium", children: "Documents & References" }), _jsx(Button, { variant: "ghost", size: "icon", onClick: on_close, className: "h-8 w-8", "aria-label": "Close sidebar", children: _jsx(IoClose, { className: "w-4 h-4" }) })] }), _jsx(Separator, { className: "md:hidden" }), _jsx(ScrollArea, { className: "cls_sidebar_content h-full flex flex-col", children: children })] })] }));
+}
+HazoChatSidebar.displayName = 'HazoChatSidebar';
+//# sourceMappingURL=hazo_chat_sidebar.js.map

package/dist/components/hazo_chat/hazo_chat_sidebar.js.map

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

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

@@ -0,0 +1,16 @@
+/**
+ * HazoChat components barrel export file
+ *
+ * Exports all HazoChat components from the hazo_chat package.
+ * All export paths use explicit .js extensions for ES module compatibility.
+ */
+export { HazoChat } from './hazo_chat.js';
+export { HazoChatProvider, useHazoChatContext } from './hazo_chat_context.js';
+export { HazoChatHeader } from './hazo_chat_header.js';
+export { HazoChatSidebar } from './hazo_chat_sidebar.js';
+export { HazoChatReferenceList } from './hazo_chat_reference_list.js';
+export { HazoChatDocumentViewer } from './hazo_chat_document_viewer.js';
+export { HazoChatMessages } from './hazo_chat_messages.js';
+export { HazoChatInput } from './hazo_chat_input.js';
+export { HazoChatAttachmentPreview } from './hazo_chat_attachment_preview.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hazo_chat/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG9E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/components/hazo_chat/index.js

@@ -0,0 +1,19 @@
+/**
+ * HazoChat components barrel export file
+ *
+ * Exports all HazoChat components from the hazo_chat package.
+ * All export paths use explicit .js extensions for ES module compatibility.
+ */
+// Main component
+export { HazoChat } from './hazo_chat.js';
+// Context
+export { HazoChatProvider, useHazoChatContext } from './hazo_chat_context.js';
+// Sub-components (for custom layouts)
+export { HazoChatHeader } from './hazo_chat_header.js';
+export { HazoChatSidebar } from './hazo_chat_sidebar.js';
+export { HazoChatReferenceList } from './hazo_chat_reference_list.js';
+export { HazoChatDocumentViewer } from './hazo_chat_document_viewer.js';
+export { HazoChatMessages } from './hazo_chat_messages.js';
+export { HazoChatInput } from './hazo_chat_input.js';
+export { HazoChatAttachmentPreview } from './hazo_chat_attachment_preview.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/hazo_chat/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,iBAAiB;AACjB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,UAAU;AACV,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE9E,sCAAsC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Components barrel export file
+ *
+ * Exports all components from the hazo_chat package.
+ * All export paths use explicit .js extensions for ES module compatibility.
+ */
+export * from './hazo_chat/index.js';
+export * from './ui/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,sBAAsB,CAAC;AAGrC,cAAc,eAAe,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,11 @@
+/**
+ * Components barrel export file
+ *
+ * Exports all components from the hazo_chat package.
+ * All export paths use explicit .js extensions for ES module compatibility.
+ */
+// HazoChat components
+export * from './hazo_chat/index.js';
+// UI components
+export * from './ui/index.js';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,sBAAsB;AACtB,cAAc,sBAAsB,CAAC;AAErC,gBAAgB;AAChB,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Avatar Component (shadcn/ui style)
+ *
+ * A user avatar component with image and fallback support.
+ * Uses @radix-ui/react-avatar for accessibility.
+ */
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAO1D,QAAA,MAAM,MAAM,yJAYV,CAAC;AAQH,QAAA,MAAM,WAAW,gKASf,CAAC;AAQH,QAAA,MAAM,cAAc,iKAYlB,CAAC;AAIH,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

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"}