Update code and documentation

.gitattributes

@@ -0,0 +1,34 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text 

.history/.gitattributes_20250420181333

@@ -0,0 +1 @@
+ 

.history/.gitattributes_20250420181336

@@ -0,0 +1,34 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text 

.history/.gitattributes_20250420181337

@@ -0,0 +1,34 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text 

.history/README_20250420181308.md

@@ -0,0 +1,78 @@
+# Hugging Face Experiment Control Panel
+
+This is a proxy control panel based on FastAPI (backend) and a simple web UI (frontend) to provide remote control and monitoring capabilities for experiment workflows on Hugging Face.
+
+[![Hugging Face Spaces](https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-Spaces-blue)](https://huggingface.co/spaces/SissiFeng/HF_catalyst)
+
+## Features
+
+- 🔄 **Workflow Upload & Submission**: Drag & drop or select JSON workflow files and send them to the lab server
+- 📊 **Execution Visualization**: Real-time display of workflow execution steps and status
+- 🔍 **Server Status Monitoring**: Real-time check if the lab server is online
+- 📝 **History Management**: Save sent workflows for quick resubmission
+- 🐞 **Debug Console**: Centralized display of error messages and system logs
+
+## System Architecture
+
+- **Frontend**: Simple Web UI with JavaScript
+- **Backend**: FastAPI (Python)
+- **Communication**: REST API request forwarding
+
+## Environment Variables
+
+- `LAB_SERVER_URL`: URL of the lab server (default: http://localhost:8000)
+- `PORT`: Port for the application to run on (default: 8080)
+
+## Local Development
+
+1. Install dependencies:
+
+```bash
+pip install -r requirements.txt
+```
+
+2. Start the service:
+
+```bash
+python app.py
+```
+
+3. Access the application:
+
+Open your browser and go to `http://localhost:8080`
+
+## Project Structure
+
+```
+project-root/
+├── app.py                         # FastAPI proxy backend
+├── requirements.txt               # Python dependencies
+├── static/                        # Static pages
+│   └── index.html                 # Main HTML page
+├── public/                        # Public resources
+│   └── logo.png                   # App logo
+└── frontend/                      # Frontend code (for reference only)
+    ├── App.tsx                    # Main app container
+    ├── index.tsx                  # React entry point
+    ├── api/
+    │   └── apiClient.ts           # API request encapsulation
+    ├── components/
+    │   ├── WorkflowSender.tsx     # Workflow upload/send component
+    │   ├── RunStatusStepper.tsx   # Execution progress visualization
+    │   ├── PingLabServer.tsx      # Server status check
+    │   ├── HistoryPanel.tsx       # History management
+    │   └── ErrorConsole.tsx       # Error and log display
+    └── types/
+        └── types.ts               # TypeScript type definitions
+```
+
+## API Endpoints
+
+- `GET /api/health`: Check if the lab server is online
+- `POST /api/run_experiment`: Submit workflow execution request
+- `GET /api/run_status/{run_id}`: Get workflow execution status
+- `GET /api/sample_workflow`: Get a sample workflow (demo only)
+
+## License
+
+MIT 

.history/README_20250420181314.md

@@ -0,0 +1,78 @@
+# Hugging Face Experiment Control Panel
+
+This is a proxy control panel based on FastAPI (backend) and a simple web UI (frontend) to provide remote control and monitoring capabilities for experiment workflows on Hugging Face.
+
+[![Hugging Face Spaces](https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-Spaces-blue)](https://huggingface.co/spaces/SissiFeng/HF_catalyst)
+
+## Features
+
+- 🔄 **Workflow Upload & Submission**: Drag & drop or select JSON workflow files and send them to the lab server
+- 📊 **Execution Visualization**: Real-time display of workflow execution steps and status
+- 🔍 **Server Status Monitoring**: Real-time check if the lab server is online
+- 📝 **History Management**: Save sent workflows for quick resubmission
+- 🐞 **Debug Console**: Centralized display of error messages and system logs
+
+## System Architecture
+
+- **Frontend**: Simple Web UI with JavaScript
+- **Backend**: FastAPI (Python)
+- **Communication**: REST API request forwarding
+
+## Environment Variables
+
+- `LAB_SERVER_URL`: URL of the lab server (default: http://localhost:8000)
+- `PORT`: Port for the application to run on (default: 8080)
+
+## Local Development
+
+1. Install dependencies:
+
+```bash
+pip install -r requirements.txt
+```
+
+2. Start the service:
+
+```bash
+python app.py
+```
+
+3. Access the application:
+
+Open your browser and go to `http://localhost:8080`
+
+## Project Structure
+
+```
+project-root/
+├── app.py                         # FastAPI proxy backend
+├── requirements.txt               # Python dependencies
+├── static/                        # Static pages
+│   └── index.html                 # Main HTML page
+├── public/                        # Public resources
+│   └── logo.png                   # App logo
+└── frontend/                      # Frontend code (for reference only)
+    ├── App.tsx                    # Main app container
+    ├── index.tsx                  # React entry point
+    ├── api/
+    │   └── apiClient.ts           # API request encapsulation
+    ├── components/
+    │   ├── WorkflowSender.tsx     # Workflow upload/send component
+    │   ├── RunStatusStepper.tsx   # Execution progress visualization
+    │   ├── PingLabServer.tsx      # Server status check
+    │   ├── HistoryPanel.tsx       # History management
+    │   └── ErrorConsole.tsx       # Error and log display
+    └── types/
+        └── types.ts               # TypeScript type definitions
+```
+
+## API Endpoints
+
+- `GET /api/health`: Check if the lab server is online
+- `POST /api/run_experiment`: Submit workflow execution request
+- `GET /api/run_status/{run_id}`: Get workflow execution status
+- `GET /api/sample_workflow`: Get a sample workflow (demo only)
+
+## License
+
+MIT 

.history/README_20250420181323.md

@@ -0,0 +1,78 @@
+# Hugging Face Experiment Control Panel
+
+This is a proxy control panel based on FastAPI (backend) and a simple web UI (frontend) to provide remote control and monitoring capabilities for experiment workflows on Hugging Face.
+
+[![Hugging Face Spaces](https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-Spaces-blue)](https://huggingface.co/spaces/SissiFeng/HF_catalyst)
+
+## Features
+
+- 🔄 **Workflow Upload & Submission**: Drag & drop or select JSON workflow files and send them to the lab server
+- 📊 **Execution Visualization**: Real-time display of workflow execution steps and status
+- 🔍 **Server Status Monitoring**: Real-time check if the lab server is online
+- 📝 **History Management**: Save sent workflows for quick resubmission
+- 🐞 **Debug Console**: Centralized display of error messages and system logs
+
+## System Architecture
+
+- **Frontend**: Simple Web UI with JavaScript
+- **Backend**: FastAPI (Python)
+- **Communication**: REST API request forwarding
+
+## Environment Variables
+
+- `LAB_SERVER_URL`: URL of the lab server (default: http://localhost:8000)
+- `PORT`: Port for the application to run on (default: 8080)
+
+## Local Development
+
+1. Install dependencies:
+
+```bash
+pip install -r requirements.txt
+```
+
+2. Start the service:
+
+```bash
+python app.py
+```
+
+3. Access the application:
+
+Open your browser and go to `http://localhost:8080`
+
+## Project Structure
+
+```
+project-root/
+├── app.py                         # FastAPI proxy backend
+├── requirements.txt               # Python dependencies
+├── static/                        # Static pages
+│   └── index.html                 # Main HTML page
+├── public/                        # Public resources
+│   └── logo.png                   # App logo
+└── frontend/                      # Frontend code (for reference only)
+    ├── App.tsx                    # Main app container
+    ├── index.tsx                  # React entry point
+    ├── api/
+    │   └── apiClient.ts           # API request encapsulation
+    ├── components/
+    │   ├── WorkflowSender.tsx     # Workflow upload/send component
+    │   ├── RunStatusStepper.tsx   # Execution progress visualization
+    │   ├── PingLabServer.tsx      # Server status check
+    │   ├── HistoryPanel.tsx       # History management
+    │   └── ErrorConsole.tsx       # Error and log display
+    └── types/
+        └── types.ts               # TypeScript type definitions
+```
+
+## API Endpoints
+
+- `GET /api/health`: Check if the lab server is online
+- `POST /api/run_experiment`: Submit workflow execution request
+- `GET /api/run_status/{run_id}`: Get workflow execution status
+- `GET /api/sample_workflow`: Get a sample workflow (demo only)
+
+## License
+
+MIT 

.history/create_space_20250420181218.py

@@ -0,0 +1 @@
+ 

.history/create_space_20250420181221.py

@@ -0,0 +1,35 @@
+from huggingface_hub import create_repo, get_full_repo_name
+import os
+import sys
+
+# 获取Space名称
+if len(sys.argv) > 1:
+    space_name = sys.argv[1]
+else:
+    space_name = input("Enter your Space name (e.g. hf-proxy-panel): ")
+
+# 创建新的Space
+try:
+    repo_id = create_repo(
+        space_name,
+        repo_type="space",
+        space_sdk="gradio",  # 这里有几个选项：gradio, streamlit, docker, static
+        space_hardware="cpu-basic",  # cpu-basic是免费的，其他选项包括cpu-upgrade, t4-small, a10g-small等
+        private=False
+    )
+    print(f"✓ Space created successfully: {repo_id}")
+    
+    # 获取远程仓库URL
+    username = repo_id.split('/')[0]
+    full_repo_name = get_full_repo_name(space_name, token=None, organization=None)
+    git_url = f"https://huggingface.co/spaces/{full_repo_name}"
+    
+    print(f"\nTo add the remote repository and push your code, run:")
+    print(f"git remote add origin https://huggingface.co/spaces/{full_repo_name}")
+    print(f"git push -u origin main")
+    
+    print(f"\nYour Space will be available at: {git_url}")
+    
+except Exception as e:
+    print(f"✗ Error creating Space: {str(e)}")
+    sys.exit(1) 

README.md

@@ -1,113 +1,78 @@
-# Hugging Face 实验控制面板
+# Hugging Face Experiment Control Panel
 
-这是一个基于 FastAPI（后端）和 React（前端）的代理控制面板，用于在 Hugging Face 上提供实验流程的远程控制和监控功能。
+This is a proxy control panel based on FastAPI (backend) and a simple web UI (frontend) to provide remote control and monitoring capabilities for experiment workflows on Hugging Face.
 
-## 功能特点
+[![Hugging Face Spaces](https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-Spaces-blue)](https://huggingface.co/spaces/SissiFeng/HF_catalyst)
 
-- 🔄 **工作流上传与发送**: 拖放或选择 JSON 工作流文件并发送到实验室服务器
-- 📊 **执行进度可视化**: 实时显示工作流执行步骤和状态
-- 🔍 **服务器状态监控**: 实时检查实验室服务器是否在线
-- 📝 **历史记录管理**: 保存已发送的工作流，支持快速重新提交
-- 🐞 **错误调试控制台**: 集中显示错误信息和系统日志
+## Features
 
-## 系统架构
+- 🔄 **Workflow Upload & Submission**: Drag & drop or select JSON workflow files and send them to the lab server
+- 📊 **Execution Visualization**: Real-time display of workflow execution steps and status
+- 🔍 **Server Status Monitoring**: Real-time check if the lab server is online
+- 📝 **History Management**: Save sent workflows for quick resubmission
+- 🐞 **Debug Console**: Centralized display of error messages and system logs
 
-- **前端**: React + TypeScript
-- **后端**: FastAPI (Python)
-- **通信**: REST API 请求转发
+## System Architecture
 
-## 快速开始
+- **Frontend**: Simple Web UI with JavaScript
+- **Backend**: FastAPI (Python)
+- **Communication**: REST API request forwarding
 
-### 环境变量
+## Environment Variables
 
-- `LAB_SERVER_URL`: 实验室服务器的 URL（默认: http://localhost:8000）
-- `PORT`: 应用运行的端口（默认: 8080）
+- `LAB_SERVER_URL`: URL of the lab server (default: http://localhost:8000)
+- `PORT`: Port for the application to run on (default: 8080)
 
-### 本地运行
+## Local Development
 
-1. 安装依赖:
+1. Install dependencies:
 
 ```bash
 pip install -r requirements.txt
 ```
 
-2. 启动服务:
+2. Start the service:
 
 ```bash
 python app.py
 ```
 
-3. 访问应用:
+3. Access the application:
 
-浏览器打开 `http://localhost:8080`
+Open your browser and go to `http://localhost:8080`
 
-### Hugging Face Space 部署
-
-1. 克隆此仓库
-2. 在 Hugging Face 上创建新的 Space (类型: Gradio)
-3. 上传仓库内容到 Space
-4. 设置环境变量 `LAB_SERVER_URL` 指向您的实验室服务器
-
-## 项目结构
+## Project Structure
 
 ```
 project-root/
-├── app.py                         # FastAPI 代理后端
-├── requirements.txt               # Python 依赖
-├── static/                        # 静态页面
-│   └── index.html                 # 主 HTML 页面
-├── public/                        # 公共资源
-│   └── logo.png                   # 应用 Logo
-├── frontend/                      # 前端代码
-│   ├── App.tsx                    # 应用主容器
-│   ├── index.tsx                  # React 入口
-│   ├── api/
-│   │   └── apiClient.ts           # API 请求封装
-│   ├── components/
-│   │   ├── WorkflowSender.tsx     # 工作流上传/发送组件
-│   │   ├── RunStatusStepper.tsx   # 执行进度可视化
-│   │   ├── PingLabServer.tsx      # 服务器状态检查
-│   │   ├── HistoryPanel.tsx       # 历史记录管理
-│   │   └── ErrorConsole.tsx       # 错误和日志显示
-│   └── types/
-│       └── types.ts               # TypeScript 类型定义
-└── .gitignore                     # Git 忽略配置
+├── app.py                         # FastAPI proxy backend
+├── requirements.txt               # Python dependencies
+├── static/                        # Static pages
+│   └── index.html                 # Main HTML page
+├── public/                        # Public resources
+│   └── logo.png                   # App logo
+└── frontend/                      # Frontend code (for reference only)
+    ├── App.tsx                    # Main app container
+    ├── index.tsx                  # React entry point
+    ├── api/
+    │   └── apiClient.ts           # API request encapsulation
+    ├── components/
+    │   ├── WorkflowSender.tsx     # Workflow upload/send component
+    │   ├── RunStatusStepper.tsx   # Execution progress visualization
+    │   ├── PingLabServer.tsx      # Server status check
+    │   ├── HistoryPanel.tsx       # History management
+    │   └── ErrorConsole.tsx       # Error and log display
+    └── types/
+        └── types.ts               # TypeScript type definitions
 ```
 
-## API 接口
-
-- `GET /api/health`: 检查实验室服务器��否在线
-- `POST /api/run_experiment`: 提交工作流执行请求
-- `GET /api/run_status/{run_id}`: 获取工作流执行状态
-
-## 工作流 JSON 格式
-
-工作流 JSON 应包含以下结构:
-
-```json
-{
-  "name": "工作流名称",
-  "description": "工作流描述",
-  "nodes": [
-    {
-      "id": "node1",
-      "label": "节点1",
-      "type": "process",
-      "parameters": {
-        "param1": "value1"
-      }
-    }
-  ],
-  "edges": [
-    {
-      "id": "edge1",
-      "source": "node1",
-      "target": "node2"
-    }
-  ]
-}
-```
+## API Endpoints
+
+- `GET /api/health`: Check if the lab server is online
+- `POST /api/run_experiment`: Submit workflow execution request
+- `GET /api/run_status/{run_id}`: Get workflow execution status
+- `GET /api/sample_workflow`: Get a sample workflow (demo only)
 
-## 许可证
+## License
 
 MIT 

create_space.py

@@ -0,0 +1,35 @@
+from huggingface_hub import create_repo, get_full_repo_name
+import os
+import sys
+
+# 获取Space名称
+if len(sys.argv) > 1:
+    space_name = sys.argv[1]
+else:
+    space_name = input("Enter your Space name (e.g. hf-proxy-panel): ")
+
+# 创建新的Space
+try:
+    repo_id = create_repo(
+        space_name,
+        repo_type="space",
+        space_sdk="gradio",  # 这里有几个选项：gradio, streamlit, docker, static
+        space_hardware="cpu-basic",  # cpu-basic是免费的，其他选项包括cpu-upgrade, t4-small, a10g-small等
+        private=False
+    )
+    print(f"✓ Space created successfully: {repo_id}")
+    
+    # 获取远程仓库URL
+    username = repo_id.split('/')[0]
+    full_repo_name = get_full_repo_name(space_name, token=None, organization=None)
+    git_url = f"https://huggingface.co/spaces/{full_repo_name}"
+    
+    print(f"\nTo add the remote repository and push your code, run:")
+    print(f"git remote add origin https://huggingface.co/spaces/{full_repo_name}")
+    print(f"git push -u origin main")
+    
+    print(f"\nYour Space will be available at: {git_url}")
+    
+except Exception as e:
+    print(f"✗ Error creating Space: {str(e)}")
+    sys.exit(1)