@pennyfarthing/cyclist 10.2.0 → 10.3.1

package/src/public/components/DockviewWorkspace.tsx

@@ -26,6 +26,7 @@ import {
 } from 'dockview-react';
 import 'dockview-react/dist/styles/dockview.css';
 import { ErrorBoundary } from './ErrorBoundary';
+import { panelRegistry } from './panel-registry';
 import { useResponsiveLayout, MIN_DIMENSIONS, SIDEBAR_WIDTHS } from '../hooks/useResponsiveLayout';
 import '../styles/dockview-theme.css';
 
@@ -58,13 +59,11 @@ export type PanelId = typeof PANEL_INVENTORY[keyof typeof PANEL_INVENTORY];
 // Panel Component Registry
 // =============================================================================
 
-const panelComponents: Map<string, ComponentType> = new Map();
-
 /**
  * Register a panel component by ID
  */
 export function registerPanelComponent(id: string, component: ComponentType): void {
-  panelComponents.set(id, component);
+  panelRegistry.set(id, component);
 }
 
 // =============================================================================
@@ -177,7 +176,7 @@ interface PanelAdapterParams {
 }
 
 export function PanelAdapter({ params }: IDockviewPanelProps<PanelAdapterParams>): React.ReactElement | null {
-  const Component = panelComponents.get(params.panelId);
+  const Component = panelRegistry.get(params.panelId);
 
   if (!Component) {
     console.warn(`[DockviewWorkspace] No component registered for panel: ${params.panelId}`);
@@ -458,7 +457,7 @@ export function DockviewWorkspace({
     // Add remaining left sidebar panels to the same group
     for (let i = 1; i < LEFT_SIDEBAR_PANELS.length; i++) {
       const panelId = LEFT_SIDEBAR_PANELS[i];
-      if (panelComponents.has(panelId)) {
+      if (panelRegistry.has(panelId)) {
         api.addPanel({
           id: panelId,
           component: 'PanelAdapter',
@@ -490,7 +489,7 @@ export function DockviewWorkspace({
     // Add remaining right sidebar panels to the same group
     for (let i = 1; i < RIGHT_SIDEBAR_PANELS.length; i++) {
       const panelId = RIGHT_SIDEBAR_PANELS[i];
-      if (panelComponents.has(panelId)) {
+      if (panelRegistry.has(panelId)) {
         api.addPanel({
           id: panelId,
           component: 'PanelAdapter',

package/src/public/components/MessageView.tsx

@@ -36,12 +36,13 @@ const AGENT_COLORS: Record<string, string> = {
   pm: '#a78bfa', sm: '#60a5fa', dev: '#4ade80', tea: '#2dd4bf',
   reviewer: '#f87171', architect: '#fb923c', devops: '#22d3ee',
   'ux-designer': '#f0abfc', 'tech-writer': '#e5e5e5', orchestrator: '#e879f9',
+  ba: '#a3e635',
 };
 
 const AGENT_ABBREV: Record<string, string> = {
   pm: 'PM', sm: 'SM', dev: 'DEV', tea: 'TEA', reviewer: 'REV',
   architect: 'ARC', devops: 'OPS', 'ux-designer': 'UX', 'tech-writer': 'TW',
-  orchestrator: 'ORC',
+  orchestrator: 'ORC', ba: 'BA',
 };
 
 interface MessageViewProps {

package/src/public/components/PersonaHeader.tsx

@@ -35,6 +35,7 @@ const AGENT_COLORS: Record<string, string> = {
   'ux-designer': '#f0abfc', // Pink - design
   'tech-writer': '#e5e5e5', // White/light gray - documentation
   orchestrator: '#e879f9', // Magenta - coordination
+  ba: '#a3e635',           // Lime - discovery
 };
 
 // Abbreviated role names for compact badge display
@@ -49,6 +50,7 @@ const AGENT_ABBREV: Record<string, string> = {
   'ux-designer': 'UX',
   'tech-writer': 'TW',
   orchestrator: 'ORC',
+  ba: 'BA',
 };
 
 // Convert kebab-case theme name to Title Case (e.g., "princess-bride" -> "Princess Bride")

package/src/public/components/StandalonePanel.tsx

@@ -0,0 +1,84 @@
+/**
+ * StandalonePanel - Full-screen panel wrapper for BikeRack mode
+ *
+ * Story MSSCI-14821: StandalonePanel wrapper and ?panel=X client routing
+ * Epic: 101 (BikeRack Mode)
+ *
+ * Renders a single panel full-screen based on ?panel=X URL parameter.
+ * PANEL_REGISTRY is the single source of truth for routing (CE-2).
+ *
+ * Rules:
+ * - No dockview-react imports (Rule 7)
+ * - No BikeRack-specific props to panels (Rule 2)
+ * - URL-based detection only (Rule 10)
+ */
+
+import React from 'react';
+import {
+  EnhancedSprintPanel,
+  GitPanel,
+  DiffsPanel,
+  TodoPanel,
+  WorkflowPanel,
+  BackgroundPanel,
+  AuditLogPanel,
+  ChangedPanel,
+  ACPanel,
+  TTYPanel,
+  DebugPanel,
+  BikeLanePanel,
+  SettingsPanel,
+} from './panels';
+
+/**
+ * Registry mapping panel URL names to their components.
+ * Single source of truth for standalone panel routing (CE-2).
+ */
+export const PANEL_REGISTRY: Record<string, React.ComponentType> = {
+  sprint: EnhancedSprintPanel,
+  git: GitPanel,
+  diffs: DiffsPanel,
+  todos: TodoPanel,
+  workflow: WorkflowPanel,
+  background: BackgroundPanel,
+  audit: AuditLogPanel,
+  changed: ChangedPanel,
+  ac: ACPanel,
+  tty: TTYPanel,
+  debug: DebugPanel,
+  bikelane: BikeLanePanel,
+  settings: SettingsPanel,
+};
+
+/**
+ * Detect standalone panel mode from URL parameters (Rule 10).
+ */
+export function getStandalonePanelName(): string | null {
+  const params = new URLSearchParams(window.location.search);
+  return params.get('panel');
+}
+
+/**
+ * StandalonePanel wrapper - renders a single panel full-screen.
+ */
+export function StandalonePanel(): React.ReactElement {
+  const panelName = getStandalonePanelName();
+  const PanelComponent = panelName ? PANEL_REGISTRY[panelName] : null;
+
+  if (!PanelComponent) {
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100vh', width: '100vw', backgroundColor: 'var(--bg-primary, #1a1a2e)', color: 'var(--text-primary, #e4e4e7)' }}>
+        <h1>Panel not found</h1>
+        <p>
+          <a href="/bikerack" style={{ color: 'var(--accent, #818cf8)' }}>Back to BikeRack</a>
+        </p>
+      </div>
+    );
+  }
+
+  return (
+    <div style={{ height: '100vh', width: '100vw', overflow: 'auto', backgroundColor: 'var(--bg-primary, #1a1a2e)', color: 'var(--text-primary, #e4e4e7)' }}>
+      <PanelComponent />
+    </div>
+  );
+}

package/src/public/components/TandemPortrait.tsx

@@ -28,6 +28,7 @@ const AGENT_ABBREV: Record<string, string> = {
   'ux-designer': 'UX',
   'tech-writer': 'TW',
   orchestrator: 'ORC',
+  ba: 'BA',
 };
 
 export default function TandemPortrait({

package/src/public/components/panel-registry.ts

@@ -0,0 +1,11 @@
+/**
+ * Shared panel component registry
+ *
+ * Used by both DockviewWorkspace and BikeRackWorkspace to look up
+ * registered panel components by ID. Extracted to avoid importing
+ * DockviewWorkspace (which has shadcn/ui deps) from BikeRackWorkspace.
+ */
+
+import type { ComponentType } from 'react';
+
+export const panelRegistry: Map<string, ComponentType> = new Map();

package/src/public/styles/dockview-theme.css

@@ -104,7 +104,7 @@
    ============================================================================= */
 
 .cyclist-dockview .dv-resize-container .dv-sash {
-  background-color: transparent;
+  background-color: var(--border-bright, #3f3f46);
   transition: background-color 0.15s ease;
 }
 

package/src/public/types/electron.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Global type declarations for window.electronAPI
+ *
+ * Story MSSCI-12717 - React Migration
+ *
+ * This file provides TypeScript type definitions for the Electron API
+ * exposed via preload.ts to the renderer process.
+ */
+
+import type { ElectronAPI } from '../../preload';
+
+declare global {
+  interface Window {
+    electronAPI?: ElectronAPI;
+  }
+}
+
+export {};

package/src/public/utils/messageFilters.ts

@@ -48,6 +48,7 @@ const AGENT_LABELS: Record<string, string> = {
   'ux-designer': 'UX Designer',
   devops: 'DevOps',
   orchestrator: 'Orchestrator',
+  ba: 'Business Analyst',
 };
 
 /**

package/src/public/utils/slash-commands.ts

@@ -36,6 +36,10 @@ export const SLASH_COMMANDS: SlashCommand[] = [
     "name": "/architect",
     "description": "System Architect - Technical design and architecture"
   },
+  {
+    "name": "/ba",
+    "description": "Business Analyst - Requirements discovery and stakeholder analysis"
+  },
   {
     "name": "/brainstorming",
     "description": "Structured problem-solving brainstorm session"