github-copilot-resources
diff --git a/‎.env‎
Lines changed: 1 addition & 1 deletion b/‎.env‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎.env.example‎
Lines changed: 1 addition & 1 deletion b/‎.env.example‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎.github/workflows/preview-deploy.yml‎
Lines changed: 3 additions & 3 deletions b/‎.github/workflows/preview-deploy.yml‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎.gitignore‎
Lines changed: 3 additions & 0 deletions b/‎.gitignore‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎DEPLOYMENT.md‎
Lines changed: 3 additions & 4 deletions b/‎DEPLOYMENT.md‎
Lines changed: 3 additions & 4 deletions
diff --git a/‎README.md‎
Lines changed: 23 additions & 32 deletions b/‎README.md‎
Lines changed: 23 additions & 32 deletions
diff --git a/‎app/assets/global.css‎
Lines changed: 131 additions & 6 deletions b/‎app/assets/global.css‎
Lines changed: 131 additions & 6 deletions
@@ -28,7 +28,7 @@ NUXT_OAUTH_GITHUB_CLIENT_SECRET=
 # to use a corporate proxy
 # HTTP_PROXY=http://proxy.company.com:8080
 
-ENABLE_HISTORICAL_MODE=true
+ENABLE_HISTORICAL_MODE=false
 NUXT_PUBLIC_USE_NEW_API=true
 
 # Comma-separated list of tab names to hide from the dashboard UI.
 
@@ -10,7 +10,7 @@
 NUXT_PUBLIC_IS_DATA_MOCKED=true
 
 # Determines the scope of the API calls. 
-# Can be 'enterprise', 'organization', 'team-organization', or 'team-enterprise'
+# Can be 'enterprise' or 'organization'. Legacy values 'team-organization'/'team-enterprise' are auto-normalized.
 NUXT_PUBLIC_SCOPE=organization
 
 # Determines the enterprise or organization name to target API calls.
 
@@ -261,7 +261,7 @@ jobs:
                 NUXT_SESSION_PASSWORD=${{ secrets.NUXT_SESSION_PASSWORD }} \
                 NUXT_GITHUB_TOKEN=${{ secrets.PREVIEW_GITHUB_TOKEN }} \
                 DATABASE_URL=${{ steps.dburl.outputs.database_url }} \
-                ENABLE_HISTORICAL_MODE=true \
+                NUXT_PUBLIC_ENABLE_HISTORICAL_MODE=true \
                 SYNC_ENABLED=false \
                 NITRO_PORT=3000 \
                 NUXT_PUBLIC_IS_DATA_MOCKED=false \
@@ -279,7 +279,7 @@ jobs:
                 NUXT_SESSION_PASSWORD=${{ secrets.NUXT_SESSION_PASSWORD }} \
                 NUXT_GITHUB_TOKEN=${{ secrets.PREVIEW_GITHUB_TOKEN }} \
                 DATABASE_URL=${{ steps.dburl.outputs.database_url }} \
-                ENABLE_HISTORICAL_MODE=true \
+                NUXT_PUBLIC_ENABLE_HISTORICAL_MODE=true \
                 SYNC_ENABLED=false \
                 NITRO_PORT=3000 \
                 NUXT_PUBLIC_IS_DATA_MOCKED=false \
@@ -336,7 +336,7 @@ jobs:
               --env-vars \
                 NUXT_GITHUB_TOKEN=${{ secrets.PREVIEW_GITHUB_TOKEN }} \
                 DATABASE_URL=${{ steps.dburl.outputs.database_url }} \
-                ENABLE_HISTORICAL_MODE=true \
+                NUXT_PUBLIC_ENABLE_HISTORICAL_MODE=true \
                 NUXT_PUBLIC_IS_DATA_MOCKED=false \
                 NUXT_PUBLIC_SCOPE=${{ secrets.PREVIEW_SCOPE || 'organization' }} \
                 NUXT_PUBLIC_GITHUB_ORG=${{ secrets.PREVIEW_GITHUB_ORG }}
 
@@ -31,3 +31,6 @@ playwright-logs
 test-results
 test-results-old
 results.xml
+
+cody-test-org
+AgentPlan.md
@@ -286,10 +286,9 @@ These endpoints respond in ~200ms without making external API calls and do not r
 | Variable | Description | Required |
 |----------|-------------|----------|
 | `NUXT_GITHUB_TOKEN` | GitHub PAT with Copilot metrics permission | Yes (unless OAuth) |
