@bhooai/nexus-cli 2.0.7 → 2.0.9

package/templates/base/apps/admin/src/lib/constants.ts

@@ -1,94 +0,0 @@
-import type { AdminTheme, CustomTheme, ParticleConfig, ProviderPreset, ToggleStyle } from './types.js';
-import type { IconName } from '../icons.js';
-
-export const TOGGLE_STYLES: Array<{ id: ToggleStyle; label: string; hint: string }> = [
-  { id: 'chip', label: 'Chip ON/OFF', hint: 'Default · glass chip' },
-  { id: 'neon', label: 'Neon glass', hint: 'Blue→violet border' },
-  { id: 'icon', label: 'Icon knob', hint: 'Power · bolt glow' },
-  { id: 'orb', label: 'Orb dot', hint: 'Pulse halo' },
-  { id: 'track', label: 'Gradient-track', hint: 'Sliding trail' },
-];
-
-export const CUSTOM_THEME_KEY = 'nexus-admin-custom-theme';
-export const THEME_PRESETS: Record<AdminTheme, Omit<CustomTheme, 'active'>> = {
-  aurora: { blue: '#54b7ff', violet: '#9f7bff', pink: '#f36eb8', bg: '#0b0d1a', ink: '#eef6ff', muted: '#98aec9', mesh: 0.32, glass: 0.35, radius: 13, toggle: 'chip' },
-  midnight: { blue: '#78bfff', violet: '#7da5d3', pink: '#b8c7db', bg: '#02050b', ink: '#eaf3ff', muted: '#8fa6c2', mesh: 0.2, glass: 0.25, radius: 11, toggle: 'chip' },
-  violet: { blue: '#b4a1ff', violet: '#d78bff', pink: '#ff8ed1', bg: '#0b071b', ink: '#f3eaff', muted: '#a592c9', mesh: 0.4, glass: 0.3, radius: 15, toggle: 'chip' },
-};
-
-export const PARTICLES_KEY = 'nexus-admin-particles';
-export const DEFAULT_PARTICLE_COLORS = ['#59d7ff', '#c68dff', '#ff8fd4', '#5ef0b3', '#d3a0ff', '#5fb6ff'];
-export const DEFAULT_PARTICLES: ParticleConfig = { amount: 14, speed: 1, colors: [...DEFAULT_PARTICLE_COLORS] };
-export const SWATCH_CPLAETTE = ['#59d7ff', '#c68dff', '#ff8fd4', '#5ef0b3', '#ffd479', '#f0995a', '#7fe3c8', '#f2a7ff'];
-
-export const USER_KEY = 'nexus-admin-user';
-
-export const CATEGORY_LABEL: Record<string, { label: string; hint: string }> = {
-  refused: { label: 'Connection refused', hint: 'the target address is reachable but nothing is listening — is the service running?' },
-  timeout: { label: 'Timed out', hint: 'the target did not respond in time — it may be down or filtering traffic.' },
-  dns: { label: 'DNS lookup failed', hint: 'the host could not be resolved.' },
-  ssl: { label: 'TLS handshake failed', hint: 'the target answered but the TLS handshake failed.' },
-  http: { label: 'HTTP error status', hint: 'the endpoint responded with an error status code.' },
-  engine_offline: { label: 'Diagnostics engine offline', hint: 'the Python engine is not running — start it with "python main.py" or "nexus dev".' },
-};
-
-/** Preset for the "Add provider" dialog — popular providers with autofill data
- *  and a list of well-known models (the user can still edit everything after). */
-export const POPULAR_PROVIDERS: ProviderPreset[] = [
-  { id: 'ollama', label: 'Ollama (local)', baseUrl: 'http://localhost:11434', defaultModel: 'llama3:latest', models: ['llama3:latest', 'llama3.1:8b', 'mistral:latest', 'phi3:latest', 'qwen2.5:latest'] },
-  { id: 'openai', label: 'OpenAI', baseUrl: 'https://api.openai.com/v1', defaultModel: 'gpt-4o-mini', models: ['gpt-4o-mini', 'gpt-4o', 'gpt-4-turbo', 'gpt-3.5-turbo', 'o1-mini', 'o1-preview'] },
-  { id: 'anthropic', label: 'Anthropic Claude', baseUrl: 'https://api.anthropic.com/v1', defaultModel: 'claude-sonnet-4-20250514', models: ['claude-sonnet-4-20250514', 'claude-3-7-sonnet-20250219', 'claude-3-5-haiku-20241022', 'claude-3-opus-20240229'] },
-  { id: 'google', label: 'Google Gemini', baseUrl: 'https://generativelanguage.googleapis.com/v1', defaultModel: 'gemini-2.0-flash', models: ['gemini-2.0-flash', 'gemini-2.0-flash-lite', 'gemini-1.5-pro', 'gemini-1.5-flash'] },
-  { id: 'groq', label: 'Groq', baseUrl: 'https://api.groq.com/openai/v1', defaultModel: 'llama-3.3-70b-versatile', models: ['llama-3.3-70b-versatile', 'llama-3.1-8b-instant', 'mixtral-8x7b-32768', 'gemma2-9b-it'] },
-  { id: 'mistral', label: 'Mistral AI', baseUrl: 'https://api.mistral.ai/v1', defaultModel: 'mistral-large-latest', models: ['mistral-large-latest', 'mistral-small-latest', 'open-mixtral-8x22b', 'open-mistral-7b', 'codestral-latest'] },
-  { id: 'cohere', label: 'Cohere', baseUrl: 'https://api.cohere.ai/v1', defaultModel: 'command-r-plus', models: ['command-r-plus', 'command-r', 'command', 'command-light'] },
-  { id: 'together', label: 'Together AI', baseUrl: 'https://api.together.xyz/v1', defaultModel: 'meta-llama/Llama-3-70b-chat-hf', models: ['meta-llama/Llama-3-70b-chat-hf', 'meta-llama/Llama-3-8b-chat-hf', 'mistralai/Mixtral-8x7B-Instruct-v0.1', 'Qwen/Qwen2.5-72B-Instruct-Turbo'] },
-  { id: 'fireworks', label: 'Fireworks AI', baseUrl: 'https://api.fireworks.ai/inference/v1', defaultModel: 'accounts/fireworks/models/llama-v3-70b-instruct', models: ['accounts/fireworks/models/llama-v3-70b-instruct', 'accounts/fireworks/models/llama-v3-8b-instruct', 'accounts/fireworks/models/mixtral-8x7b-instruct'] },
-  { id: 'deepseek', label: 'DeepSeek', baseUrl: 'https://api.deepseek.com/v1', defaultModel: 'deepseek-chat', models: ['deepseek-chat', 'deepseek-reasoner', 'deepseek-coder'] },
-  { id: 'perplexity', label: 'Perplexity', baseUrl: 'https://api.perplexity.ai', defaultModel: 'llama-3.1-sonar-large-128k-online', models: ['llama-3.1-sonar-large-128k-online', 'llama-3.1-sonar-small-128k-online', 'llama-3.1-sonar-huge-128k-online'] },
-  { id: 'xai', label: 'xAI (Grok)', baseUrl: 'https://api.x.ai/v1', defaultModel: 'grok-2-latest', models: ['grok-2-latest', 'grok-2-1212', 'grok-beta', 'grok-vision-beta'] },
-  { id: 'replicate', label: 'Replicate', baseUrl: 'https://api.replicate.com/v1', defaultModel: 'meta/llama-3-70b-instruct', models: ['meta/llama-3-70b-instruct', 'meta/llama-3-8b-instruct', 'mistralai/mixtral-8x7b-instruct-v0.1'] },
-  { id: 'huggingface', label: 'Hugging Face', baseUrl: 'https://api-inference.huggingface.co/models', defaultModel: 'meta-llama/Llama-3-70b-chat-hf', models: ['meta-llama/Llama-3-70b-chat-hf', 'mistralai/Mistral-7B-Instruct-v0.3', 'google/gemma-2-9b'] },
-  { id: 'nvidia', label: 'NVIDIA NIM', baseUrl: 'https://integrate.api.nvidia.com/v1', defaultModel: 'meta/llama-3.1-70b-instruct', models: ['meta/llama-3.1-70b-instruct', 'meta/llama-3.1-8b-instruct', 'nvidia/llama-3.1-nemotron-70b-instruct'] },
-  { id: 'openrouter', label: 'OpenRouter', baseUrl: 'https://openrouter.ai/api/v1', defaultModel: 'openai/gpt-4o-mini', models: ['openai/gpt-4o-mini', 'openai/gpt-4o', 'anthropic/claude-3.5-sonnet', 'google/gemini-2.0-flash-exp', 'meta-llama/llama-3.3-70b-instruct'] },
-  { id: 'lmstudio', label: 'LM Studio (local)', baseUrl: 'http://localhost:1234/v1', defaultModel: 'local-model', models: ['local-model', 'loaded-model'] },
-  { id: 'alephalpha', label: 'Aleph Alpha', baseUrl: 'https://api.aleph-alpha.com/v1', defaultModel: 'luminous-supreme-control', models: ['luminous-supreme-control', 'luminous-supreme', 'luminous-base'] },
-  { id: 'stability', label: 'Stability AI', baseUrl: 'https://api.stability.ai/v1', defaultModel: 'stable-diffusion-xl', models: ['stable-diffusion-xl', 'stable-diffusion-3', 'stable-image-core'] },
-  { id: 'azure', label: 'Azure OpenAI', baseUrl: 'https://your-resource.openai.azure.com', defaultModel: 'gpt-4o-mini', models: ['gpt-4o-mini', 'gpt-4o', 'gpt-35-turbo', 'dall-e-3'] },
-];
-
-/** Find a preset by id (returns undefined for "other"/custom). */
-export const PRESET_BY_ID: Record<string, ProviderPreset> = Object.fromEntries(POPULAR_PROVIDERS.map((p) => [p.id, p]));
-
-export const ALL_PROVIDERS = ['razorpay', 'paypal', 'payu', 'skrill', 'payoneer'];
-
-/** Known built-in provider ids (from nexus-core defaults). Used to classify custom providers. */
-export const BUILTIN_PROVIDER_IDS = new Set([
-  'ollama', 'openai', 'anthropic', 'google', 'groq', 'mistral', 'cohere', 'together',
-  'fireworks', 'deepseek', 'perplexity', 'xai', 'replicate', 'huggingface', 'nvidia',
-  'openrouter', 'lmstudio', 'alephalpha', 'stability', 'azure',
-]);
-
-/** Display metadata for known providers: an icon + an HSL hue for the avatar accent. */
-export const PROVIDER_META: Record<string, { glyph: IconName | string; hue: number }> = {
-  ollama: { glyph: 'bot', hue: 152 },
-  openai: { glyph: 'sparkles', hue: 165 },
-  anthropic: { glyph: 'message', hue: 265 },
-  google: { glyph: 'globe', hue: 217 },
-  groq: { glyph: 'zap', hue: 38 },
-  mistral: { glyph: 'wind', hue: 210 },
-  cohere: { glyph: 'layers', hue: 190 },
-  together: { glyph: 'users', hue: 230 },
-  fireworks: { glyph: 'flame', hue: 12 },
-  deepseek: { glyph: 'search', hue: 200 },
-  perplexity: { glyph: 'helpCircle', hue: 280 },
-  xai: { glyph: 'x', hue: 0 },
-  replicate: { glyph: 'repeat', hue: 160 },
-  huggingface: { glyph: 'smile', hue: 25 },
-  nvidia: { glyph: 'shield', hue: 120 },
-  openrouter: { glyph: 'gitFork', hue: 240 },
-  lmstudio: { glyph: 'monitor', hue: 180 },
-  alephalpha: { glyph: 'bookOpen', hue: 300 },
-  stability: { glyph: 'image', hue: 320 },
-  azure: { glyph: 'cloud', hue: 200 },
-};

