Task Detail Panel

When you click any task on your Kanban board, a detailed panel slides in from the right side of your screen. This panel provides comprehensive access to all task information, editing capabilities, and related actions without leaving the board context.

The Problem This Solves

Jumping between a task list and individual task pages creates friction and loses context. You want to quickly check task details, update status, or add comments while keeping the board visible in your peripheral vision. The task detail panel solves this by overlaying task information without navigating away.

This approach follows the same pattern you find in modern email clients and IDEs: select an item from a list, see its details in a panel, make edits inline, then move to the next item.

What You Are Looking At

The task detail panel consists of two main areas: a content column on the left and a metadata sidebar on the right. The panel appears as a drawer from the right side of your screen, with a semi-transparent overlay dimming the board behind it.

The header shows breadcrumb navigation (workspace / project / task code), time tracking controls, and utility buttons for favorites, calendar, and closing. Below that, the content area displays the task title, description, checklists, related items, and comments. The right sidebar presents all metadata fields in a scannable format.

Panel Header Components

At the top left, you see the full context path: workspace name, project name, and task code. Each segment helps you confirm you are viewing the correct task, especially when working across multiple projects.

Time Estimate Progress

A visual indicator shows estimated versus tracked time. Click this element to open the time estimate modal where you can adjust the estimate. When tracked time exceeds estimates, the indicator shifts color to signal the overrun.

Time Tracking Controls

The time tracking button lets you start, pause, or stop a timer for this task. Active timers continue running even if you close the panel, making it easy to track work across your session.

Switch between drawer mode and modal mode. Drawer mode keeps the panel attached to the right edge with the board partially visible behind. Modal mode centers the task panel and expands it for focused editing.

Favorite Toggle

Mark tasks as favorites for quick access. Favorited tasks appear in your personal favorites list, separate from project organization.

Calendar Integration

Add this task to your calendar application. The integration creates calendar events with task details, helping you block time for specific work items.

Main Content Area

The left column provides the primary working area for task content.

Task Title

The title appears prominently and supports inline editing. Click the title text to enter edit mode, make your changes, then click outside or press Enter to save. The title editor validates length and required characters automatically.

Below the title, metadata shows when the task was created and by whom, providing historical context.

Cover Image

If the task has an attached cover image, it displays prominently below the title. Tasks can have image attachments that serve as visual references or mockups. The image carousel supports multiple images when available.

Description

The description section supports rich text editing with markdown formatting. Click the edit button to activate the editor, then write or modify the description. The editor supports:

Headers and text formatting
Bullet and numbered lists
Code blocks with syntax highlighting
Links and images
Task mentions using @ notation

Save your changes by clicking outside the editor or using keyboard shortcuts.

Checklists

Create checklist items to break tasks into smaller, trackable steps. Check items off as you complete them. The checklist shows overall progress and supports reordering items via drag and drop.

Add new checklist items using the input field at the bottom of any checklist. Create multiple checklists to organize different aspects of a task, such as "Development Steps" and "QA Verification".

Tabs Section

Below the core content, tabs provide access to related information:

Subtasks: Child tasks linked to this parent task
Attachments: Files uploaded to this task
Links: External references and related URLs
Activity: Chronological log of all changes

Each tab loads content on demand, keeping the initial panel load fast.

Comments

The comments section sits at the bottom of the content area. View existing comments with author, timestamp, and content. Add new comments using the input field. Comments support markdown formatting and @mentions to notify team members.

Metadata Sidebar

The right column organizes all task metadata in scannable sections.

Board Selection

If your project uses multiple boards, select which board displays this task. This affects where the task appears without changing other properties.

Workflow Status

The workflow dropdown shows all available statuses from your project's workflow configuration. Each status displays with its assigned color. Changing the workflow status here instantly moves the task to the corresponding column on the Kanban board.

Flags Section

Toggle important task states:

Draft: Mark tasks as drafts when they need refinement before work begins. Draft tasks may be excluded from certain reports and views.

Archived: Archive completed or abandoned tasks to remove them from active views without deleting. Archived tasks remain searchable and recoverable.

Blocked: Flag tasks that cannot proceed due to external dependencies. When you mark a task as blocked, you can record who blocked it and why, making blockers visible to the team.

Assignees

View current assignees with their avatars and names. Click to open the member selector and add or remove assignees. Each assignee shows as a linked card you can click to view their profile.

Tasks without assignees display an empty state prompting assignment. Multiple assignees work well for pair programming or tasks requiring coordination.

Labels

View and edit attached labels. Labels display as colored badges with their names. Click to open the label selector where you can toggle labels on and off.

Task Type

Set the task type (Bug, Feature, Improvement, etc.) using the dropdown. Each type displays with its configured color, matching how tasks appear on the board.

Effort Level

Select the effort or priority level for this task. Effort levels help with prioritization and workload balancing.

Dates

Configure task dates including:

Start Date: When work should begin
Due Date: When the task should be complete
Custom Date Fields: Any additional date fields your project has configured

Click date fields to open a date picker with calendar navigation.

Git Branches

View linked Git branches associated with this task. When you create branches following naming conventions that include the task code, they automatically link here. This provides traceability between code changes and task requirements.

Quick access to advanced operations:

Share: Generate shareable links to the task. This feature requires a Pro subscription.

History: View the complete workflow log showing all status changes with timestamps and users.

Duplicate: Create a copy of this task with the same content. Choose which fields to copy when creating the duplicate.

Move: Transfer the task to a different project. The task retains its content but adopts the new project's workflows and settings.

Delete: Permanently remove the task. Deletion requires confirmation and appropriate permissions.

AI-Powered Optimization

The AI button in the sidebar header opens optimization suggestions powered by machine learning. This Pro feature analyzes your task description and suggests improvements for clarity, completeness, and actionability.

Keyboard Shortcuts

Navigate the task panel efficiently with keyboard shortcuts:

Escape: Close the panel
Tab: Move between editable fields
Cmd/Ctrl + Enter: Save current field and move to next
Cmd/Ctrl + S: Save all pending changes

Real-Time Updates

Changes made by other team members appear automatically without refreshing. If someone updates the task status while you are viewing it, the interface reflects the change immediately. This prevents conflicts and keeps everyone working with current information.

Closing the Panel

Close the task panel by:

Clicking the X button in the header
Clicking the dimmed area outside the panel
Pressing the Escape key
Navigating to a different page

Unsaved changes prompt confirmation before closing to prevent accidental data loss.

Pro Tips

Quick edits: Double-click any metadata field to jump directly into edit mode
Keyboard navigation: Use Tab to move through fields without mouse clicks
Comments for context: Leave comments explaining decisions so future team members understand why choices were made
Link related tasks: Use subtasks and links to build relationships between work items

How to Report a Problem or Request a Feature

Your feedback matters. Here is how to share it:

If the task panel behaves unexpectedly or you want to suggest improvements to the interface, your input helps us prioritize development.

In the Sidebar, click on Support Tickets and open a ticket for the problem. Everything is interactive and fast through the GitScrum Studio platform.