fix: types

Author: astandrik

src/components/ComponentsProvider/chatPlaceholderTypes.ts

@@ -1,5 +1,7 @@
 import type React from 'react';
 
+import type {ChatConfig, ChatContext} from '../../types/chat';
+
 // Placeholder types for chat components
 // These will be properly typed when implemented in external packages
 
@@ -8,17 +10,9 @@ export interface AIAssistantButtonProps {
 }
 
 export interface ChatPanelProps {
-    config?: {
-        backendUrl?: string;
-        showQuota?: boolean;
-        enableContext?: boolean;
-        customActions?: any[];
-        maxMessages?: number;
-        welcomeMessage?: string;
-        suggestions?: string[];
-    };
-    context?: any;
-    formatContext?: (context: any) => string;
+    config?: ChatConfig;
+    context?: ChatContext;
+    formatContext?: (context: ChatContext) => string;
 }
 
 // Placeholder components that do nothing

src/lib.ts

@@ -35,3 +35,20 @@ export type {AsideNavigationProps} from './containers/AsideNavigation/AsideNavig
 export type {GetMonitoringLink, GetMonitoringClusterLink} from './utils/monitoring';
 
 export {configureUIFactory} from './uiFactory/uiFactory';
+
+// Export chat types
+export type {
+    ChatMessage,
+    ChatState,
+    ChatDelta,
+    ChatRequest,
+    ChatConfig,
+    ChatContext,
+    ChatCustomAction,
+    QuotaInfo,
+    ToolCall,
+    UsageBreakdown,
+} from './types/chat';
+
+// Re-export chat component types from ComponentsProvider
+export type {AIAssistantButtonProps, ChatPanelProps} from './components/ComponentsProvider';

src/types/chat.ts

@@ -0,0 +1,148 @@
+// Chat types exported from ydb-embedded-ui
+// These types are used by chat components implemented in external packages
+
+import type React from 'react';
+
+export interface ChatMessage {
+    id: string;
+    role: 'user' | 'assistant' | 'system' | 'tool';
+    content: string;
+    timestamp: number;
+    toolCalls?: ToolCall[];
+    toolCallId?: string;
+    metadata?: {
+        model?: string;
+        usage?: {
+            promptTokens: number;
+            completionTokens: number;
+            totalTokens: number;
+        };
+    };
+    usageBreakdown?: UsageBreakdown;
+}
+
+export interface ToolCall {
+    id: string;
+    type: 'function';
+    function: {
+        name: string;
+        arguments: string;
+    };
+    status?: 'pending' | 'executing' | 'completed' | 'error';
+    startTime?: number;
+    endTime?: number;
+}
+
+export interface UsageBreakdown {
+    mainChatTokens: number;
+    summaryTokens: number;
+    totalTokens: number;
+    estimatedCost: number;
+    breakdown: {
+        mainChat: {
+            inputTokens: number;
+            outputTokens: number;
+            cost: number;
+        };
+        summary: {
+            inputTokens: number;
+            outputTokens: number;
+            cost: number;
+        };
+    };
+}
+
+export interface ChatDelta {
+    type: 'content' | 'done' | 'error' | 'tool_result' | 'tool_calls' | 'tool_status' | 'usage';
+    content?: string;
+    error?: string;
+    tool_calls?: ToolCall[];
+    tool_call_id?: string;
+    tool_status?: 'executing' | 'completed' | 'error';
+    usage?: UsageBreakdown;
+}
+
+export interface ChatState {
+    messages: ChatMessage[];
+    isStreaming: boolean;
+    error: string | null;
+    sessionId: string | null;
+    isOpen: boolean;
+    needsNewAssistantMessage?: boolean;
+    currentStreamingMessageId?: string;
+}
+
+export interface ChatRequest {
+    messages: Array<{
+        role: string;
+        content: string;
+        tool_calls?: ToolCall[];
+        tool_call_id?: string;
+    }>;
+    context?: string;
+    stream: boolean;
+    model: string;
+}
+
+export interface QuotaInfo {
+    daily: {
+        used: number;
+        limit: number;
+        percentage: number;
+        remaining: number;
+    };
+    monthly: {
+        used: number;
+        limit: number;
+        percentage: number;
+        remaining: number;
+    };
+    pool: string;
+    login: string;
+}
+
+export interface ChatContext {
+    // Current page context
+    currentPage:
+        | 'cluster'
+        | 'tenant'
+        | 'node'
+        | 'pDisk'
+        | 'vDisk'
+        | 'tablet'
+        | 'storageGroup'
+        | 'unknown';
+
+    // Key identifiers
+    clusterName?: string;
+    tenantName?: string;
+    nodeId?: string;
+    tabletId?: string;
+    pDiskId?: string;
+    vDiskId?: string;
+    storageGroupId?: string;
+
+    // Current view/tab
+    activeTab?: string;
+
+    // URL for reference
+    currentPath: string;
+}
+
+export interface ChatCustomAction {
+    id: string;
+    label: string;
+    icon?: React.ComponentType<{size?: number}>;
+    handler: (message: ChatMessage) => void;
+}
+
+export interface ChatConfig {
+    backendUrl?: string;
+    quotaUrl?: string;
+    showQuota?: boolean;
+    enableContext?: boolean;
+    customActions?: ChatCustomAction[];
+    maxMessages?: number;
+    welcomeMessage?: string;
+    suggestions?: string[];
+}