laif-ds 0.2.74 → 0.2.75

package/dist/components/ui/markdown-renderer.js

@@ -1,37 +1,37 @@
 "use client";
-import { jsx as t, jsxs as p, Fragment as f } from "react/jsx-runtime";
-import y, { Suspense as x } from "react";
-import { cn as m } from "../../lib/utils.js";
+import { jsx as o, jsxs as p, Fragment as y } from "react/jsx-runtime";
+import g, { Suspense as x } from "react";
 import { CopyButton as k } from "./copy-button.js";
+import { cn as m } from "../../lib/utils.js";
 import { Markdown as N } from "../../node_modules/react-markdown/lib/index.js";
 import v from "../../node_modules/remark-gfm/lib/index.js";
 function q({ children: e }) {
-  return /* @__PURE__ */ t("div", { className: "space-y-3", children: /* @__PURE__ */ t(N, { remarkPlugins: [v], components: C, children: e }) });
+  return /* @__PURE__ */ o("div", { className: "space-y-3", children: /* @__PURE__ */ o(N, { remarkPlugins: [v], components: C, children: e }) });
 }
-const g = y.memo(
-  async ({ children: e, language: o, ...n }) => {
-    const { codeToTokens: d, bundledLanguages: i } = await import("../../node_modules/shiki/dist/index.js");
-    if (!(o in i))
-      return /* @__PURE__ */ t("pre", { ...n, children: e });
-    const { tokens: l } = await d(e, {
-      lang: o,
+const h = g.memo(
+  async ({ children: e, language: t, ...n }) => {
+    const { codeToTokens: i, bundledLanguages: d } = await import("../../node_modules/shiki/dist/index.js");
+    if (!(t in d))
+      return /* @__PURE__ */ o("pre", { ...n, children: e });
+    const { tokens: l } = await i(e, {
+      lang: t,
       defaultColor: !1,
       themes: {
         light: "github-light",
         dark: "github-dark"
       }
     });
-    return /* @__PURE__ */ t("pre", { ...n, children: /* @__PURE__ */ t("code", { children: l.map((h, c) => /* @__PURE__ */ p(f, { children: [
-      /* @__PURE__ */ t("span", { children: h.map((a, u) => {
-        const b = typeof a.htmlStyle == "string" ? void 0 : a.htmlStyle;
-        return /* @__PURE__ */ t(
+    return /* @__PURE__ */ o("pre", { ...n, children: /* @__PURE__ */ o("code", { children: l.map((u, c) => /* @__PURE__ */ p(y, { children: [
+      /* @__PURE__ */ o("span", { children: u.map((a, b) => {
+        const f = typeof a.htmlStyle == "string" ? void 0 : a.htmlStyle;
+        return /* @__PURE__ */ o(
           "span",
           {
             className: "text-shiki-light bg-shiki-light-bg dark:text-shiki-dark dark:bg-shiki-dark-bg",
-            style: b,
+            style: f,
             children: a.content
           },
-          u
+          b
         );
       }) }, c),
       c !== l.length - 1 && `
@@ -39,34 +39,34 @@ const g = y.memo(
     ] })) }) });
   }
 );
-g.displayName = "HighlightedCode";
+h.displayName = "HighlightedCode";
 const w = ({
   children: e,
-  className: o,
+  className: t,
   language: n,
-  ...d
+  ...i
 }) => {
-  const i = typeof e == "string" ? e : s(e), l = m(
+  const d = typeof e == "string" ? e : s(e), l = m(
     "overflow-x-scroll rounded-md border  border-d-border bg-d-background/50 p-4 font-mono text-sm [scrollbar-width:none]",
-    o
+    t
   );
   return /* @__PURE__ */ p("div", { className: "group/code relative mb-4", children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       x,
       {
-        fallback: /* @__PURE__ */ t("pre", { className: l, ...d, children: e }),
-        children: /* @__PURE__ */ t(g, { language: n, className: l, children: i })
+        fallback: /* @__PURE__ */ o("pre", { className: l, ...i, children: e }),
+        children: /* @__PURE__ */ o(h, { language: n, className: l, children: d })
       }
     ),
-    /* @__PURE__ */ t("div", { className: "invisible absolute top-2 right-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ t(k, { content: i, copyMessage: "Copied code to clipboard" }) })
+    /* @__PURE__ */ o("div", { className: "invisible absolute top-2 right-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ o(k, { content: d, copyMessage: "Copied code to clipboard" }) })
   ] });
 };
 function s(e) {
   if (typeof e == "string")
     return e;
-  if (e?.props?.children) {
-    let o = e.props.children;
-    return Array.isArray(o) ? o.map((n) => s(n)).join("") : s(o);
+  if (g.isValidElement(e) && e.props && typeof e.props == "object" && "children" in e.props) {
+    const t = e.props.children;
+    return t && typeof t == "object" && Array.isArray(t) ? t.map((n) => s(n)).join("") : s(t);
   }
   return "";
 }
@@ -79,15 +79,19 @@ const C = {
   strong: r("strong", "font-semibold"),
   a: r("a", "text-d-primary underline underline-offset-2"),
   blockquote: r("blockquote", "border-l-2 border-d-primary pl-4"),
-  code: ({ children: e, className: o, node: n, ...d }) => {
-    const i = /language-(\w+)/.exec(o || "");
-    return i ? /* @__PURE__ */ t(w, { className: o, language: i[1], ...d, children: e }) : /* @__PURE__ */ t(
+  code: ({
+    children: e,
+    className: t,
+    ...n
+  }) => {
+    const i = /language-(\w+)/.exec(t || "");
+    return i ? /* @__PURE__ */ o(w, { className: t, language: i[1], ...n, children: e }) : /* @__PURE__ */ o(
       "code",
       {
         className: m(
           "[:not(pre)>&]:bg-d-background/50 font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5"
         ),
-        ...d,
+        ...n,
         children: e
       }
     );
@@ -112,8 +116,10 @@ const C = {
   p: r("p", "whitespace-pre-wrap"),
   hr: r("hr", "border-foreground/20")
 };
-function r(e, o) {
-  const n = ({ node: d, ...i }) => /* @__PURE__ */ t(e, { className: o, ...i });
+function r(e, t) {
+  const n = ({
+    ...i
+  }) => /* @__PURE__ */ o(e, { className: t, ...i });
   return n.displayName = String(e), n;
 }
 export {

package/dist/components/ui/message-input.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { AnimatePresence as v, motion as w } from "framer-motion";
-import { useState as y, useEffect as S, useRef as Q } from "react";
-import { omit as T } from "../../node_modules/remeda/dist/omit-HZOiLuMO.js";
+import { useState as y, useEffect as z, useRef as Q } from "react";
+import { omit as S } from "../../node_modules/remeda/dist/omit-HZOiLuMO.js";
 import { AudioVisualizer as X } from "./audio-visualizer.js";
 import { Button as g } from "./button.js";
 import { FilePreview as Y } from "./file-preview/index.js";
 import { InterruptPrompt as Z } from "./interrupt-prompt.js";
 import { useAudioRecording as _ } from "../../hooks/use-audio-recording.js";
 import { useAutosizeTextArea as $ } from "../../hooks/use-autosize-textarea.js";
-import { cn as C } from "../../lib/utils.js";
-import P from "../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
+import { cn as T } from "../../lib/utils.js";
+import C from "../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
 import G from "../../node_modules/lucide-react/dist/esm/icons/mic.js";
 import ee from "../../node_modules/lucide-react/dist/esm/icons/square.js";
 import te from "../../node_modules/lucide-react/dist/esm/icons/arrow-up.js";
@@ -24,39 +24,41 @@ function ae({
   stop: s,
   isGenerating: u,
   enableInterrupt: A = !0,
-  transcribeAudio: I,
-  "data-testid": R,
+  transcribeAudio: P,
+  "data-testid": I,
   ...r
 }) {
-  const [F, x] = y(!1), [N, f] = y(!1), {
-    isListening: L,
-    isSpeechSupported: M,
+  const [R, x] = y(!1), [N, f] = y(!1), {
+    isListening: F,
+    isSpeechSupported: L,
     isRecording: D,
-    isTranscribing: O,
-    audioStream: j,
-    toggleListening: q,
+    isTranscribing: M,
+    audioStream: O,
+    toggleListening: j,
     stopRecording: k
   } = _({
-    transcribeAudio: I,
+    transcribeAudio: P,
     onTranscriptionComplete: (t) => {
-      r.onChange?.({ target: { value: t } });
+      r.onChange?.({
+        target: { value: t }
+      });
     }
   });
-  S(() => {
+  z(() => {
     u || f(!1);
   }, [u]);
   const h = (t) => {
     r.allowAttachments && r.setFiles((a) => a === null ? t : t === null ? a : [...a, ...t]);
-  }, E = (t) => {
+  }, q = (t) => {
     r.allowAttachments === !0 && (t.preventDefault(), x(!0));
-  }, H = (t) => {
+  }, E = (t) => {
     r.allowAttachments === !0 && (t.preventDefault(), x(!1));
-  }, K = (t) => {
+  }, H = (t) => {
     if (x(!1), r.allowAttachments !== !0) return;
     t.preventDefault();
     const a = t.dataTransfer;
     a.files.length && h(Array.from(a.files));
-  }, U = (t) => {
+  }, K = (t) => {
     const a = t.clipboardData?.items;
     if (!a) return;
     const c = t.clipboardData.getData("text");
@@ -71,7 +73,7 @@ function ae({
     }
     const b = Array.from(a).map((m) => m.getAsFile()).filter((m) => m !== null);
     r.allowAttachments && b.length > 0 && h(b);
-  }, V = (t) => {
+  }, U = (t) => {
     if (l && t.key === "Enter" && !t.shiftKey) {
       if (t.preventDefault(), u && s && A) {
         if (N)
@@ -86,23 +88,22 @@ function ae({
     d?.(t);
   }, p = Q(
     null
-  ), [B, W] = y(0);
-  S(() => {
-    p.current && W(p.current.offsetHeight);
+  ), [V, B] = y(0);
+  z(() => {
+    p.current && B(p.current.offsetHeight);
   }, [r.value]);
-  const z = r.allowAttachments && r.files && r.files.length > 0;
+  const W = r.allowAttachments && r.files && r.files.length > 0;
   return $({
     ref: p,
     maxHeight: 240,
-    borderWidth: 1,
-    dependencies: [r.value, z]
+    borderWidth: 1
   }), /* @__PURE__ */ o(
     "div",
     {
       className: "relative flex w-full",
-      onDragOver: E,
-      onDragLeave: H,
-      onDrop: K,
+      onDragOver: q,
+      onDragLeave: E,
+      onDrop: H,
       children: [
         A && /* @__PURE__ */ e(
           Z,
@@ -125,15 +126,15 @@ function ae({
               "aria-label": "Write your prompt here",
               placeholder: i,
               ref: p,
-              onPaste: U,
-              onKeyDown: V,
-              "data-testid": R,
-              className: C(
+              onPaste: K,
+              onKeyDown: U,
+              "data-testid": I,
+              className: T(
                 "border-d-input bg-d-input ring-offset-d-background placeholder:text-d-muted-foreground focus-visible:border-d-primary z-10 w-full grow resize-none rounded-xl border p-3 pr-24 text-sm transition-[border] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-                z && "pb-16",
+                W && "pb-16",
                 n
               ),
-              ...r.allowAttachments ? T(r, ["allowAttachments", "files", "setFiles"]) : T(r, ["allowAttachments"])
+              ...r.allowAttachments ? S(r, ["allowAttachments", "files", "setFiles"]) : S(r, ["allowAttachments"])
             }
           ),
           r.allowAttachments && /* @__PURE__ */ e("div", { className: "absolute inset-x-3 bottom-2 z-20 overflow-x-scroll py-3 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ e("div", { className: "flex space-x-3", children: /* @__PURE__ */ e(v, { mode: "popLayout", children: r.files?.map((t) => /* @__PURE__ */ e(
@@ -166,18 +167,18 @@ function ae({
                 const t = await le();
                 h(t);
               },
-              children: /* @__PURE__ */ e(P, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(C, { className: "h-4 w-4" })
             }
           ),
-          M && /* @__PURE__ */ e(
+          L && /* @__PURE__ */ e(
             g,
             {
               type: "button",
               variant: "outline",
-              className: C("h-8 w-8", L && "text-d-primary"),
+              className: T("h-8 w-8", F && "text-d-primary"),
               "aria-label": "Voice input",
               size: "icon",
-              onClick: q,
+              onClick: j,
               children: /* @__PURE__ */ e(G, { className: "h-4 w-4" })
             }
           ),
@@ -203,14 +204,14 @@ function ae({
             }
           )
         ] }),
-        r.allowAttachments && /* @__PURE__ */ e(ne, { isDragging: F }),
+        r.allowAttachments && /* @__PURE__ */ e(ne, { isDragging: R }),
         /* @__PURE__ */ e(
           ce,
           {
             isRecording: D,
-            isTranscribing: O,
-            audioStream: j,
-            textAreaHeight: B,
+            isTranscribing: M,
+            audioStream: O,
+            textAreaHeight: V,
             onStopRecording: k
           }
         )
@@ -230,7 +231,7 @@ function ne({ isDragging: i }) {
       transition: { duration: 0.2 },
       "aria-hidden": !0,
       children: [
-        /* @__PURE__ */ e(P, { className: "h-4 w-4" }),
+        /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
         /* @__PURE__ */ e("span", { children: "Drop your files here to attach them." })
       ]
     }