singleton-pipeline 0.4.0-beta.0

package/packages/cli/src/timeline.js

@@ -0,0 +1,146 @@
+import blessed from 'blessed';
+import { C } from './shell.js';
+
+const FRAMES = ['⣾', '⣽', '⣻', '⢿', '⡿', '⣟', '⣯', '⣷'];
+
+// widgets: { screen, logPanel, statusBox } — provided by shell when running inside the TUI.
+// If omitted, a standalone blessed screen is created.
+export function createTimeline(stepNames, widgets = null) {
+  const N = stepNames.length;
+  const statuses = stepNames.map(() => 'pending');
+  const meta     = stepNames.map(() => '');
+  let runningIdx = -1;
+  let spinnerInterval = null;
+  let spinnerFrame    = 0;
+
+  let screen, logPanel, statusBox, ownScreen = false;
+
+  if (widgets) {
+    ({ screen, logPanel, statusBox } = widgets);
+  } else {
+    ownScreen = true;
+    screen = blessed.screen({ smartCSR: true, title: 'Singleton' });
+
+    logPanel = blessed.log({
+      top: 0, left: 0,
+      width: '100%', height: '100%-6',
+      tags: true,
+      scrollable: true,
+      alwaysScroll: true,
+      padding: { left: 2, top: 1, right: 2 }
+    });
+
+    const separator = blessed.line({
+      orientation: 'horizontal',
+      bottom: 5, left: 0,
+      width: '100%',
+      style: { fg: C.line }
+    });
+
+    statusBox = blessed.box({
+      bottom: 1, left: 0,
+      width: '100%', height: 4,
+      tags: true,
+      padding: { left: 2, right: 2 }
+    });
+
+    screen.append(logPanel);
+    screen.append(separator);
+    screen.append(statusBox);
+
+    screen.key(['C-c'], () => { screen.destroy(); process.exit(0); });
+  }
+
+  function dot(status, frame = 0) {
+    if (status === 'done')    return `{${C.mint}-fg}●{/}`;
+    if (status === 'running') return `{#FFFFFF-fg}${FRAMES[frame % FRAMES.length]}{/}`;
+    if (status === 'paused')  return `{${C.peach}-fg}●{/}`;
+    if (status === 'error')   return `{${C.salmon}-fg}●{/}`;
+    return `{${C.ghost}-fg}○{/}`;
+  }
+
+  function shimmerName(text, frame = 0) {
+    const peak = frame % (text.length + 6);
+    return text.split('').map((ch, i) => {
+      const dist = Math.abs(i - peak);
+      let color = C.violet;
+      if (dist === 0) color = '#FFFFFF';
+      else if (dist === 1) color = '#EDD9FF';
+      else if (dist === 2) color = '#D4B0FE';
+      return ch === ' ' ? ch : `{${color}-fg}{bold}${ch}{/}`;
+    }).join('');
+  }
+
+  function compactDots(frame = 0) {
+    return stepNames.map((_name, i) => dot(statuses[i], frame)).join(`  {${C.ghost}-fg}─{/}  `);
+  }
+
+  function renderTimeline(frame = 0) {
+    const currentMeta = runningIdx >= 0 && meta[runningIdx]
+      ? `  {${C.ghost}-fg}${meta[runningIdx]}{/}`
+      : '';
+    const isPaused = runningIdx >= 0 && statuses[runningIdx] === 'paused';
+    const activityLabel = isPaused
+      ? `{${C.peach}-fg}{bold}Paused{/}`
+      : `{bold}Running{/}`;
+    const activityIcon = isPaused
+      ? `{${C.peach}-fg}●{/}`
+      : `{#FFFFFF-fg}${FRAMES[frame % FRAMES.length]}{/}`;
+    const runningLabel = runningIdx >= 0
+      ? `${activityLabel}  ${activityIcon}  ${shimmerName(stepNames[runningIdx], frame)}  {${C.ghost}-fg}step ${runningIdx + 1}/${N}{/}${currentMeta}`
+      : `{bold}Running:{/} {${C.dimV}-fg}idle{/}`;
+    const statusLines = [
+      '',
+      runningLabel,
+      '',
+      compactDots(frame)
+    ];
+    statusBox.setContent(statusLines.join('\n'));
+    screen.render();
+  }
+
+  renderTimeline();
+
+  return {
+    log(text)      { logPanel.log(`{${C.blue}-fg}${text}{/}`);  screen.render(); },
+    logMuted(text) { logPanel.log(`{${C.dimV}-fg}${text}{/}`);  screen.render(); },
+
+    setRunning(i, info = '') {
+      if (spinnerInterval) { clearInterval(spinnerInterval); spinnerInterval = null; }
+      runningIdx = i;
+      statuses[i] = 'running';
+      meta[i] = info;
+      renderTimeline();
+      spinnerInterval = setInterval(() => { spinnerFrame++; renderTimeline(spinnerFrame); }, 80);
+    },
+
+    setPaused(i, info = '') {
+      if (spinnerInterval) { clearInterval(spinnerInterval); spinnerInterval = null; }
+      runningIdx = i;
+      statuses[i] = 'paused';
+      meta[i] = info;
+      renderTimeline();
+    },
+
+    setDone(i, info = '') {
+      if (spinnerInterval) { clearInterval(spinnerInterval); spinnerInterval = null; }
+      statuses[i] = 'done';
+      meta[i] = info;
+      if (runningIdx === i) runningIdx = -1;
+      renderTimeline();
+    },
+
+    setError(i, info = '') {
+      if (spinnerInterval) { clearInterval(spinnerInterval); spinnerInterval = null; }
+      statuses[i] = 'error';
+      meta[i] = info;
+      if (runningIdx === i) runningIdx = -1;
+      renderTimeline();
+    },
+
+    end() {
+      if (spinnerInterval) { clearInterval(spinnerInterval); spinnerInterval = null; }
+      if (ownScreen) screen.destroy();
+    }
+  };
+}

