@inf-monkeys-tech/monkeys-design 1.0.14 → 1.0.15

package/dist/index.mjs

@@ -3,7 +3,6 @@ import { resolveThemeTokens, buildApplicationHandoffUrl } from '@inf-monkeys-tec
 import * as React2 from 'react';
 import React2__default, { forwardRef, useId, useState, useRef, useEffect, createElement, createContext, useCallback, useMemo, useContext, Children, isValidElement, Fragment as Fragment$1, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, Check, ChevronRight, Circle, ChevronUp, Search, X, Plus, Pin, SquarePen, Blocks, Settings, TerminalSquare, Clock3, FileOutput, Download, RefreshCw, Bot, Image, Loader2, CheckCircle2, AlertCircle, Ellipsis, Pencil, Trash2, XCircle, CircleStop, Copy, RotateCcw, FileCode2, Files, TestTube2 } from 'lucide-react';
 import * as DropdownMenu2 from '@radix-ui/react-dropdown-menu';
 import { twMerge } from 'tailwind-merge';
 import * as ContextMenu from '@radix-ui/react-context-menu';
@@ -18,6 +17,7 @@ import { Slot } from '@radix-ui/react-slot';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { cva } from 'class-variance-authority';
+import { ChevronDown, Check, ChevronRight, Circle, ChevronUp, Search, X, Plus, Pin, SquarePen, Blocks, Settings, TerminalSquare, Clock3, FileOutput, Download, RefreshCw, Bot, Image, Loader2, CheckCircle2, AlertCircle, Ellipsis, Pencil, Trash2, XCircle, CircleStop, GitFork, PencilLine, Copy, RotateCcw, FileCode2, Files, TestTube2 } from 'lucide-react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { useSensors, useSensor, PointerSensor, DndContext, DragOverlay, useDroppable, useDraggable } from '@dnd-kit/core';
 import { toast as toast$1, Toaster } from 'sonner';
