feat(frontend): ✨ add customizable color chip list state persistence in URL

[Waog]

No description provided.

[nx-cloud]

View your CI Pipeline Execution ↗ for commit fd2fb1a

Command	Status	Duration	Result
nx e2e frontend-e2e -- --project=chromium	✅ Succeeded	3m 28s	View ↗
nx test-storybook frontend --url=http://localho...	✅ Succeeded	15s	View ↗
nx affected -t build build-storybook -c ci	✅ Succeeded	1m 22s	View ↗
nx prerender frontend --configuration=production	✅ Succeeded	1m 12s	View ↗
nx affected -t test -c ci	✅ Succeeded	43s	View ↗
nx affected -t lint -c ci	✅ Succeeded	8s	View ↗

💡 Verify your cache is correct by running tasks in a sandbox. Read docs ↗

---

☁️ Nx Cloud last updated this comment at 2026-08-11 11:44:29 UTC

[Copilot]

Pull request overview

This PR introduces URL-based persistence for CustomizableColorChipListComponent state (rows + spacing) so that user customizations survive reloads and can be shared via links across the portfolio frontend.

Changes:

• Added CustomizableColorChipListUrlService to aggregate per-chip-list customization into a single URL query param and sync it with navigation.
• Updated CustomizableColorChipListComponent to read/write customization state via the URL service (and require a urlPersistenceKey input).
• Wired urlPersistenceKey into skill and project list UIs, and updated unit tests / Storybook setup to provide the new dependencies.

Reviewed changes

Copilot reviewed 13 out of 13 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
libs/feature/skill-section/src/lib/skill-section.component.ts	Adds URL persistence key sanitization helper for skill categories.
libs/feature/skill-section/src/lib/skill-section.component.html	Supplies urlPersistenceKey to chip lists in the skill section.
libs/feature/skill-section/src/lib/skill-section.component.spec.ts	Adds required URL-related test providers/mocks.
libs/feature/project-list/src/lib/project-item.component.html	Supplies urlPersistenceKey for project technologies chip list.
libs/feature/project-list/src/lib/project-item.component.spec.ts	Adds required URL-related test providers/mocks.
libs/feature/project-list/src/lib/customizable-project-item.component.spec.ts	Adds required URL-related test providers/mocks.
libs/feature/project-list/src/lib/project-item.component.stories.ts	Adds required URL-related Storybook providers/mocks.
libs/feature/customizable-color-chip-list/src/lib/customizable-color-chip-list.component.ts	Moves customization state to URL-backed persistence via the new service; adds required key input.
libs/feature/customizable-color-chip-list/src/lib/customizable-color-chip-list.component.spec.ts	Expands tests for URL persistence behavior and sets the required key input.
libs/feature/customizable-color-chip-list/src/lib/customizable-color-chip-list.component.stories.ts	Adds Storybook wiring for urlPersistenceKey and mocks the URL service.
libs/feature/customizable-color-chip-list/src/lib/customizable-color-chip-list-url.service.ts	New URL aggregation/sync service for chip list customization.
libs/feature/customizable-color-chip-list/src/lib/customizable-color-chip-list-url.service.spec.ts	New unit tests validating parsing/serialization and sync behavior.
libs/feature/customizable-color-chip-list/src/index.ts	Exports the new URL service from the library entrypoint.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.