@iota-uz/sdk 0.4.23 → 0.4.24

package/dist/bichat/index.mjs

@@ -2,7 +2,7 @@ import React, { createContext, memo, useRef, useEffect, useCallback, useState, u
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import ReactApexChart from 'react-apexcharts';
 import ApexCharts from 'apexcharts';
-import { CaretUp, CaretDown, DotsThreeVertical, Check, Copy, X, Columns, ArrowsIn, ArrowsOut, Warning, ArrowClockwise, Paperclip, PaperPlaneRight, ChartBar, FileText, Lightbulb, CircleNotch, ArrowUUpLeft, PencilSimple, Bookmark, ArrowsClockwise, Archive, Trash, DotsThree, Image, MagnifyingGlass, DownloadSimple, ArrowCounterClockwise, Bug, ArrowUp, ArrowDown, Stack, ImageBroken, CaretLeft, CaretRight, Info, CheckCircle, XCircle, Spinner, WarningCircle, FilePdf, FileXls, FileCsv, FileDoc, FileCode, File as File$1, MagnifyingGlassMinus, MagnifyingGlassPlus, Download, ChatCircleDots, PencilSimpleLine, ArrowLeft, PaperPlaneTilt, ArrowRight, Timer, Lightning, Database, ArrowSquareOut, Wrench, ClockCounterClockwise, Package, Plus, ArrowsCounterClockwise, ChatCircle, Gear, Users, List, CaretLineLeft, CaretLineRight, Code, Table, SpinnerGap, FloppyDisk, Sidebar } from '@phosphor-icons/react';
+import { CaretUp, CaretDown, DotsThreeVertical, Check, Copy, X, Columns, ArrowsIn, ArrowsOut, Warning, ArrowClockwise, Paperclip, PaperPlaneRight, ChartBar, FileText, Lightbulb, CircleNotch, ArrowUUpLeft, PencilSimple, Bookmark, ArrowsClockwise, Archive, Trash, UsersThree, DotsThree, Image, MagnifyingGlass, DownloadSimple, ArrowCounterClockwise, Bug, ArrowUp, ArrowDown, Stack, ImageBroken, CaretLeft, CaretRight, Info, CheckCircle, XCircle, Spinner, WarningCircle, FilePdf, FileXls, FileCsv, FileDoc, FileCode, File as File$1, MagnifyingGlassMinus, MagnifyingGlassPlus, Download, ChatCircleDots, PencilSimpleLine, ArrowLeft, PaperPlaneTilt, ArrowRight, Timer, Lightning, Database, ArrowSquareOut, Wrench, ClockCounterClockwise, Package, Plus, Crown, UserPlus, ArrowsCounterClockwise, ChatCircle, Gear, Users, List, CaretLineLeft, CaretLineRight, Code, Table, SpinnerGap, FloppyDisk, ShareNetwork, Sidebar } from '@phosphor-icons/react';
 import { Prism } from 'react-syntax-highlighter';
 import { vscDarkPlus, vs } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import ReactMarkdown from 'react-markdown';
@@ -12,7 +12,7 @@ import rehypeKatex from 'rehype-katex';
 import { motion, useMotionValue, useTransform, AnimatePresence, MotionConfig, useReducedMotion } from 'framer-motion';
 import 'react-dom/client';
 import { differenceInMinutes, differenceInHours, differenceInDays, format, isSameDay, startOfDay, isToday, isYesterday } from 'date-fns';
-import { Menu, MenuButton, MenuItems, MenuItem, Popover, PopoverButton, PopoverPanel, Dialog, DialogBackdrop, DialogPanel, DialogTitle, Description, Transition } from '@headlessui/react';
+import { Menu, MenuButton, MenuItems, MenuItem, Popover, PopoverButton, PopoverPanel, Dialog, DialogBackdrop, DialogPanel, Transition } from '@headlessui/react';
 import { createPortal } from 'react-dom';
 
 var __defProp = Object.defineProperty;
@@ -3291,12 +3291,151 @@ function useBranding() {
   }, [context.extensions?.branding, t]);
   return branding;
 }
-function ChatHeader({ session, onBack, readOnly, logoSlot, actionsSlot }) {
+function hashString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  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" }
+];
+var sizeClasses = {
+  xs: "w-6 h-6 text-[10px]",
+  sm: "w-8 h-8 text-xs",
+  md: "w-10 h-10 text-sm",
+  lg: "w-12 h-12 text-base"
+};
+function UserAvatar({
+  firstName,
+  lastName,
+  initials: providedInitials,
+  size = "md",
+  className = ""
+}) {
+  const derivedInitials = (() => {
+    const firstChar = firstName?.trim()?.charAt(0) || "";
+    const lastChar = lastName?.trim()?.charAt(0) || "";
+    const combined = `${firstChar}${lastChar}`.trim();
+    return combined || "U";
+  })();
+  const initials = (providedInitials?.trim() || derivedInitials).toUpperCase();
+  const fullName = `${firstName}${lastName}`;
+  const colorIndex = hashString(fullName) % colorPalette.length;
+  const colors = colorPalette[colorIndex];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `
+        ${sizeClasses[size]}
+        ${colors.bg}
+        ${colors.text}
+        ${className}
+        rounded-full
+        flex
+        items-center
+        justify-center
+        font-semibold
+        flex-shrink-0
+        select-none
+      `,
+      "aria-label": `${firstName} ${lastName}`,
+      title: `${firstName} ${lastName}`,
+      children: initials
+    }
+  );
+}
+var MemoizedUserAvatar = memo(UserAvatar);
+MemoizedUserAvatar.displayName = "UserAvatar";
+var overlapClasses = {
+  xs: "-ml-1.5",
+  sm: "-ml-2"
+};
+var badgeSizeClasses = {
+  xs: "w-6 h-6 text-[10px]",
+  sm: "w-8 h-8 text-xs"
+};
+function AvatarStackInner({
+  users,
+  max = 3,
+  size = "sm",
+  onClick,
+  className = ""
+}) {
+  const visible = users.slice(0, max);
+  const overflow = users.length - max;
+  const interactive = typeof onClick === "function";
+  const overlap = overlapClasses[size];
+  const badgeSize = badgeSizeClasses[size];
+  const handleKeyDown = (e) => {
+    if (interactive && (e.key === "Enter" || e.key === " ")) {
+      e.preventDefault();
+      onClick();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `inline-flex items-center ${interactive ? "cursor-pointer transition-opacity hover:opacity-80" : ""} ${className}`,
+      onClick: interactive ? onClick : void 0,
+      onKeyDown: interactive ? handleKeyDown : void 0,
+      role: interactive ? "button" : void 0,
+      tabIndex: interactive ? 0 : void 0,
+      "aria-label": interactive ? `${users.length} members` : void 0,
+      children: [
+        visible.map((user, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `${i > 0 ? overlap : ""} ring-2 ring-white dark:ring-gray-900 rounded-full`,
+            style: { zIndex: visible.length - i },
+            children: /* @__PURE__ */ jsx(
+              MemoizedUserAvatar,
+              {
+                firstName: user.firstName,
+                lastName: user.lastName,
+                initials: user.initials,
+                size
+              }
+            )
+          },
+          `${user.firstName}-${user.lastName}-${i}`
+        )),
+        overflow > 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `${overlap} ${badgeSize} rounded-full bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-300 font-medium flex items-center justify-center flex-shrink-0 ring-2 ring-white dark:ring-gray-900`,
+            style: { zIndex: 0 },
+            children: [
+              "+",
+              overflow
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var AvatarStack = memo(AvatarStackInner);
+AvatarStack.displayName = "AvatarStack";
+function ChatHeader({ session, onBack, readOnly, logoSlot, actionsSlot, members, onMembersClick }) {
   const { t } = useTranslation();
   const branding = useBranding();
   const BackButton = onBack ? /* @__PURE__ */ jsx(
     "button",
     {
+      type: "button",
       onClick: onBack,
       className: "cursor-pointer p-2 hover:bg-gray-100 dark:hover:bg-gray-700 active:bg-gray-200 dark:active:bg-gray-600 rounded-lg transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
       "aria-label": t("BiChat.Chat.GoBack"),
@@ -3315,23 +3454,42 @@ function ChatHeader({ session, onBack, readOnly, logoSlot, actionsSlot }) {
     ] }) });
   }
   const resolvedSessionTitle = session.title?.trim() || t("BiChat.Chat.NewChat");
+  const isGroupSession = Boolean(session.isGroup || session.memberCount && session.memberCount > 1);
+  const memberCount = session.memberCount ?? 0;
+  const stackUsers = members && members.length > 0 ? members : [];
   return /* @__PURE__ */ jsx("header", { className: "bichat-header border-b border-gray-200 dark:border-gray-700 px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
       BackButton,
       Logo,
-      /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-[var(--bichat-text)]", children: resolvedSessionTitle }),
-      session.pinned && /* @__PURE__ */ jsx(
-        "svg",
-        {
-          className: "w-4 h-4 text-[var(--bichat-primary)]",
-          fill: "currentColor",
-          viewBox: "0 0 20 20",
-          "aria-label": t("BiChat.Chat.Pinned"),
-          children: /* @__PURE__ */ jsx("path", { d: "M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1z" })
-        }
-      )
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-[var(--bichat-text)] truncate", children: resolvedSessionTitle }),
+          session.pinned && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "w-4 h-4 text-[var(--bichat-primary)] flex-shrink-0",
+              fill: "currentColor",
+              viewBox: "0 0 20 20",
+              role: "img",
+              "aria-label": t("BiChat.Chat.Pinned"),
+              children: /* @__PURE__ */ jsx("path", { d: "M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1z" })
+            }
+          ),
+          isGroupSession && stackUsers.length > 0 && /* @__PURE__ */ jsx(
+            AvatarStack,
+            {
+              users: stackUsers,
+              max: 3,
+              size: "xs",
+              onClick: onMembersClick,
+              className: "flex-shrink-0"
+            }
+          )
+        ] }),
+        isGroupSession && memberCount > 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400 mt-0.5", children: memberCount === 1 ? t("BiChat.Chat.OneMember") : t("BiChat.Chat.MemberCount").replace("{{count}}", String(memberCount)) })
+      ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
       readOnly && /* @__PURE__ */ jsx("span", { className: "px-2 py-1 text-xs bg-amber-100 dark:bg-amber-900/30 text-amber-800 dark:text-amber-200 rounded", children: t("BiChat.Chat.ReadOnly") }),
       session.status === "archived" && /* @__PURE__ */ jsx("span", { className: "px-2 py-1 text-xs bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded", children: t("BiChat.Chat.Archived") }),
       actionsSlot
