@orion-ds/react 4.0.0 → 4.2.0

package/dist/index128.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index128.cjs","sources":["../src/components/Chat/components/ChatAudioPlayer.tsx"],"sourcesContent":["/**\n * ChatAudioPlayer Component\n *\n * Audio playback controls with progress tracking and keyboard navigation.\n */\n\nimport React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport { Play, Pause } from \"lucide-react\";\nimport type { ChatAudioPlayerProps } from \"../Chat.types\";\nimport { formatTime } from \"../utils\";\nimport styles from \"../Chat.module.css\";\n\nexport const ChatAudioPlayer: React.FC<ChatAudioPlayerProps> = ({\n  src,\n  duration: initialDuration,\n  title,\n  className,\n  ...rest\n}) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(initialDuration || 0);\n  const audioRef = useRef<HTMLAudioElement>(null);\n\n  // Update duration when audio metadata loads\n  const handleLoadedMetadata = useCallback(() => {\n    const audio = audioRef.current;\n    if (audio && !isNaN(audio.duration) && isFinite(audio.duration)) {\n      setDuration(audio.duration);\n    }\n  }, []);\n\n  // Update current time during playback\n  const handleTimeUpdate = useCallback(() => {\n    const audio = audioRef.current;\n    if (audio) {\n      setCurrentTime(audio.currentTime);\n    }\n  }, []);\n\n  // Handle playback end\n  const handleEnded = useCallback(() => {\n    setIsPlaying(false);\n    setCurrentTime(0);\n  }, []);\n\n  // Toggle play/pause\n  const togglePlayback = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n\n    if (isPlaying) {\n      audio.pause();\n    } else {\n      audio.play().catch(() => {\n        // Handle autoplay restrictions\n        setIsPlaying(false);\n      });\n    }\n    setIsPlaying(!isPlaying);\n  }, [isPlaying]);\n\n  // Handle progress bar click\n  const handleProgressClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      const audio = audioRef.current;\n      if (!audio || !duration) return;\n\n      const rect = e.currentTarget.getBoundingClientRect();\n      const clickX = e.clientX - rect.left;\n      const percentage = clickX / rect.width;\n      const newTime = percentage * duration;\n\n      audio.currentTime = newTime;\n      setCurrentTime(newTime);\n    },\n    [duration],\n  );\n\n  // Handle keyboard navigation on slider\n  const handleSliderKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const audio = audioRef.current;\n      if (!audio || !duration) return;\n\n      const STEP = 5; // 5 seconds\n      let newTime = currentTime;\n\n      switch (e.key) {\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n          e.preventDefault();\n          newTime = Math.min(currentTime + STEP, duration);\n          break;\n        case \"ArrowLeft\":\n        case \"ArrowDown\":\n          e.preventDefault();\n          newTime = Math.max(currentTime - STEP, 0);\n          break;\n        case \"Home\":\n          e.preventDefault();\n          newTime = 0;\n          break;\n        case \"End\":\n          e.preventDefault();\n          newTime = duration;\n          break;\n        default:\n          return;\n      }\n\n      audio.currentTime = newTime;\n      setCurrentTime(newTime);\n    },\n    [currentTime, duration],\n  );\n\n  // Calculate progress percentage\n  const progress = duration > 0 ? (currentTime / duration) * 100 : 0;\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      const audio = audioRef.current;\n      if (audio) {\n        audio.pause();\n      }\n    };\n  }, []);\n\n  return (\n    <div\n      className={[styles.audioPlayer, className].filter(Boolean).join(\" \")}\n      {...rest}\n    >\n      <audio\n        ref={audioRef}\n        src={src}\n        onLoadedMetadata={handleLoadedMetadata}\n        onTimeUpdate={handleTimeUpdate}\n        onEnded={handleEnded}\n        preload=\"metadata\"\n      />\n\n      <button\n        className={styles.audioPlayerButton}\n        onClick={togglePlayback}\n        aria-label={isPlaying ? \"Pause\" : \"Play\"}\n      >\n        {isPlaying ? <Pause size={16} /> : <Play size={16} />}\n      </button>\n\n      <div className={styles.audioPlayerProgress}>\n        {title && <span className={styles.attachmentPreviewName}>{title}</span>}\n        <div\n          className={styles.audioPlayerTrack}\n          onClick={handleProgressClick}\n          onKeyDown={handleSliderKeyDown}\n          role=\"slider\"\n          aria-label=\"Audio progress\"\n          aria-valuemin={0}\n          aria-valuemax={duration}\n          aria-valuenow={currentTime}\n          aria-valuetext={`${formatTime(currentTime)} of ${formatTime(duration)}`}\n          tabIndex={0}\n        >\n          <div\n            className={styles.audioPlayerFill}\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n        <div className={styles.audioPlayerTime}>\n          <span>{formatTime(currentTime)}</span>\n          <span>{formatTime(duration)}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nChatAudioPlayer.displayName = \"ChatAudioPlayer\";\n"],"names":["ChatAudioPlayer","src","initialDuration","title","className","rest","isPlaying","setIsPlaying","useState","currentTime","setCurrentTime","duration","setDuration","audioRef","useRef","handleLoadedMetadata","useCallback","audio","handleTimeUpdate","handleEnded","togglePlayback","handleProgressClick","rect","newTime","handleSliderKeyDown","STEP","progress","useEffect","jsxs","styles","jsx","Pause","Play","formatTime"],"mappings":"0NAYaA,EAAkD,CAAC,CAC9D,IAAAC,EACA,SAAUC,EACV,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAaC,CAAc,EAAIF,EAAAA,SAAS,CAAC,EAC1C,CAACG,EAAUC,CAAW,EAAIJ,EAAAA,SAASN,GAAmB,CAAC,EACvDW,EAAWC,EAAAA,OAAyB,IAAI,EAGxCC,EAAuBC,EAAAA,YAAY,IAAM,CAC7C,MAAMC,EAAQJ,EAAS,QACnBI,GAAS,CAAC,MAAMA,EAAM,QAAQ,GAAK,SAASA,EAAM,QAAQ,GAC5DL,EAAYK,EAAM,QAAQ,CAE9B,EAAG,CAAA,CAAE,EAGCC,EAAmBF,EAAAA,YAAY,IAAM,CACzC,MAAMC,EAAQJ,EAAS,QACnBI,GACFP,EAAeO,EAAM,WAAW,CAEpC,EAAG,CAAA,CAAE,EAGCE,EAAcH,EAAAA,YAAY,IAAM,CACpCT,EAAa,EAAK,EAClBG,EAAe,CAAC,CAClB,EAAG,CAAA,CAAE,EAGCU,EAAiBJ,EAAAA,YAAY,IAAM,CACvC,MAAMC,EAAQJ,EAAS,QAClBI,IAEDX,EACFW,EAAM,MAAA,EAENA,EAAM,OAAO,MAAM,IAAM,CAEvBV,EAAa,EAAK,CACpB,CAAC,EAEHA,EAAa,CAACD,CAAS,EACzB,EAAG,CAACA,CAAS,CAAC,EAGRe,EAAsBL,EAAAA,YACzB,GAAwC,CACvC,MAAMC,EAAQJ,EAAS,QACvB,GAAI,CAACI,GAAS,CAACN,EAAU,OAEzB,MAAMW,EAAO,EAAE,cAAc,sBAAA,EAGvBC,GAFS,EAAE,QAAUD,EAAK,MACJA,EAAK,MACJX,EAE7BM,EAAM,YAAcM,EACpBb,EAAea,CAAO,CACxB,EACA,CAACZ,CAAQ,CAAA,EAILa,EAAsBR,EAAAA,YACzB,GAA2C,CAC1C,MAAMC,EAAQJ,EAAS,QACvB,GAAI,CAACI,GAAS,CAACN,EAAU,OAEzB,MAAMc,EAAO,EACb,IAAIF,EAAUd,EAEd,OAAQ,EAAE,IAAA,CACR,IAAK,aACL,IAAK,UACH,EAAE,eAAA,EACFc,EAAU,KAAK,IAAId,EAAcgB,EAAMd,CAAQ,EAC/C,MACF,IAAK,YACL,IAAK,YACH,EAAE,eAAA,EACFY,EAAU,KAAK,IAAId,EAAcgB,EAAM,CAAC,EACxC,MACF,IAAK,OACH,EAAE,eAAA,EACFF,EAAU,EACV,MACF,IAAK,MACH,EAAE,eAAA,EACFA,EAAUZ,EACV,MACF,QACE,MAAA,CAGJM,EAAM,YAAcM,EACpBb,EAAea,CAAO,CACxB,EACA,CAACd,EAAaE,CAAQ,CAAA,EAIlBe,EAAWf,EAAW,EAAKF,EAAcE,EAAY,IAAM,EAGjEgB,OAAAA,EAAAA,UAAU,IACD,IAAM,CACX,MAAMV,EAAQJ,EAAS,QACnBI,GACFA,EAAM,MAAA,CAEV,EACC,CAAA,CAAE,EAGHW,EAAAA,KAAC,MAAA,CACC,UAAW,CAACC,UAAO,YAAazB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAClE,GAAGC,EAEJ,SAAA,CAAAyB,EAAAA,IAAC,QAAA,CACC,IAAKjB,EACL,IAAAZ,EACA,iBAAkBc,EAClB,aAAcG,EACd,QAASC,EACT,QAAQ,UAAA,CAAA,EAGVW,EAAAA,IAAC,SAAA,CACC,UAAWD,EAAAA,QAAO,kBAClB,QAAST,EACT,aAAYd,EAAY,QAAU,OAEjC,SAAAA,QAAayB,EAAAA,MAAA,CAAM,KAAM,GAAI,EAAKD,EAAAA,IAACE,EAAAA,KAAA,CAAK,KAAM,EAAA,CAAI,CAAA,CAAA,EAGrDJ,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,oBACpB,SAAA,CAAA1B,GAAS2B,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,sBAAwB,SAAA1B,EAAM,EAChE2B,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,QAAO,iBAClB,QAASR,EACT,UAAWG,EACX,KAAK,SACL,aAAW,iBACX,gBAAe,EACf,gBAAeb,EACf,gBAAeF,EACf,iBAAgB,GAAGwB,EAAAA,WAAWxB,CAAW,CAAC,OAAOwB,EAAAA,WAAWtB,CAAQ,CAAC,GACrE,SAAU,EAEV,SAAAmB,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,QAAO,gBAClB,MAAO,CAAE,MAAO,GAAGH,CAAQ,GAAA,CAAI,CAAA,CACjC,CAAA,EAEFE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,gBACrB,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAM,SAAAG,EAAAA,WAAWxB,CAAW,CAAA,CAAE,EAC/BqB,EAAAA,IAAC,OAAA,CAAM,SAAAG,EAAAA,WAAWtB,CAAQ,CAAA,CAAE,CAAA,CAAA,CAC9B,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,EAEAX,EAAgB,YAAc"}
+{"version":3,"file":"index128.cjs","sources":["../src/components/Chat/components/ChatAttachment.tsx"],"sourcesContent":["/**\n * ChatAttachment Component\n *\n * Unified attachment preview component that renders the appropriate\n * display based on attachment type (image, audio, file, code).\n */\n\nimport React from \"react\";\nimport { FileText, Code, X, Image as ImageIcon, Music } from \"lucide-react\";\nimport type { ChatAttachmentPreviewProps, AttachmentType } from \"../Chat.types\";\nimport { ChatImagePreview } from \"./ChatImagePreview\";\nimport { ChatAudioPlayer } from \"./ChatAudioPlayer\";\nimport { ChatCodeBlock } from \"./ChatCodeBlock\";\nimport { formatFileSize } from \"../utils\";\nimport styles from \"../Chat.module.css\";\n\n// Get icon for attachment type\nconst getAttachmentIcon = (type: AttachmentType) => {\n  switch (type) {\n    case \"image\":\n      return <ImageIcon size={18} />;\n    case \"audio\":\n      return <Music size={18} />;\n    case \"code\":\n      return <Code size={18} />;\n    default:\n      return <FileText size={18} />;\n  }\n};\n\nexport const ChatAttachment: React.FC<ChatAttachmentPreviewProps> = ({\n  attachment,\n  removable = false,\n  onRemove,\n  onClick,\n  className,\n  ...rest\n}) => {\n  const { type, name, url, content, language, size, duration, thumbnail } =\n    attachment;\n\n  // Render based on type\n  switch (type) {\n    case \"image\":\n      if (url) {\n        return (\n          <div className={className} style={{ position: \"relative\" }} {...rest}>\n            <ChatImagePreview\n              src={url}\n              alt={name}\n              thumbnail={thumbnail}\n              onClick={onClick}\n            />\n            {removable && onRemove && (\n              <button\n                className={styles.attachmentPreviewRemove}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onRemove();\n                }}\n                aria-label={`Remove ${name}`}\n                style={{\n                  position: \"absolute\",\n                  top: 4,\n                  right: 4,\n                  background: \"var(--surface-base)\",\n                }}\n              >\n                <X size={14} />\n              </button>\n            )}\n          </div>\n        );\n      }\n      break;\n\n    case \"audio\":\n      if (url) {\n        return (\n          <div className={className} style={{ position: \"relative\" }} {...rest}>\n            <ChatAudioPlayer src={url} duration={duration} title={name} />\n            {removable && onRemove && (\n              <button\n                className={styles.attachmentPreviewRemove}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onRemove();\n                }}\n                aria-label={`Remove ${name}`}\n              >\n                <X size={14} />\n              </button>\n            )}\n          </div>\n        );\n      }\n      break;\n\n    case \"code\":\n      if (content) {\n        return (\n          <ChatCodeBlock\n            code={content}\n            language={language}\n            className={className}\n            {...rest}\n          />\n        );\n      }\n      break;\n  }\n\n  // Default file preview for unhandled types or missing data\n  return (\n    <div\n      className={[styles.attachmentPreview, className]\n        .filter(Boolean)\n        .join(\" \")}\n      onClick={onClick}\n      role={onClick ? \"button\" : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      {...rest}\n    >\n      <div className={styles.attachmentPreviewIcon}>\n        {getAttachmentIcon(type)}\n      </div>\n\n      <div className={styles.attachmentPreviewInfo}>\n        <span className={styles.attachmentPreviewName}>{name}</span>\n        {size && (\n          <span className={styles.attachmentPreviewMeta}>\n            {formatFileSize(size)}\n            {duration &&\n              ` · ${Math.floor(duration / 60)}:${(duration % 60).toString().padStart(2, \"0\")}`}\n          </span>\n        )}\n      </div>\n\n      {removable && onRemove && (\n        <button\n          className={styles.attachmentPreviewRemove}\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove();\n          }}\n          aria-label={`Remove ${name}`}\n        >\n          <X size={14} />\n        </button>\n      )}\n    </div>\n  );\n};\n\nChatAttachment.displayName = \"ChatAttachment\";\n"],"names":["getAttachmentIcon","type","jsx","ImageIcon","Music","Code","FileText","ChatAttachment","attachment","removable","onRemove","onClick","className","rest","name","url","content","language","size","duration","thumbnail","jsxs","ChatImagePreview","styles","e","X","ChatAudioPlayer","ChatCodeBlock","formatFileSize"],"mappings":"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"}

