myoperator-mcp 0.2.151 → 0.2.152

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}
@@ -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 && (

package/package.json

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