OUI_XFAB documentation
UI Libraries and Versions
This is the current OUI UI technology inventory. It describes packages used by the application now; it is not a migration tracker. Its scope includes every direct dependency responsible for browser UI runtime, Vue/Vuetify compilation, CSS processing, UI source validation, and rendered UI verification. General documentation, release, and Node-only automation packages remain in the Dependency Handbook.
"Current version" means the version resolved in the root package-lock.json and installed by npm ci. "Latest version" is the value returned by the npm registry's latest distribution tag on 23 August 2026. A newer registry release does not authorize an automatic upgrade; compatibility and the repository quality gates still apply.
Runtime UI Stack
These packages ship with or directly support the browser application.
| Responsibility | Package | Current version | Latest version | Status |
|---|---|---|---|---|
| Vue UI framework | vue |
3.5.41 |
3.5.41 |
Current |
| Component system | vuetify |
4.1.10 |
4.1.11 |
One compatible patch update behind |
| Icons | @mdi/font |
7.4.47 |
7.4.47 |
Current |
| Presentation state | pinia |
4.0.3 |
4.0.3 |
Current |
| Client-side routing | vue-router |
5.2.0 |
5.2.0 |
Current |
Vuetify 4 is the sole component library. Material Design Icons is the sole icon library. PrimeVue, PrimeIcons, and PrimeUIX Themes are not present in either the direct dependency manifest or the resolved dependency graph, and no compatibility shim is retained.
UI Build and Styling Integration
These development packages compile, transform, or style the Vue/Vuetify UI.
| Responsibility | Package | Current version | Latest version | Status |
|---|---|---|---|---|
| Vue SFC compilation | @vitejs/plugin-vue |
6.0.8 |
6.0.8 |
Current |
| CSS vendor prefixes | autoprefixer |
10.5.4 |
10.5.4 |
Current |
| CSS transformation | postcss |
8.5.26 |
8.5.26 |
Current |
| Frontend build pipeline | vite |
8.2.1 |
8.2.2 |
One compatible patch update behind |
| Vuetify transformation | vite-plugin-vuetify |
2.1.3 |
2.1.3 |
Current |
| SCSS compiler | sass-embedded |
1.102.0 |
1.103.1 |
Update available |
| Production minification | terser |
5.50.0 |
5.50.0 |
Current |
OUI uses repository-owned SCSS, shared design tokens, local font assets, and Vuetify theming. The local Kanit, Raleway, and Ubuntu font files are source assets rather than npm libraries, so they do not have npm current/latest values.
UI Source Quality and Verification
These packages type-check and lint Vue source or verify components and rendered browser behavior; they are not included in the production browser bundle.
| Responsibility | Package | Current version | Latest version | Status |
|---|---|---|---|---|
| TypeScript compiler | typescript |
6.0.3 |
7.0.2 |
Major upgrade intentionally deferred |
| Vue-aware type-checker | vue-tsc |
3.3.10 |
3.3.11 |
One compatible patch update behind |
| Vue lint rules | eslint-plugin-vue |
10.10.0 |
10.10.0 |
Current |
| Vue source parser | vue-eslint-parser |
10.4.1 |
10.4.1 |
Current |
| CSS selector policy validation | postcss-selector-parser |
7.1.5 |
7.1.5 |
Current |
| Vue component mounting | @vue/test-utils |
2.4.11 |
2.4.11 |
Current |
| Production-preview browser QA | @playwright/test |
1.62.1 |
1.62.1 |
Current |
| Unit-test DOM runtime | jsdom |
30.0.1 |
30.0.1 |
Current |
| Unit and component test runner | vitest |
4.1.11 |
4.1.11 |
Current |
| UI test coverage instrumentation | @vitest/coverage-v8 |
4.1.11 |
4.1.11 |
Current |
Icon Policy
Application icons use MDI classes loaded through @mdi/font and the Vuetify icon configuration in src/shared/ui/vuetify.ts. New controls must use an existing Material Design Icon where one communicates the action clearly.
Version Governance
The complete direct-package ownership and declared-version inventory is maintained in the Dependency Handbook. Registry comparison is informational: update package.json and package-lock.json only through a deliberate dependency change, then run dependency validation, both npm audits, lint, strict type-checking, unit tests, production build, and the affected Playwright flows.
The project uses canonical typescript@6.0.3, not @typescript/typescript6. npm currently marks TypeScript 7.0.2 as latest, but TypeScript 7 is a major toolchain change and remains deferred pending compatibility verification across Vue, vue-tsc, Vite, Vitest, ESLint, and repository source. The canonical package preserves the normal upgrade path when that work is approved.