@app-studio/web 0.9.3 → 0.9.5

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

@@ -4,6 +4,7 @@ interface AttachmentGroupProps {
     files: UploadedFile[];
     sandboxId?: string;
     onRemove: (index: number) => void;
+    onSetAsReference?: (index: number) => void;
     layout?: 'inline' | 'grid';
     maxHeight?: string;
     showPreviews?: boolean;
@@ -13,6 +14,7 @@ interface AttachmentGroupProps {
         name?: any;
         size?: any;
         removeButton?: any;
+        referenceButton?: any;
     };
 }
 export declare const AttachmentGroup: React.FC<AttachmentGroupProps>;

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

@@ -5,6 +5,14 @@ import { ChatInputStyles, ModelOption, PromptExample, Shape, Size, UploadedFile,
  * Props for the ChatInput component
  */
 export interface ChatInputProps extends ViewProps {
+    /**
+     * Get the pending files
+     */
+    getPendingFiles: () => File[];
+    /**
+     * Clear the pending files
+     */
+    clearPendingFiles: () => void;
     /**
      * Callback function when the form is submitted
      */
@@ -201,4 +209,24 @@ export interface ChatInputViewProps extends ChatInputProps {
      * 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;
+    /**
+     * Callback function to handle reference image upload
+     */
+    handleReferenceImageUpload: (files: File[]) => void;
+    /**
+     * Callback function to remove reference image
+     */
+    removeReferenceImage: () => void;
+    /**
+     * Callback function to set a file as reference image
+     */
+    setFileAsReference: (fileIndex: number) => void;
 }

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

@@ -30,4 +30,7 @@ export declare const useChatInputState: (props: ChatInputProps) => {
     isReferenceImageModalShown: boolean;
     toggleReferenceImageModal: () => void;
     handlePromptExampleSelect: (example: PromptExample) => void;
+    handleReferenceImageUpload: (files: File[]) => void;
+    removeReferenceImage: () => void;
+    setFileAsReference: (fileIndex: number) => void;
 };

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

@@ -20,6 +20,7 @@ export interface UploadedFile {
     size: number;
     type: string;
     localUrl?: string;
+    isReferenceImage?: boolean;
 }
 /**
  * Prompt example interface
@@ -59,6 +60,7 @@ export interface ChatInputStyles {
     attachmentName?: ViewProps;
     attachmentSize?: ViewProps;
     attachmentRemove?: ViewProps;
+    referenceButton?: ViewProps;
     submitButton?: ViewProps;
     fileButton?: ViewProps;
     modelSelector?: ViewProps;

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

@@ -3,19 +3,9 @@ import { ChatInputProps } from './ChatInput/ChatInput.props';
 /**
  * Interface for the ChatInput component's imperative handle
  */
-export interface ChatInputHandles {
-    /**
-     * Get the pending files
-     */
-    getPendingFiles: () => File[];
-    /**
-     * Clear the pending files
-     */
-    clearPendingFiles: () => void;
-}
 /**
  * ChatInput component
  *
  * A customizable chat input component with file upload support
  */
-export declare const ChatInput: React.ForwardRefExoticComponent<Pick<ChatInputProps, string | number> & React.RefAttributes<ChatInputHandles>>;
+export declare const ChatInput: React.ForwardRefExoticComponent<Pick<ChatInputProps, string | number> & React.RefAttributes<HTMLElement>>;

package/dist/components/ChatInput/{FileUploadHandler.d.ts → ChatUploader.d.ts}

@@ -1,10 +1,11 @@
 import React from 'react';
 import { UploadedFile } from './ChatInput/ChatInput.type';
-interface FileUploadHandlerProps {
+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<UploadedFile[]>>;
@@ -16,5 +17,5 @@ interface FileUploadHandlerProps {
         tooltip?: any;
     };
 }
-export declare const FileUploadHandler: React.ForwardRefExoticComponent<FileUploadHandlerProps & React.RefAttributes<HTMLInputElement>>;
+export declare const ChatUploader: React.ForwardRefExoticComponent<ChatUploaderProps & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -1,6 +1,7 @@
 import React from 'react';
 interface ReferenceImageButtonProps {
     onClick: () => void;
+    hasReferenceImage?: boolean;
     views?: {
         button?: any;
         text?: any;

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

@@ -1,11 +1,18 @@
 import React from 'react';
+import { UploadedFile } from './ChatInput/ChatInput.type';
 interface ReferenceImageModalProps {
     isOpen: boolean;
     onClose: () => void;
+    referenceImages: UploadedFile[];
+    onReferenceImageUpload: (files: File[]) => void;
+    onRemoveReferenceImage: () => void;
     views?: {
         container?: any;
         content?: any;
         closeButton?: any;
+        uploadArea?: any;
+        preview?: any;
+        removeButton?: any;
     };
 }
 export declare const ReferenceImageModal: React.FC<ReferenceImageModalProps>;

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

@@ -1,8 +1,7 @@
 export { ChatInput } from './ChatInput';
-export type { ChatInputHandles } from './ChatInput';
 export { AttachmentGroup } from './AttachmentGroup';
 export { EditableInput } from './EditableInput';
-export { FileUploadHandler } from './FileUploadHandler';
+export { ChatUploader } from './ChatUploader';
 export { GuideTip } from './GuideTip';
 export { PromptExamples } from './PromptExamples';
 export { ReferenceImageButton } from './ReferenceImageButton';

package/dist/components/Icon/Icon.d.ts

@@ -44,7 +44,6 @@ export declare const ShareIcon: React.FC<IconProps>;
 export declare const RefreshIcon: React.FC<IconProps>;
 export declare const PrintIcon: React.FC<IconProps>;
 export declare const MagicWandIcon: React.FC<IconProps>;
-export declare const SliderVerticalIcon: React.FC<IconProps>;
 export declare const PanelIcon: React.FC<IconProps>;
 export declare const FilterIcon: React.FC<IconProps>;
 export declare const HomeIcon: React.FC<IconProps>;
@@ -70,10 +69,9 @@ export declare const StopIcon: React.FC<IconProps>;
 export declare const SendIcon: React.FC<IconProps>;
 export declare const LoadingSpinnerIcon: React.FC<IconProps>;
 export declare const DragHandleLinesIcon: React.FC<IconProps>;
-export declare const ChevronDownIcon: React.FC<IconProps>;
-export declare const ChevronRightIcon: React.FC<IconProps>;
 export declare const CloseEyeIcon: React.FC<IconProps>;
 export declare const TrashIcon: React.FC<IconProps>;
+export declare const AttachmentIcon: React.FC<IconProps>;
 export declare const ExternalLinkIcon: React.FC<IconProps>;
 export declare const PlusIcon: React.FC<IconProps>;
 export declare const TickIcon: React.FC<IconProps>;

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

@@ -5,13 +5,16 @@ export interface UseUploadProps {
     accept?: string;
     maxSize?: number;
     onFileSelect?: (file: File) => void;
+    onMultipleFileSelect?: (files: File[]) => void;
     validateFile?: (file: File) => string | null;
     onError?: (error: string) => void;
     thumbnail?: string;
+    multiple?: boolean;
 }
 export interface UploadStateProps {
     handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selectedFile: File | null;
+    selectedFiles: File[];
     fileInputRef: React.RefObject<HTMLInputElement>;
     videoRef: React.RefObject<HTMLVideoElement>;
 }
@@ -44,7 +47,9 @@ export interface UploadViewProps {
     fileType?: 'video' | 'image' | 'file';
     handleClick?: () => void;
     onFileSelect?: (file: File) => void;
+    onMultipleFileSelect?: (files: File[]) => void;
     validateFile?: (file: File) => string | null;
+    multiple?: boolean;
     views?: {
         container?: ViewProps;
         view?: ViewProps;

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

@@ -1,13 +1,14 @@
 import React from 'react';
 import { UseUploadProps } from '../Uploader/Uploader.props';
 export declare const generateThumbnail: (videoFile: File, setThumbnailUrl: (url: string) => void) => void;
-export declare const useUpload: ({ maxSize, onFileSelect, validateFile, thumbnail, onError, }: UseUploadProps) => {
+export declare const useUpload: ({ maxSize, onFileSelect, onMultipleFileSelect, validateFile, thumbnail, multiple, onError, }: UseUploadProps) => {
     previewUrl: string | null;
     thumbnailUrl: string | null;
     errorMessage: string | null;
     fileInputRef: React.RefObject<HTMLInputElement>;
     videoRef: React.RefObject<HTMLVideoElement>;
     selectedFile: File | null;
+    selectedFiles: File[];
     handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     handleClick: () => void | undefined;
 };