Fundamentals

UI Patterns

Neutron AI works best when users can understand and control memory. Add memory controls near the workflows where agents use saved context.

ViewPurpose
Memory listShow saved facts, preferences, instructions, and summaries for a scope.
Memory detailLet users inspect source labels, dates, type, and privacy class.
Delete or forgetAllow users to remove incorrect, sensitive, or outdated memory.
Agent settingsLet admins choose which scopes an agent may access.
Connector settingsShow whether SDK, API, or MCP integrations are connected.
Audit viewShow safe event metadata for memory reads, writes, and deletes.

UX Guidance

  • Use plain language such as “saved memory” rather than implementation terms.
  • Show which workspace, project, or user scope a memory belongs to.
  • Make deletion easy to find and hard to misunderstand.
  • Explain when memory is used to personalize an agent response.
  • Avoid displaying raw sensitive content unless the current user is allowed to view it.

Minimal Memory Control

<template>
  <UCard>
    <template #header>
      <div class="flex items-center justify-between">
        <h2 class="text-sm font-medium">Saved memory</h2>
        <UBadge color="neutral" variant="soft">{{ scopeLabel }}</UBadge>
      </div>
    </template>

    <UButton color="neutral" variant="outline" icon="i-lucide-trash-2">
      Forget selected memory
    </UButton>
  </UCard>
</template>