-| `NUXT_PUBLIC_SCOPE` | `organization`, `enterprise`, `team-organization`, or `team-enterprise` | Yes |
-| `NUXT_PUBLIC_GITHUB_ORG` | GitHub organization slug | For org/team-org scope |
-| `NUXT_PUBLIC_GITHUB_ENT` | GitHub enterprise slug | For enterprise/team-ent scope |
-| `NUXT_PUBLIC_GITHUB_TEAM` | GitHub team slug | For team scopes |
+| `NUXT_PUBLIC_SCOPE` | `organization` or `enterprise` (legacy `team-organization`/`team-enterprise` have been removed; existing values are auto-normalized) | Yes |
+| `NUXT_PUBLIC_GITHUB_ORG` | GitHub organization slug | For org scope |
+| `NUXT_PUBLIC_GITHUB_ENT` | GitHub enterprise slug | For enterprise scope |
 | `NUXT_SESSION_PASSWORD` | Session encryption key (min 32 chars) | Yes |
 | `DATABASE_URL` | PostgreSQL connection string | Historical mode only |
 | `ENABLE_HISTORICAL_MODE` | `true` to read metrics from database | Historical mode only |
 
@@ -55,12 +55,18 @@ Users can now filter metrics for custom date ranges up to 100 days, with an intu
   <img width="800" alt="Date Range Filter" src="./images/date-range-filter.png">
 </p>
 
-### Teams Comparison
-Compare Copilot metrics across multiple teams within your organization to understand adoption patterns and identify high-performing teams.
+### Teams Tab
+Select **one team** for a full deep-dive view with KPI tiles, time-series charts (acceptance rate, active users, feature usage, model usage), language and editor breakdowns, and a per-user activity table. Select **two or more teams** to compare them side by side.
 
 > [!NOTE]
 > GitHub's Copilot Usage Metrics API does not provide team-level endpoints. Team metrics are **derived** by fetching per-user daily metrics from the organization/enterprise endpoint, resolving team membership via the GitHub Teams API, and aggregating per-user data in-memory. This works in both Direct API mode (28-day window) and Historical mode (full history).
 
+**Single team deep dive:**
+<p align="center">
+  <img width="800" alt="Teams Single Team Deep Dive" src="./images/teams-single-team.png">
+</p>
+
+**Multi-team comparison:**
 <p align="center">
   <img width="800" alt="Teams Comparison" src="./images/teams-comparison.png">
 </p>
@@ -73,15 +79,11 @@ In **Historical mode** (with PostgreSQL), the User Metrics tab also displays per
 <p align="center">
   <img width="800" alt="Per-User Metrics" src="./images/user-metrics.png">
 </p>
-### GitHub.com Integration & Model Analytics
-View comprehensive statistics for GitHub.com features including Chat, PR Summaries, and detailed model usage analytics. Each section provides expandable details showing model types, editors, and usage patterns.
-
-<p align="center">
-  <img width="800" alt="GitHub.com Tab" src="./images/github-com-tab.png">
-</p>
+### Models Tab
+View model usage analytics including model adoption over time, chat model distribution, and usage per chat mode (Ask, Agent, Edit, Inline).
 
 <p align="center">
-  <img width="800" alt="Model Usage Details" src="./images/github-com-models-expanded.png">
+  <img width="800" alt="Models Tab" src="./images/models-tab.png">
 </p>
 
 ### CSV Export Functionality
@@ -102,18 +104,18 @@ Here are the key metrics visualized in these charts:
   <img width="800" alt="Key Metrics Overview" src="./images/main-metrics-dashboard.png">
 </p>
 
-1. **Acceptance Rate:** This metric represents the ratio of accepted lines and suggestions to the total suggested by GitHub Copilot. This rate is an indicator of the relevance and usefulness of Copilot's suggestions. However, as with any metric, it should be used with caution as developers use Copilot in many different ways (research, confirm, verify, etc., not always "inject").
+1. **Active Users Over Time:** Tracks daily, weekly, and monthly active users across all Copilot features — IDE completions, chat, agent mode, CLI, and PR summaries.
 <p align="center">
-  <img width="800" alt="image" src="./images/Acceptance_rate_bycount.png">
+  <img width="800" alt="Active Users Over Time" src="./images/Acceptance_rate_bycount.png">
 </p>
 
-2. **Total Suggestions:** This chart illustrates the total number of code suggestions made by GitHub Copilot. It offers a view of the tool's activity and its engagement with users over time.
-
-3. **Total Acceptances:** This visualization focuses on the total number of suggestions accepted by users.
+2. **Feature Usage Over Time:** Shows user-initiated interactions per feature per day, covering IDE chat, agent mode, edit mode, inline chat, CLI, PR summaries, and more.
 <p align="center">
-  <img width="800" alt="image" src="./images/Total_suggestions_count.png">
+  <img width="800" alt="Feature Usage Over Time" src="./images/Total_suggestions_count.png">
 </p>
 
