@inf-monkeys-tech/monkeys-design 1.0.68 → 1.0.69

package/dist/{details-model-db4bd679f88e.d.mts → details-model-49d05d8a4e6d.d.mts}

@@ -123,10 +123,36 @@ interface AgentWorkbenchExploreSidebarProps {
 }
 declare function AgentWorkbenchExploreCardMedia({ item, src, className, onError, }: AgentWorkbenchExploreCardMediaProps): null | react_jsx_runtime.JSX.Element;
 declare function AgentWorkbenchExploreSidebar({ sessions, groups, labels, selectedSessionId, searchQuery, loading, error, showDraftSession, defaultGroupId, className, renderItemMedia, onIntent, }: AgentWorkbenchExploreSidebarProps): react_jsx_runtime.JSX.Element;
+type SessionEventType = AgentSessionEvent['eventType'];
+type AgentWorkbenchEventOf<Type extends SessionEventType> = Extract<AgentSessionEvent, {
+    eventType: Type;
+}>;
+interface AgentWorkbenchActivityModel {
+    mode: AgentSessionViewModel['snapshot']['mode'];
+    status: AgentSessionViewModel['status'];
+    reasoning: AgentWorkbenchEventOf<'reasoning'>[];
+    plans: AgentWorkbenchEventOf<'plan'>[];
+    tasks: AgentWorkbenchEventOf<'task'>[];
+    tools: AgentWorkbenchEventOf<'tool'>[];
+    approvals: AgentWorkbenchEventOf<'approval'>[];
+    artifacts: AgentWorkbenchEventOf<'artifact'>[];
+    usage?: AgentWorkbenchEventOf<'usage'>;
+    run?: AgentWorkbenchEventOf<'status'> & {
+        resolvedDurationMs?: number;
+    };
+}
+declare function createAgentWorkbenchActivityModel(viewModel: AgentSessionViewModel): AgentWorkbenchActivityModel;
+type AgentWorkbenchApprovalData = AgentWorkbenchEventOf<'approval'>['payload'];
 interface AgentWorkbenchApprovalIntent {
     approvalId: string;
     approved: boolean;
 }
