orbital-command 0.2.0 → 1.0.0

package/src/layouts/DashboardLayout.tsx

@@ -1,113 +0,0 @@
-import { NavLink, Outlet } from 'react-router-dom';
-import { ErrorBoundary } from '@/components/ErrorBoundary';
-import {
-  LayoutDashboard,
-  Puzzle,
-  ShieldCheck,
-  GitFork,
-  Clock,
-  Workflow,
-  Settings as SettingsIcon,
-} from 'lucide-react';
-import { cn } from '@/lib/utils';
-import { useTheme } from '@/hooks/useTheme';
-import { useSettings } from '@/hooks/useSettings';
-import { ScrollArea } from '@/components/ui/scroll-area';
-import { StatusBar } from '@/components/StatusBar';
-import { NeonGrid } from '@/components/NeonGrid';
-
-const NAV_ITEMS = [
-  { to: '/', icon: LayoutDashboard, label: 'KANBAN' },
-  { to: '/primitives', icon: Puzzle, label: 'PRIMITIVES' },
-  { to: '/gates', icon: ShieldCheck, label: 'SAFEGUARDS' },
-  { to: '/repo', icon: GitFork, label: 'REPO' },
-  { to: '/sessions', icon: Clock, label: 'SESSIONS' },
-  { to: '/workflow', icon: Workflow, label: 'WORKFLOW' },
-] as const;
-
-export function DashboardLayout() {
-  const { settings } = useSettings();
-  useTheme();
-  return (
-    <div className="flex h-screen bg-background">
-      {/* Neon background layer */}
-      {settings.showBackgroundEffects && (
-        <div className="neon-bg">
-          <NeonGrid />
-        </div>
-      )}
-
-      {/* Sidebar — compact icon-only */}
-      <aside className="flex w-24 flex-col items-center border-r border-border bg-surface sidebar-glass">
-
-        {/* Logo */}
-        <div className="flex h-20 items-center justify-center">
-          <div
-            className="flex h-16 w-16 items-center justify-center rounded-xl text-white overflow-hidden"
-            style={{ background: 'linear-gradient(135deg, #6FC985 0%, #5ABF87 6.25%, #45B588 12.5%, #2FAA89 18.75%, #15A089 25%, #009588 31.25%, #008A87 37.5%, #007F84 43.75%, #007480 50%, #00697A 56.25%, #005E74 62.5%, #00546C 68.75%, #004964 75%, #023F5B 81.25%, #0A3551 87.5%, #0E2B46 93.75%, #10223B 100%)' }}
-          >
-            <img src="/scanner-sweep.png" alt="Orbital Command" className="h-12 w-12 object-contain" />
-          </div>
-        </div>
-
-        {/* Navigation */}
-        <ScrollArea className="flex-1">
-          <nav className="flex flex-col items-center gap-3 px-4 py-2">
-            {NAV_ITEMS.map(({ to, icon: Icon, label }) => (
-              <NavLink
-                key={to}
-                to={to}
-                end={to === '/'}
-                className={({ isActive }) =>
-                  cn(
-                    'nav-item-square group relative flex h-16 w-16 flex-col items-center justify-center rounded-xl',
-                    isActive
-                      ? 'bg-surface-light text-foreground nav-icon-active-glow'
-                      : 'text-muted-foreground hover:bg-surface-light hover:text-foreground'
-                  )
-                }
-              >
-                <Icon className="h-6 w-6 transition-transform duration-200 group-hover:scale-110" />
-                <span className="nav-item-label whitespace-nowrap text-[9px] font-light max-h-0 opacity-0 group-hover:max-h-3 group-hover:mt-1 group-hover:opacity-100 transition-all duration-200 overflow-hidden tracking-wider">
-                  {label}
-                </span>
-              </NavLink>
-            ))}
-          </nav>
-        </ScrollArea>
-
-        {/* Settings — anchored at bottom */}
-        <div className="px-4 py-3">
-          <NavLink
-            to="/settings"
-            className={({ isActive }) =>
-              cn(
-                'nav-item-square group relative flex h-16 w-16 flex-col items-center justify-center rounded-xl',
-                isActive
-                  ? 'bg-surface-light text-foreground nav-icon-active-glow'
-                  : 'text-muted-foreground hover:bg-surface-light hover:text-foreground'
-              )
-            }
-          >
-            <SettingsIcon className="h-6 w-6 transition-transform duration-200 group-hover:scale-110" />
-            <span className="nav-item-label whitespace-nowrap text-[9px] font-light max-h-0 opacity-0 group-hover:max-h-3 group-hover:mt-1 group-hover:opacity-100 transition-all duration-200 overflow-hidden tracking-wider">
-              SETTINGS
-            </span>
-          </NavLink>
-        </div>
-      </aside>
-
-      {/* Main content */}
-      <main className="flex min-w-0 flex-1 flex-col overflow-hidden relative z-[1]" style={settings.fontScale !== 1 ? { zoom: settings.fontScale } : undefined}>
-        <div className="flex flex-1 flex-col overflow-hidden p-4 pt-12 pb-12">
-          <ErrorBoundary>
-            <Outlet />
-          </ErrorBoundary>
-        </div>
-      </main>
-
-      {/* Status bar at bottom */}
-      {settings.showStatusBar && <StatusBar />}
-    </div>
-  );
-}

