# Canvas

## Overview

The **Production Workflow Page** provides a visual overview of the production process. It displays tasks, their statuses, assigned users, deadlines, and dependencies in a clear workflow layout. 

The page allows users to manage tasks, view progress, view cost for qhole prodcution, manage in queue and update task statuses. Key components include task cards, production details in the header (client, product info, deadlines, etc.), and the ability to monitor additional tasks or components. Intuitive navigation and action buttons make it easy to track and manage complex workflows.

## **Detailed Elements and Key Actions on the Production Workflow Page**

### **Header Section**

* **Breadcrumb Navigation:** Quickly return to the main Production or parent pages.
* **Production Details:** Displays key information like production ID, product name, client, deadline, and overall progress bar.
* **Action Buttons:** Includes "More action" menu, "Info," and more for quick production-level actions.

<figure><img src="/files/g793sOOneDVaPiML0nRd" alt=""><figcaption></figcaption></figure>

### **Workflow Area**

* **Task Cards:** Each card represents a task with attributes such as:
  * Assigned users (avatars displayed).
  * Task name and progress status (e.g., *To Do*, *In Progress*, *Done*).
  * Task due date.
  * Dependency connections between tasks.
* **Components/Additional Tasks:** Shown at the bottom, allowing for efficient management of nested or related tasks.
* **Action Buttons:** "Manage Failed Tasks"
* **Zoom and Layout Options:** Customise the view for better workflow navigation.
* **Roll-back Events:**  Specify who added the task, when, and showing the reason for adding it with a message hierarchy

<figure><img src="/files/cKdCoch5HzfFKq0XUERs" alt=""><figcaption></figcaption></figure>

## **Key Actions**

### **Launch production:** Launch production directly from canvas

* Click on production progress bar
* Click  on "Start" and launch production

{% @arcade/embed flowId="qQLp2A2CAWldIUy1wITJ" url="<https://app.arcade.software/share/qQLp2A2CAWldIUy1wITJ>" %}

### **Change Production, Component or Task Status**

Update a task's state (e.g., from *In Progress* to *Done*) and update in queue state.

{% @arcade/embed flowId="9uVM8SA0p8Qhjx6xOHmA" url="<https://app.arcade.software/share/9uVM8SA0p8Qhjx6xOHmA>" %}

### **Assign/Unassign Users**&#x20;

Manage who is responsible for each task and component.

{% @arcade/embed flowId="38oUbhUhmr7Ks0RmYJn5" url="<https://app.arcade.software/share/38oUbhUhmr7Ks0RmYJn5>" %}

### **Set /** Edit **due date for Task**

Set the task due date on the canvas at once without opening the task.

1. Click on the “**Due date**” icon for the task in the upper right corner.
2. Choose the Task due date via date-picker.
3. Click "**OK**" to save changes.

{% hint style="danger" %}
Make sure that task deadline doesn't exceed the production deadline
{% endhint %}

{% embed url="<https://services-servicess-workspace.share.arcade.software/share/qrSAh3iRaWzx17vwPR7M>" %}

### Delete **due date for Task**

Delete the task due date on the canvas at once without opening the task.

1. Find the specific Task.
2. Click on the **X** on the right of “**Due date**” icon for the task to delete the Task due date.

{% @arcade/embed flowId="HQtpt2EHfTUKmr4QytaX" url="<https://app.arcade.software/share/HQtpt2EHfTUKmr4QytaX>" %}

### **View Details**&#x20;

Expand tasks or components to see more detailed information about each item. Assign a performer, change the responsible type, start or cancel a task, and much more. \
More about Task management[ find here](/manuals/production/production-workflow/task-management-on-canvas.md).

{% @arcade/embed flowId="WSfXrE9u8vVJ8817GRpe" url="<https://app.arcade.software/share/WSfXrE9u8vVJ8817GRpe>" %}

{% hint style="info" %}
If a component was taken from the warehouse, there is no way to see its task. But you can also start its production, if necessary.
{% endhint %}

### **Add additional tasks or components**&#x20;

Add additional task or component to existing workflow. By these functionality, it is possible to cover scenarios when it is necessary to add tasks to a launched production.

All additional tasks and tasks of the additional component are taken into account in the total of the progress bar. More about progress bar [here](/manuals/production/production-management/progress-bar.md).

{% @arcade/embed flowId="dLcK0fAMbx8WEAUALhOK" url="<https://app.arcade.software/share/dLcK0fAMbx8WEAUALhOK>" %}

{% hint style="info" %}
&#x20;It is also possible to add additional tasks and components to the finished production. The progress bar of production item will be recalculated accordingly.
{% endhint %}

So this page provides intuitive controls for managing complex production workflows seamlessly!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.hesh.app/manuals/production/production-workflow/canvas.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.