@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Chat/components/ChatSidebar.mjs

@@ -0,0 +1,217 @@
+import { jsxs as l, Fragment as C, jsx as r } from "react/jsx-runtime";
+import { useState as D, useRef as Y, useEffect as x, useMemo as S, useCallback as y } from "react";
+import { Plus as A, X as U, Search as $, MessageSquare as T, Trash2 as q } from "lucide-react";
+import e from "../Chat.module.css.mjs";
+const G = {
+  today: "Today",
+  yesterday: "Yesterday",
+  previous7: "Previous 7 days",
+  previous30: "Previous 30 days",
+  older: "Older"
+}, N = [
+  "today",
+  "yesterday",
+  "previous7",
+  "previous30",
+  "older"
+], B = (t) => {
+  const a = /* @__PURE__ */ new Date(), d = (new Date(
+    a.getFullYear(),
+    a.getMonth(),
+    a.getDate()
+  ).getTime() - new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime()) / (1e3 * 60 * 60 * 24);
+  return d < 1 ? "today" : d < 2 ? "yesterday" : d < 7 ? "previous7" : d < 30 ? "previous30" : "older";
+}, H = (t) => {
+  const a = B(t);
+  return a === "today" ? new Intl.DateTimeFormat("en-US", {
+    hour: "numeric",
+    minute: "2-digit"
+  }).format(t) : a === "yesterday" ? "Yesterday" : a === "previous7" ? new Intl.DateTimeFormat("en-US", {
+    weekday: "short"
+  }).format(t) : new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric"
+  }).format(t);
+}, Q = (t) => {
+  const a = /* @__PURE__ */ new Map();
+  return N.forEach((o) => a.set(o, [])), t.forEach((o) => {
+    const f = B(o.updatedAt);
+    a.get(f)?.push(o);
+  }), a;
+}, R = ({
+  conversations: t = [],
+  activeConversationId: a,
+  onSelectConversation: o,
+  onNewConversation: f,
+  onDeleteConversation: d,
+  onSearch: g,
+  header: j,
+  footer: v,
+  collapsed: u = !1,
+  onCollapsedChange: m,
+  className: k,
+  ...F
+}) => {
+  const [h, z] = D(""), [p, b] = D(null), c = Y(
+    void 0
+  );
+  x(() => () => {
+    c.current && clearTimeout(c.current);
+  }, []);
+  const w = S(() => {
+    if (!h.trim()) return t;
+    const s = h.toLowerCase();
+    return t.filter(
+      (n) => n.title.toLowerCase().includes(s) || n.preview?.toLowerCase().includes(s)
+    );
+  }, [t, h]), I = S(() => Q(w), [w]), O = y(
+    (s) => {
+      const n = s.target.value;
+      z(n), g?.(n);
+    },
+    [g]
+  ), P = y(
+    (s) => {
+      o?.(s), u && m && m(!0);
+    },
+    [o, u, m]
+  ), E = y(
+    (s, n) => {
+      s.stopPropagation(), p === n ? (d?.(n), b(null), c.current && clearTimeout(c.current)) : (b(n), c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+        b(null);
+      }, 3e3));
+    },
+    [p, d]
+  ), L = N.some(
+    (s) => (I.get(s)?.length ?? 0) > 0
+  );
+  return /* @__PURE__ */ l(C, { children: [
+    !u && /* @__PURE__ */ r(
+      "div",
+      {
+        className: e.sidebarOverlay,
+        onClick: () => m?.(!0),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ l(
+      "aside",
+      {
+        className: [
+          e.sidebar,
+          u && e.sidebarCollapsed,
+          !u && e.sidebarOpen,
+          k
+        ].filter(Boolean).join(" "),
+        ...F,
+        children: [
+          /* @__PURE__ */ r("div", { className: e.sidebarHeader, children: j || /* @__PURE__ */ l(C, { children: [
+            /* @__PURE__ */ r(
+              "button",
+              {
+                className: [
+                  e.inputButton,
+                  e.inputButtonPrimary,
+                  e.sidebarNewButton
+                ].filter(Boolean).join(" "),
+                onClick: f,
+                "aria-label": "New conversation",
+                children: /* @__PURE__ */ l("span", { className: e.sidebarNewButtonInner, children: [
+                  /* @__PURE__ */ r(A, { size: 18 }),
+                  /* @__PURE__ */ r("span", { children: "New Chat" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ r(
+              "button",
+              {
+                className: [e.inputButton, e.sidebarCloseButton].join(
+                  " "
+                ),
+                onClick: () => m?.(!0),
+                "aria-label": "Close sidebar",
+                children: /* @__PURE__ */ r(U, { size: 20 })
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ r("div", { className: e.sidebarSearch, children: /* @__PURE__ */ l("div", { className: e.sidebarSearchWrapper, children: [
+            /* @__PURE__ */ r($, { size: 16, className: e.sidebarSearchIcon }),
+            /* @__PURE__ */ r(
+              "input",
+              {
+                type: "search",
+                className: [
+                  e.sidebarSearchInput,
+                  e.sidebarSearchInputWithIcon
+                ].join(" "),
+                placeholder: "Search conversations...",
+                value: h,
+                onChange: O,
+                "aria-label": "Search conversations"
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: e.sidebarList,
+              role: "list",
+              "aria-label": "Conversations",
+              children: L ? N.map((s) => {
+                const n = I.get(s) ?? [];
+                return n.length === 0 ? null : /* @__PURE__ */ l("div", { children: [
+                  /* @__PURE__ */ r("div", { className: e.sidebarGroupHeader, children: G[s] }),
+                  n.map((i) => /* @__PURE__ */ l(
+                    "button",
+                    {
+                      className: [
+                        e.sidebarItem,
+                        i.id === a && e.sidebarItemActive
+                      ].filter(Boolean).join(" "),
+                      onClick: () => P(i.id),
+                      role: "listitem",
+                      "aria-selected": i.id === a,
+                      "aria-label": `Conversation: ${i.title}`,
+                      children: [
+                        /* @__PURE__ */ r(
+                          T,
+                          {
+                            size: 18,
+                            className: e.sidebarItemIcon
+                          }
+                        ),
+                        /* @__PURE__ */ l("div", { className: e.sidebarItemContent, children: [
+                          /* @__PURE__ */ r("span", { className: e.sidebarItemTitle, children: i.title }),
+                          i.preview && /* @__PURE__ */ r("span", { className: e.sidebarItemPreview, children: i.preview })
+                        ] }),
+                        /* @__PURE__ */ r("span", { className: e.sidebarItemDate, children: H(i.updatedAt) }),
+                        d && /* @__PURE__ */ r(
+                          "button",
+                          {
+                            className: e.sidebarItemDelete,
+                            onClick: (M) => E(M, i.id),
+                            "aria-label": p === i.id ? `Confirm delete ${i.title}` : `Delete ${i.title}`,
+                            children: p === i.id ? /* @__PURE__ */ r("span", { className: e.sidebarItemDeleteConfirm, children: "Delete?" }) : /* @__PURE__ */ r(q, { size: 16 })
+                          }
+                        )
+                      ]
+                    },
+                    i.id
+                  ))
+                ] }, s);
+              }) : /* @__PURE__ */ l("div", { className: e.sidebarEmpty, children: [
+                /* @__PURE__ */ r(T, { size: 32, className: e.sidebarEmptyIcon }),
+                /* @__PURE__ */ r("p", { children: h ? "No conversations found" : "No conversations yet" })
+              ] })
+            }
+          ),
+          v && /* @__PURE__ */ r("div", { className: e.sidebarFooter, children: v })
+        ]
+      }
+    )
+  ] });
+};
+R.displayName = "ChatSidebar";
+export {
+  R as ChatSidebar
+};

package/dist/components/Chat/components/ChatTypingIndicator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../Chat.module.css.cjs"),s=({label:t="Generating response",className:i,...n})=>a.jsx("div",{className:[e.default.message,e.default.messageAssistant,i].filter(Boolean).join(" "),role:"status","aria-live":"polite","aria-label":t,...n,children:a.jsx("div",{className:e.default.messageContent,children:a.jsx("div",{className:[e.default.messageBubble,e.default.messageBubbleAssistant,e.default.thinkingBubble].join(" "),children:a.jsx("span",{className:e.default.thinkingSpinner})})})});s.displayName="ChatTypingIndicator";exports.ChatTypingIndicator=s;

package/dist/components/Chat/components/ChatTypingIndicator.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ChatTypingIndicatorProps } from '../Chat.types';
+
+export declare const ChatTypingIndicator: React.FC<ChatTypingIndicatorProps>;
+//# sourceMappingURL=ChatTypingIndicator.d.ts.map

package/dist/components/Chat/components/ChatTypingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTypingIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/components/ChatTypingIndicator.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAG9D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA4BlE,CAAC"}

package/dist/components/Chat/components/ChatTypingIndicator.mjs

@@ -0,0 +1,31 @@
+import { jsx as s } from "react/jsx-runtime";
+import e from "../Chat.module.css.mjs";
+const t = ({
+  label: a = "Generating response",
+  className: i,
+  ...n
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: [e.message, e.messageAssistant, i].filter(Boolean).join(" "),
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": a,
+    ...n,
+    children: /* @__PURE__ */ s("div", { className: e.messageContent, children: /* @__PURE__ */ s(
+      "div",
+      {
+        className: [
+          e.messageBubble,
+          e.messageBubbleAssistant,
+          e.thinkingBubble
+        ].join(" "),
+        children: /* @__PURE__ */ s("span", { className: e.thinkingSpinner })
+      }
+    ) })
+  }
+);
+t.displayName = "ChatTypingIndicator";
+export {
+  t as ChatTypingIndicator
+};

package/dist/components/Chat/components/ChatVoiceRecorder.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lucide-react"),g=require("../hooks/useVoiceRecorder.cjs"),b=require("../utils.cjs"),r=require("../Chat.module.css.cjs"),t=({onRecordingComplete:s,onCancel:u,maxDuration:f=300,className:a,...d})=>{const{isRecording:o,duration:v,audioBlob:c,error:l,startRecording:R,stopRecording:j,cancelRecording:x,reset:n,isSupported:m}=g.useVoiceRecorder({maxDuration:f,onRecordingComplete:s,onError:B=>console.error("Recording error:",B)}),h=()=>{o?j():c?(s?.(c),n()):R()},N=()=>{x(),u?.()};return m?l?e.jsxs("div",{className:[r.default.voiceRecorder,a].filter(Boolean).join(" "),...d,children:[e.jsx("div",{className:r.default.voiceRecorderInfo,children:e.jsx("span",{className:[r.default.voiceRecorderLabel,r.default.voiceRecorderError].join(" "),children:l})}),e.jsx("button",{className:r.default.inputButton,onClick:n,"aria-label":"Try again",children:e.jsx(i.X,{size:20})})]}):e.jsxs("div",{className:[r.default.voiceRecorder,a].filter(Boolean).join(" "),...d,children:[e.jsx("button",{className:[r.default.voiceRecorderButton,!o&&!c&&r.default.voiceRecorderButtonIdle].filter(Boolean).join(" "),onClick:h,"aria-label":o?"Stop recording":c?"Send recording":"Start recording",children:o?e.jsx(i.Square,{size:20}):c?e.jsx(i.Send,{size:20}):e.jsx(i.Mic,{size:20})}),e.jsxs("div",{className:r.default.voiceRecorderInfo,children:[e.jsx("span",{className:r.default.voiceRecorderDuration,children:b.formatTime(v)}),e.jsx("span",{className:r.default.voiceRecorderLabel,children:o?"Recording...":c?"Recording ready":"Click to record"})]}),o&&e.jsxs("div",{className:r.default.voiceRecorderWaveform,children:[e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar})]}),(o||c)&&e.jsx("div",{className:r.default.voiceRecorderActions,children:e.jsx("button",{className:r.default.inputButton,onClick:N,"aria-label":"Cancel recording",children:e.jsx(i.X,{size:20})})})]}):e.jsx("div",{className:[r.default.voiceRecorder,a].filter(Boolean).join(" "),...d,children:e.jsx("div",{className:r.default.voiceRecorderInfo,children:e.jsx("span",{className:r.default.voiceRecorderLabel,children:"Voice recording is not supported in this browser"})})})};t.displayName="ChatVoiceRecorder";exports.ChatVoiceRecorder=t;

package/dist/components/Chat/components/ChatVoiceRecorder.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ChatVoiceRecorderProps } from '../Chat.types';
+
+export declare const ChatVoiceRecorder: React.FC<ChatVoiceRecorderProps>;
+//# sourceMappingURL=ChatVoiceRecorder.d.ts.map

package/dist/components/Chat/components/ChatVoiceRecorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatVoiceRecorder.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/components/ChatVoiceRecorder.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAK5D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwJ9D,CAAC"}

package/dist/components/Chat/components/ChatVoiceRecorder.mjs

@@ -0,0 +1,111 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { X as t, Square as b, Send as C, Mic as j } from "lucide-react";
+import { useVoiceRecorder as S } from "../hooks/useVoiceRecorder.mjs";
+import { formatTime as k } from "../utils.mjs";
+import e from "../Chat.module.css.mjs";
+const z = ({
+  onRecordingComplete: d,
+  onCancel: v,
+  maxDuration: m = 300,
+  className: a,
+  ...n
+}) => {
+  const {
+    isRecording: o,
+    duration: R,
+    audioBlob: i,
+    error: s,
+    startRecording: h,
+    stopRecording: u,
+    cancelRecording: N,
+    reset: l,
+    isSupported: f
+  } = S({
+    maxDuration: m,
+    onRecordingComplete: d,
+    onError: (g) => console.error("Recording error:", g)
+  }), p = () => {
+    o ? u() : i ? (d?.(i), l()) : h();
+  }, B = () => {
+    N(), v?.();
+  };
+  return f ? s ? /* @__PURE__ */ c(
+    "div",
+    {
+      className: [e.voiceRecorder, a].filter(Boolean).join(" "),
+      ...n,
+      children: [
+        /* @__PURE__ */ r("div", { className: e.voiceRecorderInfo, children: /* @__PURE__ */ r(
+          "span",
+          {
+            className: [
+              e.voiceRecorderLabel,
+              e.voiceRecorderError
+            ].join(" "),
+            children: s
+          }
+        ) }),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            className: e.inputButton,
+            onClick: l,
+            "aria-label": "Try again",
+            children: /* @__PURE__ */ r(t, { size: 20 })
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ c(
+    "div",
+    {
+      className: [e.voiceRecorder, a].filter(Boolean).join(" "),
+      ...n,
+      children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            className: [
+              e.voiceRecorderButton,
+              !o && !i && e.voiceRecorderButtonIdle
+            ].filter(Boolean).join(" "),
+            onClick: p,
+            "aria-label": o ? "Stop recording" : i ? "Send recording" : "Start recording",
+            children: o ? /* @__PURE__ */ r(b, { size: 20 }) : i ? /* @__PURE__ */ r(C, { size: 20 }) : /* @__PURE__ */ r(j, { size: 20 })
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: e.voiceRecorderInfo, children: [
+          /* @__PURE__ */ r("span", { className: e.voiceRecorderDuration, children: k(R) }),
+          /* @__PURE__ */ r("span", { className: e.voiceRecorderLabel, children: o ? "Recording..." : i ? "Recording ready" : "Click to record" })
+        ] }),
+        o && /* @__PURE__ */ c("div", { className: e.voiceRecorderWaveform, children: [
+          /* @__PURE__ */ r("div", { className: e.voiceRecorderBar }),
+          /* @__PURE__ */ r("div", { className: e.voiceRecorderBar }),
+          /* @__PURE__ */ r("div", { className: e.voiceRecorderBar }),
+          /* @__PURE__ */ r("div", { className: e.voiceRecorderBar }),
+          /* @__PURE__ */ r("div", { className: e.voiceRecorderBar })
+        ] }),
+        (o || i) && /* @__PURE__ */ r("div", { className: e.voiceRecorderActions, children: /* @__PURE__ */ r(
+          "button",
+          {
+            className: e.inputButton,
+            onClick: B,
+            "aria-label": "Cancel recording",
+            children: /* @__PURE__ */ r(t, { size: 20 })
+          }
+        ) })
+      ]
+    }
+  ) : /* @__PURE__ */ r(
+    "div",
+    {
+      className: [e.voiceRecorder, a].filter(Boolean).join(" "),
+      ...n,
+      children: /* @__PURE__ */ r("div", { className: e.voiceRecorderInfo, children: /* @__PURE__ */ r("span", { className: e.voiceRecorderLabel, children: "Voice recording is not supported in this browser" }) })
+    }
+  );
+};
+z.displayName = "ChatVoiceRecorder";
+export {
+  z as ChatVoiceRecorder
+};

package/dist/components/Chat/components/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Chat Component - Sub-components
+ */
+export { ChatMessage } from './ChatMessage';
+export { ChatMessages } from './ChatMessages';
+export { ChatInput } from './ChatInput';
+export { ChatHeader } from './ChatHeader';
+export { ChatTypingIndicator } from './ChatTypingIndicator';
+export { ChatCodeBlock } from './ChatCodeBlock';
+export { ChatMarkdown } from './ChatMarkdown';
+export { ChatImagePreview } from './ChatImagePreview';
+export { ChatAudioPlayer } from './ChatAudioPlayer';
+export { ChatVoiceRecorder } from './ChatVoiceRecorder';
+export { ChatFileUpload } from './ChatFileUpload';
+export { ChatAttachment } from './ChatAttachment';
+export { ChatLightbox } from './ChatLightbox';
+export { ChatSidebar } from './ChatSidebar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Chat/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Chat/hooks/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Chat Component Hooks
+ */
+export { useAutoScroll } from './useAutoScroll';
+export type { UseAutoScrollOptions, UseAutoScrollReturn, } from './useAutoScroll';
+export { useVoiceRecorder } from './useVoiceRecorder';
+export type { UseVoiceRecorderOptions, UseVoiceRecorderReturn, } from './useVoiceRecorder';
+export { useChatInput } from './useChatInput';
+export type { UseChatInputOptions, UseChatInputReturn } from './useChatInput';
+export { useStreamingText } from './useStreamingText';
+export type { UseStreamingTextOptions, UseStreamingTextReturn, } from './useStreamingText';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Chat/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC"}

package/dist/components/Chat/hooks/useAutoScroll.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function v(h={}){const{enabled:a=!0,threshold:f=100,smooth:c=!0}=h,o=r.useRef(null),[b,m]=r.useState(!0),u=r.useRef(!1),l=r.useRef(!0),n=r.useCallback(()=>{const t=o.current;if(!t)return!0;const{scrollTop:e,scrollHeight:s,clientHeight:d}=t;return s-e-d<f},[f]),i=r.useCallback(()=>{const t=o.current;t&&(u.current=!0,t.scrollTo({top:t.scrollHeight,behavior:c?"smooth":"auto"}),setTimeout(()=>{u.current=!1;const e=n();l.current=e,m(e)},c?300:0))},[c,n]);return r.useEffect(()=>{const t=o.current;if(!t)return;const e=()=>{if(u.current)return;const s=n();l.current=s,m(s)};return t.addEventListener("scroll",e,{passive:!0}),()=>t.removeEventListener("scroll",e)},[n]),r.useEffect(()=>{if(!a)return;const t=o.current;if(!t)return;const e=new MutationObserver(()=>{l.current&&i()});return e.observe(t,{childList:!0,subtree:!0}),()=>e.disconnect()},[a,i]),{scrollRef:o,isAtBottom:b,scrollToBottom:i}}exports.useAutoScroll=v;

package/dist/components/Chat/hooks/useAutoScroll.d.ts

@@ -0,0 +1,24 @@
+/**
+ * useAutoScroll Hook
+ *
+ * Automatically scrolls to the bottom of a container when new content is added.
+ * Includes smart detection to pause auto-scroll when user scrolls up.
+ */
+export interface UseAutoScrollOptions {
+    /** Whether auto-scroll is enabled */
+    enabled?: boolean;
+    /** Threshold in pixels from bottom to consider "at bottom" */
+    threshold?: number;
+    /** Smooth scroll behavior */
+    smooth?: boolean;
+}
+export interface UseAutoScrollReturn {
+    /** Ref to attach to the scrollable container */
+    scrollRef: React.RefObject<HTMLDivElement | null>;
+    /** Whether the user is currently at the bottom */
+    isAtBottom: boolean;
+    /** Manually scroll to bottom */
+    scrollToBottom: () => void;
+}
+export declare function useAutoScroll(options?: UseAutoScrollOptions): UseAutoScrollReturn;
+//# sourceMappingURL=useAutoScroll.d.ts.map

package/dist/components/Chat/hooks/useAutoScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoScroll.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useAutoScroll.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,kDAAkD;IAClD,UAAU,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAC3B,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CAuFrB"}

package/dist/components/Chat/hooks/useAutoScroll.mjs

@@ -0,0 +1,50 @@
+import { useRef as i, useState as A, useCallback as h, useEffect as v } from "react";
+function g(b = {}) {
+  const { enabled: a = !0, threshold: f = 100, smooth: s = !0 } = b, r = i(null), [d, m] = A(!0), c = i(!1), u = i(!0), o = h(() => {
+    const t = r.current;
+    if (!t) return !0;
+    const { scrollTop: e, scrollHeight: n, clientHeight: B } = t;
+    return n - e - B < f;
+  }, [f]), l = h(() => {
+    const t = r.current;
+    t && (c.current = !0, t.scrollTo({
+      top: t.scrollHeight,
+      behavior: s ? "smooth" : "auto"
+    }), setTimeout(
+      () => {
+        c.current = !1;
+        const e = o();
+        u.current = e, m(e);
+      },
+      s ? 300 : 0
+    ));
+  }, [s, o]);
+  return v(() => {
+    const t = r.current;
+    if (!t) return;
+    const e = () => {
+      if (c.current) return;
+      const n = o();
+      u.current = n, m(n);
+    };
+    return t.addEventListener("scroll", e, { passive: !0 }), () => t.removeEventListener("scroll", e);
+  }, [o]), v(() => {
+    if (!a) return;
+    const t = r.current;
+    if (!t) return;
+    const e = new MutationObserver(() => {
+      u.current && l();
+    });
+    return e.observe(t, {
+      childList: !0,
+      subtree: !0
+    }), () => e.disconnect();
+  }, [a, l]), {
+    scrollRef: r,
+    isAtBottom: d,
+    scrollToBottom: l
+  };
+}
+export {
+  g as useAutoScroll
+};

package/dist/components/Chat/hooks/useChatInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");function S(g={}){const{maxLength:i,onSend:h,disabled:f=!1}=g,[n,m]=e.useState(""),[s,c]=e.useState([]),a=e.useRef(null),d=n.length,u=i!==void 0&&d>i,l=n.trim().length===0&&s.length===0;e.useEffect(()=>{const t=a.current;t&&(t.style.height="auto",t.style.height=`${t.scrollHeight}px`)},[n]);const b=e.useCallback(t=>{c(o=>[...o,...t])},[]),y=e.useCallback(t=>{c(o=>o.filter((x,p)=>p!==t))},[]),C=e.useCallback(()=>{c([])},[]),r=e.useCallback(()=>{if(f||l&&s.length===0||u)return;const t=n.trim();h?.(t,s.length>0?s:void 0),m(""),c([]),a.current&&(a.current.style.height="auto")},[f,l,u,n,s,h]),k=e.useCallback(t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),r())},[r]),v=e.useCallback(()=>{a.current?.focus()},[]);return{value:n,setValue:m,attachments:s,addAttachments:b,removeAttachment:y,clearAttachments:C,handleSubmit:r,handleKeyDown:k,textareaRef:a,isEmpty:l,charCount:d,isOverLimit:u,focus:v}}exports.useChatInput=S;

package/dist/components/Chat/hooks/useChatInput.d.ts

@@ -0,0 +1,43 @@
+/**
+ * useChatInput Hook
+ *
+ * Manages chat input state including text, attachments, and submission.
+ */
+export interface UseChatInputOptions {
+    /** Maximum character count */
+    maxLength?: number;
+    /** Callback when message is sent */
+    onSend?: (message: string, attachments?: File[]) => void;
+    /** Whether input is disabled */
+    disabled?: boolean;
+}
+export interface UseChatInputReturn {
+    /** Current input value */
+    value: string;
+    /** Set input value */
+    setValue: (value: string) => void;
+    /** Pending file attachments */
+    attachments: File[];
+    /** Add files to attachments */
+    addAttachments: (files: File[]) => void;
+    /** Remove attachment by index */
+    removeAttachment: (index: number) => void;
+    /** Clear all attachments */
+    clearAttachments: () => void;
+    /** Handle form submission */
+    handleSubmit: () => void;
+    /** Handle key down (for Enter to send) */
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+    /** Ref for textarea element */
+    textareaRef: React.RefObject<HTMLTextAreaElement | null>;
+    /** Whether input is empty */
+    isEmpty: boolean;
+    /** Current character count */
+    charCount: number;
+    /** Whether character limit is exceeded */
+    isOverLimit: boolean;
+    /** Focus the input */
+    focus: () => void;
+}
+export declare function useChatInput(options?: UseChatInputOptions): UseChatInputReturn;
+//# sourceMappingURL=useChatInput.d.ts.map

package/dist/components/Chat/hooks/useChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChatInput.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzD,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,+BAA+B;IAC/B,WAAW,EAAE,IAAI,EAAE,CAAC;IACpB,+BAA+B;IAC/B,cAAc,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC,iCAAiC;IACjC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,4BAA4B;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,6BAA6B;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,0CAA0C;IAC1C,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAChD,+BAA+B;IAC/B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACzD,6BAA6B;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,8BAA8B;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,WAAW,EAAE,OAAO,CAAC;IACrB,sBAAsB;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,YAAY,CAC1B,OAAO,GAAE,mBAAwB,GAChC,kBAAkB,CAwFpB"}

package/dist/components/Chat/hooks/useChatInput.mjs

@@ -0,0 +1,44 @@
+import { useState as g, useRef as E, useEffect as S, useCallback as s } from "react";
+function K(y = {}) {
+  const { maxLength: l, onSend: h, disabled: f = !1 } = y, [e, m] = g(""), [n, r] = g([]), c = E(null), d = e.length, o = l !== void 0 && d > l, a = e.trim().length === 0 && n.length === 0;
+  S(() => {
+    const t = c.current;
+    t && (t.style.height = "auto", t.style.height = `${t.scrollHeight}px`);
+  }, [e]);
+  const p = s((t) => {
+    r((i) => [...i, ...t]);
+  }, []), v = s((t) => {
+    r((i) => i.filter((k, C) => C !== t));
+  }, []), x = s(() => {
+    r([]);
+  }, []), u = s(() => {
+    if (f || a && n.length === 0 || o) return;
+    const t = e.trim();
+    h?.(t, n.length > 0 ? n : void 0), m(""), r([]), c.current && (c.current.style.height = "auto");
+  }, [f, a, o, e, n, h]), A = s(
+    (t) => {
+      t.key === "Enter" && !t.shiftKey && (t.preventDefault(), u());
+    },
+    [u]
+  ), b = s(() => {
+    c.current?.focus();
+  }, []);
+  return {
+    value: e,
+    setValue: m,
+    attachments: n,
+    addAttachments: p,
+    removeAttachment: v,
+    clearAttachments: x,
+    handleSubmit: u,
+    handleKeyDown: A,
+    textareaRef: c,
+    isEmpty: a,
+    charCount: d,
+    isOverLimit: o,
+    focus: b
+  };
+}
+export {
+  K as useChatInput
+};

package/dist/components/Chat/hooks/useStreamingText.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function h(c,a={}){const{wordsPerTick:u=2,intervalMs:o=60,enabled:t=!0}=a,e=n.useRef([]),[r,s]=n.useState(0);n.useEffect(()=>{e.current=c.split(/(\s+)/),s(t?0:e.current.length)},[c,t]),n.useEffect(()=>{if(!t||r>=e.current.length)return;const i=setInterval(()=>{s(g=>{const l=g+u;return l>=e.current.length?(clearInterval(i),e.current.length):l})},o);return()=>clearInterval(i)},[t,r,u,o]);const d=e.current.slice(0,r).join(""),f=r>=e.current.length;return{displayText:d,isComplete:f}}exports.useStreamingText=h;

package/dist/components/Chat/hooks/useStreamingText.d.ts

@@ -0,0 +1,22 @@
+/**
+ * useStreamingText Hook
+ *
+ * Reveals text progressively, word by word, simulating real-time
+ * content generation. Content is final — text only grows, never rewrites.
+ */
+export interface UseStreamingTextOptions {
+    /** Words revealed per tick (default: 2) */
+    wordsPerTick?: number;
+    /** Milliseconds between ticks (default: 60) */
+    intervalMs?: number;
+    /** Whether streaming is active (default: true) */
+    enabled?: boolean;
+}
+export interface UseStreamingTextReturn {
+    /** The portion of text currently visible */
+    displayText: string;
+    /** Whether all text has been revealed */
+    isComplete: boolean;
+}
+export declare function useStreamingText(fullText: string, options?: UseStreamingTextOptions): UseStreamingTextReturn;
+//# sourceMappingURL=useStreamingText.d.ts.map

package/dist/components/Chat/hooks/useStreamingText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStreamingText.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useStreamingText.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CAqCxB"}