Implementation:FlowiseAI Flowise PublicExecutionDetails
| Knowledge Sources | |
|---|---|
| Domains | Agent Executions, Public Views |
| Last Updated | 2026-02-12 07:00 GMT |
Overview
PublicExecutionDetails is a React page component that fetches and displays a publicly shared agent execution trace by its ID from the URL.
Description
This component extracts the execution ID from the URL route parameters and calls the public execution API to load execution data. It renders a loading spinner while fetching, an error card if the execution is invalid or unauthorized, and the full ExecutionDetails component (in public/read-only mode) upon success. The execution data is parsed from JSON and passed along with metadata that omits the raw executionData field.
Usage
Use this component as the route handler for public execution URLs (e.g., /execution/:id). It requires no authentication and is intended for viewing shared execution traces via public links.
Code Reference
Source Location
- Repository: FlowiseAI Flowise
- File: packages/ui/src/views/agentexecutions/PublicExecutionDetails.jsx
- Lines: 1-108
Signature
const PublicExecutionDetails = () => { ... }
export default PublicExecutionDetails
Import
import PublicExecutionDetails from '@/views/agentexecutions/PublicExecutionDetails'
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| Route param: id | string | Yes | The execution ID extracted from the URL via useParams() |
Outputs
| Name | Type | Description |
|---|---|---|
| JSX.Element | React element | A loading spinner, an error card for invalid/unauthorized executions, or the ExecutionDetails component with isPublic=true |
Usage Examples
Basic Usage
// In your route configuration
import PublicExecutionDetails from '@/views/agentexecutions/PublicExecutionDetails'
<Route path="/execution/:id" element={<PublicExecutionDetails />} />