@inf-monkeys-tech/monkeys-design 1.0.68 → 1.0.69

package/dist/index.mjs

@@ -4,7 +4,7 @@ import * as React4 from 'react';
 import React4__default, { forwardRef, useMemo, useId, useRef, useState, useEffect, createElement, createContext, useCallback, useContext, Children, isValidElement, Fragment as Fragment$1, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { ChevronDown, Search, Circle, Check, ChevronRight, ChevronUp, X, Plus, Pin, SquarePen, Blocks, MessageSquare, Bot, Settings, AlertCircle, RefreshCw, Loader2, TerminalSquare, Clock3, FileOutput, Download, CheckCircle2, XCircle, CircleStop, GitFork, PencilLine, Copy, RotateCcw, FileCode2, Files, TestTube2, Image, Ellipsis, Pencil, Trash2 } from 'lucide-react';
+import { ChevronDown, Search, Circle, Check, ChevronRight, ChevronUp, X, Plus, Pin, SquarePen, Blocks, MessageSquare, Bot, Settings, AlertCircle, RefreshCw, Loader2, TerminalSquare, FileOutput, Download, Clock3, CheckCircle2, XCircle, CircleStop, GitFork, PencilLine, Copy, RotateCcw, FileCode2, Files, TestTube2, Image, Ellipsis, Pencil, Trash2 } from 'lucide-react';
 import { twMerge } from 'tailwind-merge';
 import * as DropdownMenu2 from '@radix-ui/react-dropdown-menu';
 import * as ContextMenu from '@radix-ui/react-context-menu';
@@ -18939,7 +18939,70 @@ function createAgentWorkbenchActivityModel(viewModel) {
     run: projectRun(visibleEvents)
   };
 }
-function JsonValue({ value, className }) {
+function JsonValue({ value }) {
+  if (value === void 0) return null;
+  const content = typeof value === "string" ? value : JSON.stringify(value, null, 2);
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      className: "max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted p-3 font-mono text-xs text-foreground",
+      tabIndex: 0,
+      children: content
+    }
+  );
+}
+function AgentWorkbenchApproval({ approval, className, onDecision }) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench.approval;
+  const requested = approval.status === "requested";
+  const approved = approval.status === "approved";
+  return /* @__PURE__ */ jsx(
+    "article",
+    {
+      className: cn2("rounded-lg border border-border bg-card p-3 text-card-foreground", className),
+      "data-agent-approval-status": approval.status,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        requested ? /* @__PURE__ */ jsx(Clock3, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": "true" }) : approved ? /* @__PURE__ */ jsx(Check, { className: "mt-0.5 size-4 shrink-0 text-primary", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(X, { className: "mt-0.5 size-4 shrink-0 text-destructive-text", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("h3", { className: "break-words text-sm font-medium", children: approval.title }),
+          approval.description ? /* @__PURE__ */ jsx("p", { className: "mt-1 whitespace-pre-wrap break-words text-sm text-muted-foreground", children: approval.description }) : null,
+          approval.requestedAction !== void 0 ? /* @__PURE__ */ jsx("div", { className: "mt-3 min-w-0", children: /* @__PURE__ */ jsx(JsonValue, { value: approval.requestedAction }) }) : null,
+          requested ? /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                className: "h-auto px-3 py-1.5 text-sm",
+                disabled: !onDecision,
+                onClick: () => onDecision?.({
+                  approvalId: approval.approvalId,
+                  approved: true
+                }),
+                children: messages.approve
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                className: "h-auto px-3 py-1.5 text-sm",
+                disabled: !onDecision,
+                onClick: () => onDecision?.({
+                  approvalId: approval.approvalId,
+                  approved: false
+                }),
+                children: messages.reject
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: approved ? messages.approved : messages.rejected })
+        ] })
+      ] })
+    }
+  );
+}
+function JsonValue2({ value, className }) {
   if (value === void 0) return null;
   const content = typeof value === "string" ? value : JSON.stringify(value, null, 2);
   return /* @__PURE__ */ jsx(
@@ -19026,11 +19089,11 @@ function AgentWorkbenchTool({
         /* @__PURE__ */ jsxs("div", { className: cn2("space-y-3 border-t border-border px-3 py-3 text-sm", classNames?.content), children: [
           event.payload.input !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
             /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: messages.input }),
-            /* @__PURE__ */ jsx(JsonValue, { value: event.payload.input, className: classNames?.input })
+            /* @__PURE__ */ jsx(JsonValue2, { value: event.payload.input, className: classNames?.input })
           ] }) : null,
           event.payload.output !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
             /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: messages.output }),
-            /* @__PURE__ */ jsx(JsonValue, { value: event.payload.output, className: classNames?.output })
+            /* @__PURE__ */ jsx(JsonValue2, { value: event.payload.output, className: classNames?.output })
           ] }) : null,
           event.payload.error ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive-text", role: "alert", children: event.payload.error }) : null
         ] })
@@ -19103,11 +19166,6 @@ function StatusIcon({ status }) {
   }
   return /* @__PURE__ */ jsx(Circle, { className: "size-4 text-muted-foreground", "aria-hidden": "true" });
 }
-function JsonValue2({ value }) {
-  if (value === void 0) return null;
-  const content = typeof value === "string" ? value : JSON.stringify(value, null, 2);
-  return /* @__PURE__ */ jsx("pre", { className: "max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted p-3 font-mono text-xs text-foreground", children: content });
-}
 function formatDuration2(durationMs) {
   if (durationMs < 1e3) return "<1s";
   const totalSeconds = Math.floor(durationMs / 1e3);
@@ -19233,54 +19291,12 @@ function AgentWorkbenchActivity({
           event.payload.toolCallId
         )),
         approvals.map((event) => {
-          const requested = event.payload.status === "requested";
-          const approved = event.payload.status === "approved";
           return /* @__PURE__ */ jsx(
-            "article",
+            AgentWorkbenchApproval,
             {
-              className: cn2(
-                "rounded-lg border border-border bg-card p-3 text-card-foreground",
-                classNames?.approval
-              ),
-              children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-                requested ? /* @__PURE__ */ jsx(Clock3, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": "true" }) : approved ? /* @__PURE__ */ jsx(Check, { className: "mt-0.5 size-4 shrink-0 text-primary", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(X, { className: "mt-0.5 size-4 shrink-0 text-destructive-text", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: event.payload.title }),
-                  event.payload.description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: event.payload.description }) : null,
-                  event.payload.requestedAction !== void 0 ? /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(JsonValue2, { value: event.payload.requestedAction }) }) : null,
-                  requested ? /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        type: "button",
-                        size: "sm",
-                        className: "h-auto px-3 py-1.5 text-sm",
-                        disabled: !onApprovalDecision,
-                        onClick: () => onApprovalDecision?.({
-                          approvalId: event.payload.approvalId,
-                          approved: true
-                        }),
-                        children: messages.approval.approve
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        type: "button",
-                        variant: "outline",
-                        size: "sm",
-                        className: "h-auto px-3 py-1.5 text-sm",
-                        disabled: !onApprovalDecision,
-                        onClick: () => onApprovalDecision?.({
-                          approvalId: event.payload.approvalId,
-                          approved: false
-                        }),
-                        children: messages.approval.reject
-                      }
-                    )
-                  ] }) : /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: approved ? messages.approval.approved : messages.approval.rejected })
-                ] })
-              ] })
+              approval: event.payload,
+              className: classNames?.approval,
+              onDecision: onApprovalDecision
             },
             event.payload.approvalId
           );