github-llm-council 0.0.1 → 2.0.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Varun R
+Copyright (c) 2026 Varun Ramesh
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,63 +1,62 @@
-# LLM Council (VS Code Extension)
+# LLM Council
 
-Minimal, streaming “council” workflow using the VS Code Language Model API (e.g., Copilot models). Runs three stages, logs streams, and saves a markdown artifact per run.
+Watch multiple AI models debate side-by-side using GitHub Copilot.
 
-Current state
-- Command: `LLM Council` (editor context menu / `llmCouncil.run`).
-- Flow: pick context (file/selection/none) → pick prompt template → edit prompt → pick models (defaults auto-resolved and remembered per workspace) → council runs (3 stages) with streaming output.
-- Models: via `vscode.lm.selectChatModels`; defaults prefer `gpt-5.1`, `sonnet-4.5`, `gemini-pro-3` when available.
-- Output: streams tagged by stage/model; a markdown artifact (with front matter + transcripts) is saved to the workspace root and opened in a new tab. History kept in global storage (`llmCouncil.historySize`).
-- Tests: unit/integration via Vitest.
+Type a spicy question, watch GPT-5, Claude, and Gemini respond simultaneously with a dark hacker aesthetic.
 
-## Installation
-Prereqs: VS Code ≥1.84, VS Code CLI `code` on PATH, Copilot (or other LM API provider) with chat models enabled.
+## Quick Start
 
-Dev/local install
 ```bash
-npm install                 # install deps
-npm run package:vsix        # builds dist/llm-council.vsix
-code --install-extension dist/llm-council.vsix --force  # install into VS Code
-# Optional: npm pack  # to produce github-llm-council-0.0.1.tgz
-```
+# Prerequisites: Copilot CLI installed and authenticated
+copilot auth login
 
-User install after publish
-```bash
-npm install -g github-llm-council   # postinstall auto-installs the bundled VSIX via `code`
+# Run
+npx github-llm-council
 ```
 
-Upgrade
-```bash
-npm update -g github-llm-council    # or npm install -g github-llm-council@latest
-```
+Opens http://localhost:3000 - pick a prompt or type your own, watch the models respond in real-time.
 
-Publish (maintainers)
-```bash
-npm install
-npm run package:vsix   # produce dist/llm-council.vsix
-npm pack               # produce github-llm-council-0.0.1.tgz
-npm publish            # prepublishOnly rebuilds/package before publish
-```
+## Requirements
+
+- **Node.js 18+**
+- **GitHub Copilot subscription** (Individual, Business, or Enterprise)
+- **Copilot CLI** installed and authenticated:
+  ```bash
+  npm install -g @github/copilot-cli
+  copilot auth login
+  ```
 
-## Usage
-1) Right-click in an editor → `LLM Council` (or run via Command Palette).
-2) Choose context (file/selection/none).
-3) Pick a prompt template, then edit/enter your prompt.
-4) Confirm model selection (defaults pre-selected and remembered per workspace).
-5) Watch streaming output; a markdown artifact opens and saves to the workspace root.
+## Available Models
 
-Requires: VS Code with LM API-capable extension (e.g., GitHub Copilot) and access to chat models.
+The council can use any model available through GitHub Copilot:
 
