Skip to content

UI Optimization#5

Merged
nonhana merged 3 commits intomainfrom
dev
Jan 30, 2026
Merged

UI Optimization#5
nonhana merged 3 commits intomainfrom
dev

Conversation

@nonhana
Copy link
Owner

@nonhana nonhana commented Jan 30, 2026

No description provided.

Copilot AI review requested due to automatic review settings January 30, 2026 06:28
@netlify
Copy link

netlify bot commented Jan 30, 2026

Deploy Preview for apiplayer ready!

Name Link
🔨 Latest commit e4b2116
🔍 Latest deploy log https://app.netlify.com/projects/apiplayer/deploys/697c4f7998185c000832fea7
😎 Deploy Preview https://deploy-preview-5--apiplayer.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR implements several UI optimizations to improve the user experience across the workbench interface.

Changes:

  • Relocated Import OpenAPI functionality from API tree toolbar to project sidebar for better accessibility
  • Added ability to delete response body schemas with proper UI for void responses
  • Implemented "Discard Changes" button for API editor
  • Optimized flatGroups computation by moving it to the API tree store
  • Improved import dialog UX with explicit "auto-create groups" option and better layout

Reviewed changes

Copilot reviewed 11 out of 11 changed files in this pull request and generated no comments.

Show a summary per file
File Description
apps/frontend/src/stores/useApiTreeStore.ts Added flatGroups computed property to reduce duplication
apps/frontend/src/stores/useApiEditorStore.ts Enhanced updateResponseBody to support deletion with undefined parameter
apps/frontend/src/components/workbench/dialogs/import/ImportOpenapiPreview.vue Used flatGroups from store, added AUTO_GROUP_VALUE for better UX, removed nested ScrollArea
apps/frontend/src/components/workbench/api-tree/ApiTreeToolbar.vue Removed Import OpenAPI button
apps/frontend/src/components/workbench/api-tree/ApiTree.vue Removed import event emission chain
apps/frontend/src/components/workbench/api-editor/editor/ResponsesEditor.vue Added UI for creating and deleting response body schemas
apps/frontend/src/components/workbench/api-editor/ApiEditView.vue Added "Discard Changes" button
apps/frontend/src/components/workbench/WorkbenchSidebar.vue Added Import OpenAPI button to project-level sidebar
apps/frontend/src/components/workbench/ApiSidebar.vue Removed Import OpenAPI dialog reference
apps/frontend/src/components/json-schema/JsonSchemaNode.vue Added allowDelRoot prop for conditional root deletion
apps/frontend/src/components/json-schema/JsonSchemaEditor.vue Implemented delRoot event and fixed path check logic for root deletion

@nonhana nonhana merged commit 6eaca99 into main Jan 30, 2026
17 checks passed
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