package/templates/base/apps/admin/src/lib/theme.ts

@@ -1,80 +0,0 @@
-import type { CustomTheme, ParticleConfig } from './types.js';
-import { CUSTOM_THEME_KEY, DEFAULT_PARTICLE_COLORS, DEFAULT_PARTICLES, PARTICLES_KEY, THEME_PRESETS } from './constants.js';
-
-export function loadCustomTheme(): CustomTheme {
-  const fallback: CustomTheme = { ...THEME_PRESETS.aurora, active: false };
-  if (typeof window === 'undefined') return fallback;
-  try {
-    const raw = window.localStorage.getItem(CUSTOM_THEME_KEY);
-    if (raw) {
-      const parsed = JSON.parse(raw) as Partial<CustomTheme>;
-      if (parsed && typeof parsed === 'object') {
-        return { ...THEME_PRESETS.aurora, ...parsed, active: Boolean(parsed.active) };
-      }
-    }
-  } catch { /* ignore corrupt value */ }
-  return fallback;
-}
-
-export function loadParticles(): ParticleConfig {
-  const fallback: ParticleConfig = { amount: 14, speed: 1, colors: [...DEFAULT_PARTICLE_COLORS] };
-  if (typeof window === 'undefined') return fallback;
-  try {
-    const raw = window.localStorage.getItem(PARTICLES_KEY);
-    if (raw) {
-      const p = JSON.parse(raw) as Partial<ParticleConfig>;
-      if (p && typeof p === 'object') {
-        const amount = Math.max(0, Math.min(48, Math.round(Number(p.amount) || 14)));
-        const speed = Math.min(3, Math.max(0.2, Number(p.speed) || 1));
-        const colors = Array.isArray(p.colors) ? p.colors.filter((c): c is string => typeof c === 'string' && /^#[0-9a-fA-F]{3,8}$/.test(c)) : [];
-        return { amount, speed, colors: colors.length ? colors : [...DEFAULT_PARTICLE_COLORS] };
-      }
-    }
-  } catch { /* ignore corrupt value */ }
-  return fallback;
-}
-
-export function buildParticleLayout(amount: number) {
-  const list: { left: number; size: number; duration: number; delay: number; dx: number; dx2: number; opacity: string }[] = [];
-  for (let i = 0; i < amount; i++) {
-    list.push({
-      left: 1 + Math.random() * 98,
-      size: 3 + Math.random() * 7,
-      duration: 18 + Math.random() * 18,
-      delay: Math.random() * 32,
-      dx: (Math.random() - 0.5) * 70,
-      dx2: (Math.random() - 0.5) * 70,
-      opacity: (0.45 + Math.random() * 0.4).toFixed(2),
-    });
-  }
-  return list;
-}
-
-export function hslToHex(h: number, s: number, l: number): string {
-  const a = s * Math.min(l, 1 - l);
-  const f = (n: number) => {
-    const k = (n + h / 30) % 12;
-    const color = l - a * Math.max(-1, Math.min(k - 3, Math.min(9 - k, 1)));
-    return Math.round(255 * color).toString(16).padStart(2, '0');
-  };
-  return `#${f(0)}${f(8)}${f(4)}`;
-}
-
-export function randomAccentPalette() {
-  const base = Math.round(Math.random() * 360);
-  return {
-    blue: hslToHex((base + 150) % 360, 72, 64),
-    violet: hslToHex((base + 60) % 360, 62, 68),
-    pink: hslToHex((base + 25) % 360, 80, 72),
-  };
-}
-
-export function randomParticleColors(): string[] {
-  const base = Math.round(Math.random() * 360);
-  const count = 4 + Math.round(Math.random() * 3);
-  const colors: string[] = [];
-  for (let i = 0; i < count; i++) {
-    colors.push(hslToHex((base + i * 55) % 360, 74 + Math.round(Math.random() * 12), 60 + Math.round(Math.random() * 16)));
-  }
-  return colors;
-}

package/templates/base/apps/admin/src/lib/types.ts

@@ -1,39 +0,0 @@
-export type Tab = 'overview' | 'processes' | 'logs' | 'config' | 'env' | 'plugins' | 'users' | 'monitoring' | 'payments' | 'databases' | 'schema' | 'ai' | 'theme';
-export type AdminTheme = 'aurora' | 'midnight' | 'violet';
-export type UiMode = 'workspace' | 'compact' | 'focus';
-export type ToggleStyle = 'chip' | 'neon' | 'icon' | 'orb' | 'track';
-
-export interface CustomTheme { active: boolean; blue: string; violet: string; pink: string; bg: string; ink: string; muted: string; mesh: number; glass: number; radius: number; toggle: ToggleStyle; }
-
-export interface ParticleConfig { amount: number; speed: number; colors: string[]; }
-
-export interface AdminUser { email?: string; name?: string; roles?: string[]; }
-
-export type ConfigValueType = 'string' | 'number' | 'boolean' | 'null' | 'object' | 'array';
-export type ConfigEntry = { key: string; value: string; type: ConfigValueType };
-
-export interface ProviderPreset { id: string; label: string; baseUrl: string; defaultModel: string; models: string[]; }
-
-export type ProviderFilter = 'all' | 'enabled' | 'disabled' | 'custom';
-
-export interface PaymentOrder {
-  provider: string;
-  orderId: string;
-  reference: string;
-  status: string;
-  amount: number;
-  currency: string;
-  paymentId?: string;
-  createdAt?: string;
-}
-export interface PaymentTransaction {
-  provider: string;
-  event: string;
-  verified: boolean;
-  orderId?: string;
-  paymentId?: string;
-  amount?: number;
-  currency?: string;
-  status?: string;
-  createdAt?: string;
-}

package/templates/base/apps/admin/src/lib/utils.ts

@@ -1,147 +0,0 @@
-import type { AdminUser, ConfigEntry } from './types.js';
-import { USER_KEY, CATEGORY_LABEL, PROVIDER_META } from './constants.js';
-import type { IconName } from '../icons.js';
-import type { PreflightCheck, RequestSeriesRange } from '../api.js';
-
-export function storedPreference<T extends string>(key: string, fallback: T, allowed: readonly T[]): T {
-  const value = typeof window === 'undefined' ? null : window.localStorage.getItem(key);
-  return value && allowed.includes(value as T) ? value as T : fallback;
-}
-
-export function formatProjectName(name: string): string {
-  const words = name.split(/[^A-Za-z0-9]+/).filter(Boolean);
-  if (!words.length) return name;
-  return words.map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
-}
-
-export function readUser(): AdminUser | null {
-  if (typeof window === 'undefined') return null;
-  try { const raw = window.localStorage.getItem(USER_KEY); return raw ? JSON.parse(raw) as AdminUser : null; } catch { return null; }
-}
-
-export function formatUptime(seconds?: number): string {
-  if (!seconds || seconds <= 0) return '—';
-  const d = Math.floor(seconds / 86400);
-  const h = Math.floor((seconds % 86400) / 3600);
-  const m = Math.floor((seconds % 3600) / 60);
-  const s = Math.floor(seconds % 60);
-  if (d > 0) return `${d}d ${h}h ${m}m`;
-  if (h > 0) return `${h}h ${m}m ${s}s`;
-  if (m > 0) return `${m}m ${s}s`;
-  return `${s}s`;
-}
-
-export function flattenConfig(value: unknown, prefix = ''): ConfigEntry[] {
-  if (value && typeof value === 'object' && !Array.isArray(value)) {
-    const rows = Object.entries(value as Record<string, unknown>);
-    if (!rows.length && prefix) return [{ key: prefix, value: '{}', type: 'object' }];
-    return rows.flatMap(([key, child]) => flattenConfig(child, prefix ? `${prefix}.${key}` : key));
-  }
-  if (!prefix) return [];
-  if (Array.isArray(value)) return [{ key: prefix, value: JSON.stringify(value), type: 'array' }];
-  if (value === null) return [{ key: prefix, value: '', type: 'null' }];
-  if (typeof value === 'number') return [{ key: prefix, value: String(value), type: 'number' }];
-  if (typeof value === 'boolean') return [{ key: prefix, value: String(value), type: 'boolean' }];
-  return [{ key: prefix, value: String(value), type: 'string' }];
-}
-
-export function configValue(entry: ConfigEntry): unknown {
-  if (entry.type === 'null') return null;
-  if (entry.type === 'number') return Number(entry.value);
-  if (entry.type === 'boolean') return entry.value === 'true';
-  if (entry.type === 'object' || entry.type === 'array') return JSON.parse(entry.value);
-  return entry.value;
-}
-
-export function buildConfig(entries: ConfigEntry[]): Record<string, unknown> {
-  const root: Record<string, unknown> = {};
-  for (const entry of entries) {
-    const parts = entry.key.trim().split('.').filter(Boolean);
-    if (!parts.length || parts.some((part) => ['__proto__', 'constructor', 'prototype'].includes(part))) continue;
-    const value = configValue(entry);
-    let node = root;
-    parts.forEach((part, index) => {
-      if (index === parts.length - 1) node[part] = value;
-      else {
-        const child = node[part];
-        if (!child || typeof child !== 'object' || Array.isArray(child)) node[part] = {};
-        node = node[part] as Record<string, unknown>;
-      }
-    });
-  }
-  return root;
-}
-
-export function topGroup(key: string): string {
-  const trimmed = key.trim();
-  if (!trimmed) return 'unsorted';
-  if (trimmed.startsWith('NEXUS_')) return trimmed.slice(6).split('_')[0].toLowerCase() || 'root';
-  return trimmed.split('.')[0] || 'root';
-}
-
-export function groupEntries<T extends { key: string }>(entries: T[]): Array<{ group: string; items: Array<{ index: number; entry: T }> }> {
-  const order: string[] = [];
-  const map = new Map<string, Array<{ index: number; entry: T }>>();
-  entries.forEach((entry, index) => {
-    const group = topGroup(entry.key);
-    if (!map.has(group)) { map.set(group, []); order.push(group); }
-    map.get(group)!.push({ index, entry });
-  });
-  return order.map((group) => ({ group, items: map.get(group)! }));
-}
-
-export function friendlyPreflightError(error?: string, category?: string): string {
-  if (!error) return 'unreachable';
-  const meta = category ? CATEGORY_LABEL[category] : undefined;
-  if (!meta || error.toLowerCase().startsWith(meta.label.toLowerCase())) return error;
-  return `${meta.label} — ${error}`;
-}
-
-export function preflightAddress(c: PreflightCheck): string {
-  if (c.kind === 'http' && c.url) return c.url;
-  if (c.kind === 'tcp' && c.host) return `${c.host}:${c.port}`;
-  return c.name;
-}
-
-/** Derive a deterministic HSL hue from an arbitrary string (for custom provider avatars). */
-export function hashHue(s: string): number {
-  let h = 0;
-  for (let i = 0; i < s.length; i++) h = (h * 31 + s.charCodeAt(i)) % 360;
-  return h;
-}
-
-export function providerMeta(id: string): { glyph: IconName | string; hue: number } {
-  if (PROVIDER_META[id]) return PROVIDER_META[id]!;
-  const letter = id.charAt(0).toUpperCase() || '?';
-  return { glyph: letter, hue: hashHue(id) };
-}
-
-/** Returns true if the provider's baseUrl points to a local host. */
-export function isLocalProvider(baseUrl: string): boolean {
-  try {
-    const u = new URL(baseUrl);
-    return u.hostname === 'localhost' || u.hostname === '127.0.0.1' || u.hostname === '0.0.0.0';
-  } catch { return false; }
-}
-
-/** Derive the marketing website from an API base URL (strip /v1, /api, etc). */
-export function websiteFromBaseUrl(baseUrl: string): string {
-  try {
-    const u = new URL(baseUrl);
-    // For local providers (localhost / 127.0.0.1 / 0.0.0.0) just return the origin.
-    const isLocal = u.hostname === 'localhost' || u.hostname === '127.0.0.1' || u.hostname === '0.0.0.0';
-    if (isLocal) return u.origin;
-    // For cloud providers, strip common API path segments and go to the root.
-    return `${u.protocol}//${u.hostname}`;
-  } catch {
-    return baseUrl;
-  }
-}
-
-export function formatPointTime(t: number, range: RequestSeriesRange): string {
-  const d = new Date(t);
-  const time = d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });
-  if (range === 'today' || range === '5d') return time;
-  if (range === 'week') return `${d.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })} ${time}`;
-  return d.toLocaleDateString(undefined, { month: 'short', day: 'numeric' });
-}

