PR #35490: fix(web): keep Add model dialog footer visible when form overflows

• Repository: langgenius/dify
• Author: crazywoola
• State: closed | merged: True
• Link: https://github.com/langgenius/dify/pull/35490

Description (problem / solution / changelog)

Summary

• The Add model dialog's Save/Add button and encryption notice were being clipped off-screen when the form grew tall (notably when selecting LLM model type, which renders more fields than Text Embedding or Rerank).
• Root cause: DialogContent caps popup height at max-h-[80dvh], but the modal's inner scroll region sized itself against the full viewport (max-h-[calc(100vh-320px)]). Combined with overflow-hidden on the outer container, anything below the form got pushed past the 80dvh boundary and clipped.
• Fix: switch the dialog to a flex column — header, footer button row, and encryption strip use shrink-0; the form region uses min-h-0 flex-1 overflow-y-auto so it absorbs the remaining space within the 80dvh budget.

Closes #35486 Closes #35423 Closes langgenius/dify-official-plugins#2923

Test plan

• Existing model-modal unit tests pass (pnpm test app/components/header/account-setting/model-provider-page/model-modal/__tests__/index.spec.tsx)
• Manually verify in-browser: Settings → Model Providers → add an OpenAI-API-compatible / GPUStack model with LLM type selected, confirm the Add button and PKCS1_OAEP notice are both visible without clipping
• Verify with Text Embedding and Rerank types (regression check)
• Verify at short viewport heights (e.g. 700–800px) that the inner form scrolls and the footer stays pinned

🤖 Generated with Claude Code

Changed files

• web/app/components/header/account-setting/model-provider-page/model-modal/index.tsx (modified, +5/-5)