feat: yamazumi reporting with mode-specific KPIs and activity breakdown

CLAUDE.md

@@ -46,7 +46,7 @@ npx ruflo@latest security cve --check        # CVE check
 | docs/04-cases/          | 8 case studies with demo data                                         |
 | docs/05-technical/      | Architecture, implementation, integrations                            |
 | docs/06-design-system/  | Colors, typography, components, charts, patterns                      |
-| docs/07-decisions/      | ADR-001 through ADR-034                                               |
+| docs/07-decisions/      | ADR-001 through ADR-038                                               |
 | docs/08-products/       | Azure, PWA, website specs, feature-parity matrix                      |
 | docs/09-tutorials/      | Planned step-by-step guides                                           |
 | docs/superpowers/specs/ | Design specs from brainstorming sessions (see index.md)               |
@@ -81,6 +81,7 @@ npx ruflo@latest security cve --check        # CVE check
 | Report View / Sharing      | adr-037, adr-030, adr-031, docs/superpowers/specs/2026-03-20-reporting-workspaces-design.md                                                             |
 | Verification / Staged      | adr-023, docs/03-features/analysis/staged-analysis.md                                                                                                   |
 | Characteristic types       | docs/03-features/analysis/characteristic-types.md, packages/core/src/types.ts                                                                           |
+| Subgroup capability        | adr-038, docs/03-features/analysis/subgroup-capability.md, packages/core/src/stats/subgroupCapability.ts                                                |
 | Data lifecycle / Append    | adr-023, apps/azure/src/hooks/useEditorDataFlow.ts                                                                                                      |
 | Teams integration          | adr-016, docs/08-products/azure/authentication.md                                                                                                       |
 | Platform comparison        | docs/08-products/feature-parity.md                                                                                                                      |
@@ -118,7 +119,7 @@ variscout-lite/
 
 | Package                                       | Key Files                                                                                                        | Purpose                                                                                    |
 | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ |
-| `packages/core/src/`                          | stats/, parser/, types.ts, tier.ts, ai/, glossary/, variation/, yamazumi/                                        | Stats engine (13 modules), parser, types, tier, AI context, glossary, simulation, yamazumi |
+| `packages/core/src/`                          | stats/, parser/, types.ts, tier.ts, ai/, glossary/, variation/, yamazumi/                                        | Stats engine (14 modules), parser, types, tier, AI context, glossary, simulation, yamazumi |
 | `packages/charts/src/`                        | IChart, Boxplot, Pareto, Performance\*, colors.ts, useChartTheme                                                 | Chart components (see .claude/rules/charts.md)                                             |
 | `packages/hooks/src/`                         | use\*.ts (see .claude/rules/monorepo.md for full list)                                                           | 40+ shared React hooks                                                                     |
 | `packages/ui/src/components/`                 | \*/ (see .claude/rules/monorepo.md for full list)                                                                | 60+ shared UI components                                                                   |

apps/azure/src/components/Dashboard.tsx

@@ -20,11 +20,13 @@ import {
   SelectionPanel,
   CreateFactorModal,
   DashboardLayoutBase,
+  CapabilityMetricToggle,
+  SubgroupConfigPopover,
   useIsMobile,
   useGlossary,
   BREAKPOINTS,
 } from '@variscout/ui';