@@ -3053,6 +3053,30 @@ var enUS = {
       reasoning: "Reasoning",
       plan: "Plan",
       taskNoDetail: "No additional details",
+      modes: { chatbot: "Chatbot", agent: "Agent" },
+      composer: {
+        send: "Send message",
+        stop: "Stop generating",
+        queue: "Queue message",
+        attach: "Add photos or files",
+        voice: "Start voice input",
+        webSearch: "Web search",
+        model: "Model",
+        reasoning: "Reasoning effort",
+        permissions: "Permissions",
+        removeAttachment: "Remove attachment",
+        editQueued: "Edit queued message",
+        deleteQueued: "Delete queued message",
+        moveUp: "Move message up",
+        moveDown: "Move message down",
+        queued: "Queued messages",
+        uploading: "Uploading",
+        noModels: "No models available",
+        message: "Message",
+        attachmentOnly: "Attachment",
+        reasoningOptions: { low: "Low", medium: "Medium", high: "High", xhigh: "Extra high" },
+        permissionOptions: { "approval-required": "Approval required", "auto-approve": "Auto approve", "full-access": "Full access" }
+      },
       tool: {
         input: "Input",
         output: "Output",
@@ -3121,6 +3145,10 @@ var enUS = {
         description: "Summary and workspace activity",
         duration: "Duration",
         updated: "Updated",
+        model: "Model",
+        mode: "Mode",
+        permissions: "Permissions",
+        tokenUsage: "Token usage",
         summary: "Summary",
         summaryEmpty: "No summary is available yet.",
         summaryFailed: "The summary could not be generated.",
@@ -3150,7 +3178,10 @@ var enUS = {
           copySummary: "Copy summary",
           retry: "Retry",
           retrySummary: "Retry summary",
-          resume: "Resume"
+          resume: "Resume",
+          continueInNewTask: "Continue in new task",
+          editAndRerun: "Edit and rerun",
+          export: "Export"
         },
         workspace: {
           diffs: "Code changes",
@@ -3266,6 +3297,30 @@ var zhCN = {
       reasoning: "\u601D\u8003\u8FC7\u7A0B",
       plan: "\u6267\u884C\u8BA1\u5212",
       taskNoDetail: "\u6682\u65E0\u66F4\u591A\u8BE6\u60C5",
+      modes: { chatbot: "\u5BF9\u8BDD", agent: "\u667A\u80FD\u4F53" },
+      composer: {
+        send: "\u53D1\u9001\u6D88\u606F",
+        stop: "\u505C\u6B62\u751F\u6210",
+        queue: "\u6392\u961F\u53D1\u9001",
+        attach: "\u6DFB\u52A0\u7167\u7247\u6216\u6587\u4EF6",
+        voice: "\u5F00\u59CB\u8BED\u97F3\u8F93\u5165",
+        webSearch: "\u8054\u7F51\u641C\u7D22",
+        model: "\u6A21\u578B",
+        reasoning: "\u601D\u8003\u5F3A\u5EA6",
+        permissions: "\u6743\u9650",
+        removeAttachment: "\u79FB\u9664\u9644\u4EF6",
+        editQueued: "\u7F16\u8F91\u6392\u961F\u6D88\u606F",
+        deleteQueued: "\u5220\u9664\u6392\u961F\u6D88\u606F",
+        moveUp: "\u4E0A\u79FB\u6D88\u606F",
+        moveDown: "\u4E0B\u79FB\u6D88\u606F",
+        queued: "\u6392\u961F\u6D88\u606F",
+        uploading: "\u4E0A\u4F20\u4E2D",
+        noModels: "\u6682\u65E0\u53EF\u7528\u6A21\u578B",
+        message: "\u6D88\u606F",
+        attachmentOnly: "\u9644\u4EF6",
+        reasoningOptions: { low: "\u4F4E", medium: "\u4E2D", high: "\u9AD8", xhigh: "\u6700\u9AD8" },
+        permissionOptions: { "approval-required": "\u9700\u8981\u6279\u51C6", "auto-approve": "\u81EA\u52A8\u6279\u51C6", "full-access": "\u5B8C\u5168\u8BBF\u95EE" }
+      },
       tool: {
         input: "\u8F93\u5165",
         output: "\u8F93\u51FA",
@@ -3334,6 +3389,10 @@ var zhCN = {
         description: "\u6458\u8981\u4E0E\u5DE5\u4F5C\u533A\u6D3B\u52A8",
         duration: "\u8017\u65F6",
         updated: "\u66F4\u65B0\u65F6\u95F4",
+        model: "\u6A21\u578B",
+        mode: "\u6A21\u5F0F",
+        permissions: "\u6743\u9650",
+        tokenUsage: "Token \u7528\u91CF",
         summary: "\u6458\u8981",
         summaryEmpty: "\u6682\u65F6\u6CA1\u6709\u53EF\u7528\u6458\u8981\u3002",
         summaryFailed: "\u6458\u8981\u751F\u6210\u5931\u8D25\u3002",
@@ -3363,7 +3422,10 @@ var zhCN = {
           copySummary: "\u590D\u5236\u6458\u8981",
           retry: "\u91CD\u8BD5",
           retrySummary: "\u91CD\u65B0\u751F\u6210\u6458\u8981",
-          resume: "\u7EE7\u7EED\u8FD0\u884C"
+          resume: "\u7EE7\u7EED\u8FD0\u884C",
+          continueInNewTask: "\u5728\u65B0\u4EFB\u52A1\u4E2D\u7EE7\u7EED",
+          editAndRerun: "\u7F16\u8F91\u5E76\u91CD\u65B0\u8FD0\u884C",
+          export: "\u5BFC\u51FA"
         },
         workspace: {
           diffs: "\u4EE3\u7801\u53D8\u66F4",
@@ -3491,6 +3553,14 @@ function mergeMonkeysLocaleMessages(base, override) {
     agentWorkbench: {
       ...base.agentWorkbench,
       ...override.agentWorkbench,
+      modes: {
+        ...base.agentWorkbench.modes,
+        ...override.agentWorkbench?.modes
+      },
+      composer: {
+        ...base.agentWorkbench.composer,
+        ...override.agentWorkbench?.composer
+      },
       tool: {
         ...base.agentWorkbench.tool,
         ...override.agentWorkbench?.tool,
@@ -18124,14 +18194,20 @@ function createAgentWorkbenchDetailsModel(viewModel) {
   );
   return {
     mode: viewModel.snapshot.mode,
+    modelId: viewModel.snapshot.modelId,
+    permissionProfile: viewModel.snapshot.permissionProfile,
     status: viewModel.status,
     sessionId: viewModel.sessionId,
+    capabilities,
     resumable: capabilities.resume === true && viewModel.resumable,
     summary,
     error: [...viewModel.events].reverse().find(
       (event) => event.eventType === "error"
     ),
     run,
+    usage: capabilities.usage ? [...viewModel.events].reverse().find(
+      (event) => event.eventType === "usage"
+    ) : void 0,
     workspace: {
       diffs: latestBy2(workspaceEvents, "diff", (event) => event.payload.path),
       files: latestBy2(
@@ -18242,13 +18318,17 @@ function SummaryPanel({
   model,
   onIntent
 }) {
-  const messages = useMonkeysLocaleMessages().agentWorkbench.details;
+  const workbenchMessages = useMonkeysLocaleMessages().agentWorkbench;
+  const messages = workbenchMessages.details;
   const locale = useMonkeysLocale().locale;
   const summary = model.summary;
   const run = model.run?.payload;
   const error = model.error;
   const retryable = model.status === "failed" && error?.payload.retryable;
   const canResume = model.resumable && ["stopped", "completed", "failed"].includes(model.status);
+  const canContinueInNewTask = model.capabilities.threadForking;
+  const canEditAndRerun = model.capabilities.editAndRerun;
+  const tokenUsage = model.usage?.payload.totalTokens ?? (model.usage?.payload.inputTokens !== void 0 || model.usage?.payload.outputTokens !== void 0 ? (model.usage.payload.inputTokens ?? 0) + (model.usage.payload.outputTokens ?? 0) : void 0);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-muted/40 p-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -18266,7 +18346,23 @@ function SummaryPanel({
             run?.stoppedAt ?? run?.completedAt ?? run?.failedAt,
             locale
           ) })
-        ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: messages.model }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5 truncate font-medium", children: model.modelId })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: messages.mode }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5 font-medium", children: workbenchMessages.modes[model.mode] })
+        ] }),
+        model.permissionProfile ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: messages.permissions }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5 font-medium", children: workbenchMessages.composer.permissionOptions[model.permissionProfile] })
+        ] }) : null,
+        tokenUsage !== void 0 ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: messages.tokenUsage }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-0.5 font-medium", children: new Intl.NumberFormat(locale).format(tokenUsage) })
+        ] }) : null
       ] }),
       error ? /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-md border border-destructive/30 bg-destructive/5 p-2.5 text-sm text-destructive-text", role: "alert", children: error.payload.message }) : null,
       retryable || canResume ? /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
@@ -18292,6 +18388,47 @@ function SummaryPanel({
         ) : null
       ] }) : null
     ] }),
+    /* @__PURE__ */ jsxs("section", { className: "flex flex-wrap gap-2 rounded-lg border border-border bg-card p-3 text-card-foreground", children: [
+      canContinueInNewTask ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1.5 text-xs font-medium outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
+          disabled: !onIntent,
+          onClick: () => onIntent?.({ type: "continue-in-new-task", sessionId: model.sessionId }),
+          children: [
+            /* @__PURE__ */ jsx(GitFork, { className: "size-3.5", "aria-hidden": "true" }),
+            messages.actions.continueInNewTask
+          ]
+        }
+      ) : null,
+      canEditAndRerun ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1.5 text-xs font-medium outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
+          disabled: !onIntent,
+          onClick: () => onIntent?.({ type: "edit-and-rerun", sessionId: model.sessionId }),
+          children: [
+            /* @__PURE__ */ jsx(PencilLine, { className: "size-3.5", "aria-hidden": "true" }),
+            messages.actions.editAndRerun
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1.5 text-xs font-medium outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
+          disabled: !onIntent,
+          onClick: () => onIntent?.({ type: "export", sessionId: model.sessionId }),
+          children: [
+            /* @__PURE__ */ jsx(Download, { className: "size-3.5", "aria-hidden": "true" }),
+            messages.actions.export
+          ]
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-card p-3 text-card-foreground", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: messages.summary }),