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:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user