@app-studio/web 0.8.96 → 0.9.0

package/dist/components/Chat/MessageBubble/MessageBubble/MessageBubble.view.d.ts

@@ -1,17 +0,0 @@
-/**
- * MessageBubble View
- */
-import React from 'react';
-import { MessageBubbleProps } from './MessageBubble.props';
-interface Props extends MessageBubbleProps {
-    isEditing: boolean;
-    editValue: string;
-    isHovered: boolean;
-    setEditValue: (value: string) => void;
-    setIsHovered: (value: boolean) => void;
-    startEditing: (initialContent: string) => void;
-    cancelEditing: () => void;
-    saveEditing: () => void;
-}
-export declare const MessageBubbleView: React.FC<Props>;
-export {};

package/dist/components/Chat/MessageBubble/MessageBubble.d.ts

@@ -1,10 +0,0 @@
-/**
- * MessageBubble Component
- *
- * A component for displaying chat messages with different styles based on the message type.
- * Supports user, assistant, system, and error message types.
- */
-import React from 'react';
-import { MessageBubbleProps } from './MessageBubble/MessageBubble.props';
-export declare const MessageBubble: React.FC<MessageBubbleProps>;
-export type { MessageBubbleProps } from './MessageBubble/MessageBubble.props';

package/dist/components/Chat/ModelSelector/ModelSelector/ModelSelector.props.d.ts

@@ -1,39 +0,0 @@
-/**
- * ModelSelector Props
- */
-import { ViewProps } from 'app-studio';
-import { AIModel, ModelSelectorStyles } from './ModelSelector.type';
-export interface ModelSelectorProps extends ViewProps {
-    /**
-     * List of available models
-     */
-    models: AIModel[];
-    /**
-     * Currently selected model ID
-     */
-    selectedModelId: string;
-    /**
-     * Callback function when a model is selected
-     */
-    onModelSelect: (modelId: string) => void;
-    /**
-     * Whether to show model details
-     */
-    showModelDetails?: boolean;
-    /**
-     * Whether to group models by provider
-     */
-    groupByProvider?: boolean;
-    /**
-     * Whether to show a search input
-     */
-    enableSearch?: boolean;
-    /**
-     * Whether the selector is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Custom styles for the component
-     */
-    styles?: ModelSelectorStyles;
-}

package/dist/components/Chat/ModelSelector/ModelSelector/ModelSelector.state.d.ts

@@ -1,12 +0,0 @@
-/**
- * ModelSelector State
- */
-import { AIModel } from './ModelSelector.type';
-export declare const useModelSelectorState: (models: AIModel[], _selectedModelId: string, enableSearch: boolean) => {
-    isOpen: boolean;
-    searchQuery: string;
-    filteredModels: AIModel[];
-    toggleDropdown: () => void;
-    closeDropdown: () => void;
-    handleSearchChange: (query: string) => void;
-};

package/dist/components/Chat/ModelSelector/ModelSelector/ModelSelector.style.d.ts

@@ -1,11 +0,0 @@
-/**
- * ModelSelector Styles
- */
-import { ViewProps } from 'app-studio';
-export declare const containerStyles: ViewProps;
-export declare const selectedModelStyles: ViewProps;
-export declare const dropdownStyles: ViewProps;
-export declare const searchInputStyles: ViewProps;
-export declare const optionStyles: (isSelected: boolean) => ViewProps;
-export declare const providerGroupStyles: ViewProps;
-export declare const modelInfoStyles: ViewProps;

package/dist/components/Chat/ModelSelector/ModelSelector/ModelSelector.type.d.ts

@@ -1,21 +0,0 @@
-/**
- * ModelSelector Types
- */
-import { ViewProps } from 'app-studio';
-export interface AIModel {
-    id: string;
-    name: string;
-    provider: string;
-    description?: string;
-    maxTokens?: number;
-    capabilities?: string[];
-    tags?: string[];
-    isAvailable?: boolean;
-}
-export interface ModelSelectorStyles {
-    container?: ViewProps;
-    dropdown?: ViewProps;
-    option?: ViewProps;
-    selectedModel?: ViewProps;
-    modelInfo?: ViewProps;
-}

package/dist/components/Chat/ModelSelector/ModelSelector/ModelSelector.view.d.ts

