update master with OSB phase 1

.github/workflows/run-eslint.yaml

@@ -1,36 +1,27 @@
 name: Run ESLint
 
 on:
-  push:
-    branches:
-      - main
-      - development
   pull_request:
-    branches:
-      - main
-      - development
 
 jobs:
   eslint:
     runs-on: ubuntu-latest
 
     steps:
-    # Step 1: Checkout the repository
     - name: Checkout code
-      uses: actions/checkout@v3
+      uses: actions/checkout@v4
 
-    # Step 2: Set up Node.js
     - name: Set up Node.js
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
-        node-version: '20' # Adjust the Node.js version as needed
+        node-version: '20'
+        cache: 'yarn'
+        cache-dependency-path: applications/idp-arc/frontend/yarn.lock
 
-    # Step 3: Install dependencies using Yarn
     - name: Install dependencies
       working-directory: applications/idp-arc/frontend
-      run: yarn install
+      run: yarn install --frozen-lockfile
 
-    # Step 4: Run ESLint
     - name: Run ESLint
       working-directory: applications/idp-arc/frontend
       run: yarn lint

.github/workflows/ui-tests.yaml

@@ -0,0 +1,39 @@
+name: UI Tests (Playwright)
+
+on:
+  pull_request:
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'yarn'
+        cache-dependency-path: applications/idp-arc/frontend/yarn.lock
+
+    - name: Install dependencies
+      working-directory: applications/idp-arc/frontend
+      run: yarn install --frozen-lockfile
+
+    - name: Install Playwright browsers
+      working-directory: applications/idp-arc/frontend
+      run: npx playwright install --with-deps chromium
+
+    - name: Run Playwright tests
+      working-directory: applications/idp-arc/frontend
+      run: yarn test:e2e
+
+    - name: Upload Playwright report
+      uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: applications/idp-arc/frontend/playwright-report/
+        retention-days: 14

.gitignore

@@ -1,9 +1,13 @@
 applications/idp-arc/frontend/node_modules
 applications/idp-arc/frontend/dist
 applications/idp-arc/frontend/build
+applications/idp-arc/frontend/test-results
+applications/idp-arc/frontend/playwright-report
 cloud-harness
 deployment/helm/
 skaffold.yaml
 .vscode
 .overrides
-.DS_Store
+.DS_Store
+CLAUDE.md
+CLAUDE.local.md

.vite/deps/_metadata.json

@@ -0,0 +1,8 @@
+{
+  "hash": "c7d84c57",
+  "configHash": "56b22b6d",
+  "lockfileHash": "e3b0c442",
+  "browserHash": "605d0283",
+  "optimized": {},
+  "chunks": {}
+}

.vite/deps/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

README.md

@@ -64,6 +64,16 @@ Preview production build locally:
 yarn preview
 ```
 
+Unit tests (no browser, no backend):
+
+```bash
+yarn test:unit
+```
+
+Uploads (Scenario 1 of the MAABCD–OSB integration) go from the browser straight to a public bucket
+open for anonymous writes, named by `VITE_UPLOAD_BUCKET_URL` (e.g. `https://storage.googleapis.com/maabcd`),
+as `uploads/<protocolId>/<userSub>/<uploadId>/<filename>`. The bucket's CORS must allow PUT from this app's origin.
+
 ---
 
 ## Docker (Local Build + Run)

applications/idp-arc/Dockerfile

@@ -6,6 +6,9 @@ COPY frontend/package.json ./
 COPY frontend/yarn.lock ./
 RUN yarn install --frozen-lockfile
 COPY frontend/ ./
+# Baked into the bundle by Vite at build time; the Codefresh pipeline passes it as a build argument.
+ARG VITE_UPLOAD_BUCKET_URL
+ENV VITE_UPLOAD_BUCKET_URL=${VITE_UPLOAD_BUCKET_URL}
 RUN yarn build
 
 FROM nginxinc/nginx-unprivileged:stable-alpine

