'use client'; import { useState, useEffect } from 'react'; import { motion } from 'framer-motion'; import { Target, Layers, GitBranch, AlertCircle, CheckCircle2, Save, ArrowRight, Shield, Sparkles, SlidersHorizontal, Circle } from 'lucide-react'; import type { Project } from '../data/projectsData'; import { api } from '../lib/api'; import { ARCH_PATTERNS } from '../lib/platform-run'; import { getEnabledPluginSet, isPluginEnabled } from '../lib/pipeline-plugins'; const ARCH_LABEL: Record = Object.fromEntries(ARCH_PATTERNS.map((p) => [p.value, p.label])); interface Props { projectId: string; onNavigate?: (section: string, projectId?: string) => void; project?: Project | null; onProjectUpdate?: () => void; } const QUALITY_LABEL: Record = { 0: 'Off — no gate', 1: 'Compile-clean (Q1 ≥ 70)', 2: 'Idiomatic (Q2 ≥ 85)', 3: 'Production (Q3 ≥ 92)', }; type Field = { label: string; value: string }; type Phase = { title: string; desc: string; active: boolean }; const str = (v: unknown) => (v ? String(v) : ''); function deriveScope(project: Project): Field[] { const c = (project.config ?? {}) as Record; const src = str(project.sourceLanguage); const tgt = str(project.targetLanguage); const sv = str(c.sourceVersion); const tv = str(c.targetVersion); return ([ { label: 'Project', value: project.name }, { label: 'Migration path', value: `${src}${sv ? ` ${sv}` : ''} → ${tgt}${tv ? ` ${tv}` : ''}` }, project.repoUrl ? { label: 'Repository', value: project.repoUrl } : null, c.estimatedLOC ? { label: 'Estimated LOC', value: str(c.estimatedLOC) } : null, c.deadline ? { label: 'Deadline', value: str(c.deadline) } : null, c.businessUnit ? { label: 'Business unit', value: str(c.businessUnit) } : null, ].filter(Boolean)) as Field[]; } function deriveStack(project: Project): Field[] { const c = (project.config ?? {}) as Record; const tgt = str(project.targetLanguage); const tv = str(c.targetVersion); const addons = [ c.addDocker ? 'Docker' : null, c.addKubernetes ? 'Kubernetes' : null, c.addCI ? 'CI/CD' : null, c.addTests ? 'Tests' : null, c.addDocs ? 'Docs' : null, ].filter(Boolean); return ([ { label: 'Target language', value: `${tgt}${tv ? ` ${tv}` : ''}` }, c.architecturePattern ? { label: 'Architecture', value: ARCH_LABEL[str(c.architecturePattern)] ?? str(c.architecturePattern) } : null, c.intent ? { label: 'Intent', value: str(c.intent) } : null, typeof c.qualityLevel === 'number' ? { label: 'Quality gate', value: QUALITY_LABEL[c.qualityLevel as number] ?? str(c.qualityLevel) } : null, c.errorHandling ? { label: 'Error handling', value: str(c.errorHandling) } : null, c.namingConvention ? { label: 'Naming', value: str(c.namingConvention) } : null, c.targetBuild ? { label: 'Build system', value: str(c.targetBuild) } : null, c.packageManager ? { label: 'Package manager', value: str(c.packageManager) } : null, c.apiFramework ? { label: 'Framework', value: str(c.apiFramework) } : null, c.testingFramework ? { label: 'Testing', value: str(c.testingFramework) } : null, addons.length ? { label: 'Add-ons', value: addons.join(', ') } : null, ].filter(Boolean)) as Field[]; } function deriveAssumptions(project: Project): string[] { const c = (project.config ?? {}) as Record; const src = str(project.sourceLanguage); const sv = str(c.sourceVersion); return ([ `Source code is well-formed ${src}${sv ? ` (version ${sv})` : ''}.`, c.preserveBusinessLogic !== false ? 'Business logic is preserved verbatim by the engine.' : null, c.preserveApiSignatures !== false ? 'Public API signatures are preserved where the target language allows.' : null, c.preserveComments !== false ? 'Inline comments are carried over to the generated code.' : null, 'Network access is available for dependency resolution during build.', 'Team members listed on the project have read access to the legacy codebase.', ].filter(Boolean)) as string[]; } function derivePhases(project: Project): Phase[] { const c = (project.config ?? {}) as Record; const set = getEnabledPluginSet(c); const on = (id: string) => isPluginEnabled(id, set); const src = str(project.sourceLanguage); const tgt = str(project.targetLanguage); return [ { title: 'Pre-Analysis & Repository Scanning', desc: 'Scan structure, measure files and LOC, identify entry points and the dependency graph.', active: true }, { title: 'Dependency Mapping & Risk Assessment', desc: 'Map internal and external dependencies and flag high-complexity modules.', active: true }, { title: 'Automated Code Migration', desc: `Translate ${src} → ${tgt} with the Scriba Engine, applying the configured rules and quality gate.`, active: true }, { title: 'Code Review & Side-by-side Comparison', desc: 'Human review of generated code against the original; accept or override each decision.', active: true }, { title: 'Testing & Verification', desc: 'Generate and run unit/integration tests; verify behavioural parity with the source.', active: on('test-generation') || on('functional-validation') }, { title: 'Security & Compliance', desc: 'Static vulnerability analysis and licence audit on the converted codebase.', active: on('security-scan') }, { title: 'Artifact Generation & Export', desc: 'Package deliverables, generate the migration report, export to the target repository.', active: true }, ]; } export default function MigrationStrategyReview({ projectId, onNavigate, project, onProjectUpdate }: Props) { const [confirming, setConfirming] = useState(false); const [saving, setSaving] = useState(false); const [directives, setDirectives] = useState(''); const [savedDirectives, setSavedDirectives] = useState(''); const isConfirmed = !!(project?.config as Record | undefined)?.strategyConfirmed; useEffect(() => { if (!project) return; const cr = str((project.config as Record | undefined)?.customRules); setDirectives(cr); setSavedDirectives(cr); // Keyed on project.id so a parent re-fetch does not wipe in-progress edits. // eslint-disable-next-line react-hooks/exhaustive-deps }, [project?.id]); if (!project) { return (
); } const scope = deriveScope(project); const stack = deriveStack(project); const assumptions = deriveAssumptions(project); const phases = derivePhases(project); const dirty = directives.trim() !== savedDirectives.trim(); const saveDirectives = async () => { setSaving(true); try { await api.updateProject(projectId, { config: { customRules: directives.trim() } }); setSavedDirectives(directives.trim()); onProjectUpdate?.(); } catch { // keep current edits on error } finally { setSaving(false); } }; const confirmStrategy = async () => { setConfirming(true); try { await api.updateProject(projectId, { config: { customRules: directives.trim(), strategyConfirmed: true }, }); setSavedDirectives(directives.trim()); onProjectUpdate?.(); setTimeout(() => onNavigate?.('pre-analysis', projectId), 600); } catch { setConfirming(false); } }; const KV = ({ icon: Icon, title, hint, fields }: { icon: React.ElementType; title: string; hint: string; fields: Field[] }) => (

{title}

{hint}

{fields.map(f => (
{f.label}
{f.value}
))}
); return (
{/* Header */}

Migration Strategy

Last review before the pipeline starts. The summary below is generated from your project configuration — to change it, edit the configuration. Add engine directives to steer the translation, then confirm to proceed.

{isConfirmed && ( Confirmed )}
{/* Gate notice */} {!isConfirmed && (

This is a required gate. Review the plan, optionally add engine directives, then click Confirm & Continue to unlock the analysis pipeline.

)} {/* Summary: scope + stack */}
{/* Phases */}

Pipeline Phases

Derived from the modules enabled for this project

    {phases.map((p, i) => (
  1. {p.active ? : }

    {i + 1}. {p.title} {!p.active && skipped}

    {p.desc}

    2. ))}
{/* Engine directives — these actually reach the engine */}

Engine directives

Sent to the Scriba Engine as mandatory instructions for every file. One directive per line.