@iota-uz/sdk 0.4.33 → 0.4.34

package/dist/bichat/index.cjs

@@ -3659,16 +3659,26 @@ function hashString(str) {
   return Math.abs(hash);
 }
 var colorPalette = [
-  { bg: "bg-blue-500", text: "text-white" },
-  { bg: "bg-green-500", text: "text-white" },
-  { bg: "bg-purple-500", text: "text-white" },
-  { bg: "bg-pink-500", text: "text-white" },
-  { bg: "bg-indigo-500", text: "text-white" },
-  { bg: "bg-teal-500", text: "text-white" },
-  { bg: "bg-orange-500", text: "text-white" },
-  { bg: "bg-cyan-500", text: "text-white" },
-  { bg: "bg-amber-500", text: "text-white" },
-  { bg: "bg-lime-500", text: "text-white" }
+  { bg: "#3b82f6", text: "#ffffff" },
+  // blue-500
+  { bg: "#22c55e", text: "#111827" },
+  // green-500 (light bg)
+  { bg: "#a855f7", text: "#ffffff" },
+  // purple-500
+  { bg: "#ec4899", text: "#ffffff" },
+  // pink-500
+  { bg: "#6366f1", text: "#ffffff" },
+  // indigo-500
+  { bg: "#14b8a6", text: "#111827" },
+  // teal-500 (light bg)
+  { bg: "#f97316", text: "#ffffff" },
+  // orange-500
+  { bg: "#06b6d4", text: "#111827" },
+  // cyan-500 (light bg)
+  { bg: "#f59e0b", text: "#111827" },
+  // amber-500 (light bg)
+  { bg: "#84cc16", text: "#111827" }
+  // lime-500 (light bg)
 ];
 var sizeClasses = {
   xs: "w-6 h-6 text-[10px]",
@@ -3698,8 +3708,6 @@ function UserAvatar({
     {
       className: `
         ${sizeClasses[size]}
-        ${colors.bg}
-        ${colors.text}
         ${className}
         rounded-full
         flex
@@ -3709,6 +3717,7 @@ function UserAvatar({
         flex-shrink-0
         select-none
       `,
+      style: { backgroundColor: colors.bg, color: colors.text },
       "aria-label": `${firstName} ${lastName}`,
       title: `${firstName} ${lastName}`,
       children: initials
@@ -14385,6 +14394,62 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
     });
     return Array.from(userMap.values());
   }, [chats, users, dataSource.listUsers]);
