AI Data Ownership
AI
Trust
Block
Data control and transparency component showing users what data is stored, how it's used, with options to export and delete.
Card Variant
Full card with expandable data categories
Your Data
6 items across 5 categories
Your data is encrypted at rest
Inline Variant
Compact summary bar
6 data categories tracked60.8 MB
Settings Variant
Vertical layout for settings pages
Your Data
Conversations
Chat history12.4 MB
In use
Saved prompts256 KB
Stored
Preferences
UI preferences4 KB
In use
Training Data
Model improvements2.1 MB
Training
Analytics
Usage analytics890 KB
In use
Files
Uploaded files45.2 MB
Stored
Props
Component API reference
| Prop | Type | Default | Description |
|---|---|---|---|
items* | DataItem[] | — | Data items to display |
variant | 'card' | 'inline' | 'settings' | 'card' | Display variant |
onDelete | (itemId: string) => void | — | Callback to delete data |
onExport | (itemId: string) => void | — | Callback to export data |
onUsageChange | (itemId, usage) => void | — | Callback to change data usage consent |
onDeleteAll | () => void | — | Callback to delete all data |
onExportAll | () => void | — | Callback to export all data |
deleting | boolean | false | Whether deletion is processing |
Usage
Import and examples
import { AIDataOwnership } from '@/blocks/ai-transparency/ai-data-ownership'
<AIDataOwnership items={[ { id: '1', label: 'Chat history', category: 'conversations', usage: 'active', size: '12 MB', deletable: true, exportable: true }, { id: '2', label: 'Usage analytics', category: 'analytics', usage: 'active', deletable: true }, ]} onDelete={(id) => deleteData(id)} onExport={(id) => exportData(id)} onDeleteAll={() => deleteAllData()}/>Built With
2 componentsThis block uses the following UI components from the design system:
Features
Built-in functionality
- Five categories: Conversations, preferences, training, analytics, files
- Usage control: Change data usage consent per item
- Confirm delete: Two-click delete confirmation with timeout
- Export data: Per-item and bulk export options
- Size display: Shows data size and last accessed time
- Encryption badge: Shows data encryption status
- Dark mode: Full dark mode support
Accessibility
Accessibility considerations
ARIA Attributes
Category headers are expandable buttonsDelete/export actions have clear labelsKeyboard Navigation
| Key | Action |
|---|---|
| Tab | Navigate between categories and actions |
| Enter / Space | Expand category or trigger action |
Notes
- Usage status communicated via badges
- Delete confirmation prevents accidental data loss