From 089207240e91104b1f8589e7be743481be04b422 Mon Sep 17 00:00:00 2001
From: NFish <douxc512@gmail.com>
Date: Wed, 19 Feb 2025 13:44:35 +0800
Subject: [PATCH 1/4] fix: add offline notice

---
 web/app/components/sentry-initor.tsx | 12 ++++++++++++
 web/i18n/en-US/common.ts             |  1 +
 web/i18n/zh-Hans/common.ts           |  1 +
 3 files changed, 14 insertions(+)

diff --git a/web/app/components/sentry-initor.tsx b/web/app/components/sentry-initor.tsx
index 6bf0abbec2..8f31eb8969 100644
--- a/web/app/components/sentry-initor.tsx
+++ b/web/app/components/sentry-initor.tsx
@@ -2,12 +2,24 @@
 
 import { useEffect } from 'react'
 import * as Sentry from '@sentry/react'
+import { useTranslation } from 'react-i18next'
+import Toast from './base/toast'
+import { useDebounceEffect } from 'ahooks'
 
 const isDevelopment = process.env.NODE_ENV === 'development'
 
 const SentryInit = ({
   children,
 }: { children: React.ReactElement }) => {
+  const { t } = useTranslation()
+  useDebounceEffect(() => {
+    Toast.notify({
+      type: 'warning',
+      message: t('common.offlineNotice'),
+      duration: 60000,
+      className: 'fixed left-1/2 -translate-x-1/2',
+    })
+  }, [t])
   useEffect(() => {
     const SENTRY_DSN = document?.body?.getAttribute('data-public-sentry-dsn')
     if (!isDevelopment && SENTRY_DSN) {
diff --git a/web/i18n/en-US/common.ts b/web/i18n/en-US/common.ts
index 4e1d21d76b..bf6e7b3f98 100644
--- a/web/i18n/en-US/common.ts
+++ b/web/i18n/en-US/common.ts
@@ -1,4 +1,5 @@
 const translation = {
+  offlineNotice: 'Dify v1.0.0 is now officially released. Effective February 24, 2025, the current environment will no longer be accessible, and all data will be permanently deleted. Please ensure that you back up any necessary data prior to this date to avoid any loss.',
   api: {
     success: 'Success',
     actionSuccess: 'Action succeeded',
diff --git a/web/i18n/zh-Hans/common.ts b/web/i18n/zh-Hans/common.ts
index 70a3a6985d..8445f009f8 100644
--- a/web/i18n/zh-Hans/common.ts
+++ b/web/i18n/zh-Hans/common.ts
@@ -1,4 +1,5 @@
 const translation = {
+  offlineNotice: 'Dify v1.0.0 现已正式发布。自 2025年 2 月 24 日起，当前环境将不可访问，所有数据将被永久删除。请务必在此日期之前备份所有必要数据，以避免任何数据丢失。',
   api: {
     success: '成功',
     actionSuccess: '操作成功',

From 782df0c383ddde3151d9d7a8594f57899bd35329 Mon Sep 17 00:00:00 2001
From: NFish <douxc512@gmail.com>
Date: Wed, 19 Feb 2025 15:30:19 +0800
Subject: [PATCH 2/4] fix: update offline notice style

---
 web/app/components/base/toast/index.tsx | 2 +-
 web/app/components/sentry-initor.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/components/base/toast/index.tsx b/web/app/components/base/toast/index.tsx
index 4526eaafcc..e24ab8a67b 100644
--- a/web/app/components/base/toast/index.tsx
+++ b/web/app/components/base/toast/index.tsx
@@ -59,7 +59,7 @@ const Toast = ({
     }`}
     />
     <div className={`flex ${size === 'md' ? 'gap-1' : 'gap-0.5'}`}>
-      <div className={`flex justify-center items-center ${size === 'md' ? 'p-0.5' : 'p-1'}`}>
+      <div className={`flex justify-center items-start ${size === 'md' ? 'p-0.5' : 'p-1'}`}>
         {type === 'success' && <RiCheckboxCircleFill className={`${size === 'md' ? 'w-5 h-5' : 'w-4 h-4'} text-text-success`} aria-hidden="true" />}
         {type === 'error' && <RiErrorWarningFill className={`${size === 'md' ? 'w-5 h-5' : 'w-4 h-4'} text-text-destructive`} aria-hidden="true" />}
         {type === 'warning' && <RiAlertFill className={`${size === 'md' ? 'w-5 h-5' : 'w-4 h-4'} text-text-warning-secondary`} aria-hidden="true" />}
diff --git a/web/app/components/sentry-initor.tsx b/web/app/components/sentry-initor.tsx
index 8f31eb8969..76c17b0df5 100644
--- a/web/app/components/sentry-initor.tsx
+++ b/web/app/components/sentry-initor.tsx
@@ -17,7 +17,7 @@ const SentryInit = ({
       type: 'warning',
       message: t('common.offlineNotice'),
       duration: 60000,
-      className: 'fixed left-1/2 -translate-x-1/2',
+      className: 'fixed left-1/2 -translate-x-1/2 !w-[520px]',
     })
   }, [t])
   useEffect(() => {

From ae76dbd92cd4d696e23cd682ba415385c418435d Mon Sep 17 00:00:00 2001
From: NFish <douxc512@gmail.com>
Date: Wed, 19 Feb 2025 16:07:13 +0800
Subject: [PATCH 3/4] fix: update offline notice style

---
 web/app/components/offline-notice.tsx | 24 ++++++++++++++++++++++++
 web/app/components/sentry-initor.tsx  | 12 ------------
 web/app/layout.tsx                    |  5 ++++-
 web/i18n/en-US/common.ts              |  1 +
 web/i18n/zh-Hans/common.ts            |  1 +
 5 files changed, 30 insertions(+), 13 deletions(-)
 create mode 100644 web/app/components/offline-notice.tsx

diff --git a/web/app/components/offline-notice.tsx b/web/app/components/offline-notice.tsx
new file mode 100644
index 0000000000..3effb2aa8d
--- /dev/null
+++ b/web/app/components/offline-notice.tsx
@@ -0,0 +1,24 @@
+'use client'
+import { RiCloseLine } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import type { PropsWithChildren } from 'react'
+import { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+
+export default function OfflineNotice({ children }: PropsWithChildren) {
+  const { t } = useTranslation()
+  const [showOfflineNotice, { setFalse }] = useBoolean(true)
+
+  useEffect(() => {
+    const timer = setTimeout(setFalse, 60000)
+    return () => clearTimeout(timer)
+  }, [setFalse])
+  return <>
+    {showOfflineNotice && <div className='px-4 py-2 flex items-center justify-start gap-x-2 bg-[#FFFAEB] border-b-[0.5px] border-b-[#FEF0C7]'>
+      <div className='rounded-[12px] flex items-center justify-center px-2 py-0.5 h-[22px] bg-[#f79009] text-white text-[11px] not-italic font-medium leading[18px]'>{t('common.offlineNoticeTitle')}</div>
+      <div className='grow font-medium leading-[18px] text-[12px] not-italic text-[#344054]'>{t('common.offlineNotice')}</div>
+      <RiCloseLine className='size-4 text-[#667085] cursor-pointer' onClick={setFalse} />
+    </div>}
+    {children}
+  </>
+}
diff --git a/web/app/components/sentry-initor.tsx b/web/app/components/sentry-initor.tsx
index 76c17b0df5..6bf0abbec2 100644
--- a/web/app/components/sentry-initor.tsx
+++ b/web/app/components/sentry-initor.tsx
@@ -2,24 +2,12 @@
 
 import { useEffect } from 'react'
 import * as Sentry from '@sentry/react'
-import { useTranslation } from 'react-i18next'
-import Toast from './base/toast'
-import { useDebounceEffect } from 'ahooks'
 
 const isDevelopment = process.env.NODE_ENV === 'development'
 
 const SentryInit = ({
   children,
 }: { children: React.ReactElement }) => {
-  const { t } = useTranslation()
-  useDebounceEffect(() => {
-    Toast.notify({
-      type: 'warning',
-      message: t('common.offlineNotice'),
-      duration: 60000,
-      className: 'fixed left-1/2 -translate-x-1/2 !w-[520px]',
-    })
-  }, [t])
   useEffect(() => {
     const SENTRY_DSN = document?.body?.getAttribute('data-public-sentry-dsn')
     if (!isDevelopment && SENTRY_DSN) {
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index 2900a314eb..4e3c3d3ae3 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -7,6 +7,7 @@ import { TanstackQueryIniter } from '@/context/query-client'
 import { ThemeProvider } from 'next-themes'
 import './styles/globals.css'
 import './styles/markdown.scss'
+import OfflineNotice from './components/offline-notice'
 
 export const metadata = {
   title: 'Dify',
@@ -61,7 +62,9 @@ const LocaleLayout = ({
                 disableTransitionOnChange
               >
                 <I18nServer>
-                  {children}
+                  <OfflineNotice>
+                    {children}
+                  </OfflineNotice>
                 </I18nServer>
               </ThemeProvider>
             </TanstackQueryIniter>
diff --git a/web/i18n/en-US/common.ts b/web/i18n/en-US/common.ts
index bf6e7b3f98..732dec1ee0 100644
--- a/web/i18n/en-US/common.ts
+++ b/web/i18n/en-US/common.ts
@@ -1,4 +1,5 @@
 const translation = {
+  offlineNoticeTitle: 'Important Notice',
   offlineNotice: 'Dify v1.0.0 is now officially released. Effective February 24, 2025, the current environment will no longer be accessible, and all data will be permanently deleted. Please ensure that you back up any necessary data prior to this date to avoid any loss.',
   api: {
     success: 'Success',
diff --git a/web/i18n/zh-Hans/common.ts b/web/i18n/zh-Hans/common.ts
index 8445f009f8..5ac38d7618 100644
--- a/web/i18n/zh-Hans/common.ts
+++ b/web/i18n/zh-Hans/common.ts
@@ -1,4 +1,5 @@
 const translation = {
+  offlineNoticeTitle: '重要通知',
   offlineNotice: 'Dify v1.0.0 现已正式发布。自 2025年 2 月 24 日起，当前环境将不可访问，所有数据将被永久删除。请务必在此日期之前备份所有必要数据，以避免任何数据丢失。',
   api: {
     success: '成功',

From 73b1adf86282b7c9b0db39d0927a3d7f800e655d Mon Sep 17 00:00:00 2001
From: NFish <douxc512@gmail.com>
Date: Fri, 28 Feb 2025 17:53:13 +0800
Subject: [PATCH 4/4] fix: update notice date

---
 web/i18n/en-US/common.ts   | 2 +-
 web/i18n/zh-Hans/common.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/i18n/en-US/common.ts b/web/i18n/en-US/common.ts
index 732dec1ee0..a766b0baf0 100644
--- a/web/i18n/en-US/common.ts
+++ b/web/i18n/en-US/common.ts
@@ -1,6 +1,6 @@
 const translation = {
   offlineNoticeTitle: 'Important Notice',
-  offlineNotice: 'Dify v1.0.0 is now officially released. Effective February 24, 2025, the current environment will no longer be accessible, and all data will be permanently deleted. Please ensure that you back up any necessary data prior to this date to avoid any loss.',
+  offlineNotice: 'Dify v1.0.0 is now officially released. Effective March 5, 2025, the current environment will no longer be accessible, and all data will be permanently deleted. Please ensure that you back up any necessary data prior to this date to avoid any loss.',
   api: {
     success: 'Success',
     actionSuccess: 'Action succeeded',
diff --git a/web/i18n/zh-Hans/common.ts b/web/i18n/zh-Hans/common.ts
index 5ac38d7618..e57fafbbb0 100644
--- a/web/i18n/zh-Hans/common.ts
+++ b/web/i18n/zh-Hans/common.ts
@@ -1,6 +1,6 @@
 const translation = {
   offlineNoticeTitle: '重要通知',
-  offlineNotice: 'Dify v1.0.0 现已正式发布。自 2025年 2 月 24 日起，当前环境将不可访问，所有数据将被永久删除。请务必在此日期之前备份所有必要数据，以避免任何数据丢失。',
+  offlineNotice: 'Dify v1.0.0 现已正式发布。自 2025年 3 月 5 日起，当前环境将不可访问，所有数据将被永久删除。请务必在此日期之前备份所有必要数据，以避免任何数据丢失。',
   api: {
     success: '成功',
     actionSuccess: '操作成功',