Initial Commit

frontend/src/components/log/QualityFlag.tsx

@@ -0,0 +1,19 @@
+interface Props {
+  quality: string;
+}
+
+const config: Record<string, { icon: string; label: string }> = {
+  keeper: { icon: '✓', label: 'Keeper' },
+  needs_more: { icon: '→', label: 'Needs More' },
+  rejected: { icon: '✗', label: 'Rejected' },
+  pending: { icon: '·', label: 'Pending' },
+};
+
+export default function QualityFlag({ quality }: Props) {
+  const cfg = config[quality] ?? config.pending;
+  return (
+    <span className={`quality-chip ${quality}`}>
+      {cfg.icon} {cfg.label}
+    </span>
+  );
+}