@orion-ds/react 4.7.0 → 4.9.0

package/dist/index226.mjs

@@ -1,237 +1,93 @@
-const e = "_chat_ytosv_12", t = "_header_ytosv_28", s = "_headerAvatar_ytosv_38", o = "_headerContent_ytosv_42", a = "_headerTitle_ytosv_47", n = "_headerSubtitle_ytosv_55", r = "_headerActions_ytosv_62", _ = "_messages_ytosv_73", i = "_messagesInner_ytosv_86", c = "_message_ytosv_73", d = "_messageUser_ytosv_124", v = "_messageAssistant_ytosv_128", m = "_messageContent_ytosv_129", y = "_messageAvatar_ytosv_144", l = "_messageAvatarUser_ytosv_158", g = "_messageAvatarAssistant_ytosv_163", b = "_messageBubble_ytosv_176", u = "_messageBubbleUser_ytosv_183", p = "_messageBubbleAssistant_ytosv_191", h = "_messageBubbleSystem_ytosv_198", B = "_messageAttachments_ytosv_207", I = "_messageFooter_ytosv_218", A = "_messageTimestamp_ytosv_229", P = "_messageStatus_ytosv_234", R = "_messageStatusError_ytosv_242", w = "_messageActions_ytosv_246", C = "_streamingCursor_ytosv_259", S = "_thinkingBubble_ytosv_288", k = "_thinkingSpinner_ytosv_296", f = "_inputContainer_ytosv_341", T = "_inputWrapper_ytosv_356", U = "_inputBox_ytosv_365", x = "_inputActions_ytosv_382", D = "_inputTextarea_ytosv_389", W = "_inputButton_ytosv_413", E = "_inputButtonPrimary_ytosv_438", H = "_pendingAttachments_ytosv_450", F = "_pendingAttachment_ytosv_450", L = "_pendingAttachmentRemove_ytosv_471", N = "_codeBlock_ytosv_495", O = "_codeBlockHeader_ytosv_503", z = "_codeBlockLanguage_ytosv_512", G = "_codeBlockCopy_ytosv_519", M = "_codeBlockCopied_ytosv_538", V = "_codeBlockContent_ytosv_542", j = "_markdown_ytosv_554", q = "_markdownUser_ytosv_684", J = "_imagePreview_ytosv_698", K = "_imagePreviewImg_ytosv_710", Q = "_audioPlayer_ytosv_721", X = "_audioPlayerButton_ytosv_731", Y = "_audioPlayerProgress_ytosv_750", Z = "_audioPlayerTrack_ytosv_757", $ = "_audioPlayerFill_ytosv_764", ee = "_audioPlayerTime_ytosv_770", te = "_voiceRecorder_ytosv_779", se = "_voiceRecorderButton_ytosv_788", oe = "_voiceRecorderButtonIdle_ytosv_807", ae = "_voiceRecorderInfo_ytosv_811", ne = "_voiceRecorderDuration_ytosv_818", re = "_voiceRecorderLabel_ytosv_824", _e = "_voiceRecorderWaveform_ytosv_829", ie = "_voiceRecorderBar_ytosv_836", ce = "_voiceRecorderActions_ytosv_866", de = "_fileUpload_ytosv_872", ve = "_fileUploadDragging_ytosv_890", me = "_fileUploadIcon_ytosv_895", ye = "_fileUploadText_ytosv_900", le = "_fileUploadHint_ytosv_906", ge = "_attachmentPreview_ytosv_913", be = "_attachmentPreviewIcon_ytosv_929", ue = "_attachmentPreviewInfo_ytosv_940", pe = "_attachmentPreviewName_ytosv_945", he = "_attachmentPreviewMeta_ytosv_953", Be = "_attachmentPreviewRemove_ytosv_958", Ie = "_lightbox_ytosv_982", Ae = "_lightboxImage_ytosv_1003", Pe = "_lightboxClose_ytosv_1010", Re = "_sidebar_ytosv_1036", we = "_sidebarHeader_ytosv_1047", Ce = "_sidebarNewButton_ytosv_1055", Se = "_sidebarSearch_ytosv_1059", ke = "_sidebarSearchInput_ytosv_1063", fe = "_sidebarList_ytosv_1083", Te = "_sidebarItem_ytosv_1089", Ue = "_sidebarItemActive_ytosv_1107", xe = "_sidebarItemContent_ytosv_1111", De = "_sidebarItemTitle_ytosv_1119", We = "_sidebarItemPreview_ytosv_1130", Ee = "_sidebarItemDelete_ytosv_1140", He = "_sidebarFooter_ytosv_1166", Fe = "_sidebarEmpty_ytosv_1171", Le = "_sidebarEmptyIcon_ytosv_1181", Ne = "_sidebarGroupHeader_ytosv_1186", Oe = "_sidebarCollapsed_ytosv_1201", ze = "_sidebarOpen_ytosv_1211", Ge = "_scrollToBottomWrapper_ytosv_1273", Me = "_scrollToBottomButton_ytosv_1282", Ve = "_inputSpinner_ytosv_1297", je = "_pendingAttachmentSize_ytosv_1311", qe = "_voiceRecorderError_ytosv_1319", Je = "_headerAvatarDefault_ytosv_1327", Ke = "_sidebarOverlay_ytosv_1336", Qe = "_sidebarNewButtonInner_ytosv_1344", Xe = "_sidebarCloseButton_ytosv_1352", Ye = "_sidebarSearchWrapper_ytosv_1356", Ze = "_sidebarSearchIcon_ytosv_1360", $e = "_sidebarSearchInputWithIcon_ytosv_1369", et = "_sidebarItemIcon_ytosv_1373", tt = "_sidebarItemDate_ytosv_1379", st = "_sidebarItemDeleteConfirm_ytosv_1388", ot = "_messageRetry_ytosv_1398", at = "_messageReactions_ytosv_1422", nt = "_messageReactionButton_ytosv_1434", rt = "_messageReactionActive_ytosv_1454", _t = "_messageReactionsVisible_ytosv_1460", it = {
-  chat: e,
-  header: t,
-  headerAvatar: s,
-  headerContent: o,
-  headerTitle: a,
-  headerSubtitle: n,
-  headerActions: r,
-  messages: _,
-  messagesInner: i,
-  message: c,
-  messageUser: d,
-  messageAssistant: v,
-  messageContent: m,
-  messageAvatar: y,
-  messageAvatarUser: l,
-  messageAvatarAssistant: g,
-  messageBubble: b,
-  messageBubbleUser: u,
-  messageBubbleAssistant: p,
-  messageBubbleSystem: h,
-  messageAttachments: B,
-  messageFooter: I,
-  messageTimestamp: A,
-  messageStatus: P,
-  messageStatusError: R,
-  messageActions: w,
-  streamingCursor: C,
-  thinkingBubble: S,
-  thinkingSpinner: k,
-  inputContainer: f,
-  inputWrapper: T,
-  inputBox: U,
-  inputActions: x,
-  inputTextarea: D,
-  inputButton: W,
-  inputButtonPrimary: E,
-  pendingAttachments: H,
-  pendingAttachment: F,
-  pendingAttachmentRemove: L,
-  codeBlock: N,
-  codeBlockHeader: O,
-  codeBlockLanguage: z,
-  codeBlockCopy: G,
-  codeBlockCopied: M,
-  codeBlockContent: V,
-  markdown: j,
-  markdownUser: q,
-  imagePreview: J,
-  imagePreviewImg: K,
-  audioPlayer: Q,
-  audioPlayerButton: X,
-  audioPlayerProgress: Y,
-  audioPlayerTrack: Z,
-  audioPlayerFill: $,
-  audioPlayerTime: ee,
-  voiceRecorder: te,
-  voiceRecorderButton: se,
-  voiceRecorderButtonIdle: oe,
-  voiceRecorderInfo: ae,
-  voiceRecorderDuration: ne,
-  voiceRecorderLabel: re,
-  voiceRecorderWaveform: _e,
-  voiceRecorderBar: ie,
-  voiceRecorderActions: ce,
-  fileUpload: de,
-  fileUploadDragging: ve,
-  fileUploadIcon: me,
-  fileUploadText: ye,
-  fileUploadHint: le,
-  attachmentPreview: ge,
-  attachmentPreviewIcon: be,
-  attachmentPreviewInfo: ue,
-  attachmentPreviewName: pe,
-  attachmentPreviewMeta: he,
-  attachmentPreviewRemove: Be,
-  lightbox: Ie,
-  lightboxImage: Ae,
-  lightboxClose: Pe,
-  sidebar: Re,
-  sidebarHeader: we,
-  sidebarNewButton: Ce,
-  sidebarSearch: Se,
-  sidebarSearchInput: ke,
-  sidebarList: fe,
-  sidebarItem: Te,
-  sidebarItemActive: Ue,
-  sidebarItemContent: xe,
-  sidebarItemTitle: De,
-  sidebarItemPreview: We,
-  sidebarItemDelete: Ee,
-  sidebarFooter: He,
-  sidebarEmpty: Fe,
-  sidebarEmptyIcon: Le,
-  sidebarGroupHeader: Ne,
-  sidebarCollapsed: Oe,
-  sidebarOpen: ze,
-  scrollToBottomWrapper: Ge,
-  scrollToBottomButton: Me,
-  inputSpinner: Ve,
-  pendingAttachmentSize: je,
-  voiceRecorderError: qe,
-  headerAvatarDefault: Je,
-  sidebarOverlay: Ke,
-  sidebarNewButtonInner: Qe,
-  sidebarCloseButton: Xe,
-  sidebarSearchWrapper: Ye,
-  sidebarSearchIcon: Ze,
-  sidebarSearchInputWithIcon: $e,
-  sidebarItemIcon: et,
-  sidebarItemDate: tt,
-  sidebarItemDeleteConfirm: st,
-  messageRetry: ot,
-  messageReactions: at,
-  messageReactionButton: nt,
-  messageReactionActive: rt,
-  messageReactionsVisible: _t
+import { jsxs as r, jsx as o, Fragment as d } from "react/jsx-runtime";
+import { useState as g, useCallback as k } from "react";
+import { Prism as x } from "react-syntax-highlighter";
+import { oneLight as B, oneDark as b } from "react-syntax-highlighter/dist/esm/styles/prism";
+import { Check as j, Copy as v } from "lucide-react";
+import t from "./index220.mjs";
+import { useThemeContext as L } from "./index88.mjs";
+const N = (e) => e ? {
+  js: "javascript",
+  ts: "typescript",
+  jsx: "jsx",
+  tsx: "tsx",
+  py: "python",
+  rb: "ruby",
+  sh: "bash",
+  shell: "bash",
+  yml: "yaml",
+  md: "markdown"
+}[e.toLowerCase()] || e.toLowerCase() : "text", w = ({
+  code: e,
+  language: s,
+  showLineNumbers: m = !1,
+  showCopyButton: p = !0,
+  maxHeight: h = "400px",
+  className: y,
+  ...C
+}) => {
+  const [a, i] = g(!1);
+  let l = "dark";
+  try {
+    l = L().theme;
+  } catch {
+  }
+  const u = k(async () => {
+    try {
+      await navigator.clipboard.writeText(e), i(!0), setTimeout(() => i(!1), 2e3);
+    } catch (n) {
+      console.error("Failed to copy code:", n);
+    }
+  }, [e]), c = N(s), f = l === "light" ? B : b;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: [t.codeBlock, y].filter(Boolean).join(" "),
+      ...C,
+      children: [
+        /* @__PURE__ */ r("div", { className: t.codeBlockHeader, children: [
+          /* @__PURE__ */ o("span", { className: t.codeBlockLanguage, children: c }),
+          p && /* @__PURE__ */ o(
+            "button",
+            {
+              className: [t.codeBlockCopy, a && t.codeBlockCopied].filter(Boolean).join(" "),
+              onClick: u,
+              "aria-label": a ? "Copied!" : "Copy code",
+              children: a ? /* @__PURE__ */ r(d, { children: [
+                /* @__PURE__ */ o(j, { size: 14 }),
+                "Copied!"
+              ] }) : /* @__PURE__ */ r(d, { children: [
+                /* @__PURE__ */ o(v, { size: 14 }),
+                "Copy"
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o("div", { className: t.codeBlockContent, style: { maxHeight: h }, children: /* @__PURE__ */ o(
+          x,
+          {
+            language: c,
+            style: f,
+            showLineNumbers: m,
+            customStyle: {
+              margin: 0,
+              padding: 0,
+              background: "transparent",
+              fontSize: "inherit",
+              lineHeight: "inherit"
+            },
+            codeTagProps: {
+              style: {
+                fontFamily: "var(--font-mono)"
+              }
+            },
+            children: e
+          }
+        ) })
+      ]
+    }
+  );
 };
+w.displayName = "ChatCodeBlock";
 export {
-  ge as attachmentPreview,
-  be as attachmentPreviewIcon,
-  ue as attachmentPreviewInfo,
-  he as attachmentPreviewMeta,
-  pe as attachmentPreviewName,
-  Be as attachmentPreviewRemove,
-  Q as audioPlayer,
-  X as audioPlayerButton,
-  $ as audioPlayerFill,
-  Y as audioPlayerProgress,
-  ee as audioPlayerTime,
-  Z as audioPlayerTrack,
-  e as chat,
-  N as codeBlock,
-  V as codeBlockContent,
-  M as codeBlockCopied,
-  G as codeBlockCopy,
-  O as codeBlockHeader,
-  z as codeBlockLanguage,
-  it as default,
-  de as fileUpload,
-  ve as fileUploadDragging,
-  le as fileUploadHint,
-  me as fileUploadIcon,
-  ye as fileUploadText,
-  t as header,
-  r as headerActions,
-  s as headerAvatar,
-  Je as headerAvatarDefault,
-  o as headerContent,
-  n as headerSubtitle,
-  a as headerTitle,
-  J as imagePreview,
-  K as imagePreviewImg,
-  x as inputActions,
-  U as inputBox,
-  W as inputButton,
-  E as inputButtonPrimary,
-  f as inputContainer,
-  Ve as inputSpinner,
-  D as inputTextarea,
-  T as inputWrapper,
-  Ie as lightbox,
-  Pe as lightboxClose,
-  Ae as lightboxImage,
-  j as markdown,
-  q as markdownUser,
-  c as message,
-  w as messageActions,
-  v as messageAssistant,
-  B as messageAttachments,
-  y as messageAvatar,
-  g as messageAvatarAssistant,
-  l as messageAvatarUser,
-  b as messageBubble,
-  p as messageBubbleAssistant,
-  h as messageBubbleSystem,
-  u as messageBubbleUser,
-  m as messageContent,
-  I as messageFooter,
-  rt as messageReactionActive,
-  nt as messageReactionButton,
-  at as messageReactions,
-  _t as messageReactionsVisible,
-  ot as messageRetry,
-  P as messageStatus,
-  R as messageStatusError,
-  A as messageTimestamp,
-  d as messageUser,
-  _ as messages,
-  i as messagesInner,
-  F as pendingAttachment,
-  L as pendingAttachmentRemove,
-  je as pendingAttachmentSize,
-  H as pendingAttachments,
-  Me as scrollToBottomButton,
-  Ge as scrollToBottomWrapper,
-  Re as sidebar,
-  Xe as sidebarCloseButton,
-  Oe as sidebarCollapsed,
-  Fe as sidebarEmpty,
-  Le as sidebarEmptyIcon,
-  He as sidebarFooter,
-  Ne as sidebarGroupHeader,
-  we as sidebarHeader,
-  Te as sidebarItem,
-  Ue as sidebarItemActive,
-  xe as sidebarItemContent,
-  tt as sidebarItemDate,
-  Ee as sidebarItemDelete,
-  st as sidebarItemDeleteConfirm,
-  et as sidebarItemIcon,
-  We as sidebarItemPreview,
-  De as sidebarItemTitle,
-  fe as sidebarList,
-  Ce as sidebarNewButton,
-  Qe as sidebarNewButtonInner,
-  ze as sidebarOpen,
-  Ke as sidebarOverlay,
-  Se as sidebarSearch,
-  Ze as sidebarSearchIcon,
-  ke as sidebarSearchInput,
-  $e as sidebarSearchInputWithIcon,
-  Ye as sidebarSearchWrapper,
-  C as streamingCursor,
-  S as thinkingBubble,
-  k as thinkingSpinner,
-  te as voiceRecorder,
-  ce as voiceRecorderActions,
-  ie as voiceRecorderBar,
-  se as voiceRecorderButton,
-  oe as voiceRecorderButtonIdle,
-  ne as voiceRecorderDuration,
-  qe as voiceRecorderError,
-  ae as voiceRecorderInfo,
-  re as voiceRecorderLabel,
-  _e as voiceRecorderWaveform
+  w as ChatCodeBlock
 };

package/dist/index227.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("lucide-react"),a=require("./index226.cjs"),d=({title:r="AI Assistant",subtitle:s,avatar:l,actions:t,children:i,className:n,...c})=>e.jsxs("div",{className:[a.default.header,n].filter(Boolean).join(" "),...c,children:[e.jsx("div",{className:a.default.headerAvatar,children:l||e.jsx("div",{className:[a.default.messageAvatar,a.default.headerAvatarDefault].filter(Boolean).join(" "),children:e.jsx(h.Bot,{size:20})})}),e.jsx("div",{className:a.default.headerContent,children:i||e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:a.default.headerTitle,children:r}),s&&e.jsx("p",{className:a.default.headerSubtitle,children:s})]})}),t&&e.jsx("div",{className:a.default.headerActions,children:t})]});d.displayName="ChatHeader";exports.ChatHeader=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react-markdown"),u=require("remark-gfm"),m=require("./index226.cjs"),g=require("./index220.cjs"),o=({content:s,className:c,...i})=>r.jsx("div",{className:[g.default.markdown,c].filter(Boolean).join(" "),...i,children:r.jsx(d,{remarkPlugins:[u],components:{code({className:e,children:t,...a}){const n=/language-(\w+)/.exec(e||"");if(!n)return r.jsx("code",{className:e,...a,children:t});const l=String(t).replace(/\n$/,"");return r.jsx(m.ChatCodeBlock,{code:l,language:n[1]})},pre({children:e}){return r.jsx(r.Fragment,{children:e})},a({href:e,children:t,...a}){const n=e?.startsWith("http");return r.jsx("a",{href:e,target:n?"_blank":void 0,rel:n?"noopener noreferrer":void 0,...a,children:t})}},children:s})});o.displayName="ChatMarkdown";exports.ChatMarkdown=o;

package/dist/index227.mjs

@@ -1,36 +1,55 @@
-import { jsxs as i, jsx as a, Fragment as c } from "react/jsx-runtime";
-import { Bot as m } from "lucide-react";
-import e from "./index226.mjs";
-const o = ({
-  title: d = "AI Assistant",
-  subtitle: r,
-  avatar: l,
-  actions: s,
-  children: t,
-  className: h,
-  ...n
-}) => /* @__PURE__ */ i(
+import { jsx as e, Fragment as c } from "react/jsx-runtime";
+import l from "react-markdown";
+import d from "remark-gfm";
+import { ChatCodeBlock as p } from "./index226.mjs";
+import g from "./index220.mjs";
+const f = ({
+  content: a,
+  className: i,
+  ...m
+}) => /* @__PURE__ */ e(
   "div",
   {
-    className: [e.header, h].filter(Boolean).join(" "),
-    ...n,
-    children: [
-      /* @__PURE__ */ a("div", { className: e.headerAvatar, children: l || /* @__PURE__ */ a(
-        "div",
-        {
-          className: [e.messageAvatar, e.headerAvatarDefault].filter(Boolean).join(" "),
-          children: /* @__PURE__ */ a(m, { size: 20 })
-        }
-      ) }),
-      /* @__PURE__ */ a("div", { className: e.headerContent, children: t || /* @__PURE__ */ i(c, { children: [
-        /* @__PURE__ */ a("h2", { className: e.headerTitle, children: d }),
-        r && /* @__PURE__ */ a("p", { className: e.headerSubtitle, children: r })
-      ] }) }),
-      s && /* @__PURE__ */ a("div", { className: e.headerActions, children: s })
-    ]
+    className: [g.markdown, i].filter(Boolean).join(" "),
+    ...m,
+    children: /* @__PURE__ */ e(
+      l,
+      {
+        remarkPlugins: [d],
+        components: {
+          // Custom code block rendering
+          code({ className: r, children: o, ...t }) {
+            const n = /language-(\w+)/.exec(r || "");
+            if (!n)
+              return /* @__PURE__ */ e("code", { className: r, ...t, children: o });
+            const s = String(o).replace(/\n$/, "");
+            return /* @__PURE__ */ e(p, { code: s, language: n[1] });
+          },
+          // Custom pre rendering (remove wrapper for code blocks)
+          pre({ children: r }) {
+            return /* @__PURE__ */ e(c, { children: r });
+          },
+          // Custom link rendering (open in new tab)
+          a({ href: r, children: o, ...t }) {
+            const n = r?.startsWith("http");
+            return /* @__PURE__ */ e(
+              "a",
+              {
+                href: r,
+                target: n ? "_blank" : void 0,
+                rel: n ? "noopener noreferrer" : void 0,
+                ...t,
+                children: o
+              }
+            );
+          }
+        },
+        children: a
+      }
+    )
   }
 );
-o.displayName = "ChatHeader";
+f.displayName = "ChatMarkdown";
 export {
-  o as ChatHeader
+  f as ChatMarkdown
 };

package/dist/index228.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),f=require("lucide-react"),h=require("./index95.cjs"),t=require("./index226.cjs"),j=require("./index26.cjs"),a=g.forwardRef(({children:l,autoScroll:r=!0,className:i,...n},s)=>{const{scrollRef:c,isAtBottom:u,scrollToBottom:m}=h.useAutoScroll({enabled:r}),d=o=>{c.current=o,typeof s=="function"?s(o):s&&(s.current=o)};return e.jsxs("div",{ref:d,className:[t.default.messages,i].filter(Boolean).join(" "),role:"log","aria-live":"polite","aria-label":"Chat messages","aria-relevant":"additions",...n,children:[e.jsx("div",{className:t.default.messagesInner,children:l}),!u&&e.jsx("div",{className:t.default.scrollToBottomWrapper,children:e.jsx(j.Button,{variant:"secondary",size:"sm",iconOnly:!0,icon:e.jsx(f.ArrowDown,{size:18}),onClick:m,"aria-label":"Scroll to latest messages",className:t.default.scrollToBottomButton})})]})});a.displayName="ChatMessages";exports.ChatMessages=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),I=require("lucide-react"),a=require("./index220.cjs"),w=require("./index290.cjs"),u=({src:i,alt:t="Image attachment",thumbnail:g,onClick:n,enableLightbox:s=!0,className:o,...l})=>{const[h,c]=d.useState(!1),[f,v]=d.useState(!1),m=()=>{n?n():s&&c(!0)},x=r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),m())},j=()=>{v(!0)};return f?e.jsxs("div",{className:[a.default.imagePreview,a.default.attachmentPreview,o].filter(Boolean).join(" "),...l,children:[e.jsx("div",{className:a.default.attachmentPreviewIcon,children:e.jsx(I.ImageOff,{size:20})}),e.jsx("span",{className:a.default.attachmentPreviewName,children:"Image failed to load"})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:[a.default.imagePreview,o].filter(Boolean).join(" "),onClick:m,onKeyDown:x,role:"button",tabIndex:0,"aria-label":t,...l,children:e.jsx("img",{src:g||i,alt:t,className:a.default.imagePreviewImg,onError:j,loading:"lazy"})}),s&&e.jsx(w.ChatLightbox,{src:i,alt:t,isOpen:h,onClose:()=>c(!1)})]})};u.displayName="ChatImagePreview";exports.ChatImagePreview=u;

