@ai4b-team/fsaos-gateway-sdk 3.0.0 → 3.2.0

package/dist/iife/ui.js

@@ -1,3 +1,3 @@
-/* @fsaos/ui v2.0.0 — FSAOS UI Primitives — 2026-05-27T15:56:54.609Z */
+/* @fsaos/ui v2.0.0 — FSAOS UI Primitives — 2026-05-27T19:05:12.688Z */
 "use strict";var __FSAOS_UI__=(()=>{var m=Object.create;var r=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var y=(e,i)=>()=>(i||e((i={exports:{}}).exports,i),i.exports),N=(e,i)=>{for(var a in i)r(e,a,{get:i[a],enumerable:!0})},s=(e,i,a,l)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of u(i))!h.call(e,t)&&t!==a&&r(e,t,{get:()=>i[t],enumerable:!(l=g(i,t))||l.enumerable});return e};var x=(e,i,a)=>(a=e!=null?m(f(e)):{},s(i||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),b=e=>s(r({},"__esModule",{value:!0}),e);var d=y((V,c)=>{c.exports=React});var P={};N(P,{Badge:()=>z,Breadcrumbs:()=>A,Button:()=>D,Card:()=>w,DataView:()=>R,Detail:()=>_,Empty:()=>I,FilePreview:()=>O,Form:()=>F,Grid:()=>k,Image:()=>G,Link:()=>E,Page:()=>v,Router:()=>T,Sidebar:()=>S,Spinner:()=>B,Stack:()=>C,Table:()=>j,Tabs:()=>W,Video:()=>H});var n=x(d(),1);function o(){return(typeof window<"u"&&window.__FSAOS_CONFIG__||{}).edgeBaseUrl||""}function v(e){return(0,n.createElement)("div",{style:{minHeight:"100vh",display:"flex",flexDirection:"column"},className:e.className||""},e.children)}function C(e){let i=e.direction||"vertical";return(0,n.createElement)("div",{style:{display:"flex",flexDirection:i==="horizontal"?"row":"column",gap:e.gap||"0.5rem",padding:e.padding||"0",alignItems:e.align||"stretch",justifyContent:e.justify||"flex-start",flex:e.flex||"initial"},className:e.className||""},e.children)}function k(e){return(0,n.createElement)("div",{style:{display:"grid",gridTemplateColumns:"repeat("+(e.columns||3)+", 1fr)",gap:e.gap||"1rem",padding:e.padding||"0"},className:e.className||""},e.children)}function S(e){return(0,n.createElement)("div",{style:{display:"flex",flexDirection:"row",minHeight:"100vh"},className:e.className||""},e.children)}function w(e){return(0,n.createElement)("div",{style:{border:"1px solid var(--color-border, #e5e7eb)",borderRadius:"var(--border-radius, 0.5rem)",padding:e.padding||"1rem",background:"var(--color-surface, #fff)"},className:e.className||"",onClick:e.onClick},e.children)}function z(e){return(0,n.createElement)("span",{style:{display:"inline-flex",alignItems:"center",padding:"0.125rem 0.5rem",fontSize:"0.75rem",fontWeight:"500",borderRadius:"9999px",background:e.color||"#e5e7eb",color:e.textColor||"#374151"},className:e.className||""},e.children||e.label)}function B(e){let i=e.size||"1.5rem";return(0,n.createElement)("div",{style:{width:i,height:i,border:"2px solid #e5e7eb",borderTopColor:"var(--color-primary, #3b82f6)",borderRadius:"50%",animation:"fsaos-spin 0.6s linear infinite"}})}function D(e){return(0,n.createElement)("button",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:"500",borderRadius:"var(--border-radius, 0.375rem)",border:e.variant==="outline"?"1px solid var(--color-border, #d1d5db)":"none",background:e.variant==="outline"||e.variant==="ghost"?"transparent":"var(--color-primary, #3b82f6)",color:e.variant==="outline"||e.variant==="ghost"?"var(--color-text, #1a1a1a)":"#fff",cursor:e.disabled?"not-allowed":"pointer",opacity:e.disabled?"0.5":"1",gap:"0.5rem"},className:e.className||"",onClick:e.onClick,disabled:e.disabled},e.children||e.label)}function I(e){return(0,n.createElement)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"3rem",color:"var(--color-text-secondary, #6b7280)",textAlign:"center"}},e.icon?(0,n.createElement)("div",{style:{fontSize:"2rem",marginBottom:"0.5rem"}},e.icon):null,(0,n.createElement)("div",{style:{fontWeight:500,marginBottom:"0.25rem"}},e.title||e.message||e.children||"No items"),e.description?(0,n.createElement)("div",{style:{fontSize:"0.875rem",opacity:.7}},e.description):null)}function R(e){return(0,n.createElement)("div",{className:e.className||""},e.children)}function j(e){return(0,n.createElement)("table",{className:e.className||""},e.children)}function F(e){return(0,n.createElement)("form",{className:e.className||"",onSubmit:e.onSubmit},e.children)}function _(e){return(0,n.createElement)("div",{className:e.className||""},e.children)}function T(e){return(0,n.createElement)("div",null,e.children)}function E(e){return(0,n.createElement)("a",{href:e.href||e.to,className:e.className||"",onClick:e.onClick},e.children)}function W(e){return(0,n.createElement)("div",{className:e.className||""},e.children)}function A(e){return(0,n.createElement)("nav",{className:e.className||""},e.children)}function G(e){return(0,n.createElement)("img",{src:e.src||(e.path?o()+e.path:""),alt:e.alt||"",className:e.className||"",style:e.style})}function H(e){return(0,n.createElement)("video",{src:e.src||(e.path?o()+e.path:""),controls:!0,className:e.className||""})}function O(e){return(0,n.createElement)("div",{className:e.className||""},e.children||"File preview")}return b(P);})();
 //# sourceMappingURL=ui.js.map