package/packages/server/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@singleton/server",
+  "version": "0.4.0-beta.0",
+  "type": "module",
+  "main": "./src/index.js",
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.21.2",
+    "@singleton/cli": "*"
+  }
+}

package/packages/server/src/index.js

@@ -0,0 +1,43 @@
+import express from 'express';
+import cors from 'cors';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const WEB_DIST = path.resolve(__dirname, '../../web/dist');
+import { agentsRouter } from './routes/agents.js';
+import { pipelinesRouter } from './routes/pipelines.js';
+import { filesRouter } from './routes/files.js';
+
+export async function startServer({ port = 4317, root = process.cwd(), logger = console.log } = {}) {
+  const app = express();
+  app.use(cors());
+  app.use(express.json({ limit: '2mb' }));
+
+  const ctx = {
+    root,
+    pipelinesDir: path.join(root, '.singleton', 'pipelines'),
+    agentsCacheFile: path.join(root, '.singleton', 'agents.json')
+  };
+
+  app.get('/api/health', (_req, res) => res.json({ ok: true, root }));
+  app.use('/api/agents', agentsRouter(ctx));
+  app.use('/api/pipelines', pipelinesRouter(ctx));
+  app.use('/api/files', filesRouter(ctx));
+
+  app.use(express.static(WEB_DIST));
+  app.get('*', (_req, res) => res.sendFile(path.join(WEB_DIST, 'index.html')));
+
+  return new Promise((resolve) => {
+    const server = app.listen(port, () => {
+      logger(`Singleton server listening on http://localhost:${port}`);
+      logger(`Project root: ${root}`);
+      resolve(server);
+    });
+  });
+}
+
+if (import.meta.url === `file://${process.argv[1]}`) {
+  startServer({ port: Number(process.env.PORT) || 4317, root: process.cwd() });
+}

package/packages/server/src/routes/agents.js

