llmasaservice-ui 0.7.17 → 0.7.19

package/dist/index.d.mts

@@ -60,6 +60,12 @@ interface ChatPanelProps {
     callToActionMustSendEmail?: boolean;
     ragQueryLimit?: number;
     ragRankLimit?: number;
+    initialHistory?: {
+        [prompt: string]: {
+            content: string;
+            callId: string;
+        };
+    };
 }
 interface ExtraProps$1 extends React.HTMLAttributes<HTMLElement> {
     inline?: boolean;
@@ -105,6 +111,12 @@ interface AgentPanelProps {
     showPoweredBy?: boolean;
     agent: string;
     conversation?: string | null;
+    initialHistory?: {
+        [key: string]: {
+            content: string;
+            callId: string;
+        };
+    };
 }
 interface ExtraProps extends React.HTMLAttributes<HTMLElement> {
     inline?: boolean;

package/dist/index.d.ts

@@ -60,6 +60,12 @@ interface ChatPanelProps {
     callToActionMustSendEmail?: boolean;
     ragQueryLimit?: number;
     ragRankLimit?: number;
+    initialHistory?: {
+        [prompt: string]: {
+            content: string;
+            callId: string;
+        };
+    };
 }
 interface ExtraProps$1 extends React.HTMLAttributes<HTMLElement> {
     inline?: boolean;
@@ -105,6 +111,12 @@ interface AgentPanelProps {
     showPoweredBy?: boolean;
     agent: string;
     conversation?: string | null;
+    initialHistory?: {
+        [key: string]: {
+            content: string;
+            callId: string;
+        };
+    };
 }
 interface ExtraProps extends React.HTMLAttributes<HTMLElement> {
     inline?: boolean;

package/dist/index.js

@@ -202,7 +202,8 @@ var ChatPanel = ({
   callToActionEmailSubject = "Agent CTA submitted",
   callToActionMustSendEmail = false,
   ragQueryLimit = 10,
-  ragRankLimit = 5
+  ragRankLimit = 5,
+  initialHistory = {}
 }) => {
   const { send, response, idle, stop, lastCallId } = (0, import_llmasaservice_client.useLLM)({
     project_id,
@@ -214,7 +215,7 @@ var ChatPanel = ({
   });
   const [nextPrompt, setNextPrompt] = (0, import_react3.useState)("");
   const [lastController, setLastController] = (0, import_react3.useState)(new AbortController());
-  const [history, setHistory] = (0, import_react3.useState)({});
+  const [history, setHistory] = (0, import_react3.useState)(initialHistory);
   const [isLoading, setIsLoading] = (0, import_react3.useState)(false);
   const [lastPrompt, setLastPrompt] = (0, import_react3.useState)(null);
   const [lastKey, setLastKey] = (0, import_react3.useState)(null);
@@ -235,6 +236,10 @@ var ChatPanel = ({
         responseCompleteCallback(lastCallId, lastPrompt != null ? lastPrompt : "", response);
     }
   }, [idle]);
+  (0, import_react3.useEffect)(() => {
+    console.log("initialHistory", initialHistory);
+    setHistory(initialHistory);
+  }, [initialHistory]);
   (0, import_react3.useEffect)(() => {
     const handleBeforeUnload = (event) => {
       if (callToActionMustSendEmail && showCallToAction && callToActionEmailAddress && callToActionEmailAddress !== "" && !hasSentCallToActionEmail) {
@@ -1132,7 +1137,7 @@ var AgentPanel = ({
   //followOnPrompt = "",
   showPoweredBy = true,
   agent,
-  conversation = null
+  conversation = null,
   //showCallToAction = false,
   //callToActionButtonText = "Submit",
   //callToActionEmailAddress = "",
@@ -1140,6 +1145,7 @@ var AgentPanel = ({
   //callToActionMustSendEmail = false,
   //ragQueryLimit = 10,
   //ragRankLimit = 5,
+  initialHistory = {}
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const [followOnPrompt, setFollowOnPrompt] = (0, import_react4.useState)("");
@@ -1229,7 +1235,8 @@ var AgentPanel = ({
       ragRankLimit: (_u = agentData == null ? void 0 : agentData.ragRankLimit) != null ? _u : 5,
       showPoweredBy,
       messages,
-      conversation
+      conversation,
+      initialHistory
     }
   ));
 };

package/dist/index.mjs

@@ -168,7 +168,8 @@ var ChatPanel = ({
   callToActionEmailSubject = "Agent CTA submitted",
   callToActionMustSendEmail = false,
   ragQueryLimit = 10,
-  ragRankLimit = 5
+  ragRankLimit = 5,
+  initialHistory = {}
 }) => {
   const { send, response, idle, stop, lastCallId } = useLLM({
     project_id,
@@ -180,7 +181,7 @@ var ChatPanel = ({
   });
   const [nextPrompt, setNextPrompt] = useState3("");
   const [lastController, setLastController] = useState3(new AbortController());
-  const [history, setHistory] = useState3({});
+  const [history, setHistory] = useState3(initialHistory);
   const [isLoading, setIsLoading] = useState3(false);
   const [lastPrompt, setLastPrompt] = useState3(null);
   const [lastKey, setLastKey] = useState3(null);
@@ -201,6 +202,10 @@ var ChatPanel = ({
         responseCompleteCallback(lastCallId, lastPrompt != null ? lastPrompt : "", response);
     }
   }, [idle]);
+  useEffect(() => {
+    console.log("initialHistory", initialHistory);
+    setHistory(initialHistory);
+  }, [initialHistory]);
   useEffect(() => {
     const handleBeforeUnload = (event) => {
       if (callToActionMustSendEmail && showCallToAction && callToActionEmailAddress && callToActionEmailAddress !== "" && !hasSentCallToActionEmail) {
@@ -1098,7 +1103,7 @@ var AgentPanel = ({
   //followOnPrompt = "",
   showPoweredBy = true,
   agent,
-  conversation = null
+  conversation = null,
   //showCallToAction = false,
   //callToActionButtonText = "Submit",
   //callToActionEmailAddress = "",
@@ -1106,6 +1111,7 @@ var AgentPanel = ({
   //callToActionMustSendEmail = false,
   //ragQueryLimit = 10,
   //ragRankLimit = 5,
+  initialHistory = {}
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const [followOnPrompt, setFollowOnPrompt] = useState4("");
@@ -1195,7 +1201,8 @@ var AgentPanel = ({
       ragRankLimit: (_u = agentData == null ? void 0 : agentData.ragRankLimit) != null ? _u : 5,
       showPoweredBy,
       messages,
-      conversation
+      conversation,
+      initialHistory
     }
   ));
 };

package/package.json

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

package/src/AgentPanel.tsx

@@ -57,6 +57,7 @@ export interface AgentPanelProps {
   //callToActionMustSendEmail?: boolean;
   //ragQueryLimit?: number;
   //ragRankLimit?: number;
+  initialHistory?: { [key: string]: { content: string; callId: string } };
 }
 interface ExtraProps extends React.HTMLAttributes<HTMLElement> {
   inline?: boolean;
@@ -101,6 +102,7 @@ const AgentPanel: React.FC<AgentPanelProps & ExtraProps> = ({
   //callToActionMustSendEmail = false,
   //ragQueryLimit = 10,
   //ragRankLimit = 5,
+  initialHistory = {}
 }) => {
   const [followOnPrompt, setFollowOnPrompt] = useState<string>("");
 
@@ -236,6 +238,7 @@ const AgentPanel: React.FC<AgentPanelProps & ExtraProps> = ({
           showPoweredBy={showPoweredBy}
           messages={messages}
           conversation={conversation}
+          initialHistory={initialHistory}
         />
       )}
     </>

package/src/ChatPanel.tsx

@@ -37,7 +37,11 @@ export interface ChatPanelProps {
   historyChangedCallback?: (history: {
     [key: string]: { content: string; callId: string };
   }) => void;
-  responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
+  responseCompleteCallback?: (
+    callId: string,
+    prompt: string,
+    response: string
+  ) => void;
   promptTemplate?: string;
   actions?: {
     pattern: string;
@@ -62,6 +66,9 @@ export interface ChatPanelProps {
   callToActionMustSendEmail?: boolean;
   ragQueryLimit?: number;
   ragRankLimit?: number;
+  initialHistory?: {
+    [prompt: string]: { content: string; callId: string };
+  };
 }
 
 interface ExtraProps extends React.HTMLAttributes<HTMLElement> {
@@ -108,6 +115,7 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
   callToActionMustSendEmail = false,
   ragQueryLimit = 10,
   ragRankLimit = 5,
+  initialHistory = {},
 }) => {
   const { send, response, idle, stop, lastCallId } = useLLM({
     project_id: project_id,
@@ -122,7 +130,7 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
   const [lastController, setLastController] = useState(new AbortController());
   const [history, setHistory] = useState<{
     [prompt: string]: { content: string; callId: string };
-  }>({});
+  }>(initialHistory);
   const [isLoading, setIsLoading] = useState(false);
   const [lastPrompt, setLastPrompt] = useState<string | null>(null);
   const [lastKey, setLastKey] = useState<string | null>(null);
@@ -148,6 +156,13 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
     }
   }, [idle]);
 
+  useEffect(() => {
+    console.log("initialHistory", initialHistory);
+    //if (Object.keys(initialHistory).length > 0) {
+      setHistory(initialHistory);
+   //}
+  }, [initialHistory]);
+
   useEffect(() => {
     const handleBeforeUnload = (event: BeforeUnloadEvent) => {
       if (
@@ -197,7 +212,7 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
             const matchIndex = groups[groups.length - 2]; // The second-to-last argument is the match index
             const buttonId = `button-${messages.length}-${index}-${matchIndex}`; // a unique button for the conversation level, action index, match index
 
-             let html = match;
+            let html = match;
             if (action.type === "button" || action.type === "callback") {
               html = ` <button id="${buttonId}"  ${
                 action.style ? 'class=" ' + action.style + '"' : ""
@@ -729,7 +744,7 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
         style={{ width: width, height: height }}
         className={"side-panel" + (theme === "light" ? "" : "-dark")}
       >
-        {title && title !== ""  ? <div className="title">{title}</div> : null}
+        {title && title !== "" ? <div className="title">{title}</div> : null}
         <div className="responseArea" ref={responseAreaRef}>
           {initialMessage && initialMessage !== "" ? (
             <div className="history-entry">