@hef2024/llmasaservice-ui 0.20.0 → 0.20.1

package/docs/CHANGELOG-ERROR-HANDLING.md

@@ -245,3 +245,4 @@ Closes: Issue about silent 413 failures
 For questions about this implementation, see:
 - `docs/ERROR-HANDLING-413.md` - Detailed technical documentation
 - GitHub Issues - Report bugs or request enhancements
+

package/docs/CONVERSATION-HISTORY.md

@@ -861,3 +861,4 @@ Minimal interface embedded in another application.
 ## Feedback
 
 If you have questions or suggestions about conversation history configuration, please open an issue on GitHub or contact support.
+

package/docs/ERROR-HANDLING-413.md

@@ -251,3 +251,4 @@ Potential improvements for future iterations:
 - Errors are detected by monitoring the `error` property from `useLLM` hook
 - The implementation is consistent across both modern (AIChatPanel) and legacy (ChatPanel) components
 - Error state is properly synchronized with loading state to prevent UI inconsistencies
+

package/docs/ERROR-HANDLING-SUMMARY.md

@@ -129,3 +129,4 @@ The implementation is straightforward:
 - That's it!
 
 No configuration needed, works automatically! 🎉
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hef2024/llmasaservice-ui",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "description": "Prebuilt UI components for LLMAsAService.io",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -57,7 +57,7 @@
     "dotenv": "^16.4.7",
     "llmasaservice-client": "^0.10.4",
     "process": "^0.11.10",
-    "react-markdown": "^9.0.1",
+    "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^15.5.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.0",

package/src/AIAgentPanel.tsx

@@ -141,6 +141,23 @@ export interface AIAgentPanelProps {
 
   // Enable/disable conversation history panel
   showConversationHistory?: boolean;
+
+  // New props from ChatPanel port
+  cssUrl?: string;
+  markdownClass?: string;
+  width?: string;
+  height?: string;
+  scrollToEnd?: boolean;
+  prismStyle?: any;
+  showSaveButton?: boolean;
+  showEmailButton?: boolean;
+  messages?: { role: "user" | "assistant"; content: string }[];
+  showCallToAction?: boolean;
+  callToActionButtonText?: string;
+  callToActionEmailAddress?: string;
+  callToActionEmailSubject?: string;
+  customerEmailCaptureMode?: "HIDE" | "OPTIONAL" | "REQUIRED";
+  customerEmailCapturePlaceholder?: string;
 }
 
 // Icons
@@ -381,6 +398,22 @@ interface ChatPanelWrapperProps {
   onConversationCreated: (tempId: string, realId: string) => void;
   // Per-conversation initial prompt
   conversationInitialPrompt?: string;
+  // New props from ChatPanel port
+  cssUrl?: string;
+  markdownClass?: string;
+  width?: string;
+  height?: string;
+  scrollToEnd?: boolean;
+  prismStyle?: any;
+  showSaveButton?: boolean;
+  showEmailButton?: boolean;
+  messages?: { role: "user" | "assistant"; content: string }[];
+  showCallToAction?: boolean;
+  callToActionButtonText?: string;
+  callToActionEmailAddress?: string;
+  callToActionEmailSubject?: string;
+  customerEmailCaptureMode?: "HIDE" | "OPTIONAL" | "REQUIRED";
+  customerEmailCapturePlaceholder?: string;
 }
 
 // Remove React.memo temporarily to debug - ChatPanelWrapper needs to re-render when agentId changes
