Redesign board workspace

[afurm]

Summary

• Problem: the board workspace was hard to scan, repeated empty-column UI dominated the page, focus areas were only informational, and mobile did not provide a focused status view.
• Why it matters: Draftmora's main workflow should make active work, blocked work, and draft ideas visible quickly without requiring drag-and-drop or wide-screen scanning.
• What changed: redesigned the board command/header state, added actionable work-focus metrics, made focus areas clickable filters with counts, switched desktop to stable horizontal rails, added compact mobile status tabs, tightened empty/done states, and added per-card Move to... actions.
• What did not change: task persistence, server routes, provider/auth behavior, and task execution semantics.

Change Type

• Bug fix
• Feature
• Security hardening
• Documentation
• Chore / infrastructure

Security Impact

• New permissions or capabilities? No
• Secrets or token handling changed? No
• New or changed network calls? No
• Local storage or memory scope changed? No
• If any answer is Yes, explain the risk and mitigation: N/A

Verification

• npm audit
• npm run typecheck via npm run build
• npm test
• npm run build
• npm pack --dry-run
• UI screenshot or recording attached, if UI changed

Additional rendered QA:

• Isolated Playwright smoke at desktop 1440x900 and mobile 390x844
• Verified page identity, no framework overlay, no console issues, search clear, clear filters, card move menu, and mobile status tabs

Notes

• Linked issue: Fixes Redesign board workspace for faster scanning and mobile use #38
• Platform tested: macOS local checkout, Node/npm project scripts
• Known limitations: screenshot evidence was verified locally but not attached to this PR.

[afurm]

@codex

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 6ee4e8fc30

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[afurm]

@codex

[chatgpt-codex-connector]

Codex Review: Didn't find any major issues. Hooray!

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".