ドラッグ＆ドロップでカスタマイズした LLM フローを構築できる UI
diff --git a/i18n/README-KR.md b/i18n/README-KR.md index f994580ad76..f11aa3c4ba2 100644 --- a/i18n/README-KR.md +++ b/i18n/README-KR.md @@ -10,7 +10,7 @@ [](https://star-history.com/#FlowiseAI/Flowise) [](https://github.com/FlowiseAI/Flowise/fork) -[English](../README.md) | [繁體中文](./README-TW.md) | [簡體中文](./README-ZH.md) | [日本語](./README-JA.md) | 한국어 +[English](../README.md) | [繁體中文](./README-TW.md) | [简体中文](./README-ZH.md) | [日本語](./README-JA.md) | 한국어드래그 앤 드롭 UI로 맞춤형 LLM 플로우 구축하기
diff --git a/i18n/README-TW.md b/i18n/README-TW.md index 0bf81f74382..f60aa885b85 100644 --- a/i18n/README-TW.md +++ b/i18n/README-TW.md @@ -10,13 +10,13 @@ [](https://star-history.com/#FlowiseAI/Flowise) [](https://github.com/FlowiseAI/Flowise/fork) -[English](../README.md) | 繁體中文 | [簡體中文](./i18n/README-ZH.md) | [日本語](./i18n/README-JA.md) | [한국어](./i18n/README-KR.md) +[English](../README.md) | 繁體中文 | [简体中文](./README-ZH.md) | [日本語](./README-JA.md) | [한국어](./README-KR.md)拖放 UI 以構建自定義的 LLM 流程
-## ⚡快速開始
+## ⚡ 快速開始
下載並安裝 [NodeJS](https://nodejs.org/en/download) >= 18.15.0
diff --git a/i18n/README-ZH.md b/i18n/README-ZH.md
index 9fba33f9d8b..68a6f834e05 100644
--- a/i18n/README-ZH.md
+++ b/i18n/README-ZH.md
@@ -10,7 +10,7 @@
[](https://star-history.com/#FlowiseAI/Flowise)
[](https://github.com/FlowiseAI/Flowise/fork)
-[English](../README.md) | 簡體中文 | [日本語](./README-JA.md) | [한국어](./README-KR.md)
+[English](../README.md) | [繁體中文](./README-TW.md) | 简体中文 | [日本語](./README-JA.md) | [한국어](./README-KR.md)
拖放界面构建定制化的LLM流程
@@ -170,9 +170,9 @@ Flowise 支持不同的环境变量来配置您的实例。您可以在 `package [](https://elest.io/open-source/flowiseai) - - [Sealos](https://cloud.sealos.io/?openapp=system-template%3FtemplateName%3Dflowise) + - [Sealos](https://template.sealos.io/deploy?templateName=flowise) - [](https://cloud.sealos.io/?openapp=system-template%3FtemplateName%3Dflowise) + [](https://template.sealos.io/deploy?templateName=flowise) - [RepoCloud](https://repocloud.io/details/?app_id=29) diff --git a/package.json b/package.json index 3a944454b7e..c16dab3d793 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "flowise", - "version": "2.2.7-patch.1", + "version": "2.2.8", "private": true, "homepage": "https://flowiseai.com", "workspaces": [ @@ -83,7 +83,7 @@ "pnpm": ">=9" }, "resolutions": { - "@google/generative-ai": "^0.22.0", + "@google/generative-ai": "^0.24.0", "@grpc/grpc-js": "^1.10.10", "@langchain/core": "0.3.37", "@qdrant/openapi-typescript-fetch": "1.2.6", diff --git a/packages/components/credentials/JiraApi.credential.ts b/packages/components/credentials/JiraApi.credential.ts new file mode 100644 index 00000000000..6638f2e0b40 --- /dev/null +++ b/packages/components/credentials/JiraApi.credential.ts @@ -0,0 +1,33 @@ +import { INodeParams, INodeCredential } from '../src/Interface' + +class JiraApi implements INodeCredential { + label: string + name: string + version: number + description: string + inputs: INodeParams[] + + constructor() { + this.label = 'Jira API' + this.name = 'jiraApi' + this.version = 1.0 + this.description = + 'Refer to official guide on how to get accessToken on Github' + this.inputs = [ + { + label: 'User Name', + name: 'username', + type: 'string', + placeholder: 'username@example.com' + }, + { + label: 'Access Token', + name: 'accessToken', + type: 'password', + placeholder: '
+
{`Status: ${error.response.status}`}
{error.response.data.message}
diff --git a/packages/ui/src/assets/images/opik.png b/packages/ui/src/assets/images/opik.png
new file mode 100644
index 00000000000..20de0c39d47
Binary files /dev/null and b/packages/ui/src/assets/images/opik.png differ
diff --git a/packages/ui/src/layout/MainLayout/Header/ProfileSection/index.jsx b/packages/ui/src/layout/MainLayout/Header/ProfileSection/index.jsx
index 5caec1463cb..866087b2b9b 100644
--- a/packages/ui/src/layout/MainLayout/Header/ProfileSection/index.jsx
+++ b/packages/ui/src/layout/MainLayout/Header/ProfileSection/index.jsx
@@ -3,8 +3,8 @@ import { exportData, stringify } from '@/utils/exportImport'
import useNotifier from '@/utils/useNotifier'
import PropTypes from 'prop-types'
import { useEffect, useRef, useState } from 'react'
-import { useDispatch, useSelector } from 'react-redux'
import { createPortal } from 'react-dom'
+import { useDispatch, useSelector } from 'react-redux'
// material-ui
import {
@@ -12,22 +12,22 @@ import {
Box,
Button,
ButtonBase,
+ Checkbox,
ClickAwayListener,
+ Dialog,
+ DialogActions,
+ DialogContent,
+ DialogTitle,
Divider,
+ FormControlLabel,
List,
ListItemButton,
ListItemIcon,
ListItemText,
Paper,
Popper,
- Typography,
- Dialog,
- DialogTitle,
- DialogContent,
Stack,
- FormControlLabel,
- Checkbox,
- DialogActions
+ Typography
} from '@mui/material'
import { useTheme } from '@mui/material/styles'
@@ -40,9 +40,9 @@ import AboutDialog from '@/ui-component/dialog/AboutDialog'
import Transitions from '@/ui-component/extended/Transitions'
// assets
+import ExportingGIF from '@/assets/images/Exporting.gif'
import { IconFileExport, IconFileUpload, IconInfoCircle, IconLogout, IconSettings, IconX } from '@tabler/icons-react'
import './index.css'
-import ExportingGIF from '@/assets/images/Exporting.gif'
//API
import exportImportApi from '@/api/exportimport'
@@ -52,12 +52,24 @@ import useApi from '@/hooks/useApi'
import { getErrorMessage } from '@/utils/errorHandler'
import { useNavigate } from 'react-router-dom'
-const dataToExport = ['Chatflows', 'Agentflows', 'Tools', 'Variables', 'Assistants']
+const dataToExport = [
+ 'Agentflows',
+ 'Assistants Custom',
+ 'Assistants OpenAI',
+ 'Assistants Azure',
+ 'Chatflows',
+ 'Chat Messages',
+ 'Chat Feedbacks',
+ 'Custom Templates',
+ 'Document Stores',
+ 'Tools',
+ 'Variables'
+]
const ExportDialog = ({ show, onCancel, onExport }) => {
const portalElement = document.getElementById('portal')
- const [selectedData, setSelectedData] = useState(['Chatflows', 'Agentflows', 'Tools', 'Variables', 'Assistants'])
+ const [selectedData, setSelectedData] = useState(dataToExport)
const [isExporting, setIsExporting] = useState(false)
useEffect(() => {
@@ -243,11 +255,17 @@ const ProfileSection = ({ username, handleLogout }) => {
const onExport = (data) => {
const body = {}
- if (data.includes('Chatflows')) body.chatflow = true
if (data.includes('Agentflows')) body.agentflow = true
+ if (data.includes('Assistants Custom')) body.assistantCustom = true
+ if (data.includes('Assistants OpenAI')) body.assistantOpenAI = true
+ if (data.includes('Assistants Azure')) body.assistantAzure = true
+ if (data.includes('Chatflows')) body.chatflow = true
+ if (data.includes('Chat Messages')) body.chat_message = true
+ if (data.includes('Chat Feedbacks')) body.chat_feedback = true
+ if (data.includes('Custom Templates')) body.custom_template = true
+ if (data.includes('Document Stores')) body.document_store = true
if (data.includes('Tools')) body.tool = true
if (data.includes('Variables')) body.variable = true
- if (data.includes('Assistants')) body.assistant = true
exportAllApi.request(body)
}
diff --git a/packages/ui/src/ui-component/cards/FollowUpPromptsCard.jsx b/packages/ui/src/ui-component/cards/FollowUpPromptsCard.jsx
index 75aceb85b75..0ad96fb3626 100644
--- a/packages/ui/src/ui-component/cards/FollowUpPromptsCard.jsx
+++ b/packages/ui/src/ui-component/cards/FollowUpPromptsCard.jsx
@@ -12,25 +12,26 @@ const FollowUpPromptsCard = ({ isGrid, followUpPrompts, sx, onPromptClick }) =>
className={'button-container'}
sx={{ width: '100%', maxWidth: isGrid ? 'inherit' : '400px', p: 1.5, display: 'flex', gap: 1, ...sx }}
>
- {followUpPrompts.map((fp, index) => (
- onPromptClick(fp, e)}
- sx={{
- backgroundColor: 'transparent',
- border: '1px solid',
- boxShadow: '0px 2px 1px -1px rgba(0,0,0,0.2)',
- color: '#2196f3',
- transition: 'all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
- '&:hover': {
- backgroundColor: customization.isDarkMode ? 'rgba(0, 0, 0, 0.12)' : 'rgba(0, 0, 0, 0.05)',
- border: '1px solid'
- }
- }}
- />
- ))}
+ {Array.isArray(followUpPrompts) &&
+ followUpPrompts.map((fp, index) => (
+ onPromptClick(fp, e)}
+ sx={{
+ backgroundColor: 'transparent',
+ border: '1px solid',
+ boxShadow: '0px 2px 1px -1px rgba(0,0,0,0.2)',
+ color: '#2196f3',
+ transition: 'all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
+ '&:hover': {
+ backgroundColor: customization.isDarkMode ? 'rgba(0, 0, 0, 0.12)' : 'rgba(0, 0, 0, 0.05)',
+ border: '1px solid'
+ }
+ }}
+ />
+ ))}
Refer docs for more details.` +const availableFileTypes = [ + { name: 'CSS', ext: 'text/css' }, + { name: 'CSV', ext: 'text/csv' }, + { name: 'HTML', ext: 'text/html' }, + { name: 'JSON', ext: 'application/json' }, + { name: 'Markdown', ext: 'text/markdown' }, + { name: 'PDF', ext: 'application/pdf' }, + { name: 'SQL', ext: 'application/sql' }, + { name: 'Text File', ext: 'text/plain' }, + { name: 'XML', ext: 'application/xml' } +] + const FileUpload = ({ dialogProps }) => { const dispatch = useDispatch() @@ -31,16 +43,27 @@ const FileUpload = ({ dialogProps }) => { const closeSnackbar = (...args) => dispatch(closeSnackbarAction(...args)) const [fullFileUpload, setFullFileUpload] = useState(false) + const [allowedFileTypes, setAllowedFileTypes] = useState([]) const [chatbotConfig, setChatbotConfig] = useState({}) const handleChange = (value) => { setFullFileUpload(value) } + const handleAllowedFileTypesChange = (event) => { + const { checked, value } = event.target + if (checked) { + setAllowedFileTypes((prev) => [...prev, value]) + } else { + setAllowedFileTypes((prev) => prev.filter((item) => item !== value)) + } + } + const onSave = async () => { try { const value = { - status: fullFileUpload + status: fullFileUpload, + allowedUploadFileTypes: allowedFileTypes.join(',') } chatbotConfig.fullFileUpload = value @@ -82,6 +105,9 @@ const FileUpload = ({ dialogProps }) => { } useEffect(() => { + /* backward compatibility - by default, allow all */ + const allowedFileTypes = availableFileTypes.map((fileType) => fileType.ext) + setAllowedFileTypes(allowedFileTypes) if (dialogProps.chatflow) { if (dialogProps.chatflow.chatbotConfig) { try { @@ -90,6 +116,10 @@ const FileUpload = ({ dialogProps }) => { if (chatbotConfig.fullFileUpload) { setFullFileUpload(chatbotConfig.fullFileUpload.status) } + if (chatbotConfig.fullFileUpload?.allowedUploadFileTypes) { + const allowedFileTypes = chatbotConfig.fullFileUpload.allowedUploadFileTypes.split(',') + setAllowedFileTypes(allowedFileTypes) + } } catch (e) { setChatbotConfig({}) } @@ -135,8 +165,44 @@ const FileUpload = ({ dialogProps }) => {
+ {availableFileTypes.map((fileType) => (
+
+
+
+
+
+ ))}
+