arkaos 2.82.0 → 2.84.0

package/VERSION

@@ -1 +1 @@
-2.82.0
+2.84.0

package/core/profile/manager.py

@@ -82,7 +82,11 @@ class ProfileManager:
     """
 
     def __init__(self, path: Path | None = None) -> None:
-        self._path = path or DEFAULT_PROFILE_PATH
+        # Resolve at call time so HOME changes (tests, multi-tenant
+        # daemons) are honoured. DEFAULT_PROFILE_PATH stays as a
+        # module-level constant for callers that want the canonical
+        # path explicitly.
+        self._path = path or (Path.home() / ".arkaos" / "profile.json")
 
     @property
     def path(self) -> Path:

package/dashboard/app/pages/index.vue

@@ -1,39 +1,139 @@
 <script setup lang="ts">
-import type { OverviewData } from '~/types'
+// PR66 v2.83.0 — Command center.
+//
+// Replaces the 6-stat-card Overview that just counted things you
+// already knew (agents=62, skills=256, ...) with telemetry-driven
+// information the operator actually uses: greeting, today's cost,
+// per-project state, recent incidents, quick actions.
+
+interface ProjectRow {
+  name: string
+  path: string
+  stack: string[]
+  status: string
+  ecosystem: string
+  last_commit_days: number | null
+}
+
+interface IncidentRow {
+  ts: string
+  tool: string
+  reason: string
+  cwd: string
+  bypass_used: boolean
+  kind: 'bypass' | 'blocked'
+}
+
+interface QuickAction {
+  command: string
+  description: string
+}
+
+interface CommandCenterPayload {
+  greeting: {
+    name: string
+    role: string
+    company: string
+    language: string
+  }
+  today_cost: {
+    total_usd: number | null
+    call_count: number
+    tokens_in: number
+    tokens_out: number
+    cache_hit_rate: number
+  }
+  projects: ProjectRow[]
+  recent_incidents: IncidentRow[]
+  quick_actions: QuickAction[]
+}
 
 const { fetchApi } = useApi()
 
-const { data: overview, status, error, refresh } = await fetchApi<OverviewData>('/api/overview')
+const {
+  data,
+  status,
+  error,
+  refresh,
+} = await fetchApi<CommandCenterPayload>('/api/overview/command-center')
+
+const greetingLabel = computed(() => {
+  const name = data.value?.greeting?.name?.trim()
+  const language = data.value?.greeting?.language ?? 'en'
+  if (!name) return language === 'pt' ? 'Olá' : 'Welcome'
+  return language === 'pt' ? `Olá, ${name}` : `Hi, ${name}`
+})
+
+const todayCost = computed(() => data.value?.today_cost)
+
+function formatCost(value: number | null | undefined): string {
+  if (value === null || value === undefined) return 'n/a'
+  if (value === 0) return '$0'
+  if (value < 0.01) return `$${value.toFixed(4)}`
+  return `$${value.toFixed(2)}`
+}
+
+function formatTokens(n: number): string {
+  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`
+  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}K`
+  return n.toString()
+}
+
+function statusColor(status: string): 'success' | 'warning' | 'neutral' | 'error' {
+  switch (status) {
+    case 'active': return 'success'
+    case 'paused': return 'warning'
+    case 'archived': return 'neutral'
+    case 'error': return 'error'
+    default: return 'neutral'
+  }
+}
 
-const stats = computed(() => [
-  { label: 'Agents', value: overview.value?.agents ?? 0, icon: 'i-lucide-users' },
-  { label: 'Skills', value: overview.value?.skills ?? 0, icon: 'i-lucide-sparkles' },
-  { label: 'Departments', value: overview.value?.departments ?? 0, icon: 'i-lucide-building-2' },
-  { label: 'Tests', value: overview.value?.tests ?? 0, icon: 'i-lucide-test-tubes' },
-  { label: 'Commands', value: overview.value?.commands ?? 0, icon: 'i-lucide-terminal' },
-  { label: 'Workflows', value: overview.value?.workflows ?? 0, icon: 'i-lucide-git-branch' }
-])
+function commitFreshness(days: number | null): { color: string; label: string } {
+  if (days === null) return { color: 'text-muted', label: 'no git' }
+  if (days === 0) return { color: 'text-green-500', label: 'today' }
+  if (days === 1) return { color: 'text-green-500', label: '1 day ago' }
+  if (days < 7) return { color: 'text-primary', label: `${days} days ago` }
+  if (days < 30) return { color: 'text-yellow-500', label: `${days} days ago` }
+  return { color: 'text-red-500', label: `${days} days ago` }
+}
 
-const budgetPercent = computed(() => overview.value?.budget?.percent_used ?? 0)
-const budgetUsed = computed(() => overview.value?.budget?.used ?? 0)
-const budgetAllocated = computed(() => overview.value?.budget?.allocated ?? 0)
-const budgetUnlimited = computed(() => overview.value?.budget?.is_unlimited ?? false)
+function formatIncidentTs(iso: string): string {
+  if (!iso) return ''
+  try {
+    return new Intl.DateTimeFormat('en-US', {
+      month: 'short',
+      day: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit',
+    }).format(new Date(iso))
+  } catch {
+    return iso
+  }
+}
 
-function formatCurrency(value: number): string {
-  return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', maximumFractionDigits: 0 }).format(value)
+function copyCommand(cmd: string) {
+  if (typeof navigator !== 'undefined' && navigator.clipboard) {
+    navigator.clipboard.writeText(cmd).catch(() => { /* ignore */ })
+  }
 }
 </script>
 
 <template>
   <UDashboardPanel id="overview">
     <template #header>
-      <UDashboardNavbar title="Overview">
+      <UDashboardNavbar title="Command Center">
         <template #leading>
           <UDashboardSidebarCollapse />
         </template>
-
         <template #right>
-          <UBadge v-if="overview?.version" :label="`v${overview.version}`" variant="subtle" color="primary" />
+          <UButton
+            label="Refresh"
+            variant="ghost"
+            icon="i-lucide-refresh-cw"
+            size="sm"
+            @click="refresh()"
+          />
         </template>
       </UDashboardNavbar>
     </template>
@@ -42,72 +142,171 @@ function formatCurrency(value: number): string {
       <DashboardState
         :status="status"
         :error="error"
-        loading-label="Loading overview"
+        loading-label="Loading command center"
         :on-retry="() => refresh()"
       >
-        <!-- Stats Grid -->
-        <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6">
-          <div
-            v-for="stat in stats"
-            :key="stat.label"
-            class="flex flex-col gap-2 rounded-lg border border-default p-4"
-          >
-            <div class="flex items-center gap-2">
-              <UIcon :name="stat.icon" class="size-4 text-muted" />
-              <span class="text-sm text-muted">{{ stat.label }}</span>
-            </div>
-            <span class="text-2xl font-semibold text-highlighted">{{ stat.value }}</span>
-          </div>
-        </div>
-
-        <!-- Budget Gauge -->
-        <div class="mt-6 rounded-lg border border-default p-6">
-          <h3 class="mb-4 text-lg font-semibold text-highlighted">Budget</h3>
-          <div v-if="budgetUnlimited" class="text-sm text-muted">
-            Unlimited budget configured.
-          </div>
-          <div v-else class="space-y-3">
-            <div class="flex items-center justify-between text-sm">
-              <span class="text-muted">Used: {{ formatCurrency(budgetUsed) }}</span>
-              <span class="text-muted">Allocated: {{ formatCurrency(budgetAllocated) }}</span>
-            </div>
-            <UProgress :value="budgetPercent" :max="100" size="md" />
-            <p class="text-xs text-muted">{{ budgetPercent.toFixed(1) }}% of budget used</p>
-          </div>
-        </div>
-
-        <!-- Bottom Row: Tasks + Knowledge -->
-        <div class="mt-6 grid grid-cols-1 gap-4 md:grid-cols-2">
-          <!-- Tasks Summary -->
-          <div class="rounded-lg border border-default p-6">
-            <h3 class="mb-4 text-lg font-semibold text-highlighted">Tasks</h3>
-            <div class="grid grid-cols-3 gap-4">
-              <div class="text-center">
-                <p class="text-2xl font-semibold text-highlighted">{{ overview?.tasks?.total ?? 0 }}</p>
-                <p class="text-xs text-muted">Total</p>
+        <div class="space-y-6">
+          <!-- Hero: greeting + today's cost -->
+          <UCard>
+            <div class="flex flex-col gap-2 md:flex-row md:items-baseline md:justify-between">
+              <div>
+                <h1 class="text-2xl font-bold">{{ greetingLabel }}.</h1>
+                <p class="text-sm text-muted mt-1">
+                  <template v-if="data?.greeting?.role && data?.greeting?.company">
+                    {{ data.greeting.role }} @ {{ data.greeting.company }}
+                  </template>
+                  <template v-else>
+                    Set your profile in Settings to personalise this view.
+                  </template>
+                </p>
               </div>
-              <div class="text-center">
-                <p class="text-2xl font-semibold text-primary">{{ overview?.tasks?.active ?? 0 }}</p>
-                <p class="text-xs text-muted">Active</p>
+              <div v-if="todayCost" class="flex items-baseline gap-6 text-right">
+                <div>
+                  <p class="text-xs font-semibold text-muted uppercase tracking-wider">
+                    Today's cost
+                  </p>
+                  <p class="text-2xl font-bold">{{ formatCost(todayCost.total_usd) }}</p>
+                </div>
+                <div>
+                  <p class="text-xs font-semibold text-muted uppercase tracking-wider">
+                    Calls
+                  </p>
+                  <p class="text-2xl font-bold">{{ todayCost.call_count }}</p>
+                </div>
+                <div>
+                  <p class="text-xs font-semibold text-muted uppercase tracking-wider">
+                    Cache
+                  </p>
+                  <p class="text-2xl font-bold">
+                    {{ (todayCost.cache_hit_rate * 100).toFixed(0) }}%
+                  </p>
+                </div>
               </div>
-              <div class="text-center">
-                <p class="text-2xl font-semibold text-muted">{{ overview?.tasks?.queued ?? 0 }}</p>
-                <p class="text-xs text-muted">Queued</p>
+            </div>
+          </UCard>
+
+          <!-- Two columns: projects + incidents -->
+          <div class="grid grid-cols-1 lg:grid-cols-[2fr_1fr] gap-6">
+            <!-- Projects -->
+            <div>
+              <div class="flex items-baseline justify-between mb-3">
+                <h2 class="text-sm font-semibold uppercase tracking-wider text-muted">
+                  Projects
+                </h2>
+                <NuxtLink to="/settings" class="text-xs text-muted hover:text-primary">
+                  Configure dirs →
+                </NuxtLink>
               </div>
+              <DashboardState
+                :status="status"
+                :empty="!data?.projects?.length"
+                empty-title="No projects discovered yet"
+                empty-description="Add your project directories in Settings → Projects."
+                empty-icon="i-lucide-folder-open"
+              >
+                <div class="space-y-2">
+                  <div
+                    v-for="p in data?.projects"
+                    :key="p.name"
+                    class="rounded-lg border border-default p-3 hover:border-primary/40 transition-colors"
+                  >
+                    <div class="flex items-start justify-between gap-3">
+                      <div class="min-w-0 flex-1">
+                        <div class="flex items-center gap-2 mb-1">
+                          <span class="text-sm font-semibold truncate">{{ p.name }}</span>
+                          <UBadge
+                            v-if="p.status"
+                            :label="p.status"
+                            :color="statusColor(p.status)"
+                            variant="subtle"
+                            size="xs"
+                          />
+                          <UBadge
+                            v-if="p.ecosystem"
+                            :label="p.ecosystem"
+                            color="primary"
+                            variant="outline"
+                            size="xs"
+                          />
+                        </div>
+                        <p class="text-xs text-muted font-mono truncate">{{ p.path }}</p>
+                        <div class="flex items-center gap-2 mt-2 flex-wrap">
+                          <UBadge
+                            v-for="s in p.stack"
+                            :key="s"
+                            :label="s"
+                            variant="soft"
+                            size="xs"
+                          />
+                        </div>
+                      </div>
+                      <span
+                        class="text-xs font-mono shrink-0"
+                        :class="commitFreshness(p.last_commit_days).color"
+                      >
+                        {{ commitFreshness(p.last_commit_days).label }}
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </DashboardState>
             </div>
-          </div>
 
-          <!-- Knowledge Summary -->
-          <div class="rounded-lg border border-default p-6">
-            <h3 class="mb-4 text-lg font-semibold text-highlighted">Knowledge Base</h3>
-            <div class="grid grid-cols-2 gap-4">
-              <div class="text-center">
-                <p class="text-2xl font-semibold text-highlighted">{{ overview?.knowledge?.total_chunks ?? 0 }}</p>
-                <p class="text-xs text-muted">Chunks</p>
+            <!-- Incidents + Quick actions -->
+            <div class="space-y-6">
+              <div>
+                <h2 class="text-sm font-semibold uppercase tracking-wider text-muted mb-3">
+                  Recent incidents
+                </h2>
+                <DashboardState
+                  :status="status"
+                  :empty="!data?.recent_incidents?.length"
+                  empty-title="No incidents"
+                  empty-description="Bypass uses and flow blocks show up here."
+                  empty-icon="i-lucide-shield-check"
+                >
+                  <div class="space-y-2">
+                    <div
+                      v-for="(i, idx) in data?.recent_incidents"
+                      :key="idx"
+                      class="rounded-lg border border-default p-3"
+                    >
+                      <div class="flex items-center gap-2 mb-1">
+                        <UBadge
+                          :label="i.kind"
+                          :color="i.kind === 'bypass' ? 'warning' : 'error'"
+                          variant="subtle"
+                          size="xs"
+                        />
+                        <span class="text-xs text-muted">{{ formatIncidentTs(i.ts) }}</span>
+                      </div>
+                      <p class="text-xs font-mono text-muted truncate" :title="i.reason">
+                        {{ i.tool }} — {{ i.reason }}
+                      </p>
+                    </div>
+                  </div>
+                </DashboardState>
               </div>
-              <div class="text-center">
-                <p class="text-2xl font-semibold text-highlighted">{{ overview?.knowledge?.total_files ?? 0 }}</p>
-                <p class="text-xs text-muted">Files</p>
+
+              <div>
+                <h2 class="text-sm font-semibold uppercase tracking-wider text-muted mb-3">
+                  Quick actions
+                </h2>
+                <div class="space-y-1">
+                  <button
+                    v-for="a in data?.quick_actions"
+                    :key="a.command"
+                    type="button"
+                    class="w-full text-left p-3 rounded-lg border border-default hover:border-primary/40 hover:bg-elevated/30 transition-colors"
+                    @click="copyCommand(a.command)"
+                  >
+                    <div class="flex items-center gap-2">
+                      <code class="text-sm font-mono font-semibold text-primary">{{ a.command }}</code>
+                      <UIcon name="i-lucide-clipboard" class="size-3 text-muted ml-auto" />
+                    </div>
+                    <p class="text-xs text-muted mt-1">{{ a.description }}</p>
+                  </button>
+                </div>
               </div>
             </div>
           </div>

package/dashboard/app/pages/tasks.vue

@@ -1,85 +1,227 @@
 <script setup lang="ts">
+// PR67 v2.84.0 — Tasks page rewritten against /api/jobs.
+//
+// The legacy /api/tasks endpoint returns the deprecated TaskManager
+// data, which has no live updates and no cancel. The SQLite job queue
+// (/api/jobs) is the real workhorse — knowledge ingest fans out into
+// jobs, WebSocket broadcasts every progress event, DELETE /api/jobs/{id}
+// cancels queued work. This page now consumes the real thing.
+//
+// What changed vs the previous tasks.vue:
+//   - Polls /api/jobs (jobs are the new tasks)
+//   - Subscribes to /ws/tasks for live progress + status flips
+//   - Cancel button on queued/processing rows
+//   - Empty state suggests a real command (Knowledge → ingest) instead
+//     of the dead-link "npx arkaos index" hint
+//   - DashboardState (PR64) wraps loading/error/empty consistently
+
 import type { TableColumn } from '@nuxt/ui'
-import type { Task, TaskSummary } from '~/types'
+import type { Job, JobSummary } from '~/types'
+
+const { fetchApi, apiBase } = useApi()
+const toast = useToast()
+
+const {
+  data,
+  status,
+  error,
+  refresh,
+} = await fetchApi<{ jobs: Job[], summary: JobSummary }>('/api/jobs?limit=200')
 
-const { fetchApi } = useApi()
+const jobs = ref<Job[]>(data.value?.jobs ?? [])
+const summary = ref<JobSummary>(data.value?.summary ?? {
+  total: 0, queued: 0, processing: 0, completed: 0, failed: 0,
+})
 
-const { data, status, error, refresh } = await fetchApi<{ tasks: Task[], summary: TaskSummary }>('/api/tasks')
+watch(data, (d) => {
+  if (!d) return
+  jobs.value = d.jobs ?? []
+  summary.value = d.summary ?? {
+    total: 0, queued: 0, processing: 0, completed: 0, failed: 0,
+  }
+})
 
-const tasks = computed(() => data.value?.tasks ?? [])
-const summary = computed(() => data.value?.summary ?? { total: 0, active: 0, queued: 0, completed: 0 })
+// ─── Filter tabs ─────────────────────────────────────────────────────────
 
-const activeTab = ref('all')
+const activeTab = ref<'all' | 'active' | 'queued' | 'completed' | 'failed'>('all')
 
 const tabItems = [
-  { label: 'All', value: 'all' },
-  { label: 'Active', value: 'active' },
-  { label: 'Queued', value: 'queued' },
-  { label: 'Completed', value: 'completed' },
-  { label: 'Failed', value: 'failed' }
+  { label: 'All', value: 'all' as const },
+  { label: 'Active', value: 'active' as const },
+  { label: 'Queued', value: 'queued' as const },
+  { label: 'Completed', value: 'completed' as const },
+  { label: 'Failed', value: 'failed' as const },
 ]
 
-const filteredTasks = computed(() => {
-  if (activeTab.value === 'all') return tasks.value
-  return tasks.value.filter(t => {
-    if (activeTab.value === 'active') return t.status === 'processing' || t.status === 'active'
-    return t.status === activeTab.value
-  })
+const ACTIVE_STATUSES: Job['status'][] = [
+  'processing', 'downloading', 'transcribing', 'embedding',
+]
+
+const filteredJobs = computed<Job[]>(() => {
+  if (activeTab.value === 'all') return jobs.value
+  if (activeTab.value === 'active') {
+    return jobs.value.filter((j) => ACTIVE_STATUSES.includes(j.status))
+  }
+  return jobs.value.filter((j) => j.status === activeTab.value)
+})
+
+const CANCELLABLE: Job['status'][] = ['queued', 'processing']
+function isCancellable(job: Job): boolean {
+  return CANCELLABLE.includes(job.status)
+}
+
+// ─── WebSocket — live updates ────────────────────────────────────────────
+
+let ws: WebSocket | null = null
+const wsConnected = ref(false)
+
+function connectWebSocket() {
+  if (ws && ws.readyState === WebSocket.OPEN) return
+  const wsUrl = apiBase.replace('http://', 'ws://').replace('https://', 'wss://') + '/ws/tasks'
+  ws = new WebSocket(wsUrl)
+  ws.onopen = () => { wsConnected.value = true }
+  ws.onclose = () => { wsConnected.value = false }
+  ws.onerror = () => { wsConnected.value = false }
+  ws.onmessage = (event) => {
+    try {
+      const msg = JSON.parse(event.data) as {
+        type: string
+        job_id?: string
+        progress?: number
+        message?: string
+        status?: Job['status']
+        error?: string
+        chunks_created?: number
+      }
+      if (!msg.job_id) return
+      const idx = jobs.value.findIndex((j) => j.id === msg.job_id)
+      if (idx === -1) {
+        // We don't have the row yet (new job spawned mid-session).
+        // Refetch the list so it shows up.
+        refresh()
+        return
+      }
+      const current = jobs.value[idx]
+      if (!current) return
+      const next: Job = { ...current }
+      if (msg.type === 'job_progress') {
+        if (typeof msg.progress === 'number') next.progress = msg.progress
+        if (typeof msg.message === 'string') next.message = msg.message
+        if (msg.status) next.status = msg.status
+      } else if (msg.type === 'job_complete') {
+        next.status = 'completed'
+        next.progress = 100
+        if (typeof msg.chunks_created === 'number') next.chunks_created = msg.chunks_created
+      } else if (msg.type === 'job_failed') {
+        next.status = 'failed'
+        if (typeof msg.error === 'string') next.error = msg.error
+      } else if (msg.type === 'job_cancelled') {
+        next.status = 'cancelled'
+      }
+      jobs.value.splice(idx, 1, next)
+    } catch {
+      /* ignore malformed messages */
+    }
+  }
+}
+
+function disconnectWebSocket() {
+  if (!ws) return
+  try { ws.close() } catch { /* already closed */ }
+  ws = null
+  wsConnected.value = false
+}
+
+onMounted(() => {
+  connectWebSocket()
+})
+
+onBeforeUnmount(() => {
+  disconnectWebSocket()
 })
 
-type StatusColorType = 'success' | 'error' | 'primary' | 'warning' | 'neutral'
+// ─── Cancel ──────────────────────────────────────────────────────────────
+
+const cancelling = ref<Set<string>>(new Set())
 
-function statusColor(taskStatus: string): StatusColorType {
-  const colors: Record<string, StatusColorType> = {
-    completed: 'success',
-    processing: 'primary',
-    active: 'primary',
-    queued: 'neutral',
-    failed: 'error',
-    cancelled: 'warning'
+async function cancelJob(job: Job) {
+  if (!isCancellable(job)) return
+  cancelling.value.add(job.id)
+  try {
+    const res = await $fetch<{ cancelled?: boolean, error?: string }>(
+      `${apiBase}/api/jobs/${job.id}`,
+      { method: 'DELETE' },
+    )
+    if (res.cancelled) {
+      // WS will broadcast 'job_cancelled' — handler will flip the row.
+      // Refresh as a safety net in case the WS message races.
+      await refresh()
+      toast.add({
+        title: 'Job cancelled',
+        description: job.source || job.id,
+        color: 'success',
+      })
+    } else {
+      toast.add({
+        title: 'Cancel rejected',
+        description: res.error || 'Only queued jobs can be cancelled.',
+        color: 'warning',
+      })
+    }
+  } catch (err) {
+    toast.add({
+      title: 'Cancel failed',
+      description: err instanceof Error ? err.message : 'unknown error',
+      color: 'error',
+    })
+  } finally {
+    cancelling.value.delete(job.id)
   }
-  return colors[taskStatus] ?? 'neutral'
+}
+
+// ─── Render helpers ──────────────────────────────────────────────────────
+
+type StatusColor = 'success' | 'error' | 'primary' | 'warning' | 'neutral'
+
+const STATUS_COLOR: Record<Job['status'], StatusColor> = {
+  queued: 'neutral',
+  processing: 'primary',
+  downloading: 'primary',
+  transcribing: 'primary',
+  embedding: 'primary',
+  completed: 'success',
+  failed: 'error',
+  cancelled: 'warning',
+}
+
+function statusColor(s: Job['status']): StatusColor {
+  return STATUS_COLOR[s] ?? 'neutral'
 }
 
 function formatDate(dateStr: string) {
   if (!dateStr) return '-'
   try {
     return new Intl.DateTimeFormat('en-US', {
-      month: 'short',
-      day: 'numeric',
-      hour: '2-digit',
-      minute: '2-digit'
+      month: 'short', day: 'numeric',
+      hour: '2-digit', minute: '2-digit',
     }).format(new Date(dateStr))
   } catch {
     return dateStr
   }
 }
 
-const columns: TableColumn<Task>[] = [
-  {
-    accessorKey: 'agent',
-    header: 'Type'
-  },
-  {
-    accessorKey: 'title',
-    header: 'Title'
-  },
-  {
-    accessorKey: 'department',
-    header: 'Department'
-  },
-  {
-    accessorKey: 'status',
-    header: 'Status'
-  },
-  {
-    accessorKey: 'progress',
-    header: 'Progress'
-  },
-  {
-    accessorKey: 'created_at',
-    header: 'Created'
-  }
+function truncate(value: string, max = 60): string {
+  if (!value) return ''
+  return value.length > max ? value.slice(0, max - 1) + '…' : value
+}
+
+const columns: TableColumn<Job>[] = [
+  { accessorKey: 'type',       header: 'Type' },
+  { accessorKey: 'source',     header: 'Source' },
+  { accessorKey: 'status',     header: 'Status' },
+  { accessorKey: 'progress',   header: 'Progress' },
+  { accessorKey: 'created_at', header: 'Created' },
+  { accessorKey: 'actions',    header: '' },
 ]
 </script>
 
@@ -90,6 +232,24 @@ const columns: TableColumn<Task>[] = [
         <template #leading>
           <UDashboardSidebarCollapse />
         </template>
+        <template #trailing>
+          <UBadge
+            :label="wsConnected ? 'Live' : 'Offline'"
+            :color="wsConnected ? 'success' : 'neutral'"
+            variant="subtle"
+            size="xs"
+            :icon="wsConnected ? 'i-lucide-radio-tower' : 'i-lucide-radio'"
+          />
+        </template>
+        <template #right>
+          <UButton
+            label="Refresh"
+            variant="ghost"
+            icon="i-lucide-refresh-cw"
+            size="sm"
+            @click="refresh()"
+          />
+        </template>
       </UDashboardNavbar>
     </template>
 
@@ -97,17 +257,17 @@ const columns: TableColumn<Task>[] = [
       <DashboardState
         :status="status"
         :error="error"
-        loading-label="Loading tasks"
+        loading-label="Loading jobs"
         :on-retry="() => refresh()"
       >
-        <!-- Summary Cards -->
-        <div class="grid grid-cols-2 gap-4 sm:grid-cols-4">
+        <!-- Summary cards -->
+        <div class="grid grid-cols-2 gap-4 sm:grid-cols-5">
           <div class="rounded-lg border border-default p-4 text-center">
             <p class="text-2xl font-semibold text-highlighted">{{ summary.total }}</p>
             <p class="text-xs text-muted">Total</p>
           </div>
           <div class="rounded-lg border border-default p-4 text-center">
-            <p class="text-2xl font-semibold text-primary">{{ summary.active }}</p>
+            <p class="text-2xl font-semibold text-primary">{{ summary.processing ?? 0 }}</p>
             <p class="text-xs text-muted">Active</p>
           </div>
           <div class="rounded-lg border border-default p-4 text-center">
@@ -118,77 +278,116 @@ const columns: TableColumn<Task>[] = [
             <p class="text-2xl font-semibold text-green-500">{{ summary.completed }}</p>
             <p class="text-xs text-muted">Completed</p>
           </div>
+          <div class="rounded-lg border border-default p-4 text-center">
+            <p class="text-2xl font-semibold text-red-500">{{ summary.failed }}</p>
+            <p class="text-xs text-muted">Failed</p>
+          </div>
         </div>
 
-        <!-- Status Filter Tabs -->
+        <!-- Filter tabs -->
         <div class="mt-6">
           <UTabs
             :items="tabItems"
             :model-value="activeTab"
-            @update:model-value="activeTab = $event as string"
+            @update:model-value="activeTab = $event as 'all' | 'active' | 'queued' | 'completed' | 'failed'"
           />
         </div>
 
-        <!-- Empty State -->
-        <div v-if="!tasks.length" class="mt-6 flex flex-col items-center justify-center gap-4 py-16">
-          <UIcon name="i-lucide-list-checks" class="size-16 text-muted" />
-          <h3 class="text-lg font-semibold text-highlighted">No tasks yet</h3>
-          <p class="text-sm text-muted text-center max-w-md">
-            Tasks are created when you run ArkaOS workflows. Start by indexing your project or running a command.
-          </p>
-          <div class="mt-2 rounded-lg border border-default bg-elevated/50 px-4 py-3">
-            <p class="text-xs text-muted mb-1">Try running:</p>
-            <code class="font-mono text-sm text-primary">npx arkaos index</code>
-          </div>
-        </div>
+        <!-- Global empty (no jobs at all) -->
+        <DashboardState
+          :status="status"
+          :empty="!jobs.length"
+          empty-title="No jobs yet"
+          empty-icon="i-lucide-list-checks"
+        >
+          <template #empty>
+            <UIcon name="i-lucide-list-checks" class="size-16 text-muted" />
+            <h3 class="text-lg font-semibold text-highlighted">No jobs yet</h3>
+            <p class="text-sm text-muted text-center max-w-md">
+              Jobs are created when you ingest content. Head to the Knowledge tab and paste a URL or upload a file — each one runs as a job here in real time.
+            </p>
+            <UButton
+              to="/knowledge"
+              label="Open Knowledge"
+              icon="i-lucide-brain"
+              size="md"
+              class="mt-2"
+            />
+          </template>
 
-        <!-- Filtered Empty -->
-        <div v-else-if="!filteredTasks.length" class="mt-6 flex flex-col items-center justify-center gap-4 py-12">
-          <UIcon name="i-lucide-filter-x" class="size-12 text-muted" />
-          <p class="text-sm text-muted">No {{ activeTab }} tasks found.</p>
-        </div>
-
-        <!-- Task Table -->
-        <div v-else class="mt-4">
-          <UTable
-            :data="filteredTasks"
-            :columns="columns"
-            :loading="status === 'pending'"
-            class="shrink-0"
-            :ui="{
-              base: 'table-fixed border-separate border-spacing-0',
-              thead: '[&>tr]:bg-elevated/50 [&>tr]:after:content-none',
-              tbody: '[&>tr]:last:[&>td]:border-b-0',
-              th: 'py-2 first:rounded-l-lg last:rounded-r-lg border-y border-default first:border-l last:border-r',
-              td: 'border-b border-default'
-            }"
+          <!-- Filtered empty (jobs exist but not in this tab) -->
+          <div
+            v-if="!filteredJobs.length"
+            class="mt-6 flex flex-col items-center justify-center gap-4 py-12"
           >
-            <template #agent-cell="{ row }">
-              <UBadge :label="row.original.agent" variant="subtle" color="primary" size="sm" />
-            </template>
-            <template #department-cell="{ row }">
-              <span class="text-sm text-muted">{{ row.original.department }}</span>
-            </template>
-            <template #status-cell="{ row }">
-              <UBadge
-                :label="row.original.status"
-                :color="statusColor(row.original.status)"
-                variant="subtle"
-                size="sm"
-                class="capitalize"
-              />
-            </template>
-            <template #progress-cell="{ row }">
-              <div class="flex items-center gap-2 min-w-24">
-                <UProgress :value="row.original.progress" :max="100" size="xs" class="flex-1" />
-                <span class="text-xs text-muted font-mono w-8 text-right">{{ row.original.progress }}%</span>
-              </div>
-            </template>
-            <template #created_at-cell="{ row }">
-              <span class="text-xs text-muted">{{ formatDate(row.original.created_at) }}</span>
-            </template>
-          </UTable>
-        </div>
+            <UIcon name="i-lucide-filter-x" class="size-12 text-muted" />
+            <p class="text-sm text-muted">No {{ activeTab }} jobs found.</p>
+          </div>
+
+          <!-- Job table -->
+          <div v-else class="mt-4">
+            <UTable
+              :data="filteredJobs"
+              :columns="columns"
+              :loading="status === 'pending'"
+              class="shrink-0"
+              :ui="{
+                base: 'table-fixed border-separate border-spacing-0',
+                thead: '[&>tr]:bg-elevated/50 [&>tr]:after:content-none',
+                tbody: '[&>tr]:last:[&>td]:border-b-0',
+                th: 'py-2 first:rounded-l-lg last:rounded-r-lg border-y border-default first:border-l last:border-r',
+                td: 'border-b border-default',
+              }"
+            >
+              <template #type-cell="{ row }">
+                <UBadge :label="row.original.type || 'unknown'" variant="subtle" color="primary" size="sm" />
+              </template>
+              <template #source-cell="{ row }">
+                <span class="text-sm font-mono" :title="row.original.source">
+                  {{ truncate(row.original.source, 50) }}
+                </span>
+                <p v-if="row.original.message" class="text-xs text-muted mt-0.5">
+                  {{ truncate(row.original.message, 60) }}
+                </p>
+                <p v-if="row.original.error" class="text-xs text-red-400 mt-0.5">
+                  {{ truncate(row.original.error, 80) }}
+                </p>
+              </template>
+              <template #status-cell="{ row }">
+                <UBadge
+                  :label="row.original.status"
+                  :color="statusColor(row.original.status)"
+                  variant="subtle"
+                  size="sm"
+                  class="capitalize"
+                />
+              </template>
+              <template #progress-cell="{ row }">
+                <div class="flex items-center gap-2 min-w-24">
+                  <UProgress :value="row.original.progress" :max="100" size="xs" class="flex-1" />
+                  <span class="text-xs text-muted font-mono w-8 text-right">
+                    {{ row.original.progress }}%
+                  </span>
+                </div>
+              </template>
+              <template #created_at-cell="{ row }">
+                <span class="text-xs text-muted">{{ formatDate(row.original.created_at) }}</span>
+              </template>
+              <template #actions-cell="{ row }">
+                <UButton
+                  v-if="isCancellable(row.original)"
+                  icon="i-lucide-x"
+                  variant="ghost"
+                  color="error"
+                  size="xs"
+                  :loading="cancelling.has(row.original.id)"
+                  aria-label="Cancel job"
+                  @click="cancelJob(row.original)"
+                />
+              </template>
+            </UTable>
+          </div>
+        </DashboardState>
       </DashboardState>
     </template>
   </UDashboardPanel>

package/dashboard/app/types/index.d.ts

@@ -95,6 +95,35 @@ export interface TaskSummary {
   completed: number
 }
 
+// PR67 v2.84.0 — Jobs shape from /api/jobs (SQLite job queue).
+// Mirrors core/jobs/manager.Job dataclass.
+export interface Job {
+  id: string
+  type: string
+  source: string
+  title: string
+  status:
+    | 'queued' | 'processing' | 'downloading' | 'transcribing'
+    | 'embedding' | 'completed' | 'failed' | 'cancelled'
+  progress: number
+  message: string
+  chunks_created: number
+  media_path: string
+  error: string
+  created_at: string
+  started_at: string
+  completed_at: string
+}
+
+export interface JobSummary {
+  total: number
+  queued: number
+  processing: number
+  completed: number
+  failed: number
+  cancelled?: number
+}
+
 export interface KnowledgeStats {
   total_chunks: number
   total_files: number

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arkaos",
-  "version": "2.82.0",
+  "version": "2.84.0",
   "description": "The Operating System for AI Agent Teams",
   "type": "module",
   "bin": {

package/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "arkaos-core"
-version = "2.82.0"
+version = "2.84.0"
 description = "Core engine for ArkaOS — The Operating System for AI Agent Teams"
 readme = "README.md"
 license = {text = "MIT"}

package/scripts/dashboard-api.py

@@ -729,6 +729,176 @@ def persona_build(body: dict):
     }
 
 
+# --- Command center (PR66 v2.83.0) ---
+
+@app.get("/api/overview/command-center")
+def overview_command_center():
+    """Telemetry-driven overview surfacing what the operator actually needs.
+
+    Returns greeting, today's cost, project list with stack + last-commit
+    + status, recent enforcement incidents, and suggested quick actions.
+    """
+    from core.profile import ProfileManager
+    from core.profile.manager import parse_projects_dirs
+    from core.runtime.llm_cost_telemetry import summarise
+
+    profile = ProfileManager().read()
+    today_cost = summarise(period="today")
+
+    return {
+        "greeting": {
+            "name": profile.name,
+            "role": profile.role,
+            "company": profile.company,
+            "language": profile.language,
+        },
+        "today_cost": {
+            "total_usd": today_cost.total_cost_usd,
+            "call_count": today_cost.call_count,
+            "tokens_in": today_cost.total_tokens_in,
+            "tokens_out": today_cost.total_tokens_out,
+            "cache_hit_rate": today_cost.cache_hit_rate,
+        },
+        "projects": _scan_projects(parse_projects_dirs(profile.projectsDir)),
+        "recent_incidents": _recent_incidents(limit=8),
+        "quick_actions": [
+            {"command": "/arka update", "description": "Sync projects + skills"},
+            {"command": "/arka costs", "description": "View detailed LLM cost breakdown"},
+            {"command": "/arka conclave", "description": "Convene the personal AI advisory board"},
+            {"command": "/dev review", "description": "Run a code review on the current branch"},
+        ],
+    }
+
+
+def _scan_projects(projects_dirs: list[str]) -> list[dict]:
+    """Read each project descriptor and enrich with last-commit info.
+
+    Best-effort: never raises. Returns an empty list when descriptors
+    or scan directories are missing.
+    """
+    from datetime import datetime, timezone
+    descriptor_dir = Path.home() / ".arkaos" / "projects"
+    if not descriptor_dir.exists():
+        return []
+
+    rows: list[dict] = []
+    for entry in sorted(descriptor_dir.iterdir()):
+        if entry.is_dir():
+            descriptor = entry / "PROJECT.md"
+        elif entry.suffix == ".md":
+            descriptor = entry
+        else:
+            continue
+        if not descriptor.exists():
+            continue
+        try:
+            data = _parse_descriptor(descriptor)
+        except Exception:
+            continue
+        rows.append(data)
+
+    # Sort by last_commit_days ascending (most recently active first).
+    rows.sort(key=lambda r: (
+        r.get("last_commit_days") if r.get("last_commit_days") is not None else 9999,
+        r.get("name", ""),
+    ))
+    return rows[:30]  # cap to keep payload bounded
+
+
+def _parse_descriptor(path: Path) -> dict:
+    """Extract frontmatter + last-commit-days from a project descriptor."""
+    text = path.read_text(encoding="utf-8", errors="replace")
+    fm: dict = {}
+    if text.startswith("---\n"):
+        end = text.find("\n---", 4)
+        if end > 0:
+            import yaml as _yaml
+            try:
+                fm = _yaml.safe_load(text[4:end]) or {}
+            except Exception:
+                fm = {}
+    name = str(fm.get("name") or path.stem)
+    project_path = str(fm.get("path") or "")
+    stack = fm.get("stack") or []
+    if not isinstance(stack, list):
+        stack = [str(stack)]
+    status = str(fm.get("status") or "unknown")
+    ecosystem = str(fm.get("ecosystem") or "")
+    last_commit_days = _last_commit_days(project_path) if project_path else None
+    return {
+        "name": name,
+        "path": project_path,
+        "stack": [str(s) for s in stack][:6],
+        "status": status,
+        "ecosystem": ecosystem,
+        "last_commit_days": last_commit_days,
+    }
+
+
+def _last_commit_days(project_path: str) -> Optional[int]:
+    """Return days since the last git commit, or None when unknown."""
+    import os
+    if not project_path or not os.path.isdir(project_path):
+        return None
+    git_dir = os.path.join(project_path, ".git")
+    if not os.path.exists(git_dir):
+        return None
+    try:
+        from datetime import datetime, timezone
+        result = subprocess.run(
+            ["git", "-C", project_path, "log", "-1", "--format=%ct"],
+            capture_output=True, text=True, timeout=3, check=False,
+        )
+        if result.returncode != 0 or not result.stdout.strip():
+            return None
+        committed_at = datetime.fromtimestamp(int(result.stdout.strip()), tz=timezone.utc)
+        delta = datetime.now(timezone.utc) - committed_at
+        return max(0, delta.days)
+    except (OSError, ValueError, subprocess.TimeoutExpired):
+        return None
+
+
+def _recent_incidents(limit: int = 8) -> list[dict]:
+    """Recent enforcement / bypass events from telemetry.
+
+    Reads the tail of ~/.arkaos/telemetry/enforcement.jsonl and keeps
+    rows where the operator hit a bypass or a flow-marker block. The
+    UI uses these to show "what went sideways recently".
+    """
+    log = Path.home() / ".arkaos" / "telemetry" / "enforcement.jsonl"
+    if not log.exists():
+        return []
+    try:
+        text = log.read_text(encoding="utf-8", errors="replace")
+    except OSError:
+        return []
+    rows: list[dict] = []
+    # Walk lines in reverse; stop when we've gathered `limit` matches.
+    for line in reversed(text.splitlines()):
+        if len(rows) >= limit:
+            break
+        if not line.strip():
+            continue
+        try:
+            entry = json.loads(line)
+        except json.JSONDecodeError:
+            continue
+        # Interesting events: bypass used OR allow=False (a block).
+        bypass = bool(entry.get("bypass_used"))
+        allowed = entry.get("allow")
+        if not bypass and allowed is not False:
+            continue
+        rows.append({
+            "ts": entry.get("ts", ""),
+            "tool": entry.get("tool", ""),
+            "reason": entry.get("reason", ""),
+            "cwd": entry.get("cwd", ""),
+            "bypass_used": bypass,
+            "kind": "bypass" if bypass else "blocked",
+        })
+    return rows
+
+
 # --- LLM Costs (PR65 v2.82.0) ---
 
 @app.get("/api/llm-costs")