init

components/info-tooltip.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import { Info } from "lucide-react";
+
+export function InfoTooltip({ text }: { text: string }) {
+  return (
+    <span className="group relative inline-flex items-center">
+      <Info size={13} className="cursor-default text-fg/40 transition-colors group-hover:text-fg/70" />
+      <span className="pointer-events-none absolute bottom-full left-1/2 z-10 mb-1.5 w-56 -translate-x-1/2 rounded-md border border-muted/40 bg-bg px-3 py-2 text-xs text-fg/70 opacity-0 shadow-lg transition-opacity group-hover:opacity-100">
+        {text}
+      </span>
+    </span>
+  );
+}