Dashboards and Customers

docs/customers.mdx

@@ -0,0 +1,115 @@
+---
+title: Customers
+hide_title: true
+description: Manage your work based on what matters to your customers.
+---
+
+import Tags from '@site/src/components/Tags';
+
+<div className="tag-wrapper">
+ <h1>Manage your work by customer priorities</h1>
+<Tags 
+  tags={[ 
+    { name: "Business", additionalClass: "business" }
+  ]} 
+ />
+</div>
+
+The Customers feature transforms how you organize and prioritize work by placing your clients at the center of your process. Instead of managing tasks in isolation, Customers creates direct connections between your work items and the people they serve, helping teams make better decisions about what to prioritize and ensuring customer requests receive proper attention.
+
+With Customers, you can create comprehensive client profiles, track specific requests, link those requests to your work items, and maintain important context about why certain work matters throughout your organization.
+
+## Enable Customers
+![Enable Customers](https://media.docs.plane.so/customers/enable-customers.webp#center)
+
+1. Go to [Workspace Settings](https://docs.plane.so/core-concepts/workspaces/overview#workspace-settings). 
+2. Select the **Customers** tab on the right pane.
+3. Toggle the feature on at the top right. Alternatively, you can click the **Enable Customers** button.
+
+## Configure custom properties
+![Custom properties](https://media.docs.plane.so/customers/custom-properties.webp#center)
+
+### Default properties
+Plane comes with essential customer fields pre-configured. These properties appear on every customer record and help organize your customer data consistently.
+
+- **Customer name**  
+- **Description**  
+- **Email**   
+- **Website**  
+- **Employees**   
+- **Industry**  
+- **Stage**  
+- **Contract status**  
+- **Revenue**  
+
+### Custom properties
+You can extend customer records with properties specific to your business. Custom properties appear in customer records alongside default properties. 
+
+1. Navigate to **Workspace Settings → Customers**. 
+2. Find the **Custom properties** section. 
+3. Click **Add new property**.
+
+## Create customer records
+![Create Customers](https://media.docs.plane.so/customers/create-customer-record.webp#center)
+
+1. Navigate to **Customers** in the sidebar.
+2. Click **Create customer record** in the top-right corner. 
+3. Enter the required information. Here you will see the default and custom properties (if any).
+4. Click **Create customer record**.
+
+## View and manage your customers
+
+![Customer records](https://media.docs.plane.so/customers/customers-list.webp#center)
+
+The Customers page displays all your customer records. Each customer appears with their logo and website for easy identification.
+
+1. Click on a customer record to view all details.
+2. Use the options menu (three dots) for actions:
+    - **Edit** - Update customer information.
+    - **Copy link to customer** - Share the customer record.
+    - **Delete** - Remove the customer record.
+3. To update customer information: 
+    - Click the options menu (three dots) and select **Edit**.
+    - Update any fields as needed.
+    - Click **Update customer** to save your changes.
+
+The customer detail view shows all properties on the right side and requests on the left, making it easy to see all customer information at a glance.
+
+![Customer details](https://media.docs.plane.so/customers/view-customer-details.webp#center)
+
+
+## Create and manage customer requests
+Customer requests serve as the bridge between what your clients need and the actual work your team performs. Each request captures a specific client requirement or feedback that can then be translated into actionable work items in your projects.
+
+### Add a request
+![Add request](https://media.docs.plane.so/customers/add-request.webp#center)
+
+1. Open a customer record.
+2. Go to the **Requests** tab.
+3. Click **Add request**.
+4. Name your request and add a description.
+5. Add source links to document where the request originated and connect it directly to work items in your project that will fulfill this request.
+6. Click **Create request**.
+
+### Link work to requests
+- Add source information
+    ![Add source](https://media.docs.plane.so/customers/add-source.webp#center)
+
+    1. From a request, click **Add source**.
+    2. Enter the URL for the source.
+    3. Click **Submit**.
+
+- Connect existing work items
+    ![Link work items](https://media.docs.plane.so/customers/link-work-items.webp#center)
+
+    1. From a request, click **Link work items**.
+    2. Search and select relevant Work Items or Epics.
+    3. Click **Add selected work items** to confirm.
+    4. In the Work item and Epic properties panel, a new **Customers** field displays all associated customers. This connection helps your teams instantly see which customers are impacted by or have requested specific work items, maintaining customer context throughout your workflow. 
+    5. Admins can hover over the **Customer** name to view details. 
+
+    ![Customer property](https://media.docs.plane.so/customers/customer-property.webp#center)
+
+:::info[What's next]
+Soon, you'll be able to bulk upload customer records via CSV files.
+:::

docs/dashboards.mdx

@@ -0,0 +1,117 @@
+---
+title: Dashboards
+hide_title: true
+---
+
+import Tags from '@site/src/components/Tags';
+
+<div className="tag-wrapper">
+ <h1>Visualize your projects using custom dashboards</h1>
+ <Tags 
+  tags={[ 
+    { name: "Pro", additionalClass: "pro" }
+  ]} 
+ />
+ <Tags 
+  tags={[ 
+    { name: "Business", additionalClass: "business" }
+  ]} 
+ />
+</div>
+
+Dashboards in Plane give you a bird's-eye view of your projects through customizable visualizations. They help you monitor progress, identify bottlenecks, and make data-driven decisions without diving into individual projects.
+
+<div style={{ position: "relative", paddingBottom: "calc(56.67989417989418% + 41px)", height: "0", width: "100%" }}>
+    <iframe src="https://demo.arcade.software/nWdHtHinGVMWjMmaTMGj?embed&embed_mobile=tab&embed_desktop=inline&show_copy_link=true" frameborder="0" loading="lazy" webkitallowfullscreen mozallowfullscreen allowfullscreen style={{ position: "absolute", top: "0", left: "0", width: "100%", height: "100%", colorScheme: "light"}} title="Set up your workspace">
+    </iframe>
+</div>
+
+## Create Dashboard
+
+![Create Dashboard](https://media.docs.plane.so/dashboards/create-new-dashboard.webp#center)
+
+To create a new dashboard:
+
+1. Navigate to the **Dashboards** section in the left sidebar.
+2. Click the **Add dashboard** button in the top-right corner.
+3. Give your dashboard a descriptive name (e.g., `Project Analytics Dashboard` or `Workload by Team`)
+4. Choose which projects to include in your dashboard.
+5. Click **Create dashboard** to finish.
+
+## Add Widgets
+Once you've created a dashboard, it's time to add widgets. Widgets are visualization components that display your project data in different formats.
+
+![Add Widget](https://media.docs.plane.so/dashboards/add-widget.webp#center)
+
+To add a widget:
+
+1. Click the **+ Add widget** button.
+2. Choose a [widget type](/dashboards#widget-types).
+3. Configure your widget with the specific data you want to display.
+4. Name your widget to reflect what it shows.
+5. Position it on your dashboard by dragging it
+
+### Widget types
+
+![Dashboards](https://media.docs.plane.so/dashboards/dashboards.webp#center)
+
+#### Bar chart
+Perfect for comparing quantities across categories, like work items by priority or state. The bars make it easy to spot patterns and imbalances.
+
+#### Line chart
+Ideal for tracking trends over time, such as completed work items per week. Use these to identify patterns and forecast future performance.
+
+#### Area chart
+Similar to line charts but with the area below the line filled in, making it easier to visualize volume changes over time.
+
+#### Donut chart
+Great for showing proportions and percentages of a whole, like work item types or assignee workload distribution.
+
+#### Pie chart
+Another option for displaying proportional data when you need to see how different segments relate to the whole.
+
+#### Number
+Simple counters that show important metrics like total work items, overdue tasks, or completed items. Use these for at-a-glance KPIs.
+
+
+### Customize Widgets
+![Customize Widget](https://media.docs.plane.so/dashboards/customize-widget.webp#center)
+
+Each widget type comes with specific configuration options:
+
+#### Data selection
+
+- **Property**  
+Choose what data to group by (e.g., Work item Types, Priority, Assignee)
+- **Metric**  
+Select what to measure (e.g., Work item count, Estimate points)
+
+#### Appearance
+
+- **Color scheme**  
+Choose from preset palettes like `Modern`, `Horizon`, or `Earthen`.
+
+- **Center value**  
+Toggle whether to show the total count in the middle of donut/pie charts.
+
+- **Legends and Tooltips**  
+Enable or disable these to control how much detail appears
+
+#### Style options
+
+- **Fill color and Opacity**  
+Customize the look of area charts
+
+- **Borders and Smoothing**   
+Refine the appearance of your charts
+
+- **Markers**  
+Add data point indicators on line charts
+
+## Interact with your dashboard
+![Hover over widget](https://media.docs.plane.so/dashboards/hover-on-widget.webp#center)
+
+After setting up your widgets, use your dashboard for insights:
+- Hover over chart elements to see detailed tooltips.
+- Use the legends to identify specific categories.
+- Click the **View** or **Edit** button at the top right corner to switch from edit to view mode.

docs/workflows-and-approvals/workflows.mdx

@@ -6,7 +6,7 @@ hide_title: true
 import Tags from '@site/src/components/Tags';
 
 <div className="tag-wrapper">
- <h1>Control your Work Item transitions</h1>
+ <h1>Control your work item transitions</h1>
 <Tags 
   tags={[ 
     { name: "Business", additionalClass: "business" }
@@ -66,4 +66,4 @@ Once your workflow is live, you'll notice some changes in how work items behave:
 - Items can only be created in states where "Allow new work items" is enabled.
 - Members will only be able to move items to the states you've permitted.
 - If someone tries to make a state change they're not authorized for, they'll see a blocker message.
-    ![Transition blocker](https://media.docs.plane.so/workflows/transition-blocker.webp#center)
+    ![Transition blocker](https://media.docs.plane.so/workflows/transition-blocker.webp#center)

sidebars.ts

@@ -80,6 +80,7 @@ const sidebars: SidebarsConfig = {
         'core-concepts/projects/project-states',
         'core-concepts/projects/project-overview',
         'workflows-and-approvals/workflows',
+        'customers',
         'intake/intake-forms',
         'core-concepts/export',
         'core-concepts/stickies',
@@ -103,6 +104,7 @@ const sidebars: SidebarsConfig = {
         },
         'core-concepts/views',
         'core-concepts/analytics',
+        'dashboards',
 
       ],
     },

yarn.lock

@@ -4702,9 +4702,9 @@ ignore@^5.2.0, ignore@^5.2.4:
   integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
 image-size@^1.0.2:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.1.1.tgz#ddd67d4dc340e52ac29ce5f546a09f4e29e840ac"
-  integrity sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.2.1.tgz#ee118aedfe666db1a6ee12bed5821cde3740276d"
+  integrity sha512-rH+46sQJ2dlwfjfhCyNx5thzrv+dtmBIhPHk0zgRUukHzZ/kRueTJXoYYsclBaKcSMBWuGbOFXtioLpzTb5euw==
   dependencies:
     queue "6.0.2"