Neuroglancer Views — low-fidelity wireframes

Prototype for discussion. Grayscale = proposed UI; blue notes explain a design decision. Nothing here is implemented.

Core idea A Neuroglancer View is a first-class saved object — Neuroglancer state + the datasets it shows + sharing settings. It opens embedded inside Fileglancer. A plain Neuroglancer link becomes an export of a View, not a separate saved thing.
Proposed layout Primary nav stays in the top header; the left sidebar is contextual (Favorites/Zones on Browse, Saved Views / Layer Cart sub-nav on the Views page, none on the embedded viewer). Browse gains a right-edge icon rail (like Google Workspace) that swaps the drawer between Properties and Cart. A passive cart count shows on the header NG Views link (every route) and is mirrored on the 🛒 rail icon in Browse.

Suggested click-through order

  1. Browsing → entry points — add datasets to the cart, or open one dataset straight into a scratch View.
  2. Cart drawer — track what you've collected and add new items while browsing.
  3. Views page — saved Views table + the full cart tab (Fiji-style tree → checkout).
  4. Embedded Neuroglancer View — Neuroglancer inside Fileglancer with browse-and-add, sharing, export.

1 · File browser entry points →

Per-row ⋯ menu (single-row "Add to cart" / "View in Neuroglancer"), a ClickUp-style floating selection bar for multi-row actions, header count bubble, and the Properties drawer's "Appears in N Views" (dataset → Views).

browser-entry.html

2 · Cart in the right drawer →

The Browse right-edge icon rail (Google-Workspace-style): the 🛒 Cart icon fills the drawer with collected datasets — "Create View" / "Open full Layer Cart" — while the file browser stays usable underneath.

cart-drawer.html

3 · New View → data-link consent →

What "New View from selection" looks like on Browse when automatic data links are OFF: a modal (with backdrop over the whole app) asking to create the required data links, with a "don't ask again" toggle.

new-view-consent.html

4 · Neuroglancer Views page →

Replaces the old "NG Links" page. Tab 1 = saved Views table. Tab 2 = the Layer Cart: a dataset/channel tree → "Create View".

views-page.html

5 · Embedded Neuroglancer View →

Thin Fileglancer chrome around real Neuroglancer: top bar (name/share/export/fullscreen), edit-mode banner, and the pop-out in-View data panel for live browse-and-add.

view-embedded.html