Re-architects MCP from one owner table + agent-written registration into an admin-curated catalog with two runtimes unioned per session, surfaced in the UI as "Connectors" (mcp/schema stays neutral, §0.1). Two runtimes behind one seam (§7): - Global runtime: shared, stateless connectors (web-search, Tavily…) on the HOST, connected at boot from mcp_global_servers, access-filtered per user via mcp_global_access. - Per-user runtime: a user's activated connectors run INSIDE their container, started at first login from mcp_user_servers and living until restart (§9); docker exec -i children die via kill_on_drop when the UserContext drops. - McpProvider trait (mcp/provider.rs): the session round-loop never learns which runtime owns a server. McpManager implements it directly (inert ownerless bundle); UserMcpView implements global ∪ user with an accessible_global snapshot. Both share McpManager::connect_all; McpServerSpec + global_row_spec/user_row_spec turn a DB row into a connectable spec. - mcp-client: McpServerConfig.launch_in runs a stdio command inside a container via docker exec -i (set at runtime, never parsed from config). Authorization is a capability on the role, not `if role==admin` (§0.1/§14): role_capabilities table + db/role_capabilities.rs — register_remote and register_local_from_catalog are self-service (seeded on every new role), while register_local_script and manage_catalog are admin-only. admin holds every capability by construction. This removes the agent-facing register_mcp/delete_mcp tools and the mcp kinds of list_items/toggle_item, closing the §14 RCE vector. Schema: - Registry: mcp_catalog (vetted templates — schema only, no live creds), mcp_global_servers + mcp_global_access, role_capabilities. - Owner: mcp_user_servers (per-user activations; api_key encrypted at rest, catalog_name a bare TEXT snapshot, never an owner→registry FK). - Drops the old owner table mcp_servers. API + UI: src/frontend/api/mcp.rs (admin catalog/global/access + user available/activate/activated, all capability-gated via require_cap); web/components/connectors.js (<connectors-page>) renders the user view always and the admin view for role_id === 'admin'. Deferred: interactive per-user auth (OAuth callback / QR / SSH elicitation, §15) — only none/api_key wired; no boot seed of catalog presets; per-(user, session) MCP grant model still open.
120 lines
4.9 KiB
HTML
120 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Skald</title>
|
|
<link rel="icon" href="/assets/icons/favicon.ico" sizes="any" />
|
|
<link rel="icon" href="/assets/icons/icon-192.png" type="image/png" />
|
|
|
|
<!-- Redirect mobile browsers to the mobile UI -->
|
|
<script>
|
|
(function () {
|
|
var isMobile = /Android|iPhone|iPad|iPod/i.test(navigator.userAgent) || window.innerWidth < 768;
|
|
if (isMobile) window.location.replace('/mobile.html');
|
|
})();
|
|
</script>
|
|
|
|
<!-- Apply theme before render to avoid flash. localStorage wins over OS preference. -->
|
|
<script>
|
|
(function () {
|
|
const saved = localStorage.getItem('theme');
|
|
const dark = saved ? saved === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
document.documentElement.setAttribute('data-bs-theme', dark ? 'dark' : 'light');
|
|
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
|
|
if (!localStorage.getItem('theme')) {
|
|
document.documentElement.setAttribute('data-bs-theme', e.matches ? 'dark' : 'light');
|
|
}
|
|
});
|
|
})();
|
|
</script>
|
|
|
|
<!-- Font -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" />
|
|
|
|
<!-- Bootstrap 5 -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" />
|
|
<!-- Bootstrap Icons -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
|
|
|
|
<link rel="stylesheet" href="css/variables.css" />
|
|
<link rel="stylesheet" href="css/topbar.css" />
|
|
<link rel="stylesheet" href="css/sidebar.css" />
|
|
<link rel="stylesheet" href="css/copilot.css" />
|
|
<link rel="stylesheet" href="css/copilot-messages.css" />
|
|
<link rel="stylesheet" href="css/copilot-input.css" />
|
|
<link rel="stylesheet" href="css/dialogs.css" />
|
|
<link rel="stylesheet" href="css/page-shell.css" />
|
|
<link rel="stylesheet" href="css/models-hub.css" />
|
|
<link rel="stylesheet" href="css/tasks/base.css" />
|
|
<link rel="stylesheet" href="css/tasks/history.css" />
|
|
<link rel="stylesheet" href="css/models-llm.css" />
|
|
<link rel="stylesheet" href="css/models-image.css" />
|
|
<link rel="stylesheet" href="css/llm-providers.css" />
|
|
<link rel="stylesheet" href="css/agents.css" />
|
|
<link rel="stylesheet" href="css/approval-groups.css" />
|
|
<link rel="stylesheet" href="css/approval-rules.css" />
|
|
<link rel="stylesheet" href="css/inbox-cards.css" />
|
|
<link rel="stylesheet" href="css/config.css" />
|
|
<link rel="stylesheet" href="css/agent-inbox.css" />
|
|
<link rel="stylesheet" href="css/home.css" />
|
|
<link rel="stylesheet" href="css/llm-requests.css" />
|
|
<link rel="stylesheet" href="css/setup-page.css" />
|
|
<link rel="stylesheet" href="css/users-roles.css" />
|
|
<link rel="stylesheet" href="css/projects/base.css" />
|
|
<link rel="stylesheet" href="css/projects/board.css" />
|
|
<link rel="stylesheet" href="css/file-viewer.css" />
|
|
|
|
<script src="/vendor/cronstrue.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script>
|
|
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"lit": "/vendor/lit-all.min.js",
|
|
"lit/directives/unsafe-html.js": "/vendor/lit-all.min.js",
|
|
"marked": "/vendor/marked.esm.js",
|
|
"dompurify": "/vendor/purify.es.mjs",
|
|
"cronstrue": "/vendor/cronstrue.mjs"
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="app">
|
|
<app-topbar></app-topbar>
|
|
<div class="app-body">
|
|
<app-sidebar></app-sidebar>
|
|
<div class="app-workspace" id="app-workspace"></div>
|
|
<agents-page></agents-page>
|
|
<users-page></users-page>
|
|
<roles-page></roles-page>
|
|
<connectors-page></connectors-page>
|
|
<profile-page style="display:none"></profile-page>
|
|
<llm-providers-page></llm-providers-page>
|
|
<models-hub-page></models-hub-page>
|
|
<tasks-page></tasks-page>
|
|
<approval-groups-page></approval-groups-page>
|
|
<approval-rules-page></approval-rules-page>
|
|
<config-page></config-page>
|
|
<home-page></home-page>
|
|
<agent-inbox-page></agent-inbox-page>
|
|
<llm-requests-page></llm-requests-page>
|
|
<session-detail-page style="display:none"></session-detail-page>
|
|
<tic-sessions-page style="display:none"></tic-sessions-page>
|
|
<projects-page style="display:none"></projects-page>
|
|
<file-viewer-page style="display:none"></file-viewer-page>
|
|
<app-copilot></app-copilot>
|
|
</div>
|
|
</div>
|
|
|
|
<setup-page style="display:none"></setup-page>
|
|
<login-page style="display:none"></login-page>
|
|
|
|
<script type="module" src="app.js"></script>
|
|
</body>
|
|
</html>
|