@djangocfg/ext-knowbase 1.0.4 → 1.0.7

package/src/components/Chat/ChatWidget.tsx

@@ -5,23 +5,21 @@
 
 'use client';
 
+import { List, Maximize2, MessageSquare, Minimize2, Plus, X } from 'lucide-react';
+import { usePathname } from 'next/navigation';
 import React, { useCallback, useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { usePathname } from 'next/navigation';
-import { Card, CardContent, CardHeader, Button, useIsMobile, useLocalStorage } from '@djangocfg/ui-nextjs';
+
 import {
-  MessageSquare,
-  X,
-  Maximize2,
-  Minimize2,
-  Plus,
-  List,
-} from 'lucide-react';
+    Button, Card, CardContent, CardHeader, useIsMobile, useLocalStorage
+} from '@djangocfg/ui-nextjs';
+
 import { useKnowbaseChatContext, useKnowbaseSessionsContext } from '../../contexts/knowbase';
-import { Enums } from './types';
 import { chatLogger } from '../../utils/logger';
 import { useChatUI } from './ChatUIContext';
-import { MessageList, MessageInput, SessionList } from './components';
+import { MessageInput, MessageList, SessionList } from './components';
+import { Enums } from './types';
+
 import type { ChatWidgetProps, ChatMessageWithSources } from './types';
 
 const WIDGET_MAX_WIDTH = 800;

package/src/components/Chat/components/MessageInput.tsx

@@ -5,10 +5,13 @@
 
 'use client';
 
-import React, { useState, useCallback, useRef, useEffect } from 'react';
+import { Loader2, Send } from 'lucide-react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+
 import { Button, Textarea } from '@djangocfg/ui-nextjs';
-import { Send, Loader2 } from 'lucide-react';
+
 import { chatLogger } from '../../../utils/logger';
+
 import type { MessageInputProps } from '../types';
 
 // ─────────────────────────────────────────────────────────────────────────

package/src/components/Chat/components/MessageList.tsx

@@ -5,13 +5,18 @@
 
 'use client';
 
+import { Bot, ExternalLink, Loader2, User } from 'lucide-react';
+import moment from 'moment';
 import React, { useEffect, useRef } from 'react';
-import { Card, CardContent, Avatar, AvatarImage, AvatarFallback, Badge, ScrollArea } from '@djangocfg/ui-nextjs';
-import { Bot, User, ExternalLink, Loader2 } from 'lucide-react';
+
 import { useAuth } from '@djangocfg/api/auth';
-import type { MessageListProps } from '../types';
+import {
+    Avatar, AvatarFallback, AvatarImage, Badge, Card, CardContent, ScrollArea
+} from '@djangocfg/ui-nextjs';
+
 import { Enums } from '../types';
 
+import type { MessageListProps } from '../types';
 // ─────────────────────────────────────────────────────────────────────────
 // Message List Component
 // ─────────────────────────────────────────────────────────────────────────
@@ -38,10 +43,14 @@ export const MessageList: React.FC<MessageListProps> = ({
   }, [messages, isLoading, autoScroll]);
 
   const formatTimestamp = (timestamp: string) => {
-    const date = new Date(timestamp);
-    return date.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' });
+    return moment.utc(timestamp).local().format('hh:mm A');
   };
 
