dify改造升级适配

dify_1.11.1/web/app/components/base/chat/chat-with-history/index.tsx

@@ -31,6 +31,7 @@ const ChatWithHistory: FC<ChatWithHistoryProps> = ({
     appChatListDataLoading,
     chatShouldReloadKey,
     isMobile,
+    isInstalledApp,
     themeBuilder,
     sidebarCollapseState,
   } = useChatWithHistoryContext()
@@ -49,7 +50,7 @@ const ChatWithHistory: FC<ChatWithHistoryProps> = ({
       setShowSidePanel(false)
   }, [isSidebarCollapsed])
 
-  useDocumentTitle(site?.title || 'Chat')
+  useDocumentTitle(site?.title || 'Chat', isInstalledApp ? '智能体平台' : undefined)
 
   return (
     <div className={cn(

dify_1.11.1/web/app/components/base/chat/chat-with-history/sidebar/index.tsx

@@ -16,10 +16,9 @@ import List from '@/app/components/base/chat/chat-with-history/sidebar/list'
 import MenuDropdown from '@/app/components/share/text-generation/menu-dropdown'
 import Confirm from '@/app/components/base/confirm'
 import RenameModal from '@/app/components/base/chat/chat-with-history/sidebar/rename-modal'
-import DifyLogo from '@/app/components/base/logo/dify-logo'
 import type { ConversationItem } from '@/models/share'
 import cn from '@/utils/classnames'
-import { useGlobalPublicStore } from '@/context/global-public-context'
+ 
 
 type Props = {
   isPanel?: boolean
@@ -47,7 +46,7 @@ const Sidebar = ({ isPanel, panelVisible }: Props) => {
     isResponding,
   } = useChatWithHistoryContext()
   const isSidebarCollapsed = sidebarCollapseState
-  const systemFeatures = useGlobalPublicStore(s => s.systemFeatures)
+ 
   const [showConfirm, setShowConfirm] = useState<ConversationItem | null>(null)
   const [showRename, setShowRename] = useState<ConversationItem | null>(null)
 
@@ -145,23 +144,6 @@ const Sidebar = ({ isPanel, panelVisible }: Props) => {
           data={appData?.site}
           forceClose={isPanel && !panelVisible}
         />
-        {/* powered by */}
-        <div className='shrink-0'>
-          {!appData?.custom_config?.remove_webapp_brand && (
-            <div className={cn(
-              'flex shrink-0 items-center gap-1.5 px-1',
-            )}>
-              <div className='system-2xs-medium-uppercase text-text-tertiary'>{t('share.chat.poweredBy')}</div>
-              {
-                systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-                  ? <img src={systemFeatures.branding.workspace_logo} alt='logo' className='block h-5 w-auto' />
-                  : appData?.custom_config?.replace_webapp_logo
-                    ? <img src={`${appData?.custom_config?.replace_webapp_logo}`} alt='logo' className='block h-5 w-auto' />
-                    : <DifyLogo size='small' />
-              }
-            </div>
-          )}
-        </div>
         {!!showConfirm && (
           <Confirm
             title={t('share.chat.deleteConversation.title')}

dify_1.11.1/web/app/components/base/chat/embedded-chatbot/header/index.tsx

@@ -11,9 +11,8 @@ import Tooltip from '@/app/components/base/tooltip'
 import ActionButton from '@/app/components/base/action-button'
 import Divider from '@/app/components/base/divider'
 import ViewFormDropdown from '@/app/components/base/chat/embedded-chatbot/inputs-form/view-form-dropdown'
-import DifyLogo from '@/app/components/base/logo/dify-logo'
 import cn from '@/utils/classnames'
-import { useGlobalPublicStore } from '@/context/global-public-context'
+ 
 
 export type IHeaderProps = {
   isMobile?: boolean
@@ -44,7 +43,7 @@ const Header: FC<IHeaderProps> = ({
   const [parentOrigin, setParentOrigin] = useState('')
   const [showToggleExpandButton, setShowToggleExpandButton] = useState(false)
   const [expanded, setExpanded] = useState(false)
-  const systemFeatures = useGlobalPublicStore(s => s.systemFeatures)
+ 
 
   const handleMessageReceived = useCallback((event: MessageEvent) => {
     let currentParentOrigin = parentOrigin
@@ -81,23 +80,6 @@ const Header: FC<IHeaderProps> = ({
     return (
       <div className='flex h-14 shrink-0 items-center justify-end p-3'>
         <div className='flex items-center gap-1'>
-          {/* powered by */}
-          <div className='shrink-0'>
-            {!appData?.custom_config?.remove_webapp_brand && (
-              <div className={cn(
-                'flex shrink-0 items-center gap-1.5 px-2',
-              )}>
-                <div className='system-2xs-medium-uppercase text-text-tertiary'>{t('share.chat.poweredBy')}</div>
-                {
-                  systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-                    ? <img src={systemFeatures.branding.workspace_logo} alt='logo' className='block h-5 w-auto' />
-                    : appData?.custom_config?.replace_webapp_logo
-                      ? <img src={`${appData?.custom_config?.replace_webapp_logo}`} alt='logo' className='block h-5 w-auto' />
-                      : <DifyLogo size='small' />
-                }
-              </div>
-            )}
-          </div>
           {currentConversationId && (
             <Divider type='vertical' className='h-3.5' />
           )}

dify_1.11.1/web/app/components/base/chat/embedded-chatbot/index.tsx

@@ -2,7 +2,6 @@
 import {
   useEffect,
 } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   EmbeddedChatbotContext,
   useEmbeddedChatbotContext,
@@ -16,10 +15,9 @@ import Loading from '@/app/components/base/loading'
 import LogoHeader from '@/app/components/base/logo/logo-embedded-chat-header'
 import Header from '@/app/components/base/chat/embedded-chatbot/header'
 import ChatWrapper from '@/app/components/base/chat/embedded-chatbot/chat-wrapper'
-import DifyLogo from '@/app/components/base/logo/dify-logo'
 import cn from '@/utils/classnames'
 import useDocumentTitle from '@/hooks/use-document-title'
-import { useGlobalPublicStore } from '@/context/global-public-context'
+ 
 
 const Chatbot = () => {
   const {
@@ -31,8 +29,6 @@ const Chatbot = () => {
     handleNewConversation,
     themeBuilder,
   } = useEmbeddedChatbotContext()
-  const { t } = useTranslation()
-  const systemFeatures = useGlobalPublicStore(s => s.systemFeatures)
 
   const customConfig = appData?.custom_config
   const site = appData?.site
@@ -71,25 +67,6 @@ const Chatbot = () => {
           )}
         </div>
       </div>
-      {/* powered by */}
-      {isMobile && (
-        <div className='flex h-[60px] shrink-0 items-center pl-2'>
-          {!appData?.custom_config?.remove_webapp_brand && (
-            <div className={cn(
-              'flex shrink-0 items-center gap-1.5 px-2',
-            )}>
-              <div className='system-2xs-medium-uppercase text-text-tertiary'>{t('share.chat.poweredBy')}</div>
-              {
-                systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-                  ? <img src={systemFeatures.branding.workspace_logo} alt='logo' className='block h-5 w-auto' />
-                  : appData?.custom_config?.replace_webapp_logo
-                    ? <img src={`${appData?.custom_config?.replace_webapp_logo}`} alt='logo' className='block h-5 w-auto' />
-                    : <DifyLogo size='small' />
-              }
-            </div>
-          )}
-        </div>
-      )}
     </div>
   )
 }

dify_1.11.1/web/app/components/datasets/list/datasets.tsx

@@ -37,7 +37,7 @@ const Datasets = ({
   const observerRef = useRef<IntersectionObserver>(null)
 
   useEffect(() => {
-    document.title = `${t('dataset.knowledge')} - Dify`
+    document.title = `${t('dataset.knowledge')} - 智能体平台`
   }, [t])
 
   useEffect(() => {

dify_1.11.1/web/app/components/share/text-generation/index.tsx

@@ -35,10 +35,9 @@ import Toast from '@/app/components/base/toast'
 import type { VisionFile, VisionSettings } from '@/types/app'
 import { Resolution, TransferMethod } from '@/types/app'
 import { useAppFavicon } from '@/hooks/use-app-favicon'
-import DifyLogo from '@/app/components/base/logo/dify-logo'
 import cn from '@/utils/classnames'
 import { AccessMode } from '@/models/access-control'
-import { useGlobalPublicStore } from '@/context/global-public-context'
+ 
 import useDocumentTitle from '@/hooks/use-document-title'
 import { useWebAppStore } from '@/context/web-app-context'
 
@@ -90,7 +89,7 @@ const TextGeneration: FC<IMainProps> = ({
     doSetInputs(newInputs)
     inputsRef.current = newInputs
   }, [])
-  const systemFeatures = useGlobalPublicStore(s => s.systemFeatures)
+ 
   const [appId, setAppId] = useState<string>('')
   const [siteInfo, setSiteInfo] = useState<SiteInfo | null>(null)
   const [customConfig, setCustomConfig] = useState<Record<string, any> | null>(null)
@@ -397,7 +396,7 @@ const TextGeneration: FC<IMainProps> = ({
   }, [appData, appParams, fetchSavedMessage, isWorkflow])
 
   // Can Use metadata(https://beta.nextjs.org/docs/api-reference/metadata) to set title. But it only works in server side client.
-  useDocumentTitle(siteInfo?.title || t('share.generation.title'))
+  useDocumentTitle(siteInfo?.title || t('share.generation.title'), isInstalledApp ? '智能体平台' : undefined)
 
   useAppFavicon({
     enable: !isInstalledApp,
@@ -594,23 +593,6 @@ const TextGeneration: FC<IMainProps> = ({
             />
           )}
         </div>
-        {/* powered by */}
-        {!customConfig?.remove_webapp_brand && (
-          <div className={cn(
-            'flex shrink-0 items-center gap-1.5 bg-components-panel-bg py-3',
-            isPC ? 'px-8' : 'px-4',
-            !isPC && resultExisted && 'rounded-b-2xl border-b-[0.5px] border-divider-regular',
-          )}>
-            <div className='system-2xs-medium-uppercase text-text-tertiary'>{t('share.chat.poweredBy')}</div>
-            {
-              systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-                ? <img src={systemFeatures.branding.workspace_logo} alt='logo' className='block h-5 w-auto' />
-                : customConfig?.replace_webapp_logo
-                  ? <img src={`${customConfig?.replace_webapp_logo}`} alt='logo' className='block h-5 w-auto' />
-                  : <DifyLogo size='small' />
-            }
-          </div>
-        )}
       </div>
       {/* Result */}
       <div className={cn(

dify_1.11.1/web/hooks/use-document-title.spec.ts

@@ -63,18 +63,18 @@ describe('use default branding', () => {
    * Test title format with page title and default branding
    * Format: "[page] - Dify"
    */
-  it('document title should be test-Dify if set title', () => {
+  it('document title should be test-智能体平台 if set title', () => {
     renderHook(() => useDocumentTitle('test'))
-    expect(document.title).toBe('test - Dify')
+    expect(document.title).toBe('test - 智能体平台')
   })
 
   /**
    * Test title with only default branding (no page title)
    * Format: "Dify"
    */
-  it('document title should be Dify if not set title', () => {
+  it('document title should be 智能体平台 if not set title', () => {
     renderHook(() => useDocumentTitle(''))
-    expect(document.title).toBe('Dify')
+    expect(document.title).toBe('智能体平台')
   })
 })
 

dify_1.11.1/web/hooks/use-document-title.ts

@@ -4,20 +4,25 @@ import { useFavicon, useTitle } from 'ahooks'
 import { basePath } from '@/utils/var'
 import { useEffect } from 'react'
 
-export default function useDocumentTitle(title: string) {
+export default function useDocumentTitle(title: string, brandOverride?: string) {
   const isPending = useGlobalPublicStore(s => s.isGlobalPending)
   const systemFeatures = useGlobalPublicStore(s => s.systemFeatures)
   const prefix = title ? `${title} - ` : ''
   let titleStr = ''
   let favicon = ''
   if (isPending === false) {
-    if (systemFeatures.branding.enabled) {
-      titleStr = `${prefix}${systemFeatures.branding.application_title}`
-      favicon = systemFeatures.branding.favicon
-    }
-    else {
-      titleStr = `${prefix}Dify`
-      favicon = `${basePath}/favicon.ico`
+    if (brandOverride) {
+      titleStr = `${prefix}${brandOverride}`
+      favicon = systemFeatures.branding.enabled ? systemFeatures.branding.favicon : `${basePath}/favicon.ico`
+    } else {
+      if (systemFeatures.branding.enabled) {
+        titleStr = `${prefix}${systemFeatures.branding.application_title}`
+        favicon = systemFeatures.branding.favicon
+      }
+      else {
+        titleStr = `${prefix}智能体平台`
+        favicon = `${basePath}/favicon.ico`
+      }
     }
   }
   useTitle(titleStr)