Skip to content

moooon

Motir

Vibe your whole project. Bring an idea — Motir's three AI layers plan it, track it, and ship it, end to end. You're looking at Motir, built in Motir.

  • Vibe Project
  • Open Source
  • AI Agent
  • AI Loop
1
requests
0
upvotes
145
planned
1,361
shipped

Motir · Work items

MOTIR-201Done

3.8.1 Design — extend design/boards/ with the corrected scale model (no "Load more"; over-cap "refine filter" banner; Done-age window)

Estimate: 40m · Depends on: 3.2.1, 3.3.1

The design asset the corrected scale UI builds against. The 3.2.1 board mockup’s scale panel draws a per-column "Load more" + a count-based terminal window; the corrected model (whole bounded set, virtualized, no "Load more", plus an over-cap warning banner) is unspecified — unspecified == no design, so this produces it FIRST (mirrors 1.0.5 / 3.2.1 / 3.3.1). Output: a design/boards/board-scale.mock.html (or an extension of board.mock.html) built from the real design system (components/ui/* + --el-*/element-shape tokens) + a PNG export + a "Board load model (Story 3.8)" section in design/boards/design-notes.md.

Specify, panel by panel: (a) a column rendering the whole bounded set with NO "Load more" footer (the scroll + virtualization is invisible; a .virt-note documents it for review); (b) the Done/terminal column windowed to the ~14-day recent set with the full count still shown; (c) the over-cap banner above the board — reuse the yellow tray treatment the 3.2.6 UnmappedStatusesTray already uses (--el-tint-yellow + an alert-triangle + the copy "This board has more than {cap} work items — refine the board filter" + a link to the (Epic-6) [Filter] seam), paired hue+icon+text (not colour-alone, finding #35); (d) the swimlane layout with the per-column "Load more" footer removed.

Acceptance criteria

  • design/boards/board-scale.mock.html + a PNG + a "Board load model (Story 3.8)" section in design-notes.md exist; built from components/ui/* + --el-*/element-shape tokens only (no Tier-0 --color-*, no raw rounded-*/p-* for control shape), AA-safe, passes the render checklist (icon viewBox, no nested buttons, prettier).
  • The mockup draws: a column with NO "Load more" (virtualized whole set), the Done-age windowed terminal column, the over-cap "refine filter" banner (hue + icon + text), and the swimlane layout sans load-more footer.
  • design-notes.md names the composing primitives (the tray/banner reused from 3.2.6, --el-tint-yellow, the virt-note), states the cap is a generous bound (still finding-#57-bounded, not "load all"), and that the [Filter] link is the Epic-6 seam (disabled until then).

Context refs

  • design/boards/board.mock.html (scale panel) + swimlanes-wip.mock.html + design-notes.md (3.2.1 / 3.3.1) — the base this extends; the existing "Load more"/terminal-window panels it replaces
  • app/(authed)/boards/_components/UnmappedStatusesTray.tsx (3.2.6) — the yellow-tray banner treatment to reuse for the over-cap warning
  • Jira "maximum number of viewable issues exceeded for this board" warning + the 5,000-issue cap + the 14-day Done window (the verified mirror, rung 1); finding #35 (not colour-alone); notes.html mistake #33