package/templates/base/apps/admin/src/pages/Config.tsx

@@ -1,108 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import type { Tab, ConfigValueType, ConfigEntry } from '../lib/types.js';
-import { flattenConfig, buildConfig, groupEntries } from '../lib/utils.js';
-import { getAdminConfig, putAdminConfig, putAdminConfigFile, runLintConfig, type AdminConfig } from '../api.js';
-import { useAdminAlert } from '../alertCenter.js';
-import { Icon } from '../icons.js';
-import { PageHead } from '../components/ui/PageHead.js';
-import { LintChecks } from '../components/ui/LintChecks.js';
-import { ConfirmDialog } from '../components/ui/ConfirmDialog.js';
-
-export function Config({ onNavigate }: { onNavigate?: (tab: Tab) => void }) {
-  const [cfg, setCfg] = useState<AdminConfig | null>(null);
-  const [entries, setEntries] = useState<ConfigEntry[]>([]);
-  const [fileText, setFileText] = useState('');
-  const [filePath, setFilePath] = useState('');
-  const [mode, setMode] = useState<'runtime' | 'source' | 'effective'>('runtime');
-  const [msg, setMsg] = useAdminAlert('config');
-  const [busy, setBusy] = useState(false);
-  const [restartDialog, setRestartDialog] = useState(false);
-  const [newKey, setNewKey] = useState('');
-  const [newType, setNewType] = useState<ConfigValueType>('string');
-  const [newValue, setNewValue] = useState('');
-
-  const addKey = () => {
-    if (!newKey.trim()) return;
-    setEntries([...entries, { key: newKey.trim(), value: newType === 'null' ? '' : newValue, type: newType }]);
-    setNewKey(''); setNewType('string'); setNewValue('');
-  };
-
-  const load = async () => {
-    try {
-      const c = await getAdminConfig();
-      setCfg(c);
-      const overrides = flattenConfig(c.runtime);
-      // Prefer the runtime overrides if there are any; otherwise seed the
-      // key/value grid from the current effective config so the user starts
-      // with the real values (redacted secret placeholders are skipped so they
-      // are never written back as literal overrides).
-      const base = overrides.length
-        ? overrides
-        : flattenConfig(c.config).filter((entry) => entry.value !== '***');
-      setEntries(base);
-      setFilePath(c.file?.path ?? '');
-      setFileText(c.file?.content ?? '');
-      setMsg(c.file ? '' : 'No human-edited config file found.');
-    } catch (e: any) { setMsg(String(e?.message ?? e)); }
-  };
-  useEffect(() => { load(); }, []);
-
-  const saveRuntime = async () => {
-    setBusy(true); setMsg('');
-    try {
-      const overrides = buildConfig(entries);
-      await putAdminConfig(overrides);
-      setMsg('Saved to nexus.runtime.json. Restart services to apply changes.');
-      setRestartDialog(true);
-    } catch (e: any) { setMsg(`Error: ${e?.message ?? e}`); }
-    finally { setBusy(false); }
-  };
-
-  const saveFile = async () => {
-    if (!filePath) { setMsg('No config file found.'); return; }
-    setBusy(true); setMsg('');
-    try { await putAdminConfigFile(fileText); setMsg(`Saved ${filePath}. Restart services to apply changes.`); setRestartDialog(true); }
-    catch (e: any) { setMsg(`Error: ${e?.message ?? e}`); }
-    finally { setBusy(false); }
-  };
-
-  return (
-    <div className="admin-view-stack">
-      <PageHead title="Configuration"><div className="heading-actions"><span className="restart-badge">RESTART REQUIRED AFTER SAVE</span><button onClick={load} className="workspace-action"><Icon name="refresh" size={12} /> Reload</button></div></PageHead>
-      <div className="config-intro"><div><span className="admin-overline">PROJECT CONTROL PLANE</span><h1>Configure your <em>runtime.</em></h1><p>Use key/value rows for safe JSON overrides, or switch to source mode for the typed project configuration.</p></div><div className="hero-art hero-art--cubes"><strong>{'{ }'}</strong><span className="ha-a" /><span className="ha-b" /><span className="ha-c" /></div></div>
-      <div className="workspace-tabs">{([['runtime', 'Runtime JSON'], ['source', 'Source file'], ['effective', 'Effective view']] as const).map(([id, label]) => <button key={id} onClick={() => setMode(id)} className={mode === id ? 'is-active' : ''}>{label}</button>)}</div>
-      {mode === 'runtime' && <section className="workspace-panel config-panel"><div className="panel-title-row"><div><span className="admin-overline">NEXUS CONFIG · KEY/VALUE</span><h3>Configuration overrides</h3></div><button onClick={addKey} className="workspace-action">+ Add key</button></div><p className="panel-description">Existing configuration is loaded into the rows below. Changes are written to nexus.runtime.json and validated against the Nexus schema before saving. Secrets are redacted and managed in the Environment surface.</p><div className="key-add-bar">
-        <input value={newKey} onChange={(event) => setNewKey(event.target.value)} onKeyDown={(event) => { if (event.key === 'Enter') addKey(); }} placeholder="key path — e.g. server.port" />
-        <select value={newType} onChange={(event) => { setNewType(event.target.value as ConfigValueType); if (event.target.value === 'null') setNewValue(''); }}><option value="string">string</option><option value="number">number</option><option value="boolean">boolean</option><option value="null">null</option><option value="object">object</option><option value="array">array</option></select>
-        <input value={newValue} disabled={newType === 'null'} onChange={(event) => setNewValue(event.target.value)} onKeyDown={(event) => { if (event.key === 'Enter') addKey(); }} placeholder={newType === 'object' || newType === 'array' ? '{ }' : 'value'} />
-      </div><div className="key-value-table">
-        {groupEntries(entries).map(({ group, items }) => (
-          <div className="key-group" key={group}>
-            <div className="key-group-head"><span className="key-group-name">{group}</span><small>{items.length} key{items.length === 1 ? '' : 's'}</small></div>
-            <div className="key-value-head"><span>KEY PATH</span><span>TYPE</span><span>VALUE</span><span /></div>
-            {items.map(({ index, entry }) => (
-              <div className="key-value-row" key={`${entry.key}-${index}`}>
-                <input value={entry.key} onChange={(event) => setEntries(entries.map((item, itemIndex) => itemIndex === index ? { ...item, key: event.target.value } : item))} placeholder="server.port" />
-                <select value={entry.type} onChange={(event) => setEntries(entries.map((item, itemIndex) => itemIndex === index ? { ...item, type: event.target.value as ConfigValueType, value: event.target.value === 'null' ? '' : item.value } : item))}><option value="string">string</option><option value="number">number</option><option value="boolean">boolean</option><option value="null">null</option><option value="object">object</option><option value="array">array</option></select>
-                <input value={entry.value} disabled={entry.type === 'null'} onChange={(event) => setEntries(entries.map((item, itemIndex) => itemIndex === index ? { ...item, value: event.target.value } : item))} placeholder={entry.type === 'object' || entry.type === 'array' ? '{ }' : 'value'} />
-                <button className="row-delete" onClick={() => setEntries(entries.filter((_, itemIndex) => itemIndex !== index))} aria-label={`Delete ${entry.key || 'entry'}`}>×</button>
-              </div>
-            ))}
-          </div>
-        ))}
-        {!entries.length && <div className="key-value-empty">No configuration keys loaded.</div>}
-      </div><div className="config-footer"><span>{entries.length} override{entries.length === 1 ? '' : 's'} · validated on save</span><button onClick={saveRuntime} disabled={busy} className="glass-chip-btn-primary shrink-0">{busy ? 'Saving…' : 'Save runtime JSON'} <span>→</span></button></div></section>}
-      {mode === 'source' && <section className="workspace-panel config-panel"><div className="panel-title-row"><div><span className="admin-overline">HUMAN-EDITED SOURCE</span><h3>{filePath ? filePath.split(/[\\/]/).pop() : 'nexus.config.ts'}</h3></div><button onClick={saveFile} disabled={busy} className="glass-chip-btn-primary shrink-0">{busy ? 'Saving…' : 'Save source'} <span>→</span></button></div><textarea className="source-editor" value={fileText} onChange={(event) => setFileText(event.target.value)} spellCheck={false} /></section>}
-      {mode === 'effective' && <section className="workspace-panel config-panel"><div className="panel-title-row"><div><span className="admin-overline">READ-ONLY · SECRETS REDACTED</span><h3>Effective merged config</h3></div></div><pre className="source-editor effective-editor">{cfg ? JSON.stringify(cfg.config, null, 2) : 'Loading configuration…'}</pre></section>}
-      <LintChecks run={runLintConfig} title="Configuration checks" overline="VALIDATOR · nexus.runtime.json" />
-      <ConfirmDialog
-        open={restartDialog}
-        title="Restart required"
-        message="Your changes have been saved. Restart the backend services to apply the new configuration."
-        confirmLabel="Open services"
-        onConfirm={() => { setRestartDialog(false); onNavigate?.('processes'); }}
-        onCancel={() => setRestartDialog(false)}
-      />
-    </div>
-  );
-}

