

export default function CaseTimeline({ }: { caseId?: string }) {
  // Placeholder timeline. Real implementation would fetch step records.
  const steps = [
    'XrayIngestNormalize',
    'BiomechMeasurementExtractor',
    'RigoRuleClassifier',
    'BraceTemplateSelector',
    'BraceParametricDeformer',
    'MeshFinalizerExporter',
  ];

  return (
    <div>
      <div style={{ display: 'flex', gap: 8, alignItems: 'center', flexWrap: 'wrap' }}>
        {steps.map((s) => (
          <div key={s} style={{ padding: 8, border: '1px solid #ddd', borderRadius: 4 }}>
            {s}
          </div>
        ))}
      </div>
    </div>
  );
}
