neoagent 2.4.1-beta.9 → 2.4.1

package/flutter_app/lib/main_devices.dart

@@ -1,5 +1,7 @@
 part of 'main.dart';
 
+// ignore_for_file: unused_element
+
 class _OptimizedScreenshotPayload {
   const _OptimizedScreenshotPayload({
     required this.bytes,
@@ -26,6 +28,7 @@ class _DevicesPanelState extends State<DevicesPanel> {
   late final TextEditingController _androidLaunchController;
   late final TextEditingController _desktopLaunchController;
   late final TextEditingController _textEntryController;
+  late final TextEditingController _workspaceEditorController;
   Timer? _surfaceFrameTimer;
   _DeviceSurface _surface = _DeviceSurface.browser;
   _DeviceSurface? _runningSurface;
@@ -39,6 +42,7 @@ class _DevicesPanelState extends State<DevicesPanel> {
     );
     _desktopLaunchController = TextEditingController();
     _textEntryController = TextEditingController();
+    _workspaceEditorController = TextEditingController();
     WidgetsBinding.instance.addPostFrameCallback((_) {
       if (!mounted) {
         return;
@@ -57,6 +61,7 @@ class _DevicesPanelState extends State<DevicesPanel> {
       _androidLaunchController,
       _desktopLaunchController,
       _textEntryController,
+      _workspaceEditorController,
     ]) {
       controller.dispose();
     }
@@ -66,6 +71,7 @@ class _DevicesPanelState extends State<DevicesPanel> {
 
   bool get _isBrowser => _surface == _DeviceSurface.browser;
   bool get _isDesktop => _surface == _DeviceSurface.desktop;
+  bool get _isFiles => _surface == _DeviceSurface.files;
 
   bool get _isCurrentSurfaceBusy =>
       widget.controller.isRunningDeviceAction &&
@@ -180,6 +186,13 @@ class _DevicesPanelState extends State<DevicesPanel> {
       return;
     }
 
+    if (_isFiles) {
+      if (controller.workspaceEntries.isEmpty) {
+        await controller.refreshWorkspaceFiles();
+      }
+      return;
+    }
+
     if (_androidOnline && (controller.androidScreenshotPath ?? '').isEmpty) {
       await controller.screenshotAndroidRuntime();
     }
@@ -201,6 +214,9 @@ class _DevicesPanelState extends State<DevicesPanel> {
       await widget.controller.refreshDesktopFrameRuntime();
       return;
     }
+    if (_isFiles) {
+      return;
+    }
     if (_androidStarting) {
       await widget.controller.refreshDevices();
       if (_androidOnline &&
@@ -258,6 +274,11 @@ class _DevicesPanelState extends State<DevicesPanel> {
       return;
     }
 
+    if (_isFiles) {
+      await controller.refreshWorkspaceFiles();
+      return;
+    }
+
     if (!_androidOnline) {
       await controller.startAndroidRuntime();
       await widget.controller.refreshDevices();
@@ -299,6 +320,9 @@ class _DevicesPanelState extends State<DevicesPanel> {
       }
       return;
     }
+    if (_isFiles) {
+      return;
+    }
     if (!_androidOnline) {
       return;
     }
@@ -314,6 +338,8 @@ class _DevicesPanelState extends State<DevicesPanel> {
       await widget.controller.typeBrowserTextRuntime(text, pressEnter: true);
     } else if (_isDesktop) {
       await widget.controller.typeDesktopRuntime(text, pressEnter: true);
+    } else if (_isFiles) {
+      return;
     } else {
       await widget.controller.typeAndroidRuntime(<String, dynamic>{
         'text': text,
@@ -513,6 +539,18 @@ class _DevicesPanelState extends State<DevicesPanel> {
                       browserExtensionActive: usingExtension,
                       browserFallbackLabel: browserFallbackLabel,
                     ),
+                    if (_isFiles) ...<Widget>[
+                      const SizedBox(height: 14),
+                      _WorkspaceExplorer(
+                        controller: controller,
+                        editorController: _workspaceEditorController,
+                      ),
+                      const SizedBox(height: 14),
+                      _SurfaceSwitcher(
+                        surface: _surface,
+                        onSelect: _selectSurface,
+                      ),
+                    ] else ...<Widget>[
                     if (_isBrowser && prefersExtension) ...<Widget>[
                       const SizedBox(height: 14),
                       if (_browserExtensionDevices.isNotEmpty) ...<Widget>[
@@ -706,8 +744,8 @@ class _DevicesPanelState extends State<DevicesPanel> {
                         onAction: _runQuickAction,
                       ),
                       if (kIsWeb) ...<Widget>[
-                        const SizedBox(height: 14),
-                        AndroidApkDropZone(
+                        const SizedBox(height: 12),
+                        _AndroidActionsBox(
                           enabled: _androidOnline,
                           busy: _isCurrentSurfaceBusy,
                           onInstall: ({required filename, required bytes}) {
@@ -740,6 +778,7 @@ class _DevicesPanelState extends State<DevicesPanel> {
                       surface: _surface,
                       onSelect: _selectSurface,
                     ),
+                    ],
                   ],
                 ),
               ),
@@ -751,13 +790,14 @@ class _DevicesPanelState extends State<DevicesPanel> {
   }
 }
 
-enum _DeviceSurface { browser, android, desktop }
+enum _DeviceSurface { browser, android, desktop, files }
 
 extension _DeviceSurfaceX on _DeviceSurface {
   String get label => switch (this) {
     _DeviceSurface.browser => 'Browser',
     _DeviceSurface.android => 'Phone',
     _DeviceSurface.desktop => 'Desktop',
+    _DeviceSurface.files => 'Files',
   };
 
   String get helper => switch (this) {
@@ -765,12 +805,14 @@ extension _DeviceSurfaceX on _DeviceSurface {
     _DeviceSurface.android => 'Tap to touch. Drag to swipe.',
     _DeviceSurface.desktop =>
       'Tap to click. Drag to drag windows or selections.',
+    _DeviceSurface.files => 'Browse files created by the agent.',
   };
 
   IconData get icon => switch (this) {
     _DeviceSurface.browser => Icons.language_outlined,
     _DeviceSurface.android => Icons.smartphone_outlined,
     _DeviceSurface.desktop => Icons.computer_outlined,
+    _DeviceSurface.files => Icons.folder_outlined,
   };
 }
 
@@ -846,6 +888,7 @@ class _DeviceSurfaceHeader extends StatelessWidget {
             selectedDesktop?['label']?.toString().trim().isNotEmpty == true
                 ? selectedDesktop!['label'].toString()
                 : 'Desktop Companion',
+          _DeviceSurface.files => 'File Explorer',
         };
         final subtitle = switch (surface) {
           _DeviceSurface.browser =>
@@ -887,6 +930,8 @@ class _DeviceSurfaceHeader extends StatelessWidget {
                       ? 'One desktop companion is online. Open the surface to fetch the latest frame.'
                       : 'No desktop companion is online. Enable Companion Mode on a signed-in desktop app.'
                 : '${selectedDesktop['platform'] ?? 'desktop'} · ${selectedDesktop['hostname'] ?? 'unknown host'}',
+          _DeviceSurface.files =>
+            'Secure per-user workspace inside the isolated VM.',
         };
         final statusLabel = surface == _DeviceSurface.browser
             ? browserExtensionPreferred && selectedExtension == null
@@ -904,6 +949,8 @@ class _DeviceSurfaceHeader extends StatelessWidget {
                         : (selectedDesktop['online'] == true
                               ? 'Live'
                               : 'Offline'))
+            : surface == _DeviceSurface.files
+            ? 'Isolated'
             : (androidOnline
                   ? 'Live'
                   : androidStarting
@@ -915,6 +962,8 @@ class _DeviceSurfaceHeader extends StatelessWidget {
             ? (selectedDesktop?['paused'] == true
                   ? _warning
                   : (selectedDesktop?['online'] == true ? _success : _warning))
+            : surface == _DeviceSurface.files
+            ? _success
             : (androidOnline
                   ? _success
                   : (androidStarting ? _accent : _warning));
@@ -1021,16 +1070,19 @@ class _DeviceLaunchBar extends StatelessWidget {
       _DeviceSurface.android => _packageOrUrlHint,
       _DeviceSurface.desktop =>
         'Launch an app on the selected desktop (optional)',
+      _DeviceSurface.files => 'Workspace path',
     };
     final buttonLabel = switch (surface) {
       _DeviceSurface.browser => 'Open',
       _DeviceSurface.android => starting ? 'Starting...' : 'Launch',
       _DeviceSurface.desktop => 'Refresh',
+      _DeviceSurface.files => 'Refresh',
     };
     final sleepLabel = switch (surface) {
       _DeviceSurface.browser => 'Sleep Browser',
       _DeviceSurface.android => 'Sleep Phone',
       _DeviceSurface.desktop => 'Pause Desktop',
+      _DeviceSurface.files => 'Close',
     };
     final narrow = MediaQuery.sizeOf(context).width < 720;
 
@@ -1044,6 +1096,8 @@ class _DeviceLaunchBar extends StatelessWidget {
               ? Icons.travel_explore
               : surface == _DeviceSurface.desktop
               ? Icons.apps_outlined
+              : surface == _DeviceSurface.files
+              ? Icons.folder_outlined
               : Icons.open_in_new,
         ),
       ),
@@ -1056,6 +1110,8 @@ class _DeviceLaunchBar extends StatelessWidget {
             ? Icons.arrow_forward
             : surface == _DeviceSurface.desktop
             ? Icons.desktop_windows_outlined
+            : surface == _DeviceSurface.files
+            ? Icons.refresh_rounded
             : Icons.play_arrow,
       ),
       label: Text(buttonLabel),
@@ -1113,6 +1169,7 @@ class _DeviceTypeDock extends StatelessWidget {
       _DeviceSurface.browser => 'Type into the currently focused field',
       _DeviceSurface.android => 'Type into the current phone field',
       _DeviceSurface.desktop => 'Type into the focused desktop field',
+      _DeviceSurface.files => 'Edit the selected file',
     };
     final narrow = MediaQuery.sizeOf(context).width < 720;
 
@@ -1186,6 +1243,9 @@ class _DeviceQuickActions extends StatelessWidget {
       _DeviceSurface.android => const <MapEntry<String, IconData>>[
         MapEntry<String, IconData>('surface_refresh', Icons.refresh_rounded),
       ],
+      _DeviceSurface.files => const <MapEntry<String, IconData>>[
+        MapEntry<String, IconData>('surface_refresh', Icons.refresh_rounded),
+      ],
     };
 
     return Wrap(
@@ -1264,6 +1324,77 @@ class _AndroidNavDock extends StatelessWidget {
   }
 }
 
+/// Tiny pill shown in the top-right corner of the preview to indicate no audio.
+class _MutedBadge extends StatelessWidget {
+  const _MutedBadge();
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 4),
+      decoration: BoxDecoration(
+        color: Colors.black54,
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: const Icon(Icons.volume_off_rounded, size: 11, color: Colors.white),
+    );
+  }
+}
+
+/// Compact expandable actions box shown beneath the Android nav dock.
+/// Starts with APK install; more actions can be added as tiles.
+class _AndroidActionsBox extends StatelessWidget {
+  const _AndroidActionsBox({
+    required this.enabled,
+    required this.busy,
+    required this.onInstall,
+  });
+
+  final bool enabled;
+  final bool busy;
+  final AndroidApkInstallCallback onInstall;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
+      decoration: BoxDecoration(
+        color: _bgSecondary,
+        borderRadius: BorderRadius.circular(18),
+        border: Border.all(color: _borderLight),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisSize: MainAxisSize.min,
+        children: <Widget>[
+          Text(
+            'ACTIONS',
+            style: TextStyle(
+              fontSize: 10,
+              fontWeight: FontWeight.w700,
+              letterSpacing: 0.8,
+              color: _textSecondary,
+            ),
+          ),
+          const SizedBox(height: 8),
+          Wrap(
+            spacing: 8,
+            runSpacing: 8,
+            children: <Widget>[
+              AndroidApkTile(
+                enabled: enabled,
+                busy: busy,
+                onInstall: onInstall,
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}
+
 class _SurfaceSwitcher extends StatelessWidget {
   const _SurfaceSwitcher({required this.surface, required this.onSelect});
 
@@ -1466,6 +1597,42 @@ class _InteractiveSurfacePreviewState
     } catch (_) {}
   }
 
+  void _handleStreamFirstFrame(String streamKey) {
+    if (!mounted || _requestedStreamKey != streamKey) {
+      return;
+    }
+    if (_streamFailedKey == streamKey) {
+      setState(() => _streamFailedKey = null);
+    }
+  }
+
+  void _handleStreamFrameTimeout(String streamKey) {
+    if (!mounted || _requestedStreamKey != streamKey) {
+      return;
+    }
+    setState(() => _streamFailedKey = streamKey);
+    unawaited(_stopActiveStream());
+    if ((widget.screenshotPath ?? '').isEmpty) {
+      unawaited(_refreshStaticFrame());
+    }
+  }
+
+  Future<void> _refreshStaticFrame() async {
+    switch (widget.surface) {
+      case _DeviceSurface.browser:
+        await widget.controller.screenshotBrowserRuntime();
+        break;
+      case _DeviceSurface.android:
+        await widget.controller.screenshotAndroidRuntime();
+        break;
+      case _DeviceSurface.desktop:
+        await widget.controller.screenshotDesktopRuntime();
+        break;
+      case _DeviceSurface.files:
+        break;
+    }
+  }
+
   void _detachImageListener() {
     if (_imageStream != null && _imageListener != null) {
       _imageStream!.removeListener(_imageListener!);
@@ -1571,6 +1738,7 @@ class _InteractiveSurfacePreviewState
       _DeviceSurface.browser => 16 / 10,
       _DeviceSurface.android => 10 / 16,
       _DeviceSurface.desktop => 16 / 10,
+      _DeviceSurface.files => 16 / 10,
     };
 
     return Container(
@@ -1610,6 +1778,7 @@ class _InteractiveSurfacePreviewState
                         streamDeviceId != null &&
                         streamDeviceId.isNotEmpty &&
                         streamKey != _streamFailedKey) {
+                      final activeStreamKey = streamKey!;
                       return Stack(
                         fit: StackFit.expand,
                         children: <Widget>[
@@ -1619,6 +1788,10 @@ class _InteractiveSurfacePreviewState
                             deviceId: streamDeviceId,
                             platform: streamPlatform,
                             remoteResolution: _pixelSize,
+                            onFirstFrame: () =>
+                                _handleStreamFirstFrame(activeStreamKey),
+                            onFrameTimeout: () =>
+                                _handleStreamFrameTimeout(activeStreamKey),
                             onTap: widget.busy
                                 ? null
                                 : (x, y) => unawaited(
@@ -1636,6 +1809,14 @@ class _InteractiveSurfacePreviewState
                                 ? null
                                 : (x, y) => widget.onHover?.call(Offset(x, y)),
                           ),
+                          const Positioned(
+                            top: 8,
+                            right: 8,
+                            child: Opacity(
+                              opacity: 0.45,
+                              child: _MutedBadge(),
+                            ),
+                          ),
                           Positioned(
                             left: 12,
                             right: 12,
@@ -1743,6 +1924,14 @@ class _InteractiveSurfacePreviewState
                               fit: BoxFit.contain,
                               gaplessPlayback: true,
                             ),
+                            const Positioned(
+                              top: 8,
+                              right: 8,
+                              child: Opacity(
+                                opacity: 0.45,
+                                child: _MutedBadge(),
+                              ),
+                            ),
                             Positioned(
                               left: 12,
                               right: 12,
@@ -1815,6 +2004,7 @@ class _EmptySurfaceState extends StatelessWidget {
         connectRequired
             ? 'Select Desktop'
             : (busy ? 'Refreshing Desktop...' : 'Refresh Desktop'),
+      _DeviceSurface.files => busy ? 'Loading Files...' : 'Refresh Files',
     };
     final message = switch ((surface, busy, isLoadingPreview)) {
       (_DeviceSurface.browser, true, _) =>
@@ -1829,6 +2019,8 @@ class _EmptySurfaceState extends StatelessWidget {
         'Waking the phone and downloading the first preview. This can take a little while.',
       (_DeviceSurface.android, false, true) =>
         'Downloading the latest phone preview...',
+      (_DeviceSurface.files, true, _) => 'Loading workspace files...',
+      (_DeviceSurface.files, false, true) => 'Loading workspace files...',
       _ =>
         surface == _DeviceSurface.browser
             ? connectRequired
@@ -2067,6 +2259,246 @@ class _ExtensionStatusBar extends StatelessWidget {
   }
 }
 
+class _WorkspaceExplorer extends StatefulWidget {
+  const _WorkspaceExplorer({
+    required this.controller,
+    required this.editorController,
+  });
+
+  final NeoAgentController controller;
+  final TextEditingController editorController;
+
+  @override
+  State<_WorkspaceExplorer> createState() => _WorkspaceExplorerState();
+}
+
+class _WorkspaceExplorerState extends State<_WorkspaceExplorer> {
+  String? _syncedPath;
+
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      if (!mounted || widget.controller.workspaceEntries.isNotEmpty) {
+        return;
+      }
+      unawaited(widget.controller.refreshWorkspaceFiles());
+    });
+  }
+
+  @override
+  void didUpdateWidget(covariant _WorkspaceExplorer oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    final selectedPath = widget.controller.workspaceSelectedFilePath;
+    if (selectedPath != _syncedPath) {
+      _syncedPath = selectedPath;
+      widget.editorController.text = widget.controller.workspaceEditorContent;
+    }
+  }
+
+  Future<void> _openEntry(Map<String, dynamic> entry) async {
+    final path = entry['path']?.toString() ?? '';
+    if (path.isEmpty && entry['name']?.toString() != '') {
+      return;
+    }
+    if (entry['type']?.toString() == 'directory') {
+      await widget.controller.openWorkspaceDirectory(path);
+      return;
+    }
+    await widget.controller.openWorkspaceFile(path);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final controller = widget.controller;
+    final entries = controller.workspaceEntries;
+    final currentPath = controller.workspaceCurrentPath;
+    final selectedPath = controller.workspaceSelectedFilePath;
+    final busy =
+        controller.isLoadingWorkspaceFiles || controller.isSavingWorkspaceFile;
+    final canGoUp = currentPath.trim().isNotEmpty;
+    final parentPath = currentPath.contains('/')
+        ? currentPath.substring(0, currentPath.lastIndexOf('/'))
+        : '';
+
+    return Container(
+      width: double.infinity,
+      padding: const EdgeInsets.all(14),
+      decoration: BoxDecoration(
+        color: _bgSecondary,
+        borderRadius: BorderRadius.circular(18),
+        border: Border.all(color: _borderLight),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: <Widget>[
+          Row(
+            children: <Widget>[
+              Expanded(
+                child: Text(
+                  currentPath.isEmpty ? '/' : '/$currentPath',
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  style: TextStyle(
+                    color: _textPrimary,
+                    fontWeight: FontWeight.w700,
+                  ),
+                ),
+              ),
+              IconButton.filledTonal(
+                tooltip: 'Parent folder',
+                onPressed: busy || !canGoUp
+                    ? null
+                    : () => controller.openWorkspaceDirectory(parentPath),
+                icon: const Icon(Icons.arrow_upward_rounded),
+              ),
+              const SizedBox(width: 8),
+              IconButton.filledTonal(
+                tooltip: 'Refresh',
+                onPressed: busy ? null : controller.refreshWorkspaceFiles,
+                icon: const Icon(Icons.refresh_rounded),
+              ),
+            ],
+          ),
+          const SizedBox(height: 12),
+          Container(
+            constraints: const BoxConstraints(maxHeight: 260),
+            decoration: BoxDecoration(
+              color: _bgCard,
+              borderRadius: BorderRadius.circular(14),
+              border: Border.all(color: _borderLight),
+            ),
+            child: entries.isEmpty
+                ? Center(
+                    child: Padding(
+                      padding: const EdgeInsets.all(24),
+                      child: Text(
+                        controller.isLoadingWorkspaceFiles
+                            ? 'Loading files...'
+                            : 'No files in this folder.',
+                        style: TextStyle(color: _textSecondary),
+                      ),
+                    ),
+                  )
+                : ListView.separated(
+                    shrinkWrap: true,
+                    itemCount: entries.length,
+                    separatorBuilder: (_, __) => Divider(
+                      height: 1,
+                      color: _borderLight,
+                    ),
+                    itemBuilder: (context, index) {
+                      final entry = entries[index];
+                      final type = entry['type']?.toString() ?? 'file';
+                      final path = entry['path']?.toString() ?? '';
+                      final selected = selectedPath == path;
+                      return ListTile(
+                        dense: true,
+                        selected: selected,
+                        leading: Icon(
+                          type == 'directory'
+                              ? Icons.folder_outlined
+                              : Icons.insert_drive_file_outlined,
+                          color: type == 'directory' ? _accent : _textSecondary,
+                        ),
+                        title: Text(
+                          entry['name']?.toString() ?? path,
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                        subtitle: type == 'file'
+                            ? Text(_formatWorkspaceBytes(entry['size']))
+                            : null,
+                        trailing: type == 'file'
+                            ? IconButton(
+                                tooltip: 'Download',
+                                onPressed: busy || path.isEmpty
+                                    ? null
+                                    : () => controller.downloadWorkspaceFile(
+                                        path,
+                                      ),
+                                icon: const Icon(Icons.download_outlined),
+                              )
+                            : const Icon(Icons.chevron_right_rounded),
+                        onTap: busy ? null : () => _openEntry(entry),
+                      );
+                    },
+                  ),
+          ),
+          const SizedBox(height: 14),
+          Row(
+            children: <Widget>[
+              Expanded(
+                child: Text(
+                  selectedPath ?? 'No file selected',
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  style: TextStyle(
+                    color: selectedPath == null ? _textSecondary : _textPrimary,
+                    fontWeight: FontWeight.w700,
+                  ),
+                ),
+              ),
+              OutlinedButton.icon(
+                onPressed: busy || selectedPath == null
+                    ? null
+                    : () => controller.downloadWorkspaceFile(selectedPath),
+                icon: const Icon(Icons.download_outlined, size: 18),
+                label: const Text('Download'),
+              ),
+              const SizedBox(width: 8),
+              FilledButton.icon(
+                onPressed: busy || selectedPath == null
+                    ? null
+                    : () => controller.saveWorkspaceFile(
+                        widget.editorController.text,
+                      ),
+                icon: controller.isSavingWorkspaceFile
+                    ? const SizedBox(
+                        width: 16,
+                        height: 16,
+                        child: CircularProgressIndicator(strokeWidth: 2),
+                      )
+                    : const Icon(Icons.save_outlined, size: 18),
+                label: const Text('Save'),
+              ),
+            ],
+          ),
+          const SizedBox(height: 10),
+          TextField(
+            controller: widget.editorController,
+            enabled: selectedPath != null && !controller.isSavingWorkspaceFile,
+            minLines: 12,
+            maxLines: 18,
+            style: const TextStyle(
+              fontFamily: 'monospace',
+              fontSize: 13,
+              height: 1.35,
+            ),
+            decoration: InputDecoration(
+              hintText: selectedPath == null
+                  ? 'Select a file to view or edit it.'
+                  : 'File contents',
+              alignLabelWithHint: true,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+String _formatWorkspaceBytes(Object? value) {
+  final bytes = value is num ? value.toDouble() : double.tryParse('$value') ?? 0;
+  if (bytes >= 1024 * 1024) {
+    return '${(bytes / (1024 * 1024)).toStringAsFixed(1)} MB';
+  }
+  if (bytes >= 1024) {
+    return '${(bytes / 1024).toStringAsFixed(1)} KB';
+  }
+  return '${bytes.round()} B';
+}
+
 class _ResultBlock extends StatelessWidget {
   const _ResultBlock({required this.label, required this.value});
 
@@ -2091,7 +2523,7 @@ class _ResultBlock extends StatelessWidget {
           SelectableText(
             value,
             style: TextStyle(
-              fontFamily: GoogleFonts.jetBrainsMono().fontFamily,
+              fontFamily: GoogleFonts.geistMono().fontFamily,
               fontSize: 12,
               color: _textSecondary,
               height: 1.5,