Skip to content

Conversation

@shin-bot-litellm
Copy link
Contributor

@shin-bot-litellm shin-bot-litellm commented Feb 7, 2026

Redesigns the Guardrails tab

Changes

  • Table layout instead of cards - cleaner, more compact
  • Sortable columns - click to sort by Category, Name, or Type
  • Click-to-expand - shows code and config on row click
  • Copy button on each row for quick code copying
  • Type badges - colored badges for Pre-call/Post-call/Both
  • Better dark mode support
  • Responsive - description column hides on mobile

Preview

Category Name Description Type
🔒 Security PII Detector Detects and blocks PII... Pre-call 📋

Clicking a row expands to show the full code and config.yaml snippet.


This is a separate PR from #15 (YAML fix). Can be merged independently.

- Switch from card layout to clean table design
- Add sortable columns (Category, Name, Type)
- Compact rows with inline badges
- Click to expand for code and config
- Copy button on each row
- Improved dark mode support
- Responsive design

Inspired by portkey.ai/models
@vercel
Copy link

vercel bot commented Feb 7, 2026

@shin-bot-litellm is attempting to deploy a commit to the CLERKIEAI Team on Vercel.

A member of the Team first needs to authorize it.

@krrishdholakia krrishdholakia changed the title feat: redesign Guardrails page with Portkey-style table layout feat: redesign Guardrails page Feb 7, 2026
@vercel
Copy link

vercel bot commented Feb 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
litellm-model-cost Ready Ready Preview, Comment Feb 7, 2026 8:20pm

Request Review

- Match litellm.ai design: subtle grid pattern with radial mask
- Add purple/blue gradient glow effects
- Keep grid fading naturally at bottom
- Improved visual polish for the guardrails page
- Replace CSS grid with actual SVG from litellm.ai
- Matches the polished look exactly
- SVG was 452KB and not loading
- CSS grid pattern with fade mask
- Purple glow at top matches litellm.ai
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.

1 participant