arkaos 4.20.0 → 4.22.0

package/dashboard/app/components/SidebarFavoritesWidget.vue

@@ -9,10 +9,10 @@ const { fetchApi } = useApi()
 
 await favs.load()
 const { data: agentsData } = fetchApi<{ agents: Array<{ id: string, name: string }> }>(
-  '/api/agents',
+  '/api/agents'
 )
 const { data: personasData } = fetchApi<{ personas: Array<{ id: string, name: string }> }>(
-  '/api/personas',
+  '/api/personas'
 )
 
 interface FavRow { id: string, name: string }
@@ -20,7 +20,7 @@ interface FavRow { id: string, name: string }
 const starredAgents = computed<FavRow[]>(() => {
   const all = agentsData.value?.agents ?? []
   return favs.state.value.agents
-    .map((id) => all.find((a) => a.id === id))
+    .map(id => all.find(a => a.id === id))
     .filter((a): a is FavRow => Boolean(a))
     .slice(0, 4)
 })
@@ -28,13 +28,13 @@ const starredAgents = computed<FavRow[]>(() => {
 const starredPersonas = computed<FavRow[]>(() => {
   const all = personasData.value?.personas ?? []
   return favs.state.value.personas
-    .map((id) => all.find((p) => p.id === id))
+    .map(id => all.find(p => p.id === id))
     .filter((p): p is FavRow => Boolean(p))
     .slice(0, 4)
 })
 
 const hasAny = computed(
-  () => starredAgents.value.length > 0 || starredPersonas.value.length > 0,
+  () => starredAgents.value.length > 0 || starredPersonas.value.length > 0
 )
 </script>
 

package/dashboard/app/components/SidebarStatsWidget.vue

@@ -15,7 +15,9 @@ const { data, refresh } = fetchApi<SidebarStats>('/api/sidebar-stats')
 
 let timer: ReturnType<typeof setInterval> | null = null
 onMounted(() => {
-  timer = setInterval(() => { refresh() }, 60_000)
+  timer = setInterval(() => {
+    refresh()
+  }, 60_000)
 })
 onBeforeUnmount(() => {
   if (timer) clearInterval(timer)

package/dashboard/app/components/Terminal.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/multi-word-component-names -->
 <script setup lang="ts">
 // PR99b v3.68.0 — xterm.js terminal mount.
 // PR99c v3.69.0 — accepts an external session via prop so the tab
@@ -46,7 +47,7 @@ onMounted(async () => {
     lineHeight: 1.2,
     scrollback: 5000,
     theme: effectiveTheme.value,
-    allowProposedApi: true,
+    allowProposedApi: true
   })
 
   // React to theme switches without remounting.
@@ -69,10 +70,10 @@ onMounted(async () => {
   // first mount and shells started at the default 80 cols, leaving
   // empty space on the right of the canvas.
   await nextTick()
-  await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()))
+  await new Promise<void>(resolve => requestAnimationFrame(() => resolve()))
   try {
     fitAddon.fit()
-  } catch (_e) {
+  } catch {
     // dom layout not ready — ResizeObserver below will recover
   }
 
@@ -143,7 +144,7 @@ onMounted(async () => {
       requestAnimationFrame(() => {
         try {
           fitAddon.fit()
-        } catch (_e) { /* layout not ready */ }
+        } catch { /* layout not ready */ }
         session.sendResize(t.cols, t.rows)
       })
     }
@@ -153,7 +154,7 @@ onMounted(async () => {
     try {
       fitAddon.fit()
       session.sendResize(t.cols, t.rows)
-    } catch (_e) {
+    } catch {
       // dom may have unmounted
     }
   })
@@ -169,7 +170,7 @@ onMounted(async () => {
         try {
           fit.value?.fit()
           session.sendResize(term.value!.cols, term.value!.rows)
-        } catch (_e) { /* layout not ready */ }
+        } catch { /* layout not ready */ }
       })
     })
   })
@@ -180,7 +181,7 @@ function refit() {
   try {
     fit.value.fit()
     session.sendResize(term.value.cols, term.value.rows)
-  } catch (_e) {
+  } catch {
     // layout not ready
   }
 }
@@ -200,7 +201,7 @@ defineExpose({
   status: session.status,
   error: session.error,
   meta: session.meta,
-  refit,
+  refit
 })
 </script>
 

package/dashboard/app/components/TextDiff.vue

