@visualli/core 0.1.5 → 0.1.7

package/dist/constants/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/index.ts","../../src/constants/performanceConstants.ts","../../src/constants/design.ts","../../src/constants/renderConfig.ts"],"sourcesContent":["export * from './performanceConstants.js';\nexport * from './design.js';\nexport * from './renderConfig.js';\n","// ─── Performance & Rendering Constants ───────────────────────────────────────\n\n// ── FPS ───────────────────────────────────────────────────────────────────────\n\nexport const FPS_TARGET                 = 60;\nexport const FPS_WARNING_THRESHOLD      = 45;\nexport const FPS_CRITICAL_THRESHOLD     = 30;\nexport const TARGET_FRAME_TIME          = 1000 / FPS_TARGET; // ~16.67 ms\nexport const MAX_FRAME_TIME             = 18;                 // p95 threshold\n\n/** Legacy frame-rate targets kept for backward compatibility. */\nexport const FPS_TARGETS = {\n  PAN_MIN:           30,\n  ZOOM_TARGET:       60,\n  WARNING_THRESHOLD: 20,\n} as const;\n\n// ── Timing Thresholds (ms) ────────────────────────────────────────────────────\n\nexport const TIMING_THRESHOLDS = {\n  VIEWPORT_QUERY_MAX:    5,\n  SPATIAL_UPDATE_MAX:    10,\n  DRAG_RESPONSE_MAX:     16,\n  LOAD_5K_TARGET:        2000,\n  LOAD_10K_TARGET:       3000,\n  VIEWPORT_DEBOUNCE:     100,\n  SPATIAL_INDEX_BUILD:   50,\n} as const;\n\n// ── Memory Limits (MB) ────────────────────────────────────────────────────────\n\nexport const MEMORY_TARGET_MB   = 500;\nexport const MEMORY_WARNING_MB  = 600;\nexport const MEMORY_CRITICAL_MB = 800;\n\nexport const MEMORY_LIMITS = {\n  MAX_10K_NODES:       500,\n  MAX_GROWTH_PERCENT:  20,\n  WARNING_THRESHOLD:   400,\n} as const;\n\n// ── Viewport Culling ──────────────────────────────────────────────────────────\n\nexport const VIEWPORT_MARGIN          = 0.1;\nexport const MAX_VISIBLE_NODES        = 800;\nexport const CULLING_QUERY_TIME_BUDGET = 5;\n\n// ── Spatial Index ─────────────────────────────────────────────────────────────\n\nexport const RBUSH_MAX_ENTRIES        = 16;\nexport const SPATIAL_INDEX_BUILD_BUDGET = 50;\n\n// ── Node Dimensions ───────────────────────────────────────────────────────────\n\nexport const NODE_MIN_WIDTH    = 200;\nexport const NODE_HEIGHT       = 80;\nexport const NODE_PADDING      = 40;\nexport const CHAR_WIDTH        = 8;\nexport const TITLE_MAX_LENGTH  = 150;\n\n// ── Visual Styling ────────────────────────────────────────────────────────────\n\nexport const CORNER_RADIUS         = 8;\nexport const BORDER_WIDTH_NORMAL   = 2;\nexport const BORDER_WIDTH_SELECTED = 3;\n\nexport const COLOR_SELECTED      = '#1B2D4F';\nexport const COLOR_BORDER_LIGHT  = '#4A3728';\nexport const COLOR_BORDER_DARK   = '#FAF6F1';\nexport const COLOR_DEFAULT_NODE  = '#FAF6F1';\n\n// ── Zoom Constraints ──────────────────────────────────────────────────────────\n\nexport const ZOOM_MIN              = 0.05;\nexport const ZOOM_MAX              = 5.0;\nexport const ZOOM_DEFAULT          = 1.0;\nexport const ZOOM_STEP             = 0.1;\nexport const ZOOM_WHEEL_SENSITIVITY = 0.001;\n\nexport const ZOOM_NAV_IN_THRESHOLD  = 2.7;\nexport const ZOOM_NAV_OUT_THRESHOLD = 0.4;\nexport const TEXT_LABEL_HIDE_BELOW_ZOOM = 0.3;\n\n// ── Quality Level Presets ─────────────────────────────────────────────────────\n\nexport const QUALITY_HIGH = {\n  shadows:      true,\n  bezierCurves: true,\n  animations:   true,\n  textQuality:  'high'   as const,\n  antialiasing: true,\n};\n\nexport const QUALITY_MEDIUM = {\n  shadows:      false,\n  bezierCurves: true,\n  animations:   true,\n  textQuality:  'medium' as const,\n  antialiasing: true,\n};\n\nexport const QUALITY_LOW = {\n  shadows:      false,\n  bezierCurves: false,\n  animations:   false,\n  textQuality:  'low'    as const,\n  antialiasing: false,\n};\n\n// ── Performance Monitoring ────────────────────────────────────────────────────\n\nexport const FPS_SAMPLE_WINDOW          = 60;\nexport const FPS_UPDATE_INTERVAL        = 1000;\nexport const MEMORY_CHECK_INTERVAL      = 5000;\nexport const PERFORMANCE_TOAST_COOLDOWN = 10000;\n\n// ── Auto-Adjustment ───────────────────────────────────────────────────────────\n\nexport const FPS_DOWNGRADE_THRESHOLD    = 45;\nexport const FPS_UPGRADE_THRESHOLD      = 58;\nexport const FPS_STABILIZATION_FRAMES   = 180;\n\n// ── Canvas Dimensions ─────────────────────────────────────────────────────────\n\nexport const DEFAULT_CANVAS_WIDTH  = 1920;\nexport const DEFAULT_CANVAS_HEIGHT = 1080;\n\n// ── Interaction ───────────────────────────────────────────────────────────────\n\nexport const CLICK_THRESHOLD      = 5;\nexport const DOUBLE_CLICK_DELAY   = 300;\nexport const DRAG_START_DISTANCE  = 10;\n\n// ── Data Validation ───────────────────────────────────────────────────────────\n\nexport const MAX_NODES                    = 20000;\nexport const CIRCULAR_REFERENCE_MAX_DEPTH = 1000;\n\n// ── Debounce / Throttle ───────────────────────────────────────────────────────\n\nexport const RESIZE_DEBOUNCE  = 300;\nexport const SCROLL_THROTTLE  = 16;\nexport const SEARCH_DEBOUNCE  = 500;\n\n/** Node count thresholds that gate optimisation strategies. */\nexport const NODE_COUNT_THRESHOLDS = {\n  SPATIAL_INDEX_MIN:    100,\n  VIEWPORT_CULLING_MIN: 500,\n  CANVAS_RENDERING_MIN: 2000,\n  DOM_RENDERING_MAX:    5000,\n} as const;\n\n/** Viewport buffer configuration. */\nexport const VIEWPORT_CONFIG = {\n  BUFFER_PERCENT:   0.2,\n  MIN_VISIBLE_NODES: 10,\n} as const;\n","// ─── Design System Constants ──────────────────────────────────────────────────\n//\n// Single source of truth for all color tokens, typography, spacing, and\n// visual design constants used across the SDK and consuming apps.\n//\n// ## Color Priority\n//   1. Data file values (node.color, layer.backgroundColor)\n//   2. Fall back to these constants\n\n// ── Visualli Design System v2 ─────────────────────────────────────────────────\n\nexport const DS_COLORS = {\n  light: {\n    bgApp:          '#F0EDE6',\n    bgSurface:      '#FAF8F4',\n    bgInput:        '#FFFFFF',\n    border:         '#DDD9D0',\n    borderDivider:  '#E8E4DC',\n    primary:        '#1B2D4F',\n    primaryHover:   '#243B68',\n    textPrimary:    '#1A1A18',\n    textSecondary:  '#6B6860',\n    textMuted:      '#747270',\n    textOnPrimary:  '#FAF8F4',\n    hoverItem:      'rgba(27,45,79,0.07)',\n    focusRing:      'rgba(27,45,79,0.40)',\n    btnMuted:       '#8E8C88',\n  },\n  dark: {\n    bgApp:          '#141412',\n    bgSurface:      '#1C1C1A',\n    bgInput:        '#262622',\n    border:         '#333330',\n    borderDivider:  '#2A2A28',\n    primary:        '#BB532D',\n    primaryHover:   '#CC6440',\n    textPrimary:    '#F0EDE6',\n    textSecondary:  '#B0ABA3',\n    textMuted:      '#8E8C88',\n    textOnPrimary:  '#FAF8F4',\n    hoverItem:      'rgba(198,94,56,0.12)',\n    focusRing:      'rgba(198,94,56,0.50)',\n    btnMuted:       '#4A4845',\n  },\n} as const;\n\nexport const DS_TYPOGRAPHY = {\n  fontDisplay: \"'Nunito', sans-serif\",\n  fontBody:    \"'Nunito Sans', sans-serif\",\n  logo:     { size: '20px', weight: 800, letterSpacing: '0.04em' },\n  heading:  { size: '16px', weight: 700, letterSpacing: '-0.2px' },\n  cta:      { size: '11px', weight: 800, letterSpacing: '0.12em', transform: 'uppercase' as const },\n  body:     { size: '13px', weight: 400 },\n  input:    { size: '13px', weight: 300, style: 'italic' as const },\n  search:   { size: '12px', weight: 400 },\n  username: { size: '13px', weight: 600 },\n  avatar:   { size: '11px', weight: 700 },\n  footer:   { size: '12px', weight: 400 },\n  empty:    { size: '11px', weight: 300, style: 'italic' as const },\n} as const;\n\nexport const DS_RADII = {\n  sidebar: 16,\n  input:   8,\n  cta:     7,\n  item:    6,\n  swatch:  10,\n} as const;\n\n// ── Brand Colors ──────────────────────────────────────────────────────────────\n\nexport const BRAND_COLORS = {\n  primary: {\n    50:  '#EFF6FF',\n    100: '#DBEAFE',\n    200: '#BFDBFE',\n    300: '#93C5FD',\n    400: '#60A5FA',\n    500: '#3B82F6',\n    600: '#2563EB',\n    700: '#1D4ED8',\n    800: '#1E40AF',\n    900: '#1E3A8A',\n  },\n  secondary: {\n    50:  '#F0FDF4',\n    100: '#DCFCE7',\n    200: '#BBF7D0',\n    300: '#86EFAC',\n    400: '#4ADE80',\n    500: '#10B981',\n    600: '#059669',\n    700: '#047857',\n    800: '#065F46',\n    900: '#064E3B',\n  },\n  accent: {\n    purple: '#8B5CF6',\n    cyan:   '#06B6D4',\n    sky:    '#0EA5E9',\n    lime:   '#84CC16',\n    amber:  '#F59E0B',\n    red:    '#EF4444',\n  },\n} as const;\n\n// ── Level Colors ──────────────────────────────────────────────────────────────\n\nexport const LEVEL_COLORS = {\n  level0: BRAND_COLORS.primary[500],\n  level1: BRAND_COLORS.primary[400],\n  level2: BRAND_COLORS.primary[300],\n  level3: BRAND_COLORS.primary[200],\n  level4: BRAND_COLORS.primary[300],\n  level5: BRAND_COLORS.primary[400],\n  level6: BRAND_COLORS.primary[500],\n  level7: BRAND_COLORS.primary[600],\n  level8: BRAND_COLORS.primary[700],\n} as const;\n\nexport const LEVEL_COLOR_ARRAY = [\n  LEVEL_COLORS.level0,\n  LEVEL_COLORS.level1,\n  LEVEL_COLORS.level2,\n  LEVEL_COLORS.level3,\n  LEVEL_COLORS.level4,\n  LEVEL_COLORS.level5,\n  LEVEL_COLORS.level6,\n  LEVEL_COLORS.level7,\n  LEVEL_COLORS.level8,\n] as const;\n\nexport const PARENT_FALLBACK_COLORS = [\n  '#12C7D3', '#325E8C', '#8A70A6', '#F54A57', '#FF6C4D',\n  '#F28C16', '#FFD347', '#7F7F7F', '#8D8D8D',\n] as const;\n\nexport const SEMANTIC_COLORS = {\n  success: BRAND_COLORS.secondary[500],\n  error:   BRAND_COLORS.accent.red,\n  warning: BRAND_COLORS.accent.amber,\n  info:    BRAND_COLORS.primary[500],\n} as const;\n\n// ── Theme Colors ──────────────────────────────────────────────────────────────\n\nexport const THEME_COLORS = {\n  light: {\n    background: { primary: '#FAF8F4', secondary: '#F0EDE6', tertiary: '#FFFFFF' },\n    text:       { primary: '#1A1A18', secondary: '#6B6860', tertiary: '#747270' },\n    border:     { primary: '#DDD9D0', secondary: '#E8E4DC' },\n  },\n  dark: {\n    background: { primary: '#1C1C1A', secondary: '#141412', tertiary: '#262622' },\n    text:       { primary: '#F0EDE6', secondary: '#B0ABA3', tertiary: '#8E8C88' },\n    border:     { primary: '#333330', secondary: '#2A2A28' },\n  },\n} as const;\n\n// ── Canvas Node Colors ────────────────────────────────────────────────────────\n\nexport const CANVAS_COLORS = {\n  node: {\n    border:          '#FFFFFF',\n    titleColor:      '#1e1b4b',\n    badgeBackground: '#FFC107',\n    badgeStroke:     '#fcd34d',\n  },\n} as const;\n\n// ── Spacing ───────────────────────────────────────────────────────────────────\n\nexport const SPACING = {\n  xs:   4,\n  sm:   8,\n  md:   16,\n  lg:   24,\n  xl:   32,\n  '2xl': 48,\n  '3xl': 64,\n  '4xl': 96,\n} as const;\n\nexport const LAYOUT_SPACING = {\n  nodeSpacing:      200,\n  levelSpacing:     150,\n  containerPadding: 20,\n  gridSize:         50,\n} as const;\n\n// ── Typography ────────────────────────────────────────────────────────────────\n\nexport const FONTS = {\n  primary:   \"'Inter', sans-serif\",\n  secondary: \"'Poppins', sans-serif\",\n  mono:      \"'Roboto Mono', monospace\",\n} as const;\n\nexport const FONT_SIZES = {\n  xs:   '0.75rem',\n  sm:   '0.875rem',\n  base: '1rem',\n  lg:   '1.125rem',\n  xl:   '1.25rem',\n  '2xl': '1.5rem',\n  '3xl': '1.875rem',\n  '4xl': '2.25rem',\n} as const;\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\n/** Get a level color, cycling back to level 0 for levels > 8. */\nexport function getColorForLevel(level: number): string {\n  return LEVEL_COLOR_ARRAY[level % LEVEL_COLOR_ARRAY.length];\n}\n\n/**\n * Darken a hex color by reducing HSL lightness.\n * Returns a monochromatic darker version — used for border/stroke colors.\n * Falls back to the original string if parsing fails.\n */\nexport function darkenHexColor(hex: string, amount: number = 0.22): string {\n  if (!hex || !hex.startsWith('#')) return hex;\n  let r: number, g: number, b: number;\n  if (hex.length === 4) {\n    r = parseInt(hex[1] + hex[1], 16);\n    g = parseInt(hex[2] + hex[2], 16);\n    b = parseInt(hex[3] + hex[3], 16);\n  } else if (hex.length === 7) {\n    r = parseInt(hex.slice(1, 3), 16);\n    g = parseInt(hex.slice(3, 5), 16);\n    b = parseInt(hex.slice(5, 7), 16);\n  } else {\n    return hex;\n  }\n  if (isNaN(r) || isNaN(g) || isNaN(b)) return hex;\n  const rn = r / 255, gn = g / 255, bn = b / 255;\n  const cmax = Math.max(rn, gn, bn), cmin = Math.min(rn, gn, bn);\n  const d = cmax - cmin;\n  const l = (cmax + cmin) / 2;\n  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));\n  let h = 0;\n  if (d !== 0) {\n    const seg = cmax === rn ? (gn - bn) / d : cmax === gn ? (bn - rn) / d + 2 : (rn - gn) / d + 4;\n    h = ((seg * 60) + 360) % 360;\n  }\n  const newL = Math.max(0, l - amount);\n  const c2 = (1 - Math.abs(2 * newL - 1)) * s;\n  const x2 = c2 * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m2 = newL - c2 / 2;\n  let r1 = 0, g1 = 0, b1 = 0;\n  if      (h < 60)  { r1 = c2; g1 = x2; b1 = 0; }\n  else if (h < 120) { r1 = x2; g1 = c2; b1 = 0; }\n  else if (h < 180) { r1 = 0;  g1 = c2; b1 = x2; }\n  else if (h < 240) { r1 = 0;  g1 = x2; b1 = c2; }\n  else if (h < 300) { r1 = x2; g1 = 0;  b1 = c2; }\n  else              { r1 = c2; g1 = 0;  b1 = x2; }\n  const toHex = (v: number) => Math.round((v + m2) * 255).toString(16).padStart(2, '0');\n  return `#${toHex(r1)}${toHex(g1)}${toHex(b1)}`;\n}\n\nexport function getThemeBackground(\n  isDark: boolean,\n  variant: 'primary' | 'secondary' | 'tertiary' = 'primary',\n): string {\n  return isDark ? THEME_COLORS.dark.background[variant] : THEME_COLORS.light.background[variant];\n}\n\nexport function getThemeText(\n  isDark: boolean,\n  variant: 'primary' | 'secondary' | 'tertiary' = 'primary',\n): string {\n  return isDark ? THEME_COLORS.dark.text[variant] : THEME_COLORS.light.text[variant];\n}\n\nexport function getThemeBorder(\n  isDark: boolean,\n  variant: 'primary' | 'secondary' = 'primary',\n): string {\n  return isDark ? THEME_COLORS.dark.border[variant] : THEME_COLORS.light.border[variant];\n}\n","// ─── Render Configuration ─────────────────────────────────────────────────────\n\nimport type { RenderConfig } from '../types/mindmap.js';\nimport {\n  FPS_TARGET,\n  MEMORY_TARGET_MB,\n  QUALITY_HIGH,\n  QUALITY_MEDIUM,\n  QUALITY_LOW,\n  NODE_COUNT_THRESHOLDS,\n} from './performanceConstants.js';\n\n// ── Defaults ──────────────────────────────────────────────────────────────────\n\nexport const DEFAULT_RENDER_CONFIG: RenderConfig = {\n  renderMode:    'canvas',\n  qualityLevel:  'high',\n  cullingEnabled: false,\n  fpsTarget:     FPS_TARGET,\n  memoryLimit:   MEMORY_TARGET_MB,\n};\n\nexport const SIMPLIFIED_RENDER_CONFIG: RenderConfig = {\n  renderMode:    'simplified',\n  qualityLevel:  'low',\n  cullingEnabled: true,\n  fpsTarget:     30,\n  memoryLimit:   400,\n};\n\n// ── Quality Map ───────────────────────────────────────────────────────────────\n\nexport const QUALITY_SETTINGS = {\n  high:   QUALITY_HIGH,\n  medium: QUALITY_MEDIUM,\n  low:    QUALITY_LOW,\n} as const;\n\n// ── Feature Flags ─────────────────────────────────────────────────────────────\n\nexport const FEATURE_FLAGS = {\n  viewportCulling:        true,\n  spatialIndexing:        true,\n  shadows:                true,\n  bezierCurves:           true,\n  animations:             true,\n  branchBadges:           true,\n  autoQualityAdjustment:  true,\n  performanceMonitoring:  true,\n  performanceToasts:      true,\n  debugOverlay:           false,\n  showFPS:                false,\n  showMemory:             false,\n  showVisibleCount:       false,\n} as const;\n\n// ── Render Modes ──────────────────────────────────────────────────────────────\n\nexport type RenderMode     = RenderConfig['renderMode'];\nexport type QualityLevel   = RenderConfig['qualityLevel'];\n\nexport const RENDER_MODES = {\n  canvas: {\n    name:        'Canvas',\n    description: 'Full Konva canvas rendering with all features',\n    features:    { culling: true, shadows: true, bezierCurves: true, animations: true },\n  },\n  simplified: {\n    name:        'Simplified',\n    description: 'Reduced feature set for low-end devices',\n    features:    { culling: true, shadows: false, bezierCurves: false, animations: false },\n  },\n} as const;\n\nexport const QUALITY_LEVELS = {\n  high:   { name: 'High',   description: 'All visual features enabled',              targetFPS: 60, features: QUALITY_HIGH   },\n  medium: { name: 'Medium', description: 'Shadows disabled, other features enabled', targetFPS: 60, features: QUALITY_MEDIUM },\n  low:    { name: 'Low',    description: 'Minimal visual features, max performance', targetFPS: 30, features: QUALITY_LOW    },\n} as const;\n\n// ── Auto-Adjustment Helpers ───────────────────────────────────────────────────\n\nexport function getOptimalQualityLevel(\n  currentFPS: number,\n  currentQuality: QualityLevel,\n): QualityLevel {\n  if (currentFPS < 45 && currentQuality === 'high')   return 'medium';\n  if (currentFPS < 30 && currentQuality === 'medium') return 'low';\n  if (currentFPS > 58 && currentQuality === 'low')    return 'medium';\n  if (currentFPS > 58 && currentQuality === 'medium') return 'high';\n  return currentQuality;\n}\n\nexport function getRenderConfigForQuality(quality: QualityLevel): Partial<RenderConfig> {\n  return { qualityLevel: quality, fpsTarget: QUALITY_LEVELS[quality].targetFPS };\n}\n\nexport function isFeatureEnabled(\n  featureName: keyof typeof FEATURE_FLAGS,\n  config: RenderConfig,\n): boolean {\n  if (!FEATURE_FLAGS[featureName]) return false;\n\n  const qs = QUALITY_SETTINGS[config.qualityLevel];\n  switch (featureName) {\n    case 'shadows':      return qs.shadows;\n    case 'bezierCurves': return qs.bezierCurves;\n    case 'animations':   return qs.animations;\n    default:             return FEATURE_FLAGS[featureName] as boolean;\n  }\n}\n\n// ── Device Detection ──────────────────────────────────────────────────────────\n\n/**\n * Recommend a render config based on detected device memory (browser only).\n * Falls back to SIMPLIFIED_RENDER_CONFIG when the Performance Memory API is\n * unavailable or memory is constrained.\n */\nexport function getRecommendedRenderConfig(): RenderConfig {\n  if (typeof performance === 'undefined' || !(performance as unknown as Record<string, unknown>)['memory']) {\n    return SIMPLIFIED_RENDER_CONFIG;\n  }\n\n  const memory = (performance as unknown as Record<string, unknown>)['memory'] as Record<string, number>;\n  if (memory?.['jsHeapSizeLimit'] && memory['jsHeapSizeLimit'] < 512 * 1024 * 1024) {\n    return SIMPLIFIED_RENDER_CONFIG;\n  }\n\n  return DEFAULT_RENDER_CONFIG;\n}\n\n/** Re-export so consumers need only one import. */\nexport { NODE_COUNT_THRESHOLDS };\n"],"mappings":"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","names":[]}

