laif-ds 0.2.0 → 0.2.2

package/dist/components/ui/chat.js

@@ -1,259 +1,265 @@
 "use client";
-import { jsxs as N, Fragment as T, jsx as t } from "react/jsx-runtime";
-import { forwardRef as g, useRef as U, useCallback as I, useState as E } from "react";
-import { cn as M } from "../../lib/utils.js";
-import { useAutoScroll as O } from "../../hooks/use-auto-scroll.js";
-import { Button as w } from "./button.js";
-import { CopyButton as k } from "./copy-button.js";
-import { MessageInput as q } from "./message-input.js";
-import { MessageList as H } from "./message-list.js";
-import { PromptSuggestions as J } from "./prompt-suggestions.js";
-import S from "../../node_modules/lucide-react/dist/esm/icons/save.js";
-import K from "../../node_modules/lucide-react/dist/esm/icons/thumbs-up.js";
-import Q from "../../node_modules/lucide-react/dist/esm/icons/thumbs-down.js";
-import V from "../../node_modules/lucide-react/dist/esm/icons/arrow-down.js";
-function W({
-  messages: o,
-  handleSubmit: r,
-  input: i,
-  handleInputChange: u,
-  stop: a,
-  isGenerating: c,
+import { jsxs as v, Fragment as y, jsx as t } from "react/jsx-runtime";
+import { forwardRef as A, useRef as M, useCallback as k, useState as O } from "react";
+import { cn as q } from "../../lib/utils.js";
+import { useAutoScroll as H } from "../../hooks/use-auto-scroll.js";
+import { Button as N } from "./button.js";
+import { CopyButton as S } from "./copy-button.js";
+import { MessageInput as J } from "./message-input.js";
+import { MessageList as K } from "./message-list.js";
+import { PromptSuggestions as Q } from "./prompt-suggestions.js";
+import { Typo as z } from "./typo.js";
+import j from "../../node_modules/lucide-react/dist/esm/icons/save.js";
+import V from "../../node_modules/lucide-react/dist/esm/icons/thumbs-up.js";
+import W from "../../node_modules/lucide-react/dist/esm/icons/thumbs-down.js";
+import X from "../../node_modules/lucide-react/dist/esm/icons/arrow-down.js";
+function Y({
+  messages: e,
+  welcomeTitle: n = "Da dove iniziamo?",
+  handleSubmit: i,
+  input: m,
+  handleInputChange: c,
+  stop: s,
+  isGenerating: u,
   append: f,
-  suggestions: m,
-  className: v,
-  onRateResponse: b,
-  setMessages: C,
-  transcribeAudio: F,
-  allowAttachments: _ = !1,
-  onEdit: j,
+  suggestions: h,
+  className: D,
+  onRateResponse: w,
+  setMessages: x,
+  transcribeAudio: L,
+  allowAttachments: g = !1,
+  onEdit: B,
   onMessageSave: d
 }) {
-  const L = o.at(-1), B = o.length === 0, y = L?.role === "user", x = U(o);
-  x.current = o;
-  const D = I(() => {
-    if (a?.(), !C) return;
-    const e = [...x.current], l = e.findLast(
-      (s) => s.role === "assistant"
+  const P = e.at(-1), T = e.length === 0, I = P?.role === "user", C = M(e);
+  C.current = e;
+  const U = k(() => {
+    if (s?.(), !x) return;
+    const o = [...C.current], l = o.findLast(
+      (a) => a.role === "assistant"
     );
     if (!l) return;
-    let h = !1, p = { ...l };
+    let p = !1, b = { ...l };
     if (l.toolInvocations) {
-      const s = l.toolInvocations.map(
-        (n) => n.state === "call" ? (h = !0, {
-          ...n,
+      const a = l.toolInvocations.map(
+        (r) => r.state === "call" ? (p = !0, {
+          ...r,
           state: "result",
           result: {
             content: "Tool execution was cancelled",
             __cancelled: !0
             // Special marker to indicate cancellation
           }
-        }) : n
+        }) : r
       );
-      h && (p = {
-        ...p,
-        toolInvocations: s
+      p && (b = {
+        ...b,
+        toolInvocations: a
       });
     }
     if (l.parts && l.parts.length > 0) {
-      const s = l.parts.map((n) => n.type === "tool-invocation" && n.toolInvocation && n.toolInvocation.state === "call" ? (h = !0, {
-        ...n,
+      const a = l.parts.map((r) => r.type === "tool-invocation" && r.toolInvocation && r.toolInvocation.state === "call" ? (p = !0, {
+        ...r,
         toolInvocation: {
-          ...n.toolInvocation,
+          ...r.toolInvocation,
           state: "result",
           result: {
             content: "Tool execution was cancelled",
             __cancelled: !0
           }
         }
-      }) : n);
-      h && (p = {
-        ...p,
-        parts: s
+      }) : r);
+      p && (b = {
+        ...b,
+        parts: a
       });
     }
-    if (h) {
-      const s = e.findIndex(
-        (n) => n.id === l.id
+    if (p) {
+      const a = o.findIndex(
+        (r) => r.id === l.id
       );
-      s !== -1 && (e[s] = p, C(e));
+      a !== -1 && (o[a] = b, x(o));
     }
-  }, [a, C, x]), P = I(
-    (e) => ({
-      actions: b ? /* @__PURE__ */ N(T, { children: [
+  }, [s, x, C]), E = k(
+    (o) => ({
+      actions: w ? /* @__PURE__ */ v(y, { children: [
         /* @__PURE__ */ t("div", { className: "border-d-border border-r pr-1", children: /* @__PURE__ */ t(
-          k,
+          S,
           {
-            content: e.content,
+            content: o.content,
             copyMessage: "Copied response to clipboard!"
           }
         ) }),
         d && /* @__PURE__ */ t("div", { className: "border-d-border border-r pr-1", children: /* @__PURE__ */ t(
-          w,
+          N,
           {
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => d(e.id, e.content),
+            onClick: () => d(o.id, o.content),
             title: "Save message",
-            children: /* @__PURE__ */ t(S, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(j, { className: "h-4 w-4" })
           }
         ) }),
         /* @__PURE__ */ t(
-          w,
+          N,
           {
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => b(e.id, "thumbs-up"),
-            children: /* @__PURE__ */ t(K, { className: "h-4 w-4" })
+            onClick: () => w(o.id, "thumbs-up"),
+            children: /* @__PURE__ */ t(V, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ t(
-          w,
+          N,
           {
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => b(e.id, "thumbs-down"),
-            children: /* @__PURE__ */ t(Q, { className: "h-4 w-4" })
+            onClick: () => w(o.id, "thumbs-down"),
+            children: /* @__PURE__ */ t(W, { className: "h-4 w-4" })
           }
         )
-      ] }) : /* @__PURE__ */ N(T, { children: [
+      ] }) : /* @__PURE__ */ v(y, { children: [
         /* @__PURE__ */ t(
-          k,
+          S,
           {
-            content: e.content,
+            content: o.content,
             copyMessage: "Copied response to clipboard!"
           }
         ),
         d && /* @__PURE__ */ t("div", { className: "border-d-border border-l pl-1", children: /* @__PURE__ */ t(
-          w,
+          N,
           {
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => d(e.id, e.content),
+            onClick: () => d(o.id, o.content),
             title: "Save message",
-            children: /* @__PURE__ */ t(S, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(j, { className: "h-4 w-4" })
           }
         ) })
       ] }),
       onMessageSave: d
     }),
-    [b, d]
+    [w, d]
   );
-  return /* @__PURE__ */ N(z, { className: v, children: [
-    B && f && m ? /* @__PURE__ */ t(
-      J,
-      {
-        label: "Try these prompts ✨",
-        append: f,
-        suggestions: m
-      }
-    ) : null,
-    o.length > 0 ? /* @__PURE__ */ t(X, { messages: o, children: /* @__PURE__ */ t(
-      H,
+  return /* @__PURE__ */ v(F, { className: D, children: [
+    T && /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col items-center justify-center p-8", children: f && h && /* @__PURE__ */ v(y, { children: [
+      /* @__PURE__ */ t(z, { variant: "h3", className: "mb-8 text-center", children: n }),
+      /* @__PURE__ */ t(
+        Q,
+        {
+          label: "",
+          append: f,
+          suggestions: h
+        }
+      )
+    ] }) }),
+    e.length > 0 ? /* @__PURE__ */ t(Z, { messages: e, children: /* @__PURE__ */ t(
+      K,
       {
-        messages: o,
-        isTyping: y,
-        messageOptions: P,
-        onEdit: j,
+        messages: e,
+        isTyping: I,
+        messageOptions: E,
+        onEdit: B,
         onMessageSave: d
       }
     ) }) : null,
+    T && !f && !h && /* @__PURE__ */ t(z, { variant: "h3", className: "mb-8 text-center", children: n }),
     /* @__PURE__ */ t(
-      A,
+      _,
       {
         className: "flex-shrink-0",
-        isPending: c || y,
-        handleSubmit: r,
-        children: ({ files: e, setFiles: l }) => /* @__PURE__ */ t(
-          q,
+        isPending: u || I,
+        handleSubmit: i,
+        children: ({ files: o, setFiles: l }) => /* @__PURE__ */ t(
+          J,
           {
-            value: i,
-            onChange: u,
-            allowAttachments: _,
-            files: e,
+            value: m,
+            onChange: c,
+            allowAttachments: g,
+            files: o,
             setFiles: l,
-            stop: D,
-            isGenerating: c,
-            transcribeAudio: F
+            stop: U,
+            isGenerating: u,
+            transcribeAudio: L
           }
         )
       }
     )
   ] });
 }
-W.displayName = "Chat";
-function X({
-  messages: o,
-  children: r
+Y.displayName = "Chat";
+function Z({
+  messages: e,
+  children: n
 }) {
   const {
     containerRef: i,
-    scrollToBottom: u,
-    handleScroll: a,
-    shouldAutoScroll: c,
-    handleTouchStart: f
-  } = O([o]);
-  return /* @__PURE__ */ N(
+    scrollToBottom: m,
+    handleScroll: c,
+    shouldAutoScroll: s,
+    handleTouchStart: u
+  } = H([e]);
+  return /* @__PURE__ */ v(
     "div",
     {
       className: "relative flex-1 overflow-y-auto pb-4",
       ref: i,
-      onScroll: a,
-      onTouchStart: f,
+      onScroll: c,
+      onTouchStart: u,
       children: [
-        /* @__PURE__ */ t("div", { className: "max-w-full", children: r }),
-        !c && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute right-0 bottom-0 left-0 flex items-end justify-end", children: /* @__PURE__ */ t("div", { className: "sticky bottom-0 left-0 flex w-full justify-end", children: /* @__PURE__ */ t(
-          w,
+        /* @__PURE__ */ t("div", { className: "max-w-full", children: n }),
+        !s && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute right-0 bottom-0 left-0 flex items-end justify-end", children: /* @__PURE__ */ t("div", { className: "sticky bottom-0 left-0 flex w-full justify-end", children: /* @__PURE__ */ t(
+          N,
           {
-            onClick: u,
+            onClick: m,
             className: "animate-in fade-in-0 slide-in-from-bottom-1 pointer-events-auto h-8 w-8 rounded-full ease-in-out",
             size: "icon",
             variant: "ghost",
-            children: /* @__PURE__ */ t(V, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(X, { className: "h-4 w-4" })
           }
         ) }) })
       ]
     }
   );
 }
-const z = g(({ className: o, ...r }, i) => /* @__PURE__ */ t(
+const F = A(({ className: e, ...n }, i) => /* @__PURE__ */ t(
   "div",
   {
     ref: i,
-    className: M("flex h-full max-h-full w-full flex-col", o),
-    ...r
+    className: q("flex h-full max-h-full w-full flex-col", e),
+    ...n
   }
 ));
-z.displayName = "ChatContainer";
-const A = g(
-  ({ children: o, handleSubmit: r, className: i }, u) => {
-    const [a, c] = E(null);
-    return /* @__PURE__ */ t("form", { ref: u, onSubmit: (m) => {
-      if (!a) {
-        r(m);
+F.displayName = "ChatContainer";
+const _ = A(
+  ({ children: e, handleSubmit: n, className: i }, m) => {
+    const [c, s] = O(null);
+    return /* @__PURE__ */ t("form", { ref: m, onSubmit: (f) => {
+      if (!c) {
+        n(f);
         return;
       }
-      const v = Y(a);
-      r(m, { experimental_attachments: v }), c(null);
-    }, className: i, children: o({ files: a, setFiles: c }) });
+      const h = $(c);
+      n(f, { experimental_attachments: h }), s(null);
+    }, className: i, children: e({ files: c, setFiles: s }) });
   }
 );
-A.displayName = "ChatForm";
-function Y(o) {
+_.displayName = "ChatForm";
+function $(e) {
   if (typeof window > "u")
     return {};
-  const r = new DataTransfer();
-  for (const i of Array.from(o))
-    r.items.add(i);
-  return r.files;
+  const n = new DataTransfer();
+  for (const i of Array.from(e))
+    n.items.add(i);
+  return n.files;
 }
 export {
-  W as Chat,
-  z as ChatContainer,
-  A as ChatForm,
-  X as ChatMessages
+  Y as Chat,
+  F as ChatContainer,
+  _ as ChatForm,
+  Z as ChatMessages
 };

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

@@ -436,7 +436,7 @@ export declare function ChartTooltipContent({ active, payload, className, indica
     labelKey?: string;
 } & React_2.HTMLAttributes<HTMLDivElement>): JSX.Element | null;
 
-export declare function Chat({ messages, handleSubmit, input, handleInputChange, stop, isGenerating, append, suggestions, className, onRateResponse, setMessages, transcribeAudio, allowAttachments, onEdit, onMessageSave, }: ChatProps): JSX.Element;
+export declare function Chat({ messages, welcomeTitle, handleSubmit, input, handleInputChange, stop, isGenerating, append, suggestions, className, onRateResponse, setMessages, transcribeAudio, allowAttachments, onEdit, onMessageSave, }: ChatProps): JSX.Element;
 
 export declare namespace Chat {
     var displayName: string;
@@ -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;
 }
@@ -499,6 +500,7 @@ declare interface ChatPropsBase {
     allowAttachments?: boolean;
     onEdit?: (messageId: string, newContent: string) => void;
     onMessageSave?: (messageId: string, content: string) => void;
+    welcomeTitle?: string;
 }
 
 declare interface ChatPropsWithoutSuggestions extends ChatPropsBase {

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/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() {