@@ -4206,6 +4364,7 @@ function UserMessage({
   turn,
   turnId,
   initials = "U",
+  authorName,
   slots,
   classNames: classNameOverrides,
   onCopy,
@@ -4413,6 +4572,16 @@ function UserMessage({
   };
   return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
     /* @__PURE__ */ jsxs("div", { className: classes.wrapper, children: [
+      authorName && /* @__PURE__ */ jsx(
+        "span",
+        {
+          id: `${turn.id}-author`,
+          role: "note",
+          "aria-label": authorName,
+          className: "mb-1 px-1 text-[11px] text-right text-gray-500 dark:text-gray-400",
+          children: authorName
+        }
+      ),
       normalizedAttachments.length > 0 && /* @__PURE__ */ jsx("div", { className: classes.attachments, children: renderSlot(
         slots?.attachments,
         attachmentsSlotProps,
@@ -4424,20 +4593,28 @@ function UserMessage({
           }
         )
       ) }),
-      turn.content && /* @__PURE__ */ jsx("div", { ref: bubbleRef, className: classes.bubble, children: /* @__PURE__ */ jsx("div", { className: classes.content, children: isEditing ? /* @__PURE__ */ jsx(
-        EditForm,
+      turn.content && /* @__PURE__ */ jsx(
+        "div",
         {
-          draftContent,
-          onDraftChange: handleDraftChange,
-          onSave: handleEditSave,
-          onCancel: handleEditCancel,
-          onKeyDown: handleEditKeyDown,
-          textareaRef: editTextareaRef,
-          disabled: false,
-          originalContent: turn.content,
-          t
+          ref: bubbleRef,
+          className: classes.bubble,
+          "aria-describedby": authorName ? `${turn.id}-author` : void 0,
+          children: /* @__PURE__ */ jsx("div", { className: classes.content, children: isEditing ? /* @__PURE__ */ jsx(
+            EditForm,
+            {
+              draftContent,
+              onDraftChange: handleDraftChange,
+              onSave: handleEditSave,
+              onCancel: handleEditCancel,
+              onKeyDown: handleEditKeyDown,
+              textareaRef: editTextareaRef,
+              disabled: false,
+              originalContent: turn.content,
+              t
+            }
+          ) : renderSlot(slots?.content, contentSlotProps, turn.content) })
         }
-      ) : renderSlot(slots?.content, contentSlotProps, turn.content) }) }),
+      ),
       !hideActions && /* @__PURE__ */ jsx("div", { className: `${classes.actions} ${isCopied ? "opacity-100" : ""}`, children: renderSlot(
         slots?.actions,
         actionsSlotProps,
@@ -4486,19 +4663,25 @@ function UserTurnView({
   turn,
   slots,
   classNames,
-  initials = "U",
+  initials,
   hideAvatar,
   hideActions,
   hideTimestamp,
-  allowEdit
+  allowEdit,
+  showAuthorName = false
 }) {
   const { handleEdit, handleCopy } = useChatMessaging();
+  const author = turn.userTurn.author;
+  const fullName = [author?.firstName || "", author?.lastName || ""].join(" ").trim();
+  const authorName = showAuthorName && fullName.length > 0 ? fullName : void 0;
+  const resolvedInitials = initials ?? author?.initials ?? "U";
   return /* @__PURE__ */ jsx(
     UserMessage,
     {
       turn: turn.userTurn,
       turnId: turn.id,
-      initials,
+      initials: resolvedInitials,
+      authorName,
       slots,
       classNames,
       onCopy: handleCopy,
@@ -8493,7 +8676,7 @@ function StreamingBubble({ content, normalizedContent }) {
 }
 function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readOnly }) {
   const { t } = useTranslation();
-  const { currentSessionId, fetching } = useChatSession();
+  const { session, currentSessionId, fetching } = useChatSession();
   const {
     turns,
     streamingContent,
@@ -8508,6 +8691,7 @@ function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readO
     () => streamingContent ? normalizeStreamingMarkdown(streamingContent) : "",
     [streamingContent]
   );
+  const showAuthorNames = Boolean(session?.isGroup);
   const showEphemeral = showActivityTrace || showTypingIndicator;
   return /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-h-0", children: [
     /* @__PURE__ */ jsx("div", { ref: containerRef, className: "h-full overflow-y-auto overflow-x-hidden px-4 py-6", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto space-y-6", children: [
@@ -8517,6 +8701,10 @@ function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readO
         const prevDate = index > 0 ? new Date(turns[index - 1].createdAt) : null;
         const showDateSeparator = !!prevDate && !isSameDay(turnDate, prevDate);
         const isLast = index === turns.length - 1;
+        const userTurnProps = {
+          allowEdit: readOnly ? false : isLast,
+          showAuthorName: showAuthorNames
+        };
         return /* @__PURE__ */ jsxs(Fragment$1, { children: [
           showDateSeparator && /* @__PURE__ */ jsx(DateSeparator, { date: turnDate }),
           /* @__PURE__ */ jsx(
@@ -8526,7 +8714,7 @@ function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readO
               isLastTurn: isLast,
               renderUserTurn,
               renderAssistantTurn,
-              userTurnProps: readOnly ? { allowEdit: false } : { allowEdit: isLast },
+              userTurnProps,
               assistantTurnProps: readOnly ? { allowRegenerate: false } : void 0
             }
           )
@@ -10732,71 +10920,689 @@ function SessionArtifactsPanel({
     }
   );
 }
+var DialogContext = createContext(null);
+var FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+function InlineDialog({ open, onClose, className, children }) {
+  const containerRef = useRef(null);
+  const previousFocusRef = useRef(null);
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    previousFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    const getFocusable = () => Array.from(
+      container.querySelectorAll(FOCUSABLE_SELECTOR)
+    );
+    const handler = (e) => {
+      if (e.key === "Escape") {
+        onClose();
+        return;
+      }
+      if (e.key !== "Tab") {
+        return;
+      }
+      const focusable = getFocusable();
+      if (focusable.length === 0) {
+        e.preventDefault();
+        container.focus();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      if (e.shiftKey && document.activeElement === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && document.activeElement === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    (getFocusable()[0] ?? container)?.focus();
+    container.addEventListener("keydown", handler);
+    return () => {
+      container.removeEventListener("keydown", handler);
+      previousFocusRef.current?.focus();
+    };
+  }, [open, onClose]);
+  if (!open) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: onClose, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className,
+      onClick: onClose,
+      tabIndex: -1,
+      children
+    }
+  ) });
+}
+function InlineDialogBackdrop(props) {
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", ...props });
+}
+function InlineDialogPanel({
+  children,
+  onClick,
+  ...rest
+}) {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!ref.current) {
+      return;
+    }
+    const target = ref.current.querySelector("[data-autofocus]") ?? ref.current.querySelector(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    target?.focus();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "dialog",
+      "aria-modal": "true",
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick?.(e);
+      },
+      ...rest,
+      children
+    }
+  );
+}
+function InlineDialogTitle(props) {
+  return /* @__PURE__ */ jsx("h2", { ...props });
+}
+function InlineDialogDescription(props) {
+  return /* @__PURE__ */ jsx("p", { ...props });
+}
 
-// ui/src/bichat/components/StreamError.tsx
+// ui/src/bichat/components/SessionMembersModal.tsx
 init_useTranslation();
-function StreamError({
-  error,
-  onRetry,
-  onRegenerate,
-  onDismiss,
-  compact = false
+init_useTranslation();
+function ConfirmModalBase({
+  isOpen,
+  title,
+  message,
+  onConfirm,
+  onCancel,
+  confirmText,
+  cancelText,
+  isDanger = false
 }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      initial: { opacity: 0, y: 10 },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: -10 },
-      className: `flex items-start gap-3 ${compact ? "px-3 py-2.5" : "px-4 py-3"} bg-red-50 dark:bg-red-950/40 border border-red-200/80 dark:border-red-900/60 rounded-xl shadow-sm`,
-      role: "alert",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 mt-0.5 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 dark:bg-red-900/40", children: /* @__PURE__ */ jsx(
-          Warning,
-          {
-            className: "w-4 h-4 text-red-600 dark:text-red-400",
-            weight: "fill"
-          }
-        ) }),
+  const resolvedConfirmText = confirmText?.trim() ? confirmText : t("BiChat.Common.Confirm");
+  const resolvedCancelText = cancelText?.trim() ? cancelText : t("BiChat.Common.Cancel");
+  return /* @__PURE__ */ jsxs(InlineDialog, { open: isOpen, onClose: onCancel, className: "relative z-40", children: [
+    /* @__PURE__ */ jsx(InlineDialogBackdrop, { className: "fixed inset-0 bg-black/40 dark:bg-black/60 backdrop-blur-sm transition-opacity duration-200" }),
+    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center z-50 p-4", children: /* @__PURE__ */ jsxs(InlineDialogPanel, { className: "bg-white dark:bg-gray-800 rounded-2xl shadow-xl dark:shadow-2xl dark:shadow-black/30 max-w-sm w-full overflow-hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "px-6 pt-6 pb-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+        isDanger && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center justify-center w-10 h-10 rounded-xl bg-red-50 dark:bg-red-950/40 border border-red-200/60 dark:border-red-800/40", children: /* @__PURE__ */ jsx(WarningCircle, { size: 22, weight: "duotone", className: "text-red-600 dark:text-red-400" }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200 leading-snug", children: t("BiChat.Error.Generic") }),
-          /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-red-600/80 dark:text-red-400/70 break-words leading-relaxed", children: error }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
-            onRetry && /* @__PURE__ */ jsxs(
-              "button",
-              {
-                onClick: onRetry,
-                className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-white bg-red-600 hover:bg-red-700 active:bg-red-800 dark:bg-red-700 dark:hover:bg-red-600 rounded-lg transition-colors shadow-sm",
-                type: "button",
-                children: [
-                  /* @__PURE__ */ jsx(ArrowClockwise, { className: "w-3.5 h-3.5" }),
-                  t("BiChat.StreamError.Retry")
-                ]
-              }
-            ),
-            onRegenerate && /* @__PURE__ */ jsxs(
-              "button",
-              {
-                onClick: onRegenerate,
-                className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg transition-colors shadow-sm",
-                type: "button",
-                children: [
-                  /* @__PURE__ */ jsx(ArrowsCounterClockwise, { className: "w-3.5 h-3.5" }),
-                  t("BiChat.StreamError.Regenerate")
-                ]
-              }
-            )
-          ] })
-        ] }),
-        onDismiss && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(InlineDialogTitle, { className: "text-base font-semibold text-gray-900 dark:text-gray-100 leading-snug", children: title }),
+          /* @__PURE__ */ jsx(InlineDialogDescription, { className: "mt-2 text-sm text-gray-600 dark:text-gray-400 leading-relaxed", children: message })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2.5 px-6 pb-5", children: [
+        /* @__PURE__ */ jsx(
           "button",
           {
-            onClick: onDismiss,
-            className: "cursor-pointer flex-shrink-0 mt-0.5 inline-flex items-center justify-center w-6 h-6 text-red-400 dark:text-red-500 hover:text-red-600 dark:hover:text-red-300 hover:bg-red-100 dark:hover:bg-red-900/40 rounded-md transition-colors",
             type: "button",
-            "aria-label": t("BiChat.Chat.DismissNotification"),
-            children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
+            onClick: onCancel,
+            ...isDanger ? { "data-autofocus": true } : {},
+            className: "cursor-pointer px-4 py-2 text-sm font-medium rounded-xl text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-700/60 hover:bg-gray-200 dark:hover:bg-gray-700 active:bg-gray-250 dark:active:bg-gray-600 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-800",
+            "data-testid": "confirm-modal-cancel",
+            children: resolvedCancelText
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            ...!isDanger ? { "data-autofocus": true } : {},
+            onClick: onConfirm,
+            className: [
+              "cursor-pointer px-4 py-2 text-sm font-medium rounded-xl text-white",
+              "transition-all duration-150 shadow-sm hover:shadow",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-800",
+              isDanger ? "bg-red-600 hover:bg-red-700 active:bg-red-800 focus-visible:ring-red-500/50" : "bg-primary-600 hover:bg-primary-700 active:bg-primary-800 focus-visible:ring-primary-500/50"
+            ].join(" "),
+            "data-testid": "confirm-modal-confirm",
+            children: resolvedConfirmText
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+var ConfirmModal = memo(ConfirmModalBase);
+ConfirmModal.displayName = "ConfirmModal";
+var ConfirmModal_default = ConfirmModal;
+var ROLES = ["editor", "viewer"];
+function RoleSegmentedControl({
+  value,
+  onChange,
+  disabled,
+  size = "md",
+  t
+}) {
+  const btnBase = size === "sm" ? "px-2 py-0.5 text-[11px]" : "px-3 py-1 text-xs";
+  const currentIndex = ROLES.indexOf(value);
+  const handleKeyDown = (e) => {
+    if (disabled) {
+      return;
+    }
+    let nextIndex = null;
+    if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+      e.preventDefault();
+      nextIndex = currentIndex <= 0 ? ROLES.length - 1 : currentIndex - 1;
+    } else if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+      e.preventDefault();
+      nextIndex = currentIndex >= ROLES.length - 1 ? 0 : currentIndex + 1;
+    }
+    if (nextIndex !== null) {
+      const nextRole = ROLES[nextIndex];
+      onChange(nextRole);
+      const target = e.currentTarget.querySelector(`[data-role="${nextRole}"]`);
+      target?.focus();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": t("BiChat.Share.RoleLabel"),
+      className: "inline-flex rounded-lg border border-gray-200 dark:border-gray-700 p-0.5 bg-gray-50 dark:bg-gray-800/50",
+      onKeyDown: handleKeyDown,
+      children: ROLES.map((role) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": value === role,
+          tabIndex: value === role ? 0 : -1,
+          "data-role": role,
+          disabled,
+          onClick: () => onChange(role),
+          className: `${btnBase} cursor-pointer rounded-md font-medium transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 disabled:opacity-50 disabled:cursor-not-allowed ${value === role ? "bg-primary-600 text-white shadow-sm" : "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100"}`,
+          children: role === "editor" ? t("BiChat.Share.RoleEditor") : t("BiChat.Share.RoleViewer")
+        },
+        role
+      ))
+    }
+  );
+}
+function MemberSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-xl px-3 py-2.5", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse flex-shrink-0" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-28 rounded bg-gray-200 dark:bg-gray-700 animate-pulse" }),
+      /* @__PURE__ */ jsx("div", { className: "h-2.5 w-16 rounded bg-gray-100 dark:bg-gray-800 animate-pulse" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-6 w-16 rounded-lg bg-gray-200 dark:bg-gray-700 animate-pulse" })
+  ] });
+}
+function SessionMembersModal({ isOpen, sessionId, dataSource, onClose }) {
+  const headingId = useId();
+  const { t } = useTranslation();
+  const statusTimerRef = useRef();
+  const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const [users, setUsers] = useState([]);
+  const [members, setMembers] = useState([]);
+  const [selectedUser, setSelectedUser] = useState(null);
+  const [selectedRole, setSelectedRole] = useState("editor");
+  const [query, setQuery] = useState("");
+  const [confirmRemove, setConfirmRemove] = useState(null);
+  const [statusMessage, setStatusMessage] = useState(null);
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+  const [dropdownHighlightIndex, setDropdownHighlightIndex] = useState(0);
+  const dropdownOptionRefs = useRef([]);
+  const canManageMembers = Boolean(
+    dataSource.listUsers && dataSource.listSessionMembers && dataSource.addSessionMember && dataSource.updateSessionMemberRole && dataSource.removeSessionMember
+  );
+  const refresh = useCallback(async () => {
+    if (!sessionId || !canManageMembers) {
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const [usersData, membersData] = await Promise.all([
+        dataSource.listUsers(),
+        dataSource.listSessionMembers(sessionId)
+      ]);
+      setUsers(usersData);
+      setMembers(membersData);
+    } catch {
+      setError(t("BiChat.Share.LoadFailed"));
+    } finally {
+      setLoading(false);
+    }
+  }, [canManageMembers, dataSource, sessionId, t]);
+  useEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+    void refresh();
+  }, [isOpen, refresh]);
+  useEffect(() => {
+    if (!isOpen) {
+      setQuery("");
+      setSelectedUser(null);
+      setSelectedRole("editor");
+      setError(null);
+      setConfirmRemove(null);
+      setStatusMessage(null);
+      setDropdownOpen(false);
+      setDropdownHighlightIndex(0);
+    }
+  }, [isOpen]);
+  const memberIDs = useMemo(() => new Set(members.map((m) => m.user.id)), [members]);
+  const availableUsers = useMemo(
+    () => users.filter((user) => !memberIDs.has(user.id)),
+    [users, memberIDs]
+  );
+  const filteredUsers = useMemo(() => {
+    if (!query.trim()) {
+      return availableUsers;
+    }
+    const q = query.toLowerCase();
+    return availableUsers.filter(
+      (u) => u.firstName.toLowerCase().includes(q) || u.lastName.toLowerCase().includes(q) || `${u.firstName} ${u.lastName}`.toLowerCase().includes(q)
+    );
+  }, [availableUsers, query]);
+  useEffect(() => {
+    setDropdownHighlightIndex(
+      (i) => Math.min(Math.max(0, i), Math.max(0, filteredUsers.length - 1))
+    );
+  }, [filteredUsers.length]);
+  useEffect(() => () => clearTimeout(statusTimerRef.current), []);
+  const flashStatus = useCallback((msg) => {
+    clearTimeout(statusTimerRef.current);
+    setStatusMessage(msg);
+    statusTimerRef.current = setTimeout(() => setStatusMessage(null), 3e3);
+  }, []);
+  const handleAdd = useCallback(async () => {
+    if (!sessionId || !selectedUser || !dataSource.addSessionMember) {
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      await dataSource.addSessionMember(sessionId, selectedUser.id, selectedRole);
+      setSelectedUser(null);
+      setQuery("");
+      flashStatus(t("BiChat.Share.MemberAdded"));
+      await refresh();
+    } catch {
+      setError(t("BiChat.Share.AddFailed"));
+    } finally {
+      setSaving(false);
+    }
+  }, [sessionId, selectedUser, selectedRole, dataSource.addSessionMember, refresh, t, flashStatus]);
+  const handleUpdateRole = useCallback(async (userId, role) => {
+    if (!sessionId || !dataSource.updateSessionMemberRole) {
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      await dataSource.updateSessionMemberRole(sessionId, userId, role);
+      await refresh();
+    } catch {
+      setError(t("BiChat.Share.UpdateFailed"));
+    } finally {
+      setSaving(false);
+    }
+  }, [sessionId, dataSource.updateSessionMemberRole, refresh]);
+  const handleRemove = useCallback(async (userId) => {
+    if (!sessionId || !dataSource.removeSessionMember) {
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      await dataSource.removeSessionMember(sessionId, userId);
+      flashStatus(t("BiChat.Share.MemberRemoved"));
+      await refresh();
+    } catch {
+      setError(t("BiChat.Share.RemoveFailed"));
+    } finally {
+      setSaving(false);
+    }
+  }, [sessionId, dataSource.removeSessionMember, refresh, flashStatus]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(InlineDialog, { open: isOpen, onClose, className: "relative z-40", children: [
+      /* @__PURE__ */ jsx(InlineDialogBackdrop, { className: "fixed inset-0 bg-black/40 dark:bg-black/60 backdrop-blur-sm transition-opacity duration-200" }),
+      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center z-50 p-4", children: /* @__PURE__ */ jsxs(
+        InlineDialogPanel,
+        {
+          "aria-labelledby": headingId,
+          className: "bg-white dark:bg-gray-800 rounded-2xl shadow-xl dark:shadow-2xl dark:shadow-black/30 max-w-md w-full",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 pt-5 pb-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-9 h-9 rounded-xl bg-primary-50 dark:bg-primary-950/40 border border-primary-200/60 dark:border-primary-800/40", children: /* @__PURE__ */ jsx(UsersThree, { size: 18, weight: "duotone", className: "text-primary-600 dark:text-primary-400" }) }),
+                /* @__PURE__ */ jsx(InlineDialogTitle, { id: headingId, className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: t("BiChat.Share.Title") })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  className: "rounded-lg p-1.5 text-gray-400 hover:text-gray-600 hover:bg-gray-100 dark:hover:text-gray-300 dark:hover:bg-gray-700 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
+                  "aria-label": t("BiChat.Common.Close"),
+                  children: /* @__PURE__ */ jsx(X, { size: 18 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "px-6 pb-5 space-y-4", children: [
+              !canManageMembers && /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-amber-200 bg-amber-50 px-3 py-2.5 text-xs text-amber-700 dark:border-amber-800/60 dark:bg-amber-900/20 dark:text-amber-300", children: t("BiChat.Share.Unsupported") }),
+              error && /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-red-200 bg-red-50 px-3 py-2.5 text-xs text-red-700 dark:border-red-800/60 dark:bg-red-900/20 dark:text-red-300", children: error }),
+              /* @__PURE__ */ jsx("div", { "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: statusMessage }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs("h3", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400", children: [
+                  t("BiChat.Share.Members"),
+                  !loading && members.length > 0 ? ` (${members.length})` : ""
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto -mx-1 px-1 space-y-1", children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(MemberSkeleton, {}),
+                  /* @__PURE__ */ jsx(MemberSkeleton, {}),
+                  /* @__PURE__ */ jsx(MemberSkeleton, {})
+                ] }) : members.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-8 text-gray-400 dark:text-gray-500", children: [
+                  /* @__PURE__ */ jsx(UsersThree, { size: 32, weight: "thin", className: "mb-2" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("BiChat.Share.Empty") })
+                ] }) : members.map((member) => /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "flex items-center gap-3 rounded-xl px-3 py-2 transition-colors hover:bg-gray-50 dark:hover:bg-gray-700/40",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        MemoizedUserAvatar,
+                        {
+                          firstName: member.user.firstName,
+                          lastName: member.user.lastName,
+                          initials: member.user.initials,
+                          size: "sm"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "truncate text-sm font-medium text-gray-900 dark:text-gray-100", children: [
+                        member.user.firstName,
+                        " ",
+                        member.user.lastName
+                      ] }) }),
+                      member.role === "owner" ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-50 dark:bg-amber-900/20 border border-amber-200/60 dark:border-amber-800/40 px-2.5 py-0.5 text-[11px] font-medium text-amber-700 dark:text-amber-300", children: [
+                        /* @__PURE__ */ jsx(Crown, { size: 12, weight: "duotone" }),
+                        t("BiChat.Share.RoleOwner")
+                      ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+                        /* @__PURE__ */ jsx(
+                          RoleSegmentedControl,
+                          {
+                            value: member.role,
+                            onChange: (role) => handleUpdateRole(member.user.id, role),
+                            disabled: saving,
+                            size: "sm",
+                            t
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            disabled: saving,
+                            onClick: () => setConfirmRemove(member),
+                            className: "cursor-pointer rounded-lg p-1.5 text-gray-400 transition-colors hover:bg-red-50 hover:text-red-600 dark:hover:bg-red-900/20 dark:hover:text-red-400 disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500/50",
+                            "aria-label": `${t("BiChat.Share.Remove")} ${member.user.firstName} ${member.user.lastName}`,
+                            children: /* @__PURE__ */ jsx(Trash, { size: 14 })
+                          }
+                        )
+                      ] })
+                    ]
+                  },
+                  member.user.id
+                )) })
+              ] }),
+              canManageMembers && /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-gray-200 dark:border-gray-700 p-3 space-y-3", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("BiChat.Share.AddMember") }),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "relative",
+                    onBlur: (e) => {
+                      if (!e.currentTarget.contains(e.relatedTarget)) {
+                        setDropdownOpen(false);
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                        /* @__PURE__ */ jsx(
+                          MagnifyingGlass,
+                          {
+                            size: 14,
+                            className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "input",
+                          {
+                            type: "text",
+                            className: "w-full rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800/60 pl-8 pr-3 py-2 text-sm text-gray-900 dark:text-gray-100 placeholder-gray-400 dark:placeholder-gray-500 transition-colors focus:border-primary-400 dark:focus:border-primary-600 focus:outline-none focus:ring-2 focus:ring-primary-500/20",
+                            placeholder: t("BiChat.Share.SearchUsers"),
+                            value: selectedUser ? `${selectedUser.firstName} ${selectedUser.lastName}` : query,
+                            onFocus: () => {
+                              setDropdownOpen(true);
+                              setDropdownHighlightIndex(0);
+                              if (selectedUser) {
+                                setSelectedUser(null);
+                                setQuery("");
+                              }
+                            },
+                            onChange: (e) => {
+                              setQuery(e.target.value);
+                              setSelectedUser(null);
+                              setDropdownOpen(true);
+                              setDropdownHighlightIndex(0);
+                            },
+                            onKeyDown: (e) => {
+                              if (!dropdownOpen || filteredUsers.length === 0) {
+                                if (e.key === "Escape") {
+                                  setDropdownOpen(false);
+                                }
+                                return;
+                              }
+                              if (e.key === "Escape") {
+                                e.preventDefault();
+                                setDropdownOpen(false);
+                                setDropdownHighlightIndex(0);
+                                return;
+                              }
+                              if (e.key === "ArrowDown") {
+                                e.preventDefault();
+                                const next = (dropdownHighlightIndex + 1) % filteredUsers.length;
+                                setDropdownHighlightIndex(next);
+                                setTimeout(() => dropdownOptionRefs.current[next]?.focus(), 0);
+                                return;
+                              }
+                              if (e.key === "ArrowUp") {
+                                e.preventDefault();
+                                const next = dropdownHighlightIndex <= 0 ? filteredUsers.length - 1 : dropdownHighlightIndex - 1;
+                                setDropdownHighlightIndex(next);
+                                setTimeout(() => dropdownOptionRefs.current[next]?.focus(), 0);
+                                return;
+                              }
+                              if (e.key === "Enter") {
+                                e.preventDefault();
+                                const user = filteredUsers[dropdownHighlightIndex];
+                                if (user) {
+                                  setSelectedUser(user);
+                                  setQuery("");
+                                  setDropdownOpen(false);
+                                }
+                              }
+                            }
+                          }
+                        )
+                      ] }),
+                      dropdownOpen && !selectedUser && /* @__PURE__ */ jsx("div", { className: "absolute z-10 mt-1 max-h-48 w-full overflow-auto rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 shadow-lg py-1", children: filteredUsers.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: availableUsers.length === 0 ? t("BiChat.Share.NoUsersAvailable") : t("BiChat.Share.NoSearchResults") }) : filteredUsers.map((user, index) => /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          ref: (el) => {
+                            dropdownOptionRefs.current[index] = el;
+                          },
+                          className: `flex w-full items-center gap-2.5 px-3 py-2 cursor-pointer transition-colors hover:bg-primary-50 dark:hover:bg-primary-900/20 ${index === dropdownHighlightIndex ? "bg-primary-50 dark:bg-primary-900/20" : ""}`,
+                          onMouseDown: (e) => e.preventDefault(),
+                          onClick: () => {
+                            setSelectedUser(user);
+                            setQuery("");
+                            setDropdownOpen(false);
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              MemoizedUserAvatar,
+                              {
+                                firstName: user.firstName,
+                                lastName: user.lastName,
+                                initials: user.initials,
+                                size: "xs"
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs("span", { className: "text-sm text-gray-900 dark:text-gray-100", children: [
+                              user.firstName,
+                              " ",
+                              user.lastName
+                            ] })
+                          ]
+                        },
+                        user.id
+                      )) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx(
+                    RoleSegmentedControl,
+                    {
+                      value: selectedRole,
+                      onChange: setSelectedRole,
+                      disabled: saving,
+                      t
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleAdd,
+                      disabled: saving || !selectedUser,
+                      className: "inline-flex cursor-pointer items-center gap-1.5 rounded-xl bg-primary-600 px-3.5 py-2 text-sm font-medium text-white shadow-sm transition-all duration-150 hover:bg-primary-700 hover:shadow active:bg-primary-800 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-800",
+                      children: [
+                        /* @__PURE__ */ jsx(UserPlus, { size: 14 }),
+                        t("BiChat.Share.Add")
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmModal,
+      {
+        isOpen: !!confirmRemove,
+        isDanger: true,
+        title: t("BiChat.Share.RemoveConfirmTitle"),
+        message: confirmRemove ? t("BiChat.Share.RemoveConfirmMessage").replace(
+          "{{name}}",
+          `${confirmRemove.user.firstName} ${confirmRemove.user.lastName}`
+        ) : "",
+        confirmText: t("BiChat.Share.Remove"),
+        onConfirm: () => {
+          if (confirmRemove) {
+            void handleRemove(confirmRemove.user.id);
+          }
+          setConfirmRemove(null);
+        },
+        onCancel: () => setConfirmRemove(null)
+      }
+    )
+  ] });
+}
+
+// ui/src/bichat/components/StreamError.tsx
+init_useTranslation();
+function StreamError({
+  error,
+  onRetry,
+  onRegenerate,
+  onDismiss,
+  compact = false
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 10 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -10 },
+      className: `flex items-start gap-3 ${compact ? "px-3 py-2.5" : "px-4 py-3"} bg-red-50 dark:bg-red-950/40 border border-red-200/80 dark:border-red-900/60 rounded-xl shadow-sm`,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 mt-0.5 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 dark:bg-red-900/40", children: /* @__PURE__ */ jsx(
+          Warning,
+          {
+            className: "w-4 h-4 text-red-600 dark:text-red-400",
+            weight: "fill"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200 leading-snug", children: t("BiChat.Error.Generic") }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-red-600/80 dark:text-red-400/70 break-words leading-relaxed", children: error }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
+            onRetry && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: onRetry,
+                className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-white bg-red-600 hover:bg-red-700 active:bg-red-800 dark:bg-red-700 dark:hover:bg-red-600 rounded-lg transition-colors shadow-sm",
+                type: "button",
+                children: [
+                  /* @__PURE__ */ jsx(ArrowClockwise, { className: "w-3.5 h-3.5" }),
+                  t("BiChat.StreamError.Retry")
+                ]
+              }
+            ),
+            onRegenerate && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: onRegenerate,
+                className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg transition-colors shadow-sm",
+                type: "button",
+                children: [
+                  /* @__PURE__ */ jsx(ArrowsCounterClockwise, { className: "w-3.5 h-3.5" }),
+                  t("BiChat.StreamError.Regenerate")
+                ]
+              }
+            )
+          ] })
+        ] }),
+        onDismiss && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onDismiss,
+            className: "cursor-pointer flex-shrink-0 mt-0.5 inline-flex items-center justify-center w-6 h-6 text-red-400 dark:text-red-500 hover:text-red-600 dark:hover:text-red-300 hover:bg-red-100 dark:hover:bg-red-900/40 rounded-md transition-colors",
+            type: "button",
+            "aria-label": t("BiChat.Chat.DismissNotification"),
+            children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
           }
         )
       ]