package/dist/index128.mjs

@@ -1,128 +1,126 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { useState as h, useRef as M, useCallback as s, useEffect as R } from "react";
-import { Pause as j, Play as B } from "lucide-react";
-import { formatTime as m } from "./index184.mjs";
-import o from "./index119.mjs";
-const L = ({
-  src: g,
-  duration: v,
-  title: y,
-  className: w,
-  ...T
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { X as u, FileText as P, Code as w, Music as z, Image as y } from "lucide-react";
+import { ChatImagePreview as C } from "./index124.mjs";
+import { ChatAudioPlayer as N } from "./index125.mjs";
+import { ChatCodeBlock as I } from "./index122.mjs";
+import { formatFileSize as k } from "./index184.mjs";
+import t from "./index116.mjs";
+const x = (d) => {
+  switch (d) {
+    case "image":
+      return /* @__PURE__ */ e(y, { size: 18 });
+    case "audio":
+      return /* @__PURE__ */ e(z, { size: 18 });
+    case "code":
+      return /* @__PURE__ */ e(w, { size: 18 });
+    default:
+      return /* @__PURE__ */ e(P, { size: 18 });
+  }
+}, $ = ({
+  attachment: d,
+  removable: h = !1,
+  onRemove: a,
+  onClick: n,
+  className: s,
+  ...c
 }) => {
-  const [c, f] = h(!1), [t, u] = h(0), [a, k] = h(v || 0), n = M(null), N = s(() => {
-    const e = n.current;
-    e && !isNaN(e.duration) && isFinite(e.duration) && k(e.duration);
-  }, []), b = s(() => {
-    const e = n.current;
-    e && u(e.currentTime);
-  }, []), C = s(() => {
-    f(!1), u(0);
-  }, []), D = s(() => {
-    const e = n.current;
-    e && (c ? e.pause() : e.play().catch(() => {
-      f(!1);
-    }), f(!c));
-  }, [c]), x = s(
-    (e) => {
-      const l = n.current;
-      if (!l || !a) return;
-      const d = e.currentTarget.getBoundingClientRect(), P = (e.clientX - d.left) / d.width * a;
-      l.currentTime = P, u(P);
-    },
-    [a]
-  ), A = s(
-    (e) => {
-      const l = n.current;
-      if (!l || !a) return;
-      const d = 5;
-      let i = t;
-      switch (e.key) {
-        case "ArrowRight":
-        case "ArrowUp":
-          e.preventDefault(), i = Math.min(t + d, a);
-          break;
-        case "ArrowLeft":
-        case "ArrowDown":
-          e.preventDefault(), i = Math.max(t - d, 0);
-          break;
-        case "Home":
-          e.preventDefault(), i = 0;
-          break;
-        case "End":
-          e.preventDefault(), i = a;
-          break;
-        default:
-          return;
-      }
-      l.currentTime = i, u(i);
-    },
-    [t, a]
-  ), E = a > 0 ? t / a * 100 : 0;
-  return R(() => () => {
-    const e = n.current;
-    e && e.pause();
-  }, []), /* @__PURE__ */ p(
+  const { type: p, name: i, url: l, content: v, language: b, size: f, duration: m, thumbnail: g } = d;
+  switch (p) {
+    case "image":
+      if (l)
+        return /* @__PURE__ */ o("div", { className: s, style: { position: "relative" }, ...c, children: [
+          /* @__PURE__ */ e(
+            C,
+            {
+              src: l,
+              alt: i,
+              thumbnail: g,
+              onClick: n
+            }
+          ),
+          h && a && /* @__PURE__ */ e(
+            "button",
+            {
+              className: t.attachmentPreviewRemove,
+              onClick: (r) => {
+                r.stopPropagation(), a();
+              },
+              "aria-label": `Remove ${i}`,
+              style: {
+                position: "absolute",
+                top: 4,
+                right: 4,
+                background: "var(--surface-base)"
+              },
+              children: /* @__PURE__ */ e(u, { size: 14 })
+            }
+          )
+        ] });
+      break;
+    case "audio":
+      if (l)
+        return /* @__PURE__ */ o("div", { className: s, style: { position: "relative" }, ...c, children: [
+          /* @__PURE__ */ e(N, { src: l, duration: m, title: i }),
+          h && a && /* @__PURE__ */ e(
+            "button",
+            {
+              className: t.attachmentPreviewRemove,
+              onClick: (r) => {
+                r.stopPropagation(), a();
+              },
+              "aria-label": `Remove ${i}`,
+              children: /* @__PURE__ */ e(u, { size: 14 })
+            }
+          )
+        ] });
+      break;
+    case "code":
+      if (v)
+        return /* @__PURE__ */ e(
+          I,
+          {
+            code: v,
+            language: b,
+            className: s,
+            ...c
+          }
+        );
+      break;
+  }
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: [o.audioPlayer, w].filter(Boolean).join(" "),
-      ...T,
+      className: [t.attachmentPreview, s].filter(Boolean).join(" "),
+      onClick: n,
+      role: n ? "button" : void 0,
+      tabIndex: n ? 0 : void 0,
+      ...c,
       children: [
-        /* @__PURE__ */ r(
-          "audio",
-          {
-            ref: n,
-            src: g,
-            onLoadedMetadata: N,
-            onTimeUpdate: b,
-            onEnded: C,
-            preload: "metadata"
-          }
-        ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e("div", { className: t.attachmentPreviewIcon, children: x(p) }),
+        /* @__PURE__ */ o("div", { className: t.attachmentPreviewInfo, children: [
+          /* @__PURE__ */ e("span", { className: t.attachmentPreviewName, children: i }),
+          f && /* @__PURE__ */ o("span", { className: t.attachmentPreviewMeta, children: [
+            k(f),
+            m && ` · ${Math.floor(m / 60)}:${(m % 60).toString().padStart(2, "0")}`
+          ] })
+        ] }),
+        h && a && /* @__PURE__ */ e(
           "button",
           {
-            className: o.audioPlayerButton,
-            onClick: D,
-            "aria-label": c ? "Pause" : "Play",
-            children: c ? /* @__PURE__ */ r(j, { size: 16 }) : /* @__PURE__ */ r(B, { size: 16 })
+            className: t.attachmentPreviewRemove,
+            onClick: (r) => {
+              r.stopPropagation(), a();
+            },
+            "aria-label": `Remove ${i}`,
+            children: /* @__PURE__ */ e(u, { size: 14 })
           }
-        ),
-        /* @__PURE__ */ p("div", { className: o.audioPlayerProgress, children: [
-          y && /* @__PURE__ */ r("span", { className: o.attachmentPreviewName, children: y }),
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: o.audioPlayerTrack,
-              onClick: x,
-              onKeyDown: A,
-              role: "slider",
-              "aria-label": "Audio progress",
-              "aria-valuemin": 0,
-              "aria-valuemax": a,
-              "aria-valuenow": t,
-              "aria-valuetext": `${m(t)} of ${m(a)}`,
-              tabIndex: 0,
-              children: /* @__PURE__ */ r(
-                "div",
-                {
-                  className: o.audioPlayerFill,
-                  style: { width: `${E}%` }
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ p("div", { className: o.audioPlayerTime, children: [
-            /* @__PURE__ */ r("span", { children: m(t) }),
-            /* @__PURE__ */ r("span", { children: m(a) })
-          ] })
-        ] })
+        )
       ]
     }
   );
 };
-L.displayName = "ChatAudioPlayer";
+$.displayName = "ChatAttachment";
 export {
-  L as ChatAudioPlayer
+  $ as ChatAttachment
 };
 //# sourceMappingURL=index128.mjs.map

package/dist/index128.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index128.mjs","sources":["../src/components/Chat/components/ChatAudioPlayer.tsx"],"sourcesContent":["/**\n * ChatAudioPlayer Component\n *\n * Audio playback controls with progress tracking and keyboard navigation.\n */\n\nimport React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport { Play, Pause } from \"lucide-react\";\nimport type { ChatAudioPlayerProps } from \"../Chat.types\";\nimport { formatTime } from \"../utils\";\nimport styles from \"../Chat.module.css\";\n\nexport const ChatAudioPlayer: React.FC<ChatAudioPlayerProps> = ({\n  src,\n  duration: initialDuration,\n  title,\n  className,\n  ...rest\n}) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(initialDuration || 0);\n  const audioRef = useRef<HTMLAudioElement>(null);\n\n  // Update duration when audio metadata loads\n  const handleLoadedMetadata = useCallback(() => {\n    const audio = audioRef.current;\n    if (audio && !isNaN(audio.duration) && isFinite(audio.duration)) {\n      setDuration(audio.duration);\n    }\n  }, []);\n\n  // Update current time during playback\n  const handleTimeUpdate = useCallback(() => {\n    const audio = audioRef.current;\n    if (audio) {\n      setCurrentTime(audio.currentTime);\n    }\n  }, []);\n\n  // Handle playback end\n  const handleEnded = useCallback(() => {\n    setIsPlaying(false);\n    setCurrentTime(0);\n  }, []);\n\n  // Toggle play/pause\n  const togglePlayback = useCallback(() => {\n    const audio = audioRef.current;\n    if (!audio) return;\n\n    if (isPlaying) {\n      audio.pause();\n    } else {\n      audio.play().catch(() => {\n        // Handle autoplay restrictions\n        setIsPlaying(false);\n      });\n    }\n    setIsPlaying(!isPlaying);\n  }, [isPlaying]);\n\n  // Handle progress bar click\n  const handleProgressClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      const audio = audioRef.current;\n      if (!audio || !duration) return;\n\n      const rect = e.currentTarget.getBoundingClientRect();\n      const clickX = e.clientX - rect.left;\n      const percentage = clickX / rect.width;\n      const newTime = percentage * duration;\n\n      audio.currentTime = newTime;\n      setCurrentTime(newTime);\n    },\n    [duration],\n  );\n\n  // Handle keyboard navigation on slider\n  const handleSliderKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const audio = audioRef.current;\n      if (!audio || !duration) return;\n\n      const STEP = 5; // 5 seconds\n      let newTime = currentTime;\n\n      switch (e.key) {\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n          e.preventDefault();\n          newTime = Math.min(currentTime + STEP, duration);\n          break;\n        case \"ArrowLeft\":\n        case \"ArrowDown\":\n          e.preventDefault();\n          newTime = Math.max(currentTime - STEP, 0);\n          break;\n        case \"Home\":\n          e.preventDefault();\n          newTime = 0;\n          break;\n        case \"End\":\n          e.preventDefault();\n          newTime = duration;\n          break;\n        default:\n          return;\n      }\n\n      audio.currentTime = newTime;\n      setCurrentTime(newTime);\n    },\n    [currentTime, duration],\n  );\n\n  // Calculate progress percentage\n  const progress = duration > 0 ? (currentTime / duration) * 100 : 0;\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      const audio = audioRef.current;\n      if (audio) {\n        audio.pause();\n      }\n    };\n  }, []);\n\n  return (\n    <div\n      className={[styles.audioPlayer, className].filter(Boolean).join(\" \")}\n      {...rest}\n    >\n      <audio\n        ref={audioRef}\n        src={src}\n        onLoadedMetadata={handleLoadedMetadata}\n        onTimeUpdate={handleTimeUpdate}\n        onEnded={handleEnded}\n        preload=\"metadata\"\n      />\n\n      <button\n        className={styles.audioPlayerButton}\n        onClick={togglePlayback}\n        aria-label={isPlaying ? \"Pause\" : \"Play\"}\n      >\n        {isPlaying ? <Pause size={16} /> : <Play size={16} />}\n      </button>\n\n      <div className={styles.audioPlayerProgress}>\n        {title && <span className={styles.attachmentPreviewName}>{title}</span>}\n        <div\n          className={styles.audioPlayerTrack}\n          onClick={handleProgressClick}\n          onKeyDown={handleSliderKeyDown}\n          role=\"slider\"\n          aria-label=\"Audio progress\"\n          aria-valuemin={0}\n          aria-valuemax={duration}\n          aria-valuenow={currentTime}\n          aria-valuetext={`${formatTime(currentTime)} of ${formatTime(duration)}`}\n          tabIndex={0}\n        >\n          <div\n            className={styles.audioPlayerFill}\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n        <div className={styles.audioPlayerTime}>\n          <span>{formatTime(currentTime)}</span>\n          <span>{formatTime(duration)}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nChatAudioPlayer.displayName = \"ChatAudioPlayer\";\n"],"names":["ChatAudioPlayer","src","initialDuration","title","className","rest","isPlaying","setIsPlaying","useState","currentTime","setCurrentTime","duration","setDuration","audioRef","useRef","handleLoadedMetadata","useCallback","audio","handleTimeUpdate","handleEnded","togglePlayback","handleProgressClick","rect","newTime","handleSliderKeyDown","STEP","progress","useEffect","jsxs","styles","jsx","Pause","Play","formatTime"],"mappings":"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"}
+{"version":3,"file":"index128.mjs","sources":["../src/components/Chat/components/ChatAttachment.tsx"],"sourcesContent":["/**\n * ChatAttachment Component\n *\n * Unified attachment preview component that renders the appropriate\n * display based on attachment type (image, audio, file, code).\n */\n\nimport React from \"react\";\nimport { FileText, Code, X, Image as ImageIcon, Music } from \"lucide-react\";\nimport type { ChatAttachmentPreviewProps, AttachmentType } from \"../Chat.types\";\nimport { ChatImagePreview } from \"./ChatImagePreview\";\nimport { ChatAudioPlayer } from \"./ChatAudioPlayer\";\nimport { ChatCodeBlock } from \"./ChatCodeBlock\";\nimport { formatFileSize } from \"../utils\";\nimport styles from \"../Chat.module.css\";\n\n// Get icon for attachment type\nconst getAttachmentIcon = (type: AttachmentType) => {\n  switch (type) {\n    case \"image\":\n      return <ImageIcon size={18} />;\n    case \"audio\":\n      return <Music size={18} />;\n    case \"code\":\n      return <Code size={18} />;\n    default:\n      return <FileText size={18} />;\n  }\n};\n\nexport const ChatAttachment: React.FC<ChatAttachmentPreviewProps> = ({\n  attachment,\n  removable = false,\n  onRemove,\n  onClick,\n  className,\n  ...rest\n}) => {\n  const { type, name, url, content, language, size, duration, thumbnail } =\n    attachment;\n\n  // Render based on type\n  switch (type) {\n    case \"image\":\n      if (url) {\n        return (\n          <div className={className} style={{ position: \"relative\" }} {...rest}>\n            <ChatImagePreview\n              src={url}\n              alt={name}\n              thumbnail={thumbnail}\n              onClick={onClick}\n            />\n            {removable && onRemove && (\n              <button\n                className={styles.attachmentPreviewRemove}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onRemove();\n                }}\n                aria-label={`Remove ${name}`}\n                style={{\n                  position: \"absolute\",\n                  top: 4,\n                  right: 4,\n                  background: \"var(--surface-base)\",\n                }}\n              >\n                <X size={14} />\n              </button>\n            )}\n          </div>\n        );\n      }\n      break;\n\n    case \"audio\":\n      if (url) {\n        return (\n          <div className={className} style={{ position: \"relative\" }} {...rest}>\n            <ChatAudioPlayer src={url} duration={duration} title={name} />\n            {removable && onRemove && (\n              <button\n                className={styles.attachmentPreviewRemove}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onRemove();\n                }}\n                aria-label={`Remove ${name}`}\n              >\n                <X size={14} />\n              </button>\n            )}\n          </div>\n        );\n      }\n      break;\n\n    case \"code\":\n      if (content) {\n        return (\n          <ChatCodeBlock\n            code={content}\n            language={language}\n            className={className}\n            {...rest}\n          />\n        );\n      }\n      break;\n  }\n\n  // Default file preview for unhandled types or missing data\n  return (\n    <div\n      className={[styles.attachmentPreview, className]\n        .filter(Boolean)\n        .join(\" \")}\n      onClick={onClick}\n      role={onClick ? \"button\" : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      {...rest}\n    >\n      <div className={styles.attachmentPreviewIcon}>\n        {getAttachmentIcon(type)}\n      </div>\n\n      <div className={styles.attachmentPreviewInfo}>\n        <span className={styles.attachmentPreviewName}>{name}</span>\n        {size && (\n          <span className={styles.attachmentPreviewMeta}>\n            {formatFileSize(size)}\n            {duration &&\n              ` · ${Math.floor(duration / 60)}:${(duration % 60).toString().padStart(2, \"0\")}`}\n          </span>\n        )}\n      </div>\n\n      {removable && onRemove && (\n        <button\n          className={styles.attachmentPreviewRemove}\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove();\n          }}\n          aria-label={`Remove ${name}`}\n        >\n          <X size={14} />\n        </button>\n      )}\n    </div>\n  );\n};\n\nChatAttachment.displayName = \"ChatAttachment\";\n"],"names":["getAttachmentIcon","type","jsx","ImageIcon","Music","Code","FileText","ChatAttachment","attachment","removable","onRemove","onClick","className","rest","name","url","content","language","size","duration","thumbnail","jsxs","ChatImagePreview","styles","e","X","ChatAudioPlayer","ChatCodeBlock","formatFileSize"],"mappings":"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"}

package/dist/index129.cjs

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

package/dist/index129.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index129.cjs","sources":["../src/components/Chat/components/ChatVoiceRecorder.tsx"],"sourcesContent":["/**\n * ChatVoiceRecorder Component\n *\n * Voice recording UI with waveform visualization.\n */\n\nimport React from \"react\";\nimport { Mic, Square, X, Send } from \"lucide-react\";\nimport type { ChatVoiceRecorderProps } from \"../Chat.types\";\nimport { useVoiceRecorder } from \"../hooks/useVoiceRecorder\";\nimport { formatTime } from \"../utils\";\nimport styles from \"../Chat.module.css\";\n\nexport const ChatVoiceRecorder: React.FC<ChatVoiceRecorderProps> = ({\n  onRecordingComplete,\n  onCancel,\n  maxDuration = 300,\n  className,\n  ...rest\n}) => {\n  const {\n    isRecording,\n    duration,\n    audioBlob,\n    error,\n    startRecording,\n    stopRecording,\n    cancelRecording,\n    reset,\n    isSupported,\n  } = useVoiceRecorder({\n    maxDuration,\n    onRecordingComplete,\n    onError: (err) => console.error(\"Recording error:\", err),\n  });\n\n  const handleMainButtonClick = () => {\n    if (isRecording) {\n      stopRecording();\n    } else if (audioBlob) {\n      // Send the recorded audio\n      onRecordingComplete?.(audioBlob);\n      reset();\n    } else {\n      startRecording();\n    }\n  };\n\n  const handleCancel = () => {\n    cancelRecording();\n    onCancel?.();\n  };\n\n  if (!isSupported) {\n    return (\n      <div\n        className={[styles.voiceRecorder, className].filter(Boolean).join(\" \")}\n        {...rest}\n      >\n        <div className={styles.voiceRecorderInfo}>\n          <span className={styles.voiceRecorderLabel}>\n            Voice recording is not supported in this browser\n          </span>\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div\n        className={[styles.voiceRecorder, className].filter(Boolean).join(\" \")}\n        {...rest}\n      >\n        <div className={styles.voiceRecorderInfo}>\n          <span\n            className={[\n              styles.voiceRecorderLabel,\n              styles.voiceRecorderError,\n            ].join(\" \")}\n          >\n            {error}\n          </span>\n        </div>\n        <button\n          className={styles.inputButton}\n          onClick={reset}\n          aria-label=\"Try again\"\n        >\n          <X size={20} />\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={[styles.voiceRecorder, className].filter(Boolean).join(\" \")}\n      {...rest}\n    >\n      {/* Main record/stop/send button */}\n      <button\n        className={[\n          styles.voiceRecorderButton,\n          !isRecording && !audioBlob && styles.voiceRecorderButtonIdle,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        onClick={handleMainButtonClick}\n        aria-label={\n          isRecording\n            ? \"Stop recording\"\n            : audioBlob\n              ? \"Send recording\"\n              : \"Start recording\"\n        }\n      >\n        {isRecording ? (\n          <Square size={20} />\n        ) : audioBlob ? (\n          <Send size={20} />\n        ) : (\n          <Mic size={20} />\n        )}\n      </button>\n\n      {/* Info section */}\n      <div className={styles.voiceRecorderInfo}>\n        <span className={styles.voiceRecorderDuration}>\n          {formatTime(duration)}\n        </span>\n        <span className={styles.voiceRecorderLabel}>\n          {isRecording\n            ? \"Recording...\"\n            : audioBlob\n              ? \"Recording ready\"\n              : \"Click to record\"}\n        </span>\n      </div>\n\n      {/* Waveform visualization (only when recording) */}\n      {isRecording && (\n        <div className={styles.voiceRecorderWaveform}>\n          <div className={styles.voiceRecorderBar} />\n          <div className={styles.voiceRecorderBar} />\n          <div className={styles.voiceRecorderBar} />\n          <div className={styles.voiceRecorderBar} />\n          <div className={styles.voiceRecorderBar} />\n        </div>\n      )}\n\n      {/* Cancel button */}\n      {(isRecording || audioBlob) && (\n        <div className={styles.voiceRecorderActions}>\n          <button\n            className={styles.inputButton}\n            onClick={handleCancel}\n            aria-label=\"Cancel recording\"\n          >\n            <X size={20} />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nChatVoiceRecorder.displayName = \"ChatVoiceRecorder\";\n"],"names":["ChatVoiceRecorder","onRecordingComplete","onCancel","maxDuration","className","rest","isRecording","duration","audioBlob","error","startRecording","stopRecording","cancelRecording","reset","isSupported","useVoiceRecorder","err","handleMainButtonClick","handleCancel","jsxs","styles","jsx","X","Square","Send","Mic","formatTime"],"mappings":"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"}
+{"version":3,"file":"index129.cjs","sources":["../src/components/Chat/components/ChatSidebar.tsx"],"sourcesContent":["/**\n * ChatSidebar Component\n *\n * Sidebar with conversation history, search, and management actions.\n * Conversations are grouped by date (Today, Yesterday, Previous 7 days, etc.)\n */\n\nimport React, {\n  useState,\n  useCallback,\n  useMemo,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { Plus, Search, Trash2, MessageSquare, X } from \"lucide-react\";\nimport type { ChatSidebarProps, ChatConversation } from \"../Chat.types\";\nimport styles from \"../Chat.module.css\";\n\n// Date grouping types\ntype DateGroup = \"today\" | \"yesterday\" | \"previous7\" | \"previous30\" | \"older\";\n\nconst groupLabels: Record<DateGroup, string> = {\n  today: \"Today\",\n  yesterday: \"Yesterday\",\n  previous7: \"Previous 7 days\",\n  previous30: \"Previous 30 days\",\n  older: \"Older\",\n};\n\n// Order of date groups for rendering\nconst groupOrder: DateGroup[] = [\n  \"today\",\n  \"yesterday\",\n  \"previous7\",\n  \"previous30\",\n  \"older\",\n];\n\n// Get the date group for a given date\nconst getDateGroup = (date: Date): DateGroup => {\n  const now = new Date();\n  const startOfToday = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate(),\n  );\n  const diff =\n    startOfToday.getTime() -\n    new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();\n  const days = diff / (1000 * 60 * 60 * 24);\n\n  if (days < 1) return \"today\";\n  if (days < 2) return \"yesterday\";\n  if (days < 7) return \"previous7\";\n  if (days < 30) return \"previous30\";\n  return \"older\";\n};\n\n// Format date for display (shown on individual items)\nconst formatDate = (date: Date): string => {\n  const group = getDateGroup(date);\n\n  if (group === \"today\") {\n    return new Intl.DateTimeFormat(\"en-US\", {\n      hour: \"numeric\",\n      minute: \"2-digit\",\n    }).format(date);\n  } else if (group === \"yesterday\") {\n    return \"Yesterday\";\n  } else if (group === \"previous7\") {\n    return new Intl.DateTimeFormat(\"en-US\", {\n      weekday: \"short\",\n    }).format(date);\n  } else {\n    return new Intl.DateTimeFormat(\"en-US\", {\n      month: \"short\",\n      day: \"numeric\",\n    }).format(date);\n  }\n};\n\n// Group conversations by date\nconst groupConversationsByDate = (\n  conversations: ChatConversation[],\n): Map<DateGroup, ChatConversation[]> => {\n  const groups = new Map<DateGroup, ChatConversation[]>();\n\n  // Initialize all groups\n  groupOrder.forEach((group) => groups.set(group, []));\n\n  // Sort and group conversations\n  conversations.forEach((conv) => {\n    const group = getDateGroup(conv.updatedAt);\n    groups.get(group)?.push(conv);\n  });\n\n  return groups;\n};\n\nexport const ChatSidebar: React.FC<ChatSidebarProps> = ({\n  conversations = [],\n  activeConversationId,\n  onSelectConversation,\n  onNewConversation,\n  onDeleteConversation,\n  onSearch,\n  header,\n  footer,\n  collapsed = false,\n  onCollapsedChange,\n  className,\n  ...rest\n}) => {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n  const confirmTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined,\n  );\n\n  // Clear confirm timer on unmount\n  useEffect(() => {\n    return () => {\n      if (confirmTimerRef.current) {\n        clearTimeout(confirmTimerRef.current);\n      }\n    };\n  }, []);\n\n  // Filter conversations based on search\n  const filteredConversations = useMemo(() => {\n    if (!searchQuery.trim()) return conversations;\n\n    const query = searchQuery.toLowerCase();\n    return conversations.filter(\n      (conv) =>\n        conv.title.toLowerCase().includes(query) ||\n        conv.preview?.toLowerCase().includes(query),\n    );\n  }, [conversations, searchQuery]);\n\n  // Group filtered conversations by date\n  const groupedConversations = useMemo(() => {\n    return groupConversationsByDate(filteredConversations);\n  }, [filteredConversations]);\n\n  // Handle search input\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      setSearchQuery(value);\n      onSearch?.(value);\n    },\n    [onSearch],\n  );\n\n  // Handle conversation selection\n  const handleSelectConversation = useCallback(\n    (id: string) => {\n      onSelectConversation?.(id);\n      // Close sidebar on mobile after selection\n      if (collapsed && onCollapsedChange) {\n        onCollapsedChange(true);\n      }\n    },\n    [onSelectConversation, collapsed, onCollapsedChange],\n  );\n\n  // Handle delete with inline confirmation\n  const handleDelete = useCallback(\n    (e: React.MouseEvent, id: string) => {\n      e.stopPropagation();\n\n      if (confirmDeleteId === id) {\n        // Second click: actually delete\n        onDeleteConversation?.(id);\n        setConfirmDeleteId(null);\n        if (confirmTimerRef.current) {\n          clearTimeout(confirmTimerRef.current);\n        }\n      } else {\n        // First click: show confirmation\n        setConfirmDeleteId(id);\n        // Auto-reset after 3 seconds\n        if (confirmTimerRef.current) {\n          clearTimeout(confirmTimerRef.current);\n        }\n        confirmTimerRef.current = setTimeout(() => {\n          setConfirmDeleteId(null);\n        }, 3000);\n      }\n    },\n    [confirmDeleteId, onDeleteConversation],\n  );\n\n  // Check if there are any conversations to show\n  const hasConversations = groupOrder.some(\n    (group) => (groupedConversations.get(group)?.length ?? 0) > 0,\n  );\n\n  return (\n    <>\n      {/* Mobile overlay */}\n      {!collapsed && (\n        <div\n          className={styles.sidebarOverlay}\n          onClick={() => onCollapsedChange?.(true)}\n          aria-hidden=\"true\"\n        />\n      )}\n\n      <aside\n        className={[\n          styles.sidebar,\n          collapsed && styles.sidebarCollapsed,\n          !collapsed && styles.sidebarOpen,\n          className,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        {...rest}\n      >\n        {/* Header */}\n        <div className={styles.sidebarHeader}>\n          {header || (\n            <>\n              <button\n                className={[\n                  styles.inputButton,\n                  styles.inputButtonPrimary,\n                  styles.sidebarNewButton,\n                ]\n                  .filter(Boolean)\n                  .join(\" \")}\n                onClick={onNewConversation}\n                aria-label=\"New conversation\"\n              >\n                <span className={styles.sidebarNewButtonInner}>\n                  <Plus size={18} />\n                  <span>New Chat</span>\n                </span>\n              </button>\n\n              {/* Mobile close button */}\n              <button\n                className={[styles.inputButton, styles.sidebarCloseButton].join(\n                  \" \",\n                )}\n                onClick={() => onCollapsedChange?.(true)}\n                aria-label=\"Close sidebar\"\n              >\n                <X size={20} />\n              </button>\n            </>\n          )}\n        </div>\n\n        {/* Search */}\n        <div className={styles.sidebarSearch}>\n          <div className={styles.sidebarSearchWrapper}>\n            <Search size={16} className={styles.sidebarSearchIcon} />\n            <input\n              type=\"search\"\n              className={[\n                styles.sidebarSearchInput,\n                styles.sidebarSearchInputWithIcon,\n              ].join(\" \")}\n              placeholder=\"Search conversations...\"\n              value={searchQuery}\n              onChange={handleSearchChange}\n              aria-label=\"Search conversations\"\n            />\n          </div>\n        </div>\n\n        {/* Conversation list with date grouping */}\n        <div\n          className={styles.sidebarList}\n          role=\"list\"\n          aria-label=\"Conversations\"\n        >\n          {!hasConversations ? (\n            <div className={styles.sidebarEmpty}>\n              <MessageSquare size={32} className={styles.sidebarEmptyIcon} />\n              <p>\n                {searchQuery\n                  ? \"No conversations found\"\n                  : \"No conversations yet\"}\n              </p>\n            </div>\n          ) : (\n            groupOrder.map((group) => {\n              const groupConvs = groupedConversations.get(group) ?? [];\n              if (groupConvs.length === 0) return null;\n\n              return (\n                <div key={group}>\n                  <div className={styles.sidebarGroupHeader}>\n                    {groupLabels[group]}\n                  </div>\n                  {groupConvs.map((conversation) => (\n                    <button\n                      key={conversation.id}\n                      className={[\n                        styles.sidebarItem,\n                        conversation.id === activeConversationId &&\n                          styles.sidebarItemActive,\n                      ]\n                        .filter(Boolean)\n                        .join(\" \")}\n                      onClick={() => handleSelectConversation(conversation.id)}\n                      role=\"listitem\"\n                      aria-selected={conversation.id === activeConversationId}\n                      aria-label={`Conversation: ${conversation.title}`}\n                    >\n                      <MessageSquare\n                        size={18}\n                        className={styles.sidebarItemIcon}\n                      />\n\n                      <div className={styles.sidebarItemContent}>\n                        <span className={styles.sidebarItemTitle}>\n                          {conversation.title}\n                        </span>\n                        {conversation.preview && (\n                          <span className={styles.sidebarItemPreview}>\n                            {conversation.preview}\n                          </span>\n                        )}\n                      </div>\n\n                      <span className={styles.sidebarItemDate}>\n                        {formatDate(conversation.updatedAt)}\n                      </span>\n\n                      {onDeleteConversation && (\n                        <button\n                          className={styles.sidebarItemDelete}\n                          onClick={(e) => handleDelete(e, conversation.id)}\n                          aria-label={\n                            confirmDeleteId === conversation.id\n                              ? `Confirm delete ${conversation.title}`\n                              : `Delete ${conversation.title}`\n                          }\n                        >\n                          {confirmDeleteId === conversation.id ? (\n                            <span className={styles.sidebarItemDeleteConfirm}>\n                              Delete?\n                            </span>\n                          ) : (\n                            <Trash2 size={16} />\n                          )}\n                        </button>\n                      )}\n                    </button>\n                  ))}\n                </div>\n              );\n            })\n          )}\n        </div>\n\n        {/* Footer */}\n        {footer && <div className={styles.sidebarFooter}>{footer}</div>}\n      </aside>\n    </>\n  );\n};\n\nChatSidebar.displayName = \"ChatSidebar\";\n"],"names":["groupLabels","groupOrder","getDateGroup","date","now","days","formatDate","group","groupConversationsByDate","conversations","groups","conv","ChatSidebar","activeConversationId","onSelectConversation","onNewConversation","onDeleteConversation","onSearch","header","footer","collapsed","onCollapsedChange","className","rest","searchQuery","setSearchQuery","useState","confirmDeleteId","setConfirmDeleteId","confirmTimerRef","useRef","useEffect","filteredConversations","useMemo","query","groupedConversations","handleSearchChange","useCallback","e","value","handleSelectConversation","id","handleDelete","hasConversations","jsxs","Fragment","jsx","styles","Plus","X","Search","groupConvs","conversation","MessageSquare","Trash2"],"mappings":"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"}