# Technical Document Extraction: ADP-MA Interface This document provides a comprehensive extraction of the textual and structural information from the provided image of the **ADP-MA** (Agentic Data Pipeline - Meta Agent) web interface. --- ## 1. Header Region * **Logo/Title:** `MA ADP-MA` (Located top-left). * **Mode Toggle:** * `Live Mode` (Selected/Active, indicated by blue background and target icon). * `Replay Mode` (Inactive, indicated by circular arrow icon). * **Utility Icons:** Document icon and GitHub logo (Located top-right). --- ## 2. Main Content Area: Header & Description * **Section Title:** `Live Mode` * **Sub-text:** `Run a new pipeline and watch it execute in real-time` --- ## 3. Left Sidebar: Run Pipeline Configuration This region contains the input parameters for initiating a data processing task. ### Run Pipeline Form * **Goal / Task (Text Area):** * Placeholder text: `e.g., Create a way to directly access a node history from temporal graph data` * **Data File (Upload Field):** * Current File: `customers_churn.csv (485.4 KB)` * Action Button: `Upload` * **Planning LLM (Dropdown):** * Selected Value: `DeepSeek` * **Coding LLM (Dropdown):** * Checkbox: `Same as Planning` (Unchecked) * Selected Value: `DeepSeek` * **Advanced Options:** Expandable menu (currently collapsed). * **Primary Action Button:** `Run Pipeline` (Blue button with target icon). ### Metrics (Footer of Sidebar) * **Section Title:** `Metrics` * **Field:** `Duration` * **Value:** `--` (Indicates no active process is currently running). --- ## 4. Main Dashboard: Pipeline Progress & Details This region visualizes the workflow and provides granular feedback on the execution stages. ### Meta-agent Pipeline Progress This is a horizontal flow diagram representing the sequential stages of the agentic workflow. Each stage is represented by a pill-shaped node connected by lines. | Stage Order | Label | Status Indicator | | :--- | :--- | :--- | | 1 | `Data` | Grey Circle (Inactive/Pending) | | 2 | `Plan` | Grey Circle (Inactive/Pending) | | 3 | `Critique` | Grey Circle (Inactive/Pending) | | 4 | `Expand` | Grey Circle (Inactive/Pending) | | 5 | `Execute` | Grey Circle (Inactive/Pending) | | 6 | `Done` | Grey Circle (Inactive/Pending) | ### Stage Details This is a large container intended to display logs or specific outputs for the selected stage. * **Section Title:** `Stage Details` * **Empty State Content:** * Icon: Lightbulb * Instructional Text: `Click a stage above to see details` --- ## 5. Summary of Technical Components * **Application Name:** ADP-MA. * **Primary Function:** Real-time execution and monitoring of an agentic data pipeline. * **Workflow Logic:** The system follows a 6-step linear progression: Data ingestion -> Planning -> Critique -> Expansion -> Execution -> Completion. * **Technology Stack Indicators:** The interface allows for the selection of Large Language Models (LLMs), specifically identifying `DeepSeek` as a compatible model for both planning and coding tasks.

# Technical Document Extraction: Pipeline Management UI ## Header Section - **Logo/Label**: - Purple square icon with "MA" - Text: `ADP-MA` - **Mode Selection**: - `Live Mode` (highlighted, blue background) - `Replay Mode` (default, white background) - **Icons**: - Download icon (paperclip) - Refresh icon (circular arrow) --- ## Main Content ### Left Panel: Pipeline Configuration #### Section 1: Run Pipeline - **Title**: `Run Pipeline` - **Goal/Task**: - Example text: `e.g., Create a way to directly access a node history from temporal graph data` - **Data File**: - Filename: `customers_churn.csv` - Size: `485.4 KB` - Buttons: - `Upload` (gray) - **Planning LLM**: - Dropdown: `DeepSeek` - **Coding LLM**: - Dropdown: `DeepSeek` - Note: "Same as Planning" - **Advanced Options**: - Link: `Advanced Options` - **Action Button**: - `Run Pipeline` (blue, with play icon) #### Section 2: Metrics (Partial View) - **Title**: `Metrics` - **Visible Field**: - `Duration` (no value shown) --- ### Right Panel: Pipeline Progress #### Section 1: Meta-agent Pipeline Progress - **Title**: `Meta-agent Pipeline Progress` - **Stages**: - `Data` (gray button) - `Plan` (gray button) - `Critique` (gray button) - `Expand` (gray button) - `Execute` (gray button) - `Done` (gray button) #### Section 2: Stage Details - **Title**: `Stage Details` - **Icon**: Lightbulb - **Instruction**: - `Click a stage above to see details` --- ## Footer - **Copyright**: - `© 2023 ADP-MA. All rights reserved.` --- ## Notes - **Language**: All text is in English. - **No Charts/Diagrams**: The image contains UI elements only; no numerical data or visual trends to extract. - **Spatial Grounding**: - Header: Top-left (logo) and top-center (mode buttons). - Left Panel: Vertical layout for pipeline configuration. - Right Panel: Horizontal stage progression and stage details. - Footer: Bottom of the UI. This extraction captures all textual elements, UI components, and structural details from the image.