npm - @polderlabs/bizar-dash - Versions diffs - 3.0.0 - Mend

@polderlabs/bizar-dash 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/dist/assets/index-B5X9g8B4.css +1 -0
package/dist/assets/index-LqQuSp9d.js +388 -0
package/dist/assets/index-LqQuSp9d.js.map +1 -0
package/dist/index.html +18 -0
package/package.json +67 -0
package/src/cli.mjs +228 -0
package/src/server/agents-store.mjs +190 -0
package/src/server/api.mjs +913 -0
package/src/server/browser.mjs +40 -0
package/src/server/diagnostics-store.mjs +138 -0
package/src/server/mods-loader.mjs +361 -0
package/src/server/projects-store.mjs +198 -0
package/src/server/providers-store.mjs +183 -0
package/src/server/schedules-runner.mjs +150 -0
package/src/server/schedules-store.mjs +233 -0
package/src/server/search-store.mjs +120 -0
package/src/server/server.mjs +388 -0
package/src/server/state.mjs +357 -0
package/src/server/tailscale-store.mjs +113 -0
package/src/server/tasks-store.mjs +275 -0
package/src/server/tui.mjs +844 -0
package/src/server/watcher.mjs +81 -0
package/src/web/App.tsx +316 -0
package/src/web/components/Button.tsx +55 -0
package/src/web/components/Card.tsx +40 -0
package/src/web/components/EmptyState.tsx +30 -0
package/src/web/components/Modal.tsx +137 -0
package/src/web/components/SearchModal.tsx +185 -0
package/src/web/components/Spinner.tsx +19 -0
package/src/web/components/StatusBadge.tsx +25 -0
package/src/web/components/Tag.tsx +28 -0
package/src/web/components/Toast.tsx +142 -0
package/src/web/components/Topbar.tsx +203 -0
package/src/web/index.html +17 -0
package/src/web/lib/api.ts +71 -0
package/src/web/lib/markdown.tsx +59 -0
package/src/web/lib/types.ts +388 -0
package/src/web/lib/utils.ts +79 -0
package/src/web/lib/ws.ts +132 -0
package/src/web/main.tsx +12 -0
package/src/web/styles/main.css +3148 -0
package/src/web/views/Agents.tsx +406 -0
package/src/web/views/Chat.tsx +527 -0
package/src/web/views/Config.tsx +683 -0
package/src/web/views/Mods.tsx +350 -0
package/src/web/views/Overview.tsx +350 -0
package/src/web/views/Plans.tsx +667 -0
package/src/web/views/Schedules.tsx +299 -0
package/src/web/views/Settings.tsx +571 -0
package/src/web/views/Tasks.tsx +761 -0
package/templates/mod/FORMAT.md +76 -0
package/templates/mod/hello-mod/README.md +19 -0
package/templates/mod/hello-mod/agents/greeter.md +8 -0
package/templates/mod/hello-mod/commands/hello.md +6 -0
package/templates/mod/hello-mod/mod.json +20 -0
package/templates/mod/hello-mod/routes/ping.mjs +9 -0
package/templates/mod/hello-mod/views/HelloView.tsx +10 -0
package/tsconfig.json +23 -0
package/vite.config.ts +24 -0

package/dist/index.html ADDED Viewed

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Bizar Dashboard</title>
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🪩</text></svg>" />
+    <link rel="preconnect" href="https://rsms.me/" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+    <script type="module" crossorigin src="./assets/index-LqQuSp9d.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-B5X9g8B4.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/package.json ADDED Viewed

