diff --git a/web/default/src/components/dialog.tsx b/web/default/src/components/dialog.tsx
new file mode 100644
index 000000000000..0e93b17bf636
--- /dev/null
+++ b/web/default/src/components/dialog.tsx
@@ -0,0 +1,127 @@
+/*
+Copyright (C) 2023-2026 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see .
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+import {
+ Dialog as DialogRoot,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from '@/components/ui/dialog'
+
+type DialogProps = React.ComponentProps & {
+ title: React.ReactNode
+ description?: React.ReactNode
+ children: React.ReactNode
+ trigger?: React.ReactElement
+ footer?: React.ReactNode
+ contentHeight?: React.CSSProperties['height']
+ contentClassName?: string
+ headerClassName?: string
+ titleClassName?: string
+ descriptionClassName?: string
+ bodyClassName?: string
+ footerClassName?: string
+ initialFocus?: boolean
+ showCloseButton?: boolean
+}
+
+const dialogContentMotionClassName =
+ 'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 duration-100'
+
+export function Dialog({
+ title,
+ description,
+ children,
+ trigger,
+ footer,
+ contentHeight = 'auto',
+ contentClassName,
+ headerClassName,
+ titleClassName,
+ descriptionClassName,
+ bodyClassName,
+ footerClassName,
+ initialFocus,
+ showCloseButton,
+ ...dialogProps
+}: DialogProps) {
+ return (
+
+ {trigger ? : null}
+
+
+ {title}
+ {description ? (
+
+ {description}
+
+ ) : null}
+
+
+
+
+ {children}
+
+
+
+ {footer ? (
+
+ {footer}
+
+ ) : null}
+
+
+ )
+}
diff --git a/web/default/src/components/layout/components/public-header.tsx b/web/default/src/components/layout/components/public-header.tsx
index 5fad63703d3e..7030a7c54040 100644
--- a/web/default/src/components/layout/components/public-header.tsx
+++ b/web/default/src/components/layout/components/public-header.tsx
@@ -25,15 +25,8 @@ import { useNotifications } from '@/hooks/use-notifications'
import { useSystemConfig } from '@/hooks/use-system-config'
import { useTopNavLinks } from '@/hooks/use-top-nav-links'
import { Button } from '@/components/ui/button'
-import {
- Dialog,
- DialogContent,
- DialogDescription,
- DialogFooter,
- DialogHeader,
- DialogTitle,
-} from '@/components/ui/dialog'
import { Skeleton } from '@/components/ui/skeleton'
+import { Dialog } from '@/components/dialog'
import { LanguageSwitcher } from '@/components/language-switcher'
import { NotificationPopover } from '@/components/notification-popover'
import { ProfileDropdown } from '@/components/profile-dropdown'
@@ -427,28 +420,26 @@ export function PublicHeader(props: PublicHeaderProps) {
closeAuthPrompt()
}
}}
- >
-
-
- {t('Sign in required')}
-
- {t('Please sign in to view {{module}}.', {
- module: authPromptTarget?.title || '',
- })}
-
-
-
- {t('Redirecting to sign in in {{seconds}} seconds.', {
- seconds: authPromptSecondsLeft,
- })}
-