+3. **Code Completions:** Tracks total inline code suggestions shown and accepted over time.
+
 4. **Total Lines Suggested:** Showcases the total number of lines of code suggested by GitHub Copilot. This gives an idea of the volume of code generation and assistance provided.
 
 5. **Total Lines Accepted:** As the name suggests, the total lines of code accepted by users (full acceptances) offering insights into how much of the suggested code is actually being utilized and incorporated into the codebase.
@@ -201,7 +203,6 @@ Public variables:
 - `NUXT_PUBLIC_SCOPE`
 - `NUXT_PUBLIC_GITHUB_ENT`
 - `NUXT_PUBLIC_GITHUB_ORG`
-- `NUXT_PUBLIC_GITHUB_TEAM`
 - `NUXT_PUBLIC_HIDDEN_TABS`
 - `NUXT_PUBLIC_ENABLE_HISTORICAL_MODE`
 
@@ -214,11 +215,13 @@ can be overridden by route parameters, e.g.
 
 #### NUXT_PUBLIC_SCOPE (Required!)
 
-The `NUXT_PUBLIC_SCOPE` environment variable in the `.env` file determines the default scope of the API calls made by the application. It can be set to 'enterprise', 'organization', 'team-organization' or 'team-enterprise'.
+The `NUXT_PUBLIC_SCOPE` environment variable in the `.env` file determines the default scope of the API calls made by the application. It can be set to `'enterprise'` or `'organization'`.
 
-- If set to 'enterprise', the application will target API calls to the GitHub Enterprise account defined in the `NUXT_PUBLIC_GITHUB_ENT` variable.
-- If set to 'organization', the application will target API calls to the GitHub Organization account defined in the `NUXT_PUBLIC_GITHUB_ORG` variable.
-- If set to 'team-organization' or 'team-enterprise', the application will display team-level metrics derived from per-user data for the team defined in `NUXT_PUBLIC_GITHUB_TEAM` within the specified organization or enterprise.
+- If set to `'enterprise'`, the application will target API calls to the GitHub Enterprise account defined in the `NUXT_PUBLIC_GITHUB_ENT` variable.
+- If set to `'organization'`, the application will target API calls to the GitHub Organization account defined in the `NUXT_PUBLIC_GITHUB_ORG` variable.
+- To view team-level metrics, use the Teams tab or navigate to `/orgs/<org>/teams/<team>` — team filtering is applied as a post-processing step.
+
+> **Note:** Legacy values `'team-organization'` and `'team-enterprise'` are still accepted and automatically normalized to `'organization'` and `'enterprise'` respectively for backward compatibility.
 
 For example, if you want to target the API calls to an organization, you would set `NUXT_PUBLIC_SCOPE=organization` in the `.env` file.
 
@@ -234,18 +237,6 @@ NUXT_PUBLIC_GITHUB_ORG=<YOUR-ORGANIZATION>
 NUXT_PUBLIC_GITHUB_ENT=
 ````
 
-#### NUXT_PUBLIC_GITHUB_TEAM
-
-The `NUXT_PUBLIC_GITHUB_TEAM` environment variable filters metrics for a specific GitHub team within an Organization or Enterprise account.
-‼️ Important ‼️ When this variable is set, all displayed metrics will pertain exclusively to the specified team. To view metrics for the entire Organization or Enterprise, remove this environment variable.
-
-> [!NOTE]
-> Team metrics are **derived from per-user data**, not from a dedicated team API endpoint. The application resolves team membership via the GitHub Teams API and aggregates per-user metrics for team members. There is no minimum team size requirement.
-
-````
-NUXT_PUBLIC_GITHUB_TEAM=
-````
-
 #### NUXT_PUBLIC_IS_DATA_MOCKED
 
 Variable is false by default. To view mocked data switch it to true or use query parameter `?mock=true`.
 
@@ -15,18 +15,48 @@
   }
 }
 
+/* System font stack — matches GitHub's look */
+.v-application, .v-application *:not(.v-icon):not(.mdi) {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
+}
+
+/* KPI tile grid — Row 1 (5 tiles) and Row 2 (4 tiles) each in independent auto-fit grids */
 .tiles-container {
-    display: flex;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-  }
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 10px;
+  padding: 4px 16px;
+}
   .tiles-text {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
   }
 
