diff --git a/public/docs-static/img/manage/control-center/control-center-draft-group-from-selection.mp4 b/public/docs-static/img/manage/control-center/control-center-draft-group-from-selection.mp4 new file mode 100644 index 00000000..821c44b0 Binary files /dev/null and b/public/docs-static/img/manage/control-center/control-center-draft-group-from-selection.mp4 differ diff --git a/public/docs-static/img/manage/control-center/control-center-focus-active.png b/public/docs-static/img/manage/control-center/control-center-focus-active.png new file mode 100644 index 00000000..a9dd81c6 Binary files /dev/null and b/public/docs-static/img/manage/control-center/control-center-focus-active.png differ diff --git a/public/docs-static/img/manage/control-center/control-center-focus-context-menu.png b/public/docs-static/img/manage/control-center/control-center-focus-context-menu.png new file mode 100644 index 00000000..e497b38c Binary files /dev/null and b/public/docs-static/img/manage/control-center/control-center-focus-context-menu.png differ diff --git a/src/pages/manage/control-center/draft-mode.mdx b/src/pages/manage/control-center/draft-mode.mdx index 550c0d64..dcae371d 100644 --- a/src/pages/manage/control-center/draft-mode.mdx +++ b/src/pages/manage/control-center/draft-mode.mdx @@ -44,7 +44,6 @@ The toolbar at the bottom of the canvas holds the select and hand (pan) tools, z - **Select** (`V`) is the default tool: click a node to select it, drag it to move it, or drag across empty canvas to select several nodes at once. - **Hand** (`H`) pans the canvas as you drag, so you can move around a large draft without touching any nodes. -- With a node selected, `F` focuses it and dims everything unrelated. ### Add Nodes @@ -103,7 +102,14 @@ Right-click a node and choose **Rename**. We rename the server to `staging-01` a ### Assign Peers to Groups -Drag the `staging-01` node onto the `Staging` group. The peer is absorbed into the group and the group's member count goes up. Membership travels with the group's change, so you never manage it separately. You can also select several nodes and press `G` to create a new group containing them. +Drag the `staging-01` node onto the `Staging` group. The peer is absorbed into the group and the group's member count goes up. Membership travels with the group's change, so you never manage it separately. + +To group several peers at once, drag a selection across them, then click **Create Group** in the selection menu (or press `G`) and name the group: + +
+ +
+ +Everything unrelated dims, leaving only the focused node and its connections highlighted. A "Focusing on" pill at the top of the canvas shows what is in focus; close it to return to the full view. + +
+
+