feat: deep-link sidebar Layouts to specific design surface

- Sidebar Layouts items now link to /design?surface=<surfaceId>
- Design page reads ?surface= param and opens that surface directly
- DesignPage split into DesignPageInner + Suspense wrapper so
  useSearchParams works in the Next.js static build

Made-with: Cursor
This commit is contained in:
2026-03-06 14:12:29 -08:00
parent 812645cae8
commit 39167dbe45
2 changed files with 21 additions and 6 deletions

View File

@@ -338,12 +338,12 @@ export function VIBNSidebar({ workspace }: VIBNSidebarProps) {
key={s}
icon={SURFACE_ICONS[s] ?? "◌"}
label={SURFACE_LABELS[s] ?? s}
href={`${base}/design`}
href={`${base}/design?surface=${encodeURIComponent(s)}`}
collapsed={collapsed}
/>
))
) : (
<SectionRow icon="◌" label="Not configured" dim collapsed={collapsed} />
<SectionRow icon="◌" label="Not configured" dim href={`${base}/design`} collapsed={collapsed} />
)}
<SectionDivider />