- {fileList.map(file => (
-
+
+ {fileList.map(item => (
+
+
{item.varName}
+ {item.list.map(file => (
+
+ ))}
+
))}
)}
diff --git a/web/app/components/base/file-uploader/file-uploader-in-attachment/file-item.tsx b/web/app/components/base/file-uploader/file-uploader-in-attachment/file-item.tsx
index 2a042bab403df9..722ef64a68b32e 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-attachment/file-item.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-attachment/file-item.tsx
@@ -1,12 +1,15 @@
import {
memo,
+ useState,
} from 'react'
import {
RiDeleteBinLine,
RiDownloadLine,
+ RiEyeLine,
} from '@remixicon/react'
import FileTypeIcon from '../file-type-icon'
import {
+ downloadFile,
fileIsUploaded,
getFileAppearanceType,
getFileExtension,
@@ -19,6 +22,7 @@ import { formatFileSize } from '@/utils/format'
import cn from '@/utils/classnames'
import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import ImagePreview from '@/app/components/base/image-uploader/image-preview'
type FileInAttachmentItemProps = {
file: FileEntity
@@ -26,6 +30,7 @@ type FileInAttachmentItemProps = {
showDownloadAction?: boolean
onRemove?: (fileId: string) => void
onReUpload?: (fileId: string) => void
+ canPreview?: boolean
}
const FileInAttachmentItem = ({
file,
@@ -33,96 +38,116 @@ const FileInAttachmentItem = ({
showDownloadAction = true,
onRemove,
onReUpload,
+ canPreview,
}: FileInAttachmentItemProps) => {
const { id, name, type, progress, supportFileType, base64Url, url, isRemote } = file
const ext = getFileExtension(name, type, isRemote)
const isImageFile = supportFileType === SupportUploadFileTypes.image
-
+ const [imagePreviewUrl, setImagePreviewUrl] = useState('')
return (
-
-
- {
- isImageFile && (
-
-
-
-
{name}
+ <>
+
+
+ {
+ isImageFile && (
+
-
+
+
+
+ {
+ ext && (
+ {ext.toLowerCase()}
+ )
+ }
+ {
+ ext && (
+ •
+ )
+ }
+ {
+ !!file.size && (
+ {formatFileSize(file.size)}
+ )
+ }
+
+
+
+ {
+ progress >= 0 && !fileIsUploaded(file) && (
+
+ )
+ }
{
- ext && (
-
{ext.toLowerCase()}
+ progress === -1 && (
+
onReUpload?.(id)}
+ >
+
)
}
{
- ext && (
-
•
+ showDeleteAction && (
+
onRemove?.(id)}>
+
)
}
{
- !!file.size && (
-
{formatFileSize(file.size)}
+ canPreview && isImageFile && (
+
setImagePreviewUrl(url || '')}>
+
+ )
+ }
+ {
+ showDownloadAction && (
+
{
+ e.stopPropagation()
+ downloadFile(url || base64Url || '', name)
+ }}>
+
)
}
-
- {
- progress >= 0 && !fileIsUploaded(file) && (
-
- )
- }
- {
- progress === -1 && (
-
onReUpload?.(id)}
- >
-
- )
- }
- {
- showDeleteAction && (
-
onRemove?.(id)}>
-
- )
- }
- {
- showDownloadAction && (
-
-
- )
- }
-
-
+ {
+ imagePreviewUrl && canPreview && (
+
setImagePreviewUrl('')}
+ />
+ )
+ }
+
)
}
diff --git a/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx b/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx
index 45952808931089..6e9ef489fc0162 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx
@@ -84,7 +84,7 @@ const FileImageItem = ({
className='absolute bottom-0.5 right-0.5 flex items-center justify-center w-6 h-6 rounded-lg bg-components-actionbar-bg shadow-md'
onClick={(e) => {
e.stopPropagation()
- downloadFile(url || '', name)
+ downloadFile(url || base64Url || '', name)
}}
>
{
- showDownloadAction && (
+ showDownloadAction && url && (
{
e.stopPropagation()
- downloadFile(url || '', name)
+ downloadFile(url || base64Url || '', name)
}}
>
= ({
imagePreviewUrl && (
setImagePreviewUrl('')}
- />
+ onCancel={() => setImagePreviewUrl('')} title={''} />
)
}
diff --git a/web/app/components/base/input/index.tsx b/web/app/components/base/input/index.tsx
index 191dbde452d58d..bf8efdb65ab83d 100644
--- a/web/app/components/base/input/index.tsx
+++ b/web/app/components/base/input/index.tsx
@@ -64,7 +64,9 @@ const Input = ({
destructive && 'bg-components-input-bg-destructive border-components-input-border-destructive text-components-input-text-filled hover:bg-components-input-bg-destructive hover:border-components-input-border-destructive focus:bg-components-input-bg-destructive focus:border-components-input-border-destructive',
className,
)}
- placeholder={placeholder ?? (showLeftIcon ? t('common.operation.search') ?? '' : t('common.placeholder.input'))}
+ placeholder={placeholder ?? (showLeftIcon
+ ? (t('common.operation.search') || '')
+ : (t('common.placeholder.input') || ''))}
value={value}
onChange={onChange}
disabled={disabled}
diff --git a/web/app/components/base/list-empty/horizontal-line.tsx b/web/app/components/base/list-empty/horizontal-line.tsx
new file mode 100644
index 00000000000000..cb8edb8dee8124
--- /dev/null
+++ b/web/app/components/base/list-empty/horizontal-line.tsx
@@ -0,0 +1,21 @@
+type HorizontalLineProps = {
+ className?: string
+}
+const HorizontalLine = ({
+ className,
+}: HorizontalLineProps) => {
+ return (
+
+
+
+
+
+
+ )
+}
+
+export default HorizontalLine
diff --git a/web/app/components/base/list-empty/index.tsx b/web/app/components/base/list-empty/index.tsx
new file mode 100644
index 00000000000000..e925878bc1d524
--- /dev/null
+++ b/web/app/components/base/list-empty/index.tsx
@@ -0,0 +1,35 @@
+import React from 'react'
+import { Variable02 } from '../icons/src/vender/solid/development'
+import VerticalLine from './vertical-line'
+import HorizontalLine from './horizontal-line'
+
+type ListEmptyProps = {
+ title?: string
+ description?: React.ReactNode
+}
+
+const ListEmpty = ({
+ title,
+ description,
+}: ListEmptyProps) => {
+ return (
+
+
+
+
{title}
+ {description}
+
+
+ )
+}
+
+export default ListEmpty
diff --git a/web/app/components/base/list-empty/vertical-line.tsx b/web/app/components/base/list-empty/vertical-line.tsx
new file mode 100644
index 00000000000000..63e57447bf2401
--- /dev/null
+++ b/web/app/components/base/list-empty/vertical-line.tsx
@@ -0,0 +1,21 @@
+type VerticalLineProps = {
+ className?: string
+}
+const VerticalLine = ({
+ className,
+}: VerticalLineProps) => {
+ return (
+
+
+
+
+
+
+ )
+}
+
+export default VerticalLine
diff --git a/web/app/components/base/markdown.tsx b/web/app/components/base/markdown.tsx
index b19c2b5b652de5..d978c2895c968b 100644
--- a/web/app/components/base/markdown.tsx
+++ b/web/app/components/base/markdown.tsx
@@ -8,8 +8,7 @@ import RemarkGfm from 'remark-gfm'
import RehypeRaw from 'rehype-raw'
import SyntaxHighlighter from 'react-syntax-highlighter'
import { atelierHeathLight } from 'react-syntax-highlighter/dist/esm/styles/hljs'
-import type { RefObject } from 'react'
-import { Component, memo, useEffect, useMemo, useRef, useState } from 'react'
+import { Component, memo, useMemo, useRef, useState } from 'react'
import type { CodeComponent } from 'react-markdown/lib/ast-to-react'
import cn from '@/utils/classnames'
import CopyBtn from '@/app/components/base/copy-btn'
@@ -77,29 +76,6 @@ export function PreCode(props: { children: any }) {
)
}
-// eslint-disable-next-line unused-imports/no-unused-vars
-const useLazyLoad = (ref: RefObject
): boolean => {
- const [isIntersecting, setIntersecting] = useState(false)
-
- useEffect(() => {
- const observer = new IntersectionObserver(([entry]) => {
- if (entry.isIntersecting) {
- setIntersecting(true)
- observer.disconnect()
- }
- })
-
- if (ref.current)
- observer.observe(ref.current)
-
- return () => {
- observer.disconnect()
- }
- }, [ref])
-
- return isIntersecting
-}
-
// **Add code block
// Avoid error #185 (Maximum update depth exceeded.
// This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate.
@@ -123,7 +99,7 @@ const CodeBlock: CodeComponent = memo(({ inline, className, children, ...props }
try {
return JSON.parse(String(children).replace(/\n$/, ''))
}
- catch (error) {}
+ catch (error) { }
}
return JSON.parse('{"title":{"text":"ECharts error - Wrong JSON format."}}')
}, [language, children])
@@ -181,7 +157,7 @@ const CodeBlock: CodeComponent = memo(({ inline, className, children, ...props }
>
{languageShowName}
- {(['mermaid', 'svg']).includes(language!) &&
}
+ {(['mermaid', 'svg']).includes(language!) && {
return (tree) => {
const iterate = (node: any) => {
- if (node.type === 'element' && !node.properties?.src && node.properties?.ref && node.properties.ref.startsWith('{') && node.properties.ref.endsWith('}'))
+ if (node.type === 'element' && node.properties?.ref)
delete node.properties.ref
if (node.children)
diff --git a/web/app/components/base/mermaid/index.tsx b/web/app/components/base/mermaid/index.tsx
index dc01338a8c9b16..bcc30ca9393623 100644
--- a/web/app/components/base/mermaid/index.tsx
+++ b/web/app/components/base/mermaid/index.tsx
@@ -1,30 +1,17 @@
-import React, { useEffect, useRef, useState } from 'react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
import mermaid from 'mermaid'
import { usePrevious } from 'ahooks'
-import CryptoJS from 'crypto-js'
+import { useTranslation } from 'react-i18next'
import { ExclamationTriangleIcon } from '@heroicons/react/24/outline'
import LoadingAnim from '@/app/components/base/chat/chat/loading-anim'
+import cn from '@/utils/classnames'
+import ImagePreview from '@/app/components/base/image-uploader/image-preview'
let mermaidAPI: any
mermaidAPI = null
-if (typeof window !== 'undefined') {
- mermaid.initialize({
- startOnLoad: true,
- theme: 'default',
- flowchart: {
- htmlLabels: true,
- useMaxWidth: true,
- },
- })
+if (typeof window !== 'undefined')
mermaidAPI = mermaid.mermaidAPI
-}
-
-const style = {
- minWidth: '480px',
- height: 'auto',
- overflow: 'auto',
-}
const svgToBase64 = (svgGraph: string) => {
const svgBytes = new TextEncoder().encode(svgGraph)
@@ -40,22 +27,26 @@ const svgToBase64 = (svgGraph: string) => {
const Flowchart = React.forwardRef((props: {
PrimitiveCode: string
}, ref) => {
+ const { t } = useTranslation()
const [svgCode, setSvgCode] = useState(null)
- const chartId = useRef(`flowchart_${CryptoJS.MD5(props.PrimitiveCode).toString()}`)
+ const [look, setLook] = useState<'classic' | 'handDrawn'>('classic')
+
const prevPrimitiveCode = usePrevious(props.PrimitiveCode)
const [isLoading, setIsLoading] = useState(true)
const timeRef = useRef()
const [errMsg, setErrMsg] = useState('')
+ const [imagePreviewUrl, setImagePreviewUrl] = useState('')
+
+ const renderFlowchart = useCallback(async (PrimitiveCode: string) => {
+ setSvgCode(null)
+ setIsLoading(true)
- const renderFlowchart = async (PrimitiveCode: string) => {
try {
if (typeof window !== 'undefined' && mermaidAPI) {
- const svgGraph = await mermaidAPI.render(chartId.current, PrimitiveCode)
+ const svgGraph = await mermaidAPI.render('flowchart', PrimitiveCode)
const base64Svg: any = await svgToBase64(svgGraph.svg)
setSvgCode(base64Svg)
setIsLoading(false)
- if (chartId.current && base64Svg)
- localStorage.setItem(chartId.current, base64Svg)
}
}
catch (error) {
@@ -64,15 +55,25 @@ const Flowchart = React.forwardRef((props: {
setErrMsg((error as Error).message)
}
}
- }
+ }, [props.PrimitiveCode])
useEffect(() => {
- const cachedSvg: any = localStorage.getItem(chartId.current)
- if (cachedSvg) {
- setSvgCode(cachedSvg)
- setIsLoading(false)
- return
+ if (typeof window !== 'undefined') {
+ mermaid.initialize({
+ startOnLoad: true,
+ theme: 'neutral',
+ look,
+ flowchart: {
+ htmlLabels: true,
+ useMaxWidth: true,
+ },
+ })
+
+ renderFlowchart(props.PrimitiveCode)
}
+ }, [look])
+
+ useEffect(() => {
if (timeRef.current)
clearTimeout(timeRef.current)
@@ -85,24 +86,51 @@ const Flowchart = React.forwardRef((props: {
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-expect-error
+
+
+
+ setLook('classic')}
+ >
+
{t('app.mermaid.classic')}
+
setLook('handDrawn')}
+ >
+
{t('app.mermaid.handDrawn')}
+
+
+
{
svgCode
- &&
- {svgCode &&
}
-
+ &&
setImagePreviewUrl(svgCode)}>
+ {svgCode &&
}
+
}
{isLoading
- &&
-
+ &&
+
}
{
errMsg
- &&
-
+ &&
+
+ }
+ {
+ imagePreviewUrl && (
setImagePreviewUrl('')} />)
}
= (props) => {
+ const { className, children, ...rest } = props
+ return (
+
+ {children}
+
+ )
+}
+
+export const SkeletonRow: FC = (props) => {
+ const { className, children, ...rest } = props
+ return (
+
+ {children}
+
+ )
+}
+
+export const SkeletonRectangle: FC = (props) => {
+ const { className, children, ...rest } = props
+ return (
+
+ {children}
+
+ )
+}
+
+export const SkeletonPoint: FC = () =>
+ ·
+
+/** Usage
+ *
+ *
+ *
+ *
+ *
+ *
+ */
diff --git a/web/app/components/datasets/create/step-two/index.tsx b/web/app/components/datasets/create/step-two/index.tsx
index 634f031134f78f..f915c68fef0345 100644
--- a/web/app/components/datasets/create/step-two/index.tsx
+++ b/web/app/components/datasets/create/step-two/index.tsx
@@ -122,7 +122,8 @@ const StepTwo = ({
const setSegmentIdentifier = useCallback((value: string) => {
doSetSegmentIdentifier(value ? escape(value) : DEFAULT_SEGMENT_IDENTIFIER)
}, [])
- const [max, setMax] = useState(4000) // default chunk length
+ const [maxChunkLength, setMaxChunkLength] = useState(4000) // default chunk length
+ const [limitMaxChunkLength, setLimitMaxChunkLength] = useState(4000)
const [overlap, setOverlap] = useState(50)
const [rules, setRules] = useState([])
const [defaultConfig, setDefaultConfig] = useState()
@@ -196,7 +197,7 @@ const StepTwo = ({
const resetRules = () => {
if (defaultConfig) {
setSegmentIdentifier(defaultConfig.segmentation.separator)
- setMax(defaultConfig.segmentation.max_tokens)
+ setMaxChunkLength(defaultConfig.segmentation.max_tokens)
setOverlap(defaultConfig.segmentation.chunk_overlap)
setRules(defaultConfig.pre_processing_rules)
}
@@ -212,8 +213,8 @@ const StepTwo = ({
}
const confirmChangeCustomConfig = () => {
- if (segmentationType === SegmentType.CUSTOM && max > 4000) {
- Toast.notify({ type: 'error', message: t('datasetCreation.stepTwo.maxLengthCheck') })
+ if (segmentationType === SegmentType.CUSTOM && maxChunkLength > limitMaxChunkLength) {
+ Toast.notify({ type: 'error', message: t('datasetCreation.stepTwo.maxLengthCheck', { limit: limitMaxChunkLength }) })
return
}
setCustomFileIndexingEstimate(null)
@@ -234,7 +235,7 @@ const StepTwo = ({
pre_processing_rules: rules,
segmentation: {
separator: unescape(segmentIdentifier),
- max_tokens: max,
+ max_tokens: maxChunkLength,
chunk_overlap: overlap,
},
}
@@ -339,12 +340,12 @@ const StepTwo = ({
)
const getCreationParams = () => {
let params
- if (segmentationType === SegmentType.CUSTOM && overlap > max) {
+ if (segmentationType === SegmentType.CUSTOM && overlap > maxChunkLength) {
Toast.notify({ type: 'error', message: t('datasetCreation.stepTwo.overlapCheck') })
return
}
- if (segmentationType === SegmentType.CUSTOM && max > 4000) {
- Toast.notify({ type: 'error', message: t('datasetCreation.stepTwo.maxLengthCheck') })
+ if (segmentationType === SegmentType.CUSTOM && maxChunkLength > limitMaxChunkLength) {
+ Toast.notify({ type: 'error', message: t('datasetCreation.stepTwo.maxLengthCheck', { limit: limitMaxChunkLength }) })
return
}
if (isSetting) {
@@ -415,7 +416,8 @@ const StepTwo = ({
const res = await fetchDefaultProcessRule({ url: '/datasets/process-rule' })
const separator = res.rules.segmentation.separator
setSegmentIdentifier(separator)
- setMax(res.rules.segmentation.max_tokens)
+ setMaxChunkLength(res.rules.segmentation.max_tokens)
+ setLimitMaxChunkLength(res.limits.indexing_max_segmentation_tokens_length)
setOverlap(res.rules.segmentation.chunk_overlap)
setRules(res.rules.pre_processing_rules)
setDefaultConfig(res.rules)
@@ -432,7 +434,7 @@ const StepTwo = ({
const max = rules.segmentation.max_tokens
const overlap = rules.segmentation.chunk_overlap
setSegmentIdentifier(separator)
- setMax(max)
+ setMaxChunkLength(max)
setOverlap(overlap)
setRules(rules.pre_processing_rules)
setDefaultConfig(rules)
@@ -670,10 +672,10 @@ const StepTwo = ({
type="number"
className='h-9'
placeholder={t('datasetCreation.stepTwo.maxLength') || ''}
- value={max}
- max={4000}
+ value={maxChunkLength}
+ max={limitMaxChunkLength}
min={1}
- onChange={e => setMax(parseInt(e.target.value.replace(/^0+/, ''), 10))}
+ onChange={e => setMaxChunkLength(parseInt(e.target.value.replace(/^0+/, ''), 10))}
/>
diff --git a/web/app/components/develop/template/template.en.mdx b/web/app/components/develop/template/template.en.mdx
index c923ea30dbe5e5..f469076bf3c80d 100755
--- a/web/app/components/develop/template/template.en.mdx
+++ b/web/app/components/develop/template/template.en.mdx
@@ -379,10 +379,107 @@ The text generation application offers non-session support and is ideal for tran
---
+
+
+
+
+ For text messages generated by Dify, simply pass the generated message-id directly. The backend will use the message-id to look up the corresponding content and synthesize the voice information directly. If both message_id and text are provided simultaneously, the message_id is given priority.
+
+
+ Speech generated content。
+
+
+ The user identifier, defined by the developer, must ensure uniqueness within the app.
+
+
+
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -o text-to-audio.mp3 -X POST '${props.appDetail.api_base_url}/text-to-audio' \
+ --header 'Authorization: Bearer {api_key}' \
+ --header 'Content-Type: application/json' \
+ --data-raw '{
+ "message_id": "5ad4cb98-f0c7-4085-b384-88c403be6290",
+ "text": "Hello Dify",
+ "user": "abc-123"
+ }'
+ ```
+
+
+
+
+ ```json {{ title: 'headers' }}
+ {
+ "Content-Type": "audio/wav"
+ }
+ ```
+
+
+
+---
+
+
+
+
+
+
+ User identifier, defined by the developer's rules, must be unique within the application.
+
+
+ ### Response
+ - `name` (string) application name
+ - `description` (string) application description
+ - `tags` (array[string]) application tags
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
+
+---
+
@@ -497,56 +594,3 @@ The text generation application offers non-session support and is ideal for tran
-
----
-
-
-
-
-
- For text messages generated by Dify, simply pass the generated message-id directly. The backend will use the message-id to look up the corresponding content and synthesize the voice information directly. If both message_id and text are provided simultaneously, the message_id is given priority.
-
-
- Speech generated content。
-
-
- The user identifier, defined by the developer, must ensure uniqueness within the app.
-
-
-
-
-
- ```bash {{ title: 'cURL' }}
- curl -o text-to-audio.mp3 -X POST '${props.appDetail.api_base_url}/text-to-audio' \
- --header 'Authorization: Bearer {api_key}' \
- --header 'Content-Type: application/json' \
- --data-raw '{
- "message_id": "5ad4cb98-f0c7-4085-b384-88c403be6290",
- "text": "Hello Dify",
- "user": "abc-123"
- }'
- ```
-
-
-
-
- ```json {{ title: 'headers' }}
- {
- "Content-Type": "audio/wav"
- }
- ```
-
-
-
diff --git a/web/app/components/develop/template/template.ja.mdx b/web/app/components/develop/template/template.ja.mdx
index a6ab109229c5d0..bd92bd7f36b103 100755
--- a/web/app/components/develop/template/template.ja.mdx
+++ b/web/app/components/develop/template/template.ja.mdx
@@ -375,13 +375,109 @@ import { Row, Col, Properties, Property, Heading, SubProperty, Paragraph } from
+---
+
+
+
+
+
+ Difyが生成したテキストメッセージの場合、生成されたmessage-idを直接渡すだけです。バックエンドはmessage-idを使用して対応するコンテンツを検索し、音声情報を直接合成します。message_idとtextの両方が同時に提供された場合、message_idが優先されます。
+
+
+ 音声生成コンテンツ。
+
+
+ 開発者が定義したユーザー識別子。アプリ内で一意性を確保する必要があります。
+
+
+
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -o text-to-audio.mp3 -X POST '${props.appDetail.api_base_url}/text-to-audio' \
+ --header 'Authorization: Bearer {api_key}' \
+ --header 'Content-Type: application/json' \
+ --data-raw '{
+ "message_id": "5ad4cb98-f0c7-4085-b384-88c403be6290",
+ "text": "Hello Dify",
+ "user": "abc-123"
+ }'
+ ```
+
+
+
+
+ ```json {{ title: 'headers' }}
+ {
+ "Content-Type": "audio/wav"
+ }
+ ```
+
+
+
+---
+
+
+
+
+
+
+ ユーザー識別子、開発者のルールによって定義され、アプリケーション内で一意でなければなりません。
+
+
+ ### Response
+ - `name` (string) アプリケーションの名前
+ - `description` (string) アプリケーションの説明
+ - `tags` (array[string]) アプリケーションのタグ
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
---
@@ -496,56 +592,3 @@ import { Row, Col, Properties, Property, Heading, SubProperty, Paragraph } from
-
----
-
-
-
-
-
- Difyが生成したテキストメッセージの場合、生成されたmessage-idを直接渡すだけです。バックエンドはmessage-idを使用して対応するコンテンツを検索し、音声情報を直接合成します。message_idとtextの両方が同時に提供された場合、message_idが優先されます。
-
-
- 音声生成コンテンツ。
-
-
- 開発者が定義したユーザー識別子。アプリ内で一意性を確保する必要があります。
-
-
-
-
-
- ```bash {{ title: 'cURL' }}
- curl -o text-to-audio.mp3 -X POST '${props.appDetail.api_base_url}/text-to-audio' \
- --header 'Authorization: Bearer {api_key}' \
- --header 'Content-Type: application/json' \
- --data-raw '{
- "message_id": "5ad4cb98-f0c7-4085-b384-88c403be6290",
- "text": "Hello Dify",
- "user": "abc-123"
- }'
- ```
-
-
-
-
- ```json {{ title: 'headers' }}
- {
- "Content-Type": "audio/wav"
- }
- ```
-
-
-
diff --git a/web/app/components/develop/template/template.zh.mdx b/web/app/components/develop/template/template.zh.mdx
index d193b91816b74b..7b1bec35469c36 100755
--- a/web/app/components/develop/template/template.zh.mdx
+++ b/web/app/components/develop/template/template.zh.mdx
@@ -353,10 +353,108 @@ import { Row, Col, Properties, Property, Heading, SubProperty } from '../md.tsx'
---
+
+
+
+
+ Dify 生成的文本消息，那么直接传递生成的message-id 即可，后台会通过 message_id 查找相应的内容直接合成语音信息。如果同时传 message_id 和 text，优先使用 message_id。
+
+
+ 语音生成内容。如果没有传 message-id的话，则会使用这个字段的内容
+
+
+ 用户标识，由开发者定义规则，需保证用户标识在应用内唯一。
+
+
+
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -o text-to-audio.mp3 -X POST '${props.appDetail.api_base_url}/text-to-audio' \
+ --header 'Authorization: Bearer {api_key}' \
+ --header 'Content-Type: application/json' \
+ --data-raw '{
+ "message_id": "5ad4cb98-f0c7-4085-b384-88c403be6290",
+ "text": "你好Dify",
+ "user": "abc-123",
+ "streaming": false
+ }'
+ ```
+
+
+
+
+ ```json {{ title: 'headers' }}
+ {
+ "Content-Type": "audio/wav"
+ }
+ ```
+
+
+
+---
+
+
+
+
+
+
+ 用户标识，由开发者定义规则，需保证用户标识在应用内唯一。
+
+
+ ### Response
+ - `name` (string) 应用名称
+ - `description` (string) 应用描述
+ - `tags` (array[string]) 应用标签
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
+
+---
+
@@ -461,57 +559,3 @@ import { Row, Col, Properties, Property, Heading, SubProperty } from '../md.tsx'
-
----
-
-
-
-
-
- Dify 生成的文本消息，那么直接传递生成的message-id 即可，后台会通过 message_id 查找相应的内容直接合成语音信息。如果同时传 message_id 和 text，优先使用 message_id。
-
-
- 语音生成内容。如果没有传 message-id的话，则会使用这个字段的内容
-
-
- 用户标识，由开发者定义规则，需保证用户标识在应用内唯一。
-
-
-
-
-
- ```bash {{ title: 'cURL' }}
- curl -o text-to-audio.mp3 -X POST '${props.appDetail.api_base_url}/text-to-audio' \
- --header 'Authorization: Bearer {api_key}' \
- --header 'Content-Type: application/json' \
- --data-raw '{
- "message_id": "5ad4cb98-f0c7-4085-b384-88c403be6290",
- "text": "你好Dify",
- "user": "abc-123",
- "streaming": false
- }'
- ```
-
-
-
-
- ```json {{ title: 'headers' }}
- {
- "Content-Type": "audio/wav"
- }
- ```
-
-
-
diff --git a/web/app/components/develop/template/template_advanced_chat.en.mdx b/web/app/components/develop/template/template_advanced_chat.en.mdx
index 48df5b0298aa68..1d12a045eaf3de 100644
--- a/web/app/components/develop/template/template_advanced_chat.en.mdx
+++ b/web/app/components/develop/template/template_advanced_chat.en.mdx
@@ -936,13 +936,57 @@ Chat applications support session persistence, allowing previous chat history to
+---
+
+
+
+
+
+
+ User identifier, defined by the developer's rules, must be unique within the application.
+
+
+ ### Response
+ - `name` (string) application name
+ - `description` (string) application description
+ - `tags` (array[string]) application tags
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
---
@@ -1096,14 +1140,14 @@ Chat applications support session persistence, allowing previous chat history to
```json {{ title: 'Response' }}
{
- "tool_icons": {
+ "tool_icons": {
"dalle2": "https://cloud.dify.ai/console/api/workspaces/current/tool-provider/builtin/dalle/icon",
"api_tool": {
- "background": "#252525",
- "content": "\ud83d\ude01"
+ "background": "#252525",
+ "content": "\ud83d\ude01"
}
+ }
}
- }
```
diff --git a/web/app/components/develop/template/template_advanced_chat.ja.mdx b/web/app/components/develop/template/template_advanced_chat.ja.mdx
index c1dd25ca1ba1aa..2fc17d1ca91873 100644
--- a/web/app/components/develop/template/template_advanced_chat.ja.mdx
+++ b/web/app/components/develop/template/template_advanced_chat.ja.mdx
@@ -935,13 +935,57 @@ import { Row, Col, Properties, Property, Heading, SubProperty, Paragraph } from
+---
+
+
+
+
+
+
+ ユーザー識別子、開発者のルールによって定義され、アプリケーション内で一意でなければなりません。
+
+
+ ### Response
+ - `name` (string) アプリケーションの名前
+ - `description` (string) アプリケーションの説明
+ - `tags` (array[string]) アプリケーションのタグ
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
---
@@ -1061,7 +1105,7 @@ import { Row, Col, Properties, Property, Heading, SubProperty, Paragraph } from
@@ -1095,14 +1139,14 @@ import { Row, Col, Properties, Property, Heading, SubProperty, Paragraph } from
```json {{ title: '応答' }}
{
- "tool_icons": {
+ "tool_icons": {
"dalle2": "https://cloud.dify.ai/console/api/workspaces/current/tool-provider/builtin/dalle/icon",
"api_tool": {
- "background": "#252525",
- "content": "\ud83d\ude01"
+ "background": "#252525",
+ "content": "\ud83d\ude01"
}
+ }
}
- }
```
diff --git a/web/app/components/develop/template/template_advanced_chat.zh.mdx b/web/app/components/develop/template/template_advanced_chat.zh.mdx
index f20d081dd353fa..734e52ae5810a1 100755
--- a/web/app/components/develop/template/template_advanced_chat.zh.mdx
+++ b/web/app/components/develop/template/template_advanced_chat.zh.mdx
@@ -969,13 +969,57 @@ import { Row, Col, Properties, Property, Heading, SubProperty } from '../md.tsx'
+---
+
+
+
+
+
+ 用户标识，由开发者定义规则，需保证用户标识在应用内唯一。
+
+
+ ### Response
+ - `name` (string) 应用名称
+ - `description` (string) 应用描述
+ - `tags` (array[string]) 应用标签
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
---
diff --git a/web/app/components/develop/template/template_chat.en.mdx b/web/app/components/develop/template/template_chat.en.mdx
index 0632f2dab1295c..4e873b3294dfb1 100644
--- a/web/app/components/develop/template/template_chat.en.mdx
+++ b/web/app/components/develop/template/template_chat.en.mdx
@@ -965,13 +965,57 @@ Chat applications support session persistence, allowing previous chat history to
+---
+
+
+
+
+
+ User identifier, defined by the developer's rules, must be unique within the application.
+
+
+ ### Response
+ - `name` (string) application name
+ - `description` (string) application description
+ - `tags` (array[string]) application tags
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
---
@@ -1125,14 +1169,14 @@ Chat applications support session persistence, allowing previous chat history to
```json {{ title: 'Response' }}
{
- "tool_icons": {
+ "tool_icons": {
"dalle2": "https://cloud.dify.ai/console/api/workspaces/current/tool-provider/builtin/dalle/icon",
"api_tool": {
- "background": "#252525",
- "content": "\ud83d\ude01"
+ "background": "#252525",
+ "content": "\ud83d\ude01"
}
+ }
}
- }
```
diff --git a/web/app/components/develop/template/template_chat.ja.mdx b/web/app/components/develop/template/template_chat.ja.mdx
index 94dd2adba58cd6..b8914a47497ff8 100644
--- a/web/app/components/develop/template/template_chat.ja.mdx
+++ b/web/app/components/develop/template/template_chat.ja.mdx
@@ -963,13 +963,57 @@ import { Row, Col, Properties, Property, Heading, SubProperty, Paragraph } from
+---
+
+
+
+
+
+ ユーザー識別子、開発者のルールによって定義され、アプリケーション内で一意でなければなりません。
+
+
+ ### Response
+ - `name` (string) アプリケーションの名前
+ - `description` (string) アプリケーションの説明
+ - `tags` (array[string]) アプリケーションのタグ
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
---
@@ -1089,7 +1133,7 @@ import { Row, Col, Properties, Property, Heading, SubProperty, Paragraph } from
@@ -1123,14 +1167,14 @@ import { Row, Col, Properties, Property, Heading, SubProperty, Paragraph } from
```json {{ title: '応答' }}
{
- "tool_icons": {
+ "tool_icons": {
"dalle2": "https://cloud.dify.ai/console/api/workspaces/current/tool-provider/builtin/dalle/icon",
"api_tool": {
- "background": "#252525",
- "content": "\ud83d\ude01"
+ "background": "#252525",
+ "content": "\ud83d\ude01"
}
+ }
}
- }
```
diff --git a/web/app/components/develop/template/template_chat.zh.mdx b/web/app/components/develop/template/template_chat.zh.mdx
index bfa86b7f0db66c..70242623b7f0ed 100644
--- a/web/app/components/develop/template/template_chat.zh.mdx
+++ b/web/app/components/develop/template/template_chat.zh.mdx
@@ -978,13 +978,57 @@ import { Row, Col, Properties, Property, Heading, SubProperty } from '../md.tsx'
+---
+
+
+
+
+
+ 用户标识，由开发者定义规则，需保证用户标识在应用内唯一。
+
+
+ ### Response
+ - `name` (string) 应用名称
+ - `description` (string) 应用描述
+ - `tags` (array[string]) 应用标签
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
---
diff --git a/web/app/components/develop/template/template_workflow.en.mdx b/web/app/components/develop/template/template_workflow.en.mdx
index 60317f3d781337..97519611aa7243 100644
--- a/web/app/components/develop/template/template_workflow.en.mdx
+++ b/web/app/components/develop/template/template_workflow.en.mdx
@@ -498,104 +498,6 @@ Workflow applications offers non-session support and is ideal for translation, a
---
-
-
-
- User identifier, defined by the developer's rules, must be unique within the application.
-
-
-
- ### Response
- - `user_input_form` (array[object]) User input form configuration
- - `text-input` (object) Text input control
- - `label` (string) Variable display label name
- - `variable` (string) Variable ID
- - `required` (bool) Whether it is required
- - `default` (string) Default value
- - `paragraph` (object) Paragraph text input control
- - `label` (string) Variable display label name
- - `variable` (string) Variable ID
- - `required` (bool) Whether it is required
- - `default` (string) Default value
- - `select` (object) Dropdown control
- - `label` (string) Variable display label name
- - `variable` (string) Variable ID
- - `required` (bool) Whether it is required
- - `default` (string) Default value
- - `options` (array[string]) Option values
- - `file_upload` (object) File upload configuration
- - `image` (object) Image settings
- Currently only supports image types: `png`, `jpg`, `jpeg`, `webp`, `gif`
- - `enabled` (bool) Whether it is enabled
- - `number_limits` (int) Image number limit, default is 3
- - `transfer_methods` (array[string]) List of transfer methods, remote_url, local_file, must choose one
- - `system_parameters` (object) System parameters
- - `file_size_limit` (int) Document upload size limit (MB)
- - `image_file_size_limit` (int) Image file upload size limit (MB)
- - `audio_file_size_limit` (int) Audio file upload size limit (MB)
- - `video_file_size_limit` (int) Video file upload size limit (MB)
-
-
-
-
- ```bash {{ title: 'cURL' }}
- curl -X GET '${props.appDetail.api_base_url}/parameters?user=abc-123' \
- --header 'Authorization: Bearer {api_key}'
- ```
-
-
-
-
- ```json {{ title: 'Response' }}
- {
- "user_input_form": [
- {
- "paragraph": {
- "label": "Query",
- "variable": "query",
- "required": true,
- "default": ""
- }
- }
- ],
- "file_upload": {
- "image": {
- "enabled": false,
- "number_limits": 3,
- "detail": "high",
- "transfer_methods": [
- "remote_url",
- "local_file"
- ]
- }
- },
- "system_parameters": {
- "file_size_limit": 15,
- "image_file_size_limit": 10,
- "audio_file_size_limit": 50,
- "video_file_size_limit": 100
- }
- }
- ```
-
-
-
-
----
-
+---
+
+
+
+
+
+ User identifier, defined by the developer's rules, must be unique within the application.
+
+
+ ### Response
+ - `name` (string) application name
+ - `description` (string) application description
+ - `tags` (array[string]) application tags
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
+
+---
+
+
+
+
+ User identifier, defined by the developer's rules, must be unique within the application.
+
+
+
+ ### Response
+ - `user_input_form` (array[object]) User input form configuration
+ - `text-input` (object) Text input control
+ - `label` (string) Variable display label name
+ - `variable` (string) Variable ID
+ - `required` (bool) Whether it is required
+ - `default` (string) Default value
+ - `paragraph` (object) Paragraph text input control
+ - `label` (string) Variable display label name
+ - `variable` (string) Variable ID
+ - `required` (bool) Whether it is required
+ - `default` (string) Default value
+ - `select` (object) Dropdown control
+ - `label` (string) Variable display label name
+ - `variable` (string) Variable ID
+ - `required` (bool) Whether it is required
+ - `default` (string) Default value
+ - `options` (array[string]) Option values
+ - `file_upload` (object) File upload configuration
+ - `image` (object) Image settings
+ Currently only supports image types: `png`, `jpg`, `jpeg`, `webp`, `gif`
+ - `enabled` (bool) Whether it is enabled
+ - `number_limits` (int) Image number limit, default is 3
+ - `transfer_methods` (array[string]) List of transfer methods, remote_url, local_file, must choose one
+ - `system_parameters` (object) System parameters
+ - `file_size_limit` (int) Document upload size limit (MB)
+ - `image_file_size_limit` (int) Image file upload size limit (MB)
+ - `audio_file_size_limit` (int) Audio file upload size limit (MB)
+ - `video_file_size_limit` (int) Video file upload size limit (MB)
+
+
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/parameters?user=abc-123' \
+ --header 'Authorization: Bearer {api_key}'
+ ```
+
+
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "user_input_form": [
+ {
+ "paragraph": {
+ "label": "Query",
+ "variable": "query",
+ "required": true,
+ "default": ""
+ }
+ }
+ ],
+ "file_upload": {
+ "image": {
+ "enabled": false,
+ "number_limits": 3,
+ "detail": "high",
+ "transfer_methods": [
+ "remote_url",
+ "local_file"
+ ]
+ }
+ },
+ "system_parameters": {
+ "file_size_limit": 15,
+ "image_file_size_limit": 10,
+ "audio_file_size_limit": 50,
+ "video_file_size_limit": 100
+ }
+ }
+ ```
+
+
+
diff --git a/web/app/components/develop/template/template_workflow.ja.mdx b/web/app/components/develop/template/template_workflow.ja.mdx
index e032ca5b4d62d4..56eaeda2d75051 100644
--- a/web/app/components/develop/template/template_workflow.ja.mdx
+++ b/web/app/components/develop/template/template_workflow.ja.mdx
@@ -498,104 +498,6 @@ import { Row, Col, Properties, Property, Heading, SubProperty, Paragraph } from
---
-
-
-
- ユーザー識別子、開発者のルールで定義され、アプリケーション内で一意でなければなりません。
-
-
-
- ### 応答
- - `user_input_form` (array[object]) ユーザー入力フォームの設定
- - `text-input` (object) テキスト入力コントロール
- - `label` (string) 変数表示ラベル名
- - `variable` (string) 変数ID
- - `required` (bool) 必須かどうか
- - `default` (string) デフォルト値
- - `paragraph` (object) 段落テキスト入力コントロール
- - `label` (string) 変数表示ラベル名
- - `variable` (string) 変数ID
- - `required` (bool) 必須かどうか
- - `default` (string) デフォルト値
- - `select` (object) ドロップダウンコントロール
- - `label` (string) 変数表示ラベル名
- - `variable` (string) 変数ID
- - `required` (bool) 必須かどうか
- - `default` (string) デフォルト値
- - `options` (array[string]) オプション値
- - `file_upload` (object) ファイルアップロード設定
- - `image` (object) 画像設定
- 現在サポートされている画像タイプのみ：`png`, `jpg`, `jpeg`, `webp`, `gif`
- - `enabled` (bool) 有効かどうか
- - `number_limits` (int) 画像数の制限、デフォルトは3
- - `transfer_methods` (array[string]) 転送方法のリスト、remote_url, local_file、いずれかを選択する必要があります
- - `system_parameters` (object) システムパラメータ
- - `file_size_limit` (int) ドキュメントアップロードサイズ制限（MB）
- - `image_file_size_limit` (int) 画像ファイルアップロードサイズ制限（MB）
- - `audio_file_size_limit` (int) オーディオファイルアップロードサイズ制限（MB）
- - `video_file_size_limit` (int) ビデオファイルアップロードサイズ制限（MB）
-
-
-
-
- ```bash {{ title: 'cURL' }}
- curl -X GET '${props.appDetail.api_base_url}/parameters?user=abc-123' \
- --header 'Authorization: Bearer {api_key}'
- ```
-
-
-
-
- ```json {{ title: '応答' }}
- {
- "user_input_form": [
- {
- "paragraph": {
- "label": "Query",
- "variable": "query",
- "required": true,
- "default": ""
- }
- }
- ],
- "file_upload": {
- "image": {
- "enabled": false,
- "number_limits": 3,
- "detail": "high",
- "transfer_methods": [
- "remote_url",
- "local_file"
- ]
- }
- },
- "system_parameters": {
- "file_size_limit": 15,
- "image_file_size_limit": 10,
- "audio_file_size_limit": 50,
- "video_file_size_limit": 100
- }
- }
- ```
-
-
-
-
----
-
+---
+
+
+
+
+
+ ユーザー識別子、開発者のルールによって定義され、アプリケーション内で一意でなければなりません。
+
+
+ ### Response
+ - `name` (string) アプリケーションの名前
+ - `description` (string) アプリケーションの説明
+ - `tags` (array[string]) アプリケーションのタグ
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
+
+---
+
+
+
+
+ ユーザー識別子、開発者のルールで定義され、アプリケーション内で一意でなければなりません。
+
+
+
+ ### 応答
+ - `user_input_form` (array[object]) ユーザー入力フォームの設定
+ - `text-input` (object) テキスト入力コントロール
+ - `label` (string) 変数表示ラベル名
+ - `variable` (string) 変数ID
+ - `required` (bool) 必須かどうか
+ - `default` (string) デフォルト値
+ - `paragraph` (object) 段落テキスト入力コントロール
+ - `label` (string) 変数表示ラベル名
+ - `variable` (string) 変数ID
+ - `required` (bool) 必須かどうか
+ - `default` (string) デフォルト値
+ - `select` (object) ドロップダウンコントロール
+ - `label` (string) 変数表示ラベル名
+ - `variable` (string) 変数ID
+ - `required` (bool) 必須かどうか
+ - `default` (string) デフォルト値
+ - `options` (array[string]) オプション値
+ - `file_upload` (object) ファイルアップロード設定
+ - `image` (object) 画像設定
+ 現在サポートされている画像タイプのみ：`png`, `jpg`, `jpeg`, `webp`, `gif`
+ - `enabled` (bool) 有効かどうか
+ - `number_limits` (int) 画像数の制限、デフォルトは3
+ - `transfer_methods` (array[string]) 転送方法のリスト、remote_url, local_file、いずれかを選択する必要があります
+ - `system_parameters` (object) システムパラメータ
+ - `file_size_limit` (int) ドキュメントアップロードサイズ制限（MB）
+ - `image_file_size_limit` (int) 画像ファイルアップロードサイズ制限（MB）
+ - `audio_file_size_limit` (int) オーディオファイルアップロードサイズ制限（MB）
+ - `video_file_size_limit` (int) ビデオファイルアップロードサイズ制限（MB）
+
+
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/parameters?user=abc-123' \
+ --header 'Authorization: Bearer {api_key}'
+ ```
+
+
+
+
+ ```json {{ title: '応答' }}
+ {
+ "user_input_form": [
+ {
+ "paragraph": {
+ "label": "Query",
+ "variable": "query",
+ "required": true,
+ "default": ""
+ }
+ }
+ ],
+ "file_upload": {
+ "image": {
+ "enabled": false,
+ "number_limits": 3,
+ "detail": "high",
+ "transfer_methods": [
+ "remote_url",
+ "local_file"
+ ]
+ }
+ },
+ "system_parameters": {
+ "file_size_limit": 15,
+ "image_file_size_limit": 10,
+ "audio_file_size_limit": 50,
+ "video_file_size_limit": 100
+ }
+ }
+ ```
+
+
+
diff --git a/web/app/components/develop/template/template_workflow.zh.mdx b/web/app/components/develop/template/template_workflow.zh.mdx
index 70557b013c3a80..cfebb0e319adfb 100644
--- a/web/app/components/develop/template/template_workflow.zh.mdx
+++ b/web/app/components/develop/template/template_workflow.zh.mdx
@@ -490,104 +490,6 @@ Workflow 应用无会话支持，适合用于翻译/文章写作/总结 AI 等
---
-
-
-
-
- 用户标识，由开发者定义规则，需保证用户标识在应用内唯一。
-
-
-
- ### Response
- - `user_input_form` (array[object]) 用户输入表单配置
- - `text-input` (object) 文本输入控件
- - `label` (string) 控件展示标签名
- - `variable` (string) 控件 ID
- - `required` (bool) 是否必填
- - `default` (string) 默认值
- - `paragraph` (object) 段落文本输入控件
- - `label` (string) 控件展示标签名
- - `variable` (string) 控件 ID
- - `required` (bool) 是否必填
- - `default` (string) 默认值
- - `select` (object) 下拉控件
- - `label` (string) 控件展示标签名
- - `variable` (string) 控件 ID
- - `required` (bool) 是否必填
- - `default` (string) 默认值
- - `options` (array[string]) 选项值
- - `file_upload` (object) 文件上传配置
- - `image` (object) 图片设置
- 当前仅支持图片类型：`png`, `jpg`, `jpeg`, `webp`, `gif`
- - `enabled` (bool) 是否开启
- - `number_limits` (int) 图片数量限制，默认 3
- - `transfer_methods` (array[string]) 传递方式列表，remote_url , local_file，必选一个
- - `system_parameters` (object) 系统参数
- - `file_size_limit` (int) 文档上传大小限制 (MB)
- - `image_file_size_limit` (int) 图片文件上传大小限制（MB）
- - `audio_file_size_limit` (int) 音频文件上传大小限制 (MB)
- - `video_file_size_limit` (int) 视频文件上传大小限制 (MB)
-
-
-
-
- ```bash {{ title: 'cURL' }}
- curl -X GET '${props.appDetail.api_base_url}/parameters?user=abc-123' \
- --header 'Authorization: Bearer {api_key}'
- ```
-
-
-
-
- ```json {{ title: 'Response' }}
- {
- "user_input_form": [
- {
- "paragraph": {
- "label": "Query",
- "variable": "query",
- "required": true,
- "default": ""
- }
- }
- ],
- "file_upload": {
- "image": {
- "enabled": false,
- "number_limits": 3,
- "detail": "high",
- "transfer_methods": [
- "remote_url",
- "local_file"
- ]
- }
- },
- "system_parameters": {
- "file_size_limit": 15,
- "image_file_size_limit": 10,
- "audio_file_size_limit": 50,
- "video_file_size_limit": 100
- }
- }
- ```
-
-
-
-
----
-
+---
+
+
+
+
+
+ 用户标识，由开发者定义规则，需保证用户标识在应用内唯一。
+
+
+ ### Response
+ - `name` (string) 应用名称
+ - `description` (string) 应用描述
+ - `tags` (array[string]) 应用标签
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/info?user=abc-123' \
+ -H 'Authorization: Bearer {api_key}'
+ ```
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "name": "My App",
+ "description": "This is my app.",
+ "tags": [
+ "tag1",
+ "tag2"
+ ]
+ }
+ ```
+
+
+
+
+---
+
+
+
+
+ 用户标识，由开发者定义规则，需保证用户标识在应用内唯一。
+
+
+
+ ### Response
+ - `user_input_form` (array[object]) 用户输入表单配置
+ - `text-input` (object) 文本输入控件
+ - `label` (string) 控件展示标签名
+ - `variable` (string) 控件 ID
+ - `required` (bool) 是否必填
+ - `default` (string) 默认值
+ - `paragraph` (object) 段落文本输入控件
+ - `label` (string) 控件展示标签名
+ - `variable` (string) 控件 ID
+ - `required` (bool) 是否必填
+ - `default` (string) 默认值
+ - `select` (object) 下拉控件
+ - `label` (string) 控件展示标签名
+ - `variable` (string) 控件 ID
+ - `required` (bool) 是否必填
+ - `default` (string) 默认值
+ - `options` (array[string]) 选项值
+ - `file_upload` (object) 文件上传配置
+ - `image` (object) 图片设置
+ 当前仅支持图片类型：`png`, `jpg`, `jpeg`, `webp`, `gif`
+ - `enabled` (bool) 是否开启
+ - `number_limits` (int) 图片数量限制，默认 3
+ - `transfer_methods` (array[string]) 传递方式列表，remote_url , local_file，必选一个
+ - `system_parameters` (object) 系统参数
+ - `file_size_limit` (int) 文档上传大小限制 (MB)
+ - `image_file_size_limit` (int) 图片文件上传大小限制（MB）
+ - `audio_file_size_limit` (int) 音频文件上传大小限制 (MB)
+ - `video_file_size_limit` (int) 视频文件上传大小限制 (MB)
+
+
+
+
+ ```bash {{ title: 'cURL' }}
+ curl -X GET '${props.appDetail.api_base_url}/parameters?user=abc-123' \
+ --header 'Authorization: Bearer {api_key}'
+ ```
+
+
+
+
+ ```json {{ title: 'Response' }}
+ {
+ "user_input_form": [
+ {
+ "paragraph": {
+ "label": "Query",
+ "variable": "query",
+ "required": true,
+ "default": ""
+ }
+ }
+ ],
+ "file_upload": {
+ "image": {
+ "enabled": false,
+ "number_limits": 3,
+ "detail": "high",
+ "transfer_methods": [
+ "remote_url",
+ "local_file"
+ ]
+ }
+ },
+ "system_parameters": {
+ "file_size_limit": 15,
+ "image_file_size_limit": 10,
+ "audio_file_size_limit": 50,
+ "video_file_size_limit": 100
+ }
+ }
+ ```
+
+
+
diff --git a/web/app/components/share/text-generation/result/index.tsx b/web/app/components/share/text-generation/result/index.tsx
index 6b881f1fd27b22..cd4ed5d2877a9a 100644
--- a/web/app/components/share/text-generation/result/index.tsx
+++ b/web/app/components/share/text-generation/result/index.tsx
@@ -21,7 +21,7 @@ import { sleep } from '@/utils'
import type { SiteInfo } from '@/models/share'
import { TEXT_GENERATION_TIMEOUT_MS } from '@/config'
import {
- getProcessedFilesFromResponse,
+ getFilesInLogs,
} from '@/app/components/base/file-uploader/utils'
export type IResultProps = {
@@ -288,7 +288,7 @@ const Result: FC = ({
}
setWorkflowProcessData(produce(getWorkflowProcessData()!, (draft) => {
draft.status = WorkflowRunningStatus.Succeeded
- draft.files = getProcessedFilesFromResponse(data.files || [])
+ draft.files = getFilesInLogs(data.outputs || []) as any[]
}))
if (!data.outputs) {
setCompletionRes('')
diff --git a/web/app/components/workflow/block-icon.tsx b/web/app/components/workflow/block-icon.tsx
index b115a7b3c39de3..1001e981c597eb 100644
--- a/web/app/components/workflow/block-icon.tsx
+++ b/web/app/components/workflow/block-icon.tsx
@@ -48,6 +48,7 @@ const getIcon = (type: BlockEnum, className: string) => {
[BlockEnum.VariableAggregator]: = ({
showFileList,
onGenerated,
showCodeGenerator = false,
+ className,
}) => {
const [isFocus, setIsFocus] = React.useState(false)
const [isMounted, setIsMounted] = React.useState(false)
@@ -187,7 +189,7 @@ const CodeEditor: FC = ({
)
return (
-
+
{noWrapper
?
= ({
isInNode={isInNode}
onGenerated={onGenerated}
codeLanguages={language}
- fileList={fileList}
+ fileList={fileList as any}
showFileList={showFileList}
showCodeGenerator={showCodeGenerator}
>
diff --git a/web/app/components/workflow/nodes/_base/components/field.tsx b/web/app/components/workflow/nodes/_base/components/field.tsx
index b2f815a3250557..e284e91cfc40c0 100644
--- a/web/app/components/workflow/nodes/_base/components/field.tsx
+++ b/web/app/components/workflow/nodes/_base/components/field.tsx
@@ -47,7 +47,6 @@ const Field: FC
= ({
triggerClassName='w-4 h-4 ml-1'
/>
)}
-
{operations &&
{operations}
}
diff --git a/web/app/components/workflow/nodes/_base/components/list-no-data-placeholder.tsx b/web/app/components/workflow/nodes/_base/components/list-no-data-placeholder.tsx
index 4ec9d27f506da5..bf592deaec66a1 100644
--- a/web/app/components/workflow/nodes/_base/components/list-no-data-placeholder.tsx
+++ b/web/app/components/workflow/nodes/_base/components/list-no-data-placeholder.tsx
@@ -10,7 +10,7 @@ const ListNoDataPlaceholder: FC
= ({
children,
}) => {
return (
-
+
{children}
)
diff --git a/web/app/components/workflow/nodes/_base/components/variable-tag.tsx b/web/app/components/workflow/nodes/_base/components/variable-tag.tsx
index 6e1b1ed1437c5d..fc8c1ce9c9a1c6 100644
--- a/web/app/components/workflow/nodes/_base/components/variable-tag.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable-tag.tsx
@@ -72,7 +72,7 @@ const VariableTag = ({
{isEnv &&
}
{isChatVar &&
}
{variableName}
diff --git a/web/app/components/workflow/nodes/_base/components/variable/assigned-var-reference-popup.tsx b/web/app/components/workflow/nodes/_base/components/variable/assigned-var-reference-popup.tsx
new file mode 100644
index 00000000000000..9ad5ad4a5a10c9
--- /dev/null
+++ b/web/app/components/workflow/nodes/_base/components/variable/assigned-var-reference-popup.tsx
@@ -0,0 +1,39 @@
+'use client'
+import type { FC } from 'react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import VarReferenceVars from './var-reference-vars'
+import type { NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
+import ListEmpty from '@/app/components/base/list-empty'
+
+type Props = {
+ vars: NodeOutPutVar[]
+ onChange: (value: ValueSelector, varDetail: Var) => void
+ itemWidth?: number
+}
+const AssignedVarReferencePopup: FC
= ({
+ vars,
+ onChange,
+ itemWidth,
+}) => {
+ const { t } = useTranslation()
+ // max-h-[300px] overflow-y-auto todo: use portal to handle long list
+ return (
+
+ {(!vars || vars.length === 0)
+ ?
+ )
+}
+export default React.memo(AssignedVarReferencePopup)
diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx
index 0c553a2738a563..e4d354a615fe9a 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx
@@ -60,6 +60,9 @@ type Props = {
onRemove?: () => void
typePlaceHolder?: string
isSupportFileVar?: boolean
+ placeholder?: string
+ minWidth?: number
+ popupFor?: 'assigned' | 'toAssigned'
}
const VarReferencePicker: FC = ({
@@ -83,6 +86,9 @@ const VarReferencePicker: FC = ({
onRemove,
typePlaceHolder,
isSupportFileVar = true,
+ placeholder,
+ minWidth,
+ popupFor,
}) => {
const { t } = useTranslation()
const store = useStoreApi()
@@ -261,7 +267,7 @@ const VarReferencePicker: FC = ({
{ }}>
)
- : (
+ : (
{isSupportConstantValue
?
{
e.stopPropagation()
@@ -285,7 +291,7 @@ const VarReferencePicker: FC
= ({
/>
: (!hasValue &&
-
)}
{isConstant
? (
@@ -329,17 +335,17 @@ const VarReferencePicker: FC
= ({
{!hasValue && {varName}
-
{type}
{!isValidVar &&
}
)
- :
{t('workflow.common.setVarValuePlaceholder')}
}
+ :
{placeholder ?? t('workflow.common.setVarValuePlaceholder')}
}
= ({
+ }} className='mt-1'>
{!isConstant && (
= ({
vars,
+ popupFor,
onChange,
itemWidth,
isSupportFileVar = true,
}) => {
+ const { t } = useTranslation()
+ const { locale } = useContext(I18n)
// max-h-[300px] overflow-y-auto todo: use portal to handle long list
return (
-
+ {t('workflow.variableReference.noVarsForOperation')}
+
}
+ />
+ )
+ : (
+
+ {t('workflow.variableReference.assignedVarsDescription')}
+ {t('workflow.variableReference.conversationVars')}
+ }
+ />
+ ))
+ :
+ }
)
}
diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx
index 9c2cba6e4113b7..eb28279c0c1cf8 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx
@@ -274,7 +274,7 @@ const VarReferenceVars: FC
= ({
{
!hideSearch && (
<>
- e.stopPropagation()}>
+
e.stopPropagation()}>
= {
[BlockEnum.QuestionClassifier]: checkQuestionClassifyValid,
[BlockEnum.HttpRequest]: checkHttpValid,
[BlockEnum.Tool]: checkToolValid,
- [BlockEnum.VariableAssigner]: checkVariableAssignerValid,
+ [BlockEnum.VariableAssigner]: checkAssignerValid,
[BlockEnum.VariableAggregator]: checkVariableAssignerValid,
[BlockEnum.ParameterExtractor]: checkParameterExtractorValid,
[BlockEnum.Iteration]: checkIterationValid,
diff --git a/web/app/components/workflow/nodes/assigner/components/operation-selector.tsx b/web/app/components/workflow/nodes/assigner/components/operation-selector.tsx
new file mode 100644
index 00000000000000..8542bb482924b0
--- /dev/null
+++ b/web/app/components/workflow/nodes/assigner/components/operation-selector.tsx
@@ -0,0 +1,128 @@
+import type { FC } from 'react'
+import { useState } from 'react'
+import {
+ RiArrowDownSLine,
+ RiCheckLine,
+} from '@remixicon/react'
+import classNames from 'classnames'
+import { useTranslation } from 'react-i18next'
+import type { WriteMode } from '../types'
+import { getOperationItems } from '../utils'
+import {
+ PortalToFollowElem,
+ PortalToFollowElemContent,
+ PortalToFollowElemTrigger,
+} from '@/app/components/base/portal-to-follow-elem'
+import type { VarType } from '@/app/components/workflow/types'
+import Divider from '@/app/components/base/divider'
+
+type Item = {
+ value: string | number
+ name: string
+}
+
+type OperationSelectorProps = {
+ value: string | number
+ onSelect: (value: Item) => void
+ placeholder?: string
+ disabled?: boolean
+ className?: string
+ popupClassName?: string
+ assignedVarType?: VarType
+ writeModeTypes?: WriteMode[]
+ writeModeTypesArr?: WriteMode[]
+ writeModeTypesNum?: WriteMode[]
+}
+
+const i18nPrefix = 'workflow.nodes.assigner'
+
+const OperationSelector: FC
= ({
+ value,
+ onSelect,
+ disabled = false,
+ className,
+ popupClassName,
+ assignedVarType,
+ writeModeTypes,
+ writeModeTypesArr,
+ writeModeTypesNum,
+}) => {
+ const { t } = useTranslation()
+ const [open, setOpen] = useState(false)
+
+ const items = getOperationItems(assignedVarType, writeModeTypes, writeModeTypesArr, writeModeTypesNum)
+
+ const selectedItem = items.find(item => item.value === value)
+
+ return (
+
+ !disabled && setOpen(v => !v)}
+ >
+
+
+
+ {selectedItem?.name ? t(`${i18nPrefix}.operations.${selectedItem?.name}`) : t(`${i18nPrefix}.operations.title`)}
+
+
+
+
+
+
+
+
+
+
{t(`${i18nPrefix}.operations.title`)}
+
+ {items.map(item => (
+ item.value === 'divider'
+ ? (
+
+ )
+ : (
+
{
+ onSelect(item)
+ setOpen(false)
+ }}
+ >
+
+ {t(`${i18nPrefix}.operations.${item.name}`)}
+
+ {item.value === value && (
+
+
+ )}
+
+ )
+ ))}
+
+
+
+ )
+}
+
+export default OperationSelector
diff --git a/web/app/components/workflow/nodes/assigner/components/var-list/index.tsx b/web/app/components/workflow/nodes/assigner/components/var-list/index.tsx
new file mode 100644
index 00000000000000..42ee9845dda82d
--- /dev/null
+++ b/web/app/components/workflow/nodes/assigner/components/var-list/index.tsx
@@ -0,0 +1,227 @@
+'use client'
+import type { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import React, { useCallback } from 'react'
+import produce from 'immer'
+import { RiDeleteBinLine } from '@remixicon/react'
+import OperationSelector from '../operation-selector'
+import { AssignerNodeInputType, WriteMode } from '../../types'
+import type { AssignerNodeOperation } from '../../types'
+import ListNoDataPlaceholder from '@/app/components/workflow/nodes/_base/components/list-no-data-placeholder'
+import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
+import type { ValueSelector, Var, VarType } from '@/app/components/workflow/types'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import ActionButton from '@/app/components/base/action-button'
+import Input from '@/app/components/base/input'
+import Textarea from '@/app/components/base/textarea'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+
+type Props = {
+ readonly: boolean
+ nodeId: string
+ list: AssignerNodeOperation[]
+ onChange: (list: AssignerNodeOperation[], value?: ValueSelector) => void
+ onOpen?: (index: number) => void
+ filterVar?: (payload: Var, valueSelector: ValueSelector) => boolean
+ filterToAssignedVar?: (payload: Var, assignedVarType: VarType, write_mode: WriteMode) => boolean
+ getAssignedVarType?: (valueSelector: ValueSelector) => VarType
+ getToAssignedVarType?: (assignedVarType: VarType, write_mode: WriteMode) => VarType
+ writeModeTypes?: WriteMode[]
+ writeModeTypesArr?: WriteMode[]
+ writeModeTypesNum?: WriteMode[]
+}
+
+const VarList: FC = ({
+ readonly,
+ nodeId,
+ list,
+ onChange,
+ onOpen = () => { },
+ filterVar,
+ filterToAssignedVar,
+ getAssignedVarType,
+ getToAssignedVarType,
+ writeModeTypes,
+ writeModeTypesArr,
+ writeModeTypesNum,
+}) => {
+ const { t } = useTranslation()
+ const handleAssignedVarChange = useCallback((index: number) => {
+ return (value: ValueSelector | string) => {
+ const newList = produce(list, (draft) => {
+ draft[index].variable_selector = value as ValueSelector
+ draft[index].operation = WriteMode.overwrite
+ draft[index].value = undefined
+ })
+ onChange(newList, value as ValueSelector)
+ }
+ }, [list, onChange])
+
+ const handleOperationChange = useCallback((index: number) => {
+ return (item: { value: string | number }) => {
+ const newList = produce(list, (draft) => {
+ draft[index].operation = item.value as WriteMode
+ draft[index].value = '' // Clear value when operation changes
+ if (item.value === WriteMode.set || item.value === WriteMode.increment || item.value === WriteMode.decrement
+ || item.value === WriteMode.multiply || item.value === WriteMode.divide)
+ draft[index].input_type = AssignerNodeInputType.constant
+ else
+ draft[index].input_type = AssignerNodeInputType.variable
+ })
+ onChange(newList)
+ }
+ }, [list, onChange])
+
+ const handleToAssignedVarChange = useCallback((index: number) => {
+ return (value: ValueSelector | string | number) => {
+ const newList = produce(list, (draft) => {
+ draft[index].value = value as ValueSelector
+ })
+ onChange(newList, value as ValueSelector)
+ }
+ }, [list, onChange])
+
+ const handleVarRemove = useCallback((index: number) => {
+ return () => {
+ const newList = produce(list, (draft) => {
+ draft.splice(index, 1)
+ })
+ onChange(newList)
+ }
+ }, [list, onChange])
+
+ const handleOpen = useCallback((index: number) => {
+ return () => onOpen(index)
+ }, [onOpen])
+
+ const handleFilterToAssignedVar = useCallback((index: number) => {
+ return (payload: Var, valueSelector: ValueSelector) => {
+ const item = list[index]
+ const assignedVarType = item.variable_selector ? getAssignedVarType?.(item.variable_selector) : undefined
+
+ if (!filterToAssignedVar || !item.variable_selector || !assignedVarType || !item.operation)
+ return true
+
+ return filterToAssignedVar(
+ payload,
+ assignedVarType,
+ item.operation,
+ )
+ }
+ }, [list, filterToAssignedVar, getAssignedVarType])
+
+ if (list.length === 0) {
+ return (
+
+ {t('workflow.nodes.assigner.noVarTip')}
+
+ )
+ }
+
+ return (
+
+ {list.map((item, index) => {
+ const assignedVarType = item.variable_selector ? getAssignedVarType?.(item.variable_selector) : undefined
+ const toAssignedVarType = (assignedVarType && item.operation && getToAssignedVarType)
+ ? getToAssignedVarType(assignedVarType, item.operation)
+ : undefined
+
+ return (
+
+
+
+
+ {item.operation !== WriteMode.clear && item.operation !== WriteMode.set
+ && !writeModeTypesNum?.includes(item.operation)
+ && (
+
+ )
+ }
+ {item.operation === WriteMode.set && assignedVarType && (
+ <>
+ {assignedVarType === 'number' && (
+
handleToAssignedVarChange(index)(Number(e.target.value))}
+ className='w-full'
+ />
+ )}
+ {assignedVarType === 'string' && (
+