package/dist/index228.mjs

@@ -1,46 +1,69 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { ArrowDown as u } from "lucide-react";
-import { useAutoScroll as g } from "./index95.mjs";
-import e from "./index226.mjs";
-import { Button as h } from "./index26.mjs";
-const B = f(
-  ({ children: r, autoScroll: a = !0, className: l, ...i }, o) => {
-    const { scrollRef: m, isAtBottom: n, scrollToBottom: c } = g({
-      enabled: a
-    });
-    return /* @__PURE__ */ p(
+import { jsxs as f, jsx as e, Fragment as u } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { ImageOff as P } from "lucide-react";
+import a from "./index220.mjs";
+import { ChatLightbox as y } from "./index290.mjs";
+const x = ({
+  src: i,
+  alt: r = "Image attachment",
+  thumbnail: h,
+  onClick: o,
+  enableLightbox: n = !0,
+  className: m,
+  ...s
+}) => {
+  const [d, l] = g(!1), [p, v] = g(!1), c = () => {
+    o ? o() : n && l(!0);
+  }, I = (t) => {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), c());
+  }, w = () => {
+    v(!0);
+  };
+  return p ? /* @__PURE__ */ f(
+    "div",
+    {
+      className: [a.imagePreview, a.attachmentPreview, m].filter(Boolean).join(" "),
+      ...s,
+      children: [
+        /* @__PURE__ */ e("div", { className: a.attachmentPreviewIcon, children: /* @__PURE__ */ e(P, { size: 20 }) }),
+        /* @__PURE__ */ e("span", { className: a.attachmentPreviewName, children: "Image failed to load" })
+      ]
+    }
+  ) : /* @__PURE__ */ f(u, { children: [
+    /* @__PURE__ */ e(
       "div",
       {
-        ref: (t) => {
-          m.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
-        },
-        className: [e.messages, l].filter(Boolean).join(" "),
-        role: "log",
-        "aria-live": "polite",
-        "aria-label": "Chat messages",
-        "aria-relevant": "additions",
-        ...i,
-        children: [
-          /* @__PURE__ */ s("div", { className: e.messagesInner, children: r }),
-          !n && /* @__PURE__ */ s("div", { className: e.scrollToBottomWrapper, children: /* @__PURE__ */ s(
-            h,
-            {
-              variant: "secondary",
-              size: "sm",
-              iconOnly: !0,
-              icon: /* @__PURE__ */ s(u, { size: 18 }),
-              onClick: c,
-              "aria-label": "Scroll to latest messages",
-              className: e.scrollToBottomButton
-            }
-          ) })
-        ]
+        className: [a.imagePreview, m].filter(Boolean).join(" "),
+        onClick: c,
+        onKeyDown: I,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": r,
+        ...s,
+        children: /* @__PURE__ */ e(
+          "img",
+          {
+            src: h || i,
+            alt: r,
+            className: a.imagePreviewImg,
+            onError: w,
+            loading: "lazy"
+          }
+        )
       }
-    );
-  }
-);
-B.displayName = "ChatMessages";
+    ),
+    n && /* @__PURE__ */ e(
+      y,
+      {
+        src: i,
+        alt: r,
+        isOpen: d,
+        onClose: () => l(!1)
+      }
+    )
+  ] });
+};
+x.displayName = "ChatImagePreview";
 export {
-  B as ChatMessages
+  x as ChatImagePreview
 };

