+ {String(inputs.name ?? '')}
+
+
+ {runControl ? 'stop-ready' : 'idle'}
+
+ ),
+}))
+
+vi.mock('@/app/components/share/text-generation/run-batch', () => ({
+ default: ({ onSend }: { onSend: (data: string[][]) => void }) => (
+
+ ),
+}))
+
+vi.mock('@/app/components/app/text-generate/saved-items', () => ({
+ default: ({ list }: { list: { id: string }[] }) => {list.length}
,
+}))
+
+vi.mock('@/app/components/share/text-generation/menu-dropdown', () => ({
+ default: () => ,
+}))
+
+vi.mock('@/app/components/share/text-generation/result', () => {
+ const MockResult = ({
+ isCallBatchAPI,
+ onRunControlChange,
+ onRunStart,
+ taskId,
+ }: {
+ isCallBatchAPI: boolean
+ onRunControlChange?: (control: { onStop: () => void, isStopping: boolean } | null) => void
+ onRunStart: () => void
+ taskId?: number
+ }) => {
+ const runControlRef = React.useRef(false)
+
+ React.useEffect(() => {
+ onRunStart()
+ }, [onRunStart])
+
+ React.useEffect(() => {
+ if (!isCallBatchAPI && !runControlRef.current) {
+ runControlRef.current = true
+ onRunControlChange?.({ onStop: vi.fn(), isStopping: false })
+ }
+ }, [isCallBatchAPI, onRunControlChange])
+
+ return
+ }
+
+ return {
+ default: MockResult,
+ }
+})
+
+const fetchSavedMessageMock = vi.fn()
+
+vi.mock('@/service/share', async () => {
+ const actual = await vi.importActual
+ {props.list.length}
+
+
+ )
+ },
+}))
+
+vi.mock('@/app/components/share/text-generation/menu-dropdown', () => ({
+ default: () => ,
+}))
+
+const promptConfig: PromptConfig = {
+ prompt_template: 'template',
+ prompt_variables: [
+ { key: 'name', name: 'Name', type: 'string', required: true },
+ ],
+}
+
+const savedMessages: SavedMessage[] = [
+ { id: 'saved-1', answer: 'Answer 1' },
+ { id: 'saved-2', answer: 'Answer 2' },
+]
+
+const siteInfo: SiteInfo = {
+ title: 'Text Generation',
+ description: 'Share description',
+ icon_type: 'emoji',
+ icon: 'robot',
+ icon_background: '#fff',
+ icon_url: '',
+}
+
+const visionConfig: VisionSettings = {
+ enabled: false,
+ number_limits: 2,
+ detail: Resolution.low,
+ transfer_methods: [TransferMethod.local_file],
+}
+
+const baseProps: ComponentProps
- {isCallBatchAPI && (
-
- )
+ }, [runBatchExecution, showResultPanel])
if (!appId || !siteInfo || !promptConfig) {
return (
@@ -511,147 +126,72 @@ const TextGeneration: FC
-
- )}
- {t('generation.executions', { ns: 'share', num: allTaskList.length })}
- {allSuccessTaskList.length > 0 && (
-
- {!isCallBatchAPI ? renderRes() : renderBatchRes()}
- {!noPendingTask && (
-
- {isCallBatchAPI && allFailedTaskList.length > 0 && (
-
-
- )}
-
-
- )}
- {t('generation.batchFailed.info', { ns: 'share', num: allFailedTaskList.length })}
-
- {t('generation.batchFailed.retry', { ns: 'share' })}
-
- {/* Left */}
-
)
}
diff --git a/web/app/components/share/text-generation/run-once/index.tsx b/web/app/components/share/text-generation/run-once/index.tsx
index 6bf0cc0cc1..6c98cb5de5 100644
--- a/web/app/components/share/text-generation/run-once/index.tsx
+++ b/web/app/components/share/text-generation/run-once/index.tsx
@@ -1,5 +1,6 @@
import type { ChangeEvent, FC, FormEvent } from 'react'
import type { InputValueTypes } from '../types'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
import type { PromptConfig } from '@/models/debug'
import type { SiteInfo } from '@/models/share'
import type { VisionFile, VisionSettings } from '@/types/app'
@@ -169,7 +170,9 @@ const RunOnce: FC
- {/* header */}
-
- {/* Result */}
-
-
- {savedMessages.length}
-
- )
- : null,
- }]
- : []),
- ]}
- value={currentTab}
- onChange={setCurrentTab}
- />
-
- {/* form */}
-
-
- {siteInfo.description && (
- {siteInfo.title}
- {siteInfo.description}
- )}
-
- setCurrentTab('create')}
- />
- )}
-
- {/* powered by */}
- {!customConfig?.remove_webapp_brand && (
-
-
-
-
- {currentTab === 'saved' && (
-
- 
- : customConfig?.replace_webapp_logo
- ? 
- :
- )}
- {t('chat.poweredBy', { ns: 'share' })}
- {
- systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
- ?
- {!isPC && (
-
+ {
- if (isShowResultPanel)
- hideResultPanel()
- else
- showResultPanel()
- }}
- >
-
-
- )}
- {renderResWrap}
-
+ {!isPC && (
+
+ )
+}
+
+export default TextGenerationResultPanel
diff --git a/web/app/components/share/text-generation/text-generation-sidebar.tsx b/web/app/components/share/text-generation/text-generation-sidebar.tsx
new file mode 100644
index 0000000000..70b65f59e9
--- /dev/null
+++ b/web/app/components/share/text-generation/text-generation-sidebar.tsx
@@ -0,0 +1,177 @@
+import type { FC, RefObject } from 'react'
+import type { InputValueTypes, TextGenerationCustomConfig, TextGenerationRunControl } from './types'
+import type { PromptConfig, SavedMessage, TextToSpeechConfig } from '@/models/debug'
+import type { SiteInfo } from '@/models/share'
+import type { VisionFile, VisionSettings } from '@/types/app'
+import type { SystemFeatures } from '@/types/feature'
+import { useTranslation } from 'react-i18next'
+import SavedItems from '@/app/components/app/text-generate/saved-items'
+import AppIcon from '@/app/components/base/app-icon'
+import Badge from '@/app/components/base/badge'
+import DifyLogo from '@/app/components/base/logo/dify-logo'
+import { appDefaultIconBackground } from '@/config'
+import { AccessMode } from '@/models/access-control'
+import { cn } from '@/utils/classnames'
+import TabHeader from '../../base/tab-header'
+import MenuDropdown from './menu-dropdown'
+import RunBatch from './run-batch'
+import RunOnce from './run-once'
+
+type TextGenerationSidebarProps = {
+ accessMode: AccessMode
+ allTasksRun: boolean
+ currentTab: string
+ customConfig: TextGenerationCustomConfig | null
+ inputs: Record {
+ if (isShowResultPanel)
+ onHideResultPanel()
+ else
+ onShowResultPanel()
+ }}
+ >
+
+
+ )}
+
+ {isCallBatchAPI && (
+
+
+
+ )}
+ {t('generation.executions', { ns: 'share', num: allTaskList.length })}
+ {allSuccessTaskList.length > 0 && (
+
+ {isCallBatchAPI ? showTaskList.map(task => renderResult(task)) : renderResult()}
+ {!noPendingTask && (
+
+ {isCallBatchAPI && allFailedTaskList.length > 0 && (
+
+
+ )}
+
+
+
+ )}
+ {t('generation.batchFailed.info', { ns: 'share', num: allFailedTaskList.length })}
+
+ {t('generation.batchFailed.retry', { ns: 'share' })}
+
+
+ )
+}
+
+export default TextGenerationSidebar
diff --git a/web/app/components/share/text-generation/types.ts b/web/app/components/share/text-generation/types.ts
index 144ced28a2..b2c1a605c3 100644
--- a/web/app/components/share/text-generation/types.ts
+++ b/web/app/components/share/text-generation/types.ts
@@ -1,3 +1,5 @@
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
+
type TaskParam = {
inputs: Record
+
+ {savedMessages.length}
+
+ )
+ : null,
+ }]
+ : []),
+ ]}
+ value={currentTab}
+ onChange={onTabChange}
+ />
+
+
+
+ {siteInfo.description && (
+ {siteInfo.title}
+ {siteInfo.description}
+ )}
+
+ onTabChange('create')}
+ />
+ )}
+
+ {!customConfig?.remove_webapp_brand && (
+
+
+
+
+ {currentTab === 'saved' && (
+
+
+ : customConfig?.replace_webapp_logo
+ ? 
+ :
+ )}
+ {t('chat.poweredBy', { ns: 'share' })}
+ {systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
+ ?