@swarmclawai/swarmclaw 0.4.5 → 0.5.0

package/src/stores/use-app-store.ts

@@ -1,7 +1,7 @@
 'use client'
 
 import { create } from 'zustand'
-import type { Sessions, Session, NetworkInfo, Directory, ProviderInfo, Credentials, Agent, Schedule, AppView, BoardTask, AppSettings, OrchestratorSecret, ProviderConfig, Skill, Connector, Webhook, McpServerConfig, PluginMeta, Project } from '../types'
+import type { Sessions, Session, NetworkInfo, Directory, ProviderInfo, Credentials, Agent, Schedule, AppView, BoardTask, AppSettings, OrchestratorSecret, ProviderConfig, Skill, Connector, Webhook, McpServerConfig, PluginMeta, Project, FleetFilter } from '../types'
 import { fetchSessions, fetchDirs, fetchProviders, fetchCredentials } from '../lib/sessions'
 import { fetchAgents } from '../lib/agents'
 import { fetchSchedules } from '../lib/schedules'
@@ -22,6 +22,7 @@ interface AppState {
   clearSessions: (ids: string[]) => Promise<void>
   togglePinSession: (id: string) => void
   updateSessionInStore: (session: Session) => void
+  forkSession: (sessionId: string, messageIndex: number) => Promise<string | null>
 
   sidebarOpen: boolean
   setSidebarOpen: (open: boolean) => void
@@ -161,6 +162,22 @@ interface AppState {
   activeProjectFilter: string | null
   setActiveProjectFilter: (id: string | null) => void
 
+  // Agent trash
+  trashedAgents: Record<string, Agent>
+  loadTrashedAgents: () => Promise<void>
+  showTrash: boolean
+  setShowTrash: (show: boolean) => void
+
+  // Inspector panel
+  inspectorOpen: boolean
+  setInspectorOpen: (open: boolean) => void
+  inspectorTab: 'overview' | 'files' | 'skills' | 'automations' | 'advanced'
+  setInspectorTab: (tab: 'overview' | 'files' | 'skills' | 'automations' | 'advanced') => void
+
+  // Fleet sidebar filter (F16)
+  fleetFilter: FleetFilter
+  setFleetFilter: (filter: FleetFilter) => void
+
 }
 
 export const useAppStore = create<AppState>((set, get) => ({
@@ -212,6 +229,18 @@ export const useAppStore = create<AppState>((set, get) => ({
   updateSessionInStore: (session) => {
     set({ sessions: { ...get().sessions, [session.id]: session } })
   },
+  forkSession: async (sessionId, messageIndex) => {
+    try {
+      const forked = await api<Session>('POST', `/sessions/${sessionId}/fork`, { messageIndex })
+      if (!forked?.id) return null
+      await get().loadSessions()
+      set({ currentSessionId: forked.id })
+      return forked.id
+    } catch (err: unknown) {
+      console.error('Fork failed:', err instanceof Error ? err.message : String(err))
+      return null
+    }
+  },
 
   sidebarOpen: false,
   setSidebarOpen: (open) => set({ sidebarOpen: open }),
@@ -492,4 +521,27 @@ export const useAppStore = create<AppState>((set, get) => ({
   activeProjectFilter: null,
   setActiveProjectFilter: (id) => set({ activeProjectFilter: id }),
 
+  // Agent trash
+  trashedAgents: {},
+  loadTrashedAgents: async () => {
+    try {
+      const trashedAgents = await api<Record<string, Agent>>('GET', '/agents/trash')
+      set({ trashedAgents })
+    } catch {
+      // ignore
+    }
+  },
+  showTrash: false,
+  setShowTrash: (show) => set({ showTrash: show }),
+
+  // Inspector panel
+  inspectorOpen: false,
+  setInspectorOpen: (open) => set({ inspectorOpen: open }),
+  inspectorTab: 'overview',
+  setInspectorTab: (tab) => set({ inspectorTab: tab }),
+
+  // Fleet sidebar filter
+  fleetFilter: 'all',
+  setFleetFilter: (filter) => set({ fleetFilter: filter }),
+
 }))

package/src/stores/use-approval-store.ts

@@ -0,0 +1,78 @@
+'use client'
+
+import { create } from 'zustand'
+import type { PendingExecApproval, ExecApprovalDecision } from '@/types'
+import { api } from '@/lib/api-client'
+
+interface ApprovalState {
+  approvals: Record<string, PendingExecApproval>
+  addApproval: (approval: PendingExecApproval) => void
+  removeApproval: (id: string) => void
+  resolveApproval: (id: string, decision: ExecApprovalDecision) => Promise<void>
+  pruneExpired: () => void
+  loadApprovals: () => Promise<void>
+}
+
+export const useApprovalStore = create<ApprovalState>((set) => ({
+  approvals: {},
+
+  addApproval: (approval) => {
+    set((s) => ({ approvals: { ...s.approvals, [approval.id]: approval } }))
+  },
+
+  removeApproval: (id) => {
+    set((s) => {
+      const next = { ...s.approvals }
+      delete next[id]
+      return { approvals: next }
+    })
+  },
+
+  resolveApproval: async (id, decision) => {
+    // Mark as resolving
+    set((s) => {
+      const approval = s.approvals[id]
+      if (!approval) return s
+      return { approvals: { ...s.approvals, [id]: { ...approval, resolving: true, error: undefined } } }
+    })
+
+    try {
+      await api('POST', '/openclaw/approvals', { id, decision })
+      // Remove on success
+      set((s) => {
+        const next = { ...s.approvals }
+        delete next[id]
+        return { approvals: next }
+      })
+    } catch (err: unknown) {
+      const message = err instanceof Error ? err.message : String(err)
+      set((s) => {
+        const approval = s.approvals[id]
+        if (!approval) return s
+        return { approvals: { ...s.approvals, [id]: { ...approval, resolving: false, error: message } } }
+      })
+    }
+  },
+
+  pruneExpired: () => {
+    const now = Date.now()
+    set((s) => {
+      const next: Record<string, PendingExecApproval> = {}
+      for (const [id, a] of Object.entries(s.approvals)) {
+        if (a.expiresAtMs > now) next[id] = a
+      }
+      return { approvals: next }
+    })
+  },
+
+  loadApprovals: async () => {
+    try {
+      const result = await api<PendingExecApproval[]>('GET', '/openclaw/approvals')
+      const approvals: Record<string, PendingExecApproval> = {}
+      for (const a of result) approvals[a.id] = a
+      set({ approvals })
+    } catch {
+      // ignore — gateway may be offline
+    }
+  },
+}))

package/src/stores/use-chat-store.ts

@@ -1,11 +1,12 @@
 'use client'
 
 import { create } from 'zustand'
-import type { Message, DevServerStatus, SSEEvent } from '../types'
+import type { Message, DevServerStatus, SSEEvent, ChatTraceBlock } from '../types'
 import { streamChat } from '../lib/chat'
 import { speak } from '../lib/tts'
 import { getStoredAccessKey } from '../lib/api-client'
 import { useAppStore } from './use-app-store'
+import { getSoundEnabled, setSoundEnabled, playStreamStart, playStreamEnd, playToolComplete, playError } from '../lib/notification-sounds'
 
 export interface PendingFile {
   file: File
@@ -33,6 +34,16 @@ interface ChatState {
   streamingSessionId: string | null
   streamText: string
 
+  // Task 1: Rich status indicator
+  streamPhase: 'thinking' | 'tool' | 'responding'
+  streamToolName: string
+
+  // Task 2: Typing cadence simulation
+  displayText: string
+
+  // Task 4: Live agent status bar
+  agentStatus: { goal?: string; status?: string; summary?: string; nextAction?: string } | null
+
   messages: Message[]
   setMessages: (msgs: Message[]) => void
 
@@ -44,6 +55,9 @@ interface ChatState {
   ttsEnabled: boolean
   toggleTts: () => void
 
+  soundEnabled: boolean
+  toggleSound: () => void
+
   // Multi-file attachment support
   pendingFiles: PendingFile[]
   addPendingFile: (f: PendingFile) => void
@@ -57,23 +71,50 @@ interface ChatState {
   devServer: DevServerStatus | null
   setDevServer: (ds: DevServerStatus | null) => void
 
+  previewContent: { type: 'browser' | 'image' | 'code' | 'html'; url?: string; content?: string; title?: string } | null
+  setPreviewContent: (content: { type: 'browser' | 'image' | 'code' | 'html'; url?: string; content?: string; title?: string } | null) => void
+
   debugOpen: boolean
   setDebugOpen: (open: boolean) => void
 
   sendMessage: (text: string) => Promise<void>
+  editAndResend: (messageIndex: number, newText: string) => Promise<void>
   retryLastMessage: () => Promise<void>
   sendHeartbeat: (sessionId: string) => Promise<void>
   stopStreaming: () => void
 
+  // Rich trace blocks during streaming (F13)
+  streamTraces: ChatTraceBlock[]
+
   // Voice conversation
   voiceConversationActive: boolean
   onStreamEvent: ((event: { t: string; text?: string }) => void) | null
 }
 
+// Module-level cadence interval (not in state to avoid re-renders)
+let _cadenceInterval: ReturnType<typeof setInterval> | null = null
+let _cadenceBuffer = ''
+let _cadencePos = 0
+
+function clearCadence() {
+  if (_cadenceInterval) {
+    clearInterval(_cadenceInterval)
+    _cadenceInterval = null
+  }
+  _cadenceBuffer = ''
+  _cadencePos = 0
+}
+
+const CADENCE_THRESHOLD = 120
+
 export const useChatStore = create<ChatState>((set, get) => ({
   streaming: false,
   streamingSessionId: null,
   streamText: '',
+  streamPhase: 'thinking',
+  streamToolName: '',
+  displayText: '',
+  agentStatus: null,
   messages: [],
   setMessages: (msgs) => set({ messages: msgs, toolEvents: [] }),
   toolEvents: [],
@@ -81,6 +122,13 @@ export const useChatStore = create<ChatState>((set, get) => ({
   lastUsage: null,
   ttsEnabled: false,
   toggleTts: () => set((s) => ({ ttsEnabled: !s.ttsEnabled })),
+  soundEnabled: getSoundEnabled(),
+  toggleSound: () => {
+    const next = !get().soundEnabled
+    setSoundEnabled(next)
+    set({ soundEnabled: next })
+  },
+  streamTraces: [],
   voiceConversationActive: false,
   onStreamEvent: null,
 
@@ -93,6 +141,9 @@ export const useChatStore = create<ChatState>((set, get) => ({
   get pendingImage() { const files = get().pendingFiles; return files.length ? files[0] : null },
   setPendingImage: (img) => set({ pendingFiles: img ? [img] : [] }),
 
+  previewContent: null,
+  setPreviewContent: (content) => set({ previewContent: content }),
+
   devServer: null,
   setDevServer: (ds) => set({ devServer: ds }),
   debugOpen: false,
@@ -120,10 +171,15 @@ export const useChatStore = create<ChatState>((set, get) => ({
       imageUrl,
       attachedFiles,
     }
+    clearCadence()
     set((s) => ({
       streaming: true,
       streamingSessionId: sessionId,
       streamText: '',
+      streamPhase: 'thinking' as const,
+      streamToolName: '',
+      displayText: '',
+      agentStatus: null,
       messages: [...s.messages, userMsg],
       pendingFiles: [],
       toolEvents: [],
@@ -136,7 +192,9 @@ export const useChatStore = create<ChatState>((set, get) => ({
     }
 
     let fullText = ''
+    let suggestions: string[] | null = null
     let toolCallCounter = 0
+    let soundFiredStart = false
     const shouldIgnoreTransientError = (msg: string) =>
       /cancelled by steer mode|stopped by user/i.test(msg || '')
 
@@ -146,6 +204,42 @@ export const useChatStore = create<ChatState>((set, get) => ({
       if (event.t === 'd') {
         fullText += event.text || ''
         set({ streamText: fullText })
+
+        // Phase: first text data → 'responding'
+        if (get().streamPhase !== 'responding') {
+          set({ streamPhase: 'responding' })
+        }
+
+        // Sound: stream start
+        if (!soundFiredStart && get().soundEnabled) {
+          soundFiredStart = true
+          playStreamStart()
+        }
+
+        // Typing cadence: buffer first CADENCE_THRESHOLD chars, release word-by-word
+        if (fullText.length <= CADENCE_THRESHOLD) {
+          _cadenceBuffer = fullText
+          if (!_cadenceInterval) {
+            _cadenceInterval = setInterval(() => {
+              if (_cadencePos >= _cadenceBuffer.length) {
+                // Buffer fully released — check if we've passed threshold
+                if (get().streamText.length > CADENCE_THRESHOLD) {
+                  clearCadence()
+                  set({ displayText: get().streamText })
+                }
+                return
+              }
+              // Release ~2 chars per 16ms tick
+              const nextPos = Math.min(_cadencePos + 2, _cadenceBuffer.length)
+              _cadencePos = nextPos
+              set({ displayText: _cadenceBuffer.slice(0, _cadencePos) })
+            }, 16)
+          }
+        } else {
+          // Past threshold — sync displayText directly
+          if (_cadenceInterval) clearCadence()
+          set({ displayText: fullText })
+        }
       } else if (event.t === 'md') {
         // Parse metadata events (usage/run/queue). Ignore unknown keys.
         try {
@@ -153,6 +247,9 @@ export const useChatStore = create<ChatState>((set, get) => ({
           if (meta.usage) {
             set({ lastUsage: meta.usage })
           }
+          if (meta.suggestions) {
+            suggestions = meta.suggestions
+          }
         } catch {
           // Ignore non-JSON metadata payloads.
         }
@@ -162,6 +259,8 @@ export const useChatStore = create<ChatState>((set, get) => ({
       } else if (event.t === 'tool_call') {
         const id = `tc-${++toolCallCounter}`
         set((s) => ({
+          streamPhase: 'tool' as const,
+          streamToolName: event.toolName || 'unknown',
           toolEvents: [...s.toolEvents, {
             id,
             name: event.toolName || 'unknown',
@@ -170,9 +269,9 @@ export const useChatStore = create<ChatState>((set, get) => ({
           }],
         }))
       } else if (event.t === 'tool_result') {
+        const soundOn = get().soundEnabled
         set((s) => {
           const events = [...s.toolEvents]
-          // Find the last running event with matching name
           const idx = events.findLastIndex(
             (e) => e.name === event.toolName && e.status === 'running',
           )
@@ -183,6 +282,10 @@ export const useChatStore = create<ChatState>((set, get) => ({
               || output.includes('ETIMEDOUT')
               || output.includes('Error:')
             events[idx] = { ...events[idx], status: isError ? 'error' : 'done', output }
+            if (soundOn) {
+              if (isError) playError()
+              else playToolComplete()
+            }
           }
           return { toolEvents: events }
         })
@@ -191,12 +294,22 @@ export const useChatStore = create<ChatState>((set, get) => ({
         if (!shouldIgnoreTransientError(errText)) {
           fullText += '\n[Error: ' + errText + ']'
           set({ streamText: fullText })
+          if (get().soundEnabled) playError()
+        }
+      } else if (event.t === 'status') {
+        try {
+          const parsed = JSON.parse(event.text || '{}')
+          set({ agentStatus: parsed })
+        } catch {
+          // ignore malformed status
         }
       } else if (event.t === 'done') {
         // done
       }
     }, attachedFiles)
 
+    clearCadence()
+    if (get().soundEnabled && soundFiredStart) playStreamEnd()
     if (fullText.trim()) {
       const currentToolEvents = get().toolEvents
       const assistantMsg: Message = {
@@ -210,21 +323,55 @@ export const useChatStore = create<ChatState>((set, get) => ({
           output: e.output,
           error: e.status === 'error' || undefined,
         })) : undefined,
+        suggestions: suggestions || undefined,
       }
       set((s) => ({
         messages: [...s.messages, assistantMsg],
         streaming: false,
         streamingSessionId: null,
         streamText: '',
+        displayText: '',
+        streamPhase: 'thinking' as const,
+        streamToolName: '',
       }))
       if (get().ttsEnabled && !get().voiceConversationActive) speak(fullText)
     } else {
-      set({ streaming: false, streamingSessionId: null, streamText: '' })
+      set({ streaming: false, streamingSessionId: null, streamText: '', displayText: '', streamPhase: 'thinking' as const, streamToolName: '' })
     }
 
     useAppStore.getState().loadSessions()
   },
 
+  editAndResend: async (messageIndex: number, newText: string) => {
+    if (get().streaming) return
+    const sessionId = useAppStore.getState().currentSessionId
+    if (!sessionId) return
+    try {
+      const key = getStoredAccessKey()
+      const res = await fetch(`/api/sessions/${sessionId}/edit-resend`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          ...(key ? { 'X-Access-Key': key } : {}),
+        },
+        body: JSON.stringify({ messageIndex, newText }),
+      })
+      if (!res.ok) return
+      // Reload messages from server (truncated)
+      const msgsRes = await fetch(`/api/sessions/${sessionId}/messages`, {
+        headers: key ? { 'X-Access-Key': key } : undefined,
+      })
+      if (msgsRes.ok) {
+        const msgs = await msgsRes.json()
+        set({ messages: msgs })
+      }
+      // Re-send with the new text
+      await get().sendMessage(newText)
+    } catch {
+      // ignore
+    }
+  },
+
   retryLastMessage: async () => {
     if (get().streaming) return
     const sessionId = useAppStore.getState().currentSessionId
@@ -312,7 +459,7 @@ export const useChatStore = create<ChatState>((set, get) => ({
       .filter((line) => !line.includes('[MAIN_LOOP_META]'))
       .join('\n')
       .trim()
-    if (!trimmed || trimmed === 'HEARTBEAT_OK' || sawError) return
+    if (!trimmed || trimmed === 'HEARTBEAT_OK' || trimmed === 'NO_MESSAGE' || sawError) return
 
     const assistantMsg: Message = {
       role: 'assistant',
@@ -346,6 +493,7 @@ export const useChatStore = create<ChatState>((set, get) => ({
         // ignore
       }
     }
-    set({ streaming: false, streamingSessionId: null, streamText: '' })
+    clearCadence()
+    set({ streaming: false, streamingSessionId: null, streamText: '', displayText: '', streamPhase: 'thinking' as const, streamToolName: '' })
   },
 }))

package/src/types/index.ts

@@ -15,6 +15,8 @@ export interface Message {
   toolEvents?: MessageToolEvent[]
   kind?: 'chat' | 'heartbeat' | 'system'
   suppressed?: boolean
+  bookmarked?: boolean
+  suggestions?: string[]
 }
 
 export type ProviderType = 'claude-cli' | 'codex-cli' | 'opencode-cli' | 'openai' | 'ollama' | 'anthropic' | 'openclaw' | 'google' | 'deepseek' | 'groq' | 'together' | 'mistral' | 'xai' | 'fireworks'
@@ -61,6 +63,7 @@ export interface Session {
   createdAt: number
   lastActiveAt: number
   active?: boolean
+  mainSession?: boolean
   sessionType?: SessionType
   agentId?: string | null
   parentSessionId?: string | null
@@ -109,6 +112,7 @@ export interface Session {
   file?: string | null
   queuedCount?: number
   currentRunId?: string | null
+  conversationTone?: string
 }
 
 export type Sessions = Record<string, Session>
@@ -178,7 +182,7 @@ export interface MarketplacePlugin {
 }
 
 export interface SSEEvent {
-  t: 'd' | 'md' | 'r' | 'done' | 'err' | 'tool_call' | 'tool_result'
+  t: 'd' | 'md' | 'r' | 'done' | 'err' | 'tool_call' | 'tool_result' | 'status'
   text?: string
   toolName?: string
   toolInput?: string
@@ -248,6 +252,10 @@ export interface Agent {
   heartbeatNextAction?: string | null
   thinkingLevel?: 'minimal' | 'low' | 'medium' | 'high'
   projectId?: string
+  avatarSeed?: string
+  trashedAt?: number
+  openclawSkillMode?: SkillAllowlistMode
+  openclawAllowedSkills?: string[]
   createdAt: number
   updatedAt: number
 }
@@ -535,6 +543,8 @@ export interface Connector {
   authenticated?: boolean
   /** WhatsApp has stored credentials from previous pairing (runtime only) */
   hasCredentials?: boolean
+  /** Connector presence info (runtime only) */
+  presence?: { lastMessageAt?: number | null; channelId?: string | null }
   createdAt: number
   updatedAt: number
 }
@@ -651,3 +661,119 @@ export interface ClawHubSkill {
   url: string
   version: string
 }
+
+// --- OpenClaw Execution Approvals ---
+
+export interface PendingExecApproval {
+  id: string
+  agentId: string
+  sessionKey: string
+  command: string
+  cwd?: string
+  host?: string
+  security?: string
+  ask?: string
+  createdAtMs: number
+  expiresAtMs: number
+  resolving?: boolean
+  error?: string
+}
+
+export type ExecApprovalDecision = 'allow-once' | 'allow-always' | 'deny'
+
+// --- OpenClaw Skills ---
+
+export interface OpenClawSkillEntry {
+  name: string
+  description?: string
+  source: 'bundled' | 'managed' | 'personal' | 'workspace'
+  eligible: boolean
+  requirements?: string[]
+  missing?: string[]
+  disabled?: boolean
+  installOptions?: SkillInstallOption[]
+  skillRequirements?: SkillRequirements
+  configChecks?: { key: string; ok: boolean }[]
+  skillKey?: string
+  baseDir?: string
+}
+
+export type SkillAllowlistMode = 'all' | 'none' | 'selected'
+
+// --- Fleet Sidebar Filters (F16) ---
+export type FleetFilter = 'all' | 'running' | 'approvals'
+
+// --- Exec Approval Config (F8) ---
+export interface ExecApprovalConfig {
+  security: 'deny' | 'allowlist' | 'full'
+  askMode: 'off' | 'on-miss' | 'always'
+  patterns: string[]
+}
+
+export interface ExecApprovalSnapshot {
+  path: string
+  exists: boolean
+  hash: string
+  file: ExecApprovalConfig
+}
+
+// --- Permission Presets (F9) ---
+export type PermissionPreset = 'conservative' | 'collaborative' | 'autonomous'
+
+// --- Personality Builder (F10) ---
+export interface PersonalityDraft {
+  identity: { name?: string; creature?: string; vibe?: string; emoji?: string }
+  user: { name?: string; callThem?: string; pronouns?: string; timezone?: string; notes?: string; context?: string }
+  soul: { coreTruths?: string; boundaries?: string; vibe?: string; continuity?: string }
+}
+
+// --- Skill Lifecycle (F11) ---
+export interface SkillInstallOption {
+  kind: 'brew' | 'node' | 'go' | 'uv' | 'download'
+  label: string
+  bins?: string[]
+}
+
+export interface SkillRequirements {
+  bins?: string[]
+  anyBins?: string[][]
+  env?: string[]
+  config?: string[]
+  os?: string[]
+}
+
+// --- Cron Jobs (F12) ---
+export interface GatewayCronJob {
+  id: string
+  name: string
+  agentId: string
+  enabled: boolean
+  schedule: { kind: 'at' | 'every' | 'cron'; value: string; timezone?: string }
+  payload: {
+    kind: 'systemEvent' | 'agentTurn'
+    text?: string
+    message?: string
+    model?: string
+    deliver?: { mode: 'none' | 'announce'; channel?: string }
+  }
+  sessionTarget: 'main' | 'isolated'
+  state?: { nextRun?: string; lastRun?: string; lastStatus?: string }
+}
+
+// --- Rich Chat Traces (F13) ---
+export interface ChatTraceBlock {
+  type: 'thinking' | 'tool-call' | 'tool-result'
+  content: string
+  label?: string
+  collapsed?: boolean
+}
+
+// --- Chat History Sync (F18) ---
+export interface GatewaySessionPreview {
+  sessionKey: string
+  epoch: number
+  messages: Array<{ role: string; content: string; ts: number }>
+}
+
+// --- Gateway Reload Mode (F21) ---
+export type GatewayReloadMode = 'hot' | 'hybrid' | 'full'

package/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -19,7 +23,9 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
   "include": [
@@ -28,7 +34,10 @@
     "**/*.tsx",
     ".next/types/**/*.ts",
     ".next/dev/types/**/*.ts",
-    "**/*.mts"
+    "**/*.mts",
+    ".next/dev/dev/types/**/*.ts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }