Skip to content

feat(ui): flag experimental dashboard pages on the draft deprecation list - #32132

Merged
ryan-crabbe-berri merged 5 commits into
litellm_internal_stagingfrom
litellm_ui_deprecation_banners
Jul 6, 2026
Merged

feat(ui): flag experimental dashboard pages on the draft deprecation list#32132
ryan-crabbe-berri merged 5 commits into
litellm_internal_stagingfrom
litellm_ui_deprecation_banners

Conversation

@ryan-crabbe-berri

@ryan-crabbe-berri ryan-crabbe-berri commented Jul 4, 2026

Copy link
Copy Markdown
Contributor

Relevant issues

Draft deprecation discussion: #32090

Linear ticket

Pre-Submission checklist

Please complete all items before asking a LiteLLM maintainer to review your PR

  • I have added meaningful tests
  • My PR passes all CI/CD checks (e.g., lint, format, unit tests)
  • My PR's scope is as isolated as possible; it only solves 1 specific problem
  • I have requested a Greptile review by commenting @greptileai and received a Confidence Score of at least 4/5 before requesting a maintainer review

Delays in PR merge?

If you're seeing a delay in your PR being merged, ping the LiteLLM Team on Slack (#pr-review).

Screenshots / Proof of Fix

This is a UI-only change. To verify, run the dashboard and visit each page below; a light blue, dismissible info banner should appear at the top linking to the discussion, and the copy makes clear the list is a draft and not final

  1. Workflows -> http://localhost:4000/ui/?page=workflows
  2. Memory -> http://localhost:4000/ui/?page=memory
  3. Prompt Management -> http://localhost:4000/ui/?page=prompts
  4. Old Usage -> http://localhost:4000/ui/?page=usage
  5. API Reference -> http://localhost:4000/ui/?page=api_ref
  6. Playground, then the "Agent Builder (Experimental)" tab -> http://localhost:4000/ui/?page=llm-playground
  7. MCP Servers, then the "Network Settings" tab -> http://localhost:4000/ui/?page=mcp-servers
image

Type

🆕 New Feature

Changes

The draft deprecation list in discussion #32090 proposes retiring several experimental dashboard features on September 1, 2026. This adds a low-key heads-up on each affected page so users find out in-product without it being blatant, and can weigh in before anything is final

A single reusable DeprecationBanner component renders an antd Alert (type="info", showIcon, closable) that names the feature, notes it is on a draft list that is not final, and links to the discussion. It is placed on Workflows, Memory, Prompt Management, the old Usage page, the API Reference tab, the Playground's Agent Builder tab, and the MCP Network Settings tab (which also covers the internal-network-only flag)

Two open questions for reviewers. First, "Learning Resources" is also on the draft list but it is a sidebar link to the external cookbook rather than a dashboard page, so there is nowhere to host a banner; it is left untouched for now. Second, the banner reappears on every visit since dismissal is not persisted; happy to switch to remembered dismissal or a yellow warning style if preferred

…list

Add a subtle, dismissible info banner to each dashboard surface named in
the draft deprecation discussion (Workflows, Memory, Prompt Management, the
old Usage page, the API Reference tab, the Playground Agent Builder tab, and
MCP Network Settings). The banner links to discussion #32090 and states the
list is a draft and not final.
@greptile-apps

greptile-apps Bot commented Jul 4, 2026

Copy link
Copy Markdown
Contributor

Greptile Summary

This PR adds a dismissible informational Alert banner to seven experimental dashboard pages (Workflows, Memory, Prompt Management, old Usage, API Reference, Playground Agent Builder tab, and MCP Network Settings) that appear on a draft deprecation list targeting September 1, 2026.

  • A single reusable DeprecationBanner component is introduced with both the discussion URL and target date extracted to named constants, and a clean single named export.
  • Each consumer page wraps its existing content in a React Fragment with the banner prepended; the Playground correctly scopes the banner inside the Agent Builder TabPanel so it only appears on that tab.
  • No backend or API changes are involved; dismissal state is intentionally session-only (acknowledged in the PR description).

Confidence Score: 5/5

Safe to merge — pure UI addition that prepends a read-only informational banner to experimental pages with no changes to data fetching, API calls, or authentication.

The change is entirely additive: a new stateless display component is added and wrapped around existing page content without modifying any underlying logic. Both previously flagged issues (date not extracted, redundant default export) are addressed in the current version. No backend, auth, or routing code is touched.

No files require special attention.

Important Files Changed

Filename Overview
ui/litellm-dashboard/src/components/DeprecationBanner.tsx New reusable component: antd Alert (type=info, closable) with both URL and date extracted to named constants; single named export only.
ui/litellm-dashboard/src/app/(dashboard)/playground/page.tsx Banner correctly scoped inside the Agent Builder TabPanel so it only shows when that tab is active.
ui/litellm-dashboard/src/components/mcp_tools/MCPNetworkSettings.tsx Banner added at the top of the settings panel using a relative import path; no logic changes.
ui/litellm-dashboard/src/app/(dashboard)/workflows/page.tsx Wraps existing WorkflowRuns in a Fragment with the banner prepended; no logic changes.
ui/litellm-dashboard/src/app/(dashboard)/memory/page.tsx Wraps existing MemoryView in a Fragment with the banner prepended; no logic changes.
ui/litellm-dashboard/src/app/(dashboard)/old-usage/page.tsx Wraps existing Usage component in a Fragment with the banner prepended; no logic changes.
ui/litellm-dashboard/src/app/(dashboard)/prompts/page.tsx Wraps existing PromptsPanel in a Fragment with the banner prepended; no logic changes.
ui/litellm-dashboard/src/app/(dashboard)/api-reference/page.tsx Wraps existing APIReferenceView in a Fragment with the banner prepended; no logic changes.

Reviews (3): Last reviewed commit: "fix(ui): render DeprecationBanner intro ..." | Re-trigger Greptile

Comment thread ui/litellm-dashboard/src/components/DeprecationBanner.tsx
Comment thread ui/litellm-dashboard/src/components/DeprecationBanner.tsx Outdated
@codecov

codecov Bot commented Jul 4, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

ryan-crabbe-berri and others added 2 commits July 4, 2026 13:45
Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
@ryan-crabbe-berri

Copy link
Copy Markdown
Contributor Author

@greptileai re review

Switch the discussion link from a raw <a> to next/link's <Link>, and wire the
DEPRECATION_TARGET_DATE constant into the copy so it is no longer unused. Also
removes the trailing blank line that was failing the frontend prettier check.
…cing

Interpolating featureName and the target date directly in JSX let prettier wrap
an expression onto its own line, which drops the adjacent space in the rendered
output. Build the intro as a single template literal so spacing is stable.
@ryan-crabbe-berri

Copy link
Copy Markdown
Contributor Author

@greptileai re review

@ryan-crabbe-berri
ryan-crabbe-berri merged commit 29035c4 into litellm_internal_staging Jul 6, 2026
123 checks passed
@ryan-crabbe-berri
ryan-crabbe-berri deleted the litellm_ui_deprecation_banners branch July 6, 2026 17:57
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