feat: add app Langflow

apps/langflow/1.6.5/data.yml

@@ -0,0 +1,11 @@
+additionalProperties:
+  formFields:
+    - default: "8080"
+      envKey: PANEL_APP_PORT_HTTP
+      label:
+        en: Port
+        zh: 端口
+      required: true
+      type: number
+      edit: true
+      rule: paramPort

apps/langflow/1.6.5/docker-compose.yml

@@ -0,0 +1,43 @@
+services:
+  langflow:
+    image: langflowai/langflow:1.6.5 # or another version tag on https://hub.docker.com/r/langflowai/langflow
+    container_name: ${CONTAINER_NAME}
+    pull_policy: always               # set to 'always' when using 'latest' image
+    ports:
+      - "${PANEL_APP_PORT_HTTP}:7860"
+    depends_on:
+      - postgres
+    environment:
+      - LANGFLOW_DATABASE_URL=postgresql://langflow:langflow@postgres:5432/langflow
+      # This variable defines where the logs, file storage, monitor data and secret keys are stored.
+      - LANGFLOW_CONFIG_DIR=/app/langflow
+    volumes:
+      - ./data:/app/langflow
+
+    networks:
+      - 1panel-network
+    labels:
+      createdBy: "Apps"
+  postgres:
+    image: postgres:16
+    container_name: ${CONTAINER_NAME}-postgres
+    environment:
+      POSTGRES_USER: langflow
+      POSTGRES_PASSWORD: langflow
+      POSTGRES_DB: langflow
+    ports:
+      - "5432:5432"
+    volumes:
+      - langflow-postgres:/var/lib/postgresql/data
+
+    networks:
+      - 1panel-network
+    labels:
+      createdBy: "Apps"
+volumes:
+  langflow-postgres:
+  langflow-data:
+
+networks:
+  1panel-network:
+    external: true

apps/langflow/README.md

@@ -0,0 +1,35 @@
+## 产品介绍
+
+**Langflow** 是一个基于 LangChain 的可视化 UI 工具，使用 react-flow 设计，为用户提供了一种直观、简便的方式来实验和构建 AI 流程原型。通过拖拽式的界面，用户可以轻松创建复杂的语言模型工作流，无需编写复杂的代码。
+
+## 主要功能
+
+- **可视化流程构建**：Langflow 提供了直观的拖拽式界面，用户可以通过简单的拖拽操作来构建复杂的 AI 工作流。系统内置了丰富的组件库，包括各种 LangChain 组件、数据处理节点和输出节点，用户可以根据需要自由组合这些组件。
+- **实时预览与调试**：在构建流程的过程中，用户可以实时预览每个节点的输出结果，便于调试和优化工作流。系统提供了详细的日志信息，帮助用户快速定位和解决问题。
+- **多种数据源支持**：Langflow 支持连接多种数据源，包括文本文件、数据库、API 接口等。用户可以轻松地将外部数据集成到自己的 AI 工作流中。
+- **模板与分享**：系统提供了丰富的预置模板，用户可以基于这些模板快速开始自己的项目。同时，用户也可以将自己创建的流程保存为模板，与团队成员分享。
+
+## 配置和使用说明
+
+### 注意事项
+
+在使用 Langflow 之前，请确保您的系统满足以下要求：
+- 至少 1GB 的可用内存
+- 稳定的网络连接（用于访问外部 API）
+- 现代浏览器（推荐使用 Chrome 或 Firefox）
+
+### 访问方式
+
+安装完成后，您可以通过浏览器访问 Langflow 界面：
+- 默认端口：7860
+- 访问地址：http://您的服务器IP:端口号
+
+### 基本使用步骤
+
+1. 打开浏览器，访问 Langflow 界面
+2. 在左侧组件面板中选择需要的组件
+3. 将组件拖拽到中央画布区域
+4. 通过连接线将各个组件连接起来
+5. 配置每个组件的参数
+6. 点击运行按钮测试您的工作流
+7. 根据输出结果调整和优化流程

apps/langflow/README_en.md

