// ============ DASHBOARD · SHARED DATA + REACT ALIASES ============
// Loaded first so every section file can use these without redeclaring.
// All seed arrays are empty by default — the dashboard renders empty
// states until you hire your first agent. The PALETTES are kept as
// reference colours the architect modal can pick from.

const { useState, useEffect, useMemo, useRef } = React;

const PALETTES = {
  ori: { skin: "#E85D1A", skinDark: "#B84410", accent: "#FFCA7D", visor: "#1A120B" },
  sol: { skin: "#2DAF6B", skinDark: "#196C42", accent: "#A6E8C7", visor: "#0A1F14" },
  vex: { skin: "#3B7CFF", skinDark: "#1F4FB5", accent: "#A6D8FF", visor: "#0E1A30" },
  ink: { skin: "#B4488C", skinDark: "#742855", accent: "#F2C8E0", visor: "#1F0A18" },
};

const AGENTS = [];
const ACTIVITY = [];
const APPROVALS = [];
const INBOX_THREADS = [];

Object.assign(window, { AGENTS, PALETTES, ACTIVITY, APPROVALS, INBOX_THREADS });