@qe-mcp/server-ena 0.1.1

package/.claude/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.0.1",
+  "configurations": [
+    {
+      "name": "qeviz",
+      "runtimeExecutable": "python3",
+      "runtimeArgs": ["-m", "http.server", "7432"],
+      "port": 7432
+    }
+  ]
+}

package/.gitlab-ci.yml

@@ -0,0 +1,88 @@
+# .gitlab-ci.yml
+#
+# CI pipeline for ena-mcp-wasm.
+#
+# - test          : smoke-test the MCP server on server.js / package.json changes
+# - trigger-cranqe: inherited from cranqe CI template; fires on main (dev build)
+#                   or a vX.Y.Z tag (release build) to publish @qe-libs/ena-mcp-wasm
+
+include:
+  - project: 'epistemic-analytics/qe-packages/cranqe'
+    ref: main
+    file: '/ci-templates/trigger-cranqe.yml'
+
+stages:
+  - test
+
+# ── Smoke test ─────────────────────────────────────────────────────────────────
+# Starts the MCP server, sends an initialize request, and confirms it responds
+# with a valid JSON-RPC result listing the expected tools.
+
+test:
+  stage: test
+  image: node:20-alpine
+  rules:
+    - changes:
+        - server.js
+        - package.json
+        - package-lock.json
+  script:
+    - npm ci
+    - |
+      RESPONSE=$(echo '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"protocolVersion":"2024-11-05","capabilities":{},"clientInfo":{"name":"ci","version":"1"}}}' \
+        | timeout 10 node server.js 2>/dev/null | head -1)
+      echo "Response: ${RESPONSE}"
+      echo "${RESPONSE}" | node -e "
+        const r = JSON.parse(require('fs').readFileSync('/dev/stdin','utf8'));
+        if (!r.result?.serverInfo) { console.error('Missing serverInfo'); process.exit(1); }
+        console.log('OK: server responded as', r.result.serverInfo.name, r.result.serverInfo.version);
+      "
+    - |
+      TOOLS=$(printf '%s\n%s\n' \
+        '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"protocolVersion":"2024-11-05","capabilities":{},"clientInfo":{"name":"ci","version":"1"}}}' \
+        '{"jsonrpc":"2.0","id":2,"method":"tools/list","params":{}}' \
+        | timeout 10 node server.js 2>/dev/null | tail -1)
+      echo "Tools response: ${TOOLS}"
+      echo "${TOOLS}" | node -e "
+        const r = JSON.parse(require('fs').readFileSync('/dev/stdin','utf8'));
+        const names = (r.result?.tools ?? []).map(t => t.name);
+        const expected = ['ena_profile','ena_inspect','ena_fit','ena_accumulate','ena_compare_groups','ena_plot'];
+        const missing = expected.filter(n => !names.includes(n));
+        if (missing.length) { console.error('Missing tools:', missing.join(', ')); process.exit(1); }
+        console.log('OK: tools present —', names.join(', '));
+      "
+
+# ── cranqe deployment ──────────────────────────────────────────────────────────
+# verify-tag-version is overridden to read from package.json (not R's DESCRIPTION).
+# trigger-cranqe and trigger-cranqe-release are inherited from the template.
+
+verify-tag-version:
+  script:
+    - |
+      TAG_VERSION="${CI_COMMIT_TAG#v}"
+      PKG_VERSION=$(node -e "console.log(require('./package.json').version)")
+      if [ "${TAG_VERSION}" != "${PKG_VERSION}" ]; then
+        echo "-----------------------------------------------------------"
+        echo "  Tag/package.json mismatch — release blocked"
+        echo "-----------------------------------------------------------"
+        echo "  Tag:          ${CI_COMMIT_TAG}  (version ${TAG_VERSION})"
+        echo "  package.json: ${PKG_VERSION}"
+        echo ""
+        echo "  Fix: update package.json version to ${TAG_VERSION}"
+        echo "       then commit, push, and re-tag."
+        echo "-----------------------------------------------------------"
+        exit 1
+      fi
+      echo "-----------------------------------------------------------"
+      echo "  OK: ${CI_COMMIT_TAG} matches package.json ${PKG_VERSION}"
+      echo "-----------------------------------------------------------"
+
+trigger-cranqe:
+  rules:
+    - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH
+      changes:
+        - server.js
+        - package.json
+        - package-lock.json
+        - hooks/**/*
+        - README.md