@@ -0,0 +1,67 @@
+{
+  "name": "@polderlabs/bizar-dash",
+  "version": "3.0.0",
+  "description": "Web + TUI dashboard for the Bizar agent platform (optional companion to @polderlabs/bizar)",
+  "type": "module",
+  "bin": {
+    "bizar-dash": "src/cli.mjs"
+  },
+  "main": "src/server/server.mjs",
+  "files": [
+    "src/",
+    "dist/",
+    "vite.config.ts",
+    "tsconfig.json",
+    "templates/"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "blessed": "^0.1.81",
+    "chokidar": "^3.6.0",
+    "express": "^4.22.0",
+    "fuse.js": "^7.0.0",
+    "lucide-react": "^0.460.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "react-markdown": "^9.0.0",
+    "remark-gfm": "^4.0.0",
+    "ws": "^8.18.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "typescript": "^5.5.0",
+    "vite": "^5.4.0"
+  },
+  "peerDependencies": {
+    "@polderlabs/bizar": ">=2.7.0"
+  },
+  "peerDependenciesMeta": {
+    "@polderlabs/bizar-dash": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DrB0rk/BizarHarness.git"
+  },
+  "keywords": [
+    "opencode",
+    "ai-agent",
+    "dashboard",
+    "bizar",
+    "norse"
+  ]
+}

package/src/cli.mjs ADDED Viewed