@@ -25,10 +25,16 @@ function lineDiff(a: string, b: string): DiffRow[] {
   const n = right.length
   // Build LCS table.
   const dp: number[][] = Array.from({ length: m + 1 }, () => Array(n + 1).fill(0))
+  // Indices below are always in-bounds (loops bounded by lengths; dp has
+  // m+1 rows / n+1 cols), so the fallbacks never fire — they only satisfy
+  // noUncheckedIndexedAccess. 0 matches the table fill value.
+  const cell = (i: number, j: number): number => dp[i]?.[j] ?? 0
   for (let i = m - 1; i >= 0; i -= 1) {
+    const row = dp[i]
+    if (!row) continue
     for (let j = n - 1; j >= 0; j -= 1) {
-      if (left[i] === right[j]) dp[i][j] = dp[i + 1][j + 1] + 1
-      else dp[i][j] = Math.max(dp[i + 1][j], dp[i][j + 1])
+      if (left[i] === right[j]) row[j] = cell(i + 1, j + 1) + 1
+      else row[j] = Math.max(cell(i + 1, j), cell(i, j + 1))
     }
   }
   // Walk back, emitting rows.
@@ -36,24 +42,26 @@ function lineDiff(a: string, b: string): DiffRow[] {
   let i = 0
   let j = 0
   while (i < m && j < n) {
-    if (left[i] === right[j]) {
-      rows.push({ kind: 'eq', left: left[i], right: right[j] })
+    const l = left[i] ?? ''
+    const r = right[j] ?? ''
+    if (l === r) {
+      rows.push({ kind: 'eq', left: l, right: r })
       i += 1
       j += 1
-    } else if (dp[i + 1][j] >= dp[i][j + 1]) {
-      rows.push({ kind: 'del', left: left[i], right: '' })
+    } else if (cell(i + 1, j) >= cell(i, j + 1)) {
+      rows.push({ kind: 'del', left: l, right: '' })
       i += 1
     } else {
-      rows.push({ kind: 'add', left: '', right: right[j] })
+      rows.push({ kind: 'add', left: '', right: r })
       j += 1
     }
   }
   while (i < m) {
-    rows.push({ kind: 'del', left: left[i], right: '' })
+    rows.push({ kind: 'del', left: left[i] ?? '', right: '' })
     i += 1
   }
   while (j < n) {
-    rows.push({ kind: 'add', left: '', right: right[j] })
+    rows.push({ kind: 'add', left: '', right: right[j] ?? '' })
     j += 1
   }
   return rows
@@ -62,8 +70,8 @@ function lineDiff(a: string, b: string): DiffRow[] {
 const rows = computed(() => lineDiff(props.left || '', props.right || ''))
 
 const summary = computed(() => {
-  const adds = rows.value.filter((r) => r.kind === 'add').length
-  const dels = rows.value.filter((r) => r.kind === 'del').length
+  const adds = rows.value.filter(r => r.kind === 'add').length
+  const dels = rows.value.filter(r => r.kind === 'del').length
   return { adds, dels }
 })
 </script>
@@ -90,9 +98,11 @@ const summary = computed(() => {
           :class="[
             'px-3 py-1 whitespace-pre-wrap break-words border-b border-default/50 min-h-[1.5rem]',
             row.kind === 'del' ? 'bg-rose-500/10 text-rose-600 dark:text-rose-400' : '',
-            row.kind === 'add' ? 'bg-muted/10' : '',
+            row.kind === 'add' ? 'bg-muted/10' : ''
           ]"
-        >{{ row.left || '·' }}</div>
+        >
+          {{ row.left || '·' }}
+        </div>
       </div>
       <div class="border-l border-default">
         <div
@@ -101,9 +111,11 @@ const summary = computed(() => {
           :class="[
             'px-3 py-1 whitespace-pre-wrap break-words border-b border-default/50 min-h-[1.5rem]',
             row.kind === 'add' ? 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400' : '',
-            row.kind === 'del' ? 'bg-muted/10' : '',
+            row.kind === 'del' ? 'bg-muted/10' : ''
           ]"
-        >{{ row.right || '·' }}</div>
+        >
+          {{ row.right || '·' }}
+        </div>
       </div>
     </div>
   </div>

package/dashboard/app/composables/useActivityFeed.ts

@@ -8,7 +8,7 @@ import { createSharedComposable } from '@vueuse/core'
 
 export interface ActivityEvent {
   id: string
-  ts: string  // ISO
+  ts: string // ISO
   kind: 'success' | 'warning' | 'error' | 'info'
   title: string
   description?: string
@@ -24,7 +24,7 @@ const _useActivityFeed = () => {
   const loaded = useState<boolean>('activityFeedLoaded', () => false)
   // PR94a v3.47.0 — unread count is now derived from `read: false`.
   const unreadCount = computed(
-    () => events.value.filter((e) => !e.read).length,
+    () => events.value.filter(e => !e.read).length
   )
 
   function _persist() {
@@ -91,7 +91,7 @@ const _useActivityFeed = () => {
   }
 
   function remove(id: string) {
-    events.value = events.value.filter((e) => e.id !== id)
+    events.value = events.value.filter(e => e.id !== id)
     _persist()
   }
 

package/dashboard/app/composables/useApi.ts

@@ -1,8 +1,10 @@
 export const useApi = () => {
   const apiBase = useRuntimeConfig().public.apiBase || 'http://localhost:3334'
 
-  const fetchApi = <T>(path: string, opts?: Record<string, any>) =>
-    useFetch<T>(`${apiBase}${path}`, { ...opts })
+  // path may be a plain string or a getter — useFetch accepts a getter URL
+  // and refetches when its reactive deps change (compare pages rely on it).
+  const fetchApi = <T>(path: MaybeRefOrGetter<string>, opts?: Record<string, unknown>) =>
+    useFetch<T>(() => `${apiBase}${toValue(path)}`, { ...opts })
 
   return { fetchApi, apiBase }
 }

package/dashboard/app/composables/useConfirmDialog.ts

@@ -29,7 +29,7 @@ export const useConfirmDialog = () => {
   return async (options: ConfirmDialogOptions): Promise<boolean> => {
     const modal = overlay.create(ConfirmDialog, {
       destroyOnClose: true,
-      props: options,
+      props: options
     })
 
     const result = await modal.open()

package/dashboard/app/composables/useFavorites.ts

@@ -16,7 +16,7 @@ const _useFavorites = () => {
   const toast = useToast()
   const state = useState<FavoritesPayload>('favorites', () => ({
     agents: [],
-    personas: [],
+    personas: []
   }))
   const loaded = useState<boolean>('favoritesLoaded', () => false)
 
@@ -26,7 +26,7 @@ const _useFavorites = () => {
       const res = await $fetch<FavoritesPayload>(`${apiBase}/api/favorites`)
       state.value = {
         agents: res.agents ?? [],
-        personas: res.personas ?? [],
+        personas: res.personas ?? []
       }
       loaded.value = true
     } catch {
@@ -47,7 +47,7 @@ const _useFavorites = () => {
   async function setMany(
     kind: 'agents' | 'personas',
     ids: string[],
-    favorited: boolean,
+    favorited: boolean
   ) {
     try {
       const res = await $fetch<{
@@ -56,7 +56,7 @@ const _useFavorites = () => {
         error?: string
       }>(`${apiBase}/api/favorites/bulk`, {
         method: 'POST',
-        body: { kind, ids, favorited },
+        body: { kind, ids, favorited }
       })
       if (res.error) throw new Error(res.error)
       // Sync local state with the new server truth.
@@ -66,7 +66,7 @@ const _useFavorites = () => {
       toast.add({
         title: 'Favorites bulk update failed',
         description: err instanceof Error ? err.message : 'unknown error',
-        color: 'error',
+        color: 'error'
       })
       return null
     }
@@ -76,21 +76,21 @@ const _useFavorites = () => {
     try {
       const res = await $fetch<{ favorited?: boolean, error?: string }>(
         `${apiBase}/api/favorites/${kind}/${id}`,
-        { method: 'POST' },
+        { method: 'POST' }
       )
       if (res.error) throw new Error(res.error)
       const bucket = state.value[kind]
       if (res.favorited && !bucket.includes(id)) {
         state.value = { ...state.value, [kind]: [...bucket, id] }
       } else if (!res.favorited) {
-        state.value = { ...state.value, [kind]: bucket.filter((x) => x !== id) }
+        state.value = { ...state.value, [kind]: bucket.filter(x => x !== id) }
       }
       return res.favorited
     } catch (err) {
       toast.add({
         title: 'Favorite toggle failed',
         description: err instanceof Error ? err.message : 'unknown error',
-        color: 'error',
+        color: 'error'
       })
       return null
     }

package/dashboard/app/composables/useTerminalThemes.ts

@@ -50,9 +50,9 @@ export const TERMINAL_THEMES: Record<string, XtermTheme> = {
     brightBlue: '#bae6fd',
     brightMagenta: '#f5d0fe',
     brightCyan: '#a5f3fc',
-    brightWhite: '#fafafa',
+    brightWhite: '#fafafa'
   },
-  dracula: {
+  'dracula': {
     background: '#282a36',
     foreground: '#f8f8f2',
     cursor: '#f8f8f2',
@@ -73,7 +73,7 @@ export const TERMINAL_THEMES: Record<string, XtermTheme> = {
     brightBlue: '#d6acff',
     brightMagenta: '#ff92df',
     brightCyan: '#a4ffff',
-    brightWhite: '#ffffff',
+    brightWhite: '#ffffff'
   },
   'solarized-dark': {
     background: '#002b36',
@@ -96,7 +96,7 @@ export const TERMINAL_THEMES: Record<string, XtermTheme> = {
     brightBlue: '#839496',
     brightMagenta: '#6c71c4',
     brightCyan: '#93a1a1',
-    brightWhite: '#fdf6e3',
+    brightWhite: '#fdf6e3'
   },
   'solarized-light': {
     background: '#fdf6e3',
@@ -119,9 +119,9 @@ export const TERMINAL_THEMES: Record<string, XtermTheme> = {
     brightBlue: '#839496',
     brightMagenta: '#6c71c4',
     brightCyan: '#93a1a1',
-    brightWhite: '#fdf6e3',
+    brightWhite: '#fdf6e3'
   },
-  nord: {
+  'nord': {
     background: '#2e3440',
     foreground: '#d8dee9',
     cursor: '#d8dee9',
@@ -142,16 +142,16 @@ export const TERMINAL_THEMES: Record<string, XtermTheme> = {
     brightBlue: '#81a1c1',
     brightMagenta: '#b48ead',
     brightCyan: '#8fbcbb',
-    brightWhite: '#eceff4',
-  },
+    brightWhite: '#eceff4'
+  }
 }
 
 export const THEME_LABELS: Record<string, string> = {
   'arkaos-dark': 'ArkaOS Dark',
-  dracula: 'Dracula',
+  'dracula': 'Dracula',
   'solarized-dark': 'Solarized Dark',
   'solarized-light': 'Solarized Light',
-  nord: 'Nord',
+  'nord': 'Nord'
 }
 
 const STORAGE_KEY = 'arka-terminal-theme'
@@ -174,17 +174,17 @@ export function useTerminalThemes() {
   }
 
   const activeTheme = computed<XtermTheme>(
-    () => TERMINAL_THEMES[themeName.value] ?? TERMINAL_THEMES[DEFAULT_THEME]!,
+    () => TERMINAL_THEMES[themeName.value] ?? TERMINAL_THEMES[DEFAULT_THEME]!
   )
 
   const options = computed(() =>
-    Object.entries(THEME_LABELS).map(([value, label]) => ({ value, label })),
+    Object.entries(THEME_LABELS).map(([value, label]) => ({ value, label }))
   )
 
   return {
     themeName,
     activeTheme,
     setTheme,
-    options,
+    options
   }
 }

package/dashboard/app/composables/useThemeColor.ts

@@ -16,7 +16,7 @@ export const THEME_COLOR_OPTIONS = [
   { label: 'Rose', value: 'rose' },
   { label: 'Amber', value: 'amber' },
   { label: 'Teal', value: 'teal' },
-  { label: 'Cyan', value: 'cyan' },
+  { label: 'Cyan', value: 'cyan' }
 ] as const
 
 export type ThemeColor = (typeof THEME_COLOR_OPTIONS)[number]['value']
@@ -27,8 +27,11 @@ const _useThemeColor = () => {
 
   function apply(color: ThemeColor) {
     current.value = color
-    if (appConfig.ui?.colors) {
-      ;(appConfig.ui.colors as any).primary = color
+    // ui.colors comes from app.config.ts and isn't part of Nuxt's typed
+    // AppConfig, so narrow it structurally once before writing.
+    const ui = appConfig.ui as { colors?: Record<string, string> } | undefined
+    if (ui?.colors) {
+      ui.colors.primary = color
     }
   }
 
@@ -42,7 +45,7 @@ const _useThemeColor = () => {
   function loadFromStorage() {
     if (typeof window === 'undefined') return
     const saved = window.localStorage.getItem(STORAGE_KEY) as ThemeColor | null
-    if (saved && THEME_COLOR_OPTIONS.some((o) => o.value === saved)) {
+    if (saved && THEME_COLOR_OPTIONS.some(o => o.value === saved)) {
       apply(saved)
     }
   }