@app-studio/components 0.10.17

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

@@ -0,0 +1,164 @@
+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;
+    };
+    content: {
+        width: string;
+        padding: string;
+        borderRadius: string;
+        backgroundColor: string;
+        borderWidth: string;
+        borderStyle: string;
+        borderColor: string;
+        transition: 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/native/components/ChatInput/ChatInput/ChatInput.style.js

@@ -0,0 +1,398 @@
+export const DefaultAgentChatStyles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        backgroundColor: 'color-white',
+        borderRadius: '12px',
+        border: '1px solid',
+        borderColor: 'color-gray-200',
+        overflow: 'hidden',
+        fontFamily: 'Mulish, Inter, Geist, system-ui, sans-serif',
+        position: 'relative',
+    },
+    header: {
+        padding: '16px',
+        borderBottom: '1px solid',
+        borderBottomColor: 'color-gray-200',
+        backgroundColor: 'color-gray-50',
+        flexShrink: 0,
+    },
+    messageList: {
+        flex: 1,
+        overflowY: 'auto',
+        backgroundColor: 'color-white',
+        minHeight: '300px',
+        maxHeight: '600px',
+    },
+    emptyState: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '200px',
+        padding: '32px',
+    },
+    inputArea: {
+        padding: '16px',
+        borderTop: '1px solid',
+        borderTopColor: 'color-gray-200',
+        backgroundColor: 'color-gray-50',
+        flexShrink: 0,
+    },
+    attachmentArea: {
+        padding: '12px 16px',
+        borderTop: '1px solid',
+        borderTopColor: 'color-gray-200',
+        backgroundColor: 'color-gray-100',
+        flexShrink: 0,
+    },
+    message: {
+        padding: '12px',
+        borderRadius: '8px',
+        maxWidth: '80%',
+        wordBreak: 'break-word',
+    },
+    userMessage: {
+        backgroundColor: 'color-blue-500',
+        color: 'white',
+        alignSelf: 'flex-end',
+        marginLeft: 'auto',
+    },
+    botMessage: {
+        backgroundColor: 'color-gray-100',
+        color: 'color-gray-900',
+        alignSelf: 'flex-start',
+        marginRight: 'auto',
+    },
+    thoughtMessage: {
+        backgroundColor: 'color-yellow-50',
+        color: 'color-yellow-800',
+        border: '1px solid',
+        borderColor: 'color-yellow-200',
+        fontStyle: 'italic',
+    },
+    loadingMessage: {
+        backgroundColor: 'color-gray-50',
+        color: 'color-gray-600',
+        border: '1px dashed',
+        borderColor: 'color-gray-300',
+    },
+    messageHeader: {
+        marginBottom: '4px',
+    },
+    messageContent: {
+        lineHeight: '20px',
+    },
+    messageFooter: {
+        marginTop: '8px',
+    },
+    timestamp: {
+        fontSize: '12px',
+        color: 'color-gray-500',
+        marginTop: '4px',
+    },
+    avatar: {
+        width: '32px',
+        height: '32px',
+        borderRadius: '50%',
+        backgroundColor: 'color-gray-300',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: '14px',
+        fontWeight: '600',
+        color: 'white',
+        flexShrink: 0,
+    },
+    userAvatar: {
+        backgroundColor: 'color-blue-500',
+    },
+    botAvatar: {
+        backgroundColor: 'color-green-500',
+    },
+    attachmentPreview: {
+        position: 'relative',
+        display: 'inline-block',
+        width: '60px',
+        height: '60px',
+        backgroundColor: 'color-gray-100',
+        borderRadius: '8px',
+        border: '1px solid',
+        borderColor: 'color-gray-200',
+        overflow: 'hidden',
+        cursor: 'pointer',
+    },
+    attachmentRemove: {
+        position: 'absolute',
+        top: '2px',
+        right: '2px',
+        width: '20px',
+        height: '20px',
+        borderRadius: '50%',
+        backgroundColor: 'color-black-900',
+        color: 'white',
+        border: 'none',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: '12px',
+        zIndex: 1,
+    },
+    typingIndicator: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        padding: '12px',
+        backgroundColor: 'color-gray-100',
+        borderRadius: '8px',
+        maxWidth: '80px',
+        alignSelf: 'flex-start',
+    },
+    typingDot: {
+        width: '6px',
+        height: '6px',
+        borderRadius: '50%',
+        backgroundColor: 'color-gray-500',
+    },
+    functionCall: {
+        backgroundColor: 'color-purple-50',
+        border: '1px solid',
+        borderColor: 'color-purple-200',
+        borderRadius: '8px',
+        padding: '12px',
+        marginTop: '8px',
+    },
+    functionResponse: {
+        backgroundColor: 'color-green-50',
+        border: '1px solid',
+        borderColor: 'color-green-200',
+        borderRadius: '8px',
+        padding: '12px',
+        marginTop: '8px',
+    },
+    codeBlock: {
+        backgroundColor: 'color-gray-900',
+        color: 'color-gray-100',
+        borderRadius: '8px',
+        padding: '12px',
+        fontFamily: 'Monaco, Consolas, monospace',
+        fontSize: '14px',
+        overflow: 'auto',
+        marginTop: '8px',
+    },
+    inlineData: {
+        marginTop: '8px',
+        borderRadius: '8px',
+        overflow: 'hidden',
+        border: '1px solid',
+        borderColor: 'color-gray-200',
+    },
+    errorMessage: {
+        backgroundColor: 'color-red-50',
+        color: 'color-red-800',
+        border: '1px solid',
+        borderColor: 'color-red-200',
+        borderRadius: '8px',
+        padding: '12px',
+        margin: '8px 16px',
+    },
+    loadingOverlay: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        backgroundColor: 'rgba(255, 255, 255, 0.6)',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        zIndex: 10,
+    },
+    runProgress: {
+        padding: '12px 16px',
+        borderBottom: '1px solid',
+        borderBottomColor: 'color-gray-200',
+        backgroundColor: 'color-gray-50',
+    },
+};
+/**
+ * Default styles for the ChatInput component
+ */
+export const DefaultChatInputStyles = {
+    container: {
+        width: '100%',
+        maxWidth: '100%',
+        borderRadius: '12px',
+        backgroundColor: 'color-white',
+        transition: 'background-color 0.2s ease, box-shadow 0.2s ease',
+    },
+    content: {
+        width: '100%',
+        padding: '12px',
+        borderRadius: '12px',
+        backgroundColor: 'color-white',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: 'color-gray-200',
+        transition: 'background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease',
+    },
+    textarea: {
+        width: '100%',
+        minHeight: '40px',
+        maxHeight: '200px',
+        padding: '8px 12px',
+        fontSize: '14px',
+        lineHeight: '20px',
+        color: 'color-gray-900',
+        backgroundColor: 'color-white',
+        border: 'none',
+        outline: 'none',
+        resize: 'none',
+        overflow: 'auto',
+        media: {
+            mobile: {
+                padding: '6px 10px',
+                fontSize: '13px',
+                minHeight: '36px',
+            },
+        },
+    },
+    attachments: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: '6px',
+        padding: '8px 0',
+    },
+    attachmentItem: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '6px',
+        padding: '4px 8px',
+        borderRadius: '8px',
+        backgroundColor: 'color-gray-100',
+    },
+    attachmentName: {
+        fontSize: '12px',
+        fontWeight: '500',
+        color: 'color-gray-700',
+    },
+    attachmentSize: {
+        fontSize: '10px',
+        color: 'color-gray-500',
+    },
+    attachmentRemove: {
+        padding: '2px',
+        borderRadius: '50%',
+        cursor: 'pointer',
+        color: 'color-gray-500',
+        backgroundColor: 'transparent',
+        transition: 'background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease',
+    },
+    submitButton: {
+        height: '36px',
+        minWidth: '36px',
+        padding: '0 12px',
+        borderRadius: '8px',
+        backgroundColor: 'theme-primary',
+        color: 'color-white',
+        transition: 'background-color 0.2s ease, opacity 0.2s ease',
+        media: {
+            mobile: {
+                height: '32px',
+                minWidth: '32px',
+                padding: '0 10px',
+            },
+        },
+    },
+    fileButton: {
+        height: '36px',
+        padding: '0 12px',
+        borderRadius: '8px',
+        backgroundColor: 'transparent',
+        color: 'color-gray-500',
+        transition: 'background-color 0.2s ease, opacity 0.2s ease',
+        media: {
+            mobile: {
+                height: '32px',
+                padding: '0 10px',
+            },
+        },
+    },
+    modelSelector: {
+        height: '36px',
+        padding: '0 12px',
+        borderRadius: '8px',
+        backgroundColor: 'transparent',
+        color: 'color-gray-500',
+        transition: 'background-color 0.2s ease, opacity 0.2s ease',
+    },
+    loadingIndicator: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '8px',
+        padding: '8px 0',
+    },
+};
+/**
+ * Shape styles for the ChatInput component
+ */
+export const Shapes = {
+    default: {
+        borderRadius: '8px',
+    },
+    square: {
+        borderRadius: '0px',
+    },
+    rounded: {
+        borderRadius: '8px',
+    },
+};
+/**
+ * Size styles for the ChatInput component
+ */
+export const Sizes = {
+    xs: {
+        fontSize: '10px',
+        padding: '4px 8px',
+    },
+    sm: {
+        fontSize: '12px',
+        padding: '6px 10px',
+    },
+    md: {
+        fontSize: '14px',
+        padding: '8px 12px',
+    },
+    lg: {
+        fontSize: '16px',
+        padding: '10px 14px',
+    },
+    xl: {
+        fontSize: '20px',
+        padding: '12px 16px',
+    },
+};
+/**
+ * Variant styles for the ChatInput component
+ */
+export const Variants = {
+    default: {
+        backgroundColor: 'color-white',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: 'color-gray-200',
+    },
+    outline: {
+        backgroundColor: 'transparent',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: 'color-gray-300',
+    },
+    none: {
+        backgroundColor: 'transparent',
+        border: 'none',
+    },
+};
+//# sourceMappingURL=ChatInput.style.js.map

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

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

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

@@ -0,0 +1,56 @@
+import { ViewProps } from 'app-studio';
+/**
+ * Size options for the ChatInput component
+ */
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Shape options for the ChatInput component
+ */
+export type Shape = 'default' | 'square' | 'rounded';
+/**
+ * Variant options for the ChatInput component
+ */
+export type Variant = 'default' | 'outline' | 'none';
+/**
+ * Prompt example interface
+ */
+export interface PromptExample {
+    id: string | number;
+    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/native/components/ChatInput/ChatInput/ChatInput.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChatInput.type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.type.js","sourceRoot":"","sources":["../../../../../src/components/ChatInput/ChatInput/ChatInput.type.ts"],"names":[],"mappings":""}

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

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