User Interface Overview

Verdent provides a comprehensive development environment with integrated chat, editor, terminal, and diff viewing capabilities.

​

What You’ll Learn

• Navigate the main interface components
• Use the chat panel effectively
• Work with the integrated editor and terminal
• Review changes

---

​

Interface Overview

Verdent uses a multi-panel layout with six main areas:

• Top Bar - Project switching, workspace management, and user account
• Workspace Bar - Current workspace, branch, workspace actions, and panel toggles
• Left Panel - Task list and task creation
• Sidebar - Source Control and Explorer tabs
• Middle Panel - Chat view, integrated editor, and terminal
• Chat Input Box - Text input with context controls, mode selection, and send button

---

​

Top Bar

The top bar provides quick access to essential functions: Key Actions:

• Click Verdent → Access About, Settings, Reload
• Click Home → Return to home screen
• Click project name → Switch projects or access recent projects
• Click New Workspace → Create isolated workspace for parallel work
• Click All Workspaces → Switch between active workspaces
• Click Feedback → Submit feedback or report issues
• Click Settings → Configure Verdent preferences
• Click User Menu → View credits, account info

---

​

Workspace Bar

The workspace bar sits below the top bar and provides workspace-specific controls: Left Side: Right Side:

---

​

Left Panel: Tasks

The left panel manages your tasks within the current workspace: Task List:

• Lists all tasks in current workspace
• Each task is a separate conversation thread
• Click to switch between tasks

Task Actions:

---

​

Sidebar: Source Control & Explorer

The Sidebar provides file management and version control: Panel Controls:

---

​

Middle Panel

The middle panel displays your work and can show multiple views. Task Changes - Click to view all files changed within the current task. Shows modifications for the current workspace only, not across different workspaces. Context Remaining - Indicates how much context remains within the model for the current conversation.

---

​

Chat Input Box

Chat Input Box is where you describe what you want Verdent to do. It supports natural-language requests, quick context attachments, and run settings. Prompt Input & Send

• Type your request in the input area.
• Press Enter or click Send to submit.
• Use / for commands.
• Use @ to search files.

Run Controls Use the controls below the input to configure how Verdent runs this request:

• Mode: choose how Verdent works, Agent Mode (execute) or Plan Mode (clarify + plan).
• Model / Preset: select the model used for this task.
• Thinking depth: adjust how deeply the model reasons (if available).

Context Attachments Attach files to improve accuracy:

• @ (Codebase files): attach files from the current repository.
• Pin (Local files): attach files from your computer.

Input Tips:

• Press Enter to send, Shift+Enter for new line
• Use @filename to reference specific files
• Drag and drop images directly into the input
• Switch modes with Shift+Tab or Ctrl+.
• Switch models with Ctrl+/ or Cmd+/

---

​

Review Changes Component

After Verdent completes changes, the Review Changes component provides visibility: Tabs: Features:

• View exact changes made by Verdent
• Natural language summaries of modifications
• File links to jump to specific changes
• Transparent view with no black boxes

---

​

Terminal Panel

The integrated terminal provides command-line access: Terminal Features: Usage:

• Terminal commands executed by Verdent appear here
• Manual command execution for testing
• View build output, test results, etc.

---

​

Keyboard Shortcuts

See Keyboard Shortcuts for the complete list.

---

​

Customization

Theme Settings:

• Light, Dark, or System theme
• Settings → General → Appearance

Layout Settings:

• Panel sizes (adjustable)

Editor Settings:

• Font family and size
• Tab size and indentation
• Line numbers and word wrap

---

​

FAQs

How do I resize the panels?

Drag the borders between panels to resize. Your layout preferences are saved automatically.

Can I detach panels into separate windows?

Currently, all panels remain within the main window. This helps maintain context between chat, editor, and terminal.

What's the difference between a workspace and a task?

A workspace is an isolated git worktree for parallel work. A task is a conversation thread within a workspace. Multiple tasks can run in the same workspace and share the workspace file state.

How do I switch between workspaces?

Click All Workspaces in the top bar to see and switch between active workspaces.

Can I run multiple tasks in the same workspace?

Yes. Tasks share the workspace file state, and context is preserved when switching between tasks.

How do I see what files changed in my current task?

Click Task Changes in the middle panel to view all files changed within the current task. This shows modifications for the current workspace only, not across different workspaces.

What does 'Context Remaining' mean?

Context Remaining shows how much model context is left for the current conversation. When context runs low, consider starting a new task.

How do I revert changes made by Verdent?

Use Source Control (Ctrl+Shift+G / Cmd+Shift+G) to discard or revert specific file changes.

How do I rollback a conversation?

Hover over any message in the chat and click Rollback to this point to revert the conversation to that point in time.

Can I use Verdent alongside VS Code?

Yes. Click Open in VS Code (Ctrl+E / Cmd+E) in the workspace bar to open the current workspace in VS Code.

---

​

See Also