@inf-monkeys-tech/monkeys-design 1.0.68 → 1.0.69-canary.209.1.70abd7a

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AgentWorkbenchComposerViewModel, AgentSessionPermissionProfile, AgentWorkbenchQuickStartViewModel, AgentSessionViewModel, AgentSessionEvent } from '@inf-monkeys-tech/monkeys';
 export { AgentWorkbenchQuickStartCategory, AgentWorkbenchQuickStartIcon, AgentWorkbenchQuickStartSection, AgentWorkbenchQuickStartTemplate, AgentWorkbenchQuickStartViewModel } from '@inf-monkeys-tech/monkeys';
-import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-db4bd679f88e.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, E as AgentWorkbenchExploreCardMedia, F as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, G as AgentWorkbenchExploreMediaTreatment, H as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchSidebar, r as AgentWorkbenchSidebarClassNames, s as AgentWorkbenchSidebarIntent, t as AgentWorkbenchSidebarProps, u as AgentWorkbenchTaskDetails, v as AgentWorkbenchTaskDetailsClassNames, w as AgentWorkbenchTaskDetailsProps, x as AgentWorkbenchTerminalModel, y as AgentWorkbenchTool, z as AgentWorkbenchToolClassNames, B as AgentWorkbenchToolProps, C as createAgentWorkbenchActivityModel, D as createAgentWorkbenchDetailsModel } from '../../details-model-db4bd679f88e.mjs';
+import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-49d05d8a4e6d.mjs';
+export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, E as AgentWorkbenchApproval, F as AgentWorkbenchApprovalData, G as AgentWorkbenchApprovalProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, H as AgentWorkbenchExploreCardMedia, I as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, J as AgentWorkbenchExploreMediaTreatment, K as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchSidebar, r as AgentWorkbenchSidebarClassNames, s as AgentWorkbenchSidebarIntent, t as AgentWorkbenchSidebarProps, u as AgentWorkbenchTaskDetails, v as AgentWorkbenchTaskDetailsClassNames, w as AgentWorkbenchTaskDetailsProps, x as AgentWorkbenchTerminalModel, y as AgentWorkbenchTool, z as AgentWorkbenchToolClassNames, B as AgentWorkbenchToolProps, C as createAgentWorkbenchActivityModel, D as createAgentWorkbenchDetailsModel } from '../../details-model-49d05d8a4e6d.mjs';
 import { ReactNode, ComponentType } from 'react';
 type AgentWorkbenchComposerIntent = {
     type: 'change-mode';

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AgentWorkbenchComposerViewModel, AgentSessionPermissionProfile, AgentWorkbenchQuickStartViewModel, AgentSessionViewModel, AgentSessionEvent } from '@inf-monkeys-tech/monkeys';
 export { AgentWorkbenchQuickStartCategory, AgentWorkbenchQuickStartIcon, AgentWorkbenchQuickStartSection, AgentWorkbenchQuickStartTemplate, AgentWorkbenchQuickStartViewModel } from '@inf-monkeys-tech/monkeys';
