laif-ds 0.2.80 → 0.2.83

package/dist/CHANGELOG.md

@@ -5,6 +5,22 @@ All notable technical changes to the laif-ds core will be documented in this fil
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [laif-ds@0.2.82]
+
+### 🚀 Added
+
+- **Chat**: Added a `placeholder` prop forwarded to the message input, allowing a custom composer placeholder (defaults to `"Ask AI..."`)
+
+## [laif-ds@0.2.81]
+
+### 🚀 Added
+
+- **FilePreviewer**: Added a `size` option to `PreviewOptions` (`sm` | `default` | `lg` | `xl` | `full`, defaults to `xl`) to control the preview dialog size per call
+
+### 🔧 Changed
+
+- **FilePreviewer**: Migrated from the low-level `Dialog` to `AppDialog`, simplifying the markup and relying on its built-in header and configurable sizing
+
 ## [laif-ds@0.2.80]
 
 ### 🚀 Added

package/dist/agent-docs/adoption-report.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-05-05T15:26:14.216Z",
+  "generatedAt": "2026-06-09T07:56:53.942Z",
   "package": {
     "name": "laif-ds",
-    "version": "0.2.80"
+    "version": "0.2.83"
   },
   "summary": {
     "scannedFiles": 394,

package/dist/agent-docs/components/Chat.md

@@ -25,6 +25,7 @@ Complete chat interface: message list with markdown rendering, auto-scroll and t
 | `suggestions`       | `string[]`                                             | `undefined`             | Suggestions displayed when empty. Requires `append`.                       |
 | `className`         | `string`                                               | `undefined`             | Wrapper classes.                                                           |
 | `welcomeTitle`      | `string`                                               | `"Da dove iniziamo?"`   | Title shown in empty state.                                                |
+| `placeholder`       | `string`                                               | `"Ask AI..."`           | Placeholder text for the composer input.                                   |
 
 ---
 

package/dist/agent-docs/components/FileUploader.md

@@ -12,7 +12,8 @@ Drag-and-drop uploader with keyboard activation, file type filtering, limits (co
 | ------------------- | ------------------------- | -------------------------------------------------- | --------------------------------------------------------- |
 | `extensions`        | `AcceptItem[]`            | `["pdf","image","video","audio"]`                  | Allowed extensions/categories (maps to accept attribute). |
 | `multiple`          | `boolean`                 | `false`                                            | Enables multiple file selection.                          |
-| `onUpload`          | `(files: File[]) => void` | `undefined`                                        | Called whenever selected files change.                    |
+| `onUpload`          | `(files: File[]) => void` | `undefined`                                        | Called when files are **added**, with the resulting list. |
+| `onRemove`          | `(removed: File[], remaining: File[]) => void` | `undefined`                           | Called when files are **removed** (single or remove-all), with the removed files and the list that remains. |
 | `description`       | `string`                  | `"Trascina un file o clicca per selezionare"`      | Dropzone hint.                                            |
 | `formatDescription` | `string`                  | `"Formato accettato: PDF, Immagini, Video, Audio"` | Accepted formats hint.                                    |
 | `selectedLabel`     | `string`                  | `"File selezionati"`                               | Title shown above selected files list.                    |
@@ -30,7 +31,7 @@ Drag-and-drop uploader with keyboard activation, file type filtering, limits (co
 - **Filtering**: `extensions` map to accept string; only matching files are added.
 - **Limits**: Enforces `maxFiles` and `maxTotalSize` (with compact error caption).
 - **Previews**: Renders selected files with `FilePreview`; supports remove per file and remove-all.
-- **Integration**: `onUpload` provides the current `File[]`; perform the actual upload externally.
+- **Integration**: `onUpload` fires on **add** with the resulting `File[]`; `onRemove` fires on **removal** (single file or remove-all) with the removed files and the remaining list. Removals do **not** trigger `onUpload` — a consumer mirroring the list in its own state must handle both callbacks (see example below).
 
 ---
 
@@ -127,7 +128,11 @@ export function ExternalUploadExample() {
 
   return (
     <div className="space-y-4">
-      <FileUploader multiple onUpload={setFiles} />
+      <FileUploader
+        multiple
+        onUpload={setFiles}
+        onRemove={(_removed, remaining) => setFiles(remaining)}
+      />
       {files.length > 0 && (
         <div className="flex justify-end">
           <Button onClick={handleSubmit} isLoading={loading} iconLeft="Upload">

package/dist/agent-docs/manifest.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.1.0",
-  "generatedAt": "2026-05-05T15:26:13.593Z",
+  "generatedAt": "2026-06-09T07:56:53.318Z",
   "package": {
     "name": "laif-ds",
-    "version": "0.2.80"
+    "version": "0.2.83"
   },
   "stats": {
     "documentedComponentCount": 92,
@@ -1934,10 +1934,10 @@
       },
       "metadata": {
         "props": {
-          "totalProps": 15,
+          "totalProps": 16,
           "requiredPropsCount": 4,
-          "typedPropsCount": 15,
-          "describedPropsCount": 15
+          "typedPropsCount": 16,
+          "describedPropsCount": 16
         },
         "accessibility": {
           "hasCoverage": false
@@ -3169,10 +3169,10 @@
       },
       "metadata": {
         "props": {
-          "totalProps": 9,
+          "totalProps": 10,
           "requiredPropsCount": 0,
-          "typedPropsCount": 9,
-          "describedPropsCount": 9
+          "typedPropsCount": 10,
+          "describedPropsCount": 10
         },
         "accessibility": {
           "hasCoverage": true
@@ -6061,5 +6061,5 @@
       ]
     }
   ],
-  "checksum": "5365e3750a199ac2ef62a230e7ec5a26fa46e3494a332e48d9f832d003ac6a1b"
+  "checksum": "911fd5d24f66568dc9007439161320c179ac69eaed81a631fe5b38ffc901e9c7"
 }

package/dist/components/ui/chat.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsxs as b, 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 { forwardRef as A, useRef as O, useCallback as k, useState as q } from "react";
 import { Button as v } from "./button.js";
 import { CopyButton as S } 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 { useAutoScroll as K } from "../../hooks/use-auto-scroll.js";
-import { cn as Q } from "../../lib/utils.js";
+import { MessageInput as H } from "./message-input.js";
+import { MessageList as J } from "./message-list.js";
+import { PromptSuggestions as K } from "./prompt-suggestions.js";
+import { useAutoScroll as Q } from "../../hooks/use-auto-scroll.js";
+import { cn as V } from "../../lib/utils.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({
+import W from "../../node_modules/lucide-react/dist/esm/icons/thumbs-up.js";
+import X from "../../node_modules/lucide-react/dist/esm/icons/thumbs-down.js";
+import Y from "../../node_modules/lucide-react/dist/esm/icons/arrow-down.js";
+function Z({
   messages: o,
   welcomeTitle: n = "Da dove iniziamo?",
   handleSubmit: i,
@@ -29,11 +29,12 @@ function Y({
   transcribeAudio: D,
   allowAttachments: L = !1,
   onEdit: B,
-  onMessageSave: d
+  onMessageSave: d,
+  placeholder: P
 }) {
-  const P = o.at(-1), T = o.length === 0, I = P?.role === "user", C = M(o);
+  const U = o.at(-1), T = o.length === 0, I = U?.role === "user", C = O(o);
   C.current = o;
-  const U = k(() => {
+  const E = k(() => {
     if (s?.(), !x) return;
     const e = [...C.current], l = e.findLast(
       (a) => a.role === "assistant"
@@ -81,7 +82,7 @@ function Y({
       );
       a !== -1 && (e[a] = p, x(e));
     }
-  }, [s, x, C]), E = k(
+  }, [s, x, C]), M = k(
     (e) => ({
       actions: N ? /* @__PURE__ */ b(y, { children: [
         /* @__PURE__ */ t("div", { className: "border-d-border border-r pr-1", children: /* @__PURE__ */ t(
@@ -109,7 +110,7 @@ function Y({
             variant: "ghost",
             className: "h-6 w-6",
             onClick: () => N(e.id, "thumbs-up"),
-            children: /* @__PURE__ */ t(V, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(W, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ t(
@@ -119,7 +120,7 @@ function Y({
             variant: "ghost",
             className: "h-6 w-6",
             onClick: () => N(e.id, "thumbs-down"),
-            children: /* @__PURE__ */ t(W, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(X, { className: "h-4 w-4" })
           }
         )
       ] }) : /* @__PURE__ */ b(y, { children: [
@@ -150,7 +151,7 @@ function Y({
     T && /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col items-center justify-center p-8", children: m && u && /* @__PURE__ */ b(y, { children: [
       /* @__PURE__ */ t(z, { variant: "h3", className: "mb-8 text-center", children: n }),
       /* @__PURE__ */ t(
-        J,
+        K,
         {
           label: "",
           append: m,
@@ -158,12 +159,12 @@ function Y({
         }
       )
     ] }) }),
-    o.length > 0 ? /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(
-      H,
+    o.length > 0 ? /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(
+      J,
       {
         messages: o,
         isTyping: I,
-        messageOptions: E,
+        messageOptions: M,
         onEdit: B,
         onMessageSave: d
       }
@@ -176,31 +177,32 @@ function Y({
         isPending: w || I,
         handleSubmit: i,
         children: ({ files: e, setFiles: l }) => /* @__PURE__ */ t(
-          q,
+          H,
           {
             value: f,
             onChange: c,
             allowAttachments: L,
             files: e,
             setFiles: l,
-            stop: U,
+            stop: E,
             isGenerating: w,
-            transcribeAudio: D
+            transcribeAudio: D,
+            placeholder: P
           }
         )
       }
     )
   ] });
 }
-Y.displayName = "Chat";
-function Z({ children: o }) {
+Z.displayName = "Chat";
+function $({ children: o }) {
   const {
     containerRef: n,
     scrollToBottom: i,
     handleScroll: f,
     shouldAutoScroll: c,
     handleTouchStart: s
-  } = K();
+  } = Q();
   return /* @__PURE__ */ b(
     "div",
     {
@@ -217,7 +219,7 @@ function Z({ children: o }) {
             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(X, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(Y, { className: "h-4 w-4" })
           }
         ) }) })
       ]
@@ -228,26 +230,26 @@ const F = A(({ className: o, ...n }, i) => /* @__PURE__ */ t(
   "div",
   {
     ref: i,
-    className: Q("flex h-full max-h-full w-full flex-col", o),
+    className: V("flex h-full max-h-full w-full flex-col", o),
     ...n
   }
 ));
 F.displayName = "ChatContainer";
 const _ = A(
   ({ children: o, handleSubmit: n, className: i }, f) => {
-    const [c, s] = O(null);
+    const [c, s] = q(null);
     return /* @__PURE__ */ t("form", { ref: f, onSubmit: (m) => {
       if (!c) {
         n(m);
         return;
       }
-      const u = $(c);
+      const u = G(c);
       n(m, { experimental_attachments: u }), s(null);
     }, className: i, children: o({ files: c, setFiles: s }) });
   }
 );
 _.displayName = "ChatForm";
-function $(o) {
+function G(o) {
   if (typeof window > "u")
     return {};
   const n = new DataTransfer();
@@ -256,8 +258,8 @@ function $(o) {
   return n.files;
 }
 export {
-  Y as Chat,
+  Z as Chat,
   F as ChatContainer,
   _ as ChatForm,
-  Z as ChatMessages
+  $ as ChatMessages
 };

package/dist/components/ui/file-previewer.js

@@ -1,112 +1,117 @@
 "use client";
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import { useMemo as c } from "react";
-import { createAsk as w } from "../../node_modules/use-ask/dist/index.js";
-import { Dialog as x, DialogContent as g, DialogHeader as N, DialogTitle as y } from "./dialog.js";
-import { Icon as P } from "./icon.js";
-import { SecurePdfViewer as b } from "./secure-pdf-viewer.js";
-import { guessKind as A, isHttpUrl as D, getOfficeEmbedUrl as O } from "../../lib/file-preview.js";
-import { cn as F } from "../../lib/utils.js";
-const [p, T] = w({});
-function h(e) {
+import { createAsk as v } from "../../node_modules/use-ask/dist/index.js";
+import { AppDialog as x } from "./app-dialog.js";
+import { Icon as g } from "./icon.js";
+import { SecurePdfViewer as N } from "./secure-pdf-viewer.js";
+import { guessKind as y, isHttpUrl as P, getOfficeEmbedUrl as b } from "../../lib/file-preview.js";
+const [d, A] = v({});
+function p(e) {
   return typeof e == "string" ? { url: e } : e || {};
 }
-async function q(e) {
-  return p.ask(h(e));
+async function S(e) {
+  return d.ask(p(e));
 }
-function B(e) {
-  return p.safeAsk(h(e));
+function U(e) {
+  return d.safeAsk(p(e));
 }
-const E = () => {
-  const [{ payload: e }, { asking: i, ok: n }] = T(), l = e?.url, a = e?.readOnly, t = e?.page, o = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), m = c(() => {
+const _ = () => {
+  const [{ payload: e }, { asking: l, ok: i }] = A(), n = e?.url, s = e?.readOnly, t = e?.page, o = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), u = c(() => {
     if (!e?.url) return null;
-    const s = new URL(e?.url), u = s.searchParams.get("response-content-type") || s.searchParams.get("content-type"), d = e?.mimeType || u || "";
-    return A({
-      mimeType: d,
+    const a = new URL(e?.url), m = a.searchParams.get("response-content-type") || a.searchParams.get("content-type"), f = e?.mimeType || m || "";
+    return y({
+      mimeType: f,
       filename: o,
       url: e?.url
     });
-  }, [e?.mimeType, o, e?.url]), v = c(
-    () => /* @__PURE__ */ f("span", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ r(P, { name: "File", className: "h-4 w-4" }),
+  }, [e?.mimeType, o, e?.url]), w = c(
+    () => /* @__PURE__ */ h("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r(g, { name: "File", className: "h-4 w-4" }),
       e?.title || o
     ] }),
     [e?.title, o]
   );
-  return /* @__PURE__ */ r(x, { open: i, onOpenChange: (s) => !s && n(), children: /* @__PURE__ */ f(g, { size: "xl", className: "sm:max-w-4xl", children: [
-    /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(y, { children: v }) }),
-    /* @__PURE__ */ r("div", { className: F("relative", "max-h-[80vh] overflow-auto p-1"), children: m && l ? /* @__PURE__ */ r(
-      j,
-      {
-        kind: m,
-        src: l,
-        officeUrl: l,
-        readOnly: a,
-        page: t
-      }
-    ) : null })
-  ] }) });
-}, j = ({
+  return /* @__PURE__ */ r(
+    x,
+    {
+      open: l,
+      onOpenChange: (a) => !a && i(),
+      title: w,
+      size: e?.size ?? "xl",
+      children: u && n ? /* @__PURE__ */ r(
+        O,
+        {
+          kind: u,
+          src: n,
+          officeUrl: n,
+          readOnly: s,
+          page: t
+        }
+      ) : null
+    }
+  );
+}, O = ({
   kind: e,
-  src: i,
-  officeUrl: n,
-  readOnly: l = !1,
-  page: a = 0
+  src: l,
+  officeUrl: i,
+  readOnly: n = !1,
+  page: s = 0
 }) => {
-  if (!i && e !== "text" && e !== "office")
+  if (!l && e !== "text" && e !== "office")
     return /* @__PURE__ */ r("div", { className: "text-d-secondary-foreground", children: "Nessuna sorgente disponibile" });
   switch (e) {
     case "image":
-      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r(
+      return /* @__PURE__ */ r("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ r(
         "img",
         {
-          src: i,
+          src: l,
           alt: "preview",
-          className: "max-h-[78vh] w-auto max-w-full object-contain"
+          className: "max-h-full w-auto max-w-full object-contain"
         }
       ) });
     case "pdf": {
-      if (l && i)
+      if (n && l)
         return /* @__PURE__ */ r(
-          b,
+          N,
           {
-            url: i,
-            initialPage: a || 1,
-            className: "w-full"
+            url: l,
+            initialPage: s || 1,
+            className: "h-full w-full"
           }
         );
-      let t = i;
-      return a > 0 && (t += "#page=" + a), /* @__PURE__ */ r(
+      let t = l;
+      return s > 0 && (t += "#page=" + s), /* @__PURE__ */ r(
         "iframe",
         {
           src: t,
           title: "PDF Preview",
-          className: "h-[78vh] w-full rounded"
+          className: "h-full w-full rounded"
         }
       );
     }
     case "audio":
-      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ r("source", { src: i }) }) });
+      return /* @__PURE__ */ r("div", { className: "grid h-full place-items-center", children: /* @__PURE__ */ r("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ r("source", { src: l }) }) });
     case "video":
-      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("video", { controls: !0, className: "max-h-[78vh] w-full max-w-3xl rounded", children: /* @__PURE__ */ r("source", { src: i }) }) });
+      return /* @__PURE__ */ r("div", { className: "grid h-full place-items-center", children: /* @__PURE__ */ r("video", { controls: !0, className: "max-h-full w-full max-w-3xl rounded", children: /* @__PURE__ */ r("source", { src: l }) }) });
     case "text":
       return /* @__PURE__ */ r(
         "iframe",
         {
-          src: i,
+          src: l,
           title: "Text Preview",
-          className: "h-[78vh] w-full rounded"
+          className: "h-full w-full rounded"
         }
       );
     case "office": {
-      if (n && D(n)) {
-        const t = O(n);
+      if (i && P(i)) {
+        const t = b(i);
         return /* @__PURE__ */ r(
           "iframe",
           {
             src: t,
             title: "Office Preview",
-            className: "h-[78vh] w-full rounded"
+            className: "h-full w-full rounded"
           }
         );
       }
@@ -117,7 +122,7 @@ const E = () => {
   }
 };
 export {
-  E as FilePreviewer,
-  q as previewFileModal,
-  B as safePreviewFileModal
+  _ as FilePreviewer,
+  S as previewFileModal,
+  U as safePreviewFileModal
 };