Dashboard Overview
The LangCTL web dashboard provides a user-friendly interface for managing translations, collaborating with team members, and monitoring your projects.
Getting Started with the Dashboard
Access the dashboard at app.langctl.com. After signing in, you’ll land on your organization’s home page.
[IMAGE: dashboard-home.png - Screenshot of the main dashboard landing page]
Dashboard Layout
The dashboard is organized into several main sections:
Top Navigation Bar
- Organization Selector - Switch between organizations (if you’re a member of multiple)
- Search - Quickly find projects, keys, or team members
- Notifications - View team activity and system notifications
- User Menu - Access settings, billing, and account options
Sidebar Navigation
- Projects - View and manage all translation projects
- Translations - Browse and edit translation keys across projects
- Export - Generate translation files for your applications
- Import - Upload existing translation files
- Team - Manage organization members and invitations
- API Keys - Create and manage CLI authentication keys
- Subscription - View usage and upgrade your plan
- Audit Logs - Track all changes and activities
[IMAGE: sidebar-navigation.png - Screenshot highlighting the sidebar menu]
Quick Actions
From the home page, you can quickly:
Create a New Project
Click the “New Project” button to start a new translation project:
- Enter project name and description
- Select default language
- Add additional languages
- Click “Create Project”
[IMAGE: create-project-modal.png - Screenshot of the create project dialog]
Recent Activity
The activity feed shows:
- Translation key changes
- Team member activity
- Project updates
- Export/import operations
- Publishing events
Use the activity feed to stay in sync with your team’s work and catch up on changes made while you were away.
Organization Dashboard
The organization dashboard provides an overview of:
Usage Statistics
- Translation Keys: Current count vs. plan limit
- Projects: Active projects count
- Team Members: Member count vs. plan limit
- AI Translations: Usage this month
- API Keys: Active keys vs. plan limit
[IMAGE: usage-stats.png - Screenshot of usage statistics cards]
Project List
View all projects with key information:
| Column | Description |
|---|---|
| Name | Project name and description |
| Languages | Supported language codes |
| Keys | Total translation key count |
| Progress | Translation completion percentage |
| Last Updated | Most recent modification timestamp |
Click any project to view its translations, or use the context menu (⋮) for quick actions like export, settings, or delete.
Search Functionality
The global search allows you to find:
- Projects by name or description
- Translation Keys by key name or value
- Team Members by name or email
- Modules by name
- "home.welcome" -> Find keys containing this text
- "auth.*" -> Find all keys in auth module
- "@john" -> Find all activity by user John
- "es:" -> Find keys missing Spanish translation[IMAGE: search-results.png - Screenshot of search functionality in action]
Keyboard Shortcuts
Speed up your workflow with keyboard shortcuts:
| Shortcut | Action |
|---|---|
Cmd/Ctrl + K | Open search |
Cmd/Ctrl + N | New project |
Cmd/Ctrl + B | Toggle sidebar |
Cmd/Ctrl + , | Open settings |
G then P | Go to Projects |
G then T | Go to Translations |
G then E | Go to Export |
Press ? anywhere in the dashboard to view all available keyboard shortcuts.
Dashboard Sections Overview
Projects Section
Manage all translation projects, create new ones, configure languages, and set project-level settings. Learn more ->
Translations Section
Browse, create, edit, and organize translation keys. Use filters to find keys by module, language completion, or publication status. Learn more ->
AI Translation
Leverage AI to automatically translate keys individually or in bulk. Review and edit AI suggestions before publishing. Learn more ->
Export Section
Generate platform-specific translation files (i18next, Android XML, iOS Strings, Flutter ARB, JSON). Filter by language, module, and publication status. Learn more ->
Import Section
Upload existing translation files to populate your project. Supports multiple formats with conflict resolution options. Learn more ->
Team Section
Invite team members, assign roles, and manage permissions. View member activity and remove users when needed. Learn more ->
Subscription Section
Monitor usage, upgrade plans, and manage billing. View detailed usage history and forecasted overages. Learn more ->
Responsive Design
The dashboard is fully responsive and works on:
- Desktop - Full feature set with multi-column layouts
- Tablet - Optimized layout with collapsible sidebar
- Mobile - Essential features with touch-optimized interface
For bulk operations and complex workflows, we recommend using the desktop version or the CLI tool for the best experience.
Theme and Preferences
Customize your dashboard experience:
- Theme: Switch between light, dark, or system default
- Language: Set your preferred UI language
- Notifications: Configure email and in-app notifications
- Timezone: Set your preferred timezone for timestamps
Access preferences from the user menu in the top-right corner.
Data Refresh
The dashboard automatically refreshes data:
- Real-time updates for team activity
- 5-second polling for translation changes
- Manual refresh available via the refresh button
When working with the CLI and dashboard simultaneously, the dashboard will automatically reflect CLI changes within seconds.
Browser Support
LangCTL dashboard supports:
- Chrome/Edge 90+ (recommended)
- Firefox 88+
- Safari 14+
- Opera 76+
Internet Explorer is not supported. Please use a modern browser for the best experience.
Next Steps
Now that you understand the dashboard layout, dive into specific features:
- Managing Projects - Create and configure projects
- Translation Management - Work with translation keys
- AI Translation - Use AI-powered translations
- Export Translations - Generate files for your app