+  const [expandedGroups, setExpandedGroups] = React.useState(/* @__PURE__ */ new Set());
+  const toggleGroup = React.useCallback((ownerId) => {
+    setExpandedGroups((prev) => {
+      const next = new Set(prev);
+      if (next.has(ownerId)) {
+        next.delete(ownerId);
+      } else {
+        next.add(ownerId);
+      }
+      return next;
+    });
+  }, []);
+  React.useEffect(() => {
+    if (!activeSessionId || selectedUser) {
+      return;
+    }
+    const chat = chats.find((c) => c.id === activeSessionId);
+    if (chat?.owner?.id) {
+      setExpandedGroups((prev) => {
+        if (prev.has(chat.owner.id)) {
+          return prev;
+        }
+        return /* @__PURE__ */ new Set([...prev, chat.owner.id]);
+      });
+    }
+  }, [activeSessionId, chats, selectedUser]);
+  const groupedChats = React.useMemo(() => {
+    if (selectedUser) {
+      return null;
+    }
+    const groupMap = /* @__PURE__ */ new Map();
+    chats.forEach((chat) => {
+      const owner = chat.owner ?? {
+        id: "__unknown__",
+        firstName: t("BiChat.Common.Untitled"),
+        lastName: "",
+        initials: "?"
+      };
+      const ownerId = owner.id;
+      if (!groupMap.has(ownerId)) {
+        groupMap.set(ownerId, {
+          owner,
+          chats: [],
+          latestUpdatedAt: chat.updatedAt
+        });
+      }
+      const group = groupMap.get(ownerId);
+      group.chats.push(chat);
+      if (chat.updatedAt > group.latestUpdatedAt) {
+        group.latestUpdatedAt = chat.updatedAt;
+      }
+    });
+    return Array.from(groupMap.values()).sort(
+      (a, b) => b.latestUpdatedAt.localeCompare(a.latestUpdatedAt)
+    );
+  }, [chats, selectedUser, t]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -14430,61 +14495,159 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
               role: "list",
               "aria-label": t("BiChat.AllChats.OrganizationChatSessions"),
               children: [
-                chats.map((chat) => {
-                  const owner = chat.owner ?? {
-                    firstName: "",
-                    lastName: "",
-                    initials: "U"
-                  };
-                  const ownerName = [owner.firstName, owner.lastName].filter(Boolean).join(" ");
-                  return /* @__PURE__ */ jsxRuntime.jsx(
-                    framerMotion.motion.div,
-                    {
-                      initial: { opacity: 0, y: -10 },
-                      animate: { opacity: 1, y: 0 },
-                      exit: { opacity: 0, y: -10 },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                groupedChats ? (
+                  /* ── Grouped view (no user selected) ── */
+                  groupedChats.map((group) => {
+                    const ownerId = group.owner.id;
+                    const ownerName = [group.owner.firstName, group.owner.lastName].filter(Boolean).join(" ");
+                    const isCollapsed = !expandedGroups.has(ownerId);
+                    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
                         "div",
                         {
-                          role: "link",
+                          role: "button",
                           tabIndex: 0,
-                          onClick: () => onSessionSelect(chat.id),
+                          onClick: () => toggleGroup(ownerId),
                           onKeyDown: (e) => {
                             if (e.key === "Enter" || e.key === " ") {
                               e.preventDefault();
-                              onSessionSelect(chat.id);
+                              toggleGroup(ownerId);
                             }
                           },
-                          className: `
-                        block px-3 py-2 rounded-lg transition-smooth group cursor-pointer
-                        ${chat.id === activeSessionId ? "bg-primary-50/50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-400 border-l-4 border-primary-400 dark:border-primary-600" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 border-l-4 border-transparent"}
-                      `,
-                          "aria-current": chat.id === activeSessionId ? "page" : void 0,
-                          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                          className: "flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-lg transition-smooth select-none",
+                          "aria-expanded": !isCollapsed,
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              react.CaretRight,
+                              {
+                                size: 14,
+                                weight: "bold",
+                                className: `shrink-0 text-gray-500 dark:text-gray-400 transition-transform duration-150 ${isCollapsed ? "" : "rotate-90"}`
+                              }
+                            ),
                             /* @__PURE__ */ jsxRuntime.jsx(
                               MemoizedUserAvatar,
                               {
-                                firstName: owner.firstName,
-                                lastName: owner.lastName,
-                                initials: owner.initials,
+                                firstName: group.owner.firstName,
+                                lastName: group.owner.lastName,
+                                initials: group.owner.initials,
                                 size: "sm"
                               }
                             ),
-                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("BiChat.Common.Untitled") }),
-                              ownerName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: ownerName }),
-                              chat.status === "archived" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 mt-1 px-2 py-0.5 bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 rounded-full text-xs", children: [
-                                /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 12, className: "w-3 h-3" }),
-                                t("BiChat.Chat.Archived")
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 truncate flex-1 min-w-0", children: ownerName || t("BiChat.Common.Untitled") }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded-full flex-shrink-0", children: group.chats.length })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: !isCollapsed && /* @__PURE__ */ jsxRuntime.jsx(
+                        framerMotion.motion.div,
+                        {
+                          initial: { height: 0, opacity: 0 },
+                          animate: { height: "auto", opacity: 1 },
+                          exit: { height: 0, opacity: 0 },
+                          transition: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },
+                          className: "overflow-hidden",
+                          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5 pl-6", children: group.chats.map((chat) => /* @__PURE__ */ jsxRuntime.jsx(
+                            framerMotion.motion.div,
+                            {
+                              initial: { opacity: 0, y: -10 },
+                              animate: { opacity: 1, y: 0 },
+                              exit: { opacity: 0, y: -10 },
+                              children: /* @__PURE__ */ jsxRuntime.jsx(
+                                "div",
+                                {
+                                  role: "link",
+                                  tabIndex: 0,
+                                  onClick: () => onSessionSelect(chat.id),
+                                  onKeyDown: (e) => {
+                                    if (e.key === "Enter" || e.key === " ") {
+                                      e.preventDefault();
+                                      onSessionSelect(chat.id);
+                                    }
+                                  },
+                                  className: `
+                                        block px-3 py-2 rounded-lg transition-smooth group cursor-pointer
+                                        ${chat.id === activeSessionId ? "bg-primary-50/50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-400 border-l-4 border-primary-400 dark:border-primary-600" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 border-l-4 border-transparent"}
+                                      `,
+                                  "aria-current": chat.id === activeSessionId ? "page" : void 0,
+                                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm truncate flex-1 min-w-0", children: chat.title || t("BiChat.Common.Untitled") }),
+                                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [
+                                      chat.isGroup && chat.memberCount && chat.memberCount > 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: chat.memberCount }),
+                                      chat.status === "archived" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 rounded-full text-xs", children: [
+                                        /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 12, className: "w-3 h-3" }),
+                                        t("BiChat.Chat.Archived")
+                                      ] })
+                                    ] })
+                                  ] })
+                                }
+                              )
+                            },
+                            chat.id
+                          )) })
+                        },
+                        `group-${ownerId}`
+                      ) })
+                    ] }, ownerId);
+                  })
+                ) : (
+                  /* ── Flat view (user selected) ── */
+                  chats.map((chat) => {
+                    const owner = chat.owner ?? {
+                      firstName: "",
+                      lastName: "",
+                      initials: "U"
+                    };
+                    const ownerName = [owner.firstName, owner.lastName].filter(Boolean).join(" ");
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      framerMotion.motion.div,
+                      {
+                        initial: { opacity: 0, y: -10 },
+                        animate: { opacity: 1, y: 0 },
+                        exit: { opacity: 0, y: -10 },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          "div",
+                          {
+                            role: "link",
+                            tabIndex: 0,
+                            onClick: () => onSessionSelect(chat.id),
+                            onKeyDown: (e) => {
+                              if (e.key === "Enter" || e.key === " ") {
+                                e.preventDefault();
+                                onSessionSelect(chat.id);
+                              }
+                            },
+                            className: `
+                            block px-3 py-2 rounded-lg transition-smooth group cursor-pointer
+                            ${chat.id === activeSessionId ? "bg-primary-50/50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-400 border-l-4 border-primary-400 dark:border-primary-600" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 border-l-4 border-transparent"}
+                          `,
+                            "aria-current": chat.id === activeSessionId ? "page" : void 0,
+                            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                MemoizedUserAvatar,
+                                {
+                                  firstName: owner.firstName,
+                                  lastName: owner.lastName,
+                                  initials: owner.initials,
+                                  size: "sm"
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("BiChat.Common.Untitled") }),
+                                ownerName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: ownerName }),
+                                chat.status === "archived" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 mt-1 px-2 py-0.5 bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 rounded-full text-xs", children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(react.Archive, { size: 12, className: "w-3 h-3" }),
+                                  t("BiChat.Chat.Archived")
+                                ] })
                               ] })
                             ] })
