first commit

frontend/src/components/ui/Badge.tsx

@@ -0,0 +1,18 @@
+const variantStyles: Record<string, string> = {
+  auto: 'bg-blue-500/15 text-blue-400 border-blue-500/20',
+  manual: 'bg-violet-500/15 text-violet-400 border-violet-500/20',
+  default: 'bg-white/[0.06] text-gray-400 border-white/[0.08]',
+};
+
+interface BadgeProps {
+  label: string;
+  variant?: 'auto' | 'manual' | 'default';
+}
+
+export function Badge({ label, variant = 'default' }: BadgeProps) {
+  return (
+    <span className={`inline-block rounded-full border px-2.5 py-0.5 text-xs font-medium backdrop-blur-sm ${variantStyles[variant]}`}>
+      {label}
+    </span>
+  );
+}