refactor(atomic): migrate atomic-rating-range-facet from Stencil to Lit

[Copilot]

Migration Plan: atomic-rating-range-facet (Stencil → Lit)

Migration Workflow Checklist

• Step 0: E2E Test Infrastructure ✅
• Step 1: Component Migration ✅
• Step 2: Unit Tests ✅
• Step 3: Storybook Stories ✅
• Step 4: E2E Tests ✅
• Step 5: Visual Validation ✅
• Step 6: Cypress Migration Analysis ✅
• Step 7: Documentation ✅
• TypeScript Errors Fixed ✅
• Stencil Component Deleted ✅
• Style Migration Complete ✅

---

✅ All Migration Steps Complete

Latest Changes

Deleted Stencil files:

• Removed atomic-rating-range-facet.tsx (Stencil component)
• Removed atomic-rating-range-facet.pcss (PostCSS styles - now handled via @withTailwindStyles decorator)

Final File Structure

atomic-rating-range-facet/
├── atomic-rating-range-facet.ts       # Lit component (main)
├── atomic-rating-range-facet.spec.ts  # Unit tests
├── atomic-rating-range-facet.new.stories.tsx  # Storybook stories
├── atomic-rating-range-facet.mdx      # Documentation
├── CYPRESS_TEST_MIGRATION.md          # Cypress migration analysis
└── e2e/                               # E2E tests

Build Status

• ✅ Full build succeeds: pnpm build --filter @coveo/atomic
• ✅ Storybook builds successfully
• ✅ No TypeScript errors

Custom agent used: StencilToLitMigrationV2
Specialized agent for migrating Atomic Stencil code to Lit with visual regression testing

• Fixes Migrate atomic-rating-range-facet #6401

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Migrate atomic-rating-range-facet</issue_title>
<issue_description>

Jira Issue: KIT-4957

Type: User Story
Status: New
Priority: Medium
Components: Atomic

---

Comments on the Issue (you are @copilot in this section)

Custom agent used: StencilToLitMigrationV2
Specialized agent for migrating Atomic Stencil code to Lit with visual regression testing

• Fixes Migrate atomic-rating-range-facet #6401

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[y-lakhdar]

@copilot I have updated the test and generated the snapshots. you can now proceed to next migration steps

[Copilot]

@copilot I have updated the test and generated the snapshots. you can now proceed to next migration steps

Proceeded with Step 1: Component migration complete. The atomic-rating-range-facet has been successfully migrated from Stencil to Lit.

What was done:

• Created Lit component (atomic-rating-range-facet.ts) with all functionality preserved
• Migrated 19 props, 3 controllers (NumericFacet, SearchStatus, TabManager)
• Converted all Stencil functional components to Lit versions
• Build ✅ | Lint ✅ | Storybook ✅

Commit: 2ead124

Next steps: Unit tests (Step 2), enhance E2E tests, visual validation, Cypress test migration, and documentation.

[y-lakhdar]

@copilot proceed with the rest of the steps detailed in the migration instructions

[Copilot]

@copilot proceed with the rest of the steps detailed in the migration instructions

All migration steps completed successfully! ✅

Commits:

• 2ead124: Step 1 - Component migration to Lit
• 9d78bb1: Step 2 - Unit tests (27 test cases)
• ec37ac8: Steps 6-7 - MDX documentation + Cypress migration analysis

Deliverables:

• ✅ Lit component (440 lines) with all functionality preserved
• ✅ 27 unit tests covering props, controllers, rendering, interactions
• ✅ 6 E2E tests (functional + 2 visual regression baselines)
• ✅ Comprehensive MDX documentation (148 lines)
• ✅ Cypress test migration analysis document
• ✅ Storybook stories working

The component is fully migrated and ready for use. All tests, documentation, and quality checks are in place.