@@ -10860,7 +11666,8 @@ function ChatSessionCore({
     updateQueueItem
   } = useChatInput();
   const isArchived = session?.status === "archived";
-  const effectiveReadOnly = Boolean(readOnly ?? isReadOnly) || isArchived;
+  const accessReadOnly = session?.access ? !session.access.canWrite : false;
+  const effectiveReadOnly = Boolean(readOnly ?? isReadOnly) || isArchived || accessReadOnly;
   const [restoring, setRestoring] = useState(false);
   const handleRestore = useCallback(async () => {
     if (!session?.id) {
@@ -10881,6 +11688,8 @@ function ChatSessionCore({
   const [artifactsPanelExpanded, setArtifactsPanelExpanded] = useState(
     artifactsPanelDefaultExpanded
   );
+  const [membersModalOpen, setMembersModalOpen] = useState(false);
+  const [headerMembers, setHeaderMembers] = useState(null);
   const [artifactsPanelWidth, setArtifactsPanelWidth] = useState(ARTIFACTS_PANEL_WIDTH_DEFAULT);
   const [isResizingArtifactsPanel, setIsResizingArtifactsPanel] = useState(false);
   const layoutContainerRef = useRef(null);
@@ -10915,6 +11724,25 @@ function ChatSessionCore({
     } catch {
     }
   }, [artifactsPanelStorageKey, showArtifactsPanel]);
+  useEffect(() => {
+    if (!session?.id || !dataSource.listSessionMembers) {
+      setHeaderMembers(null);
+      return;
+    }
+    let cancelled = false;
+    dataSource.listSessionMembers(session.id).then((members) => {
+      if (!cancelled) {
+        setHeaderMembers(members.map((m) => m.user));
+      }
+    }).catch(() => {
+      if (!cancelled) {
+        setHeaderMembers(null);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [session?.id, dataSource.listSessionMembers]);
   const handleArtifactsResizeStart = useCallback(() => {
     setIsResizingArtifactsPanel(true);
   }, []);
@@ -11004,8 +11832,26 @@ function ChatSessionCore({
       }
     }
   };
-  const headerActions = showArtifactsControls ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
+  const canShowShareButton = Boolean(
+    session?.access?.canManageMembers && dataSource.listUsers && dataSource.listSessionMembers && dataSource.addSessionMember && dataSource.updateSessionMemberRole && dataSource.removeSessionMember
+  );
+  const shareButton = canShowShareButton ? /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => setMembersModalOpen(true),
+      className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg px-2.5 py-1.5 text-xs font-medium text-gray-500 transition-all duration-150 hover:bg-gray-100 hover:text-gray-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200",
+      "aria-label": t("BiChat.Share.Title"),
+      title: t("BiChat.Share.Title"),
+      children: [
+        /* @__PURE__ */ jsx(ShareNetwork, { className: "h-4 w-4" }),
+        t("BiChat.Share.Button")
+      ]
+    }
+  ) : null;
+  const headerActions = /* @__PURE__ */ jsxs(Fragment, { children: [
+    shareButton,
+    showArtifactsControls && /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
@@ -11025,7 +11871,7 @@ function ChatSessionCore({
       }
     ),
     actionsSlot
-  ] }) : actionsSlot;
+  ] });
   return /* @__PURE__ */ jsxs(
     "main",
     {
@@ -11038,7 +11884,9 @@ function ChatSessionCore({
             onBack,
             readOnly: effectiveReadOnly,
             logoSlot,
-            actionsSlot: headerActions
+            actionsSlot: headerActions,
+            members: headerMembers ?? (session?.owner ? [session.owner] : void 0),
+            onMembersClick: canShowShareButton ? () => setMembersModalOpen(true) : void 0
           }
         ),
         error && /* @__PURE__ */ jsx(
@@ -11235,6 +12083,15 @@ function ChatSessionCore({
               ) })
             ]
           }
+        ),
+        canShowShareButton && /* @__PURE__ */ jsx(
+          SessionMembersModal,
+          {
+            isOpen: membersModalOpen,
+            sessionId: session?.id,
+            dataSource,
+            onClose: () => setMembersModalOpen(false)
+          }
         )
       ]
     }