package/dist/index229.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("lucide-react"),p=require("./index233.cjs"),y=require("./index238.cjs"),e=require("./index226.cjs"),R=a=>a?new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit",hour12:!0}).format(a):"",S=a=>{switch(a){case"sending":return s.jsx(t.Clock,{size:12});case"sent":return s.jsx(t.Check,{size:12});case"error":return s.jsx(t.AlertCircle,{size:12});default:return null}},b=({role:a,content:u,timestamp:m,status:i,attachments:d,avatar:C,showAvatar:N,actions:c,isStreaming:k,onImageClick:f,onRetry:g,reaction:l,onReaction:o,children:j,className:h,...x})=>{const r=a==="user",A=a==="system",v=a==="assistant",B=N??!1;return A?s.jsx("div",{className:[e.default.message,h].filter(Boolean).join(" "),role:"listitem",...x,children:s.jsx("div",{className:e.default.messageContent,children:s.jsx("div",{className:e.default.messageBubbleSystem,children:j||u})})}):s.jsxs("div",{className:[e.default.message,r&&e.default.messageUser,v&&e.default.messageAssistant,h].filter(Boolean).join(" "),role:"listitem",...x,children:[B&&s.jsx("div",{className:[e.default.messageAvatar,r?e.default.messageAvatarUser:e.default.messageAvatarAssistant].filter(Boolean).join(" "),"aria-hidden":"true",children:C||(r?s.jsx(t.User,{size:18}):s.jsx(t.Bot,{size:18}))}),s.jsxs("div",{className:e.default.messageContent,children:[s.jsxs("div",{className:[e.default.messageBubble,r?e.default.messageBubbleUser:e.default.messageBubbleAssistant].filter(Boolean).join(" "),children:[j||s.jsx(p.ChatMarkdown,{content:u,className:r?e.default.markdownUser:void 0}),k&&s.jsx("span",{className:e.default.streamingCursor})]}),d&&d.length>0&&s.jsx("div",{className:e.default.messageAttachments,children:d.map(n=>s.jsx(y.ChatAttachment,{attachment:n,onClick:n.type==="image"&&f?()=>f(n):void 0},n.id))}),s.jsxs("div",{className:e.default.messageFooter,children:[m&&s.jsx("span",{className:e.default.messageTimestamp,children:R(m)}),i&&s.jsxs("span",{className:[e.default.messageStatus,i==="error"&&e.default.messageStatusError].filter(Boolean).join(" "),children:[S(i),i==="error"&&"Failed to send"]}),i==="error"&&g&&s.jsxs("button",{className:e.default.messageRetry,onClick:g,"aria-label":"Retry sending message",children:[s.jsx(t.RotateCcw,{size:12}),"Retry"]}),c&&s.jsx("div",{className:e.default.messageActions,children:c}),v&&o&&s.jsxs("div",{className:[e.default.messageReactions,l&&e.default.messageReactionsVisible].filter(Boolean).join(" "),children:[s.jsx("button",{className:[e.default.messageReactionButton,l==="like"&&e.default.messageReactionActive].filter(Boolean).join(" "),onClick:()=>o("like"),"aria-label":"Like this response","aria-pressed":l==="like",children:s.jsx(t.ThumbsUp,{size:14})}),s.jsx("button",{className:[e.default.messageReactionButton,l==="dislike"&&e.default.messageReactionActive].filter(Boolean).join(" "),onClick:()=>o("dislike"),"aria-label":"Dislike this response","aria-pressed":l==="dislike",children:s.jsx(t.ThumbsDown,{size:14})})]})]})]})]})};b.displayName="ChatMessage";exports.ChatMessage=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),P=require("lucide-react"),m=require("./index289.cjs"),l=require("./index220.cjs"),p=({src:k,duration:T,title:h,className:b,...x})=>{const[o,f]=r.useState(!1),[s,d]=r.useState(0),[a,g]=r.useState(T||0),n=r.useRef(null),j=r.useCallback(()=>{const e=n.current;e&&!isNaN(e.duration)&&isFinite(e.duration)&&g(e.duration)},[]),v=r.useCallback(()=>{const e=n.current;e&&d(e.currentTime)},[]),C=r.useCallback(()=>{f(!1),d(0)},[]),w=r.useCallback(()=>{const e=n.current;e&&(o?e.pause():e.play().catch(()=>{f(!1)}),f(!o))},[o]),N=r.useCallback(e=>{const c=n.current;if(!c||!a)return;const u=e.currentTarget.getBoundingClientRect(),y=(e.clientX-u.left)/u.width*a;c.currentTime=y,d(y)},[a]),A=r.useCallback(e=>{const c=n.current;if(!c||!a)return;const u=5;let i=s;switch(e.key){case"ArrowRight":case"ArrowUp":e.preventDefault(),i=Math.min(s+u,a);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),i=Math.max(s-u,0);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=a;break;default:return}c.currentTime=i,d(i)},[s,a]),D=a>0?s/a*100:0;return r.useEffect(()=>()=>{const e=n.current;e&&e.pause()},[]),t.jsxs("div",{className:[l.default.audioPlayer,b].filter(Boolean).join(" "),...x,children:[t.jsx("audio",{ref:n,src:k,onLoadedMetadata:j,onTimeUpdate:v,onEnded:C,preload:"metadata"}),t.jsx("button",{className:l.default.audioPlayerButton,onClick:w,"aria-label":o?"Pause":"Play",children:o?t.jsx(P.Pause,{size:16}):t.jsx(P.Play,{size:16})}),t.jsxs("div",{className:l.default.audioPlayerProgress,children:[h&&t.jsx("span",{className:l.default.attachmentPreviewName,children:h}),t.jsx("div",{className:l.default.audioPlayerTrack,onClick:N,onKeyDown:A,role:"slider","aria-label":"Audio progress","aria-valuemin":0,"aria-valuemax":a,"aria-valuenow":s,"aria-valuetext":`${m.formatTime(s)} of ${m.formatTime(a)}`,tabIndex:0,children:t.jsx("div",{className:l.default.audioPlayerFill,style:{width:`${D}%`}})}),t.jsxs("div",{className:l.default.audioPlayerTime,children:[t.jsx("span",{children:m.formatTime(s)}),t.jsx("span",{children:m.formatTime(a)})]})]})]})};p.displayName="ChatAudioPlayer";exports.ChatAudioPlayer=p;