refactor(atomic): migrate atomic-insight-user-actions-toggle to Lit

[Copilot]

✅ Checklist

• 🧪 The component is unit tested
• 🧪 The component includes E2E tests
• 🗑️ Old Cypress tests exclusive to the component are removed
• 📖 The component is documented in storybook with an .mdx file
• ♿ The component complies with the Web Content Accessibility Guidelines.
• 🌐 All strings intended for humans or assistive technology must be localized with i18n.
• 📦 The Lit component is exported in the appropriate index.ts and lazy-index.ts files.
• 🎨 CSS parts are documented still accessible.
• 🦥 Slotted Content, public methods and properties are documented
• 🔄 The component outputs the same Angular output as before with Stencil
• 🏷️ The component declares the component type in the HTMLElementTagNameMap

https://coveord.atlassian.net/browse/KIT-5362

[Copilot]

Pull request overview

This PR successfully migrates the atomic-insight-user-actions-toggle component from Stencil to Lit. The component displays a button that opens a modal containing user actions timeline, designed for Insight Panel interfaces.

Key Changes

• Migrated component from Stencil (.tsx) to Lit (.ts) using modern decorators and patterns
• Replaced Stencil's IconButton with the Lit functional renderIconButton component
• Added comprehensive unit tests using Vitest and E2E tests using Playwright
• Created Storybook documentation (.mdx file) and stories

Reviewed changes

Copilot reviewed 10 out of 14 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
atomic-insight-user-actions-toggle.ts	New Lit implementation with proper decorators, bindings, and error guards
atomic-insight-user-actions-toggle.tsx	Removed legacy Stencil implementation
atomic-insight-user-actions-toggle.pcss	Removed (no longer needed with shadow DOM component)
atomic-insight-user-actions-toggle.spec.ts	New comprehensive unit tests covering initialization, rendering, and modal interaction
atomic-insight-user-actions-toggle.new.stories.tsx	Storybook stories with MSW API mocking
atomic-insight-user-actions-toggle.mdx	Component documentation for Storybook
e2e/atomic-insight-user-actions-toggle.e2e.ts	Playwright E2E tests for button visibility and modal interaction
e2e/page-object.ts	Page object pattern for E2E test interactions
e2e/fixture.ts	E2E test fixtures and setup
user-actions-controller.ts	New test helper fixture for mocking UserActions controller
lazy-index.ts	Added lazy loading entry for the migrated component
index.ts	Added component export
custom-element-tags.ts	Registered new custom element tag
components.d.ts	Auto-generated type definitions updated (Stencil types removed)

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The userActionsState property should be declared as private. According to the class field declaration order guidelines, controller-bound state fields should be grouped with other state fields, but public state that's bound to controllers should typically be private unless explicitly needed in the public API. Since this state is only used internally to react to controller state changes and isn't documented as part of the component's public API, it should be private.

Suggested change

	public userActions!: InsightUserActions;
	@bindStateToController('userActions')
	@state()
	public userActionsState!: InsightUserActionsState;
	@bindStateToController('userActions')
	@state()
	private userActionsState!: InsightUserActionsState;
	public userActions!: InsightUserActions;

[Copilot]

The userActions property should be declared as private. This controller is only used internally by the component and is not documented as part of the public API. According to the component structure guidelines, fields that are not part of the public API should be private to avoid exposing implementation details.

Suggested change

	public userActions!: InsightUserActions;
	private userActions!: InsightUserActions;

[Copilot]

The property declaration order doesn't follow the established guidelines. According to the class field declaration order, non-decorated fields (like buttonRef and modalRef) should come after all @state decorated fields. Move these two properties to appear after the userActionsState declaration.