-                          ] })
-                        }
-                      )
-                    },
-                    chat.id
-                  );
-                }),
+                          }
+                        )
+                      },
+                      chat.id
+                    );
+                  })
+                ),
                 hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: loadMoreRef, className: "py-4 text-center", children: fetching ? /* @__PURE__ */ jsxRuntime.jsx(SessionSkeleton, { count: 2 }) : /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
                   {
@@ -14707,7 +14870,9 @@ function Sidebar2({
   onClose,
   headerSlot,
   footerSlot,
-  className = ""
+  className = "",
+  activeTab: controlledActiveTab,
+  onTabChange
 }) {
   const { t } = useTranslation();
   const toast = useToast();
@@ -14767,7 +14932,14 @@ function Sidebar2({
     const timer = setTimeout(() => setCollapsedOverflowVisible(true), 300);
     return () => clearTimeout(timer);
   }, [showCollapsed]);
-  const [activeTab, setActiveTab] = React.useState("my-chats");
+  const [internalActiveTab, setInternalActiveTab] = React.useState("my-chats");
+  const activeTab = controlledActiveTab ?? internalActiveTab;
+  const handleTabChange = React.useCallback((tab) => {
+    if (controlledActiveTab === void 0) {
+      setInternalActiveTab(tab);
+    }
+    onTabChange?.(tab);
+  }, [controlledActiveTab, onTabChange]);
   const [searchQuery, setSearchQuery] = React.useState("");
   const [sessions, setSessions] = React.useState([]);
   const [loading, setLoading] = React.useState(true);
@@ -15381,7 +15553,7 @@ function Sidebar2({
                               onClick: (e) => {
                                 e.preventDefault();
                                 e.stopPropagation();
-                                setActiveTab("all-chats");
+                                handleTabChange("all-chats");
                                 close();
                               },
                               className: `cursor-pointer flex w-full items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-[13px] text-gray-600 dark:text-gray-300 transition-colors ${focus ? "bg-gray-100 dark:bg-gray-800/70" : ""}`,
@@ -15398,7 +15570,7 @@ function Sidebar2({
                               onClick: (e) => {
                                 e.preventDefault();
                                 e.stopPropagation();
-                                setActiveTab("my-chats");
+                                handleTabChange("my-chats");
                                 close();
                               },
                               className: `cursor-pointer flex w-full items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-[13px] text-gray-600 dark:text-gray-300 transition-colors ${focus ? "bg-gray-100 dark:bg-gray-800/70" : ""}`,
@@ -17505,42 +17677,66 @@ function useBichatRouter({
   pathname,
   onNavigate
 }) {
+  const isAllChats = pathname.startsWith("/all-chats");
   const activeSessionId = React.useMemo(
     () => pathname.match(SESSION_PATH_REGEX)?.[1],
     [pathname]
   );
+  const sidebarTab = React.useMemo(
+    () => isAllChats ? "all-chats" : "my-chats",
+    [isAllChats]
+  );
   const maybeClose = React.useCallback(() => {
     onNavigate?.();
   }, [onNavigate]);
   const onSessionSelect = React.useCallback(
     (sessionId) => {
       if (sessionId) {
-        navigate(`/session/${sessionId}`);
+        const prefix = isAllChats ? "/all-chats" : "";
+        navigate(`${prefix}/session/${sessionId}`);
       } else {
-        navigate("/");
+        navigate(isAllChats ? "/all-chats" : "/");
       }
       maybeClose();
     },
-    [navigate, maybeClose]
+    [navigate, maybeClose, isAllChats]
   );
   const onNewChat = React.useCallback(() => {
-    navigate("/");
+    navigate(isAllChats ? "/all-chats" : "/");
     maybeClose();
-  }, [navigate, maybeClose]);
+  }, [navigate, maybeClose, isAllChats]);
   const onArchivedView = React.useCallback(() => {
     navigate("/archived");
     maybeClose();
   }, [navigate, maybeClose]);
+  const onAllChatsView = React.useCallback(() => {
+    navigate("/all-chats");
+    maybeClose();
+  }, [navigate, maybeClose]);
   const onBack = React.useCallback(() => {
     navigate("/");
     maybeClose();
   }, [navigate, maybeClose]);
+  const onSidebarTabChange = React.useCallback(
+    (tab) => {
+      if (tab === "all-chats") {
+        navigate("/all-chats");
+      } else {
+        navigate("/");
+      }
+      maybeClose();
+    },
+    [navigate, maybeClose]
+  );
   return {
     activeSessionId,
     onSessionSelect,
     onNewChat,
     onArchivedView,
-    onBack
+    onBack,
+    onAllChatsView,
+    sidebarTab,
+    onSidebarTabChange
   };
 }