@@ -0,0 +1,228 @@
+#!/usr/bin/env node
+/**
+ * src/cli.mjs
+ *
+ * v3.0.0 — `bizar-dash` command.
+ *
+ * Subcommands:
+ *   start    — launch dashboard (default)
+ *   stop     — kill the running dashboard
+ *   status   — print port + URL of any running dashboard
+ *   tui      — run the TUI dashboard
+ *   --no-web — TUI only (no browser)
+ *   --web-only — web only
+ *   --bg, --detach — start in background and return
+ */
+import { existsSync, readFileSync, unlinkSync, writeFileSync, mkdirSync } from 'node:fs';
+import { join } from 'node:path';
+import { homedir } from 'node:os';
+import { spawn } from 'node:child_process';
+import { fileURLToPath } from 'node:url';
+import { dirname } from 'node:path';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const BIZAR_HOME = join(homedir(), '.config', 'bizar');
+const PORT_FILE = join(BIZAR_HOME, 'dashboard.port');
+const PID_FILE = join(BIZAR_HOME, 'dashboard.pid');
+const DEFAULT_PORT = 4321;
+function showHelp() {
+  console.log(`
+  bizar-dash — Web + TUI dashboard for the Bizar agent platform
+  Usage:
+    bizar-dash                    Launch the dashboard (default = web)
+    bizar-dash start              Start the dashboard in this process
+    bizar-dash stop               Kill the running dashboard
+    bizar-dash status             Show port + URL of any running dashboard
+    bizar-dash tui [--no-web]     Run the TUI dashboard
+    bizar-dash --bg, --detach     Start in background, return to shell
+    bizar-dash --web-only         Web dashboard only (no TUI)
+    bizar-dash --no-web           TUI only (no browser)
+    bizar-dash --help             Show this help
+  Notes:
+    The dashboard reads your opencode config at
+    ~/.config/opencode/. The per-project state lives in
+    ~/.config/opencode/projects/<id>/. Mods are installed to
+    ~/.config/bizar/mods/.
+  Install:
+    npm install -g @polderlabs/bizar-dash
+    npm install -g @polderlabs/bizar    # required peer
+  `);
+}
+async function findFreePort(preferred) {
+  const net = await import('node:net');
+  for (let p = preferred; p < preferred + 100; p++) {
+    if (await isPortFree(net, p)) return p;
+  }
+  throw new Error(`no free port in range ${preferred}..${preferred + 99}`);
+}
+function isPortFree(net, port) {
+  return new Promise((resolve) => {
+    const server = net.createServer();
+    let settled = false;
+    const finish = (ok) => {
+      if (settled) return;
+      settled = true;
+      resolve(ok);
+    };
+    server.once('error', () => finish(false));
+    server.once('listening', () => server.close(() => finish(true)));
+    const t = setTimeout(() => finish(false), 1000);
+    server.listen(port, '127.0.0.1', () => clearTimeout(t));
+  });
+}
+async function startDashboard({ port, projectRoot, opencodeConfigDir, bizarRoot } = {}) {
+  const { createServer } = await import('./server/server.mjs');
+  const { launchBrowser } = await import('./server/browser.mjs');
+  const usePort = port || (await findFreePort(DEFAULT_PORT));
+  const { server, close } = await createServer({
+    port: usePort,
+    projectRoot: projectRoot || process.cwd(),
+    opencodeConfigDir: opencodeConfigDir || join(homedir(), '.config', 'opencode'),
+    bizarRoot: bizarRoot || join(__dirname, '..', '..'),
+  });
+  await new Promise((resolve, reject) => {
+    server.once('error', reject);
+    server.listen(usePort, '127.0.0.1', () => {
+      server.off('error', reject);
+      resolve();
+    });
+  });
+  mkdirSync(BIZAR_HOME, { recursive: true });
+  writeFileSync(PORT_FILE, String(usePort), 'utf8');
+  writeFileSync(PID_FILE, String(process.pid), 'utf8');
+  const url = `http://localhost:${usePort}/`;
+  await launchBrowser(url);
+  console.log(`Bizar dashboard: ${url}`);
+  console.log('Press Ctrl-C to stop the dashboard.');
+  await new Promise(() => {});
+  // Caller keeps the process alive
+  return { url, port: usePort, close };
+}
+async function startInBackground(args) {
+  const binPath = join(__dirname, 'cli.mjs');
+  const child = spawn(process.execPath, [binPath, ...args], {
+    detached: true,
+    stdio: 'ignore',
+    cwd: process.cwd(),
+    env: process.env,
+  });
+  child.on('error', (err) => {
+    console.error(`Failed to start background dashboard: ${err.message}`);
+  });
+  child.unref();
+  await new Promise((resolve) => setTimeout(resolve, 1500));
+  if (existsSync(PORT_FILE)) {
+    const port = readFileSync(PORT_FILE, 'utf8').trim();
+    console.log(`Bizar dashboard started in background on http://localhost:${port}/`);
+    console.log(`Use 'bizar-dash status' to check, 'bizar-dash stop' to stop.`);
+  } else {
+    console.log('Bizar dashboard starting in background (port file not yet written)...');
+  }
+}
+async function stopDashboard() {
+  if (!existsSync(PID_FILE)) {
+    console.log('No Bizar dashboard is running.');
+    return;
+  }
+  const pid = parseInt(readFileSync(PID_FILE, 'utf8').trim(), 10);
+  if (!Number.isFinite(pid)) {
+    console.log(`Bad PID file: ${PID_FILE}`);
+    return;
+  }
+  try {
+    process.kill(pid, 'SIGTERM');
+    console.log(`Stopped Bizar dashboard (pid ${pid}).`);
+  } catch (err) {
+    console.log(`Could not stop dashboard (pid ${pid}): ${err.message}`);
+  }
+  try { unlinkSync(PORT_FILE); } catch { /* ignore */ }
+  try { unlinkSync(PID_FILE); } catch { /* ignore */ }
+}
+function showStatus() {
+  if (existsSync(PORT_FILE)) {
+    const port = readFileSync(PORT_FILE, 'utf8').trim();
+    console.log(`Bizar dashboard is running at http://localhost:${port}/`);
+    if (existsSync(PID_FILE)) {
+      console.log(`PID: ${readFileSync(PID_FILE, 'utf8').trim()}`);
+    }
+  } else {
+    console.log('No Bizar dashboard is running. Use: bizar-dash start');
+  }
+}
+async function runTui({ launchWeb } = {}) {
+  const { createServer } = await import('./server/server.mjs');
+  const { launchBrowser } = await import('./server/browser.mjs');
+  const { launchTui } = await import('./server/tui.mjs');
+  const port = await findFreePort(DEFAULT_PORT);
+  const { server, close: closeServer } = await createServer({
+    port,
+    projectRoot: process.cwd(),
+    opencodeConfigDir: join(homedir(), '.config', 'opencode'),
+    bizarRoot: join(__dirname, '..', '..'),
+  });
+  await new Promise((resolve, reject) => {
+    server.once('error', reject);
+    server.listen(port, '127.0.0.1', () => {
+      server.off('error', reject);
+      resolve();
+    });
+  });
+  mkdirSync(BIZAR_HOME, { recursive: true });
+  writeFileSync(PORT_FILE, String(port), 'utf8');
+  writeFileSync(PID_FILE, String(process.pid), 'utf8');
+  if (launchWeb) {
+    const url = `http://localhost:${port}/`;
+    launchBrowser(url).catch(() => {});
+    console.log(`Web dashboard: ${url}`);
+  }
+  try {
+    await launchTui({ port });
+  } finally {
+    try { closeServer(); } catch { /* ignore */ }
+    try { unlinkSync(PORT_FILE); } catch { /* ignore */ }
+    try { unlinkSync(PID_FILE); } catch { /* ignore */ }
+  }
+}
+const args = process.argv.slice(2);
+if (args.includes('--help') || args.includes('-h')) {
+  showHelp();
+} else if (args[0] === 'stop') {
+  await stopDashboard();
+} else if (args[0] === 'status') {
+  showStatus();
+} else if (args[0] === 'tui') {
+  const rest = args.slice(1);
+  const skipWeb = rest.includes('--no-web');
+  await runTui({ launchWeb: !skipWeb });
+} else if (args.includes('--bg') || args.includes('--detach')) {
+  await startInBackground(['start']);
+} else if (args.includes('--web-only')) {
+  await startDashboard();
+} else if (args[0] === 'start' || args.length === 0) {
+  await startDashboard();
+} else {
+  // Default: show help if we don't understand
+  showHelp();
+}

