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

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-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 { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-eb8fafc32d00.mjs';
+export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, H as AgentWorkbenchApproval, I as AgentWorkbenchApprovalData, J as AgentWorkbenchApprovalProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, K as AgentWorkbenchExploreCardMedia, L as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, M as AgentWorkbenchExploreMediaTreatment, N as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchShell, r as AgentWorkbenchShellClassNames, s as AgentWorkbenchShellProps, t as AgentWorkbenchSidebar, u as AgentWorkbenchSidebarClassNames, v as AgentWorkbenchSidebarIntent, w as AgentWorkbenchSidebarProps, x as AgentWorkbenchTaskDetails, y as AgentWorkbenchTaskDetailsClassNames, z as AgentWorkbenchTaskDetailsProps, B as AgentWorkbenchTerminalModel, C as AgentWorkbenchTool, D as AgentWorkbenchToolClassNames, E as AgentWorkbenchToolProps, F as createAgentWorkbenchActivityModel, G as createAgentWorkbenchDetailsModel } from '../../details-model-eb8fafc32d00.mjs';
 import * as React from 'react';
 import { ReactNode, HTMLAttributes, ButtonHTMLAttributes, ComponentType } from 'react';
 type AgentWorkbenchComposerIntent = {

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-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 { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-eb8fafc32d00.js';
+export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, H as AgentWorkbenchApproval, I as AgentWorkbenchApprovalData, J as AgentWorkbenchApprovalProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, K as AgentWorkbenchExploreCardMedia, L as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, M as AgentWorkbenchExploreMediaTreatment, N as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchShell, r as AgentWorkbenchShellClassNames, s as AgentWorkbenchShellProps, t as AgentWorkbenchSidebar, u as AgentWorkbenchSidebarClassNames, v as AgentWorkbenchSidebarIntent, w as AgentWorkbenchSidebarProps, x as AgentWorkbenchTaskDetails, y as AgentWorkbenchTaskDetailsClassNames, z as AgentWorkbenchTaskDetailsProps, B as AgentWorkbenchTerminalModel, C as AgentWorkbenchTool, D as AgentWorkbenchToolClassNames, E as AgentWorkbenchToolProps, F as createAgentWorkbenchActivityModel, G as createAgentWorkbenchDetailsModel } from '../../details-model-eb8fafc32d00.js';
 import * as React from 'react';
 import { ReactNode, HTMLAttributes, ButtonHTMLAttributes, ComponentType } from 'react';
 type AgentWorkbenchComposerIntent = {

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

@@ -1835,11 +1835,13 @@ function AgentWorkbenchExploreSidebar({
   loading = false,
   error,
   showDraftSession = !selectedSessionId,
+  deleteSessions = false,
   defaultGroupId,
   className,
   renderItemMedia,
   onIntent
 }) {
+  const navigationMessages = useMonkeysLocaleMessages().agentWorkbench.navigation;
   const searchRef = React5.useRef(null);
   const [activeGroupId, setActiveGroupId] = React5.useState(
     defaultGroupId ?? groups[0]?.id ?? ""
@@ -1945,15 +1947,50 @@ function AgentWorkbenchExploreSidebar({
                   children: labels.draftSession
                 }
               ) : null,
-              filteredSessions.map((session) => /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
+              filteredSessions.map((session) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(DropdownMenu2, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Ellipsis, { className: "size-4", "aria-hidden": "true" })
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        DropdownMenuItem,
+                        {
+                          className: "text-destructive-text",
+                          onSelect: () => onIntent?.({
+                            type: "delete-session",
+                            sessionId: session.id
+                          }),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 size-4", "aria-hidden": "true" }),
+                            navigationMessages.delete
+                          ]
+                        }
+                      ) })
+                    ] }) : null
+                  ]
                 },
                 session.id
               ))
@@ -3358,6 +3395,78 @@ var AgentWorkbenchThreadShell = React5.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          "main",
+          {
+            "data-agent-workbench-region": "main",
+            className: cn2("min-h-0 min-w-0 overflow-hidden", classNames?.main),
+            children
+          }
+        ),
+        hasDetails ? /* @__PURE__ */ jsxRuntime.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);
@@ -3837,6 +3946,7 @@ exports.AgentWorkbenchMessageActions = AgentWorkbenchMessageActions;
 exports.AgentWorkbenchMessageContent = AgentWorkbenchMessageContent;
 exports.AgentWorkbenchProcess = AgentWorkbenchProcess;
 exports.AgentWorkbenchQuickStart = AgentWorkbenchQuickStart;
+exports.AgentWorkbenchShell = AgentWorkbenchShell;
 exports.AgentWorkbenchSidebar = AgentWorkbenchSidebar;
 exports.AgentWorkbenchTaskDetails = AgentWorkbenchTaskDetails;
 exports.AgentWorkbenchThread = AgentWorkbenchThread;