diff --git a/docs/content/en/docs-v1.0.x/user-guide/managing-application/app-live-state.md b/docs/content/en/docs-v1.0.x/user-guide/managing-application/app-live-state.md
new file mode 100644
index 0000000000..0ae425dbbc
--- /dev/null
+++ b/docs/content/en/docs-v1.0.x/user-guide/managing-application/app-live-state.md
@@ -0,0 +1,51 @@
+---
+title: "Application live state"
+linkTitle: "Application live state"
+weight: 7
+description: >
+  View the real-time state and health of application resources.
+---
+
+
+`piped` continuously observes the resources of deployed applications running in your cluster.
+It reports their current state and health to the control plane, where the information is displayed in real time.
+
+This allows you to quickly understand:
+
+- What resources are currently running
+- Whether those resources are healthy
+- The overall health of the application
+
+## What is monitored
+
+For each application, `piped` tracks the live state of all related resources and components, including their metadata and health status.
+
+The application live state includes:
+
+- **Resource graph:**
+  A visual graph showing all application resources and components.
+  Each node represents a resource and displays:
+  - Resource metadata
+  - Current health status
+
+- **Application health status:**
+  The application is considered **`HEALTHY`** only when **all** of its resources and components are marked `HEALTHY`.
+
+## Viewing live state
+
+The live state is shown on the **Application Details** page in the control plane.
+
+- The graph updates automatically as resource states change.
+- This view reflects the actual state of resources in the cluster.
+
+## Inspecting a resource
+
+Clicking a resource or component node opens a panel on the right side of the screen.
+
+The panel shows detailed information about the selected resource, helping you investigate its configuration and health further.
+
+![A screenshot of the Application Details page on the Control Plane](/images/application-details.png)
+<p style="text-align: center;">
+Application Details Page
+</p>
+---
diff --git a/docs/content/en/docs-v1.0.x/user-guide/managing-application/cancelling-a-deployment.md b/docs/content/en/docs-v1.0.x/user-guide/managing-application/cancelling-a-deployment.md
new file mode 100644
index 0000000000..d0742f93a5
--- /dev/null
+++ b/docs/content/en/docs-v1.0.x/user-guide/managing-application/cancelling-a-deployment.md
@@ -0,0 +1,26 @@
+---
+title: "Cancelling a deployment"
+linkTitle: "Cancelling a deployment"
+weight: 5
+description: >
+  Learn how to cancel a running deployment using the Control Plane.
+---
+
+A running deployment can be cancelled from web UI at the deployment details page.
+
+## Canceling a Deployment
+
+When you cancel an active deployment, PipeCD can automatically execute a rollback to the previous stable version if rollback is enabled in your application configuration.
+
+### Rollback Options
+
+You have two ways to control rollback behavior when canceling a deployment:
+
+1. **Automatic Rollback**: If enabled in the application configuration, rollback executes automatically after cancellation.
+
+2. **Manual Selection**: Click the dropdown arrow (`▼`) next to the `CANCEL` button in the web UI to explicitly choose whether to rollback or not.
+
+![A screenshot demonstrating how to cancel a deployment](/images/cancel-deployment.png)
+<p style="text-align: center;">
+Cancel a Deployment from web UI
+</p>