package/src/server/agents-store.mjs ADDED Viewed

@@ -0,0 +1,190 @@
+/**
+ * src/server/agents-store.mjs
+ *
+ * v3.0.0 — Editable agents.
+ *
+ * Each agent is a markdown file with frontmatter at:
+ *   ~/.config/opencode/agents/<name>.md
+ *
+ * The store reads / writes these files. The format is:
+ *   ---
+ *   description: ...
+ *   model: ...
+ *   mode: ...
+ *   color: ...
+ *   tools: ["bash","read","edit"]
+ *   permissions: {...}
+ *   ---
+ *   <prompt body>
+ */
+import {
+  existsSync,
+  readFileSync,
+  writeFileSync,
+  readdirSync,
+  statSync,
+  mkdirSync,
+  unlinkSync,
+} from 'node:fs';
+import { join, dirname, basename } from 'node:path';
+import { homedir } from 'node:os';
+const HOME = homedir();
+const AGENTS_DIR = join(HOME, '.config', 'opencode', 'agents');
+function safeReadText(file, fallback = '') {
+  try {
+    if (!existsSync(file)) return fallback;
+    return readFileSync(file, 'utf8');
+  } catch {
+    return fallback;
+  }
+}
+function parseFrontmatter(raw) {
+  if (!raw.startsWith('---')) return { frontmatter: {}, body: raw };
+  const end = raw.indexOf('\n---', 3);
+  if (end === -1) return { frontmatter: {}, body: raw };
+  const fmBlock = raw.slice(3, end).trim();
+  const body = raw.slice(end + 4).replace(/^\s+/, '');
+  const frontmatter = {};
+  for (const line of fmBlock.split(/\r?\n/)) {
+    const m = /^([A-Za-z0-9_-]+)\s*:\s*(.*)$/.exec(line);
+    if (!m) continue;
+    const key = m[1];
+    let val = m[2].trim();
+    if (
+      (val.startsWith('"') && val.endsWith('"')) ||
+      (val.startsWith("'") && val.endsWith("'"))
+    ) {
+      val = val.slice(1, -1);
+    }
+    frontmatter[key] = val;
+  }
+  return { frontmatter, body };
+}
+/** Serialize a frontmatter key — string is bare, value with special chars gets quoted. */
+function fmVal(v) {
+  if (typeof v !== 'string') return JSON.stringify(v);
+  if (v === '') return '""';
+  if (/[:#\-?{}[\],&*!|>'"%@`]/.test(v) || v.includes(' ')) {
+    return JSON.stringify(v);
+  }
+  return v;
+}
+function serializeFrontmatter(fm) {
+  const lines = ['---'];
+  for (const [k, v] of Object.entries(fm)) {
+    if (v == null) continue;
+    if (Array.isArray(v)) {
+      lines.push(`${k}: [${v.map((x) => (typeof x === 'string' ? JSON.stringify(x) : x)).join(', ')}]`);
+    } else if (typeof v === 'object') {
+      lines.push(`${k}:`);
+      for (const [k2, v2] of Object.entries(v)) {
+        lines.push(`  ${k2}: ${fmVal(String(v2))}`);
+      }
+    } else {
+      lines.push(`${k}: ${fmVal(String(v))}`);
+    }
+  }
+  lines.push('---');
+  return lines.join('\n') + '\n';
+}
+function readAgent(name) {
+  const file = join(AGENTS_DIR, `${name}.md`);
+  if (!existsSync(file)) return null;
+  const raw = safeReadText(file);
+  const { frontmatter, body } = parseFrontmatter(raw);
+  const st = statSync(file);
+  return {
+    name,
+    description: frontmatter.description || '',
+    model: frontmatter.model || '',
+    mode: frontmatter.mode || 'subagent',
+    color: frontmatter.color || '',
+    tools: typeof frontmatter.tools === 'string'
+      ? frontmatter.tools.split(',').map((s) => s.trim()).filter(Boolean)
+      : Array.isArray(frontmatter.tools) ? frontmatter.tools : [],
+    permissions: frontmatter.permissions || null,
+    prompt: body.trim(),
+    file,
+    path: file,
+    mtime: st.mtimeMs,
+  };
+}
+export const agentsStore = {
+  AGENTS_DIR,
+  ensure() {
+    mkdirSync(AGENTS_DIR, { recursive: true });
+  },
+  list() {
+    this.ensure();
+    const out = [];
+    for (const f of readdirSync(AGENTS_DIR)) {
+      if (!f.endsWith('.md')) continue;
+      const name = basename(f, '.md');
+      const agent = readAgent(name);
+      if (agent) out.push(agent);
+    }
+    out.sort((a, b) => a.name.localeCompare(b.name));
+    return out;
+  },
+  get(name) {
+    return readAgent(name);
+  },
+  create(input) {
+    if (!input || typeof input !== 'object') throw new Error('agent input required');
+    if (!input.name || !/^[a-z0-9][a-z0-9-]{0,63}$/i.test(input.name)) {
+      throw new Error('invalid agent name');
+    }
+    const file = join(AGENTS_DIR, `${input.name}.md`);
+    if (existsSync(file)) {
+      throw new Error(`agent "${input.name}" already exists`);
+    }
+    const data = {
+      name: input.name,
+      description: input.description || '',
+      model: input.model || '',
+      mode: input.mode || 'subagent',
+      color: input.color || '',
+      tools: Array.isArray(input.tools) ? input.tools : [],
+      permissions: input.permissions || null,
+      prompt: input.prompt || '',
+    };
+    this.ensure();
+    writeFileSync(file, serializeFrontmatter(data) + '\n' + data.prompt, 'utf8');
+    return readAgent(input.name);
+  },
+  update(name, patch) {
+    if (!patch || typeof patch !== 'object') throw new Error('agent patch required');
+    const cur = readAgent(name);
+    if (!cur) throw new Error(`agent "${name}" not found`);
+    const data = {
+      description: patch.description ?? cur.description,
+      model: patch.model ?? cur.model,
+      mode: patch.mode ?? cur.mode,
+      color: patch.color ?? cur.color,
+      tools: Array.isArray(patch.tools) ? patch.tools : cur.tools,
+      permissions: patch.permissions ?? cur.permissions,
+      prompt: patch.prompt ?? cur.prompt,
+    };
+    writeFileSync(cur.file, serializeFrontmatter(data) + '\n' + data.prompt, 'utf8');
+    return readAgent(name);
+  },
+  delete(name) {
+    const file = join(AGENTS_DIR, `${name}.md`);
+    if (!existsSync(file)) return false;
+    unlinkSync(file);
+    return true;
+  },
+};