-import { getColumnNames } from '@variscout/core';
+import { getColumnNames, hasTimeComponent } from '@variscout/core';
 import type { Finding } from '@variscout/core';
 import type { FindingsCallbacks } from '../types/findingsCallbacks';
 import {
@@ -161,6 +163,8 @@ const Dashboard = ({
     timeColumn,
     displayOptions,
     setDisplayOptions,
+    subgroupConfig,
+    setSubgroupConfig,
     selectedPoints,
     clearSelection,
   } = useData();
@@ -696,18 +700,39 @@ const Dashboard = ({
                 }}
                 // Azure-specific: Manage Factors button in I-Chart header
                 ichartHeaderExtra={
-                  onManageFactors ? (
-                    <button
-                      onClick={onManageFactors}
-                      className="flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-content-secondary hover:text-content bg-surface-secondary hover:bg-surface-tertiary border border-edge rounded-lg transition-colors"
-                      title="Manage analysis factors"
-                      aria-label="Manage factors"
-                      data-testid="btn-manage-factors"
-                    >
-                      <Settings2 size={14} />
-                      <span>Factors ({factors.length})</span>
-                    </button>
-                  ) : undefined
+                  <div className="flex items-center gap-2">
+                    <CapabilityMetricToggle
+                      metric={displayOptions.standardIChartMetric ?? 'measurement'}
+                      onMetricChange={m =>
+                        setDisplayOptions({ ...displayOptions, standardIChartMetric: m })
+                      }
+                      disabled={specs.usl === undefined && specs.lsl === undefined}
+                    />
+                    {displayOptions.standardIChartMetric === 'capability' && (
+                      <SubgroupConfigPopover
+                        config={subgroupConfig}
+                        onConfigChange={setSubgroupConfig}
+                        availableColumns={factors}
+                        columnAliases={columnAliases}
+                        timeColumn={timeColumn}
+                        hasTimeOfDay={
+                          timeColumn ? hasTimeComponent(filteredData, timeColumn) : false
+                        }
+                      />
+                    )}
+                    {onManageFactors && (
+                      <button
+                        onClick={onManageFactors}
+                        className="flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-content-secondary hover:text-content bg-surface-secondary hover:bg-surface-tertiary border border-edge rounded-lg transition-colors"
+                        title="Manage analysis factors"
+                        aria-label="Manage factors"
+                        data-testid="btn-manage-factors"
+                      >
+                        <Settings2 size={14} />
+                        <span>Factors ({factors.length})</span>
+                      </button>
+                    )}
+                  </div>
                 }
                 // Azure-specific: lastAdvancedFactor ring on boxplot factor selector
                 boxplotFactorWrapper={selector => (

apps/azure/src/components/__tests__/Dashboard.test.tsx

@@ -66,6 +66,8 @@ vi.mock('@variscout/ui', () => ({
   ChartDownloadMenu: () => <div data-testid="chart-download-menu">Download</div>,
   AnnotationContextMenu: () => null,
   HelpTooltip: () => null,
+  CapabilityMetricToggle: () => <div data-testid="capability-metric-toggle" />,
+  SubgroupConfigPopover: () => <div data-testid="subgroup-config-popover" />,
   useGlossary: () => ({ getTerm: () => undefined }),
   DashboardChartCard: ({
     id,
@@ -412,6 +414,8 @@ describe('Dashboard', () => {
       lockYAxisToFullData: true,
     },
     setDisplayOptions: vi.fn(),
+    subgroupConfig: { method: 'fixed-size' as const, size: 5 },
+    setSubgroupConfig: vi.fn(),
     categoryContributions: new Map(),
     selectedPoints: new Set<number>(),
     clearSelection: vi.fn(),

apps/azure/src/components/charts/IChart.tsx

@@ -4,6 +4,7 @@
 import { withParentSize } from '@visx/responsive';
 import { useData } from '../../context/DataContext';
 import { useChartScale } from '../../hooks/useChartScale';
+import { useCapabilityIChartData } from '@variscout/hooks';
 import { IChartWrapperBase } from '@variscout/ui';
 import type { Finding } from '@variscout/core';
 
@@ -23,6 +24,15 @@ const IChart = ({ parentWidth, parentHeight, ...props }: IChartProps) => {
   const ctx = useData();
   const { min: autoMin, max: autoMax } = useChartScale();
 
+  const isCapabilityMode = ctx.displayOptions.standardIChartMetric === 'capability';
+
+  const capData = useCapabilityIChartData({
+    filteredData: ctx.filteredData,
+    outcome: ctx.outcome ?? '',
+    specs: ctx.specs,
+    subgroupConfig: ctx.subgroupConfig,
+  });
+
   return (
     <IChartWrapperBase
       parentWidth={parentWidth}
@@ -44,6 +54,11 @@ const IChart = ({ parentWidth, parentHeight, ...props }: IChartProps) => {
       selectedPoints={ctx.selectedPoints}
       onSelectionChange={ctx.setSelectedPoints}
       showBranding={false}
+      isCapabilityMode={isCapabilityMode}
+      capabilityCpkData={isCapabilityMode ? capData.cpkData : undefined}
+      capabilityCpData={isCapabilityMode ? capData.cpData : undefined}
+      capabilityCpkStats={isCapabilityMode ? capData.cpkStats : undefined}
+      capabilityCpStats={isCapabilityMode ? capData.cpStats : undefined}
       {...props}
     />
   );