From 425ae723cfb922d247a2ced897f835f50e0e1c29 Mon Sep 17 00:00:00 2001
From: Benjamin Toby <devops@tben.me>
Date: Mon, 19 Oct 2026 16:28:53 +0100
Subject: [PATCH] Put the composer's computer button after the Add tool chip

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../(partials)/composer-add-tool-modal.tsx       | 11 +++++++++--
 .../bots/[bot_id]/(partials)/composer-tools.tsx  | 16 +++++++++-------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/pages/admin/bots/[bot_id]/(partials)/composer-add-tool-modal.tsx b/src/pages/admin/bots/[bot_id]/(partials)/composer-add-tool-modal.tsx
index 217aad8..a8adeb2 100644
--- a/src/pages/admin/bots/[bot_id]/(partials)/composer-add-tool-modal.tsx
+++ b/src/pages/admin/bots/[bot_id]/(partials)/composer-add-tool-modal.tsx
@@ -19,7 +19,12 @@ type Props = {
  * The "Add" chip under the composer: picks an MCP server or tool to give
  * the bot, everywhere it works.
  */
-export default function ComposerAddToolModal({ bot_name, addable, loading, onAdd }: Props) {
+export default function ComposerAddToolModal({
+    bot_name,
+    addable,
+    loading,
+    onAdd,
+}: Props) {
     const [open, setOpen] = useState(false);
 
     if (!addable.length) return null;
@@ -46,7 +51,9 @@ export default function ComposerAddToolModal({ bot_name, addable, loading, onAdd
         >
             <Stack className="w-full gap-4! items-stretch">
                 <Stack className="w-full gap-1! items-stretch">
-                    <H2 className="text-lg! leading-6! tracking-normal! font-bold text-ink">Add a tool</H2>
+                    <H2 className="text-lg! leading-6! tracking-normal! font-bold text-ink">
+                        Add a tool
+                    </H2>
                     <Span className="text-[13px] leading-[18px] text-ink-secondary">
                         {`${bot_name} can use it everywhere it works, for everyone it works for.`}
                     </Span>
diff --git a/src/pages/admin/bots/[bot_id]/(partials)/composer-tools.tsx b/src/pages/admin/bots/[bot_id]/(partials)/composer-tools.tsx
index 88e7f74..14e8a46 100644
--- a/src/pages/admin/bots/[bot_id]/(partials)/composer-tools.tsx
+++ b/src/pages/admin/bots/[bot_id]/(partials)/composer-tools.tsx
@@ -62,13 +62,6 @@ export default function ComposerTools({ bot, workspace_id, initial }: Props) {
                 />
             ))}
 
-            {has_tools ? (
-                <Span className="-mr-2 opacity-40">
-                    <Dot size={20} />
-                </Span>
-            ) : null}
-
-            <ComposerComputerButton />
             {extensions.can_manage ? (
                 <ComposerAddToolModal
                     bot_name={bot.name || "This bot"}
@@ -77,6 +70,15 @@ export default function ComposerTools({ bot, workspace_id, initial }: Props) {
                     onAdd={extensions.add}
                 />
             ) : null}
+
+            {has_tools ? (
+                <Span className="-mr-2 opacity-40">
+                    <Dot size={20} />
+                </Span>
+            ) : null}
+
+            <ComposerComputerButton />
+
             {extensions.status?.error ? (
                 <Span
                     role="alert"