+/* Unified KPI value — all tiles use the same base size; long text scales down gracefully */
+.kpi-value {
+  font-size: clamp(1.4rem, 3.2vw, 2.8rem);
+  font-weight: 700;
+  line-height: 1.15;
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
+/* Secondary / de-emphasised row (row 2 tiles) */
+.kpi-value-sm {
+  font-size: clamp(1.1rem, 2.2vw, 1.9rem);
+  font-weight: 600;
+  line-height: 1.2;
+}
+/* Legacy alias kept for any remaining usages */
+.kpi-text-value {
+  font-size: clamp(1.4rem, 3.2vw, 2.8rem);
+  font-weight: 700;
+  line-height: 1.15;
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
+
   .error-message {
     color: red;
   }
@@ -199,7 +229,47 @@
     background-color: var(--app-accent-weak) !important; 
   }
 
-  /* ── Global tooltip card style ── */
+  /* ── Explicit text color utilities (ensures CSS vars work in SSR/module builds) ── */
+.text-primary { color: rgb(var(--v-theme-primary)) !important; }
+.text-success { color: rgb(var(--v-theme-success)) !important; }
+.text-info    { color: rgb(var(--v-theme-info))    !important; }
+.text-error   { color: rgb(var(--v-theme-error))   !important; }
+.text-warning { color: rgb(var(--v-theme-warning)) !important; }
+
+/* ── Toolbar ── */
+.app-toolbar {
+  background: linear-gradient(135deg, #1565c0 0%, #1976d2 50%, #1e88e5 100%) !important;
+  border-bottom: none !important;
+}
+.v-theme--dark .app-toolbar {
+  background: #1a1b2e !important;
+  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
+}
+
+/* Force white text/icons inside the charcoal toolbar */
+.app-toolbar .v-toolbar-title,
+.app-toolbar .toolbar-title,
+.app-toolbar .v-btn,
+.app-toolbar .v-icon,
+.app-toolbar .error-message,
+.app-toolbar .user-info {
+  color: rgba(255, 255, 255, 0.92) !important;
+}
+.app-toolbar .v-btn:hover {
+  background: rgba(255, 255, 255, 0.1) !important;
+}
+/* Tabs inside toolbar: inactive = muted white, active = bright white + underline */
+.app-toolbar .v-tab {
+  color: rgba(255, 255, 255, 0.55) !important;
+}
+.app-toolbar .v-tab--selected {
+  color: #ffffff !important;
+}
+.app-toolbar .v-tabs .v-tabs-slider-wrapper .v-tabs-slider {
+  background: #ffffff !important;
+}
+
+/* ── Global tooltip card style ── */
   .metric-tooltip {
     background-color: #1a237e !important;
     max-width: 380px;
@@ -209,4 +279,59 @@
     color: #ffffff !important;
     font-size: 13px !important;
     line-height: 1.45;
-  }
+  }
+/* ── Vuetify theme CSS variable definitions ──────────────────────────────
+   The vuetify-nuxt-module extracts SCSS at build time without runtime
+   variable injection. We define them here so theme switching works.        */
+
+.v-theme--light {
+  --v-theme-background: 255,255,255;
+  --v-theme-on-background: 0,0,0;
+  --v-theme-surface: 255,255,255;
+  --v-theme-on-surface: 0,0,0;
+  --v-theme-surface-variant: 245,245,245;
+  --v-theme-on-surface-variant: 66,66,66;
+  --v-theme-primary: 25,118,210;
+  --v-theme-on-primary: 255,255,255;
+  --v-theme-secondary: 66,66,66;
+  --v-theme-on-secondary: 255,255,255;
+  --v-theme-error: 255,82,82;
+  --v-theme-info: 33,150,243;
+  --v-theme-success: 76,175,80;
+  --v-theme-warning: 255,193,7;
+  --v-border-color: 0,0,0;
+  --v-border-opacity: 0.12;
+  --v-high-emphasis-opacity: 0.87;
+  --v-medium-emphasis-opacity: 0.6;
+  --v-disabled-opacity: 0.38;
+  --v-hover-opacity: 0.04;
+  --v-focus-opacity: 0.12;
+  --v-activated-opacity: 0.12;
+  --v-theme-overlay-multiplier: 1;
+}
+
+.v-theme--dark {
+  --v-theme-background: 18,18,18;
+  --v-theme-on-background: 255,255,255;
+  --v-theme-surface: 30,30,30;
+  --v-theme-on-surface: 255,255,255;
+  --v-theme-surface-variant: 45,45,45;
+  --v-theme-on-surface-variant: 200,200,200;
+  --v-theme-primary: 144,202,249;
+  --v-theme-on-primary: 0,0,0;
+  --v-theme-secondary: 176,190,197;
+  --v-theme-on-secondary: 0,0,0;
+  --v-theme-error: 239,154,154;
+  --v-theme-info: 100,181,246;
+  --v-theme-success: 165,214,167;
+  --v-theme-warning: 255,224,130;
+  --v-border-color: 255,255,255;
+  --v-border-opacity: 0.12;
+  --v-high-emphasis-opacity: 1;
+  --v-medium-emphasis-opacity: 0.7;
+  --v-disabled-opacity: 0.5;
+  --v-hover-opacity: 0.08;
+  --v-focus-opacity: 0.12;
+  --v-activated-opacity: 0.12;
+  --v-theme-overlay-multiplier: 2;
+}