Put the composer's computer button after the Add tool chip

Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
2026-10-19 16:28:53 +01:00
co-authored by Claude Opus 5.5
parent 4ee81d6127
commit 425ae723cf
2 changed files with 18 additions and 9 deletions
@@ -19,7 +19,12 @@ type Props = {
* The "Add" chip under the composer: picks an MCP server or tool to give * The "Add" chip under the composer: picks an MCP server or tool to give
* the bot, everywhere it works. * 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); const [open, setOpen] = useState(false);
if (!addable.length) return null; 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-4! items-stretch">
<Stack className="w-full gap-1! 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"> <Span className="text-[13px] leading-[18px] text-ink-secondary">
{`${bot_name} can use it everywhere it works, for everyone it works for.`} {`${bot_name} can use it everywhere it works, for everyone it works for.`}
</Span> </Span>
@@ -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 ? ( {extensions.can_manage ? (
<ComposerAddToolModal <ComposerAddToolModal
bot_name={bot.name || "This bot"} bot_name={bot.name || "This bot"}
@@ -77,6 +70,15 @@ export default function ComposerTools({ bot, workspace_id, initial }: Props) {
onAdd={extensions.add} onAdd={extensions.add}
/> />
) : null} ) : null}
{has_tools ? (
<Span className="-mr-2 opacity-40">
<Dot size={20} />
</Span>
) : null}
<ComposerComputerButton />
{extensions.status?.error ? ( {extensions.status?.error ? (
<Span <Span
role="alert" role="alert"