@@ -1,16 +0,0 @@
-/**
- * ModelSelector View
- */
-import React from 'react';
-import { ModelSelectorProps } from './ModelSelector.props';
-import { AIModel } from './ModelSelector.type';
-interface Props extends ModelSelectorProps {
-    isOpen: boolean;
-    searchQuery: string;
-    filteredModels: AIModel[];
-    toggleDropdown: () => void;
-    closeDropdown: () => void;
-    handleSearchChange: (query: string) => void;
-}
-export declare const ModelSelectorView: React.FC<Props>;
-export {};

package/dist/components/Chat/ModelSelector/ModelSelector.d.ts

@@ -1,10 +0,0 @@
-/**
- * ModelSelector Component
- *
- * A dropdown component for selecting AI models with filtering and grouping options.
- */
-import React from 'react';
-import { ModelSelectorProps } from './ModelSelector/ModelSelector.props';
-export declare const ModelSelector: React.FC<ModelSelectorProps>;
-export type { ModelSelectorProps } from './ModelSelector/ModelSelector.props';
-export type { AIModel } from './ModelSelector/ModelSelector.type';

package/dist/components/Chat/PromptInput/PromptInput/PromptInput.props.d.ts

@@ -1,59 +0,0 @@
-/**
- * PromptInput Props
- */
-import { ViewProps } from 'app-studio';
-import { PromptInputStyles } from './PromptInput.type';
-export interface PromptInputProps extends ViewProps {
-    /**
-     * Current value of the input
-     */
-    value: string;
-    /**
-     * Callback function when the input value changes
-     */
-    onChange: (value: string) => void;
-    /**
-     * Callback function when the input is submitted
-     */
-    onSubmit: () => void;
-    /**
-     * Placeholder text for the input
-     */
-    placeholder?: string;
-    /**
-     * Whether the input is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether to show a loading indicator
-     */
-    isLoading?: boolean;
-    /**
-     * Whether to enable file uploads
-     */
-    enableFileUpload?: boolean;
-    /**
-     * Whether to enable voice input
-     */
-    enableVoiceInput?: boolean;
-    /**
-     * Whether to enable AI suggestions
-     */
-    enableSuggestions?: boolean;
-    /**
-     * Maximum number of rows for the textarea
-     */
-    maxRows?: number;
-    /**
-     * Minimum number of rows for the textarea
-     */
-    minRows?: number;
-    /**
-     * Whether to use a transparent background
-     */
-    transparentBackground?: boolean;
-    /**
-     * Custom styles for the component
-     */
-    styles?: PromptInputStyles;
-}

package/dist/components/Chat/PromptInput/PromptInput/PromptInput.state.d.ts

@@ -1,13 +0,0 @@
-/**
- * PromptInput State
- */
-/// <reference types="react" />
-export declare const usePromptInputState: (value: string, onChange: (value: string) => void, onSubmit: () => void, enableSuggestions: boolean) => {
-    suggestions: string[];
-    selectedSuggestionIndex: number;
-    textareaRef: import("react").RefObject<HTMLTextAreaElement>;
-    handleKeyDown: (e: React.KeyboardEvent) => void;
-    handleSuggestionClick: (suggestion: string) => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-};

package/dist/components/Chat/PromptInput/PromptInput/PromptInput.style.d.ts

@@ -1,10 +0,0 @@
-/**
- * PromptInput Styles
- */
-import { ViewProps } from 'app-studio';
-export declare const containerStyles: ViewProps;
-export declare const getInputContainerStyles: (transparentBackground: boolean) => ViewProps;
-export declare const textareaStyles: ViewProps;
-export declare const buttonsContainerStyles: ViewProps;
-export declare const suggestionsContainerStyles: ViewProps;
-export declare const suggestionStyles: (isSelected: boolean) => ViewProps;

package/dist/components/Chat/PromptInput/PromptInput/PromptInput.type.d.ts

@@ -1,11 +0,0 @@
-/**
- * PromptInput Types
- */
-import { ViewProps } from 'app-studio';
-export interface PromptInputStyles {
-    container?: ViewProps;
-    textarea?: ViewProps;
-    buttonsContainer?: ViewProps;
-    suggestionsContainer?: ViewProps;
-    suggestion?: ViewProps;
-}

