@app-studio/components 0.10.17

package/dist/native/components/ChatInput/EditableInput.js

@@ -0,0 +1,351 @@
+import React, { forwardRef, useEffect, useRef, useState, useCallback, } from 'react';
+import { View, Text, Vertical, useElementPosition } from 'app-studio';
+// Defines the `EditableInput` functional component, which is wrapped with `forwardRef` to allow parent components to get a direct reference to the DOM element.
+export const EditableInput = forwardRef(({ 
+// The current string content of the editable input.
+value, 
+// A callback function triggered when the input value changes.
+onChange, 
+// The placeholder text to display when the input is empty; defaults to 'Type your message...'.
+placeholder = 'Type your message...', 
+// Boolean flag indicating if the input is disabled; defaults to `false`.
+disabled = false, 
+// Boolean flag to automatically focus the input on mount; defaults to `true`.
+autoFocus = true, 
+// An array of `Suggestion` objects for autocomplete; defaults to an empty array.
+suggestions = [], 
+// Optional callback executed when a suggestion is selected.
+onSuggestionSelect, 
+// Boolean flag to control the visibility of suggestions; defaults to `false`.
+showSuggestions = false, 
+// An array of `MentionData` objects for @-mentions; defaults to an empty array.
+mentionData = [], 
+// The character that triggers mention suggestions; defaults to '@'.
+mentionTrigger = '@', 
+// Optional callback executed when a mention is selected.
+onMentionSelect, 
+// The maximum height of the editable area; defaults to '200px'.
+maxHeight = '200px', 
+// The minimum height of the editable area; defaults to '40px'.
+minHeight = '40px', 
+// Custom view components to override default rendering for internal elements.
+views = {}, }, 
+// The forwarded ref, allowing a parent component to access the underlying `HTMLDivElement`.
+ref) => {
+    // A mutable ref object to store the last known `value` prop, used to track changes and prevent unnecessary DOM updates when the prop is identical.
+    const lastValueRef = useRef(value);
+    // State variable to keep track of the currently highlighted suggestion's index for keyboard navigation.
+    const [selectedSuggestionIndex, setSelectedSuggestionIndex] = useState(-1);
+    // State variable to control the visibility of the placeholder text based on whether the input has content.
+    const [showPlaceholder, setShowPlaceholder] = useState(!value);
+    // A ref to the main container `View` element, used for calculating the position of dropdowns.
+    const containerRef = useRef(null);
+    // State variable to track whether the input field currently has focus.
+    const [isFocused, setIsFocused] = useState(false);
+    // State variable to control the visibility of the mention dropdown list.
+    const [showMentions, setShowMentions] = useState(false);
+    // State variable to store the text being typed after the mention trigger (e.g., 'joh' in '@joh').
+    const [mentionQuery, setMentionQuery] = useState('');
+    // State variable to store the starting character index of the mention trigger in the input text.
+    const [mentionStartPos, setMentionStartPos] = useState(-1);
+    // State variable to keep track of the currently highlighted mention's index for keyboard navigation.
+    const [selectedMentionIndex, setSelectedMentionIndex] = useState(-1);
+    // State variable holding the list of `MentionData` objects filtered by the current `mentionQuery`.
+    const [filteredMentions, setFilteredMentions] = useState([]);
+    // A custom hook from 'app-studio' used to track the position and available space around the input container, essential for positioning floating elements like dropdowns.
+    const { ref: positionRef, relation } = useElementPosition({
+        trackChanges: true,
+        trackOnHover: true,
+        trackOnScroll: true,
+        trackOnResize: true,
+    });
+    // State variable to store the calculated `x` and `y` coordinates for positioning the mention dropdown.
+    const [mentionPosition, setMentionPosition] = useState({ x: 0, y: 0 });
+    // State variable to store the calculated `x` and `y` coordinates for positioning the suggestion dropdown.
+    const [suggestionPosition, setSuggestionPosition] = useState({
+        x: 0,
+        y: 0,
+    });
+    // An effect hook that synchronizes the `textContent` of the content-editable div with the component's `value` prop and updates placeholder visibility.
+    useEffect(() => {
+        const editableDiv = ref;
+        if (editableDiv.current && value !== lastValueRef.current) {
+            editableDiv.current.textContent = value;
+            lastValueRef.current = value;
+            setShowPlaceholder(!value);
+        }
+    }, [value, ref]);
+    // An effect hook to automatically focus the content-editable input element if the `autoFocus` prop is true when the component mounts or `autoFocus` changes.
+    useEffect(() => {
+        if (autoFocus && ref && typeof ref === 'object' && ref.current) {
+            ref.current.focus();
+        }
+    }, [autoFocus, ref]);
+    // A utility function to accurately determine the current cursor (caret) position within the content-editable div.
+    const getCursorPosition = () => {
+        const selection = window.getSelection();
+        if (!selection || selection.rangeCount === 0)
+            return -1;
+        const range = selection.getRangeAt(0);
+        const preCaretRange = range.cloneRange();
+        preCaretRange.selectNodeContents(ref && typeof ref === 'object' && ref.current
+            ? ref.current
+            : document.body);
+        preCaretRange.setEnd(range.endContainer, range.endOffset);
+        return preCaretRange.toString().length;
+    };
+    // A memoized callback function that analyzes the input text for mention triggers and filters `mentionData` accordingly, updating mention-related states.
+    const checkForMentions = useCallback((text, cursorPos) => {
+        const beforeCursor = text.substring(0, cursorPos);
+        const triggerIndex = beforeCursor.lastIndexOf(mentionTrigger);
+        if (triggerIndex !== -1) {
+            const afterTrigger = beforeCursor.substring(triggerIndex + 1);
+            const hasSpaceAfterTrigger = afterTrigger.includes(' ');
+            if (!hasSpaceAfterTrigger) {
+                const query = afterTrigger.toLowerCase();
+                const filtered = mentionData.filter((mention) => mention.name.toLowerCase().includes(query));
+                setMentionQuery(query);
+                setMentionStartPos(triggerIndex);
+                setFilteredMentions(filtered);
+                setShowMentions(filtered.length > 0);
+                setSelectedMentionIndex(0);
+                const position = calculateDropdownPosition();
+                setMentionPosition(position);
+                return;
+            }
+        }
+        setShowMentions(false);
+        setMentionQuery('');
+        setMentionStartPos(-1);
+        setSelectedMentionIndex(-1);
+    }, [mentionData, mentionTrigger]);
+    // An effect hook to assign the component's `containerRef.current` to the `positionRef` from the `useElementPosition` hook, allowing it to track the main input container.
+    useEffect(() => {
+        if (containerRef.current && positionRef) {
+            positionRef.current = containerRef.current;
+        }
+    }, [containerRef, positionRef]);
+    // A memoized callback function to calculate the optimal `x` and `y` position for a dropdown (mentions or suggestions) relative to the input container and viewport.
+    const calculateDropdownPosition = useCallback((dropdownHeight = 200) => {
+        if (!containerRef.current)
+            return { x: 0, y: 0 };
+        const containerRect = containerRef.current.getBoundingClientRect();
+        if (relation) {
+            const useTopPlacement = relation.space.vertical === 'top';
+            return {
+                x: containerRect.left,
+                y: useTopPlacement
+                    ? containerRect.top - dropdownHeight - 8
+                    : containerRect.bottom + 8,
+            };
+        }
+        const viewportHeight = window.innerHeight;
+        const availableSpace = {
+            top: containerRect.top,
+            bottom: viewportHeight - containerRect.bottom,
+        };
+        const useTopPlacement = availableSpace.bottom < dropdownHeight + 8 &&
+            availableSpace.top > availableSpace.bottom;
+        return {
+            x: containerRect.left,
+            y: useTopPlacement
+                ? containerRect.top - dropdownHeight - 8
+                : containerRect.bottom + 8,
+        };
+    }, [relation]);
+    // A memoized callback function that sets the `isFocused` state to true and calculates the suggestion dropdown's position when the input gains focus.
+    const handleFocus = useCallback(() => {
+        setIsFocused(true);
+        const position = calculateDropdownPosition();
+        setSuggestionPosition(position);
+    }, [calculateDropdownPosition]);
+    // A memoized callback function that sets `isFocused` to false and resets the `selectedSuggestionIndex` after a short delay when the input loses focus, allowing for click events on dropdowns to register.
+    const handleBlur = useCallback(() => {
+        setTimeout(() => {
+            setIsFocused(false);
+            setSelectedSuggestionIndex(-1);
+        }, 150);
+    }, []);
+    // Handles the `onInput` event for the content-editable div, updating the component's value, placeholder, and checking for mentions.
+    const handleInput = (e) => {
+        const newValue = e.currentTarget.textContent || '';
+        if (newValue !== lastValueRef.current) {
+            onChange(newValue);
+            lastValueRef.current = newValue;
+            setShowPlaceholder(!newValue);
+            const cursorPos = getCursorPosition();
+            checkForMentions(newValue, cursorPos);
+        }
+    };
+    // A memoized callback function responsible for inserting a selected mention into the input text, updating the value, and repositioning the cursor.
+    const handleMentionSelect = useCallback((mention) => {
+        if (ref && typeof ref === 'object' && ref.current) {
+            const currentText = ref.current.textContent || '';
+            const beforeMention = currentText.substring(0, mentionStartPos);
+            const afterMention = currentText.substring(mentionStartPos + mentionTrigger.length + mentionQuery.length);
+            const newText = beforeMention + mentionTrigger + mention.name + ' ' + afterMention;
+            onChange(newText);
+            lastValueRef.current = newText;
+            ref.current.textContent = newText;
+            const newCursorPos = beforeMention.length +
+                mentionTrigger.length +
+                mention.name.length +
+                1;
+            setTimeout(() => {
+                if (ref.current) {
+                    const range = document.createRange();
+                    const selection = window.getSelection();
+                    const textNode = ref.current.firstChild;
+                    if (textNode && selection) {
+                        range.setStart(textNode, Math.min(newCursorPos, textNode.textContent?.length || 0));
+                        range.collapse(true);
+                        selection.removeAllRanges();
+                        selection.addRange(range);
+                    }
+                }
+            }, 0);
+        }
+        setShowMentions(false);
+        setMentionQuery('');
+        setMentionStartPos(-1);
+        setSelectedMentionIndex(-1);
+        if (onMentionSelect) {
+            onMentionSelect(mention);
+        }
+    }, [
+        mentionStartPos,
+        mentionTrigger,
+        mentionQuery,
+        onChange,
+        onMentionSelect,
+        ref,
+    ]);
+    // A memoized callback function that handles the selection of a suggestion, invoking the `onSuggestionSelect` prop if provided and resetting the selected index.
+    const handleSuggestionSelect = useCallback((suggestion) => {
+        if (onSuggestionSelect) {
+            onSuggestionSelect(suggestion);
+        }
+        setSelectedSuggestionIndex(-1);
+    }, [onSuggestionSelect]);
+    // Handles keyboard events within the content-editable div, enabling navigation (ArrowUp/Down) and selection (Tab/Enter/Escape) for both mention and suggestion dropdowns.
+    const handleKeyDown = (e) => {
+        if (showMentions && filteredMentions.length > 0) {
+            if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                setSelectedMentionIndex((prev) => prev < filteredMentions.length - 1 ? prev + 1 : 0);
+                return;
+            }
+            if (e.key === 'ArrowUp') {
+                e.preventDefault();
+                setSelectedMentionIndex((prev) => prev > 0 ? prev - 1 : filteredMentions.length - 1);
+                return;
+            }
+            if ((e.key === 'Tab' || e.key === 'Enter') &&
+                selectedMentionIndex >= 0) {
+                e.preventDefault();
+                handleMentionSelect(filteredMentions[selectedMentionIndex]);
+                return;
+            }
+            if (e.key === 'Escape') {
+                setShowMentions(false);
+                setSelectedMentionIndex(-1);
+                return;
+            }
+        }
+        if (showSuggestions && suggestions.length > 0) {
+            if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                setSelectedSuggestionIndex((prev) => prev < suggestions.length - 1 ? prev + 1 : 0);
+                return;
+            }
+            if (e.key === 'ArrowUp') {
+                e.preventDefault();
+                setSelectedSuggestionIndex((prev) => prev > 0 ? prev - 1 : suggestions.length - 1);
+                return;
+            }
+            if (e.key === 'Tab' && selectedSuggestionIndex >= 0) {
+                e.preventDefault();
+                handleSuggestionSelect(suggestions[selectedSuggestionIndex]);
+                return;
+            }
+            if (e.key === 'Escape') {
+                setSelectedSuggestionIndex(-1);
+                return;
+            }
+        }
+    };
+    return (<View ref={containerRef} width="100%" position="relative" {...views?.container}>
+        
+        <View width="100%" minHeight={minHeight} maxHeight={maxHeight} overflowY="auto" position="relative">
+          
+          {showPlaceholder && (<Text position="absolute" top="8px" left="8px" color="color-gray-400" pointerEvents="none" fontSize="14px" zIndex={1} {...views?.placeholder}>
+              {placeholder}
+            </Text>)}
+          
+          <View as="div" ref={ref} contentEditable={!disabled} suppressContentEditableWarning={true} onInput={handleInput} onKeyDown={handleKeyDown} onFocus={handleFocus} onBlur={handleBlur} role="textbox" aria-multiline="true" aria-placeholder={placeholder} width="100%" minHeight="24px" padding="8px" outline="none" whiteSpace="pre-wrap" wordBreak="break-word" fontSize="14px" color="color-gray-900" backgroundColor="transparent" {...views?.input}/>
+        </View>
+        
+        {showMentions && filteredMentions.length > 0 && (<View position="fixed" left={mentionPosition.x} top={mentionPosition.y} width={containerRef.current?.offsetWidth || 300} backgroundColor="color-white" border="2px solid" borderColor="color-blue-300" borderRadius="8px" boxShadow="0 8px 24px rgba(0, 0, 0, 0.15)" zIndex={9999} maxHeight="200px" overflowY="auto" {...views?.mentionContainer}>
+            <Vertical gap={0}>
+              {filteredMentions.map((mention, index) => (<View key={mention.id} as="button" type="button" width="100%" padding="12px 16px" backgroundColor={index === selectedMentionIndex
+                    ? 'color-blue-50'
+                    : 'transparent'} border="none" cursor="pointer" textAlign="left" transition="background-color 0.2s ease" onClick={() => handleMentionSelect(mention)} onMouseEnter={() => setSelectedMentionIndex(index)} _hover={{
+                    backgroundColor: 'color-blue-50',
+                }} {...views?.mentionItem}>
+                  <Vertical gap={4}>
+                    <Text fontSize="14px" color="color-gray-900" fontWeight="medium">
+                      {mentionTrigger}
+                      {mention.name}
+                    </Text>
+                    {mention.description && (<Text fontSize="12px" color="color-gray-600">
+                        {mention.description}
+                      </Text>)}
+                  </Vertical>
+                </View>))}
+              
+              {process.env.NODE_ENV === 'development' && (<div style={{ fontSize: '8px', opacity: 0.7, padding: '4px' }}>
+                  Mentions (Trigger: {mentionTrigger})
+                  {relation && (<>
+                      <br />
+                      Space: {relation.space.vertical}-
+                      {relation.space.horizontal}
+                    </>)}
+                </div>)}
+            </Vertical>
+          </View>)}
+        
+        {showSuggestions &&
+            suggestions.length > 0 &&
+            !showMentions &&
+            isFocused &&
+            !value && (<View position="fixed" left={suggestionPosition.x} top={suggestionPosition.y} width={containerRef.current?.offsetWidth || 300} backgroundColor="color-white" border="2px solid" borderColor="color-green-300" borderRadius="8px" boxShadow="0 8px 24px rgba(0, 0, 0, 0.15)" zIndex={9998} maxHeight="200px" overflowY="auto" {...views?.suggestionsContainer}>
+              <Vertical gap={0}>
+                {suggestions.map((suggestion, index) => (<View key={suggestion.id} as="button" type="button" width="100%" padding="12px 16px" backgroundColor={index === selectedSuggestionIndex
+                    ? 'color-blue-50'
+                    : 'transparent'} border="none" cursor="pointer" textAlign="left" transition="background-color 0.2s ease" onClick={() => handleSuggestionSelect(suggestion)} onMouseEnter={() => setSelectedSuggestionIndex(index)} _hover={{
+                    backgroundColor: 'color-blue-50',
+                }} {...views?.suggestionItem}>
+                    <Vertical gap={4}>
+                      <Text fontSize="14px" color="color-gray-900" fontWeight="medium">
+                        {suggestion.text}
+                      </Text>
+                      {suggestion.description && (<Text fontSize="12px" color="color-gray-600">
+                          {suggestion.description}
+                        </Text>)}
+                    </Vertical>
+                  </View>))}
+                
+                {process.env.NODE_ENV === 'development' && (<div style={{ fontSize: '8px', opacity: 0.7, padding: '4px' }}>
+                    Suggestions (Focus-triggered)
+                    {relation && (<>
+                        <br />
+                        Space: {relation.space.vertical}-
+                        {relation.space.horizontal}
+                      </>)}
+                  </div>)}
+              </Vertical>
+            </View>)}
+      </View>);
+});
+EditableInput.displayName = 'EditableInput';
+//# sourceMappingURL=EditableInput.js.map

