laif-ds 0.1.99 → 0.2.1

package/dist/components/ui/chat.js

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

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

@@ -127,7 +127,7 @@ function ie({
               onPaste: K,
               onKeyDown: U,
               className: C(
-                "border-d-input bg-d-background ring-offset-d-background placeholder:text-d-secondary-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",
+                "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",
                 n
               ),

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

@@ -1,29 +1,33 @@
 "use client";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { ChatMessage as f } from "./chat-message.js";
-import { TypingIndicator as p } from "./typing-indicator.js";
-function d({
-  messages: r,
+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({
+  messages: n,
   showTimeStamps: e = !0,
-  isTyping: n = !1,
-  messageOptions: t
+  isTyping: a = !1,
+  messageOptions: i,
+  onEdit: t,
+  onMessageSave: c
 }) {
-  return /* @__PURE__ */ c("div", { className: "space-y-4 overflow-visible", children: [
-    r.map((i, a) => {
-      const s = typeof t == "function" ? t(i) : t;
-      return /* @__PURE__ */ o(
-        f,
+  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__ */ r(
+        s,
         {
           showTimeStamp: e,
-          ...i,
-          ...s
+          ...o,
+          ...p,
+          onEdit: t ? (d) => t(o.id, d) : void 0,
+          onMessageSave: c
         },
-        a
+        f
       );
     }),
-    n && /* @__PURE__ */ o(p, {})
+    a && /* @__PURE__ */ r(m, {})
   ] });
 }
 export {
-  d as MessageList
+  x 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, }: 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,8 @@ export declare interface ChatMessageProps extends Message {
     showTimeStamp?: boolean;
     animation?: Animation_2;
     actions?: default_3.ReactNode;
+    onEdit?: (newContent: string) => void;
+    onMessageSave?: (messageId: string, content: string) => void;
 }
 
 export declare function ChatMessages({ messages, children, }: React.PropsWithChildren<{
@@ -494,6 +496,10 @@ declare interface ChatPropsBase {
     onRateResponse?: (messageId: string, rating: "thumbs-up" | "thumbs-down") => void;
     setMessages?: (messages: any[]) => void;
     transcribeAudio?: (blob: Blob) => Promise<string>;
+    allowAttachments?: boolean;
+    onEdit?: (messageId: string, newContent: string) => void;
+    onMessageSave?: (messageId: string, content: string) => void;
+    welcomeTitle?: string;
 }
 
 declare interface ChatPropsWithoutSuggestions extends ChatPropsBase {
@@ -1173,13 +1179,15 @@ declare interface MessageInputWithoutAttachmentProps extends MessageInputBasePro
     allowAttachments?: false;
 }
 
-export declare function MessageList({ messages, showTimeStamps, isTyping, messageOptions, }: MessageListProps): JSX.Element;
+export declare function MessageList({ messages, showTimeStamps, isTyping, messageOptions, onEdit, onMessageSave, }: MessageListProps): JSX.Element;
 
 declare interface MessageListProps {
     messages: Message[];
     showTimeStamps?: boolean;
     isTyping?: boolean;
     messageOptions?: AdditionalMessageOptions | ((message: Message) => AdditionalMessageOptions);
+    onEdit?: (messageId: string, newContent: string) => void;
+    onMessageSave?: (messageId: string, content: string) => void;
 }
 
 declare type MessagePart = TextPart | ReasoningPart | ToolInvocationPart | SourcePart;

package/dist/node_modules/eventemitter3/index.js

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

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/index4.js";
+import S from "../../../_virtual/index3.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/index3.js";
+import e from "../../../../_virtual/index5.js";
 var r = new e(), n = "recharts.syncEvent.tooltip";
 export {
   n as TOOLTIP_SYNC_EVENT,

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/index5.js";
+import y from "../../../_virtual/index4.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";