llmasaservice-ui 0.7.13 → 0.7.14

package/dist/index.d.mts

@@ -33,9 +33,9 @@ interface ChatPanelProps {
         [key: string]: {
             content: string;
             callId: string;
-            idle: boolean;
         };
     }) => void;
+    responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
     promptTemplate?: string;
     actions?: {
         pattern: string;
@@ -88,9 +88,9 @@ interface AgentPanelProps {
         [key: string]: {
             content: string;
             callId: string;
-            idle: boolean;
         };
     }) => void;
+    responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
     actions?: {
         pattern: string;
         type?: string;

package/dist/index.d.ts

@@ -33,9 +33,9 @@ interface ChatPanelProps {
         [key: string]: {
             content: string;
             callId: string;
-            idle: boolean;
         };
     }) => void;
+    responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
     promptTemplate?: string;
     actions?: {
         pattern: string;
@@ -88,9 +88,9 @@ interface AgentPanelProps {
         [key: string]: {
             content: string;
             callId: string;
-            idle: boolean;
         };
     }) => void;
+    responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
     actions?: {
         pattern: string;
         type?: string;

package/dist/index.js

@@ -185,6 +185,7 @@ var ChatPanel = ({
   prismStyle = theme === "light" ? import_material_light.default : import_material_dark.default,
   service = null,
   historyChangedCallback = null,
+  responseCompleteCallback = null,
   promptTemplate = "",
   actions = [],
   showSaveButton = true,
@@ -228,6 +229,12 @@ var ChatPanel = ({
     sendConversationsViaEmail(to, `Conversation History from ${title}`, from);
   };
   const responseAreaRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    if (responseCompleteCallback) {
+      if (lastCallId && lastCallId !== "" && idle)
+        responseCompleteCallback(lastCallId, lastPrompt != null ? lastPrompt : "", response);
+    }
+  }, [idle]);
   (0, import_react3.useEffect)(() => {
     const handleBeforeUnload = (event) => {
       if (callToActionMustSendEmail && showCallToAction && callToActionEmailAddress && callToActionEmailAddress !== "" && !hasSentCallToActionEmail) {
@@ -298,7 +305,7 @@ var ChatPanel = ({
       }
       setHistory((prevHistory) => {
         return __spreadProps(__spreadValues({}, prevHistory), {
-          [lastKey != null ? lastKey : ""]: { content: newResponse, callId: lastCallId, idle }
+          [lastKey != null ? lastKey : ""]: { content: newResponse, callId: lastCallId }
         });
       });
     }
@@ -375,8 +382,7 @@ var ChatPanel = ({
         return __spreadProps(__spreadValues({}, prevHistory), {
           [lastKey != null ? lastKey : ""]: {
             content: response + "\n\n(response cancelled)",
-            callId: lastCallId,
-            idle: true
+            callId: lastCallId
           }
         });
       });
@@ -423,7 +429,7 @@ var ChatPanel = ({
       }
       setHistory((prevHistory) => {
         return __spreadProps(__spreadValues({}, prevHistory), {
-          [promptKey != null ? promptKey : ""]: { content: "", callId: "", idle: false }
+          [promptKey != null ? promptKey : ""]: { content: "", callId: "" }
         });
       });
       if (initialPrompt && initialPrompt !== "" && Object.keys(history).length === 1 || (!initialPrompt || initialPrompt === "") && Object.keys(history).length === 0) {
@@ -1116,6 +1122,7 @@ var AgentPanel = ({
   //prismStyle = theme === "light" ? materialLight : materialDark,
   service = null,
   historyChangedCallback = void 0,
+  responseCompleteCallback = void 0,
   //promptTemplate = "",
   actions = [],
   //showSaveButton = true,
@@ -1195,6 +1202,7 @@ var AgentPanel = ({
       followOnQuestions: followOnQuestions && followOnQuestions.length > 0 ? followOnQuestions : (_i = (_h = agentData == null ? void 0 : agentData.displayFollowOnPrompts) == null ? void 0 : _h.split("|")) != null ? _i : [],
       clearFollowOnQuestionsNextPrompt,
       historyChangedCallback,
+      responseCompleteCallback,
       prismStyle: (agentData == null ? void 0 : agentData.displayTheme) === "light" ? import_material_light2.default : import_material_dark2.default,
       actions: [
         ...actions,

package/dist/index.mjs

@@ -151,6 +151,7 @@ var ChatPanel = ({
   prismStyle = theme === "light" ? materialLight : materialDark,
   service = null,
   historyChangedCallback = null,
+  responseCompleteCallback = null,
   promptTemplate = "",
   actions = [],
   showSaveButton = true,
@@ -194,6 +195,12 @@ var ChatPanel = ({
     sendConversationsViaEmail(to, `Conversation History from ${title}`, from);
   };
   const responseAreaRef = useRef(null);
+  useEffect(() => {
+    if (responseCompleteCallback) {
+      if (lastCallId && lastCallId !== "" && idle)
+        responseCompleteCallback(lastCallId, lastPrompt != null ? lastPrompt : "", response);
+    }
+  }, [idle]);
   useEffect(() => {
     const handleBeforeUnload = (event) => {
       if (callToActionMustSendEmail && showCallToAction && callToActionEmailAddress && callToActionEmailAddress !== "" && !hasSentCallToActionEmail) {
@@ -264,7 +271,7 @@ var ChatPanel = ({
       }
       setHistory((prevHistory) => {
         return __spreadProps(__spreadValues({}, prevHistory), {
-          [lastKey != null ? lastKey : ""]: { content: newResponse, callId: lastCallId, idle }
+          [lastKey != null ? lastKey : ""]: { content: newResponse, callId: lastCallId }
         });
       });
     }
@@ -341,8 +348,7 @@ var ChatPanel = ({
         return __spreadProps(__spreadValues({}, prevHistory), {
           [lastKey != null ? lastKey : ""]: {
             content: response + "\n\n(response cancelled)",
-            callId: lastCallId,
-            idle: true
+            callId: lastCallId
           }
         });
       });
@@ -389,7 +395,7 @@ var ChatPanel = ({
       }
       setHistory((prevHistory) => {
         return __spreadProps(__spreadValues({}, prevHistory), {
-          [promptKey != null ? promptKey : ""]: { content: "", callId: "", idle: false }
+          [promptKey != null ? promptKey : ""]: { content: "", callId: "" }
         });
       });
       if (initialPrompt && initialPrompt !== "" && Object.keys(history).length === 1 || (!initialPrompt || initialPrompt === "") && Object.keys(history).length === 0) {
@@ -1082,6 +1088,7 @@ var AgentPanel = ({
   //prismStyle = theme === "light" ? materialLight : materialDark,
   service = null,
   historyChangedCallback = void 0,
+  responseCompleteCallback = void 0,
   //promptTemplate = "",
   actions = [],
   //showSaveButton = true,
@@ -1161,6 +1168,7 @@ var AgentPanel = ({
       followOnQuestions: followOnQuestions && followOnQuestions.length > 0 ? followOnQuestions : (_i = (_h = agentData == null ? void 0 : agentData.displayFollowOnPrompts) == null ? void 0 : _h.split("|")) != null ? _i : [],
       clearFollowOnQuestionsNextPrompt,
       historyChangedCallback,
+      responseCompleteCallback,
       prismStyle: (agentData == null ? void 0 : agentData.displayTheme) === "light" ? materialLight2 : materialDark2,
       actions: [
         ...actions,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "llmasaservice-ui",
-  "version": "0.7.13",
+  "version": "0.7.14",
   "description": "Prebuilt UI components for LLMAsAService.io",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/AgentPanel.tsx

@@ -26,8 +26,9 @@ export interface AgentPanelProps {
   prismStyle?: PrismStyle;
   service?: string | null;
   historyChangedCallback?: (history: {
-    [key: string]: { content: string; callId: string; idle: boolean };
+    [key: string]: { content: string; callId: string };
   }) => void;
+  responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
   //promptTemplate?: string;
   actions?: {
     pattern: string;
@@ -78,6 +79,7 @@ const AgentPanel: React.FC<AgentPanelProps & ExtraProps> = ({
   //prismStyle = theme === "light" ? materialLight : materialDark,
   service = null,
   historyChangedCallback = undefined,
+  responseCompleteCallback = undefined,
   //promptTemplate = "",
   actions = [],
   //showSaveButton = true,
@@ -180,6 +182,7 @@ const AgentPanel: React.FC<AgentPanelProps & ExtraProps> = ({
           }
           clearFollowOnQuestionsNextPrompt={clearFollowOnQuestionsNextPrompt}
           historyChangedCallback={historyChangedCallback}
+          responseCompleteCallback={responseCompleteCallback}
           prismStyle={
             (agentData?.displayTheme === "light"
               ? materialLight

package/src/ChatPanel.tsx

@@ -35,8 +35,9 @@ export interface ChatPanelProps {
   prismStyle?: PrismStyle;
   service?: string | null;
   historyChangedCallback?: (history: {
-    [key: string]: { content: string; callId: string; idle: boolean };
+    [key: string]: { content: string; callId: string };
   }) => void;
+  responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
   promptTemplate?: string;
   actions?: {
     pattern: string;
@@ -89,6 +90,7 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
   prismStyle = theme === "light" ? materialLight : materialDark,
   service = null,
   historyChangedCallback = null,
+  responseCompleteCallback = null,
   promptTemplate = "",
   actions = [],
   showSaveButton = true,
@@ -119,7 +121,7 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
   const [nextPrompt, setNextPrompt] = useState("");
   const [lastController, setLastController] = useState(new AbortController());
   const [history, setHistory] = useState<{
-    [prompt: string]: { content: string; callId: string; idle: boolean };
+    [prompt: string]: { content: string; callId: string };
   }>({});
   const [isLoading, setIsLoading] = useState(false);
   const [lastPrompt, setLastPrompt] = useState<string | null>(null);
@@ -139,6 +141,13 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
 
   const responseAreaRef = useRef(null);
 
+  useEffect(() => {
+    if (responseCompleteCallback) {
+      if (lastCallId && lastCallId !== "" && idle)
+        responseCompleteCallback(lastCallId, lastPrompt ?? "", response);
+    }
+  }, [idle]);
+
   useEffect(() => {
     const handleBeforeUnload = (event: BeforeUnloadEvent) => {
       if (
@@ -231,7 +240,7 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
       setHistory((prevHistory) => {
         return {
           ...prevHistory,
-          [lastKey ?? ""]: { content: newResponse, callId: lastCallId, idle },
+          [lastKey ?? ""]: { content: newResponse, callId: lastCallId },
         };
       });
     }
@@ -321,7 +330,6 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
           [lastKey ?? ""]: {
             content: response + "\n\n(response cancelled)",
             callId: lastCallId,
-            idle: true,
           },
         };
       });
@@ -387,7 +395,7 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
       setHistory((prevHistory) => {
         return {
           ...prevHistory,
-          [promptKey ?? ""]: { content: "", callId: "", idle: false },
+          [promptKey ?? ""]: { content: "", callId: "" },
         };
       });
 
@@ -433,7 +441,7 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
   };
 
   const replaceHistory = (newHistory: {
-    [prompt: string]: { content: string; callId: string; idle: boolean };
+    [prompt: string]: { content: string; callId: string };
   }) => {
     setHistory(newHistory);
   };