Build My Work Tab

[chadw-eten]

Fluent Mobile is a companion app for oral Bible translators working in remote, low-connectivity environments. These users — often low-literacy and low-tech — need an immediate, unambiguous entry point into their work. This screen is the first thing a user sees after login. It must show assigned chapters and function fully offline after at least one prior online session.

Functional Requirements

Page Header

• Background: Fluent blue #0B50D0
• Centered white Fluent logo SVG
• Display a settings icon (li:settings) in the top left; tapping it navigates to the Settings page (Build Settings Page with Gear Icon Entry Point #40).
• Display a cloud sync status icon in the top right corner; see Build Cloud Sync Status Icon #38 for the full icon and overlay spec. Because the header is always blue (#0B50D0), render the gray-state icons in white (#FFFFFF) rather than gray.

Top-Level Tabs

• Render two full-width tabs below the page header: My Work (li:list-check) and Projects (li:book-open).
• Default to My Work tab selected on load.
• See Build Projects Tab #32 for the Projects tab spec.

My Work Tab

• Display a flat, scrollable list of chapters actively assigned to the current user.
• Exclude completed chapters — chapters where all workflow stages are done do not appear in this list.
• Each chapter row displays:
  • book and chapter name (e.g. "Luke 4"),
  • a workflow status badge,
  • a sync state indicator icon,
  • the date of last activity on that chapter,
  • and a right-facing arrow li:chevron-right indicating drilldown navigation.
• When Tier 1 content (source audio and source text) has not been downloaded for a chapter, display a muted gray outline chip with a li:cloud-off icon and the label "Source not downloaded" alongside the workflow status badge; the chip disappears once Tier 1 content is available.
• Sync state indicator appears as a small icon alongside the chapter name and reflects the upload state of that chapter's work:
  • Synced to Fluent: li:cloud-check, green (#16A34A)
  • Saved on device only: li:cloud, gray (#6B7280)
  • No work recorded yet: no indicator shown
• Omit the status badge on chapters with no workflow stage recorded.
• Omit the last activity date on chapters with no recorded activity.
• Tapping a chapter row navigates the user into the drafting/checking flow for that chapter.
• List chapters in canonical Bible order. Expose no sort controls.

Workflow Status Badge Colors

Badge colors follow the canonical spec in #33. My Work surfaces Draft and Peer Check stages only.

My Work Tab — Empty State

• When the chapter list is empty for any reason, display: "You don't have any chapters to work on right now. Check the Projects tab to find available work."

[mattrace-gloo]

Ready for review @chadw-eten