package/dist/components/Chat/PromptInput/PromptInput/PromptInput.view.d.ts

@@ -1,16 +0,0 @@
-/**
- * PromptInput View
- */
-import React from 'react';
-import { PromptInputProps } from './PromptInput.props';
-interface Props extends PromptInputProps {
-    suggestions: string[];
-    selectedSuggestionIndex: number;
-    textareaRef: React.RefObject<HTMLTextAreaElement>;
-    handleKeyDown: (e: React.KeyboardEvent) => void;
-    handleSuggestionClick: (suggestion: string) => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-}
-export declare const PromptInputView: React.FC<Props>;
-export {};

package/dist/components/Chat/PromptInput/PromptInput.d.ts

@@ -1,10 +0,0 @@
-/**
- * PromptInput Component
- *
- * A textarea input component specifically designed for AI chat interfaces.
- * Includes features like suggestions, file upload, and voice input.
- */
-import React from 'react';
-import { PromptInputProps } from './PromptInput/PromptInput.props';
-export declare const PromptInput: React.FC<PromptInputProps>;
-export type { PromptInputProps } from './PromptInput/PromptInput.props';

package/dist/components/Chat/SettingsPanel/SettingsPanel/SettingsPanel.props.d.ts

@@ -1,31 +0,0 @@
-/**
- * SettingsPanel Props
- */
-import { ViewProps } from 'app-studio';
-import { SettingItem, SettingsPanelStyles } from './SettingsPanel.type';
-export interface SettingsPanelProps extends ViewProps {
-    /**
-     * Title of the settings panel
-     */
-    title?: string;
-    /**
-     * List of setting items
-     */
-    settings: SettingItem[];
-    /**
-     * Callback function when a setting value changes
-     */
-    onSettingChange: (id: string, value: any) => void;
-    /**
-     * Whether to group settings by category
-     */
-    groupByCategory?: boolean;
-    /**
-     * Whether the panel is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Custom styles for the component
-     */
-    styles?: SettingsPanelStyles;
-}

package/dist/components/Chat/SettingsPanel/SettingsPanel/SettingsPanel.style.d.ts

@@ -1,11 +0,0 @@
-/**
- * SettingsPanel Styles
- */
-import { ViewProps } from 'app-studio';
-export declare const containerStyles: ViewProps;
-export declare const headerStyles: ViewProps;
-export declare const contentStyles: ViewProps;
-export declare const settingItemStyles: ViewProps;
-export declare const settingInfoStyles: ViewProps;
-export declare const settingControlStyles: ViewProps;
-export declare const categoryHeaderStyles: ViewProps;

package/dist/components/Chat/SettingsPanel/SettingsPanel/SettingsPanel.type.d.ts

@@ -1,30 +0,0 @@
-/**
- * SettingsPanel Types
- */
-import { ViewProps } from 'app-studio';
-export interface SettingItem {
-    id: string;
-    label: string;
-    description?: string;
-    type: 'toggle' | 'select' | 'slider' | 'input' | 'button';
-    value?: any;
-    options?: {
-        label: string;
-        value: any;
-    }[];
-    min?: number;
-    max?: number;
-    step?: number;
-    placeholder?: string;
-    onClick?: () => void;
-    category?: string;
-}
-export interface SettingsPanelStyles {
-    container?: ViewProps;
-    header?: ViewProps;
-    content?: ViewProps;
-    settingItem?: ViewProps;
-    settingInfo?: ViewProps;
-    settingControl?: ViewProps;
-    categoryHeader?: ViewProps;
-}

package/dist/components/Chat/SettingsPanel/SettingsPanel/SettingsPanel.view.d.ts

@@ -1,6 +0,0 @@
-/**
- * SettingsPanel View
- */
-import React from 'react';
-import { SettingsPanelProps } from './SettingsPanel.props';
-export declare const SettingsPanelView: React.FC<SettingsPanelProps>;

package/dist/components/Chat/SettingsPanel/SettingsPanel.d.ts

