orbital-command 0.2.0 → 0.3.0

package/src/index.css

@@ -1,797 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: 240 25% 3.5%;
-    --foreground: 0 0% 88%;
-    --card: 240 19% 8.6%;
-    --card-foreground: 0 0% 88%;
-    --popover: 240 19% 8.6%;
-    --popover-foreground: 0 0% 88%;
-    --primary: 187 100% 42%;
-    --primary-foreground: 0 0% 0%;
-    --secondary: 240 22% 13%;
-    --secondary-foreground: 0 0% 88%;
-    --muted: 240 22% 13%;
-    --muted-foreground: 0 0% 75%;
-    --accent: 240 22% 13%;
-    --accent-foreground: 0 0% 88%;
-    --destructive: 348 100% 54%;
-    --destructive-foreground: 0 0% 100%;
-    --border: 240 18% 19.5%;
-    --input: 240 18% 19.5%;
-    --ring: 187 100% 42%;
-    --radius: 0.375rem;
-
-    /* Orbital Command specific */
-    --cc-success: 153 100% 39%;
-    --cc-warning: 40 100% 50%;
-    --cc-error: 348 100% 54%;
-    --cc-info: 187 100% 42%;
-    --cc-sidebar: 240 25% 5%;
-
-    /* Status colors are injected dynamically by WorkflowProvider via engine.generateCSSVariables() */
-
-    /* Settings-driven properties */
-    --font-family: 'Space Grotesk', sans-serif;
-    --font-scale: 1.1;
-  }
-
-  * {
-    @apply border-border;
-  }
-
-  body {
-    @apply bg-background text-foreground;
-    font-family: var(--font-family);
-    font-feature-settings: "rlig" 1, "calt" 1;
-  }
-}
-
-/* Custom scrollbar for dark theme */
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background: #12121a;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #2a2a3a;
-  border-radius: 3px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: hsl(var(--muted-foreground));
-}
-
-/* ═══════════════════════════════════════════════
-   NEON GLASS THEME — all scoped under data-theme
-   ═══════════════════════════════════════════════ */
-
-/* --- Neon color tokens (RGB triplets for rgba()) --- */
-/* Primary pair: #00bcd4 (teal cyan) + #e91e63 (hot pink)  */
-/* All other tokens derived from blends of the two primaries */
-[data-theme="neon-glass"] {
-  --neon-cyan: 0, 188, 212;       /* #00bcd4 — primary cool  */
-  --neon-pink: 233, 30, 99;       /* #e91e63 — primary warm  */
-  --neon-blue: 0, 188, 212;       /* alias → cyan (keeps existing refs working) */
-  --neon-green: 0, 230, 118;      /* status: success */
-  --neon-red: 233, 30, 99;        /* alias → pink for errors  */
-  --neon-amber: 255, 171, 0;      /* status: warning */
-  --neon-purple: 117, 109, 158;   /* cyan+pink midpoint muted */
-}
-
-/* ─── BACKGROUND ─── */
-[data-theme="neon-glass"] body {
-  background: #050510;
-}
-[data-theme="neon-glass"] .neon-bg {
-  position: fixed;
-  inset: 0;
-  z-index: 0;
-  overflow: hidden;
-  pointer-events: none;
-}
-/* Orb 1 — top-left, soft cyan wash */
-[data-theme="neon-glass"] .neon-bg::before {
-  content: '';
-  position: absolute;
-  width: 900px;
-  height: 900px;
-  top: -350px;
-  left: 10%;
-  background: rgba(var(--neon-cyan), 0.12);
-  border-radius: 50%;
-  filter: blur(120px);
-  animation: orb-drift-1 25s ease-in-out infinite alternate;
-}
-/* Orb 2 — bottom-right, soft pink wash */
-[data-theme="neon-glass"] .neon-bg::after {
-  content: '';
-  position: absolute;
-  width: 800px;
-  height: 800px;
-  bottom: -300px;
-  right: -50px;
-  background: rgba(var(--neon-pink), 0.1);
-  border-radius: 50%;
-  filter: blur(120px);
-  animation: orb-drift-2 30s ease-in-out infinite alternate;
-}
-@keyframes orb-drift-1 {
-  0%   { transform: translateY(0); }
-  100% { transform: translateY(30px); }
-}
-@keyframes orb-drift-2 {
-  0%   { transform: translateY(0); }
-  100% { transform: translateY(-25px); }
-}
-
-/* Interactive grid canvas container */
-[data-theme="neon-glass"] .neon-grid-canvas {
-  position: absolute;
-  inset: 0;
-}
-
-/* ─── RADIX SCROLL AREA FIX ─── */
-/* Radix ScrollArea wraps content in display:table which breaks width constraints.
-   All our ScrollAreas are vertical-only, so block display is correct. */
-[data-radix-scroll-area-viewport] > div {
-  display: block !important;
-}
-
-/* ─── GLASS SURFACES ─── */
-[data-theme="neon-glass"] .card-glass {
-  backdrop-filter: blur(4px) saturate(1.2);
-  -webkit-backdrop-filter: blur(4px) saturate(1.2);
-  background: transparent !important;
-  transition: border-color 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
-  box-shadow:
-    inset 0 1px 0 0 rgba(255, 255, 255, 0.06),
-    0 8px 32px rgba(0, 0, 0, 0.1);
-}
-[data-theme="neon-glass"] .card-glass:not(.scope-card) {
-  border: 1px solid rgba(255, 255, 255, 0.08) !important;
-}
-/* Scope cards: glass border on top/right/bottom only — border-left is controlled
-   by Tailwind category/idea/ghost utilities so those color accents survive. */
-[data-theme="neon-glass"] .card-glass.scope-card {
-  border-top-color: rgba(255, 255, 255, 0.08);
-  border-right-color: rgba(255, 255, 255, 0.08);
-  border-bottom-color: rgba(255, 255, 255, 0.08);
-}
-[data-theme="neon-glass"] .card-glass:hover {
-  backdrop-filter: blur(16px) saturate(1.4);
-  -webkit-backdrop-filter: blur(16px) saturate(1.4);
-  box-shadow:
-    inset 0 1px 0 0 rgba(255, 255, 255, 0.08),
-    0 8px 32px rgba(0, 0, 0, 0.4),
-    0 8px 8px -4px rgba(var(--neon-cyan), 0.12),
-    0 12px 50px -8px rgba(var(--neon-pink), 0.12);
-}
-[data-theme="neon-glass"] .card-glass:not(.scope-card):hover {
-  border-color: rgba(var(--neon-cyan), 0.3) !important;
-}
-[data-theme="neon-glass"] .card-glass.scope-card:hover {
-  border-top-color: rgba(var(--neon-cyan), 0.3);
-  border-right-color: rgba(var(--neon-cyan), 0.3);
-  border-bottom-color: rgba(var(--neon-cyan), 0.3);
-}
-
-/* ─── SIDEBAR ─── */
-[data-theme="neon-glass"] .sidebar-glass {
-  backdrop-filter: blur(32px) saturate(1.6);
-  -webkit-backdrop-filter: blur(32px) saturate(1.6);
-  background: rgba(8, 8, 24, 0.45) !important;
-  border-right: 1px solid rgba(var(--neon-blue), 0.12) !important;
-  box-shadow:
-    inset 0 0 40px rgba(var(--neon-cyan), 0.03),
-    inset -1px 0 0 0 rgba(255, 255, 255, 0.06),
-    inset 0 1px 0 0 rgba(255, 255, 255, 0.04),
-    4px 0 40px rgba(0, 0, 0, 0.5);
-  position: relative;
-  z-index: 10;
-}
-/* Animated right-edge glow line */
-[data-theme="neon-glass"] .sidebar-glass::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: -1px;
-  bottom: 0;
-  width: 1px;
-  background: linear-gradient(
-    180deg,
-    transparent 0%,
-    rgba(var(--neon-cyan), 0.7) 20%,
-    rgba(var(--neon-pink), 0.5) 60%,
-    rgba(var(--neon-cyan), 0.3) 85%,
-    transparent 100%
-  );
-  box-shadow: 0 0 12px rgba(var(--neon-cyan), 0.4), 0 0 4px rgba(var(--neon-pink), 0.2);
-}
-
-/* ─── GRADIENT NEON BORDERS (the "neon line" effect) ─── */
-[data-theme="neon-glass"] .neon-border-blue {
-  border: 1px solid transparent !important;
-  background-image:
-    linear-gradient(rgba(10, 10, 30, 0.55), rgba(10, 10, 30, 0.55)),
-    linear-gradient(135deg, rgba(var(--neon-cyan), 0.5), rgba(var(--neon-pink), 0.35), rgba(var(--neon-cyan), 0.2));
-  background-origin: border-box;
-  background-clip: padding-box, border-box;
-}
-[data-theme="neon-glass"] .neon-border-status {
-  border: 1px solid transparent !important;
-  background-image:
-    linear-gradient(rgba(10, 10, 30, 0.55), rgba(10, 10, 30, 0.55)),
-    linear-gradient(135deg, rgba(var(--neon-green), 0.4), rgba(var(--neon-cyan), 0.3));
-  background-origin: border-box;
-  background-clip: padding-box, border-box;
-}
-
-/* ─── GLOW UTILITIES (flat default, downward-only glow on hover) ─── */
-[data-theme="neon-glass"] .glow-blue     { box-shadow: none; }
-[data-theme="neon-glass"] .glow-blue:hover   { box-shadow: 0 6px 20px -4px rgba(var(--neon-blue), 0.35); }
-[data-theme="neon-glass"] .glow-green    { box-shadow: none; }
-[data-theme="neon-glass"] .glow-green:hover  { box-shadow: 0 6px 20px -4px rgba(var(--neon-green), 0.35); }
-[data-theme="neon-glass"] .glow-red      { box-shadow: none; }
-[data-theme="neon-glass"] .glow-red:hover    { box-shadow: 0 6px 20px -4px rgba(var(--neon-red), 0.35); }
-[data-theme="neon-glass"] .glow-amber    { box-shadow: none; }
-[data-theme="neon-glass"] .glow-amber:hover  { box-shadow: 0 6px 20px -4px rgba(var(--neon-amber), 0.35); }
-[data-theme="neon-glass"] .glow-purple   { box-shadow: none; }
-[data-theme="neon-glass"] .glow-purple:hover { box-shadow: 0 6px 20px -4px rgba(var(--neon-purple), 0.35); }
-/* Intensity variants */
-[data-theme="neon-glass"] .glow-blue-sm  { box-shadow: none; }
-[data-theme="neon-glass"] .glow-blue-sm:hover  { box-shadow: 0 4px 12px -2px rgba(var(--neon-blue), 0.2); }
-[data-theme="neon-glass"] .glow-blue-lg  { box-shadow: 0 8px 30px -4px rgba(var(--neon-blue), 0.3); }
-[data-theme="neon-glass"] .glow-green-sm { box-shadow: none; }
-[data-theme="neon-glass"] .glow-green-sm:hover { box-shadow: 0 4px 12px -2px rgba(var(--neon-green), 0.2); }
-[data-theme="neon-glass"] .glow-green-lg { box-shadow: 0 8px 30px -4px rgba(var(--neon-green), 0.3); }
-[data-theme="neon-glass"] .glow-red-sm   { box-shadow: none; }
-[data-theme="neon-glass"] .glow-red-sm:hover   { box-shadow: 0 4px 12px -2px rgba(var(--neon-red), 0.2); }
-[data-theme="neon-glass"] .glow-red-lg   { box-shadow: 0 8px 30px -4px rgba(var(--neon-red), 0.3); }
-
-/* ─── GLOW ANIMATIONS ─── */
-[data-theme="neon-glass"] .animate-glow-pulse {
-  animation: neon-glow-pulse 2s ease-in-out infinite;
-}
-[data-theme="neon-glass"] .animate-breathe {
-  animation: neon-breathe 3s ease-in-out infinite;
-}
-@keyframes neon-glow-pulse {
-  0%, 100% { box-shadow: 0 0 12px rgba(var(--neon-blue), 0.4); filter: drop-shadow(0 0 6px rgba(var(--neon-blue), 0.4)); }
-  50%      { box-shadow: 0 0 30px rgba(var(--neon-blue), 0.7); filter: drop-shadow(0 0 12px rgba(var(--neon-blue), 0.6)); }
-}
-@keyframes neon-breathe {
-  0%, 100% { box-shadow: 0 0 20px rgba(var(--neon-green), 0.3); }
-  50%      { box-shadow: 0 0 40px rgba(var(--neon-green), 0.55); }
-}
-
-/* ─── SCOPE CARDS ─── */
-[data-theme="neon-glass"] .scope-card-critical {
-  border-left: 2px solid rgba(var(--neon-red), 0.6) !important;
-  box-shadow: none;
-}
-[data-theme="neon-glass"] .scope-card-critical:hover {
-  box-shadow: -4px 4px 18px -4px rgba(var(--neon-red), 0.3);
-}
-[data-theme="neon-glass"] .scope-card-high {
-  border-left: 2px solid rgba(var(--neon-amber), 0.6) !important;
-  box-shadow: none;
-}
-[data-theme="neon-glass"] .scope-card-high:hover {
-  box-shadow: -4px 4px 18px -4px rgba(var(--neon-amber), 0.3);
-}
-[data-theme="neon-glass"] .scope-card-medium {
-  border-left: 2px solid rgba(var(--neon-blue), 0.4) !important;
-  box-shadow: none;
-}
-[data-theme="neon-glass"] .scope-card-medium:hover {
-  box-shadow: -4px 4px 18px -4px rgba(var(--neon-blue), 0.25);
-}
-[data-theme="neon-glass"] .scope-card {
-  transition: transform 0.2s ease, box-shadow 0.25s ease;
-}
-[data-theme="neon-glass"] .scope-card:hover {
-  transform: translateY(-1px);
-}
-/* Scope cards skip per-card blur — column glass provides the backdrop.
-   64+ nested blur layers overwhelm the compositor and cause scroll lag. */
-[data-theme="neon-glass"] .scope-card.card-glass {
-  backdrop-filter: none;
-  -webkit-backdrop-filter: none;
-}
-[data-theme="neon-glass"] .scope-card.card-glass:hover {
-  backdrop-filter: none;
-  -webkit-backdrop-filter: none;
-}
-
-/* Inner panels inside dialogs skip their own blur — the dialog's card-glass
-   provides the backdrop. Nested backdrop-filter stalls scroll during open animation. */
-[data-theme="neon-glass"] [role="dialog"] .card-glass {
-  backdrop-filter: none;
-  -webkit-backdrop-filter: none;
-}
-[data-theme="neon-glass"] [role="dialog"] .card-glass:hover {
-  backdrop-filter: none;
-  -webkit-backdrop-filter: none;
-}
-
-/* ─── GHOST CARDS (AI-suggested ideas) ─── */
-[data-theme="neon-glass"] .scope-card-ghost {
-  border: 1px dashed rgba(168, 85, 247, 0.35) !important;
-  border-left: 2px dashed rgba(168, 85, 247, 0.5) !important;
-  background: rgba(168, 85, 247, 0.03) !important;
-  position: relative;
-  overflow: hidden;
-}
-[data-theme="neon-glass"] .scope-card-ghost::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(
-    135deg,
-    rgba(168, 85, 247, 0.05) 0%,
-    transparent 50%,
-    rgba(0, 188, 212, 0.03) 100%
-  );
-  pointer-events: none;
-}
-[data-theme="neon-glass"] .scope-card-ghost:hover {
-  border-color: rgba(168, 85, 247, 0.55) !important;
-  box-shadow: 0 4px 20px rgba(168, 85, 247, 0.15);
-  opacity: 1 !important;
-}
-@keyframes ghost-shimmer {
-  0%   { background-position: -200% 0; }
-  100% { background-position: 200% 0; }
-}
-.ghost-shimmer {
-  background-image: linear-gradient(
-    90deg,
-    transparent 0%,
-    rgba(168, 85, 247, 0.06) 50%,
-    transparent 100%
-  );
-  background-size: 200% 100%;
-  animation: ghost-shimmer 3s ease-in-out infinite;
-}
-
-/* ─── CATEGORY CARD GLOWS (left glow + blue below on hover) ─── */
-/* Border color persists on both states */
-[data-theme="neon-glass"] .scope-cat-feature,
-[data-theme="neon-glass"] .scope-cat-feature:hover        { border-left-color: #536dfe !important; }
-[data-theme="neon-glass"] .scope-cat-bugfix,
-[data-theme="neon-glass"] .scope-cat-bugfix:hover         { border-left-color: #ff1744 !important; }
-[data-theme="neon-glass"] .scope-cat-refactor,
-[data-theme="neon-glass"] .scope-cat-refactor:hover       { border-left-color: #8B5CF6 !important; }
-[data-theme="neon-glass"] .scope-cat-infrastructure,
-[data-theme="neon-glass"] .scope-cat-infrastructure:hover { border-left-color: #40c4ff !important; }
-[data-theme="neon-glass"] .scope-cat-docs,
-[data-theme="neon-glass"] .scope-cat-docs:hover           { border-left-color: #6B7280 !important; }
-/* Hover: inset category glow from left + cyan below */
-[data-theme="neon-glass"] .scope-cat-feature:hover        { box-shadow: inset 12px 0 16px -10px rgba(83, 109, 254, 0.3), 0 8px 8px -4px rgba(var(--neon-cyan), 0.12); }
-[data-theme="neon-glass"] .scope-cat-bugfix:hover         { box-shadow: inset 12px 0 16px -10px rgba(255, 23, 68, 0.3), 0 8px 8px -4px rgba(var(--neon-cyan), 0.12); }
-[data-theme="neon-glass"] .scope-cat-refactor:hover       { box-shadow: inset 12px 0 16px -10px rgba(139, 92, 246, 0.3), 0 8px 8px -4px rgba(var(--neon-cyan), 0.12); }
-[data-theme="neon-glass"] .scope-cat-infrastructure:hover { box-shadow: inset 12px 0 16px -10px rgba(64, 196, 255, 0.3), 0 8px 8px -4px rgba(var(--neon-cyan), 0.12); }
-[data-theme="neon-glass"] .scope-cat-docs:hover           { box-shadow: inset 12px 0 16px -10px rgba(107, 114, 128, 0.3), 0 8px 8px -4px rgba(var(--neon-cyan), 0.12); }
-
-/* ─── DISPATCH STROKE LOADER (active dispatch border animation) ─── */
-/* Animatable custom property for conic-gradient rotation */
-@property --dispatch-angle {
-  syntax: '<angle>';
-  initial-value: 0deg;
-  inherits: false;
-}
-@keyframes dispatch-stroke {
-  to { --dispatch-angle: 360deg; }
-}
-/* Shared: position context for the pseudo-element border */
-.scope-card-dispatched {
-  position: relative;
-  overflow: visible;
-}
-/* Default theme: hot pink border stroke */
-.scope-card-dispatched::before {
-  content: '';
-  position: absolute;
-  inset: -1.5px;
-  border-radius: inherit;
-  padding: 1.5px;
-  background: conic-gradient(
-    from var(--dispatch-angle),
-    transparent 0%,
-    rgba(233, 30, 99, 0.7) 10%,
-    rgba(233, 30, 99, 0.3) 20%,
-    transparent 30%
-  );
-  -webkit-mask:
-    linear-gradient(#fff 0 0) content-box,
-    linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  mask-composite: exclude;
-  animation: dispatch-stroke 2.5s linear infinite;
-  pointer-events: none;
-  z-index: 1;
-}
-/* Neon-glass theme: brighter pink with subtle cyan trail */
-[data-theme="neon-glass"] .scope-card-dispatched::before {
-  padding: 1.5px;
-  background: conic-gradient(
-    from var(--dispatch-angle),
-    transparent 0%,
-    rgba(var(--neon-pink), 0.9) 8%,
-    rgba(var(--neon-pink), 0.5) 16%,
-    rgba(var(--neon-cyan), 0.15) 24%,
-    transparent 32%
-  );
-}
-
-/* ─── DISPATCH PULSE DOT ─── */
-.dispatch-pulse {
-  animation: dispatch-pulse 2s ease-in-out infinite;
-}
-@keyframes dispatch-pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.4; }
-}
-
-/* ─── ABANDONED SCOPE CARD (static amber dashed border) ─── */
-.scope-card-abandoned {
-  border: 1.5px dashed rgba(245, 158, 11, 0.5) !important;
-}
-.scope-card-abandoned:hover {
-  border-color: rgba(245, 158, 11, 0.7) !important;
-}
-[data-theme="neon-glass"] .scope-card-abandoned {
-  border: 1.5px dashed rgba(var(--neon-amber), 0.45) !important;
-  box-shadow: 0 0 8px rgba(var(--neon-amber), 0.08);
-}
-[data-theme="neon-glass"] .scope-card-abandoned:hover {
-  border-color: rgba(var(--neon-amber), 0.65) !important;
-  box-shadow: 0 4px 16px rgba(var(--neon-amber), 0.12);
-}
-
-/* ─── BATCH GROUP DISPATCH STROKE (container-level border animation) ─── */
-.batch-group-dispatched {
-  position: relative;
-  overflow: visible;
-}
-/* Default theme: amber border stroke */
-.batch-group-dispatched::before {
-  content: '';
-  position: absolute;
-  inset: -2px;
-  border-radius: inherit;
-  padding: 2px;
-  background: conic-gradient(
-    from var(--dispatch-angle),
-    transparent 0%,
-    rgba(255, 171, 0, 0.7) 10%,
-    rgba(255, 171, 0, 0.3) 20%,
-    transparent 30%
-  );
-  -webkit-mask:
-    linear-gradient(#fff 0 0) content-box,
-    linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  mask-composite: exclude;
-  animation: dispatch-stroke 3s linear infinite;
-  pointer-events: none;
-  z-index: 1;
-}
-/* Neon-glass theme: amber head with cyan trail */
-[data-theme="neon-glass"] .batch-group-dispatched::before {
-  padding: 2px;
-  background: conic-gradient(
-    from var(--dispatch-angle),
-    transparent 0%,
-    rgba(var(--neon-amber), 0.9) 8%,
-    rgba(var(--neon-amber), 0.5) 16%,
-    rgba(var(--neon-cyan), 0.15) 24%,
-    transparent 32%
-  );
-}
-
-/* Effort estimate ghost button */
-[data-theme="neon-glass"] .effort-ghost {
-  background: transparent !important;
-  border-color: rgba(var(--neon-cyan), 0.25) !important;
-  color: rgba(var(--neon-cyan), 0.7) !important;
-  box-shadow: none !important;
-}
-
-/* Glass tag pills */
-[data-theme="neon-glass"] .glass-pill {
-  background: rgba(var(--neon-blue), 0.08) !important;
-  border: 1px solid rgba(var(--neon-blue), 0.2) !important;
-}
-
-/* ─── FILTER POPOVER (both themes) ─── */
-.filter-popover-glass {
-  backdrop-filter: blur(18px) saturate(1.4);
-  -webkit-backdrop-filter: blur(18px) saturate(1.4);
-  background: rgba(12, 12, 26, 0.62) !important;
-  border: 1px solid rgba(255, 255, 255, 0.10) !important;
-  box-shadow:
-    inset 0 1px 0 0 rgba(255, 255, 255, 0.05),
-    0 8px 32px rgba(0, 0, 0, 0.5);
-}
-[data-theme="neon-glass"] .filter-popover-glass {
-  backdrop-filter: blur(22px) saturate(1.5);
-  -webkit-backdrop-filter: blur(22px) saturate(1.5);
-  background: rgba(8, 8, 24, 0.58) !important;
-  border: 1px solid rgba(var(--neon-cyan), 0.18) !important;
-  box-shadow:
-    inset 0 1px 0 0 rgba(255, 255, 255, 0.06),
-    0 8px 32px rgba(0, 0, 0, 0.4),
-    0 0 24px rgba(var(--neon-cyan), 0.10);
-}
-
-/* ─── DIALOG ─── */
-[data-theme="neon-glass"] [role="dialog"] {
-  box-shadow:
-    0 0 60px rgba(var(--neon-cyan), 0.2),
-    0 0 120px rgba(var(--neon-pink), 0.1),
-    0 25px 60px rgba(0, 0, 0, 0.6);
-}
-[data-theme="neon-glass"] .dialog-overlay-glass {
-  backdrop-filter: blur(12px) saturate(0.7);
-  -webkit-backdrop-filter: blur(12px) saturate(0.7);
-  background: rgba(5, 5, 16, 0.7) !important;
-}
-
-/* ─── TABS ─── */
-[data-theme="neon-glass"] [role="tablist"] [data-state="active"] {
-  box-shadow: 0 2px 15px rgba(var(--neon-blue), 0.4);
-  background: rgba(var(--neon-blue), 0.12) !important;
-  border-bottom: 1px solid rgba(var(--neon-blue), 0.5);
-}
-
-/* ─── GATE INDICATORS ─── */
-[data-theme="neon-glass"] .gate-glow-pass { filter: drop-shadow(0 0 8px rgba(var(--neon-green), 0.7)) drop-shadow(0 0 3px rgba(var(--neon-green), 0.5)); }
-[data-theme="neon-glass"] .gate-glow-fail { filter: drop-shadow(0 0 8px rgba(var(--neon-red), 0.7)) drop-shadow(0 0 3px rgba(var(--neon-red), 0.5)); }
-
-/* ─── SIDEBAR NAV (icon-only squares) ─── */
-.nav-item-square {
-  border: 1px solid transparent;
-  transition: background-color 200ms ease, border-color 200ms ease, box-shadow 300ms ease, transform 200ms ease;
-}
-.nav-item-square:hover {
-  transform: scale(1.06);
-}
-[data-theme="neon-glass"] .nav-item-square:not(.nav-icon-active-glow):hover {
-  background: rgba(var(--neon-cyan), 0.06);
-  border-color: rgba(var(--neon-cyan), 0.15);
-  box-shadow: 0 0 14px rgba(var(--neon-cyan), 0.12);
-}
-[data-theme="neon-glass"] .nav-icon-active-glow {
-  background: rgba(var(--neon-cyan), 0.08) !important;
-  border: 1px solid rgba(var(--neon-cyan), 0.35) !important;
-  box-shadow:
-    0 0 20px rgba(var(--neon-cyan), 0.25),
-    0 0 6px rgba(var(--neon-cyan), 0.15),
-    inset 0 0 12px rgba(var(--neon-cyan), 0.06);
-  animation: nav-active-breathe 3s ease-in-out infinite;
-}
-@keyframes nav-active-breathe {
-  0%, 100% {
-    box-shadow:
-      0 0 20px rgba(var(--neon-cyan), 0.25),
-      0 0 6px rgba(var(--neon-cyan), 0.15),
-      inset 0 0 12px rgba(var(--neon-cyan), 0.06);
-  }
-  50% {
-    box-shadow:
-      0 0 28px rgba(var(--neon-cyan), 0.35),
-      0 0 10px rgba(var(--neon-cyan), 0.25),
-      inset 0 0 16px rgba(var(--neon-cyan), 0.1);
-  }
-}
-/* Hover label text glow */
-[data-theme="neon-glass"] .nav-item-label {
-  text-shadow: 0 0 8px rgba(var(--neon-cyan), 0.5);
-}
-
-/* ─── AGENT BADGE GLOWS (flat default, glow on hover) ─── */
-[data-theme="neon-glass"] .agent-glow-attacker,
-[data-theme="neon-glass"] .agent-glow-chaos,
-[data-theme="neon-glass"] .agent-glow-solana,
-[data-theme="neon-glass"] .agent-glow-frontend,
-[data-theme="neon-glass"] .agent-glow-architect,
-[data-theme="neon-glass"] .agent-glow-devops,
-[data-theme="neon-glass"] .agent-glow-rules { box-shadow: none; }
-[data-theme="neon-glass"] .agent-glow-attacker:hover  { box-shadow: 0 0 14px rgba(var(--neon-red), 0.35); }
-[data-theme="neon-glass"] .agent-glow-chaos:hover     { box-shadow: 0 0 14px rgba(249, 115, 22, 0.35); }
-[data-theme="neon-glass"] .agent-glow-solana:hover    { box-shadow: 0 0 14px rgba(var(--neon-purple), 0.35); }
-[data-theme="neon-glass"] .agent-glow-frontend:hover  { box-shadow: 0 0 14px rgba(var(--neon-pink), 0.35); }
-[data-theme="neon-glass"] .agent-glow-architect:hover { box-shadow: 0 0 14px rgba(var(--neon-blue), 0.35); }
-[data-theme="neon-glass"] .agent-glow-devops:hover    { box-shadow: 0 0 14px rgba(var(--neon-cyan), 0.35); }
-[data-theme="neon-glass"] .agent-glow-rules:hover     { box-shadow: 0 0 10px rgba(107, 114, 128, 0.25); }
-
-/* ─── PIPELINE NODES ─── */
-[data-theme="neon-glass"] .pipeline-healthy {
-  box-shadow: none;
-  border-color: rgba(var(--neon-green), 0.25) !important;
-}
-[data-theme="neon-glass"] .pipeline-healthy:hover {
-  box-shadow: 0 0 20px rgba(var(--neon-green), 0.25);
-}
-[data-theme="neon-glass"] .pipeline-deploying {
-  box-shadow: none;
-  border-color: rgba(var(--neon-blue), 0.25) !important;
-}
-[data-theme="neon-glass"] .pipeline-deploying:hover {
-  box-shadow: 0 0 20px rgba(var(--neon-blue), 0.25);
-}
-[data-theme="neon-glass"] .pipeline-failed {
-  box-shadow: none;
-  border-color: rgba(var(--neon-red), 0.25) !important;
-}
-[data-theme="neon-glass"] .pipeline-failed:hover {
-  box-shadow: 0 0 20px rgba(var(--neon-red), 0.25);
-}
-
-/* ─── TIMELINE ─── */
-[data-theme="neon-glass"] .timeline-dot-glow {
-  box-shadow: 0 0 15px rgba(var(--neon-blue), 0.6), 0 0 5px rgba(var(--neon-blue), 0.4);
-}
-
-/* ─── NEON TEXT ─── */
-[data-theme="neon-glass"] .neon-text-blue {
-  color: rgb(var(--neon-blue));
-  text-shadow: 0 0 12px rgba(var(--neon-blue), 0.6), 0 0 40px rgba(var(--neon-blue), 0.25);
-}
-
-/* ─── SIDEBAR DETAILS ─── */
-[data-theme="neon-glass"] .sidebar-glass [role="separator"],
-[data-theme="neon-glass"] .sidebar-glass hr {
-  border-color: rgba(var(--neon-blue), 0.12) !important;
-  box-shadow: 0 0 10px rgba(var(--neon-blue), 0.06);
-}
-
-[data-theme="neon-glass"] .logo-neon {
-  background: linear-gradient(135deg, rgb(var(--neon-cyan)), rgb(var(--neon-pink))) !important;
-  box-shadow:
-    0 0 25px rgba(var(--neon-cyan), 0.6),
-    0 0 10px rgba(var(--neon-pink), 0.4);
-  border: none !important;
-  transition: box-shadow 300ms ease;
-}
-[data-theme="neon-glass"] .logo-neon:hover {
-  box-shadow:
-    0 0 35px rgba(var(--neon-cyan), 0.8),
-    0 0 15px rgba(var(--neon-pink), 0.5),
-    0 0 60px rgba(var(--neon-cyan), 0.2);
-}
-
-/* ─── VERSION BADGE ─── */
-.version-pulse-dot {
-  animation: version-pulse 2s ease-in-out infinite;
-}
-@keyframes version-pulse {
-  0%, 100% { opacity: 1; box-shadow: 0 0 4px rgba(52, 211, 153, 0.4); }
-  50%      { opacity: 0.5; box-shadow: 0 0 8px rgba(52, 211, 153, 0.7); }
-}
-[data-theme="neon-glass"] .version-badge {
-  text-shadow: 0 0 6px rgba(var(--neon-cyan), 0.3);
-}
-[data-theme="neon-glass"] .version-badge:hover {
-  border-color: rgba(var(--neon-cyan), 0.2) !important;
-  background: rgba(var(--neon-cyan), 0.04);
-}
-[data-theme="neon-glass"] .version-pulse-dot {
-  box-shadow: 0 0 6px rgba(var(--neon-green), 0.6);
-}
-
-[data-theme="neon-glass"] .connection-glow {
-  animation: neon-connection-pulse 2s ease-in-out infinite;
-}
-@keyframes neon-connection-pulse {
-  0%, 100% { filter: drop-shadow(0 0 5px rgba(var(--neon-green), 0.6)); }
-  50%      { filter: drop-shadow(0 0 14px rgba(var(--neon-green), 1)); }
-}
-
-[data-theme="neon-glass"] .toggle-neon-active {
-  text-shadow: 0 0 10px rgba(var(--neon-cyan), 0.7);
-}
-[data-theme="neon-glass"] .toggle-neon-active svg {
-  filter: drop-shadow(0 0 6px rgba(var(--neon-cyan), 0.5)) drop-shadow(0 0 12px rgba(var(--neon-pink), 0.3));
-}
-
-/* ─── SCROLLBAR ─── */
-[data-theme="neon-glass"] ::-webkit-scrollbar-thumb {
-  background: rgba(var(--neon-blue), 0.25);
-  border-radius: 3px;
-}
-[data-theme="neon-glass"] ::-webkit-scrollbar-thumb:hover {
-  background: rgba(var(--neon-blue), 0.4);
-}
-[data-theme="neon-glass"] ::-webkit-scrollbar-track {
-  background: rgba(0, 0, 0, 0.3);
-}
-
-/* ─── SWIMLANE BOARD ─── */
-.swim-lane-header {
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
-}
-.swim-cell {
-  transition: background-color 0.15s ease, border-color 0.15s ease;
-}
-.swim-cell:hover {
-  background: rgba(255, 255, 255, 0.015);
-}
-[data-theme="neon-glass"] .swim-lane-header {
-  backdrop-filter: blur(8px) saturate(1.2);
-  -webkit-backdrop-filter: blur(8px) saturate(1.2);
-  border-bottom-color: rgba(var(--neon-cyan), 0.08);
-}
-[data-theme="neon-glass"] .swim-lane-label {
-  text-shadow: 0 0 8px rgba(var(--neon-cyan), 0.3);
-}
-[data-theme="neon-glass"] .swim-cell {
-  border-color: rgba(var(--neon-cyan), 0.06);
-}
-[data-theme="neon-glass"] .swim-cell:hover {
-  background: rgba(var(--neon-cyan), 0.03);
-  border-color: rgba(var(--neon-cyan), 0.12);
-}
-
-/* ─── EVENT TICKER ─── */
-[data-theme="neon-glass"] .ticker-glass {
-  backdrop-filter: blur(20px) saturate(1.3);
-  -webkit-backdrop-filter: blur(20px) saturate(1.3);
-  background: rgba(8, 8, 24, 0.8) !important;
-  border-top: 1px solid rgba(var(--neon-blue), 0.12) !important;
-  box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.4);
-}
-
-/* ─── REDUCE MOTION ─── */
-[data-reduce-motion="true"] *,
-[data-reduce-motion="true"] *::before,
-[data-reduce-motion="true"] *::after {
-  animation-duration: 0.001ms !important;
-  animation-iteration-count: 1 !important;
-  transition-duration: 0.001ms !important;
-}
-
-/* ─── COMPACT MODE ─── */
-[data-compact="true"] .card-glass {
-  padding: 0.5rem;
-}
-[data-compact="true"] .p-4 {
-  padding: 0.625rem;
-}
-[data-compact="true"] .gap-3 {
-  gap: 0.375rem;
-}
-[data-compact="true"] .gap-4 {
-  gap: 0.5rem;
-}
-[data-compact="true"] .py-2 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-
-/* ─── SELECTION GLOW ─── */
-@keyframes selection-glow-in {
-  0%   { box-shadow: 0 0 0 transparent; }
-  100% { box-shadow: 0 0 6px var(--glow-color); }
-}
-@keyframes selection-glow-pulse {
-  0%, 100% { box-shadow: 0 0 8px var(--glow-color), 0 0 16px var(--glow-color-wide, var(--glow-color)); }
-  50%      { box-shadow: 0 0 18px var(--glow-color), 0 0 36px var(--glow-color), 0 0 52px var(--glow-color-wide, var(--glow-color)); }
-}
-.glow-selected {
-  animation: selection-glow-in 0.4s ease-out forwards;
-}
-.glow-selected-pulse {
-  animation: selection-glow-in 0.4s ease-out, selection-glow-pulse 0.8s ease-in-out 0.4s infinite;
-}