hazo_chat 4.0.2 → 4.0.5

package/dist/components/hazo_chat/hazo_chat_header.js

@@ -0,0 +1,45 @@
+/**
+ * HazoChatHeader Component
+ *
+ * Header row for the chat window containing:
+ * - Sidebar toggle button (hamburger menu)
+ * - Title and subtitle
+ * - Close button
+ *
+ * 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 { IoClose, IoMenuOutline, IoRefresh } from 'react-icons/io5';
+import { cn } from '../../lib/utils.js';
+import { Button } from '../ui/button.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip.js';
+// ============================================================================
+// Component
+// ============================================================================
+export function HazoChatHeader({ title, subtitle, on_close, on_refresh, is_refreshing, on_toggle_sidebar, is_sidebar_open, show_sidebar_toggle = false, className }) {
+    // Handle close button click - ensure event is properly handled
+    const handle_close_click = useCallback((e) => {
+        // Prevent any default behavior and stop propagation
+        e.preventDefault();
+        e.stopPropagation();
+        // Log for debugging
+        console.log('[HazoChatHeader] Close button clicked, on_close:', typeof on_close);
+        // Call the close handler if provided
+        if (typeof on_close === 'function') {
+            try {
+                on_close();
+            }
+            catch (err) {
+                console.error('[HazoChatHeader] Error calling on_close:', err);
+            }
+        }
+    }, [on_close]);
+    return (_jsxs("header", { className: cn('cls_hazo_chat_header', 'flex items-center justify-between', 'h-14 px-4', 'border-b border-border/40', 'bg-card/80 backdrop-blur-md', 'shadow-sm', className), children: [_jsxs("div", { className: "cls_header_left flex items-center gap-3", children: [show_sidebar_toggle && on_toggle_sidebar && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", onClick: on_toggle_sidebar, className: cn('cls_sidebar_toggle md:hidden', 'h-8 w-8 rounded-md', 'hover:bg-accent hover:text-accent-foreground', 'transition-colors'), "aria-label": is_sidebar_open ? 'Close sidebar' : 'Open sidebar', "aria-expanded": is_sidebar_open, children: _jsx(IoMenuOutline, { className: "h-5 w-5" }) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: is_sidebar_open ? 'Close sidebar' : 'Open sidebar' })] })), _jsxs("div", { className: "cls_header_titles flex flex-col gap-0.5", children: [title && (_jsx("h2", { className: "cls_header_title text-sm font-semibold tracking-tight text-foreground", children: title })), subtitle && (_jsx("p", { className: "cls_header_subtitle text-xs font-medium text-muted-foreground", children: subtitle }))] })] }), _jsxs("div", { className: "cls_header_right flex items-center gap-1", children: [on_refresh && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", onClick: on_refresh, disabled: is_refreshing, className: cn('cls_header_refresh', 'h-8 w-8 rounded-md', 'text-muted-foreground', 'hover:bg-accent hover:text-accent-foreground', 'transition-colors'), "aria-label": "Refresh chat history", children: _jsx(IoRefresh, { className: cn('h-4 w-4', is_refreshing && 'animate-spin') }) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Refresh chat" })] })), on_close && (_jsx(Button, { variant: "ghost", size: "icon", onClick: handle_close_click, onMouseDown: (e) => {
+                            // Ensure the click is captured even if tooltip interferes
+                            e.stopPropagation();
+                        }, type: "button", className: cn('cls_header_close', 'h-8 w-8 rounded-md', 'text-muted-foreground', 'hover:bg-destructive/10 hover:text-destructive', 'transition-colors'), "aria-label": "Close chat", title: "Close chat", children: _jsx(IoClose, { className: "h-4 w-4" }) }))] })] }));
+}
+HazoChatHeader.displayName = 'HazoChatHeader';
+//# sourceMappingURL=hazo_chat_header.js.map

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

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

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

@@ -0,0 +1,16 @@
+/**
+ * HazoChatInput Component
+ *
+ * Message input area with:
+ * - Text input (shadcn Input component)
+ * - Send button (shadcn Button component)
+ * - Attachment preview (when attachments exist)
+ *
+ * Uses shadcn/ui Input and Button components.
+ */
+import type { HazoChatInputProps } from '../../types/index.js';
+export declare function HazoChatInput({ on_send, pending_attachments, on_add_attachment, on_remove_attachment, is_disabled, placeholder, className }: HazoChatInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HazoChatInput {
+    var displayName: string;
+}
+//# sourceMappingURL=hazo_chat_input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hazo_chat_input.d.ts","sourceRoot":"","sources":["../../../src/components/hazo_chat/hazo_chat_input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAaH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS/D,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,WAAmB,EACnB,WAAiC,EACjC,SAAS,EACV,EAAE,kBAAkB,2CA2GpB;yBAnHe,aAAa"}

package/dist/components/hazo_chat/hazo_chat_input.js

@@ -0,0 +1,75 @@
+/**
+ * HazoChatInput Component
+ *
+ * Message input area with:
+ * - Text input (shadcn Input component)
+ * - Send button (shadcn Button component)
+ * - Attachment preview (when attachments exist)
+ *
+ * Uses shadcn/ui Input and Button components.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useCallback } from 'react';
+import { IoSend } 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 { Input } from '../ui/input.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 input_ref = useRef(null);
+    // -------------------------------------------------------------------------
+    // Handle text change
+    // -------------------------------------------------------------------------
+    const handle_change = useCallback((e) => {
+        set_message(e.target.value);
+    }, []);
+    // -------------------------------------------------------------------------
+    // 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 input
+        if (input_ref.current) {
+            input_ref.current.value = '';
+        }
+    }, [message, pending_attachments, is_disabled, on_send]);
+    // -------------------------------------------------------------------------
+    // Handle keyboard events
+    // -------------------------------------------------------------------------
+    const handle_key_down = useCallback((e) => {
+        // Send on Enter
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            handle_send();
+        }
+    }, [handle_send]);
+    // -------------------------------------------------------------------------
+    // 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', 'border-t bg-background p-4', className), children: [pending_attachments.length > 0 && (_jsx(HazoChatAttachmentPreview, { attachments: pending_attachments, on_remove: on_remove_attachment })), _jsxs("div", { className: "cls_input_row flex items-center gap-2", children: [_jsx(Input, { ref: input_ref, type: "text", value: message, onChange: handle_change, onKeyDown: handle_key_down, placeholder: placeholder, disabled: is_disabled, className: "cls_message_input flex-1", "aria-label": "Message input" }), _jsx(Button, { variant: "default", onClick: handle_send, disabled: !can_send, className: "cls_send_btn", "aria-label": "Send message", children: _jsx(IoSend, { className: "w-4 h-4" }) })] })] }));
+}
+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,18 @@
+/**
+ * HazoChatMessages Component
+ *
+ * Scrollable message list with:
+ * - Infinite scroll for older messages
+ * - Auto-scroll to new messages
+ * - Scroll to highlighted message
+ * - Empty and loading states
+ * - Memoization for performance
+ *
+ * Uses shadcn/ui ScrollArea component.
+ */
+import React from 'react';
+import type { HazoChatMessagesProps } from '../../types/index.js';
+declare function HazoChatMessagesInner({ messages, current_user_id, timezone, is_loading, has_more, on_load_more, on_delete_message, on_mark_as_read, on_scroll_to_message, highlighted_message_id, show_delete_button, bubble_radius, className }: HazoChatMessagesProps): import("react/jsx-runtime").JSX.Element;
+export declare const HazoChatMessages: React.MemoExoticComponent<typeof HazoChatMessagesInner>;
+export {};
+//# 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;;;;;;;;;;;GAWG;AAIH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,qBAAqB,EAAkC,MAAM,sBAAsB,CAAC;AAkElG,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACtB,kBAAyB,EACzB,aAAyB,EACzB,SAAS,EACV,EAAE,qBAAqB,2CA2RvB;AAGD,eAAO,MAAM,gBAAgB,yDAwB3B,CAAC"}

package/dist/components/hazo_chat/hazo_chat_messages.js

@@ -0,0 +1,255 @@
+/**
+ * HazoChatMessages Component
+ *
+ * Scrollable message list with:
+ * - Infinite scroll for older messages
+ * - Auto-scroll to new messages
+ * - Scroll to highlighted message
+ * - Empty and loading states
+ * - Memoization for performance
+ *
+ * Uses shadcn/ui ScrollArea component.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useCallback, memo } 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';
+const MemoizedChatBubble = memo(function MemoizedChatBubble({ message, current_user_id, timezone, on_delete_message, on_reference_click, is_highlighted, show_delete_button, bubble_radius, }) {
+    const is_sender = message.sender_user_id === current_user_id;
+    return (_jsx(ChatBubble, { message: message, is_sender: is_sender, sender_profile: message.sender_profile, timezone: timezone, on_delete: is_sender ? () => on_delete_message(message.id) : undefined, on_reference_click: on_reference_click, is_highlighted: is_highlighted, show_delete_button: show_delete_button, bubble_radius: bubble_radius }));
+}, (prevProps, nextProps) => {
+    // Only re-render if these specific props change
+    return (prevProps.message.id === nextProps.message.id &&
+        prevProps.message.read_at === nextProps.message.read_at &&
+        prevProps.message.deleted_at === nextProps.message.deleted_at &&
+        prevProps.message.send_status === nextProps.message.send_status &&
+        prevProps.is_highlighted === nextProps.is_highlighted &&
+        prevProps.show_delete_button === nextProps.show_delete_button &&
+        prevProps.bubble_radius === nextProps.bubble_radius);
+});
+// ============================================================================
+// Component
+// ============================================================================
+function HazoChatMessagesInner({ messages, current_user_id, timezone, is_loading, has_more, on_load_more, on_delete_message, on_mark_as_read, on_scroll_to_message, highlighted_message_id, show_delete_button = true, bubble_radius = 'default', 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);
+    const message_refs = useRef(new Map());
+    const marked_as_read_ref = useRef(new Set());
+    // -------------------------------------------------------------------------
+    // 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;
+        // On initial load, scroll to bottom (newest message)
+        if (previous_messages_length_ref.current === 0 && messages.length > 0) {
+            // Initial load - scroll to bottom after a short delay to ensure DOM is ready
+            setTimeout(() => {
+                if (container_ref.current) {
+                    container_ref.current.scrollTop = container_ref.current.scrollHeight;
+                }
+            }, 100);
+        }
+        // Only auto-scroll if we were at the bottom and new messages arrived
+        else 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);
+    }, []);
+    // -------------------------------------------------------------------------
+    // Auto-mark messages as read when they become visible
+    // -------------------------------------------------------------------------
+    useEffect(() => {
+        console.log('[HazoChatMessages] Mark-as-read effect running:', {
+            has_on_mark_as_read: !!on_mark_as_read,
+            current_user_id,
+            total_messages: messages.length,
+        });
+        if (!on_mark_as_read) {
+            console.warn('[HazoChatMessages] on_mark_as_read not provided - cannot mark messages as read');
+            return;
+        }
+        // Filter to only unread messages not sent by current user
+        // In group chat, any message not sent by the current user can be marked as read
+        const unread_messages = messages.filter((msg) => msg.sender_user_id !== current_user_id &&
+            !msg.read_at &&
+            !marked_as_read_ref.current.has(msg.id));
+        console.log('[HazoChatMessages] Unread messages to observe:', {
+            count: unread_messages.length,
+            message_ids: unread_messages.map(m => m.id),
+        });
+        if (unread_messages.length === 0)
+            return;
+        // Find the ScrollArea viewport (the actual scrolling container)
+        // Radix UI ScrollArea creates a viewport element with data attribute
+        const scroll_viewport = container_ref.current?.closest('[data-radix-scroll-area-viewport]');
+        const root = scroll_viewport || null;
+        console.log('[HazoChatMessages] ScrollArea viewport found:', {
+            has_viewport: !!scroll_viewport,
+            viewport_tag: scroll_viewport?.tagName,
+            container_ref_set: !!container_ref.current,
+        });
+        // Create intersection observer for each unread message
+        const observers = [];
+        // Use a small delay to ensure refs are set after render
+        const timeout_id = setTimeout(() => {
+            console.log('[HazoChatMessages] Setting up observers for', unread_messages.length, 'unread messages');
+            unread_messages.forEach((message) => {
+                const element = message_refs.current.get(message.id);
+                if (!element) {
+                    console.warn('[HazoChatMessages] Element not found for message:', message.id);
+                    return;
+                }
+                console.log('[HazoChatMessages] Creating observer for message:', message.id);
+                const observer = new IntersectionObserver((entries) => {
+                    entries.forEach((entry) => {
+                        console.log('[HazoChatMessages] Observer callback for', message.id, ':', {
+                            isIntersecting: entry.isIntersecting,
+                            intersectionRatio: entry.intersectionRatio,
+                        });
+                        if (entry.isIntersecting && entry.intersectionRatio > 0.5) {
+                            // Message is at least 50% visible, mark as read
+                            if (!marked_as_read_ref.current.has(message.id)) {
+                                marked_as_read_ref.current.add(message.id);
+                                console.log('[HazoChatMessages] Marking message as read:', message.id);
+                                on_mark_as_read(message.id);
+                                observer.disconnect();
+                            }
+                        }
+                    });
+                }, {
+                    threshold: 0.5, // Mark as read when 50% visible
+                    root: root, // Use ScrollArea viewport as root
+                    rootMargin: '0px',
+                });
+                observer.observe(element);
+                observers.push(observer);
+            });
+            console.log('[HazoChatMessages] Total observers created:', observers.length);
+        }, 100); // Small delay to ensure DOM refs are ready
+        return () => {
+            clearTimeout(timeout_id);
+            observers.forEach((observer) => observer.disconnect());
+        };
+    }, [messages, current_user_id, on_mark_as_read]);
+    // -------------------------------------------------------------------------
+    // Clean up marked_as_read set when messages change significantly
+    // -------------------------------------------------------------------------
+    useEffect(() => {
+        // Remove IDs from marked_as_read set if message is no longer in messages
+        const current_message_ids = new Set(messages.map((m) => m.id));
+        marked_as_read_ref.current.forEach((id) => {
+            if (!current_message_ids.has(id)) {
+                marked_as_read_ref.current.delete(id);
+            }
+        });
+    }, [messages]);
+    // -------------------------------------------------------------------------
+    // 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' // Normal order: oldest first, newest last (at bottom)
+            ), role: "log", "aria-label": "Chat messages", "aria-live": "polite", children: [has_more && (_jsx("div", { ref: load_more_trigger_ref, className: "cls_load_more_trigger py-4", children: _jsx(LoadingSkeleton, { variant: "message", count: 2 }) })), messages.map((message) => (_jsx("div", { id: `message-${message.id}`, ref: (el) => {
+                        if (el) {
+                            message_refs.current.set(message.id, el);
+                        }
+                        else {
+                            message_refs.current.delete(message.id);
+                        }
+                    }, children: _jsx(MemoizedChatBubble, { message: message, current_user_id: current_user_id, timezone: timezone, on_delete_message: on_delete_message, on_reference_click: handle_reference_click, is_highlighted: highlighted_message_id === message.id, show_delete_button: show_delete_button, bubble_radius: bubble_radius }) }, message.id)))] }) }));
+}
+// Memoized export to prevent unnecessary re-renders
+export const HazoChatMessages = memo(HazoChatMessagesInner, (prevProps, nextProps) => {
+    // Deep comparison for messages array by checking length and IDs
+    if (prevProps.messages.length !== nextProps.messages.length)
+        return false;
+    if (prevProps.is_loading !== nextProps.is_loading)
+        return false;
+    if (prevProps.has_more !== nextProps.has_more)
+        return false;
+    if (prevProps.highlighted_message_id !== nextProps.highlighted_message_id)
+        return false;
+    if (prevProps.show_delete_button !== nextProps.show_delete_button)
+        return false;
+    if (prevProps.bubble_radius !== nextProps.bubble_radius)
+        return false;
+    // Check if any message has changed (by comparing key fields)
+    for (let i = 0; i < prevProps.messages.length; i++) {
+        const prev = prevProps.messages[i];
+        const next = nextProps.messages[i];
+        if (prev.id !== next.id ||
+            prev.read_at !== next.read_at ||
+            prev.deleted_at !== next.deleted_at ||
+            prev.send_status !== next.send_status) {
+            return false;
+        }
+    }
+    return true;
+});
+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":"AAAA;;;;;;;;;GASG;AAEH,YAAY,CAAC;;AAEb,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,kBAAkB,CAAC;AAE1B,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E;;GAEG;AACH,SAAS,kBAAkB,CAAC,SAA4B;IACtD,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,GAAG,CAAC;IAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9B,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAClE,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,SAA4B,EAAE,aAAqB,EAAE;IAC7E,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,IAAI,UAAU,CAAC;IAC1C,IAAI,IAAI,CAAC,MAAM,IAAI,UAAU;QAAE,OAAO,IAAI,CAAC;IAE3C,MAAM,GAAG,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvE,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzF,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,MAAM,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,CAAC;AACzE,CAAC;AAYD,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAsB;IAC7E,MAAM,YAAY,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAEjD,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC5C,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,gCAAgC,EAChC,cAAc,EACd,WAAW;wBACT,CAAC,CAAC,oCAAoC;wBACtC,CAAC,CAAC,+BAA+B,CACpC,gBACW,GAAG,SAAS,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,EAAE,kBACpC,WAAW,YAExB,YAAY,GACN,GACM,EACjB,MAAC,cAAc,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,aAC/C,YAAG,SAAS,EAAC,aAAa,YAAE,SAAS,CAAC,IAAI,GAAK,EAC/C,aAAG,SAAS,EAAC,uBAAuB,aACjC,SAAS,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC1F,KAAK,EACL,SAAS,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,IAChE,IACW,IACT,CACX,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E,MAAM,UAAU,qBAAqB,CAAC,EACpC,UAAU,EACV,qBAAqB,EACrB,SAAS,EACT,SAAS,EACkB;IAC3B,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,SAA4B,EAAE,EAAE;QAC/B,SAAS,CAAC,SAAS,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,4CAA4C,EAC5C,sCAAsC,EACtC,SAAS,CACV,8BAGG,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,qCAAqC,EACrC,SAAS,CACV,EACD,IAAI,EAAC,SAAS,gBACH,qBAAqB,YAE/B,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC7B,KAAC,aAAa,IAEZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,qBAAqB,KAAK,SAAS,CAAC,EAAE,EACnD,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,IAHnC,SAAS,CAAC,EAAE,CAIjB,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}

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