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

package/dist/components/agent-workbench/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AgentWorkbenchComposerViewModel, AgentSessionPermissionProfile, AgentSessionViewModel, AgentSessionEvent } from '@inf-monkeys-tech/monkeys';
-import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-2eb132663bb1.mjs';
-export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchSidebar, r as AgentWorkbenchSidebarClassNames, s as AgentWorkbenchSidebarIntent, t as AgentWorkbenchSidebarProps, u as AgentWorkbenchTaskDetails, v as AgentWorkbenchTaskDetailsClassNames, w as AgentWorkbenchTaskDetailsProps, x as AgentWorkbenchTerminalModel, y as AgentWorkbenchTool, z as AgentWorkbenchToolClassNames, B as AgentWorkbenchToolProps, C as createAgentWorkbenchActivityModel, D as createAgentWorkbenchDetailsModel } from '../../details-model-2eb132663bb1.mjs';
+import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-765193fe43be.mjs';
+export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, E as AgentWorkbenchExploreCardMedia, F as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, G as AgentWorkbenchExploreMediaTreatment, H as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchSidebar, r as AgentWorkbenchSidebarClassNames, s as AgentWorkbenchSidebarIntent, t as AgentWorkbenchSidebarProps, u as AgentWorkbenchTaskDetails, v as AgentWorkbenchTaskDetailsClassNames, w as AgentWorkbenchTaskDetailsProps, x as AgentWorkbenchTerminalModel, y as AgentWorkbenchTool, z as AgentWorkbenchToolClassNames, B as AgentWorkbenchToolProps, C as createAgentWorkbenchActivityModel, D as createAgentWorkbenchDetailsModel } from '../../details-model-765193fe43be.mjs';
 import { ReactNode, ComponentType } from 'react';
 type AgentWorkbenchComposerIntent = {
     type: 'change-mode';

package/dist/components/agent-workbench/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AgentWorkbenchComposerViewModel, AgentSessionPermissionProfile, AgentSessionViewModel, AgentSessionEvent } from '@inf-monkeys-tech/monkeys';
-import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-2eb132663bb1.js';
-export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchSidebar, r as AgentWorkbenchSidebarClassNames, s as AgentWorkbenchSidebarIntent, t as AgentWorkbenchSidebarProps, u as AgentWorkbenchTaskDetails, v as AgentWorkbenchTaskDetailsClassNames, w as AgentWorkbenchTaskDetailsProps, x as AgentWorkbenchTerminalModel, y as AgentWorkbenchTool, z as AgentWorkbenchToolClassNames, B as AgentWorkbenchToolProps, C as createAgentWorkbenchActivityModel, D as createAgentWorkbenchDetailsModel } from '../../details-model-2eb132663bb1.js';
+import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-765193fe43be.js';
+export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, E as AgentWorkbenchExploreCardMedia, F as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, G as AgentWorkbenchExploreMediaTreatment, H as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchSidebar, r as AgentWorkbenchSidebarClassNames, s as AgentWorkbenchSidebarIntent, t as AgentWorkbenchSidebarProps, u as AgentWorkbenchTaskDetails, v as AgentWorkbenchTaskDetailsClassNames, w as AgentWorkbenchTaskDetailsProps, x as AgentWorkbenchTerminalModel, y as AgentWorkbenchTool, z as AgentWorkbenchToolClassNames, B as AgentWorkbenchToolProps, C as createAgentWorkbenchActivityModel, D as createAgentWorkbenchDetailsModel } from '../../details-model-765193fe43be.js';
 import { ReactNode, ComponentType } from 'react';
 type AgentWorkbenchComposerIntent = {
     type: 'change-mode';

package/dist/components/agent-workbench/index.js

@@ -1746,6 +1746,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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "block text-base font-semibold leading-tight", children: item.title }),
+      item.subtitle ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 block text-[11px] leading-tight text-white/75", children: item.subtitle }) : null
+    ] }) : null
+  ] });
+}
 function AgentWorkbenchExploreSidebar({
   sessions,
   groups,
@@ -1879,19 +1919,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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(AgentWorkbenchExploreCardMedia, { item })
             },
             item.id
           )) })
@@ -3585,6 +3619,7 @@ exports.AgentWorkbenchActivity = AgentWorkbenchActivity;
 exports.AgentWorkbenchArtifactSummary = AgentWorkbenchArtifactSummary;
 exports.AgentWorkbenchArtifactWorkspace = AgentWorkbenchArtifactWorkspace;
 exports.AgentWorkbenchComposer = AgentWorkbenchComposer;
+exports.AgentWorkbenchExploreCardMedia = AgentWorkbenchExploreCardMedia;
 exports.AgentWorkbenchExploreSidebar = AgentWorkbenchExploreSidebar;
 exports.AgentWorkbenchProcess = AgentWorkbenchProcess;
 exports.AgentWorkbenchQuickStart = AgentWorkbenchQuickStart;