> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hitl.sh/llms.txt
> Use this file to discover all available pages before exploring further.

# Home Screen

> Navigate the HITL.sh mobile app home screen to view pending requests and manage your review workload

# Home Screen

The HITL.sh mobile app home screen is your central hub for managing review requests on the go. Designed for efficiency and ease of use, it provides quick access to all the information you need to make informed decisions.

## Home Screen Overview

<Frame>
  <img src="https://mintcdn.com/hitl/jwtPbPwD0u9j8zRm/images/integrations/mobile-pics/home-page-loop-requests.png?fit=max&auto=format&n=jwtPbPwD0u9j8zRm&q=85&s=fe38969d3b2f6a10976dfbb20eb8f510" alt="HITL.sh mobile app home screen showing pending requests and navigation" style={{maxWidth: '350px', margin: '0 auto'}} width="1530" height="3036" data-path="images/integrations/mobile-pics/home-page-loop-requests.png" />
</Frame>

The home screen is organized into several key areas:

* **Header Section**: Quick stats and navigation menu
* **Request Queue**: List of pending requests requiring your review
* **Quick Actions**: Common tasks and shortcuts
* **Status Indicators**: Visual cues for request priority and status

## Header Section

### Profile and Stats

<CardGroup cols={2}>
  <Card title="Profile" icon="user">
    * Your name and role
    * Current availability status
    * Skills and expertise areas
    * Performance metrics
  </Card>

  <Card title="Quick Stats" icon="bar-chart">
    * Pending requests count
    * Today's completed reviews
    * Average response time
    * Quality score
  </Card>
</CardGroup>

### Navigation Menu

Access all app features from the main menu:

<AccordionGroup>
  <Accordion title="Home">
    Return to the main dashboard with pending requests.
  </Accordion>

  <Accordion title="My Requests">
    View all requests assigned to you, including completed ones.
  </Accordion>

  <Accordion title="Team Overview">
    See team performance and workload distribution.
  </Accordion>

  <Accordion title="Settings">
    Configure notifications, preferences, and account settings.
  </Accordion>
</AccordionGroup>

## Request Queue

### Pending Requests List

The main section displays all requests waiting for your review:

<Card title="Request Cards" icon="file-text">
  Each request card shows:

  * **Content Preview**: First few words or image thumbnail
  * **Request Type**: Text, image, video, or document
  * **Priority Level**: Visual indicator (low, normal, high, urgent)
  * **Time Remaining**: Countdown to response deadline
  * **AI Confidence**: How confident the AI was in its analysis
</Card>

### Request Prioritization

Requests are automatically sorted by:

<Steps>
  <Step title="Priority Level">
    Urgent requests appear at the top of the queue.
  </Step>

  <Step title="Response Time">
    Requests approaching their deadline are highlighted.
  </Step>

  <Step title="Your Expertise">
    Requests matching your skills are prioritized.
  </Step>

  <Step title="Queue Position">
    First-in, first-out ordering for equal priority requests.
  </Step>
</Steps>

### Request Status Indicators

Visual cues help you quickly understand request status:

<CardGroup cols={2}>
  <Card title="Priority Colors" icon="palette">
    * **Green**: Low priority, normal response time
    * **Yellow**: Normal priority, approaching deadline
    * **Orange**: High priority, requires attention
    * **Red**: Urgent priority, immediate action needed
  </Card>

  <Card title="Status Icons" icon="info">
    * **Clock**: Request is waiting for review
    * **Alert**: Request is approaching deadline
    * **Star**: Request matches your expertise
    * **Flag**: Request has been flagged for special attention
  </Card>
</CardGroup>

## Quick Actions

### Review Actions

Common actions available from the home screen:

