From 3ef5b234c3295eb6cdf08de40ff4cec32238ae6e Mon Sep 17 00:00:00 2001 From: Junnygram Date: Tue, 19 May 2026 19:03:49 -0400 Subject: [PATCH 1/4] docs(kanvas): isolate designer narrative and publish meet-five draft pages Signed-off-by: Junnygram --- .../cloud/getting-started/meet-five/_index.md | 2 +- .../meet-five/five-narrative-plan.md | 2 +- content/en/kanvas/designer/_index.md | 23 ++++++++++++++++++- 3 files changed, 24 insertions(+), 3 deletions(-) diff --git a/content/en/cloud/getting-started/meet-five/_index.md b/content/en/cloud/getting-started/meet-five/_index.md index a2452464f81..9b873c68a9f 100644 --- a/content/en/cloud/getting-started/meet-five/_index.md +++ b/content/en/cloud/getting-started/meet-five/_index.md @@ -4,7 +4,7 @@ description: > The continuous narrative behind Layer5 Cloud documentation — Five, his team at Orbital Labs, and the cloud-native universe they inhabit. linkTitle: Meet Five weight: 0 -draft: true +draft: false categories: [About] aliases: - /cloud/about/ diff --git a/content/en/cloud/getting-started/meet-five/five-narrative-plan.md b/content/en/cloud/getting-started/meet-five/five-narrative-plan.md index 32c1a1af1e9..8d99e48dc79 100644 --- a/content/en/cloud/getting-started/meet-five/five-narrative-plan.md +++ b/content/en/cloud/getting-started/meet-five/five-narrative-plan.md @@ -4,7 +4,7 @@ description: > Section-by-section map for infusing the Five narrative into Layer5 Cloud and Kanvas documentation. linkTitle: Narrative Research Plan weight: 1 -draft: true +draft: false categories: [About] aliases: - /cloud/about/five-narrative-plan/ diff --git a/content/en/kanvas/designer/_index.md b/content/en/kanvas/designer/_index.md index 54ee85c51d9..098d05bd1aa 100644 --- a/content/en/kanvas/designer/_index.md +++ b/content/en/kanvas/designer/_index.md @@ -11,7 +11,27 @@ aliases: Kanvas Designer is the visual canvas where you create, edit, and collaborate on cloud-native infrastructure designs. Using a drag-and-drop palette of components — from managed Kubernetes clusters and serverless functions to databases and object storage — you can model entire environments, annotate connections, and share living diagrams with your team, all without leaving your browser. -## Building the `api-platform-aws` Design +## Core Features of Kanvas Designer + +Kanvas Designer provides an intuitive visual interface to model complex architectures cleanly and collaborate in real-time. + +### Visual Canvas & Component Palette +- **Drag-and-Drop Modeling**: Build complex multi-cloud topologies by dragging resources directly onto the canvas from a comprehensive library of Kubernetes, cloud-provider, and application components. +- **Interactive Edges (Connections)**: Draw logical or network connections between components to define data flows, dependencies, and service-to-service relationships. +- **Layout & Organization**: Easily group components using workspaces, environments, and tagsets to keep your diagrams organized and readable. + +### Collaborative Review & Comments +- **Contextual Commenting**: Pin feedback and discussion threads directly to specific components or edges rather than having conversations lost in external ticketing systems or chat channels. +- **Granular Share Permissions**: Share your designs with teammates or external partners, granting precise role-scoped access (e.g., Viewer, Reviewer, Editor, or Admin) to control who can modify vs. inspect the canvas. +- **Real-Time Workspace Updates**: Edit and review designs simultaneously with your team. Updates are saved automatically and synced in real-time, eliminating version-named duplicates and stale image exports. + +### Real-world Integrations & Validation +- **Environment Binding**: Attach your designs to target deployment environments (e.g., `dev-local`, `prod-aws`) to align visual designs with actual cloud and cluster configurations. +- **Automated Validation**: Run real-time architectural validation to instantly identify empty configurations, dangling connections, or environment binding mismatches. + +## Walkthrough: Building the `api-platform-aws` Design + +The following walkthrough illustrates how Five, Jordan, and Rex collaborate to build out a multi-service AWS design within the `orbital-production` workspace. Follow the full narrative and team structure at [Meet Five and the Cast](/cloud/getting-started/meet-five). Five owns the `api-platform-aws` design in the `orbital-production` workspace and asked Jordan Reyes — the Orbital Labs team's go-to designer — to build out the architecture. Jordan opens the design in Kanvas Designer, takes one look at the blank canvas, and gets to work. @@ -30,3 +50,4 @@ Jordan sees the notification and comes back to the canvas. They hash it out in t {{< alert type="info" title="Meet the team" >}} Meet Jordan, Rex, and the rest of the Orbital Labs team in [Meet Five and the Cast](/cloud/getting-started/meet-five). {{< /alert >}} + From ff3691de29bef18c33b861c9e2a3dc454068e2d1 Mon Sep 17 00:00:00 2001 From: Olaleye <90139191+Junnygram@users.noreply.github.com> Date: Wed, 20 May 2026 13:01:34 -0400 Subject: [PATCH 2/4] Update content/en/kanvas/designer/_index.md Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: Olaleye <90139191+Junnygram@users.noreply.github.com> --- content/en/kanvas/designer/_index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/en/kanvas/designer/_index.md b/content/en/kanvas/designer/_index.md index 098d05bd1aa..be7251278ae 100644 --- a/content/en/kanvas/designer/_index.md +++ b/content/en/kanvas/designer/_index.md @@ -16,7 +16,7 @@ Kanvas Designer is the visual canvas where you create, edit, and collaborate on Kanvas Designer provides an intuitive visual interface to model complex architectures cleanly and collaborate in real-time. ### Visual Canvas & Component Palette -- **Drag-and-Drop Modeling**: Build complex multi-cloud topologies by dragging resources directly onto the canvas from a comprehensive library of Kubernetes, cloud-provider, and application components. +- **Drag-and-Drop Modeling**: Build complex multi-cloud topologies by dragging resources directly onto the canvas from a comprehensive library of Kubernetes, cloud provider, and application components. - **Interactive Edges (Connections)**: Draw logical or network connections between components to define data flows, dependencies, and service-to-service relationships. - **Layout & Organization**: Easily group components using workspaces, environments, and tagsets to keep your diagrams organized and readable. From 91cebb4948954e7c3852e89f784200ce3c95849c Mon Sep 17 00:00:00 2001 From: Olaleye <90139191+Junnygram@users.noreply.github.com> Date: Wed, 20 May 2026 13:02:14 -0400 Subject: [PATCH 3/4] Update content/en/kanvas/designer/_index.md Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: Olaleye <90139191+Junnygram@users.noreply.github.com> --- content/en/kanvas/designer/_index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/en/kanvas/designer/_index.md b/content/en/kanvas/designer/_index.md index be7251278ae..13814bc62f3 100644 --- a/content/en/kanvas/designer/_index.md +++ b/content/en/kanvas/designer/_index.md @@ -18,7 +18,7 @@ Kanvas Designer provides an intuitive visual interface to model complex architec ### Visual Canvas & Component Palette - **Drag-and-Drop Modeling**: Build complex multi-cloud topologies by dragging resources directly onto the canvas from a comprehensive library of Kubernetes, cloud provider, and application components. - **Interactive Edges (Connections)**: Draw logical or network connections between components to define data flows, dependencies, and service-to-service relationships. -- **Layout & Organization**: Easily group components using workspaces, environments, and tagsets to keep your diagrams organized and readable. +- **Layout & Organization**: Easily group components using workspaces, environments, and tags to keep your diagrams organized and readable. ### Collaborative Review & Comments - **Contextual Commenting**: Pin feedback and discussion threads directly to specific components or edges rather than having conversations lost in external ticketing systems or chat channels. From fbbf4c61f9081980098066b55023263663b359ef Mon Sep 17 00:00:00 2001 From: Olaleye <90139191+Junnygram@users.noreply.github.com> Date: Wed, 20 May 2026 13:02:32 -0400 Subject: [PATCH 4/4] Update content/en/kanvas/designer/_index.md Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: Olaleye <90139191+Junnygram@users.noreply.github.com> --- content/en/kanvas/designer/_index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/en/kanvas/designer/_index.md b/content/en/kanvas/designer/_index.md index 13814bc62f3..42fc4e266fc 100644 --- a/content/en/kanvas/designer/_index.md +++ b/content/en/kanvas/designer/_index.md @@ -23,7 +23,7 @@ Kanvas Designer provides an intuitive visual interface to model complex architec ### Collaborative Review & Comments - **Contextual Commenting**: Pin feedback and discussion threads directly to specific components or edges rather than having conversations lost in external ticketing systems or chat channels. - **Granular Share Permissions**: Share your designs with teammates or external partners, granting precise role-scoped access (e.g., Viewer, Reviewer, Editor, or Admin) to control who can modify vs. inspect the canvas. -- **Real-Time Workspace Updates**: Edit and review designs simultaneously with your team. Updates are saved automatically and synced in real-time, eliminating version-named duplicates and stale image exports. +- **Real-Time Workspace Updates**: Edit and review designs simultaneously with your team. Updates are saved automatically and synced in real-time, eliminating versioned duplicates and stale image exports. ### Real-world Integrations & Validation - **Environment Binding**: Attach your designs to target deployment environments (e.g., `dev-local`, `prod-aws`) to align visual designs with actual cloud and cluster configurations.