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

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

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AgentWorkbenchComposerViewModel, AgentSessionPermissionProfile } from '@inf-monkeys-tech/monkeys';
-export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, k as AgentWorkbenchSidebar, l as AgentWorkbenchSidebarClassNames, m as AgentWorkbenchSidebarIntent, n as AgentWorkbenchSidebarProps, o as AgentWorkbenchTaskDetails, p as AgentWorkbenchTaskDetailsClassNames, q as AgentWorkbenchTaskDetailsProps, r as AgentWorkbenchTerminalModel, s as AgentWorkbenchTool, t as AgentWorkbenchToolClassNames, u as AgentWorkbenchToolProps, v as createAgentWorkbenchActivityModel, w as createAgentWorkbenchDetailsModel } from '../../details-model-f2034b78b458.mjs';
-import 'react';
+import { AgentWorkbenchComposerViewModel, AgentSessionPermissionProfile, AgentSessionViewModel, AgentSessionEvent } from '@inf-monkeys-tech/monkeys';
+import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-235bb3448dca.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 AgentWorkbenchSidebar, l as AgentWorkbenchSidebarClassNames, m as AgentWorkbenchSidebarIntent, n as AgentWorkbenchSidebarProps, o as AgentWorkbenchTaskDetails, p as AgentWorkbenchTaskDetailsClassNames, q as AgentWorkbenchTaskDetailsProps, r as AgentWorkbenchTerminalModel, s as AgentWorkbenchTool, t as AgentWorkbenchToolClassNames, u as AgentWorkbenchToolProps, v as createAgentWorkbenchActivityModel, w as createAgentWorkbenchDetailsModel } from '../../details-model-235bb3448dca.mjs';
+import { ReactNode } from 'react';
 type AgentWorkbenchComposerIntent = {
     type: 'change-permission';
     value: AgentSessionPermissionProfile;
@@ -56,4 +57,35 @@ interface AgentWorkbenchComposerProps {
     onIntent?: (intent: AgentWorkbenchComposerIntent) => void;
 }
 declare function AgentWorkbenchComposer({ viewModel, className, classNames, onIntent, }: AgentWorkbenchComposerProps): react_jsx_runtime.JSX.Element;
-export { AgentWorkbenchComposer, type AgentWorkbenchComposerClassNames, type AgentWorkbenchComposerIntent, type AgentWorkbenchComposerProps };
+type MessageEvent = Extract<AgentSessionEvent, {
+    eventType: 'message';
+}>;
+interface AgentWorkbenchThreadMessage {
+    id: string;
+    role: MessageEvent['payload']['role'];
+    parts: MessageEvent['payload']['parts'];
+    sequence: number;
+}
+interface AgentWorkbenchThreadClassNames {
+    root?: string;
+    list?: string;
+    message?: string;
+    messageContent?: string;
+    activity?: string;
+    empty?: string;
+    loading?: string;
+}
+interface AgentWorkbenchThreadProps {
+    viewModel?: AgentSessionViewModel;
+    loading?: boolean;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    autoScroll?: boolean;
+    className?: string;
+    classNames?: AgentWorkbenchThreadClassNames;
+    renderMessageContent?: (message: AgentWorkbenchThreadMessage) => ReactNode;
+    onApprovalDecision?: (intent: AgentWorkbenchApprovalIntent) => void;
+    onArtifactOpen?: (intent: AgentWorkbenchArtifactIntent) => void;
+}
+declare function AgentWorkbenchThread({ viewModel, loading, emptyTitle, emptyDescription, autoScroll, className, classNames, renderMessageContent, onApprovalDecision, onArtifactOpen, }: AgentWorkbenchThreadProps): react_jsx_runtime.JSX.Element;
+export { AgentWorkbenchApprovalIntent, AgentWorkbenchArtifactIntent, AgentWorkbenchComposer, type AgentWorkbenchComposerClassNames, type AgentWorkbenchComposerIntent, type AgentWorkbenchComposerProps, AgentWorkbenchThread, type AgentWorkbenchThreadClassNames, type AgentWorkbenchThreadMessage, type AgentWorkbenchThreadProps };

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

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AgentWorkbenchComposerViewModel, AgentSessionPermissionProfile } from '@inf-monkeys-tech/monkeys';
-export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, k as AgentWorkbenchSidebar, l as AgentWorkbenchSidebarClassNames, m as AgentWorkbenchSidebarIntent, n as AgentWorkbenchSidebarProps, o as AgentWorkbenchTaskDetails, p as AgentWorkbenchTaskDetailsClassNames, q as AgentWorkbenchTaskDetailsProps, r as AgentWorkbenchTerminalModel, s as AgentWorkbenchTool, t as AgentWorkbenchToolClassNames, u as AgentWorkbenchToolProps, v as createAgentWorkbenchActivityModel, w as createAgentWorkbenchDetailsModel } from '../../details-model-f2034b78b458.js';
-import 'react';
+import { AgentWorkbenchComposerViewModel, AgentSessionPermissionProfile, AgentSessionViewModel, AgentSessionEvent } from '@inf-monkeys-tech/monkeys';
+import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-235bb3448dca.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 AgentWorkbenchSidebar, l as AgentWorkbenchSidebarClassNames, m as AgentWorkbenchSidebarIntent, n as AgentWorkbenchSidebarProps, o as AgentWorkbenchTaskDetails, p as AgentWorkbenchTaskDetailsClassNames, q as AgentWorkbenchTaskDetailsProps, r as AgentWorkbenchTerminalModel, s as AgentWorkbenchTool, t as AgentWorkbenchToolClassNames, u as AgentWorkbenchToolProps, v as createAgentWorkbenchActivityModel, w as createAgentWorkbenchDetailsModel } from '../../details-model-235bb3448dca.js';
+import { ReactNode } from 'react';
 type AgentWorkbenchComposerIntent = {
     type: 'change-permission';
     value: AgentSessionPermissionProfile;
@@ -56,4 +57,35 @@ interface AgentWorkbenchComposerProps {
     onIntent?: (intent: AgentWorkbenchComposerIntent) => void;
 }
 declare function AgentWorkbenchComposer({ viewModel, className, classNames, onIntent, }: AgentWorkbenchComposerProps): react_jsx_runtime.JSX.Element;
-export { AgentWorkbenchComposer, type AgentWorkbenchComposerClassNames, type AgentWorkbenchComposerIntent, type AgentWorkbenchComposerProps };
+type MessageEvent = Extract<AgentSessionEvent, {
+    eventType: 'message';
+}>;
+interface AgentWorkbenchThreadMessage {
+    id: string;
+    role: MessageEvent['payload']['role'];
+    parts: MessageEvent['payload']['parts'];
+    sequence: number;
+}
+interface AgentWorkbenchThreadClassNames {
+    root?: string;
+    list?: string;
+    message?: string;
+    messageContent?: string;
+    activity?: string;
+    empty?: string;
+    loading?: string;
+}
+interface AgentWorkbenchThreadProps {
+    viewModel?: AgentSessionViewModel;
+    loading?: boolean;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    autoScroll?: boolean;
+    className?: string;
+    classNames?: AgentWorkbenchThreadClassNames;
+    renderMessageContent?: (message: AgentWorkbenchThreadMessage) => ReactNode;
+    onApprovalDecision?: (intent: AgentWorkbenchApprovalIntent) => void;
+    onArtifactOpen?: (intent: AgentWorkbenchArtifactIntent) => void;
+}
+declare function AgentWorkbenchThread({ viewModel, loading, emptyTitle, emptyDescription, autoScroll, className, classNames, renderMessageContent, onApprovalDecision, onArtifactOpen, }: AgentWorkbenchThreadProps): react_jsx_runtime.JSX.Element;
+export { AgentWorkbenchApprovalIntent, AgentWorkbenchArtifactIntent, AgentWorkbenchComposer, type AgentWorkbenchComposerClassNames, type AgentWorkbenchComposerIntent, type AgentWorkbenchComposerProps, AgentWorkbenchThread, type AgentWorkbenchThreadClassNames, type AgentWorkbenchThreadMessage, type AgentWorkbenchThreadProps };

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

@@ -1482,6 +1482,7 @@ function RunStatus({
 }
 function AgentWorkbenchActivity({
   viewModel,
+  ariaLabel,
   hiddenToolCallIds,
   hideReasoning = false,
   hideStoppedRun = false,
@@ -1509,7 +1510,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: [
@@ -2215,11 +2216,176 @@ 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__ */ jsxRuntime.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 = React2.useRef(null);
+  const entries = React2.useMemo(
+    () => viewModel ? createThreadEntries(viewModel) : [],
+    [viewModel]
+  );
+  React2.useEffect(() => {
+    if (!autoScroll || !viewModel) return;
+    const element = scrollRef.current;
+    if (element) element.scrollTop = element.scrollHeight;
+  }, [autoScroll, viewModel?.lastSequence, viewModel?.sessionId]);
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "size-4 animate-spin rounded-full border-2 border-muted-foreground/30 border-t-muted-foreground", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: messages.navigation.loading })
+      ] }) : entries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn2("flex min-h-48 flex-col items-center justify-center px-6 text-center", classNames?.empty), children: [
+        emptyTitle ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-semibold text-foreground", children: emptyTitle }) : null,
+        emptyDescription ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 max-w-lg text-sm text-muted-foreground", children: emptyDescription }) : null
+      ] }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: cn2("text-center text-xs text-muted-foreground", classNames?.message), children: renderMessageContent?.(message) ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultMessageContent, { message }) }, message.id);
+        }
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "article",
+          {
+            className: cn2("flex items-start gap-3", isUser && "flex-row-reverse", classNames?.message),
+            "data-message-role": message.role,
+            children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "size-2 rounded-full bg-current" }) }),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(DefaultMessageContent, { message }) })
+            ]
+          },
+          message.id
+        );
+      }) })
+    }
+  );
+}
 
 exports.AgentWorkbenchActivity = AgentWorkbenchActivity;
 exports.AgentWorkbenchComposer = AgentWorkbenchComposer;
 exports.AgentWorkbenchSidebar = AgentWorkbenchSidebar;
 exports.AgentWorkbenchTaskDetails = AgentWorkbenchTaskDetails;
+exports.AgentWorkbenchThread = AgentWorkbenchThread;
 exports.AgentWorkbenchTool = AgentWorkbenchTool;
 exports.createAgentWorkbenchActivityModel = createAgentWorkbenchActivityModel;
 exports.createAgentWorkbenchDetailsModel = createAgentWorkbenchDetailsModel;