+  // Get user initial for avatar
+  const userInitial = user?.display_username?.charAt(0)?.toUpperCase()
+    || user?.email?.charAt(0)?.toUpperCase()
+    || null;
+
   return (
     <ScrollArea className={`h-full bg-muted/50 ${className}`} viewportRef={scrollRef}>
       <div className="space-y-4 p-4">
@@ -133,9 +142,7 @@ export const MessageList: React.FC<MessageListProps> = ({
                 <Avatar className="h-8 w-8 shrink-0">
                   {user?.avatar && <AvatarImage src={user.avatar} alt={user.display_username || user.email || 'User'} />}
                   <AvatarFallback className="bg-primary/10 text-primary font-semibold">
-                    {user?.display_username?.charAt(0)?.toUpperCase() || 
-                     user?.email?.charAt(0)?.toUpperCase() || 
-                     <User className="h-5 w-5" />}
+                    {userInitial || <User className="h-5 w-5" />}
                   </AvatarFallback>
                 </Avatar>
               )}

package/src/components/Chat/components/SessionList.tsx

@@ -5,20 +5,17 @@
 
 'use client';
 
-import React, { useCallback, useRef, useEffect } from 'react';
+import { Archive, Clock, Loader2, MessageSquare, Trash2 } from 'lucide-react';
+import moment from 'moment';
+import React, { useCallback, useEffect, useRef } from 'react';
+
 import {
-  Sheet,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
-  SheetDescription,
-  Button,
-  ScrollArea,
-  Badge,
+    Badge, Button, ScrollArea, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle
 } from '@djangocfg/ui-nextjs';
-import { MessageSquare, Clock, Archive, Trash2, Loader2 } from 'lucide-react';
+
 import { useKnowbaseSessionsContext } from '../../../contexts/knowbase';
 import { useInfiniteSessions } from '../hooks/useInfiniteSessions';
+
 import type { SessionListProps } from '../types';
 
 // ─────────────────────────────────────────────────────────────────────────
@@ -68,8 +65,7 @@ export const SessionList: React.FC<SessionListProps> = ({
   }, [handleScroll]);
 
   const formatDate = (dateString: string) => {
-    const date = new Date(dateString);
-    return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+    return moment.utc(dateString).local().format('MMM D');
   };
 
   return (

package/src/components/Chat/hooks/useInfiniteSessions.ts

@@ -4,7 +4,8 @@
  */
 
 import useSWRInfinite from 'swr/infinite';
-import { apiKnowbase, ExtKnowbaseTypes, ExtKnowbaseFetchers } from '@djangocfg/api';
+
+import { apiKnowbase, ExtKnowbaseFetchers, ExtKnowbaseTypes } from '../../../api';
 
 type PaginatedChatSessionList = ExtKnowbaseTypes.PaginatedChatSessionList;
 type ChatSession = ExtKnowbaseTypes.ChatSession;

package/src/components/Chat/index.tsx

@@ -7,9 +7,11 @@
 'use client';
 
 import React from 'react';
+
 import { KnowbaseChatProvider, KnowbaseSessionsProvider } from '../../contexts/knowbase';
 import { ChatUIProvider } from './ChatUIContext';
 import { ChatWidget } from './ChatWidget';
+
 import type { ChatWidgetProps } from './types';
 
 // ─────────────────────────────────────────────────────────────────────────

package/src/components/Chat/types.ts

@@ -4,7 +4,9 @@
  */
 
 // Import types from local generated API
-import { ExtKnowbaseKnowbaseTypes, Enums as GeneratedEnums } from '../../api/generated/ext_knowbase';
+import {
+    Enums as GeneratedEnums, ExtKnowbaseKnowbaseTypes
+} from '../../api/generated/ext_knowbase';
 
 // ============================================================================
 // Extract types from generated API

package/src/config.ts

@@ -3,6 +3,7 @@
  */
 
 import { createExtensionConfig } from '@djangocfg/ext-base';
+
 import packageJson from '../package.json';
 
 export const extensionConfig = createExtensionConfig(packageJson, {

package/src/contexts/knowbase/ChatContext.tsx

@@ -5,19 +5,16 @@
 
 'use client';
 
-import React, { createContext, useContext, type ReactNode } from 'react';
+import React, { createContext, ReactNode, useContext } from 'react';
 
 import { apiKnowbase } from '../../api';
 import {
-  useKnowbaseAdminChatList,
-  useKnowbaseAdminChatRetrieve,
-  useCreateKnowbaseAdminChatCreate,
-  useUpdateKnowbaseAdminChatUpdate,
-  usePartialUpdateKnowbaseAdminChatPartialUpdate,
-  useDeleteKnowbaseAdminChatDestroy,
-  useKnowbaseAdminChatHistoryRetrieve,
-  useCreateKnowbaseAdminChatQueryCreate,
+    useCreateKnowbaseAdminChatCreate, useCreateKnowbaseAdminChatQueryCreate,
+    useDeleteKnowbaseAdminChatDestroy, useKnowbaseAdminChatHistoryRetrieve,
+    useKnowbaseAdminChatList, useKnowbaseAdminChatRetrieve,
+    usePartialUpdateKnowbaseAdminChatPartialUpdate, useUpdateKnowbaseAdminChatUpdate
 } from '../../api/generated/ext_knowbase/_utils/hooks';
+
 import type {
   PaginatedChatResponseList,
   ChatResponse,

package/src/contexts/knowbase/DocumentsContext.tsx

@@ -5,27 +5,21 @@
 
 'use client';
 
-import React, { createContext, useContext, type ReactNode } from 'react';
+import React, { createContext, ReactNode, useContext } from 'react';
 
 import { apiKnowbase } from '../../api';
 import {
-  useKnowbaseAdminDocumentsList,
-  useKnowbaseAdminDocumentsRetrieve,
-  useCreateKnowbaseAdminDocumentsCreate,
-  useUpdateKnowbaseAdminDocumentsUpdate,
-  usePartialUpdateKnowbaseAdminDocumentsPartialUpdate,
-  useDeleteKnowbaseAdminDocumentsDestroy,
-  useCreateKnowbaseAdminDocumentsReprocessCreate,
-  useKnowbaseAdminDocumentsStatusRetrieve,
-  useKnowbaseAdminDocumentsStatsRetrieve,
-  useKnowbaseSystemArchivesList,
-  useKnowbaseSystemArchivesRetrieve,
-  useCreateKnowbaseSystemArchivesCreate,
-  useUpdateKnowbaseSystemArchivesUpdate,
-  usePartialUpdateKnowbaseSystemArchivesPartialUpdate,
-  useDeleteKnowbaseSystemArchivesDestroy,
-  useKnowbaseSystemArchivesStatisticsRetrieve,
+    useCreateKnowbaseAdminDocumentsCreate, useCreateKnowbaseAdminDocumentsReprocessCreate,
+    useCreateKnowbaseSystemArchivesCreate, useDeleteKnowbaseAdminDocumentsDestroy,
+    useDeleteKnowbaseSystemArchivesDestroy, useKnowbaseAdminDocumentsList,
+    useKnowbaseAdminDocumentsRetrieve, useKnowbaseAdminDocumentsStatsRetrieve,
+    useKnowbaseAdminDocumentsStatusRetrieve, useKnowbaseSystemArchivesList,
+    useKnowbaseSystemArchivesRetrieve, useKnowbaseSystemArchivesStatisticsRetrieve,
+    usePartialUpdateKnowbaseAdminDocumentsPartialUpdate,
+    usePartialUpdateKnowbaseSystemArchivesPartialUpdate, useUpdateKnowbaseAdminDocumentsUpdate,
+    useUpdateKnowbaseSystemArchivesUpdate
 } from '../../api/generated/ext_knowbase/_utils/hooks';
+
 import type {
   PaginatedDocumentList,
   Document,

package/src/contexts/knowbase/KnowbaseProvider.tsx

@@ -8,6 +8,7 @@
 
 import type { ReactNode } from 'react';
 import { ExtensionProvider } from '@djangocfg/ext-base/hooks';
+
 import { extensionConfig } from '../../config';
 import { KnowbaseChatProvider } from './ChatContext';
 import { KnowbaseDocumentsProvider } from './DocumentsContext';

package/src/contexts/knowbase/SessionsContext.tsx

@@ -5,19 +5,16 @@
 
 'use client';
 
-import React, { createContext, useContext, type ReactNode } from 'react';
+import React, { createContext, ReactNode, useContext } from 'react';
 
 import { apiKnowbase } from '../../api';
 import {
-  useKnowbaseAdminSessionsList,
-  useKnowbaseAdminSessionsRetrieve,
-  useCreateKnowbaseAdminSessionsCreate,
-  useUpdateKnowbaseAdminSessionsUpdate,
-  usePartialUpdateKnowbaseAdminSessionsPartialUpdate,
-  useDeleteKnowbaseAdminSessionsDestroy,
-  useCreateKnowbaseAdminSessionsActivateCreate,
-  useCreateKnowbaseAdminSessionsArchiveCreate,
+    useCreateKnowbaseAdminSessionsActivateCreate, useCreateKnowbaseAdminSessionsArchiveCreate,
+    useCreateKnowbaseAdminSessionsCreate, useDeleteKnowbaseAdminSessionsDestroy,
+    useKnowbaseAdminSessionsList, useKnowbaseAdminSessionsRetrieve,
+    usePartialUpdateKnowbaseAdminSessionsPartialUpdate, useUpdateKnowbaseAdminSessionsUpdate
 } from '../../api/generated/ext_knowbase/_utils/hooks';
+
 import type {
   PaginatedChatSessionList,
   ChatSession,