Nav update icons clean by KATIETOLER · Pull Request #3095 · temporalio/ui

KATIETOLER · 2026-01-14T23:22:36Z

Nav Container Update

This PR is meant to add the underlying structure for the new nav.

Add new navigation icons

Adds buildings and cube icons to the Holocene icon library for use in
navigation updates.

Changes

New icons: Added buildings.svelte and cube.svelte icon components
Icon registry: Updated paths.ts to register new icons
Cleanup: Removed unused identities-icon.svelte
Navigation: Enhanced navigation container to support both Cloud (with
subtitle/push icon) and Self-Hosted (with chevron icon) layouts
Svelte 5 migration: Converted navigation components from slot syntax to
snippet syntax for compatibility

Technical Notes

Maintains backward compatibility for UI/Core
Conditional rendering based on isCloud and subtitle props
Supports future subtitle functionality for Cloud repo when packaged

- Add buildings.svelte icon for organizations/projects - Add cube.svelte icon for deployments/packages - Remove unused identities-icon.svelte - Update icon registry in paths.ts 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>

- Cloud with subtitle: uses push icon and new layout - Self-Hosted / Cloud without subtitle: uses chevron icon and standard layout - Maintains backward compatibility for UI/Core - Supports new subtitle functionality for Cloud repo 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>

- Convert from slot syntax to Svelte 5 snippet syntax - Update Navigation to use children and bottom snippets - Update SideNavigation to pass snippets instead of slots - Update layout to use snippet syntax for bottom nav item Fixes Vite/Svelte compilation error about mixing slot and render tags 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>

vercel · 2026-01-14T23:22:42Z

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

Project	Deployment	Review	Updated (UTC)
holocene	Ready	Preview, Comment	Jan 21, 2026 4:21pm

Addresses code review feedback to separate navigation logic into distinct components instead of using conditional rendering. - Create CloudNavBar component for Cloud nav with subtitle/push icon - Create OSSNavBar component for Self-Hosted nav with chevron icon - Update navigation-container to delegate to appropriate component - Improves code maintainability and component reusability 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>

andrewzamojc

Looks pretty good. I left a couple comments.

andrewzamojc · 2026-01-15T16:28:29Z

src/lib/components/side-nav.svelte

