feat(studio): execution analytics view#150
Merged
Merged
Conversation
Adds the Analytics tab to a project — the UI half of the execution-analytics pipeline. Renders live call volume, decision-code distribution, and latency from the platform's /analytics endpoint. - AnalyticsView.vue: range picker (1h/24h/7d), totals tiles (calls / error rate / avg latency / active rulesets), a traffic-over-time line chart (calls + errors), a decision-distribution pie, and a per-ruleset table. Charts use echarts, lazy-imported (raw, matching the docs app) so it code-splits out of the main bundle. Empty state hints that the engine needs NATS connectivity to the platform. - analyticsApi + AnalyticsResponse types + useAnalyticsStore. - Route (project-analytics), an 'Analytics' project nav tab, and i18n across all three locales (en / zh-CN / zh-TW). Typecheck + production build clean; the AnalyticsView + echarts are separate lazy chunks. Pairs with #149 (backend).
Pama-Lee
added a commit
that referenced
this pull request
Jul 6, 2026
Adds the Analytics tab to a project — the UI half of the execution-analytics pipeline. Renders live call volume, decision-code distribution, and latency from the platform's /analytics endpoint. - AnalyticsView.vue: range picker (1h/24h/7d), totals tiles (calls / error rate / avg latency / active rulesets), a traffic-over-time line chart (calls + errors), a decision-distribution pie, and a per-ruleset table. Charts use echarts, lazy-imported (raw, matching the docs app) so it code-splits out of the main bundle. Empty state hints that the engine needs NATS connectivity to the platform. - analyticsApi + AnalyticsResponse types + useAnalyticsStore. - Route (project-analytics), an 'Analytics' project nav tab, and i18n across all three locales (en / zh-CN / zh-TW). Typecheck + production build clean; the AnalyticsView + echarts are separate lazy chunks. Pairs with #149 (backend).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The UI half of the execution-analytics pipeline — this is what makes "Studio shows no data" go away. Adds an Analytics tab to each project that renders live call volume, decision-code distribution, and latency from the platform's
/analyticsendpoint (#149).What
AnalyticsView.vue— range picker (1h / 24h / 7d), a totals row (total calls / error rate / avg latency / active rulesets), a traffic-over-time line chart (calls + errors), a decision-distribution doughnut, and a per-ruleset table (calls / error rate / avg latency).analyticsApi+AnalyticsResponsetypes +useAnalyticsStore; aproject-analyticsroute; an Analytics nav tab (between Instances and Integrate); i18n across all three locales (en / zh-CN / zh-TW).Note on chart init
The chart
<div>s live inside thehasDatabranch, so charts are initialized after data arrives + anextTickDOM flush (not inonMounted) — otherwise the refs would be null and nothing would draw.Verification
vue-tsc --noEmitclean; production build clean; AnalyticsView (6 kB) + echarts are separate lazy chunks. Full live render verifies once #149 is deployed and an engine drives traffic.Pairs with #149 (backend). Together they close the loop: engine executes → platform stores → Studio shows it.