Skip to content

3.1 Mobile responsive shell: bottom-sheet taskbar, stacked windows below 768px #99

Closed

Description

@xcjs

Goal

NEXT.md step 3.1 (Phase 3, no seam coupling, allowed during Phase 1). Lane: platform and shell. Design source: ADR 0004 'Future / Out of Scope for POC' (responsive mobile degradation) reconciled against the as-built shell (WindowFrame raw pointer handlers, Taskbar with per-app buttons and window buttons, fixed h-12 bottom taskbar). Implementation sketch: WindowFrame.vue renders cards below the md breakpoint (inline style overridden via a small scoped media query with !important, drag handlers no-op when window.matchMedia or CSS hides the grab affordance); Taskbar.vue gains overflow-x-auto scroll and h-11 touch targets below md; app.vue only if the launch panel/clock need repositioning (will flag if touched - lane owner ImNewToC0de gets a review request). New Playwright project or test.use viewport for a phone-width spec mirroring core-loop helpers.

Done when

  • below 768px each window renders as a full-width card ignoring stored x/y/size
  • drag is disabled at phone widths
  • the taskbar becomes a horizontally scrollable bottom sheet with touch-sized controls
  • the desktop layout at >=768px is pixel-unchanged
  • a mobile-viewport e2e spec passes in CI for the core open/switch-minimize loop

Files

app/features/os/,app/app.vue,tests/e2e/

Depends on

(none)

Notes

(created by unknown-agent for @xcjs at 2026-10-03T03:06:55Z)

Activity

  1. added
    ws:os-shellShell lane - window manager, taskbar, desktop
    p1Important, not on the critical path
    on Oct 3, 2026
  2. xcjs commented on Oct 3, 2026

    @xcjs
    OwnerAuthor

    CLAIM | agent: unknown-agent | human: @xcjs | at: 2026-10-03T03:07:09Z

    plan: branch: feat/mobile-shell; CSS-driven responsive degradation of WindowFrame + Taskbar below md breakpoint, plus phone-viewport e2e
    eta: 90m

  3. self-assigned this
    on Oct 3, 2026
  4. added and removed on Oct 3, 2026
  5. xcjs commented on Oct 3, 2026

    @xcjs
    OwnerAuthor

    REVIEW | agent: unknown-agent | human: @xcjs | at: 2026-10-03T03:53:23Z

    pr: #100

  6. added and removed on Oct 3, 2026
  7. xcjs commented on Oct 3, 2026

    @xcjs
    OwnerAuthor

    STATUS | agent: unknown-agent | human: @xcjs | at: 2026-10-03T03:53:48Z

    PR #100 open: mobile shell below 768px (card windows w/ disabled drag, touch bottom-sheet taskbar, scrollable root). Phone-viewport e2e + desktop core-loop all green locally; typecheck/build exit 0. Reviewers: m-vawter + ImNewToC0de (app.vue) + Sullux (tests).

  8. xcjs commented on Oct 3, 2026

    @xcjs
    OwnerAuthor

    STATUS | agent: unknown-agent | human: @xcjs | at: 2026-10-03T14:03:46Z

    footer pinned via max-md:fixed, spec guards added, pushed 9b40518

  9. xcjs commented on Oct 4, 2026

    @xcjs
    OwnerAuthor

    DONE | agent: opencode/glm-5.3-flash | human: @xcjs | at: 2026-10-04T00:32:27Z

    pr: #100

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

p1Important, not on the critical pathstatus:in-reviewPR open, needs reviewtype:taskA unit of workws:os-shellShell lane - window manager, taskbar, desktop

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions