@app-studio/web 0.9.85 → 0.9.88

package/dist/components/ChatInput/ChatInput/ChatInput.props.d.ts

@@ -1,274 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { ChatInputStyles, ModelOption, PromptExample, Shape, Size, Variant } from './ChatInput.type';
-import { Suggestion } from '../EditableInput';
-/**
- * Props for the ChatInput component
- */
-export interface ChatInputProps extends Omit<ViewProps, 'onChange'> {
-    /**
-     * Get the pending files
-     */
-    getPendingFiles: () => File[];
-    /**
-     * Clear the pending files
-     */
-    clearPendingFiles: () => void;
-    /**
-     * Callback function when the form is submitted
-     */
-    onSubmit: (message: string, options?: {
-        model_name?: string;
-        enable_thinking?: boolean;
-    }) => void;
-    /**
-     * Placeholder text for the input
-     */
-    placeholder?: string;
-    /**
-     * Whether the input is in a loading state
-     */
-    loading?: boolean;
-    /**
-     * Whether the input is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Whether an agent is currently running
-     */
-    isAgentRunning?: boolean;
-    /**
-     * Callback function to stop the agent
-     */
-    onStopAgent?: () => void;
-    /**
-     * Whether to auto focus the input
-     */
-    autoFocus?: boolean;
-    /**
-     * Controlled value for the input
-     */
-    value?: string;
-    /**
-     * Callback function when the input value changes
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Callback function when the file browser is opened
-     */
-    onFileBrowse?: () => void;
-    /**
-     * ID of the sandbox
-     */
-    sandboxId?: string;
-    /**
-     * Callback when file upload progress changes
-     */
-    onUploadProgress?: (progress: number) => void;
-    /**
-     * Callback when file upload succeeds
-     */
-    onUploadSuccess?: (data: any) => void;
-    /**
-     * Callback when file upload fails
-     */
-    onUploadError?: (error: any) => void;
-    /**
-     * Function to execute file upload. Parent should provide this.
-     * Should return an object with a loading property.
-     */
-    onFileUpload?: (file: File) => void;
-    /**
-     * Whether to hide the attachment button
-     */
-    hideAttachments?: boolean;
-    /**
-     * Enable audio recording button
-     */
-    enableAudioRecording?: boolean;
-    /**
-     * Callback when audio recording starts
-     */
-    onAudioRecordingStart?: () => void;
-    /**
-     * Callback when audio recording stops
-     */
-    onAudioRecordingStop?: (audio: Blob) => void;
-    /**
-     * Title for the chat input
-     */
-    title?: string;
-    /**
-     * Whether to show the guide tip
-     */
-    showGuideTip?: boolean;
-    /**
-     * URL for the guide video
-     */
-    guideVideoUrl?: string;
-    /**
-     * Callback function when the guide tip is closed
-     */
-    onGuideClose?: () => void;
-    /**
-     * List of prompt examples
-     */
-    promptExamples?: PromptExample[];
-    /**
-     * List of suggestions for auto-completion
-     */
-    suggestions?: Suggestion[];
-    /**
-     * Callback function when a prompt example is selected
-     */
-    onPromptExampleSelect?: (example: PromptExample) => void;
-    /**
-     * Data for mention auto-completion
-     */
-    mentionData?: Array<{
-        id: string;
-        name: string;
-        avatar?: string;
-        description?: string;
-    }>;
-    /**
-     * Trigger character for mentions (default: '@')
-     */
-    mentionTrigger?: string;
-    /**
-     * Callback function when a mention is selected
-     */
-    onMentionSelect?: (mention: {
-        id: string;
-        name: string;
-        avatar?: string;
-        description?: string;
-    }) => void;
-    /**
-     * Error message to display at the bottom
-     */
-    errorMessage?: string;
-    /**
-     * Size of the input
-     */
-    size?: Size;
-    /**
-     * Shape of the input
-     */
-    shape?: Shape;
-    /**
-     * Variant of the input
-     */
-    variant?: Variant;
-    /**
-     * Style customization
-     */
-    views?: ChatInputStyles;
-}
-/**
- * Props for the ChatInput view component
- */
-export interface ChatInputViewProps extends ChatInputProps {
-    /**
-     * Current value of the input
-     */
-    value?: string;
-    /**
-     * Callback function when the input value changes
-     */
-    handleChange: (value: string) => void;
-    /**
-     * Callback function when the form is submitted
-     */
-    handleSubmit: (e: React.FormEvent) => void;
-    /**
-     * Reference to the editable div element
-     */
-    editableRef: React.RefObject<HTMLDivElement>;
-    /**
-     * Reference to the file input element
-     */
-    fileInputRef: React.RefObject<HTMLInputElement>;
-    /**
-     * Whether files are being uploaded
-     */
-    isUploading: boolean;
-    /**
-     * Current upload progress (0-100)
-     */
-    uploadProgress?: number;
-    leftButtons?: React.ReactNode;
-    rightButtons?: React.ReactNode;
-    /**
-     * Whether the user is dragging files over the input
-     */
-    isDraggingOver: boolean;
-    /**
-     * List of uploaded files
-     */
-    uploadedFiles: File[];
-    /**
-     * Callback function to remove an uploaded file
-     */
-    removeUploadedFile: (index: number) => void;
-    /**
-     * Callback function to set pending files
-     */
-    setPendingFiles: React.Dispatch<React.SetStateAction<File[]>>;
-    /**
-     * Callback function to set uploaded files
-     */
-    setUploadedFiles: React.Dispatch<React.SetStateAction<File[]>>;
-    /**
-     * Callback function to set whether files are being uploaded
-     */
-    setIsUploading: React.Dispatch<React.SetStateAction<boolean>>;
-    /**
-     * Start uploading newly added files
-     */
-    startUpload: (files: File[]) => void;
-    /**
-     * Currently selected model
-     */
-    selectedModel: string;
-    /**
-     * Callback function when the model changes
-     */
-    handleModelChange: (model: string) => void;
-    /**
-     * List of available models
-     */
-    modelOptions: ModelOption[];
-    /**
-     * Subscription status
-     */
-    subscriptionStatus?: string;
-    /**
-     * Whether the user can access the selected model
-     */
-    canAccessModel: (model: string) => boolean;
-    /**
-     * Whether the guide tip is shown
-     */
-    isGuideTipShown: boolean;
-    /**
-     * Callback function to hide the guide tip
-     */
-    hideGuideTip: () => void;
-    /**
-     * Callback function to handle prompt example selection
-     */
-    handlePromptExampleSelect: (example: PromptExample) => void;
-    /**
-     * Callback function to handle drag over events
-     */
-    handleDragOver: (e: React.DragEvent<HTMLDivElement>) => void;
-    /**
-     * Callback function to handle drag leave events
-     */
-    handleDragLeave: (e: React.DragEvent<HTMLDivElement>) => void;
-    /**
-     * List of suggestions for auto-completion
-     */
-    suggestions?: Suggestion[];
-}