package/dist/native/components/ChatInput/EditableInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableInput.js","sourceRoot":"","sources":["../../../../src/components/ChatInput/EditableInput.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+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/native/components/ChatInput/GuideTip.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Text, View } from 'app-studio';
+import { CloseIcon } from '../Icon/Icon';
+// Defines the GuideTip functional component, which displays a helpful tip, potentially with a video, and a close button.
+export const GuideTip = ({ videoUrl, onClose, views = {}, }) => {
+    return (<View position="relative" width="100%" padding="16px" backgroundColor="color-blue-50" borderWidth="1px" borderStyle="solid" borderColor="color-blue-200" borderRadius="12px" marginBottom="16px" animate={{
+            from: { opacity: 0, transform: 'translateX(-20px)' },
+            to: { opacity: 1, transform: 'translateX(0)' },
+        }} animationDuration={0.3} {...views?.container}>
+      <Text fontSize="14px" color="color-blue-800" marginBottom="8px" lineHeight="20px">
+        Need help? Watch this quick guide to get started.
+      </Text>
+      {videoUrl && (<View as="video" src={videoUrl} controls width="100%" height="auto" borderRadius="8px" {...views?.video}/>)}
+      <View as="button" type="button" position="absolute" top="8px" right="8px" width="24px" height="24px" display="flex" alignItems="center" justifyContent="center" borderRadius="50%" backgroundColor="transparent" border="none" cursor="pointer" transition="background-color 0.2s ease, opacity 0.2s ease" onClick={onClose} _hover={{
+            backgroundColor: '#DBEAFE',
+        }} {...views?.closeButton}>
+        <CloseIcon widthHeight={16} color="currentColor" filled={false} strokeWidth={2}/>
+      </View>
+    </View>);
+};
+//# sourceMappingURL=GuideTip.js.map

