@djangocfg/ext-knowbase 1.0.21 → 1.0.22

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

@@ -7,8 +7,11 @@
 
 import { Archive, Clock, Loader2, MessageSquare, Trash2 } from 'lucide-react';
 import moment from 'moment';
-import React, { useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 
+import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
+import { useT } from '@djangocfg/i18n';
+import { KNOWBASE_NAMESPACE, type KnowbaseTranslations } from '../../../i18n';
 import {
     Badge, Button, ScrollArea, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle
 } from '@djangocfg/ui-nextjs';
@@ -28,6 +31,8 @@ export const SessionList: React.FC<SessionListProps> = ({
   onSelectSession,
   className = '',
 }) => {
+  const baseT = useT();
+  const kt = createTypedExtensionT<typeof KNOWBASE_NAMESPACE, KnowbaseTranslations>(baseT, KNOWBASE_NAMESPACE);
   const { deleteSession, archiveSession } = useKnowbaseSessionsContext();
   const {
     sessions,
@@ -36,7 +41,20 @@ export const SessionList: React.FC<SessionListProps> = ({
     hasMore,
     loadMore,
   } = useInfiniteSessions();
-  
+
+  const labels = useMemo(() => ({
+    title: kt('sessions.title'),
+    description: kt('sessions.description'),
+    noSessions: kt('sessions.noSessions'),
+    noSessionsDescription: kt('sessions.noSessionsDescription'),
+    untitled: kt('sessions.untitled'),
+    active: kt('sessions.active'),
+    archive: kt('sessions.archive'),
+    delete: kt('sessions.delete'),
+    loadingMore: kt('sessions.loadingMore'),
+    noMore: kt('sessions.noMore'),
+  }), [kt]);
+
   const scrollRef = useRef<HTMLDivElement>(null);
 
   // Handle scroll to load more
@@ -72,9 +90,9 @@ export const SessionList: React.FC<SessionListProps> = ({
     <Sheet open={isOpen} onOpenChange={onClose}>
       <SheetContent side="left" className={`w-[400px] sm:w-[540px] ${className}`}>
         <SheetHeader>
-          <SheetTitle>Chat Sessions</SheetTitle>
+          <SheetTitle>{labels.title}</SheetTitle>
           <SheetDescription>
-            View and manage your chat history
+            {labels.description}
           </SheetDescription>
         </SheetHeader>
 
@@ -87,10 +105,10 @@ export const SessionList: React.FC<SessionListProps> = ({
             <div className="flex flex-col items-center justify-center py-12 text-center">
               <MessageSquare className="h-12 w-12 text-muted-foreground mb-4" />
               <h3 className="text-lg font-semibold text-foreground mb-2">
-                No Sessions Yet
+                {labels.noSessions}
               </h3>
               <p className="text-sm text-muted-foreground max-w-md">
-                Start a new conversation to create your first session.
+                {labels.noSessionsDescription}
               </p>
             </div>
           ) : (
@@ -117,11 +135,11 @@ export const SessionList: React.FC<SessionListProps> = ({
                   <div className="flex-1 min-w-0">
                     <div className="flex items-start justify-between gap-2 mb-1">
                       <h4 className="font-medium text-sm truncate">
-                        {session.title || 'Untitled Session'}
+                        {session.title || labels.untitled}
                       </h4>
                       {session.is_active && (
                         <Badge variant="default" className="shrink-0 text-xs">
-                          Active
+                          {labels.active}
                         </Badge>
                       )}
                     </div>
@@ -143,20 +161,20 @@ export const SessionList: React.FC<SessionListProps> = ({
                         e.stopPropagation();
                         archiveSession(session.id, {});
                       }}
-                      title="Archive"
+                      title={labels.archive}
                     >
                       <Archive className="h-4 w-4" />
                     </Button>
                     <Button
                       variant="ghost"
                       size="sm"
-                      className="h-8 w-8 p-0 text-destructive hover:text-destructive 
+                      className="h-8 w-8 p-0 text-destructive hover:text-destructive
                                hover:scale-110 active:scale-95 transition-transform duration-200"
                       onClick={(e) => {
                         e.stopPropagation();
                         deleteSession(session.id);
                       }}
-                      title="Delete"
+                      title={labels.delete}
                     >
                       <Trash2 className="h-4 w-4" />
                     </Button>
@@ -168,14 +186,14 @@ export const SessionList: React.FC<SessionListProps> = ({
               {isLoadingMore && (
                 <div className="flex items-center justify-center py-6">
                   <Loader2 className="h-5 w-5 animate-spin text-muted-foreground mr-2" />
-                  <span className="text-sm text-muted-foreground">Loading more...</span>
+                  <span className="text-sm text-muted-foreground">{labels.loadingMore}</span>
                 </div>
               )}
-              
+
               {/* No more sessions indicator */}
               {!hasMore && sessions.length > 0 && (
                 <div className="text-center py-4">
-                  <span className="text-xs text-muted-foreground">No more sessions</span>
+                  <span className="text-xs text-muted-foreground">{labels.noMore}</span>
                 </div>
               )}
             </div>

package/src/i18n/index.ts

@@ -0,0 +1,23 @@
+/**
+ * Knowbase Extension I18n
+ */
+
+import { createExtensionI18n } from '@djangocfg/ext-base/i18n';
+import type { KnowbaseTranslations } from './types';
+import { en } from './locales/en';
+import { ru } from './locales/ru';
+import { ko } from './locales/ko';
+
+/** Knowbase extension namespace */
+export const KNOWBASE_NAMESPACE = 'knowbase' as const;
+
+export const knowbaseI18n = createExtensionI18n<KnowbaseTranslations>({
+  namespace: KNOWBASE_NAMESPACE,
+  defaultLocale: 'en',
+  locales: { en, ru, ko },
+});
+
+export const knowbaseTranslations = knowbaseI18n.getAllTranslations();
+
+// Types
+export type { KnowbaseTranslations, KnowbaseKeys, KnowbaseLocalKeys } from './types';

package/src/i18n/locales/en.ts

@@ -0,0 +1,36 @@
+import type { KnowbaseTranslations } from '../types';
+
+export const en: KnowbaseTranslations = {
+  chat: {
+    title: 'Knowledge Assistant',
+    titleShort: 'Support',
+    placeholder: 'Ask me anything...',
+    enterToSend: 'Press Enter to send, Shift+Enter for new line',
+    thinking: 'Thinking...',
+    source: 'Source {index}',
+    startConversation: 'Start a Conversation',
+    startConversationDescription: 'Ask me anything about the documentation, features, or get help with your project.',
+    openChat: 'Open Support Chat',
+  },
+
+  sessions: {
+    title: 'Chat Sessions',
+    description: 'View and manage your chat history',
+    noSessions: 'No Sessions Yet',
+    noSessionsDescription: 'Start a new conversation to create your first session.',
+    untitled: 'Untitled Session',
+    active: 'Active',
+    archive: 'Archive',
+    delete: 'Delete',
+    loadingMore: 'Loading more...',
+    noMore: 'No more sessions',
+    newChat: 'New Chat',
+  },
+
+  actions: {
+    sessions: 'Sessions',
+    collapse: 'Collapse',
+    expand: 'Expand',
+    close: 'Close',
+  },
+};

package/src/i18n/locales/ko.ts

@@ -0,0 +1,36 @@
+import type { KnowbaseTranslations } from '../types';
+
+export const ko: KnowbaseTranslations = {
+  chat: {
+    title: '지식 도우미',
+    titleShort: '지원',
+    placeholder: '무엇이든 물어보세요...',
+    enterToSend: 'Enter로 전송, Shift+Enter로 줄바꿈',
+    thinking: '생각 중...',
+    source: '출처 {index}',
+    startConversation: '대화 시작하기',
+    startConversationDescription: '문서, 기능에 대해 질문하거나 프로젝트 도움을 받으세요.',
+    openChat: '지원 채팅 열기',
+  },
+
+  sessions: {
+    title: '채팅 세션',
+    description: '채팅 기록 보기 및 관리',
+    noSessions: '세션 없음',
+    noSessionsDescription: '새 대화를 시작하여 첫 번째 세션을 만드세요.',
+    untitled: '제목 없음',
+    active: '활성',
+    archive: '보관',
+    delete: '삭제',
+    loadingMore: '불러오는 중...',
+    noMore: '더 이상 세션 없음',
+    newChat: '새 채팅',
+  },
+
+  actions: {
+    sessions: '세션',
+    collapse: '축소',
+    expand: '확장',
+    close: '닫기',
+  },
+};

package/src/i18n/locales/ru.ts

@@ -0,0 +1,36 @@
+import type { KnowbaseTranslations } from '../types';
+
+export const ru: KnowbaseTranslations = {
+  chat: {
+    title: 'База знаний',
+    titleShort: 'Поддержка',
+    placeholder: 'Задайте вопрос...',
+    enterToSend: 'Enter для отправки, Shift+Enter для новой строки',
+    thinking: 'Думаю...',
+    source: 'Источник {index}',
+    startConversation: 'Начать разговор',
+    startConversationDescription: 'Задайте любой вопрос о документации, функциях или получите помощь с проектом.',
+    openChat: 'Открыть чат поддержки',
+  },
+
+  sessions: {
+    title: 'Сессии чата',
+    description: 'Просмотр и управление историей чата',
+    noSessions: 'Нет сессий',
+    noSessionsDescription: 'Начните новый разговор, чтобы создать первую сессию.',
+    untitled: 'Без названия',
+    active: 'Активная',
+    archive: 'Архивировать',
+    delete: 'Удалить',
+    loadingMore: 'Загрузка...',
+    noMore: 'Больше нет сессий',
+    newChat: 'Новый чат',
+  },
+
+  actions: {
+    sessions: 'Сессии',
+    collapse: 'Свернуть',
+    expand: 'Развернуть',
+    close: 'Закрыть',
+  },
+};

package/src/i18n/types.ts

@@ -0,0 +1,53 @@
+/**
+ * Knowbase Extension I18n Types
+ */
+
+import type { ExtensionKeys, PathKeys } from '@djangocfg/ext-base/i18n';
+
+/**
+ * All valid keys for knowbase translations (with namespace)
+ */
+export type KnowbaseKeys = ExtensionKeys<'knowbase', KnowbaseTranslations>;
+
+/**
+ * Keys without namespace prefix (for createTypedExtensionT)
+ */
+export type KnowbaseLocalKeys = PathKeys<KnowbaseTranslations>;
+
+export interface KnowbaseTranslations {
+  /** Chat widget */
+  chat: {
+    title: string;
+    titleShort: string;
+    placeholder: string;
+    enterToSend: string;
+    thinking: string;
+    source: string;
+    startConversation: string;
+    startConversationDescription: string;
+    openChat: string;
+  };
+
+  /** Sessions */
+  sessions: {
+    title: string;
+    description: string;
+    noSessions: string;
+    noSessionsDescription: string;
+    untitled: string;
+    active: string;
+    archive: string;
+    delete: string;
+    loadingMore: string;
+    noMore: string;
+    newChat: string;
+  };
+
+  /** Actions */
+  actions: {
+    sessions: string;
+    collapse: string;
+    expand: string;
+    close: string;
+  };
+}