package/dist/components/ChatInput/ChatInput/ChatInput.state.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { ChatInputProps } from './ChatInput.props';
-import { ModelOption, PromptExample } from './ChatInput.type';
-/**
- * Custom hook for managing ChatInput state
- */
-export declare const useChatInputState: (props: ChatInputProps) => {
-    value: string | undefined;
-    handleChange: (newValue: string) => void;
-    handleSubmit: (e: React.FormEvent) => void;
-    editableRef: import("react").MutableRefObject<HTMLDivElement | null>;
-    fileInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
-    isUploading: boolean;
-    uploadProgress: number;
-    isDraggingOver: boolean;
-    uploadedFiles: File[];
-    pendingFiles: File[];
-    removeUploadedFile: (index: number) => void;
-    setPendingFiles: import("react").Dispatch<import("react").SetStateAction<File[]>>;
-    setUploadedFiles: import("react").Dispatch<import("react").SetStateAction<File[]>>;
-    setIsUploading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    startUpload: (files: File[]) => void;
-    selectedModel: string;
-    handleModelChange: import("react").Dispatch<import("react").SetStateAction<string>>;
-    modelOptions: ModelOption[];
-    subscriptionStatus: string;
-    canAccessModel: (_model: string) => boolean;
-    handleDragOver: (e: React.DragEvent<HTMLDivElement>) => void;
-    handleDragLeave: (e: React.DragEvent<HTMLDivElement>) => void;
-    isGuideTipShown: boolean;
-    hideGuideTip: () => void;
-    handlePromptExampleSelect: (example: PromptExample) => void;
-};

package/dist/components/ChatInput/ChatInput/ChatInput.style.d.ts

