652 lines
40 KiB
HTML
652 lines
40 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Mobile Interface - konn3kt Documentation</title>
|
|
<link rel="icon" href="https://konn3kt.teallvbs.xyz/logo.jpeg">
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
<style>
|
|
.mobile-showcase {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 3rem;
|
|
margin-top: 2rem;
|
|
margin-bottom: 4rem;
|
|
}
|
|
.mobile-device-frame {
|
|
flex: 0 0 300px;
|
|
border-radius: 36px;
|
|
overflow: hidden;
|
|
border: 8px solid #18181b;
|
|
box-shadow: 0 20px 40px rgba(0,0,0,0.5);
|
|
background: #000;
|
|
}
|
|
.mobile-device-frame img {
|
|
width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
.mobile-description {
|
|
flex: 1;
|
|
min-width: 300px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="layout">
|
|
<main class="main-content">
|
|
<header class="page-header">
|
|
<h1 class="page-title">Mobile Interface</h1>
|
|
<p class="page-subtitle">A comprehensive guide to using the konn3kt mobile web application.</p>
|
|
</header>
|
|
|
|
<section>
|
|
<h2>1. Home Dashboard</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6485.png" alt="Mobile Home Dashboard">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>What it is:</h3>
|
|
<p>The <strong>Home</strong> tab is your central hub when accessing konn3kt from a mobile device. It provides an immediate overview of your primary IQ.Pilot device.</p>
|
|
<h3>How to use it:</h3>
|
|
<ul>
|
|
<li><strong>Status Card:</strong> Instantly check if your vehicle is <em>Online</em> or <em>Parked</em>. It displays your total drives, total miles, and current fuel/energy level.</li>
|
|
<li><strong>Quick Actions:</strong> Four large buttons give you immediate access to your most frequently used tools: <strong>Live View</strong>, <strong>Routes</strong>, <strong>Device Stats</strong>, and the <strong>Terminal</strong>.</li>
|
|
<li><strong>Bottom Navigation:</strong> Use the bottom bar to switch between <em>Home</em>, <em>Devices</em>, <em>Drives</em>, and your <em>Profile</em>.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>2. Device Management & Actions</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6486.png" alt="Mobile Devices View Top">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>What it is:</h3>
|
|
<p>The <strong>Devices</strong> tab provides deep access to a specific piece of hardware. It lists every available tool and configuration option for the selected device.</p>
|
|
<h3>How to use it:</h3>
|
|
<ul>
|
|
<li><strong>Device Selector:</strong> The top card shows the currently selected device. If you have multiple devices, you can manage them here.</li>
|
|
<li><strong>Nodes:</strong> Tap <strong>Manage Nodes</strong> to configure any self-hosted storage servers associated with this device.</li>
|
|
<li><strong>Media Actions:</strong> Tap <strong>Live Camera</strong> to start a stream, or <strong>Routes & Clips</strong> / <strong>Snapshots</strong> to review past media.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6487.png" alt="Mobile Devices View Middle">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Advanced Tools:</h3>
|
|
<p>Scrolling down the Devices list reveals professional-grade management tools formatted for mobile:</p>
|
|
<ul>
|
|
<li><strong>SSH Terminal:</strong> Opens a secure shell directly in your mobile browser to run Linux commands on your device.</li>
|
|
<li><strong>Local File Browser:</strong> Navigate your device's internal storage (e.g., <code>/data/media</code>) remotely.</li>
|
|
<li><strong>Live Messages & Debug:</strong> Stream raw system bus data or view the device's tmux output in real-time for troubleshooting.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6489.png" alt="Mobile Devices View Bottom">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Settings & Pairing:</h3>
|
|
<p>At the bottom of the list, you'll find system settings.</p>
|
|
<ul>
|
|
<li><strong>Device Settings:</strong> Tap here to rename your vehicle, manage SSH keys, adjust system toggles, or unpair the device.</li>
|
|
<li><strong>+ Add Device:</strong> Use this button to initiate a new pairing sequence (QR Code or Manual) right from your phone.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>3. Live View Streaming</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6490.png" alt="Mobile Live View Start">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>What it is:</h3>
|
|
<p>The <strong>Live View</strong> interface is optimized for mobile screens, allowing you to monitor your car's cameras from anywhere.</p>
|
|
<h3>How to use it:</h3>
|
|
<ul>
|
|
<li>When you open Live View, the stream is paused to save data.</li>
|
|
<li>Tap the large blue <strong>Start Live Stream</strong> button at the bottom of the screen to initiate a secure peer-to-peer connection with your IQ.Pilot device.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6491.png" alt="Mobile Live View Negotiating">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Connection States:</h3>
|
|
<p>While connecting, the app will guide you through the process:</p>
|
|
<ul>
|
|
<li><strong>Negotiating...</strong> indicates that konn3kt is currently establishing an encrypted bridge to your vehicle.</li>
|
|
<li>Once connected, the screen will populate with the live camera feed, and remote vehicle controls (if compatible) will appear.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h2>4. Active Live Stream</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6492.png" alt="Mobile Live View Active">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>What it is:</h3>
|
|
<p>The active streaming view provides a real-time window into your vehicle via a secure, low-latency connection.</p>
|
|
<h3>How to use it:</h3>
|
|
<ul>
|
|
<li><strong>Camera Switcher:</strong> Use the <strong>Road</strong> and <strong>Driver</strong> buttons at the bottom to toggle between the forward-facing and interior-facing cameras.</li>
|
|
<li><strong>Telemetry Overlay:</strong> The bottom right corner displays real-time stream telemetry, showing the connection Latency (e.g., 118ms) and the current Frames Per Second (FPS).</li>
|
|
<li><strong>Stop Stream:</strong> Tap the red <strong>Stop Stream</strong> button to close the connection and save data.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>5. Routes & Clips</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6493.png" alt="Mobile Routes List">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>What it is:</h3>
|
|
<p>A chronological list of all drives recorded by your IQ.Pilot device, formatted for easy scrolling on a mobile screen.</p>
|
|
<h3>How to use it:</h3>
|
|
<ul>
|
|
<li><strong>Drive Cards:</strong> Each card displays the date, time, duration, and distance of a specific trip.</li>
|
|
<li><strong>Quick Actions:</strong> Under each drive, you have four immediate actions:
|
|
<ul>
|
|
<li><strong>Play:</strong> Jump straight into the video playback and map view for that route.</li>
|
|
<li><strong>Files:</strong> Open the detailed data segment view to download raw logs or video files.</li>
|
|
<li><strong>Preserve:</strong> Star the route to protect it from automatic deletion.</li>
|
|
<li><strong>Delete:</strong> Permanently remove the route data from the cloud.</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>6. File Management</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6494.png" alt="Mobile Files View">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>What it is:</h3>
|
|
<p>The detailed file explorer for a specific route. This allows you to interact with the raw data segments captured during a drive.</p>
|
|
<h3>How to use it:</h3>
|
|
<ul>
|
|
<li><strong>Data Requests:</strong> Use the buttons at the top to <strong>Request RLogs</strong> (high-resolution logs) or <strong>View Uploads Queue</strong> to see what your device is currently sending to the server.</li>
|
|
<li><strong>Segment View:</strong> Each drive is broken down into minute-long segments. You can expand a segment to see the individual files (qcamera, qlog, rlog).</li>
|
|
<li><strong>Downloads:</strong> Tap the download icon next to any file (e.g., <code>qcamera.ts--0</code>) to save it directly to your mobile device.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>7. Device Stats & Health</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6495.png" alt="Mobile Device Stats Top">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>What it is:</h3>
|
|
<p>The Device Stats page provides a comprehensive breakdown of your hardware's health and lifetime usage metrics.</p>
|
|
<h3>How to use it:</h3>
|
|
<ul>
|
|
<li><strong>Version Info:</strong> Check the exact IQ.Pilot version running on your device (e.g., <code>IQ.Pilot 1.0b</code>) and when the device was "Last Seen" by the server.</li>
|
|
<li><strong>Vehicle Data:</strong> Monitor specific vehicle states like the Fuel Tank level or EV battery range.</li>
|
|
<li><strong>System Health:</strong> Keep an eye on the <strong>Car Battery</strong> voltage (to prevent a dead battery) and the <strong>CPU Temp</strong> (to ensure the device isn't overheating).</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6496.png" alt="Mobile Device Stats Bottom">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Detailed Metrics:</h3>
|
|
<p>Scrolling down the stats page reveals aggregate data and hardware identifiers.</p>
|
|
<ul>
|
|
<li><strong>Storage & Network:</strong> Check your remaining free space (e.g., 91%) and the active connection type (e.g., 4G LTE).</li>
|
|
<li><strong>Driving Totals:</strong> View your lifetime Total Drives, Total Miles, and Total Hours.</li>
|
|
<li><strong>Hardware Info:</strong> Find your <strong>Dongle ID</strong>, Device Model (e.g., Comma 3X), and the total amount of konn3kt cloud data you have used.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h2>7. Device Stats & Health (Continued)</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6497.png" alt="Mobile Device Stats Network">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Detailed Metrics (Continued):</h3>
|
|
<p>At the bottom of the device stats page, you can find the final critical details about your hardware.</p>
|
|
<ul>
|
|
<li><strong>Hardware Info:</strong> Find your 16-character <strong>Dongle ID</strong>. This is your device's unique serial number on the konn3kt network.</li>
|
|
<li><strong>Cloud Usage:</strong> View the total amount of data (e.g., 13.78 GB) your device has uploaded to the konn3kt servers.</li>
|
|
<li><strong>Last Known Location:</strong> A quick link to open your vehicle's last reported GPS coordinates in your phone's native mapping application (Apple Maps or Google Maps).</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>8. Secure Web Terminal</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6498.png" alt="Mobile Terminal Start">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>What it is:</h3>
|
|
<p>The Web Terminal provides full SSH access to your IQ.Pilot device directly within your mobile browser. No external apps required.</p>
|
|
<h3>How to use it:</h3>
|
|
<ul>
|
|
<li>When you open the Terminal from the Quick Actions menu, konn3kt establishes an encrypted tunnel using the public key you provided during pairing.</li>
|
|
<li>The terminal opens directly into the <code>/data/openpilot</code> directory, giving you immediate access to the core software environment.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6499.png" alt="Mobile Terminal Keyboard">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Mobile Keyboard Shortcuts:</h3>
|
|
<p>Because typing Linux commands on a mobile phone can be tedious, the konn3kt terminal includes a custom shortcut bar above your native keyboard.</p>
|
|
<ul>
|
|
<li><strong>Modifier Keys:</strong> Use the on-screen <code>ESC</code>, <code>CTRL</code>, and <code>TAB</code> buttons for command-line navigation and auto-completion.</li>
|
|
<li><strong>Clipboard:</strong> Quick copy and paste buttons are built right into the bar.</li>
|
|
<li><strong>Arrow Keys:</strong> Use the directional arrows to scroll through your bash history or move the cursor within a command.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>9. Drive Playback & Analysis</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6501.png" alt="Mobile Route Playback Video">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>What it is:</h3>
|
|
<p>The Route Details view is your mobile command center for analyzing past drives, featuring a synchronized video player and event timeline.</p>
|
|
<h3>How to use it:</h3>
|
|
<ul>
|
|
<li><strong>Camera Switcher:</strong> Tap the <strong>Road</strong>, <strong>Driver</strong>, or <strong>Wide</strong> buttons overlaid on the video to switch camera angles during playback.</li>
|
|
<li><strong>Interactive Timeline:</strong> The colored dots below the video represent events (like engagements or disengagements). Tap any dot to instantly jump the video to that moment.</li>
|
|
<li><strong>View Toggle:</strong> Use the tabs below the player (Video, Map, Events) to switch the primary focus of the page. The video will continue playing seamlessly as you navigate the map or scroll through the event list.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h2>9. Drive Playback & Analysis (Continued)</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6502.png" alt="Mobile Route Playback Map">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Map View:</h3>
|
|
<p>Switching to the <strong>Map</strong> tab replaces the video player with an interactive Apple Maps view of your route.</p>
|
|
<ul>
|
|
<li><strong>Route Trace:</strong> Your vehicle's path is drawn in a bold blue line.</li>
|
|
<li><strong>Current Position:</strong> The red pin shows the exact location of the vehicle at the current timestamp in the playback timeline. It moves automatically as the timeline progresses.</li>
|
|
<li><strong>Start & End Data:</strong> Below the map, you can view the precise, reverse-geocoded Start and End addresses of the trip.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6503.png" alt="Mobile Route Playback Events">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Events View:</h3>
|
|
<p>The <strong>Events</strong> tab provides a granular breakdown of everything IQ.Pilot recorded.</p>
|
|
<ul>
|
|
<li><strong>Event Timeline Bar:</strong> A condensed visual representation of the entire drive. The green blocks indicate when IQ.Pilot was engaged.</li>
|
|
<li><strong>Event Tally:</strong> A quick summary showing the total number of events, engagements, disengagements, alerts, and user flags.</li>
|
|
<li><strong>Detailed List:</strong> A chronological feed of specific events (e.g., "Warning: this branch is not tested", "Lkas fault", "Reverse gear"). Tapping any of these will instantly seek the playback to that exact second.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>10. Global Drives List</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6505.png" alt="Mobile Global Drives List">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>What it is:</h3>
|
|
<p>The main <strong>Drives</strong> tab (accessed from the bottom navigation bar) provides a global view of all your trips across all your devices.</p>
|
|
<h3>How to use it:</h3>
|
|
<ul>
|
|
<li><strong>Aggregate Stats:</strong> The top header displays your lifetime Total Drives, Miles, and Total Time across your entire account.</li>
|
|
<li><strong>Filters:</strong> Use the buttons to quickly filter by <strong>All</strong>, <strong>Preserved</strong>, or routes that have <strong>Video</strong> available. You can also use the funnel icon in the top right for advanced filtering.</li>
|
|
<li><strong>Play Button:</strong> Tap the large blue play icon on any drive card to jump directly into the playback view.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h2>11. Device Settings</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6521.png" alt="Mobile Device Settings">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Configuration Overview:</h3>
|
|
<p>The <strong>Device Settings</strong> page allows you to deep-tune your IQ.Pilot hardware directly from your phone.</p>
|
|
<ul>
|
|
<li><strong>Device Identity:</strong> Quickly change the Device Alias to something recognizable (e.g., "Das Auto").</li>
|
|
<li><strong>Hardware Info:</strong> Verify the auto-detected Device Maker (Comma.ai) and Hardware Revision (Comma 3X).</li>
|
|
<li><strong>Software Branch:</strong> Switch the active IQ.Pilot branch (e.g., to "Release (Stable)"). <em>Changing this will prompt a device reboot.</em></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6522.png" alt="Mobile System Toggles">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>System Toggles:</h3>
|
|
<p>Control exactly how IQ.Pilot behaves on the road.</p>
|
|
<ul>
|
|
<li><strong>IQ.Pilot Longitudinal Control:</strong> Toggle whether the system controls your gas and brakes.</li>
|
|
<li><strong>Longitudinal Mode:</strong> Choose the driving personality: <em>IQ.Standard</em>, <em>IQ.Dynamic</em>, or the advanced end-to-end <em>IQ.Pilot</em>.</li>
|
|
<li><strong>AOL (Always On Lateral):</strong> Keep steering control active even when cruise control (longitudinal) is paused.</li>
|
|
<li><strong>WebSSH & Cellular Uploads:</strong> Enable remote terminal access and allow route data to upload using cellular data.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>12. Advanced Tuning & Navigation</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6523.png" alt="Mobile Always On Lateral">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>AOL Specifics:</h3>
|
|
<p>If Always On Lateral is enabled, you can fine-tune its behavior:</p>
|
|
<ul>
|
|
<li><strong>Disengage On Brake Pedal:</strong> Choose whether pressing the brake completely turns off steering or just pauses it.</li>
|
|
<li><strong>Toggle With Cruise Main:</strong> Allow your car's main cruise button to turn the system on and off.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6524.png" alt="Mobile Fine Tuning">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Fine Tuning:</h3>
|
|
<p>Advanced parameters for tweaking the driving model's feel:</p>
|
|
<ul>
|
|
<li><strong>Self-Tuning:</strong> Enable Neural Network Feed Forward (NNFF) to let the device learn torque values live.</li>
|
|
<li><strong>Manual Tuning:</strong> Expose raw variables like <em>Lateral Acceleration Factor</em> and <em>Friction</em>.</li>
|
|
<li><strong>Lane Placement:</strong> Bias the car's position slightly left or right within the lane.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6526.png" alt="Mobile Navigation Maps">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Navigation Setup:</h3>
|
|
<p>Configure offline routing data.</p>
|
|
<ul>
|
|
<li><strong>OSM Maps:</strong> Select your Country and State (e.g., United States, California) and tap <strong>Start Download</strong> to save map data directly to the device for offline use.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>13. Software Updates & Backups</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6527.png" alt="Mobile Software Update">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Software Management:</h3>
|
|
<ul>
|
|
<li><strong>Updates:</strong> Tap <strong>Check for Updates</strong> to pull the latest IQ.Pilot code. You can also view update <strong>Errors</strong> if a pull fails.</li>
|
|
<li><strong>Private Repos:</strong> Enter a Git Username (or token) and Password if you are pulling an experimental branch from a private repository.</li>
|
|
<li><strong>Quick Update:</strong> Forces a <code>git pull</code> and automatically restarts the UI.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6530.png" alt="Mobile Backups">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Backups & SSH:</h3>
|
|
<ul>
|
|
<li><strong>Device Backups:</strong> Securely save your current configuration to the cloud. Backups are encrypted with the device's private key.</li>
|
|
<li><strong>SSH Keys:</strong> Manage the keys required for Web Terminal access. You can view keys linked to your konn3kt account or keys stored directly on the hardware.</li>
|
|
<li><strong>Danger Zone:</strong> The red <strong>Unpair Device</strong> button permanently removes the hardware from your account.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>14. Profile & Security</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6506.png" alt="Mobile Profile Menu">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Profile Dashboard:</h3>
|
|
<p>The <strong>Profile</strong> tab is where you manage your konn3kt account.</p>
|
|
<ul>
|
|
<li><strong>My Devices:</strong> Quickly switch your "Main" default device or tap <strong>+ Add</strong> to pair a new one.</li>
|
|
<li><strong>Settings:</strong> Access global account preferences for Notifications, Appearance, and Security.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6507.png" alt="Mobile Notifications">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Push Notifications:</h3>
|
|
<p>Configure what alerts konn3kt sends to your phone.</p>
|
|
<ul>
|
|
<li><strong>Device Status:</strong> Get notified instantly if your device goes Offline or comes back Online.</li>
|
|
<li><strong>Drives:</strong> Receive an alert the moment your vehicle starts a new drive.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6510.png" alt="Mobile Security">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Mobile Security:</h3>
|
|
<p>Protect your sensitive data and remote controls.</p>
|
|
<ul>
|
|
<li><strong>Biometrics:</strong> Enable <strong>Face ID</strong> or <strong>Device Passcode</strong> to require authentication before opening the app.</li>
|
|
<li><strong>Sensitive Features:</strong> Toggle <strong>Require Auth for Live View & SSH</strong> to ensure no one can stream your cameras or access the terminal without a secondary biometric scan.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h2>15. Profile Details & Appearance</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6508.png" alt="Mobile Appearance Settings">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Appearance Settings:</h3>
|
|
<p>Customize how the app looks on your device.</p>
|
|
<ul>
|
|
<li><strong>Accent Color:</strong> Choose a personal color (like Cyan) that highlights buttons, icons, and route lines.</li>
|
|
<li><strong>Theme:</strong> Force Dark mode, Light mode, or let it match your system settings.</li>
|
|
<li><strong>Car Logo:</strong> Select an icon (Default, VW, Audi, Tesla, Toyota) to display next to your vehicle's alias.</li>
|
|
<li><strong>Font Size:</strong> Adjust the text size (Small, Medium, Large) for readability.</li>
|
|
<li><strong>Picture-in-Picture:</strong> Enable this to let live video feeds continue floating on your screen even if you minimize the app.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6512.png" alt="Mobile About App">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>About App & Links:</h3>
|
|
<p>The About section provides quick external links and app info.</p>
|
|
<ul>
|
|
<li><strong>External Links:</strong> Jump directly to the konn3kt Website or join the Discord Community.</li>
|
|
<li><strong>Legal:</strong> Review the Privacy Policy and Terms of Service.</li>
|
|
<li><strong>Version:</strong> The current app version (e.g., v1.4.4) is displayed at the bottom of the profile page.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>16. Snapshots & Self-Hosted Nodes</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6514.png" alt="Mobile Self-Hosted Nodes">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Self-Hosted Nodes:</h3>
|
|
<p>If you prefer not to use konn3kt's cloud storage, you can link your own server.</p>
|
|
<ul>
|
|
<li><strong>Pair Node:</strong> Tap this to scan a QR code from your self-hosted instance. Once paired, your device will upload drives directly to your hardware while still using the konn3kt interface for playback.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6515.png" alt="Mobile Snapshots Capture">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Capturing Snapshots:</h3>
|
|
<p>Pull high-resolution images from your vehicle at any time.</p>
|
|
<ul>
|
|
<li><strong>Capture Controls:</strong> Tap "Capture All Cameras" or specifically request an image from the Road, Driver, or Wide camera.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6516.png" alt="Mobile Snapshots List">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Viewing Snapshots:</h3>
|
|
<p>Saved images appear in a gallery.</p>
|
|
<ul>
|
|
<li><strong>Gallery:</strong> Images are labeled by camera type (e.g., ROAD, DRIVER) and timestamped. Tap any image to view it full screen and save it to your phone.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>17. Advanced File Browser & Debugging</h2>
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6517.png" alt="Mobile File Browser Root">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Local File Browser:</h3>
|
|
<p>Navigate your IQ.Pilot device's internal filesystem directly from your phone.</p>
|
|
<ul>
|
|
<li><strong>Breadcrumbs:</strong> The top bar shows your current path (e.g., <code>//data/openpilot</code>).</li>
|
|
<li><strong>Quick Links:</strong> Jump instantly to common directories like <code>/data</code>, <code>openpilot</code>, or <code>params</code>.</li>
|
|
<li><strong>Navigation:</strong> Tap folders (like <code>.git</code> or <code>cereal</code>) to explore, or use the <code>.. Go up</code> button to step back.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6518.png" alt="Mobile File Browser Deep">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>File Interaction:</h3>
|
|
<p>When you navigate into specific code directories (like <code>iqpilot/aol</code>), you can see the python files (<code>.py</code>).</p>
|
|
<ul>
|
|
<li><strong>File Info:</strong> Displays file size (e.g., 9.1 KB). Tapping a file gives you options to download, delete, or view it if supported.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6519.png" alt="Mobile Live Messages">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Live Messages:</h3>
|
|
<p>Subscribe to the raw system event bus.</p>
|
|
<ul>
|
|
<li><strong>Polling:</strong> Displays the active connection status and polling rate (e.g., every 5s).</li>
|
|
<li><strong>Message Types:</strong> Select specific system messages (like <code>deviceState</code>) to view the raw JSON data stream coming from your vehicle.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-showcase">
|
|
<div class="mobile-device-frame">
|
|
<img src="assets/images/IMG_6520.png" alt="Mobile Live Debug Log">
|
|
</div>
|
|
<div class="mobile-description">
|
|
<h3>Live Debug Log (tmux):</h3>
|
|
<p>Watch the raw system output as IQ.Pilot operates.</p>
|
|
<ul>
|
|
<li><strong>Read-only Stream:</strong> This view continuously tails the internal <code>tmux</code> session. It is extremely useful for catching immediate crash errors or observing boot sequences without needing to type SSH commands.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
<script src="assets/nav.js"></script>
|
|
</body>
|
|
</html> |