@@ -1,10 +0,0 @@
-/**
- * SettingsPanel Component
- *
- * A panel for displaying and managing AI application settings.
- */
-import React from 'react';
-import { SettingsPanelProps } from './SettingsPanel/SettingsPanel.props';
-export declare const SettingsPanel: React.FC<SettingsPanelProps>;
-export type { SettingsPanelProps } from './SettingsPanel/SettingsPanel.props';
-export type { SettingItem } from './SettingsPanel/SettingsPanel.type';

package/dist/components/Chat/ToolSelector/ToolSelector/ToolSelector.props.d.ts

@@ -1,39 +0,0 @@
-/**
- * ToolSelector Props
- */
-import { ViewProps } from 'app-studio';
-import { AITool, ToolSelectorStyles } from './ToolSelector.type';
-export interface ToolSelectorProps extends ViewProps {
-    /**
-     * List of available tools
-     */
-    tools: AITool[];
-    /**
-     * Currently selected tool IDs
-     */
-    selectedToolIds: string[];
-    /**
-     * Callback function when a tool is selected or deselected
-     */
-    onToolToggle: (toolId: string) => void;
-    /**
-     * Whether to group tools by category
-     */
-    groupByCategory?: boolean;
-    /**
-     * Whether to show tool descriptions
-     */
-    showDescriptions?: boolean;
-    /**
-     * Whether to show tool icons
-     */
-    showIcons?: boolean;
-    /**
-     * Whether the selector is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Custom styles for the component
-     */
-    styles?: ToolSelectorStyles;
-}

package/dist/components/Chat/ToolSelector/ToolSelector/ToolSelector.style.d.ts

@@ -1,10 +0,0 @@
-/**
- * ToolSelector Styles
- */
-import { ViewProps } from 'app-studio';
-export declare const containerStyles: ViewProps;
-export declare const toolsContainerStyles: ViewProps;
-export declare const toolItemStyles: (isSelected: boolean, isEnabled: boolean) => ViewProps;
-export declare const toolIconStyles: ViewProps;
-export declare const toolInfoStyles: ViewProps;
-export declare const categoryHeaderStyles: ViewProps;

package/dist/components/Chat/ToolSelector/ToolSelector/ToolSelector.type.d.ts

@@ -1,20 +0,0 @@
-/**
- * ToolSelector Types
- */
-import { ViewProps } from 'app-studio';
-export interface AITool {
-    id: string;
-    name: string;
-    description?: string;
-    icon?: string;
-    category?: string;
-    isEnabled?: boolean;
-}
-export interface ToolSelectorStyles {
-    container?: ViewProps;
-    toolsContainer?: ViewProps;
-    toolItem?: ViewProps;
-    toolIcon?: ViewProps;
-    toolInfo?: ViewProps;
-    categoryHeader?: ViewProps;
-}

package/dist/components/Chat/ToolSelector/ToolSelector/ToolSelector.view.d.ts

@@ -1,6 +0,0 @@
-/**
- * ToolSelector View
- */
-import React from 'react';
-import { ToolSelectorProps } from './ToolSelector.props';
-export declare const ToolSelectorView: React.FC<ToolSelectorProps>;

package/dist/components/Chat/ToolSelector/ToolSelector.d.ts

@@ -1,10 +0,0 @@
-/**
- * ToolSelector Component
- *
- * A component for selecting AI tools and capabilities to use in a conversation.
- */
-import React from 'react';
-import { ToolSelectorProps } from './ToolSelector/ToolSelector.props';
-export declare const ToolSelector: React.FC<ToolSelectorProps>;
-export type { ToolSelectorProps } from './ToolSelector/ToolSelector.props';
-export type { AITool } from './ToolSelector/ToolSelector.type';

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

@@ -1,16 +0,0 @@
-/**
- * App Studio Components for AI Applications
- *
- * This module exports a collection of components specifically designed
- * for building AI-powered applications.
- */
-export * from './ChatInterface/ChatInterface';
-export * from './MessageBubble/MessageBubble';
-export * from './PromptInput/PromptInput';
-export * from './ModelSelector/ModelSelector';
-export * from './AIResponseDisplay/AIResponseDisplay';
-export * from './LoadingIndicator/LoadingIndicator';
-export * from './ToolSelector/ToolSelector';
-export * from './SettingsPanel/SettingsPanel';
-export * from './FileUploader/FileUploader';
-export * from './CodeBlock/CodeBlock';