arkaos 3.45.0 → 3.46.0

package/VERSION

@@ -1 +1 @@
-3.45.0
+3.46.0

package/dashboard/app/components/NotificationsBell.vue

@@ -0,0 +1,116 @@
+<script setup lang="ts">
+// PR93d v3.46.0 — bell-icon notifications popover.
+
+const feed = useActivityFeed()
+onMounted(() => feed.load())
+
+function formatRelative(iso: string): string {
+  const ts = Date.parse(iso)
+  if (Number.isNaN(ts)) return iso
+  const diff = Date.now() - ts
+  const m = Math.floor(diff / 60_000)
+  if (m < 1) return 'just now'
+  if (m < 60) return `${m}m ago`
+  const h = Math.floor(m / 60)
+  if (h < 24) return `${h}h ago`
+  return `${Math.floor(h / 24)}d ago`
+}
+
+function kindIcon(kind: string): string {
+  return {
+    success: 'i-lucide-check-circle',
+    warning: 'i-lucide-alert-triangle',
+    error: 'i-lucide-x-circle',
+    info: 'i-lucide-info',
+  }[kind] ?? 'i-lucide-circle'
+}
+
+function kindColor(kind: string): string {
+  return {
+    success: 'text-emerald-500',
+    warning: 'text-amber-500',
+    error: 'text-rose-500',
+    info: 'text-blue-500',
+  }[kind] ?? 'text-muted'
+}
+</script>
+
+<template>
+  <UPopover :ui="{ content: 'w-80' }">
+    <UButton
+      icon="i-lucide-bell"
+      variant="ghost"
+      size="sm"
+      aria-label="Notifications"
+      :ui="{ base: 'relative' }"
+    >
+      <UBadge
+        v-if="feed.unreadCount.value > 0"
+        :label="String(Math.min(feed.unreadCount.value, 99))"
+        color="primary"
+        size="xs"
+        class="absolute -top-1 -right-1 min-w-4"
+      />
+    </UButton>
+
+    <template #content>
+      <div class="p-2 border-b border-default flex items-center justify-between">
+        <div>
+          <p class="text-sm font-semibold">Recent activity</p>
+          <p class="text-xs text-muted">
+            Last {{ Math.min(feed.events.value.length, 50) }} event{{ feed.events.value.length === 1 ? '' : 's' }}
+          </p>
+        </div>
+        <UButton
+          v-if="feed.events.value.length > 0"
+          label="Clear"
+          variant="ghost"
+          size="xs"
+          @click="feed.clear()"
+        />
+      </div>
+      <div class="max-h-80 overflow-y-auto">
+        <p
+          v-if="feed.events.value.length === 0"
+          class="p-6 text-center text-sm text-muted"
+        >
+          <UIcon name="i-lucide-bell-off" class="size-6 inline mb-1" /><br>
+          Nothing here yet.
+        </p>
+        <ul v-else class="divide-y divide-default">
+          <li
+            v-for="ev in feed.events.value"
+            :key="ev.id"
+            class="px-3 py-2 hover:bg-elevated/40 transition-colors group"
+          >
+            <component
+              :is="ev.to ? 'NuxtLink' : 'div'"
+              :to="ev.to"
+              class="flex items-start gap-2"
+            >
+              <UIcon
+                :name="kindIcon(ev.kind)"
+                :class="['size-4 shrink-0 mt-0.5', kindColor(ev.kind)]"
+              />
+              <div class="flex-1 min-w-0">
+                <p class="text-sm font-medium truncate">{{ ev.title }}</p>
+                <p v-if="ev.description" class="text-xs text-muted truncate">
+                  {{ ev.description }}
+                </p>
+                <p class="text-xs text-muted/70 mt-0.5">{{ formatRelative(ev.ts) }}</p>
+              </div>
+              <UButton
+                icon="i-lucide-x"
+                variant="ghost"
+                size="xs"
+                aria-label="Dismiss"
+                class="opacity-0 group-hover:opacity-100 transition-opacity"
+                @click.stop.prevent="feed.remove(ev.id)"
+              />
+            </component>
+          </li>
+        </ul>
+      </div>
+    </template>
+  </UPopover>
+</template>

