Skip to content

UI parity with Figma prototype: sticky sidebars, creation forms, filters, product price/availability - #884

Merged
phoebus-84 merged 3 commits into
mainfrom
ui_fixies
Aug 7, 2026
Merged

UI parity with Figma prototype: sticky sidebars, creation forms, filters, product price/availability#884
phoebus-84 merged 3 commits into
mainfrom
ui_fixies

Conversation

@phoebus-84

Copy link
Copy Markdown
Contributor

Summary

Brings the GUI closer to the Figma prototype (same-desk-33715229.figma.site) across catalog, detail pages, and creation forms.

Changes

Catalog & listing

  • Sticky catalog/filter sidebar with internal scrolling (CatalogLayout, CatalogFilterSidebar)
  • Location filter scoped to products/services (removed from designs); designs gain prototype-style power-source filter options
  • Card images fill without bottom whitespace (ProjectCardImage)
  • Complexity filter on designs using the new 1–5 scale

Project detail

  • Sticky detail sidebar with title + product price/availability from the form (ProjectDetailNew)
  • Overview section non-collapsible with collapsible body; fixed bullet indentation (DetailSection, globals.scss)
  • Redesigned "Included" mini-cards to the prototype's 104px horizontal layout (ProjectsCardsTinyProjectCard)

Creation forms

  • Prototype typography (Space Grotesk headings, IBM Plex body), section-nav labels, yellow "Publish design" button
  • Design form: complexity 1–5 slider, BOM link, new Power Requirements section (power source checkboxes + 0–1500W slider), nav reordered/hidden to match the prototype's 7 items
  • Product form: price + availability fields, persisted to metadata and shown in the detail sidebar
  • Machine creation drawer (MachineDrawer) wired to the profile Machines tab
  • Fixed "Save draf" → "Save draft" typo

SDK

  • Bumped @dyne/interfacer-client to 0.6.0 (published via the SDK repo's workflow): COMPLEXITY_OPTIONS, extended CreateMachineParams (type, location, image, tags)

Verification

  • tsc --noEmit and eslint clean
  • Browser-verified: sticky sidebars, internal filter scrolling, detail sidebar price/availability, Overview behavior, mini-cards, design form nav + power section, machine drawer
  • E2E: product price/availability edit persists and round-trips through updateMetadata

Notes

  • SDK commit: 0bf10c4 in interfacer-client

@phoebus-84
phoebus-84 merged commit dda8ab2 into main Aug 7, 2026
1 check passed
@phoebus-84
phoebus-84 deleted the ui_fixies branch August 7, 2026 13:16
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.

1 participant