myoperator-mcp 0.2.151 → 0.2.153

package/dist/index.js

@@ -1715,6 +1715,11 @@ export interface CreatableSelectProps
    * If the raw value differs from the sanitized value, \`onInvalidCharacters\` is called.
    */
   sanitizeInput?: (raw: string) => string
+  /**
+   * Applied after \`sanitizeInput\` on the combobox value (e.g. collapse spaces).
+   * Does not affect invalid-character detection, which compares \`raw\` to \`sanitizeInput(raw)\` only.
+   */
+  normalizeComboboxInput?: (sanitized: string) => string
   /** Fired when \`sanitizeInput\` removed one or more characters from the raw input. */
   onInvalidCharacters?: () => void
   /**
@@ -1737,6 +1742,7 @@ const CreatableSelect = React.forwardRef(
       disabled = false,
       maxLength,
       sanitizeInput,
+      normalizeComboboxInput,
       onInvalidCharacters,
       onValidInput,
       ...props
@@ -1787,14 +1793,24 @@ const CreatableSelect = React.forwardRef(
     )
 
     const handleCreate = React.useCallback(() => {
-      const trimmed = search.trim()
+      const afterSanitize = sanitizeInput ? sanitizeInput(search) : search
+      const normalized = normalizeComboboxInput
+        ? normalizeComboboxInput(afterSanitize)
+        : afterSanitize
+      const trimmed = normalized.trim()
       if (trimmed) {
         const value = maxLength != null ? trimmed.slice(0, maxLength) : trimmed
         onValueChange?.(value)
         setOpen(false)
         setSearch("")
       }
-    }, [search, onValueChange, maxLength])
+    }, [
+      search,
+      onValueChange,
+      maxLength,
+      sanitizeInput,
+      normalizeComboboxInput,
+    ])
 
     const handleKeyDown = (e: React.KeyboardEvent) => {
       if (e.key === "Escape") {
@@ -1889,8 +1905,11 @@ const CreatableSelect = React.forwardRef(
                   if (raw !== sanitized) onInvalidCharacters?.()
                   else onValidInput?.()
                 }
+                const next = normalizeComboboxInput
+                  ? normalizeComboboxInput(sanitized)
+                  : sanitized
                 setSearch(
-                  maxLength != null ? sanitized.slice(0, maxLength) : sanitized
+                  maxLength != null ? next.slice(0, maxLength) : next
                 )
               }}
               maxLength={maxLength}
@@ -2243,7 +2262,7 @@ const DialogOverlay = React.forwardRef(({ className, ...props }: React.Component
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 
 const dialogContentVariants = cva(
-  "fixed left-[50%] top-[50%] z-[9999] flex flex-col translate-x-[-50%] translate-y-[-50%] gap-4 border border-solid border-border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
+  "fixed left-[50%] top-[50%] z-[9999] flex flex-col translate-x-[-50%] translate-y-[-50%] gap-4 border border-solid border-border bg-background p-6 shadow-lg duration-200 max-h-[calc(100vh-2rem)] overflow-y-auto data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
   {
     variants: {
       size: {
@@ -3648,7 +3667,7 @@ const PageHeader = React.forwardRef(
           {/* Content Section: Title + Description */}
           <div className="flex-1 min-w-0">
             <div className="flex h-auto items-center gap-2 sm:min-h-10">
-              <h1 className="m-0 text-lg font-semibold leading-none text-semantic-text-primary truncate">
+              <h1 className="m-0 text-lg font-semibold leading-tight text-semantic-text-primary truncate">
                 {title}
               </h1>
               {badge && (
@@ -3718,7 +3737,7 @@ function PaginationContent({
   return (
     <ul
       data-slot="pagination-content"
-      className={cn("flex flex-row items-center gap-1", className)}
+      className={cn("flex flex-row items-center gap-1 list-none m-0 p-0", className)}
       {...props}
     />
   );
@@ -4935,6 +4954,10 @@ SelectScrollDownButton.displayName =
  */
 function useUnlockBodyScroll() {
   React.useEffect(() => {
+    // Don't unlock body scroll if inside a dialog/modal \u2014 the dialog's
+    // own scroll lock should remain active to prevent background scrolling
+    if (document.querySelector('[role="dialog"]')) return;
+
     const style = document.createElement("style");
     style.setAttribute("data-select-scroll-fix", "");
     style.textContent =

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-mcp",
-  "version": "0.2.151",
+  "version": "0.2.153",
   "description": "MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens",
   "type": "module",
   "bin": "./dist/index.js",