@foris/ai-agent 0.11.1 → 1.0.0

package/dist/ai-sparkles-icon/AiSparklesIcon.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface AiSparklesIconProps {
     isAnimated?: boolean;
+    className?: string;
 }
 declare const AiSparklesIcon: React.FC<AiSparklesIconProps>;
 export default AiSparklesIcon;

package/dist/components/ai-elements/message-code-block.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
+export declare const PreWrapper: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 /** Props from react-markdown for the code component */
-export type MessageCodeBlockProps = React.ComponentProps<'code'> & {
-    inline?: boolean;
-};
+export type MessageCodeBlockProps = React.ComponentProps<'code'>;
 /**
  * Code component for react-markdown that uses our fine-grained Shiki
  * highlighter (2 themes, 14 languages — no extra chunks).
+ *
+ * react-markdown v10 removed the `inline` prop. We use a Context set by
+ * PreWrapper to distinguish block code (inside <pre>) from inline code.
  */
-export declare const MessageCodeBlock: import("react").MemoExoticComponent<({ inline, className, children, ...props }: MessageCodeBlockProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MessageCodeBlock: import("react").MemoExoticComponent<({ className, children, ...props }: MessageCodeBlockProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/chat-panel/ChatMessageItem.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { MessageType } from './chatPanel.types';
+interface ChatMessageItemProps {
+    message: MessageType;
+}
+declare const ChatMessageItem: FC<ChatMessageItemProps>;
+export default ChatMessageItem;

package/dist/components/chat-panel/ChatPanel.d.ts

@@ -0,0 +1,20 @@
+import type { FC } from 'react';
+import type { SuggestionType } from '../../types/chat';
+import type { DataSource } from '../../types/dataSource';
+export interface ChatPanelTranslations {
+    title?: string;
+    welcomeTitle?: string;
+    welcomeDescription?: string;
+    placeholder?: string;
+    disclaimer?: string;
+}
+interface ChatPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    dataSource: DataSource;
+    className?: string;
+    onClose?: () => void;
+    locale?: 'en' | 'es';
+    translations?: ChatPanelTranslations;
+    initialSuggestions?: SuggestionType[];
+}
+export declare const ChatPanel: FC<ChatPanelProps>;
+export default ChatPanel;

package/dist/components/chat-panel/ChatPanelFooter.d.ts

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+interface ChatPanelFooterProps {
+    input: string;
+    onInputChange: (value: string) => void;
+    onSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    placeholder: string;
+    disclaimer: string;
+}
+declare const ChatPanelFooter: FC<ChatPanelFooterProps>;
+export default ChatPanelFooter;

package/dist/components/chat-panel/ChatPanelHeader.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+interface ChatPanelHeaderProps {
+    title: string;
+    isExpanded: boolean;
+    onToggleExpand: () => void;
+    onClose?: () => void;
+}
+declare const ChatPanelHeader: FC<ChatPanelHeaderProps>;
+export default ChatPanelHeader;

package/dist/components/chat-panel/ChatPanelWelcome.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+import type { SuggestionType } from '../../types/chat';
+interface ChatPanelWelcomeProps {
+    welcomeTitle: string;
+    welcomeDescription: string;
+    suggestions: SuggestionType[];
+    onSuggestionClick: (suggestion: SuggestionType) => void;
+}
+declare const ChatPanelWelcome: FC<ChatPanelWelcomeProps>;
+export default ChatPanelWelcome;

package/dist/components/chat-panel/ChatSuggestionMessage.d.ts

@@ -0,0 +1,7 @@
+import type { SuggestionType } from '../../types/chat';
+interface ChatSuggestionMessageProps {
+    suggestion: SuggestionType;
+    onClick: () => void;
+}
+export declare const ChatSuggestionMessage: ({ suggestion, onClick, }: ChatSuggestionMessageProps) => import("react/jsx-runtime").JSX.Element;
+export default ChatSuggestionMessage;

package/dist/components/chat-panel/ChatTypingIndicator.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+declare const ChatTypingIndicator: FC;
+export default ChatTypingIndicator;

package/dist/{ai-chat-panel/chatPanel.constants.d.ts → components/chat-panel/chatPanel.types.d.ts}

@@ -1,8 +1,4 @@
-export interface ToolCall {
-    tool: string;
-    input?: any;
-    result?: any;
-}
+import type { ToolCall } from '../../types/chat';
 export type MessageType = {
     key: string;
     from: 'user' | 'assistant';
@@ -20,10 +16,3 @@ export type MessageType = {
     };
     tool?: ToolCall;
 };
-export type SuggestionType = {
-    key: string;
-    title: string;
-    description: string;
-};
-export declare const INITIAL_MESSAGES: MessageType[];
-export declare const INITIAL_SUGGESTIONS: SuggestionType[];

package/dist/components/chat-panel/index.d.ts

@@ -0,0 +1,2 @@
+export { ChatPanel, type ChatPanelTranslations } from './ChatPanel';
+export type { SuggestionType } from '../../types/chat';

package/dist/components/chat-panel/locale/en.json.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+  "title": "Foris Agent",
+  "welcomeTitle": "How can I help you?",
+  "welcomeDescription": "Choose a suggestion or ask me a question.",
+  "placeholder": "Ask or create something...",
+  "disclaimer": "Foris AI may make mistakes. Verify the responses."
+}
+;
+
+export default _default;

