@ai-matrx/records-ui 0.115.81 → 0.115.83

package/dist/pickers.js

@@ -4066,23 +4066,24 @@ function useFileRead(id) {
   useEffect11(() => {
     let cancelled = false;
     if (handedHostFileIds.has(id)) {
-      setRead({ name: null, fileId: id, why: null });
+      setRead({ name: null, fileId: id, why: null, mime: null });
       return;
     }
     if (!client) {
-      setRead({ name: null, fileId: null, why: null });
+      setRead({ name: null, fileId: null, why: null, mime: null });
       return;
     }
     void client.recordRead({ record_id: id }).then((answered) => {
       if (cancelled) return;
       if (!answered.ok) {
-        setRead({ name: null, fileId: id, why: refusalSentence(answered.error) });
+        setRead({ name: null, fileId: id, why: refusalSentence(answered.error), mime: null });
         return;
       }
       const doc = answered.data.document ?? {};
       const fileId = typeof doc["file_id"] === "string" ? doc["file_id"] : null;
       const name = typeof doc["name"] === "string" && doc["name"] !== "" ? doc["name"] : null;
-      setRead({ name, fileId, why: null });
+      const mime = typeof doc["mime"] === "string" ? doc["mime"] : null;
+      setRead({ name, fileId, why: null, mime });
     });
     return () => {
       cancelled = true;
@@ -4096,6 +4097,43 @@ function AttachmentChip({ id, onRemove, onPreview }) {
   const words = read?.name ?? (read ? FILE_CHIP_UNREAD : "\u2026");
   const href = read?.fileId ? host.hrefForFile?.({ fileId: read.fileId }) : void 0;
   const title = onPreview ? `Preview ${words}` : href ? `Open ${words}` : read?.why ?? FILE_CHIP_NO_PAGE;
+  if (read?.fileId && read.mime?.startsWith("image/") && host.fileImage) {
+    return /* @__PURE__ */ jsxs19("span", { className: "relative inline-flex shrink-0", "data-records-file-thumb": id, children: [
+      /* @__PURE__ */ jsx21(
+        "button",
+        {
+          type: "button",
+          title,
+          "aria-label": onPreview ? `Preview ${words}` : words,
+          className: cn17(
+            "relative block size-20 overflow-hidden rounded-md border bg-muted",
+            "[[data-matrx-cell-lines]_&]:size-6 [[data-matrx-cell-lines=two]_&]:size-10 [[data-matrx-cell-lines=four]_&]:size-[4.5rem] [[data-matrx-cell-lines=six]_&]:size-24"
+          ),
+          onClick: (event) => {
+            event.stopPropagation();
+            onPreview?.();
+          },
+          onMouseDown: (event) => event.stopPropagation(),
+          onDoubleClick: (event) => event.stopPropagation(),
+          ...onPreview ? { "data-records-file-preview": id } : {},
+          children: host.fileImage({ fileId: read.fileId, alt: words })
+        }
+      ),
+      onRemove ? /* @__PURE__ */ jsx21(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Remove ${words}`,
+          className: "absolute -right-1 -top-1 rounded-full border bg-background px-1 text-[10px] leading-4 text-muted-foreground hover:text-foreground",
+          onClick: (event) => {
+            event.stopPropagation();
+            onRemove();
+          },
+          children: "\xD7"
+        }
+      ) : null
+    ] });
+  }
   return /* @__PURE__ */ jsxs19(
     Badge3,
     {