Skip to main content
Glama
status.js2.43 kB
import { c as createRoot, j as jsxRuntimeExports, r as reactExports, T as TabItem, B as Button, A as AuthTokenSection } from "./authToken-DYNxhaxD.mjs"; const StatusApp = () => { const [status, setStatus] = reactExports.useState({ isConnected: false, connectedTabId: null }); reactExports.useEffect(() => { void loadStatus(); }, []); const loadStatus = async () => { const { connectedTabId } = await chrome.runtime.sendMessage({ type: "getConnectionStatus" }); if (connectedTabId) { const tab = await chrome.tabs.get(connectedTabId); setStatus({ isConnected: true, connectedTabId, connectedTab: { id: tab.id, windowId: tab.windowId, title: tab.title, url: tab.url, favIconUrl: tab.favIconUrl } }); } else { setStatus({ isConnected: false, connectedTabId: null }); } }; const openConnectedTab = async () => { if (!status.connectedTabId) return; await chrome.tabs.update(status.connectedTabId, { active: true }); window.close(); }; const disconnect = async () => { await chrome.runtime.sendMessage({ type: "disconnect" }); window.close(); }; return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "app-container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "content-wrapper", children: [ status.isConnected && status.connectedTab ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "tab-section-title", children: "Page avec client MCP connecté:" }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx( TabItem, { tab: status.connectedTab, button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "primary", onClick: disconnect, children: "Déconnecter" }), onClick: openConnectedTab } ) }) ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "status-banner", children: "Aucun client MCP n'est actuellement connecté." }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuthTokenSection, {}) ] }) }); }; const container = document.getElementById("root"); if (container) { const root = createRoot(container); root.render(/* @__PURE__ */ jsxRuntimeExports.jsx(StatusApp, {})); }

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/DeamonDev888/Browser-Manager-MCP-Server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server