SWAT canvas app

Full interactive review build

This version runs as a complete single-page canvas app with working tabs, expandable rows, a slide-over drawer, feedback toasts, and modal examples.

Project Dashboard

Project and batch overview

Active projects
14
Open batches
38
Client reviews
7
On hold
5

Cyber Fleet

PRJ-2403112 batches
In Progress
Margin18.4%
Cost$84,200
Revenue$103,100

Atlas Creatures

PRJ-240458 batches
In Review FR
Margin21.1%
Cost$56,800
Revenue$69,000

Vehicle Pack R2

PRJ-240523 batches
Completed
Margin16.8%
Cost$41,400
Revenue$49,700
Project Edit

Info, software, team, and batch management

Open
Project information
Software

Toolchain, plugins, and pipeline integrations go here.

Project team
Priya SharmaProject Manager
Aman RaoBatch Manager
Dev SinghLead
Mina K.Client Coordinator
Batch Mgmt

Batch configuration and lifecycle controls go here.

Batch Master

Batch information, team, stages, and financials

In ProgressHigh
Batch summary
Batch code
BAT-031-A
Assets
46
Start
02-Apr-2026
Delivery
30-Apr-2026
Team

Batch team allocation and staffing controls.

Stage readiness
Financial snapshot
Target cost
$28,500
Actual cost
$27,420
Revenue
$34,900
Margin
21.4%
Task Planner

Two-level collapsible batch table

Asset / TaskOwnerStatusPriorityEstimateDue DateActions
Interceptor VehicleLead: Dev Singh42.0h04-May-2026
Hi-PolyAnkitOpenLow8.5h01-May-2026
Low PolyMahirIn ProgressMedium11.0h29-Apr-2026
TextureNidhiIn Review FRHigh7.0h02-May-2026
Cargo DroneLead: Sana Qureshi31.5h08-May-2026
≡

No assets in this batch

Use this state for an empty Task Planner instead of leaving a blank table area.

Kanban Board

Pipeline column view for all roles

Open 12
Interceptor Vehicle
Hi-Poly · BAT-031-A
Assignee: Ankit
LowOpen
In Progress 18
Cargo Drone
UV · BAT-031-A
Assignee: Mina
MediumIn Progress
In Review FR 6
Battle Tank
Texture · BAT-029-C
Assignee: Saurabh
HighIn Review FR
Client Review 7
Scout Bike
Animation · BAT-021-B
Due: 29-Apr-2026
HighClient Review
Artist Dashboard

Personal task card list

Today

Interceptor Vehicle

In Progress
Low Poly · BAT-031-A
AssigneeMahir
Due29-Apr-2026

Cargo Drone

Open
Rigging · BAT-031-A
AssigneeKunal
Due03-May-2026
Task Panel

Slide-over style panel with workflow tabs

Selected task

Interceptor Vehicle · Texture

Use this area for task summary, attachments, history, and quick actions.

StatusIn Review FR
PriorityHigh
Estimate7.0h
ReviewerFarah
Status changed to In Review FR

Submitted by Nidhi at 11:12 AM.

Interpretation fix requested

Adjust silhouette from client note.

FR round 2 started

Reviewer Farah opened a new review round.

FR Round 2

Open review notes from Farah and client.

ReviewerFarah
Open comments5
Latest updateToday 11:12
QC Checklist

Validate topology, UVs, and naming before final submit.

TopologyPass
UVPending
NamingPass
Attachments

Latest files and references for this task.

texture_v07.psd14.2 MB
client_notes_round2.pdf1.1 MB
Global Feedback

Project-level feedback list

✉

No project-level feedback yet

This empty state follows the one icon, one title, one sentence, one optional CTA pattern.

UI controls

Theme-aligned control states and patterns

Buttons
Radio Buttons
Checkbox / Switch
Date / Time
Text Box / Input
Dropdown / Multi Select
Tree
  • Project · Cyber Fleet
    • Batch · BAT-031-A
      • Asset · Interceptor Vehicle
      • Asset · Cargo Drone
    • Batch · BAT-031-B
      • Asset · Scout Bike
Modals and dialogs

Creation and destructive confirmation examples

Create Batch
Standard modal · centered · context preserved
Delivery date must be after start date.
Remove team member?
This will unassign the user from all open sub-tasks in the batch.

Destructive actions are outlined on first appearance and only become filled red in the final confirmation dialog.

Send Batch For Approval
Approval modal with context summary and deadline
Batch
BAT-031-A
Assets Ready
42 / 46
Pending QA
4
Approval deadline
30-Apr-2026, 06:00 PM
Batch Created Successfully
Lightweight confirmation dialog after create actions

Batch BAT-040-A has been created and assigned to the current project. You can continue adding assets now or return to dashboard.

UI patterns

Tooltips, skeletons, and toasts

Tooltip examples

Hover the underlined labels below.

Overdue dateAsset rowTask panel
Loading skeleton
Create Batch
Standard modal · centered · context preserved
Delivery date must be after start date.
Remove team member?
This will unassign the user from all open sub-tasks in the batch.

Destructive actions are outlined on first appearance and only become filled red in the final confirmation dialog.

Send Batch For Approval
Approval modal with context summary and deadline
Batch
BAT-031-A
Assets Ready
42 / 46
Pending QA
4
Approval deadline
30-Apr-2026, 06:00 PM
Batch Created Successfully
Lightweight confirmation dialog after create actions

Batch BAT-040-A has been created and assigned to the current project. You can continue adding assets now or return to dashboard.