GreptimeTeam · sunchanglong · Mar 11, 2026 · Mar 11, 2026 · Mar 11, 2026 · Mar 11, 2026
diff --git a/index.html b/index.html
@@ -8,6 +8,7 @@
   </head>
 
   <body>
+    <script src="/webmcp.js"></script>
     <script type="module" src="/src/assets/icons.js"></script>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>

diff --git a/opencode.json b/opencode.json
@@ -0,0 +1,10 @@
+{
+  "$schema": "https://opencode.ai/config.json",
+  "mcp": {
+    "webmcp": {
+      "type": "local",
+      "command": ["npx", "-y", "@jason.today/webmcp@latest", "--mcp"],
+      "enabled": true
+    }
+  }
+}
diff --git a/public/docs/client.png b/public/docs/client.png
diff --git a/public/docs/connect.png b/public/docs/connect.png
diff --git a/public/docs/webmcp.md b/public/docs/webmcp.md
@@ -0,0 +1,34 @@
+# WebMCP in GreptimeDB Dashboard
+
+This page explains how to connect an MCP client (OpenCode / Claude Desktop / etc.) to the GreptimeDB Dashboard via WebMCP.
+
+## 1) Install / Configure WebMCP MCP Server
+
+```json
+{
+  "mcpServers": {
+    "webmcp": {
+      "command": "npx",
+      "args": [
+        "-y",
+        "@jason.today/webmcp@latest",
+        "--mcp"
+      ]
+    }
+}
+```
+
+## 2) Generate a token and connect in the Dashboard
+
+1. Start your MCP client.
+2. Ask it to **create a WebMCP token**.
+3. Open GreptimeDB Dashboard in the browser.
+4. Click the **blue WebMCP square** in the bottom-right corner.
+5. Paste the token, then click **Connect**.
+
+![connect](./connect.png)
+![client](./client.png)
+
+## Notes
+
+- The Dashboard will register tools for GreptimeDB operations. Most workflows should prefer **SQL**; metrics workflows may use **PromQL** when appropriate.