Add MCP servers and custom tools for bots

Two new settings pages, MCPs and Tools. Super admins define them; super
admins and admins attach them to bots, to workspaces (every bot there),
or to every bot. Bots get them in chat replies and tasks.

- Custom tools: a JSON-schema of arguments plus an HTTP request, a script
  on the bot's computer, or a prompt, templated with {{args.x}} and
  {{env.KEY}}, secrets redacted from results.
- MCP servers: remote (URL and headers) or stdio commands run on the host
  with a setup command and an isolated env, in a per-process pool. Tools
  are listed into a cache and connect on first call.
- Add, edit, access and try open in modals.
- Markdown, JSON and command fields use twui's AceEditor (CodeEditor),
  its scripts loaded on demand.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/pages/admin/settings/workspaces/[workspace_id]/(partials)/workspace-bot-modal.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import Form from "@moduletrace/twui/form/Form";
-import Textarea from "@moduletrace/twui/form/Textarea";
+import CodeEditor from "@/src/components/general/code-editor";
 import type { WorkspaceBot } from "@/src/types";
 import postAdminApi from "@/src/layouts/bots/(functions)/post-admin-api";
 import AddFormActions from "@/src/layouts/bots/(partials)/add-form-actions";
@@ -57,25 +57,21 @@ export default function WorkspaceBotModal({ workspace_id, workspace_name, bot, o
             description={`${name} keeps its own instructions and memory everywhere. These apply only here, and it updates them itself as it learns how this workspace works.`}
         >
             <Form className="w-full gap-4! items-stretch pt-4" onSubmit={submit}>
-                <Textarea
-                    id="workspace-bot-instructions"
+                <CodeEditor
+                    mode="markdown"
+                    className="h-44"
                     title="Instructions here"
-                    label="Instructions here"
-                    showLabel
-                    rows={7}
-                    defaultValue={system_prompt}
+                    content={system_prompt}
                     placeholder="In this workspace, write for the marketing team: short, plain, no jargon."
-                    onChange={(e) => setSystemPrompt(e.target.value)}
+                    onChange={(value) => setSystemPrompt(value)}
                 />
-                <Textarea
-                    id="workspace-bot-memory"
+                <CodeEditor
+                    mode="markdown"
+                    className="h-32"
                     title="Memory here"
-                    label="Memory here"
-                    showLabel
-                    rows={5}
-                    defaultValue={memory}
+                    content={memory}
                     info="What it must remember in this workspace."
-                    onChange={(e) => setMemory(e.target.value)}
+                    onChange={(value) => setMemory(value)}
                 />
                 <AddFormActions submit_label="Save" loading={loading} error={error} onCancel={onClose} />
             </Form>

src/pages/admin/settings/workspaces/[workspace_id]/(partials)/workspace-details-group.tsx

@@ -1,9 +1,9 @@
 import { useState } from "react";
 import Form from "@moduletrace/twui/form/Form";
 import Input from "@moduletrace/twui/form/Input";
-import Textarea from "@moduletrace/twui/form/Textarea";
 import Button from "@moduletrace/twui/layout/Button";
 import Row from "@moduletrace/twui/layout/Row";
+import CodeEditor from "@/src/components/general/code-editor";
 import type { BUN_SQLITE_COBBLE_WORKSPACES } from "@/db/types/db";
 import postAdminApi from "@/src/layouts/bots/(functions)/post-admin-api";
 import SettingsGroup from "@/src/pages/admin/settings/(partials)/settings-group";
@@ -80,15 +80,13 @@ export default function WorkspaceDetailsGroup({ workspace, onSaved }: Props) {
                     defaultValue={description}
                     onChange={(e) => setDescription(e.target.value)}
                 />
-                <Textarea
-                    id="workspace-context"
+                <CodeEditor
+                    mode="markdown"
+                    className="h-52"
                     title="Context"
-                    label="Context"
-                    showLabel
-                    rows={8}
-                    defaultValue={system_prompt}
+                    content={system_prompt}
                     info="Markdown. Goals, people, links, rules: whatever every bot here should know."
-                    onChange={(e) => setSystemPrompt(e.target.value)}
+                    onChange={(value) => setSystemPrompt(value)}
                 />
                 <Row className="w-full gap-3! flex-nowrap items-center justify-between">
                     <SettingsStatus status={status} />