Skip to content

Add Privacy Sandbox and Preferences Manager to the dashboard#12

Draft
Copilot wants to merge 3 commits intomainfrom
copilot/create-ui-for-user-tool
Draft

Add Privacy Sandbox and Preferences Manager to the dashboard#12
Copilot wants to merge 3 commits intomainfrom
copilot/create-ui-for-user-tool

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Mar 30, 2026

The app launched to a static dashboard with no way for new users to understand or try the core privacy pipeline. This adds two native app features that give users a genuinely interactive experience with their real vault data.

What's new

lib/features/dashboard/widgets/privacy_sandbox_card.dart

  • Clean native query input + "Query" button — no curl commands or terminal aesthetic
  • 4 preset chips: coffee, work, commute, health
  • Queries the user's real preferences through the actual AutoRedactEngine pipeline
  • Results displayed inline with redacted tokens ([EMAIL REDACTED], [PHONE REDACTED], [AMOUNT GENERALIZED], etc.) highlighted in amber
  • Stats badges showing privacy level and redaction count
  • "My vault →" link navigates to the Preferences Manager

lib/features/preferences/preferences_screen.dart (new screen at /preferences)

  • Full CRUD manager for vault preferences
  • Preference tiles showing key (cyan monospace) and value side-by-side
  • Tap to edit via bottom sheet, trash icon with confirmation dialog to delete, FAB to add new
  • Empty state with onboarding copy

lib/features/preferences/widgets/add_edit_preference_sheet.dart

  • Modal bottom sheet for adding and editing preferences
  • Key and value fields with validation; key field is locked in edit mode

lib/providers/preferences_provider.dart

  • Riverpod AsyncNotifier wiring PreferencesService add/update/delete to the UI

lib/core/router/app_router.dart

  • /preferences route added

lib/features/dashboard/dashboard_screen.dart

  • PrivacySandboxCard inserted between Connections and Monetization sections as a staggered AnimatedListItem

Key difference from the landing page demo

The landing page shows scripted, pre-canned data in a terminal emulator. The Privacy Sandbox operates on the user's own preferences — data they can manage directly in the Preferences Manager — and passes it through the live redaction pipeline with no simulated steps.

Original prompt

Please create a UI for users that try out the tool. Currently it launches a black screen. Maybe use the same concept as the demo from landing page just actually wire it? Any ideas?

Wire the landing-page demo concept into the app:
- New VaultDemoCard widget with 3-step guided flow (auth → morning
  routine query → work colleagues query), backed by the real
  AuthService and ContextQueryService
- After the guided steps, free-form input + 4 preset chips let users
  query any topic against the live vault
- Redacted tokens ([EMAIL REDACTED], etc.) are highlighted in amber
  to make the privacy pipeline visually obvious
- Added to DashboardScreen between the Connections and Monetization
  sections as an AnimatedListItem

Agent-Logs-Url: https://github.com/AdamsLocal/trulana/sessions/2c71fe2d-9801-4cca-a921-399fa242ae25

Co-authored-by: machine-squelch <172148352+machine-squelch@users.noreply.github.com>
Copilot AI changed the title [WIP] Add UI for user tool demo screen Add interactive Vault Demo card to the dashboard Mar 30, 2026
@machine-squelch
Copy link
Copy Markdown
Collaborator

Copilot so it has the same exact functionality of the demo on the landing page? That's not really what I wanted.

- VaultDemoCard removed; replaced with PrivacySandboxCard:
  native query input + presets, no curl/terminal aesthetic,
  queries real user preferences through AutoRedactEngine,
  amber-highlighted redaction tokens, "My vault →" nav link
- New PreferencesScreen (/preferences): full CRUD manager for vault
  preferences — tile list, add/edit bottom sheet, delete confirm,
  empty state, FAB
- New AddEditPreferenceSheet: bottom sheet for add/edit preferences
- New PreferencesProvider: Riverpod AsyncNotifier for preferences CRUD
- Router: add /preferences route
- providers.dart: export preferencesProvider

Agent-Logs-Url: https://github.com/AdamsLocal/trulana/sessions/409fef77-37f2-467b-b2b8-1170e3c6339d

Co-authored-by: machine-squelch <172148352+machine-squelch@users.noreply.github.com>
Copy link
Copy Markdown
Contributor Author

Copilot AI commented Mar 30, 2026

Copilot so it has the same exact functionality of the demo on the landing page? That's not really what I wanted.

You're right — replaced in 52046f0. The terminal/curl approach is gone and is now two genuinely native features:

Privacy Sandbox card (on the dashboard): a clean query input + preset chips that run your real preferences through the actual AutoRedactEngine. No curl commands, no scripted steps — type anything, hit Query, and see exactly what an AI agent receives with every redacted token ([EMAIL REDACTED], [PHONE REDACTED], etc.) highlighted in amber inline.

My Vault screen (/preferences, linked from the sandbox card): full CRUD manager for your vault preferences. Each entry shows as a tile (key → value). Tap to edit, trash icon to delete with a confirmation dialog, FAB to add new. The preferences you manage here are the exact data the sandbox queries — so changes immediately affect what the sandbox returns.

The landing page demo shows static pre-canned data in a terminal. This operates on your actual vault data with no terminal aesthetic at all.

Copilot AI changed the title Add interactive Vault Demo card to the dashboard Add Privacy Sandbox and Preferences Manager to the dashboard Mar 30, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants