@inf-monkeys-tech/monkeys-design 1.0.74 → 1.0.75

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, 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 { 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, Ellipsis, Clock3, TerminalSquare, FileOutput, Download, ListFilter, Link2, ExternalLink, PanelRightClose, Wrench, BookOpen, CheckCircle2, XCircle, CircleStop, GitFork, PencilLine, Copy, FileCode2, Files, TestTube2, Globe2, Film, Presentation, FileImage, Music2 } from 'lucide-react';
 import * as React5 from 'react';
 import { useImperativeHandle, forwardRef, createContext, useRef, useState, useMemo, useEffect, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -1804,11 +1804,13 @@ function AgentWorkbenchExploreSidebar({
   loading = false,
   error,
   showDraftSession = !selectedSessionId,
+  deleteSessions = false,
   defaultGroupId,
   className,
   renderItemMedia,
   onIntent
 }) {
+  const navigationMessages = useMonkeysLocaleMessages().agentWorkbench.navigation;
   const searchRef = useRef(null);
   const [activeGroupId, setActiveGroupId] = useState(
     defaultGroupId ?? groups[0]?.id ?? ""
@@ -1914,15 +1916,50 @@ function AgentWorkbenchExploreSidebar({
                   children: labels.draftSession
                 }
               ) : null,
-              filteredSessions.map((session) => /* @__PURE__ */ jsx(
-                "button",
+              filteredSessions.map((session) => /* @__PURE__ */ jsxs(
+                "div",
                 {
-                  type: "button",
-                  title: session.title,
                   "aria-current": session.id === selectedSessionId ? "page" : void 0,
-                  className: "block h-10 w-full min-w-0 truncate rounded-[var(--radius)] border border-transparent bg-muted/60 px-3 text-left text-sm font-semibold text-foreground transition hover:bg-muted aria-[current=page]:border-primary aria-[current=page]:bg-primary/10",
-                  onClick: () => onIntent?.({ type: "select-session", sessionId: session.id }),
-                  children: session.title
+                  className: "group flex h-10 w-full min-w-0 items-center rounded-[var(--radius)] border border-transparent bg-muted/60 text-foreground transition hover:bg-muted aria-[current=page]:border-primary aria-[current=page]:bg-primary/10",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        title: session.title,
+                        className: "h-full min-w-0 flex-1 truncate px-3 text-left text-sm font-semibold",
+                        onClick: () => onIntent?.({ type: "select-session", sessionId: session.id }),
+                        children: session.title
+                      }
+                    ),
+                    deleteSessions ? /* @__PURE__ */ jsxs(DropdownMenu2, { children: [
+                      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "icon",
+                          "aria-label": navigationMessages.actions,
+                          className: "mr-1 size-8 shrink-0 text-muted-foreground opacity-0 transition-opacity group-aria-[current=page]:opacity-100 group-focus-within:opacity-100 group-hover:opacity-100 data-[state=open]:opacity-100",
+                          children: /* @__PURE__ */ jsx(Ellipsis, { className: "size-4", "aria-hidden": "true" })
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ jsxs(
+                        DropdownMenuItem,
+                        {
+                          className: "text-destructive-text",
+                          onSelect: () => onIntent?.({
+                            type: "delete-session",
+                            sessionId: session.id
+                          }),
+                          children: [
+                            /* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4", "aria-hidden": "true" }),
+                            navigationMessages.delete
+                          ]
+                        }
+                      ) })
+                    ] }) : null
+                  ]
                 },
                 session.id
               ))
@@ -3327,6 +3364,78 @@ var AgentWorkbenchThreadShell = forwardRef(
     );
   }
 );
+function cssSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+function AgentWorkbenchShell({
+  sidebar,
+  children,
+  details,
+  sidebarOpen = true,
+  detailsOpen = true,
+  sidebarWidth = 280,
+  detailsWidth = 360,
+  className,
+  classNames,
+  style,
+  ...rootProps
+}) {
+  const hasSidebar = sidebar !== void 0 && sidebarOpen;
+  const hasDetails = details !== void 0 && detailsOpen;
+  const shellStyle = {
+    "--agent-workbench-sidebar-width": hasSidebar ? cssSize(sidebarWidth) : "0px",
+    "--agent-workbench-details-width": hasDetails ? cssSize(detailsWidth) : "0px",
+    gridTemplateColumns: hasSidebar && hasDetails ? "var(--agent-workbench-sidebar-width) minmax(0, 1fr) var(--agent-workbench-details-width)" : hasSidebar ? "var(--agent-workbench-sidebar-width) minmax(0, 1fr)" : hasDetails ? "minmax(0, 1fr) var(--agent-workbench-details-width)" : "minmax(0, 1fr)",
+    ...style
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...rootProps,
+      "data-agent-workbench-shell": "true",
+      "data-sidebar-open": hasSidebar ? "true" : "false",
+      "data-details-open": hasDetails ? "true" : "false",
+      className: cn2(
+        "grid size-full min-h-0 min-w-0 overflow-hidden bg-background text-foreground",
+        classNames?.root,
+        className
+      ),
+      style: shellStyle,
+      children: [
+        hasSidebar ? /* @__PURE__ */ jsx(
+          "aside",
+          {
+            "data-agent-workbench-region": "sidebar",
+            className: cn2(
+              "min-h-0 min-w-0 overflow-hidden border-r border-border bg-background",
+              classNames?.sidebar
+            ),
+            children: sidebar
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "main",
+          {
+            "data-agent-workbench-region": "main",
+            className: cn2("min-h-0 min-w-0 overflow-hidden", classNames?.main),
+            children
+          }
+        ),
+        hasDetails ? /* @__PURE__ */ jsx(
+          "aside",
+          {
+            "data-agent-workbench-region": "details",
+            className: cn2(
+              "min-h-0 min-w-0 overflow-hidden border-l border-border bg-background",
+              classNames?.details
+            ),
+            children: details
+          }
+        ) : null
+      ]
+    }
+  );
+}
 function formatDuration3(durationMs) {
   const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
   const hours = Math.floor(totalSeconds / 3600);
@@ -3792,6 +3901,6 @@ function AgentWorkbenchArtifactWorkspace({
   );
 }
 
-export { AgentWorkbenchAction, AgentWorkbenchActivity, AgentWorkbenchApproval, AgentWorkbenchArtifactSummary, AgentWorkbenchArtifactWorkspace, AgentWorkbenchComposer, AgentWorkbenchExploreCardMedia, AgentWorkbenchExploreSidebar, AgentWorkbenchMessage, AgentWorkbenchMessageAction, AgentWorkbenchMessageActions, AgentWorkbenchMessageContent, AgentWorkbenchProcess, AgentWorkbenchQuickStart, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchThread, AgentWorkbenchThreadShell, AgentWorkbenchTool, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel };
+export { AgentWorkbenchAction, AgentWorkbenchActivity, AgentWorkbenchApproval, AgentWorkbenchArtifactSummary, AgentWorkbenchArtifactWorkspace, AgentWorkbenchComposer, AgentWorkbenchExploreCardMedia, AgentWorkbenchExploreSidebar, AgentWorkbenchMessage, AgentWorkbenchMessageAction, AgentWorkbenchMessageActions, AgentWorkbenchMessageContent, AgentWorkbenchProcess, AgentWorkbenchQuickStart, AgentWorkbenchShell, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchThread, AgentWorkbenchThreadShell, AgentWorkbenchTool, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map