App Modes

One platform,
every team's workflow

App Modes shape TotalApp to your role. Switch from HR to Finance to Developer in one click — your data and pinned screens stay exactly where you left them.

Workspace
Project Mgmt
HR
Finance
Developer
Creator
Writer
Marketing
app.totalapp.app/app-modes
App Modes
TotalApp
WorkspaceProject MgmtHRFinance
One platform, every team's workflowApp Modes
One-click switching
Current mode shown as a coloured pill — always…
Click to cycle forward or open the dropdown to…
Sidebar updates instantly — only the screens for…
All data, open tabs, and scroll positions are…
Manage Screens
Add screens from other modes — e.g. put the…
Remove screens you don't need — keep only what…
Changes are per-mode — your HR sidebar stays clean…
All Modes
Choose your mode, own your workflow
PM Mode
One-click switching
Manage Screens
All Modes
PM Mode
App Modes

Switch modes easily

Add screens from other…✓
Remove screens you don't…✓
Changes are per-mode…✓
Launch TotalApp
App Modes shape TotalApp to your role. Switch from HR…
App Modes
One-click switching
Manage Screens
All Modes
PM Mode
App Modes AI
App Modes shape TotalApp to your role. Switch from HR to Finance to Developer in one click — your data and pinned…
Launch TotalApp
Switch modes easilyManage Screens
One-click switching

Switch modes easily

The mode switcher button sits permanently in the top-right of the header. One click cycles to the next mode; the dropdown lists every mode so you can jump directly — no page reload, no data loss.

  • ✓
    Current mode shown as a coloured pill — always visible at a glance
  • ✓
    Click to cycle forward or open the dropdown to jump to any mode
  • ✓
    Sidebar updates instantly — only the screens for that mode appear
  • ✓
    All data, open tabs, and scroll positions are preserved when switching
Try it in the app
Manage
PM Mode
Kanban Board
Timeline
All Tasks
PM Reports
Team
My Projects
Open Tasks
24
In Progress
8
Done this week
12
TaskAssigneeStatus
Homepage wireframes Amy K. Design
Nav component build Matt O. Dev
Content for about page Zoe D. Content

Click a mode button above to switch

Manage screens8 active
Search screens…
Project Management
Kanban BoardPM Mode
TimelinePM Mode
Developer (cross-mode)
Workflow EditorDev Mode
Dev Hub TerminalDev Mode
Analytics
CRM DashboardAnalytics
Active mode
PM
PMDevHR
Toggle any screenPer mode, per tenant.
Manage Screens

Every mode is fully customisable

Modes are starting points, not prisons. Open the Manage Screens modal and add any screen from any mode to your current workspace — or remove ones you never use.

  • ✓
    Add screens from other modes — e.g. put the Workflow Editor inside your PM sidebar
  • ✓
    Remove screens you don't need — keep only what matters to your team
  • ✓
    Changes are per-mode — your HR sidebar stays clean even if you add dev tools to PM
  • ✓
    Search and filter by category to find any screen across the full 60+ app library
Browse All Apps
All Modes

Choose your mode, own your workflow

Each mode configures a purpose-built set of screens. You can always add extra screens from any mode via Manage Screens.

Workspace

Personal productivity hub for notes, documents, presentations, and personal task management.

My Notes My Tasks My Documents Presentations My Workflows My Reports

Project Management

Full project lifecycle from Kanban boards and Gantt timelines to team performance tracking.

Kanban Board Timeline All Tasks PM Reports Team My Projects

Human Resources

Complete HR suite covering employees, leave management, performance KPIs, and payroll.

Personnel List Recruitment Leave Management Performance KPI HR Reports Org Chart

Finance

Accounting, bank reconciliation, invoicing, budget forecasting, and profit & loss reporting.

Accounting Bank Reconciliation Invoicing Payroll Budget & Forecast P&L Report

Developer

AI workflow pipelines, multi-terminal environment, graph visualization, and security auditing.

Workflow Editor Dev Hub Terminal Security Hub Graph View Terminal Editor Database Tools

Creator

AI-powered image, video, and audio generation plus quiz builder and course authoring tools.

Image Creator Video Creator Audio Creator Quiz Engine Course Builder Presentation Wizard

Writer

AI-assisted long-form writing: blogs, essays, articles, stories, and ad copy with live preview.

Doc View Terminal Blog Writer Essay Writer Article Writer Storyteller Ad Writer

Marketing

Social scheduling, email campaigns, ad manager, and A/B testing in one integrated suite.

Social Scheduler Email Campaigns Ad Manager A/B Testing CRM Analytics

Explorer

Visualise your location-based data on an interactive map and explore it geographically.

Map Explorer

Sales

Pipeline and deal tracking, invoicing, eCommerce, point of sale, and purchasing for revenue-facing teams.

CRM Sales Pipeline Invoicing eCommerce Point of Sale Purchase Orders

Warehouse

Real-time stock levels, picking and packing, slotting, returns, and logistics for warehouse teams.

Warehouse Inventory Pick & Pack Warehouse Slotting Quality Control RMA Returns Logistics

Manufacturing (MOM)

Work orders, bill of materials, quality inspections, maintenance, and inventory for the production floor.

Manufacturing Quality Control Maintenance Ops Inventory Ops
PM Mode

Kanban, Timeline & Team Management

Drag cards across columns, visualise milestones on a Gantt timeline, and track every teammate's workload — all in one mode.

  • ✓
    Drag-and-drop Kanban with custom columns and card priority badges
  • ✓
    Gantt timeline with milestone markers and dependency lines
  • ✓
    Per-project AI Assistant that answers questions about your board
  • ✓
    Team view with workload bars and sprint velocity metrics
Explore PM Mode
Website Redesign4 members
TO DO
Homepage wireframes
Design · Jun 12A
Copy for about page
Content · Jun 14S
IN PROGRESS
Nav component build
Dev · Jun 10L
Hero illustration
DesignM
DONE
Brand guidelines
✓ Jun 8L
Sitemap
✓ Jun 3K
Team
ABCD
Kanban, timeline & teamAll in PM mode.
HR Mode

Personnel, Leave & Performance

The HR module runs on a dedicated dark-chrome canvas — dense tables, status badges, and an AI Assistant that reads your actual employee data.

  • ✓
    Personnel list with department, role, and contract status filters
  • ✓
    Leave calendar and approval workflow in one screen
  • ✓
    AI Reports Assistant — ask "which team has the most overtime?" from live data
  • ✓
    Performance KPIs with manager scoring and trend graphs
Explore HR Mode
Personnel list24 employees
AAmy Kane
Engineering
Active
MMatt Owens
Marketing
Active
ZZoe Davis
Finance
On Leave
SSam Young
Design
Active
Leave balance
14d
Performance
Personnel, leave & performanceOne HR mode.
Developer Mode

Workflow Editor & Dev Terminals

Build AI pipelines visually, debug with multi-feature terminals, audit security, and visualise code graphs — all switching cost-free between workspaces.

  • ✓
    Drag-and-drop AI node canvas — connect LLM nodes to output targets
  • ✓
    Dev Hub, Terminal Editor, and Security Hub terminals
  • ✓
    Graph View for codebase dependency and data flow visualisation
  • ✓
    Database tools: FlowORM, SQL formatter, schema visualiser
Explore Developer Mode
WORKFLOW EDITOR▶ Run
Text Input
source
Blog Writer
dw-content
File Write
output
Dev Hub Terminal
~/project $ run blog-pipeline
✓ source → dw-content ok
✓ output written · 2.1s
Workflow Editor & terminalsDev mode tools.