package/README.md

@@ -0,0 +1,232 @@
+# @qe-mcp/server-ena
+
+MCP server for [Epistemic Network Analysis (ENA)](https://www.epistemicnetwork.org/), powered by a WebAssembly backend. Zero Python dependency — runs entirely in Node.js.
+
+Designed for use with [Claude Desktop](https://claude.ai/download) and [Claude Code](https://claude.ai/code).
+
+---
+
+## What it does
+
+Gives Claude a set of ENA tools that run **locally on your machine**. The WASM model computation never leaves your computer. Only results (node positions, plots, summary statistics) are returned to Claude.
+
+| Tool | Description |
+|---|---|
+| `ena_profile` | Privacy-safe column metadata — no raw data transmitted |
+| `ena_inspect` | Triage a dataset: is ENA appropriate? Returns suggested parameters |
+| `ena_fit` | Full ENA pipeline → model + inline PNG plot |
+| `ena_compare_groups` | Mean-rotation group comparison → model + inline PNG plot |
+| `ena_plot` | Any view from a cached model (all / group / unit / comparison / subtraction) |
+| `ena_accumulate` | Accumulation step only, no rotation or projection |
+
+---
+
+## Prerequisites
+
+- **Node.js** 18 or later
+- **Claude Desktop** or **Claude Code**
+
+---
+
+## Installation
+
+### Option A — npx (no install needed)
+
+Add to `~/Library/Application Support/Claude/claude_desktop_config.json` (Mac):
+
+```json
+{
+  "mcpServers": {
+    "ena": {
+      "command": "npx",
+      "args": ["@qe-mcp/server-ena"]
+    }
+  }
+}
+```
+
+Then add the registry to your `~/.npmrc` once:
+
+```bash
+echo "@qe-mcp:registry=https://gitlab.com/api/v4/projects/22522458/packages/npm/" >> ~/.npmrc
+```
+
+Restart Claude Desktop.
+
+### Option B — global install
+
+```bash
+echo "@qe-mcp:registry=https://gitlab.com/api/v4/projects/22522458/packages/npm/" >> ~/.npmrc
+npm install -g @qe-mcp/server-ena
+```
+
+Then in `claude_desktop_config.json`:
+
+```json
+{
+  "mcpServers": {
+    "ena": {
+      "command": "server-ena"
+    }
+  }
+}
+```
+
+### Option C — local clone (development)
+
+```bash
+git clone <repo-url> server-ena
+cd server-ena
+npm install
+```
+
+```json
+{
+  "mcpServers": {
+    "ena": {
+      "command": "node",
+      "args": ["/absolute/path/to/server-ena/server.js"]
+    }
+  }
+}
+```
+
+### Verify
+
+In Claude Desktop, open a new conversation and ask:
+
+> "What ENA tools do you have available?"
+
+Claude should list `ena_profile`, `ena_inspect`, `ena_fit`, `ena_compare_groups`, `ena_plot`, and `ena_accumulate`.
+
+---
+
+## Skill (claude.ai / Claude Desktop / Claude Science)
+
+The [`skill/ena-analysis/`](skill/ena-analysis/) folder contains a companion skill that teaches
+Claude the full ENA workflow — privacy gate, triage, fitting, and plot
+exploration — so it drives the connector correctly without per-conversation
+prompting.
+
+To install:
+
+```bash
+cd skill && zip -r ena-analysis.zip ena-analysis
+```
+
+Then upload `ena-analysis.zip` under **Settings → Customize → Skills**
+(claude.ai / Claude Desktop) or **Customize → Skills** (Claude Science).
+
+---
+
+## Privacy model
+
+**The WASM computation always runs locally.** What reaches Claude depends on how you provide data:
+
+| Method | What Claude sees |
+|---|---|
+| `data_path` (file path) | Nothing from the file — only model results (node positions, unit labels, plots) |
+| `data_csv` (inline CSV) | The full raw CSV, as a tool call argument |
+
+For research data, always use `data_path`. Use `data_csv` only for small toy or demo datasets.
+
+Unit labels (the values in your unit column, e.g. participant IDs) are included in model results regardless of input method. If those are sensitive, be aware they will appear in the conversation.
+
+### Privacy gate hook
+
+To technically enforce the `data_path` preference and block large inline CSVs, install the privacy gate hook. This intercepts tool calls before they execute and rejects any `data_csv` payload with more than 50 rows.
+
+**Step 1 — Copy the hook script:**
+
+```bash
+mkdir -p ~/.claude/hooks
+cp hooks/ena-privacy-gate.mjs ~/.claude/hooks/
+```
+
+**Step 2 — Add to `~/.claude/settings.json`:**
+
+```json
+{
+  "hooks": {
+    "PreToolUse": [
+      {
+        "matcher": "mcp__(ena-wasm|ena|enajs)__(ena_inspect|ena_fit|ena_accumulate|ena_compare_groups)",
+        "hooks": [
+          {
+            "type": "command",
+            "command": "node /Users/YOUR_USERNAME/.claude/hooks/ena-privacy-gate.mjs"
+          }
+        ]
+      }
+    ]
+  }
+}
+```
+
+Replace `YOUR_USERNAME` with your macOS username. If you already have a `hooks` block in `settings.json`, add the new entry to the existing `PreToolUse` array.
+
+The hook takes effect immediately — no restart needed.
+
+**Threshold:** ≤ 50 rows of `data_csv` are allowed (toy/demo use). Larger payloads are blocked with a message instructing Claude to ask for a file path instead.
+
+---
+
+## Usage
+
+### Basic analysis
+
+```
+"Analyze /path/to/data.csv"
+```
+
+Claude will call `ena_inspect` first, confirm ENA is appropriate, then call `ena_fit` and return a network plot.
+
+### Sensitive data
+
+```
+"I have sensitive data at /path/to/data.csv — what can you tell me about its structure?"
+```
+
+Claude will call `ena_profile` (column metadata only, no raw data transmitted), identify appropriate parameters, then run the model with `data_path`.
+
+### Group comparison
+
+```
+"Compare First vs Second half using data at /path/to/data.csv, unit column UserName, conversation column GameHalf"
+```
+
+Claude will call `ena_compare_groups` and return a comparison plot. Follow up with:
+
+```
+"Show me the subtraction network"
+"Show me the First half mean network"
+"Show me unit steven_z"
+```
+
+These use `ena_plot` with the cached `model_id` — no refitting.
+
+---
+
+## Output
+
+Each fitting or plotting call returns:
+
+- **Inline PNG** — rendered via jsdom + qeviz + resvg, displayed directly in Claude's response
+- **`interactive_plot`** — path to a local HTML file with the interactive qeviz visualization, openable in any browser
+
+The HTML file persists at `/tmp/ena-viz/` until the next system restart.
+
+---
+
+## Testing
+
+```bash
+node test-mcp.mjs \
+  /path/to/data.csv \
+  UnitColumn ConversationColumn \
+  Code1 Code2 Code3 Code4
+```
+
+This drives the server over stdin/stdout (same transport Claude uses) and saves all PNG outputs to `/tmp/ena-test-N.png`.
+
+To test group comparison, edit `test-mcp.mjs` and set `GROUP_COL`, `GROUP1`, `GROUP2` at the top of the file.

package/hooks/ena-privacy-gate.mjs

@@ -0,0 +1,29 @@
+/**
+ * ena-privacy-gate.mjs — PreToolUse hook for ENA MCP tools.
+ *
+ * Allows data_csv only for small toy/demo datasets (≤ MAX_ROWS rows).
+ * Blocks larger payloads and instructs Claude to use data_path instead,
+ * keeping research-scale data off Anthropic's servers.
+ */
+
+const MAX_ROWS = 50;
+
+let raw = '';
+process.stdin.on('data', chunk => { raw += chunk; });
+process.stdin.on('end', () => {
+    let call;
+    try { call = JSON.parse(raw); } catch { process.exit(0); }
+
+    const csv = call.tool_input?.data_csv;
+    if (!csv) process.exit(0);  // data_path used — allow
+
+    const rows = csv.trim().split('\n').length - 1;  // subtract header row
+    if (rows <= MAX_ROWS) process.exit(0);           // toy/demo data — allow
+
+    process.stderr.write(
+        `[ENA privacy gate] Blocked: data_csv contains ${rows} rows (limit: ${MAX_ROWS}).\n` +
+        `Raw data at this scale should not travel through the conversation.\n` +
+        `Ask the user to provide the file path and use data_path instead.`
+    );
+    process.exit(1);
+});

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@qe-mcp/server-ena",
+  "version": "0.1.1",
+  "description": "MCP server for Epistemic Network Analysis — WASM backend, zero Python dependency",
+  "type": "module",
+  "main": "server.js",
+  "bin": {
+    "server-ena": "./server.js"
+  },
+  "scripts": {
+    "start": "node server.js"
+  },
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.4.0",
+    "@qe-libs/qeviz": "^0.1.0",
+    "@qe-libs/rena-wasm": "^0.1.0",
+    "@resvg/resvg-js": "^2.6.2",
+    "jsdom": "^25.0.1"
+  },
+  "keywords": [
+    "mcp",
+    "ena",
+    "epistemic-network-analysis",
+    "wasm"
+  ],
+  "license": "GPL-3.0-only"
+}

