diff --git a/ui/dev-dist/sw.js b/ui/dev-dist/sw.js
index b5ad1b6b..3c3b3e65 100644
--- a/ui/dev-dist/sw.js
+++ b/ui/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.s0vun21q3d"
+    "revision": "0.p87ro290qlo"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/ui/src/App.tsx b/ui/src/App.tsx
index 812fb7f8..32be4b42 100644
--- a/ui/src/App.tsx
+++ b/ui/src/App.tsx
@@ -13,7 +13,7 @@ const queryClient = new QueryClient()
 function App() {
   return (
     <StoreProvider store={store}>
-      <BrowserRouter>
+      <BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
         <DynamicRoutesProvider>
           <ComponentProvider>
             <ComponentRegistryProvider>
diff --git a/ui/src/utils/tailwind.ts b/ui/src/utils/tailwind.ts
index d3333589..ffa13c32 100644
--- a/ui/src/utils/tailwind.ts
+++ b/ui/src/utils/tailwind.ts
@@ -1,5 +1,12 @@
 // src/utils/tailwind.ts
+
 import colors from 'tailwindcss/colors'
+// Tailwind eski renk isimlerinden kaynaklı uyarıları engelle
+delete (colors as any).lightBlue
+delete (colors as any).warmGray
+delete (colors as any).trueGray
+delete (colors as any).coolGray
+delete (colors as any).blueGray
 
 // Tailwind breakpoints (px)
 export const SCREENS = {