package/dashboard/app/composables/useActivityFeed.ts

@@ -0,0 +1,72 @@
+// PR93d v3.46.0 — client-side activity feed.
+//
+// Persistence: localStorage `arkaos_activity_feed` (last 50 events).
+// Events are pushed by `push()` from anywhere in the app. The
+// NotificationsBell component reads + clears.
+
+import { createSharedComposable } from '@vueuse/core'
+
+export interface ActivityEvent {
+  id: string
+  ts: string  // ISO
+  kind: 'success' | 'warning' | 'error' | 'info'
+  title: string
+  description?: string
+  to?: string
+}
+
+const STORAGE_KEY = 'arkaos_activity_feed'
+const MAX_EVENTS = 50
+
+const _useActivityFeed = () => {
+  const events = useState<ActivityEvent[]>('activityFeed', () => [])
+  const loaded = useState<boolean>('activityFeedLoaded', () => false)
+  const unreadCount = computed(() => events.value.length)
+
+  function _persist() {
+    if (typeof window === 'undefined') return
+    try {
+      window.localStorage.setItem(STORAGE_KEY, JSON.stringify(events.value))
+    } catch {
+      // Storage full or disabled — silently drop persistence.
+    }
+  }
+
+  function load() {
+    if (loaded.value || typeof window === 'undefined') return
+    try {
+      const raw = window.localStorage.getItem(STORAGE_KEY)
+      if (raw) {
+        const parsed = JSON.parse(raw)
+        if (Array.isArray(parsed)) {
+          events.value = parsed.slice(0, MAX_EVENTS)
+        }
+      }
+    } catch {
+      events.value = []
+    }
+    loaded.value = true
+  }
+
+  function push(entry: Omit<ActivityEvent, 'id' | 'ts'>) {
+    load()
+    const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`
+    const ts = new Date().toISOString()
+    events.value = [{ id, ts, ...entry }, ...events.value].slice(0, MAX_EVENTS)
+    _persist()
+  }
+
+  function clear() {
+    events.value = []
+    _persist()
+  }
+
+  function remove(id: string) {
+    events.value = events.value.filter((e) => e.id !== id)
+    _persist()
+  }
+
+  return { events, unreadCount, load, push, clear, remove }
+}
+
+export const useActivityFeed = createSharedComposable(_useActivityFeed)

package/dashboard/app/layouts/default.vue

@@ -133,7 +133,10 @@ const links = [[{
             <span class="text-xl font-bold text-primary">A</span>
             <span v-if="!collapsed" class="font-semibold">ArkaOS</span>
           </div>
-          <UColorModeButton v-if="!collapsed" size="xs" />
+          <div v-if="!collapsed" class="flex items-center gap-1">
+            <NotificationsBell />
+            <UColorModeButton size="xs" />
+          </div>
         </div>
       </template>
 

package/dashboard/app/pages/agents/index.vue

@@ -360,6 +360,13 @@ async function bulkDelete() {
         ? [{ label: 'Undo', icon: 'i-lucide-rotate-ccw', onClick: () => undoTrashIds(trashIds) }]
         : undefined,
     })
+    // PR93d v3.46.0 — also surface in the notifications bell.
+    useActivityFeed().push({
+      kind: failures > 0 ? 'warning' : 'success',
+      title: `Deleted ${successes.length} agent${successes.length === 1 ? '' : 's'}`,
+      description: failures > 0 ? `${failures} skipped` : 'Undo via /trash',
+      to: '/trash',
+    })
   } else {
     toast.add({
       title: 'Nothing deleted',

package/package.json

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

package/pyproject.toml

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