package/qeviz-init.js

@@ -0,0 +1,11 @@
+
+const vizData = {"directed":false,"updated":1781562967182,"id_col":"ENA_UNIT","node_id_col":"code","x_col":"x","y_col":"y","nodes":{"data":[{"code":"Questioning","x":-0.11103679945900916,"y":-0.25939267648599906},{"code":"Hypothesis","x":0.5528730944586759,"y":-6.217776977504038},{"code":"Evidence","x":-0.9369277688750262,"y":3.5436625297313116},{"code":"Reasoning","x":-0.13826394729139724,"y":-0.4698652306368787},{"code":"Reflection","x":-0.47365076416546176,"y":0.7961638952960035},{"code":"Planning","x":3.444750013738042,"y":1.4489822276896318},{"code":"Monitoring","x":-0.7768540871390985,"y":2.59597273140536}],"types":{"code":"character","x":"numeric","y":"numeric"}},"edges":{"data":[{"ENA_UNIT":"S01","Condition":"Treatment","Questioning.Hypothesis":0.31426968052735443,"Questioning.Evidence":0.15713484026367722,"Hypothesis.Evidence":0.23570226039551584,"Questioning.Reasoning":0.31426968052735443,"Hypothesis.Reasoning":0.31426968052735443,"Evidence.Reasoning":0.23570226039551584,"Questioning.Reflection":0.15713484026367722,"Hypothesis.Reflection":0.15713484026367722,"Evidence.Reflection":0.15713484026367722,"Reasoning.Reflection":0.15713484026367722,"Questioning.Planning":0.23570226039551584,"Hypothesis.Planning":0.23570226039551584,"Evidence.Planning":0.23570226039551584,"Reasoning.Planning":0.31426968052735443,"Reflection.Planning":0.15713484026367722,"Questioning.Monitoring":0.15713484026367722,"Hypothesis.Monitoring":0.15713484026367722,"Evidence.Monitoring":0.15713484026367722,"Reasoning.Monitoring":0.23570226039551584,"Reflection.Monitoring":0.15713484026367722,"Planning.Monitoring":0.15713484026367722},{"ENA_UNIT":"S02","Condition":"Treatment","Questioning.Hypothesis":0.1889822365046136,"Questioning.Evidence":0.1889822365046136,"Hypothesis.Evidence":0.2519763153394848,"Questioning.Reasoning":0.2519763153394848,"Hypothesis.Reasoning":0.2519763153394848,"Evidence.Reasoning":0.1889822365046136,"Questioning.Reflection":0.1889822365046136,"Hypothesis.Reflection":0.1889822365046136,"Evidence.Reflection":0.1889822365046136,"Reasoning.Reflection":0.1889822365046136,"Questioning.Planning":0.2519763153394848,"Hypothesis.Planning":0.2519763153394848,"Evidence.Planning":0.2519763153394848,"Reasoning.Planning":0.1889822365046136,"Reflection.Planning":0.2519763153394848,"Questioning.Monitoring":0.1889822365046136,"Hypothesis.Monitoring":0.2519763153394848,"Evidence.Monitoring":0.1889822365046136,"Reasoning.Monitoring":0.1889822365046136,"Reflection.Monitoring":0.2519763153394848,"Planning.Monitoring":0.1889822365046136},{"ENA_UNIT":"S03","Condition":"Control","Questioning.Hypothesis":0.2279211529192759,"Questioning.Evidence":0.2279211529192759,"Hypothesis.Evidence":0.2279211529192759,"Questioning.Reasoning":0.3418817293789138,"Hypothesis.Reasoning":0.3418817293789138,"Evidence.Reasoning":0.2279211529192759,"Questioning.Reflection":0.11396057645963795,"Hypothesis.Reflection":0.2279211529192759,"Evidence.Reflection":0.2279211529192759,"Reasoning.Reflection":0.2279211529192759,"Questioning.Planning":0,"Hypothesis.Planning":0,"Evidence.Planning":0,"Reasoning.Planning":0,"Reflection.Planning":0,"Questioning.Monitoring":0.3418817293789138,"Hypothesis.Monitoring":0.2279211529192759,"Evidence.Monitoring":0.2279211529192759,"Reasoning.Monitoring":0.3418817293789138,"Reflection.Monitoring":0.2279211529192759,"Planning.Monitoring":0},{"ENA_UNIT":"S04","Condition":"Control","Questioning.Hypothesis":0.2544566789039913,"Questioning.Evidence":0.2544566789039913,"Hypothesis.Evidence":0.2544566789039913,"Questioning.Reasoning":0.33927557187198837,"Hypothesis.Reasoning":0.16963778593599418,"Evidence.Reasoning":0.2544566789039913,"Questioning.Reflection":0.2544566789039913,"Hypothesis.Reflection":0.2544566789039913,"Evidence.Reflection":0.2544566789039913,"Reasoning.Reflection":0.2544566789039913,"Questioning.Planning":0,"Hypothesis.Planning":0,"Evidence.Planning":0,"Reasoning.Planning":0,"Reflection.Planning":0,"Questioning.Monitoring":0.16963778593599418,"Hypothesis.Monitoring":0.2544566789039913,"Evidence.Monitoring":0.2544566789039913,"Reasoning.Monitoring":0.33927557187198837,"Reflection.Monitoring":0.2544566789039913,"Planning.Monitoring":0},{"ENA_UNIT":"S05","Condition":"Treatment","Questioning.Hypothesis":0.3481553119113957,"Questioning.Evidence":0.26111648393354675,"Hypothesis.Evidence":0.17407765595569785,"Questioning.Reasoning":0.26111648393354675,"Hypothesis.Reasoning":0.3481553119113957,"Evidence.Reasoning":0.26111648393354675,"Questioning.Reflection":0.17407765595569785,"Hypothesis.Reflection":0.17407765595569785,"Evidence.Reflection":0.17407765595569785,"Reasoning.Reflection":0.17407765595569785,"Questioning.Planning":0.26111648393354675,"Hypothesis.Planning":0.3481553119113957,"Evidence.Planning":0.26111648393354675,"Reasoning.Planning":0.26111648393354675,"Reflection.Planning":0.17407765595569785,"Questioning.Monitoring":0.08703882797784893,"Hypothesis.Monitoring":0.08703882797784893,"Evidence.Monitoring":0.08703882797784893,"Reasoning.Monitoring":0.08703882797784893,"Reflection.Monitoring":0.08703882797784893,"Planning.Monitoring":0.08703882797784893},{"ENA_UNIT":"S06","Condition":"Treatment","Questioning.Hypothesis":0.25098232205526344,"Questioning.Evidence":0.18823674154144757,"Hypothesis.Evidence":0.25098232205526344,"Questioning.Reasoning":0.25098232205526344,"Hypothesis.Reasoning":0.25098232205526344,"Evidence.Reasoning":0.18823674154144757,"Questioning.Reflection":0.25098232205526344,"Hypothesis.Reflection":0.18823674154144757,"Evidence.Reflection":0.18823674154144757,"Reasoning.Reflection":0.12549116102763172,"Questioning.Planning":0.25098232205526344,"Hypothesis.Planning":0.25098232205526344,"Evidence.Planning":0.25098232205526344,"Reasoning.Planning":0.18823674154144757,"Reflection.Planning":0.18823674154144757,"Questioning.Monitoring":0.18823674154144757,"Hypothesis.Monitoring":0.18823674154144757,"Evidence.Monitoring":0.18823674154144757,"Reasoning.Monitoring":0.25098232205526344,"Reflection.Monitoring":0.18823674154144757,"Planning.Monitoring":0.25098232205526344},{"ENA_UNIT":"S07","Condition":"Control","Questioning.Hypothesis":0.24433888871261045,"Questioning.Evidence":0.24433888871261045,"Hypothesis.Evidence":0.24433888871261045,"Questioning.Reasoning":0.36650833306891567,"Hypothesis.Reasoning":0.12216944435630522,"Evidence.Reasoning":0.24433888871261045,"Questioning.Reflection":0.36650833306891567,"Hypothesis.Reflection":0.24433888871261045,"Evidence.Reflection":0.24433888871261045,"Reasoning.Reflection":0.24433888871261045,"Questioning.Planning":0,"Hypothesis.Planning":0,"Evidence.Planning":0,"Reasoning.Planning":0,"Reflection.Planning":0,"Questioning.Monitoring":0.24433888871261045,"Hypothesis.Monitoring":0.24433888871261045,"Evidence.Monitoring":0.24433888871261045,"Reasoning.Monitoring":0.24433888871261045,"Reflection.Monitoring":0.24433888871261045,"Planning.Monitoring":0},{"ENA_UNIT":"S08","Condition":"Control","Questioning.Hypothesis":0.33927557187198837,"Questioning.Evidence":0.2544566789039913,"Hypothesis.Evidence":0.16963778593599418,"Questioning.Reasoning":0.16963778593599418,"Hypothesis.Reasoning":0.33927557187198837,"Evidence.Reasoning":0.2544566789039913,"Questioning.Reflection":0.2544566789039913,"Hypothesis.Reflection":0.2544566789039913,"Evidence.Reflection":0.2544566789039913,"Reasoning.Reflection":0.2544566789039913,"Questioning.Planning":0,"Hypothesis.Planning":0,"Evidence.Planning":0,"Reasoning.Planning":0,"Reflection.Planning":0,"Questioning.Monitoring":0.2544566789039913,"Hypothesis.Monitoring":0.2544566789039913,"Evidence.Monitoring":0.2544566789039913,"Reasoning.Monitoring":0.2544566789039913,"Reflection.Monitoring":0.2544566789039913,"Planning.Monitoring":0}],"types":{"ENA_UNIT":"character","Condition":"character","Questioning.Hypothesis":"numeric","Questioning.Evidence":"numeric","Hypothesis.Evidence":"numeric","Questioning.Reasoning":"numeric","Hypothesis.Reasoning":"numeric","Evidence.Reasoning":"numeric","Questioning.Reflection":"numeric","Hypothesis.Reflection":"numeric","Evidence.Reflection":"numeric","Reasoning.Reflection":"numeric","Questioning.Planning":"numeric","Hypothesis.Planning":"numeric","Evidence.Planning":"numeric","Reasoning.Planning":"numeric","Reflection.Planning":"numeric","Questioning.Monitoring":"numeric","Hypothesis.Monitoring":"numeric","Evidence.Monitoring":"numeric","Reasoning.Monitoring":"numeric","Reflection.Monitoring":"numeric","Planning.Monitoring":"numeric"}},"points":{"data":[{"ENA_UNIT":"S01","x":0.3037841360667453,"y":-0.04117562721391022,"Condition":"Treatment"},{"ENA_UNIT":"S02","x":0.27230258220332104,"y":0.13321009166541833,"Condition":"Treatment"},{"ENA_UNIT":"S03","x":-0.30139827112328216,"y":-0.05483859029708646,"Condition":"Control"},{"ENA_UNIT":"S04","x":-0.3216504093955554,"y":0.06212687811064836,"Condition":"Control"},{"ENA_UNIT":"S05","x":0.391013361304719,"y":-0.21096963035525595,"Condition":"Treatment"},{"ENA_UNIT":"S06","x":0.2773550326890605,"y":0.11893516590374067,"Condition":"Treatment"},{"ENA_UNIT":"S07","x":-0.32398918147829914,"y":0.10289864233005344,"Condition":"Control"},{"ENA_UNIT":"S08","x":-0.2974172502667091,"y":-0.11018693014360789,"Condition":"Control"}],"types":{"ENA_UNIT":"character","x":"numeric","y":"numeric","Condition":"character"}},"group_col":"Condition"};
+document.getElementById('vis-cmp').setModelData(vizData);
+document.getElementById('vis-treat').setModelData(vizData);
+document.getElementById('vis-ctrl').setModelData(vizData);
+function sw(id, btn) {
+  document.querySelectorAll('.tab').forEach(t=>t.classList.remove('on'));
+  document.querySelectorAll('.panel').forEach(p=>p.classList.remove('on'));
+  btn.classList.add('on');
+  document.getElementById('p-'+id).classList.add('on');
+}