@@ -414,11 +447,28 @@ const ChatPanelWrapper = (({
   enableContextDetailView,
   onConversationCreated,
   conversationInitialPrompt,
+  // New props from ChatPanel port
+  cssUrl,
+  markdownClass,
+  width,
+  height,
+  scrollToEnd,
+  prismStyle,
+  showSaveButton,
+  showEmailButton,
+  messages,
+  showCallToAction,
+  callToActionButtonText,
+  callToActionEmailAddress,
+  callToActionEmailSubject,
+  customerEmailCaptureMode,
+  customerEmailCapturePlaceholder,
 }) => {
   const convAgentProfile = getAgent(activeConv.agentId);
   const convAgentMetadata = convAgentProfile?.metadata;
   const isVisible = currentConversationId === activeConv.conversationId;
   
+  
   // Memoize callbacks to prevent recreating on every render
   const historyCallback = useCallback(
     (history: Record<string, { content: string; callId: string }>) => {
@@ -505,7 +555,7 @@ const ChatPanelWrapper = (({
         customer={effectiveCustomer}
         showPoweredBy={showPoweredBy}
         showNewConversationButton={false}
-        createConversationOnFirstChat={convAgentMetadata.createConversationOnFirstChat ?? true}
+        createConversationOnFirstChat={convAgentProfile?.createConversationOnFirstChat ?? true}
         mcpServers={mcpServers}
         actions={actions}
         followOnQuestions={effectiveFollowOnQuestions}
@@ -521,6 +571,21 @@ const ChatPanelWrapper = (({
         maxContextTokens={maxContextTokens}
         enableContextDetailView={enableContextDetailView}
         onConversationCreated={conversationCreatedCallback}
+        cssUrl={cssUrl}
+        markdownClass={markdownClass}
+        width={width}
+        height={height}
+        scrollToEnd={scrollToEnd ?? convAgentMetadata.displayAutoScroll}
+        prismStyle={prismStyle}
+        showSaveButton={showSaveButton ?? convAgentMetadata.displayShowSaveButton ?? true}
+        showEmailButton={showEmailButton ?? convAgentMetadata.displayShowEmailButton ?? true}
+        messages={messages}
+        showCallToAction={showCallToAction ?? convAgentMetadata.displayShowCallToAction ?? false}
+        callToActionButtonText={callToActionButtonText ?? convAgentMetadata.displayCallToActionButtonText ?? 'Submit'}
+        callToActionEmailAddress={callToActionEmailAddress ?? convAgentMetadata.displayCallToActionEmailAddress ?? ''}
+        callToActionEmailSubject={callToActionEmailSubject ?? convAgentMetadata.displayCallToActionEmailSubject ?? 'Agent CTA submitted'}
+        customerEmailCaptureMode={customerEmailCaptureMode ?? convAgentMetadata?.customerEmailCaptureMode ?? 'HIDE'}
+        customerEmailCapturePlaceholder={customerEmailCapturePlaceholder ?? convAgentMetadata?.customerEmailCapturePlaceholder ?? 'Please enter your email...'}
       />
     </div>
   );
@@ -568,6 +633,22 @@ const AIAgentPanel = React.forwardRef<AIAgentPanelHandle, AIAgentPanelProps>(({
   followOnPrompt = '',
   historyListLimit = 50,
   showConversationHistory = true,
+  // New props from ChatPanel port
+  cssUrl,
+  markdownClass,
+  width,
+  height,
+  scrollToEnd,
+  prismStyle,
+  showSaveButton,
+  showEmailButton,
+  messages,
+  showCallToAction,
+  callToActionButtonText,
+  callToActionEmailAddress,
+  callToActionEmailSubject,
+  customerEmailCaptureMode,
+  customerEmailCapturePlaceholder,
 }, ref) => {
   // Panel state - only start collapsed if collapsible is true
   const [isCollapsed, setIsCollapsed] = useState(collapsible && defaultCollapsed);
@@ -2118,6 +2199,21 @@ console.log("apiKey", apiKey);
             enableContextDetailView={enableContextDetailView}
             onConversationCreated={handleConversationCreated}
             conversationInitialPrompt={activeConv.conversationInitialPrompt}
+            cssUrl={cssUrl}
+            markdownClass={markdownClass}
+            width={width}
+            height={height}
+            scrollToEnd={scrollToEnd}
+            prismStyle={prismStyle}
+            showSaveButton={showSaveButton}
+            showEmailButton={showEmailButton}
+            messages={messages}
+            showCallToAction={showCallToAction}
+            callToActionButtonText={callToActionButtonText}
+            callToActionEmailAddress={callToActionEmailAddress}
+            callToActionEmailSubject={callToActionEmailSubject}
+            customerEmailCaptureMode={customerEmailCaptureMode}
+            customerEmailCapturePlaceholder={customerEmailCapturePlaceholder}
           />
         ))}