package/dist/native/components/ChatInput/GuideTip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuideTip.js","sourceRoot":"","sources":["../../../../src/components/ChatInput/GuideTip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAiBzC,yHAAyH;AACzH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,EAAE,GACX,EAAE,EAAE;IACH,OAAO,CACL,CAAC,IAAI,CACH,QAAQ,CAAC,UAAU,CACnB,KAAK,CAAC,MAAM,CACZ,OAAO,CAAC,MAAM,CACd,eAAe,CAAC,eAAe,CAC/B,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,YAAY,CAAC,MAAM,CACnB,YAAY,CAAC,MAAM,CACnB,OAAO,CAAC,CAAC;YACP,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE;YACpD,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE;SAC/C,CAAC,CACF,iBAAiB,CAAC,CAAC,GAAG,CAAC,CACvB,IAAI,KAAK,EAAE,SAAS,CAAC,CAErB;MAAA,CAAC,IAAI,CACH,QAAQ,CAAC,MAAM,CACf,KAAK,CAAC,gBAAgB,CACtB,YAAY,CAAC,KAAK,CAClB,UAAU,CAAC,MAAM,CAEjB;;MACF,EAAE,IAAI,CACN;MAAA,CAAC,QAAQ,IAAI,CACX,CAAC,IAAI,CACH,EAAE,CAAC,OAAO,CACV,GAAG,CAAC,CAAC,QAAQ,CAAC,CACd,QAAQ,CACR,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,YAAY,CAAC,KAAK,CAClB,IAAI,KAAK,EAAE,KAAK,CAAC,EACjB,CACH,CACD;MAAA,CAAC,IAAI,CACH,EAAE,CAAC,QAAQ,CACX,IAAI,CAAC,QAAQ,CACb,QAAQ,CAAC,UAAU,CACnB,GAAG,CAAC,KAAK,CACT,KAAK,CAAC,KAAK,CACX,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,OAAO,CAAC,MAAM,CACd,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,aAAa,CAC7B,MAAM,CAAC,MAAM,CACb,MAAM,CAAC,SAAS,CAChB,UAAU,CAAC,+CAA+C,CAC1D,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC;YACN,eAAe,EAAE,SAAS;SAC3B,CAAC,CACF,IAAI,KAAK,EAAE,WAAW,CAAC,CAEvB;QAAA,CAAC,SAAS,CACR,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,KAAK,CAAC,cAAc,CACpB,MAAM,CAAC,CAAC,KAAK,CAAC,CACd,WAAW,CAAC,CAAC,CAAC,CAAC,EAEnB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,36 @@
+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/native/components/ChatInput/MessageInput.js