package/qeviz-widget.html

@@ -0,0 +1,50 @@
+<style>
+*{box-sizing:border-box;margin:0;padding:0}
+body{font-family:system-ui,sans-serif;background:transparent}
+.tabs{display:flex;gap:4px;padding:10px 10px 0}
+.tab{padding:5px 14px;border-radius:6px 6px 0 0;font-size:12px;font-weight:500;cursor:pointer;
+  background:#e8e8ec;color:#555;border:none;border-bottom:2px solid transparent}
+.tab.on{background:#fff;color:#1a1a2e;border-bottom:2px solid #fff;border:1px solid #ddd;border-bottom:2px solid #fff}
+.panels{background:#fff;border:1px solid #ddd;border-radius:0 6px 6px 6px;margin:0 10px 10px;overflow:hidden}
+.panel{display:none;height:520px}
+.panel.on{display:block}
+qe-visual{display:block;width:100%;height:100%}
+qe-graph{display:block;width:100%;height:100%}
+</style>
+
+<div class="tabs">
+  <button class="tab on" onclick="sw('cmp',this)">Comparison</button>
+  <button class="tab" onclick="sw('treat',this)">Treatment mean</button>
+  <button class="tab" onclick="sw('ctrl',this)">Control mean</button>
+</div>
+<div class="panels">
+  <div class="panel on" id="p-cmp">
+    <qe-visual id="vis-cmp">
+      <qe-graph width="100%" height="520" label-nodes="on">
+        <qe-edges group="Treatment" also="Control"></qe-edges>
+        <qe-points label="auto"></qe-points>
+        <qe-means confidence></qe-means>
+      </qe-graph>
+    </qe-visual>
+  </div>
+  <div class="panel" id="p-treat">
+    <qe-visual id="vis-treat">
+      <qe-graph width="100%" height="520" label-nodes="on">
+        <qe-edges group="Treatment"></qe-edges>
+        <qe-points label="auto"></qe-points>
+        <qe-means confidence></qe-means>
+      </qe-graph>
+    </qe-visual>
+  </div>
+  <div class="panel" id="p-ctrl">
+    <qe-visual id="vis-ctrl">
+      <qe-graph width="100%" height="520" label-nodes="on">
+        <qe-edges group="Control"></qe-edges>
+        <qe-points label="auto"></qe-points>
+        <qe-means confidence></qe-means>
+      </qe-graph>
+    </qe-visual>
+  </div>
+</div>
+<script src="qeviz.umd.js"></script>
+<script src="qeviz-init.js"></script>