package/dist/components/chat-panel/locale/es.json.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+  "title": "Foris Agent",
+  "welcomeTitle": "¿Cómo puedo ayudarte?",
+  "welcomeDescription": "Puedes elegir una sugerencia o hacerme una pregunta.",
+  "placeholder": "Pregunta o crea algo...",
+  "disclaimer": "Foris AI puede cometer errores. Verifica sus respuestas."
+}
+;
+
+export default _default;

package/dist/components/ui/input-group.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
 import { Button } from './button';
 declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({

package/dist/hooks/useChat.d.ts

@@ -1,19 +1,13 @@
 import type { MutableRefObject } from 'react';
-import { ToolCall } from '../ai-chat-panel/chatPanel.constants';
-type Role = 'user' | 'assistant';
-interface ChatMessage {
-    role: Role;
-    content: string;
-    tool?: ToolCall;
-}
-interface OnSubmitProps {
+import { ApiManager } from '@foris/mango-core';
+import type { ChatMessage } from '../types/chat';
+export interface OnSubmitProps {
     params?: any;
     input: string;
-    setInput: (input: string) => void;
     abortRef: MutableRefObject<AbortController | null>;
 }
-export declare const useChat: (api: string, headers?: any) => {
-    onSubmit: ({ params, input, setInput, abortRef }: OnSubmitProps) => Promise<void>;
+/** When apiManager is passed, streaming uses mango (fetch or axios depending on delegate). */
+export declare const useChat: (api: string, headers?: Record<string, string>, apiManager?: ApiManager) => {
+    onSubmit: ({ params, input, abortRef }: OnSubmitProps) => Promise<void>;
     messages: ChatMessage[];
 };
-export {};

package/dist/hooks/useChatSubmit.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { type PromptInputMessage } from '../components/ai-elements/prompt-input';
+import { type OnSubmitProps } from './useChat';
+import type { DataSource } from '../types/dataSource';
+interface UseChatSubmitOptions {
+    dataSource: DataSource;
+    onSubmit: (props: OnSubmitProps) => Promise<void>;
+    resetUserScrolling: () => void;
+    scrollToBottom: (immediate?: boolean) => void;
+}
+export declare const useChatSubmit: ({ dataSource, onSubmit, resetUserScrolling, scrollToBottom, }: UseChatSubmitOptions) => {
+    input: string;
+    setInput: import("react").Dispatch<import("react").SetStateAction<string>>;
+    isLoadingMessage: boolean;
+    isChatStarted: boolean;
+    handleSubmit: (message: PromptInputMessage) => Promise<void>;
+    handleFooterSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
+    handleFooterKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+};
+export {};

package/dist/hooks/useCodeTransform.d.ts

@@ -1,9 +1,10 @@
+import { ApiManager } from '@foris/mango-core';
 import { RequestConfig } from '../ai-prompt-code-editor/PromptCodeEditor';
 export interface CodeTransformResponse {
     codeWithAnnotations: string;
     modifiedCode: string;
 }
-export declare const useCodeTransform: (requestConfig: RequestConfig) => {
+export declare const useCodeTransform: (requestConfig: RequestConfig, apiManager?: ApiManager) => {
     onSubmit: (componentBody: {
         code: string;
         prompt: string;

package/dist/hooks/useMessageProcessor.d.ts

@@ -0,0 +1,11 @@
+import type { ChatMessage } from '../types/chat';
+import type { MessageType } from '../components/chat-panel/chatPanel.types';
+interface UseMessageProcessorOptions {
+    messages: ChatMessage[];
+    isAtBottom: () => boolean;
+    resetUserScrolling: () => void;
+}
+export declare const useMessageProcessor: ({ messages, isAtBottom, resetUserScrolling, }: UseMessageProcessorOptions) => {
+    processedMessages: MessageType[];
+};
+export {};

package/dist/hooks/useSummary.d.ts

@@ -1,5 +1,6 @@
-import { ChatMessage } from '../types/streamChat';
-export declare const useSummary: (api: string, headers?: Record<string, string>) => {
+import { ApiManager } from '@foris/mango-core';
+import type { ChatMessage } from '../types/chat';
+export declare const useSummary: (api: string, headers?: Record<string, string>, apiManager?: ApiManager) => {
     onSubmit: (body: unknown) => Promise<void>;
     loading: boolean;
     summary: string;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { ChatPanel } from './ai-chat-panel';
+export { ChatPanel, type ChatPanelTranslations, type SuggestionType, } from './components/chat-panel';
 export { ChatPanelMenu } from './ai-chat-panel-menu';
 export { SummaryCard, type SummaryCardProps, type SummaryCardTranslations, type SupportedLocale, } from './components/summary-card';
 export { PromptCodeEditor } from './ai-prompt-code-editor';