Refresh the specrail feature navigator UI

[Copilot]

The feature navigator UI was functionally complete but visually dense: too much repeated summary content, cramped spacing, and weak hierarchy made it harder to scan. This updates the navigator to feel more modern and intentional, with subtler color, cleaner layout, and lightweight decorative depth.

• Top-level hierarchy

  • Replaced the redundant dashboard-style summary with a single hero panel that carries the key context for each view.
  • Added dedicated hero treatments for both feature selection and outcome selection so users get immediate orientation without extra noise.

• Visual refresh

  • Shifted the shell to softer surfaces, restrained gradients, rounded geometry, and lighter visual chrome.
  • Improved depth with subtle glassmorphism, shadows, glow layers, and a small 3D illustration treatment in the hero instead of more textual clutter.

• Space and readability

  • Increased padding and spacing across headers, cards, banners, and section blocks.
  • Reduced crowding in action rows and card summaries to make the workflow easier to scan.
  • Tightened the console footprint so more vertical space goes to the actual navigator content.

• Card and workflow polish

  • Updated buttons, cards, badges, and empty states to align with the refreshed shell.
  • Kept the existing workflow stepper and action model intact while making the UI read more like a focused control center than a dense settings panel.

• Targeted UI resource coverage

  • Extended the MCP server UI-resource test to assert for the refreshed navigator shell markers so the embedded app contract stays covered.

<section class="hero-panel">
  <div class="hero-copy">
    <div class="hero-kicker">Workspace overview</div>
    <div class="hero-title-row">
      <div class="hero-title">Shape the next verified milestone</div>
      <span class="hero-pill">Active feature</span>
    </div>
  </div>
</section>

[SamMRoberts]

@copilot do you have a screenshot of the UI that you can share?

[Copilot]

@copilot do you have a screenshot of the UI that you can share?

Yes — here’s a screenshot of the refreshed UI from d3f29ff:

If you want, I can also add an outcome-detail screenshot in a follow-up.

[SamMRoberts]

@copilot do you have a screenshot of the UI that you can share?

Yes — here’s a screenshot of the refreshed UI from d3f29ff:

If you want, I can also add an outcome-detail screenshot in a follow-up.

@copilot yes give me outcome and related test screenshots

[Copilot]

@copilot do you have a screenshot of the UI that you can share?
...

Here are the additional screenshots from d3f29ff:

Outcome view:

Related tests expanded: