Skip to content

feat(tangle-cloud): blueprint identity in nav pills + collapsed catalog filters#3245

Merged
tangletools merged 2 commits into
developfrom
feat/blueprint-chrome-nav-pills-filters
May 25, 2026
Merged

feat(tangle-cloud): blueprint identity in nav pills + collapsed catalog filters#3245
tangletools merged 2 commits into
developfrom
feat/blueprint-chrome-nav-pills-filters

Conversation

@drewstone
Copy link
Copy Markdown
Contributor

Addresses the catalog/detail chrome feedback.

1. Blueprint identity bar → top-nav pills

The blueprint detail page had a separate 52px identity strip (← Catalog + name + Create + Details) that wasted a row and pushed the iframe down. Adds a top-nav slot (useTopNavSlot + the Header's previously-empty left slot) and moves that content into the global nav as pills. The iframe now fills the full height below the topbar (calc(100vh-56px)).

2. Collapsed catalog filters

The catalog spent ~3 rows: title + search + a full-width category segmented strip. The category strip is replaced by a compact multi-select "Categories" dropdown in the toolbar (Radix popover + checkbox list), so search + categories + filters fit one row. Category selection is now multi-select (comma-joined in the URL); the filter predicate matches any selected category.

Notes

  • Pills in the nav (which you liked) are untouched.
  • Builds on the merged opaque-chrome + de-italic + iframe-fill fixes.

Test plan

  • tsc --noEmit -p tsconfig.app.json clean
  • full pre-push (lint/prettier/test/build) passed
  • Visual: detail page shows identity in the nav, iframe fills; catalog is one toolbar row with a working multi-select Categories dropdown

drewstone added 2 commits May 25, 2026 15:05
…ills

The blueprint detail page had a separate 52px identity strip (← Catalog +
name + Create + Details) that wasted a row and pushed the iframe down. Adds a
top-nav slot (useTopNavSlot / Header left slot) and relocates that content
into the global nav as pills. The iframe now fills the full height below the
topbar (calc(100vh-56px)).
…dropdown

The catalog spent ~3 rows on title + search + a full-width category segmented
strip. Replace the category strip with a compact multi-select "Categories"
dropdown in the toolbar (Radix popover + checkbox list), so search +
categories + filters fit one row. Category selection is now multi (comma-
joined in the URL); the filter predicate matches any selected category.
@drewstone drewstone requested a review from AtelyPham as a code owner May 25, 2026 21:08
Copy link
Copy Markdown
Contributor

@tangletools tangletools left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nav-slot pattern is clean; category multi-select collapses the row well. typecheck + pre-push green. Approving.

@tangletools tangletools merged commit 5dd41d3 into develop May 25, 2026
@tangletools tangletools deleted the feat/blueprint-chrome-nav-pills-filters branch May 25, 2026 21:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants