Skip to main content

AI Agent Web Interface with Filesystem and Canvas Visualization

Project description

DeepAgent Dash

A web interface for AI agent interactions with filesystem workspace, canvas visualization, and real-time streaming.

Features

  • 🤖 AI Agent Chat: Real-time streaming with thinking process and task progress
  • 📁 File Browser: Interactive file tree with lazy loading
  • 🎨 Canvas: Visualize DataFrames, Plotly/Matplotlib charts, Mermaid diagrams, images
  • ⚙️ Flexible Configuration: Environment variables, CLI args, or config file

Quick Start

Installation

# Install via pip (includes DeepAgents)
pip install deepagent-dash

# Or run directly with uvx (no installation needed)
uvx deepagent-dash run --workspace ~/my-workspace

Run

# Run with defaults (current directory as workspace, no agent)
deepagent-dash run

# Run with workspace
deepagent-dash run --workspace ~/my-workspace

# Run with custom agent (optional)
deepagent-dash run --agent my_agent.py:agent

# Using uvx (one-off execution)
uvx deepagent-dash run --workspace ~/my-workspace --port 8080

Open browser to http://localhost:8050

Configuration

Priority (highest to lowest)

  1. CLI Arguments - --workspace, --port, etc.
  2. Environment Variables - DEEPAGENT_*
  3. Config File - config.py defaults

Environment Variables (optional)

export DEEPAGENT_WORKSPACE_ROOT=/path/to/workspace
export DEEPAGENT_AGENT_SPEC=my_agent.py:agent  # optional
export DEEPAGENT_PORT=9000                      # optional (default: 8050)
export DEEPAGENT_HOST=0.0.0.0                   # optional (default: localhost)
export DEEPAGENT_DEBUG=true                     # optional (default: false)
export DEEPAGENT_APP_TITLE="My App"             # optional
export DEEPAGENT_APP_SUBTITLE="Subtitle"        # optional

deepagent-dash run

CLI Options (all optional)

deepagent-dash run [OPTIONS]

  --workspace PATH        Workspace directory (default: current directory)
  --agent PATH:OBJECT     Agent spec (default: none, manual mode)
  --port PORT            Server port (default: 8050)
  --host HOST            Server host (default: localhost)
  --debug                Enable debug mode
  --title TITLE          App title (default: "DeepAgent Dash")
  --subtitle TEXT        App subtitle (default: "AI-Powered Workspace")

Python API

from deepagent_dash import run_app

# Option 1: Pass agent instance directly (recommended)
from my_agent import MyAgent
agent = MyAgent()
run_app(agent, workspace="~/my-workspace")

# Option 2: Use agent spec
run_app(agent_spec="my_agent.py:agent", workspace="~/my-workspace")

# Option 3: Manual mode (no agent)
run_app(workspace="~/my-workspace", port=8080, debug=True)

Agent Integration

Workspace Access

DeepAgent Dash sets DEEPAGENT_WORKSPACE_ROOT environment variable for your agent:

import os
from pathlib import Path

# In your agent code
workspace = Path(os.getenv('DEEPAGENT_WORKSPACE_ROOT', './'))

# Read/write files in workspace
config_file = workspace / "config.json"

Agent Specification

Load agents using path:object format:

# Load from Python file
deepagent-dash run --agent agent.py:my_agent

# Absolute path
deepagent-dash run --agent /path/to/agent.py:agent_instance

Agent Requirements

Your agent must implement:

  • Streaming: agent.stream(input, stream_mode="updates")
  • Message format: {"messages": [{"role": "user", "content": "..."}]}
  • Workspace access (optional): Read DEEPAGENT_WORKSPACE_ROOT env var

Example Agent Setup

# my_agent.py
import os
from deepagents import create_deep_agent
from deepagents.backends.filesystem import FileSystemBackend

backend = FileSystemBackend(root=os.getenv('DEEPAGENT_WORKSPACE_ROOT', './'))
my_agent = create_deep_agent(..., backend=backend)

Then run: deepagent-dash run --agent my_agent.py:my_agent

Canvas

The canvas displays agent-created visualizations:

  • DataFrames: HTML tables
  • Charts: Plotly, Matplotlib
  • Images: PNG, JPG, etc.
  • Diagrams: Mermaid (flowcharts, sequence diagrams)
  • Markdown: Text and notes

Content auto-saves to canvas.md and can be exported or cleared.

Development

# Install from source
git clone https://github.com/dkedar7/deepagent-dash.git
cd deepagent-dash
pip install -e ".[dev]"

# Run tests
pytest

# Build package
python -m build

Requirements

  • Python 3.11+
  • Dash 2.0+
  • dash-mantine-components
  • pandas, plotly, matplotlib, Pillow
  • python-dotenv
  • deepagents (optional, for AI agents)

Links

License

MIT License - see LICENSE for details

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

deepagent_dash-0.1.1.tar.gz (39.1 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

deepagent_dash-0.1.1-py3-none-any.whl (36.6 kB view details)

Uploaded Python 3

File details

Details for the file deepagent_dash-0.1.1.tar.gz.

File metadata

  • Download URL: deepagent_dash-0.1.1.tar.gz
  • Upload date:
  • Size: 39.1 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: uv/0.7.8

File hashes

Hashes for deepagent_dash-0.1.1.tar.gz
Algorithm Hash digest
SHA256 4d60839ec3529b6ec8fc9835e1c444d4e1b25b9275b2bb94ffa2963a34e6ecf3
MD5 8d3e392318cc8afb2f5a30a2294e999a
BLAKE2b-256 622c8903f651ac543c019d853ba3e5ea29316bc33c4571b13212b8b01ef0be17

See more details on using hashes here.

File details

Details for the file deepagent_dash-0.1.1-py3-none-any.whl.

File metadata

File hashes

Hashes for deepagent_dash-0.1.1-py3-none-any.whl
Algorithm Hash digest
SHA256 39dd8e761f24ca0adc4a3bbb390f73cb60176d0bcb904312c4372d1516f49ee1
MD5 59d284f1d6d5b475a02554ea1e400481
BLAKE2b-256 5c109c436e09d073c8c23b113e7270af8e8be2fba5b36c58314336753f215c9d

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page