@@ -0,0 +1,65 @@
+import React, { forwardRef } from 'react';
+import { Button, Element, Horizontal, View, useTheme } from 'app-studio';
+import { ChatUploader } from './ChatUploader';
+// The MessageInput component provides a chat input field with features like file uploads, model selection, and dynamic resizing, forwarded with a ref to the textarea element.
+export const MessageInput = forwardRef(({ value, onChange, onSubmit, placeholder = 'Describe what you need help with...', loading = false, disabled = false, isAgentRunning = false, onStopAgent, isDraggingOver = false, uploadedFiles, fileInputRef, isUploading, sandboxId, setPendingFiles, setUploadedFiles, setIsUploading, hideAttachments = true, selectedModel, onModelChange, modelOptions, subscriptionStatus, canAccessModel, views = {}, }, ref) => {
+    // Retrieves the 'getColor' function from the application's theme context for consistent styling.
+    const { getColor } = useTheme();
+    // Handles the automatic resizing of the textarea to fit its content, up to a maximum height of 200px.
+    const handleTextareaResize = (e) => {
+        const textarea = e.target;
+        textarea.style.height = 'auto';
+        textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
+    };
+    // Combines the external 'onChange' prop with the internal 'handleTextareaResize' for a unified change event.
+    const handleCombinedChange = (e) => {
+        onChange(e);
+        handleTextareaResize(e);
+    };
+    // Handles keyboard events in the textarea, specifically preventing new lines on 'Enter' and triggering form submission when 'Enter' is pressed without 'Shift'.
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            onSubmit(e);
+        }
+    };
+    return (<View width="100%" position="relative" backgroundColor={isDraggingOver ? 'color-blue-50' : undefined} transition="background-color 0.2s ease" {...views?.container}>
+        <Element as="textarea" ref={ref} value={value} onChange={handleCombinedChange} onKeyDown={handleKeyDown} placeholder={placeholder} disabled={disabled && !isAgentRunning} width="100%" minHeight="40px" maxHeight="200px" padding="8px 12px" fontSize="14px" lineHeight="15px" color="color-gray-900" backgroundColor="transparent" border="none" outline="none" resize="none" overflow="auto" {...views?.textarea}/>
+        <Horizontal justifyContent="space-between" alignItems="center" padding="4px 8px" {...views?.buttonGroup}>
+          <Horizontal gap={8} alignItems="center">
+            <ChatUploader ref={fileInputRef} loading={loading} disabled={disabled} isAgentRunning={isAgentRunning} isUploading={isUploading} sandboxId={sandboxId} setPendingFiles={setPendingFiles} setUploadedFiles={setUploadedFiles} setIsUploading={setIsUploading} hideAttachments={hideAttachments}/>
+            
+            <View as="select" value={selectedModel} onChange={(e) => onModelChange(e.target.value)} height="36px" padding="0 12px" borderRadius="8px" backgroundColor="transparent" color="color-gray-500" border="none" outline="none" cursor="pointer" transition="background-color 0.2s ease, color 0.2s ease" _hover={{
+            backgroundColor: '#F8FAFC',
+        }} {...views?.modelSelector}>
+              {modelOptions.map((model) => (<option key={model.id} value={model.id}>
+                  {model.name}
+                </option>))}
+            </View>
+          </Horizontal>
+          <Button type="submit" onClick={onSubmit} height="36px" minWidth="36px" padding="0 12px" borderRadius="8px" backgroundColor={isAgentRunning ? 'theme-error' : 'theme-primary'} color="color-white" disabled={(!value.trim() && uploadedFiles.length === 0) ||
+            loading ||
+            (disabled && !isAgentRunning)} _hover={{
+            backgroundColor: isAgentRunning ? 'color-red-600' : '#1D4ED8',
+        }} {...views?.submitButton}>
+            {isAgentRunning ? (<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...views?.submitIcon}>
+                <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+              </svg>) : loading ? (<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ animation: 'spin 1s linear infinite' }} {...views?.submitIcon}>
+                <line x1="12" y1="2" x2="12" y2="6"></line>
+                <line x1="12" y1="18" x2="12" y2="22"></line>
+                <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
+                <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
+                <line x1="2" y1="12" x2="6" y2="12"></line>
+                <line x1="18" y1="12" x2="22" y2="12"></line>
+                <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
+                <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
+              </svg>) : (<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...views?.submitIcon}>
+                <line x1="22" y1="2" x2="11" y2="13"></line>
+                <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
+              </svg>)}
+          </Button>
+        </Horizontal>
+      </View>);
+});
+MessageInput.displayName = 'MessageInput';
+//# sourceMappingURL=MessageInput.js.map

