feat(WP-67): merge behandelportal into this repo as a monorepo

Restructures into apps/ssp + apps/behandelportal (two Angular projects)
plus libs/shared + libs/beheer (cross-app libraries), replacing WP-61's
separate sibling repo. That split had already produced real drift: a
hand-vendored copy of the backend's OpenAPI doc, a shared/ui+layout tree
forked and silently diverging (7 files), and beheer + the styles.scss
token bridge duplicated byte-for-byte across both repos.

- git mv the SSP's src/app/* into apps/ssp/; fold shared/, beheer/,
  environments/, the Storybook docs/*.mdx, and styles.scss into
  libs/shared + libs/beheer (all confirmed identical between the two
  repos before merging). auth stays deliberately duplicated per
  ADR-0002 (actor-specific, expected to diverge) - amended there.
- One generated API client (libs/shared), no more vendored swagger.json.
- .dependency-cruiser split into a base factory + one config per app,
  and Storybook into .storybook-ssp/.storybook-behandelportal - both
  forced by the @auth/* alias resolving to different directories per app.
- SiteHeaderComponent/ShellComponent gained HEADER_NAV_ITEMS/
  HEADER_ADMIN_LINKS/DEBUG_PANEL injection tokens so each app supplies
  its own nav/admin-links/dev-panel instead of one being hardcoded.
- CLAUDE.md, ARCHITECTURE.md, dependencies.md, and ADR-0002 updated;
  WP-67 backlog entry documents the full decision trail.

npm run ci green (lint, dep:check x2, 360 tests across ssp/
behandelportal/shared/beheer, both localized builds, backend tests,
snippet + api-client drift); both dev servers, both Storybook
instances, and docker compose verified working.

The old sibling repo (/home/eho/repos/behandelportal) is left
untouched, not deleted.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

libs/shared/src/ui/text-input/text-input.component.ts

@@ -0,0 +1,76 @@
+import { Component, booleanAttribute, forwardRef, input } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+/** Atom: text input. Utrecht textbox wired up as a form control (ngModel/reactive). */
+@Component({
+  selector: 'app-text-input',
+  styles: [
+    `
+      :host {
+        display: block;
+      }
+      input {
+        inline-size: 100%;
+        box-sizing: border-box;
+      }
+    `,
+  ],
+  template: `
+    <input
+      class="form-control"
+      [class.is-invalid]="invalid()"
+      [type]="type()"
+      [id]="inputId()"
+      [attr.aria-invalid]="invalid() ? 'true' : null"
+      [attr.aria-describedby]="describedBy()"
+      [placeholder]="placeholder()"
+      [disabled]="disabled"
+      [value]="value"
+      (input)="onInput($event)"
+      (blur)="onTouched()"
+    />
+  `,
+  providers: [
+    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TextInputComponent), multi: true },
+  ],
+})
+export class TextInputComponent implements ControlValueAccessor {
+  type = input<'text' | 'password' | 'email'>('text');
+  placeholder = input('');
+  invalid = input(false);
+  inputId = input<string>();
+  /** Set when the paired form-field renders a `-desc` hint, so it gets announced. */
+  hasDescription = input(false, { transform: booleanAttribute });
+
+  value = '';
+  disabled = false;
+  onChange: (v: string) => void = () => {};
+  onTouched: () => void = () => {};
+
+  describedBy(): string | null {
+    const id = this.inputId();
+    if (!id) return null;
+    const ids = [
+      ...(this.hasDescription() ? [`${id}-desc`] : []),
+      ...(this.invalid() ? [`${id}-error`] : []),
+    ];
+    return ids.length ? ids.join(' ') : null;
+  }
+
+  onInput(e: Event) {
+    this.value = (e.target as HTMLInputElement).value;
+    this.onChange(this.value);
+  }
+  writeValue(v: string) {
+    this.value = v ?? '';
+  }
+  registerOnChange(fn: (v: string) => void) {
+    this.onChange = fn;
+  }
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+  setDisabledState(d: boolean) {
+    this.disabled = d;
+  }
+}

libs/shared/src/ui/text-input/text-input.stories.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { TextInputComponent } from './text-input.component';
+
+const meta: Meta<TextInputComponent> = {
+  title: 'Design System/Atoms/Text Input',
+  component: TextInputComponent,
+  render: (args) => ({
+    props: args,
+    template: `<app-text-input [type]="type" [placeholder]="placeholder" [invalid]="invalid" [inputId]="inputId" />`,
+  }),
+  args: { inputId: 'demo', placeholder: 'Bijv. 1234 AB' },
+};
+export default meta;
+type Story = StoryObj<TextInputComponent>;
+
+export const Default: Story = {};
+export const Invalid: Story = { args: { invalid: true } };
+export const Password: Story = { args: { type: 'password', placeholder: 'Wachtwoord' } };