-## Configuration
-- `llmCouncil.defaultModels` (array): preferred model ids; first available three are used when no stored selection exists.
-- `llmCouncil.historySize` (number): maximum run summaries to retain.
+- GPT-5, GPT-5.1, GPT-5.2
+- Claude Opus 4.5, Claude Sonnet 4.5, Claude Sonnet 4
+- Gemini 3 Pro
+- And more...
+
+## How It Works
+
+Uses the [@github/copilot-sdk](https://github.com/github/copilot-sdk) to spawn parallel streaming sessions. Each model receives the same prompt and streams its response independently.
+
+See `src/app.ts` for the Express server implementation.
+
+## Development
 
-## Testing
 ```bash
-npm run lint
-npm run test:unit
-npm run test:integration
+git clone https://github.com/varunr89/github-llm-council
+cd github-llm-council
+npm install
+npm run dev
 ```
 
-## Notes
-- Model choices are remembered per workspace between runs.
-- Prompts live in `src/prompts.ts`; edit and rebuild/package to distribute changes.
+### Scripts
+
+- `npm run dev` - Start development server with hot reload
+- `npm run build` - Compile TypeScript
+- `npm run test` - Run unit tests
+- `npm run test:e2e` - Run end-to-end tests
+
+## License
+
+MIT

package/bin/cli.js

@@ -0,0 +1,96 @@
+#!/usr/bin/env node
+
+import { spawn, execSync } from 'node:child_process';
+import { fileURLToPath } from 'node:url';
+import path from 'node:path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Check for GitHub Copilot CLI before starting
+function checkCopilotCLI() {
+  try {
+    execSync('gh copilot --version', { stdio: 'pipe' });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+function checkGitHubCLI() {
+  try {
+    execSync('gh --version', { stdio: 'pipe' });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+if (!checkGitHubCLI()) {
+  console.error(`
+╔════════════════════════════════════════════════════════════════════╗
+║  ERROR: GitHub CLI (gh) is not installed                           ║
+╠════════════════════════════════════════════════════════════════════╣
+║  This tool requires the GitHub CLI to access Copilot models.       ║
+║                                                                    ║
+║  Install it from: https://cli.github.com/                          ║
+║                                                                    ║
+║  After installing, authenticate with:                              ║
+║    gh auth login                                                   ║
+╚════════════════════════════════════════════════════════════════════╝
+`);
+  process.exit(1);
+}
+
+if (!checkCopilotCLI()) {
+  console.error(`
+╔════════════════════════════════════════════════════════════════════╗
+║  ERROR: GitHub Copilot CLI extension is not installed              ║
+╠════════════════════════════════════════════════════════════════════╣
+║  This tool requires the Copilot extension for the GitHub CLI.      ║
+║                                                                    ║
+║  Install it with:                                                  ║
+║    gh extension install github/gh-copilot                          ║
+║                                                                    ║
+║  You also need an active GitHub Copilot subscription.              ║
+║  Learn more: https://github.com/features/copilot                   ║
+╚════════════════════════════════════════════════════════════════════╝
+`);
+  process.exit(1);
+}
+
+const port = process.env.PORT || '3000';
+const noOpen = process.argv.includes('--no-open');
+
+// Path to compiled server
+const serverPath = path.join(__dirname, '..', 'dist', 'src', 'server.js');
+
+console.log(`Starting LLM Council on port ${port}...`);
+
+const server = spawn('node', [serverPath], {
+  env: { ...process.env, PORT: port },
+  stdio: 'inherit',
+});
+
+if (!noOpen) {
+  const open = await import('open');
+  setTimeout(() => {
+    const url = `http://localhost:${port}`;
+    console.log(`Opening ${url} in browser...`);
+    open.default(url);
+  }, 2000);
+}
+
+process.on('SIGINT', () => {
+  server.kill('SIGINT');
+  process.exit(0);
+});
+
+process.on('SIGTERM', () => {
+  server.kill('SIGTERM');
+  process.exit(0);
+});
+
+server.on('exit', (code) => {
+  process.exit(code ?? 0);
+});

package/dist/src/app.d.ts

@@ -0,0 +1,2 @@
+export declare function createApp(): Promise<import("express-serve-static-core").Express>;
+//# sourceMappingURL=app.d.ts.map

package/dist/src/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/app.ts"],"names":[],"mappings":"AAgDA,wBAAsB,SAAS,yDAiK9B"}

package/dist/src/app.js

@@ -0,0 +1,182 @@
+import express from 'express';
+import path from 'node:path';
+import fs from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { CopilotClient } from '@github/copilot-sdk';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+// Resolve public path - works both in dev (src/) and prod (dist/src/)
+function resolvePublicPath() {
+    // Check if sibling public folder exists (dev mode: src/public)
+    const siblingPublic = path.join(__dirname, 'public');
+    if (fs.existsSync(siblingPublic)) {
+        return siblingPublic;
+    }
+    // Fallback: assume we're in dist/src/, go up to find src/public
+    return path.join(__dirname, '..', '..', 'src', 'public');
+}
+// Available models from GitHub Copilot CLI
+const AVAILABLE_MODELS = [
+    // GPT Models
+    { id: 'gpt-5.2', name: 'GPT-5.2' },
+    { id: 'gpt-5.2-codex', name: 'GPT-5.2 Codex' },
+    { id: 'gpt-5.1', name: 'GPT-5.1' },
+    { id: 'gpt-5.1-codex', name: 'GPT-5.1 Codex' },
+    { id: 'gpt-5.1-codex-max', name: 'GPT-5.1 Codex Max' },
+    { id: 'gpt-5.1-codex-mini', name: 'GPT-5.1 Codex Mini (Preview)' },
+    { id: 'gpt-5', name: 'GPT-5' },
+    { id: 'gpt-5-mini', name: 'GPT-5 Mini' },
+    { id: 'gpt-5-codex', name: 'GPT-5 Codex (Preview)' },
+    { id: 'gpt-4.1', name: 'GPT-4.1' },
+    { id: 'gpt-4o', name: 'GPT-4o' },
+    // Claude Models
+    { id: 'claude-opus-4.5', name: 'Claude Opus 4.5' },
+    { id: 'claude-opus-4.1', name: 'Claude Opus 4.1' },
+    { id: 'claude-sonnet-4.5', name: 'Claude Sonnet 4.5' },
+    { id: 'claude-sonnet-4', name: 'Claude Sonnet 4' },
+    { id: 'claude-haiku-4.5', name: 'Claude Haiku 4.5' },
+    // Gemini Models
+    { id: 'gemini-3-pro-preview', name: 'Gemini 3 Pro (Preview)' },
+    { id: 'gemini-3-flash-preview', name: 'Gemini 3 Flash (Preview)' },
+    { id: 'gemini-2.5-pro', name: 'Gemini 2.5 Pro' },
+    // Internal
+    { id: 'goldeneye', name: 'Goldeneye (Internal Only)' },
+];
+export async function createApp() {
+    const app = express();
+    app.use(express.json());
+    const MAX_MODELS = Number(process.env.MAX_MODELS ?? 3);
+    const useMock = process.env.COPILOT_MOCK === '1';
+    const client = useMock ? null : new CopilotClient();
+    if (client) {
+        await client.start();
+    }
+    // Serve static files from public directory
+    const publicPath = resolvePublicPath();
+    app.use(express.static(publicPath));
+    app.get('/api/models', (_req, res) => {
+        res.json({ models: AVAILABLE_MODELS });
+    });
+    app.post('/api/ask', async (req, res) => {
+        const prompt = typeof req.body?.prompt === 'string' ? req.body.prompt : '';
+        if (!prompt.trim()) {
+            res.status(400).json({ error: 'Prompt is required.' });
+            return;
+        }
+        if (!client) {
+            res.json({ content: '[mock] response' });
+            return;
+        }
+        const session = await client.createSession({ model: 'gpt-5' });
+        const message = await session.sendAndWait({ prompt });
+        await session.destroy();
+        res.json({ content: message?.data.content ?? '' });
+    });
+    app.post('/api/stream', async (req, res) => {
+        const prompt = typeof req.body?.prompt === 'string' ? req.body.prompt : '';
+        if (!prompt.trim()) {
+            res.status(400).json({ error: 'Prompt is required.' });
+            return;
+        }
+        res.setHeader('Content-Type', 'text/event-stream');
+        res.setHeader('Cache-Control', 'no-cache');
+        res.setHeader('Connection', 'keep-alive');
+        res.flushHeaders();
+        if (!client) {
+            res.write(`data: ${JSON.stringify({ delta: '[mock] stream' })}\n\n`);
+            res.write('event: done\n');
+            res.write('data: {}\n\n');
+            res.end();
+            return;
+        }
+        const session = await client.createSession({ model: 'gpt-5', streaming: true });
+        const unsubscribe = session.on((event) => {
+            if (event.type === 'assistant.message_delta') {
+                const chunk = event.data.deltaContent ?? '';
+                if (chunk) {
+                    res.write(`data: ${JSON.stringify({ delta: chunk })}\n\n`);
+                }
+            }
+            else if (event.type === 'assistant.message') {
+                res.write(`data: ${JSON.stringify({ content: event.data.content })}\n\n`);
+            }
+            else if (event.type === 'session.idle') {
+                res.write('event: done\n');
+                res.write('data: {}\n\n');
+                res.end();
+                unsubscribe();
+                session.destroy();
+            }
+        });
+        try {
+            await session.send({ prompt });
+        }
+        catch (error) {
+            res.write(`data: ${JSON.stringify({ error: String(error) })}\n\n`);
+            res.end();
+            unsubscribe();
+            await session.destroy();
+        }
+    });
+    app.post('/api/council', async (req, res) => {
+        const prompt = typeof req.body?.prompt === 'string' ? req.body.prompt : '';
+        const models = Array.isArray(req.body?.models) ? req.body.models : [];
+        if (!prompt.trim()) {
+            res.status(400).json({ error: 'Prompt is required.' });
+            return;
+        }
+        if (models.length === 0) {
+            res.status(400).json({ error: 'At least one model is required.' });
+            return;
+        }
+        if (models.length > MAX_MODELS) {
+            res.status(400).json({ error: `MAX_MODELS=${MAX_MODELS} exceeded.` });
+            return;
+        }
+        res.setHeader('Content-Type', 'text/event-stream');
+        res.setHeader('Cache-Control', 'no-cache');
+        res.setHeader('Connection', 'keep-alive');
+        res.flushHeaders();
+        if (!client) {
+            models.forEach((modelId) => {
+                res.write(`data: ${JSON.stringify({ model: modelId, delta: '[mock] response' })}\n\n`);
+                res.write(`data: ${JSON.stringify({ model: modelId, done: true })}\n\n`);
+            });
+            res.write('event: done\ndata: {}\n\n');
+            res.end();
+            return;
+        }
+        const sessions = await Promise.all(models.map((modelId) => client.createSession({ model: modelId, streaming: true })));
+        let completedCount = 0;
+        const unsubscribers = [];
+        sessions.forEach((session, index) => {
+            const modelId = models[index];
+            const unsubscribe = session.on((event) => {
+                if (event.type === 'assistant.message_delta') {
+                    const chunk = event.data?.deltaContent ?? '';
+                    if (chunk) {
+                        res.write(`data: ${JSON.stringify({ model: modelId, delta: chunk })}\n\n`);
+                    }
+                }
+                else if (event.type === 'session.idle') {
+                    completedCount++;
+                    res.write(`data: ${JSON.stringify({ model: modelId, done: true })}\n\n`);
+                    if (completedCount === models.length) {
+                        res.write('event: done\ndata: {}\n\n');
+                        res.end();
+                        unsubscribers.forEach((unsub) => unsub());
+                        sessions.forEach((s) => s.destroy());
+                    }
+                }
+            });
+            unsubscribers.push(unsubscribe);
+        });
+        sessions.forEach((session, index) => {
+            session.send({ prompt }).catch((error) => {
+                res.write(`data: ${JSON.stringify({ model: models[index], error: String(error) })}\n\n`);
+            });
+        });
+    });
+    return app;
+}
+//# sourceMappingURL=app.js.map

package/dist/src/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app.ts"],"names":[],"mappings":"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"}

package/dist/src/server.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=server.d.ts.map

package/dist/src/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/server.ts"],"names":[],"mappings":""}

package/dist/src/server.js

@@ -0,0 +1,8 @@
+import { createApp } from './app.js';
+const app = await createApp();
+const port = Number(process.env.PORT ?? 3000);
+const host = process.env.HOST ?? '0.0.0.0';
+app.listen(port, host, () => {
+    console.log(`LLM Council running at http://${host}:${port}`);
+});
+//# sourceMappingURL=server.js.map

package/dist/src/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,GAAG,GAAG,MAAM,SAAS,EAAE,CAAC;AAE9B,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,SAAS,CAAC;AAC3C,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE;IAC1B,OAAO,CAAC,GAAG,CAAC,iCAAiC,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;AAC/D,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,78 +1,64 @@
 {
   "name": "github-llm-council",
-  "displayName": "LLM Council",
-  "description": "VS Code extension for running an LLM council via the LM API",
-  "version": "0.0.1",
-  "publisher": "varunr89",
+  "version": "2.0.1",
+  "description": "Watch multiple AI models debate side-by-side using GitHub Copilot",
+  "type": "module",
+  "main": "dist/src/server.js",
+  "bin": {
+    "github-llm-council": "./bin/cli.js"
+  },
+  "files": [
+    "dist",
+    "bin",
+    "src/public"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsx watch src/server.ts",
+    "start": "node dist/src/server.js",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:e2e": "playwright test",
+    "test:all": "npm run test && npm run test:e2e",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "github",
+    "copilot",
+    "llm",
+    "ai",
+    "gpt",
+    "claude",
+    "gemini",
+    "streaming"
+  ],
+  "author": "Varun Ramesh",
+  "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/varunr89/github-llm-council.git"
+    "url": "git+https://github.com/varunr89/github-llm-council.git"
   },
-  "engines": {
-    "vscode": "^1.84.0"
-  },
-  "bin": {
-    "github-llm-council": "bin/install.js"
+  "bugs": {
+    "url": "https://github.com/varunr89/github-llm-council/issues"
   },
-  "activationEvents": [
-    "onCommand:llmCouncil.run"
-  ],
-  "main": "./out/extension.js",
-  "contributes": {
-    "commands": [
-      {
-        "command": "llmCouncil.run",
-        "title": "LLM Council"
-      }
-    ],
-    "menus": {
-      "editor/context": [
-        {
-          "command": "llmCouncil.run",
-          "group": "navigation"
-        }
-      ]
-    },
-    "configuration": {
-      "title": "LLM Council",
-      "properties": {
-        "llmCouncil.defaultModels": {
-          "type": "array",
-          "default": ["gpt-5.1", "sonnet-4.5", "gemini-pro-3"],
-          "description": "Preferred model ids for council; first available three are used."
-        },
-        "llmCouncil.historySize": {
-          "type": "number",
-          "default": 20,
-          "description": "Maximum number of run summaries to keep."
-        }
-      }
-    }
+  "homepage": "https://github.com/varunr89/github-llm-council#readme",
+  "engines": {
+    "node": ">=18"
   },
-  "scripts": {
-    "vscode:prepublish": "npm run compile",
-    "compile": "tsc -p ./",
-    "watch": "tsc -watch -p ./",
-    "test": "npm run compile && npm run test:unit && npm run test:integration",
-    "test:unit": "vitest run",
-    "test:integration": "vitest run src/test/unit/markdownArtifact.integration.test.ts",
-    "lint": "tsc -p ./ --noEmit",
-    "package:vsix": "npx vsce package --no-yarn --out dist/llm-council.vsix",
-    "prepublishOnly": "npm run compile && npm run package:vsix",
-    "postinstall": "node bin/install.js"
+  "dependencies": {
+    "@github/copilot-sdk": "^0.1.13",
+    "express": "^5.2.1",
+    "open": "^11.0.0"
   },
   "devDependencies": {
-    "@types/glob": "^7.2.0",
-    "@types/mocha": "^10.0.0",
-    "@types/node": "^20.0.0",
-    "@types/vscode": "^1.84.0",
-    "@vscode/test-electron": "^2.4.0",
-    "eslint": "^8.0.0",
-    "glob": "^7.2.3",
-    "mocha": "^10.0.0",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.0.0",
-    "vitest": "^1.6.1",
-    "@vscode/vsce": "^2.31.0"
+    "@playwright/test": "^1.57.0",
+    "@types/express": "^5.0.6",
+    "@types/supertest": "^6.0.3",
+    "@vitest/coverage-v8": "^4.0.17",
+    "playwright": "^1.57.0",
+    "supertest": "^7.2.2",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.17"
   }
 }

package/src/public/app.js

@@ -0,0 +1,218 @@
+const promptInput = document.getElementById('prompt-input');
+const submitBtn = document.getElementById('submit-btn');
+const chips = document.querySelectorAll('.chip');
+const columns = document.querySelectorAll('.council-column');
+const modelSelects = document.querySelectorAll('.model-select');
+
+let availableModels = [];
+
+// Fetch and populate available models
+async function loadModels() {
+  try {
+    const response = await fetch('/api/models');
+    const data = await response.json();
+    availableModels = data.models || [];
+
+    modelSelects.forEach((select, index) => {
+      select.textContent = '';
+      availableModels.forEach((model, modelIndex) => {
+        const option = document.createElement('option');
+        option.value = model.id || model;
+        option.textContent = model.name || model.id || model;
+        // Select different models by default for each column
+        if (modelIndex === index % availableModels.length) {
+          option.selected = true;
+        }
+        select.appendChild(option);
+      });
+    });
+
+    console.log('Loaded models:', availableModels);
+  } catch (error) {
+    console.error('Failed to load models:', error);
+    modelSelects.forEach(select => {
+      select.textContent = '';
+      const option = document.createElement('option');
+      option.value = '';
+      option.textContent = 'Failed to load models';
+      select.appendChild(option);
+    });
+  }
+}
+
+function getSelectedModels() {
+  return Array.from(modelSelects).map(select => select.value).filter(v => v);
+}
+
+function getColumnByIndex(index) {
+  return document.querySelector(`[data-index="${index}"]`);
+}
+
+function resetColumns() {
+  columns.forEach(col => {
+    col.classList.remove('active', 'done', 'error');
+    const responseText = col.querySelector('.response-text');
+    responseText.textContent = '';
+  });
+}
+
+function appendCharWithAnimation(column, char) {
+  const responseText = column.querySelector('.response-text');
+  const span = document.createElement('span');
+  span.className = 'char';
+  span.textContent = char;
+  responseText.appendChild(span);
+
+  const content = column.querySelector('.column-content');
+  content.scrollTop = content.scrollHeight;
+}
+
+function appendTextWithAnimation(column, text) {
+  for (const char of text) {
+    appendCharWithAnimation(column, char);
+  }
+}
+
+function showError(column, message) {
+  const responseText = column.querySelector('.response-text');
+  responseText.textContent = '';
+  const errorSpan = document.createElement('span');
+  errorSpan.className = 'error-message';
+  errorSpan.textContent = message;
+  responseText.appendChild(errorSpan);
+}
+
+async function submitPrompt() {
+  const prompt = promptInput.value.trim();
+  if (!prompt) return;
+
+  const models = getSelectedModels();
+  if (models.length === 0) {
+    alert('Please select at least one model');
+    return;
+  }
+
+  resetColumns();
+  submitBtn.classList.add('loading');
+  submitBtn.disabled = true;
+  columns.forEach(col => col.classList.add('active'));
+
+  // Track completion per column index
+  const completedColumns = new Set();
+
+  try {
+    const response = await fetch('/api/council', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ prompt, models }),
+    });
+
+    if (!response.ok) {
+      throw new Error('HTTP ' + response.status);
+    }
+
+    const reader = response.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = '';
+
+    // Map model ID to column index (models array order matches column order)
+    const modelToIndex = {};
+    models.forEach((model, idx) => {
+      // If same model selected multiple times, we need to track per occurrence
+      if (!modelToIndex[model]) {
+        modelToIndex[model] = [];
+      }
+      modelToIndex[model].push(idx);
+    });
+
+    // Track how many "done" events we've seen per model
+    const modelDoneCount = {};
+
+    while (true) {
+      const { value, done } = await reader.read();
+      if (done) break;
+
+      buffer += decoder.decode(value, { stream: true });
+      const parts = buffer.split('\n\n');
+      buffer = parts.pop() || '';
+
+      for (const part of parts) {
+        if (part.startsWith('event: done')) {
+          return;
+        }
+
+        if (part.startsWith('data: ')) {
+          try {
+            const payload = JSON.parse(part.slice(6));
+
+            if (payload.error) {
+              columns.forEach(col => {
+                col.classList.remove('active');
+                col.classList.add('error');
+                showError(col, 'Error: ' + payload.error);
+              });
+              return;
+            }
+
+            const modelId = payload.model;
+            const indices = modelToIndex[modelId];
+            if (!indices || indices.length === 0) continue;
+
+            // For models selected multiple times, round-robin the done events
+            if (!modelDoneCount[modelId]) modelDoneCount[modelId] = 0;
+
+            // Get the next column index for this model
+            const targetIdx = indices[modelDoneCount[modelId] % indices.length];
+            const column = getColumnByIndex(targetIdx);
+            if (!column) continue;
+
+            if (payload.delta) {
+              appendTextWithAnimation(column, payload.delta);
+            }
+
+            if (payload.done) {
+              column.classList.remove('active');
+              column.classList.add('done');
+              completedColumns.add(targetIdx);
+              modelDoneCount[modelId]++;
+            }
+          } catch (e) {
+            console.error('Parse error:', e);
+          }
+        }
+      }
+    }
+  } catch (error) {
+    console.error('Request failed:', error);
+    columns.forEach(col => {
+      col.classList.remove('active');
+      col.classList.add('error');
+      showError(col, 'Connection failed');
+    });
+  } finally {
+    submitBtn.classList.remove('loading');
+    submitBtn.disabled = false;
+  }
+}
+
+// Event listeners
+submitBtn.addEventListener('click', submitPrompt);
+
+promptInput.addEventListener('keydown', function(e) {
+  if (e.key === 'Enter') {
+    submitPrompt();
+  }
+});
+
+chips.forEach(function(chip) {
+  chip.addEventListener('click', function() {
+    promptInput.value = chip.dataset.prompt;
+    promptInput.classList.add('flash');
+    setTimeout(function() {
+      promptInput.classList.remove('flash');
+    }, 300);
+  });
+});
+
+// Load models on page load
+loadModels();

package/src/public/index.html

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>LLM Council</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <div class="container">
+    <header class="header">
+      <h1 class="title">
+        <span class="title-icon">🔮</span>
+        LLM COUNCIL
+      </h1>
+      <a href="https://github.com" class="github-link" target="_blank">
+        <svg height="24" viewBox="0 0 16 16" width="24" fill="currentColor">
+          <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
+        </svg>
+      </a>
+    </header>
+
+    <div class="input-section">
+      <div class="prompt-chips">
+        <button class="chip" data-prompt="Is Rust better than Go?">Is Rust better than Go?</button>
+        <button class="chip" data-prompt="Tabs or spaces?">Tabs or spaces?</button>
+        <button class="chip" data-prompt="Is AI going to replace developers?">AI replacing devs?</button>
+        <button class="chip" data-prompt="Vim or Emacs?">Vim or Emacs?</button>
+      </div>
+      <div class="input-wrapper">
+        <input type="text" id="prompt-input" class="prompt-input" placeholder="Ask a spicy question..." value="Is Rust better than Go?">
+        <button id="submit-btn" class="submit-btn">⚡</button>
+      </div>
+    </div>
+
+    <div class="council-grid">
+      <div class="council-column" data-index="0">
+        <div class="column-header">
+          <span class="model-indicator"></span>
+          <select class="model-select" data-index="0">
+            <option value="">Loading models...</option>
+          </select>
+        </div>
+        <div class="column-content">
+          <div class="response-text"></div>
+          <span class="cursor"></span>
+        </div>
+      </div>
+
+      <div class="council-column" data-index="1">
+        <div class="column-header">
+          <span class="model-indicator"></span>
+          <select class="model-select" data-index="1">
+            <option value="">Loading models...</option>
+          </select>
+        </div>
+        <div class="column-content">
+          <div class="response-text"></div>
+          <span class="cursor"></span>
+        </div>
+      </div>
+
+      <div class="council-column" data-index="2">
+        <div class="column-header">
+          <span class="model-indicator"></span>
+          <select class="model-select" data-index="2">
+            <option value="">Loading models...</option>
+          </select>
+        </div>
+        <div class="column-content">
+          <div class="response-text"></div>
+          <span class="cursor"></span>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <script src="app.js"></script>
+</body>
+</html>

package/src/public/styles.css

@@ -0,0 +1,351 @@
+:root {
+  --bg-primary: #0a0a0a;
+  --bg-secondary: #111111;
+  --bg-tertiary: #1a1a1a;
+  --text-primary: #e0e0e0;
+  --text-muted: #666666;
+  --border-color: #2a2a2a;
+
+  --gpt-color: #00ffff;
+  --claude-color: #ff00ff;
+  --gemini-color: #00ff88;
+
+  --glow-intensity: 0.6;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'JetBrains Mono', monospace;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  min-height: 100vh;
+  overflow-x: hidden;
+}
+
+.container {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 2rem;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+/* Header */
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 2rem;
+}
+
+.title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.title-icon {
+  font-size: 1.75rem;
+}
+
+.github-link {
+  color: var(--text-muted);
+  transition: color 0.2s, filter 0.2s;
+}
+
+.github-link:hover {
+  color: var(--text-primary);
+  filter: drop-shadow(0 0 8px currentColor);
+}
+
+/* Input Section */
+.input-section {
+  margin-bottom: 2rem;
+}
+
+.prompt-chips {
+  display: flex;
+  gap: 0.75rem;
+  margin-bottom: 1rem;
+  flex-wrap: wrap;
+}
+
+.chip {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  color: var(--text-muted);
+  padding: 0.5rem 1rem;
+  border-radius: 9999px;
+  font-family: inherit;
+  font-size: 0.8rem;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.chip:hover {
+  border-color: var(--text-muted);
+  color: var(--text-primary);
+}
+
+.input-wrapper {
+  display: flex;
+  gap: 1rem;
+  position: relative;
+}
+
+.prompt-input {
+  flex: 1;
+  background: var(--bg-secondary);
+  border: 2px solid var(--border-color);
+  color: var(--text-primary);
+  padding: 1rem 1.5rem;
+  font-family: inherit;
+  font-size: 1rem;
+  border-radius: 8px;
+  outline: none;
+  transition: all 0.3s;
+}
+
+.prompt-input:focus {
+  border-color: var(--gpt-color);
+  box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
+}
+
+.submit-btn {
+  background: linear-gradient(135deg, var(--gpt-color), var(--claude-color));
+  border: none;
+  color: var(--bg-primary);
+  padding: 1rem 2rem;
+  font-size: 1.5rem;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s;
+  font-weight: bold;
+}
+
+.submit-btn:hover {
+  transform: scale(1.05);
+  box-shadow: 0 0 30px rgba(0, 255, 255, 0.4);
+}
+
+.submit-btn:active {
+  transform: scale(0.98);
+}
+
+.submit-btn.loading {
+  animation: pulse 1s infinite;
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.6; }
+}
+
+/* Council Grid */
+.council-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1.5rem;
+  flex: 1;
+}
+
+.council-column {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  transition: all 0.3s;
+}
+
+/* Color by column index */
+.council-column[data-index="0"] {
+  --model-color: var(--gpt-color);
+}
+
+.council-column[data-index="1"] {
+  --model-color: var(--claude-color);
+}
+
+.council-column[data-index="2"] {
+  --model-color: var(--gemini-color);
+}
+
+.council-column.active {
+  border-color: var(--model-color);
+  box-shadow: 0 0 30px rgba(var(--model-color), 0.2);
+}
+
+.council-column.active .column-header {
+  background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, transparent 100%);
+}
+
+.column-header {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 1rem 1.25rem;
+  border-bottom: 1px solid var(--border-color);
+  transition: background 0.3s;
+}
+
+.model-indicator {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: var(--model-color);
+  opacity: 0.4;
+  transition: all 0.3s;
+}
+
+.council-column.active .model-indicator {
+  opacity: 1;
+  box-shadow: 0 0 10px var(--model-color);
+  animation: glow-pulse 2s infinite;
+}
+
+@keyframes glow-pulse {
+  0%, 100% { box-shadow: 0 0 10px var(--model-color); }
+  50% { box-shadow: 0 0 20px var(--model-color), 0 0 30px var(--model-color); }
+}
+
+.model-name {
+  font-size: 0.85rem;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  color: var(--model-color);
+}
+
+.model-select {
+  background: var(--bg-tertiary);
+  border: 1px solid var(--border-color);
+  color: var(--model-color);
+  font-family: inherit;
+  font-size: 0.8rem;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+  padding: 0.4rem 0.6rem;
+  border-radius: 4px;
+  cursor: pointer;
+  outline: none;
+  transition: all 0.2s;
+  min-width: 140px;
+}
+
+.model-select:hover {
+  border-color: var(--model-color);
+}
+
+.model-select:focus {
+  border-color: var(--model-color);
+  box-shadow: 0 0 8px var(--model-color);
+}
+
+.model-select option {
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+}
+
+.column-content {
+  flex: 1;
+  padding: 1.25rem;
+  overflow-y: auto;
+  min-height: 400px;
+  position: relative;
+}
+
+.response-text {
+  line-height: 1.7;
+  font-size: 0.9rem;
+  color: var(--text-primary);
+  white-space: pre-wrap;
+}
+
+.response-text .char {
+  opacity: 0;
+  animation: char-appear 0.1s forwards;
+}
+
+@keyframes char-appear {
+  from {
+    opacity: 0;
+    text-shadow: 0 0 10px var(--model-color);
+  }
+  to {
+    opacity: 1;
+    text-shadow: none;
+  }
+}
+
+.cursor {
+  display: none;
+  width: 2px;
+  height: 1.2em;
+  background: var(--model-color);
+  animation: blink 0.8s infinite;
+  vertical-align: text-bottom;
+  margin-left: 2px;
+  box-shadow: 0 0 8px var(--model-color);
+}
+
+.council-column.active .cursor {
+  display: inline-block;
+}
+
+.council-column.done .cursor {
+  display: none;
+}
+
+@keyframes blink {
+  0%, 50% { opacity: 1; }
+  51%, 100% { opacity: 0; }
+}
+
+/* Flash effect on submit */
+.flash {
+  animation: flash-effect 0.3s;
+}
+
+@keyframes flash-effect {
+  0% { filter: brightness(1); }
+  50% { filter: brightness(1.5); }
+  100% { filter: brightness(1); }
+}
+
+/* Error state */
+.council-column.error {
+  border-color: #ff4444;
+}
+
+.council-column.error .model-indicator {
+  background: #ff4444;
+}
+
+.error-message {
+  color: #ff4444;
+  font-style: italic;
+}
+
+/* Empty state */
+.column-content .empty-state {
+  color: var(--text-muted);
+  font-style: italic;
+  opacity: 0.5;
+}
+
+/* Disable button when loading */
+.submit-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  transform: none !important;
+}

package/bin/install.js

@@ -1,45 +0,0 @@
-#!/usr/bin/env node
-/* eslint-disable no-console */
-const { spawnSync } = require('child_process');
-const fs = require('fs');
-const path = require('path');
-
-const pkgRoot = path.join(__dirname, '..');
-const vsixPath = path.join(pkgRoot, 'dist', 'llm-council.vsix');
-const codeCandidates = [
-  process.env.CODE_BIN,
-  process.env.VSCODE_BIN,
-  'code',
-  'code-insiders'
-].filter(Boolean);
-
-function runCode(cmd, args) {
-  const res = spawnSync(cmd, args, { stdio: 'inherit' });
-  return res.status === 0;
-}
-
-function main() {
-  if (!fs.existsSync(vsixPath)) {
-    console.log(`[llm-council] VSIX not found at ${vsixPath}, skipping auto-install.`);
-    console.log('[llm-council] This is expected in dev; run `npm run package:vsix` before publishing.');
-    return;
-  }
-
-  const args = ['--install-extension', vsixPath, '--force'];
-
-  for (const candidate of codeCandidates) {
-    if (!candidate) continue;
-    console.log(`[llm-council] Installing via ${candidate} ${args.join(' ')}`);
-    if (runCode(candidate, args)) {
-      console.log('[llm-council] Extension installed successfully.');
-      return;
-    }
-  }
-
-  console.error('[llm-council] Failed to install extension. Ensure `code` (VS Code CLI) is on your PATH.');
-  console.error('On macOS: run "Shell Command: Install \'code\' command in PATH" from VS Code command palette.');
-  console.error('On Windows/Linux: ensure the VS Code bin directory is on PATH.');
-  process.exit(1);
-}
-
-main();