MotirBuilding in public
MOTIR · moooon
onMotir
You’re viewing a public project. Anyone can view it — no account needed. Sign in to submit, upvote, or comment on requests.View-only — you can’t edit work items
MOTIR-764

6.14.12 Design — the public work-item read-only DETAIL page (public chrome + header + body + child/sub-issue panel + public-safe sidebar; normal & private-epic-placeholder states)

Done
Description

Type: design · Blocks: 6.14.11 / MOTIR-763 (the public work-item DETAIL page code) → and transitively 6.14.6 / MOTIR-436 · Discovered in: motir run 6.14.11, 2026-06-15 (the design gate)

Why this exists

6.14.11 builds a read-only PUBLIC work-item detail page at /p/[identifier]/items/[key]. The design gate found no mockup for that surface, so it cannot be built without improvising UI (forbidden — design-reference rule / mistake #31):

  • design/public-projects/ (6.12.1) has panels for Overview, board/list, roadmap, submit+dedupe, the request detail, make-public, and the overview editor — but no work-item detail panel. Its board cards are only described as "navigable to the read-only work item" (design-notes.md:207); that destination page is never drawn.
  • design/epic-privacy/ (6.14.1) panel 3 depicts only the privacy-placeholder state (a private epic's child panel showing "this epic is not public"), on the authed detail layout — not the general public detail page with public chrome and a normal child list.

Deliverable (the three-file design asset — definition of done)

Under design/public-projects/ (mirror 1.0.5 / 1.2.1 / 1.5.1 conventions): (1) an updated design-notes.md section, (2) public-item-detail.mock.html (built ONLY from shipped components/ui/* + --el-* colour + [data-display-style] shape tokens — no Tier-0 --color-*, no raw rounded-*/p-*/h-*), (3) public-item-detail.png (full-page Playwright export, light theme, deviceScaleFactor 2, width ~1200).

Must specify

  • Public chrome reused from public-projects panel 2: the .pub-topbar, the public banner ("View-only — you can't edit work items"), and the Board / Work items / Roadmap sub-bar nav.
  • Detail header: IssueTypeIcon (kind hue) + identifier + title + status Pill.
  • Public-safe body: description / publicOverviewMd per the 6.12.4 projection — NO assignee, estimate, story points; internal comments hidden.
  • The CHILD / sub-issue panel (a Card + SectionLabel), in BOTH states: (a) NORMAL — a list of public-safe children, each navigable to its own public detail page; (b) PRIVATE-EPIC — the "this epic is not public" placeholder, reusing the exact copy + EmptyState treatment from design/epic-privacy/ panel 3.
  • Public-safe sidebar: Status / Type shown; Children / Progress → "Hidden" for a non-member on a private epic (the 6.14.4 stripped tells).
  • States: empty (no children), loading, error, and the not-found/non-public path.
  • Mirror product (rung 1): GitLab / Linear public read-only item views (flat, no edit affordances).

Note

A sibling public TREE view (MOTIR-761 / 6.14.10) needs a design too; the public chrome is shared. Consider a single coherent "public read-only work-item views" design + Story (motir plan) instead of piecemeal — see the report.