@inf-monkeys-tech/monkeys-design 1.0.34 → 1.0.35

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

@@ -850,7 +850,7 @@ function AgentWorkbenchComposer({
                       "aria-pressed": viewModel.mode === mode,
                       className: cn2(
                         "h-7 rounded px-2.5 text-xs font-medium transition-colors",
-                        viewModel.mode === mode ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+                        viewModel.mode === mode ? "bg-background text-foreground shadow-sm" : "text-foreground/75 hover:text-foreground"
                       ),
                       onClick: () => onIntent?.({ type: "change-mode", mode }),
                       children: messages.modes[mode]
@@ -946,7 +946,7 @@ var ICONS = {
 function TemplateVisual({ template }) {
   const Icon2 = ICONS[template.icon || "sparkles"];
   if (template.coverImageUrl) {
-    return /* @__PURE__ */ jsx("img", { src: template.coverImageUrl, alt: "", className: "size-full object-cover transition-transform duration-200 group-hover:scale-105" });
+    return /* @__PURE__ */ jsx("img", { src: template.coverImageUrl, alt: "", className: "size-full bg-muted object-contain" });
   }
   return /* @__PURE__ */ jsx("span", { className: "flex size-full items-center justify-center bg-gradient-to-br from-primary/5 via-muted/50 to-primary/15", children: /* @__PURE__ */ jsx("span", { className: "flex size-14 items-center justify-center rounded-2xl border border-primary/10 bg-background/85 text-primary shadow-sm", children: /* @__PURE__ */ jsx(Icon2, { className: "size-7", "aria-hidden": "true" }) }) });
 }
@@ -1065,7 +1065,7 @@ function AgentWorkbenchQuickStart({ viewModel, className, onIntent }) {
           ] }),
           template.description ? /* @__PURE__ */ jsx("span", { className: "mt-1 line-clamp-2 block min-h-8 text-xs leading-4 text-muted-foreground", children: template.description }) : null
         ] }),
-        /* @__PURE__ */ jsx("span", { className: "block h-28 overflow-hidden", children: /* @__PURE__ */ jsx(TemplateVisual, { template }) })
+        /* @__PURE__ */ jsx("span", { className: cn2("block overflow-hidden", template.coverImageUrl ? "aspect-[5/2]" : "h-28"), children: /* @__PURE__ */ jsx(TemplateVisual, { template }) })
       ] }, template.id)) })
     ] })
   ] });