@auto-engineer/component-implementor-react 1.95.0 → 1.96.0

package/inputs/search-input/spec.json

@@ -0,0 +1,62 @@
+{
+  "componentName": "SearchInput",
+  "specDeltas": {
+    "structure": [
+      "Renders a container div wrapping the input, icons, and suggestion dropdown",
+      "Contains a search icon on the leading side of the input",
+      "Contains a text input element with role searchbox for user query entry",
+      "Contains a clear button on the trailing side when the input has a value",
+      "Contains an optional loading spinner on the trailing side replacing the clear button",
+      "Contains a keyboard shortcut hint badge on the trailing side when the input is empty and unfocused",
+      "Contains a suggestion dropdown panel below the input that appears when suggestions are available and input is focused"
+    ],
+    "rendering": [
+      "Displays the placeholder prop as input placeholder text",
+      "Displays the current value in the input field",
+      "Shows the clear button when value is non-empty and loading is false",
+      "Hides the clear button when value is empty",
+      "Shows the loading spinner when loading is true",
+      "Hides the loading spinner when loading is false",
+      "Replaces the clear button with the spinner when loading is true and value is non-empty",
+      "Shows the keyboard shortcut badge displaying the shortcutKey prop when input is empty and not focused",
+      "Hides the shortcut badge when input is focused or has a value",
+      "Shows the suggestion dropdown when suggestions array is non-empty and input is focused",
+      "Hides the suggestion dropdown when suggestions array is empty",
+      "Hides the suggestion dropdown when input loses focus after a short delay",
+      "Highlights the currently active suggestion with a distinct background",
+      "Displays each suggestion with a primary label and optional secondary description",
+      "Shows a no-results message in the dropdown when input has value but suggestions is an empty array and loading is false",
+      "Shows recent searches section in dropdown when recentSearches prop is provided and input is empty and focused"
+    ],
+    "interaction": [
+      "Calls onChange handler with new value when user types",
+      "Calls onClear handler when clear button is clicked",
+      "Clears the input value visually when clear button is clicked",
+      "Calls onSubmit handler with current value when Enter key is pressed and no suggestion is active",
+      "Calls onSuggestionSelect handler with the selected suggestion when Enter is pressed on an active suggestion",
+      "Calls onSuggestionSelect handler when a suggestion is clicked",
+      "Navigates active suggestion down with ArrowDown key",
+      "Navigates active suggestion up with ArrowUp key",
+      "Wraps active suggestion navigation from last to first and first to last",
+      "Closes suggestion dropdown when Escape key is pressed and reopens on next input change",
+      "Focuses the input when the keyboard shortcut key is pressed globally",
+      "Focuses the input when the container is clicked anywhere",
+      "Calls onFocus handler when the input gains focus",
+      "Calls onBlur handler when the input loses focus and no suggestion is being clicked"
+    ],
+    "styling": [
+      "Applies focused ring style to the container when input is focused",
+      "Applies error border and ring style when error is true",
+      "Applies disabled opacity and pointer-events-none when disabled is true",
+      "Applies compact height when size is sm",
+      "Applies standard height when size is md",
+      "Applies tall height when size is lg",
+      "Applies rounded-lg border to the container",
+      "Applies muted text color to the search icon and placeholder",
+      "Applies hover background to the clear button",
+      "Applies shadow-lg and rounded-lg border to the suggestion dropdown",
+      "Active suggestion has a highlighted background distinct from hover",
+      "Suggestion dropdown has smooth max-height transition on open and close"
+    ]
+  }
+}

package/inputs/status-badge/spec.json

@@ -0,0 +1,46 @@
+{
+  "componentName": "StatusBadge",
+  "specDeltas": {
+    "structure": [
+      "Renders a <span> element as the root with role status",
+      "Contains an animated dot indicator before the label text",
+      "Contains the label text as the primary content",
+      "Contains an optional dismiss button after the label when dismissible is true",
+      "Contains an optional icon slot before the dot indicator"
+    ],
+    "rendering": [
+      "Displays the label prop as text content",
+      "Shows the animated dot when showDot is true with a pulsing animation",
+      "Hides the dot when showDot is false",
+      "Shows the dismiss X button when dismissible is true",
+      "Hides the dismiss button when dismissible is false",
+      "Shows the custom icon when icon prop is provided",
+      "Truncates label text with ellipsis when it exceeds maxWidth",
+      "Renders screen-reader-only text that includes the status value for accessibility",
+      "Shows a count number after the label when count is provided and greater than zero",
+      "Displays count as 99+ when count exceeds 99"
+    ],
+    "interaction": [
+      "Calls onClick handler when the badge body is clicked if onClick is provided",
+      "Calls onDismiss handler when the dismiss button is clicked",
+      "Does not propagate dismiss click to the badge onClick handler",
+      "Applies cursor-pointer to the body when onClick is provided",
+      "Applies cursor-default to the body when onClick is not provided",
+      "Supports keyboard activation of dismiss via Enter and Space"
+    ],
+    "styling": [
+      "Applies green color scheme with green dot when status is success",
+      "Applies amber color scheme with amber dot when status is warning",
+      "Applies red color scheme with red dot when status is error",
+      "Applies blue color scheme with blue dot when status is info",
+      "Applies gray color scheme with gray dot when status is neutral",
+      "Applies pill shape with fully rounded corners",
+      "Applies compact padding and small text when size is sm",
+      "Applies standard padding and base text when size is md",
+      "Applies large padding and large text when size is lg",
+      "Applies outlined variant with border and transparent background when variant is outlined",
+      "Applies filled variant with solid background when variant is filled",
+      "Dot pulses with a subtle opacity animation when status is error or warning"
+    ]
+  }
+}

package/package.json

@@ -6,13 +6,13 @@
   "dependencies": {
     "ai": "^6.0.0",
     "debug": "^4.4.1",
-    "@auto-engineer/message-bus": "1.95.0",
-    "@auto-engineer/model-factory": "1.95.0"
+    "@auto-engineer/message-bus": "1.96.0",
+    "@auto-engineer/model-factory": "1.96.0"
   },
   "devDependencies": {
     "vitest": "^3.2.1"
   },
-  "version": "1.95.0",
+  "version": "1.96.0",
   "publishConfig": {
     "access": "public"
   },
@@ -20,6 +20,7 @@
     "build": "tsc && tsx ../../scripts/fix-esm-imports.ts",
     "test": "vitest run --reporter=dot",
     "type-check": "tsc --noEmit",
+    "improve": "tsx scripts/improve.ts",
     "release": "pnpm publish --no-git-checks"
   }
 }