fmt(js): npm run fix on merge (#65229)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

apps/bootstrap-installer/src/app.tsx

@@ -1,10 +1,11 @@
 import { useStore } from '@nanostores/react'
 import { useEffect } from 'react'
-import { $route, $bootstrap, initialize } from './store'
-import Welcome from './routes/welcome'
+
+import Failure from './routes/failure'
 import Progress from './routes/progress'
 import Success from './routes/success'
-import Failure from './routes/failure'
+import Welcome from './routes/welcome'
+import { $bootstrap, $route, initialize } from './store'
 
 /*
  * App shell — Hermes Setup.

apps/bootstrap-installer/src/main.tsx

@@ -1,7 +1,9 @@
+import './styles.css'
+
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import App from './app.tsx'
-import './styles.css'
 import { watchTheme } from './theme'
 
 // Follow the OS light/dark appearance. theme.ts paints the first frame on

apps/bootstrap-installer/src/routes/failure.tsx

@@ -1,15 +1,16 @@
-import { type CSSProperties } from 'react'
 import { useStore } from '@nanostores/react'
+import { FileText, RefreshCw } from 'lucide-react'
+import { type CSSProperties } from 'react'
+
 import { Button } from '../components/button'
 import {
   $logPath,
   $mode,
+  type BootstrapStateModel,
   openLogDir,
   startInstall,
-  startUpdate,
-  type BootstrapStateModel
+  startUpdate
 } from '../store'
-import { RefreshCw, FileText } from 'lucide-react'
 
 interface FailureProps {
   bootstrap: BootstrapStateModel
@@ -55,11 +56,11 @@ export default function Failure({ bootstrap }: FailureProps) {
       </div>
 
       <div className="flex items-center gap-3">
-        <Button onClick={() => void (isUpdate ? startUpdate() : startInstall())} className="gap-1.5">
+        <Button className="gap-1.5" onClick={() => void (isUpdate ? startUpdate() : startInstall())}>
           <RefreshCw />
           {isUpdate ? 'Retry update' : 'Retry install'}
         </Button>
-        <Button variant="text" onClick={() => void openLogDir()} className="gap-1.5">
+        <Button className="gap-1.5" onClick={() => void openLogDir()} variant="text">
           <FileText />
           Open logs
         </Button>

apps/bootstrap-installer/src/routes/progress.tsx

@@ -1,17 +1,18 @@
-import { useEffect, useRef, useState } from 'react'
 import { useStore } from '@nanostores/react'
+import clsx from 'clsx'
+import { Check, ChevronRight, FileText, X } from 'lucide-react'
+import { useEffect, useRef, useState } from 'react'
+
+import { BrandMark } from '../components/brand-mark'
 import { Button } from '../components/button'
+import { Loader } from '../components/loader'
 import {
-  cancelInstall,
   $mode,
   $progress,
   type BootstrapStateModel,
+  cancelInstall,
   type StageState
 } from '../store'
-import { Check, X, ChevronRight, FileText } from 'lucide-react'
-import clsx from 'clsx'
-import { BrandMark } from '../components/brand-mark'
-import { Loader } from '../components/loader'
 
 interface ProgressProps {
   bootstrap: BootstrapStateModel
@@ -42,15 +43,19 @@ export default function ProgressScreen({ bootstrap }: ProgressProps) {
     if (bootstrap.status !== 'running') {
       return
     }
+
     const id = window.setInterval(() => setNow(Date.now()), 1000)
+
     return () => window.clearInterval(id)
   }, [bootstrap.status])
 
   const isUpdate = mode === 'update'
   const title = bootstrap.status === 'completed' ? 'Done' : isUpdate ? 'Updating Hermes' : 'Setting up Hermes Agent'
+
   const description = isUpdate
     ? 'Hermes is updating to the latest version — this only takes a moment.'
     : 'This is a one-time setup. The Hermes installer is downloading dependencies and configuring your machine. Subsequent launches will skip this step.'
+
   const pct = Math.round(progress.fraction * 100)
 
   return (
@@ -90,22 +95,25 @@ export default function ProgressScreen({ bootstrap }: ProgressProps) {
           <ol className="space-y-0.5">
             {bootstrap.stageOrder.map((name) => {
               const rec = bootstrap.stages[name]
-              if (!rec) return null
+
+              if (!rec) {return null}
+
               const meta =
                 rec.state === 'running' && rec.startedAt != null
                   ? formatElapsed(now - rec.startedAt)
                   : rec.durationMs != null && rec.state !== 'failed'
                     ? formatDuration(rec.durationMs)
                     : null
+
               return (
                 <li
-                  key={name}
                   className={clsx(
                     'flex items-center gap-2.5 px-3 py-1.5 text-sm',
                     rec.state === 'running'
                       ? 'font-medium text-foreground'
                       : 'text-muted-foreground'
                   )}
+                  key={name}
                 >
                   {rec.state === 'running' && <Loader className="-ml-2 size-6 shrink-0" />}
                   <span className="flex-1 truncate">{rec.info.title}</span>
@@ -126,11 +134,11 @@ export default function ProgressScreen({ bootstrap }: ProgressProps) {
             <div className="flex-1 overflow-y-auto px-3 py-2 font-mono text-[10.5px] leading-relaxed">
               {bootstrap.logs.map((entry, idx) => (
                 <div
-                  key={idx}
                   className={clsx(
                     'whitespace-pre-wrap',
                     entry.stream === 'stderr' ? 'text-foreground/45' : 'text-foreground/70'
                   )}
+                  key={idx}
                 >
                   {entry.line}
                 </div>
@@ -143,17 +151,17 @@ export default function ProgressScreen({ bootstrap }: ProgressProps) {
 
       <div className="flex shrink-0 items-center justify-between border-t border-(--stroke-nous) px-6 py-3">
         <button
-          type="button"
-          onClick={() => setShowLogs((v) => !v)}
           className="inline-flex cursor-pointer items-center gap-1.5 text-xs text-muted-foreground transition-colors hover:text-foreground"
+          onClick={() => setShowLogs((v) => !v)}
+          type="button"
         >
           <FileText size={14} />
           {showLogs ? 'Hide details' : 'Show details'}
-          <ChevronRight size={12} className={clsx('transition-transform', showLogs && 'rotate-90')} />
+          <ChevronRight className={clsx('transition-transform', showLogs && 'rotate-90')} size={12} />
         </button>
 
         {bootstrap.status === 'running' && (
-          <Button variant="outline" size="sm" onClick={() => void cancelInstall()}>
+          <Button onClick={() => void cancelInstall()} size="sm" variant="outline">
             Cancel
           </Button>
         )}
@@ -167,29 +175,36 @@ export default function ProgressScreen({ bootstrap }: ProgressProps) {
 // spinner on the left; pending stays icon-less.
 function StateIcon({ state }: { state: StageState | null }) {
   if (state === 'succeeded') {
-    return <Check size={13} className="shrink-0 text-muted-foreground" />
+    return <Check className="shrink-0 text-muted-foreground" size={13} />
   }
+
   if (state === 'skipped') {
-    return <Check size={13} className="shrink-0 text-muted-foreground/50" />
+    return <Check className="shrink-0 text-muted-foreground/50" size={13} />
   }
+
   if (state === 'failed') {
-    return <X size={13} className="shrink-0 text-destructive" />
+    return <X className="shrink-0 text-destructive" size={13} />
   }
+
   return null
 }
 
 function formatDuration(ms: number): string {
-  if (ms < 1000) return `${ms}ms`
-  if (ms < 60000) return `${(ms / 1000).toFixed(1)}s`
+  if (ms < 1000) {return `${ms}ms`}
+
+  if (ms < 60000) {return `${(ms / 1000).toFixed(1)}s`}
   const m = Math.floor(ms / 60000)
   const s = Math.round((ms % 60000) / 1000)
+
   return `${m}m ${s}s`
 }
 
 // Live elapsed for a running stage: bare seconds under a minute, then m:ss.
 function formatElapsed(ms: number): string {
   const s = Math.max(0, Math.floor(ms / 1000))
-  if (s < 60) return `${s}s`
+
+  if (s < 60) {return `${s}s`}
   const m = Math.floor(s / 60)
+
   return `${m}:${String(s - m * 60).padStart(2, '0')}`
 }

apps/bootstrap-installer/src/routes/success.tsx

@@ -1,8 +1,9 @@
+import { AlertCircle } from 'lucide-react'
 import { useState } from 'react'
 import { type CSSProperties } from 'react'
+
 import { HackeryButton } from '../components/hackery-button'
 import { launchHermesDesktop } from '../store'
-import { AlertCircle } from 'lucide-react'
 
 /*
  * Success screen. HERMES AGENT wordmark stays as the visual anchor
@@ -22,6 +23,7 @@ export default function Success() {
   async function handleLaunch() {
     setError(null)
     setLaunching(true)
+
     try {
       await launchHermesDesktop()
       // On success the installer exits — control never returns here.
@@ -65,8 +67,8 @@ export default function Success() {
       />
 
       {error && (
-        <div role="alert" className="flex max-w-2xl items-start gap-2 text-sm">
-          <AlertCircle size={16} className="mt-0.5 shrink-0 text-destructive" />
+        <div className="flex max-w-2xl items-start gap-2 text-sm" role="alert">
+          <AlertCircle className="mt-0.5 shrink-0 text-destructive" size={16} />
           <div className="min-w-0">
             <div className="font-medium text-destructive">Couldn&rsquo;t launch the desktop app</div>
             <div className="mt-0.5 text-muted-foreground">{error}</div>

apps/bootstrap-installer/src/routes/welcome.tsx

@@ -1,4 +1,5 @@
 import { type CSSProperties } from 'react'
+
 import { HackeryButton } from '../components/hackery-button'
 import { startInstall } from '../store'
 

apps/bootstrap-installer/src/store.ts

@@ -1,6 +1,6 @@
-import { atom, computed } from 'nanostores'
-import { listen, type UnlistenFn } from '@tauri-apps/api/event'
 import { invoke } from '@tauri-apps/api/core'
+import { listen, type UnlistenFn } from '@tauri-apps/api/event'
+import { atom, computed } from 'nanostores'
 
 /*
  * Bootstrap state store — single source of truth for installer screens.
@@ -79,12 +79,16 @@ export const $hermesHome = atom<string | null>(null)
 
 export const $progress = computed($bootstrap, (b) => {
   const total = b.stageOrder.length
-  if (total === 0) return { done: 0, total: 0, fraction: 0 }
+
+  if (total === 0) {return { done: 0, total: 0, fraction: 0 }}
   let done = 0
+
   for (const name of b.stageOrder) {
     const s = b.stages[name]?.state
-    if (s === 'succeeded' || s === 'skipped' || s === 'failed') done += 1
+
+    if (s === 'succeeded' || s === 'skipped' || s === 'failed') {done += 1}
   }
+
   return { done, total, fraction: done / total }
 })
 
@@ -99,7 +103,9 @@ function withStageState(
   error?: string
 ): BootstrapStateModel {
   const existing = cur.stages[name]
-  if (!existing) return cur
+
+  if (!existing) {return cur}
+
   return {
     ...cur,
     stages: {
@@ -163,18 +169,21 @@ type BootstrapEvent =
 let unlisten: UnlistenFn | null = null
 
 export async function initialize(): Promise<void> {
-  if (unlisten) return
+  if (unlisten) {return}
 
   // Dev-only isolated preview (see runFakeBoot): drive the screens in a plain
   // browser, no Tauri backend, no real install.
   const fake = fakeMode()
+
   if (fake) {
     unlisten = () => {}
     $logPath.set('~/.hermes/logs/bootstrap-installer.log')
     $hermesHome.set('~/.hermes')
     $mode.set(fake === 'update' ? 'update' : 'install')
+
     // Update auto-runs (it's a hand-off); install/failure wait for the welcome click.
-    if (fake === 'update') void runFakeBoot('update')
+    if (fake === 'update') {void runFakeBoot('update')}
+
     return
   }
 
@@ -185,6 +194,7 @@ export async function initialize(): Promise<void> {
       invoke<string>('get_hermes_home'),
       invoke<AppMode>('get_mode')
     ])
+
     $logPath.set(logPath)
     $hermesHome.set(hermesHome)
     $mode.set(mode)
@@ -195,14 +205,17 @@ export async function initialize(): Promise<void> {
   unlisten = await listen<BootstrapEvent>('bootstrap', (event) => {
     const payload = event.payload
     const cur = $bootstrap.get()
+
     switch (payload.type) {
       case 'manifest': {
         const stages: Record<string, StageRecord> = {}
         const order: string[] = []
+
         for (const s of payload.stages) {
           stages[s.name] = { info: s, state: null }
           order.push(s.name)
         }
+
         $bootstrap.set({
           ...cur,
           status: 'running',
@@ -215,26 +228,34 @@ export async function initialize(): Promise<void> {
           logs: []
         })
         $route.set('progress')
+
         break
       }
+
       case 'stage': {
         if (!cur.stages[payload.name]) {
           console.warn('stage event for unknown stage', payload.name)
+
           break
         }
+
         $bootstrap.set(
           withStageState(cur, payload.name, payload.state, payload.durationMs, payload.error)
         )
+
         break
       }
+
       case 'log': {
         const logs = [...cur.logs, { stage: payload.stage, line: payload.line, stream: payload.stream }]
         // Keep the rolling buffer bounded so the UI doesn't get OOM'd
         // during a long install (playwright chromium download is ~10k lines).
         const trimmed = logs.length > 2000 ? logs.slice(-2000) : logs
         $bootstrap.set({ ...cur, logs: trimmed })
+
         break
       }
+
       case 'complete':
         $bootstrap.set({
           ...cur,
@@ -242,6 +263,7 @@ export async function initialize(): Promise<void> {
           installRoot: payload.installRoot,
           currentStage: null
         })
+
         // Install: show the "launch Hermes" success screen. Update: this is a
         // hand-off — the installer relaunches the desktop and exits within a
         // few hundred ms, so routing to success just flashes that screen
@@ -249,7 +271,9 @@ export async function initialize(): Promise<void> {
         if ($mode.get() !== 'update') {
           $route.set('success')
         }
+
         break
+
       case 'failed':
         $bootstrap.set({
           ...cur,
@@ -258,6 +282,7 @@ export async function initialize(): Promise<void> {
           currentStage: null
         })
         $route.set('failure')
+
         break
     }
   })
@@ -276,10 +301,13 @@ export async function initialize(): Promise<void> {
 
 export async function startInstall(opts?: { branch?: string }): Promise<void> {
   const fake = fakeMode()
+
   if (fake) {
     void runFakeBoot(fake === 'failure' ? 'failure' : 'install')
+
     return
   }
+
   // Reset before kicking off so a retry from the failure screen clears
   // the previous run's state.
   $bootstrap.set(INITIAL)
@@ -297,8 +325,10 @@ export async function startInstall(opts?: { branch?: string }): Promise<void> {
 export async function startUpdate(): Promise<void> {
   if (fakeMode()) {
     void runFakeBoot('update')
+
     return
   }
+
   // Update is driven by the desktop handing off (Hermes-Setup.exe --update);
   // there's no welcome click. Reset + jump straight to progress, then let the
   // Rust side stream the synthetic update manifest.
@@ -310,20 +340,23 @@ export async function startUpdate(): Promise<void> {
 export async function cancelInstall(): Promise<void> {
   if (fakeMode()) {
     fakeCancelled = true
+
     return
   }
+
   await invoke('cancel_bootstrap')
 }
 
 export async function launchHermesDesktop(): Promise<void> {
-  if (fakeMode()) throw new Error('Preview mode — launching is disabled.')
+  if (fakeMode()) {throw new Error('Preview mode — launching is disabled.')}
   const installRoot = $bootstrap.get().installRoot
-  if (!installRoot) throw new Error('no install root')
+
+  if (!installRoot) {throw new Error('no install root')}
   await invoke('launch_hermes_desktop', { installRoot })
 }
 
 export async function openLogDir(): Promise<void> {
-  if (fakeMode()) return
+  if (fakeMode()) {return}
   await invoke('open_log_dir')
 }
 
@@ -341,8 +374,9 @@ export async function openLogDir(): Promise<void> {
 type FakeMode = 'install' | 'update' | 'failure'
 
 function fakeMode(): FakeMode | null {
-  if (!import.meta.env.DEV || typeof window === 'undefined') return null
+  if (!import.meta.env.DEV || typeof window === 'undefined') {return null}
   const v = new URLSearchParams(window.location.search).get('fake')
+
   return v === 'install' || v === 'update' || v === 'failure' ? v : null
 }
 
@@ -383,15 +417,18 @@ const fakeFail = (error: string) =>
   $bootstrap.set({ ...$bootstrap.get(), status: 'failed', error, currentStage: null })
 
 async function runFakeBoot(kind: FakeMode): Promise<void> {
-  if (fakeRunning) return
+  if (fakeRunning) {return}
   fakeRunning = true
   fakeCancelled = false
+
   try {
     const stages = kind === 'update' ? FAKE_UPDATE_STAGES : FAKE_INSTALL_STAGES
+
     const cancelled = () => {
-      if (!fakeCancelled) return false
+      if (!fakeCancelled) {return false}
       fakeFail(kind === 'update' ? 'Update cancelled.' : 'Install cancelled.')
       $route.set('failure')
+
       return true
     }
 
@@ -412,14 +449,16 @@ async function runFakeBoot(kind: FakeMode): Promise<void> {
     const failAt = kind === 'failure' ? stages[Math.floor(stages.length / 2)]?.name : null
 
     for (const s of stages) {
-      if (cancelled()) return
+      if (cancelled()) {return}
       fakeStage(s.name, 'running')
 
       const durationMs = 700 + Math.floor(Math.random() * 2200)
       const lines = Math.max(2, Math.round(durationMs / 450))
+
       for (let l = 0; l < lines; l++) {
         await sleep(durationMs / lines)
-        if (cancelled()) return
+
+        if (cancelled()) {return}
         fakeLog(s.name, `[${s.name}] ${s.title.toLowerCase()} — step ${l + 1}/${lines}…`)
       }
 
@@ -427,15 +466,18 @@ async function runFakeBoot(kind: FakeMode): Promise<void> {
         fakeStage(s.name, 'failed', durationMs, 'Simulated failure for preview.')
         fakeFail('Simulated failure for preview (fake boot).')
         $route.set('failure')
+
         return
       }
+
       fakeStage(s.name, 'succeeded', durationMs)
     }
 
     $bootstrap.set({ ...$bootstrap.get(), status: 'completed', currentStage: null })
+
     // Install lands on success; update stays on progress (the real updater
     // relaunches the desktop and exits from there).
-    if (kind !== 'update') $route.set('success')
+    if (kind !== 'update') {$route.set('success')}
   } finally {
     fakeRunning = false
   }