> ## Documentation Index
> Fetch the complete documentation index at: https://docs.memanto.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> Launch the interactive web dashboard for managing agents, memories, and sessions.

# memanto ui

Launch the interactive web dashboard. Provides UI for managing agents, memories, and sessions.

```bash theme={null}
memanto ui [OPTIONS]
```

**Options:**

| Option           | Default   | Description         |
| ---------------- | --------- | ------------------- |
| `--host TEXT`    | `0.0.0.0` | Server host address |
| `--port INTEGER` | `8000`    | Dashboard port      |

**Examples:**

Launch dashboard on default port:

```bash theme={null}
memanto ui
```

Launch on custom port:

```bash theme={null}
memanto ui --port 8080
```

**Output:**

```
✓ Dashboard started at http://localhost:8000
✓ Opening browser...
```

Automatically opens browser to dashboard.

**Dashboard Features:**

* View all agents
* Create and view agents
* Manage sessions
* Store memories (UI form)
* Search/recall memories
* View memory statistics
* Monitor daily summaries
* View conflicts

## UI Walkthrough

The screenshots below focus on the parts of the UI that are most important for day-to-day workflow.

### Dashboard Home

The Dashboard Home provides a high-level overview of your Memanto workspace. The left sidebar is your primary navigation menu, while the main grid displays cards with key metrics and configuration summaries. For deeper agent management workflows, see [Agent Commands](/cli/agents/create).

<div style={{ position: "relative", width: "100%", maxWidth: "1312px", margin: "0 auto" }}>
  <img src="https://mintcdn.com/memanto/F_q9DVKuuTw1KDp7/logo/cli/ui/dashboard-first-page.png?fit=max&auto=format&n=F_q9DVKuuTw1KDp7&q=85&s=07c6b4c26843439083b19a9b215bc267" alt="Memanto dashboard first page" style={{ width: "100%", borderRadius: "12px", border: "1px solid #d1d5db" }} width="1847" height="1042" data-path="logo/cli/ui/dashboard-first-page.png" />

  <div style={{ position: "absolute", top: "13%", left: "25%" }}>
    <span style={{ background: "#0f766e", color: "#ffffff", borderRadius: "9999px", padding: "4px 9px", fontWeight: 700, fontSize: "12px" }}>1</span>
  </div>

  <div style={{ position: "absolute", top: "13%", left: "60%" }}>
    <span style={{ background: "#0f766e", color: "#ffffff", borderRadius: "9999px", padding: "4px 9px", fontWeight: 700, fontSize: "12px" }}>2</span>
  </div>

  <div style={{ position: "absolute", top: "35%", left: "45%" }}>
    <span style={{ background: "#0f766e", color: "#ffffff", borderRadius: "9999px", padding: "4px 9px", fontWeight: 700, fontSize: "12px" }}>3</span>
  </div>

  <div style={{ position: "absolute", top: "75%", left: "45%" }}>
    <span style={{ background: "#0f766e", color: "#ffffff", borderRadius: "9999px", padding: "4px 9px", fontWeight: 700, fontSize: "12px" }}>4</span>
  </div>
</div>

1. **Active agent card**: Confirms which agent context is currently loaded.
2. **System health card**: Quick check of service and connection health.
3. **Agent profile panel**: Core metadata for the active agent.
4. **Session info panel**: Session status, timing, and namespace details.