@app-studio/web 0.9.22 → 0.9.25

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/AudioInput/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/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
@@ -112,6 +113,53 @@ export interface BackgroundImageProps extends Omit<BackgroundProps, 'position'>
         overlay?: ViewProps;
     };
 }
+/**
+ * Background Video component props
+ */
+export interface BackgroundVideoProps extends Omit<BackgroundProps, 'position'> {
+    /**
+     * Video source URL
+     */
+    src: string;
+    /**
+     * Whether the video should autoplay
+     * @default true
+     */
+    autoPlay?: boolean;
+    /**
+     * Whether the video should loop
+     * @default true
+     */
+    loop?: boolean;
+    /**
+     * Whether the video should be muted
+     * @default true
+     */
+    muted?: boolean;
+    /**
+     * Use inline playback on mobile
+     * @default true
+     */
+    playsInline?: boolean;
+    /**
+     * Overlay color to blend with video
+     */
+    overlay?: string;
+    /**
+     * Blend mode for overlay
+     * @default 'normal'
+     */
+    blendMode?: BlendMode;
+    /**
+     * Custom views for styling
+     */
+    views?: {
+        container?: ViewProps;
+        content?: ViewProps;
+        video?: ViewProps;
+        overlay?: ViewProps;
+    };
+}
 /**
  * Background Gradient component props
  * Extends GradientProps and adds Background-specific functionality
@@ -127,5 +175,7 @@ export interface BackgroundStyles {
     aurora?: ViewProps;
     meteors?: ViewProps;
     image?: ViewProps;
+    video?: ViewProps;
+    overlay?: ViewProps;
     gradient?: ViewProps;
 }

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

@@ -22,6 +22,15 @@ export declare const BackgroundImageStyles: {
     overlay: ViewProps;
     content: ViewProps;
 };
+/**
+ * Background Video styles
+ */
+export declare const BackgroundVideoStyles: {
+    container: ViewProps;
+    video: ViewProps;
+    overlay: ViewProps;
+    content: ViewProps;
+};
 /**
  * Meteors effect styles
  */

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

@@ -2,7 +2,7 @@ import { ViewProps } from 'app-studio';
 /**
  * Background effect types
  */
-export declare type BackgroundEffect = 'aurora' | 'meteors' | 'particles' | 'grid' | 'ripples' | 'wall' | 'image' | 'gradient' | 'borderMoving' | 'animatedStroke';
+export declare type BackgroundEffect = 'aurora' | 'meteors' | 'particles' | 'grid' | 'ripples' | 'wall' | 'image' | 'video' | 'gradient' | 'borderMoving' | 'animatedStroke';
 /**
  * Aurora gradient direction options
  */

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundGradientProps } from './Background.props';
+import { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundVideoProps, BackgroundGradientProps } from './Background.props';
 /**
  * Main Background View Component with compound pattern
  */
@@ -11,6 +11,7 @@ interface BackgroundViewComponent extends React.FC<BackgroundProps> {
     Grid: React.FC<GridProps>;
     Ripples: React.FC<RipplesProps>;
     Image: React.FC<BackgroundImageProps>;
+    Video: React.FC<BackgroundVideoProps>;
     Gradient: React.FC<BackgroundGradientProps>;
 }
 export declare const BackgroundView: BackgroundViewComponent;

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

@@ -16,5 +16,6 @@ export declare const Background: React.ForwardRefExoticComponent<Pick<Background
     Grid: React.FC<import("./Background/Background.props").GridProps>;
     Ripples: React.FC<import("./Background/Background.props").RipplesProps>;
     Image: React.FC<import("./Background/Background.props").BackgroundImageProps>;
+    Video: React.FC<import("./Background/Background.props").BackgroundVideoProps>;
     Gradient: React.FC<import("./Background/Background.props").BackgroundGradientProps>;
 };

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

@@ -1,3 +1,3 @@
 export { Background } from './Background';
-export type { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundGradientProps, BackgroundStyles, } from './Background/Background.props';
+export type { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundVideoProps, BackgroundGradientProps, BackgroundStyles, } from './Background/Background.props';
 export type { BackgroundEffect, AuroraDirection, MeteorTiming, BorderAnimationStyles, StrokeAnimationStyles, BackgroundContextType, BackgroundSize, BackgroundPosition, BackgroundRepeat, BlendMode, } from './Background/Background.type';

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/ProgressBar/ProgressBar/ProgressBar.props.d.ts

@@ -0,0 +1,35 @@
+import { ViewProps } from 'app-studio';
+export interface ProgressBarStyles {
+    container?: ViewProps;
+    bar?: ViewProps;
+}
+export interface ProgressBarProps extends ViewProps {
+    /**
+     * Current progress value
+     */
+    value?: number;
+    /**
+     * Maximum progress value
+     */
+    max?: number;
+    /**
+     * Color of the filled portion
+     */
+    color?: string;
+    /**
+     * Background color of the track
+     */
+    backgroundColor?: string;
+    /**
+     * Height of the progress bar
+     */
+    height?: number | string;
+    /**
+     * Border radius for rounded corners
+     */
+    radius?: number | string;
+    /**
+     * Custom styles for container or bar
+     */
+    views?: ProgressBarStyles;
+}

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

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

package/dist/components/ProgressBar/ProgressBar.d.ts

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

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

@@ -0,0 +1,12 @@
+import { ViewProps } from 'app-studio';
+import { Status, StatusIndicatorStyles } from './StatusIndicator.type';
+export interface StatusIndicatorProps extends ViewProps {
+    label?: string;
+    status?: Status;
+    views?: StatusIndicatorStyles;
+    /**
+     * Optional theme mode override ('light' or 'dark')
+     * If not provided, the component will use the theme mode from context
+     */
+    themeMode?: 'light' | 'dark';
+}

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

@@ -0,0 +1,10 @@
+import { ViewProps } from 'app-studio';
+import { Status } from './StatusIndicator.type';
+export declare const getThemes: (themeMode: string) => Record<Status, {
+    indicator: ViewProps;
+    label: ViewProps;
+}>;
+export declare const Themes: Record<Status, {
+    indicator: ViewProps;
+    label: ViewProps;
+}>;

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

@@ -0,0 +1,7 @@
+import { ViewProps } from 'app-studio';
+export declare type Status = 'default' | 'info' | 'success' | 'warning' | 'error';
+export declare type StatusIndicatorStyles = {
+    container?: ViewProps;
+    indicator?: ViewProps;
+    label?: ViewProps;
+};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StatusIndicatorProps } from './StatusIndicator.props';
+export declare const StatusIndicatorView: ({ label, status, views, themeMode: elementMode, ...props }: StatusIndicatorProps) => React.JSX.Element;

package/dist/components/StatusIndicator/StatusIndicator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StatusIndicatorProps } from './StatusIndicator/StatusIndicator.props';
+export declare const StatusIndicator: (props: StatusIndicatorProps) => React.JSX.Element;

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/{hooks → components/adk}/useAdk.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CreateSessionParams, AgentRunRequest, SessionResponse } from '../services/api';
+import type { CreateSessionParams, AgentRunRequest, SessionResponse } from '../../services/api';
 /**
  * Custom hook for ADK operations
  * Integrates with the existing ADK service and auth store