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

# Interface Navigation

> Learn how to navigate the Flowbotic platform interface

# Interface Navigation

The Flowbotic platform features an intuitive, user-friendly interface designed to help you efficiently manage your AI assistants, knowledge base, and communications. This guide will help you understand the interface layout and navigation elements.

## Interface Layout

The Flowbotic interface consists of several key areas:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/flowbotic-442cfb46/images/interface-overview.png" alt="Flowbotic Interface" />

*\[Screenshot placeholder: Full interface with numbered sections]*

### 1. Sidebar Navigation

The sidebar is your primary navigation tool, providing access to all major sections of the platform:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/flowbotic-442cfb46/images/sidebar-navigation.png" alt="Sidebar Navigation" />

*\[Screenshot placeholder: Sidebar with labels]*

* **Dashboard**: Main overview with key metrics and recent activity
* **Assistants**: Manage your AI assistants
* **Knowledge Base**: Upload and manage knowledge files
* **Tickets**: Handle support tickets and customer inquiries
* **Analytics**: View detailed performance reports and statistics
* **Settings**: Configure account and platform settings

<Note>
  You can collapse the sidebar by clicking the arrow icon at the bottom to gain more screen space.
</Note>

### 2. Top Navigation Bar

The top navigation bar includes:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/flowbotic-442cfb46/images/top-navigation.png" alt="Top Navigation" />

*\[Screenshot placeholder: Top navigation bar with labels]*

* **Organization Switcher**: Switch between organizations (if you belong to multiple)
* **Search Bar**: Global search function to find content across the platform
* **Notifications Bell**: View system notifications and alerts
* **Help Center**: Access documentation and support
* **User Profile Menu**: Access your profile settings and logout option

### 3. Main Content Area

This central area displays the active section's content and changes based on your selection in the sidebar:

* Shows different views, forms, and data visualizations
* Adapts to the selected section
* Includes section-specific action buttons and filters

### 4. Context Menu

Many items throughout the interface have context menus for quick actions:

* **Click the ⋮ (three dots)** icon to open context menus
* Access quick actions without navigating to detail pages
* Common options include Edit, Delete, Duplicate, and Share

## Navigation Patterns

### Breadcrumbs

At the top of the main content area, breadcrumbs show your current location in the platform hierarchy:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/flowbotic-442cfb46/images/breadcrumbs.png" alt="Breadcrumb Navigation" />

*\[Screenshot placeholder: Breadcrumb navigation example]*

Click on any segment to navigate to that level.

### Tabs

Many sections use tabs to organize related information:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/flowbotic-442cfb46/images/tab-navigation.png" alt="Tab Navigation" />

*\[Screenshot placeholder: Section with tabs]*

For example, when viewing an assistant's details, tabs might include:

* Overview
* Conversations
* Settings
* Analytics
* Knowledge

### Search Functionality

The global search function helps you quickly find what you need:

1. Click the search icon or press **Ctrl+K** (Windows) or **⌘+K** (Mac)
2. Type your search query
3. Results are categorized by type (Assistants, Knowledge, Tickets, etc.)
4. Click a result to navigate directly to that item

<img src="https://mintlify.s3.us-west-1.amazonaws.com/flowbotic-442cfb46/images/search-results.png" alt="Search Results" />

*\[Screenshot placeholder: Search results with categorized items]*

## Keyboard Shortcuts

Flowbotic supports various keyboard shortcuts to enhance productivity:

| Action             | Windows/Linux | macOS    |
| ------------------ | ------------- | -------- |
| Global Search      | Ctrl+K        | ⌘+K      |
| Save Changes       | Ctrl+S        | ⌘+S      |
| Create New         | Ctrl+N        | ⌘+N      |
| Go to Dashboard    | Alt+H         | Option+H |
| Open Notifications | Alt+N         | Option+N |
| Toggle Sidebar     | Alt+B         | Option+B |

To view all available keyboard shortcuts, press **?** anywhere in the platform.

## Responsive Design

Flowbotic adapts to different screen sizes:

* **Desktop**: Full interface with expanded sidebar
* **Tablet**: Collapsible sidebar with optimized layouts
* **Mobile**: Streamlined interface with priority on essential functions

<img src="https://mintlify.s3.us-west-1.amazonaws.com/flowbotic-442cfb46/images/responsive-views.png" alt="Responsive Design" />

*\[Screenshot placeholder: Platform on different devices]*

## Customization Options

Personalize your interface with these options:

1. **Theme Preferences**:
   * Go to User Profile > Settings > Appearance
   * Choose between Light, Dark, or System theme

2. **Display Density**:
   * Adjust between Comfortable, Standard, and Compact views
   * Found in User Profile > Settings > Appearance

3. **Default Views**:
   * Set your preferred landing page after login
   * Configure default filters for lists and reports

## Next Steps

Now that you're familiar with the interface, you're ready to start using Flowbotic's features:

<CardGroup cols={2}>
  <Card title="Create Your First Assistant" icon="robot" href="/ai-assistants/chat-assistants">
    Learn how to create and configure an AI assistant
  </Card>

  <Card title="Upload Knowledge Files" icon="file-arrow-up" href="/knowledge-base/uploading-files">
    Add documents to enhance your assistants' knowledge
  </Card>
</CardGroup>