feat(ui): propositions Mobbin - uniformité, drawer, KPI, timeline, kanban, swipe

[guyghost]

Summary

• Uniformise les 5 vues contenu (PageHeader partagé, rythme gap-4, accordéon Settings) puis livre les 7 recommandations Mobbin de l'audit UI :
  • Drawer mission : action primaire unique au footer, actions secondaires (comparaison, masquage) dans un menu kebab accessible clavier.
  • TJM : presets de période 7j/30j/Tout, KPI de marché (médiane, p95, tendance) et sparklines via buildTJMSeries (core, pur).
  • CV : timeline des expériences groupées par année avec headers sticky et rail vertical (groupExperiencesByYear, core, pur).
  • Suivi : bandeau kanban horizontal des dossiers actifs, 5 colonnes triées par dernière activité (buildKanbanBoard, core, pur).
  • Profil : aide inline sous Remote, Séniorité et fourchette TJM.
  • Onboarding : carte « Aperçu en direct » qui score une mission de référence contre le brouillon de préférences (previewOnboardingMatch, core, pur).
  • Feed : swipe-to-triage sur les cartes mission (droite = favori, gauche = masquer) — raccourci de présentation sur les callbacks existants, désactivé en mode comparaison.
• Médaillon note par tier sur MissionCard, purge des composants morts (FilterBar, OnboardingWizard).
• Chaque comportement est adossé à un modèle dans apps/extension/src/models/*.model.md (source de vérité) avec projections pures testables sans mocks dans src/lib/core/.

Verification

• pnpm format:check
• pnpm lint
• pnpm typecheck
• pnpm test — 4021 tests verts (263 fichiers), dont 35 nouveaux tests unitaires (series TJM, group-experiences, kanban-projection, onboarding-preview, swipe)
• pnpm build

Checklist

• No secrets, cookies, session tokens, or generated release artifacts committed
• Core code remains pure; I/O stays in shell modules
• Svelte changes use Svelte 5 runes only
• Documentation updated when behavior or setup changes

---

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
pulse	Ready	Preview	Aug 21, 2026 4:23pm

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
pulse-dashboard	Skipped		Aug 21, 2026 4:23pm

[devin-ai-integration]

Devin Review found 2 potential issues.

View 1 additional finding in Devin Review.

[Copilot]

Pull request overview

This PR applies a broad set of UI improvements to the MissionPulse extension (Svelte 5) based on a Mobbin audit, while keeping business logic in pure core projections (TJM series/period filtering, CV experience grouping, tracking kanban projection, onboarding live preview) and updating UI structure for consistency (shared PageHeader, updated Settings layout).

Changes:

• Standardize page headers/layout rhythm across key pages with a shared PageHeader and refined offline footers.
• Enhance TJM UX with period presets (7d/30d/all), KPI band + sparkline (buildTJMSeries), and request de-staling logic.
• Add new interaction/visual layers: onboarding live preview scoring, tracking kanban projection, drawer footer action hierarchy (kebab menu), and swipe-to-triage on MissionCard.

Reviewed changes

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

Show a summary per file

File	Description
packages/ui/src/icons/paths.ts	Adds a heart icon path needed for UI gesture feedback.
apps/extension/tests/unit/ui/TJMPage.test.ts	Updates TJM page tests for period presets and request parameters.
apps/extension/tests/unit/ui/TJMDashboard.test.ts	Extends TJM dashboard fixture data with series points.
apps/extension/tests/unit/ui/swipe.test.ts	Adds unit tests for the new swipe action behavior.
apps/extension/tests/unit/ui/operational-ui-constraints.test.ts	Updates constraints to match refactored onboarding/settings UI structure.
apps/extension/tests/unit/ui/OnboardingWizard.test.ts	Removes tests for the deleted legacy onboarding wizard component.
apps/extension/tests/unit/tracking/kanban-projection.test.ts	Adds tests for pure kanban projection and last-activity helpers.
apps/extension/tests/unit/tjm-history/series.test.ts	Adds tests for TJM sparkline series aggregation/resampling behavior.
apps/extension/tests/unit/tjm-history/period.test.ts	Adds tests for deterministic period windowing (7d/30d/all).
apps/extension/tests/unit/scoring/onboarding-preview.test.ts	Adds tests for the pure onboarding live preview scoring output.
apps/extension/tests/unit/facades/tjm-facade.test.ts	Adjusts TJM facade test fixtures for the extended analysis shape (series).
apps/extension/tests/unit/cv/group-experiences.test.ts	Adds tests for year-grouping projection of CV experiences.
apps/extension/tests/e2e/qa/run-qa.mjs	Removes a QA scenario tied to the removed onboarding wizard flow.
apps/extension/src/ui/pages/TJMPage.svelte	Adds period presets UI + request sequencing and injects period into analysis requests.
apps/extension/src/ui/pages/SettingsPage.svelte	Refactors Settings into an accordion layout and uses PageHeader.
apps/extension/src/ui/pages/ProfilePage.svelte	Adopts PageHeader and adjusts layout spacing/structure.
apps/extension/src/ui/pages/CvPage.svelte	Adopts PageHeader with offline footer and action slots.
apps/extension/src/ui/pages/ApplicationsPage.svelte	Adds kanban projection view and refactors header/journal sections with PageHeader.
apps/extension/src/ui/organisms/TJMDashboard.svelte	Adds KPI band + sparkline rendering and empty-state override support.
apps/extension/src/ui/organisms/ProfileSection.svelte	Adds inline help copy for remote/seniority/TJM fields.
apps/extension/src/ui/organisms/OnboardingWizard.svelte	Deletes legacy onboarding wizard implementation.
apps/extension/src/ui/organisms/OnboardingFlow.svelte	Adds live preview panel using pure onboarding-preview scoring.
apps/extension/src/ui/organisms/MissionInvestigationDrawer.svelte	Refactors footer actions into primary + kebab secondary actions.
apps/extension/src/ui/organisms/FilterBar.svelte	Removes dead filter bar component.
apps/extension/src/ui/organisms/ExperienceFeed.svelte	Renders CV experiences grouped by year with sticky headers and a vertical rail.
apps/extension/src/ui/organisms/ApplicationPipelineSummary.svelte	Minor layout spacing adjustment to fit new page composition.
apps/extension/src/ui/molecules/PageHeader.svelte	Introduces shared header component with actions/children/footer snippets.
apps/extension/src/ui/molecules/MissionCard.svelte	Adds swipe-to-triage action wiring and updates tier badge visuals.
apps/extension/src/ui/actions/swipe.ts	Introduces pointer-gesture action for horizontal swipe triage.
apps/extension/src/models/tjm-market-overview.model.md	Adds model/spec for TJM KPI band + sparkline.
apps/extension/src/models/tjm-analysis-period.model.md	Adds model/spec for TJM analysis period presets and invariants.
apps/extension/src/models/packaged-tab-scenarios.model.md	Updates scenario authority references to the new onboarding flow component.
apps/extension/src/models/onboarding-live-preview.model.md	Adds model/spec for onboarding live preview behavior.
apps/extension/src/models/mission-card-swipe.model.md	Adds model/spec for swipe gesture behavior and invariants.
apps/extension/src/models/drawer-footer-actions.model.md	Adds model/spec for drawer footer action hierarchy and kebab disclosure.
apps/extension/src/models/cv-experience-timeline.model.md	Adds model/spec for CV year-group timeline rendering.
apps/extension/src/models/application-kanban.model.md	Adds model/spec for tracking kanban projection and constraints.
apps/extension/src/lib/shell/messaging/schemas.ts	Extends TJM analysis request schema with period.
apps/extension/src/lib/shell/messaging/bridge.ts	Extends GET_TJM_ANALYSIS message payload with period.
apps/extension/src/lib/shell/facades/tjm.facade.ts	Extends TJM facade to accept and forward period.
apps/extension/src/lib/core/types/tjm.ts	Adds TJMPeriod and TJMSeriesPoint to analysis types.
apps/extension/src/lib/core/tracking/kanban-projection.ts	Adds pure kanban projection utilities for tracking UI.
apps/extension/src/lib/core/tjm-history/index.ts	Adds period filtering + TJM series aggregation and injects series into analysis.
apps/extension/src/lib/core/scoring/onboarding-preview.ts	Adds deterministic reference mission + pure onboarding preview scoring.
apps/extension/src/lib/core/cv/group-experiences.ts	Adds pure experience grouping by year projection.
apps/extension/src/dev/chrome-stubs.ts	Updates dev stubs to honor TJM period filtering.
apps/extension/src/background/index.ts	Updates background handler to apply period windowing when building TJM analysis.

---

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

[chatgpt-codex-connector]

💡 Codex Review

pulse/apps/extension/src/ui/pages/ApplicationsPage.svelte

Lines 155 to 157 in 17966c5

	const weekActivities = $derived.by(() => {
	const oneDayAgo = Date.now() - 24 * 60 * 60 * 1000;
	return overviewActivities.filter(({ timestamp }) => timestamp < oneDayAgo).slice(0, 4);

Restrict the weekly activity list to seven days

When the tracking history contains entries older than a week, this predicate includes every entry before the 24-hour cutoff, so months-old decisions are displayed under “Cette semaine.” Add a lower bound such as seven days ago (while retaining the upper one-day bound) so the journal does not misrepresent stale activity as recent.

---

pulse/apps/extension/src/ui/organisms/OnboardingFlow.svelte

Lines 297 to 298 in 17966c5

	bind:value={tjmMin}
	onchange={() => patch({ tjmMin: Math.max(0, Number.parseInt(tjmMin, 10) || 0) })}

Update the onboarding preview on every TJM keystroke

The preview derives its score from snapshot.profile, but these handlers patch that snapshot only on the input's change event, which normally fires on blur rather than while typing. The displayed “Aperçu en direct” therefore remains stale as the user edits either TJM bound and updates only after focus leaves the field; patch from oninput (while retaining the local string needed for editing) so the advertised live feedback actually follows each edit.

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[guyghost]

Both findings from the review are fixed in 720da01:

weekActivities only filters timestamp < oneDayAgo with no lower bound, so months-old entries render under "Cette semaine"

Added a 7-day lower bound (timestamp >= sevenDaysAgo && timestamp < oneDayAgo), keeping the 4-entry slice.

TJM min/max inputs patch the snapshot on onchange, which fires at blur — the "Aperçu en direct" is stale while typing

Switched both inputs to patch on oninput, which also restores conformance with the onboarding-live-preview model invariant (recalculate on every keystroke, no debounce). Verified: ApplicationsPage tests (14 passed), typecheck, full ci:check green.