feat(cli): add --ui flag to inspect command for browser-based tree explorer

The terminal tree from inspect is useful for quick lookups but hard to
navigate on complex screens with deep hierarchies. When a screen has
100+ nodes, scrolling through a flat terminal dump to find the right
element is slow.

The --ui flag opens a browser at localhost:9325 with a two-panel UI:
the left panel shows the collapsible accessibility tree, the right panel
shows the selected node's properties and ready-to-use locator code that
can be copied to the clipboard with one click.

Auto-refresh polls the device on a configurable interval (1s/2s/5s/10s)
so the tree stays live as you navigate the app — no need to re-run the
command for each screen. A manual Refresh button is always available when
auto-refresh is off.

Author: farhanlabib

packages/mobilewright/src/cli.ts

@@ -14,6 +14,7 @@ import { ensureMobilecliReachable } from './server.js';
 import { loadConfig } from './config.js';
 import { gatherChecks, renderTerminal, renderJSON } from './commands/doctor.js';
 import { runInspect, type InspectOptions } from './commands/inspect.js';
+import { runInspectUI } from './commands/inspect-ui.js';
 import { brandReport } from './reporter.js';
 import { telemetry } from './telemetry.js';
 
@@ -256,8 +257,13 @@ program
   .option('-d, --device <id>', 'device ID (run "mobilewright devices" to list)')
   .option('--url <url>', 'mobilecli server URL', DEFAULT_URL)
   .option('--json', 'output raw ViewNode[] JSON instead of the terminal tree')
-  .action(async (opts: InspectOptions) => {
-    await runInspect(opts);
+  .option('--ui', 'open an interactive browser UI with auto-refresh and locator copy')
+  .action(async (opts: InspectOptions & { ui?: boolean }) => {
+    if (opts.ui) {
+      await runInspectUI(opts);
+    } else {
+      await runInspect(opts);
+    }
   });
 
 // ── install ───────────────────────────────────────────────────────