+interface AgentWorkbenchApprovalProps {
+    approval: AgentWorkbenchApprovalData;
+    className?: string;
+    onDecision?: (intent: AgentWorkbenchApprovalIntent) => void;
+}
+declare function AgentWorkbenchApproval({ approval, className, onDecision }: AgentWorkbenchApprovalProps): react_jsx_runtime.JSX.Element;
 interface AgentWorkbenchArtifactIntent {
     artifactId: string;
     name: string;
@@ -198,25 +224,6 @@ interface AgentWorkbenchTaskDetailsProps {
     onIntent?: (intent: AgentWorkbenchDetailsIntent) => void;
 }
 declare function AgentWorkbenchTaskDetails({ viewModel, state, activeTab, className, classNames, onActiveTabChange, onIntent, }: AgentWorkbenchTaskDetailsProps): react_jsx_runtime.JSX.Element;
-type SessionEventType = AgentSessionEvent['eventType'];
-type AgentWorkbenchEventOf<Type extends SessionEventType> = Extract<AgentSessionEvent, {
-    eventType: Type;
-}>;
-interface AgentWorkbenchActivityModel {
-    mode: AgentSessionViewModel['snapshot']['mode'];
-    status: AgentSessionViewModel['status'];
-    reasoning: AgentWorkbenchEventOf<'reasoning'>[];
-    plans: AgentWorkbenchEventOf<'plan'>[];
-    tasks: AgentWorkbenchEventOf<'task'>[];
-    tools: AgentWorkbenchEventOf<'tool'>[];
-    approvals: AgentWorkbenchEventOf<'approval'>[];
-    artifacts: AgentWorkbenchEventOf<'artifact'>[];
-    usage?: AgentWorkbenchEventOf<'usage'>;
-    run?: AgentWorkbenchEventOf<'status'> & {
-        resolvedDurationMs?: number;
-    };
-}
-declare function createAgentWorkbenchActivityModel(viewModel: AgentSessionViewModel): AgentWorkbenchActivityModel;
 interface AgentWorkbenchToolClassNames {
     root?: string;
     trigger?: string;
@@ -263,4 +270,4 @@ interface AgentWorkbenchDetailsModel {
     };
 }
 declare function createAgentWorkbenchDetailsModel(viewModel: AgentSessionViewModel): AgentWorkbenchDetailsModel;
-export { AgentWorkbenchActivity as A, type AgentWorkbenchToolProps as B, createAgentWorkbenchActivityModel as C, createAgentWorkbenchDetailsModel as D, AgentWorkbenchExploreCardMedia as E, type AgentWorkbenchExploreCardMediaProps as F, type AgentWorkbenchExploreMediaTreatment as G, type AgentWorkbenchExploreMediaVariant as H, type AgentWorkbenchActivityClassNames as a, type AgentWorkbenchActivityModel as b, type AgentWorkbenchActivityProps as c, type AgentWorkbenchApprovalIntent as d, type AgentWorkbenchArtifactIntent as e, type AgentWorkbenchDetailsIntent as f, type AgentWorkbenchDetailsModel as g, type AgentWorkbenchDetailsState as h, type AgentWorkbenchDetailsTab as i, type AgentWorkbenchEventOf as j, type AgentWorkbenchExploreGroup as k, type AgentWorkbenchExploreItem as l, AgentWorkbenchExploreSidebar as m, type AgentWorkbenchExploreSidebarIntent as n, type AgentWorkbenchExploreSidebarLabels as o, type AgentWorkbenchExploreSidebarProps as p, AgentWorkbenchSidebar as q, type AgentWorkbenchSidebarClassNames as r, type AgentWorkbenchSidebarIntent as s, type AgentWorkbenchSidebarProps as t, AgentWorkbenchTaskDetails as u, type AgentWorkbenchTaskDetailsClassNames as v, type AgentWorkbenchTaskDetailsProps as w, type AgentWorkbenchTerminalModel as x, AgentWorkbenchTool as y, type AgentWorkbenchToolClassNames as z };
+export { AgentWorkbenchActivity as A, type AgentWorkbenchToolProps as B, createAgentWorkbenchActivityModel as C, createAgentWorkbenchDetailsModel as D, AgentWorkbenchApproval as E, type AgentWorkbenchApprovalData as F, type AgentWorkbenchApprovalProps as G, AgentWorkbenchExploreCardMedia as H, type AgentWorkbenchExploreCardMediaProps as I, type AgentWorkbenchExploreMediaTreatment as J, type AgentWorkbenchExploreMediaVariant as K, type AgentWorkbenchActivityClassNames as a, type AgentWorkbenchActivityModel as b, type AgentWorkbenchActivityProps as c, type AgentWorkbenchApprovalIntent as d, type AgentWorkbenchArtifactIntent as e, type AgentWorkbenchDetailsIntent as f, type AgentWorkbenchDetailsModel as g, type AgentWorkbenchDetailsState as h, type AgentWorkbenchDetailsTab as i, type AgentWorkbenchEventOf as j, type AgentWorkbenchExploreGroup as k, type AgentWorkbenchExploreItem as l, AgentWorkbenchExploreSidebar as m, type AgentWorkbenchExploreSidebarIntent as n, type AgentWorkbenchExploreSidebarLabels as o, type AgentWorkbenchExploreSidebarProps as p, AgentWorkbenchSidebar as q, type AgentWorkbenchSidebarClassNames as r, type AgentWorkbenchSidebarIntent as s, type AgentWorkbenchSidebarProps as t, AgentWorkbenchTaskDetails as u, type AgentWorkbenchTaskDetailsClassNames as v, type AgentWorkbenchTaskDetailsProps as w, type AgentWorkbenchTerminalModel as x, AgentWorkbenchTool as y, type AgentWorkbenchToolClassNames as z };

package/dist/{details-model-db4bd679f88e.d.ts → details-model-49d05d8a4e6d.d.ts}

@@ -123,10 +123,36 @@ interface AgentWorkbenchExploreSidebarProps {
 }
 declare function AgentWorkbenchExploreCardMedia({ item, src, className, onError, }: AgentWorkbenchExploreCardMediaProps): null | react_jsx_runtime.JSX.Element;
 declare function AgentWorkbenchExploreSidebar({ sessions, groups, labels, selectedSessionId, searchQuery, loading, error, showDraftSession, defaultGroupId, className, renderItemMedia, onIntent, }: AgentWorkbenchExploreSidebarProps): react_jsx_runtime.JSX.Element;
+type SessionEventType = AgentSessionEvent['eventType'];
+type AgentWorkbenchEventOf<Type extends SessionEventType> = Extract<AgentSessionEvent, {
+    eventType: Type;
+}>;
+interface AgentWorkbenchActivityModel {
+    mode: AgentSessionViewModel['snapshot']['mode'];
+    status: AgentSessionViewModel['status'];
+    reasoning: AgentWorkbenchEventOf<'reasoning'>[];
+    plans: AgentWorkbenchEventOf<'plan'>[];
+    tasks: AgentWorkbenchEventOf<'task'>[];
+    tools: AgentWorkbenchEventOf<'tool'>[];
+    approvals: AgentWorkbenchEventOf<'approval'>[];
+    artifacts: AgentWorkbenchEventOf<'artifact'>[];
+    usage?: AgentWorkbenchEventOf<'usage'>;
+    run?: AgentWorkbenchEventOf<'status'> & {
+        resolvedDurationMs?: number;
+    };
+}
+declare function createAgentWorkbenchActivityModel(viewModel: AgentSessionViewModel): AgentWorkbenchActivityModel;
+type AgentWorkbenchApprovalData = AgentWorkbenchEventOf<'approval'>['payload'];
 interface AgentWorkbenchApprovalIntent {
     approvalId: string;
     approved: boolean;
 }
+interface AgentWorkbenchApprovalProps {
+    approval: AgentWorkbenchApprovalData;
+    className?: string;
+    onDecision?: (intent: AgentWorkbenchApprovalIntent) => void;
+}
+declare function AgentWorkbenchApproval({ approval, className, onDecision }: AgentWorkbenchApprovalProps): react_jsx_runtime.JSX.Element;
 interface AgentWorkbenchArtifactIntent {
     artifactId: string;
     name: string;
@@ -198,25 +224,6 @@ interface AgentWorkbenchTaskDetailsProps {
     onIntent?: (intent: AgentWorkbenchDetailsIntent) => void;
 }
 declare function AgentWorkbenchTaskDetails({ viewModel, state, activeTab, className, classNames, onActiveTabChange, onIntent, }: AgentWorkbenchTaskDetailsProps): react_jsx_runtime.JSX.Element;
-type SessionEventType = AgentSessionEvent['eventType'];
-type AgentWorkbenchEventOf<Type extends SessionEventType> = Extract<AgentSessionEvent, {
-    eventType: Type;
-}>;
-interface AgentWorkbenchActivityModel {
-    mode: AgentSessionViewModel['snapshot']['mode'];
-    status: AgentSessionViewModel['status'];
-    reasoning: AgentWorkbenchEventOf<'reasoning'>[];
-    plans: AgentWorkbenchEventOf<'plan'>[];
-    tasks: AgentWorkbenchEventOf<'task'>[];
-    tools: AgentWorkbenchEventOf<'tool'>[];
-    approvals: AgentWorkbenchEventOf<'approval'>[];
-    artifacts: AgentWorkbenchEventOf<'artifact'>[];
-    usage?: AgentWorkbenchEventOf<'usage'>;
-    run?: AgentWorkbenchEventOf<'status'> & {
-        resolvedDurationMs?: number;
-    };
-}
-declare function createAgentWorkbenchActivityModel(viewModel: AgentSessionViewModel): AgentWorkbenchActivityModel;
 interface AgentWorkbenchToolClassNames {
     root?: string;
     trigger?: string;
@@ -263,4 +270,4 @@ interface AgentWorkbenchDetailsModel {
     };
 }
 declare function createAgentWorkbenchDetailsModel(viewModel: AgentSessionViewModel): AgentWorkbenchDetailsModel;
-export { AgentWorkbenchActivity as A, type AgentWorkbenchToolProps as B, createAgentWorkbenchActivityModel as C, createAgentWorkbenchDetailsModel as D, AgentWorkbenchExploreCardMedia as E, type AgentWorkbenchExploreCardMediaProps as F, type AgentWorkbenchExploreMediaTreatment as G, type AgentWorkbenchExploreMediaVariant as H, type AgentWorkbenchActivityClassNames as a, type AgentWorkbenchActivityModel as b, type AgentWorkbenchActivityProps as c, type AgentWorkbenchApprovalIntent as d, type AgentWorkbenchArtifactIntent as e, type AgentWorkbenchDetailsIntent as f, type AgentWorkbenchDetailsModel as g, type AgentWorkbenchDetailsState as h, type AgentWorkbenchDetailsTab as i, type AgentWorkbenchEventOf as j, type AgentWorkbenchExploreGroup as k, type AgentWorkbenchExploreItem as l, AgentWorkbenchExploreSidebar as m, type AgentWorkbenchExploreSidebarIntent as n, type AgentWorkbenchExploreSidebarLabels as o, type AgentWorkbenchExploreSidebarProps as p, AgentWorkbenchSidebar as q, type AgentWorkbenchSidebarClassNames as r, type AgentWorkbenchSidebarIntent as s, type AgentWorkbenchSidebarProps as t, AgentWorkbenchTaskDetails as u, type AgentWorkbenchTaskDetailsClassNames as v, type AgentWorkbenchTaskDetailsProps as w, type AgentWorkbenchTerminalModel as x, AgentWorkbenchTool as y, type AgentWorkbenchToolClassNames as z };
+export { AgentWorkbenchActivity as A, type AgentWorkbenchToolProps as B, createAgentWorkbenchActivityModel as C, createAgentWorkbenchDetailsModel as D, AgentWorkbenchApproval as E, type AgentWorkbenchApprovalData as F, type AgentWorkbenchApprovalProps as G, AgentWorkbenchExploreCardMedia as H, type AgentWorkbenchExploreCardMediaProps as I, type AgentWorkbenchExploreMediaTreatment as J, type AgentWorkbenchExploreMediaVariant as K, type AgentWorkbenchActivityClassNames as a, type AgentWorkbenchActivityModel as b, type AgentWorkbenchActivityProps as c, type AgentWorkbenchApprovalIntent as d, type AgentWorkbenchArtifactIntent as e, type AgentWorkbenchDetailsIntent as f, type AgentWorkbenchDetailsModel as g, type AgentWorkbenchDetailsState as h, type AgentWorkbenchDetailsTab as i, type AgentWorkbenchEventOf as j, type AgentWorkbenchExploreGroup as k, type AgentWorkbenchExploreItem as l, AgentWorkbenchExploreSidebar as m, type AgentWorkbenchExploreSidebarIntent as n, type AgentWorkbenchExploreSidebarLabels as o, type AgentWorkbenchExploreSidebarProps as p, AgentWorkbenchSidebar as q, type AgentWorkbenchSidebarClassNames as r, type AgentWorkbenchSidebarIntent as s, type AgentWorkbenchSidebarProps as t, AgentWorkbenchTaskDetails as u, type AgentWorkbenchTaskDetailsClassNames as v, type AgentWorkbenchTaskDetailsProps as w, type AgentWorkbenchTerminalModel as x, AgentWorkbenchTool as y, type AgentWorkbenchToolClassNames as z };

package/dist/index.d.mts

@@ -5,7 +5,7 @@ export { MonkeysComponentAttributes, MonkeysDirection, MonkeysEmptyStateVariant,
 export { defaultMonkeysLocale, enUS, mergeMonkeysLocaleMessages, resolveMonkeysLocale, zhCN } from './locale/index.mjs';
 export { M as MonkeysAgentWorkbenchMessages, a as MonkeysBuiltInLocaleId, b as MonkeysDataExplorerMessages, c as MonkeysDialogMessages, d as MonkeysDropdownMenuMessages, e as MonkeysLayoutMessages, f as MonkeysLoadingMessages, g as MonkeysLocale, h as MonkeysLocaleInput, i as MonkeysLocaleMessages, j as MonkeysLocaleMessagesOverride, k as MonkeysMultiSelectMessages, l as MonkeysNumberInputMessages, m as MonkeysPaginationMessages, n as MonkeysPasswordInputMessages, o as MonkeysResolvedLocale, p as MonkeysStepsMessages, q as MonkeysTableMessages, r as MonkeysToastMessages, s as MonkeysToolbarMessages, t as MonkeysWorkbenchMessages } from './types-340390798922.mjs';
 export { UnifiedDropdown, UnifiedDropdownClassNames, UnifiedDropdownGroup, UnifiedDropdownMode, UnifiedDropdownOption, UnifiedDropdownPlacement, UnifiedDropdownProps, UnifiedDropdownSlotContext, UnifiedDropdownSlots, UnifiedDropdownValue } from './components/dropdown/index.mjs';
-export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, 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';
+export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, 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';
 export { LoginPage, LoginPageBackgroundConfig, LoginPageCalloutConfig, LoginPageCheckboxConfig, LoginPageExternalMethodConfig, LoginPageExternalPanelConfig, LoginPageFieldConfig, LoginPageLogoConfig, LoginPageLogoLocation, LoginPageMethodConfig, LoginPageProps } from './components/login/index.mjs';
 export { AppHeader, AppHeaderLogo, AppHeaderProps, AppHeaderUser, AppLayout, AppLayoutProps, AppShellSidebar, AppShellSidebarClassNames, AppShellSidebarProps, AppSidebar, AppSidebarProps, HeadbarLayout, HeadbarLayoutMode, HeadbarMenuRadius, HeadbarNavPosition, HeaderTab, LayoutNavItem, NavButton, NavButtonProps, NavigationLayout, NavigationLayoutProps, NavigationMode, SidebarAccount, SidebarNavItem, UserAccountMenu, UserAccountMenuClassNames, UserAccountMenuItem, UserAccountMenuProps, UserAccountMenuRadius, UserAccountMenuSelectorConfig, UserAccountMenuSelectorOption, UserAccountMenuSide, UserAccountMenuTriggerVariant, UserAccountMenuUser, cn } from './components/layout/index.mjs';
 export { I as InteractiveTable, a as InteractiveTableClassNames, b as InteractiveTableColumn, c as InteractiveTableColumnMenuLabels, d as InteractiveTableEditableTextCell, e as InteractiveTableEditableTextCellProps, f as InteractiveTableHeaderContext, g as InteractiveTableHeaderProps, h as InteractiveTableProps, i as InteractiveTableReadonlyCell, j as InteractiveTableReadonlyCellProps, k as InteractiveTableRenderContext, l as InteractiveTableRowState, m as InteractiveTableSelectCell, n as InteractiveTableSelectCellProps, o as InteractiveTableSelectOption, W as WorkbenchAssetGallery, p as WorkbenchAssetGalleryItem, q as WorkbenchAssetGalleryProps, r as WorkbenchCollection, s as WorkbenchCollectionActivationEvent, t as WorkbenchCollectionAppearanceConfig, u as WorkbenchCollectionCallbacks, v as WorkbenchCollectionClassNames, w as WorkbenchCollectionConfig, x as WorkbenchCollectionGroupContext, y as WorkbenchCollectionGroupingConfig, z as WorkbenchCollectionHoverEffect, A as WorkbenchCollectionItemConfig, B as WorkbenchCollectionItemContext, C as WorkbenchCollectionItemSize, D as WorkbenchCollectionItemSlotName, E as WorkbenchCollectionItemSlots, F as WorkbenchCollectionItemStatus, G as WorkbenchCollectionItemTitleConfig, H as WorkbenchCollectionKey, J as WorkbenchCollectionLabels, K as WorkbenchCollectionLayoutConfig, L as WorkbenchCollectionLayoutContext, M as WorkbenchCollectionLayoutMode, N as WorkbenchCollectionLayoutSnapshot, O as WorkbenchCollectionLoadingConfig, P as WorkbenchCollectionLoadingVariant, Q as WorkbenchCollectionProps, R as WorkbenchCollectionResponsive, S as WorkbenchCollectionSelectionBehavior, T as WorkbenchCollectionSelectionConfig, U as WorkbenchCollectionSelectionMode, V as WorkbenchCollectionSkeletonConfig, X as WorkbenchCollectionSlotContext, Y as WorkbenchCollectionSlots, Z as WorkbenchCollectionStateConfig, _ as WorkbenchCollectionTitlePlacement, $ as WorkbenchCollectionTitleVisibility, a0 as WorkbenchCollectionVirtualizationAdapter, a1 as WorkbenchCollectionVirtualizationConfig, a2 as WorkbenchCollectionVirtualizationRenderOptions, a3 as WorkbenchContentPane, a4 as WorkbenchContentPaneBodyProps, a5 as WorkbenchContentPaneClassNames, a6 as WorkbenchContentPaneProps, a7 as WorkbenchContentToolbar, a8 as WorkbenchContentToolbarClassNames, a9 as WorkbenchContentToolbarProps, aa as WorkbenchContentToolbarViewModeOption, ab as WorkbenchDetailSidebar, ac as WorkbenchDetailSidebarBodyProps, ad as WorkbenchDetailSidebarClassNames, ae as WorkbenchDetailSidebarField, af as WorkbenchDetailSidebarProps, ag as WorkbenchDetailSidebarRenderContext, ah as WorkbenchDetailSidebarSection, ai as WorkbenchEvidenceItem, aj as WorkbenchEvidenceList, ak as WorkbenchEvidenceListProps, al as WorkbenchGalleryCard, am as WorkbenchGalleryCardMetaContext, an as WorkbenchGalleryCardProps, ao as WorkbenchGalleryCardRenderContext, ap as WorkbenchGalleryColumn, aq as WorkbenchGalleryLabels, ar as WorkbenchGalleryRecordVisual, as as WorkbenchGallerySettingsButton, at as WorkbenchGallerySettingsButtonClassNames, au as WorkbenchGallerySettingsButtonProps, av as WorkbenchGallerySettingsLabels, aw as WorkbenchGallerySettingsOption, ax as WorkbenchGallerySettingsPanel, ay as WorkbenchGallerySettingsPanelClassNames, az as WorkbenchGallerySettingsPanelProps, aA as WorkbenchGallerySettingsValue, aB as WorkbenchGalleryView, aC as WorkbenchGalleryViewProps, aD as WorkbenchJourneyItem, aE as WorkbenchJourneyItemState, aF as WorkbenchJourneyNavigation, aG as WorkbenchJourneyNavigationProps, aH as WorkbenchLaneClassNames, aI as WorkbenchLaneColumn, aJ as WorkbenchLaneRenderCardContext, aK as WorkbenchLaneView, aL as WorkbenchLaneViewProps, aM as WorkbenchMasonryItemSize, aN as WorkbenchMasonryLayout, aO as WorkbenchMasonryLayoutContext, aP as WorkbenchMasonryLayoutProps, aQ as WorkbenchMetricGrid, aR as WorkbenchMetricGridDensity, aS as WorkbenchMetricGridProps, aT as WorkbenchMetricGridVariant, aU as WorkbenchMetricItem, aV as WorkbenchRadarFilterChip, aW as WorkbenchRadarFilterChipProps, aX as WorkbenchRadarFilterRow, aY as WorkbenchRadarFilterRowDisclosureBase, aZ as WorkbenchRadarFilterRowIntegratedDisclosure, a_ as WorkbenchRadarFilterRowProps, a$ as WorkbenchRadarFilterRowSeparateDisclosure, b0 as WorkbenchRadarInspectorSection, b1 as WorkbenchRadarLegendItem, b2 as WorkbenchRadarMatrix, b3 as WorkbenchRadarMatrixProps, b4 as WorkbenchRadarNavigation, b5 as WorkbenchRadarNavigationChild, b6 as WorkbenchRadarNavigationItem, b7 as WorkbenchRadarNavigationProps, b8 as WorkbenchRadarQuadrant, b9 as WorkbenchRadarWorkspace, ba as WorkbenchRadarWorkspaceProps, bb as WorkbenchRankedList, bc as WorkbenchRankedListItem, bd as WorkbenchRankedListMetric, be as WorkbenchRankedListProps, bf as WorkbenchRelationshipEdge, bg as WorkbenchRelationshipGraph, bh as WorkbenchRelationshipGraphProps, bi as WorkbenchRelationshipNode, bj as WorkbenchResizableSidebar, bk as WorkbenchResizableSidebarClassNames, bl as WorkbenchResizableSidebarItem, bm as WorkbenchResizableSidebarProps, bn as WorkbenchResizableSidebarSection, bo as WorkbenchScatterAxis, bp as WorkbenchScatterPlot, bq as WorkbenchScatterPlotProps, br as WorkbenchScatterPoint, bs as WorkbenchScatterThresholds, bt as WorkbenchSelectionTray, bu as WorkbenchSelectionTrayItem, bv as WorkbenchSelectionTrayProps, bw as WorkbenchTableView, bx as WorkbenchTableViewClassNames, by as WorkbenchTableViewColumn, bz as WorkbenchTableViewHeaderContext, bA as WorkbenchTableViewProps, bB as WorkbenchTableViewRenderContext, bC as WorkbenchVisualizationTone } from './WorkbenchRadarMatrix-b50483af5a5d.mjs';

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { MonkeysComponentAttributes, MonkeysDirection, MonkeysEmptyStateVariant,
 export { defaultMonkeysLocale, enUS, mergeMonkeysLocaleMessages, resolveMonkeysLocale, zhCN } from './locale/index.js';
 export { M as MonkeysAgentWorkbenchMessages, a as MonkeysBuiltInLocaleId, b as MonkeysDataExplorerMessages, c as MonkeysDialogMessages, d as MonkeysDropdownMenuMessages, e as MonkeysLayoutMessages, f as MonkeysLoadingMessages, g as MonkeysLocale, h as MonkeysLocaleInput, i as MonkeysLocaleMessages, j as MonkeysLocaleMessagesOverride, k as MonkeysMultiSelectMessages, l as MonkeysNumberInputMessages, m as MonkeysPaginationMessages, n as MonkeysPasswordInputMessages, o as MonkeysResolvedLocale, p as MonkeysStepsMessages, q as MonkeysTableMessages, r as MonkeysToastMessages, s as MonkeysToolbarMessages, t as MonkeysWorkbenchMessages } from './types-340390798922.js';
 export { UnifiedDropdown, UnifiedDropdownClassNames, UnifiedDropdownGroup, UnifiedDropdownMode, UnifiedDropdownOption, UnifiedDropdownPlacement, UnifiedDropdownProps, UnifiedDropdownSlotContext, UnifiedDropdownSlots, UnifiedDropdownValue } from './components/dropdown/index.js';
-export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, 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';
+export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, 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';
 export { LoginPage, LoginPageBackgroundConfig, LoginPageCalloutConfig, LoginPageCheckboxConfig, LoginPageExternalMethodConfig, LoginPageExternalPanelConfig, LoginPageFieldConfig, LoginPageLogoConfig, LoginPageLogoLocation, LoginPageMethodConfig, LoginPageProps } from './components/login/index.js';
 export { AppHeader, AppHeaderLogo, AppHeaderProps, AppHeaderUser, AppLayout, AppLayoutProps, AppShellSidebar, AppShellSidebarClassNames, AppShellSidebarProps, AppSidebar, AppSidebarProps, HeadbarLayout, HeadbarLayoutMode, HeadbarMenuRadius, HeadbarNavPosition, HeaderTab, LayoutNavItem, NavButton, NavButtonProps, NavigationLayout, NavigationLayoutProps, NavigationMode, SidebarAccount, SidebarNavItem, UserAccountMenu, UserAccountMenuClassNames, UserAccountMenuItem, UserAccountMenuProps, UserAccountMenuRadius, UserAccountMenuSelectorConfig, UserAccountMenuSelectorOption, UserAccountMenuSide, UserAccountMenuTriggerVariant, UserAccountMenuUser, cn } from './components/layout/index.js';
 export { I as InteractiveTable, a as InteractiveTableClassNames, b as InteractiveTableColumn, c as InteractiveTableColumnMenuLabels, d as InteractiveTableEditableTextCell, e as InteractiveTableEditableTextCellProps, f as InteractiveTableHeaderContext, g as InteractiveTableHeaderProps, h as InteractiveTableProps, i as InteractiveTableReadonlyCell, j as InteractiveTableReadonlyCellProps, k as InteractiveTableRenderContext, l as InteractiveTableRowState, m as InteractiveTableSelectCell, n as InteractiveTableSelectCellProps, o as InteractiveTableSelectOption, W as WorkbenchAssetGallery, p as WorkbenchAssetGalleryItem, q as WorkbenchAssetGalleryProps, r as WorkbenchCollection, s as WorkbenchCollectionActivationEvent, t as WorkbenchCollectionAppearanceConfig, u as WorkbenchCollectionCallbacks, v as WorkbenchCollectionClassNames, w as WorkbenchCollectionConfig, x as WorkbenchCollectionGroupContext, y as WorkbenchCollectionGroupingConfig, z as WorkbenchCollectionHoverEffect, A as WorkbenchCollectionItemConfig, B as WorkbenchCollectionItemContext, C as WorkbenchCollectionItemSize, D as WorkbenchCollectionItemSlotName, E as WorkbenchCollectionItemSlots, F as WorkbenchCollectionItemStatus, G as WorkbenchCollectionItemTitleConfig, H as WorkbenchCollectionKey, J as WorkbenchCollectionLabels, K as WorkbenchCollectionLayoutConfig, L as WorkbenchCollectionLayoutContext, M as WorkbenchCollectionLayoutMode, N as WorkbenchCollectionLayoutSnapshot, O as WorkbenchCollectionLoadingConfig, P as WorkbenchCollectionLoadingVariant, Q as WorkbenchCollectionProps, R as WorkbenchCollectionResponsive, S as WorkbenchCollectionSelectionBehavior, T as WorkbenchCollectionSelectionConfig, U as WorkbenchCollectionSelectionMode, V as WorkbenchCollectionSkeletonConfig, X as WorkbenchCollectionSlotContext, Y as WorkbenchCollectionSlots, Z as WorkbenchCollectionStateConfig, _ as WorkbenchCollectionTitlePlacement, $ as WorkbenchCollectionTitleVisibility, a0 as WorkbenchCollectionVirtualizationAdapter, a1 as WorkbenchCollectionVirtualizationConfig, a2 as WorkbenchCollectionVirtualizationRenderOptions, a3 as WorkbenchContentPane, a4 as WorkbenchContentPaneBodyProps, a5 as WorkbenchContentPaneClassNames, a6 as WorkbenchContentPaneProps, a7 as WorkbenchContentToolbar, a8 as WorkbenchContentToolbarClassNames, a9 as WorkbenchContentToolbarProps, aa as WorkbenchContentToolbarViewModeOption, ab as WorkbenchDetailSidebar, ac as WorkbenchDetailSidebarBodyProps, ad as WorkbenchDetailSidebarClassNames, ae as WorkbenchDetailSidebarField, af as WorkbenchDetailSidebarProps, ag as WorkbenchDetailSidebarRenderContext, ah as WorkbenchDetailSidebarSection, ai as WorkbenchEvidenceItem, aj as WorkbenchEvidenceList, ak as WorkbenchEvidenceListProps, al as WorkbenchGalleryCard, am as WorkbenchGalleryCardMetaContext, an as WorkbenchGalleryCardProps, ao as WorkbenchGalleryCardRenderContext, ap as WorkbenchGalleryColumn, aq as WorkbenchGalleryLabels, ar as WorkbenchGalleryRecordVisual, as as WorkbenchGallerySettingsButton, at as WorkbenchGallerySettingsButtonClassNames, au as WorkbenchGallerySettingsButtonProps, av as WorkbenchGallerySettingsLabels, aw as WorkbenchGallerySettingsOption, ax as WorkbenchGallerySettingsPanel, ay as WorkbenchGallerySettingsPanelClassNames, az as WorkbenchGallerySettingsPanelProps, aA as WorkbenchGallerySettingsValue, aB as WorkbenchGalleryView, aC as WorkbenchGalleryViewProps, aD as WorkbenchJourneyItem, aE as WorkbenchJourneyItemState, aF as WorkbenchJourneyNavigation, aG as WorkbenchJourneyNavigationProps, aH as WorkbenchLaneClassNames, aI as WorkbenchLaneColumn, aJ as WorkbenchLaneRenderCardContext, aK as WorkbenchLaneView, aL as WorkbenchLaneViewProps, aM as WorkbenchMasonryItemSize, aN as WorkbenchMasonryLayout, aO as WorkbenchMasonryLayoutContext, aP as WorkbenchMasonryLayoutProps, aQ as WorkbenchMetricGrid, aR as WorkbenchMetricGridDensity, aS as WorkbenchMetricGridProps, aT as WorkbenchMetricGridVariant, aU as WorkbenchMetricItem, aV as WorkbenchRadarFilterChip, aW as WorkbenchRadarFilterChipProps, aX as WorkbenchRadarFilterRow, aY as WorkbenchRadarFilterRowDisclosureBase, aZ as WorkbenchRadarFilterRowIntegratedDisclosure, a_ as WorkbenchRadarFilterRowProps, a$ as WorkbenchRadarFilterRowSeparateDisclosure, b0 as WorkbenchRadarInspectorSection, b1 as WorkbenchRadarLegendItem, b2 as WorkbenchRadarMatrix, b3 as WorkbenchRadarMatrixProps, b4 as WorkbenchRadarNavigation, b5 as WorkbenchRadarNavigationChild, b6 as WorkbenchRadarNavigationItem, b7 as WorkbenchRadarNavigationProps, b8 as WorkbenchRadarQuadrant, b9 as WorkbenchRadarWorkspace, ba as WorkbenchRadarWorkspaceProps, bb as WorkbenchRankedList, bc as WorkbenchRankedListItem, bd as WorkbenchRankedListMetric, be as WorkbenchRankedListProps, bf as WorkbenchRelationshipEdge, bg as WorkbenchRelationshipGraph, bh as WorkbenchRelationshipGraphProps, bi as WorkbenchRelationshipNode, bj as WorkbenchResizableSidebar, bk as WorkbenchResizableSidebarClassNames, bl as WorkbenchResizableSidebarItem, bm as WorkbenchResizableSidebarProps, bn as WorkbenchResizableSidebarSection, bo as WorkbenchScatterAxis, bp as WorkbenchScatterPlot, bq as WorkbenchScatterPlotProps, br as WorkbenchScatterPoint, bs as WorkbenchScatterThresholds, bt as WorkbenchSelectionTray, bu as WorkbenchSelectionTrayItem, bv as WorkbenchSelectionTrayProps, bw as WorkbenchTableView, bx as WorkbenchTableViewClassNames, by as WorkbenchTableViewColumn, bz as WorkbenchTableViewHeaderContext, bA as WorkbenchTableViewProps, bB as WorkbenchTableViewRenderContext, bC as WorkbenchVisualizationTone } from './WorkbenchRadarMatrix-2ec5e4970f24.js';

package/dist/index.js

@@ -18974,7 +18974,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(
@@ -19061,11 +19124,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
         ] })
@@ -19138,11 +19201,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 formatDuration2(durationMs) {
   if (durationMs < 1e3) return "<1s";
   const totalSeconds = Math.floor(durationMs / 1e3);
@@ -19268,54 +19326,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
           );