Details pane shell: grow the preview pane into a right-hand details sidebar (#530, 1/4) #538

Closed
opened 2026-09-14 02:47:57 +00:00 by Cordy · 3 comments
Owner

First slice of #530, UI-only. Grow the existing preview pane into a persistent right-hand details sidebar per the OpenCloud reference screenshots on #530: overview panel (icon/preview, last modified, owner, size, and — once they exist — version count and tags) with drill-in rows for Shares / Versions / Activities, back-chevron navigation between panels, and close. Wires up only what exists today: metadata from Stat, the shares panel from existing share links + space membership. Versions / Activities / Tags rows appear as their backends land (#530 sub-issues 2–4) — the shell must render cleanly without them.

Phone: follows the #389 pattern (sheet/takeover, not a squeezed sidebar), inside the fence gate.

Open design question from #530 (Nikola to decide at mockup review): replace the current small details window entirely, or keep the dialog on phones and grow the pane on desktop only.

House rules: mockup first, approval before implementation; i18n ×4; desktop invariant fence for any ≤819px work.

First slice of #530, UI-only. Grow the existing preview pane into a persistent right-hand details sidebar per the OpenCloud reference screenshots on #530: overview panel (icon/preview, last modified, owner, size, and — once they exist — version count and tags) with drill-in rows for Shares / Versions / Activities, back-chevron navigation between panels, and close. Wires up only what exists today: metadata from Stat, the shares panel from existing share links + space membership. Versions / Activities / Tags rows appear as their backends land (#530 sub-issues 2–4) — the shell must render cleanly without them. Phone: follows the #389 pattern (sheet/takeover, not a squeezed sidebar), inside the fence gate. Open design question from #530 (Nikola to decide at mockup review): replace the current small details window entirely, or keep the dialog on phones and grow the pane on desktop only. House rules: mockup first, approval before implementation; i18n ×4; desktop invariant fence for any ≤819px work.
Author
Owner

Mockup drawn: details-pane-538-mockup.html (design folder). Blocks: desktop sidebar in full state (with #539–#541 rows for orientation), the today-state #538 actually ships (metadata + Shares only — no placeholders for absent backends), the Shares drill-in (read-only + pointer into the real share panel), and the #389 phone sheets. The #530 decision is drawn as variants with a recommendation: A — replace the dialog everywhere, one component, phone gets the sheet; keeping the dialog on phones means every future row lands twice or phones fall behind. Build waits on markup.

Mockup drawn: `details-pane-538-mockup.html` (design folder). Blocks: desktop sidebar in full state (with #539–#541 rows for orientation), the today-state #538 actually ships (metadata + Shares only — no placeholders for absent backends), the Shares drill-in (read-only + pointer into the real share panel), and the #389 phone sheets. The #530 decision is drawn as variants with a recommendation: **A — replace the dialog everywhere**, one component, phone gets the sheet; keeping the dialog on phones means every future row lands twice or phones fall behind. Build waits on markup.
Author
Owner

Mockup approved with decisions: A — replace the dialog everywhere (phone gets the #389 sheet); Shares drill-in read-only with a pointer into the real panel (revisit after use if needed); and two empty-state rules combined — rows whose backend does not exist yet (Versions/Activity/Tags before #539–#541) do not render at all, while the Shares drill-in on an unshared file shows inline empty text OpenCloud-style ("Not shared with anyone yet." / no-public-link line). Building.

Mockup approved with decisions: **A — replace the dialog everywhere** (phone gets the #389 sheet); Shares drill-in read-only with a pointer into the real panel (revisit after use if needed); and two empty-state rules combined — rows whose backend does not exist yet (Versions/Activity/Tags before #539–#541) do not render at all, while the Shares drill-in on an unshared file shows inline empty text OpenCloud-style ("Not shared with anyone yet." / no-public-link line). Building.
Author
Owner

Shipped in v0.6.218 (PR #612), live on both dogfoods. The details dialog is gone; Details from any row's kebab now opens the pane — right-hand drawer on desktop, sheet on phones. Overview (icon, kind, size, modified, owner, path) plus the Shares drill-in (read-only grants + public-link line, inline empty state, one pointer into the share dialog). Versions/Activity/Tags rows are absent by design until #539–#541 land — no placeholders. Eyeball it in the dogfood and note any readjustments (you flagged the Shares drill-in for possible tuning after use); the shell's scope is delivered, so closing — reopen or file follow-ups from live use.

Shipped in **v0.6.218** (PR #612), live on both dogfoods. The details dialog is gone; Details from any row's kebab now opens the pane — right-hand drawer on desktop, sheet on phones. Overview (icon, kind, size, modified, owner, path) plus the Shares drill-in (read-only grants + public-link line, inline empty state, one pointer into the share dialog). Versions/Activity/Tags rows are absent by design until #539–#541 land — no placeholders. Eyeball it in the dogfood and note any readjustments (you flagged the Shares drill-in for possible tuning after use); the shell's scope is delivered, so closing — reopen or file follow-ups from live use.
Cordy closed this issue 2026-09-18 14:26:14 +00:00
Sign in to join this conversation.
No labels
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: Cordy/Cairn#538
No description provided.