chore(repo): initialize planarchy workspace

2026-03-14 14:31:09 +01:00
commit dd55d0e78b
769 changed files with 166461 additions and 0 deletions
@@ -0,0 +1,70 @@
+// @react-pdf/renderer runs server-side only — no "use client" directive
+import { Document, Page, StyleSheet, Text, View } from "@react-pdf/renderer";
+
+const styles = StyleSheet.create({
+  page: { padding: 30, fontFamily: "Helvetica", fontSize: 10 },
+  title: { fontSize: 18, marginBottom: 4, fontFamily: "Helvetica-Bold" },
+  subtitle: { fontSize: 11, color: "#6b7280", marginBottom: 20 },
+  table: { marginTop: 10 },
+  tableHeader: { flexDirection: "row", backgroundColor: "#f3f4f6", padding: "6 8", borderBottom: "1 solid #e5e7eb" },
+  tableRow: { flexDirection: "row", padding: "5 8", borderBottom: "1 solid #f3f4f6" },
+  col1: { width: "25%" },
+  col2: { width: "20%" },
+  col3: { width: "15%" },
+  col4: { width: "15%" },
+  col5: { width: "15%" },
+  col6: { width: "10%" },
+  headerText: { fontFamily: "Helvetica-Bold", color: "#374151", fontSize: 9 },
+  cellText: { color: "#4b5563", fontSize: 9 },
+  footer: { position: "absolute", bottom: 20, left: 30, right: 30, textAlign: "center", color: "#9ca3af", fontSize: 8 },
+});
+
+interface AllocationRow {
+  resourceName: string;
+  projectName: string;
+  role?: string | null;
+  startDate: string;
+  endDate: string;
+  hoursPerDay: number;
+  dailyCostCents: number;
+}
+
+interface AllocationReportProps {
+  title: string;
+  generatedAt: string;
+  rows: AllocationRow[];
+}
+
+export function AllocationReport({ title, generatedAt, rows }: AllocationReportProps) {
+  return (
+    <Document>
+      <Page size="A4" orientation="landscape" style={styles.page}>
+        <Text style={styles.title}>{title}</Text>
+        <Text style={styles.subtitle}>Generated: {generatedAt}</Text>
+
+        <View style={styles.table}>
+          <View style={styles.tableHeader}>
+            <Text style={[styles.col1, styles.headerText]}>Resource</Text>
+            <Text style={[styles.col2, styles.headerText]}>Project</Text>
+            <Text style={[styles.col3, styles.headerText]}>Role</Text>
+            <Text style={[styles.col4, styles.headerText]}>Start</Text>
+            <Text style={[styles.col5, styles.headerText]}>End</Text>
+            <Text style={[styles.col6, styles.headerText]}>h/day</Text>
+          </View>
+          {rows.map((row, i) => (
+            <View key={i} style={[styles.tableRow, i % 2 === 1 ? { backgroundColor: "#f9fafb" } : {}]}>
+              <Text style={[styles.col1, styles.cellText]}>{row.resourceName}</Text>
+              <Text style={[styles.col2, styles.cellText]}>{row.projectName}</Text>
+              <Text style={[styles.col3, styles.cellText]}>{row.role ?? "—"}</Text>
+              <Text style={[styles.col4, styles.cellText]}>{row.startDate}</Text>
+              <Text style={[styles.col5, styles.cellText]}>{row.endDate}</Text>
+              <Text style={[styles.col6, styles.cellText]}>{row.hoursPerDay}h</Text>
+            </View>
+          ))}
+        </View>
+
+        <Text style={styles.footer}>Planarchy · Confidential · {rows.length} allocations</Text>
+      </Page>
+    </Document>
+  );
+}