@njeybe/nativ 2.5.1 → 2.7.0

package/dist/providers/registry.js

@@ -1,5 +1,6 @@
 import fs from 'node:fs';
 import path from 'node:path';
+import { writeJsonAtomicSync } from '../core/lock-manager.js';
 import { createClaudeApiProvider } from './claude-api.js';
 import { createClaudeCliProvider, DEFAULT_LIMIT_COOLDOWN_MS } from './claude-cli.js';
 import { createGeminiProvider } from './gemini.js';
@@ -42,11 +43,7 @@ function readCooldowns(root) {
 }
 function writeCooldowns(root, cooldownUntil) {
     try {
-        const file = path.join(root, STATE_FILE);
-        fs.mkdirSync(path.dirname(file), { recursive: true });
-        const tmp = `${file}.${process.pid}.tmp`;
-        fs.writeFileSync(tmp, JSON.stringify({ cooldownUntil }, null, 2), 'utf8');
-        fs.renameSync(tmp, file);
+        writeJsonAtomicSync(path.join(root, STATE_FILE), { cooldownUntil });
     }
     catch {
         // Cooldown is an optimisation; failing to persist it must never fail the call.
@@ -93,10 +90,17 @@ export function resolveProvider(role, root, options = {}) {
     return resolveProviderChain(role, root, options)[0] ?? null;
 }
 /**
- * Runs the request against each provider in turn. A rate limit puts that provider on cooldown, and any
- * ProviderError falls through to the next one. Throws NO_CREDENTIALS when nothing is available and the
+ * Runs the request against each provider in turn. A TRANSIENT failure (network, 5xx) is retried on the same
+ * provider up to MAX_TRANSIENT_RETRIES times with jittered backoff. A rate limit puts that provider on cooldown, and
+ * any other ProviderError falls through to the next one. Throws NO_CREDENTIALS when nothing is available and the
  * last error when every provider failed, so the caller can drop to its deterministic path.
  */
+export const MAX_TRANSIENT_RETRIES = 2;
+/** 0.5s, then 1s, each plus up to 50% jitter so parallel agents do not retry in lockstep. */
+export function transientBackoffMs(attempt, random = Math.random) {
+    const base = 500 * 2 ** attempt;
+    return Math.round(base + base * 0.5 * random());
+}
 export async function completeWithChain(role, root, request, options = {}) {
     const chain = resolveProviderChain(role, root, options);
     if (!chain.length)
@@ -104,17 +108,25 @@ export async function completeWithChain(role, root, request, options = {}) {
     const models = (options.config ?? loadProviderConfig(root)).models ?? {};
     const now = options.deps?.now ?? Date.now;
     let lastError = null;
+    const sleep = options.deps?.sleep ?? ((ms) => new Promise((resolve) => setTimeout(resolve, ms)));
     for (const provider of chain) {
         const model = request.model ?? models[provider.id] ?? provider.defaultModel;
-        try {
-            const text = await provider.complete({ ...request, model }, root);
-            return { provider: provider.id, model, text };
-        }
-        catch (err) {
-            const failure = err instanceof ProviderError ? err : new ProviderError('BAD_RESPONSE', err instanceof Error ? err.message : String(err));
-            if (failure.code === 'RATE_LIMITED')
-                setProviderCooldown(root, provider.id, failure.retryAfterMs ?? DEFAULT_LIMIT_COOLDOWN_MS, now());
-            lastError = failure;
+        for (let attempt = 0;; attempt++) {
+            try {
+                const text = await provider.complete({ ...request, model }, root);
+                return { provider: provider.id, model, text };
+            }
+            catch (err) {
+                const failure = err instanceof ProviderError ? err : new ProviderError('BAD_RESPONSE', err instanceof Error ? err.message : String(err));
+                lastError = failure;
+                if (failure.code === 'TRANSIENT' && attempt < MAX_TRANSIENT_RETRIES) {
+                    await sleep(transientBackoffMs(attempt));
+                    continue;
+                }
+                if (failure.code === 'RATE_LIMITED')
+                    setProviderCooldown(root, provider.id, failure.retryAfterMs ?? DEFAULT_LIMIT_COOLDOWN_MS, now());
+                break;
+            }
         }
     }
     throw lastError ?? new ProviderError('BAD_RESPONSE', 'Every provider failed.');

package/dist/providers/types.d.ts

@@ -7,7 +7,8 @@
 export type ProviderId = 'claude-cli' | 'claude-api' | 'gemini';
 /** Roles a provider can be assigned to in `.nativ/config.json`. */
 export type ProviderRole = 'architect' | 'pm' | 'worker' | 'verifier' | 'triage';
-export type ProviderErrorCode = 'NO_CREDENTIALS' | 'TIMEOUT' | 'RATE_LIMITED' | 'BAD_RESPONSE';
+/** TRANSIENT: a network failure or a 5xx answer, worth retrying on the same provider after a short wait. */
+export type ProviderErrorCode = 'NO_CREDENTIALS' | 'TIMEOUT' | 'RATE_LIMITED' | 'TRANSIENT' | 'BAD_RESPONSE';
 /** Typed failure so callers can fall through the provider chain without string matching. */
 export declare class ProviderError extends Error {
     readonly code: ProviderErrorCode;
@@ -57,6 +58,8 @@ export interface ProviderDeps {
     anthropicClient?: () => AnthropicLike;
     env?: NodeJS.ProcessEnv;
     now?: () => number;
+    /** Waits between retries; injectable so tests do not sleep. */
+    sleep?: (ms: number) => Promise<void>;
 }
 export interface AnthropicLike {
     messages: {

package/dist/runner/agent-supervisor.js

@@ -5,6 +5,7 @@ import fs from 'node:fs';
 import path from 'node:path';
 import Anthropic from '@anthropic-ai/sdk';
 import { loadMasterPlan } from '../core/verifier.js';
+import { writeJsonAtomicSync } from '../core/lock-manager.js';
 import { cacheHitRate, computeActualCostUsd, emptyActualUsage, recordRunnerUsage, } from '../core/telemetry.js';
 import { resolveProjectRoot, linkWorktreeAiDirectory, safeUnlinkWorktreeAiDirectory, linkWorktreeNodeModules, safeUnlinkWorktreeNodeModules, } from '../core/root-resolver.js';
 import { resolveWorkerModel, toNativeModelId } from '../core/model-routing.js';
@@ -713,8 +714,7 @@ export class AgentSupervisor extends EventEmitter {
     }
     persist(record) {
         try {
-            fs.mkdirSync(this.runsDir, { recursive: true });
-            fs.writeFileSync(path.join(this.runsDir, `${record.taskId}.json`), `${JSON.stringify(record, null, 2)}\n`, 'utf8');
+            writeJsonAtomicSync(path.join(this.runsDir, `${record.taskId}.json`), record);
         }
         catch {
             // Local-first persistence is advisory; in-memory state stays authoritative.

package/dist/runner/cli-config.js

@@ -77,7 +77,7 @@ export function buildRunnerPrompt(task) {
         task.description ? `Description: ${task.description}.` : '',
         task.verificationCommand ? `Verify your work using: ${task.verificationCommand}.` : '',
         `Start by running: nativ task start ${task.id}. When finished and verified, run: nativ task complete ${task.id}.`,
-        `If blocked, follow the Human-Centric Communication Protocol in CLAUDE.md: explain the user experience symptom, root cause in plain English, and clear options without technical jargon.`,
+        `If blocked, follow "Talking to the human" in AGENTS.md: explain the user experience symptom, root cause in plain English, and clear options without technical jargon.`,
     ]
         .filter(Boolean)
         .join(' ');

package/dist/scanner/types.d.ts

@@ -42,6 +42,9 @@ export interface MasterPlanTask {
     complexity?: TaskComplexity;
     /** Plain-language "done when" lines. */
     acceptanceCriteria?: string[];
+    /** Set by `task start` while in_progress: who claimed it (NATIV_AGENT_ID or --agent) and when. */
+    claimedBy?: string;
+    claimedAt?: string;
 }
 export type TaskComplexity = 'simple' | 'standard' | 'complex';
 export declare const TASK_COMPLEXITIES: readonly TaskComplexity[];
@@ -64,7 +67,8 @@ export interface MasterPlan {
     activeMilestoneId: string;
     milestones: MasterPlanMilestone[];
 }
-export type EscalationType = 'contract_drift' | 'schema_flaw' | 'missing_credential' | 'dependency_conflict' | 'architectural_ambiguity';
+export declare const ESCALATION_TYPES: readonly ["contract_drift", "schema_flaw", "missing_credential", "dependency_conflict", "architectural_ambiguity"];
+export type EscalationType = (typeof ESCALATION_TYPES)[number];
 export interface EscalationRecord {
     id: string;
     taskId: string;

package/dist/scanner/types.js

@@ -56,3 +56,10 @@ export function validateMasterPlanTask(task) {
     }
     return errors;
 }
+export const ESCALATION_TYPES = [
+    'contract_drift',
+    'schema_flaw',
+    'missing_credential',
+    'dependency_conflict',
+    'architectural_ambiguity',
+];

package/dist/server/routes/task-routes.d.ts

@@ -71,6 +71,8 @@ export declare function handlePipelineTasks(root: string): {
             specRefs?: string[];
             complexity?: import("../../scanner/types.js").TaskComplexity;
             acceptanceCriteria?: string[];
+            claimedBy?: string;
+            claimedAt?: string;
         }[];
         id: string;
         name: string;

package/dist/server/routes/triage-routes.js

@@ -1,6 +1,6 @@
 import fs from 'node:fs';
 import path from 'node:path';
-import { withFileLock, withPlanLock } from '../../core/lock-manager.js';
+import { withFileLock, withPlanLock, writeJsonAtomicSync } from '../../core/lock-manager.js';
 import { CircuitBreaker, applySelfHealingProposal, } from '../../governor/index.js';
 import { finalizeTriage, triageBlocker } from '../../commands/triage.js';
 import { HttpError } from '../http-utils.js';
@@ -19,7 +19,7 @@ export function readEscalationFile(root) {
     catch {
         return null;
     }
-    // withFileLock creates the file empty when it takes the first lock.
+    // Older versions left an empty file behind when they first took its lock.
     if (!raw.trim())
         return null;
     try {
@@ -34,22 +34,7 @@ export function readEscalationFile(root) {
 }
 /** tmp-file + rename so the SSE watcher and concurrent readers never observe a half-written file. */
 export function writeJsonAtomic(file, data) {
-    const tmp = `${file}.${process.pid}.${Date.now()}.${Math.random().toString(36).slice(2, 8)}.tmp`;
-    fs.writeFileSync(tmp, `${JSON.stringify(data, null, 2)}\n`, 'utf8');
-    for (let attempt = 0;; attempt++) {
-        try {
-            fs.renameSync(tmp, file);
-            return;
-        }
-        catch (err) {
-            const code = err.code;
-            if (attempt >= 10 || (code !== 'EPERM' && code !== 'EBUSY')) {
-                fs.rmSync(tmp, { force: true });
-                throw err;
-            }
-            Atomics.wait(new Int32Array(new SharedArrayBuffer(4)), 0, 0, 20);
-        }
-    }
+    writeJsonAtomicSync(file, data);
 }
 /** Moves a blocked task back to pending so it can be dispatched again. False when it was not blocked. */
 export async function unblockTask(root, taskId, note) {

package/dist/server/studio-ui/pages/benchmarks/styles.js

@@ -1,6 +1,6 @@
 // Benchmarks view styles.
 export const benchmarksCss = String.raw `/* Benchmarks */
-.hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px 32px; padding: 22px; margin-bottom: 16px; transition: opacity .2s; }
+.hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px 32px; padding: 22px 0; margin-bottom: 0; background: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none; transition: opacity .2s; }
 .hero.is-running { opacity: .6; }
 .eyebrow { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
 .hero-value { display: flex; align-items: center; gap: 10px; margin: 6px 0; font-size: 40px; font-weight: 650; letter-spacing: -0.03em; line-height: 1.1; font-variant-numeric: tabular-nums; }
@@ -9,14 +9,17 @@ export const benchmarksCss = String.raw `/* Benchmarks */
 .hero-stats { display: grid; grid-template-columns: repeat(4, minmax(96px, auto)); gap: 4px 28px; margin: 0; }
 .hero-stats dt { font-size: 12.5px; color: var(--muted); }
 .hero-stats dd { margin: 0; font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
-.scenario-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
-.scenario { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 16px; }
-.scenario.is-idle { box-shadow: none; border-style: dashed; }
+.scenario-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
+.scenario { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px 0; background: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none; transition: background .15s; }
+.scenario:hover { background: var(--surface-2); }
+.scenario.is-idle { color: var(--fg-3); }
 .scenario-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
 .scenario-head h3 { margin: 0; font-size: 14.5px; font-weight: 600; }
 .scenario-sub { margin: -6px 0 0; font-size: 13px; color: var(--muted); }
 .scenario p { margin: 0; font-size: 13.5px; line-height: 1.5; }
-.metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
+.metrics { display: inline-flex; font-variant-numeric: tabular-nums; }
+.metrics > * { padding: 0 16px; border-left: 1px solid var(--line); }
+.metrics > :first-child { padding-left: 0; border-left: 0; }
 .metric-v { display: block; font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
 .metric-l { display: block; font-size: 12px; color: var(--muted); }
 .details { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; margin: 0; padding-top: 10px; font-size: 12.5px; border-top: 1px solid var(--border); }

package/dist/server/studio-ui/pages/database/browser.js

@@ -116,7 +116,7 @@ export const databaseBrowserScript = String.raw `  // ─── Database Studio:
     var start = res.totalCount === 0 ? 0 : (res.page - 1) * res.limit + 1;
     var end = Math.min(res.page * res.limit, res.totalCount);
     var pagination = '<div class="pagination-bar">' +
-      '<div>Showing ' + start + '–' + end + ' of ' + res.totalCount + ' ' + (isColl ? 'documents' : 'records') + '</div>' +
+      '<div>Showing ' + start + '-' + end + ' of ' + res.totalCount + ' ' + (isColl ? 'documents' : 'records') + '</div>' +
       '<div class="pagination-ctrls">' +
         '<button class="btn small" type="button" id="btn-page-prev"' + (res.page <= 1 ? ' disabled' : '') + '>Previous</button>' +
         '<span>Page ' + res.page + ' of ' + Math.max(1, res.totalPages) + '</span>' +

package/dist/server/studio-ui/pages/database/connection.js

@@ -148,7 +148,7 @@ export const databaseConnectionScript = String.raw `  // ─── Database Stud
       out.className = 'result err';
       out.textContent = 'Error: ' + (r.error || 'Connection failed');
       var hint = hintFor(r.error);
-      if (hint) out.textContent += ' — ' + hint;
+      if (hint) out.textContent += ': ' + hint;
       return false;
     }, function (e) {
       out.className = 'result err'; out.textContent = 'Error: ' + e.message; return false;

package/dist/server/studio-ui/pages/database/data-shell.js

@@ -1,5 +1,5 @@
 // Database Studio data loading and shell.
-export const databaseDataScript = String.raw `  // ─── View 5: Database Studio — data loading ────────────────────────────────
+export const databaseDataScript = String.raw `  // ─── View 5: Database Studio - data loading ────────────────────────────────
   function load(fresh) {
     state.loading = true;
     renderDb();
@@ -63,7 +63,7 @@ export const databaseDataScript = String.raw `  // ─── View 5: Database St
         ? ' <span class="badge badge-source" title="Detected in ' + esc(s.exampleFile || '.env.example') + '">via ' + esc(s.sourceKey) + '</span>'
         : (s.sourceKey ? ' <span class="badge badge-source">via ' + esc(s.sourceKey) + '</span>' : '');
     return '<span class="pill" title="' + esc(s.maskedUrl) + '"><span class="dot on"></span><b>' + label + ':</b> ' +
-      esc(ENGINE_LABEL[s.engine] || s.engine) + (s.database ? ' · ' + esc(s.database) : '') + ' (' + Math.round(s.pingMs) + 'ms) – ' +
+      esc(ENGINE_LABEL[s.engine] || s.engine) + (s.database ? ' · ' + esc(s.database) : '') + ' (' + Math.round(s.pingMs) + 'ms): ' +
       entityCount(s) + ' ' + entityNoun(s, true) + sourceBadge + ' <span class="badge badge-online">ONLINE</span></span>';
   }
 
@@ -119,7 +119,7 @@ export const databaseDataScript = String.raw `  // ─── View 5: Database St
       : ((state.schema[activeEnv + 'Tables'] || []).length);
     $('count-data').textContent = String(dataCount);
     var d = state.diff && state.diff.summary;
-    $('count-drift').textContent = d ? String(d.addedTablesCount + d.alteredTablesCount + d.droppedTablesCount) : '–';
+    $('count-drift').textContent = d ? String(d.addedTablesCount + d.alteredTablesCount + d.droppedTablesCount) : '-';
     var script = state.diff ? generateScript(state.diff) : { text: '', lang: 'sql', count: 0 };
     state.sql = script.text;
     state.scriptLang = script.lang;
@@ -154,8 +154,8 @@ export const databaseDataScript = String.raw `  // ─── View 5: Database St
     return '<div class="sr-only">Loading database schema…</div><div class="panes" aria-busy="true">' + col + col + '</div>';
   }
 
-  var DB_ICON = '<svg class="icon empty-icon" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true">' +
-    '<ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5"/><path d="M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6"/></svg>';
+  var DB_ICON = '<svg class="icon empty-icon" width="56" height="56" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true">' +
+    '<path d="M128,24C74.17,24,32,48.6,32,80v96c0,31.4,42.17,56,96,56s96-24.6,96-56V80C224,48.6,181.83,24,128,24Zm80,104c0,9.62-7.88,19.43-21.61,26.92C170.93,163.35,150.19,168,128,168s-42.93-4.65-58.39-13.08C55.88,147.43,48,137.62,48,128V111.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64ZM69.61,53.08C85.07,44.65,105.81,40,128,40s42.93,4.65,58.39,13.08C200.12,60.57,208,70.38,208,80s-7.88,19.43-21.61,26.92C170.93,115.35,150.19,120,128,120s-42.93-4.65-58.39-13.08C55.88,99.43,48,89.62,48,80S55.88,60.57,69.61,53.08ZM186.39,202.92C170.93,211.35,150.19,216,128,216s-42.93-4.65-58.39-13.08C55.88,195.43,48,185.62,48,176V159.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64V176C208,185.62,200.12,195.43,186.39,202.92Z"/></svg>';
 
   function emptyState(title, text) {
     return '<div class="empty card">' + DB_ICON + '<h3>' + esc(title) + '</h3><p>' + esc(text) + '</p>' +

package/dist/server/studio-ui/pages/database/drift.js

@@ -15,7 +15,7 @@ export const databaseDriftScript = String.raw `  // ─── Database Studio: d
   }
 
   function colCell(c) {
-    if (!c) return '<span class="muted">—</span>';
+    if (!c) return '<span class="muted">-</span>';
     return esc(c.type) + (c.nullable ? '' : ' NOT NULL') + (c.default != null ? ' <span class="muted">DEFAULT</span> ' + esc(c.default) : '') +
       (c.primaryKey ? ' <span class="badge badge-pk">PK</span>' : '') + (c.isMedia ? ' <span class="badge badge-media">IMAGE</span>' : '') +
       (c.isSubcollection ? ' <span class="badge badge-subcol">SUBCOLLECTION</span>' : '');

package/dist/server/studio-ui/pages/database/explorer.js

@@ -32,9 +32,9 @@ export const databaseExplorerScript = String.raw `  // ─── Database Studio
         mediaBadge(t, c);
       var typeCell = esc(c.type) + (c.observedTypes ? ' <span class="muted">(' + esc(c.observedTypes.join(' | ')) + ')</span>' : '');
       var lastCell = coll
-        ? (c.presence != null ? Math.round(c.presence * 100) + '%' : '<span class="muted">–</span>')
+        ? (c.presence != null ? Math.round(c.presence * 100) + '%' : '<span class="muted">-</span>')
         : (c.default == null ? '<span class="muted">NULL</span>' : esc(c.default));
-      return '<tr><td>' + (tags || '<span class="muted">–</span>') + '</td><td class="mono">' + esc(c.name) +
+      return '<tr><td>' + (tags || '<span class="muted">-</span>') + '</td><td class="mono">' + esc(c.name) +
         (fk ? ' <span class="muted">→ ' + esc(fk.referencedTable + '.' + fk.referencedColumn) + '</span>' : '') + '</td><td class="mono">' + typeCell +
         '</td><td>' + (c.nullable ? 'YES' : '<b>NO</b>') + '</td><td class="mono">' + lastCell + '</td></tr>';
     }).join('');

package/dist/server/studio-ui/pages/database/styles.js

@@ -6,7 +6,7 @@ export const databaseCss = String.raw `/* Database Studio */
 .diagnostic-banner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; margin: 12px 0 16px; background: var(--danger-bg); border: 1px solid var(--danger-line); border-radius: var(--r-control); }
 .diagnostic-content { display: flex; align-items: center; gap: 10px; font-size: 13.5px; }
 .diagnostic-tag { font-family: var(--mono); font-size: 11px; font-weight: 700; color: var(--danger); background: var(--surface); border: 1px solid var(--danger-line); padding: 0 7px; border-radius: var(--r-control); }
-.diagnostic-msg code { background: var(--surface); padding: 1px 6px; border-radius: 4px; font-family: var(--mono); }
+.diagnostic-msg code { background: var(--surface); padding: 1px 6px; border-radius: var(--r-control); font-family: var(--mono); }
 .diagnostic-actions { display: flex; gap: 8px; }
 .template-helper-box { background: var(--active-bg); border: 1px solid var(--active-line); border-radius: var(--r-control); padding: 12px 14px; margin-bottom: 16px; }
 .template-helper-label { font-size: 12.5px; color: var(--muted); margin-bottom: 8px; }
@@ -18,7 +18,7 @@ export const databaseCss = String.raw `/* Database Studio */
 .chip-dot.on { background: var(--success); }
 .chip-dot.off { background: var(--danger); }
 
-.thumb-pop { position: fixed; z-index: 60; width: 220px; padding: 8px; border-radius: var(--r-card); border: 1px solid var(--border); background: var(--surface); box-shadow: var(--shadow-float); pointer-events: none; }
+.thumb-pop { position: fixed; z-index: 60; width: 220px; padding: 8px; border-radius: var(--r-card); border: 1px solid var(--border); background: var(--surface); box-shadow: var(--shadow); pointer-events: none; }
 .thumb-box { display: grid; place-items: center; min-height: 120px; max-height: 200px; overflow: hidden; border-radius: var(--r-control); background: repeating-conic-gradient(var(--chip) 0% 25%, var(--surface) 0% 50%) 50% / 16px 16px; }
 .thumb-box img { max-width: 100%; max-height: 200px; display: block; }
 .thumb-box .ph { color: var(--muted); font-size: 12px; text-align: center; padding: 12px; }
@@ -77,7 +77,7 @@ pre.sql { margin: 0; padding: 16px; overflow: auto; max-height: 70vh; background
 .sql .p { color: var(--active); } .sql .n { color: var(--active); font-weight: 600; } .sql .o { color: var(--primary); }
 .lang { font-family: var(--mono); font-size: 11px; padding: 0 7px; border-radius: var(--r-control); border: 1px solid var(--primary-line); background: var(--primary-tint); color: var(--primary); margin-right: 6px; }
 .copy-wrap { position: relative; display: inline-flex; }
-.tooltip { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: var(--success); color: #fff; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: var(--r-control); pointer-events: none; opacity: 0; transition: opacity .15s; white-space: nowrap; }
+.tooltip { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: var(--success); color: var(--accent-fg); font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: var(--r-control); pointer-events: none; opacity: 0; transition: opacity .15s; white-space: nowrap; }
 .tooltip.show { opacity: 1; }
 
 .empty { text-align: center; padding: 48px 24px; }
@@ -87,7 +87,7 @@ pre.sql { margin: 0; padding: 16px; overflow: auto; max-height: 70vh; background
 
 .env-toggle-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 14px 0 6px; }
 .env-segmented { display: inline-flex; gap: 2px; padding: 3px; background: var(--chip); border: 1px solid var(--border); border-radius: var(--r-control); }
-.env-seg-btn { border: 1px solid transparent; background: transparent; padding: 4px 14px; border-radius: 5px; cursor: pointer; color: var(--muted); font-size: 13px; font-weight: 600; transition: all .15s ease; }
+.env-seg-btn { border: 1px solid transparent; background: transparent; padding: 4px 14px; border-radius: var(--r-control); cursor: pointer; color: var(--muted); font-size: 13px; font-weight: 600; transition: all .15s ease; }
 .env-seg-btn:hover { color: var(--text); }
 .env-seg-btn[aria-pressed="true"] { background: var(--surface); color: var(--primary); border-color: var(--border); box-shadow: var(--shadow); }
 .env-seg-btn[data-env-mode="prod"][aria-pressed="true"] { color: var(--danger); background: var(--danger-bg); border-color: var(--danger-line); }
@@ -112,7 +112,7 @@ table.data-table tr:hover td { background: var(--bg); }
 .td-actions { display: flex; gap: 6px; align-items: center; white-space: nowrap; }
 .pagination-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 4px; font-size: 13px; color: var(--muted); }
 .pagination-ctrls { display: flex; align-items: center; gap: 8px; }
-.cell-preview-btn { padding: 1px 6px; font-size: 11px; border-radius: 4px; border: 1px solid var(--primary-line); color: var(--primary); background: var(--primary-tint); cursor: pointer; }
+.cell-preview-btn { padding: 1px 6px; font-size: 11px; border-radius: var(--r-control); border: 1px solid var(--primary-line); color: var(--primary); background: var(--primary-tint); cursor: pointer; }
 .cell-preview-btn:hover { background: var(--surface); }
 
 `;

package/dist/server/studio-ui/pages/flow/styles.js

@@ -1,9 +1,9 @@
 // Flow page styles, all scoped under #panel-flow.
-export const flowCss = String.raw `#panel-flow .seg { display: inline-flex; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--surface); }
+export const flowCss = String.raw `#panel-flow .seg { display: inline-flex; border: 1px solid var(--line); border-radius: var(--r-control); overflow: hidden; background: var(--surface); }
 #panel-flow .seg button { border: 0; background: none; padding: 0 12px; height: 30px; font-size: 13px; color: var(--fg-2); cursor: pointer; }
 #panel-flow .seg button + button { border-left: 1px solid var(--line); }
 #panel-flow .seg button[aria-pressed="true"] { background: var(--accent-soft); color: var(--accent); font-weight: 500; }
-#panel-flow .fl-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; min-width: 0; overflow: hidden; }
+#panel-flow .fl-panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); min-width: 0; overflow: hidden; }
 #panel-flow .fl-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; padding: 12px 16px; }
 #panel-flow .fl-bar .right { margin-left: auto; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-size: 12.5px; color: var(--fg-3); }
 #panel-flow .flow-wrap { overflow: auto; max-height: 72vh; position: relative; border-top: 1px solid var(--line); }
@@ -18,7 +18,7 @@ export const flowCss = String.raw `#panel-flow .seg { display: inline-flex; bord
 #panel-flow .lane-label { position: sticky; left: 0; width: 128px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; background: var(--surface); border-right: 1px solid var(--line); height: 100%; z-index: 2; }
 #panel-flow .lane-label .faint { font-size: 11.5px; }
 #panel-flow .round-head { position: absolute; top: 0; height: 30px; display: flex; align-items: center; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--fg-3); }
-#panel-flow .node { position: absolute; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 7px 10px; background: var(--surface); border: 1px solid var(--line); border-radius: 9px; text-align: left; cursor: pointer; transition: opacity .15s, border-color .15s, box-shadow .15s; z-index: 1; }
+#panel-flow .node { position: absolute; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 7px 10px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-control); text-align: left; cursor: pointer; transition: opacity .15s, border-color .15s, box-shadow .15s; z-index: 1; }
 #panel-flow .node:hover { border-color: var(--line-2); box-shadow: var(--shadow); }
 #panel-flow .node.in_progress { border-color: color-mix(in srgb, var(--run) 50%, var(--line)); background: color-mix(in srgb, var(--run-soft) 55%, var(--surface)); }
 #panel-flow .node.blocked { border-color: color-mix(in srgb, var(--bad) 50%, var(--line)); background: color-mix(in srgb, var(--bad-soft) 55%, var(--surface)); }