Prodular UI

AI settings

Pro

Workspace AI controls for admins: one switch for all AI, per feature on and off with a default model, the data sources AI may read, training and retention, agent approval rules by risk and an audit log of AI actions.

Open full screen
AI settings screen from Prodular UI

Install

The screen lands in app/ai-settings/ with every component it uses. Change it like any other code in your app. It is part of Prodular UI Pro, so run npx prodular-ui login first. See pricing.

npx prodular-ui add ai-settings

States

The screen ships with 4 states. Pick one with the tabs above the preview, with ?state= in the URL, or with the state prop from your app.

  • Default
  • AI off
  • Read only
  • Loading

Files

  • app/ai-settings/page.tsx
  • app/ai-settings/settings-header.tsx
  • app/ai-settings/app-shell.tsx
  • app/ai-settings/data.ts