<CardGroup cols={2}>
  <Card title="Start Review" icon="play">
    Begin reviewing a selected request immediately.
  </Card>

  <Card title="Batch Review" icon="layers">
    Review multiple similar requests together.
  </Card>

  <Card title="Mark for Later" icon="bookmark">
    Save requests for review when you have more time.
  </Card>

  <Card title="Request Help" icon="help-circle">
    Get assistance from team members or supervisors.
  </Card>
</CardGroup>

### Filtering and Search

Find specific requests quickly:

<AccordionGroup>
  <Accordion title="Content Type Filter">
    Filter by text, image, video, or document requests.
  </Accordion>

  <Accordion title="Priority Filter">
    Show only high-priority or urgent requests.
  </Accordion>

  <Accordion title="Search Function">
    Search requests by content, user, or keywords.
  </Accordion>

  <Accordion title="Date Range">
    Filter requests by submission date or deadline.
  </Accordion>
</AccordionGroup>

## Request Details

### Quick Preview

Tap on any request card to see more details:

<Frame>
  <img src="https://mintcdn.com/hitl/jwtPbPwD0u9j8zRm/images/integrations/mobile-pics/history-request-details.png?fit=max&auto=format&n=jwtPbPwD0u9j8zRm&q=85&s=ad1731f461b4ea794b1a5219ce74e3ca" alt="Mobile app showing request details with context and response options" style={{maxWidth: '350px', margin: '0 auto'}} width="1530" height="3036" data-path="images/integrations/mobile-pics/history-request-details.png" />
</Frame>

**Preview Information:**

* **Full Content**: Complete text, image, or video
* **AI Analysis**: Confidence scores and flagged issues
* **Context**: User information, submission time, source
* **History**: Previous similar requests and decisions

### Quick Decision

Make decisions directly from the preview:

<CardGroup cols={2}>
  <Card title="Approve" icon="check">
    Content passes review and can proceed.
  </Card>

  <Card title="Reject" icon="x">
    Content fails review and should be blocked.
  </Card>

  <Card title="Needs Changes" icon="edit">
    Request modifications before approval.
  </Card>

  <Card title="Escalate" icon="arrow-up">
    Send to senior reviewer for additional review.
  </Card>
</CardGroup>

## Notifications

### Push Notifications

Stay informed about new requests and deadlines:

<Card title="Notification Types" icon="bell">
  * **New Request**: New content assigned for review
  * **Deadline Alert**: Request approaching response time
  * **Escalation**: Request escalated to you
  * **Team Update**: Important team announcements
</Card>

### Notification Settings

Customize your notification preferences:

<AccordionGroup>
  <Accordion title="Request Notifications">
    Choose when to receive new request alerts.
  </Accordion>

  <Accordion title="Deadline Alerts">
    Set how far in advance to warn about deadlines.
  </Accordion>

  <Accordion title="Team Updates">
    Receive notifications about team activities.
  </Accordion>

  <Accordion title="Quiet Hours">
    Set times when notifications are silenced.
  </Accordion>
</AccordionGroup>

## Performance Tracking

### Personal Metrics

Monitor your review performance:

<CardGroup cols={2}>
  <Card title="Response Time" icon="clock">
    * Average time to complete reviews
    * Comparison with team averages
    * Improvement trends over time
  </Card>

  <Card title="Quality Score" icon="target">
    * Decision accuracy rating
    * Consistency with team decisions
    * Feedback from supervisors
  </Card>

  <Card title="Volume Metrics" icon="bar-chart">
    * Requests reviewed per day
    * Peak activity times
    * Workload distribution
  </Card>

  <Card title="Skill Development" icon="graduation-cap">
    * New skills acquired
    * Training completed
    * Expertise areas expanded
  </Card>
</CardGroup>

### Team Insights

View team performance and workload:

<Frame>
  <img src="https://mintcdn.com/hitl/jwtPbPwD0u9j8zRm/images/integrations/mobile-pics/history-of-requests.png?fit=max&auto=format&n=jwtPbPwD0u9j8zRm&q=85&s=ca7b1000351a91fe88723050a86444b0" alt="Mobile app showing request history with completed, pending, and timed out requests" style={{maxWidth: '350px', margin: '0 auto'}} width="1530" height="3036" data-path="images/integrations/mobile-pics/history-of-requests.png" />