package/dist/native/components/ChatInput/MessageInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageInput.js","sourceRoot":"","sources":["../../../../src/components/ChatInput/MessageInput.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+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/native/components/ChatInput/PromptExamples.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Horizontal, Text, View, useTheme } from 'app-studio';
+// Defines the PromptExamples functional component, which displays a list of clickable prompt examples.
+export const PromptExamples = ({ examples, onSelect, views = {}, }) => {
+    // Retrieves the `getColor` utility function from the current theme context for consistent styling.
+    const { getColor } = useTheme();
+    // Conditionally renders nothing if no examples are provided or if the examples array is empty.
+    if (!examples || examples.length === 0) {
+        return null;
+    }
+    return (<Horizontal gap={8} overflowX="auto" padding="8px 0" width="100%" {...views?.container}>
+      {examples.map((example) => (<View key={example.id} as="button" type="button" padding="8px 12px" borderRadius="9999px" backgroundColor="color-white" border="1px solid #E2E8F0" cursor="pointer" transition="background-color 0.2s ease, border-color 0.2s ease" onClick={() => onSelect(example)} _hover={{
+                backgroundColor: '#F8FAFC',
+                borderColor: '#CBD5E1',
+            }} {...views?.item}>
+          <Text fontSize="14px" color="color-gray-700" {...views?.text}>
+            {example.text}
+          </Text>
+        </View>))}
+    </Horizontal>);
+};
+//# sourceMappingURL=PromptExamples.js.map