@@ -0,0 +1,35 @@
+## Introduction
+
+**Langflow** is a visual UI tool based on LangChain, designed with react-flow to provide users with an intuitive and convenient way to experiment and build AI workflow prototypes. Through a drag-and-drop interface, users can easily create complex language model workflows without writing complex code.
+
+## Features
+
+- **Visual Workflow Building**: Langflow provides an intuitive drag-and-drop interface that allows users to build complex AI workflows through simple drag-and-drop operations. The system includes a rich component library with various LangChain components, data processing nodes, and output nodes that users can freely combine according to their needs.
+- **Real-time Preview and Debugging**: During the workflow building process, users can preview the output results of each node in real-time, facilitating debugging and optimization of workflows. The system provides detailed log information to help users quickly locate and resolve issues.
+- **Multiple Data Source Support**: Langflow supports connections to various data sources, including text files, databases, API interfaces, and more. Users can easily integrate external data into their AI workflows.
+- **Templates and Sharing**: The system provides rich preset templates that users can use to quickly start their projects. Users can also save their created workflows as templates to share with team members.
+
+## Configuration and Usage Instructions
+
+### Important Notes
+
+Before using Langflow, please ensure your system meets the following requirements:
+- At least 1GB of available memory
+- Stable network connection (for accessing external APIs)
+- Modern browser (Chrome or Firefox recommended)
+
+### Access Method
+
+After installation, you can access the Langflow interface through your browser:
+- Default port: 7860
+- Access URL: http://YourServerIP:PortNumber
+
+### Basic Usage Steps
+
+1. Open your browser and access the Langflow interface
+2. Select the required components from the left component panel
+3. Drag components to the central canvas area
+4. Connect components using connection lines
+5. Configure parameters for each component
+6. Click the run button to test your workflow
+7. Adjust and optimize the process based on output results

apps/langflow/data.yml

@@ -0,0 +1,24 @@
+name: Langflow
+tags:
+  - AI
+  - 开发工具
+title: 一款强大的工具，用于构建和部署 AI 驱动的代理和工作流
+description:
+  en: Langflow is a powerful tool for building and deploying AI-powered agents and
+    workflows.
+  zh: 一款强大的工具，用于构建和部署 AI 驱动的代理和工作流
+additionalProperties:
+  key: langflow
+  name: Langflow
+  tags:
+    - AI
+    - DevTool
+  shortDescZh: 一款强大的工具，用于构建和部署 AI 驱动的代理和工作流
+  shortDescEn: Langflow is a powerful tool for building and deploying AI-powered
+    agents and workflows.
+  type: website
+  crossVersionUpdate: true
+  limit: 0
+  website: http://www.langflow.org/
+  github: https://github.com/langflow-ai/langflow
+  document: https://docs.example.com

apps/langflow/latest/data.yml

@@ -0,0 +1,11 @@
+additionalProperties:
+  formFields:
+    - default: "8080"
+      envKey: PANEL_APP_PORT_HTTP
+      label:
+        en: Port
+        zh: 端口
+      required: true
+      type: number
+      edit: true
+      rule: paramPort

apps/langflow/latest/docker-compose.yml

@@ -0,0 +1,43 @@
+services:
+  langflow:
+    image: langflowai/langflow:latest # or another version tag on https://hub.docker.com/r/langflowai/langflow
+    container_name: ${CONTAINER_NAME}
+    pull_policy: always               # set to 'always' when using 'latest' image
+    ports:
+      - "${PANEL_APP_PORT_HTTP}:7860"
+    depends_on:
+      - postgres
+    environment:
+      - LANGFLOW_DATABASE_URL=postgresql://langflow:langflow@postgres:5432/langflow
+      # This variable defines where the logs, file storage, monitor data and secret keys are stored.
+      - LANGFLOW_CONFIG_DIR=/app/langflow
+    volumes:
+      - ./data:/app/langflow
+
+    networks:
+      - 1panel-network
+    labels:
+      createdBy: "Apps"
+  postgres:
+    image: postgres:16
+    container_name: ${CONTAINER_NAME}-postgres
+    environment:
+      POSTGRES_USER: langflow
+      POSTGRES_PASSWORD: langflow
+      POSTGRES_DB: langflow
+    ports:
+      - "5432:5432"
+    volumes:
+      - langflow-postgres:/var/lib/postgresql/data
+
+    networks:
+      - 1panel-network
+    labels:
+      createdBy: "Apps"
+volumes:
+  langflow-postgres:
+  langflow-data:
+
+networks:
+  1panel-network:
+    external: true