feat: initial commit

components/shared/status-tooltip.tsx

@@ -0,0 +1,49 @@
+import {
+	Tooltip,
+	TooltipContent,
+	TooltipProvider,
+	TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
+
+interface Props {
+	status: "running" | "error" | "done" | "idle" | undefined | null;
+	className?: string;
+}
+
+export const StatusTooltip = ({ status, className }: Props) => {
+	return (
+		<TooltipProvider delayDuration={0}>
+			<Tooltip>
+				<TooltipTrigger>
+					{status === "idle" && (
+						<div className={cn(" size-3.5 rounded-full bg-card", className)} />
+					)}
+					{status === "error" && (
+						<div
+							className={cn(" size-3.5 rounded-full bg-destructive", className)}
+						/>
+					)}
+					{status === "done" && (
+						<div
+							className={cn(" size-3.5 rounded-full bg-primary", className)}
+						/>
+					)}
+					{status === "running" && (
+						<div
+							className={cn(" size-3.5 rounded-full bg-yellow-500", className)}
+						/>
+					)}
+				</TooltipTrigger>
+				<TooltipContent align="center">
+					<span>
+						{status === "idle" && "Idle"}
+						{status === "error" && "Error"}
+						{status === "done" && "Done"}
+						{status === "running" && "Running"}
+					</span>
+				</TooltipContent>
+			</Tooltip>
+		</TooltipProvider>
+	);
+};