package/dist/native/components/ChatInput/PromptExamples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptExamples.js","sourceRoot":"","sources":["../../../../src/components/ChatInput/PromptExamples.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAe9D,uGAAuG;AACvG,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,GACX,EAAE,EAAE;IACH,mGAAmG;IACnG,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChC,+FAA+F;IAC/F,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,SAAS,CAAC,MAAM,CAChB,OAAO,CAAC,OAAO,CACf,KAAK,CAAC,MAAM,CACZ,IAAI,KAAK,EAAE,SAAS,CAAC,CAErB;MAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAChB,EAAE,CAAC,QAAQ,CACX,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,UAAU,CAClB,YAAY,CAAC,QAAQ,CACrB,eAAe,CAAC,aAAa,CAC7B,MAAM,CAAC,mBAAmB,CAC1B,MAAM,CAAC,SAAS,CAChB,UAAU,CAAC,oDAAoD,CAC/D,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CACjC,MAAM,CAAC,CAAC;gBACN,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;aACvB,CAAC,CACF,IAAI,KAAK,EAAE,IAAI,CAAC,CAEhB;UAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAK,EAAE,IAAI,CAAC,CAC3D;YAAA,CAAC,OAAO,CAAC,IAAI,CACf;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+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';

package/dist/native/components/ChatInput/index.js

