laif-ds 0.2.1 → 0.2.2

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  a as default
+  m as default
 };

package/dist/_virtual/index4.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const x = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
+var t = e();
+const a = /* @__PURE__ */ r(t);
 export {
-  x as default
+  a as default
 };

package/dist/_virtual/index5.js

@@ -1,8 +1,8 @@
 "use client";
 import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/eventemitter3/index2.js";
-var r = t();
-const m = /* @__PURE__ */ e(r);
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  m as default
+  x as default
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,5 @@
 "use client";
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,5 @@
 "use client";
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

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

@@ -1,21 +1,21 @@
 "use client";
-import { jsxs as o, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { useMemo as I, useState as B, useRef as M, useEffect as F, Suspense as w } from "react";
-import { cva as W } from "../../node_modules/class-variance-authority/dist/index.js";
-import { motion as $ } from "framer-motion";
+import { jsxs as n, jsx as e, Fragment as T } from "react/jsx-runtime";
+import { useMemo as P, useState as N, useRef as V, useEffect as j, Suspense as D } from "react";
+import { cva as X } from "../../node_modules/class-variance-authority/dist/index.js";
+import { motion as J } from "framer-motion";
 import { cn as l } from "../../lib/utils.js";
-import { Collapsible as j, CollapsibleTrigger as L, CollapsibleContent as P } from "./collapsible.js";
-import { FilePreview as V } from "./file-preview.js";
-import { MarkdownRenderer as k } from "./markdown-renderer.js";
-import E from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import S from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-import U from "../../node_modules/lucide-react/dist/esm/icons/pen.js";
-import X from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import z from "../../node_modules/lucide-react/dist/esm/icons/ban.js";
-import J from "../../node_modules/lucide-react/dist/esm/icons/code-xml.js";
-import _ from "../../node_modules/lucide-react/dist/esm/icons/terminal.js";
-import q from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-const R = W(
+import { Collapsible as _, CollapsibleTrigger as q, CollapsibleContent as G } from "./collapsible.js";
+import { FilePreview as H } from "./file-preview.js";
+import { MarkdownRenderer as M } from "./markdown-renderer.js";
+import O from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import R from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+import K from "../../node_modules/lucide-react/dist/esm/icons/pen.js";
+import Q from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import W from "../../node_modules/lucide-react/dist/esm/icons/ban.js";
+import Y from "../../node_modules/lucide-react/dist/esm/icons/code-xml.js";
+import Z from "../../node_modules/lucide-react/dist/esm/icons/terminal.js";
+import A from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+const z = X(
   "group/message relative break-words rounded-lg p-3 text-sm sm:max-w-[70%]",
   {
     variants: {
@@ -53,388 +53,385 @@ const R = W(
       }
     ]
   }
-), fe = ({
-  role: i,
-  content: n,
-  createdAt: a,
-  showTimeStamp: f = !1,
-  animation: m = "scale",
-  actions: b,
-  onEdit: T,
-  experimental_attachments: O,
-  toolInvocations: h,
-  parts: N
+), xe = ({
+  role: s,
+  content: t,
+  createdAt: o,
+  showTimeStamp: g = !1,
+  animation: u = "scale",
+  actions: p,
+  onEdit: v,
+  experimental_attachments: B,
+  toolInvocations: y,
+  parts: w
 }) => {
-  const D = I(() => O?.map((r) => {
-    const s = G(r.url);
-    return new File([s], r.name ?? "Unknown");
-  }), [O]), d = i === "user", x = !d && T, [t, u] = B(!1), c = M(null);
-  F(() => {
-    if (t && c.current) {
-      c.current.focus();
-      const r = document.createRange(), s = window.getSelection();
-      r.selectNodeContents(c.current), r.collapse(!1), s?.removeAllRanges(), s?.addRange(r);
-    }
-  }, [t]);
-  const p = () => {
-    const r = c.current?.textContent || "";
-    r.trim() && r !== n && T?.(r.trim()), u(!1);
-  }, g = () => {
-    u(!1);
-  }, v = (r) => {
-    r.key === "Enter" && !r.shiftKey ? (r.preventDefault(), p()) : r.key === "Escape" && (r.preventDefault(), g());
-  }, y = a?.toLocaleTimeString("en-US", {
+  const I = P(() => B?.map((r) => {
+    const m = ee(r.url);
+    return new File([m], r.name ?? "Unknown");
+  }), [B]), i = s === "user", C = !i && v, [a, k] = N(!1), [c, f] = N(t), [b, F] = N(t), d = V(null);
+  j(() => {
+    a || (F(t), f(t));
+  }, [t, a]), j(() => {
+    a && d.current && (d.current.focus(), d.current.setSelectionRange(
+      d.current.value.length,
+      d.current.value.length
+    ));
+  }, [a]);
+  const S = () => {
+    f(b), k(!0);
+  }, h = () => {
+    const r = c.trim();
+    r && r !== t && (F(r), v && v(r)), k(!1);
+  }, x = () => {
+    f(b), k(!1);
+  }, E = (r) => {
+    r.key === "Enter" && !r.shiftKey ? (r.preventDefault(), h()) : r.key === "Escape" && (r.preventDefault(), x());
+  }, U = o?.toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit"
   });
-  return d ? /* @__PURE__ */ o(
+  return i ? /* @__PURE__ */ n(
     "div",
     {
-      className: l("flex flex-col", d ? "items-end" : "items-start"),
+      className: l("flex flex-col", i ? "items-end" : "items-start"),
       children: [
-        D ? /* @__PURE__ */ e("div", { className: "mb-1 flex flex-wrap gap-2", children: D.map((r, s) => /* @__PURE__ */ e(V, { file: r }, s)) }) : null,
-        /* @__PURE__ */ o(
+        I ? /* @__PURE__ */ e("div", { className: "mb-1 flex flex-wrap gap-2", children: I.map((r, m) => /* @__PURE__ */ e(H, { file: r }, m)) }) : null,
+        /* @__PURE__ */ n(
           "div",
           {
             className: l(
-              R({ isUser: d, animation: m }),
+              z({ isUser: i, animation: u }),
               "group relative",
-              t && "border-d-primary border"
+              a && "border-d-primary border"
             ),
             children: [
-              /* @__PURE__ */ e(
-                "div",
+              a ? /* @__PURE__ */ e(
+                "textarea",
+                {
+                  ref: d,
+                  value: c,
+                  onChange: (r) => f(r.target.value),
+                  onKeyDown: E,
+                  className: "w-full resize-none border-none bg-transparent p-0 focus:outline-none",
+                  rows: Math.max(2, c.split(`
+`).length)
+                }
+              ) : /* @__PURE__ */ e("div", { className: "pointer-events-none", children: /* @__PURE__ */ e(
+                D,
                 {
-                  ref: c,
-                  contentEditable: t,
-                  onKeyDown: t ? v : void 0,
-                  className: l(
-                    "focus:outline-none",
-                    !t && "pointer-events-none"
-                  ),
-                  suppressContentEditableWarning: !0,
-                  children: /* @__PURE__ */ e(
-                    w,
-                    {
-                      fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }),
-                      children: /* @__PURE__ */ e(k, { children: n })
-                    }
-                  )
+                  fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }),
+                  children: /* @__PURE__ */ e(M, { children: b })
                 }
-              ),
-              x && /* @__PURE__ */ e("div", { className: "absolute -top-2 -right-2 flex gap-1", children: t ? /* @__PURE__ */ o(C, { children: [
+              ) }),
+              C && /* @__PURE__ */ e("div", { className: "absolute -top-2 -right-2 flex gap-1", children: a ? /* @__PURE__ */ n(T, { children: [
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: g,
+                    onClick: x,
                     className: "bg-d-background border-d-border hover:bg-d-muted rounded-full border p-1 transition-colors",
                     title: "Cancel",
-                    children: /* @__PURE__ */ e(E, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ e(O, { className: "h-3 w-3" })
                   }
                 ),
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: p,
+                    onClick: h,
                     className: "bg-d-background border-d-border hover:bg-d-muted rounded-full border p-1 transition-colors",
                     title: "Save",
-                    children: /* @__PURE__ */ e(S, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ e(R, { className: "h-3 w-3" })
                   }
                 )
               ] }) : /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => u(!0),
+                  onClick: S,
                   className: "bg-d-background border-d-border hover:bg-d-muted rounded-full border p-1 opacity-0 transition-opacity group-hover:opacity-100",
                   title: "Edit message",
-                  children: /* @__PURE__ */ e(U, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ e(K, { className: "h-3 w-3" })
                 }
               ) })
             ]
           }
         ),
-        f && a ? /* @__PURE__ */ e(
+        g && o ? /* @__PURE__ */ e(
           "time",
           {
-            dateTime: a.toISOString(),
+            dateTime: o.toISOString(),
             className: l(
               "mt-1 block px-1 text-xs opacity-50",
-              m !== "none" && "animate-in fade-in-0 duration-500"
+              u !== "none" && "animate-in fade-in-0 duration-500"
             ),
-            children: y
+            children: U
           }
         ) : null
       ]
     }
-  ) : N && N.length > 0 ? N.map((r, s) => r.type === "text" ? /* @__PURE__ */ o(
+  ) : w && w.length > 0 ? w.map((r, m) => r.type === "text" ? /* @__PURE__ */ n(
     "div",
     {
       className: l(
         "flex flex-col",
-        d ? "items-end" : "items-start"
+        i ? "items-end" : "items-start"
       ),
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ n(
           "div",
           {
             className: l(
-              R({ isUser: d, animation: m }),
+              z({ isUser: i, animation: u }),
               "group relative",
-              t && "border-d-primary border"
+              a && "border-d-primary border"
             ),
             children: [
-              /* @__PURE__ */ e(
-                "div",
+              a ? /* @__PURE__ */ e(
+                "textarea",
+                {
+                  ref: d,
+                  value: c,
+                  onChange: ($) => f($.target.value),
+                  onKeyDown: E,
+                  className: "w-full resize-none border-none bg-transparent p-0 focus:outline-none",
+                  rows: Math.max(2, c.split(`
+`).length)
+                }
+              ) : /* @__PURE__ */ e("div", { className: "pointer-events-none", children: /* @__PURE__ */ e(
+                D,
                 {
-                  ref: c,
-                  contentEditable: t,
-                  onKeyDown: t ? v : void 0,
-                  className: l(
-                    "focus:outline-none",
-                    !t && "pointer-events-none"
-                  ),
-                  suppressContentEditableWarning: !0,
-                  children: /* @__PURE__ */ e(
-                    w,
-                    {
-                      fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }),
-                      children: /* @__PURE__ */ e(k, { children: r.text })
-                    }
-                  )
+                  fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }),
+                  children: /* @__PURE__ */ e(M, { children: r.text })
                 }
-              ),
-              x && /* @__PURE__ */ e("div", { className: "absolute -top-2 -right-2 flex gap-1", children: t ? /* @__PURE__ */ o(C, { children: [
+              ) }),
+              C && /* @__PURE__ */ e("div", { className: "absolute -top-2 -right-2 flex gap-1", children: a ? /* @__PURE__ */ n(T, { children: [
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: g,
+                    onClick: x,
                     className: "bg-d-background border-d-border hover:bg-d-muted rounded-full border p-1 transition-colors",
                     title: "Cancel",
-                    children: /* @__PURE__ */ e(E, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ e(O, { className: "h-3 w-3" })
                   }
                 ),
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: p,
+                    onClick: h,
                     className: "bg-d-background border-d-border hover:bg-d-muted rounded-full border p-1 transition-colors",
                     title: "Save",
-                    children: /* @__PURE__ */ e(S, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ e(R, { className: "h-3 w-3" })
                   }
                 )
               ] }) : /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => u(!0),
+                  onClick: S,
                   className: "bg-d-background border-d-border hover:bg-d-muted rounded-full border p-1 opacity-0 transition-opacity group-hover:opacity-100",
                   title: "Edit message",
-                  children: /* @__PURE__ */ e(U, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ e(K, { className: "h-3 w-3" })
                 }
               ) }),
-              b && !t ? /* @__PURE__ */ e("div", { className: "bg-d-background text-d-foreground border-d-border absolute right-2 -bottom-4 flex space-x-1 rounded-lg border p-1 opacity-0 transition-opacity group-hover/message:opacity-100", children: b }) : null
+              p && !a ? /* @__PURE__ */ e("div", { className: "bg-d-background text-d-foreground border-d-border absolute right-2 -bottom-4 flex space-x-1 rounded-lg border p-1 opacity-0 transition-opacity group-hover/message:opacity-100", children: p }) : null
             ]
           }
         ),
-        f && a ? /* @__PURE__ */ e(
+        g && o ? /* @__PURE__ */ e(
           "time",
           {
-            dateTime: a.toISOString(),
+            dateTime: o.toISOString(),
             className: l(
               "mt-1 block px-1 text-xs opacity-50",
-              m !== "none" && "animate-in fade-in-0 duration-500"
+              u !== "none" && "animate-in fade-in-0 duration-500"
             ),
-            children: y
+            children: U
           }
         ) : null
       ]
     },
-    `text-${s}`
-  ) : r.type === "reasoning" ? /* @__PURE__ */ e(H, { part: r }, `reasoning-${s}`) : r.type === "tool-invocation" ? /* @__PURE__ */ e(
-    K,
+    `text-${m}`
+  ) : r.type === "reasoning" ? /* @__PURE__ */ e(re, { part: r }, `reasoning-${m}`) : r.type === "tool-invocation" ? /* @__PURE__ */ e(
+    L,
     {
       toolInvocations: [r.toolInvocation]
     },
-    `tool-${s}`
-  ) : null) : h && h.length > 0 ? /* @__PURE__ */ e(K, { toolInvocations: h }) : /* @__PURE__ */ o("div", { className: l("flex flex-col", d ? "items-end" : "items-start"), children: [
-    /* @__PURE__ */ o(
+    `tool-${m}`
+  ) : null) : y && y.length > 0 ? /* @__PURE__ */ e(L, { toolInvocations: y }) : /* @__PURE__ */ n("div", { className: l("flex flex-col", i ? "items-end" : "items-start"), children: [
+    /* @__PURE__ */ n(
       "div",
       {
         className: l(
-          R({ isUser: d, animation: m }),
+          z({ isUser: i, animation: u }),
           "group relative",
-          t && "border-d-primary border"
+          a && "border-d-primary border"
         ),
         children: [
-          /* @__PURE__ */ e(
-            "div",
+          a ? /* @__PURE__ */ e(
+            "textarea",
             {
-              ref: c,
-              contentEditable: t,
-              onKeyDown: t ? v : void 0,
-              className: l(
-                "focus:outline-none",
-                !t && "pointer-events-none"
-              ),
-              suppressContentEditableWarning: !0,
-              children: /* @__PURE__ */ e(
-                w,
-                {
-                  fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }),
-                  children: /* @__PURE__ */ e(k, { children: n })
-                }
-              )
+              ref: d,
+              value: c,
+              onChange: (r) => f(r.target.value),
+              onKeyDown: E,
+              className: "w-full resize-none border-none bg-transparent p-0 focus:outline-none",
+              rows: Math.max(2, c.split(`
+`).length)
             }
-          ),
-          x && /* @__PURE__ */ e("div", { className: "absolute -top-2 -right-2 flex gap-1", children: t ? /* @__PURE__ */ o(C, { children: [
+          ) : /* @__PURE__ */ e("div", { className: "pointer-events-none", children: /* @__PURE__ */ e(
+            D,
+            {
+              fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }),
+              children: /* @__PURE__ */ e(M, { children: b })
+            }
+          ) }),
+          C && /* @__PURE__ */ e("div", { className: "absolute -top-2 -right-2 flex gap-1", children: a ? /* @__PURE__ */ n(T, { children: [
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: g,
+                onClick: x,
                 className: "bg-d-background border-d-border hover:bg-d-muted rounded-full border p-1 transition-colors",
                 title: "Cancel",
-                children: /* @__PURE__ */ e(E, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ e(O, { className: "h-3 w-3" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: p,
+                onClick: h,
                 className: "bg-d-background border-d-border hover:bg-d-muted rounded-full border p-1 transition-colors",
                 title: "Save",
-                children: /* @__PURE__ */ e(S, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ e(R, { className: "h-3 w-3" })
               }
             )
           ] }) : /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => u(!0),
+              onClick: S,
               className: "bg-d-background border-d-border hover:bg-d-muted rounded-full border p-1 opacity-0 transition-opacity group-hover:opacity-100",
               title: "Edit message",
-              children: /* @__PURE__ */ e(U, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ e(K, { className: "h-3 w-3" })
             }
           ) }),
-          b && !t ? /* @__PURE__ */ e("div", { className: "bg-d-background text-foreground absolute right-2 -bottom-4 flex space-x-1 rounded-lg border p-1 opacity-0 transition-opacity group-hover/message:opacity-100", children: b }) : null
+          p && !a ? /* @__PURE__ */ e("div", { className: "bg-d-background text-foreground absolute right-2 -bottom-4 flex space-x-1 rounded-lg border p-1 opacity-0 transition-opacity group-hover/message:opacity-100", children: p }) : null
         ]
       }
     ),
-    f && a ? /* @__PURE__ */ e(
+    g && o ? /* @__PURE__ */ e(
       "time",
       {
-        dateTime: a.toISOString(),
+        dateTime: o.toISOString(),
         className: l(
           "mt-1 block px-1 text-xs opacity-50",
-          m !== "none" && "animate-in fade-in-0 duration-500"
+          u !== "none" && "animate-in fade-in-0 duration-500"
         ),
-        children: y
+        children: U
       }
     ) : null
   ] });
 };
-function G(i) {
-  const n = i.split(",")[1], a = Buffer.from(n, "base64");
-  return new Uint8Array(a);
+function ee(s) {
+  const t = s.split(",")[1], o = Buffer.from(t, "base64");
+  return new Uint8Array(o);
 }
-const H = ({ part: i }) => {
-  const [n, a] = B(!1);
-  return /* @__PURE__ */ e("div", { className: "mb-2 flex flex-col items-start sm:max-w-[70%]", children: /* @__PURE__ */ o(
-    j,
+const re = ({ part: s }) => {
+  const [t, o] = N(!1);
+  return /* @__PURE__ */ e("div", { className: "mb-2 flex flex-col items-start sm:max-w-[70%]", children: /* @__PURE__ */ n(
+    _,
     {
-      open: n,
-      onOpenChange: a,
+      open: t,
+      onOpenChange: o,
       className: "group bg-d-secondary/50 border-d-border w-full overflow-hidden rounded-lg",
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center p-2", children: /* @__PURE__ */ e(L, { asChild: !0, children: /* @__PURE__ */ o("button", { className: "text-d-secondary-foreground hover:text-d-foreground flex items-center gap-2 text-sm", children: [
-          /* @__PURE__ */ e(X, { className: "h-4 w-4 transition-transform group-data-[state=open]:rotate-90" }),
+        /* @__PURE__ */ e("div", { className: "flex items-center p-2", children: /* @__PURE__ */ e(q, { asChild: !0, children: /* @__PURE__ */ n("button", { className: "text-d-secondary-foreground hover:text-d-foreground flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ e(Q, { className: "h-4 w-4 transition-transform group-data-[state=open]:rotate-90" }),
           /* @__PURE__ */ e("span", { children: "Thinking" })
         ] }) }) }),
-        /* @__PURE__ */ e(P, { forceMount: !0, children: /* @__PURE__ */ e(
-          $.div,
+        /* @__PURE__ */ e(G, { forceMount: !0, children: /* @__PURE__ */ e(
+          J.div,
           {
             initial: !1,
-            animate: n ? "open" : "closed",
+            animate: t ? "open" : "closed",
             variants: {
               open: { height: "auto", opacity: 1 },
               closed: { height: 0, opacity: 0 }
             },
             transition: { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] },
             className: "border-d-border border-t",
-            children: /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("div", { className: "text-xs whitespace-pre-wrap", children: i.reasoning }) })
+            children: /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("div", { className: "text-xs whitespace-pre-wrap", children: s.reasoning }) })
           }
         ) })
       ]
     }
   ) });
 };
-function K({
-  toolInvocations: i
+function L({
+  toolInvocations: s
 }) {
-  return i?.length ? /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-2", children: i.map((n, a) => {
-    if (n.state === "result" && n.result.__cancelled === !0)
-      return /* @__PURE__ */ o(
+  return s?.length ? /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-2", children: s.map((t, o) => {
+    if (t.state === "result" && t.result.__cancelled === !0)
+      return /* @__PURE__ */ n(
         "div",
         {
           className: "bg-d-secondary/50 text-d-secondary-foreground border-d-border flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
           children: [
-            /* @__PURE__ */ e(z, { className: "h-4 w-4" }),
-            /* @__PURE__ */ o("span", { children: [
+            /* @__PURE__ */ e(W, { className: "h-4 w-4" }),
+            /* @__PURE__ */ n("span", { children: [
               "Cancelled",
               " ",
-              /* @__PURE__ */ o("span", { className: "font-mono", children: [
+              /* @__PURE__ */ n("span", { className: "font-mono", children: [
                 "`",
-                n.toolName,
+                t.toolName,
                 "`"
               ] })
             ] })
           ]
         },
-        a
+        o
       );
-    switch (n.state) {
+    switch (t.state) {
       case "partial-call":
       case "call":
-        return /* @__PURE__ */ o(
+        return /* @__PURE__ */ n(
           "div",
           {
             className: "bg-d-secondary/50 text-d-secondary-foreground border-d-border flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
             children: [
-              /* @__PURE__ */ e(_, { className: "h-4 w-4" }),
-              /* @__PURE__ */ o("span", { children: [
+              /* @__PURE__ */ e(Z, { className: "h-4 w-4" }),
+              /* @__PURE__ */ n("span", { children: [
                 "Calling",
                 " ",
-                /* @__PURE__ */ o("span", { className: "font-mono", children: [
+                /* @__PURE__ */ n("span", { className: "font-mono", children: [
                   "`",
-                  n.toolName,
+                  t.toolName,
                   "`"
                 ] }),
                 "..."
               ] }),
-              /* @__PURE__ */ e(q, { className: "h-3 w-3 animate-spin" })
+              /* @__PURE__ */ e(A, { className: "h-3 w-3 animate-spin" })
             ]
           },
-          a
+          o
         );
       case "result":
-        return /* @__PURE__ */ o(
+        return /* @__PURE__ */ n(
           "div",
           {
             className: "bg-d-secondary/50 border-d-border flex flex-col gap-1.5 rounded-lg border px-3 py-2 text-sm",
             children: [
-              /* @__PURE__ */ o("div", { className: "text-d-secondary-foreground flex items-center gap-2", children: [
-                /* @__PURE__ */ e(J, { className: "h-4 w-4" }),
-                /* @__PURE__ */ o("span", { children: [
+              /* @__PURE__ */ n("div", { className: "text-d-secondary-foreground flex items-center gap-2", children: [
+                /* @__PURE__ */ e(Y, { className: "h-4 w-4" }),
+                /* @__PURE__ */ n("span", { children: [
                   "Result from",
                   " ",
-                  /* @__PURE__ */ o("span", { className: "font-mono", children: [
+                  /* @__PURE__ */ n("span", { className: "font-mono", children: [
                     "`",
-                    n.toolName,
+                    t.toolName,
                     "`"
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ e("pre", { className: "text-d-foreground overflow-x-auto whitespace-pre-wrap", children: JSON.stringify(n.result, null, 2) })
+              /* @__PURE__ */ e("pre", { className: "text-d-foreground overflow-x-auto whitespace-pre-wrap", children: JSON.stringify(t.result, null, 2) })
             ]
           },
-          a
+          o
         );
       default:
         return null;
@@ -442,5 +439,5 @@ function K({
   }) }) : null;
 }
 export {
-  fe as ChatMessage
+  xe as ChatMessage
 };

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

@@ -1,33 +1,33 @@
 "use client";
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { ChatMessage as s } from "./chat-message.js";
-import { TypingIndicator as m } from "./typing-indicator.js";
-function x({
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { ChatMessage as l } from "./chat-message.js";
+import { TypingIndicator as u } from "./typing-indicator.js";
+function h({
   messages: n,
-  showTimeStamps: e = !0,
-  isTyping: a = !1,
-  messageOptions: i,
+  showTimeStamps: c = !0,
+  isTyping: d = !1,
+  messageOptions: o,
   onEdit: t,
-  onMessageSave: c
+  onMessageSave: e
 }) {
-  return /* @__PURE__ */ l("div", { className: "space-y-4 overflow-visible", children: [
-    n.map((o, f) => {
-      const p = typeof i == "function" ? i(o) : i;
+  return /* @__PURE__ */ a("div", { className: "space-y-4 overflow-visible", children: [
+    n.map((i) => {
+      const f = typeof o == "function" ? o(i) : o;
       return /* @__PURE__ */ r(
-        s,
+        l,
         {
-          showTimeStamp: e,
-          ...o,
-          ...p,
-          onEdit: t ? (d) => t(o.id, d) : void 0,
-          onMessageSave: c
+          showTimeStamp: c,
+          ...i,
+          ...f,
+          onEdit: t ? (p) => t(i.id, p) : void 0,
+          onMessageSave: e
         },
-        f
+        i.id
       );
     }),
-    a && /* @__PURE__ */ r(m, {})
+    d && /* @__PURE__ */ r(u, {})
   ] });
 }
 export {
-  x as MessageList
+  h as MessageList
 };

package/dist/index.d.ts

@@ -471,6 +471,7 @@ export declare interface ChatMessageProps extends Message {
     showTimeStamp?: boolean;
     animation?: Animation_2;
     actions?: default_3.ReactNode;
+    editable?: boolean;
     onEdit?: (newContent: string) => void;
     onMessageSave?: (messageId: string, content: string) => void;
 }

package/dist/node_modules/eventemitter3/index.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../_virtual/index5.js";
+import e from "../../_virtual/index3.js";
 export {
   e as EventEmitter,
   e as default

package/dist/node_modules/eventemitter3/index2.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as x } from "../../_virtual/index7.js";
+import { __module as x } from "../../_virtual/index6.js";
 var w;
 function O() {
   return w ? x.exports : (w = 1, function(d) {

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index3.js";
+import S from "../../../_virtual/index4.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/recharts/es6/util/Events.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../../../_virtual/index5.js";
+import e from "../../../../_virtual/index3.js";
 var r = new e(), n = "recharts.syncEvent.tooltip";
 export {
   n as TOOLTIP_SYNC_EVENT,

package/dist/node_modules/style-to-object/cjs/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __exports as r } from "../../../_virtual/index6.js";
+import { __exports as r } from "../../../_virtual/index7.js";
 import { __require as c } from "../../inline-style-parser/index.js";
 var f;
 function j() {

package/dist/node_modules/unified/lib/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { bail as P } from "../../bail/index.js";
-import y from "../../../_virtual/index4.js";
+import y from "../../../_virtual/index5.js";
 import z from "../../is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../trough/lib/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",