package/src/lib/collisionDetection.ts

@@ -1,20 +0,0 @@
-import { pointerWithin, rectIntersection, type CollisionDetection } from '@dnd-kit/core';
-
-/**
- * Custom collision detection: prioritizes sprint-drop targets (nested batch zones)
- * over column droppables when the pointer is directly over a batch container.
- */
-export const sprintAwareCollision: CollisionDetection = (args) => {
-  // pointerWithin detects droppables under the actual cursor — precise for nested zones
-  const pointerHits = pointerWithin(args);
-
-  // Prioritize sprint-drop targets (batch containers)
-  const sprintDrop = pointerHits.find((c) => String(c.id).startsWith('sprint-drop-'));
-  if (sprintDrop) return [sprintDrop];
-
-  // If pointer is over any droppable, use pointerWithin results
-  if (pointerHits.length > 0) return pointerHits;
-
-  // Fallback: rectIntersection for edge cases (drag near boundaries)
-  return rectIntersection(args);
-};

package/src/lib/scope-fields.ts

@@ -1,61 +0,0 @@
-import type { Scope, FilterField } from '@/types';
-
-// ─── Effort bucketing ──────────────────────────────────────
-
-export function bucketEffort(raw: string | null): string {
-  if (!raw) return 'TBD';
-  const s = raw.toLowerCase().trim();
-
-  const hrMatch = s.match(/(\d+(?:\.\d+)?)\s*(?:-\s*\d+(?:\.\d+)?)?\s*hour/);
-  if (hrMatch) {
-    const hrs = parseFloat(hrMatch[1]);
-    if (hrs < 1) return '<1H';
-    if (hrs <= 4) return '1-4H';
-    return '4H+';
-  }
-
-  const minMatch = s.match(/(\d+)\s*(?:-\s*\d+)?\s*min/);
-  if (minMatch) return '<1H';
-
-  const parenMatch = s.match(/\((\d+(?:\.\d+)?)\s*(?:-\s*\d+(?:\.\d+)?)?\s*(hour|min)/);
-  if (parenMatch) {
-    const val = parseFloat(parenMatch[1]);
-    if (parenMatch[2].startsWith('min')) return '<1H';
-    if (val < 1) return '<1H';
-    if (val <= 4) return '1-4H';
-    return '4H+';
-  }
-
-  if (s.includes('large') || s.includes('multi')) return '4H+';
-  if (s.includes('medium') || s.includes('half')) return '1-4H';
-  if (s.includes('small')) return '<1H';
-
-  return 'TBD';
-}
-
-// ─── Dependency classification ─────────────────────────────
-
-export function classifyDeps(scope: Scope): string[] {
-  const labels: string[] = [];
-  if (scope.blocked_by.length > 0) labels.push('has-blockers');
-  if (scope.blocks.length > 0) labels.push('blocks-others');
-  if (scope.blocked_by.length === 0 && scope.blocks.length === 0) labels.push('no-deps');
-  return labels;
-}
-
-// ─── Field value extraction ────────────────────────────────
-
-export function getScopeFieldValues(scope: Scope, field: FilterField): string[] {
-  switch (field) {
-    case 'priority':
-      return scope.priority ? [scope.priority] : [];
-    case 'category':
-      return scope.category ? [scope.category] : [];
-    case 'tags':
-      return scope.tags;
-    case 'effort':
-      return [bucketEffort(scope.effort_estimate)];
-    case 'dependencies':
-      return classifyDeps(scope);
-  }
-}

package/src/lib/swimlane.ts

@@ -1,146 +0,0 @@
-import type { Scope, ScopeStatus } from '@/types';
-import type { SwimGroupField } from '@/types';
-import {
-  PRIORITY_OPTIONS,
-  CATEGORY_OPTIONS,
-  EFFORT_BUCKETS,
-  DEPENDENCY_OPTIONS,
-} from '@/types';
-import { getScopeFieldValues } from '@/lib/scope-fields';
-import { sortScopes } from '@/hooks/useBoardSettings';
-import type { SortField, SortDirection } from '@/hooks/useBoardSettings';
-
-// ─── Types ──────────────────────────────────────────────────
-
-export interface SwimLane {
-  value: string;
-  label: string;
-  color: string;
-  count: number;
-  cells: Record<ScopeStatus, Scope[]>;
-}
-
-// ─── Lane accent colors ─────────────────────────────────────
-
-const PRIORITY_LANE_COLOR: Record<string, string> = {
-  critical: 'bg-ask-red',
-  high: 'bg-warning-amber',
-  medium: 'bg-accent-blue',
-  low: 'bg-muted-foreground/30',
-};
-
-const CATEGORY_LANE_COLOR: Record<string, string> = {
-  feature: 'bg-category-feature',
-  bugfix: 'bg-category-bugfix',
-  refactor: 'bg-category-refactor',
-  infrastructure: 'bg-category-infrastructure',
-  docs: 'bg-category-docs',
-};
-
-const DEP_LANE_LABEL: Record<string, string> = {
-  'has-blockers': 'Has blockers',
-  'blocks-others': 'Blocks others',
-  'no-deps': 'No dependencies',
-};
-
-// ─── Known ordering per field ───────────────────────────────
-
-const KNOWN_ORDER: Record<SwimGroupField, readonly string[]> = {
-  priority: PRIORITY_OPTIONS,
-  category: CATEGORY_OPTIONS,
-  effort: EFFORT_BUCKETS,
-  dependencies: DEPENDENCY_OPTIONS,
-  tags: [], // tags are fully dynamic
-};
-
-function laneColor(field: SwimGroupField, value: string): string {
-  if (field === 'priority') return PRIORITY_LANE_COLOR[value] ?? 'bg-muted-foreground/30';
-  if (field === 'category') return CATEGORY_LANE_COLOR[value] ?? 'bg-primary/40';
-  return 'bg-primary/40';
-}
-
-function laneLabel(field: SwimGroupField, value: string): string {
-  if (field === 'dependencies') return DEP_LANE_LABEL[value] ?? value;
-  return value;
-}
-
-// ─── Empty cells factory ────────────────────────────────────
-
-function emptyCells(): Record<ScopeStatus, Scope[]> {
-  // Use a Proxy so any dynamic status key returns [] without needing a hardcoded list.
-  // ScopeStatus is a runtime string — workflow configs define arbitrary statuses.
-  return new Proxy({} as Record<ScopeStatus, Scope[]>, {
-    get(target, prop: string) {
-      if (!(prop in target)) target[prop as ScopeStatus] = [];
-      return target[prop as ScopeStatus];
-    },
-  });
-}
-
-// ─── Main computation ───────────────────────────────────────
-
-export function computeSwimLanes(
-  scopes: Scope[],
-  groupField: SwimGroupField,
-  sortField: SortField,
-  sortDirection: SortDirection,
-): SwimLane[] {
-  // Collect all values and map scopes to lanes
-  const laneMap = new Map<string, Record<ScopeStatus, Scope[]>>();
-  const laneScopeCounts = new Map<string, number>();
-
-  for (const scope of scopes) {
-    const values = getScopeFieldValues(scope, groupField);
-    const targets = values.length > 0 ? values : ['Unset'];
-
-    for (const val of targets) {
-      if (!laneMap.has(val)) {
-        laneMap.set(val, emptyCells());
-        laneScopeCounts.set(val, 0);
-      }
-      const cells = laneMap.get(val)!;
-      const status = scope.status as ScopeStatus;
-      if (cells[status]) {
-        cells[status].push(scope);
-      } else {
-        cells.planning.push(scope);
-      }
-      laneScopeCounts.set(val, (laneScopeCounts.get(val) ?? 0) + 1);
-    }
-  }
-
-  // Sort scopes within each cell
-  for (const cells of laneMap.values()) {
-    for (const status of Object.keys(cells) as ScopeStatus[]) {
-      cells[status] = sortScopes(cells[status], sortField, sortDirection);
-    }
-  }
-
-  // Build ordered lane list: known values first, then dynamic alphabetically, "Unset" last
-  const known = KNOWN_ORDER[groupField];
-  const allValues = [...laneMap.keys()];
-
-  const orderedValues: string[] = [];
-
-  // Known values in their defined order
-  for (const v of known) {
-    if (laneMap.has(v)) orderedValues.push(v);
-  }
-
-  // Dynamic values (not in known list, not "Unset") sorted alphabetically
-  const dynamic = allValues
-    .filter((v) => v !== 'Unset' && !known.includes(v))
-    .sort();
-  orderedValues.push(...dynamic);
-
-  // "Unset" always last
-  if (laneMap.has('Unset')) orderedValues.push('Unset');
-
-  return orderedValues.map((value) => ({
-    value,
-    label: value === 'Unset' ? 'Unset' : laneLabel(groupField, value),
-    color: value === 'Unset' ? 'bg-muted-foreground/20' : laneColor(groupField, value),
-    count: laneScopeCounts.get(value) ?? 0,
-    cells: laneMap.get(value)!,
-  }));
-}

package/src/lib/utils.ts

@@ -1,15 +0,0 @@
-import { type ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-
-/** Decode a scope DB id back to display format: 47→"047", 1047→"047a", 9013→"013X" */
-export function formatScopeId(id: number): string {
-  if (id < 1000) return `#${String(id).padStart(3, '0')}`;
-  const base = id % 1000;
-  const tier = Math.floor(id / 1000);
-  const suffix = tier === 9 ? 'X' : String.fromCharCode(96 + tier);
-  return `#${String(base).padStart(3, '0')}${suffix}`;
-}

package/src/main.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import App from './App';
-import { ErrorBoundary } from '@/components/ErrorBoundary';
-import { WorkflowProvider } from '@/hooks/useWorkflow';
-import { SettingsProvider } from '@/hooks/useSettings';
-import './index.css';
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <ErrorBoundary>
-      <SettingsProvider>
-        <WorkflowProvider>
-          <App />
-        </WorkflowProvider>
-      </SettingsProvider>
-    </ErrorBoundary>
-  </React.StrictMode>
-);

package/src/socket.ts

@@ -1,11 +0,0 @@
-import { io, Socket } from 'socket.io-client';
-import type { ServerToClientEvents, ClientToServerEvents } from './types';
-
-// Connect to the CC server — in dev, Vite proxies /socket.io to port 4444
-export const socket: Socket<ServerToClientEvents, ClientToServerEvents> = io({
-  autoConnect: true,
-  reconnection: true,
-  reconnectionDelay: 1000,
-  reconnectionAttempts: Infinity,
-  reconnectionDelayMax: 10000,
-});