- Add ExpandableInput component that toggles between single-line <input>
and auto-resizing <textarea> for long content (>30 chars)
- Apply to all payload rule fields: model name (both layout branches),
json_path, param value, filter model name, and string list items
- Strip newline characters in both input and textarea onChange handlers
to prevent multi-line values from breaking YAML serialization
- Use useLayoutEffect for resize to avoid visual flicker
- Remove redundant autoResize call from click handler (handled by effect)
- Disable expand/collapse buttons when field is disabled, with proper
cursor and opacity styles
- Localize button labels via i18n (en, zh-CN, ru)
- Use explicit .expandableInputExpanded class instead of CSS :has()
for cross-browser compatibility
- Updated SCSS for ConfigPage to improve layout and visual hierarchy.
- Introduced new styles for page header, including background gradients and responsive design.
- Refined tab bar and status badge styles for better user experience.
- Adjusted search input and actions for improved accessibility and usability.
- Enhanced editor wrapper and floating actions to prevent overlap with content.
- Cleaned up code structure in ConfigPage component for better readability and maintainability.
Xvvln
Supra4E8C