starred/Cli-Proxy-API-Management-Center

Fork 0

mirror of https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git synced 2026-04-25 07:35:56 +03:00

[PR #81] [MERGED] Add diagram-based view mode for model alias mapping #94

New issue

Closed

opened 2026-02-27 16:42:31 +03:00 by kerem · 0 comments

kerem commented

2026-02-27 16:42:31 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/router-for-me/Cli-Proxy-API-Management-Center/pull/81
Author: @thanhtunguet
Created: 1/31/2026
Status: ✅ Merged
Merged: 2/4/2026
Merged by: @LTbinglingfeng

Base: pr-review ← Head: main

📝 Commits (7)

3e55d60 feat: enhance OAuth model alias management with new UI components and localization updates
fd1174e fix: update event type handling in ModelMappingDiagram for improved type safety
01a69ff refactor(AuthFilesPage): optimize provider list generation using useMemo for better performance
ce47d6d style(ModelMappingDiagram): remove unused aliasItem class from SCSS file
0d40eec refactor(ModelMappingDiagram): restructure component to utilize new modular columns and improve type definitions
d9272d6 Merge branch 'router-for-me:main' into main
aebe95d Merge branch 'router-for-me:main' into main

📊 Changes

14 files changed (+2000 additions, -30 deletions)

View changed files

📝 src/components/common/ConfirmationModal.tsx (+5 -1)
➕ src/components/modelAlias/ModelMappingDiagram.module.scss (+323 -0)
➕ src/components/modelAlias/ModelMappingDiagram.tsx (+567 -0)
➕ src/components/modelAlias/ModelMappingDiagramColumns.tsx (+229 -0)
➕ src/components/modelAlias/ModelMappingDiagramContextMenu.tsx (+111 -0)
➕ src/components/modelAlias/ModelMappingDiagramModals.tsx (+267 -0)
➕ src/components/modelAlias/ModelMappingDiagramTypes.ts (+33 -0)
➕ src/components/modelAlias/index.ts (+2 -0)
📝 src/components/ui/Modal.tsx (+3 -1)
📝 src/i18n/locales/en.json (+31 -0)
📝 src/i18n/locales/zh-CN.json (+31 -0)
📝 src/pages/AuthFilesPage.module.scss (+43 -0)
📝 src/pages/AuthFilesPage.tsx (+353 -27)
📝 src/stores/useNotificationStore.ts (+2 -1)

📄 Description

This PR introduces an additional view mode for model alias mapping, featuring a diagram-based visualization.
It enables drag-and-drop mapping creation and offers a holistic view of the mapping structure, as well as visibility into all models currently available in the system.

View mode switch (Diagram / List)

This ensures compatibility and respects current layout

Diagram view:

Alias settings

Linting: No related linting issues
Type-check: Passed.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/router-for-me/Cli-Proxy-API-Management-Center/pull/81 **Author:** [@thanhtunguet](https://github.com/thanhtunguet) **Created:** 1/31/2026 **Status:** ✅ Merged **Merged:** 2/4/2026 **Merged by:** [@LTbinglingfeng](https://github.com/LTbinglingfeng) **Base:** `pr-review` ← **Head:** `main` --- ### 📝 Commits (7) - [`3e55d60`](https://github.com/router-for-me/Cli-Proxy-API-Management-Center/commit/3e55d601a1faebc2d7a52626049178c9e63eae08) feat: enhance OAuth model alias management with new UI components and localization updates - [`fd1174e`](https://github.com/router-for-me/Cli-Proxy-API-Management-Center/commit/fd1174e0102b9bb3efe874c76d765388d5c44a3e) fix: update event type handling in ModelMappingDiagram for improved type safety - [`01a69ff`](https://github.com/router-for-me/Cli-Proxy-API-Management-Center/commit/01a69ff32b5315ec72d450538a70cadc1891786a) refactor(AuthFilesPage): optimize provider list generation using useMemo for better performance - [`ce47d6d`](https://github.com/router-for-me/Cli-Proxy-API-Management-Center/commit/ce47d6d9853fa4152e6c215235222141a6ff10dd) style(ModelMappingDiagram): remove unused aliasItem class from SCSS file - [`0d40eec`](https://github.com/router-for-me/Cli-Proxy-API-Management-Center/commit/0d40eecbe7e5544372713ad51917d8719b2937f6) refactor(ModelMappingDiagram): restructure component to utilize new modular columns and improve type definitions - [`d9272d6`](https://github.com/router-for-me/Cli-Proxy-API-Management-Center/commit/d9272d6d0ed6fb92c7596ac42599fc74b2f0fbdc) Merge branch 'router-for-me:main' into main - [`aebe95d`](https://github.com/router-for-me/Cli-Proxy-API-Management-Center/commit/aebe95d22189c250f5e3a1302e84a3de365fa766) Merge branch 'router-for-me:main' into main ### 📊 Changes **14 files changed** (+2000 additions, -30 deletions) <details> <summary>View changed files</summary> 📝 `src/components/common/ConfirmationModal.tsx` (+5 -1) ➕ `src/components/modelAlias/ModelMappingDiagram.module.scss` (+323 -0) ➕ `src/components/modelAlias/ModelMappingDiagram.tsx` (+567 -0) ➕ `src/components/modelAlias/ModelMappingDiagramColumns.tsx` (+229 -0) ➕ `src/components/modelAlias/ModelMappingDiagramContextMenu.tsx` (+111 -0) ➕ `src/components/modelAlias/ModelMappingDiagramModals.tsx` (+267 -0) ➕ `src/components/modelAlias/ModelMappingDiagramTypes.ts` (+33 -0) ➕ `src/components/modelAlias/index.ts` (+2 -0) 📝 `src/components/ui/Modal.tsx` (+3 -1) 📝 `src/i18n/locales/en.json` (+31 -0) 📝 `src/i18n/locales/zh-CN.json` (+31 -0) 📝 `src/pages/AuthFilesPage.module.scss` (+43 -0) 📝 `src/pages/AuthFilesPage.tsx` (+353 -27) 📝 `src/stores/useNotificationStore.ts` (+2 -1) </details> ### 📄 Description This PR introduces an additional view mode for model alias mapping, featuring a diagram-based visualization. It enables drag-and-drop mapping creation and offers a holistic view of the mapping structure, as well as visibility into all models currently available in the system. ## View mode switch (Diagram / List) This ensures compatibility and respects current layout <img width="1505" height="520" alt="Screenshot 2026-01-31 at 21 18 38" src="https://github.com/user-attachments/assets/5260be67-e7d7-447b-9c83-c1e3c4604f73" /> ## Diagram view: <img width="1504" height="866" alt="Screenshot 2026-01-31 at 21 19 26" src="https://github.com/user-attachments/assets/b6523f3a-ced5-48db-ba93-6b7da63b7a80" /> ## Alias settings <img width="722" height="306" alt="Screenshot 2026-01-31 at 21 19 39" src="https://github.com/user-attachments/assets/9cca920e-9b8f-422f-be83-f08aad2d521f" /> **Linting**: No related linting issues **Type-check**: Passed. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-02-27 16:42:31 +03:00

closed this issue
added the
pull-request
label

No labels

enhancement

pull-request

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/Cli-Proxy-API-Management-Center#94

No description provided.

Rows
Columns