@inf-monkeys-tech/monkeys-design 1.0.60 → 1.0.61

package/dist/index.mjs

@@ -18690,8 +18690,8 @@ function AgentWorkbenchExploreSidebar({
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "shrink-0 space-y-3 px-4 pb-2 pt-4", children: [
-          /* @__PURE__ */ jsxs(InputGroup, { className: "h-12 rounded-2xl border-white/15 bg-white/[0.04] text-white", children: [
-            /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Search, { className: "size-4 text-white/70", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsxs(InputGroup, { className: "h-12 rounded-[var(--radius)] border-border bg-card text-foreground", children: [
+            /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Search, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }) }),
             /* @__PURE__ */ jsx(
               InputGroupInput,
               {
@@ -18700,17 +18700,17 @@ function AgentWorkbenchExploreSidebar({
                 value: searchQuery,
                 "aria-label": labels.search,
                 placeholder: labels.search,
-                className: "min-w-0 text-white placeholder:text-white/55 [&::-webkit-search-cancel-button]:hidden",
+                className: "min-w-0 text-foreground placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden",
                 onChange: (event) => onIntent?.({ type: "change-search", query: event.target.value })
               }
             ),
-            /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx("kbd", { className: "rounded border border-white/20 px-1.5 py-0.5 text-[10px] text-white/70", children: "Ctrl K" }) })
+            /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx("kbd", { className: "rounded-sm border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "Ctrl K" }) })
           ] }),
           /* @__PURE__ */ jsxs(
             Button,
             {
               type: "button",
-              className: "h-11 w-full justify-start gap-2 rounded-xl border border-primary/60 bg-primary px-3 font-semibold text-primary-foreground hover:bg-primary/90",
+              className: "h-11 w-full justify-start gap-2 rounded-[var(--radius)] border border-primary/60 bg-primary px-3 font-semibold text-primary-foreground hover:bg-primary/90",
               onClick: () => onIntent?.({ type: "create-session" }),
               children: [
                 /* @__PURE__ */ jsx(SquarePen, { className: "size-4", "aria-hidden": "true" }),
@@ -18719,13 +18719,13 @@ function AgentWorkbenchExploreSidebar({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "min-h-[160px] flex-[0_1_280px] overflow-y-auto px-4 pb-3", children: loading && sessions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-24 items-center justify-center text-white/60", children: /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin" }) }) : filteredSessions.length === 0 && !draftVisible ? /* @__PURE__ */ jsx("div", { className: "px-3 py-8 text-center text-sm text-white/55", children: normalizedQuery ? labels.noResults : labels.emptySessions }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-h-[160px] flex-[0_1_280px] overflow-y-auto px-4 pb-3", children: loading && sessions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-24 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin" }) }) : filteredSessions.length === 0 && !draftVisible ? /* @__PURE__ */ jsx("div", { className: "px-3 py-8 text-center text-sm text-muted-foreground", children: normalizedQuery ? labels.noResults : labels.emptySessions }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           draftVisible ? /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               "aria-current": "page",
-              className: "block h-10 w-full truncate rounded-xl border border-primary bg-white/10 px-3 text-left text-sm font-semibold text-white",
+              className: "block h-10 w-full truncate rounded-[var(--radius)] border border-primary bg-primary/10 px-3 text-left text-sm font-semibold text-foreground",
               onClick: () => onIntent?.({ type: "create-session" }),
               children: labels.draftSession
             }
@@ -18735,18 +18735,18 @@ function AgentWorkbenchExploreSidebar({
             {
               type: "button",
               "aria-current": session.id === selectedSessionId ? "page" : void 0,
-              className: "block h-10 w-full truncate rounded-xl border border-transparent bg-white/10 px-3 text-left text-sm font-semibold text-white transition hover:bg-white/15 aria-[current=page]:border-primary",
+              className: "block h-10 w-full 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
             },
             session.id
           ))
         ] }) }),
