pxengine 0.1.48 → 0.1.49

package/dist/index.d.cts

@@ -2124,8 +2124,13 @@ declare const MCQCard: React__default.NamedExoticComponent<MCQCardProps & {
 
 /**
  * Default fetchers for MCQCard self-contained mode.
- * These hit relative API URLs via the agents-proxy, matching the
- * endpoints in server/api/custom_agents/state.py.
+ *
+ * Uses localStorage as an instant cache layer:
+ *   - persist: writes to localStorage (sync) + backend (async) in parallel
+ *   - fetch: reads localStorage instantly, then backfills from backend
+ *
+ * This eliminates the delay where the component remounts after an agent
+ * response and has to wait for the GET API before showing the selection.
  */
 declare function defaultFetchSelections(sessionId: string): Promise<Record<string, string>>;
 declare function defaultPersistSelection(sessionId: string, questionKey: string, value: string): Promise<void>;

package/dist/index.d.ts

@@ -2124,8 +2124,13 @@ declare const MCQCard: React__default.NamedExoticComponent<MCQCardProps & {
 
 /**
  * Default fetchers for MCQCard self-contained mode.
- * These hit relative API URLs via the agents-proxy, matching the
- * endpoints in server/api/custom_agents/state.py.
+ *
+ * Uses localStorage as an instant cache layer:
+ *   - persist: writes to localStorage (sync) + backend (async) in parallel
+ *   - fetch: reads localStorage instantly, then backfills from backend
+ *
+ * This eliminates the delay where the component remounts after an agent
+ * response and has to wait for the GET API before showing the selection.
  */
 declare function defaultFetchSelections(sessionId: string): Promise<Record<string, string>>;
 declare function defaultPersistSelection(sessionId: string, questionKey: string, value: string): Promise<void>;

package/dist/index.mjs

@@ -35629,7 +35629,26 @@ SearchSpecCard.displayName = "SearchSpecCard";
 import React92 from "react";
 
 // src/molecules/creator-discovery/MCQCard/defaultFetchers.ts
+var STORAGE_KEY = (sessionId) => `mcq_selections_${sessionId}`;
+function getLocalSelections(sessionId) {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY(sessionId));
+    return raw ? JSON.parse(raw) : {};
+  } catch {
+    return {};
+  }
+}
+function setLocalSelection(sessionId, questionKey, value) {
+  try {
+    const existing = getLocalSelections(sessionId);
+    existing[questionKey] = value;
+    localStorage.setItem(STORAGE_KEY(sessionId), JSON.stringify(existing));
+  } catch {
+  }
+}
 async function defaultFetchSelections(sessionId) {
+  const local = getLocalSelections(sessionId);
+  if (Object.keys(local).length > 0) return local;
   try {
     const res = await fetch(
       `/api/agents-proxy/custom-agents/sessions/${sessionId}/mcq-selections/get`,
@@ -35641,12 +35660,20 @@ async function defaultFetchSelections(sessionId) {
     );
     if (!res.ok) return {};
     const data = await res.json();
-    return data.selections || {};
+    const selections = data.selections || {};
+    if (Object.keys(selections).length > 0) {
+      try {
+        localStorage.setItem(STORAGE_KEY(sessionId), JSON.stringify(selections));
+      } catch {
+      }
+    }
+    return selections;
   } catch {
     return {};
   }
 }
 async function defaultPersistSelection(sessionId, questionKey, value) {
+  setLocalSelection(sessionId, questionKey, value);
   try {
     await fetch(
       `/api/agents-proxy/custom-agents/sessions/${sessionId}/mcq-selections`,
@@ -35683,9 +35710,7 @@ var MCQCard = React92.memo(
     fetchSelections = defaultFetchSelections,
     persistSelection = defaultPersistSelection
   }) => {
-    const [selectedOption, setSelectedOption] = React92.useState(
-      propsSelectedOption
-    );
+    const [selectedOption, setSelectedOption] = React92.useState(propsSelectedOption);
     const [isProceeded, setIsProceeded] = React92.useState(false);
     const fetchedSessionRef = React92.useRef("");
     React92.useEffect(() => {
@@ -35716,7 +35741,7 @@ var MCQCard = React92.memo(
         onSelect?.(key);
       }
     };
-    const handleProceed = (e) => {
+    const handleProceed = async (e) => {
       e.preventDefault();
       e.stopPropagation();
       if ((selectedOption || recommended) && !disabled && !isProceeded) {
@@ -35725,7 +35750,7 @@ var MCQCard = React92.memo(
         setIsProceeded(true);
         if (sessionId) {
           const questionKey = question || "unknown";
-          persistSelection(sessionId, questionKey, result);
+          await persistSelection(sessionId, questionKey, result);
         }
         if (sendMessage) {
           sendMessage(`Selected: ${label}`);