-      {#if item.divider}
-        <hr class="-mx-4 my-4 border-subtle" />
+<Navigation {isCloud} {bottom} aria-label={translate('common.primary')}>
+  {#snippet children()}


Nit: Children snippet is implicit, so you don't need this line {#snippet children()}. https://svelte.dev/docs/svelte/snippet#Passing-snippets-to-components-Implicit-children-snippet

src/lib/holocene/navigation/navigation-container.svelte

src/lib/holocene/navigation/oss-nav-bar.svelte

src/lib/holocene/icon/svg/folders.svelte

src/lib/holocene/icon/svg/collapse.svelte

temporal-cicd · 2026-01-15T16:54:51Z

	Warnings
⚠️	📊 Strict Mode: 3 errors in 3 files (0.3% of 1120 total) src/lib/holocene/menu/menu-container.svelte (1) L36:8: Type 'Writable' is not assignable to type 'Writable'. src/lib/holocene/navigation/navigation-container.svelte (1) L33:3: Argument of type '{ accesskey?: string \| undefined \| null; autocapitalize?: "characters" \| "off" \| "on" \| "none" \| "sentences" \| "words" \| undefined \| null; autofocus?: boolean \| undefined \| null; ... 432 more ...; xmlns?: string \| undefined \| null; }' is not assignable to parameter of type 'HTMLProps<"nav", HTMLAttributes>'. src/routes/(app)/+layout.svelte (1) L58: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 2e8b01b

andrewzamojc

LGTM 👍

Auto-generated version bump from 2.44.1 to 2.45.0 Bump type: minor Changes included: - [`4d828b96`](4d828b9) Account for potential not in conditional in custom query (#3081) - [`bead6b37`](bead6b3) Fix truncate in detail-list-text-value (#3089) - [`bb4bee6c`](bb4bee6) Bump svelte dependencies (#3097) - [`586bfe19`](586bfe1) Test section - [`4ad6cfff`](4ad6cff) Remove sisyphus and add to .gitignore (#3104) - [`0aea80f3`](0aea80f) Nav update icons clean (#3095) - [`bca75cc5`](bca75cc) make routes conditional on prop (#3106) - [`0008100b`](0008100) Add new Nexus timeout fields and translations (#3105) - [`b9939675`](b993967) Bump golang.org/x/crypto from 0.38.0 to 0.45.0 in /server (#3028) - [`5963ca9c`](5963ca9) Nav release fix/kt (#3110) - [`3cab346e`](3cab346) quick nav fix add logo and route to title (#3112) - [`f9f75d64`](f9f75d6) [DT-3501] reactive timestamp (#3108) - [`faa48e2b`](faa48e2) [DT-3501][DT-3505] 12/24 hour and ISO formats added to timezone popover (#3113) - [`068e5978`](068e597) Fix nav collapse icon (#3117) - [`d0b34226`](d0b3422) feat(workflows): show Versioning Behavior column when filtering by deployment version (#3120) - [`bd8a3556`](bd8a355) [DT-3580] Add tooltips to worker deployment version status badges (#3119) - [`f46dca00`](f46dca0) Add Portal component (#3107) - [`ef6b923e`](ef6b923) feat(deployments): make build ID and deployment name copyable and filterable (#3121) - [`6209f9b6`](6209f9b) DT-3507-fix-code-block-scrolling (#3129) - [`023f034b`](023f034) DT-3523 - standalone activities UI (#3124) - [`7199ce9e`](7199ce9) Set API to v1.60.0 (#3132)

Auto-generated version bump from 2.44.1 to 2.45.0 Bump type: minor Changes included: - [`4d828b96`](4d828b9) Account for potential not in conditional in custom query (#3081) - [`bead6b37`](bead6b3) Fix truncate in detail-list-text-value (#3089) - [`bb4bee6c`](bb4bee6) Bump svelte dependencies (#3097) - [`586bfe19`](586bfe1) Test section - [`4ad6cfff`](4ad6cff) Remove sisyphus and add to .gitignore (#3104) - [`0aea80f3`](0aea80f) Nav update icons clean (#3095) - [`bca75cc5`](bca75cc) make routes conditional on prop (#3106) - [`0008100b`](0008100) Add new Nexus timeout fields and translations (#3105) - [`b9939675`](b993967) Bump golang.org/x/crypto from 0.38.0 to 0.45.0 in /server (#3028) - [`5963ca9c`](5963ca9) Nav release fix/kt (#3110) - [`3cab346e`](3cab346) quick nav fix add logo and route to title (#3112) - [`f9f75d64`](f9f75d6) [DT-3501] reactive timestamp (#3108) - [`faa48e2b`](faa48e2) [DT-3501][DT-3505] 12/24 hour and ISO formats added to timezone popover (#3113) - [`068e5978`](068e597) Fix nav collapse icon (#3117) - [`d0b34226`](d0b3422) feat(workflows): show Versioning Behavior column when filtering by deployment version (#3120) - [`bd8a3556`](bd8a355) [DT-3580] Add tooltips to worker deployment version status badges (#3119) - [`f46dca00`](f46dca0) Add Portal component (#3107) - [`ef6b923e`](ef6b923) feat(deployments): make build ID and deployment name copyable and filterable (#3121) - [`6209f9b6`](6209f9b) DT-3507-fix-code-block-scrolling (#3129) - [`023f034b`](023f034) DT-3523 - standalone activities UI (#3124) - [`7199ce9e`](7199ce9) Set API to v1.60.0 (#3132) - [`138473c6`](138473c) Set API to v1.60.1 (#3134)

Auto-generated version bump from 2.44.1 to 2.45.0 Bump type: minor Changes included: - [`4d828b96`](4d828b9) Account for potential not in conditional in custom query (#3081) - [`bead6b37`](bead6b3) Fix truncate in detail-list-text-value (#3089) - [`bb4bee6c`](bb4bee6) Bump svelte dependencies (#3097) - [`586bfe19`](586bfe1) Test section - [`4ad6cfff`](4ad6cff) Remove sisyphus and add to .gitignore (#3104) - [`0aea80f3`](0aea80f) Nav update icons clean (#3095) - [`bca75cc5`](bca75cc) make routes conditional on prop (#3106) - [`0008100b`](0008100) Add new Nexus timeout fields and translations (#3105) - [`b9939675`](b993967) Bump golang.org/x/crypto from 0.38.0 to 0.45.0 in /server (#3028) - [`5963ca9c`](5963ca9) Nav release fix/kt (#3110) - [`3cab346e`](3cab346) quick nav fix add logo and route to title (#3112) - [`f9f75d64`](f9f75d6) [DT-3501] reactive timestamp (#3108) - [`faa48e2b`](faa48e2) [DT-3501][DT-3505] 12/24 hour and ISO formats added to timezone popover (#3113) - [`068e5978`](068e597) Fix nav collapse icon (#3117) - [`d0b34226`](d0b3422) feat(workflows): show Versioning Behavior column when filtering by deployment version (#3120) - [`bd8a3556`](bd8a355) [DT-3580] Add tooltips to worker deployment version status badges (#3119) - [`f46dca00`](f46dca0) Add Portal component (#3107) - [`ef6b923e`](ef6b923) feat(deployments): make build ID and deployment name copyable and filterable (#3121) - [`6209f9b6`](6209f9b) DT-3507-fix-code-block-scrolling (#3129) - [`023f034b`](023f034) DT-3523 - standalone activities UI (#3124) - [`7199ce9e`](7199ce9) Set API to v1.60.0 (#3132) - [`138473c6`](138473c) Set API to v1.60.1 (#3134) Co-authored-by: laurakwhit <[email protected]>

KATIETOLER and others added 5 commits January 9, 2026 14:16

Add icons and subtitle to nav, switch out chevron for future nav

a5f8488

Merge branch 'main' of github.com:temporalio/ui

21fab4d

KATIETOLER requested review from GraceGardner and rossnelson January 14, 2026 23:22

KATIETOLER requested review from a team and rossedfort as code owners January 14, 2026 23:22

KATIETOLER removed the request for review from rossedfort January 14, 2026 23:27

vercel bot deployed to Preview January 14, 2026 23:29 View deployment

KATIETOLER mentioned this pull request Jan 14, 2026

Nav update icon projects/kt #3090

Closed

Remove cube icon as it is a duplicate of namespace icon

0b0e5e7

vercel bot deployed to Preview January 14, 2026 23:38 View deployment

Fix svg scale issue

93ea50a

vercel bot deployed to Preview January 14, 2026 23:49 View deployment

too large

d3c2e54

andrewzamojc reviewed Jan 15, 2026

View reviewed changes

Fix folder icon weirdness

6ec75bf

vercel bot deployed to Preview January 15, 2026 16:54 View deployment

Fix icon name, unused conditions removal

f623017

vercel bot deployed to Preview January 16, 2026 15:54 View deployment

andrewzamojc approved these changes Jan 20, 2026

View reviewed changes

KATIETOLER added 2 commits January 21, 2026 10:59

Set navigation to default open

8458b44

Fix type errors

88bf89f

KATIETOLER requested a review from Alex-Tideman as a code owner January 21, 2026 16:13

vercel bot deployed to Preview January 21, 2026 16:14 View deployment

fix type errors seriously and with intent

2e8b01b

vercel bot deployed to Preview January 21, 2026 16:21 View deployment

KATIETOLER merged commit 0aea80f into main Jan 21, 2026
18 of 19 checks passed

KATIETOLER deleted the nav-update-icons-clean branch January 21, 2026 16:54

temporal-cicd bot mentioned this pull request Feb 4, 2026

chore: bump version to 2.45.0 #3133

Closed

temporal-cicd bot mentioned this pull request Feb 4, 2026

chore: bump version to 2.45.0 #3135

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Comments

Nav update icons clean#3095

Nav update icons clean#3095
KATIETOLER merged 14 commits intomainfrom
nav-update-icons-clean

KATIETOLER commented Jan 14, 2026 •

edited

Loading

Uh oh!

vercel bot commented Jan 14, 2026 •

edited

Loading

Uh oh!

andrewzamojc left a comment

Uh oh!

andrewzamojc Jan 15, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

temporal-cicd bot commented Jan 15, 2026 •

edited

Loading

Uh oh!

andrewzamojc left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Comments

Conversation

KATIETOLER commented Jan 14, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Nav Container Update

Uh oh!

vercel bot commented Jan 14, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

andrewzamojc left a comment

Choose a reason for hiding this comment

Uh oh!

andrewzamojc Jan 15, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

temporal-cicd bot commented Jan 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

andrewzamojc left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

KATIETOLER commented Jan 14, 2026 •

edited

Loading

vercel bot commented Jan 14, 2026 •

edited

Loading

temporal-cicd bot commented Jan 15, 2026 •

edited

Loading