package/dist/constants/index.d.cts

@@ -0,0 +1,448 @@
+import { R as RenderConfig } from '../mindmap-DWS0WZT_.cjs';
+
+declare const FPS_TARGET = 60;
+declare const FPS_WARNING_THRESHOLD = 45;
+declare const FPS_CRITICAL_THRESHOLD = 30;
+declare const TARGET_FRAME_TIME: number;
+declare const MAX_FRAME_TIME = 18;
+/** Legacy frame-rate targets kept for backward compatibility. */
+declare const FPS_TARGETS: {
+    readonly PAN_MIN: 30;
+    readonly ZOOM_TARGET: 60;
+    readonly WARNING_THRESHOLD: 20;
+};
+declare const TIMING_THRESHOLDS: {
+    readonly VIEWPORT_QUERY_MAX: 5;
+    readonly SPATIAL_UPDATE_MAX: 10;
+    readonly DRAG_RESPONSE_MAX: 16;
+    readonly LOAD_5K_TARGET: 2000;
+    readonly LOAD_10K_TARGET: 3000;
+    readonly VIEWPORT_DEBOUNCE: 100;
+    readonly SPATIAL_INDEX_BUILD: 50;
+};
+declare const MEMORY_TARGET_MB = 500;
+declare const MEMORY_WARNING_MB = 600;
+declare const MEMORY_CRITICAL_MB = 800;
+declare const MEMORY_LIMITS: {
+    readonly MAX_10K_NODES: 500;
+    readonly MAX_GROWTH_PERCENT: 20;
+    readonly WARNING_THRESHOLD: 400;
+};
+declare const VIEWPORT_MARGIN = 0.1;
+declare const MAX_VISIBLE_NODES = 800;
+declare const CULLING_QUERY_TIME_BUDGET = 5;
+declare const RBUSH_MAX_ENTRIES = 16;
+declare const SPATIAL_INDEX_BUILD_BUDGET = 50;
+declare const NODE_MIN_WIDTH = 200;
+declare const NODE_HEIGHT = 80;
+declare const NODE_PADDING = 40;
+declare const CHAR_WIDTH = 8;
+declare const TITLE_MAX_LENGTH = 150;
+declare const CORNER_RADIUS = 8;
+declare const BORDER_WIDTH_NORMAL = 2;
+declare const BORDER_WIDTH_SELECTED = 3;
+declare const COLOR_SELECTED = "#1B2D4F";
+declare const COLOR_BORDER_LIGHT = "#4A3728";
+declare const COLOR_BORDER_DARK = "#FAF6F1";
+declare const COLOR_DEFAULT_NODE = "#FAF6F1";
+declare const ZOOM_MIN = 0.05;
+declare const ZOOM_MAX = 5;
+declare const ZOOM_DEFAULT = 1;
+declare const ZOOM_STEP = 0.1;
+declare const ZOOM_WHEEL_SENSITIVITY = 0.001;
+declare const ZOOM_NAV_IN_THRESHOLD = 2.7;
+declare const ZOOM_NAV_OUT_THRESHOLD = 0.4;
+declare const TEXT_LABEL_HIDE_BELOW_ZOOM = 0.3;
+declare const QUALITY_HIGH: {
+    shadows: boolean;
+    bezierCurves: boolean;
+    animations: boolean;
+    textQuality: "high";
+    antialiasing: boolean;
+};
+declare const QUALITY_MEDIUM: {
+    shadows: boolean;
+    bezierCurves: boolean;
+    animations: boolean;
+    textQuality: "medium";
+    antialiasing: boolean;
+};
+declare const QUALITY_LOW: {
+    shadows: boolean;
+    bezierCurves: boolean;
+    animations: boolean;
+    textQuality: "low";
+    antialiasing: boolean;
+};
+declare const FPS_SAMPLE_WINDOW = 60;
+declare const FPS_UPDATE_INTERVAL = 1000;
+declare const MEMORY_CHECK_INTERVAL = 5000;
+declare const PERFORMANCE_TOAST_COOLDOWN = 10000;
+declare const FPS_DOWNGRADE_THRESHOLD = 45;
+declare const FPS_UPGRADE_THRESHOLD = 58;
+declare const FPS_STABILIZATION_FRAMES = 180;
+declare const DEFAULT_CANVAS_WIDTH = 1920;
+declare const DEFAULT_CANVAS_HEIGHT = 1080;
+declare const CLICK_THRESHOLD = 5;
+declare const DOUBLE_CLICK_DELAY = 300;
+declare const DRAG_START_DISTANCE = 10;
+declare const MAX_NODES = 20000;
+declare const CIRCULAR_REFERENCE_MAX_DEPTH = 1000;
+declare const RESIZE_DEBOUNCE = 300;
+declare const SCROLL_THROTTLE = 16;
+declare const SEARCH_DEBOUNCE = 500;
+/** Node count thresholds that gate optimisation strategies. */
+declare const NODE_COUNT_THRESHOLDS: {
+    readonly SPATIAL_INDEX_MIN: 100;
+    readonly VIEWPORT_CULLING_MIN: 500;
+    readonly CANVAS_RENDERING_MIN: 2000;
+    readonly DOM_RENDERING_MAX: 5000;
+};
+/** Viewport buffer configuration. */
+declare const VIEWPORT_CONFIG: {
+    readonly BUFFER_PERCENT: 0.2;
+    readonly MIN_VISIBLE_NODES: 10;
+};
+
+declare const DS_COLORS: {
+    readonly light: {
+        readonly bgApp: "#F0EDE6";
+        readonly bgSurface: "#FAF8F4";
+        readonly bgInput: "#FFFFFF";
+        readonly border: "#DDD9D0";
+        readonly borderDivider: "#E8E4DC";
+        readonly primary: "#1B2D4F";
+        readonly primaryHover: "#243B68";
+        readonly textPrimary: "#1A1A18";
+        readonly textSecondary: "#6B6860";
+        readonly textMuted: "#747270";
+        readonly textOnPrimary: "#FAF8F4";
+        readonly hoverItem: "rgba(27,45,79,0.07)";
+        readonly focusRing: "rgba(27,45,79,0.40)";
+        readonly btnMuted: "#8E8C88";
+    };
+    readonly dark: {
+        readonly bgApp: "#141412";
+        readonly bgSurface: "#1C1C1A";
+        readonly bgInput: "#262622";
+        readonly border: "#333330";
+        readonly borderDivider: "#2A2A28";
+        readonly primary: "#BB532D";
+        readonly primaryHover: "#CC6440";
+        readonly textPrimary: "#F0EDE6";
+        readonly textSecondary: "#B0ABA3";
+        readonly textMuted: "#8E8C88";
+        readonly textOnPrimary: "#FAF8F4";
+        readonly hoverItem: "rgba(198,94,56,0.12)";
+        readonly focusRing: "rgba(198,94,56,0.50)";
+        readonly btnMuted: "#4A4845";
+    };
+};
+declare const DS_TYPOGRAPHY: {
+    readonly fontDisplay: "'Nunito', sans-serif";
+    readonly fontBody: "'Nunito Sans', sans-serif";
+    readonly logo: {
+        readonly size: "20px";
+        readonly weight: 800;
+        readonly letterSpacing: "0.04em";
+    };
+    readonly heading: {
+        readonly size: "16px";
+        readonly weight: 700;
+        readonly letterSpacing: "-0.2px";
+    };
+    readonly cta: {
+        readonly size: "11px";
+        readonly weight: 800;
+        readonly letterSpacing: "0.12em";
+        readonly transform: "uppercase";
+    };
+    readonly body: {
+        readonly size: "13px";
+        readonly weight: 400;
+    };
+    readonly input: {
+        readonly size: "13px";
+        readonly weight: 300;
+        readonly style: "italic";
+    };
+    readonly search: {
+        readonly size: "12px";
+        readonly weight: 400;
+    };
+    readonly username: {
+        readonly size: "13px";
+        readonly weight: 600;
+    };
+    readonly avatar: {
+        readonly size: "11px";
+        readonly weight: 700;
+    };
+    readonly footer: {
+        readonly size: "12px";
+        readonly weight: 400;
+    };
+    readonly empty: {
+        readonly size: "11px";
+        readonly weight: 300;
+        readonly style: "italic";
+    };
+};
+declare const DS_RADII: {
+    readonly sidebar: 16;
+    readonly input: 8;
+    readonly cta: 7;
+    readonly item: 6;
+    readonly swatch: 10;
+};
+declare const BRAND_COLORS: {
+    readonly primary: {
+        readonly 50: "#EFF6FF";
+        readonly 100: "#DBEAFE";
+        readonly 200: "#BFDBFE";
+        readonly 300: "#93C5FD";
+        readonly 400: "#60A5FA";
+        readonly 500: "#3B82F6";
+        readonly 600: "#2563EB";
+        readonly 700: "#1D4ED8";
+        readonly 800: "#1E40AF";
+        readonly 900: "#1E3A8A";
+    };
+    readonly secondary: {
+        readonly 50: "#F0FDF4";
+        readonly 100: "#DCFCE7";
+        readonly 200: "#BBF7D0";
+        readonly 300: "#86EFAC";
+        readonly 400: "#4ADE80";
+        readonly 500: "#10B981";
+        readonly 600: "#059669";
+        readonly 700: "#047857";
+        readonly 800: "#065F46";
+        readonly 900: "#064E3B";
+    };
+    readonly accent: {
+        readonly purple: "#8B5CF6";
+        readonly cyan: "#06B6D4";
+        readonly sky: "#0EA5E9";
+        readonly lime: "#84CC16";
+        readonly amber: "#F59E0B";
+        readonly red: "#EF4444";
+    };
+};
+declare const LEVEL_COLORS: {
+    readonly level0: "#3B82F6";
+    readonly level1: "#60A5FA";
+    readonly level2: "#93C5FD";
+    readonly level3: "#BFDBFE";
+    readonly level4: "#93C5FD";
+    readonly level5: "#60A5FA";
+    readonly level6: "#3B82F6";
+    readonly level7: "#2563EB";
+    readonly level8: "#1D4ED8";
+};
+declare const LEVEL_COLOR_ARRAY: readonly ["#3B82F6", "#60A5FA", "#93C5FD", "#BFDBFE", "#93C5FD", "#60A5FA", "#3B82F6", "#2563EB", "#1D4ED8"];
+declare const PARENT_FALLBACK_COLORS: readonly ["#12C7D3", "#325E8C", "#8A70A6", "#F54A57", "#FF6C4D", "#F28C16", "#FFD347", "#7F7F7F", "#8D8D8D"];
+declare const SEMANTIC_COLORS: {
+    readonly success: "#10B981";
+    readonly error: "#EF4444";
+    readonly warning: "#F59E0B";
+    readonly info: "#3B82F6";
+};
+declare const THEME_COLORS: {
+    readonly light: {
+        readonly background: {
+            readonly primary: "#FAF8F4";
+            readonly secondary: "#F0EDE6";
+            readonly tertiary: "#FFFFFF";
+        };
+        readonly text: {
+            readonly primary: "#1A1A18";
+            readonly secondary: "#6B6860";
+            readonly tertiary: "#747270";
+        };
+        readonly border: {
+            readonly primary: "#DDD9D0";
+            readonly secondary: "#E8E4DC";
+        };
+    };
+    readonly dark: {
+        readonly background: {
+            readonly primary: "#1C1C1A";
+            readonly secondary: "#141412";
+            readonly tertiary: "#262622";
+        };
+        readonly text: {
+            readonly primary: "#F0EDE6";
+            readonly secondary: "#B0ABA3";
+            readonly tertiary: "#8E8C88";
+        };
+        readonly border: {
+            readonly primary: "#333330";
+            readonly secondary: "#2A2A28";
+        };
+    };
+};
+declare const CANVAS_COLORS: {
+    readonly node: {
+        readonly border: "#FFFFFF";
+        readonly titleColor: "#1e1b4b";
+        readonly badgeBackground: "#FFC107";
+        readonly badgeStroke: "#fcd34d";
+    };
+};
+declare const SPACING: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 16;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly '2xl': 48;
+    readonly '3xl': 64;
+    readonly '4xl': 96;
+};
+declare const LAYOUT_SPACING: {
+    readonly nodeSpacing: 200;
+    readonly levelSpacing: 150;
+    readonly containerPadding: 20;
+    readonly gridSize: 50;
+};
+declare const FONTS: {
+    readonly primary: "'Inter', sans-serif";
+    readonly secondary: "'Poppins', sans-serif";
+    readonly mono: "'Roboto Mono', monospace";
+};
+declare const FONT_SIZES: {
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly base: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
+    readonly '2xl': "1.5rem";
+    readonly '3xl': "1.875rem";
+    readonly '4xl': "2.25rem";
+};
+/** Get a level color, cycling back to level 0 for levels > 8. */
+declare function getColorForLevel(level: number): string;
+/**
+ * Darken a hex color by reducing HSL lightness.
+ * Returns a monochromatic darker version — used for border/stroke colors.
+ * Falls back to the original string if parsing fails.
+ */
+declare function darkenHexColor(hex: string, amount?: number): string;
+declare function getThemeBackground(isDark: boolean, variant?: 'primary' | 'secondary' | 'tertiary'): string;
+declare function getThemeText(isDark: boolean, variant?: 'primary' | 'secondary' | 'tertiary'): string;
+declare function getThemeBorder(isDark: boolean, variant?: 'primary' | 'secondary'): string;
+
+declare const DEFAULT_RENDER_CONFIG: RenderConfig;
+declare const SIMPLIFIED_RENDER_CONFIG: RenderConfig;
+declare const QUALITY_SETTINGS: {
+    readonly high: {
+        shadows: boolean;
+        bezierCurves: boolean;
+        animations: boolean;
+        textQuality: "high";
+        antialiasing: boolean;
+    };
+    readonly medium: {
+        shadows: boolean;
+        bezierCurves: boolean;
+        animations: boolean;
+        textQuality: "medium";
+        antialiasing: boolean;
+    };
+    readonly low: {
+        shadows: boolean;
+        bezierCurves: boolean;
+        animations: boolean;
+        textQuality: "low";
+        antialiasing: boolean;
+    };
+};
+declare const FEATURE_FLAGS: {
+    readonly viewportCulling: true;
+    readonly spatialIndexing: true;
+    readonly shadows: true;
+    readonly bezierCurves: true;
+    readonly animations: true;
+    readonly branchBadges: true;
+    readonly autoQualityAdjustment: true;
+    readonly performanceMonitoring: true;
+    readonly performanceToasts: true;
+    readonly debugOverlay: false;
+    readonly showFPS: false;
+    readonly showMemory: false;
+    readonly showVisibleCount: false;
+};
+type RenderMode = RenderConfig['renderMode'];
+type QualityLevel = RenderConfig['qualityLevel'];
+declare const RENDER_MODES: {
+    readonly canvas: {
+        readonly name: "Canvas";
+        readonly description: "Full Konva canvas rendering with all features";
+        readonly features: {
+            readonly culling: true;
+            readonly shadows: true;
+            readonly bezierCurves: true;
+            readonly animations: true;
+        };
+    };
+    readonly simplified: {
+        readonly name: "Simplified";
+        readonly description: "Reduced feature set for low-end devices";
+        readonly features: {
+            readonly culling: true;
+            readonly shadows: false;
+            readonly bezierCurves: false;
+            readonly animations: false;
+        };
+    };
+};
+declare const QUALITY_LEVELS: {
+    readonly high: {
+        readonly name: "High";
+        readonly description: "All visual features enabled";
+        readonly targetFPS: 60;
+        readonly features: {
+            shadows: boolean;
+            bezierCurves: boolean;
+            animations: boolean;
+            textQuality: "high";
+            antialiasing: boolean;
+        };
+    };
+    readonly medium: {
+        readonly name: "Medium";
+        readonly description: "Shadows disabled, other features enabled";
+        readonly targetFPS: 60;
+        readonly features: {
+            shadows: boolean;
+            bezierCurves: boolean;
+            animations: boolean;
+            textQuality: "medium";
+            antialiasing: boolean;
+        };
+    };
+    readonly low: {
+        readonly name: "Low";
+        readonly description: "Minimal visual features, max performance";
+        readonly targetFPS: 30;
+        readonly features: {
+            shadows: boolean;
+            bezierCurves: boolean;
+            animations: boolean;
+            textQuality: "low";
+            antialiasing: boolean;
+        };
+    };
+};
+declare function getOptimalQualityLevel(currentFPS: number, currentQuality: QualityLevel): QualityLevel;
+declare function getRenderConfigForQuality(quality: QualityLevel): Partial<RenderConfig>;
+declare function isFeatureEnabled(featureName: keyof typeof FEATURE_FLAGS, config: RenderConfig): boolean;
+/**
+ * Recommend a render config based on detected device memory (browser only).
+ * Falls back to SIMPLIFIED_RENDER_CONFIG when the Performance Memory API is
+ * unavailable or memory is constrained.
+ */
+declare function getRecommendedRenderConfig(): RenderConfig;
+
+export { BORDER_WIDTH_NORMAL, BORDER_WIDTH_SELECTED, BRAND_COLORS, CANVAS_COLORS, CHAR_WIDTH, CIRCULAR_REFERENCE_MAX_DEPTH, CLICK_THRESHOLD, COLOR_BORDER_DARK, COLOR_BORDER_LIGHT, COLOR_DEFAULT_NODE, COLOR_SELECTED, CORNER_RADIUS, CULLING_QUERY_TIME_BUDGET, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_RENDER_CONFIG, DOUBLE_CLICK_DELAY, DRAG_START_DISTANCE, DS_COLORS, DS_RADII, DS_TYPOGRAPHY, FEATURE_FLAGS, FONTS, FONT_SIZES, FPS_CRITICAL_THRESHOLD, FPS_DOWNGRADE_THRESHOLD, FPS_SAMPLE_WINDOW, FPS_STABILIZATION_FRAMES, FPS_TARGET, FPS_TARGETS, FPS_UPDATE_INTERVAL, FPS_UPGRADE_THRESHOLD, FPS_WARNING_THRESHOLD, LAYOUT_SPACING, LEVEL_COLORS, LEVEL_COLOR_ARRAY, MAX_FRAME_TIME, MAX_NODES, MAX_VISIBLE_NODES, MEMORY_CHECK_INTERVAL, MEMORY_CRITICAL_MB, MEMORY_LIMITS, MEMORY_TARGET_MB, MEMORY_WARNING_MB, NODE_COUNT_THRESHOLDS, NODE_HEIGHT, NODE_MIN_WIDTH, NODE_PADDING, PARENT_FALLBACK_COLORS, PERFORMANCE_TOAST_COOLDOWN, QUALITY_HIGH, QUALITY_LEVELS, QUALITY_LOW, QUALITY_MEDIUM, QUALITY_SETTINGS, type QualityLevel, RBUSH_MAX_ENTRIES, RENDER_MODES, RESIZE_DEBOUNCE, type RenderMode, SCROLL_THROTTLE, SEARCH_DEBOUNCE, SEMANTIC_COLORS, SIMPLIFIED_RENDER_CONFIG, SPACING, SPATIAL_INDEX_BUILD_BUDGET, TARGET_FRAME_TIME, TEXT_LABEL_HIDE_BELOW_ZOOM, THEME_COLORS, TIMING_THRESHOLDS, TITLE_MAX_LENGTH, VIEWPORT_CONFIG, VIEWPORT_MARGIN, ZOOM_DEFAULT, ZOOM_MAX, ZOOM_MIN, ZOOM_NAV_IN_THRESHOLD, ZOOM_NAV_OUT_THRESHOLD, ZOOM_STEP, ZOOM_WHEEL_SENSITIVITY, darkenHexColor, getColorForLevel, getOptimalQualityLevel, getRecommendedRenderConfig, getRenderConfigForQuality, getThemeBackground, getThemeBorder, getThemeText, isFeatureEnabled };