Add underline, arrow, and subtitle href structure

[KATIETOLER]

New style structure for Contextual Nav
This adds a subtitle that is also a link.
This will allow the subtitles to link back to previous nav contexts.

• Adds underline to subtitle if it is an href
• Adds arrow on the left of the subtitle to indicate navigation
• Adds some padding to account for new UI elements
• Adds new icons for the nav: [action, usage, slash-forward, workflows, support, settings, overview, house]

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
holocene	Ready	Preview, Comment	Mar 20, 2026 5:48pm

[bilal-karim]

For the back arrow icon, subtitle link, and the expand/collapse icon, can we update to indigo/100 from our colors? Reason being to further differentiate them for other nav items.

[bilal-karim]

I don't know if you want to tackle this as part of this PR, but I just want to make sure the icons are all lined up nicely like this screenshot. You might have to play around with spacing. Happy to a pair session on this.

[GraceGardner]

I don't know if you want to tackle this as part of this PR, but I just want to make sure the icons are all lined up nicely like this screenshot. You might have to play around with spacing. Happy to a pair session on this.

Hey @bilal-karim I think that this is something we should talk about. We have been struggling with Icon's lately. Sometimes they seem to be not quite square even after doing the whole download format thing. I think that's why the team brought up the Icon's in the last FEUX meeting. I think we might want to find a better system for getting the Icon's right. The formatting should be consistent on the FE side so really if we can get the Icons to all be exact, It should automatically line up perfectly. Any more thoughts on how to get the icons right? We would appreciate any help you can give us on the icons front for sure. It's a pain point for the whole team.

My personal thoughts are to get the couple of padding tweaks in and then get this in. We can follow up with getting the icons right, unless there's a way to get that done quickly?

[KATIETOLER]

I don't know if you want to tackle this as part of this PR, but I just want to make sure the icons are all lined up nicely ...

---

I'll add a new screenshot with the new icons once I have them in place in Cloud and have linked everything up, then ya'll can judge if they're centered etc. I just wanted to show the dividers initially, next time I'll make a more explicit note about the repo context.

[bilal-karim]

Sounds good, thanks @KATIETOLER and @GraceGardner. Let's talk about icons separately once everything is linked up.

[temporal-cicd]

	Warnings
⚠️	📊 Strict Mode: 1 error in 1 file (0.1% of 1089 total) src/routes/(app)/+layout.svelte (1) L62:23: Argument of type '(namespace: string) => { namespace: string; onClick: (namespace: string) => void; }' is not assignable to parameter of type '(value: string | null | undefined, index: number, array: (string | null | undefined)[]) => { namespace: string; onClick: (namespace: string) => void; }'.

Generated by 🚫 dangerJS against 1606271

[GraceGardner]

Is this replacing the workflow icon?

[KATIETOLER]

yes. It is.