@inf-monkeys-tech/monkeys-design 1.0.16 → 1.0.17

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

@@ -1452,6 +1452,7 @@ function RunStatus({
 }
 function AgentWorkbenchActivity({
   viewModel,
+  ariaLabel,
   hiddenToolCallIds,
   hideReasoning = false,
   hideStoppedRun = false,
@@ -1479,7 +1480,7 @@ function AgentWorkbenchActivity({
     "section",
     {
       className: cn2("space-y-3", classNames?.root, className),
-      "aria-label": messages.label,
+      "aria-label": ariaLabel ?? messages.label,
       "data-agent-workbench-mode": activity.mode,
       "data-agent-workbench-status": activity.status,
       children: [
@@ -2185,7 +2186,171 @@ function AgentWorkbenchTaskDetails({
     }
   );
 }
+function materializeMessages(events) {
+  const messages = /* @__PURE__ */ new Map();
+  for (const event of events) {
+    if (event.eventType !== "message") continue;
+    const current = messages.get(event.payload.messageId);
+    const parts = event.payload.operation === "replace" ? event.payload.parts : [...current?.parts ?? [], ...event.payload.parts];
+    messages.set(event.payload.messageId, {
+      id: event.payload.messageId,
+      role: event.payload.role,
+      parts,
+      sequence: event.sequence
+    });
+  }
+  return [...messages.values()];
+}
+function logicalActivityKey(event) {
+  switch (event.eventType) {
+    case "reasoning":
+      return `reasoning:${event.payload.reasoningId}`;
+    case "plan":
+      return `plan:${event.payload.planId}`;
+    case "task":
+      return `task:${event.payload.taskId}`;
+    case "tool":
+      return `tool:${event.payload.toolCallId}`;
+    case "approval":
+      return `approval:${event.payload.approvalId}`;
+    case "artifact":
+      return `artifact:${event.payload.artifactId}`;
+    case "usage":
+      return "usage";
+    case "status":
+      return "status";
+    default:
+      return void 0;
+  }
+}
+function createThreadEntries(viewModel) {
+  const messages = materializeMessages(viewModel.events).map((message) => ({
+    type: "message",
+    sequence: message.sequence,
+    message
+  }));
+  const activity = /* @__PURE__ */ new Map();
+  for (const event of viewModel.events) {
+    const key = logicalActivityKey(event);
+    if (key) activity.set(key, event);
+  }
+  return [
+    ...messages,
+    ...viewModel.events.filter((event) => event.eventType === "error").map((event) => ({ type: "error", sequence: event.sequence, event })),
+    ...[...activity.values()].map((event) => ({
+      type: "activity",
+      sequence: event.sequence,
+      event
+    }))
+  ].sort((left, right) => left.sequence - right.sequence);
+}
+function partText(part) {
+  if (typeof part === "string") return part;
+  if (!part || typeof part !== "object" || Array.isArray(part)) return String(part ?? "");
+  const record = part;
+  if (typeof record.text === "string") return record.text;
+  if (typeof record.name === "string") return record.name;
+  return JSON.stringify(record, null, 2);
+}
+function DefaultMessageContent({ message }) {
+  const content = message.parts.map(partText).filter(Boolean).join("");
+  return /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words", children: content });
+}
+function singleEventViewModel(viewModel, event) {
+  return {
+    ...viewModel,
+    events: [event],
+    lastSequence: event.sequence
+  };
+}
+function AgentWorkbenchThread({
+  viewModel,
+  loading = false,
+  emptyTitle,
+  emptyDescription,
+  autoScroll = true,
+  className,
+  classNames,
+  renderMessageContent,
+  onApprovalDecision,
+  onArtifactOpen
+}) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench;
+  const scrollRef = useRef(null);
+  const entries = useMemo(
+    () => viewModel ? createThreadEntries(viewModel) : [],
+    [viewModel]
+  );
+  useEffect(() => {
+    if (!autoScroll || !viewModel) return;
+    const element = scrollRef.current;
+    if (element) element.scrollTop = element.scrollHeight;
+  }, [autoScroll, viewModel?.lastSequence, viewModel?.sessionId]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollRef,
+      role: "log",
+      "aria-label": messages.label,
+      className: cn2("min-h-0 flex-1 overflow-y-auto bg-background", classNames?.root, className),
+      children: loading && entries.length === 0 ? /* @__PURE__ */ jsxs("div", { className: cn2("flex min-h-48 items-center justify-center gap-2 text-sm text-muted-foreground", classNames?.loading), role: "status", children: [
+        /* @__PURE__ */ jsx("span", { className: "size-4 animate-spin rounded-full border-2 border-muted-foreground/30 border-t-muted-foreground", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { children: messages.navigation.loading })
+      ] }) : entries.length === 0 ? /* @__PURE__ */ jsxs("div", { className: cn2("flex min-h-48 flex-col items-center justify-center px-6 text-center", classNames?.empty), children: [
+        emptyTitle ? /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-foreground", children: emptyTitle }) : null,
+        emptyDescription ? /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-lg text-sm text-muted-foreground", children: emptyDescription }) : null
+      ] }) : /* @__PURE__ */ jsx("div", { className: cn2("mx-auto flex w-full max-w-4xl flex-col gap-4 px-4 py-6 sm:px-6", classNames?.list), children: entries.map((entry) => {
+        if (entry.type === "error") {
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              role: "alert",
+              className: cn2("rounded-lg border border-destructive/30 bg-destructive/10 px-4 py-3 text-sm text-destructive-text", classNames?.activity),
+              children: entry.event.payload.message
+            },
+            `error:${entry.event.eventId}`
+          );
+        }
+        if (entry.type === "activity") {
+          return /* @__PURE__ */ jsx(
+            AgentWorkbenchActivity,
+            {
+              viewModel: singleEventViewModel(viewModel, entry.event),
+              ariaLabel: `${messages.label} ${entry.sequence + 1}`,
+              className: classNames?.activity,
+              onApprovalDecision,
+              onArtifactOpen
+            },
+            `activity:${entry.event.eventId}`
+          );
+        }
+        const { message } = entry;
+        const isUser = message.role === "user";
+        const isSystem = message.role === "system";
+        if (isSystem) {
+          return /* @__PURE__ */ jsx("div", { className: cn2("text-center text-xs text-muted-foreground", classNames?.message), children: renderMessageContent?.(message) ?? /* @__PURE__ */ jsx(DefaultMessageContent, { message }) }, message.id);
+        }
+        return /* @__PURE__ */ jsxs(
+          "article",
+          {
+            className: cn2("flex items-start gap-3", isUser && "flex-row-reverse", classNames?.message),
+            "data-message-role": message.role,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: cn2("flex size-8 shrink-0 items-center justify-center rounded-full", isUser ? "bg-primary text-primary-foreground" : "bg-muted text-foreground"), "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-current" }) }),
+              /* @__PURE__ */ jsx("div", { className: cn2(
+                "min-w-0 max-w-[85%] rounded-2xl px-4 py-2.5 text-sm leading-6",
+                isUser ? "bg-primary text-primary-foreground" : "bg-card text-card-foreground",
+                classNames?.messageContent
+              ), children: renderMessageContent?.(message) ?? /* @__PURE__ */ jsx(DefaultMessageContent, { message }) })
+            ]
+          },
+          message.id
+        );
+      }) })
+    }
+  );
+}
 
-export { AgentWorkbenchActivity, AgentWorkbenchComposer, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchTool, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel };
+export { AgentWorkbenchActivity, AgentWorkbenchComposer, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchThread, AgentWorkbenchTool, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map