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

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

@@ -1,4 +1,4 @@
-import { ChevronDown, Check, ChevronRight, Circle, ChevronUp, ArrowUp, ArrowDown, Pencil, Trash2, Image, File, LoaderCircle, CircleAlert, RotateCcw, X, Paperclip, FileText, Mic, Send, Square, ShoppingBag, Code2, Search, Palette, Sparkles, ArrowLeft, Upload, ArrowUpRight, Plus, Pin, SquarePen, Blocks, MessageSquare, Bot, Settings, AlertCircle, RefreshCw, Loader2, TerminalSquare, Clock3, FileOutput, Download, ListFilter, Link2, ExternalLink, PanelRightClose, Wrench, BookOpen, CheckCircle2, XCircle, CircleStop, GitFork, PencilLine, Copy, FileCode2, Files, TestTube2, Globe2, Film, Presentation, FileImage, Music2, Ellipsis } from 'lucide-react';
+import { ChevronDown, Check, ChevronRight, Circle, ChevronUp, ArrowUp, ArrowDown, Pencil, Trash2, Image, File, LoaderCircle, CircleAlert, RotateCcw, X, Paperclip, FileText, Mic, Send, Square, ShoppingBag, Code2, Search, Palette, Sparkles, ArrowLeft, Upload, ArrowUpRight, Plus, Pin, SquarePen, Blocks, MessageSquare, Bot, Settings, AlertCircle, RefreshCw, Loader2, Clock3, TerminalSquare, FileOutput, Download, ListFilter, Link2, ExternalLink, PanelRightClose, Wrench, BookOpen, CheckCircle2, XCircle, CircleStop, GitFork, PencilLine, Copy, FileCode2, Files, TestTube2, Globe2, Film, Presentation, FileImage, Music2, Ellipsis } from 'lucide-react';
 import * as React5 from 'react';
 import { useImperativeHandle, createContext, useRef, useState, useMemo, useEffect, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -2061,7 +2061,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(
@@ -2148,11 +2211,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
         ] })
@@ -2225,11 +2288,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 formatDuration(durationMs) {
   if (durationMs < 1e3) return "<1s";
   const totalSeconds = Math.floor(durationMs / 1e3);
@@ -2355,54 +2413,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
           );
@@ -3649,6 +3665,6 @@ function AgentWorkbenchArtifactWorkspace({
   );
 }
 
-export { AgentWorkbenchAction, AgentWorkbenchActivity, AgentWorkbenchArtifactSummary, AgentWorkbenchArtifactWorkspace, AgentWorkbenchComposer, AgentWorkbenchExploreCardMedia, AgentWorkbenchExploreSidebar, AgentWorkbenchProcess, AgentWorkbenchQuickStart, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchThread, AgentWorkbenchTool, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel };
+export { AgentWorkbenchAction, AgentWorkbenchActivity, AgentWorkbenchApproval, AgentWorkbenchArtifactSummary, AgentWorkbenchArtifactWorkspace, AgentWorkbenchComposer, AgentWorkbenchExploreCardMedia, AgentWorkbenchExploreSidebar, AgentWorkbenchProcess, AgentWorkbenchQuickStart, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchThread, AgentWorkbenchTool, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map