UI

User Interface Overview

The UI of the to-do app is designed for simplicity, power, and clarity—making it easy to manage both traditional and AI-assisted tasks.

Main Dashboard

When you open the app, you’ll see the Dashboard, which includes:

  • Top Bar (Header)
    • User Profile – Manage your email and password, add a personal description, and connect NeoDo with your Gmail and Google Calendar accounts.
    • Recurring Tasks – Configure tasks to run automatically on a recurring schedule.
    • Help – Link to this help page.
    • Logout – Sign out of your NeoDo account.
  • Task List Panel (Center)
    • Overdue Tasks – Tasks that have passed their due date.
    • Tasks with Upcoming Due Dates – Tasks that are approaching their deadline.
    • To-Do Lists – Collections of tasks grouped under specific themes or purposes.
      • List Title – The name of the to-do list.
      • Task Progress – Number of completed tasks versus the total number of tasks in the list.
      • List Ownership and Sharing Info – Indicates who owns the list and who it has been shared with (if applicable).
      • Hamburger Menu – A menu icon (☰) providing additional options for the list:
        • Edit – Rename the list.
        • Share – Share the list with a friend or coworker.
        • Delete – Permanently remove the list.

To do list

When you click on the list name you will see tasks

  • Task List Header
    • Title – “Today (36/41)” – shows the current list and progress (36 tasks done out of 41).
    • Icons
      ← – navigate back.
      ⇅ – possibly to reorder or sort tasks.
      + – to add a new task.
  • Multi-task mode or single task mode switch
    • Multi-task mode allows to operate on many tasks at once. You can:
      – Mark tasks as complete
      – Mark tasks as incomplete
      – Solve tasks
      – Delete selected tasks
  • Information if list is shared with someone
  • Task Items
    • Status switch
      • Status Icon – Indicates if the task is completed (✔) or not (bulb icon).
      • Status Color – describes status of executions of the task by Agent
        Grey – not sent to Agent (could be something yo need to do by yourself)
        Orange – sent to Agent and waiting for the response
        Green – Task was solved by agent
        Red – There was an issue and task wasn’t solved by Agent, you can try to send it to agent again
    • Task Name: Plain text (e.g., “Buy ingredients for onion soup”).
      • Labels
      • Due Dates: Shown in red (e.g., “13 Mar 25”) when overdue or scheduled.
      • Hamburger Menu (≡)
        • Edit – edit task name or description
        • Delete – delete task from the list
        • Solve – send task to be solved by Agent
        • Split – send task to be converted into subtasks
        • Transcribe – send attachment of the task to be transcribed (available only if audio file is attached)
  • Task details
    • Task Header
      • Task title: “Plan a trip to Warsaw for this weekend” – displayed prominently in bold.
      • Status indicator: A green dot to the left indicates an active or ongoing task.
      • Due date: “13 Mar 25” in red on the top-right shows the scheduled or overdue date.
      • Task menu icon (≡): To open further options like edit, duplicate, etc.
    • Agent Output Section
      • Task description – used by the Agent as instruction: “Find what is interesting to do and to see in Warsaw on 8th and 9th of February.”
      • Agent Output: Indicates content or message generated by agent.
      • Interaction Toolbar (bottom of response)
        Includes a set of action icons:
        – Copy agent’s output.
        – Possibility to regenerate output if we don’t like it.
        – Feedback for the AI-generated content.
        – Save output in PDF or DOCX (Word) format
        – Delete the Agent output.
      • Answer to output: you can continue conversation with an Agent
  • Add / Edit task
    • Title Field – Input box for entering the name of the task.
    • Description Field – A multi-line text area where users can describe the task in more detail (e.g., objectives, context).
    • Auto Solve Toggle – Switch labeled “Auto Solve” – enables the agent to automatically execute the task.
    • Recurring Task Toggle – Allows setting the task as recurring.
    • File Attachment – Drag-and-drop area labeled “Drop files here or browse files” for attaching documents or files to the task.
    • Due Date Selector – Date input field labeled “Due Date” (with a calendar icon) for setting when the task is due.
    • Add Labels – Dropdown to assign tags or categories to the task (e.g., “fun”, “work”).
    • Save & Cancel Buttons

Recurring tasks

Each row represents a separate recurring task, and includes:

  • Toggle Switch – Positioned to the left of each task, this enables or disables the recurrence.
  • Name of the list – where instance of the task will be created
  • Task Label – Descriptive title (e.g., Prepare article about the interesting topic, movie recommendation).
  • Schedule Details
    • Example: “Daily at 03:00 PM · Auto”
    • Indicates frequency and time of execution.
    • Auto suggests the task will be performed or generated automatically by an agent.
  • Hamburger menu (≡)
    • Possibility to edit or delete recurring tasks.

When you click on the task name you can see additional details related to selected task:

  • Description
  • Frequency
  • Next execution date
  • Auto solve status
  • Attached files

Account settings

  • Update Name and Email – Change your personal details such as name and email address.
  • Add Personal Information – Provide a short description about yourself. This helps NeoDo’s agents tailor their communication style. For example, if you describe yourself as a high school student, responses will be simpler than if you identify as a professor.
  • Change Password – Update your account password for security.
  • Continue with GoogleLink your Gmail and Google Calendar to NeoDo. This allows agents to read and send emails on your behalf, as well as access your calendar to view or schedule events.