-        activeGroup ? /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-t border-white/10 px-4 pb-4 pt-3", children: [
+        activeGroup ? /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-t border-border px-4 pb-4 pt-3", children: [
           /* @__PURE__ */ jsx(Tabs, { value: activeGroup.id, onValueChange: changeGroup, children: /* @__PURE__ */ jsx(
             TabsList,
             {
-              className: "grid h-10 w-full rounded-xl bg-white/10 p-0.5 text-white/55",
+              className: "grid h-10 w-full rounded-[var(--radius)] bg-muted p-0.5 text-muted-foreground",
               style: {
                 gridTemplateColumns: `repeat(${groups.length}, minmax(0, 1fr))`
               },
@@ -18754,7 +18754,7 @@ function AgentWorkbenchExploreSidebar({
                 TabsTrigger,
                 {
                   value: group.id,
-                  className: "rounded-[10px] text-sm font-semibold text-white/55 data-[state=active]:border data-[state=active]:border-white/15 data-[state=active]:bg-background data-[state=active]:text-white",
+                  className: "rounded-md text-sm font-semibold text-muted-foreground data-[state=active]:border data-[state=active]:border-border data-[state=active]:bg-background data-[state=active]:text-foreground",
                   children: group.label
                 },
                 group.id
@@ -18766,7 +18766,7 @@ function AgentWorkbenchExploreSidebar({
             {
               type: "button",
               "aria-label": item.title,
-              className: "group relative aspect-[1.27] overflow-hidden rounded-xl border border-white/15 bg-card text-left transition hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+              className: "group relative aspect-[1.27] overflow-hidden rounded-[var(--radius)] border border-border bg-card text-left transition hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               style: Number.isFinite(activeGroup.itemAspectRatio) && Number(activeGroup.itemAspectRatio) > 0 ? { aspectRatio: activeGroup.itemAspectRatio } : void 0,
               onClick: () => onIntent?.({
                 type: "select-item",
@@ -28190,6 +28190,90 @@ function DataExplorerCollectionFooter({ selectedCount, loadedStart, loadedEnd, t
     pageText ? `(${pageText})` : null
   ] }), selectedLabel, pageSizeLabel, className, classNames: { root: classNames?.root, summary: classNames?.summary, pageSize: classNames?.pageSizeControl }, onSummaryClick: onJump, onPageSizeChange });
 }
+function toCssSize6(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+function DataExplorerFilterBar({
+  label,
+  leading,
+  children,
+  actions,
+  maxFieldsHeight = 80,
+  className,
+  classNames,
+  style,
+  ...props
+}) {
+  const fieldsViewportStyle = {
+    maxHeight: toCssSize6(maxFieldsHeight)
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn4(
+        "border-b border-border/60 bg-background px-8 py-3",
+        classNames?.root,
+        className
+      ),
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn4(
+            "flex min-w-0 items-start gap-2 text-sm",
+            classNames?.layout
+          ),
+          children: [
+            label ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn4(
+                  "flex h-9 shrink-0 items-center font-semibold text-foreground",
+                  classNames?.label
+                ),
+                children: label
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn4(
+                  "min-w-0 flex-1 overflow-y-auto overscroll-contain",
+                  classNames?.fieldsViewport
+                ),
+                style: fieldsViewportStyle,
+                children: /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn4(
+                      "flex flex-wrap items-center gap-2",
+                      classNames?.fields
+                    ),
+                    children: [
+                      leading,
+                      children
+                    ]
+                  }
+                )
+              }
+            ),
+            actions ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn4(
+                  "flex shrink-0 items-center gap-2",
+                  classNames?.actions
+                ),
+                children: actions
+              }
+            ) : null
+          ]
+        }
+      )
+    }
+  );
+}
 function DataExplorerDetailField({
   field,
   label = field?.label,
@@ -31716,6 +31800,6 @@ function useDarkMode() {
   return { mode, setMode, resolvedMode };
 }
 
-export { AgentWorkbenchActivity, AgentWorkbenchExploreSidebar, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchTool, AppHeader, AppLayout, AppShellSidebar, AppSidebar, ApplicationHandoffLink, BaseAccordion, BaseAspectRatio, BaseAvatar, BaseBadge, BaseBreadcrumb, BaseButton, BaseCheckbox, BaseCode, BaseContainer, BaseContextMenu, BaseContextMenuCheckboxItem, BaseContextMenuContent, BaseContextMenuItem, BaseContextMenuLabel, BaseContextMenuRadioGroup, BaseContextMenuRadioItem, BaseContextMenuSeparator, BaseContextMenuSub, BaseContextMenuSubContent, BaseContextMenuSubTrigger, BaseContextMenuTrigger, BaseDescriptionList, BaseDialog, BaseDivider, BaseDropdownMenu, BaseEmptyState, BaseField, BaseFieldset, BaseGrid, BaseHeading, BaseInline, BaseInput, BaseInputGroup, BaseKbd, BaseLayout, BaseLayoutPane, BaseLayoutResizeHandle, BaseLayoutSplit, BaseLink, BaseList, BaseListFooter, BaseListItem, BaseLoadingState, BaseMultiSelect, BaseNotice, BaseNumberInput, BasePagination, BasePanel, BasePasswordInput, BasePortal, BaseProgress, BaseRadioGroup, BaseScrollArea, BaseSectionHeader, BaseSegmentedControl, BaseSelect, BaseSkeleton, BaseSpinner, BaseStack, BaseSteps, BaseSwitch, BaseSystemState, BaseTable, BaseTableBody, BaseTableCaption, BaseTableCell, BaseTableContainer, BaseTableEmpty, BaseTableFooter, BaseTableFooterBar, BaseTableHead, BaseTableHeader, BaseTableLoading, BaseTableRow, BaseTabs, BaseText, BaseTextarea, BaseToolbar, BaseTooltip, BaseVisuallyHidden, DarkModeSelector, DarkModeSubMenu, DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, I18nSelector, InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, LoginPage, MonkeysProvider, MonkeysToastProvider, MonkeysToaster, NavButton, NavigationLayout, OverlayNodeHost, RenderNodeHost, MonkeysToastProvider as ToastProvider, MonkeysToaster as Toaster, UnifiedDropdown, UserAccountMenu, WorkbenchAssetGallery, WorkbenchCollection, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchEvidenceList, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGalleryView, WorkbenchJourneyNavigation, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchMetricGrid, WorkbenchRadarFilterChip, WorkbenchRadarFilterRow, WorkbenchRadarInspectorSection, WorkbenchRadarMatrix, WorkbenchRadarNavigation, WorkbenchRadarWorkspace, WorkbenchRankedList, WorkbenchRelationshipGraph, WorkbenchResizableSidebar, WorkbenchScatterPlot, WorkbenchSelectionTray, WorkbenchTableView, applyThemeTokens, browserOverlayHistoryAdapter, buildOverlayUrl, calculateHue, calculateLightness, calculateSaturation, cn2 as cn, compileThemeTokens, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel, createSolidColorScale, defaultMonkeysLocale, enUS, extractToastMessage, genTailwindTheme, getBaseBadgeToneClassName, getBaseButtonToneClassName, getBaseMenuItemToneClassName, getBaseNoticeToneClassName, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, getOverlayPresentationClassNames, getOverlayZIndex, getRenderNodeDataAttributes, getThemeTokenCssValue, isOverlayUrlActive, markDarkColor, mergeMonkeysLocaleMessages, resolveBaseAppearance, resolveDataExplorerAppearance, resolveMonkeysLocale, resolveRenderNodePolicyState, resolveToastVariantForMessage, sessionRenderNodeScrollRestoration, setTailwindTheme, toast, useDarkMode, useMonkeysBaseAppearance, useMonkeysComponentAttributes, useMonkeysDataExplorerAppearance, useMonkeysDirection, useMonkeysEnvironment, useMonkeysListFooter, useMonkeysLocale, useMonkeysLocaleMessages, useMonkeysPortalOptions, useMonkeysResolvedTheme, useMonkeysStatusStates, useToastFeed, useToastOnValue, zhCN };
+export { AgentWorkbenchActivity, AgentWorkbenchExploreSidebar, AgentWorkbenchSidebar, AgentWorkbenchTaskDetails, AgentWorkbenchTool, AppHeader, AppLayout, AppShellSidebar, AppSidebar, ApplicationHandoffLink, BaseAccordion, BaseAspectRatio, BaseAvatar, BaseBadge, BaseBreadcrumb, BaseButton, BaseCheckbox, BaseCode, BaseContainer, BaseContextMenu, BaseContextMenuCheckboxItem, BaseContextMenuContent, BaseContextMenuItem, BaseContextMenuLabel, BaseContextMenuRadioGroup, BaseContextMenuRadioItem, BaseContextMenuSeparator, BaseContextMenuSub, BaseContextMenuSubContent, BaseContextMenuSubTrigger, BaseContextMenuTrigger, BaseDescriptionList, BaseDialog, BaseDivider, BaseDropdownMenu, BaseEmptyState, BaseField, BaseFieldset, BaseGrid, BaseHeading, BaseInline, BaseInput, BaseInputGroup, BaseKbd, BaseLayout, BaseLayoutPane, BaseLayoutResizeHandle, BaseLayoutSplit, BaseLink, BaseList, BaseListFooter, BaseListItem, BaseLoadingState, BaseMultiSelect, BaseNotice, BaseNumberInput, BasePagination, BasePanel, BasePasswordInput, BasePortal, BaseProgress, BaseRadioGroup, BaseScrollArea, BaseSectionHeader, BaseSegmentedControl, BaseSelect, BaseSkeleton, BaseSpinner, BaseStack, BaseSteps, BaseSwitch, BaseSystemState, BaseTable, BaseTableBody, BaseTableCaption, BaseTableCell, BaseTableContainer, BaseTableEmpty, BaseTableFooter, BaseTableFooterBar, BaseTableHead, BaseTableHeader, BaseTableLoading, BaseTableRow, BaseTabs, BaseText, BaseTextarea, BaseToolbar, BaseTooltip, BaseVisuallyHidden, DarkModeSelector, DarkModeSubMenu, DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerFilterBar, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, I18nSelector, InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, LoginPage, MonkeysProvider, MonkeysToastProvider, MonkeysToaster, NavButton, NavigationLayout, OverlayNodeHost, RenderNodeHost, MonkeysToastProvider as ToastProvider, MonkeysToaster as Toaster, UnifiedDropdown, UserAccountMenu, WorkbenchAssetGallery, WorkbenchCollection, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchEvidenceList, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGalleryView, WorkbenchJourneyNavigation, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchMetricGrid, WorkbenchRadarFilterChip, WorkbenchRadarFilterRow, WorkbenchRadarInspectorSection, WorkbenchRadarMatrix, WorkbenchRadarNavigation, WorkbenchRadarWorkspace, WorkbenchRankedList, WorkbenchRelationshipGraph, WorkbenchResizableSidebar, WorkbenchScatterPlot, WorkbenchSelectionTray, WorkbenchTableView, applyThemeTokens, browserOverlayHistoryAdapter, buildOverlayUrl, calculateHue, calculateLightness, calculateSaturation, cn2 as cn, compileThemeTokens, createAgentWorkbenchActivityModel, createAgentWorkbenchDetailsModel, createSolidColorScale, defaultMonkeysLocale, enUS, extractToastMessage, genTailwindTheme, getBaseBadgeToneClassName, getBaseButtonToneClassName, getBaseMenuItemToneClassName, getBaseNoticeToneClassName, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, getOverlayPresentationClassNames, getOverlayZIndex, getRenderNodeDataAttributes, getThemeTokenCssValue, isOverlayUrlActive, markDarkColor, mergeMonkeysLocaleMessages, resolveBaseAppearance, resolveDataExplorerAppearance, resolveMonkeysLocale, resolveRenderNodePolicyState, resolveToastVariantForMessage, sessionRenderNodeScrollRestoration, setTailwindTheme, toast, useDarkMode, useMonkeysBaseAppearance, useMonkeysComponentAttributes, useMonkeysDataExplorerAppearance, useMonkeysDirection, useMonkeysEnvironment, useMonkeysListFooter, useMonkeysLocale, useMonkeysLocaleMessages, useMonkeysPortalOptions, useMonkeysResolvedTheme, useMonkeysStatusStates, useToastFeed, useToastOnValue, zhCN };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map