applications/idp-arc/deploy/values-dev.yaml

@@ -1,5 +1,5 @@
 harness:
-  subdomain: idp-arc
+  subdomain: www
   secured: false
 
   service:

applications/idp-arc/deploy/values.yaml

@@ -1,5 +1,5 @@
 harness:
-  subdomain: idp-arc
+  subdomain: www
   secured: false
 
   service:

applications/idp-arc/frontend/.devcontainer/README.md

@@ -0,0 +1,49 @@
+# Dev Container Configuration
+
+This directory contains the configuration for running the frontend application in a VS Code Dev Container.
+
+## Features
+
+- **Node.js LTS**: Pre-configured with the latest LTS version of Node.js
+- **Yarn**: Yarn package manager pre-installed
+- **Playwright**: E2E testing environment with browser dependencies
+- **VS Code Extensions**: Essential extensions for React/TypeScript development
+- **Auto-start**: Development server automatically starts when container launches
+- **Port Forwarding**: Vite dev server (port 5173) automatically forwarded
+
+## Usage
+
+1. Open this folder in VS Code
+2. When prompted, click "Reopen in Container"
+3. Wait for the container to build and dependencies to install
+4. The dev server will start automatically on port 5173
+
+## Manual Commands
+
+If you need to run commands manually:
+
+```bash
+# Install dependencies
+yarn install
+
+# Start dev server
+yarn dev
+
+# Run linting
+yarn lint
+
+# Run e2e tests
+yarn test:e2e
+
+# Run e2e tests in UI mode
+yarn test:e2e:ui
+```
+
+## Customization
+
+You can modify `.devcontainer/devcontainer.json` to:
+- Add more VS Code extensions
+- Change Node.js version
+- Add additional features
+- Modify port forwarding
+- Customize startup commands

applications/idp-arc/frontend/.devcontainer/devcontainer.json

@@ -0,0 +1,45 @@
+{
+  "name": "IDP ARC Frontend Dev Container",
+  "image": "mcr.microsoft.com/devcontainers/typescript-node:1-22-bookworm",
+
+  "features": {
+    "ghcr.io/devcontainers/features/node:1": {
+      "nodeGypDependencies": true,
+      "version": "lts"
+    }
+  },
+
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        "ms-playwright.playwright",
+        "bradlc.vscode-tailwindcss",
+        "dsznajder.es7-react-js-snippets",
+        "ms-vscode.vscode-typescript-next"
+      ],
+      "settings": {
+        "editor.formatOnSave": true,
+        "editor.defaultFormatter": "esbenp.prettier-vscode",
+        "editor.codeActionsOnSave": {
+          "source.fixAll.eslint": "explicit"
+        },
+        "typescript.tsdk": "node_modules/typescript/lib"
+      }
+    }
+  },
+
+  "forwardPorts": [5173],
+
+  "portsAttributes": {
+    "5173": {
+      "label": "Vite Dev Server",
+      "onAutoForward": "notify"
+    }
+  },
+
+  "postCreateCommand": "yarn install && npx playwright install --with-deps",
+
+  "remoteUser": "node"
+}

applications/idp-arc/frontend/.gitignore

@@ -0,0 +1,5 @@
+.env.*
+
+# Local dev TLS certs (yarn dev over HTTPS); never committed.
+.certs/
+*.pem

applications/idp-arc/frontend/e2e/app.spec.ts

@@ -0,0 +1,12 @@
+import { test, expect } from '@playwright/test'
+
+test('page has correct title', async ({ page }) => {
+  await page.goto('/')
+  await expect(page).toHaveTitle('MAABCD')
+})
+
+test('root element is rendered', async ({ page }) => {
+  await page.goto('/')
+  const root = page.locator('#root')
+  await expect(root).toBeAttached()
+})

applications/idp-arc/frontend/index.html

@@ -2,9 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>idp-arc</title>
+    <title>MAABCD</title>
   </head>
   <body>
     <div id="root"></div>