@inf-monkeys-tech/monkeys-design 2.0.32 → 2.0.33

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

@@ -5110,6 +5110,8 @@ function AgentWorkbenchProcess({
   className,
   contentClassName,
   label,
+  title: processTitle,
+  createdAt,
   showStatusIcon = true,
   variant,
   density
@@ -5138,6 +5140,15 @@ function AgentWorkbenchProcess({
   const duration = durationMs === void 0 ? void 0 : formatDuration3(durationMs);
   const title = label ?? (status === "queued" ? messages.process.queued : status === "waiting_approval" ? messages.process.waitingApproval : status === "running" ? messages.process.running : status === "failed" ? messages.process.failed : status === "stopped" ? messages.process.stopped : duration ? messages.process.processedFor({ duration }) : messages.process.processed);
   const showCount = totalCount !== void 0 && totalCount > 0;
+  const displayTitle = processTitle ?? title;
+  const parsedCreatedAt = createdAt ? new Date(createdAt) : void 0;
+  const createdTime = parsedCreatedAt && Number.isFinite(parsedCreatedAt.getTime()) ? parsedCreatedAt.toLocaleTimeString(void 0, {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hour12: false
+  }) : void 0;
+  const hasProcessDetails = processTitle !== void 0 && (createdTime !== void 0 || label !== void 0);
   return /* @__PURE__ */ jsxs(
     CollapsiblePrimitive.Root,
     {
@@ -5188,7 +5199,13 @@ function AgentWorkbenchProcess({
                   "aria-hidden": "true"
                 }
               ) : null,
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: title }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: hasProcessDetails ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2 truncate", children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate", children: displayTitle }),
+                  createdTime ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground/70", children: createdTime }) : null
+                ] }),
+                label ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground/70", children: label }) : null
+              ] }) : title }),
               showCount ? /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-xs text-foreground", children: messages.process.completedCount({
                 completed: completedCount ?? 0,
                 total: totalCount