eidos-ui 3.1.0 → 3.2.0

package/dist/chunk-R3WPVTGY.cjs

@@ -0,0 +1,886 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkIYWAZEFIcjs = require('./chunk-IYWAZEFI.cjs');
+
+
+var _chunkEQ6BNPTLcjs = require('./chunk-EQ6BNPTL.cjs');
+
+
+var _chunkTROYIUDHcjs = require('./chunk-TROYIUDH.cjs');
+
+
+var _chunkKV3V2CPHcjs = require('./chunk-KV3V2CPH.cjs');
+
+
+var _chunkNEYLNRVGcjs = require('./chunk-NEYLNRVG.cjs');
+
+
+var _chunkD2SKXRKPcjs = require('./chunk-D2SKXRKP.cjs');
+
+
+var _chunkQ3GNKF74cjs = require('./chunk-Q3GNKF74.cjs');
+
+
+var _chunkWWYJNWJYcjs = require('./chunk-WWYJNWJY.cjs');
+
+// src/components/Conversation/Chat.component.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+
+// src/components/Conversation/MessageComposer.component.tsx
+
+
+
+// src/components/Conversation/Conversation.hooks.ts
+
+var useNewMessageIds = (messages, enabled) => {
+  const seen = _react.useRef.call(void 0, null);
+  const [fresh, setFresh] = _react.useState.call(void 0, () => /* @__PURE__ */ new Set());
+  _react.useEffect.call(void 0, () => {
+    if (seen.current === null) {
+      seen.current = new Set(messages.map((message) => message.id));
+      return;
+    }
+    if (!enabled) {
+      for (const message of messages) seen.current.add(message.id);
+      return;
+    }
+    const added = messages.filter((message) => !_optionalChain([seen, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.has, 'call', _4 => _4(message.id)]));
+    if (!added.length) return;
+    for (const message of added) seen.current.add(message.id);
+    setFresh(new Set(added.map((message) => message.id)));
+  }, [messages, enabled]);
+  return fresh;
+};
+var BOTTOM_THRESHOLD_PX = 48;
+var useStickToBottom = (messages) => {
+  const scrollRef = _react.useRef.call(void 0, null);
+  const [atBottom, setAtBottom] = _react.useState.call(void 0, true);
+  const atBottomRef = _react.useRef.call(void 0, true);
+  const lastCount = _react.useRef.call(void 0, messages.length);
+  const scrollToBottom = _react.useCallback.call(void 0, (behavior = "smooth") => {
+    const node = scrollRef.current;
+    if (!node) return;
+    node.scrollTo({ top: node.scrollHeight, behavior });
+  }, []);
+  const handleScroll = _react.useCallback.call(void 0, () => {
+    const node = scrollRef.current;
+    if (!node) return;
+    const distance = node.scrollHeight - node.scrollTop - node.clientHeight;
+    const next = distance <= BOTTOM_THRESHOLD_PX;
+    atBottomRef.current = next;
+    setAtBottom((current) => current === next ? current : next);
+  }, []);
+  _react.useLayoutEffect.call(void 0, () => {
+    scrollToBottom("auto");
+  }, []);
+  _react.useLayoutEffect.call(void 0, () => {
+    if (messages.length > lastCount.current && atBottomRef.current) {
+      scrollToBottom("smooth");
+    }
+    lastCount.current = messages.length;
+  }, [messages.length, scrollToBottom]);
+  return { scrollRef, atBottom, scrollToBottom, handleScroll };
+};
+var useScrollAnchor = (scrollRef, messages) => {
+  const previous = _react.useRef.call(void 0, { height: 0, firstId: "", count: 0 });
+  _react.useLayoutEffect.call(void 0, () => {
+    const node = scrollRef.current;
+    if (!node) return;
+    const firstId = _nullishCoalesce(_optionalChain([messages, 'access', _5 => _5[0], 'optionalAccess', _6 => _6.id]), () => ( ""));
+    const before = previous.current;
+    const prepended = before.firstId !== "" && before.firstId !== firstId && messages.length > before.count;
+    if (prepended) {
+      node.scrollTop += node.scrollHeight - before.height;
+    }
+    previous.current = { height: node.scrollHeight, firstId, count: messages.length };
+  }, [messages, scrollRef]);
+};
+var useLoadMoreOnScrollTop = (scrollRef, {
+  hasMore,
+  loadingMore,
+  onLoadMore
+}, thresholdPx = 80) => {
+  const armed = _react.useRef.call(void 0, true);
+  return _react.useCallback.call(void 0, () => {
+    const node = scrollRef.current;
+    if (!node) return;
+    if (node.scrollTop > thresholdPx) {
+      armed.current = true;
+      return;
+    }
+    if (!armed.current || !hasMore || loadingMore || !onLoadMore) return;
+    armed.current = false;
+    onLoadMore();
+  }, [scrollRef, hasMore, loadingMore, onLoadMore, thresholdPx]);
+};
+var useAutoGrow = (ref, value, maxHeight = 200) => {
+  _react.useLayoutEffect.call(void 0, () => {
+    const node = ref.current;
+    if (!node) return;
+    node.style.height = "auto";
+    const next = Math.min(node.scrollHeight, maxHeight);
+    node.style.height = `${next}px`;
+    node.style.overflowY = node.scrollHeight > maxHeight ? "auto" : "hidden";
+  }, [ref, value, maxHeight]);
+};
+
+// src/components/Conversation/Conversation.utils.ts
+var timeFormat = new Intl.DateTimeFormat(void 0, {
+  hour: "2-digit",
+  minute: "2-digit"
+});
+var dateFormat = new Intl.DateTimeFormat(void 0, {
+  day: "numeric",
+  month: "long",
+  year: "numeric"
+});
+var dateFormatSameYear = new Intl.DateTimeFormat(void 0, {
+  day: "numeric",
+  month: "long"
+});
+var parseDate = (iso) => {
+  const date = new Date(iso);
+  return Number.isNaN(date.getTime()) ? null : date;
+};
+var formatMessageTime = (iso) => {
+  const date = parseDate(iso);
+  return date ? timeFormat.format(date) : iso;
+};
+var startOfDay = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+var isSameDay = (a, b) => {
+  const first = parseDate(a);
+  const second = parseDate(b);
+  if (!first || !second) return false;
+  return startOfDay(first) === startOfDay(second);
+};
+var formatDateSeparator = (iso) => {
+  const date = parseDate(iso);
+  if (!date) return iso;
+  const now = /* @__PURE__ */ new Date();
+  const dayDelta = Math.round((startOfDay(now) - startOfDay(date)) / 864e5);
+  if (dayDelta === 0) return "Today";
+  if (dayDelta === 1) return "Yesterday";
+  return date.getFullYear() === now.getFullYear() ? dateFormatSameYear.format(date) : dateFormat.format(date);
+};
+var FILE_UNITS = ["B", "KB", "MB", "GB", "TB"];
+var formatFileSize = (bytes) => {
+  if (!Number.isFinite(bytes) || bytes < 0) return "";
+  if (bytes < 1024) return `${bytes} B`;
+  let value = bytes;
+  let unit = 0;
+  while (value >= 1024 && unit < FILE_UNITS.length - 1) {
+    value /= 1024;
+    unit += 1;
+  }
+  return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${FILE_UNITS[unit]}`;
+};
+var continuesRun = (previous, message, windowMinutes) => {
+  if (!previous) return false;
+  if (previous.author.id !== message.author.id) return false;
+  if (!isSameDay(previous.sentAt, message.sentAt)) return false;
+  const before = parseDate(previous.sentAt);
+  const after = parseDate(message.sentAt);
+  if (!before || !after) return false;
+  return Math.abs(after.getTime() - before.getTime()) <= windowMinutes * 6e4;
+};
+var sortBySentAt = (messages) => [...messages].sort((a, b) => {
+  const first = _nullishCoalesce(_optionalChain([parseDate, 'call', _7 => _7(a.sentAt), 'optionalAccess', _8 => _8.getTime, 'call', _9 => _9()]), () => ( 0));
+  const second = _nullishCoalesce(_optionalChain([parseDate, 'call', _10 => _10(b.sentAt), 'optionalAccess', _11 => _11.getTime, 'call', _12 => _12()]), () => ( 0));
+  return first - second;
+});
+var buildThread = (messages) => {
+  const byId = new Map(messages.map((message) => [message.id, message]));
+  const rootIdOf = (message) => {
+    const seen = /* @__PURE__ */ new Set([message.id]);
+    let current = message;
+    while (current.parentId) {
+      const parent = byId.get(current.parentId);
+      if (!parent || seen.has(parent.id)) break;
+      seen.add(parent.id);
+      current = parent;
+    }
+    return current.id;
+  };
+  const nodes = /* @__PURE__ */ new Map();
+  const roots = [];
+  for (const message of messages) {
+    if (message.parentId && byId.has(message.parentId)) continue;
+    const node = { message, replies: [] };
+    nodes.set(message.id, node);
+    roots.push(node);
+  }
+  for (const message of messages) {
+    if (!message.parentId || !byId.has(message.parentId)) continue;
+    _optionalChain([nodes, 'access', _13 => _13.get, 'call', _14 => _14(rootIdOf(message)), 'optionalAccess', _15 => _15.replies, 'access', _16 => _16.push, 'call', _17 => _17(message)]);
+  }
+  for (const node of nodes.values()) {
+    node.replies = sortBySentAt(node.replies);
+  }
+  return roots;
+};
+var replyTargetName = (message, byId, rootId) => {
+  if (!message.parentId || message.parentId === rootId) return void 0;
+  return _optionalChain([byId, 'access', _18 => _18.get, 'call', _19 => _19(message.parentId), 'optionalAccess', _20 => _20.author, 'access', _21 => _21.name]);
+};
+var excerpt = (body, maxLength = 120) => {
+  const flat = body.replace(/\s+/g, " ").trim();
+  return flat.length > maxLength ? `${flat.slice(0, maxLength - 1)}\u2026` : flat;
+};
+var classNames = (...values) => values.filter(Boolean).join(" ");
+
+// src/components/Conversation/MessageComposer.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var MessageComposer = ({
+  value,
+  onChange,
+  onSubmit,
+  onCancel,
+  placeholder = "Write a message...",
+  submitLabel = "Send",
+  sendOnEnter = false,
+  parentId,
+  replyingTo,
+  allowAttachments = false,
+  attachmentAccept,
+  author,
+  disabled = false,
+  requireBody = true,
+  autoFocus = false,
+  maxLength,
+  className = ""
+}) => {
+  const [internalBody, setInternalBody] = _react.useState.call(void 0, "");
+  const [attachments, setAttachments] = _react.useState.call(void 0, []);
+  const [pending, setPending] = _react.useState.call(void 0, false);
+  const textareaRef = _react.useRef.call(void 0, null);
+  const fileInputRef = _react.useRef.call(void 0, null);
+  const fileInputId = _react.useId.call(void 0, );
+  const isControlled = value !== void 0;
+  const body = isControlled ? value : internalBody;
+  useAutoGrow(textareaRef, body);
+  const setBody = _react.useCallback.call(void 0, 
+    (next) => {
+      if (!isControlled) setInternalBody(next);
+      _optionalChain([onChange, 'optionalCall', _22 => _22(next)]);
+    },
+    [isControlled, onChange]
+  );
+  const canSubmit = !disabled && !pending && (!requireBody || body.trim().length > 0);
+  const submit = _react.useCallback.call(void 0, async () => {
+    if (!canSubmit) return;
+    const draft = { body: body.trim(), attachments, parentId };
+    const result = onSubmit(draft);
+    if (!(result instanceof Promise)) {
+      setBody("");
+      setAttachments([]);
+      return;
+    }
+    setPending(true);
+    try {
+      await result;
+      setBody("");
+      setAttachments([]);
+    } catch (e) {
+    } finally {
+      setPending(false);
+    }
+  }, [canSubmit, body, attachments, parentId, onSubmit, setBody]);
+  const handleKeyDown = (event) => {
+    if (!sendOnEnter) return;
+    if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
+    event.preventDefault();
+    void submit();
+  };
+  const addFiles = (list) => {
+    if (!_optionalChain([list, 'optionalAccess', _23 => _23.length])) return;
+    setAttachments((current) => [...current, ...Array.from(list)]);
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+  const removeAttachment = (index) => setAttachments((current) => current.filter((_, i) => i !== index));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "form",
+    {
+      className: classNames("eidos-message-composer", className),
+      onSubmit: (event) => {
+        event.preventDefault();
+        void submit();
+      },
+      children: [
+        replyingTo && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-composer-reply-hint", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+            "Replying to ",
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: replyingTo })
+          ] }),
+          onCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkWWYJNWJYcjs.Button,
+            {
+              variant: "text",
+              color: "secondary",
+              size: "sm",
+              icon: _lucidereact.X,
+              onClick: onCancel,
+              tooltip: "Cancel reply",
+              "aria-label": "Cancel reply"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-composer-row", children: [
+          author && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-composer-avatar", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkQ3GNKF74cjs.Avatar,
+            {
+              src: author.avatarSrc,
+              name: author.name,
+              size: "sm",
+              color: _nullishCoalesce(author.avatarColor, () => ( "gray"))
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-composer-field", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "textarea",
+              {
+                ref: textareaRef,
+                className: "eidos-composer-input",
+                value: body,
+                onChange: (event) => setBody(event.target.value),
+                onKeyDown: handleKeyDown,
+                placeholder,
+                disabled: disabled || pending,
+                rows: 1,
+                maxLength,
+                autoFocus,
+                "aria-label": placeholder
+              }
+            ),
+            attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "eidos-composer-attachments", children: attachments.map((file, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _chunkNEYLNRVGcjs.Chip,
+              {
+                size: "sm",
+                variant: "outlined",
+                color: "secondary",
+                preIcon: _lucidereact.Paperclip,
+                onRemove: () => removeAttachment(index),
+                children: [
+                  file.name,
+                  file.size > 0 && ` (${formatFileSize(file.size)})`
+                ]
+              }
+            ) }, `${file.name}-${file.size}-${index}`)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-composer-actions", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-composer-actions-start", children: [
+            allowAttachments && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "input",
+                {
+                  ref: fileInputRef,
+                  id: fileInputId,
+                  type: "file",
+                  multiple: true,
+                  accept: attachmentAccept,
+                  className: "eidos-composer-file-input",
+                  onChange: (event) => addFiles(event.target.files),
+                  disabled: disabled || pending
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkWWYJNWJYcjs.Button,
+                {
+                  variant: "text",
+                  color: "secondary",
+                  size: "sm",
+                  icon: _lucidereact.Paperclip,
+                  tooltip: "Attach files",
+                  "aria-label": "Attach files",
+                  disabled: disabled || pending,
+                  onClick: () => _optionalChain([fileInputRef, 'access', _24 => _24.current, 'optionalAccess', _25 => _25.click, 'call', _26 => _26()])
+                }
+              )
+            ] }),
+            sendOnEnter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-composer-hint", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "kbd", { children: "Enter" }),
+              " to send \xB7 ",
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "kbd", { children: "Shift" }),
+              "+",
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "kbd", { children: "Enter" }),
+              " for a new line"
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-composer-actions-end", children: [
+            onCancel && !replyingTo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkWWYJNWJYcjs.Button,
+              {
+                variant: "text",
+                color: "secondary",
+                size: "sm",
+                onClick: onCancel,
+                disabled: pending,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkWWYJNWJYcjs.Button,
+              {
+                type: "submit",
+                size: "sm",
+                color: "primary",
+                preIcon: _lucidereact.Send,
+                loading: pending,
+                disabled: !canSubmit,
+                children: submitLabel
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+MessageComposer.displayName = "MessageComposer";
+
+// src/components/Conversation/MessageItem.component.tsx
+
+
+var AttachmentList = ({ attachments }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "eidos-message-attachments", children: attachments.map((attachment) => {
+  const label = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Paperclip, { "aria-hidden": "true" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-message-attachment-name", children: attachment.name }),
+    attachment.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-message-attachment-size", children: formatFileSize(attachment.size) })
+  ] });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: "eidos-message-attachment", children: attachment.url ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "a",
+    {
+      href: attachment.url,
+      className: "eidos-message-attachment-link",
+      target: "_blank",
+      rel: "noreferrer",
+      download: attachment.name,
+      children: label
+    }
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-message-attachment-link", children: label }) }, attachment.id);
+}) });
+var MessageItem = ({
+  message,
+  layout,
+  isOwn,
+  grouped,
+  isNew,
+  actions,
+  footer,
+  body,
+  onRetry,
+  replyingToName,
+  quoted,
+  onReply,
+  formatTimestamp
+}) => {
+  const { author, status = "sent" } = message;
+  const timestamp = formatTimestamp ? formatTimestamp(message.sentAt) : formatMessageTime(message.sentAt);
+  const hasActions = Boolean(actions && actions.length > 0);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "li",
+    {
+      className: classNames(
+        "eidos-message",
+        `eidos-message--${layout}`,
+        isOwn && "eidos-message--own",
+        grouped && "eidos-message--grouped",
+        status !== "sent" && `eidos-message--${status}`,
+        isNew && "eidos-message--enter"
+      ),
+      "data-message-id": message.id,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-message-avatar", children: !grouped && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkQ3GNKF74cjs.Avatar,
+          {
+            src: author.avatarSrc,
+            name: author.name,
+            size: "sm",
+            color: _nullishCoalesce(author.avatarColor, () => ( "gray"))
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-message-main", children: [
+          !grouped && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-message-header", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-message-author", children: author.name }),
+            author.role && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEQ6BNPTLcjs.Pill, { size: "sm", variant: "outlined", color: "secondary", children: author.role }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "time", { className: "eidos-message-time", dateTime: message.sentAt, children: timestamp }),
+            message.edited && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-message-edited", children: "edited" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-message-bubble", children: [
+            quoted && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "blockquote", { className: "eidos-message-quote", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-message-quote-author", children: quoted.author.name }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-message-quote-body", children: excerpt(quoted.body) })
+            ] }),
+            replyingToName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-message-reply-target", children: [
+              "Replying to ",
+              replyingToName
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-message-body", children: _nullishCoalesce(body, () => ( message.body)) }),
+            message.attachments && message.attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AttachmentList, { attachments: message.attachments }),
+            grouped && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "time",
+              {
+                className: "eidos-message-time eidos-message-time--inline",
+                dateTime: message.sentAt,
+                children: timestamp
+              }
+            )
+          ] }),
+          status === "sending" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-message-status", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTROYIUDHcjs.Spinner, { size: "sm", color: "secondary" }),
+            "Sending\u2026"
+          ] }),
+          status === "failed" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-message-status eidos-message-status--failed", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertCircle, { "aria-hidden": "true" }),
+            "Not sent",
+            onRetry && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", color: "danger", size: "sm", preIcon: _lucidereact.RotateCw, onClick: onRetry, children: "Retry" })
+          ] }),
+          footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-message-footer", children: footer }),
+          onReply && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-message-reply", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", color: "secondary", size: "sm", onClick: onReply, children: "Reply" }) })
+        ] }),
+        hasActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-message-actions", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkD2SKXRKPcjs.Menu,
+          {
+            items: _nullishCoalesce(actions, () => ( [])),
+            trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkWWYJNWJYcjs.Button,
+              {
+                variant: "text",
+                color: "secondary",
+                size: "sm",
+                icon: _lucidereact.MoreHorizontal,
+                "aria-label": `Actions for ${author.name}'s message`
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
+MessageItem.displayName = "MessageItem";
+
+// src/components/Conversation/Chat.component.tsx
+
+var ChatSkeleton = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-chat-skeleton", "aria-hidden": "true", children: [0, 1, 2, 3].map((row) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  "div",
+  {
+    className: classNames(
+      "eidos-chat-skeleton-row",
+      row % 2 === 1 && "eidos-chat-skeleton-row--own"
+    ),
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIYWAZEFIcjs.Skeleton, { variant: "circular", width: 28, height: 28 }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIYWAZEFIcjs.Skeleton, { variant: "rounded", height: 48 })
+    ]
+  },
+  row
+)) });
+var Chat = ({
+  messages,
+  currentUserId,
+  onSend,
+  onRetry,
+  readOnly = false,
+  readOnlyMessage,
+  renderBody,
+  messageActions,
+  renderMessageFooter,
+  loading = false,
+  emptyContent,
+  hasMore = false,
+  loadingMore = false,
+  onLoadMore,
+  groupConsecutive = true,
+  groupWindowMinutes = 5,
+  showDateSeparators = true,
+  formatTimestamp,
+  animateNewMessages = true,
+  allowAttachments = false,
+  attachmentAccept,
+  typing,
+  unreadFromId,
+  placeholder = "Write a message...",
+  sendOnEnter = true,
+  ariaLabel = "Conversation",
+  className = ""
+}) => {
+  const { scrollRef, atBottom, scrollToBottom, handleScroll } = useStickToBottom(messages);
+  const newIds = useNewMessageIds(messages, animateNewMessages);
+  useScrollAnchor(scrollRef, messages);
+  const loadMoreOnScroll = useLoadMoreOnScrollTop(scrollRef, { hasMore, loadingMore, onLoadMore });
+  const onScroll = _react.useCallback.call(void 0, () => {
+    handleScroll();
+    loadMoreOnScroll();
+  }, [handleScroll, loadMoreOnScroll]);
+  const byId = _react.useMemo.call(void 0, () => new Map(messages.map((message) => [message.id, message])), [messages]);
+  const unreadIndex = _react.useMemo.call(void 0, () => {
+    if (!unreadFromId) return -1;
+    return messages.findIndex((message) => message.id === unreadFromId);
+  }, [messages, unreadFromId]);
+  const showComposer = !readOnly && Boolean(onSend);
+  const isEmpty = !loading && messages.length === 0;
+  const renderMessage = (message, index) => {
+    const previous = messages[index - 1];
+    const actions = readOnly ? void 0 : _optionalChain([messageActions, 'optionalCall', _27 => _27(message)]);
+    const quoted = message.parentId ? byId.get(message.parentId) : void 0;
+    const nodes = [];
+    if (showDateSeparators && (!previous || !isSameDay(previous.sentAt, message.sentAt))) {
+      nodes.push(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: "eidos-conversation-separator", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: formatDateSeparator(message.sentAt) }) }, `date-${message.id}`)
+      );
+    }
+    if (index === unreadIndex) {
+      nodes.push(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "li",
+          {
+            className: "eidos-conversation-separator eidos-conversation-separator--unread",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Unread messages" })
+          },
+          `unread-${message.id}`
+        )
+      );
+    }
+    const grouped = groupConsecutive && index !== unreadIndex && nodes.length === 0 && continuesRun(previous, message, groupWindowMinutes);
+    nodes.push(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        MessageItem,
+        {
+          message,
+          layout: "chat",
+          isOwn: Boolean(currentUserId) && message.author.id === currentUserId,
+          grouped,
+          isNew: newIds.has(message.id),
+          actions,
+          footer: _optionalChain([renderMessageFooter, 'optionalCall', _28 => _28(message)]),
+          body: _optionalChain([renderBody, 'optionalCall', _29 => _29(message)]),
+          onRetry: !readOnly && onRetry ? () => onRetry(message) : void 0,
+          quoted,
+          formatTimestamp
+        },
+        message.id
+      )
+    );
+    return nodes;
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: classNames("eidos-chat", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref: scrollRef,
+        className: "eidos-chat-scroll",
+        onScroll,
+        role: "log",
+        "aria-live": "polite",
+        "aria-relevant": "additions",
+        "aria-busy": loading,
+        "aria-label": ariaLabel,
+        tabIndex: 0,
+        children: [
+          hasMore && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-chat-load-more", children: loadingMore ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-chat-loading-more", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTROYIUDHcjs.Spinner, { size: "sm", color: "secondary" }),
+            "Loading earlier messages\u2026"
+          ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", color: "secondary", size: "sm", onClick: onLoadMore, children: "Load earlier messages" }) }),
+          loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChatSkeleton, {}),
+          isEmpty && (_nullishCoalesce(emptyContent, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkKV3V2CPHcjs.EmptyState,
+            {
+              icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MessagesSquare, {}),
+              title: "No messages yet",
+              description: showComposer ? "Send the first message to start the conversation." : void 0,
+              size: "sm"
+            }
+          )))),
+          !loading && messages.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "eidos-conversation-list", children: messages.map(renderMessage) }),
+          typing && typing.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-chat-typing", "aria-live": "polite", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-chat-typing-dots", "aria-hidden": "true", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "i", {}),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "i", {}),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "i", {})
+            ] }),
+            typing.length === 1 ? `${typing[0].name} is typing\u2026` : `${typing.length} people are typing\u2026`
+          ] })
+        ]
+      }
+    ),
+    !atBottom && messages.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-chat-jump", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWWYJNWJYcjs.Button,
+      {
+        size: "sm",
+        variant: "filled",
+        color: "secondary",
+        preIcon: _lucidereact.ArrowDown,
+        onClick: () => scrollToBottom("smooth"),
+        children: "Latest"
+      }
+    ) }),
+    showComposer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-chat-composer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      MessageComposer,
+      {
+        onSubmit: onSend,
+        placeholder,
+        sendOnEnter,
+        allowAttachments,
+        attachmentAccept
+      }
+    ) }),
+    readOnly && readOnlyMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "eidos-conversation-readonly", children: readOnlyMessage })
+  ] });
+};
+Chat.displayName = "Chat";
+
+// src/components/Conversation/CommentThread.component.tsx
+
+
+
+var CommentSkeleton = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-comment-thread-skeleton", "aria-hidden": "true", children: [0, 1, 2].map((row) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-comment-thread-skeleton-row", children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIYWAZEFIcjs.Skeleton, { variant: "circular", width: 28, height: 28 }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIYWAZEFIcjs.Skeleton, { variant: "text", lines: 2 })
+] }, row)) });
+var CommentThread = ({
+  messages,
+  currentUserId,
+  onSend,
+  onReply,
+  onRetry,
+  readOnly = false,
+  readOnlyMessage,
+  renderBody,
+  messageActions,
+  renderMessageFooter,
+  loading = false,
+  emptyContent,
+  hasMore = false,
+  loadingMore = false,
+  onLoadMore,
+  groupConsecutive = true,
+  groupWindowMinutes = 5,
+  formatTimestamp,
+  animateNewMessages = true,
+  allowAttachments = false,
+  attachmentAccept,
+  order = "oldest-first",
+  composerPosition = "bottom",
+  placeholder = "Add a comment...",
+  sendOnEnter = false,
+  title,
+  ariaLabel = "Comments",
+  className = ""
+}) => {
+  const [replyingToId, setReplyingToId] = _react.useState.call(void 0, null);
+  const newIds = useNewMessageIds(messages, animateNewMessages);
+  const byId = _react.useMemo.call(void 0, () => new Map(messages.map((message) => [message.id, message])), [messages]);
+  const roots = _react.useMemo.call(void 0, () => {
+    const thread = buildThread(messages);
+    const sorted = sortBySentAt(thread.map((node) => node.message));
+    const ordered = order === "newest-first" ? [...sorted].reverse() : sorted;
+    const nodeById = new Map(thread.map((node) => [node.message.id, node]));
+    return ordered.map((message) => nodeById.get(message.id));
+  }, [messages, order]);
+  const canReply = !readOnly && Boolean(onReply);
+  const showComposer = !readOnly && Boolean(onSend);
+  const isEmpty = !loading && messages.length === 0;
+  const total = messages.length;
+  const handleReply = _react.useCallback.call(void 0, 
+    async (draft) => {
+      await _optionalChain([onReply, 'optionalCall', _30 => _30(draft)]);
+      setReplyingToId(null);
+    },
+    [onReply]
+  );
+  const renderComment = (message, options) => {
+    const actions = readOnly ? void 0 : _optionalChain([messageActions, 'optionalCall', _31 => _31(message)]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      MessageItem,
+      {
+        message,
+        layout: "comment",
+        isOwn: Boolean(currentUserId) && message.author.id === currentUserId,
+        grouped: groupConsecutive && continuesRun(options.previous, message, groupWindowMinutes),
+        isNew: newIds.has(message.id),
+        actions,
+        footer: _optionalChain([renderMessageFooter, 'optionalCall', _32 => _32(message)]),
+        body: _optionalChain([renderBody, 'optionalCall', _33 => _33(message)]),
+        onRetry: !readOnly && onRetry ? () => onRetry(message) : void 0,
+        replyingToName: options.isReply ? replyTargetName(message, byId, options.rootId) : void 0,
+        onReply: canReply ? () => setReplyingToId(message.id) : void 0,
+        formatTimestamp
+      },
+      message.id
+    );
+  };
+  const composer = showComposer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    MessageComposer,
+    {
+      onSubmit: onSend,
+      placeholder,
+      submitLabel: "Comment",
+      sendOnEnter,
+      allowAttachments,
+      attachmentAccept,
+      className: "eidos-comment-thread-composer"
+    }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: classNames("eidos-comment-thread", className), "aria-label": ariaLabel, children: [
+    (title || total > 0) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "eidos-comment-thread-header", children: [
+      title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "eidos-comment-thread-title", children: title }),
+      total > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-comment-thread-count", children: [
+        total,
+        " ",
+        total === 1 ? "comment" : "comments"
+      ] })
+    ] }),
+    composerPosition === "top" && composer,
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CommentSkeleton, {}),
+    isEmpty && (_nullishCoalesce(emptyContent, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkKV3V2CPHcjs.EmptyState,
+      {
+        icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MessageSquare, {}),
+        title: "No comments yet",
+        description: showComposer ? "Start the discussion by leaving a comment." : void 0,
+        size: "sm"
+      }
+    )))),
+    !loading && roots.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "eidos-conversation-list eidos-comment-thread-list", "aria-busy": loadingMore, children: roots.map((node) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "eidos-comment-thread-node", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "eidos-conversation-list", children: renderComment(node.message, { rootId: node.message.id, isReply: false }) }),
+      node.replies.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "eidos-conversation-list eidos-comment-thread-replies", children: node.replies.map(
+        (reply, index) => renderComment(reply, {
+          rootId: node.message.id,
+          previous: node.replies[index - 1],
+          isReply: true
+        })
+      ) }),
+      replyingToId && (replyingToId === node.message.id || node.replies.some((reply) => reply.id === replyingToId)) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-comment-thread-reply-composer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        MessageComposer,
+        {
+          onSubmit: handleReply,
+          onCancel: () => setReplyingToId(null),
+          parentId: replyingToId,
+          replyingTo: _optionalChain([byId, 'access', _34 => _34.get, 'call', _35 => _35(replyingToId), 'optionalAccess', _36 => _36.author, 'access', _37 => _37.name]),
+          placeholder: "Write a reply...",
+          submitLabel: "Reply",
+          sendOnEnter,
+          allowAttachments,
+          attachmentAccept,
+          autoFocus: true
+        }
+      ) })
+    ] }, node.message.id)) }),
+    hasMore && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-comment-thread-load-more", children: loadingMore ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-comment-thread-loading-more", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTROYIUDHcjs.Spinner, { size: "sm", color: "secondary" }),
+      "Loading more comments\u2026"
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "outlined", color: "secondary", size: "sm", onClick: onLoadMore, children: "Load more comments" }) }),
+    composerPosition === "bottom" && composer,
+    readOnly && readOnlyMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "eidos-conversation-readonly", children: readOnlyMessage })
+  ] });
+};
+CommentThread.displayName = "CommentThread";
+
+
+
+
+
+exports.MessageComposer = MessageComposer; exports.Chat = Chat; exports.CommentThread = CommentThread;
+//# sourceMappingURL=chunk-R3WPVTGY.cjs.map