Skip to content

Traffic Analysis page and UI improvements#1895

Merged
kunish merged 3 commits intoMetaCubeX:mainfrom
xuqingfande:main
Mar 12, 2026
Merged

Traffic Analysis page and UI improvements#1895
kunish merged 3 commits intoMetaCubeX:mainfrom
xuqingfande:main

Conversation

@xuqingfande
Copy link
Contributor

@xuqingfande xuqingfande commented Mar 11, 2026

Introduces a standalone Traffic Analysis feature and enhances dashboard visual consistency.

New Features

  • Traffic Analysis Page: Dedicated section for tracking data usage over time.
  • Ranking Statistics: Traffic data categorized by Device, Host, Proxy, and Process.
  • Trend Visualization: Charts displaying upload and download history.
  • Data Breakdown: Drills down into specific items for detailed traffic information.
  • Search and Sorting: Ability to locate and sort entries by usage volume or name.
  • Staggered Animations: Smooth page transitions and loading effects.

UI and Mobile

  • Responsive Design: Optimized tables and cards for mobile viewing.
  • Unified Styling: Improved borders, shadows, and overall UI consistency.

Page Screenshot

{5A373DD3-3D49-4E32-AFC4-145816095B58}

@codecov-commenter
Copy link

⚠️ Please install the 'codecov app svg image' to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

❌ Patch coverage is 0% with 217 lines in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (main@baa0ec2). Learn more about missing BASE report.

Files with missing lines Patch % Lines
composables/useDataUsage.ts 0.00% 121 Missing ⚠️
utils/db.ts 0.00% 65 Missing ⚠️
stores/connections.ts 0.00% 31 Missing ⚠️
❗ Your organization needs to install the Codecov GitHub app to enable full functionality.
Additional details and impacted files
@@           Coverage Diff           @@
##             main    #1895   +/-   ##
=======================================
  Coverage        ?   15.05%           
=======================================
  Files           ?       21           
  Lines           ?     1495           
  Branches        ?      238           
=======================================
  Hits            ?      225           
  Misses          ?     1266           
  Partials        ?        4           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

- components/Versions.vue: Use small button styles for version badges; update tooltip colors.
- components/connections/ConnectionsToolbar.vue: Refactor toolbar layout and spacing.
- components/DataUsageTable.vue: Improve mobile sort button layout.
- pages/config.vue: Adjust input widths for better responsiveness.
- pages/connections.vue: Add padding to container.
- pages/logs.vue: Add padding to container; fine-tune table cell spacing.
- pages/overview.vue: Add padding to container; adjust collapse icon size.
@kunish kunish merged commit 50cad9f into MetaCubeX:main Mar 12, 2026
2 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.

3 participants