orchid-ai 1.3.1 → 1.3.6

package/dist/cli/components/ChatPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type IconName } from './Icon';
-import { CommandTheme, ChatMessage, ModelInfo, ChatTheme, ServerConfig } from '../types/types';
+import { CommandTheme, CommandSuggestion, ChatMessage, ModelInfo, ChatTheme, ServerConfig } from '../types/types';
 interface ChatPanelProps {
     isOpen: boolean;
     setIsOpen?: (isOpen: boolean) => void;
@@ -53,6 +53,13 @@ interface ChatPanelProps {
     headerIcon?: IconName | React.ReactElement;
     headerTitle?: string;
     headerSubtitle?: string;
+    /** When set, replaces default behavior (setFormState + onNavigate + onClose) for command suggestions. */
+    onSuggestionSelect?: (s: CommandSuggestion) => void;
+    /**
+     * Applied to the full-screen modal root so the chat stacks above app chrome that uses high z-index
+     * (e.g. MUI AppBar ~1100, custom sidebars ~999). Default Tailwind z-50 is too low for many shells.
+     */
+    overlayZIndex?: number;
 }
 /**
  * ChatPanel component
@@ -91,7 +98,7 @@ showHistory, // Default to hidden
 showProfileBubbles, // Default to hidden
 modalPosition, // Default to left position
 serverConfig, models, defaultModel, showUsageStats, maxFileSize, features, showFloatingButton, floatingButtonIcon, floatingButtonPosition, floatingButtonSize, floatingButtonClassName, chats, setChats, currentChatId, setCurrentChatId, chatLevel, initialQuery, setInitialQuery, headerIcon, // Default to bot icon
-headerTitle, headerSubtitle, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
+headerTitle, headerSubtitle, onSuggestionSelect, overlayZIndex, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
 /**
  * ChatInput component
  * @param query - The current query
@@ -118,6 +125,7 @@ type FloatingChatButtonProps = {
     className?: string;
     position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
     size?: 'sm' | 'md' | 'lg';
+    zIndex?: number;
 };
 /**
  * FloatingChatButton component
@@ -128,5 +136,5 @@ type FloatingChatButtonProps = {
  * @param position - Position of the floating button
  * @param size - Size of the floating button
  */
-export declare function FloatingChatButton({ onClick, theme, icon, className, position, size, }: FloatingChatButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingChatButton({ onClick, theme, icon, className, position, size, zIndex: floatingZIndex, }: FloatingChatButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cli/components/Conversation.d.ts

@@ -72,5 +72,5 @@ interface ConversationProps {
  * @param autoScroll - Whether to auto-scroll to bottom on new messages
  * @param maxHeight - Maximum height of the conversation container
  */
-export declare function Conversation({ chat: externalChat, onSuggestionClick, theme, showProfileBubbles, className, autoScroll, maxHeight, userId, serverConfig, formData, setFormState, onNavigate, chatLevel, chats: externalChats, setChats: externalSetChats, currentChatId: externalCurrentChatId, setCurrentChatId: externalSetCurrentChatId, query: externalQuery, setQuery: externalSetQuery, onSend: externalOnSend, isLoading: externalIsLoading, attachedFiles: externalAttachedFiles, setAttachedFiles: externalSetAttachedFiles, models, defaultModel, showUsageStats, maxFileSize, features, currentModelSelection: externalCurrentModelSelection, onModelSelectionChange: externalOnModelSelectionChange, showInput, initialQuery, setInitialQuery, showClearChat, onClearChat, additionalContext, }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Conversation({ chat: externalChat, onSuggestionClick, theme, showProfileBubbles, className, autoScroll, maxHeight, userId, serverConfig, formData, chatLevel, chats: externalChats, setChats: externalSetChats, currentChatId: externalCurrentChatId, setCurrentChatId: externalSetCurrentChatId, query: externalQuery, setQuery: externalSetQuery, onSend: externalOnSend, isLoading: externalIsLoading, attachedFiles: externalAttachedFiles, setAttachedFiles: externalSetAttachedFiles, models, defaultModel, showUsageStats, maxFileSize, features, currentModelSelection: externalCurrentModelSelection, onModelSelectionChange: externalOnModelSelectionChange, showInput, initialQuery, setInitialQuery, showClearChat, onClearChat, additionalContext, }: ConversationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cli/generate-schemas.js

@@ -10,6 +10,7 @@ const commandTrainingRules = {
     components: {
         patterns: {
             // React component patterns
+            // Has /g for matchAll in training.ts; do not use String.match(componentName) (groups break).
             componentName: /(?:export\s+)?(?:function|const)\s+(\w+)(?:\s*<[^>]*>)?\s*[=(]/g,
             props: /interface\s+(\w+)Props\s*{([^}]*)}/g,
             state: /useState<([^>]*)>/g,
@@ -34,7 +35,8 @@ const commandTrainingRules = {
     schemas: {
         patterns: {
             // Monastery schema patterns - updated for actual file format
-            modelName: /\/\/\s*(\w+)\s+model\s+for\s+monastery/g,
+            // No /g: training.ts uses String.match(); with g, capture groups are omitted and modelName is always lost.
+            modelName: /\/\/\s*(\w+)\s+model\s+for\s+monastery/,
             fields: /fields:\s*{([^}]*)}/g,
             fieldDefinitions: /(\w+):\s*{\s*(?:required:\s*(true|false),?\s*)?type:\s*['"]([^'"]+)['"](?:,\s*required:\s*(true|false))?(?:,\s*default:\s*[^,}]+)?/g,
             indexes: /indexes:\s*\[([^\]]*)\]/g,
@@ -557,6 +559,7 @@ class CommandTrainingCollector {
             if (content.formFields?.length > 0) {
                 const form = {
                     name: content.componentName || 'Unknown Form',
+                    sourceFile: path.relative(this.rootDir, component.filePath),
                     purpose: `Form component for data entry`,
                     fields: content.formFields.map((fieldName) => ({
                         name: fieldName,
@@ -685,12 +688,15 @@ class CommandTrainingCollector {
     guessEntityFromComponent(componentName) {
         if (!componentName)
             return 'Unknown';
-        // Simple heuristic: remove common suffixes
+        // Strip common create/edit wrappers, then UI suffixes (order matters)
         const cleaned = componentName
+            .replace(/^(?:Create|Edit|View|New|Batch)/i, '')
             .replace(/Form$/, '')
+            .replace(/Modal$/, '')
+            .replace(/Drawer$/, '')
+            .replace(/Dialog$/, '')
             .replace(/Page$/, '')
-            .replace(/Component$/, '')
-            .replace(/Modal$/, '');
+            .replace(/Component$/, '');
         return cleaned || 'Unknown';
     }
     guessEntitiesFromComponent(content) {
@@ -804,7 +810,7 @@ class CommandTrainingCollector {
                 this.log(`❌ Error expanding pattern "${pattern}":`, err.message);
             }
         }
-        return expandedPaths;
+        return [...new Set(expandedPaths)];
     }
     extractFileInfo(fieldName, content) {
         switch (fieldName) {
@@ -848,11 +854,22 @@ class CommandTrainingCollector {
             hooks: [],
             eventHandlers: [],
         };
-        // Extract component name
-        const componentMatch = content.match(patterns.componentName);
-        if (componentMatch) {
-            result.componentName = componentMatch[1];
-        }
+        // Do not use String.match() on patterns.componentName — it has /g, so match[1] is the *second*
+        // full match, not capture group 1 (yields strings like `const CustomerForm =`).
+        const declRe = /(?:export\s+)?(?:function|const)\s+(\w+)(?:\s*<[^>]*>)?\s*[=(]/g;
+        const declNames = [];
+        for (const m of content.matchAll(declRe)) {
+            declNames.push(m[1]);
+        }
+        const isLikelyComponentSymbol = (n) => /^[A-Z]/.test(n) &&
+            !/^use[A-Z]/.test(n) &&
+            !/^Styled/i.test(n);
+        const preferred = [...declNames].reverse().find((n) => isLikelyComponentSymbol(n) &&
+            (/(?:Form|Modal|Drawer|Dialog)$/.test(n) ||
+                /^FormStep/i.test(n) ||
+                (n.includes('Form') && n.length > 4)));
+        const fallback = [...declNames].reverse().find(isLikelyComponentSymbol);
+        result.componentName = preferred ?? fallback ?? null;
         // Extract props interfaces
         const propsMatches = content.matchAll(patterns.props);
         for (const match of propsMatches) {
@@ -887,6 +904,7 @@ class CommandTrainingCollector {
         for (const match of fieldMatches) {
             result.formFields.push(match[1]);
         }
+        result.formFields = [...new Set(result.formFields)];
         // Extract imports
         const importMatches = content.matchAll(patterns.imports);
         for (const match of importMatches) {
@@ -1635,6 +1653,7 @@ class SchemaGenerator extends CommandTrainingCollector {
             };
             this.log(`    ✅ Generated schema with ${Object.keys(properties).length} properties`);
         }
+        this.mergeFormUiFieldsIntoEntitySchemas(trainingData, schemas);
         // If no entities found, try to extract from components
         if (Object.keys(schemas).length === 0) {
             this.log('  ⚠️  No entities found in training data, extracting from components...');
@@ -1642,6 +1661,87 @@ class SchemaGenerator extends CommandTrainingCollector {
         }
         return schemas;
     }
+    /**
+     * Merge `name="..."` fields collected from UI forms/modals into existing entity schemas
+     * (server models stay canonical; this adds frontend surface hints).
+     * Optional `customTrainingData.options.formEntityHints`: map form component name -> schema entity key.
+     * Optional `formEntityPathPatterns`: `{ includes, entity }` — first match on `form.sourceFile` wins
+     * (disambiguates reused names like `FormStepDetails` in different feature folders).
+     */
+    mergeFormUiFieldsIntoEntitySchemas(trainingData, schemas) {
+        const forms = trainingData.customTrainingData?.structuredData?.components?.forms || [];
+        if (!forms.length || !Object.keys(schemas).length)
+            return;
+        const hints = (trainingData.customTrainingData?.options?.formEntityHints || {});
+        const pathPatterns = (trainingData.customTrainingData?.options?.formEntityPathPatterns ||
+            []);
+        /** Short UI stems that don't match lowered model names */
+        const STEM_ALIASES = {
+            hs: 'hsreport',
+            incident: 'incidentreport',
+        };
+        const schemaKeys = new Set(Object.keys(schemas));
+        const resolveKey = (form) => {
+            if (form.sourceFile) {
+                for (const p of pathPatterns) {
+                    if (!p?.includes || !p?.entity)
+                        continue;
+                    if (form.sourceFile.includes(p.includes)) {
+                        const k = p.entity.toLowerCase();
+                        if (schemaKeys.has(k))
+                            return k;
+                    }
+                }
+            }
+            const tryKey = (raw) => {
+                if (!raw)
+                    return undefined;
+                const mapped = hints[raw];
+                const stem = raw
+                    .replace(/^(?:Create|Edit|View|New|Batch)/i, '')
+                    .replace(/(?:Form|Modal|Drawer|Dialog)$/i, '');
+                const stemLc = stem.toLowerCase();
+                const alias = STEM_ALIASES[stemLc];
+                if (alias && schemaKeys.has(alias))
+                    return alias;
+                const candidates = [
+                    (mapped || raw).toLowerCase(),
+                    stemLc,
+                ];
+                for (const c of candidates) {
+                    if (c && schemaKeys.has(c))
+                        return c;
+                }
+                return undefined;
+            };
+            return tryKey(form.name) || tryKey(form.relatedEntity) || undefined;
+        };
+        let mergedForms = 0;
+        let mergedFields = 0;
+        for (const form of forms) {
+            const entityKey = resolveKey(form);
+            if (!entityKey)
+                continue;
+            const gen = schemas[entityKey];
+            if (!gen?.schema?.properties)
+                continue;
+            const props = gen.schema.properties;
+            for (const f of form.fields || []) {
+                const n = f?.name;
+                if (!n || typeof n !== 'string' || props[n])
+                    continue;
+                props[n] = {
+                    type: 'string',
+                    description: `UI form field (from ${form.name}). Cross-check server model; may overlap sharing/base shapes.`,
+                };
+                mergedFields += 1;
+            }
+            mergedForms += 1;
+        }
+        if (mergedForms > 0) {
+            this.log(`\n📎 Merged UI form fields into ${mergedForms} entity schema(s) (+${mergedFields} properties)`);
+        }
+    }
     /**
      * Extract schemas from component analysis if no explicit entities found
      */
@@ -1955,6 +2055,9 @@ class SchemaGenerator extends CommandTrainingCollector {
      * Map training data field types to JSON Schema types
      */
     mapFieldType(type) {
+        if (type == null || typeof type !== 'string') {
+            return 'string';
+        }
         const typeMap = {
             string: 'string',
             number: 'number',

package/dist/cli/index.d.ts

@@ -1,3 +1,4 @@
+import './orchid-chat.css';
 export { useStreamingAI } from './hooks/useStreamingAI';
 export type { StreamingModelSelection } from './hooks/useStreamingAI';
 export { useSuggestions, useDebouncedSuggestions, } from './hooks/useSuggestions';

package/dist/cli/server/schema-generator.d.ts

@@ -55,6 +55,14 @@ export declare class SchemaGenerator extends CommandTrainingCollector {
      * Generate schemas from collected training data
      */
     private generateSchemas;
+    /**
+     * Merge `name="..."` fields collected from UI forms/modals into existing entity schemas
+     * (server models stay canonical; this adds frontend surface hints).
+     * Optional `customTrainingData.options.formEntityHints`: map form component name -> schema entity key.
+     * Optional `formEntityPathPatterns`: `{ includes, entity }` — first match on `form.sourceFile` wins
+     * (disambiguates reused names like `FormStepDetails` in different feature folders).
+     */
+    private mergeFormUiFieldsIntoEntitySchemas;
     /**
      * Extract schemas from component analysis if no explicit entities found
      */

package/dist/components/ChatPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type IconName } from './Icon';
-import { CommandTheme, ChatMessage, ModelInfo, ChatTheme, ServerConfig } from '../types/types';
+import { CommandTheme, CommandSuggestion, ChatMessage, ModelInfo, ChatTheme, ServerConfig } from '../types/types';
 interface ChatPanelProps {
     isOpen: boolean;
     setIsOpen?: (isOpen: boolean) => void;
@@ -53,6 +53,13 @@ interface ChatPanelProps {
     headerIcon?: IconName | React.ReactElement;
     headerTitle?: string;
     headerSubtitle?: string;
+    /** When set, replaces default behavior (setFormState + onNavigate + onClose) for command suggestions. */
+    onSuggestionSelect?: (s: CommandSuggestion) => void;
+    /**
+     * Applied to the full-screen modal root so the chat stacks above app chrome that uses high z-index
+     * (e.g. MUI AppBar ~1100, custom sidebars ~999). Default Tailwind z-50 is too low for many shells.
+     */
+    overlayZIndex?: number;
 }
 /**
  * ChatPanel component
@@ -91,7 +98,7 @@ showHistory, // Default to hidden
 showProfileBubbles, // Default to hidden
 modalPosition, // Default to left position
 serverConfig, models, defaultModel, showUsageStats, maxFileSize, features, showFloatingButton, floatingButtonIcon, floatingButtonPosition, floatingButtonSize, floatingButtonClassName, chats, setChats, currentChatId, setCurrentChatId, chatLevel, initialQuery, setInitialQuery, headerIcon, // Default to bot icon
-headerTitle, headerSubtitle, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
+headerTitle, headerSubtitle, onSuggestionSelect, overlayZIndex, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
 /**
  * ChatInput component
  * @param query - The current query
@@ -118,6 +125,7 @@ type FloatingChatButtonProps = {
     className?: string;
     position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
     size?: 'sm' | 'md' | 'lg';
+    zIndex?: number;
 };
 /**
  * FloatingChatButton component
@@ -128,5 +136,5 @@ type FloatingChatButtonProps = {
  * @param position - Position of the floating button
  * @param size - Size of the floating button
  */
-export declare function FloatingChatButton({ onClick, theme, icon, className, position, size, }: FloatingChatButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingChatButton({ onClick, theme, icon, className, position, size, zIndex: floatingZIndex, }: FloatingChatButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Conversation.d.ts

@@ -72,5 +72,5 @@ interface ConversationProps {
  * @param autoScroll - Whether to auto-scroll to bottom on new messages
  * @param maxHeight - Maximum height of the conversation container
  */
-export declare function Conversation({ chat: externalChat, onSuggestionClick, theme, showProfileBubbles, className, autoScroll, maxHeight, userId, serverConfig, formData, setFormState, onNavigate, chatLevel, chats: externalChats, setChats: externalSetChats, currentChatId: externalCurrentChatId, setCurrentChatId: externalSetCurrentChatId, query: externalQuery, setQuery: externalSetQuery, onSend: externalOnSend, isLoading: externalIsLoading, attachedFiles: externalAttachedFiles, setAttachedFiles: externalSetAttachedFiles, models, defaultModel, showUsageStats, maxFileSize, features, currentModelSelection: externalCurrentModelSelection, onModelSelectionChange: externalOnModelSelectionChange, showInput, initialQuery, setInitialQuery, showClearChat, onClearChat, additionalContext, }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Conversation({ chat: externalChat, onSuggestionClick, theme, showProfileBubbles, className, autoScroll, maxHeight, userId, serverConfig, formData, chatLevel, chats: externalChats, setChats: externalSetChats, currentChatId: externalCurrentChatId, setCurrentChatId: externalSetCurrentChatId, query: externalQuery, setQuery: externalSetQuery, onSend: externalOnSend, isLoading: externalIsLoading, attachedFiles: externalAttachedFiles, setAttachedFiles: externalSetAttachedFiles, models, defaultModel, showUsageStats, maxFileSize, features, currentModelSelection: externalCurrentModelSelection, onModelSelectionChange: externalOnModelSelectionChange, showInput, initialQuery, setInitialQuery, showClearChat, onClearChat, additionalContext, }: ConversationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import './orchid-chat.css';
 export { useStreamingAI } from './hooks/useStreamingAI';
 export type { StreamingModelSelection } from './hooks/useStreamingAI';
 export { useSuggestions, useDebouncedSuggestions, } from './hooks/useSuggestions';

package/dist/index.esm.js

@@ -2791,7 +2791,7 @@ const getTextFromMessage$1 = (msg) => {
  */
 function Conversation({ chat: externalChat, onSuggestionClick, theme, showProfileBubbles = false, className = '', autoScroll = true, maxHeight = '100%', 
 // AI functionality props
-userId = 'demo-user', serverConfig, formData, setFormState, onNavigate, chatLevel = 'full', 
+userId = 'demo-user', serverConfig, formData, chatLevel = 'full', 
 // External chat management
 chats: externalChats, setChats: externalSetChats, currentChatId: externalCurrentChatId, setCurrentChatId: externalSetCurrentChatId, 
 // Input-related props
@@ -2944,14 +2944,10 @@ additionalContext, }) {
         externalSetQuery?.('');
         externalSetAttachedFiles?.([]);
     }, [query, attachedFiles, streamingAI, externalSetQuery, externalSetAttachedFiles]);
-    // Handle suggestion clicks
+    // Delegate to parent — ChatPanel composes setFormState / onNavigate / onClose in its handler
     const handleSuggestionClick = useCallback((s) => {
-        if (setFormState && s.formState)
-            setFormState(s.formState, s.actionType);
-        if (s.path && onNavigate)
-            onNavigate(s.path);
         onSuggestionClick(s);
-    }, [setFormState, onNavigate, onSuggestionClick]);
+    }, [onSuggestionClick]);
     // Use external or internal state
     const chat = externalChat || streamingAI.chat;
     const isLoading = externalIsLoading || streamingAI.isLoading;
@@ -3512,8 +3508,12 @@ showHistory = false, // Default to hidden
 showProfileBubbles = false, // Default to hidden
 modalPosition = 'left', // Default to left position
 serverConfig, models, defaultModel, showUsageStats, maxFileSize, features = {}, showFloatingButton = false, floatingButtonIcon, floatingButtonPosition = 'bottom-right', floatingButtonSize = 'md', floatingButtonClassName = '', chats, setChats, currentChatId, setCurrentChatId, chatLevel, initialQuery, setInitialQuery, headerIcon = 'command', // Default to bot icon
-headerTitle = 'AI Logistics & Customs Expert', headerSubtitle = 'Ready to assist you with your queries', }) {
+headerTitle = 'AI Logistics & Customs Expert', headerSubtitle = 'Ready to assist you with your queries', onSuggestionSelect, overlayZIndex, }) {
     const handleSuggestionClick = (s) => {
+        if (onSuggestionSelect) {
+            onSuggestionSelect(s);
+            return;
+        }
         if (setFormState && s.formState)
             setFormState(s.formState, s.actionType);
         if (s.path)
@@ -3521,6 +3521,14 @@ headerTitle = 'AI Logistics & Customs Expert', headerSubtitle = 'Ready to assist
         onClose();
     };
     const containerRef = useRef(null);
+    const handleHistorySwitchChat = useCallback((id) => {
+        setCurrentChatId?.(id);
+    }, [setCurrentChatId]);
+    const handleHistoryNewChat = useCallback(() => {
+        const id = Date.now().toString();
+        setChats?.((prev) => ({ ...prev, [id]: [] }));
+        setCurrentChatId?.(id);
+    }, [setChats, setCurrentChatId]);
     // SIMPLIFIED ANIMATION STATE
     const [isVisible, setIsVisible] = useState(false);
     const [isAnimating, setIsAnimating] = useState(false);
@@ -3670,7 +3678,7 @@ headerTitle = 'AI Logistics & Customs Expert', headerSubtitle = 'Ready to assist
       transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
     }
   `;
-    return (jsxs(Fragment, { children: [jsx("style", { children: scrollbarStyles }), jsxs(ErrorBoundary, { children: [!isOpen && showFloatingButton && (jsx(FloatingChatButton, { onClick: handleOpen, theme: theme, icon: floatingButtonIcon, position: floatingButtonPosition, size: floatingButtonSize, className: floatingButtonClassName })), shouldRenderPanel && (jsxs("div", { className: "fixed inset-0 z-50", children: [jsx("div", { className: `absolute inset-0 bg-black/20 transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0'}`, onClick: handleClose }), jsx("div", { className: `fixed z-[60] top-6 transition-all duration-300 ${isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-75'}`, style: { ...(modalPosition === 'left'
+    return (jsxs(Fragment, { children: [jsx("style", { children: scrollbarStyles }), jsxs(ErrorBoundary, { children: [!isOpen && showFloatingButton && (jsx(FloatingChatButton, { onClick: handleOpen, theme: theme, icon: floatingButtonIcon, position: floatingButtonPosition, size: floatingButtonSize, className: floatingButtonClassName, zIndex: overlayZIndex })), shouldRenderPanel && (jsxs("div", { className: "fixed inset-0 z-50", style: overlayZIndex !== undefined ? { zIndex: overlayZIndex } : undefined, children: [jsx("div", { className: `absolute inset-0 bg-black/20 transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0'}`, onClick: handleClose }), jsx("div", { className: `fixed z-[60] top-6 transition-all duration-300 ${isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-75'}`, style: { ...(modalPosition === 'left'
                                         ? { left: showHistory ? 'min(90vw, 700px)' : 'min(80vw, 550px)', marginLeft: '16px' }
                                         : { right: showHistory ? 'min(90vw, 700px)' : 'min(80vw, 550px)', marginRight: '16px' }) }, children: jsx("button", { onClick: handleClose, className: "w-10 h-10 rounded-full shadow-lg transition-all duration-200 flex items-center justify-center text-xl font-bold hover:scale-110", style: {
                                         backgroundColor: finalTheme.colors.surface.elevated,
@@ -3706,7 +3714,7 @@ headerTitle = 'AI Logistics & Customs Expert', headerSubtitle = 'Ready to assist
                                 }, ref: containerRef, onClick: (e) => e.stopPropagation(), children: [jsx("div", { className: `flex items-center justify-between px-6 py-4 border-b min-h-[72px] transition-all duration-500 delay-100 ${isOpen ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2'}`, style: {
                                             borderColor: finalTheme.colors.border.primary,
                                             backgroundColor: finalTheme.colors.background.primary,
-                                        }, children: jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: `inline-flex items-center justify-center rounded-full w-8 h-8 transition-all duration-500 delay-200 ${isOpen ? 'opacity-100 scale-100 rotate-0' : 'opacity-0 scale-75 rotate-12'}`, style: { backgroundColor: finalTheme.colors.primary[600] }, children: typeof headerIcon === 'string' ? (jsx(Icon, { name: headerIcon, size: "sm", style: { color: finalTheme.colors.text.primary } })) : (headerIcon || (jsx(Icon, { name: "command", size: "sm", style: { color: finalTheme.colors.text.primary } }))) }), jsxs("div", { className: `transition-all duration-500 delay-300 ${isOpen ? 'opacity-100 translate-x-0' : 'opacity-0 translate-x-2'}`, children: [jsx("div", { className: "font-bold text-lg leading-tight", style: { color: finalTheme.colors.text.primary }, children: headerTitle }), jsx("div", { className: "text-xs", style: { color: finalTheme.colors.text.tertiary }, children: headerSubtitle })] })] }) }), jsxs("div", { className: `flex flex-1 min-h-0 h-full transition-all duration-500 delay-200 ${isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-95'}`, children: [showHistory && (jsx(ChatHistorySidebar, { chats: chats || {}, currentChatId: currentChatId || 'default', switchChat: () => { }, newChat: () => { }, theme: finalTheme, isOpen: isOpen })), jsx("div", { className: "flex-1 flex flex-col min-h-0 h-full", children: jsx("div", { className: `flex-1 px-6 py-4 min-h-0 transition-all duration-500 delay-300 ${isOpen ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'}`, style: {
+                                        }, children: jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: `inline-flex items-center justify-center rounded-full w-8 h-8 transition-all duration-500 delay-200 ${isOpen ? 'opacity-100 scale-100 rotate-0' : 'opacity-0 scale-75 rotate-12'}`, style: { backgroundColor: finalTheme.colors.primary[600] }, children: typeof headerIcon === 'string' ? (jsx(Icon, { name: headerIcon, size: "sm", style: { color: finalTheme.colors.text.primary } })) : (headerIcon || (jsx(Icon, { name: "command", size: "sm", style: { color: finalTheme.colors.text.primary } }))) }), jsxs("div", { className: `transition-all duration-500 delay-300 ${isOpen ? 'opacity-100 translate-x-0' : 'opacity-0 translate-x-2'}`, children: [jsx("div", { className: "font-bold text-lg leading-tight", style: { color: finalTheme.colors.text.primary }, children: headerTitle }), jsx("div", { className: "text-xs", style: { color: finalTheme.colors.text.tertiary }, children: headerSubtitle })] })] }) }), jsxs("div", { className: `flex flex-1 min-h-0 h-full transition-all duration-500 delay-200 ${isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-95'}`, children: [showHistory && (jsx(ChatHistorySidebar, { chats: chats || {}, currentChatId: currentChatId || 'default', switchChat: handleHistorySwitchChat, newChat: handleHistoryNewChat, theme: finalTheme, isOpen: isOpen })), jsx("div", { className: "flex-1 flex flex-col min-h-0 h-full", children: jsx("div", { className: `flex-1 px-6 py-4 min-h-0 transition-all duration-500 delay-300 ${isOpen ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'}`, style: {
                                                         backgroundColor: finalTheme.colors.background.primary,
                                                     }, children: jsx(Conversation, { onSuggestionClick: handleSuggestionClick, theme: finalTheme, showProfileBubbles: showProfileBubbles, autoScroll: true, showInput: true, 
                                                         // AI functionality props
@@ -3779,7 +3787,7 @@ function ChatHistorySidebar({ chats, currentChatId, switchChat, newChat, theme,
  * @param position - Position of the floating button
  * @param size - Size of the floating button
  */
-function FloatingChatButton({ onClick, theme = defaultTheme, icon, className = '', position = 'bottom-right', size = 'md', }) {
+function FloatingChatButton({ onClick, theme = defaultTheme, icon, className = '', position = 'bottom-right', size = 'md', zIndex: floatingZIndex, }) {
     // Note: Theme is now handled via Tailwind classes directly
     // Position classes
     const positionClasses = {
@@ -3799,7 +3807,7 @@ function FloatingChatButton({ onClick, theme = defaultTheme, icon, className = '
         md: { width: 24, height: 24 },
         lg: { width: 28, height: 28 },
     };
-    return (jsx("div", { className: `fixed z-50 ${positionClasses[position]} ${className}`, children: jsx("button", { onClick: onClick, className: `
+    return (jsx("div", { className: `fixed z-50 ${positionClasses[position]} ${className}`, style: floatingZIndex !== undefined ? { zIndex: floatingZIndex } : undefined, children: jsx("button", { onClick: onClick, className: `
           ${sizeClasses[size]}
           bg-blue-600 hover:bg-blue-700
           text-white rounded-full shadow-lg hover:shadow-xl

package/dist/index.js

@@ -2793,7 +2793,7 @@ const getTextFromMessage$1 = (msg) => {
  */
 function Conversation({ chat: externalChat, onSuggestionClick, theme, showProfileBubbles = false, className = '', autoScroll = true, maxHeight = '100%', 
 // AI functionality props
-userId = 'demo-user', serverConfig, formData, setFormState, onNavigate, chatLevel = 'full', 
+userId = 'demo-user', serverConfig, formData, chatLevel = 'full', 
 // External chat management
 chats: externalChats, setChats: externalSetChats, currentChatId: externalCurrentChatId, setCurrentChatId: externalSetCurrentChatId, 
 // Input-related props
@@ -2946,14 +2946,10 @@ additionalContext, }) {
         externalSetQuery?.('');
         externalSetAttachedFiles?.([]);
     }, [query, attachedFiles, streamingAI, externalSetQuery, externalSetAttachedFiles]);
-    // Handle suggestion clicks
+    // Delegate to parent — ChatPanel composes setFormState / onNavigate / onClose in its handler
     const handleSuggestionClick = React.useCallback((s) => {
-        if (setFormState && s.formState)
-            setFormState(s.formState, s.actionType);
-        if (s.path && onNavigate)
-            onNavigate(s.path);
         onSuggestionClick(s);
-    }, [setFormState, onNavigate, onSuggestionClick]);
+    }, [onSuggestionClick]);
     // Use external or internal state
     const chat = externalChat || streamingAI.chat;
     const isLoading = externalIsLoading || streamingAI.isLoading;
@@ -3514,8 +3510,12 @@ showHistory = false, // Default to hidden
 showProfileBubbles = false, // Default to hidden
 modalPosition = 'left', // Default to left position
 serverConfig, models, defaultModel, showUsageStats, maxFileSize, features = {}, showFloatingButton = false, floatingButtonIcon, floatingButtonPosition = 'bottom-right', floatingButtonSize = 'md', floatingButtonClassName = '', chats, setChats, currentChatId, setCurrentChatId, chatLevel, initialQuery, setInitialQuery, headerIcon = 'command', // Default to bot icon
-headerTitle = 'AI Logistics & Customs Expert', headerSubtitle = 'Ready to assist you with your queries', }) {
+headerTitle = 'AI Logistics & Customs Expert', headerSubtitle = 'Ready to assist you with your queries', onSuggestionSelect, overlayZIndex, }) {
     const handleSuggestionClick = (s) => {
+        if (onSuggestionSelect) {
+            onSuggestionSelect(s);
+            return;
+        }
         if (setFormState && s.formState)
             setFormState(s.formState, s.actionType);
         if (s.path)
@@ -3523,6 +3523,14 @@ headerTitle = 'AI Logistics & Customs Expert', headerSubtitle = 'Ready to assist
         onClose();
     };
     const containerRef = React.useRef(null);
+    const handleHistorySwitchChat = React.useCallback((id) => {
+        setCurrentChatId?.(id);
+    }, [setCurrentChatId]);
+    const handleHistoryNewChat = React.useCallback(() => {
+        const id = Date.now().toString();
+        setChats?.((prev) => ({ ...prev, [id]: [] }));
+        setCurrentChatId?.(id);
+    }, [setChats, setCurrentChatId]);
     // SIMPLIFIED ANIMATION STATE
     const [isVisible, setIsVisible] = React.useState(false);
     const [isAnimating, setIsAnimating] = React.useState(false);
@@ -3672,7 +3680,7 @@ headerTitle = 'AI Logistics & Customs Expert', headerSubtitle = 'Ready to assist
       transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
     }
   `;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { children: scrollbarStyles }), jsxRuntime.jsxs(ErrorBoundary, { children: [!isOpen && showFloatingButton && (jsxRuntime.jsx(FloatingChatButton, { onClick: handleOpen, theme: theme, icon: floatingButtonIcon, position: floatingButtonPosition, size: floatingButtonSize, className: floatingButtonClassName })), shouldRenderPanel && (jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50", children: [jsxRuntime.jsx("div", { className: `absolute inset-0 bg-black/20 transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0'}`, onClick: handleClose }), jsxRuntime.jsx("div", { className: `fixed z-[60] top-6 transition-all duration-300 ${isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-75'}`, style: { ...(modalPosition === 'left'
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { children: scrollbarStyles }), jsxRuntime.jsxs(ErrorBoundary, { children: [!isOpen && showFloatingButton && (jsxRuntime.jsx(FloatingChatButton, { onClick: handleOpen, theme: theme, icon: floatingButtonIcon, position: floatingButtonPosition, size: floatingButtonSize, className: floatingButtonClassName, zIndex: overlayZIndex })), shouldRenderPanel && (jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50", style: overlayZIndex !== undefined ? { zIndex: overlayZIndex } : undefined, children: [jsxRuntime.jsx("div", { className: `absolute inset-0 bg-black/20 transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0'}`, onClick: handleClose }), jsxRuntime.jsx("div", { className: `fixed z-[60] top-6 transition-all duration-300 ${isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-75'}`, style: { ...(modalPosition === 'left'
                                         ? { left: showHistory ? 'min(90vw, 700px)' : 'min(80vw, 550px)', marginLeft: '16px' }
                                         : { right: showHistory ? 'min(90vw, 700px)' : 'min(80vw, 550px)', marginRight: '16px' }) }, children: jsxRuntime.jsx("button", { onClick: handleClose, className: "w-10 h-10 rounded-full shadow-lg transition-all duration-200 flex items-center justify-center text-xl font-bold hover:scale-110", style: {
                                         backgroundColor: finalTheme.colors.surface.elevated,
@@ -3708,7 +3716,7 @@ headerTitle = 'AI Logistics & Customs Expert', headerSubtitle = 'Ready to assist
                                 }, ref: containerRef, onClick: (e) => e.stopPropagation(), children: [jsxRuntime.jsx("div", { className: `flex items-center justify-between px-6 py-4 border-b min-h-[72px] transition-all duration-500 delay-100 ${isOpen ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2'}`, style: {
                                             borderColor: finalTheme.colors.border.primary,
                                             backgroundColor: finalTheme.colors.background.primary,
-                                        }, children: jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx("span", { className: `inline-flex items-center justify-center rounded-full w-8 h-8 transition-all duration-500 delay-200 ${isOpen ? 'opacity-100 scale-100 rotate-0' : 'opacity-0 scale-75 rotate-12'}`, style: { backgroundColor: finalTheme.colors.primary[600] }, children: typeof headerIcon === 'string' ? (jsxRuntime.jsx(Icon, { name: headerIcon, size: "sm", style: { color: finalTheme.colors.text.primary } })) : (headerIcon || (jsxRuntime.jsx(Icon, { name: "command", size: "sm", style: { color: finalTheme.colors.text.primary } }))) }), jsxRuntime.jsxs("div", { className: `transition-all duration-500 delay-300 ${isOpen ? 'opacity-100 translate-x-0' : 'opacity-0 translate-x-2'}`, children: [jsxRuntime.jsx("div", { className: "font-bold text-lg leading-tight", style: { color: finalTheme.colors.text.primary }, children: headerTitle }), jsxRuntime.jsx("div", { className: "text-xs", style: { color: finalTheme.colors.text.tertiary }, children: headerSubtitle })] })] }) }), jsxRuntime.jsxs("div", { className: `flex flex-1 min-h-0 h-full transition-all duration-500 delay-200 ${isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-95'}`, children: [showHistory && (jsxRuntime.jsx(ChatHistorySidebar, { chats: chats || {}, currentChatId: currentChatId || 'default', switchChat: () => { }, newChat: () => { }, theme: finalTheme, isOpen: isOpen })), jsxRuntime.jsx("div", { className: "flex-1 flex flex-col min-h-0 h-full", children: jsxRuntime.jsx("div", { className: `flex-1 px-6 py-4 min-h-0 transition-all duration-500 delay-300 ${isOpen ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'}`, style: {
+                                        }, children: jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx("span", { className: `inline-flex items-center justify-center rounded-full w-8 h-8 transition-all duration-500 delay-200 ${isOpen ? 'opacity-100 scale-100 rotate-0' : 'opacity-0 scale-75 rotate-12'}`, style: { backgroundColor: finalTheme.colors.primary[600] }, children: typeof headerIcon === 'string' ? (jsxRuntime.jsx(Icon, { name: headerIcon, size: "sm", style: { color: finalTheme.colors.text.primary } })) : (headerIcon || (jsxRuntime.jsx(Icon, { name: "command", size: "sm", style: { color: finalTheme.colors.text.primary } }))) }), jsxRuntime.jsxs("div", { className: `transition-all duration-500 delay-300 ${isOpen ? 'opacity-100 translate-x-0' : 'opacity-0 translate-x-2'}`, children: [jsxRuntime.jsx("div", { className: "font-bold text-lg leading-tight", style: { color: finalTheme.colors.text.primary }, children: headerTitle }), jsxRuntime.jsx("div", { className: "text-xs", style: { color: finalTheme.colors.text.tertiary }, children: headerSubtitle })] })] }) }), jsxRuntime.jsxs("div", { className: `flex flex-1 min-h-0 h-full transition-all duration-500 delay-200 ${isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-95'}`, children: [showHistory && (jsxRuntime.jsx(ChatHistorySidebar, { chats: chats || {}, currentChatId: currentChatId || 'default', switchChat: handleHistorySwitchChat, newChat: handleHistoryNewChat, theme: finalTheme, isOpen: isOpen })), jsxRuntime.jsx("div", { className: "flex-1 flex flex-col min-h-0 h-full", children: jsxRuntime.jsx("div", { className: `flex-1 px-6 py-4 min-h-0 transition-all duration-500 delay-300 ${isOpen ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'}`, style: {
                                                         backgroundColor: finalTheme.colors.background.primary,
                                                     }, children: jsxRuntime.jsx(Conversation, { onSuggestionClick: handleSuggestionClick, theme: finalTheme, showProfileBubbles: showProfileBubbles, autoScroll: true, showInput: true, 
                                                         // AI functionality props
@@ -3781,7 +3789,7 @@ function ChatHistorySidebar({ chats, currentChatId, switchChat, newChat, theme,
  * @param position - Position of the floating button
  * @param size - Size of the floating button
  */
-function FloatingChatButton({ onClick, theme = defaultTheme, icon, className = '', position = 'bottom-right', size = 'md', }) {
+function FloatingChatButton({ onClick, theme = defaultTheme, icon, className = '', position = 'bottom-right', size = 'md', zIndex: floatingZIndex, }) {
     // Note: Theme is now handled via Tailwind classes directly
     // Position classes
     const positionClasses = {
@@ -3801,7 +3809,7 @@ function FloatingChatButton({ onClick, theme = defaultTheme, icon, className = '
         md: { width: 24, height: 24 },
         lg: { width: 28, height: 28 },
     };
-    return (jsxRuntime.jsx("div", { className: `fixed z-50 ${positionClasses[position]} ${className}`, children: jsxRuntime.jsx("button", { onClick: onClick, className: `
+    return (jsxRuntime.jsx("div", { className: `fixed z-50 ${positionClasses[position]} ${className}`, style: floatingZIndex !== undefined ? { zIndex: floatingZIndex } : undefined, children: jsxRuntime.jsx("button", { onClick: onClick, className: `
           ${sizeClasses[size]}
           bg-blue-600 hover:bg-blue-700
           text-white rounded-full shadow-lg hover:shadow-xl

package/dist/server/components/ChatPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type IconName } from './Icon';
-import { CommandTheme, ChatMessage, ModelInfo, ChatTheme, ServerConfig } from '../types/types';
+import { CommandTheme, CommandSuggestion, ChatMessage, ModelInfo, ChatTheme, ServerConfig } from '../types/types';
 interface ChatPanelProps {
     isOpen: boolean;
     setIsOpen?: (isOpen: boolean) => void;
@@ -53,6 +53,13 @@ interface ChatPanelProps {
     headerIcon?: IconName | React.ReactElement;
     headerTitle?: string;
     headerSubtitle?: string;
+    /** When set, replaces default behavior (setFormState + onNavigate + onClose) for command suggestions. */
+    onSuggestionSelect?: (s: CommandSuggestion) => void;
+    /**
+     * Applied to the full-screen modal root so the chat stacks above app chrome that uses high z-index
+     * (e.g. MUI AppBar ~1100, custom sidebars ~999). Default Tailwind z-50 is too low for many shells.
+     */
+    overlayZIndex?: number;
 }
 /**
  * ChatPanel component
@@ -91,7 +98,7 @@ showHistory, // Default to hidden
 showProfileBubbles, // Default to hidden
 modalPosition, // Default to left position
 serverConfig, models, defaultModel, showUsageStats, maxFileSize, features, showFloatingButton, floatingButtonIcon, floatingButtonPosition, floatingButtonSize, floatingButtonClassName, chats, setChats, currentChatId, setCurrentChatId, chatLevel, initialQuery, setInitialQuery, headerIcon, // Default to bot icon
-headerTitle, headerSubtitle, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
+headerTitle, headerSubtitle, onSuggestionSelect, overlayZIndex, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
 /**
  * ChatInput component
  * @param query - The current query
@@ -118,6 +125,7 @@ type FloatingChatButtonProps = {
     className?: string;
     position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
     size?: 'sm' | 'md' | 'lg';
+    zIndex?: number;
 };
 /**
  * FloatingChatButton component
@@ -128,5 +136,5 @@ type FloatingChatButtonProps = {
  * @param position - Position of the floating button
  * @param size - Size of the floating button
  */
-export declare function FloatingChatButton({ onClick, theme, icon, className, position, size, }: FloatingChatButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingChatButton({ onClick, theme, icon, className, position, size, zIndex: floatingZIndex, }: FloatingChatButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/server/components/Conversation.d.ts

@@ -72,5 +72,5 @@ interface ConversationProps {
  * @param autoScroll - Whether to auto-scroll to bottom on new messages
  * @param maxHeight - Maximum height of the conversation container
  */
-export declare function Conversation({ chat: externalChat, onSuggestionClick, theme, showProfileBubbles, className, autoScroll, maxHeight, userId, serverConfig, formData, setFormState, onNavigate, chatLevel, chats: externalChats, setChats: externalSetChats, currentChatId: externalCurrentChatId, setCurrentChatId: externalSetCurrentChatId, query: externalQuery, setQuery: externalSetQuery, onSend: externalOnSend, isLoading: externalIsLoading, attachedFiles: externalAttachedFiles, setAttachedFiles: externalSetAttachedFiles, models, defaultModel, showUsageStats, maxFileSize, features, currentModelSelection: externalCurrentModelSelection, onModelSelectionChange: externalOnModelSelectionChange, showInput, initialQuery, setInitialQuery, showClearChat, onClearChat, additionalContext, }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Conversation({ chat: externalChat, onSuggestionClick, theme, showProfileBubbles, className, autoScroll, maxHeight, userId, serverConfig, formData, chatLevel, chats: externalChats, setChats: externalSetChats, currentChatId: externalCurrentChatId, setCurrentChatId: externalSetCurrentChatId, query: externalQuery, setQuery: externalSetQuery, onSend: externalOnSend, isLoading: externalIsLoading, attachedFiles: externalAttachedFiles, setAttachedFiles: externalSetAttachedFiles, models, defaultModel, showUsageStats, maxFileSize, features, currentModelSelection: externalCurrentModelSelection, onModelSelectionChange: externalOnModelSelectionChange, showInput, initialQuery, setInitialQuery, showClearChat, onClearChat, additionalContext, }: ConversationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/server/index.esm.js

@@ -6771,6 +6771,7 @@ const commandTrainingRules = {
     components: {
         patterns: {
             // React component patterns
+            // Has /g for matchAll in training.ts; do not use String.match(componentName) (groups break).
             componentName: /(?:export\s+)?(?:function|const)\s+(\w+)(?:\s*<[^>]*>)?\s*[=(]/g,
             props: /interface\s+(\w+)Props\s*{([^}]*)}/g,
             state: /useState<([^>]*)>/g,
@@ -6795,7 +6796,8 @@ const commandTrainingRules = {
     schemas: {
         patterns: {
             // Monastery schema patterns - updated for actual file format
-            modelName: /\/\/\s*(\w+)\s+model\s+for\s+monastery/g,
+            // No /g: training.ts uses String.match(); with g, capture groups are omitted and modelName is always lost.
+            modelName: /\/\/\s*(\w+)\s+model\s+for\s+monastery/,
             fields: /fields:\s*{([^}]*)}/g,
             fieldDefinitions: /(\w+):\s*{\s*(?:required:\s*(true|false),?\s*)?type:\s*['"]([^'"]+)['"](?:,\s*required:\s*(true|false))?(?:,\s*default:\s*[^,}]+)?/g,
             indexes: /indexes:\s*\[([^\]]*)\]/g,
@@ -7643,6 +7645,7 @@ class CommandTrainingCollector {
             if (content.formFields?.length > 0) {
                 const form = {
                     name: content.componentName || 'Unknown Form',
+                    sourceFile: path__default.relative(this.rootDir, component.filePath),
                     purpose: `Form component for data entry`,
                     fields: content.formFields.map((fieldName) => ({
                         name: fieldName,
@@ -7771,12 +7774,15 @@ class CommandTrainingCollector {
     guessEntityFromComponent(componentName) {
         if (!componentName)
             return 'Unknown';
-        // Simple heuristic: remove common suffixes
+        // Strip common create/edit wrappers, then UI suffixes (order matters)
         const cleaned = componentName
+            .replace(/^(?:Create|Edit|View|New|Batch)/i, '')
             .replace(/Form$/, '')
+            .replace(/Modal$/, '')
+            .replace(/Drawer$/, '')
+            .replace(/Dialog$/, '')
             .replace(/Page$/, '')
-            .replace(/Component$/, '')
-            .replace(/Modal$/, '');
+            .replace(/Component$/, '');
         return cleaned || 'Unknown';
     }
     guessEntitiesFromComponent(content) {
@@ -7890,7 +7896,7 @@ class CommandTrainingCollector {
                 this.log(`❌ Error expanding pattern "${pattern}":`, err.message);
             }
         }
-        return expandedPaths;
+        return [...new Set(expandedPaths)];
     }
     extractFileInfo(fieldName, content) {
         switch (fieldName) {
@@ -7934,11 +7940,22 @@ class CommandTrainingCollector {
             hooks: [],
             eventHandlers: [],
         };
-        // Extract component name
-        const componentMatch = content.match(patterns.componentName);
-        if (componentMatch) {
-            result.componentName = componentMatch[1];
-        }
+        // Do not use String.match() on patterns.componentName — it has /g, so match[1] is the *second*
+        // full match, not capture group 1 (yields strings like `const CustomerForm =`).
+        const declRe = /(?:export\s+)?(?:function|const)\s+(\w+)(?:\s*<[^>]*>)?\s*[=(]/g;
+        const declNames = [];
+        for (const m of content.matchAll(declRe)) {
+            declNames.push(m[1]);
+        }
+        const isLikelyComponentSymbol = (n) => /^[A-Z]/.test(n) &&
+            !/^use[A-Z]/.test(n) &&
+            !/^Styled/i.test(n);
+        const preferred = [...declNames].reverse().find((n) => isLikelyComponentSymbol(n) &&
+            (/(?:Form|Modal|Drawer|Dialog)$/.test(n) ||
+                /^FormStep/i.test(n) ||
+                (n.includes('Form') && n.length > 4)));
+        const fallback = [...declNames].reverse().find(isLikelyComponentSymbol);
+        result.componentName = preferred ?? fallback ?? null;
         // Extract props interfaces
         const propsMatches = content.matchAll(patterns.props);
         for (const match of propsMatches) {
@@ -7973,6 +7990,7 @@ class CommandTrainingCollector {
         for (const match of fieldMatches) {
             result.formFields.push(match[1]);
         }
+        result.formFields = [...new Set(result.formFields)];
         // Extract imports
         const importMatches = content.matchAll(patterns.imports);
         for (const match of importMatches) {
@@ -15729,6 +15747,7 @@ class SchemaGenerator extends CommandTrainingCollector {
             };
             this.log(`    ✅ Generated schema with ${Object.keys(properties).length} properties`);
         }
+        this.mergeFormUiFieldsIntoEntitySchemas(trainingData, schemas);
         // If no entities found, try to extract from components
         if (Object.keys(schemas).length === 0) {
             this.log('  ⚠️  No entities found in training data, extracting from components...');
@@ -15736,6 +15755,87 @@ class SchemaGenerator extends CommandTrainingCollector {
         }
         return schemas;
     }
+    /**
+     * Merge `name="..."` fields collected from UI forms/modals into existing entity schemas
+     * (server models stay canonical; this adds frontend surface hints).
+     * Optional `customTrainingData.options.formEntityHints`: map form component name -> schema entity key.
+     * Optional `formEntityPathPatterns`: `{ includes, entity }` — first match on `form.sourceFile` wins
+     * (disambiguates reused names like `FormStepDetails` in different feature folders).
+     */
+    mergeFormUiFieldsIntoEntitySchemas(trainingData, schemas) {
+        const forms = trainingData.customTrainingData?.structuredData?.components?.forms || [];
+        if (!forms.length || !Object.keys(schemas).length)
+            return;
+        const hints = (trainingData.customTrainingData?.options?.formEntityHints || {});
+        const pathPatterns = (trainingData.customTrainingData?.options?.formEntityPathPatterns ||
+            []);
+        /** Short UI stems that don't match lowered model names */
+        const STEM_ALIASES = {
+            hs: 'hsreport',
+            incident: 'incidentreport',
+        };
+        const schemaKeys = new Set(Object.keys(schemas));
+        const resolveKey = (form) => {
+            if (form.sourceFile) {
+                for (const p of pathPatterns) {
+                    if (!p?.includes || !p?.entity)
+                        continue;
+                    if (form.sourceFile.includes(p.includes)) {
+                        const k = p.entity.toLowerCase();
+                        if (schemaKeys.has(k))
+                            return k;
+                    }
+                }
+            }
+            const tryKey = (raw) => {
+                if (!raw)
+                    return undefined;
+                const mapped = hints[raw];
+                const stem = raw
+                    .replace(/^(?:Create|Edit|View|New|Batch)/i, '')
+                    .replace(/(?:Form|Modal|Drawer|Dialog)$/i, '');
+                const stemLc = stem.toLowerCase();
+                const alias = STEM_ALIASES[stemLc];
+                if (alias && schemaKeys.has(alias))
+                    return alias;
+                const candidates = [
+                    (mapped || raw).toLowerCase(),
+                    stemLc,
+                ];
+                for (const c of candidates) {
+                    if (c && schemaKeys.has(c))
+                        return c;
+                }
+                return undefined;
+            };
+            return tryKey(form.name) || tryKey(form.relatedEntity) || undefined;
+        };
+        let mergedForms = 0;
+        let mergedFields = 0;
+        for (const form of forms) {
+            const entityKey = resolveKey(form);
+            if (!entityKey)
+                continue;
+            const gen = schemas[entityKey];
+            if (!gen?.schema?.properties)
+                continue;
+            const props = gen.schema.properties;
+            for (const f of form.fields || []) {
+                const n = f?.name;
+                if (!n || typeof n !== 'string' || props[n])
+                    continue;
+                props[n] = {
+                    type: 'string',
+                    description: `UI form field (from ${form.name}). Cross-check server model; may overlap sharing/base shapes.`,
+                };
+                mergedFields += 1;
+            }
+            mergedForms += 1;
+        }
+        if (mergedForms > 0) {
+            this.log(`\n📎 Merged UI form fields into ${mergedForms} entity schema(s) (+${mergedFields} properties)`);
+        }
+    }
     /**
      * Extract schemas from component analysis if no explicit entities found
      */
@@ -16049,6 +16149,9 @@ class SchemaGenerator extends CommandTrainingCollector {
      * Map training data field types to JSON Schema types
      */
     mapFieldType(type) {
+        if (type == null || typeof type !== 'string') {
+            return 'string';
+        }
         const typeMap = {
             string: 'string',
             number: 'number',

package/dist/server/index.js

@@ -6791,6 +6791,7 @@ const commandTrainingRules = {
     components: {
         patterns: {
             // React component patterns
+            // Has /g for matchAll in training.ts; do not use String.match(componentName) (groups break).
             componentName: /(?:export\s+)?(?:function|const)\s+(\w+)(?:\s*<[^>]*>)?\s*[=(]/g,
             props: /interface\s+(\w+)Props\s*{([^}]*)}/g,
             state: /useState<([^>]*)>/g,
@@ -6815,7 +6816,8 @@ const commandTrainingRules = {
     schemas: {
         patterns: {
             // Monastery schema patterns - updated for actual file format
-            modelName: /\/\/\s*(\w+)\s+model\s+for\s+monastery/g,
+            // No /g: training.ts uses String.match(); with g, capture groups are omitted and modelName is always lost.
+            modelName: /\/\/\s*(\w+)\s+model\s+for\s+monastery/,
             fields: /fields:\s*{([^}]*)}/g,
             fieldDefinitions: /(\w+):\s*{\s*(?:required:\s*(true|false),?\s*)?type:\s*['"]([^'"]+)['"](?:,\s*required:\s*(true|false))?(?:,\s*default:\s*[^,}]+)?/g,
             indexes: /indexes:\s*\[([^\]]*)\]/g,
@@ -7663,6 +7665,7 @@ class CommandTrainingCollector {
             if (content.formFields?.length > 0) {
                 const form = {
                     name: content.componentName || 'Unknown Form',
+                    sourceFile: path$a.relative(this.rootDir, component.filePath),
                     purpose: `Form component for data entry`,
                     fields: content.formFields.map((fieldName) => ({
                         name: fieldName,
@@ -7791,12 +7794,15 @@ class CommandTrainingCollector {
     guessEntityFromComponent(componentName) {
         if (!componentName)
             return 'Unknown';
-        // Simple heuristic: remove common suffixes
+        // Strip common create/edit wrappers, then UI suffixes (order matters)
         const cleaned = componentName
+            .replace(/^(?:Create|Edit|View|New|Batch)/i, '')
             .replace(/Form$/, '')
+            .replace(/Modal$/, '')
+            .replace(/Drawer$/, '')
+            .replace(/Dialog$/, '')
             .replace(/Page$/, '')
-            .replace(/Component$/, '')
-            .replace(/Modal$/, '');
+            .replace(/Component$/, '');
         return cleaned || 'Unknown';
     }
     guessEntitiesFromComponent(content) {
@@ -7910,7 +7916,7 @@ class CommandTrainingCollector {
                 this.log(`❌ Error expanding pattern "${pattern}":`, err.message);
             }
         }
-        return expandedPaths;
+        return [...new Set(expandedPaths)];
     }
     extractFileInfo(fieldName, content) {
         switch (fieldName) {
@@ -7954,11 +7960,22 @@ class CommandTrainingCollector {
             hooks: [],
             eventHandlers: [],
         };
-        // Extract component name
-        const componentMatch = content.match(patterns.componentName);
-        if (componentMatch) {
-            result.componentName = componentMatch[1];
-        }
+        // Do not use String.match() on patterns.componentName — it has /g, so match[1] is the *second*
+        // full match, not capture group 1 (yields strings like `const CustomerForm =`).
+        const declRe = /(?:export\s+)?(?:function|const)\s+(\w+)(?:\s*<[^>]*>)?\s*[=(]/g;
+        const declNames = [];
+        for (const m of content.matchAll(declRe)) {
+            declNames.push(m[1]);
+        }
+        const isLikelyComponentSymbol = (n) => /^[A-Z]/.test(n) &&
+            !/^use[A-Z]/.test(n) &&
+            !/^Styled/i.test(n);
+        const preferred = [...declNames].reverse().find((n) => isLikelyComponentSymbol(n) &&
+            (/(?:Form|Modal|Drawer|Dialog)$/.test(n) ||
+                /^FormStep/i.test(n) ||
+                (n.includes('Form') && n.length > 4)));
+        const fallback = [...declNames].reverse().find(isLikelyComponentSymbol);
+        result.componentName = preferred ?? fallback ?? null;
         // Extract props interfaces
         const propsMatches = content.matchAll(patterns.props);
         for (const match of propsMatches) {
@@ -7993,6 +8010,7 @@ class CommandTrainingCollector {
         for (const match of fieldMatches) {
             result.formFields.push(match[1]);
         }
+        result.formFields = [...new Set(result.formFields)];
         // Extract imports
         const importMatches = content.matchAll(patterns.imports);
         for (const match of importMatches) {
@@ -15749,6 +15767,7 @@ class SchemaGenerator extends CommandTrainingCollector {
             };
             this.log(`    ✅ Generated schema with ${Object.keys(properties).length} properties`);
         }
+        this.mergeFormUiFieldsIntoEntitySchemas(trainingData, schemas);
         // If no entities found, try to extract from components
         if (Object.keys(schemas).length === 0) {
             this.log('  ⚠️  No entities found in training data, extracting from components...');
@@ -15756,6 +15775,87 @@ class SchemaGenerator extends CommandTrainingCollector {
         }
         return schemas;
     }
+    /**
+     * Merge `name="..."` fields collected from UI forms/modals into existing entity schemas
+     * (server models stay canonical; this adds frontend surface hints).
+     * Optional `customTrainingData.options.formEntityHints`: map form component name -> schema entity key.
+     * Optional `formEntityPathPatterns`: `{ includes, entity }` — first match on `form.sourceFile` wins
+     * (disambiguates reused names like `FormStepDetails` in different feature folders).
+     */
+    mergeFormUiFieldsIntoEntitySchemas(trainingData, schemas) {
+        const forms = trainingData.customTrainingData?.structuredData?.components?.forms || [];
+        if (!forms.length || !Object.keys(schemas).length)
+            return;
+        const hints = (trainingData.customTrainingData?.options?.formEntityHints || {});
+        const pathPatterns = (trainingData.customTrainingData?.options?.formEntityPathPatterns ||
+            []);
+        /** Short UI stems that don't match lowered model names */
+        const STEM_ALIASES = {
+            hs: 'hsreport',
+            incident: 'incidentreport',
+        };
+        const schemaKeys = new Set(Object.keys(schemas));
+        const resolveKey = (form) => {
+            if (form.sourceFile) {
+                for (const p of pathPatterns) {
+                    if (!p?.includes || !p?.entity)
+                        continue;
+                    if (form.sourceFile.includes(p.includes)) {
+                        const k = p.entity.toLowerCase();
+                        if (schemaKeys.has(k))
+                            return k;
+                    }
+                }
+            }
+            const tryKey = (raw) => {
+                if (!raw)
+                    return undefined;
+                const mapped = hints[raw];
+                const stem = raw
+                    .replace(/^(?:Create|Edit|View|New|Batch)/i, '')
+                    .replace(/(?:Form|Modal|Drawer|Dialog)$/i, '');
+                const stemLc = stem.toLowerCase();
+                const alias = STEM_ALIASES[stemLc];
+                if (alias && schemaKeys.has(alias))
+                    return alias;
+                const candidates = [
+                    (mapped || raw).toLowerCase(),
+                    stemLc,
+                ];
+                for (const c of candidates) {
+                    if (c && schemaKeys.has(c))
+                        return c;
+                }
+                return undefined;
+            };
+            return tryKey(form.name) || tryKey(form.relatedEntity) || undefined;
+        };
+        let mergedForms = 0;
+        let mergedFields = 0;
+        for (const form of forms) {
+            const entityKey = resolveKey(form);
+            if (!entityKey)
+                continue;
+            const gen = schemas[entityKey];
+            if (!gen?.schema?.properties)
+                continue;
+            const props = gen.schema.properties;
+            for (const f of form.fields || []) {
+                const n = f?.name;
+                if (!n || typeof n !== 'string' || props[n])
+                    continue;
+                props[n] = {
+                    type: 'string',
+                    description: `UI form field (from ${form.name}). Cross-check server model; may overlap sharing/base shapes.`,
+                };
+                mergedFields += 1;
+            }
+            mergedForms += 1;
+        }
+        if (mergedForms > 0) {
+            this.log(`\n📎 Merged UI form fields into ${mergedForms} entity schema(s) (+${mergedFields} properties)`);
+        }
+    }
     /**
      * Extract schemas from component analysis if no explicit entities found
      */
@@ -16069,6 +16169,9 @@ class SchemaGenerator extends CommandTrainingCollector {
      * Map training data field types to JSON Schema types
      */
     mapFieldType(type) {
+        if (type == null || typeof type !== 'string') {
+            return 'string';
+        }
         const typeMap = {
             string: 'string',
             number: 'number',

package/dist/server/schema-generator.d.ts

@@ -55,6 +55,14 @@ export declare class SchemaGenerator extends CommandTrainingCollector {
      * Generate schemas from collected training data
      */
     private generateSchemas;
+    /**
+     * Merge `name="..."` fields collected from UI forms/modals into existing entity schemas
+     * (server models stay canonical; this adds frontend surface hints).
+     * Optional `customTrainingData.options.formEntityHints`: map form component name -> schema entity key.
+     * Optional `formEntityPathPatterns`: `{ includes, entity }` — first match on `form.sourceFile` wins
+     * (disambiguates reused names like `FormStepDetails` in different feature folders).
+     */
+    private mergeFormUiFieldsIntoEntitySchemas;
     /**
      * Extract schemas from component analysis if no explicit entities found
      */

package/dist/server/server/schema-generator.d.ts

@@ -55,6 +55,14 @@ export declare class SchemaGenerator extends CommandTrainingCollector {
      * Generate schemas from collected training data
      */
     private generateSchemas;
+    /**
+     * Merge `name="..."` fields collected from UI forms/modals into existing entity schemas
+     * (server models stay canonical; this adds frontend surface hints).
+     * Optional `customTrainingData.options.formEntityHints`: map form component name -> schema entity key.
+     * Optional `formEntityPathPatterns`: `{ includes, entity }` — first match on `form.sourceFile` wins
+     * (disambiguates reused names like `FormStepDetails` in different feature folders).
+     */
+    private mergeFormUiFieldsIntoEntitySchemas;
     /**
      * Extract schemas from component analysis if no explicit entities found
      */

package/dist/styles.css

@@ -0,0 +1,2 @@
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-6{left:1.5rem}.left-\[0\.5px\]{left:.5px}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-\[-4px\]{right:-4px}.right-full{right:100%}.top-0{top:0}.top-1{top:.25rem}.top-2{top:.5rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[60\]{z-index:60}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-32{max-height:8rem}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[3\.5rem\]{min-height:3.5rem}.min-h-\[72px\]{min-height:72px}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[150px\]{width:150px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-80{min-width:20rem}.max-w-32{max-width:8rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-2{--tw-translate-x:0.5rem}.translate-x-4{--tw-translate-x:1rem}.translate-x-4,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y:0.5rem}.translate-y-4{--tw-translate-y:1rem}.translate-y-4,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-12{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate:12deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-75,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-current{border-color:currentColor}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-opacity-50{--tw-border-opacity:0.5}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-opacity-20{--tw-bg-opacity:0.2}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.focus-within\:shadow-sm:focus-within{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:bg-amber-200:hover{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity,1))}.hover\:bg-black\/70:hover{background-color:rgba(0,0,0,.7)}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:text-amber-700:hover{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-orange-700:hover{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:w-\[80vw\]{width:80vw}.sm\:w-\[90vw\]{width:90vw}}@media (min-width:768px){.md\:w-\[550px\]{width:550px}.md\:w-\[700px\]{width:700px}}
+/*# sourceMappingURL=styles.css.map */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orchid-ai",
-  "version": "1.3.1",
+  "version": "1.3.6",
   "type": "module",
   "description": "AI-powered command processing and chat interface for React applications",
   "main": "dist/index.js",