@app-studio/web 0.9.22 → 0.9.24

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ViewProps } from 'app-studio';
+export interface AudioInputProps extends ViewProps {
+    /**
+     * Callback function to be called when audio is available.
+     * @param file The audio file (Blob)
+     */
+    onAudio: (file: File) => void;
+}
+export interface AudioInputViewProps extends AudioInputProps {
+    recording: boolean;
+    paused: boolean;
+    audioBlob: Blob | null;
+    analyserNode: AnalyserNode | null;
+    startRecording: () => void;
+    stopRecording: () => void;
+    pauseRecording: () => void;
+    resumeRecording: () => void;
+    resetRecording: () => void;
+    handleFileChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}

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

@@ -0,0 +1,13 @@
+import { AudioInputProps } from './AudioInput.props';
+export declare function useAudioInputState(props: AudioInputProps): {
+    recording: boolean;
+    paused: boolean;
+    audioBlob: Blob | null;
+    analyserNode: AnalyserNode | null;
+    startRecording: () => Promise<void>;
+    stopRecording: () => void;
+    pauseRecording: () => void;
+    resumeRecording: () => void;
+    resetRecording: () => void;
+    handleFileChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AudioInputViewProps } from './AudioInput.props';
+export declare function AudioInputView({ onAudio, recording, paused, audioBlob, analyserNode, startRecording, stopRecording, pauseRecording, resumeRecording, resetRecording, handleFileChange, ...viewProps }: AudioInputViewProps): React.JSX.Element;
+export default AudioInputView;

package/dist/components/AudioInput/AudioInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AudioInputProps } from './AudioInput/AudioInput.props';
+export declare function AudioInput(props: AudioInputProps): React.JSX.Element;
+export default AudioInput;

package/dist/components/AudioInput/AudioWaveform/AudioWaveform.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AudioWaveformProps } from './AudioWaveform.props';
+export declare const AudioWaveform: React.FC<AudioWaveformProps>;

package/dist/components/AudioInput/AudioWaveform/AudioWaveform.props.d.ts

@@ -0,0 +1,21 @@
+import { ViewProps } from 'app-studio';
+export interface AudioWaveformProps extends ViewProps {
+    /**
+     * The AnalyserNode from the Web Audio API, used to capture audio data.
+     */
+    analyserNode: AnalyserNode | null;
+    /**
+     * Indicates whether the audio capture is paused.
+     */
+    isPaused: boolean;
+}
+export interface AudioWaveformViewProps extends ViewProps {
+    /**
+     * Indicates whether the audio capture is paused.
+     */
+    isPaused: boolean;
+    /**
+     * An array of amplitude values representing the audio waveform bars.
+     */
+    bars: number[];
+}

package/dist/components/AudioInput/AudioWaveform/AudioWaveform.view.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AudioWaveformViewProps } from './AudioWaveform.props';
+export declare function clamp(value: number, min: number, max: number): number;
+export declare const AudioWaveformView: React.FC<AudioWaveformViewProps>;

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

@@ -24,6 +24,7 @@ export interface AuroraBackgroundProps extends BackgroundProps {
  */
 export interface MeteorsProps extends ViewProps {
     number?: number;
+    children?: ReactNode;
 }
 /**
  * Wall component props

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

@@ -1,10 +1,8 @@
 import React from 'react';
-import { UploadedFile } from './ChatInput/ChatInput.type';
 interface AttachmentGroupProps {
-    files: UploadedFile[];
+    files: File[];
     sandboxId?: string;
     onRemove: (index: number) => void;
-    onSetAsReference?: (index: number) => void;
     layout?: 'inline' | 'grid';
     maxHeight?: string;
     showPreviews?: boolean;
@@ -14,7 +12,6 @@ interface AttachmentGroupProps {
         name?: any;
         size?: any;
         removeButton?: any;
-        referenceButton?: any;
     };
 }
 export declare const AttachmentGroup: React.FC<AttachmentGroupProps>;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface AudioRecorderProps {
+    onRecordingComplete: (file: File) => void;
+    onRecordingStart?: () => void;
+    views?: {
+        button?: any;
+    };
+}
+export declare const AudioRecorder: React.FC<AudioRecorderProps>;
+export {};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ViewProps } from 'app-studio';
-import { ChatInputStyles, ModelOption, PromptExample, Shape, Size, UploadedFile, Variant } from './ChatInput.type';
+import { ChatInputStyles, ModelOption, PromptExample, Shape, Size, Variant } from './ChatInput.type';
 import { Suggestion } from '../EditableInput';
 /**
  * Props for the ChatInput component
@@ -65,6 +65,18 @@ export interface ChatInputProps extends ViewProps {
      * 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
      */
@@ -115,14 +127,6 @@ export interface ChatInputProps extends ViewProps {
         avatar?: string;
         description?: string;
     }) => void;