package/dist/index.cjs

@@ -55,6 +55,7 @@ __export(src_exports, {
   emitEvent: () => emitEvent,
   fetchChannelMessages: () => fetchChannelMessages,
   fetchChannelMessagesPage: () => fetchChannelMessagesPage,
+  fetchChannelMessagesWithCards: () => fetchChannelMessagesWithCards,
   fetchEdgesForItem: () => fetchEdgesForItem,
   fetchItemHistory: () => fetchItemHistory,
   fetchItemVersions: () => fetchItemVersions,
@@ -790,6 +791,26 @@ async function fetchItems(filter) {
     return { items: [], total_hint: 0 };
   }
 }
+function parseChannelCards(rawItems) {
+  return rawItems.filter((i) => i.item_type === "card").map((i) => {
+    const td = i.type_data || {};
+    return {
+      id: i.id || "",
+      path: i.path || "",
+      name: i.name || (i.path || "").split("/").pop() || "",
+      createdAt: i.created_at || "",
+      action: td.action || "created",
+      targetId: td.target_id || void 0,
+      targetPath: td.target_path || "",
+      targetDisplayName: td.target_display_name || "",
+      targetDescription: td.target_description || "",
+      targetItemType: td.target_item_type || "",
+      toolId: (i.name || "").startsWith("card-") ? (i.name || "").substring(5) : void 0,
+      parentMessagePath: i.parent_message_path || void 0,
+      visibility: td.visibility || "private"
+    };
+  }).sort((a, b) => a.createdAt.localeCompare(b.createdAt));
+}
 function parseChannelMessages(rawItems) {
   return rawItems.filter((i) => i.item_type === "message").map((i) => {
     const td = i.type_data || {};
@@ -828,6 +849,40 @@ async function fetchChannelMessages(channelPath, parentMessageId) {
     return [];
   }
 }
+async function fetchChannelMessagesWithCards(channelPath, parentMessageId) {
+  try {
+    const params = { channel_path: channelPath };
+    if (parentMessageId) params.parent_message_id = parentMessageId;
+    const response = await gatewayCall("get-channel-messages", params);
+    const raw = response;
+    const items = raw.messages || [];
+    const messages = parseChannelMessages(items);
+    const cards = parseChannelCards(items);
+    const messageCards = /* @__PURE__ */ new Map();
+    const siblingCards = [];
+    for (const card of cards) {
+      if (card.parentMessagePath) {
+        const existing = messageCards.get(card.parentMessagePath) || [];
+        existing.push(card);
+        messageCards.set(card.parentMessagePath, existing);
+      } else {
+        siblingCards.push(card);
+      }
+    }
+    return {
+      messages,
+      messageCards,
+      siblingCards,
+      mode: raw.mode || "top_level"
+    };
+  } catch (err) {
+    console.error(
+      `[gateway] Failed to fetch channel messages with cards for ${channelPath}:`,
+      err
+    );
+    return { messages: [], messageCards: /* @__PURE__ */ new Map(), siblingCards: [], mode: "top_level" };
+  }
+}
 async function fetchChannelMessagesPage(channelPath, options) {
   try {
     const params = { channel_path: channelPath };
@@ -838,8 +893,22 @@ async function fetchChannelMessagesPage(channelPath, options) {
     const response = await gatewayCall("get-channel-messages", params);
     const raw = response;
     const items = raw.messages || [];
+    const cards = parseChannelCards(items);
+    const messageCards = /* @__PURE__ */ new Map();
+    const siblingCards = [];
+    for (const card of cards) {
+      if (card.parentMessagePath) {
+        const existing = messageCards.get(card.parentMessagePath) || [];
+        existing.push(card);
+        messageCards.set(card.parentMessagePath, existing);
+      } else {
+        siblingCards.push(card);
+      }
+    }
     return {
       messages: parseChannelMessages(items),
+      messageCards,
+      siblingCards,
       mode: raw.mode || "top_level"
     };
   } catch (err) {
@@ -847,7 +916,7 @@ async function fetchChannelMessagesPage(channelPath, options) {
       `[gateway] Failed to fetch channel messages page for ${channelPath}:`,
       err
     );
-    return { messages: [], mode: "top_level" };
+    return { messages: [], messageCards: /* @__PURE__ */ new Map(), siblingCards: [], mode: "top_level" };
   }
 }
 function invalidateChildren(path) {
@@ -2287,7 +2356,7 @@ function useChannelMessages(options) {
   const debounceRef = React.useRef(null);
   const query = reactQuery.useQuery({
     queryKey: stableKey,
-    queryFn: () => fetchChannelMessages(channelPath, parentMessageId),
+    queryFn: () => fetchChannelMessagesWithCards(channelPath, parentMessageId),
     enabled: isEnabled
   });
   React.useEffect(() => {
@@ -2301,7 +2370,7 @@ function useChannelMessages(options) {
         }, 500);
       },
       (data) => {
-        return data.item_type === "message" && typeof data.path === "string" && data.path.startsWith(channelPath);
+        return (data.item_type === "message" || data.item_type === "card") && typeof data.path === "string" && data.path.startsWith(channelPath);
       }
     );
     return () => {
@@ -2309,9 +2378,16 @@ function useChannelMessages(options) {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [realtime, isEnabled, channelPath, stableKey, qc]);
-  const messages = query.data ?? [];
+  const response = query.data;
+  const messages = response?.messages ?? [];
+  const messageCards = response?.messageCards ?? /* @__PURE__ */ new Map();
+  const siblingCards = response?.siblingCards ?? [];
   return {
     messages,
+    /** Cards grouped by parent message path (child cards of messages). */
+    messageCards,
+    /** Cards that are direct siblings of the channel (not nested under a message). */
+    siblingCards,
     threads: React.useMemo(() => messages.filter((m) => m.reply_count > 0), [messages]),
     isLoading: query.isLoading,
     isFetching: query.isFetching,
@@ -2363,17 +2439,60 @@ function useInfiniteChannelMessages(options) {
     }
     return flat.sort((a, b) => a.seq - b.seq);
   }, [query.data?.pages]);
+  const { messageCards, siblingCards } = React.useMemo(() => {
+    const mc = /* @__PURE__ */ new Map();
+    const sc = [];
+    if (!query.data?.pages) return { messageCards: mc, siblingCards: sc };
+    const seenCards = /* @__PURE__ */ new Set();
+    for (const page of query.data.pages) {
+      for (const [path, cards] of page.messageCards) {
+        for (const card of cards) {
+          if (seenCards.has(card.id)) continue;
+          seenCards.add(card.id);
+          const existing = mc.get(path) || [];
+          existing.push(card);
+          mc.set(path, existing);
+        }
+      }
+      for (const card of page.siblingCards) {
+        if (seenCards.has(card.id)) continue;
+        seenCards.add(card.id);
+        sc.push(card);
+      }
+    }
+    return { messageCards: mc, siblingCards: sc };
+  }, [query.data?.pages]);
+  const qc = reactQuery.useQueryClient();
+  const debounceRef = React.useRef(null);
+  const stableKey = React.useMemo(
+    () => [...vfsKeys.channelMessages(channelPath || "", parentMessageId), "infinite", limit],
+    [channelPath, parentMessageId, limit]
+  );
   React.useEffect(() => {
     if (!realtime || !channelPath || !queryEnabled) return;
-    const unsub = subscribeToEvents(channelPath, (event) => {
-      if (event.event_type === "vfs_change") {
-        query.refetch();
+    const unsub = subscribeToEvents(
+      "vfs_change",
+      () => {
+        if (debounceRef.current) clearTimeout(debounceRef.current);
+        debounceRef.current = setTimeout(() => {
+          qc.invalidateQueries({ queryKey: stableKey });
+        }, 500);
+      },
+      (data) => {
+        return (data.item_type === "message" || data.item_type === "card") && typeof data.path === "string" && data.path.startsWith(channelPath);
       }
-    });
-    return unsub;
-  }, [realtime, channelPath, queryEnabled]);
+    );
+    return () => {
+      unsub();
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+    };
+  }, [realtime, channelPath, queryEnabled, stableKey, qc]);
   return {
     messages,
+    /** Cards grouped by parent message path (child cards of messages). */
+    messageCards,
+    /** Cards that are direct siblings of the channel (not nested under a message). */
+    siblingCards,
     threads: messages.filter((m) => m.reply_count > 0),
     isLoading: query.isLoading,
     isFetching: query.isFetching,
@@ -3158,6 +3277,7 @@ exports.disposeVfsRealtimeWs = disposeVfsRealtimeWs;
 exports.emitEvent = emitEvent;
 exports.fetchChannelMessages = fetchChannelMessages;
 exports.fetchChannelMessagesPage = fetchChannelMessagesPage;
+exports.fetchChannelMessagesWithCards = fetchChannelMessagesWithCards;
 exports.fetchEdgesForItem = fetchEdgesForItem;
 exports.fetchItemHistory = fetchItemHistory;
 exports.fetchItemVersions = fetchItemVersions;