@@ -0,0 +1,15 @@
+// Exports the primary `ChatInput` component, serving as the main interface for user text and multimedia input.
+export { ChatInput } from './ChatInput';
+// Exports the `AttachmentGroup` component, used for displaying and managing file attachments within the chat input area.
+export { AttachmentGroup } from './AttachmentGroup';
+// Exports the `EditableInput` component, providing a flexible text input area that supports rich content editing.
+export { EditableInput } from './EditableInput';
+// Exports the `ChatUploader` component, facilitating the upload of files directly within the chat interface.
+export { ChatUploader } from './ChatUploader';
+// Exports the `GuideTip` component, designed to display helpful hints or contextual instructions to the user.
+export { GuideTip } from './GuideTip';
+// Exports the `PromptExamples` component, offering predefined examples or suggestions to guide user input.
+export { PromptExamples } from './PromptExamples';
+// Exports the `AudioRecorder` component, enabling users to record and send audio messages directly.
+export { AudioRecorder } from './AudioRecorder';
+//# sourceMappingURL=index.js.map

package/dist/native/components/ChatInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ChatInput/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAC/G,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,yHAAyH;AACzH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,kHAAkH;AAClH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,6GAA6G;AAC7G,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,8GAA8G;AAC9G,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,2GAA2G;AAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,oGAAoG;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}