Xedant Code works on mobile devices through a dedicated PWA (Progressive Web App) mode. Access your AI chat, monitor builds, and review code changes from your phone or tablet — with an interface optimized for smaller screens.
What Is PWA Mode?
PWA mode is a mobile-optimized version of Xedant Code. It provides a streamlined experience designed for touch screens and smaller displays while retaining the core chat and monitoring functionality.
PWA mode is accessed by adding /mobile to your Xedant Code URL. For example, if your instance is at https://your-domain.com, the PWA address is https://your-domain.com/mobile.
The PWA works in mobile browsers on both iOS (Safari) and Android (Chrome), and can be installed on your home screen for an app-like experience without the browser address bar.
Accessing PWA Mode
To access Xedant Code on mobile:
- Open your mobile browser (Safari on iOS, Chrome on Android)
- Navigate to your Xedant Code URL with
/mobileappended - Log in with your credentials (the same username and password you use on desktop)
- The mobile-optimized interface loads automatically
Installing as a Home Screen App
For the best mobile experience, install Xedant Code as a home screen app. This removes the browser address bar and makes it behave like a native application:
On iOS (Safari):
- Open the PWA URL in Safari
- Tap the Share button (the square with an arrow pointing up)
- Scroll down and tap “Add to Home Screen”
- Enter a name for the app and tap “Add”
- The app icon appears on your home screen — tap it to launch
On Android (Chrome):
- Open the PWA URL in Chrome
- Tap the menu button (three dots in the top right)
- Tap “Add to Home Screen” or “Install App”
- Confirm the installation
- The app icon appears on your home screen — tap it to launch
Once installed, the app opens in standalone mode with no browser UI. It feels and behaves like a native application.
Mobile Interface
The mobile interface adapts the desktop experience for smaller screens. Here’s what to expect:
- Chat list — View and switch between your chat sessions. Swipe or scroll through the list.
- Chat interface — Streamlined message view optimized for mobile reading. AI responses and file edits display in a compact format.
- Input bar — Full-width input field at the bottom of the screen. Access control buttons through a menu.
- Status panels — Build, Deploy, and Git status are accessible via the bottom panel. Swipe left and right to switch between tabs.
- Navigation — Simplified navigation with fewer panels visible at once. Menus collapse into hamburger or drawer menus to maximize screen space.
Swipe gestures work throughout the interface for common actions like navigating between tabs and dismissing panels.
iOS-Specific Features
On iOS devices, Xedant Code handles Apple-specific requirements:
- Safe area insets — Content adjusts automatically to avoid overlapping with the notch (on iPhones with Face ID) and the home indicator bar at the bottom
- Keyboard handling — The viewport adjusts when the on-screen keyboard appears or disappears, so the input field remains visible while typing
- Smooth scrolling — Safari-specific optimizations ensure smooth, native-feeling scrolling throughout the interface
Limitations on Mobile
While the mobile interface covers the core features, some advanced functionality is best experienced on desktop:
- File editing — The file editor is available but the experience is optimized for desktop screens. For complex file operations, use the desktop interface.
- Advanced file management — Creating, renaming, moving, and deleting files works but is more practical with a keyboard and mouse.
- Code review — Reading diffs and large code blocks is more comfortable on a larger screen.
- Build/deploy monitoring — Available on mobile in a condensed format, but detailed build output is easier to review on desktop.
The mobile experience is ideal for chatting with the AI, monitoring build status, reviewing notifications, and keeping an eye on progress while away from your desk.