@@ -1,174 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Shape, Size, Variant } from './ChatInput.type';
-export declare const DefaultAgentChatStyles: {
-    container: ViewProps;
-    header: ViewProps;
-    messageList: ViewProps;
-    emptyState: ViewProps;
-    inputArea: ViewProps;
-    attachmentArea: ViewProps;
-    message: ViewProps;
-    userMessage: ViewProps;
-    botMessage: ViewProps;
-    thoughtMessage: ViewProps;
-    loadingMessage: ViewProps;
-    messageHeader: ViewProps;
-    messageContent: ViewProps;
-    messageFooter: ViewProps;
-    timestamp: ViewProps;
-    avatar: ViewProps;
-    userAvatar: ViewProps;
-    botAvatar: ViewProps;
-    attachmentPreview: ViewProps;
-    attachmentRemove: ViewProps;
-    typingIndicator: ViewProps;
-    typingDot: ViewProps;
-    functionCall: ViewProps;
-    functionResponse: ViewProps;
-    codeBlock: ViewProps;
-    inlineData: ViewProps;
-    errorMessage: ViewProps;
-    loadingOverlay: ViewProps;
-    runProgress: ViewProps;
-};
-/**
- * Default styles for the ChatInput component
- */
-export declare const DefaultChatInputStyles: {
-    container: {
-        width: string;
-        maxWidth: string;
-        borderRadius: string;
-        backgroundColor: string;
-        transition: string;
-        media: {
-            mobile: {
-                borderRadius: string;
-            };
-        };
-    };
-    content: {
-        width: string;
-        padding: string;
-        borderRadius: string;
-        backgroundColor: string;
-        borderWidth: string;
-        borderStyle: string;
-        borderColor: string;
-        media: {
-            mobile: {
-                padding: string;
-                borderRadius: string;
-            };
-        };
-    };
-    textarea: {
-        width: string;
-        minHeight: string;
-        maxHeight: string;
-        padding: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        backgroundColor: string;
-        border: string;
-        outline: string;
-        resize: string;
-        overflow: string;
-        media: {
-            mobile: {
-                padding: string;
-                fontSize: string;
-                minHeight: string;
-            };
-        };
-    };
-    attachments: {
-        display: string;
-        flexWrap: string;
-        gap: string;
-        padding: string;
-    };
-    attachmentItem: {
-        display: string;
-        alignItems: string;
-        gap: string;
-        padding: string;
-        borderRadius: string;
-        backgroundColor: string;
-    };
-    attachmentName: {
-        fontSize: string;
-        fontWeight: string;
-        color: string;
-    };
-    attachmentSize: {
-        fontSize: string;
-        color: string;
-    };
-    attachmentRemove: {
-        padding: string;
-        borderRadius: string;
-        cursor: string;
-        color: string;
-        backgroundColor: string;
-        transition: string;
-    };
-    submitButton: {
-        height: string;
-        minWidth: string;
-        padding: string;
-        borderRadius: string;
-        backgroundColor: string;
-        color: string;
-        transition: string;
-        media: {
-            mobile: {
-                height: string;
-                minWidth: string;
-                padding: string;
-            };
-        };
-    };
-    fileButton: {
-        height: string;
-        padding: string;
-        borderRadius: string;
-        backgroundColor: string;
-        color: string;
-        transition: string;
-        media: {
-            mobile: {
-                height: string;
-                padding: string;
-            };
-        };
-    };
-    modelSelector: {
-        height: string;
-        padding: string;
-        borderRadius: string;
-        backgroundColor: string;
-        color: string;
-        transition: string;
-    };
-    loadingIndicator: {
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        gap: string;
-        padding: string;
-    };
-};
-/**
- * Shape styles for the ChatInput component
- */
-export declare const Shapes: Record<Shape, ViewProps>;
-/**
- * Size styles for the ChatInput component
- */
-export declare const Sizes: Record<Size, ViewProps>;
-/**
- * Variant styles for the ChatInput component
- */
-export declare const Variants: Record<Variant, ViewProps>;

package/dist/components/ChatInput/ChatInput/ChatInput.type.d.ts

@@ -1,56 +0,0 @@
-import { ViewProps } from 'app-studio';
-/**
- * Size options for the ChatInput component
- */
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-/**
- * Shape options for the ChatInput component
- */
-export declare type Shape = 'default' | 'square' | 'rounded';
-/**
- * Variant options for the ChatInput component
- */
-export declare type Variant = 'default' | 'outline' | 'none';
-/**
- * Prompt example interface
- */
-export interface PromptExample {
-    id: string;
-    text: string;
-}
-/**
- * Model option interface
- */
-export interface ModelOption {
-    id: string;
-    name: string;
-    description?: string;
-    isThinking?: boolean;
-}
-/**
- * Style customization interface for ChatInput
- */
-export interface ChatInputStyles {
-    textarea?: ViewProps;
-    container?: ViewProps;
-    content?: ViewProps;
-    editableInput?: ViewProps;
-    header?: ViewProps;
-    title?: ViewProps;
-    guideTip?: ViewProps;
-    guideTipVideo?: ViewProps;
-    guideTipClose?: ViewProps;
-    promptExamples?: ViewProps;
-    promptExampleItem?: ViewProps;
-    attachments?: ViewProps;
-    attachmentItem?: ViewProps;
-    attachmentName?: ViewProps;
-    attachmentSize?: ViewProps;
-    attachmentRemove?: ViewProps;
-    submitButton?: ViewProps;
-    fileButton?: ViewProps;
-    recordButton?: ViewProps;
-    modelSelector?: ViewProps;
-    loadingIndicator?: ViewProps;
-    bottomTip?: ViewProps;
-}

