@floegence/floe-webapp-core 0.27.3 → 0.27.5

package/dist/components/chat/ChatProvider.d.ts

@@ -6,6 +6,7 @@ export interface ChatContextValue {
     isLoadingHistory: Accessor<boolean>;
     hasMoreHistory: Accessor<boolean>;
     streamingMessageId: Accessor<string | null>;
+    isPreparing: Accessor<boolean>;
     isWorking: Accessor<boolean>;
     config: Accessor<ChatConfig>;
     virtualListConfig: Accessor<VirtualListConfig>;

package/dist/components/chat/ChatProvider.js

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

package/dist/components/chat/types.d.ts

@@ -159,6 +159,7 @@ export interface ChatConfig {
     maxAttachments?: number;
 }
 export interface ChatCallbacks {
+    onWillSend?: (content: string, attachments: Attachment[]) => void;
     onSendMessage?: (content: string, attachments: Attachment[], addMessage: (msg: Message) => void) => Promise<void>;
     onLoadMore?: () => Promise<Message[]>;
     onRetry?: (messageId: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.27.3",
+  "version": "0.27.5",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",