myoperator-mcp 0.2.89 → 0.2.91

package/dist/index.js

@@ -2645,7 +2645,7 @@ const PageHeader = React.forwardRef<HTMLDivElement, PageHeaderProps>(
           {/* Content Section: Title + Description */}
           <div className="flex-1 min-w-0">
             <div className="flex items-center gap-2">
-              <h1 className="m-0 text-base font-semibold text-semantic-text-primary truncate">
+              <h1 className="m-0 text-lg font-semibold text-semantic-text-primary truncate">
                 {title}
               </h1>
               {infoIcon && (
@@ -2655,7 +2655,7 @@ const PageHeader = React.forwardRef<HTMLDivElement, PageHeaderProps>(
               )}
             </div>
             {description && (
-              <p className="m-0 text-sm text-semantic-text-secondary font-normal mt-1 line-clamp-2">
+              <p className="m-0 text-sm text-semantic-text-muted font-normal mt-1 line-clamp-2">
                 {description}
               </p>
             )}
@@ -3272,14 +3272,18 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
     // Internal state for search
     const [searchQuery, setSearchQuery] = React.useState("");
 
-    // Handle onSelect at item level (fires even when same value is re-selected)
-    const handleItemSelect = React.useCallback(
-      (option: SelectOption) => {
-        if (!option.disabled) {
-          onSelect?.(option);
+    // Combined value change handler that also fires onSelect with full option object
+    const handleValueChange = React.useCallback(
+      (newValue: string) => {
+        onValueChange?.(newValue);
+        if (onSelect) {
+          const option = options.find((o) => o.value === newValue);
+          if (option) {
+            onSelect(option);
+          }
         }
       },
-      [onSelect]
+      [onValueChange, onSelect, options]
     );
 
     // Derive state from props
@@ -3356,7 +3360,7 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
         <Select
           value={value}
           defaultValue={defaultValue}
-          onValueChange={onValueChange}
+          onValueChange={handleValueChange}
           disabled={disabled || loading}
           name={name}
           onOpenChange={handleOpenChange}
@@ -3397,7 +3401,6 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
                 key={option.value}
                 value={option.value}
                 disabled={option.disabled}
-                onPointerUp={() => handleItemSelect(option)}
               >
                 {option.label}
               </SelectItem>
@@ -3414,8 +3417,7 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
                         key={option.value}
                         value={option.value}
                         disabled={option.disabled}
-                        onPointerUp={() => handleItemSelect(option)}
-                      >
+                              >
                         {option.label}
                       </SelectItem>
                     ))}
@@ -4151,7 +4153,7 @@ const TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(
     <th
       ref={ref}
       className={cn(
-        "h-12 px-4 text-left align-middle font-medium text-semantic-text-muted text-sm [&:has([role=checkbox])]:pr-0",
+        "h-12 px-4 text-left align-middle font-semibold text-semantic-text-muted text-sm [&:has([role=checkbox])]:pr-0",
         sticky && "sticky left-0 bg-[var(--color-neutral-100)] z-10",
         sortDirection && "cursor-pointer select-none",
         className
@@ -5240,7 +5242,7 @@ const TooltipContent = React.forwardRef<
       ref={ref}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 overflow-hidden rounded-md bg-semantic-primary px-3 py-1.5 text-xs text-semantic-text-inverted shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-[9999] overflow-hidden rounded-md bg-semantic-primary px-3 py-1.5 text-xs text-semantic-text-inverted shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       )}
       {...props}

package/package.json

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