@inf-monkeys-tech/monkeys-design 1.0.81 → 1.0.84

package/dist/index.mjs

@@ -3145,7 +3145,10 @@ var enUS = {
         closeTab: ({ name }) => `Close ${name}`,
         closeWorkspace: "Close workspace",
         download: ({ name }) => `Download ${name}`,
-        openExternal: ({ name }) => `Open ${name} in a new window`
+        openExternal: ({ name }) => `Open ${name} in a new window`,
+        loading: "Loading preview...",
+        failed: "Preview unavailable",
+        retry: "Try again"
       },
       usage: {
         label: "Context usage",
@@ -3432,7 +3435,10 @@ var zhCN = {
         closeTab: ({ name }) => `\u5173\u95ED ${name}`,
         closeWorkspace: "\u5173\u95ED\u5DE5\u4F5C\u533A",
         download: ({ name }) => `\u4E0B\u8F7D ${name}`,
-        openExternal: ({ name }) => `\u5728\u65B0\u7A97\u53E3\u6253\u5F00 ${name}`
+        openExternal: ({ name }) => `\u5728\u65B0\u7A97\u53E3\u6253\u5F00 ${name}`,
+        loading: "\u6B63\u5728\u52A0\u8F7D\u9884\u89C8...",
+        failed: "\u9884\u89C8\u4E0D\u53EF\u7528",
+        retry: "\u91CD\u8BD5"
       },
       usage: {
         label: "\u4E0A\u4E0B\u6587\u7528\u91CF",
@@ -19460,7 +19466,7 @@ function JsonValue({ value }) {
   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",
+      className: "max-h-48 max-w-full overflow-auto overscroll-contain whitespace-pre-wrap break-words rounded-md bg-muted p-3 font-mono text-xs text-foreground [overflow-wrap:anywhere]",
       tabIndex: 0,
       children: content
     }
@@ -19473,13 +19479,20 @@ function AgentWorkbenchApproval({ approval, className, onDecision }) {
   return /* @__PURE__ */ jsx(
     "article",
     {
-      className: cn2("rounded-lg border border-border bg-card p-3 text-card-foreground", className),
+      className: cn2("min-w-0 overflow-hidden 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.description ? /* @__PURE__ */ jsx(
+            "p",
+            {
+              tabIndex: 0,
+              className: "mt-1 max-h-32 overflow-auto whitespace-pre-wrap break-words text-sm text-muted-foreground [overflow-wrap:anywhere]",
+              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(
@@ -19523,8 +19536,9 @@ function JsonValue2({ value, className }) {
   return /* @__PURE__ */ jsx(
     "pre",
     {
+      tabIndex: 0,
       className: cn2(
-        "max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted p-3 font-mono text-xs text-foreground",
+        "max-h-64 max-w-full overflow-auto overscroll-contain whitespace-pre-wrap break-words rounded-md bg-muted p-3 font-mono text-xs text-foreground [overflow-wrap:anywhere]",
         className
       ),
       children: content
@@ -19567,7 +19581,7 @@ function AgentWorkbenchTool({
     {
       open: isExpanded,
       className: cn2(
-        "group rounded-lg border border-border bg-card text-card-foreground",
+        "group min-w-0 overflow-hidden rounded-lg border border-border bg-card text-card-foreground",
         classNames?.root,
         className
       ),
@@ -19601,7 +19615,7 @@ function AgentWorkbenchTool({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: cn2("space-y-3 border-t border-border px-3 py-3 text-sm", classNames?.content), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn2("min-w-0 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(JsonValue2, { value: event.payload.input, className: classNames?.input })
@@ -19610,7 +19624,15 @@ function AgentWorkbenchTool({
             /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: messages.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
+          event.payload.error ? /* @__PURE__ */ jsx(
+            "p",
+            {
+              tabIndex: 0,
+              className: "max-h-32 overflow-auto whitespace-pre-wrap break-words text-sm text-destructive-text [overflow-wrap:anywhere]",
+              role: "alert",
+              children: event.payload.error
+            }
+          ) : null
         ] })
       ]
     }
@@ -19630,7 +19652,7 @@ function ActivityDetails({
     "details",
     {
       className: cn2(
-        "group rounded-lg border border-border bg-card text-card-foreground",
+        "group min-w-0 overflow-hidden rounded-lg border border-border bg-card text-card-foreground",
         className
       ),
       open,
@@ -19659,7 +19681,7 @@ function ActivityDetails({
           "div",
           {
             className: cn2(
-              "border-t border-border px-3 py-3 text-sm",
+              "min-w-0 border-t border-border px-3 py-3 text-sm",
               contentClassName
             ),
             children
@@ -19754,7 +19776,14 @@ function AgentWorkbenchActivity({
             className: classNames?.item,
             triggerClassName: classNames?.trigger,
             contentClassName: classNames?.content,
-            children: /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap text-muted-foreground", children: event.payload.text })
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                tabIndex: 0,
+                className: "max-h-64 overflow-auto whitespace-pre-wrap break-words text-muted-foreground [overflow-wrap:anywhere]",
+                children: event.payload.text
+              }
+            )
           },
           event.payload.reasoningId
         )),
@@ -19768,9 +19797,9 @@ function AgentWorkbenchActivity({
             className: classNames?.item,
             triggerClassName: classNames?.trigger,
             contentClassName: classNames?.content,
-            children: /* @__PURE__ */ jsx("ol", { className: "space-y-2", children: event.payload.steps.map((step) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
+            children: /* @__PURE__ */ jsx("ol", { className: "space-y-2", children: event.payload.steps.map((step) => /* @__PURE__ */ jsxs("li", { className: "flex min-w-0 items-start gap-2", children: [
               /* @__PURE__ */ jsx(StatusIcon, { status: step.status }),
-              /* @__PURE__ */ jsx("span", { children: step.title })
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words [overflow-wrap:anywhere]", children: step.title })
             ] }, step.id)) })
           },
           event.payload.planId
@@ -19787,7 +19816,7 @@ function AgentWorkbenchActivity({
             contentClassName: classNames?.content,
             children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
               /* @__PURE__ */ jsx(StatusIcon, { status: event.payload.status }),
-              /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap text-muted-foreground", children: event.payload.detail || messages.taskNoDetail })
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 whitespace-pre-wrap break-words text-muted-foreground [overflow-wrap:anywhere]", children: event.payload.detail || messages.taskNoDetail })
             ] })
           },
           event.payload.taskId