Give bots tools and MCP servers per bot and workspace, with status and tests

- Bots and workspaces get tools and MCP servers from their settings pages; bots also from chips under the chat composer, removable there - "Every bot" now gives one to every bot now and every new bot; each can still drop it (attach-every-bot-extensions.ts moves old installs over) - Status lines: MCP servers record whether they connect, tools whether their last run worked - Test connection in the MCP form and a Test panel in the tool form check the form as it is, without saving - Hide Google sign-in on the login form Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-10-19 15:35:13 +01:00
parent c6ec7d77a2
commit 6294b911e6
69 changed files with 2026 additions and 271 deletions
@@ -0,0 +1,53 @@
+import Button from "@moduletrace/twui/layout/Button";
+import Row from "@moduletrace/twui/layout/Row";
+import Span from "@moduletrace/twui/layout/Span";
+import { CircleAlert, X } from "lucide-react";
+import extensionIcon from "@/src/components/general/extension-icon";
+import type { BotExtension } from "@/src/types";
+
+type Props = {
+    item: BotExtension;
+    busy?: boolean;
+    /**
+     * Takes it from the bot; not given for a workspace's own or when the
+     * user can't.
+     */
+    onRemove?: () => void;
+};
+
+/**
+ * One MCP server or tool the bot can use here, under the composer. One
+ * that isn't working shows an alert icon, one that's off is struck out.
+ */
+export default function ComposerToolChip({ item, busy, onRemove }: Props) {
+    const Icon = item.state == "error" ? CircleAlert : extensionIcon({ kind: item.kind });
+    const notes = [
+        item.detail,
+        item.source == "workspace" ? "From this workspace" : "",
+        !item.enabled ? "Off for every bot" : item.state == "error" ? "Not working" : "",
+    ].filter(Boolean);
+
+    return (
+        <Row
+            title={`${item.name}: ${notes.join(" · ")}${item.description ? `\n${item.description}` : ""}`}
+            className={`max-w-48 gap-1.5! flex-nowrap items-center rounded-default-lg border border-solid border-hairline bg-surface pl-2 py-0.5 text-[12px] leading-4 ${onRemove ? "pr-0.5" : "pr-2"} ${item.enabled ? "text-ink" : "text-ink-secondary line-through"}`}
+        >
+            <Icon size={12} aria-hidden className="shrink-0" />
+            <Span className="truncate">{item.name}</Span>
+            {onRemove ? (
+                <Button
+                    title={`Remove ${item.name}`}
+                    type="button"
+                    variant="ghost"
+                    color="gray"
+                    size="small"
+                    className="shrink-0 p-0.5!"
+                    disabled={busy}
+                    onClick={onRemove}
+                >
+                    <X size={12} aria-hidden />
+                </Button>
+            ) : null}
+        </Row>
+    );
+}