From 40c2ce02dc1bff464f5ed0979ab6d1fead7a798f Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:10:30 +0330
Subject: [PATCH] Import source: src/app/providers

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 src/app/providers.tsx | 54 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 src/app/providers.tsx

diff --git a/src/app/providers.tsx b/src/app/providers.tsx
new file mode 100644
index 0000000..488030c
--- /dev/null
+++ b/src/app/providers.tsx
@@ -0,0 +1,54 @@
+"use client";
+
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useEffect, useMemo } from "react";
+import { TooltipProvider } from "@radix-ui/react-tooltip";
+import { useUiStore } from "@/stores/ui-store";
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  const queryClient = useMemo(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            staleTime: 30_000,
+            refetchOnWindowFocus: false,
+          },
+        },
+      }),
+    [],
+  );
+  const theme = useUiStore((state) => state.theme);
+  const density = useUiStore((state) => state.density);
+  const accent = useUiStore((state) => state.accent);
+  const glass = useUiStore((state) => state.glass);
+  const radius = useUiStore((state) => state.radius);
+  const ambiance = useUiStore((state) => state.ambiance);
+
+  useEffect(() => {
+    const root = document.documentElement;
+    const media = window.matchMedia("(prefers-color-scheme: dark)");
+    const apply = () => {
+      root.classList.toggle("dark", theme === "dark" || (theme === "system" && media.matches));
+    };
+    apply();
+    media.addEventListener("change", apply);
+    return () => media.removeEventListener("change", apply);
+  }, [theme]);
+
+  useEffect(() => {
+    const root = document.documentElement;
+    root.classList.toggle("density-compact", density === "compact");
+    root.classList.toggle("density-comfortable", density === "comfortable");
+    root.dataset.accent = accent;
+    root.dataset.glass = glass;
+    root.dataset.radius = radius;
+    root.dataset.ambiance = ambiance ? "on" : "off";
+  }, [density, accent, glass, radius, ambiance]);
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <TooltipProvider delayDuration={250}>{children}</TooltipProvider>
+    </QueryClientProvider>
+  );
+}