ClawPanel Documentation

repository·main·Indexed 25 days ago

https://github.com/qingchencloud/clawpanel

A visual management dashboard for AI Agent frameworks like OpenClaw and Hermes Agent. Built as a cross-platform desktop application using Tauri v2, ClawPanel provides tools for long-term memory visualization, session flow operations, personality maintenance, and channel expansion for platforms like QQ, Telegram, and Discord. It includes a multi-mode AI assistant for system diagnostics and management, supports multiple AI providers including Ciyuan API, and offers deployment options for macOS, Windows, Linux (Desktop and Web), and Docker.

Tokens
30K
Snippets
75
Records
208
Agent score
83%

What's inside ClawPanel

  1. Overview of ClawPanel

    main

    ClawPanel is a visual management panel for multiple AI Agent frameworks, specifically supporting OpenClaw and Hermes Agent. It features an integrated AI assistant to help with installation, configuration diagnostics, and troubleshooting.

    Key capabilities include:

    • Multi-Engine Architecture: Independent management of OpenClaw and Hermes Agent.
    • Hermes Agent Chat: Visualized tool calls, file access, and SSE streaming.
    • Service Management: Start/stop gateways, version detection, and upgrades.
    • Model Configuration: Multi-provider management with connectivity testing.
    • Automation: Cron-based scheduled tasks and webhook support.
    • Communication: Unified management for Telegram, Discord, Feishu, DingTalk, and QQ.
  2. Overview of Hermes Agent in ClawPanel

    main
    Hermes Agent is the second AI Agent engine supported by ClawPanel. It provides a unified management panel for sessions, long-term memory, personality profiles, tool calls, and messaging channels. It is designed to transform one-off chat interfaces into intelligent agent systems capable of continuous operation and context accumulation.
  3. ClawPanel Feature Overview

    main

    ClawPanel is a comprehensive management engine for Hermes Agent, providing tools for session, memory, personality, and tool management. Key features include:

    • AI Assistant: Built-in assistant with 4 modes and 8 tools.
    • Multi-Engine Architecture: Supports both OpenClaw and Hermes Agent engines.
    • Hermes Agent Chat: Visualized tool calls, file system access control, and SSE streaming.
    • Multimodal Support: Image recognition via paste or drag-and-drop.
    • Service Management: Control OpenClaw/Hermes Gateway, version detection, and configuration backup/restore.
    • Model Configuration: Unified management for multiple providers, connectivity testing, and automatic failover.
    • Gateway Configuration: Port management, access control (Local/LAN), Auth Tokens, and Tailscale integration.
    • Message Channels: Integration with Telegram, Discord, Feishu, DingTalk, QQ, etc.
    • Agent Management: CRUD operations for Agents, identity editing, and workspace management.
    • Memory Management: View/edit memory files, category management, and ZIP export.
    • Automation: Cron-based scheduled tasks with multi-channel delivery.
    • System Diagnostics: Health checks, WebSocket testing, and one-click repairs.
  4. Understand the relationship between Hermes Agent and OpenClaw

    main

    ClawPanel uses a multi-engine architecture:

    • OpenClaw: Best for Agent management and Gateway operations for users already in the OpenClaw ecosystem.
    • Hermes Agent: Focused on the long-term operational experience of sessions, memory, personality, and tool execution.

    Both engines can be managed unified within the same ClawPanel interface.

  5. Quickstart Guide for ClawPanel

    main

    Follow these steps to get your AI Agent environment running:

    1. Initial Setup: Run the application; it will automatically detect Node.js, Git, and OpenClaw. Follow one-click installation prompts if components are missing.
    2. Configure Models: Add AI providers (e.g., DeepSeek, OpenAI, Ollama) and use the connection test feature.
    3. Start Gateway: Navigate to Service Management (Quản lý dịch vụ) and click "Start" (Khởi động). A green status indicates it is ready.
    4. Chat: Go to the Direct Chat (Trò chuyện trực tiếp) interface, select your model, and begin interacting.
  6. Deploy ClawPanel using Docker (ARM64)

    main

    For ARM64 devices, you can use the official Docker image which includes both OpenClaw and ClawPanel.

    One-click Docker Start

    docker run -d \
      --name openclaw \
      -p 1420:1420 \
      -p 18789:18789 \
      -v openclaw-data:/root/.openclaw \
      --restart unless-stopped \
      ghcr.io/qingchencloud/openclaw:latest

    If pulling from GHCR is slow, use the Tencent Cloud mirror:

    docker run -d \
      --name openclaw \
      -p 1420:1420 \
      -p 18789:18789 \
      -v openclaw-data:/root/.openclaw \
      --restart unless-stopped \
      ccr.ccs.tencentyun.com/qingchencloud/openclaw:latest
  7. Recommended Workflow for Hermes Agent

    main

    To effectively deploy and iterate on a Hermes Agent, follow these steps:

    1. Configure Model and Gateway: Ensure the Hermes Agent can connect to model services.
    2. Initialize Long-term Memory: Populate the Notes, User Profile, and Soul in the Agent Memory page.
    3. Verify via Sessions: Engage in dialogue to confirm that personality, preferences, and context are working as expected.
    4. Connect Messaging Channels: Integrate external channels such as QQ, Telegram, or Discord based on your use case.
    5. Iterate Memory Assets: Periodically organize facts, preferences, and rules gathered from real usage back into the long-term memory files.
  8. Deploy ClawPanel on Embedded Devices (ARM64)

    main

    For development boards like Orange Pi, Raspberry Pi, or RK3588, you can use the following methods:

    1. Docker ARM64: Run the official image: docker run ghcr.io/qingchencloud/openclaw:latest
    2. Manual Execution: Use npm run serve to run the web service.

    Requirements:

    • Node.js 18+ for the Web version.
    • OpenClaw Gateway recommends Node.js 22.19.0+.
  9. Build ClawPanel from Source

    main

    Prerequisites

    Installation

    git clone https://github.com/qingchencloud/clawpanel.git
    cd clawpanel
    npm install

    Development (macOS / Linux)

    # Start full Tauri desktop application
    ./scripts/dev.sh
    
    # Start Vite frontend only (browser debugging with mock data)
    ./scripts/dev.sh web

    Development (Windows)

    # Start full Tauri desktop application
    npm run tauri dev
    
    # Start Vite frontend only (browser debugging with mock data)
    npm run dev
  10. Understand AI Assistant Operation Modes

    main

    The ClawPanel AI assistant operates in four distinct modes that determine its system permissions and interaction style. The UI color changes based on the active mode to provide clear visual feedback on current permissions.

    ModeIconToolsWrite FilesConfirmationUse Case
    Chat (聊天)💬Pure Q&A, no system interaction
    Planning (规划)📋Read configs/logs, output plans without modifying files
    Execution (执行)Normal tasks; dangerous operations trigger a confirmation prompt
    Infinite (无限)Fully automated; tool calls do not trigger popups

    Note: Tool switches (Terminal/File) in Settings take precedence over modes. If the Terminal is disabled, the AI cannot execute commands even in Infinite mode.