-    /**
-     * Whether to show the reference image button
-     */
-    showReferenceImageButton?: boolean;
-    /**
-     * Callback function when the reference image button is clicked
-     */
-    onReferenceImageClick?: () => void;
     /**
      * Error message to display at the bottom
      */
@@ -181,7 +185,7 @@ export interface ChatInputViewProps extends ChatInputProps {
     /**
      * List of uploaded files
      */
-    uploadedFiles: UploadedFile[];
+    uploadedFiles: File[];
     /**
      * Callback function to remove an uploaded file
      */
@@ -193,7 +197,7 @@ export interface ChatInputViewProps extends ChatInputProps {
     /**
      * Callback function to set uploaded files
      */
-    setUploadedFiles: React.Dispatch<React.SetStateAction<UploadedFile[]>>;
+    setUploadedFiles: React.Dispatch<React.SetStateAction<File[]>>;
     /**
      * Callback function to set whether files are being uploaded
      */
@@ -226,14 +230,6 @@ export interface ChatInputViewProps extends ChatInputProps {
      * Callback function to hide the guide tip
      */
     hideGuideTip: () => void;
-    /**
-     * Whether the reference image modal is shown
-     */
-    isReferenceImageModalShown: boolean;
-    /**
-     * Callback function to toggle the reference image modal
-     */
-    toggleReferenceImageModal: () => void;
     /**
      * Callback function to handle prompt example selection
      */
@@ -246,18 +242,6 @@ export interface ChatInputViewProps extends ChatInputProps {
      * 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;
     /**
      * List of suggestions for auto-completion
      */

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ChatInputProps } from './ChatInput.props';
-import { ModelOption, PromptExample, UploadedFile } from './ChatInput.type';
+import { ModelOption, PromptExample } from './ChatInput.type';
 /**
  * Custom hook for managing ChatInput state
  */
@@ -12,11 +12,11 @@ export declare const useChatInputState: (props: ChatInputProps) => {
     fileInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
     isUploading: boolean;
     isDraggingOver: boolean;
-    uploadedFiles: UploadedFile[];
+    uploadedFiles: File[];
     pendingFiles: File[];
     removeUploadedFile: (index: number) => void;
     setPendingFiles: import("react").Dispatch<import("react").SetStateAction<File[]>>;
-    setUploadedFiles: import("react").Dispatch<import("react").SetStateAction<UploadedFile[]>>;
+    setUploadedFiles: import("react").Dispatch<import("react").SetStateAction<File[]>>;
     setIsUploading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     selectedModel: string;
     handleModelChange: import("react").Dispatch<import("react").SetStateAction<string>>;
@@ -27,10 +27,5 @@ export declare const useChatInputState: (props: ChatInputProps) => {
     handleDragLeave: (e: React.DragEvent<HTMLDivElement>) => void;
     isGuideTipShown: boolean;
     hideGuideTip: () => void;
-    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

@@ -11,17 +11,6 @@ export declare type Shape = 'default' | 'sharp' | 'rounded';
  * Variant options for the ChatInput component
  */
 export declare type Variant = 'default' | 'outline' | 'none';
-/**
- * Uploaded file interface
- */
-export interface UploadedFile {
-    name: string;
-    path: string;
-    size: number;
-    type: string;
-    localUrl?: string;
-    isReferenceImage?: boolean;
-}
 /**
  * Prompt example interface
  */
@@ -53,16 +42,14 @@ export interface ChatInputStyles {
     guideTipClose?: ViewProps;
     promptExamples?: ViewProps;
     promptExampleItem?: ViewProps;
-    referenceImageButton?: ViewProps;
-    referenceImageModal?: ViewProps;
     attachments?: ViewProps;
     attachmentItem?: ViewProps;
     attachmentName?: ViewProps;
     attachmentSize?: ViewProps;
     attachmentRemove?: ViewProps;
-    referenceButton?: ViewProps;
     submitButton?: ViewProps;
     fileButton?: ViewProps;
+    recordButton?: ViewProps;
     modelSelector?: ViewProps;
     loadingIndicator?: ViewProps;
     bottomTip?: ViewProps;

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { UploadedFile } from './ChatInput/ChatInput.type';
 interface ChatUploaderProps {
     loading: boolean;
     disabled: boolean;
@@ -8,7 +7,7 @@ interface ChatUploaderProps {
     hideAttachments?: boolean;
     sandboxId?: string;
     setPendingFiles: React.Dispatch<React.SetStateAction<File[]>>;
-    setUploadedFiles: React.Dispatch<React.SetStateAction<UploadedFile[]>>;
+    setUploadedFiles: React.Dispatch<React.SetStateAction<File[]>>;
     setIsUploading: React.Dispatch<React.SetStateAction<boolean>>;
     views?: {
         button?: any;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ModelOption, UploadedFile } from './ChatInput/ChatInput.type';
+import { ModelOption } from './ChatInput/ChatInput.type';
 interface MessageInputProps {
     value: string;
     onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
@@ -10,12 +10,12 @@ interface MessageInputProps {
     isAgentRunning?: boolean;
     onStopAgent?: () => void;
     isDraggingOver?: boolean;
-    uploadedFiles: UploadedFile[];
+    uploadedFiles: File[];
     fileInputRef: React.RefObject<HTMLInputElement>;
     isUploading: boolean;
     sandboxId?: string;
     setPendingFiles: React.Dispatch<React.SetStateAction<File[]>>;
-    setUploadedFiles: React.Dispatch<React.SetStateAction<UploadedFile[]>>;
+    setUploadedFiles: React.Dispatch<React.SetStateAction<File[]>>;
     setIsUploading: React.Dispatch<React.SetStateAction<boolean>>;
     hideAttachments?: boolean;
     selectedModel: string;

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

@@ -4,5 +4,4 @@ export { EditableInput } from './EditableInput';
 export { ChatUploader } from './ChatUploader';
 export { GuideTip } from './GuideTip';
 export { PromptExamples } from './PromptExamples';
-export { ReferenceImageButton } from './ReferenceImageButton';
-export { ReferenceImageModal } from './ReferenceImageModal';
+export { AudioRecorder } from './AudioRecorder';

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

@@ -13,6 +13,7 @@ export declare const DragHandleIcon: React.FC<IconProps>;
 export declare const FileIcon: React.FC<IconProps>;
 export declare const VideoIcon: React.FC<IconProps>;
 export declare const ImageIcon: React.FC<IconProps>;
+export declare const AudioIcon: React.FC<IconProps>;
 export declare const TwitterIcon: React.FC<IconProps>;
 export declare const XIcon: React.FC<IconProps>;
 export declare const TwitchIcon: React.FC<IconProps>;

package/dist/components/MediaPreview.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface MediaPreviewProps {
+    url: string;
+    type: string;
+    name?: string;
+    onOpen?: () => void;
+}
+/**
+ * MediaPreview renders a square thumbnail for image, video or audio files.
+ * It falls back to a file icon for unsupported types. Clicking the preview
+ * opens the original file unless the user interacts with playback controls.
+ */
+export declare const MediaPreview: React.FC<MediaPreviewProps>;
+export default MediaPreview;

package/dist/components/adk/AgentChat/AgentChat/AgentChat.props.d.ts

@@ -69,7 +69,7 @@ export interface AgentMessage {
 export interface MessageAttachment {
     file: File;
     url: string;
-    type: 'image' | 'video' | 'audio' | 'document';
+    type: string;
 }
 export interface AgentSession {
     id: string;

package/dist/components/adk/AgentChat/AgentChat/AgentChat.style.d.ts

@@ -31,6 +31,8 @@ export declare const DefaultAgentChatStyles: {
     codeBlock: ViewProps;
     inlineData: ViewProps;
     errorMessage: ViewProps;
+    loadingOverlay: ViewProps;
+    runProgress: ViewProps;
 };
 /**
  * Animation styles for typing indicator

package/dist/components/adk/AgentChat/AgentChat/AgentRunProgress.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AgentMessage } from './AgentChat.props';
+interface AgentRunProgressProps {
+    messages: AgentMessage[];
+    isTyping: boolean;
+}
+/**
+ * Displays a step-by-step view of the agent's reasoning and execution
+ */
+export declare const AgentRunProgress: React.FC<AgentRunProgressProps>;
+export default AgentRunProgress;

package/dist/components/adk/AgentChat/AgentChat/MessageAttachmentPreview.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { MessageAttachment } from './AgentChat.props';
 export interface MessageAttachmentPreviewProps {
     attachment: MessageAttachment;
-    onRemove: () => void;
+    onRemove?: () => void;
 }
 /**
  * MessageAttachmentPreview Component

package/dist/components/index.d.ts

@@ -1,6 +1,8 @@
 export * from './Accordion/Accordion';
 export * from './Alert/Alert';
 export * from './AspectRatio/AspectRatio';
+export * from './AudioInput/AudioWaveform/AudioWaveform';
+export * from './AudioInput/AudioInput';
 export * from './Avatar/Avatar';
 export * from './Badge/Badge';
 export * from './Button/Button';
@@ -29,6 +31,7 @@ export * from './Link/Link';
 export * from './Loader/Loader';
 export * from './Uploader/Uploader';
 export * from './Message/Message';
+export * from './MediaPreview';
 export * from './Modal/Modal';
 export * from './NavigationMenu/NavigationMenu';
 export * from './Table/Table';
@@ -63,6 +66,7 @@ export { default as AgentEval } from './adk/AgentEval/AgentEval';
 export * from './Accordion/Accordion/Accordion.props';
 export * from './Alert/Alert/Alert.props';
 export * from './AspectRatio/AspectRatio/AspectRatio.props';
+export * from './AudioInput/AudioInput/AudioInput.props';
 export * from './Avatar/Avatar/Avatar.props';
 export * from './Badge/Badge/Badge.props';
 export * from './Button/Button/Button.props';

package/dist/hooks/useAudioRecording.d.ts

@@ -0,0 +1,13 @@
+export declare function useAudioRecording(): {
+    readonly recording: boolean;
+    readonly paused: boolean;
+    readonly audioBlob: Blob | null;
+    readonly analyserNode: AnalyserNode | null;
+    readonly duration: number;
+    readonly error: string | null;
+    readonly startRecording: () => Promise<void>;
+    readonly stopRecording: () => void;
+    readonly pauseRecording: () => void;
+    readonly resumeRecording: () => void;
+    readonly resetRecording: () => void;
+};

package/dist/pages/audioInput.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AudioInputPage: () => React.JSX.Element;
+export default AudioInputPage;

package/dist/services/api/services/WorkflowService.d.ts

@@ -24,7 +24,7 @@ export declare const workflowControllerGet: (id: string) => CancelablePromise<an
  * @returns any Workflows found
  * @throws ApiError
  */
-export declare const workflowControllerList: (skill?: "brand" | "design" | "finance" | "product" | "project" | "dev" | "growth" | "community" | "ads" | undefined, projectId?: string | undefined) => CancelablePromise<any>;
+export declare const workflowControllerList: (skill?: "project" | "finance" | "dev" | "brand" | "growth" | "community" | "design" | "ads" | "product" | undefined, projectId?: string | undefined) => CancelablePromise<any>;
 /**
  * As a user, i want to find by kill and projectId
  * @param skill Skill
@@ -32,7 +32,7 @@ export declare const workflowControllerList: (skill?: "brand" | "design" | "fina
  * @returns any Workflows found
  * @throws ApiError
  */
-export declare const workflowControllerListTasks: (skill?: "brand" | "design" | "finance" | "product" | "project" | "dev" | "growth" | "community" | "ads" | undefined, projectId?: string | undefined) => CancelablePromise<any>;
+export declare const workflowControllerListTasks: (skill?: "project" | "finance" | "dev" | "brand" | "growth" | "community" | "design" | "ads" | "product" | undefined, projectId?: string | undefined) => CancelablePromise<any>;
 /**
  * Request a new task
  * @param requestBody
@@ -137,11 +137,11 @@ export declare const useWorkflowControllerGetService: ({ method, ...options }?:
     data: any;
 } & UseRequestProperties;
 export declare const useWorkflowControllerListService: ({ method, ...options }?: UseRequestOption) => {
-    run: (skill?: "brand" | "design" | "finance" | "product" | "project" | "dev" | "growth" | "community" | "ads" | undefined, projectId?: string | undefined) => void;
+    run: (skill?: "project" | "finance" | "dev" | "brand" | "growth" | "community" | "design" | "ads" | "product" | undefined, projectId?: string | undefined) => void;
     data: any;
 } & UseRequestProperties;
 export declare const useWorkflowControllerListTasksService: ({ method, ...options }?: UseRequestOption) => {
-    run: (skill?: "brand" | "design" | "finance" | "product" | "project" | "dev" | "growth" | "community" | "ads" | undefined, projectId?: string | undefined) => void;
+    run: (skill?: "project" | "finance" | "dev" | "brand" | "growth" | "community" | "design" | "ads" | "product" | undefined, projectId?: string | undefined) => void;
     data: any;
 } & UseRequestProperties;
 export declare const useWorkflowControllerRequestTaskService: ({ method, ...options }?: UseRequestOption) => {

package/dist/utils/file.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Helper function to determine file category from MIME type
+ */
+export declare const getFileCategory: (mimeType: string) => string;

package/dist/utils/typography.d.ts

@@ -22,8 +22,8 @@ export declare const FontWeights: Record<TextWeights, string>;
  * Typography utility object that can be used across components
  */
 export declare const Typography: {
-    fontSizes: Record<import("../components/Avatar/Avatar/Avatar.type").Size, string | number>;
-    lineHeights: Record<import("../components/Avatar/Avatar/Avatar.type").Size, string | number>;
+    fontSizes: Record<import("../components/Form/DatePicker/DatePicker/DatePicker.type").Size, string | number>;
+    lineHeights: Record<import("../components/Form/DatePicker/DatePicker/DatePicker.type").Size, string | number>;
     fontWeights: Record<import("../components/Form/Label/Label/Label.type").TextWeights, string>;
 };
 export default Typography;