myoperator-mcp 0.2.349 → 0.2.350

package/dist/index.js

@@ -1511,6 +1511,11 @@ export interface CreatableMultiSelectProps extends Omit<
    * If the raw value differs from the sanitized value, \`onInvalidCharacters\` is called.
    */
   sanitizeInput?: (raw: string) => string;
+  /**
+   * Applied after \`sanitizeInput\` on typed draft values (e.g. collapse spaces).
+   * Does not affect invalid-character detection.
+   */
+  normalizeInput?: (sanitized: string) => string;
   /** Fired when \`sanitizeInput\` removed one or more characters from the raw input. */
   onInvalidCharacters?: () => void;
   /**
@@ -1600,6 +1605,12 @@ function isValueAlreadySelected(
   });
 }
 
+function restoreInputCursor(input: HTMLInputElement, cursorPosition: number) {
+  window.requestAnimationFrame(() => {
+    input.setSelectionRange(cursorPosition, cursorPosition);
+  });
+}
+
 const CreatableMultiSelect = React.forwardRef(
   (
     {
@@ -1617,6 +1628,7 @@ const CreatableMultiSelect = React.forwardRef(
       showPerItemCharacterCounter = true,
       triggerDisplay = "chips",
       sanitizeInput,
+      normalizeInput,
       onInvalidCharacters,
       onValidInput,
       onInputValueChange,
@@ -1641,6 +1653,17 @@ const CreatableMultiSelect = React.forwardRef(
       maxLengthPerItem
     );
 
+    const normalizeDraftValue = React.useCallback(
+      (raw: string) => {
+        const sanitized = sanitizeInput ? sanitizeInput(raw) : raw;
+        const normalized = normalizeInput ? normalizeInput(sanitized) : sanitized;
+        return maxLengthPerItem != null
+          ? normalized.slice(0, maxLengthPerItem)
+          : normalized;
+      },
+      [maxLengthPerItem, normalizeInput, sanitizeInput]
+    );
+
     const addValue = (val: string) => {
       const isPreset = options.some((o) => o.value === val);
       const afterSanitize = isPreset
@@ -1648,7 +1671,9 @@ const CreatableMultiSelect = React.forwardRef(
         : sanitizeInput
           ? sanitizeInput(val)
           : val;
-      const trimmed = afterSanitize.trim();
+      const afterNormalize =
+        isPreset || !normalizeInput ? afterSanitize : normalizeInput(afterSanitize);
+      const trimmed = afterNormalize.trim();
       if (
         !trimmed ||
         isValueAlreadySelected(
@@ -1837,12 +1862,19 @@ const CreatableMultiSelect = React.forwardRef(
                       if (raw !== sanitized) onInvalidCharacters?.();
                       else onValidInput?.();
                     }
-                    const nextInput =
-                      maxLengthPerItem != null
-                        ? sanitized.slice(0, maxLengthPerItem)
-                        : sanitized;
+                    const nextInput = normalizeDraftValue(raw);
                     setInputValue(nextInput);
                     onInputValueChange?.(nextInput);
+
+                    if (nextInput !== raw) {
+                      const input = e.currentTarget;
+                      const rawCursor = input.selectionStart ?? raw.length;
+                      const nextCursor = Math.min(
+                        normalizeDraftValue(raw.slice(0, rawCursor)).length,
+                        nextInput.length
+                      );
+                      restoreInputCursor(input, nextCursor);
+                    }
                   }}
                   maxLength={maxLengthPerItem}
                   onKeyDown={handleKeyDown}
@@ -2104,6 +2136,12 @@ export const creatableToneHintRowClassName = cn(
   "flex shrink-0 items-center justify-between gap-2 px-4 py-2"
 )
 
+function restoreInputCursor(input: HTMLInputElement, cursorPosition: number) {
+  window.requestAnimationFrame(() => {
+    input.setSelectionRange(cursorPosition, cursorPosition)
+  })
+}
+
 export interface CreatableSelectOption {
   value: string
   label: string
@@ -2183,6 +2221,17 @@ const CreatableSelect = React.forwardRef(
     // Merge forwarded ref with internal ref
     React.useImperativeHandle(ref, () => containerRef.current!)
 
+    const normalizeSearchValue = React.useCallback(
+      (raw: string) => {
+        const sanitized = sanitizeInput ? sanitizeInput(raw) : raw
+        const normalized = normalizeComboboxInput
+          ? normalizeComboboxInput(sanitized)
+          : sanitized
+        return maxLength != null ? normalized.slice(0, maxLength) : normalized
+      },
+      [maxLength, normalizeComboboxInput, sanitizeInput]
+    )
+
     const selectedLabel = React.useMemo(() => {
       const found = options.find((o) => o.value === value)
       return found ? found.label : value || ""
@@ -2335,13 +2384,19 @@ const CreatableSelect = React.forwardRef(
                   if (raw !== sanitized) onInvalidCharacters?.()
                   else onValidInput?.()
                 }
-                const next = normalizeComboboxInput
-                  ? normalizeComboboxInput(sanitized)
-                  : sanitized
-                const nextSearch =
-                  maxLength != null ? next.slice(0, maxLength) : next
+                const nextSearch = normalizeSearchValue(raw)
                 setSearch(nextSearch)
                 onInputValueChange?.(nextSearch)
+
+                if (nextSearch !== raw) {
+                  const input = e.currentTarget
+                  const rawCursor = input.selectionStart ?? raw.length
+                  const nextCursor = Math.min(
+                    normalizeSearchValue(raw.slice(0, rawCursor)).length,
+                    nextSearch.length
+                  )
+                  restoreInputCursor(input, nextCursor)
+                }
               }}
               maxLength={maxLength}
               onKeyDown={handleKeyDown}

package/package.json

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