From b7064759c0aa331c002ee382b996ce6415224cd7 Mon Sep 17 00:00:00 2001
From: iliya <iliyazelenkog@gmail.com>
Date: Sat, 28 Mar 2026 13:03:29 +0200
Subject: [PATCH] =?UTF-8?q?fix(graph):=20toolbar=20position=20=E2=80=94=20?=
 =?UTF-8?q?top-2=20left-20=20to=20avoid=20macOS=20system=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/CONTRIBUTING.md                       | 6 +++---
 packages/agent-graph/src/ui/GraphControls.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
index b0153209..360e9185 100644
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -6,7 +6,7 @@ Thanks for contributing to Claude Agent Teams UI!
 
 For big features and major changes, please discuss them in our [Discord](https://discord.gg/RgBHMBsn) first so we can figure out the best approach together and avoid conflicts.
 
-Small fixes, bug reports, and minor improvements are always welcome -- just open a PR.
+Small fixes, bug reports, and minor improvements are always welcome - just open a PR.
 
 ## Prerequisites
 - Node.js 20+
@@ -34,7 +34,7 @@ pnpm check
 ```
 
 ## Pull Request Guidelines
-- Keep changes focused and small -- one purpose per PR.
+- Keep changes focused and small - one purpose per PR.
 - Add/adjust tests for behavior changes.
 - Update docs when changing public behavior or setup.
 - Use clear PR titles and include a short validation checklist.
@@ -46,7 +46,7 @@ AI coding tools are welcome, but **you are responsible for what you submit**:
 
 - **Review before submitting.** Read every line of AI-generated code and understand what it does. Do not submit raw, unreviewed AI output.
 - **Do not commit AI workflow artifacts.** Planning documents, session logs, step-by-step plans, or other outputs from AI tools do not belong in the repository.
-- **Test it yourself.** AI-generated code must be manually verified -- run the app, confirm the feature works, check edge cases.
+- **Test it yourself.** AI-generated code must be manually verified - run the app, confirm the feature works, check edge cases.
 - **Keep it intentional.** Every line in your PR should exist for a reason you can explain. If you can't explain why a piece of code is there, remove it.
 
 ## What Does NOT Belong in the Repo
diff --git a/packages/agent-graph/src/ui/GraphControls.tsx b/packages/agent-graph/src/ui/GraphControls.tsx
index d593b10d..45bd4361 100644
--- a/packages/agent-graph/src/ui/GraphControls.tsx
+++ b/packages/agent-graph/src/ui/GraphControls.tsx
@@ -60,7 +60,7 @@ export function GraphControls({
   const nameColor = teamColor ?? '#aaeeff';
 
   return (
-    <div className="absolute top-10 left-3 right-3 flex items-center justify-between pointer-events-none z-10">
+    <div className="absolute top-2 left-20 right-3 flex items-center justify-between pointer-events-none z-10">
       {/* Left: team name + status indicator */}
       <div className="flex items-center pointer-events-auto">
         <div