@inf-monkeys-tech/monkeys-design 1.0.54 → 1.0.56

package/dist/index.mjs

@@ -18248,6 +18248,46 @@ function AgentWorkbenchSidebar({
     }
   ) });
 }
+function AgentWorkbenchExploreCardMedia({
+  item,
+  src = item.imageUrl,
+  className,
+  onError
+}) {
+  if (!src) return null;
+  const variant = item.mediaVariant ?? "cover";
+  const isLogo = variant === "logo";
+  const showLabel = variant === "cover-with-label";
+  const treatmentClass = item.mediaTreatment === "monochrome-light" ? "brightness-0 invert" : item.mediaTreatment === "invert" ? "invert" : "";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn2(
+          isLogo ? "flex size-full items-center justify-center bg-[var(--monkeys-color-card-dark)] p-5" : "block size-full",
+          className
+        ),
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src,
+            alt: "",
+            className: cn2(
+              "transition-transform duration-300 group-hover:scale-[1.03]",
+              isLogo ? "max-h-full max-w-full object-contain" : "size-full object-cover",
+              treatmentClass
+            ),
+            onError
+          }
+        )
+      }
+    ),
+    showLabel ? /* @__PURE__ */ jsxs("span", { className: "pointer-events-none absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent px-3 pb-2.5 pt-8 text-white", children: [
+      /* @__PURE__ */ jsx("span", { className: "block text-base font-semibold leading-tight", children: item.title }),
+      item.subtitle ? /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-[11px] leading-tight text-white/75", children: item.subtitle }) : null
+    ] }) : null
+  ] });
+}
 function AgentWorkbenchExploreSidebar({
   sessions,
   groups,
@@ -18381,19 +18421,13 @@ function AgentWorkbenchExploreSidebar({
               type: "button",
               "aria-label": item.title,
               className: "group relative aspect-[1.27] overflow-hidden rounded-xl border border-white/15 bg-card text-left transition hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+              style: Number.isFinite(activeGroup.itemAspectRatio) && Number(activeGroup.itemAspectRatio) > 0 ? { aspectRatio: activeGroup.itemAspectRatio } : void 0,
               onClick: () => onIntent?.({
                 type: "select-item",
                 groupId: activeGroup.id,
                 item
               }),
-              children: renderItemMedia?.(item, activeGroup) ?? (item.imageUrl ? /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: item.imageUrl,
-                  alt: "",
-                  className: "size-full object-cover transition-transform duration-300 group-hover:scale-[1.03]"
-                }
-              ) : null)
+              children: renderItemMedia?.(item, activeGroup) ?? /* @__PURE__ */ jsx(AgentWorkbenchExploreCardMedia, { item })
             },
             item.id
           )) })