Skip to main content

Understanding the Interface

This guide will help you navigate the HFIM Admin Panel and understand its main components.

Admin Panel Layout​

The admin panel uses a consistent layout across all pages:

Key Components​

1. Sidebar Navigation (Left Side)​

The sidebar provides quick access to all admin features:

  • 📊 Dashboard - Overview and key metrics
  • 💾 Cache Management - Manage cached responses
  • 💬 Conversations - Review user interactions
  • ⭐ Popular Questions - Track frequently asked questions
  • 🤖 Variation Generator - Create question variations
  • 📝 Prompt Config - Customize chatbot behavior
  • 🔤 Acronyms & Queries - Manage acronym expansions
  • 📜 Activity Log - View system activity
  • 🔧 Maintenance - System maintenance tools
  • 📈 Analytics - Usage statistics and insights
Navigation Shortcut

The sidebar is always visible, so you can quickly jump between sections at any time!

2. User Info (Top of Sidebar)​

Shows your login status:

  • Your email address
  • Admin Panel branding

3. Main Content Area (Center)​

This is where you'll interact with features:

  • View tables and lists
  • Edit content in modals
  • Apply filters and search
  • Perform actions on records

4. Action Buttons (Top Right)​

Common actions like:

  • 🔄 Refresh - Reload current data
  • Bulk operation buttons (varies by section)

Common Patterns​

Tables and Lists​

Most admin pages display data in tables with:

  • Sortable columns - Click column headers to sort
  • Pagination - Navigate through multiple pages of results
  • Action buttons - View, Edit, Delete, etc. for each row
  • Checkboxes - Select multiple items for bulk operations

Many sections include filter controls:

  1. Search box - Type to find specific entries
  2. Dropdown filters - Filter by status, type, etc.
  3. Sort controls - Choose sort field and direction
  4. Apply/Clear buttons - Apply or reset filters

Modals (Popup Windows)​

When you click "Edit" or "View", a modal window appears:

  • Edit modals - Modify records with form fields
  • View modals - See detailed information
  • Close button (×) - Top-right corner to dismiss
  • Action buttons - Save Changes, Cancel, etc. at bottom
Unsaved Changes

Remember to click "Save Changes" before closing edit modals, or your changes will be lost!

Activity Log​

Most pages include an Activity Log section at the bottom:

  • Shows recent changes made to records
  • Includes timestamp, user, action, and changes
  • Helps track who made what changes and when
info

If the activity log shows "Failed to load", this doesn't affect the main functionality - it just means the audit log data couldn't be retrieved.

Getting Around​

Quick Navigation Tips​

  1. Use the sidebar - Fastest way to switch between sections
  2. Bookmarks - Bookmark frequently-used pages in your browser
  3. Browser back button - Works to return to previous pages
  4. External link - "Developer Docs" opens in a new tab

Responsive Design​

The admin panel works best on:

  • ✅ Desktop computers (recommended)
  • ✅ Laptop screens (1366×768 or larger)
  • ⚠️ Tablets (may require scrolling)
  • ❌ Mobile phones (not optimized)
Best Experience

Use a desktop or laptop with a screen resolution of at least 1366×768 for the best experience.

Status Indicators​

Throughout the interface, you'll see status indicators:

Cache Entries​

  • Active - Currently in use
  • Inactive - Disabled

Feedback​

  • 👍 Positive feedback
  • 👎 Negative feedback
  • — No feedback

Actions​

  • 🔄 Refresh data
  • ✏️ Edit item
  • 👁️ View details
  • ⏸️ Deactivate
  • 🗑️ Delete

What's Next?​

Now that you understand the interface layout:

  1. Learn about login and security
  2. Start managing cache entries
  3. View user conversations

Need help? If you can't find a feature, try the search bar at the top or check the FAQ.

Last updated on