package/templates/base/apps/admin/src/pages/Databases.tsx

@@ -1,122 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { getDatabases, createDatabase, deleteDatabase, createCollection, dropCollection, modifyCollection, getCollectionDocs, type DatabaseInfo } from '../api.js';
-import { useAdminAlert } from '../alertCenter.js';
-import { Icon } from '../icons.js';
-import { PageHead } from '../components/ui/PageHead.js';
-import { PageHero } from '../components/ui/PageHero.js';
-import { ConfirmDialog } from '../components/ui/ConfirmDialog.js';
-
-export function Databases() {
-  const [databases, setDatabases] = useState<DatabaseInfo[]>([]);
-  const [msg, setMsg] = useAdminAlert('databases');
-  const [newDb, setNewDb] = useState('');
-  const [expanded, setExpanded] = useState<string | null>(null);
-  const [docs, setDocs] = useState<Record<string, { count: number; docs: unknown[] }>>({});
-  const [renames, setRenames] = useState<Record<string, string>>({});
-  const [newColl, setNewColl] = useState<Record<string, string>>({});
-  const [confirm, setConfirm] = useState<{ title: string; message: React.ReactNode; action: () => Promise<void> } | null>(null);
-  const [busy, setBusy] = useState(false);
-
-  const refresh = async () => {
-    try { setDatabases((await getDatabases()).databases ?? []); setMsg(''); } catch (e: any) { setMsg(String(e?.message ?? e)); }
-  };
-  useEffect(() => { refresh(); }, []);
-
-  const withOk = async (fn: () => Promise<any>): Promise<boolean> => {
-    setMsg('');
-    try { await fn(); return true; } catch (e: any) { setMsg(`Error: ${e?.message ?? e}`); return false; }
-  };
-
-  const toggleDocs = async (db: string, coll: string) => {
-    const key = `${db}/${coll}`;
-    if (docs[key]) { const next = { ...docs }; delete next[key]; setDocs(next); return; }
-    try { setDocs({ ...docs, [key]: await getCollectionDocs(db, coll) }); } catch (e: any) { setMsg(`Error: ${e?.message ?? e}`); }
-  };
-
-  const doRename = async (db: string, coll: string) => {
-    const newName = (renames[`${db}/${coll}`] ?? '').trim();
-    if (!newName) return;
-    if (await withOk(() => modifyCollection(db, coll, { newName }))) { await refresh(); setRenames({ ...renames, [`${db}/${coll}`]: '' }); }
-  };
-
-  const doCreateColl = async (db: string) => {
-    const name = (newColl[db] ?? '').trim();
-    if (!name) return;
-    if (await withOk(() => createCollection(db, { name }))) { await refresh(); setNewColl({ ...newColl, [db]: '' }); }
-  };
-
-  const runConfirm = async () => {
-    if (!confirm) return;
-    setBusy(true);
-    try { await confirm.action(); } finally { setBusy(false); setConfirm(null); }
-  };
-
-  return (
-    <div className="space-y-6">
-      <PageHead title="Databases">
-        <button onClick={refresh} className="glass-chip-btn"><Icon name="refresh" size={12} /> refresh</button>
-      </PageHead>
-      <PageHero kicker="DATA FOUNDATION" title={<>Your data, <em>organized.</em></>} desc="Databases and collections backing your project — inspect, create and keep the layer that stores everything sane." glyph="database" art="cubes" />
-
-      <div className="glass-card flex gap-2">
-        <input className="glass-input max-w-xs" placeholder="new database name" value={newDb} onChange={(e) => setNewDb(e.target.value)} />
-        <button onClick={async () => { if (newDb.trim() && await withOk(() => createDatabase(newDb.trim()))) { setNewDb(''); await refresh(); } }} className="glass-btn-primary">Create database</button>
-      </div>
-
-      <div className="space-y-3">
-        {databases.map((db) => (
-          <div key={db.name} className="glass-card">
-            <div className="flex items-center gap-3">
-              <button onClick={() => setExpanded(expanded === db.name ? null : db.name)} className="cursor-pointer font-mono text-base font-semibold text-slate-100 transition-colors hover:text-indigo-300">
-                <span className={`mr-1 inline-block transition-transform ${expanded === db.name ? 'rotate-90' : ''}`}><Icon name="chevronRight" size={14} /></span>{db.name}
-              </button>
-              <span className="text-xs text-slate-500">{(db.sizeOnDisk / 1024).toFixed(1)} KB · {db.collections.length} collections</span>
-              <button onClick={() => setConfirm({ title: `Drop database “${db.name}”?`, message: <>This will permanently delete the database <strong>{db.name}</strong> and all of its collections. This cannot be undone.</>, action: async () => { if (await withOk(() => deleteDatabase(db.name))) await refresh(); } })} className="glass-chip-btn-danger ml-auto">drop</button>
-            </div>
-
-            {expanded === db.name && (
-              <div className="mt-4 space-y-2.5">
-                <div className="flex gap-2">
-                  <input className="glass-input max-w-xs !py-1.5 text-sm" placeholder="new collection" value={newColl[db.name] ?? ''} onChange={(e) => setNewColl({ ...newColl, [db.name]: e.target.value })} />
-                  <button onClick={() => doCreateColl(db.name)} className="glass-chip-btn">create</button>
-                </div>
-                {db.collections.length === 0 && <p className="text-sm text-slate-500">No collections.</p>}
-                {db.collections.map((c) => (
-                  <div key={`${db.name}/${c.name}`} className="flex flex-wrap items-center gap-2 border-t border-white/[0.06] pt-2.5 text-sm">
-                    <span className="font-mono text-slate-200">{c.name}</span>
-                    <span className="text-xs text-slate-500">{c.count} docs</span>
-                    <button onClick={() => toggleDocs(db.name, c.name)} className="glass-chip-btn ml-auto">docs</button>
-                    <input className="glass-input w-36 !py-1 text-xs" placeholder="rename to…" value={renames[`${db.name}/${c.name}`] ?? ''} onChange={(e) => setRenames({ ...renames, [`${db.name}/${c.name}`]: e.target.value })} />
-                    <button onClick={() => doRename(db.name, c.name)} className="glass-chip-btn">rename</button>
-                    <button onClick={() => setConfirm({ title: `Drop collection “${c.name}”?`, message: <>This will permanently delete the collection <strong>{db.name}/{c.name}</strong> and its {c.count} document{c.count === 1 ? '' : 's'}. This cannot be undone.</>, action: async () => { if (await withOk(() => dropCollection(db.name, c.name))) await refresh(); } })} className="glass-chip-btn-danger">drop</button>
-                  </div>
-                ))}
-              </div>
-            )}
-          </div>
-        ))}
-        {!databases.length && !msg && <p className="text-sm text-slate-500">No databases found.</p>}
-        {Object.entries(docs).map(([key, val]) => {
-          const [db, coll] = key.split('/') as [string, string];
-          return expanded === db ? (
-            <div key={key} className="glass-code max-h-64 overflow-auto p-3 text-xs">
-              <span className="text-slate-400">{db}/{coll} — {val.count} docs (showing {val.docs.length}):</span>
-              <pre className="mt-1 font-mono">{JSON.stringify(val.docs[0] ?? {}, null, 2)}{val.docs.length > 1 ? `\n… and ${val.docs.length - 1} more` : ''}</pre>
-            </div>
-          ) : null;
-        })}
-      </div>
-
-      <ConfirmDialog
-        open={!!confirm}
-        title={confirm?.title ?? ''}
-        message={confirm?.message ?? ''}
-        danger
-        busy={busy}
-        confirmLabel="Drop"
-        onConfirm={runConfirm}
-        onCancel={() => setConfirm(null)}
-      />
-    </div>
-  );
-}