orchid-ai 1.2.1 → 1.2.3

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

@@ -49,7 +49,7 @@ interface ChatPanelProps {
         query: string;
         context?: string;
     } | undefined>>;
-    headerIcon?: IconName;
+    headerIcon?: IconName | React.ReactElement;
     headerTitle?: string;
     headerSubtitle?: string;
 }
@@ -79,7 +79,7 @@ interface ChatPanelProps {
  * @param chatLevel - Optional chat level - 'full' or 'basic' or 'none'
  * @param initialQuery - Optional initial query to send when modal opens
  * @param setInitialQuery - Optional function to set/clear the initial query
- * @param headerIcon - Optional icon name to display in header (default: 'command' bot icon)
+ * @param headerIcon - Optional icon to display in header - can be IconName string or React component (default: 'command' bot icon)
  * @param headerTitle - Optional header title text (default: 'AI Logistics & Customs Expert')
  * @param headerSubtitle - Optional header subtitle text (default: 'Ready to assist you with your queries')
  */

package/dist/components/ChatPanel.d.ts

@@ -49,7 +49,7 @@ interface ChatPanelProps {
         query: string;
         context?: string;
     } | undefined>>;
-    headerIcon?: IconName;
+    headerIcon?: IconName | React.ReactElement;
     headerTitle?: string;
     headerSubtitle?: string;
 }
@@ -79,7 +79,7 @@ interface ChatPanelProps {
  * @param chatLevel - Optional chat level - 'full' or 'basic' or 'none'
  * @param initialQuery - Optional initial query to send when modal opens
  * @param setInitialQuery - Optional function to set/clear the initial query
- * @param headerIcon - Optional icon name to display in header (default: 'command' bot icon)
+ * @param headerIcon - Optional icon to display in header - can be IconName string or React component (default: 'command' bot icon)
  * @param headerTitle - Optional header title text (default: 'AI Logistics & Customs Expert')
  * @param headerSubtitle - Optional header subtitle text (default: 'Ready to assist you with your queries')
  */

package/dist/index.esm.js

@@ -3030,7 +3030,7 @@ const getTextFromMessage = (msg) => {
  * @param chatLevel - Optional chat level - 'full' or 'basic' or 'none'
  * @param initialQuery - Optional initial query to send when modal opens
  * @param setInitialQuery - Optional function to set/clear the initial query
- * @param headerIcon - Optional icon name to display in header (default: 'command' bot icon)
+ * @param headerIcon - Optional icon to display in header - can be IconName string or React component (default: 'command' bot icon)
  * @param headerTitle - Optional header title text (default: 'AI Logistics & Customs Expert')
  * @param headerSubtitle - Optional header subtitle text (default: 'Ready to assist you with your queries')
  */
@@ -3235,7 +3235,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: jsx(Icon, { name: headerIcon, 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: () => { }, 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: {
                                                         backgroundColor: finalTheme.colors.background.primary,
                                                     }, children: jsx(Conversation, { onSuggestionClick: handleSuggestionClick, theme: finalTheme, showProfileBubbles: showProfileBubbles, autoScroll: true, showInput: true, 
                                                         // AI functionality props

package/dist/index.js

@@ -3032,7 +3032,7 @@ const getTextFromMessage = (msg) => {
  * @param chatLevel - Optional chat level - 'full' or 'basic' or 'none'
  * @param initialQuery - Optional initial query to send when modal opens
  * @param setInitialQuery - Optional function to set/clear the initial query
- * @param headerIcon - Optional icon name to display in header (default: 'command' bot icon)
+ * @param headerIcon - Optional icon to display in header - can be IconName string or React component (default: 'command' bot icon)
  * @param headerTitle - Optional header title text (default: 'AI Logistics & Customs Expert')
  * @param headerSubtitle - Optional header subtitle text (default: 'Ready to assist you with your queries')
  */
@@ -3237,7 +3237,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: jsxRuntime.jsx(Icon, { name: headerIcon, 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: () => { }, 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: {
                                                         backgroundColor: finalTheme.colors.background.primary,
                                                     }, children: jsxRuntime.jsx(Conversation, { onSuggestionClick: handleSuggestionClick, theme: finalTheme, showProfileBubbles: showProfileBubbles, autoScroll: true, showInput: true, 
                                                         // AI functionality props

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

@@ -49,7 +49,7 @@ interface ChatPanelProps {
         query: string;
         context?: string;
     } | undefined>>;
-    headerIcon?: IconName;
+    headerIcon?: IconName | React.ReactElement;
     headerTitle?: string;
     headerSubtitle?: string;
 }
@@ -79,7 +79,7 @@ interface ChatPanelProps {
  * @param chatLevel - Optional chat level - 'full' or 'basic' or 'none'
  * @param initialQuery - Optional initial query to send when modal opens
  * @param setInitialQuery - Optional function to set/clear the initial query
- * @param headerIcon - Optional icon name to display in header (default: 'command' bot icon)
+ * @param headerIcon - Optional icon to display in header - can be IconName string or React component (default: 'command' bot icon)
  * @param headerTitle - Optional header title text (default: 'AI Logistics & Customs Expert')
  * @param headerSubtitle - Optional header subtitle text (default: 'Ready to assist you with your queries')
  */

package/package.json

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