package/dist/components/ChatInput/ChatInput/ChatInput.view.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ChatInputViewProps } from './ChatInput.props';
-declare const ChatInputView: React.FC<ChatInputViewProps>;
-export default ChatInputView;

package/dist/components/ChatInput/ChatInput.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ChatInputProps } from './ChatInput/ChatInput.props';
-/**
- * Interface for the ChatInput component's imperative handle
- */
-/**
- * ChatInput component
- *
- * A customizable chat input component with file upload support
- */
-export declare const ChatInput: React.ForwardRefExoticComponent<Pick<ChatInputProps, string | number> & React.RefAttributes<HTMLElement>>;

package/dist/components/ChatInput/ChatUploader.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-interface ChatUploaderProps {
-    loading: boolean;
-    disabled: boolean;
-    isAgentRunning: boolean;
-    isUploading: boolean;
-    hideAttachments?: boolean;
-    sandboxId?: string;
-    setPendingFiles: React.Dispatch<React.SetStateAction<File[]>>;
-    setUploadedFiles: React.Dispatch<React.SetStateAction<File[]>>;
-    setIsUploading: React.Dispatch<React.SetStateAction<boolean>>;
-    views?: {
-        button?: any;
-        icon?: any;
-        text?: any;
-        tooltip?: any;
-    };
-}
-export declare const ChatUploader: React.ForwardRefExoticComponent<ChatUploaderProps & React.RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/ChatInput/EditableInput.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-export interface Suggestion {
-    id: string;
-    text: string;
-    description?: string;
-}
-interface MentionData {
-    id: string;
-    name: string;
-    avatar?: string;
-    description?: string;
-}
-interface EditableInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    suggestions?: Suggestion[];
-    onSuggestionSelect?: (suggestion: Suggestion) => void;
-    showSuggestions?: boolean;
-    mentionData?: MentionData[];
-    mentionTrigger?: string;
-    onMentionSelect?: (mention: MentionData) => void;
-    maxHeight?: string;
-    minHeight?: string;
-    views?: {
-        container?: any;
-        input?: any;
-        placeholder?: any;
-        suggestionsContainer?: any;
-        suggestionItem?: any;
-        mentionContainer?: any;
-        mentionItem?: any;
-    };
-}
-export declare const EditableInput: React.ForwardRefExoticComponent<EditableInputProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/ChatInput/GuideTip.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface GuideTipProps {
-    videoUrl?: string;
-    onClose: () => void;
-    views?: {
-        container?: any;
-        video?: any;
-        closeButton?: any;
-    };
-}
-export declare const GuideTip: React.FC<GuideTipProps>;
-export {};

package/dist/components/ChatInput/MessageInput.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import { ModelOption } from './ChatInput/ChatInput.type';
-interface MessageInputProps {
-    value: string;
-    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    onSubmit: (e: React.FormEvent) => void;
-    placeholder?: string;
-    loading?: boolean;
-    disabled?: boolean;
-    isAgentRunning?: boolean;
-    onStopAgent?: () => void;
-    isDraggingOver?: boolean;
-    uploadedFiles: File[];
-    fileInputRef: React.RefObject<HTMLInputElement>;
-    isUploading: boolean;
-    sandboxId?: string;
-    setPendingFiles: React.Dispatch<React.SetStateAction<File[]>>;
-    setUploadedFiles: React.Dispatch<React.SetStateAction<File[]>>;
-    setIsUploading: React.Dispatch<React.SetStateAction<boolean>>;
-    hideAttachments?: boolean;
-    selectedModel: string;
-    onModelChange: (model: string) => void;
-    modelOptions: ModelOption[];
-    subscriptionStatus?: string;
-    canAccessModel: (model: string) => boolean;
-    views?: {
-        container?: any;
-        textarea?: any;
-        buttonGroup?: any;
-        submitButton?: any;
-        submitIcon?: any;
-        modelSelector?: any;
-    };
-}
-export declare const MessageInput: React.ForwardRefExoticComponent<MessageInputProps & React.RefAttributes<HTMLTextAreaElement>>;
-export {};

package/dist/components/ChatInput/PromptExamples.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { PromptExample } from './ChatInput/ChatInput.type';
-interface PromptExamplesProps {
-    examples: PromptExample[];
-    onSelect: (example: PromptExample) => void;
-    views?: {
-        container?: any;
-        item?: any;
-        text?: any;
-    };
-}
-export declare const PromptExamples: React.FC<PromptExamplesProps>;
-export {};

package/dist/components/ChatInput/index.d.ts

@@ -1,7 +0,0 @@
-export { ChatInput } from './ChatInput';
-export { AttachmentGroup } from './AttachmentGroup';
-export { EditableInput } from './EditableInput';
-export { ChatUploader } from './ChatUploader';
-export { GuideTip } from './GuideTip';
-export { PromptExamples } from './PromptExamples';
-export { AudioRecorder } from './AudioRecorder';