</Frame>

**Team Metrics:**

* **Overall Workload**: Total pending requests across the team
* **Response Times**: Team average response times
* **Quality Metrics**: Team decision consistency
* **Workload Balance**: Distribution of requests across reviewers

### Request History Tabs

<Tabs>
  <Tab title="Completed Requests">
    <Frame>
      <img src="https://mintcdn.com/hitl/jwtPbPwD0u9j8zRm/images/integrations/mobile-pics/history-completed-tab.png?fit=max&auto=format&n=jwtPbPwD0u9j8zRm&q=85&s=56d81a8c54479470e4555940a4062ff9" alt="Mobile app history screen showing completed requests" style={{maxWidth: '350px', margin: '0 auto', display: 'block'}} width="1530" height="3036" data-path="images/integrations/mobile-pics/history-completed-tab.png" />
    </Frame>

    View all successfully completed review requests with outcomes and feedback.
  </Tab>

  <Tab title="Timed Out Requests">
    <Frame>
      <img src="https://mintcdn.com/hitl/jwtPbPwD0u9j8zRm/images/integrations/mobile-pics/history-timed-out-tab.png?fit=max&auto=format&n=jwtPbPwD0u9j8zRm&q=85&s=c6d8eac5a32f92def12e38a23c568a43" alt="Mobile app history screen showing timed out requests" style={{maxWidth: '350px', margin: '0 auto', display: 'block'}} width="1530" height="3036" data-path="images/integrations/mobile-pics/history-timed-out-tab.png" />
    </Frame>

    Track requests that exceeded their deadline and used default responses.
  </Tab>
</Tabs>

## Best Practices

### Efficient Reviewing

<Steps>
  <Step title="Regular Check-ins">
    Check the app regularly to maintain consistent response times.
  </Step>

  <Step title="Priority Management">
    Focus on high-priority requests first to meet deadlines.
  </Step>

  <Step title="Batch Processing">
    Group similar requests for more efficient review.
  </Step>

  <Step title="Quick Decisions">
    Use quick decision options for straightforward requests.
  </Step>
</Steps>

### Quality Assurance

<CardGroup cols={2}>
  <Card title="Thorough Review" icon="eye">
    Take time to examine content carefully before deciding.
  </Card>

  <Card title="Consistent Standards" icon="repeat">
    Apply the same criteria across similar requests.
  </Card>

  <Card title="Clear Reasoning" icon="message-square">
    Provide specific reasons for your decisions.
  </Card>

  <Card title="Ask for Help" icon="help-circle">
    Escalate complex requests when needed.
  </Card>
</CardGroup>

## Troubleshooting

### Common Issues

<AccordionGroup>
  <Accordion title="App Not Loading">
    * Check internet connection
    * Restart the app
    * Update to latest version
    * Clear app cache
  </Accordion>

  <Accordion title="Notifications Not Working">
    * Check notification permissions
    * Verify notification settings
    * Restart device
    * Reinstall app if needed
  </Accordion>

  <Accordion title="Request Not Updating">
    * Pull to refresh the request list
    * Check internet connection
    * Log out and back in
    * Contact support if persistent
  </Accordion>
</AccordionGroup>

## Next Steps

Ready to start reviewing requests on the go?

<Card title="Learn to Join Loops" icon="link" href="/mobile/join-loop">
  Set up your account and join review loops.
</Card>

<Card title="Master Responses" icon="message-circle" href="/mobile/responding">
  Learn how to provide effective responses to requests.
</Card>

<Card title="Download App" icon="smartphone" href="https://my.hitl.sh">
  Get the HITL.sh mobile app for iOS and Android.
</Card>
