@floegence/floe-webapp-core 0.35.7 → 0.35.9

package/dist/components/chat/ChatProvider.js

@@ -1,79 +1,94 @@
-import { createComponent as X } from "solid-js/web";
-import { createMemo as b, createEffect as Y, on as Z, createSignal as C, useContext as $, createContext as ee, batch as E } from "solid-js";
-import { createStore as te, reconcile as v, produce as M } from "solid-js/store";
-import { deferNonBlocking as p } from "../../utils/defer.js";
+import { createComponent as Y } from "solid-js/web";
+import { createMemo as p, createEffect as Z, on as $, createSignal as b, useContext as ee, createContext as te, batch as F } from "solid-js";
+import { createStore as oe, reconcile as T, produce as M } from "solid-js/store";
+import { deferNonBlocking as k } from "../../utils/defer.js";
 import { DEFAULT_VIRTUAL_LIST_CONFIG as se } from "./types.js";
-const F = ee();
+const z = te();
 function Ce() {
-  const o = $(F);
-  if (!o)
+  const n = ee(z);
+  if (!n)
     throw new Error("useChatContext must be used within a ChatProvider");
-  return o;
+  return n;
 }
-const Me = (o) => {
-  const S = b(() => ({
+const xe = (n) => {
+  const C = p(() => ({
     placeholder: "Type a message...",
     allowAttachments: !0,
     maxAttachments: 10,
     maxAttachmentSize: 10485760,
     // 10MB
-    ...o.config
-  })), d = b(() => ({
+    ...n.config
+  })), u = p(() => ({
     ...se,
-    ...o.config?.virtualList
-  })), [c, u] = te(o.initialMessages || []), z = /* @__PURE__ */ new Map();
-  Y(Z(() => o.initialMessages, (e) => {
-    e && e.length > 0 && u(v(e));
+    ...n.config?.virtualList
+  })), [a, l] = oe(n.initialMessages || []), B = /* @__PURE__ */ new Map(), R = p(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (let t = 0; t < a.length; t += 1) {
+      const o = a[t]?.id;
+      o && e.set(o, t);
+    }
+    return e;
+  }), x = (e) => {
+    const t = R().get(e);
+    if (t !== void 0) return t;
+    const o = a.findIndex((s) => s.id === e);
+    return o >= 0 ? o : void 0;
+  };
+  Z($(() => n.initialMessages, (e) => {
+    e && e.length > 0 && l(T(e));
   }, {
     defer: !0
   }));
-  const [A, H] = C(!1), [P, R] = C(!0), [L, x] = C(null), [B, I] = C(0);
-  let D = 0;
-  const g = /* @__PURE__ */ new Set(), h = [], f = /* @__PURE__ */ new Map(), O = (e) => {
+  const [A, H] = b(!1), [P, D] = b(!0), [L, S] = b(null), [O, I] = b(0);
+  let j = 0;
+  const g = /* @__PURE__ */ new Set(), f = [], h = /* @__PURE__ */ new Map(), q = (e) => {
     if (!g.delete(e)) return;
-    const t = h.indexOf(e);
-    t >= 0 && h.splice(t, 1), I(g.size);
-  }, j = () => {
-    const e = ++D;
-    return g.add(e), h.push(e), I(g.size), e;
-  }, q = () => {
-    for (; h.length > 0; ) {
-      const e = h.shift();
+    const t = f.indexOf(e);
+    t >= 0 && f.splice(t, 1), I(g.size);
+  }, N = () => {
+    const e = ++j;
+    return g.add(e), f.push(e), I(g.size), e;
+  }, W = () => {
+    for (; f.length > 0; ) {
+      const e = f.shift();
       if (e === void 0) return;
       if (g.has(e)) {
         g.delete(e), I(g.size);
         return;
       }
     }
-  }, U = b(() => B() > 0), N = b(() => U() || L() !== null), k = (e) => {
-    u(M((t) => {
+  }, U = p(() => O() > 0), _ = p(() => U() || L() !== null), y = (e) => {
+    l(M((t) => {
       t.push(e);
     }));
-  }, l = (e, t) => {
-    u(M((s) => {
-      const n = s.findIndex((a) => a.id === e);
-      n !== -1 && (s[n] = t(s[n]));
-    }));
-  }, W = (e) => {
-    u(M((t) => {
-      const s = t.findIndex((n) => n.id === e);
-      s !== -1 && t.splice(s, 1);
-    })), f.delete(e);
-  }, _ = () => {
-    u(v([])), f.clear();
+  }, E = (e, t) => {
+    const o = x(e);
+    o !== void 0 && l(o, (s) => t(s));
   }, V = (e) => {
-    u(v(e));
+    const t = x(e);
+    t !== void 0 && (l(M((o) => {
+      o.splice(t, 1);
+    })), h.delete(e));
+  }, G = () => {
+    l(T([])), h.clear();
+  }, Q = (e) => {
+    l(T(e));
+  }, i = (e, t) => {
+    const o = x(e);
+    o !== void 0 && l(o, M((s) => {
+      t(s);
+    }));
   };
-  let T = [], w = null;
-  const G = () => {
-    const e = T;
-    T = [], w = null, E(() => {
-      e.forEach(Q);
+  let v = [], w = null;
+  const J = () => {
+    const e = v;
+    v = [], w = null, F(() => {
+      e.forEach(K);
     });
-  }, Q = (e) => {
+  }, K = (e) => {
     switch (e.type) {
       case "message-start": {
-        q();
+        W();
         const t = {
           id: e.messageId,
           role: "assistant",
@@ -81,105 +96,94 @@ const Me = (o) => {
           status: "streaming",
           timestamp: Date.now()
         };
-        k(t), x(e.messageId);
+        y(t), S(e.messageId);
         break;
       }
       case "block-start": {
-        l(e.messageId, (t) => ({
-          ...t,
-          blocks: [...t.blocks, ne(e.blockType)]
-        }));
+        i(e.messageId, (t) => {
+          t.blocks.push(ne(e.blockType));
+        });
         break;
       }
       case "block-delta": {
-        l(e.messageId, (t) => {
-          const s = [...t.blocks], n = s[e.blockIndex];
-          return n && "content" in n && typeof n.content == "string" && (n.content += e.delta), {
-            ...t,
-            blocks: s
-          };
+        i(e.messageId, (t) => {
+          const o = t.blocks[e.blockIndex];
+          o && "content" in o && typeof o.content == "string" && (o.content += e.delta);
         });
         break;
       }
       case "block-set": {
-        l(e.messageId, (t) => {
-          const s = [...t.blocks];
-          return e.blockIndex === s.length ? s.push(e.block) : e.blockIndex >= 0 && e.blockIndex < s.length && (s[e.blockIndex] = e.block), {
-            ...t,
-            blocks: s
-          };
+        i(e.messageId, (t) => {
+          e.blockIndex === t.blocks.length ? t.blocks.push(e.block) : e.blockIndex >= 0 && e.blockIndex < t.blocks.length && (t.blocks[e.blockIndex] = e.block);
         });
         break;
       }
       case "block-end":
         break;
       case "message-end": {
-        l(e.messageId, (t) => ({
-          ...t,
-          status: "complete"
-        })), x(null);
+        i(e.messageId, (t) => {
+          t.status = "complete";
+        }), S(null);
         break;
       }
       case "error": {
-        l(e.messageId, (t) => ({
-          ...t,
-          status: "error",
-          error: e.error
-        })), x(null);
+        i(e.messageId, (t) => {
+          t.status = "error", t.error = e.error;
+        }), S(null);
         break;
       }
     }
-  }, J = {
-    messages: () => c,
-    coldMessages: z,
+  }, X = {
+    messages: () => a,
+    coldMessages: B,
     isLoadingHistory: A,
     hasMoreHistory: P,
     streamingMessageId: L,
     isPreparing: U,
-    isWorking: N,
-    config: S,
-    virtualListConfig: d,
+    isWorking: _,
+    config: C,
+    virtualListConfig: u,
     sendMessage: async (e, t = []) => {
-      const s = {
+      const o = {
         id: crypto.randomUUID(),
         role: "user",
-        blocks: oe(e, t),
+        blocks: re(e, t),
         status: "sending",
         timestamp: Date.now()
       };
-      E(() => {
-        k(s), l(s.id, (i) => ({
-          ...i,
+      F(() => {
+        y(o), E(o.id, (c) => ({
+          ...c,
           status: "complete"
         }));
       });
       try {
-        o.callbacks?.onWillSend?.(e, t);
-      } catch (i) {
-        console.error("onWillSend error:", i);
+        n.callbacks?.onWillSend?.(e, t);
+      } catch (c) {
+        console.error("onWillSend error:", c);
       }
-      const n = o.callbacks?.onSendMessage;
-      if (!n) return;
-      const a = j(), r = e, m = [...t];
-      p(() => {
-        Promise.resolve().then(() => n(r, m, k)).catch((i) => {
-          console.error("Failed to send message:", i);
+      const s = n.callbacks?.onSendMessage;
+      if (!s) return;
+      const d = N(), r = e, m = [...t];
+      k(() => {
+        Promise.resolve().then(() => s(r, m, y)).catch((c) => {
+          console.error("Failed to send message:", c);
         }).finally(() => {
-          O(a);
+          q(d);
         });
       });
     },
     loadMoreHistory: async () => {
       if (A() || !P()) return;
-      const e = o.callbacks?.onLoadMore;
-      e && (H(!0), p(() => {
+      const e = n.callbacks?.onLoadMore;
+      e && (H(!0), k(() => {
         Promise.resolve(e()).then((t) => {
           if (t.length === 0) {
-            R(!1);
+            D(!1);
             return;
           }
-          u(M((s) => {
-            s.unshift(...t);
+          l(M((o) => {
+            o.unshift(...t);
           }));
         }).catch((t) => {
           console.error("Failed to load history:", t);
@@ -189,106 +193,87 @@ const Me = (o) => {
       }));
     },
     retryMessage: (e) => {
-      const t = o.callbacks?.onRetry;
-      t && p(() => {
+      const t = n.callbacks?.onRetry;
+      t && k(() => {
         try {
           t(e);
-        } catch (s) {
-          console.error("Failed to retry message:", s);
+        } catch (o) {
+          console.error("Failed to retry message:", o);
         }
       });
     },
-    addMessage: k,
-    updateMessage: l,
-    deleteMessage: W,
-    clearMessages: _,
-    setMessages: V,
+    addMessage: y,
+    updateMessage: E,
+    deleteMessage: V,
+    clearMessages: G,
+    setMessages: Q,
     handleStreamEvent: (e) => {
-      T.push(e), w || (w = requestAnimationFrame(G));
+      v.push(e), w || (w = requestAnimationFrame(J));
     },
     uploadAttachment: async (e) => {
-      const t = o.callbacks?.onUploadAttachment;
+      const t = n.callbacks?.onUploadAttachment;
       return t ? await t(e) : URL.createObjectURL(e);
     },
     toggleToolCollapse: (e, t) => {
-      l(e, (s) => ({
-        ...s,
-        blocks: s.blocks.map((n) => {
-          if (n.type === "tool-call" && n.toolId === t) {
-            const a = n.collapsed === void 0 ? !1 : !n.collapsed;
-            return {
-              ...n,
-              collapsed: a
-            };
+      i(e, (o) => {
+        for (const s of o.blocks)
+          if (s.type === "tool-call" && s.toolId === t) {
+            s.collapsed = s.collapsed === void 0 ? !1 : !s.collapsed;
+            break;
           }
-          return n;
-        })
-      }));
+      });
     },
-    approveToolCall: (e, t, s) => {
-      l(e, (a) => ({
-        ...a,
-        blocks: a.blocks.map((r) => r.type !== "tool-call" || r.toolId !== t || r.requiresApproval !== !0 || r.approvalState !== "required" ? r : s ? {
-          ...r,
-          approvalState: "approved",
-          status: "running"
-        } : {
-          ...r,
-          approvalState: "rejected",
-          status: "error",
-          error: r.error || "Rejected by user"
-        })
-      }));
-      const n = o.callbacks?.onToolApproval;
-      n && p(() => {
-        Promise.resolve(n(e, t, s)).catch((a) => {
-          console.error("Failed to approve tool call:", a);
+    approveToolCall: (e, t, o) => {
+      i(e, (d) => {
+        for (const r of d.blocks)
+          if (!(r.type !== "tool-call" || r.toolId !== t) && !(r.requiresApproval !== !0 || r.approvalState !== "required")) {
+            o ? (r.approvalState = "approved", r.status = "running") : (r.approvalState = "rejected", r.status = "error", r.error = r.error || "Rejected by user");
+            break;
+          }
+      });
+      const s = n.callbacks?.onToolApproval;
+      s && k(() => {
+        Promise.resolve(s(e, t, o)).catch((d) => {
+          console.error("Failed to approve tool call:", d);
         });
       });
     },
-    heightCache: f,
+    heightCache: h,
     setMessageHeight: (e, t) => {
-      f.set(e, t);
+      h.set(e, t);
     },
-    getMessageHeight: (e) => f.get(e) || d().defaultItemHeight,
-    toggleChecklistItem: (e, t, s) => {
-      let n = null;
-      l(e, (r) => {
-        const m = [...r.blocks], i = m[t];
-        if (i && i.type === "checklist") {
-          const K = i.items.map((y) => y.id === s ? (n = !y.checked, {
-            ...y,
-            checked: n
-          }) : y);
-          m[t] = {
-            ...i,
-            items: K
-          };
+    getMessageHeight: (e) => h.get(e) || u().defaultItemHeight,
+    toggleChecklistItem: (e, t, o) => {
+      let s = null;
+      i(e, (r) => {
+        const m = r.blocks[t];
+        if (m && m.type === "checklist") {
+          for (const c of m.items)
+            if (c.id === o) {
+              s = !c.checked, c.checked = s;
+              break;
+            }
         }
-        return {
-          ...r,
-          blocks: m
-        };
       });
-      const a = o.callbacks?.onChecklistChange;
-      !a || n === null || p(() => {
+      const d = n.callbacks?.onChecklistChange;
+      !d || s === null || k(() => {
         try {
-          a(e, t, s, n);
+          d(e, t, o, s);
         } catch (r) {
           console.error("Failed to handle checklist change:", r);
         }
       });
     }
   };
-  return X(F.Provider, {
-    value: J,
+  return Y(z.Provider, {
+    value: X,
     get children() {
-      return o.children;
+      return n.children;
     }
   });
 };
-function ne(o) {
-  switch (o) {
+function ne(n) {
+  switch (n) {
     case "text":
       return {
         type: "text",
@@ -364,26 +349,26 @@ function ne(o) {
       };
   }
 }
-function oe(o, S) {
-  const d = [];
-  for (const c of S)
-    c.type === "image" ? d.push({
+function re(n, C) {
+  const u = [];
+  for (const a of C)
+    a.type === "image" ? u.push({
       type: "image",
-      src: c.url || c.preview || "",
-      alt: c.file.name
-    }) : d.push({
+      src: a.url || a.preview || "",
+      alt: a.file.name
+    }) : u.push({
       type: "file",
-      name: c.file.name,
-      size: c.file.size,
-      mimeType: c.file.type,
-      url: c.url
+      name: a.file.name,
+      size: a.file.size,
+      mimeType: a.file.type,
+      url: a.url
     });
-  return o.trim() && d.push({
+  return n.trim() && u.push({
     type: "text",
-    content: o.trim()
-  }), d;
+    content: n.trim()
+  }), u;
 }
 export {
-  Me as ChatProvider,
+  xe as ChatProvider,
   Ce as useChatContext
 };