@inf-monkeys-tech/monkeys-design 1.0.107 → 1.0.108

package/dist/index.mjs

@@ -4,7 +4,7 @@ import * as React4 from 'react';
 import React4__default, { forwardRef, useMemo, useId, useRef, useState, useEffect, createElement, createContext, useCallback, useContext, Children, isValidElement, Fragment as Fragment$1, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { ChevronDown, Search, Circle, Check, ChevronRight, ChevronUp, Plus, Pin, Blocks, Settings, TerminalSquare, FileOutput, Download, X, PanelLeft, PanelRight, Loader2, UploadCloud, RefreshCw, Bot, SquarePen, MessageSquare, Clock3, CheckCircle2, XCircle, CircleStop, AlertCircle, GitFork, PencilLine, Copy, RotateCcw, FileCode2, Files, TestTube2, Image, Video, Music2, FileText, Ellipsis, Trash2, Pencil } from 'lucide-react';
+import { ChevronDown, Search, Circle, Check, ChevronRight, ChevronUp, ShoppingBag, Code2, FileText, Palette, Sparkles, ArrowLeft, Upload, ArrowUpRight, Plus, Pin, Blocks, Settings, TerminalSquare, FileOutput, Download, X, PanelLeft, PanelRight, Loader2, UploadCloud, RefreshCw, Bot, SquarePen, MessageSquare, Clock3, CheckCircle2, XCircle, CircleStop, AlertCircle, GitFork, PencilLine, Copy, RotateCcw, FileCode2, Files, TestTube2, Image, Video, Music2, Ellipsis, Trash2, Pencil } from 'lucide-react';
 import { twMerge } from 'tailwind-merge';
 import * as DropdownMenu2 from '@radix-ui/react-dropdown-menu';
 import * as ContextMenu from '@radix-ui/react-context-menu';
@@ -18471,6 +18471,175 @@ var SheetTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 SheetTitle.displayName = "SheetTitle";
 var SheetDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = "SheetDescription";
+var ICONS = {
+  sparkles: Sparkles,
+  palette: Palette,
+  search: Search,
+  "file-text": FileText,
+  code: Code2,
+  "shopping-bag": ShoppingBag
+};
+function TemplateVisual({ template }) {
+  const Icon2 = ICONS[template.icon || "sparkles"];
+  if (template.coverImageUrl) {
+    return /* @__PURE__ */ jsx("img", { src: template.coverImageUrl, alt: "", className: "size-full bg-muted object-contain" });
+  }
+  return /* @__PURE__ */ jsx("span", { className: "flex size-full items-center justify-center bg-gradient-to-br from-primary/5 via-muted/50 to-primary/15", children: /* @__PURE__ */ jsx("span", { className: "flex size-14 items-center justify-center rounded-2xl border border-primary/10 bg-background/85 text-primary shadow-sm", children: /* @__PURE__ */ jsx(Icon2, { className: "size-7", "aria-hidden": "true" }) }) });
+}
+function AgentWorkbenchQuickStart({ viewModel, className, onIntent }) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench.quickStart;
+  const fileInputRef = useRef(null);
+  const [activeCategoryId, setActiveCategoryId] = useState();
+  const [activeSectionId, setActiveSectionId] = useState();
+  const [pendingTemplate, setPendingTemplate] = useState();
+  const categories = useMemo(
+    () => viewModel.categories.map((category) => ({
+      ...category,
+      sections: category.sections.map((section) => ({
+        ...section,
+        templates: section.templates.filter((template) => !template.modes || template.modes.includes(viewModel.mode))
+      })).filter((section) => section.templates.length > 0)
+    })).filter((category) => category.sections.length > 0),
+    [viewModel.categories, viewModel.mode]
+  );
+  const activeCategory = categories.find((category) => category.id === activeCategoryId);
+  const activeSection = activeCategory?.sections.find((section) => section.id === activeSectionId) || activeCategory?.sections[0];
+  const usesCompactList = activeSection?.templates.length ? activeSection.templates.every((template) => !template.coverImageUrl) : false;
+  useEffect(() => {
+    if (activeCategoryId && !categories.some((category) => category.id === activeCategoryId)) {
+      setActiveCategoryId(void 0);
+      setActiveSectionId(void 0);
+    }
+  }, [activeCategoryId, categories]);
+  if (categories.length === 0) return null;
+  const selectCategory = (category) => {
+    setActiveCategoryId(category.id);
+    setActiveSectionId(category.sections[0]?.id);
+    onIntent?.({ type: "change-category", categoryId: category.id });
+  };
+  const selectSection = (sectionId) => {
+    if (!activeCategory) return;
+    setActiveSectionId(sectionId);
+    onIntent?.({
+      type: "change-section",
+      categoryId: activeCategory.id,
+      sectionId
+    });
+  };
+  const selectTemplate = (template) => {
+    if (viewModel.disabled) return;
+    if (template.action !== "upload") {
+      onIntent?.({
+        type: "select-template",
+        templateId: template.id,
+        prompt: template.prompt
+      });
+      return;
+    }
+    const input = fileInputRef.current;
+    if (!input) return;
+    input.accept = template.accept || "*/*";
+    input.multiple = template.multiple === true;
+    setPendingTemplate(template);
+    input.click();
+  };
+  return /* @__PURE__ */ jsxs("section", { className: cn2("agent-workbench-quick-start min-w-0 max-w-full", className), "aria-label": messages.label, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        className: "hidden",
+        onChange: (event) => {
+          const files = Array.from(event.target.files || []);
+          if (pendingTemplate && files.length > 0) {
+            onIntent?.({
+              type: "select-template",
+              templateId: pendingTemplate.id,
+              prompt: pendingTemplate.prompt,
+              files: pendingTemplate.multiple ? files : files.slice(0, 1)
+            });
+          }
+          setPendingTemplate(void 0);
+          event.target.value = "";
+        }
+      }
+    ),
+    !activeCategory ? /* @__PURE__ */ jsx("div", { className: "flex max-w-full items-center justify-center gap-2 overflow-x-auto px-1 pb-1", children: categories.map((category) => {
+      const Icon2 = ICONS[category.icon || "sparkles"];
+      return /* @__PURE__ */ jsxs("button", { type: "button", className: "inline-flex h-10 shrink-0 items-center gap-2 rounded-full border border-border bg-background px-4 text-sm font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", onClick: () => selectCategory(category), children: [
+        /* @__PURE__ */ jsx(Icon2, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
+        category.label
+      ] }, category.id);
+    }) }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 max-w-full items-center gap-1 overflow-x-auto pb-1", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "inline-flex h-9 shrink-0 items-center gap-1.5 rounded-full px-3 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            onClick: () => {
+              setActiveCategoryId(void 0);
+              setActiveSectionId(void 0);
+              onIntent?.({ type: "change-category" });
+            },
+            children: [
+              /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4", "aria-hidden": "true" }),
+              messages.back
+            ]
+          }
+        ),
+        activeCategory.sections.map((section) => /* @__PURE__ */ jsx("button", { type: "button", "aria-pressed": activeSection?.id === section.id, className: cn2("h-9 shrink-0 rounded-full px-4 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", activeSection?.id === section.id ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground"), onClick: () => selectSection(section.id), children: section.label }, section.id))
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-quick-start-layout": usesCompactList ? "list" : "cards",
+          className: cn2(
+            "grid",
+            usesCompactList ? "grid-cols-1 gap-0" : "grid-cols-[repeat(auto-fit,minmax(min(100%,14rem),1fr))] gap-3"
+          ),
+          children: activeSection?.templates.map((template) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              disabled: viewModel.disabled,
+              "data-quick-start-template-id": template.id,
+              className: cn2(
+                "group min-w-0 overflow-hidden text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+                usesCompactList ? "flex min-h-14 items-center rounded-none border-x-0 border-t-0 bg-transparent shadow-none hover:border-border hover:bg-muted/40 last:border-b-0" : "rounded-xl border border-border bg-background hover:border-primary/30 hover:bg-muted/20"
+              ),
+              onClick: () => selectTemplate(template),
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: cn2(usesCompactList ? "min-w-0 flex-1 px-2 py-2.5" : "block px-4 pb-3 pt-4"), children: [
+                  /* @__PURE__ */ jsxs("span", { className: cn2("flex items-center gap-2 text-sm text-foreground", usesCompactList ? "font-medium" : "font-semibold"), children: [
+                    template.title,
+                    template.action === "upload" ? /* @__PURE__ */ jsxs("span", { className: "ml-auto inline-flex items-center gap-1 text-[11px] font-medium text-muted-foreground", children: [
+                      /* @__PURE__ */ jsx(Upload, { className: "size-3", "aria-hidden": "true" }),
+                      messages.addFile
+                    ] }) : null
+                  ] }),
+                  template.description ? /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn2(
+                        "line-clamp-2 block text-xs leading-4 text-muted-foreground",
+                        usesCompactList ? "mt-0.5 min-h-0 text-muted-foreground/75" : "mt-1 min-h-8"
+                      ),
+                      children: template.description
+                    }
+                  ) : null
+                ] }),
+                usesCompactList ? /* @__PURE__ */ jsx(ArrowUpRight, { className: "mr-2 size-4 shrink-0 text-muted-foreground/45", "aria-hidden": "true" }) : /* @__PURE__ */ jsx("span", { className: cn2("block overflow-hidden", template.coverImageUrl ? "aspect-[5/2]" : "h-28"), children: /* @__PURE__ */ jsx(TemplateVisual, { template }) })
+              ]
+            },
+            template.id
+          ))
+        }
+      )
+    ] })
+  ] });
+}
 var AgentWorkbenchSidebarContainer = forwardRef(function AgentWorkbenchSidebarContainer2({
   children,
   header,
@@ -34508,6 +34677,6 @@ function useDarkMode() {
   return { mode, setMode, resolvedMode };
 }
 
-export { AGENT_WORKBENCH_SHELL_BREAKPOINTS, AgentWorkbenchActivity, AgentWorkbenchExploreSidebar, AgentWorkbenchShell, AgentWorkbenchSidebar, AgentWorkbenchSidebarContainer, 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, DataExplorerMediaPreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerRecordPicker, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerUploadSurface, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, I18nSelector, InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, LoginPage, MonkeysProvider, MonkeysToastProvider, MonkeysToaster, NavButton, NavigationLayout, NavigationSidebar, 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, resolveAgentWorkbenchShellLayout, resolveBaseAppearance, resolveDataExplorerAppearance, resolveMonkeysLocale, resolveRenderNodePolicyState, resolveToastVariantForMessage, sessionRenderNodeScrollRestoration, setTailwindTheme, toast, useDarkMode, useMonkeysBaseAppearance, useMonkeysComponentAttributes, useMonkeysDataExplorerAppearance, useMonkeysDirection, useMonkeysEnvironment, useMonkeysListFooter, useMonkeysLocale, useMonkeysLocaleMessages, useMonkeysPortalOptions, useMonkeysResolvedTheme, useMonkeysStatusStates, useToastFeed, useToastOnValue, zhCN };
+export { AGENT_WORKBENCH_SHELL_BREAKPOINTS, AgentWorkbenchActivity, AgentWorkbenchExploreSidebar, AgentWorkbenchQuickStart, AgentWorkbenchShell, AgentWorkbenchSidebar, AgentWorkbenchSidebarContainer, 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, DataExplorerMediaPreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerRecordPicker, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerUploadSurface, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, I18nSelector, InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, LoginPage, MonkeysProvider, MonkeysToastProvider, MonkeysToaster, NavButton, NavigationLayout, NavigationSidebar, 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, resolveAgentWorkbenchShellLayout, 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