@@ -0,0 +1,32 @@
+import { Router } from 'express';
+import fs from 'node:fs/promises';
+import { scanAgents } from '../../../cli/src/scanner.js';
+
+export function agentsRouter(ctx) {
+  const r = Router();
+
+  r.get('/', async (_req, res) => {
+    try {
+      try {
+        const raw = await fs.readFile(ctx.agentsCacheFile, 'utf8');
+        return res.json(JSON.parse(raw));
+      } catch {
+        const agents = await scanAgents(ctx.root);
+        return res.json({ scannedAt: new Date().toISOString(), root: ctx.root, agents });
+      }
+    } catch (err) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  r.post('/rescan', async (_req, res) => {
+    try {
+      const agents = await scanAgents(ctx.root);
+      res.json({ scannedAt: new Date().toISOString(), root: ctx.root, agents });
+    } catch (err) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  return r;
+}

package/packages/server/src/routes/files.js

@@ -0,0 +1,42 @@
+import { Router } from 'express';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+const SKIP_DIRS = new Set(['node_modules', '.git', '.singleton', 'dist', 'build', '.next', '.cache']);
+
+async function walk(root, rel = '', out = []) {
+  const abs = path.join(root, rel);
+  const entries = await fs.readdir(abs, { withFileTypes: true });
+  for (const e of entries) {
+    if (e.name.startsWith('.') && e.name !== '.singleton') {
+      if (e.isDirectory()) continue;
+    }
+    if (e.isDirectory()) {
+      if (SKIP_DIRS.has(e.name)) continue;
+      await walk(root, path.join(rel, e.name), out);
+    } else if (e.isFile()) {
+      out.push(path.join(rel, e.name));
+    }
+  }
+  return out;
+}
+
+export function filesRouter(ctx) {
+  const r = Router();
+
+  r.get('/', async (req, res) => {
+    try {
+      const ext = String(req.query.ext || '').replace(/^\./, '').toLowerCase();
+      const all = await walk(ctx.root);
+      const filtered = ext
+        ? all.filter((f) => f.toLowerCase().endsWith(`.${ext}`))
+        : all;
+      filtered.sort();
+      res.json({ root: ctx.root, files: filtered });
+    } catch (err) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  return r;
+}

package/packages/server/src/routes/pipelines.js

@@ -0,0 +1,74 @@
+import { Router } from 'express';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+function safeName(name) {
+  return String(name).replace(/[^a-zA-Z0-9_-]+/g, '-').slice(0, 80) || 'pipeline';
+}
+
+export function pipelinesRouter(ctx) {
+  const r = Router();
+
+  r.get('/', async (_req, res) => {
+    try {
+      await fs.mkdir(ctx.pipelinesDir, { recursive: true });
+      const files = (await fs.readdir(ctx.pipelinesDir)).filter((f) => f.endsWith('.json'));
+      const items = (await Promise.all(files.map(async (f) => {
+        try {
+          const raw = await fs.readFile(path.join(ctx.pipelinesDir, f), 'utf8');
+          const parsed = JSON.parse(raw);
+          if (!parsed.name) return null;
+          return { file: f, ...parsed };
+        } catch {
+          return null;
+        }
+      }))).filter(Boolean);
+      res.json({ pipelines: items });
+    } catch (err) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  r.get('/:name', async (req, res) => {
+    try {
+      const file = path.join(ctx.pipelinesDir, `${safeName(req.params.name)}.json`);
+      const raw = await fs.readFile(file, 'utf8');
+      res.json(JSON.parse(raw));
+    } catch (err) {
+      res.status(404).json({ error: 'not found' });
+    }
+  });
+
+  r.post('/', async (req, res) => {
+    try {
+      const { name, steps = [], nodes, edges } = req.body || {};
+      if (!name) return res.status(400).json({ error: 'name required' });
+      await fs.mkdir(ctx.pipelinesDir, { recursive: true });
+      const safe = safeName(name);
+      const file = path.join(ctx.pipelinesDir, `${safe}.json`);
+      const payload = {
+        name: safe,
+        created: new Date().toISOString(),
+        steps,
+        nodes,
+        edges
+      };
+      await fs.writeFile(file, JSON.stringify(payload, null, 2));
+      res.json({ ok: true, file: `${safe}.json`, ...payload });
+    } catch (err) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  r.delete('/:name', async (req, res) => {
+    try {
+      const file = path.join(ctx.pipelinesDir, `${safeName(req.params.name)}.json`);
+      await fs.unlink(file);
+      res.json({ ok: true });
+    } catch (err) {
+      res.status(404).json({ error: 'not found' });
+    }
+  });
+
+  return r;
+}

package/packages/web/dist/assets/index-CCFWfCA2.css

@@ -0,0 +1 @@
+.sidebar[data-v-82474bb7]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:288px;border-right:1px solid #262b34;background-color:#14171c;flex-shrink:0}.sidebar__header[data-v-82474bb7]{padding:12px;border-bottom:1px solid #262b34}.sidebar__title[data-v-82474bb7]{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.sidebar__hint[data-v-82474bb7]{margin:4px 0 0;font-size:11px;color:#64748b}.sidebar__list[data-v-82474bb7]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.sidebar__list[data-v-82474bb7]::-webkit-scrollbar{width:10px;height:10px}.sidebar__list[data-v-82474bb7]::-webkit-scrollbar-track{background:transparent}.sidebar__list[data-v-82474bb7]::-webkit-scrollbar-thumb{background:#262b34;border-radius:4px}.sidebar__list[data-v-82474bb7]::-webkit-scrollbar-thumb:hover{background:#3a4150}.sidebar__list[data-v-82474bb7]{flex:1;overflow-y:auto;padding:12px}.sidebar__state[data-v-82474bb7]{font-size:12px;color:#94a3b8}.sidebar__state--error[data-v-82474bb7]{color:#ef4444}.sidebar__state code[data-v-82474bb7]{font-size:11px;background:#1c2027;padding:2px 4px;border-radius:4px}.sidebar__nodes[data-v-82474bb7]{padding:12px;border-bottom:1px solid #262b34}.sidebar__subtitle[data-v-82474bb7]{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:4px}.sidebar__io-row[data-v-82474bb7]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.io-card[data-v-82474bb7]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;flex:1;padding:8px;border-radius:6px;border:1px solid #3a4150;border-left:3px solid #7dd3fc;background-color:#1c2027;cursor:grab;transition:background-color .12s ease,border-color .12s ease}.io-card[data-v-82474bb7]:hover{background-color:#262b34;border-color:#38bdf8}.io-card[data-v-82474bb7]:active{cursor:grabbing}.io-card__label[data-v-82474bb7]{font-family:SF Mono,JetBrains Mono,Fira Code,Menlo,monospace;font-size:11px;color:#7dd3fc}.io-card__hint[data-v-82474bb7]{font-size:10px;color:#64748b}.agent-card[data-v-82474bb7]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:12px;border-radius:8px;border:1px solid #3a4150;background-color:#1c2027;cursor:grab;transition:background-color .12s ease,border-color .12s ease}.agent-card[data-v-82474bb7]:hover{background-color:#262b34;border-color:#38bdf8}.agent-card[data-v-82474bb7]:active{cursor:grabbing}.agent-card__head[data-v-82474bb7]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.agent-card__id[data-v-82474bb7]{font-family:SF Mono,JetBrains Mono,Fira Code,Menlo,monospace;font-size:12px;color:#7dd3fc}.agent-card__model[data-v-82474bb7]{font-size:10px;color:#64748b}.agent-card__desc[data-v-82474bb7]{margin:0;font-size:11px;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-card__tags[data-v-82474bb7]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:wrap}.agent-card__tag[data-v-82474bb7]{font-size:10px;padding:2px 6px;border-radius:4px;background:#3a4150;color:#94a3b8}.agent-card__ports[data-v-82474bb7]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;font-size:10px;color:#64748b}.node-agent[data-v-9ea2f689]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-width:220px;border-radius:8px;border:1px solid #3a4150;background-color:#1c2027;box-shadow:0 4px 12px #00000059;color:#f1f5f9}.node-agent--stale[data-v-9ea2f689]{border-color:#7f1d1d;background-color:#450a0a}.node-agent--stale .node-agent__head[data-v-9ea2f689]{background-color:#7f1d1d;border-bottom-color:#7f1d1d}.node-agent--stale .node-agent__id[data-v-9ea2f689]{color:#fee2e2}.node-agent__head[data-v-9ea2f689]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid #3a4150;background-color:#14171c;border-radius:8px 8px 0 0}.node-agent__id[data-v-9ea2f689]{font-family:SF Mono,JetBrains Mono,Fira Code,Menlo,monospace;font-size:12px;color:#7dd3fc}.node-agent__badge[data-v-9ea2f689]{margin-left:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#fee2e2}.node-agent__close[data-v-9ea2f689]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;font-size:11px;color:#64748b;transition:color .12s ease}.node-agent__close[data-v-9ea2f689]:hover{color:#ef4444}.node-agent__desc[data-v-9ea2f689]{margin:0;padding:8px 12px;font-size:11px;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node-agent__warn[data-v-9ea2f689]{margin:0;padding:8px 12px;font-size:11px;color:#fee2e2}.node-agent__ports[data-v-9ea2f689]{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:8px;padding:8px 12px;border-top:1px solid #3a4150}.node-agent__col[data-v-9ea2f689]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;flex:1}.node-agent__col--out[data-v-9ea2f689]{text-align:right}.node-agent__col-title[data-v-9ea2f689]{font-size:10px;text-transform:uppercase;color:#64748b;margin-bottom:4px}.node-agent__port[data-v-9ea2f689]{position:relative;font-size:11px;color:#94a3b8;padding:4px 0}.node-agent__port--in[data-v-9ea2f689]{padding-left:8px}.node-agent__port--out[data-v-9ea2f689]{padding-right:8px}.file-picker[data-v-be890d20]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#0009}.file-picker__dialog[data-v-be890d20]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:720px;max-width:95vw;max-height:80vh;border-radius:8px;border:1px solid #3a4150;background-color:#14171c;box-shadow:0 8px 24px #00000073}.file-picker__head[data-v-be890d20]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #262b34}.file-picker__title[data-v-be890d20]{margin:0;font-size:14px;font-weight:600}.file-picker__close[data-v-be890d20]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;color:#94a3b8}.file-picker__close[data-v-be890d20]:hover{color:#f1f5f9}.file-picker__body[data-v-be890d20]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:12px;overflow:hidden}.file-picker__search[data-v-be890d20]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;outline:0;font:inherit;color:inherit;padding:4px 8px;font-size:12px;border-radius:6px;border:1px solid #3a4150;background-color:#1c2027;color:#f1f5f9}.file-picker__search[data-v-be890d20]:focus{border-color:#38bdf8}.file-picker__state[data-v-be890d20]{padding:12px;font-size:12px;color:#94a3b8;text-align:center}.file-picker__state--error[data-v-be890d20]{color:#ef4444}.file-picker__list[data-v-be890d20]::-webkit-scrollbar{width:10px;height:10px}.file-picker__list[data-v-be890d20]::-webkit-scrollbar-track{background:transparent}.file-picker__list[data-v-be890d20]::-webkit-scrollbar-thumb{background:#262b34;border-radius:4px}.file-picker__list[data-v-be890d20]::-webkit-scrollbar-thumb:hover{background:#3a4150}.file-picker__list[data-v-be890d20]{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:55vh;border:1px solid #262b34;border-radius:6px}.file-picker__item[data-v-be890d20]{padding:4px 8px;font-family:SF Mono,JetBrains Mono,Fira Code,Menlo,monospace;font-size:11px;color:#f1f5f9;cursor:pointer;border-bottom:1px solid #262b34}.file-picker__item[data-v-be890d20]:last-child{border-bottom:0}.file-picker__item[data-v-be890d20]:hover{background-color:#1c2027;color:#7dd3fc}.node-input[data-v-95ec91bc]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-width:220px;border-radius:8px;border:1px solid #3a4150;background-color:#1c2027;box-shadow:0 4px 12px #00000059;color:#f1f5f9;border-left:3px solid #7dd3fc}.node-input__head[data-v-95ec91bc]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid #3a4150;background-color:#14171c;border-radius:8px 8px 0 0}.node-input__meta[data-v-95ec91bc]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.node-input__kind[data-v-95ec91bc]{font-family:SF Mono,JetBrains Mono,Fira Code,Menlo,monospace;font-size:11px;color:#7dd3fc;text-transform:uppercase;letter-spacing:.06em}.node-input__subtypes[data-v-95ec91bc]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2px}.node-input__st[data-v-95ec91bc]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;font:inherit;color:inherit;cursor:pointer;font-size:10px;padding:1px 4px;border-radius:4px;color:#64748b;border:1px solid transparent;transition:color .12s ease,border-color .12s ease}.node-input__st[data-v-95ec91bc]:hover{color:#94a3b8}.node-input__st--active[data-v-95ec91bc]{color:#7dd3fc;border-color:#3a4150}.node-input__close[data-v-95ec91bc]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;font-size:11px;color:#64748b}.node-input__close[data-v-95ec91bc]:hover{color:#ef4444}.node-input__body[data-v-95ec91bc]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}.node-input__field[data-v-95ec91bc]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;outline:0;font:inherit;color:inherit;padding:4px 12px;font-size:11px;color:#f1f5f9;border-bottom:1px solid #3a4150;background:transparent;transition:background-color .12s ease}.node-input__field[data-v-95ec91bc]::placeholder{color:#64748b;font-style:italic}.node-input__field[data-v-95ec91bc]:focus{background-color:#262b34}.node-input__field--dim[data-v-95ec91bc]{color:#94a3b8}.node-input__file-btn[data-v-95ec91bc]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;font:inherit;color:inherit;cursor:pointer;padding:8px 12px;text-align:left;font-family:SF Mono,JetBrains Mono,Fira Code,Menlo,monospace;font-size:11px;transition:background-color .12s ease;border-bottom:1px solid #3a4150}.node-input__file-btn[data-v-95ec91bc]:hover{background-color:#262b34}.node-input__path[data-v-95ec91bc]{color:#7dd3fc}.node-input__placeholder[data-v-95ec91bc]{color:#64748b;font-style:italic}.node-input__port[data-v-95ec91bc]{position:relative;font-size:11px;color:#94a3b8;padding:4px 12px;text-align:right}.canvas[data-v-b93ee04b]{width:100%;height:100%}.canvas[data-v-b93ee04b] .canvas__minimap{background-color:#14171c!important}.toolbar[data-v-770bf2a0]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.toolbar__input[data-v-770bf2a0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;outline:0;font:inherit;color:inherit;width:160px;padding:4px 8px;font-size:11px;border-radius:6px;border:1px solid #3a4150;background-color:#1c2027;color:#f1f5f9;transition:border-color .12s ease}.toolbar__input[data-v-770bf2a0]:focus{border-color:#38bdf8}.toolbar__btn[data-v-770bf2a0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;font:inherit;color:inherit;cursor:pointer;padding:4px 12px;font-size:11px;border-radius:6px;border:1px solid #3a4150;background-color:#1c2027;color:#f1f5f9;transition:background-color .12s ease,border-color .12s ease}.toolbar__btn[data-v-770bf2a0]:hover{background-color:#262b34}.toolbar__btn--primary[data-v-770bf2a0]{background-color:#0ea5e9;border-color:#0ea5e9;color:#fff}.toolbar__btn--primary[data-v-770bf2a0]:hover{background-color:#38bdf8;border-color:#38bdf8}.toolbar__btn--danger[data-v-770bf2a0]:hover{background-color:#7f1d1d;border-color:#7f1d1d}.modal[data-v-770bf2a0]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#0009}.modal__dialog[data-v-770bf2a0]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;max-width:95vw;max-height:85vh;border-radius:8px;border:1px solid #3a4150;background-color:#14171c;box-shadow:0 8px 24px #00000073}.modal__dialog--sm[data-v-770bf2a0]{width:560px}.modal__dialog--md[data-v-770bf2a0]{width:720px}.modal__header[data-v-770bf2a0]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #262b34}.modal__title[data-v-770bf2a0]{margin:0;font-size:14px;font-weight:600}.modal__close[data-v-770bf2a0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;color:#94a3b8;transition:color .12s ease}.modal__close[data-v-770bf2a0]:hover{color:#f1f5f9}.modal__body[data-v-770bf2a0]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}.modal__body[data-v-770bf2a0]::-webkit-scrollbar{width:10px;height:10px}.modal__body[data-v-770bf2a0]::-webkit-scrollbar-track{background:transparent}.modal__body[data-v-770bf2a0]::-webkit-scrollbar-thumb{background:#262b34;border-radius:4px}.modal__body[data-v-770bf2a0]::-webkit-scrollbar-thumb:hover{background:#3a4150}.modal__body[data-v-770bf2a0]{padding:16px;overflow-y:auto}.modal__section[data-v-770bf2a0]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px}.modal__section-head[data-v-770bf2a0]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.modal__label[data-v-770bf2a0]{font-size:11px;text-transform:uppercase;color:#94a3b8}.modal__copy[data-v-770bf2a0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;font-size:11px;color:#7dd3fc}.modal__copy[data-v-770bf2a0]:hover{color:#38bdf8}.modal__code[data-v-770bf2a0]{margin:0;padding:8px 12px;font-size:11px;font-family:SF Mono,JetBrains Mono,Fira Code,Menlo,monospace;color:#7dd3fc;background-color:#0b0d10;border:1px solid #262b34;border-radius:6px}.modal__code--inline[data-v-770bf2a0]{white-space:pre-wrap}.modal__code--scroll[data-v-770bf2a0]{overflow:auto;max-height:50vh;color:#f1f5f9}.pipeline-list[data-v-770bf2a0]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;list-style:none;margin:0;padding:0}.pipeline-list__empty[data-v-770bf2a0]{margin:0;padding:16px;text-align:center;font-size:12px;color:#64748b}.pipeline-list__item[data-v-770bf2a0]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #262b34}.pipeline-list__item[data-v-770bf2a0]:last-child{border-bottom:0}.pipeline-list__info[data-v-770bf2a0]{min-width:0;flex:1}.pipeline-list__name[data-v-770bf2a0]{font-family:SF Mono,JetBrains Mono,Fira Code,Menlo,monospace;font-size:12px;color:#7dd3fc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-list__meta[data-v-770bf2a0]{font-size:10px;color:#64748b}.pipeline-list__actions[data-v-770bf2a0]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;flex-shrink:0}.toast-stack[data-v-ac6df039]{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:8px;position:fixed;right:16px;bottom:16px;z-index:60}.toast[data-v-ac6df039]{padding:8px 12px;max-width:360px;font-size:11px;border-radius:8px;border:1px solid;box-shadow:0 4px 12px #00000059}.toast--info[data-v-ac6df039]{background-color:#1c2027;border-color:#3a4150;color:#f1f5f9}.toast--warn[data-v-ac6df039]{background-color:#b45309d9;border-color:#d97706;color:#fde68a}.toast--error[data-v-ac6df039]{background-color:#7f1d1dd9;border-color:#dc2626;color:#fee2e2}.toast--success[data-v-ac6df039]{background-color:#064e3bd9;border-color:#10b981;color:#d1fae5}.app[data-v-599c0f81]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;height:100vh}.app__header[data-v-599c0f81]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 16px;border-bottom:1px solid #262b34;background-color:#14171c;flex-shrink:0}.app__brand[data-v-599c0f81]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.app__logo[data-v-599c0f81]{color:#7dd3fc;font-weight:700}.app__title[data-v-599c0f81]{margin:0;font-size:14px;font-weight:600}.app__tagline[data-v-599c0f81]{font-size:11px;color:#64748b}.app__body[data-v-599c0f81]{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:0;flex:1;overflow:hidden}.app__canvas[data-v-599c0f81]{flex:1;position:relative}.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color, #ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.vue-flow__minimap{background-color:#fff}.vue-flow__minimap.pannable{cursor:grab}.vue-flow__minimap.dragging{cursor:grabbing}.vue-flow__minimap-mask.pannable{cursor:grab}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;background-color:#0b0d10;color:#f1f5f9;-webkit-font-smoothing:antialiased}a{color:#38bdf8}code,pre{font-family:SF Mono,JetBrains Mono,Fira Code,Menlo,monospace}.vue-flow__node-agent{padding:0;border:none;background:transparent;box-shadow:none}.vue-flow__handle{width:10px;height:10px;background:#38bdf8;border:2px solid #0b0d10}.vue-flow__edge-path{stroke:#38bdf8;stroke-width:2}.vue-flow__background{background-color:#0b0d10}.vue-flow__controls button{background:#1c2027;border-color:#3a4150;color:#f1f5f9}.vue-flow__controls button:hover{background:#262b34}.vue-flow__controls button svg{fill:#f1f5f9}.vue-flow__minimap{background:#14171c!important}