diagram kit: triangle and quad from problem data (law of sines/cosines), anchoring and side-by-side layout, shape patterns, translate points

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/diagram/index.tsx

@@ -5,7 +5,7 @@ import { NumberLine } from './numberline';
 import { Solid } from './solid';
 import { Chart } from './charts';
 import { Mapping, Tree, Venn } from './sets';
-import { Clock, Fraction, Grid, Groups, Table } from './misc';
+import { Clock, Fraction, Grid, Groups, Pattern, Table } from './misc';
 import { PAPER } from './svg';
 import { MathText } from '@/lib/MathText';
 
@@ -32,6 +32,7 @@ function Body({ spec }: { spec: DiagramSpec }): ReactNode {
     case 'groups': return <Groups spec={spec} />;
     case 'clock': return <Clock spec={spec} />;
     case 'table': return <Table spec={spec} />;
+    case 'pattern': return <Pattern spec={spec} />;
     default: return null;
   }
 }