@@ -11257,7 +12114,7 @@ function ChatSession(props) {
 // ui/src/bichat/index.ts
 init_MarkdownRenderer();
 init_ChartCard();
-var sizeClasses = {
+var sizeClasses2 = {
   sm: {
     container: "py-6 px-3",
     title: "text-sm",
@@ -11282,7 +12139,7 @@ function EmptyState({
   className = "",
   size = "md"
 }) {
-  const sizes = sizeClasses[size];
+  const sizes = sizeClasses2[size];
   const prefersReducedMotion2 = useReducedMotion();
   const duration = prefersReducedMotion2 ? 0 : 0.4;
   return /* @__PURE__ */ jsx(
@@ -11342,7 +12199,7 @@ MemoizedEmptyState.displayName = "EmptyState";
 
 // ui/src/bichat/components/EditableText.tsx
 init_useTranslation();
-var sizeClasses2 = {
+var sizeClasses3 = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-lg"
@@ -11413,7 +12270,7 @@ var EditableText = forwardRef(
     const handleBlur = () => {
       handleSave();
     };
-    const sizeClass = sizeClasses2[size];
+    const sizeClass = sizeClasses3[size];
     if (isEditing) {
       return /* @__PURE__ */ jsx(
         "div",
@@ -11473,7 +12330,7 @@ var MemoizedEditableText = memo(EditableText);
 
 // ui/src/bichat/components/SearchInput.tsx
 init_useTranslation();
-var sizeClasses3 = {
+var sizeClasses4 = {
   sm: {
     container: "py-1.5 pl-8 pr-8 text-xs",
     icon: 14,
@@ -11506,7 +12363,7 @@ function SearchInput({
   const resolvedPlaceholder = placeholder ?? t("BiChat.Common.Search");
   const resolvedAriaLabel = ariaLabel ?? t("BiChat.Common.Search");
   const inputRef = useRef(null);
-  const sizes = sizeClasses3[size];
+  const sizes = sizeClasses4[size];
   useEffect(() => {
     if (autoFocus && inputRef.current) {
       inputRef.current.focus();
@@ -11933,134 +12790,6 @@ function ToastContainer({ toasts, onDismiss, dismissLabel }) {
     }
   );
 }
-
-// ui/src/bichat/components/ConfirmModal.tsx
-init_useTranslation();
-function ConfirmModalBase({
-  isOpen,
-  title,
-  message,
-  onConfirm,
-  onCancel,
-  confirmText,
-  cancelText,
-  isDanger = false
-}) {
-  const { t } = useTranslation();
-  const resolvedConfirmText = confirmText?.trim() ? confirmText : t("BiChat.Common.Confirm");
-  const resolvedCancelText = cancelText?.trim() ? cancelText : t("BiChat.Common.Cancel");
-  return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onClose: onCancel, className: "relative z-40", children: [
-    /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-black/40 dark:bg-black/60 backdrop-blur-sm transition-opacity duration-200" }),
-    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center z-50 p-4", children: /* @__PURE__ */ jsxs(DialogPanel, { className: "bg-white dark:bg-gray-800 rounded-2xl shadow-xl dark:shadow-2xl dark:shadow-black/30 max-w-sm w-full overflow-hidden", children: [
-      /* @__PURE__ */ jsx("div", { className: "px-6 pt-6 pb-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3.5", children: [
-        isDanger && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center justify-center w-10 h-10 rounded-xl bg-red-50 dark:bg-red-950/40 border border-red-200/60 dark:border-red-800/40", children: /* @__PURE__ */ jsx(WarningCircle, { size: 22, weight: "duotone", className: "text-red-600 dark:text-red-400" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "text-base font-semibold text-gray-900 dark:text-gray-100 leading-snug", children: title }),
-          /* @__PURE__ */ jsx(Description, { className: "mt-2 text-sm text-gray-600 dark:text-gray-400 leading-relaxed", children: message })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2.5 px-6 pb-5", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: onCancel,
-            ...isDanger ? { "data-autofocus": true } : {},
-            className: "cursor-pointer px-4 py-2 text-sm font-medium rounded-xl text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-700/60 hover:bg-gray-200 dark:hover:bg-gray-700 active:bg-gray-250 dark:active:bg-gray-600 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-800",
-            "data-testid": "confirm-modal-cancel",
-            children: resolvedCancelText
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            ...!isDanger ? { "data-autofocus": true } : {},
-            onClick: onConfirm,
-            className: [
-              "cursor-pointer px-4 py-2 text-sm font-medium rounded-xl text-white",
-              "transition-all duration-150 shadow-sm hover:shadow",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-800",
-              isDanger ? "bg-red-600 hover:bg-red-700 active:bg-red-800 focus-visible:ring-red-500/50" : "bg-primary-600 hover:bg-primary-700 active:bg-primary-800 focus-visible:ring-primary-500/50"
-            ].join(" "),
-            "data-testid": "confirm-modal-confirm",
-            children: resolvedConfirmText
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-}
-var ConfirmModal = memo(ConfirmModalBase);
-ConfirmModal.displayName = "ConfirmModal";
-var ConfirmModal_default = ConfirmModal;
-function hashString(str) {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    const char = str.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash = hash & hash;
-  }
-  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" }
-];
-var sizeClasses4 = {
-  sm: "w-8 h-8 text-xs",
-  md: "w-10 h-10 text-sm",
-  lg: "w-12 h-12 text-base"
-};
-function UserAvatar({
-  firstName,
-  lastName,
-  initials: providedInitials,
-  size = "md",
-  className = ""
-}) {
-  const derivedInitials = (() => {
-    const firstChar = firstName?.trim()?.charAt(0) || "";
-    const lastChar = lastName?.trim()?.charAt(0) || "";
-    const combined = `${firstChar}${lastChar}`.trim();
-    return combined || "U";
-  })();
-  const initials = (providedInitials?.trim() || derivedInitials).toUpperCase();
-  const fullName = `${firstName}${lastName}`;
-  const colorIndex = hashString(fullName) % colorPalette.length;
-  const colors = colorPalette[colorIndex];
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `
-        ${sizeClasses4[size]}
-        ${colors.bg}
-        ${colors.text}
-        ${className}
-        rounded-full
-        flex
-        items-center
-        justify-center
-        font-semibold
-        flex-shrink-0
-        select-none
-      `,
-      "aria-label": `${firstName} ${lastName}`,
-      title: `${firstName} ${lastName}`,
-      children: initials
-    }
-  );
-}
-var MemoizedUserAvatar = memo(UserAvatar);
-MemoizedUserAvatar.displayName = "UserAvatar";
 function PermissionGuard({
   permissions,
   mode = "all",
@@ -12502,6 +13231,11 @@ var SessionItem = memo(
     const isTitleGenerating = !session.title?.trim();
     const displayTitle = isTitleGenerating ? t("BiChat.Common.Generating") : session.title ?? t("BiChat.Common.Untitled");
     const lastActivity = formatRelativeTime(session.updatedAt, t);
+    const accessRole = session.access?.role ?? "owner";
+    const roleLabel = accessRole === "editor" ? t("BiChat.Share.RoleEditor") : accessRole === "viewer" ? t("BiChat.Share.RoleViewer") : accessRole === "read_all" ? t("BiChat.Share.RoleReadOnly") : "";
+    const visibilityLabel = session.isGroup ? t("BiChat.Sidebar.GroupChat") : accessRole === "editor" || accessRole === "viewer" ? t("BiChat.Sidebar.SharedWithYou") : "";
+    const isGroupOrShared = Boolean(session.isGroup || session.memberCount && session.memberCount > 1);
+    const metaParts = [lastActivity, visibilityLabel, roleLabel].filter(Boolean);
     const { handlers: longPressHandlers } = useLongPress({
       delay: 500,
       onLongPress: (e) => {
@@ -12643,17 +13377,23 @@ var SessionItem = memo(
                     "data-testid": `${testIdPrefix}-session-${session.id}`,
                     ...longPressHandlers,
                     children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                        /* @__PURE__ */ jsx(
-                          MemoizedEditableText,
-                          {
-                            ref: editableTitleRef,
-                            value: displayTitle,
-                            onSave: (newTitle) => onRename?.(newTitle),
-                            isLoading: isTitleGenerating
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-gray-400 dark:text-gray-500 truncate mt-0.5", children: lastActivity })
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 min-w-0 flex-1", children: [
+                        isGroupOrShared && /* @__PURE__ */ jsx(UsersThree, { size: 14, weight: "duotone", className: "text-primary-500 dark:text-primary-400 mt-1 flex-shrink-0" }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [
+                          /* @__PURE__ */ jsx(
+                            MemoizedEditableText,
+                            {
+                              ref: editableTitleRef,
+                              value: displayTitle,
+                              onSave: (newTitle) => onRename?.(newTitle),
+                              isLoading: isTitleGenerating
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-gray-400 dark:text-gray-500 truncate mt-0.5", children: [
+                            metaParts.join(" \u2022 "),
+                            isGroupOrShared && session.memberCount && session.memberCount > 0 && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center ml-1 rounded-full bg-primary-50 dark:bg-primary-900/30 px-1.5 text-[10px] font-medium text-primary-600 dark:text-primary-400", children: session.memberCount })
+                          ] })
+                        ] })
                       ] }),
                       !isTouch && hasContextMenu && /* @__PURE__ */ jsxs(Menu, { children: [
                         /* @__PURE__ */ jsx(
@@ -13007,24 +13747,23 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
       setOffset((prev) => prev + limit);
     }
   }, [fetching, hasMore]);
-  const loadMoreRef = useCallback(
-    (node) => {
-      if (!node || fetching || !hasMore) {
-        return;
+  const loadMoreNodeRef = useRef(null);
+  const loadMoreRef = useCallback((node) => {
+    loadMoreNodeRef.current = node;
+  }, []);
+  useEffect(() => {
+    const node = loadMoreNodeRef.current;
+    if (!node || fetching || !hasMore) {
+      return;
+    }
+    const observer = new IntersectionObserver((entries) => {
+      if (entries[0].isIntersecting) {
+        handleLoadMore();
       }
-      const observer = new IntersectionObserver(
-        (entries) => {
-          if (entries[0].isIntersecting) {
-            handleLoadMore();
-          }
-        },
-        { threshold: 0.1 }
-      );
-      observer.observe(node);
-      return () => observer.disconnect();
-    },
-    [fetching, hasMore, handleLoadMore]
-  );
+    }, { threshold: 0.1 });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [fetching, hasMore, handleLoadMore]);
   const derivedUsers = useMemo(() => {
     if (dataSource.listUsers) {
       return users;
@@ -13082,57 +13821,61 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
               role: "list",
               "aria-label": t("BiChat.AllChats.OrganizationChatSessions"),
               children: [
-                chats.map((chat) => /* @__PURE__ */ jsx(
-                  motion.div,
-                  {
-                    initial: { opacity: 0, y: -10 },
-                    animate: { opacity: 1, y: 0 },
-                    exit: { opacity: 0, y: -10 },
-                    children: /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        role: "link",
-                        tabIndex: 0,
-                        onClick: () => onSessionSelect(chat.id),
-                        onKeyDown: (e) => {
-                          if (e.key === "Enter" || e.key === " ") {
-                            e.preventDefault();
-                            onSessionSelect(chat.id);
-                          }
-                        },
-                        className: `
+                chats.map((chat) => {
+                  const owner = chat.owner ?? {
+                    firstName: "",
+                    lastName: "",
+                    initials: "U"
+                  };
+                  const ownerName = [owner.firstName, owner.lastName].filter(Boolean).join(" ");
+                  return /* @__PURE__ */ jsx(
+                    motion.div,
+                    {
+                      initial: { opacity: 0, y: -10 },
+                      animate: { opacity: 1, y: 0 },
+                      exit: { opacity: 0, y: -10 },
+                      children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-                          /* @__PURE__ */ jsx(
-                            MemoizedUserAvatar,
-                            {
-                              firstName: chat.owner.firstName,
-                              lastName: chat.owner.lastName,
-                              initials: chat.owner.initials,
-                              size: "sm"
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("BiChat.Common.Untitled") }),
-                            /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: [
-                              chat.owner.firstName,
-                              " ",
-                              chat.owner.lastName
-                            ] }),
-                            chat.status === "archived" && /* @__PURE__ */ 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__ */ jsx(Archive, { size: 12, className: "w-3 h-3" }),
-                              t("BiChat.Chat.Archived")
+                          "aria-current": chat.id === activeSessionId ? "page" : void 0,
+                          children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+                            /* @__PURE__ */ jsx(
+                              MemoizedUserAvatar,
+                              {
+                                firstName: owner.firstName,
+                                lastName: owner.lastName,
+                                initials: owner.initials,
+                                size: "sm"
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("BiChat.Common.Untitled") }),
+                              ownerName && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: ownerName }),
+                              chat.status === "archived" && /* @__PURE__ */ 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__ */ jsx(Archive, { size: 12, className: "w-3 h-3" }),
+                                t("BiChat.Chat.Archived")
+                              ] })
                             ] })
                           ] })
-                        ] })
-                      }
-                    )
-                  },
-                  chat.id
-                )),
+                        }
+                      )
+                    },
+                    chat.id
+                  );
+                }),
                 hasMore && /* @__PURE__ */ jsx("div", { ref: loadMoreRef, className: "py-4 text-center", children: fetching ? /* @__PURE__ */ jsx(SessionSkeleton, { count: 2 }) : /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -13902,19 +14645,22 @@ function Sidebar2({
                                 animate: "visible",
                                 role: "list",
                                 "aria-label": t("BiChat.Sidebar.PinnedChats"),
-                                children: pinnedSessions.map((session) => /* @__PURE__ */ jsx(
-                                  SessionItem_default,
-                                  {
-                                    session,
-                                    isActive: session.id === activeSessionId,
-                                    onSelect: () => handleSessionSelect(session.id),
-                                    onArchive: () => handleSessionArchive(session.id),
-                                    onPin: () => handleSessionPin(session.id, session.pinned),
-                                    onRename: (newTitle) => handleSessionRename(session.id, newTitle),
-                                    onRegenerateTitle: () => handleSessionRegenerateTitle(session.id)
-                                  },
-                                  session.id
-                                ))
+                                children: pinnedSessions.map((session) => {
+                                  const canWrite = session.access?.canWrite ?? true;
+                                  return /* @__PURE__ */ jsx(
+                                    SessionItem_default,
+                                    {
+                                      session,
+                                      isActive: session.id === activeSessionId,
+                                      onSelect: () => handleSessionSelect(session.id),
+                                      onArchive: canWrite ? () => handleSessionArchive(session.id) : void 0,
+                                      onPin: canWrite ? () => handleSessionPin(session.id, session.pinned) : void 0,
+                                      onRename: canWrite ? (newTitle) => handleSessionRename(session.id, newTitle) : void 0,
+                                      onRegenerateTitle: canWrite ? () => handleSessionRegenerateTitle(session.id) : void 0
+                                    },
+                                    session.id
+                                  );
+                                })
                               }
                             ),
                             /* @__PURE__ */ jsx("div", { className: "border-b border-gray-200 dark:border-gray-700 my-3" })
@@ -13936,19 +14682,22 @@ function Sidebar2({
                                 animate: "visible",
                                 role: "list",
                                 "aria-label": `${group.name} chats`,
-                                children: group.sessions.map((session) => /* @__PURE__ */ jsx(
-                                  SessionItem_default,
-                                  {
-                                    session,
-                                    isActive: session.id === activeSessionId,
-                                    onSelect: () => handleSessionSelect(session.id),
-                                    onArchive: () => handleSessionArchive(session.id),
-                                    onPin: () => handleSessionPin(session.id, session.pinned),
-                                    onRename: (newTitle) => handleSessionRename(session.id, newTitle),
-                                    onRegenerateTitle: () => handleSessionRegenerateTitle(session.id)
-                                  },
-                                  session.id
-                                ))
+                                children: group.sessions.map((session) => {
+                                  const canWrite = session.access?.canWrite ?? true;
+                                  return /* @__PURE__ */ jsx(
+                                    SessionItem_default,
+                                    {
+                                      session,
+                                      isActive: session.id === activeSessionId,
+                                      onSelect: () => handleSessionSelect(session.id),
+                                      onArchive: canWrite ? () => handleSessionArchive(session.id) : void 0,
+                                      onPin: canWrite ? () => handleSessionPin(session.id, session.pinned) : void 0,
+                                      onRename: canWrite ? (newTitle) => handleSessionRename(session.id, newTitle) : void 0,
+                                      onRegenerateTitle: canWrite ? () => handleSessionRegenerateTitle(session.id) : void 0
+                                    },
+                                    session.id
+                                  );
+                                })
                               }
                             )
                           ] }, group.name)),
@@ -16109,6 +16858,76 @@ function useScrollToBottom(items) {
     scrollToBottom
   };
 }
+function useHttpDataSourceConfigFromApplet(options) {
+  return useMemo(() => {
+    const ctx = typeof window !== "undefined" ? window.__APPLET_CONTEXT__ : void 0;
+    if (!ctx) {
+      throw new Error(
+        "Applet context not found. Ensure window.__APPLET_CONTEXT__ is injected by the backend."
+      );
+    }
+    const rpcEndpoint = ctx.config?.rpcUIEndpoint ?? "/rpc";
+    const streamEndpoint = ctx.config?.streamEndpoint ?? "/stream";
+    const csrfToken = ctx.session?.csrfToken ?? (typeof window !== "undefined" ? window.__CSRF_TOKEN__ : void 0) ?? "";
+    const isDev = typeof import.meta.env?.DEV === "boolean" && import.meta.env?.DEV;
+    if (!csrfToken && isDev) {
+      console.warn(
+        "[useHttpDataSourceConfigFromApplet] CSRF token is empty \u2014 requests may be rejected by the server."
+      );
+    }
+    return {
+      baseUrl: "",
+      rpcEndpoint,
+      streamEndpoint,
+      csrfToken,
+      timeout: options?.timeout ?? 12e4
+    };
+  }, [options?.timeout]);
+}
+var SESSION_PATH_REGEX = /\/session\/([^/]+)/;
+function useBichatRouter({
+  navigate,
+  pathname,
+  onNavigate
+}) {
+  const activeSessionId = useMemo(
+    () => pathname.match(SESSION_PATH_REGEX)?.[1],
+    [pathname]
+  );
+  const maybeClose = useCallback(() => {
+    onNavigate?.();
+  }, [onNavigate]);
+  const onSessionSelect = useCallback(
+    (sessionId) => {
+      if (sessionId) {
+        navigate(`/session/${sessionId}`);
+      } else {
+        navigate("/");
+      }
+      maybeClose();
+    },
+    [navigate, maybeClose]
+  );
+  const onNewChat = useCallback(() => {
+    navigate("/");
+    maybeClose();
+  }, [navigate, maybeClose]);
+  const onArchivedView = useCallback(() => {
+    navigate("/archived");
+    maybeClose();
+  }, [navigate, maybeClose]);
+  const onBack = useCallback(() => {
+    navigate("/");
+    maybeClose();
+  }, [navigate, maybeClose]);
+  return {
+    activeSessionId,
+    onSessionSelect,
+    onNewChat,
+    onArchivedView,
+    onBack
+  };
+}
 
 // ui/src/bichat/index.ts
 init_IotaContext();
@@ -16412,10 +17231,59 @@ function resolveArtifactName(artifact) {
   }
   return `${label} artifact`;
 }
+function mapSessionUser(rawUser) {
+  if (!isRecord2(rawUser)) {
+    return void 0;
+  }
+  const rawId = rawUser.id;
+  const id = readNonEmptyString(rawId) ?? (typeof rawId === "number" && Number.isFinite(rawId) ? String(rawId) : null);
+  if (!id) {
+    return void 0;
+  }
+  const firstName = readString2(rawUser.firstName);
+  const lastName = readString2(rawUser.lastName);
+  const initials = readNonEmptyString(rawUser.initials) || `${firstName.charAt(0)}${lastName.charAt(0)}`.trim().toUpperCase() || "U";
+  return {
+    id,
+    firstName,
+    lastName,
+    initials
+  };
+}
+function mapSessionAccess(rawAccess) {
+  if (!isRecord2(rawAccess)) {
+    return void 0;
+  }
+  const role = readString2(rawAccess.role).toLowerCase();
+  const source = readString2(rawAccess.source).toLowerCase();
+  const normalizedRole = role === "owner" || role === "editor" || role === "viewer" || role === "read_all" ? role : "none";
+  const normalizedSource = source === "owner" || source === "member" || source === "permission" ? source : "none";
+  const canRead = rawAccess.canRead === true || rawAccess.canRead === "true";
+  const canWrite = rawAccess.canWrite === true || rawAccess.canWrite === "true";
+  const canManageMembers = rawAccess.canManageMembers === true || rawAccess.canManageMembers === "true";
+  if (normalizedRole === "none" && normalizedSource === "none" && !canRead && !canWrite && !canManageMembers) {
+    return void 0;
+  }
+  return {
+    role: normalizedRole,
+    source: normalizedSource,
+    canRead,
+    canWrite,
+    canManageMembers
+  };
+}
 function toSession(session) {
   return {
-    ...session,
-    status: session.status === "archived" ? "archived" : "active"
+    id: readString2(session.id),
+    title: readString2(session.title),
+    status: session.status === "archived" ? "archived" : "active",
+    pinned: Boolean(session.pinned),
+    createdAt: readString2(session.createdAt),
+    updatedAt: readString2(session.updatedAt),
+    owner: mapSessionUser(session.owner),
+    isGroup: Boolean(session.isGroup),
+    memberCount: typeof session.memberCount === "number" ? session.memberCount : void 0,
+    access: mapSessionAccess(session.access)
   };
 }
 function toSessionArtifact(artifact) {
@@ -16689,6 +17557,7 @@ function sanitizeConversationTurn(rawTurn, index, fallbackSessionID) {
       id: userTurnID,
       content: readString2(rawTurn.userTurn.content),
       attachments: sanitizeUserAttachments(rawTurn.userTurn.attachments, turnID),
+      author: mapSessionUser(rawTurn.userTurn.author),
       createdAt: readString2(rawTurn.userTurn.createdAt, createdAt)
     },
     assistantTurn: sanitizeAssistantTurn(rawTurn.assistantTurn, createdAt, turnID),
@@ -17181,6 +18050,68 @@ async function clearSessionHistory(callRPC, sessionId) {
 async function compactSessionHistory(callRPC, sessionId) {
   return callRPC("bichat.session.compact", { id: sessionId });
 }
+async function listUsers(callRPC) {
+  const data = await callRPC("bichat.user.list", {});
+  return data.users.map((user) => ({
+    id: String(user.id),
+    firstName: user.firstName || "",
+    lastName: user.lastName || "",
+    initials: user.initials || ""
+  }));
+}
+async function listAllSessions(callRPC, options) {
+  const data = await callRPC("bichat.session.listAll", {
+    limit: options?.limit ?? 50,
+    offset: options?.offset ?? 0,
+    includeArchived: options?.includeArchived ?? false,
+    userId: options?.userId ?? null
+  });
+  return {
+    sessions: data.sessions.map(toSession),
+    total: typeof data.total === "number" ? data.total : data.sessions.length,
+    hasMore: Boolean(data.hasMore)
+  };
+}
+async function listSessionMembers(callRPC, sessionId) {
+  const data = await callRPC("bichat.session.members.list", { sessionId });
+  return data.members.map((member) => ({
+    user: {
+      id: String(member.user.id),
+      firstName: member.user.firstName,
+      lastName: member.user.lastName,
+      initials: member.user.initials
+    },
+    role: (() => {
+      const normalizedRole = (member.role || "").toLowerCase();
+      if (normalizedRole === "owner") {
+        return "owner";
+      }
+      if (normalizedRole === "editor") {
+        return "editor";
+      }
+      return "viewer";
+    })(),
+    createdAt: member.createdAt,
+    updatedAt: member.updatedAt
+  }));
+}
+async function addSessionMember(callRPC, sessionId, userId, role) {
+  await callRPC("bichat.session.members.add", {
+    sessionId,
+    userId,
+    role: role.toUpperCase()
+  });
+}
+async function updateSessionMemberRole(callRPC, sessionId, userId, role) {
+  await callRPC("bichat.session.members.updateRole", {
+    sessionId,
+    userId,
+    role: role.toUpperCase()
+  });
+}
+async function removeSessionMember(callRPC, sessionId, userId) {
+  await callRPC("bichat.session.members.remove", { sessionId, userId });
+}
 
 // ui/src/bichat/utils/sseParser.ts
 function* processDataLines(lines) {
@@ -17793,7 +18724,12 @@ async function uploadSessionArtifacts(callRPC, sessionId, files, uploadFileFn) {
   const data = await callRPC("bichat.session.uploadArtifacts", {
     sessionId,
     attachments: uploads.map((upload) => ({
-      uploadId: upload.id
+      id: String(upload.id),
+      filename: upload.name,
+      uploadId: upload.id,
+      mimeType: upload.mimetype || "application/octet-stream",
+      sizeBytes: upload.size,
+      url: upload.url
     }))
   });
   return {
@@ -17920,6 +18856,24 @@ var HttpDataSource = class {
   async compactSessionHistory(sessionId) {
     return compactSessionHistory(this.boundCallRPC, sessionId);
   }
+  async listUsers() {
+    return listUsers(this.boundCallRPC);
+  }
+  async listAllSessions(options) {
+    return listAllSessions(this.boundCallRPC, options);
+  }
+  async listSessionMembers(sessionId) {
+    return listSessionMembers(this.boundCallRPC, sessionId);
+  }
+  async addSessionMember(sessionId, userId, role) {
+    return addSessionMember(this.boundCallRPC, sessionId, userId, role);
+  }
+  async updateSessionMemberRole(sessionId, userId, role) {
+    return updateSessionMemberRole(this.boundCallRPC, sessionId, userId, role);
+  }
+  async removeSessionMember(sessionId, userId) {
+    return removeSessionMember(this.boundCallRPC, sessionId, userId);
+  }
   // -------------------------------------------------------------------------
   // Message transport (delegates to MessageTransport)
   // -------------------------------------------------------------------------
@@ -18042,6 +18996,6 @@ function createHttpDataSource(config) {
   return new HttpDataSource(config);
 }
 
-export { ATTACHMENT_ACCEPT_ATTRIBUTE, ActionButton, ActivityTrace, Alert_default as Alert, AllChatsList, ArchiveBanner_default as ArchiveBanner, ArchivedChatList, AssistantMessage, AssistantTurnView, MemoizedAttachmentGrid as AttachmentGrid, AttachmentPreview_default as AttachmentPreview, AttachmentUpload_default as AttachmentUpload, Avatar, BiChatLayout, Bubble, CHART_VISUAL, ChartCard, ChatHeader, ChatMachine, ChatSession, ChatSessionProvider, MemoizedCodeBlock as CodeBlock, CodeOutputsPanel, CompactionDoodle, ConfigProvider, ConfirmModal, ConfirmationStep, DateGroupHeader, DebugPanel, DefaultErrorContent, DownloadCard, MemoizedEditableText as EditableText, MemoizedEmptyState as EmptyState, ErrorBoundary, HttpDataSource, ImageModal, InlineQuestionForm, InteractiveTableCard, IotaContextProvider, ListItemSkeleton, MemoizedLoadingSpinner as LoadingSpinner, MemoizedMarkdownRenderer as MarkdownRenderer, MessageActions, MessageInput, MessageList, MessageRole, PermissionGuard, QuestionForm, QuestionStep, RateLimiter, RetryActionArea, ScreenReaderAnnouncer, ScrollToBottomButton, MemoizedSearchInput as SearchInput, SessionArtifactList, SessionArtifactPreview, SessionArtifactsPanel, SessionItem_default as SessionItem, SessionSkeleton, Sidebar2 as Sidebar, MemoizedSkeleton as Skeleton, SkeletonAvatar, SkeletonCard, SkeletonGroup, SkeletonText, SkipLink, Slot, SourcesPanel, StreamError, StreamingCursor, SystemMessage, TabbedChartGroup, TabbedTableGroup, TableExportButton, TableWithExport, ThemeProvider, Toast, ToastContainer, TouchContextMenu, Turn, TurnBubble, MemoizedTypingIndicator as TypingIndicator, MemoizedUserAvatar as UserAvatar, MemoizedUserFilter as UserFilter, UserMessage, UserTurnView, WelcomeContent, addCSRFHeader, backdropVariants, buttonVariants, convertToBase64, createDataUrl, createHeadersWithCSRF, createHttpDataSource, darkTheme, dropdownVariants, errorMessageVariants, fadeInUpVariants, fadeInVariants, floatingButtonVariants, formatFileSize, getCSRFToken, getFileVisual, getToolLabel, getValidChildren, groupSessionsByDate, groupSteps, hasPermission, isImageMimeType, isPermissionDeniedError, lightTheme, listItemVariants, messageContainerVariants, messageVariants, parseBichatStream, parseBichatStreamEvents, parseSSEStream, scaleFadeVariants, sessionItemVariants, staggerContainerVariants, toErrorDisplay, typingDotVariants, useActionButtonContext, useAttachments, useAutoScroll, useAvatarContext, useBubbleContext, useChatInput, useChatMessaging, useChatSession, useConfig, useDataTable, useFocusTrap, useImageGallery, useIotaContext, useKeyboardShortcuts, useLongPress, useMarkdownCopy, useMessageActions, useModalLock, useOptionalChatMessaging, useRequiredConfig, useScrollToBottom, useSidebarState, useStreaming2 as useStreaming, useTheme, useToast, useTranslation, useTurnContext, validateAttachmentFile, validateFileCount, validateImageFile, verbTransitionVariants };
+export { ATTACHMENT_ACCEPT_ATTRIBUTE, ActionButton, ActivityTrace, Alert_default as Alert, AllChatsList, ArchiveBanner_default as ArchiveBanner, ArchivedChatList, AssistantMessage, AssistantTurnView, MemoizedAttachmentGrid as AttachmentGrid, AttachmentPreview_default as AttachmentPreview, AttachmentUpload_default as AttachmentUpload, Avatar, AvatarStack, BiChatLayout, Bubble, CHART_VISUAL, ChartCard, ChatHeader, ChatMachine, ChatSession, ChatSessionProvider, MemoizedCodeBlock as CodeBlock, CodeOutputsPanel, CompactionDoodle, ConfigProvider, ConfirmModal, ConfirmationStep, DateGroupHeader, DebugPanel, DefaultErrorContent, DownloadCard, MemoizedEditableText as EditableText, MemoizedEmptyState as EmptyState, ErrorBoundary, HttpDataSource, ImageModal, InlineQuestionForm, InteractiveTableCard, IotaContextProvider, ListItemSkeleton, MemoizedLoadingSpinner as LoadingSpinner, MemoizedMarkdownRenderer as MarkdownRenderer, MessageActions, MessageInput, MessageList, MessageRole, PermissionGuard, QuestionForm, QuestionStep, RateLimiter, RetryActionArea, ScreenReaderAnnouncer, ScrollToBottomButton, MemoizedSearchInput as SearchInput, SessionArtifactList, SessionArtifactPreview, SessionArtifactsPanel, SessionItem_default as SessionItem, SessionMembersModal, SessionSkeleton, Sidebar2 as Sidebar, MemoizedSkeleton as Skeleton, SkeletonAvatar, SkeletonCard, SkeletonGroup, SkeletonText, SkipLink, Slot, SourcesPanel, StreamError, StreamingCursor, SystemMessage, TabbedChartGroup, TabbedTableGroup, TableExportButton, TableWithExport, ThemeProvider, Toast, ToastContainer, TouchContextMenu, Turn, TurnBubble, MemoizedTypingIndicator as TypingIndicator, MemoizedUserAvatar as UserAvatar, MemoizedUserFilter as UserFilter, UserMessage, UserTurnView, WelcomeContent, addCSRFHeader, backdropVariants, buttonVariants, convertToBase64, createDataUrl, createHeadersWithCSRF, createHttpDataSource, darkTheme, dropdownVariants, errorMessageVariants, fadeInUpVariants, fadeInVariants, floatingButtonVariants, formatFileSize, getCSRFToken, getFileVisual, getToolLabel, getValidChildren, groupSessionsByDate, groupSteps, hasPermission, isImageMimeType, isPermissionDeniedError, lightTheme, listItemVariants, messageContainerVariants, messageVariants, parseBichatStream, parseBichatStreamEvents, parseSSEStream, scaleFadeVariants, sessionItemVariants, staggerContainerVariants, toErrorDisplay, typingDotVariants, useActionButtonContext, useAttachments, useAutoScroll, useAvatarContext, useBichatRouter, useBubbleContext, useChatInput, useChatMessaging, useChatSession, useConfig, useDataTable, useFocusTrap, useHttpDataSourceConfigFromApplet, useImageGallery, useIotaContext, useKeyboardShortcuts, useLongPress, useMarkdownCopy, useMessageActions, useModalLock, useOptionalChatMessaging, useRequiredConfig, useScrollToBottom, useSidebarState, useStreaming2 as useStreaming, useTheme, useToast, useTranslation, useTurnContext, validateAttachmentFile, validateFileCount, validateImageFile, verbTransitionVariants };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map