ui

Author: itsmeakhil

apps/web/src/components/client-shell.tsx

@@ -6,6 +6,7 @@ import { UserPreferencesSync } from "@/components/user-preferences-sync"
 import { ToolVisibilityPreferencesSync } from "@/components/tool-visibility-preferences-sync"
 import { PinnedToolsPreferencesSync } from "@/components/pinned-tools-preferences-sync"
 import { AppUpdateNotifier } from "@/components/app-update-notifier"
+import { AuthLogoutListener } from "@/components/auth-logout-listener"
 
 const GlobalCommandPalette = dynamic(
   () => import('@/components/global-command-palette').then((m) => m.GlobalCommandPalette),
@@ -35,6 +36,7 @@ export function ClientShell({ children }: Props) {
       <ToolVisibilityPreferencesSync />
       <PinnedToolsPreferencesSync />
       <AppUpdateNotifier />
+      <AuthLogoutListener />
       <Suspense fallback={null}>
         <GlobalCommandPalette />
       </Suspense>

apps/web/src/components/dns-lookup/dns-lookup-layout.tsx

@@ -21,6 +21,7 @@ import {
   IconRefresh,
 } from '@tabler/icons-react';
 import { cn } from '@/lib/utils';
+import { backendFetch } from '@/lib/backend-auth';
 
 interface DNSRecord {
   type: string;
@@ -205,8 +206,7 @@ export function DnsLookupLayout() {
     try {
       const params = new URLSearchParams({ domain: target });
       selectedTypes.forEach(rt => params.append('record_types', rt));
-      const res = await fetch(`/api/backend/dns-lookup/lookup?${params}`, {
-        credentials: 'include',
+      const res = await backendFetch(`/api/backend/dns-lookup/lookup?${params}`, {
         headers: { accept: 'application/json' },
       });
       if (!res.ok) {

apps/web/src/components/feedback-dialog.tsx

@@ -10,6 +10,7 @@ import { cn } from "@/lib/utils";
 import useAuth from "@/utils/useAuth";
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "@/components/ui/sidebar";
 import { usePathname } from "next/navigation";
+import { backendFetch } from "@/lib/backend-auth";
 
 type FeedbackType = "bug" | "feature" | "general";
 
@@ -26,10 +27,9 @@ async function submitFeedback(payload: {
   email: string | null;
   page: string;
 }) {
-  const res = await fetch("/api/backend/feedback", {
+  const res = await backendFetch("/api/backend/feedback", {
     method: "POST",
     headers: { "Content-Type": "application/json" },
-    credentials: "include",
     body: JSON.stringify(payload),
   });
   if (!res.ok) {