-import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-db4bd679f88e.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, E as AgentWorkbenchExploreCardMedia, F as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, G as AgentWorkbenchExploreMediaTreatment, H as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchSidebar, r as AgentWorkbenchSidebarClassNames, s as AgentWorkbenchSidebarIntent, t as AgentWorkbenchSidebarProps, u as AgentWorkbenchTaskDetails, v as AgentWorkbenchTaskDetailsClassNames, w as AgentWorkbenchTaskDetailsProps, x as AgentWorkbenchTerminalModel, y as AgentWorkbenchTool, z as AgentWorkbenchToolClassNames, B as AgentWorkbenchToolProps, C as createAgentWorkbenchActivityModel, D as createAgentWorkbenchDetailsModel } from '../../details-model-db4bd679f88e.js';
+import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-49d05d8a4e6d.js';
+export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, E as AgentWorkbenchApproval, F as AgentWorkbenchApprovalData, G as AgentWorkbenchApprovalProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, H as AgentWorkbenchExploreCardMedia, I as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, J as AgentWorkbenchExploreMediaTreatment, K as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchSidebar, r as AgentWorkbenchSidebarClassNames, s as AgentWorkbenchSidebarIntent, t as AgentWorkbenchSidebarProps, u as AgentWorkbenchTaskDetails, v as AgentWorkbenchTaskDetailsClassNames, w as AgentWorkbenchTaskDetailsProps, x as AgentWorkbenchTerminalModel, y as AgentWorkbenchTool, z as AgentWorkbenchToolClassNames, B as AgentWorkbenchToolProps, C as createAgentWorkbenchActivityModel, D as createAgentWorkbenchDetailsModel } from '../../details-model-49d05d8a4e6d.js';
 import { ReactNode, ComponentType } from 'react';
 type AgentWorkbenchComposerIntent = {
     type: 'change-mode';

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

@@ -2092,7 +2092,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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+        requested ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock3, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": "true" }) : approved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "mt-0.5 size-4 shrink-0 text-primary", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "mt-0.5 size-4 shrink-0 text-destructive-text", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "break-words text-sm font-medium", children: approval.title }),
+          approval.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 whitespace-pre-wrap break-words text-sm text-muted-foreground", children: approval.description }) : null,
+          approval.requestedAction !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(JsonValue, { value: approval.requestedAction }) }) : null,
+          requested ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
@@ -2179,11 +2242,11 @@ function AgentWorkbenchTool({
         /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-muted-foreground", children: messages.input }),
-            /* @__PURE__ */ jsxRuntime.jsx(JsonValue, { value: event.payload.input, className: classNames?.input })
+            /* @__PURE__ */ jsxRuntime.jsx(JsonValue2, { value: event.payload.input, className: classNames?.input })
           ] }) : null,
           event.payload.output !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-muted-foreground", children: messages.output }),
-            /* @__PURE__ */ jsxRuntime.jsx(JsonValue, { value: event.payload.output, className: classNames?.output })
+            /* @__PURE__ */ jsxRuntime.jsx(JsonValue2, { value: event.payload.output, className: classNames?.output })
           ] }) : null,
           event.payload.error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive-text", role: "alert", children: event.payload.error }) : null
         ] })
@@ -2256,11 +2319,6 @@ function StatusIcon({ status }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.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);
@@ -2386,54 +2444,12 @@ function AgentWorkbenchActivity({
           event.payload.toolCallId
         )),
         approvals.map((event) => {
-          const requested = event.payload.status === "requested";
-          const approved = event.payload.status === "approved";
           return /* @__PURE__ */ jsxRuntime.jsx(
-            "article",
+            AgentWorkbenchApproval,
             {
-              className: cn2(
-                "rounded-lg border border-border bg-card p-3 text-card-foreground",
-                classNames?.approval
-              ),
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-                requested ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock3, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": "true" }) : approved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "mt-0.5 size-4 shrink-0 text-primary", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "mt-0.5 size-4 shrink-0 text-destructive-text", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium", children: event.payload.title }),
-                  event.payload.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: event.payload.description }) : null,
-                  event.payload.requestedAction !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxRuntime.jsx(JsonValue2, { value: event.payload.requestedAction }) }) : null,
-                  requested ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
-                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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
           );
@@ -3682,6 +3698,7 @@ function AgentWorkbenchArtifactWorkspace({
 
 exports.AgentWorkbenchAction = AgentWorkbenchAction;
 exports.AgentWorkbenchActivity = AgentWorkbenchActivity;
+exports.AgentWorkbenchApproval = AgentWorkbenchApproval;
 exports.AgentWorkbenchArtifactSummary = AgentWorkbenchArtifactSummary;
 exports.AgentWorkbenchArtifactWorkspace = AgentWorkbenchArtifactWorkspace;
 exports.AgentWorkbenchComposer = AgentWorkbenchComposer;