diff --git a/docs/backlog/README.md b/docs/backlog/README.md
index 120d490..6fa9cb9 100644
--- a/docs/backlog/README.md
+++ b/docs/backlog/README.md
@@ -70,7 +70,7 @@ for its existing violations, so every WP ends green.
 | [WP-23](WP-23-org-template-backend.md)  | Org-template backend + admin role                            | 6 · Brief v2                | done   |
 | [WP-24](WP-24-letter-canvas.md)         | Letter canvas (edit on the letter)                           | 6 · Brief v2                | done   |
 | [WP-25](WP-25-letter-preview-html.md)   | Server-rendered letter preview (HTML; PDF deferred)          | 6 · Brief v2                | todo   |
-| [WP-26](WP-26-org-template-editor.md)   | Admin org-template editor                                    | 6 · Brief v2                | todo   |
+| [WP-26](WP-26-org-template-editor.md)   | Admin org-template editor                                    | 6 · Brief v2                | done   |
 | [WP-27](WP-27-brief-ux-layer.md)        | Brief UX layer (undo/redo, standaardbrief, diff)             | 6 · Brief v2                | todo   |
 | [WP-28](WP-28-brief-v2-demo-polish.md)  | Brief v2 demo polish (scenarios, e2e, docs)                  | 6 · Brief v2                | todo   |
 
diff --git a/docs/backlog/WP-26-org-template-editor.md b/docs/backlog/WP-26-org-template-editor.md
index 5458f8b..9342e01 100644
--- a/docs/backlog/WP-26-org-template-editor.md
+++ b/docs/backlog/WP-26-org-template-editor.md
@@ -1,6 +1,6 @@
 # WP-26 — Admin org-template editor
 
-Status: todo
+Status: done
 Phase: 6 — Brief v2 (edit-on-the-letter, org templates, server-rendered preview)
 
 ## Why
@@ -58,17 +58,45 @@ content a read-only sample). PRD Brief v2 §5, §7h.
 
 ## Acceptance criteria
 
-- [ ] `?role=admin` can switch sub-orgs, edit all template fields in place on the
+- [x] `?role=admin` can switch sub-orgs, edit all template fields in place on the
       canvas, and see the canvas update live.
-- [ ] Draft saves are debounced; publish asks for confirmation showing the impact
+- [x] Draft saves are debounced; publish asks for confirmation showing the impact
       count; after publish the drafter's canvas (WP-24) reflects it on reload.
-- [ ] Version history lists published versions (who is faked, when is real);
+- [x] Version history lists published versions (who is faked, when is real);
       rollback copies an old version into the draft.
-- [ ] Non-admin on `/brief/huisstijl` sees the denial alert; API would 403 anyway.
-- [ ] Logo upload validates type/size client-side (existing `rejectReason`) and
+- [x] Non-admin on `/brief/huisstijl` sees the denial alert; API would 403 anyway.
+- [x] Logo upload validates type/size client-side (existing `rejectReason`) and
       renders on the canvas after upload.
-- [ ] Machine spec covers field edits, dirty tracking, publish/rollback outcomes.
-- [ ] Full GREEN.
+- [x] Machine spec covers field edits, dirty tracking, publish/rollback outcomes.
+- [x] Full GREEN.
+
+## Deviations / notes (as built)
+
+- **`check:tokens` was already red on `main`** (WP-24's canvas landed `var(--rhc-*,
+  #hex)` fallbacks + an `rgb()` paper shadow, and WP-25 committed over it). Fixed here
+  to end GREEN: dropped the redundant hex fallbacks (the token bridge defines every
+  one) and marked the paper drop-shadow `token-ok`; also fixed a pre-existing
+  `passage-picker` `var(--rhc-color-wit, #fff)` hit.
+- **Canvas edit-in-place**: `editableRegions='template'` now renders the seven
+  org-identity text fields as inline `<input>`/`<textarea>` controls (aria-labelled)
+  and shows the logo `<img>`; the letter body stays a read-only sample
+  (`SAMPLE_LETTER_BRIEF`). `logoUrl` input added to the canvas and wired through the
+  composer too, so a published logo shows to the drafter (AC2).
+- **Load-effect loop (caught in the live walk)**: the page's initial-load effect must
+  NOT read the store model — `load()` dispatches `Loading` (a fresh object), which
+  would retrigger a model-reading effect into a runaway loop that saturated the page.
+  Gated on `canEdit()` + a plain `loadRequested` flag instead.
+- **`AccessStore.ready`** added (tiny): a page-level capability gate needs to tell
+  "still loading `/me`" from "denied" so an admin doesn't flash the denial alert.
+- **`uploadContentUrl`** pure helper extracted from `UploadAdapter.contentUrl` so
+  `BriefStore` can build a logo `src` without pulling `ApiClient` into its DI graph
+  (kept its spec green).
+- **Role caching caveat**: `/me` loads once. Open the app with `?role=admin` from the
+  first navigation that touches the editor (the dev role stub, like `?scenario=`);
+  switching role mid-session won't refetch capabilities (out of scope, POC).
+- **Dirty race**: `DraftSaved` carries the saved draft and clears `dirty` only if it's
+  reference-equal to the current draft, so an edit landing during a save round-trip
+  keeps its pending save.
 
 ## Verification
 
diff --git a/documentation.json b/documentation.json
index a8f9b2b..77ff5af 100644
--- a/documentation.json
+++ b/documentation.json
@@ -1462,12 +1462,12 @@
         },
         {
             "name": "CategoryParams",
-            "id": "interface-CategoryParams-ab1d83e34758ab9255d93ad1919e0f70bf41f8ba472c7d0d4e796e140d9abe27210e3e9418b927e8772385a5d85fc28e0917b333e2e8a92b01304b6f5c5fefde",
+            "id": "interface-CategoryParams-0fd101cb77cb218a6fdeb65055bff589fc5e4c7753784fb642e1cc4d7e4ee28d369dc9e90e0ebd18b2839b6597b388ff4d4cca90fda477e1c262454fbf92e74c",
             "file": "src/app/shared/upload/upload.adapter.ts",
             "deprecated": false,
             "deprecationMessage": "",
             "type": "interface",
-            "sourceCode": "import { Injectable, computed, inject, resource } from '@angular/core';\nimport {\n  ApiClient,\n  DocumentCategoryDto,\n  UploadStatusItemDto,\n} from '@shared/infrastructure/api-client';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { currentScenario } from '@shared/infrastructure/scenario';\nimport { environment } from '../../../environments/environment';\nimport { DocumentCategory } from './upload.machine';\n\n/** Answer-derived query params that affect which categories the server presents. */\nexport interface CategoryParams {\n  diplomaHerkomst?: string;\n  taalvaardigheid?: string;\n}\n\n/** One arrived/known status item from poll-on-return. */\nexport interface StatusItem {\n  localId: string;\n  status: string; // 'complete' | 'unknown'\n  documentId?: string;\n}\n\nexport interface XhrUploadRequest {\n  localId: string;\n  categoryId: string;\n  wizardId: string;\n  file: File;\n}\n\n/** A live upload: progress is reported via the callback; cancel aborts the XHR. */\nexport interface XhrUploadHandle {\n  done: Promise<{ documentId: string }>;\n  cancel: () => void;\n}\n\n/** Sentinel rejection so the caller can tell a user-cancel from a real failure. */\nexport const UPLOAD_ABORTED = Symbol('upload-aborted');\n\n/**\n * Infrastructure: the only place upload HTTP lives. Reads (categories, status,\n * delete) go through the NSwag client; the multipart POST is hand-written XHR\n * because the generated client is JSON-only (the endpoint is ExcludeFromDescription)\n * and we need upload-progress events + cancellation, which fetch can't give us.\n */\n@Injectable({ providedIn: 'root' })\nexport class UploadAdapter {\n  private client = inject(ApiClient);\n\n  /** Categories are server-owned; some depend on answers (e.g. registratie's diploma\n      set varies by DUO/handmatig + course language). `extra` makes the resource reactive\n      so it re-fetches when those answers change. */\n  categoriesResource(wizardId: string, extra?: () => CategoryParams) {\n    // Structural equality so we re-fetch only when a category-affecting answer changes,\n    // not on every unrelated draft edit (a computed with `equal` returns the cached\n    // reference while equal, so the resource sees no change).\n    const params = computed(\n      () => ({\n        wizardId,\n        diplomaHerkomst: extra?.().diplomaHerkomst,\n        taalvaardigheid: extra?.().taalvaardigheid,\n      }),\n      {\n        equal: (a, b) =>\n          a.wizardId === b.wizardId &&\n          a.diplomaHerkomst === b.diplomaHerkomst &&\n          a.taalvaardigheid === b.taalvaardigheid,\n      },\n    );\n    return resource({\n      params,\n      loader: ({ params }) =>\n        this.client\n          .categories(params.wizardId, params.diplomaHerkomst, params.taalvaardigheid)\n          .then((r) => (r.categories ?? []).map(toCategory)),\n    });\n  }\n\n  /** Poll-on-return: which client localIds have arrived at the BFF. */\n  status(localIds: string[]): Promise<StatusItem[]> {\n    if (localIds.length === 0) return Promise.resolve([]);\n    return this.client.status(localIds.join(',')).then((r) => (r.results ?? []).map(toStatusItem));\n  }\n\n  /** User delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps. */\n  deleteDocument(documentId: string): Promise<void> {\n    return this.client.uploads(documentId);\n  }\n\n  /**\n   * Direct URL to the stored bytes, for a preview/download link (`<a href>`) — the\n   * server serves it inline for pdf/image, attachment otherwise. Not a fetch: the\n   * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n   */\n  contentUrl(documentId: string): string {\n    return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;\n  }\n\n  /**\n   * Multipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\n   * progress events need XHR; the keepalive/background gap is covered by\n   * poll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\n   * transport behind UploadTransport for true background sync.\n   */\n  xhrUpload(req: XhrUploadRequest, onProgress: (pct: number) => void): XhrUploadHandle {\n    const scenario = currentScenario();\n    if (scenario === 'upload-slow' || scenario === 'upload-fail')\n      return simulateUpload(scenario, onProgress);\n\n    const xhr = new XMLHttpRequest();\n    const form = new FormData();\n    form.append('file', req.file);\n    form.append('categoryId', req.categoryId);\n    form.append('localId', req.localId);\n    form.append('wizardId', req.wizardId);\n\n    let aborted = false;\n    const done = new Promise<{ documentId: string }>((resolve, reject) => {\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));\n      });\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          try {\n            resolve({ documentId: JSON.parse(xhr.responseText).documentId });\n          } catch {\n            reject(genericError());\n          }\n        } else {\n          reject(parseError(xhr.responseText));\n        }\n      });\n      xhr.addEventListener('error', () => reject(genericError()));\n      xhr.addEventListener('abort', () =>\n        aborted ? reject(UPLOAD_ABORTED) : reject(genericError()),\n      );\n    });\n\n    xhr.open('POST', `${environment.apiBaseUrl}/api/v1/uploads`);\n    xhr.send(form);\n    return { done, cancel: () => ((aborted = true), xhr.abort()) };\n  }\n}\n\nconst UPLOAD_FAILED = $localize`:@@upload.failed:Uploaden is niet gelukt. Probeer het opnieuw.`;\nconst genericError = (): string => UPLOAD_FAILED;\n\n/**\n * Demo-only (dev): the real XHR POST finishes instantly for metadata, so progress\n * and failure can't otherwise be shown. Drives the progress bar over ~2.5s, then\n * succeeds (`upload-slow`) or fails (`upload-fail`). ponytail: timer-based, cancel\n * via the returned handle; no network.\n */\nfunction simulateUpload(\n  scenario: 'upload-slow' | 'upload-fail',\n  onProgress: (pct: number) => void,\n): XhrUploadHandle {\n  let pct = 0;\n  let cancelled = false;\n  const done = new Promise<{ documentId: string }>((resolve, reject) => {\n    const tick = () => {\n      if (cancelled) {\n        reject(UPLOAD_ABORTED);\n      } else if (pct < 100) {\n        pct += 10;\n        onProgress(Math.min(pct, 100));\n        setTimeout(tick, 250);\n      } else if (scenario === 'upload-fail') {\n        reject(UPLOAD_FAILED);\n      } else {\n        resolve({ documentId: `demo-${crypto.randomUUID()}` });\n      }\n    };\n    setTimeout(tick, 250);\n  });\n  return { done, cancel: () => void (cancelled = true) };\n}\nconst parseError = (body: string): string => {\n  try {\n    return problemDetail(JSON.parse(body), UPLOAD_FAILED);\n  } catch {\n    return genericError();\n  }\n};\n\n/** Wire DTO (all fields optional) → domain. */\nfunction toCategory(c: DocumentCategoryDto): DocumentCategory {\n  return {\n    categoryId: c.categoryId ?? '',\n    label: c.label ?? '',\n    description: c.description ?? '',\n    required: c.required ?? false,\n    acceptedTypes: c.acceptedTypes ?? [],\n    maxSizeMb: c.maxSizeMb ?? 0,\n    multiple: c.multiple ?? false,\n    allowPostDelivery: c.allowPostDelivery ?? false,\n  };\n}\n\nfunction toStatusItem(s: UploadStatusItemDto): StatusItem {\n  return {\n    localId: s.localId ?? '',\n    status: s.status ?? 'unknown',\n    documentId: s.documentId ?? undefined,\n  };\n}\n",
+            "sourceCode": "import { Injectable, computed, inject, resource } from '@angular/core';\nimport {\n  ApiClient,\n  DocumentCategoryDto,\n  UploadStatusItemDto,\n} from '@shared/infrastructure/api-client';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { currentScenario } from '@shared/infrastructure/scenario';\nimport { environment } from '../../../environments/environment';\nimport { DocumentCategory } from './upload.machine';\n\n/** Answer-derived query params that affect which categories the server presents. */\nexport interface CategoryParams {\n  diplomaHerkomst?: string;\n  taalvaardigheid?: string;\n}\n\n/** One arrived/known status item from poll-on-return. */\nexport interface StatusItem {\n  localId: string;\n  status: string; // 'complete' | 'unknown'\n  documentId?: string;\n}\n\nexport interface XhrUploadRequest {\n  localId: string;\n  categoryId: string;\n  wizardId: string;\n  file: File;\n}\n\n/** A live upload: progress is reported via the callback; cancel aborts the XHR. */\nexport interface XhrUploadHandle {\n  done: Promise<{ documentId: string }>;\n  cancel: () => void;\n}\n\n/** Sentinel rejection so the caller can tell a user-cancel from a real failure. */\nexport const UPLOAD_ABORTED = Symbol('upload-aborted');\n\n/** Direct URL to a stored document's bytes. Pure (no injection) so a store can build\n    a letterhead-logo `src` without pulling `ApiClient` into its dependency graph. */\nexport function uploadContentUrl(documentId: string): string {\n  return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;\n}\n\n/**\n * Infrastructure: the only place upload HTTP lives. Reads (categories, status,\n * delete) go through the NSwag client; the multipart POST is hand-written XHR\n * because the generated client is JSON-only (the endpoint is ExcludeFromDescription)\n * and we need upload-progress events + cancellation, which fetch can't give us.\n */\n@Injectable({ providedIn: 'root' })\nexport class UploadAdapter {\n  private client = inject(ApiClient);\n\n  /** Categories are server-owned; some depend on answers (e.g. registratie's diploma\n      set varies by DUO/handmatig + course language). `extra` makes the resource reactive\n      so it re-fetches when those answers change. */\n  categoriesResource(wizardId: string, extra?: () => CategoryParams) {\n    // Structural equality so we re-fetch only when a category-affecting answer changes,\n    // not on every unrelated draft edit (a computed with `equal` returns the cached\n    // reference while equal, so the resource sees no change).\n    const params = computed(\n      () => ({\n        wizardId,\n        diplomaHerkomst: extra?.().diplomaHerkomst,\n        taalvaardigheid: extra?.().taalvaardigheid,\n      }),\n      {\n        equal: (a, b) =>\n          a.wizardId === b.wizardId &&\n          a.diplomaHerkomst === b.diplomaHerkomst &&\n          a.taalvaardigheid === b.taalvaardigheid,\n      },\n    );\n    return resource({\n      params,\n      loader: ({ params }) =>\n        this.client\n          .categories(params.wizardId, params.diplomaHerkomst, params.taalvaardigheid)\n          .then((r) => (r.categories ?? []).map(toCategory)),\n    });\n  }\n\n  /** Poll-on-return: which client localIds have arrived at the BFF. */\n  status(localIds: string[]): Promise<StatusItem[]> {\n    if (localIds.length === 0) return Promise.resolve([]);\n    return this.client.status(localIds.join(',')).then((r) => (r.results ?? []).map(toStatusItem));\n  }\n\n  /** User delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps. */\n  deleteDocument(documentId: string): Promise<void> {\n    return this.client.uploads(documentId);\n  }\n\n  /**\n   * Direct URL to the stored bytes, for a preview/download link (`<a href>`) — the\n   * server serves it inline for pdf/image, attachment otherwise. Not a fetch: the\n   * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n   */\n  contentUrl(documentId: string): string {\n    return uploadContentUrl(documentId);\n  }\n\n  /**\n   * Multipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\n   * progress events need XHR; the keepalive/background gap is covered by\n   * poll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\n   * transport behind UploadTransport for true background sync.\n   */\n  xhrUpload(req: XhrUploadRequest, onProgress: (pct: number) => void): XhrUploadHandle {\n    const scenario = currentScenario();\n    if (scenario === 'upload-slow' || scenario === 'upload-fail')\n      return simulateUpload(scenario, onProgress);\n\n    const xhr = new XMLHttpRequest();\n    const form = new FormData();\n    form.append('file', req.file);\n    form.append('categoryId', req.categoryId);\n    form.append('localId', req.localId);\n    form.append('wizardId', req.wizardId);\n\n    let aborted = false;\n    const done = new Promise<{ documentId: string }>((resolve, reject) => {\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));\n      });\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          try {\n            resolve({ documentId: JSON.parse(xhr.responseText).documentId });\n          } catch {\n            reject(genericError());\n          }\n        } else {\n          reject(parseError(xhr.responseText));\n        }\n      });\n      xhr.addEventListener('error', () => reject(genericError()));\n      xhr.addEventListener('abort', () =>\n        aborted ? reject(UPLOAD_ABORTED) : reject(genericError()),\n      );\n    });\n\n    xhr.open('POST', `${environment.apiBaseUrl}/api/v1/uploads`);\n    xhr.send(form);\n    return { done, cancel: () => ((aborted = true), xhr.abort()) };\n  }\n}\n\nconst UPLOAD_FAILED = $localize`:@@upload.failed:Uploaden is niet gelukt. Probeer het opnieuw.`;\nconst genericError = (): string => UPLOAD_FAILED;\n\n/**\n * Demo-only (dev): the real XHR POST finishes instantly for metadata, so progress\n * and failure can't otherwise be shown. Drives the progress bar over ~2.5s, then\n * succeeds (`upload-slow`) or fails (`upload-fail`). ponytail: timer-based, cancel\n * via the returned handle; no network.\n */\nfunction simulateUpload(\n  scenario: 'upload-slow' | 'upload-fail',\n  onProgress: (pct: number) => void,\n): XhrUploadHandle {\n  let pct = 0;\n  let cancelled = false;\n  const done = new Promise<{ documentId: string }>((resolve, reject) => {\n    const tick = () => {\n      if (cancelled) {\n        reject(UPLOAD_ABORTED);\n      } else if (pct < 100) {\n        pct += 10;\n        onProgress(Math.min(pct, 100));\n        setTimeout(tick, 250);\n      } else if (scenario === 'upload-fail') {\n        reject(UPLOAD_FAILED);\n      } else {\n        resolve({ documentId: `demo-${crypto.randomUUID()}` });\n      }\n    };\n    setTimeout(tick, 250);\n  });\n  return { done, cancel: () => void (cancelled = true) };\n}\nconst parseError = (body: string): string => {\n  try {\n    return problemDetail(JSON.parse(body), UPLOAD_FAILED);\n  } catch {\n    return genericError();\n  }\n};\n\n/** Wire DTO (all fields optional) → domain. */\nfunction toCategory(c: DocumentCategoryDto): DocumentCategory {\n  return {\n    categoryId: c.categoryId ?? '',\n    label: c.label ?? '',\n    description: c.description ?? '',\n    required: c.required ?? false,\n    acceptedTypes: c.acceptedTypes ?? [],\n    maxSizeMb: c.maxSizeMb ?? 0,\n    multiple: c.multiple ?? false,\n    allowPostDelivery: c.allowPostDelivery ?? false,\n  };\n}\n\nfunction toStatusItem(s: UploadStatusItemDto): StatusItem {\n  return {\n    localId: s.localId ?? '',\n    status: s.status ?? 'unknown',\n    documentId: s.documentId ?? undefined,\n  };\n}\n",
             "properties": [
                 {
                     "name": "diplomaHerkomst",
@@ -3586,12 +3586,12 @@
         },
         {
             "name": "Margins",
-            "id": "interface-Margins-e82c95e71a7bea05025c07216feb15b3d3fb7cfb6bbf1bce9e449b8a511c7cf987d29bd59655cf1cc21895701aa60877fa0e5f10f6bcaca79671843d228c1e3d",
+            "id": "interface-Margins-52170b80494aa2ab1bbe4f2af74c30187caa552e764480bbf13cdd86672c347e8496de774f14de55deec35403356849dc59b9b8d4f0300ef4884e0d1e789465e",
             "file": "src/app/brief/domain/org-template.ts",
             "deprecated": false,
             "deprecationMessage": "",
             "type": "interface",
-            "sourceCode": "export interface Margins {\n  readonly topMm: number;\n  readonly rightMm: number;\n  readonly bottomMm: number;\n  readonly leftMm: number;\n}\n\nexport interface OrgTemplate {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  /** Multiline; rendered above the envelope window. */\n  readonly returnAddress: string;\n  readonly logoDocumentId?: string;\n  /** Multiline contact block in the footer. */\n  readonly footerContact: string;\n  readonly footerLegal: string;\n  readonly signatureName: string;\n  readonly signatureRole: string;\n  readonly signatureClosing: string;\n  readonly margins: Margins;\n  /** 0 = draft; n>0 = the published snapshot this letter renders with. */\n  readonly version: number;\n}\n",
+            "sourceCode": "export interface Margins {\n  readonly topMm: number;\n  readonly rightMm: number;\n  readonly bottomMm: number;\n  readonly leftMm: number;\n}\n\nexport interface OrgTemplate {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  /** Multiline; rendered above the envelope window. */\n  readonly returnAddress: string;\n  readonly logoDocumentId?: string;\n  /** Multiline contact block in the footer. */\n  readonly footerContact: string;\n  readonly footerLegal: string;\n  readonly signatureName: string;\n  readonly signatureRole: string;\n  readonly signatureClosing: string;\n  readonly margins: Margins;\n  /** 0 = draft; n>0 = the published snapshot this letter renders with. */\n  readonly version: number;\n}\n\n// --- admin editor (WP-26) ---\n\n/** A published snapshot in the version history: who is faked, `publishedAt` is real. */\nexport interface OrgTemplateVersion {\n  readonly version: number;\n  readonly publishedAt: string;\n  readonly template: OrgTemplate;\n}\n\n/** The admin editor's view of one sub-org: the editable draft plus publish metadata. */\nexport interface OrgTemplateAdminView {\n  readonly draft: OrgTemplate;\n  readonly publishedVersion: number;\n  readonly history: readonly OrgTemplateVersion[];\n  /** How many not-yet-sent letters a publish would re-render (the impact count). */\n  readonly unsentBriefs: number;\n}\n\n/** One row in the sub-org switcher. */\nexport interface SubOrgSummary {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  readonly publishedVersion: number;\n}\n\n/** Publish outcome: the new version and how many unsent letters it touched. */\nexport interface PublishResult {\n  readonly version: number;\n  readonly affectedUnsentBriefs: number;\n}\n\n/** Margin bounds (server-owned, `OrgTemplateRules`): the FE mirrors them for instant\n    feedback via `<input min max>`; the server re-validates and stays the authority. */\nexport const MARGIN_MIN_MM = 10;\nexport const MARGIN_MAX_MM = 50;\n",
             "properties": [
                 {
                     "name": "bottomMm",
@@ -3735,12 +3735,12 @@
         },
         {
             "name": "OrgTemplate",
-            "id": "interface-OrgTemplate-e82c95e71a7bea05025c07216feb15b3d3fb7cfb6bbf1bce9e449b8a511c7cf987d29bd59655cf1cc21895701aa60877fa0e5f10f6bcaca79671843d228c1e3d",
+            "id": "interface-OrgTemplate-52170b80494aa2ab1bbe4f2af74c30187caa552e764480bbf13cdd86672c347e8496de774f14de55deec35403356849dc59b9b8d4f0300ef4884e0d1e789465e",
             "file": "src/app/brief/domain/org-template.ts",
             "deprecated": false,
             "deprecationMessage": "",
             "type": "interface",
-            "sourceCode": "export interface Margins {\n  readonly topMm: number;\n  readonly rightMm: number;\n  readonly bottomMm: number;\n  readonly leftMm: number;\n}\n\nexport interface OrgTemplate {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  /** Multiline; rendered above the envelope window. */\n  readonly returnAddress: string;\n  readonly logoDocumentId?: string;\n  /** Multiline contact block in the footer. */\n  readonly footerContact: string;\n  readonly footerLegal: string;\n  readonly signatureName: string;\n  readonly signatureRole: string;\n  readonly signatureClosing: string;\n  readonly margins: Margins;\n  /** 0 = draft; n>0 = the published snapshot this letter renders with. */\n  readonly version: number;\n}\n",
+            "sourceCode": "export interface Margins {\n  readonly topMm: number;\n  readonly rightMm: number;\n  readonly bottomMm: number;\n  readonly leftMm: number;\n}\n\nexport interface OrgTemplate {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  /** Multiline; rendered above the envelope window. */\n  readonly returnAddress: string;\n  readonly logoDocumentId?: string;\n  /** Multiline contact block in the footer. */\n  readonly footerContact: string;\n  readonly footerLegal: string;\n  readonly signatureName: string;\n  readonly signatureRole: string;\n  readonly signatureClosing: string;\n  readonly margins: Margins;\n  /** 0 = draft; n>0 = the published snapshot this letter renders with. */\n  readonly version: number;\n}\n\n// --- admin editor (WP-26) ---\n\n/** A published snapshot in the version history: who is faked, `publishedAt` is real. */\nexport interface OrgTemplateVersion {\n  readonly version: number;\n  readonly publishedAt: string;\n  readonly template: OrgTemplate;\n}\n\n/** The admin editor's view of one sub-org: the editable draft plus publish metadata. */\nexport interface OrgTemplateAdminView {\n  readonly draft: OrgTemplate;\n  readonly publishedVersion: number;\n  readonly history: readonly OrgTemplateVersion[];\n  /** How many not-yet-sent letters a publish would re-render (the impact count). */\n  readonly unsentBriefs: number;\n}\n\n/** One row in the sub-org switcher. */\nexport interface SubOrgSummary {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  readonly publishedVersion: number;\n}\n\n/** Publish outcome: the new version and how many unsent letters it touched. */\nexport interface PublishResult {\n  readonly version: number;\n  readonly affectedUnsentBriefs: number;\n}\n\n/** Margin bounds (server-owned, `OrgTemplateRules`): the FE mirrors them for instant\n    feedback via `<input min max>`; the server re-validates and stays the authority. */\nexport const MARGIN_MIN_MM = 10;\nexport const MARGIN_MAX_MM = 50;\n",
             "properties": [
                 {
                     "name": "footerContact",
@@ -3894,6 +3894,76 @@
             "methods": [],
             "extends": []
         },
+        {
+            "name": "OrgTemplateAdminView",
+            "id": "interface-OrgTemplateAdminView-52170b80494aa2ab1bbe4f2af74c30187caa552e764480bbf13cdd86672c347e8496de774f14de55deec35403356849dc59b9b8d4f0300ef4884e0d1e789465e",
+            "file": "src/app/brief/domain/org-template.ts",
+            "deprecated": false,
+            "deprecationMessage": "",
+            "type": "interface",
+            "sourceCode": "export interface Margins {\n  readonly topMm: number;\n  readonly rightMm: number;\n  readonly bottomMm: number;\n  readonly leftMm: number;\n}\n\nexport interface OrgTemplate {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  /** Multiline; rendered above the envelope window. */\n  readonly returnAddress: string;\n  readonly logoDocumentId?: string;\n  /** Multiline contact block in the footer. */\n  readonly footerContact: string;\n  readonly footerLegal: string;\n  readonly signatureName: string;\n  readonly signatureRole: string;\n  readonly signatureClosing: string;\n  readonly margins: Margins;\n  /** 0 = draft; n>0 = the published snapshot this letter renders with. */\n  readonly version: number;\n}\n\n// --- admin editor (WP-26) ---\n\n/** A published snapshot in the version history: who is faked, `publishedAt` is real. */\nexport interface OrgTemplateVersion {\n  readonly version: number;\n  readonly publishedAt: string;\n  readonly template: OrgTemplate;\n}\n\n/** The admin editor's view of one sub-org: the editable draft plus publish metadata. */\nexport interface OrgTemplateAdminView {\n  readonly draft: OrgTemplate;\n  readonly publishedVersion: number;\n  readonly history: readonly OrgTemplateVersion[];\n  /** How many not-yet-sent letters a publish would re-render (the impact count). */\n  readonly unsentBriefs: number;\n}\n\n/** One row in the sub-org switcher. */\nexport interface SubOrgSummary {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  readonly publishedVersion: number;\n}\n\n/** Publish outcome: the new version and how many unsent letters it touched. */\nexport interface PublishResult {\n  readonly version: number;\n  readonly affectedUnsentBriefs: number;\n}\n\n/** Margin bounds (server-owned, `OrgTemplateRules`): the FE mirrors them for instant\n    feedback via `<input min max>`; the server re-validates and stays the authority. */\nexport const MARGIN_MIN_MM = 10;\nexport const MARGIN_MAX_MM = 50;\n",
+            "properties": [
+                {
+                    "name": "draft",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "OrgTemplate",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 44,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "history",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 46,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "publishedVersion",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "number",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 45,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "unsentBriefs",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "number",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "<p>How many not-yet-sent letters a publish would re-render (the impact count).</p>\n",
+                    "line": 48,
+                    "rawdescription": "\nHow many not-yet-sent letters a publish would re-render (the impact count).",
+                    "modifierKind": [
+                        148
+                    ]
+                }
+            ],
+            "indexSignatures": [],
+            "kind": 172,
+            "description": "<p>The admin editor&#39;s view of one sub-org: the editable draft plus publish metadata.</p>\n",
+            "rawdescription": "\nThe admin editor's view of one sub-org: the editable draft plus publish metadata.",
+            "methods": [],
+            "extends": []
+        },
         {
             "name": "OrgTemplateAdminViewDto",
             "id": "interface-OrgTemplateAdminViewDto-6a5ea57f33619caac97c0bf864e0e725aae634df76c8709ab43bd09fab437342598ef2f1475c8705f4fa3aef49aafa9ddc63f365d890c5b4bf3547aa65e28986",
@@ -4074,6 +4144,62 @@
             "methods": [],
             "extends": []
         },
+        {
+            "name": "OrgTemplateVersion",
+            "id": "interface-OrgTemplateVersion-52170b80494aa2ab1bbe4f2af74c30187caa552e764480bbf13cdd86672c347e8496de774f14de55deec35403356849dc59b9b8d4f0300ef4884e0d1e789465e",
+            "file": "src/app/brief/domain/org-template.ts",
+            "deprecated": false,
+            "deprecationMessage": "",
+            "type": "interface",
+            "sourceCode": "export interface Margins {\n  readonly topMm: number;\n  readonly rightMm: number;\n  readonly bottomMm: number;\n  readonly leftMm: number;\n}\n\nexport interface OrgTemplate {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  /** Multiline; rendered above the envelope window. */\n  readonly returnAddress: string;\n  readonly logoDocumentId?: string;\n  /** Multiline contact block in the footer. */\n  readonly footerContact: string;\n  readonly footerLegal: string;\n  readonly signatureName: string;\n  readonly signatureRole: string;\n  readonly signatureClosing: string;\n  readonly margins: Margins;\n  /** 0 = draft; n>0 = the published snapshot this letter renders with. */\n  readonly version: number;\n}\n\n// --- admin editor (WP-26) ---\n\n/** A published snapshot in the version history: who is faked, `publishedAt` is real. */\nexport interface OrgTemplateVersion {\n  readonly version: number;\n  readonly publishedAt: string;\n  readonly template: OrgTemplate;\n}\n\n/** The admin editor's view of one sub-org: the editable draft plus publish metadata. */\nexport interface OrgTemplateAdminView {\n  readonly draft: OrgTemplate;\n  readonly publishedVersion: number;\n  readonly history: readonly OrgTemplateVersion[];\n  /** How many not-yet-sent letters a publish would re-render (the impact count). */\n  readonly unsentBriefs: number;\n}\n\n/** One row in the sub-org switcher. */\nexport interface SubOrgSummary {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  readonly publishedVersion: number;\n}\n\n/** Publish outcome: the new version and how many unsent letters it touched. */\nexport interface PublishResult {\n  readonly version: number;\n  readonly affectedUnsentBriefs: number;\n}\n\n/** Margin bounds (server-owned, `OrgTemplateRules`): the FE mirrors them for instant\n    feedback via `<input min max>`; the server re-validates and stays the authority. */\nexport const MARGIN_MIN_MM = 10;\nexport const MARGIN_MAX_MM = 50;\n",
+            "properties": [
+                {
+                    "name": "publishedAt",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 38,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "template",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "OrgTemplate",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 39,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "version",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "number",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 37,
+                    "modifierKind": [
+                        148
+                    ]
+                }
+            ],
+            "indexSignatures": [],
+            "kind": 172,
+            "description": "<p>A published snapshot in the version history: who is faked, <code>publishedAt</code> is real.</p>\n",
+            "rawdescription": "\nA published snapshot in the version history: who is faked, `publishedAt` is real.",
+            "methods": [],
+            "extends": []
+        },
         {
             "name": "OrgTemplateVersionDto",
             "id": "interface-OrgTemplateVersionDto-6a5ea57f33619caac97c0bf864e0e725aae634df76c8709ab43bd09fab437342598ef2f1475c8705f4fa3aef49aafa9ddc63f365d890c5b4bf3547aa65e28986",
@@ -4804,6 +4930,49 @@
             "methods": [],
             "extends": []
         },
+        {
+            "name": "PublishResult",
+            "id": "interface-PublishResult-52170b80494aa2ab1bbe4f2af74c30187caa552e764480bbf13cdd86672c347e8496de774f14de55deec35403356849dc59b9b8d4f0300ef4884e0d1e789465e",
+            "file": "src/app/brief/domain/org-template.ts",
+            "deprecated": false,
+            "deprecationMessage": "",
+            "type": "interface",
+            "sourceCode": "export interface Margins {\n  readonly topMm: number;\n  readonly rightMm: number;\n  readonly bottomMm: number;\n  readonly leftMm: number;\n}\n\nexport interface OrgTemplate {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  /** Multiline; rendered above the envelope window. */\n  readonly returnAddress: string;\n  readonly logoDocumentId?: string;\n  /** Multiline contact block in the footer. */\n  readonly footerContact: string;\n  readonly footerLegal: string;\n  readonly signatureName: string;\n  readonly signatureRole: string;\n  readonly signatureClosing: string;\n  readonly margins: Margins;\n  /** 0 = draft; n>0 = the published snapshot this letter renders with. */\n  readonly version: number;\n}\n\n// --- admin editor (WP-26) ---\n\n/** A published snapshot in the version history: who is faked, `publishedAt` is real. */\nexport interface OrgTemplateVersion {\n  readonly version: number;\n  readonly publishedAt: string;\n  readonly template: OrgTemplate;\n}\n\n/** The admin editor's view of one sub-org: the editable draft plus publish metadata. */\nexport interface OrgTemplateAdminView {\n  readonly draft: OrgTemplate;\n  readonly publishedVersion: number;\n  readonly history: readonly OrgTemplateVersion[];\n  /** How many not-yet-sent letters a publish would re-render (the impact count). */\n  readonly unsentBriefs: number;\n}\n\n/** One row in the sub-org switcher. */\nexport interface SubOrgSummary {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  readonly publishedVersion: number;\n}\n\n/** Publish outcome: the new version and how many unsent letters it touched. */\nexport interface PublishResult {\n  readonly version: number;\n  readonly affectedUnsentBriefs: number;\n}\n\n/** Margin bounds (server-owned, `OrgTemplateRules`): the FE mirrors them for instant\n    feedback via `<input min max>`; the server re-validates and stays the authority. */\nexport const MARGIN_MIN_MM = 10;\nexport const MARGIN_MAX_MM = 50;\n",
+            "properties": [
+                {
+                    "name": "affectedUnsentBriefs",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "number",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 61,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "version",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "number",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 60,
+                    "modifierKind": [
+                        148
+                    ]
+                }
+            ],
+            "indexSignatures": [],
+            "kind": 172,
+            "description": "<p>Publish outcome: the new version and how many unsent letters it touched.</p>\n",
+            "rawdescription": "\nPublish outcome: the new version and how many unsent letters it touched.",
+            "methods": [],
+            "extends": []
+        },
         {
             "name": "RadioOption",
             "id": "interface-RadioOption-103e525da0b657046f0e6998f9beee1b95db02721b47bc879a9ccd951ea4cf277bc1bcc7ce585babd3b4db8f04f50305a2109ab0bf3f4141baef86428a740059",
@@ -5461,12 +5630,12 @@
         },
         {
             "name": "StatusItem",
-            "id": "interface-StatusItem-ab1d83e34758ab9255d93ad1919e0f70bf41f8ba472c7d0d4e796e140d9abe27210e3e9418b927e8772385a5d85fc28e0917b333e2e8a92b01304b6f5c5fefde",
+            "id": "interface-StatusItem-0fd101cb77cb218a6fdeb65055bff589fc5e4c7753784fb642e1cc4d7e4ee28d369dc9e90e0ebd18b2839b6597b388ff4d4cca90fda477e1c262454fbf92e74c",
             "file": "src/app/shared/upload/upload.adapter.ts",
             "deprecated": false,
             "deprecationMessage": "",
             "type": "interface",
-            "sourceCode": "import { Injectable, computed, inject, resource } from '@angular/core';\nimport {\n  ApiClient,\n  DocumentCategoryDto,\n  UploadStatusItemDto,\n} from '@shared/infrastructure/api-client';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { currentScenario } from '@shared/infrastructure/scenario';\nimport { environment } from '../../../environments/environment';\nimport { DocumentCategory } from './upload.machine';\n\n/** Answer-derived query params that affect which categories the server presents. */\nexport interface CategoryParams {\n  diplomaHerkomst?: string;\n  taalvaardigheid?: string;\n}\n\n/** One arrived/known status item from poll-on-return. */\nexport interface StatusItem {\n  localId: string;\n  status: string; // 'complete' | 'unknown'\n  documentId?: string;\n}\n\nexport interface XhrUploadRequest {\n  localId: string;\n  categoryId: string;\n  wizardId: string;\n  file: File;\n}\n\n/** A live upload: progress is reported via the callback; cancel aborts the XHR. */\nexport interface XhrUploadHandle {\n  done: Promise<{ documentId: string }>;\n  cancel: () => void;\n}\n\n/** Sentinel rejection so the caller can tell a user-cancel from a real failure. */\nexport const UPLOAD_ABORTED = Symbol('upload-aborted');\n\n/**\n * Infrastructure: the only place upload HTTP lives. Reads (categories, status,\n * delete) go through the NSwag client; the multipart POST is hand-written XHR\n * because the generated client is JSON-only (the endpoint is ExcludeFromDescription)\n * and we need upload-progress events + cancellation, which fetch can't give us.\n */\n@Injectable({ providedIn: 'root' })\nexport class UploadAdapter {\n  private client = inject(ApiClient);\n\n  /** Categories are server-owned; some depend on answers (e.g. registratie's diploma\n      set varies by DUO/handmatig + course language). `extra` makes the resource reactive\n      so it re-fetches when those answers change. */\n  categoriesResource(wizardId: string, extra?: () => CategoryParams) {\n    // Structural equality so we re-fetch only when a category-affecting answer changes,\n    // not on every unrelated draft edit (a computed with `equal` returns the cached\n    // reference while equal, so the resource sees no change).\n    const params = computed(\n      () => ({\n        wizardId,\n        diplomaHerkomst: extra?.().diplomaHerkomst,\n        taalvaardigheid: extra?.().taalvaardigheid,\n      }),\n      {\n        equal: (a, b) =>\n          a.wizardId === b.wizardId &&\n          a.diplomaHerkomst === b.diplomaHerkomst &&\n          a.taalvaardigheid === b.taalvaardigheid,\n      },\n    );\n    return resource({\n      params,\n      loader: ({ params }) =>\n        this.client\n          .categories(params.wizardId, params.diplomaHerkomst, params.taalvaardigheid)\n          .then((r) => (r.categories ?? []).map(toCategory)),\n    });\n  }\n\n  /** Poll-on-return: which client localIds have arrived at the BFF. */\n  status(localIds: string[]): Promise<StatusItem[]> {\n    if (localIds.length === 0) return Promise.resolve([]);\n    return this.client.status(localIds.join(',')).then((r) => (r.results ?? []).map(toStatusItem));\n  }\n\n  /** User delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps. */\n  deleteDocument(documentId: string): Promise<void> {\n    return this.client.uploads(documentId);\n  }\n\n  /**\n   * Direct URL to the stored bytes, for a preview/download link (`<a href>`) — the\n   * server serves it inline for pdf/image, attachment otherwise. Not a fetch: the\n   * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n   */\n  contentUrl(documentId: string): string {\n    return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;\n  }\n\n  /**\n   * Multipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\n   * progress events need XHR; the keepalive/background gap is covered by\n   * poll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\n   * transport behind UploadTransport for true background sync.\n   */\n  xhrUpload(req: XhrUploadRequest, onProgress: (pct: number) => void): XhrUploadHandle {\n    const scenario = currentScenario();\n    if (scenario === 'upload-slow' || scenario === 'upload-fail')\n      return simulateUpload(scenario, onProgress);\n\n    const xhr = new XMLHttpRequest();\n    const form = new FormData();\n    form.append('file', req.file);\n    form.append('categoryId', req.categoryId);\n    form.append('localId', req.localId);\n    form.append('wizardId', req.wizardId);\n\n    let aborted = false;\n    const done = new Promise<{ documentId: string }>((resolve, reject) => {\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));\n      });\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          try {\n            resolve({ documentId: JSON.parse(xhr.responseText).documentId });\n          } catch {\n            reject(genericError());\n          }\n        } else {\n          reject(parseError(xhr.responseText));\n        }\n      });\n      xhr.addEventListener('error', () => reject(genericError()));\n      xhr.addEventListener('abort', () =>\n        aborted ? reject(UPLOAD_ABORTED) : reject(genericError()),\n      );\n    });\n\n    xhr.open('POST', `${environment.apiBaseUrl}/api/v1/uploads`);\n    xhr.send(form);\n    return { done, cancel: () => ((aborted = true), xhr.abort()) };\n  }\n}\n\nconst UPLOAD_FAILED = $localize`:@@upload.failed:Uploaden is niet gelukt. Probeer het opnieuw.`;\nconst genericError = (): string => UPLOAD_FAILED;\n\n/**\n * Demo-only (dev): the real XHR POST finishes instantly for metadata, so progress\n * and failure can't otherwise be shown. Drives the progress bar over ~2.5s, then\n * succeeds (`upload-slow`) or fails (`upload-fail`). ponytail: timer-based, cancel\n * via the returned handle; no network.\n */\nfunction simulateUpload(\n  scenario: 'upload-slow' | 'upload-fail',\n  onProgress: (pct: number) => void,\n): XhrUploadHandle {\n  let pct = 0;\n  let cancelled = false;\n  const done = new Promise<{ documentId: string }>((resolve, reject) => {\n    const tick = () => {\n      if (cancelled) {\n        reject(UPLOAD_ABORTED);\n      } else if (pct < 100) {\n        pct += 10;\n        onProgress(Math.min(pct, 100));\n        setTimeout(tick, 250);\n      } else if (scenario === 'upload-fail') {\n        reject(UPLOAD_FAILED);\n      } else {\n        resolve({ documentId: `demo-${crypto.randomUUID()}` });\n      }\n    };\n    setTimeout(tick, 250);\n  });\n  return { done, cancel: () => void (cancelled = true) };\n}\nconst parseError = (body: string): string => {\n  try {\n    return problemDetail(JSON.parse(body), UPLOAD_FAILED);\n  } catch {\n    return genericError();\n  }\n};\n\n/** Wire DTO (all fields optional) → domain. */\nfunction toCategory(c: DocumentCategoryDto): DocumentCategory {\n  return {\n    categoryId: c.categoryId ?? '',\n    label: c.label ?? '',\n    description: c.description ?? '',\n    required: c.required ?? false,\n    acceptedTypes: c.acceptedTypes ?? [],\n    maxSizeMb: c.maxSizeMb ?? 0,\n    multiple: c.multiple ?? false,\n    allowPostDelivery: c.allowPostDelivery ?? false,\n  };\n}\n\nfunction toStatusItem(s: UploadStatusItemDto): StatusItem {\n  return {\n    localId: s.localId ?? '',\n    status: s.status ?? 'unknown',\n    documentId: s.documentId ?? undefined,\n  };\n}\n",
+            "sourceCode": "import { Injectable, computed, inject, resource } from '@angular/core';\nimport {\n  ApiClient,\n  DocumentCategoryDto,\n  UploadStatusItemDto,\n} from '@shared/infrastructure/api-client';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { currentScenario } from '@shared/infrastructure/scenario';\nimport { environment } from '../../../environments/environment';\nimport { DocumentCategory } from './upload.machine';\n\n/** Answer-derived query params that affect which categories the server presents. */\nexport interface CategoryParams {\n  diplomaHerkomst?: string;\n  taalvaardigheid?: string;\n}\n\n/** One arrived/known status item from poll-on-return. */\nexport interface StatusItem {\n  localId: string;\n  status: string; // 'complete' | 'unknown'\n  documentId?: string;\n}\n\nexport interface XhrUploadRequest {\n  localId: string;\n  categoryId: string;\n  wizardId: string;\n  file: File;\n}\n\n/** A live upload: progress is reported via the callback; cancel aborts the XHR. */\nexport interface XhrUploadHandle {\n  done: Promise<{ documentId: string }>;\n  cancel: () => void;\n}\n\n/** Sentinel rejection so the caller can tell a user-cancel from a real failure. */\nexport const UPLOAD_ABORTED = Symbol('upload-aborted');\n\n/** Direct URL to a stored document's bytes. Pure (no injection) so a store can build\n    a letterhead-logo `src` without pulling `ApiClient` into its dependency graph. */\nexport function uploadContentUrl(documentId: string): string {\n  return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;\n}\n\n/**\n * Infrastructure: the only place upload HTTP lives. Reads (categories, status,\n * delete) go through the NSwag client; the multipart POST is hand-written XHR\n * because the generated client is JSON-only (the endpoint is ExcludeFromDescription)\n * and we need upload-progress events + cancellation, which fetch can't give us.\n */\n@Injectable({ providedIn: 'root' })\nexport class UploadAdapter {\n  private client = inject(ApiClient);\n\n  /** Categories are server-owned; some depend on answers (e.g. registratie's diploma\n      set varies by DUO/handmatig + course language). `extra` makes the resource reactive\n      so it re-fetches when those answers change. */\n  categoriesResource(wizardId: string, extra?: () => CategoryParams) {\n    // Structural equality so we re-fetch only when a category-affecting answer changes,\n    // not on every unrelated draft edit (a computed with `equal` returns the cached\n    // reference while equal, so the resource sees no change).\n    const params = computed(\n      () => ({\n        wizardId,\n        diplomaHerkomst: extra?.().diplomaHerkomst,\n        taalvaardigheid: extra?.().taalvaardigheid,\n      }),\n      {\n        equal: (a, b) =>\n          a.wizardId === b.wizardId &&\n          a.diplomaHerkomst === b.diplomaHerkomst &&\n          a.taalvaardigheid === b.taalvaardigheid,\n      },\n    );\n    return resource({\n      params,\n      loader: ({ params }) =>\n        this.client\n          .categories(params.wizardId, params.diplomaHerkomst, params.taalvaardigheid)\n          .then((r) => (r.categories ?? []).map(toCategory)),\n    });\n  }\n\n  /** Poll-on-return: which client localIds have arrived at the BFF. */\n  status(localIds: string[]): Promise<StatusItem[]> {\n    if (localIds.length === 0) return Promise.resolve([]);\n    return this.client.status(localIds.join(',')).then((r) => (r.results ?? []).map(toStatusItem));\n  }\n\n  /** User delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps. */\n  deleteDocument(documentId: string): Promise<void> {\n    return this.client.uploads(documentId);\n  }\n\n  /**\n   * Direct URL to the stored bytes, for a preview/download link (`<a href>`) — the\n   * server serves it inline for pdf/image, attachment otherwise. Not a fetch: the\n   * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n   */\n  contentUrl(documentId: string): string {\n    return uploadContentUrl(documentId);\n  }\n\n  /**\n   * Multipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\n   * progress events need XHR; the keepalive/background gap is covered by\n   * poll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\n   * transport behind UploadTransport for true background sync.\n   */\n  xhrUpload(req: XhrUploadRequest, onProgress: (pct: number) => void): XhrUploadHandle {\n    const scenario = currentScenario();\n    if (scenario === 'upload-slow' || scenario === 'upload-fail')\n      return simulateUpload(scenario, onProgress);\n\n    const xhr = new XMLHttpRequest();\n    const form = new FormData();\n    form.append('file', req.file);\n    form.append('categoryId', req.categoryId);\n    form.append('localId', req.localId);\n    form.append('wizardId', req.wizardId);\n\n    let aborted = false;\n    const done = new Promise<{ documentId: string }>((resolve, reject) => {\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));\n      });\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          try {\n            resolve({ documentId: JSON.parse(xhr.responseText).documentId });\n          } catch {\n            reject(genericError());\n          }\n        } else {\n          reject(parseError(xhr.responseText));\n        }\n      });\n      xhr.addEventListener('error', () => reject(genericError()));\n      xhr.addEventListener('abort', () =>\n        aborted ? reject(UPLOAD_ABORTED) : reject(genericError()),\n      );\n    });\n\n    xhr.open('POST', `${environment.apiBaseUrl}/api/v1/uploads`);\n    xhr.send(form);\n    return { done, cancel: () => ((aborted = true), xhr.abort()) };\n  }\n}\n\nconst UPLOAD_FAILED = $localize`:@@upload.failed:Uploaden is niet gelukt. Probeer het opnieuw.`;\nconst genericError = (): string => UPLOAD_FAILED;\n\n/**\n * Demo-only (dev): the real XHR POST finishes instantly for metadata, so progress\n * and failure can't otherwise be shown. Drives the progress bar over ~2.5s, then\n * succeeds (`upload-slow`) or fails (`upload-fail`). ponytail: timer-based, cancel\n * via the returned handle; no network.\n */\nfunction simulateUpload(\n  scenario: 'upload-slow' | 'upload-fail',\n  onProgress: (pct: number) => void,\n): XhrUploadHandle {\n  let pct = 0;\n  let cancelled = false;\n  const done = new Promise<{ documentId: string }>((resolve, reject) => {\n    const tick = () => {\n      if (cancelled) {\n        reject(UPLOAD_ABORTED);\n      } else if (pct < 100) {\n        pct += 10;\n        onProgress(Math.min(pct, 100));\n        setTimeout(tick, 250);\n      } else if (scenario === 'upload-fail') {\n        reject(UPLOAD_FAILED);\n      } else {\n        resolve({ documentId: `demo-${crypto.randomUUID()}` });\n      }\n    };\n    setTimeout(tick, 250);\n  });\n  return { done, cancel: () => void (cancelled = true) };\n}\nconst parseError = (body: string): string => {\n  try {\n    return problemDetail(JSON.parse(body), UPLOAD_FAILED);\n  } catch {\n    return genericError();\n  }\n};\n\n/** Wire DTO (all fields optional) → domain. */\nfunction toCategory(c: DocumentCategoryDto): DocumentCategory {\n  return {\n    categoryId: c.categoryId ?? '',\n    label: c.label ?? '',\n    description: c.description ?? '',\n    required: c.required ?? false,\n    acceptedTypes: c.acceptedTypes ?? [],\n    maxSizeMb: c.maxSizeMb ?? 0,\n    multiple: c.multiple ?? false,\n    allowPostDelivery: c.allowPostDelivery ?? false,\n  };\n}\n\nfunction toStatusItem(s: UploadStatusItemDto): StatusItem {\n  return {\n    localId: s.localId ?? '',\n    status: s.status ?? 'unknown',\n    documentId: s.documentId ?? undefined,\n  };\n}\n",
             "properties": [
                 {
                     "name": "documentId",
@@ -5652,6 +5821,62 @@
             "methods": [],
             "extends": []
         },
+        {
+            "name": "SubOrgSummary",
+            "id": "interface-SubOrgSummary-52170b80494aa2ab1bbe4f2af74c30187caa552e764480bbf13cdd86672c347e8496de774f14de55deec35403356849dc59b9b8d4f0300ef4884e0d1e789465e",
+            "file": "src/app/brief/domain/org-template.ts",
+            "deprecated": false,
+            "deprecationMessage": "",
+            "type": "interface",
+            "sourceCode": "export interface Margins {\n  readonly topMm: number;\n  readonly rightMm: number;\n  readonly bottomMm: number;\n  readonly leftMm: number;\n}\n\nexport interface OrgTemplate {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  /** Multiline; rendered above the envelope window. */\n  readonly returnAddress: string;\n  readonly logoDocumentId?: string;\n  /** Multiline contact block in the footer. */\n  readonly footerContact: string;\n  readonly footerLegal: string;\n  readonly signatureName: string;\n  readonly signatureRole: string;\n  readonly signatureClosing: string;\n  readonly margins: Margins;\n  /** 0 = draft; n>0 = the published snapshot this letter renders with. */\n  readonly version: number;\n}\n\n// --- admin editor (WP-26) ---\n\n/** A published snapshot in the version history: who is faked, `publishedAt` is real. */\nexport interface OrgTemplateVersion {\n  readonly version: number;\n  readonly publishedAt: string;\n  readonly template: OrgTemplate;\n}\n\n/** The admin editor's view of one sub-org: the editable draft plus publish metadata. */\nexport interface OrgTemplateAdminView {\n  readonly draft: OrgTemplate;\n  readonly publishedVersion: number;\n  readonly history: readonly OrgTemplateVersion[];\n  /** How many not-yet-sent letters a publish would re-render (the impact count). */\n  readonly unsentBriefs: number;\n}\n\n/** One row in the sub-org switcher. */\nexport interface SubOrgSummary {\n  readonly subOrgId: string;\n  readonly orgName: string;\n  readonly publishedVersion: number;\n}\n\n/** Publish outcome: the new version and how many unsent letters it touched. */\nexport interface PublishResult {\n  readonly version: number;\n  readonly affectedUnsentBriefs: number;\n}\n\n/** Margin bounds (server-owned, `OrgTemplateRules`): the FE mirrors them for instant\n    feedback via `<input min max>`; the server re-validates and stays the authority. */\nexport const MARGIN_MIN_MM = 10;\nexport const MARGIN_MAX_MM = 50;\n",
+            "properties": [
+                {
+                    "name": "orgName",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 54,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "publishedVersion",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "number",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 55,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "subOrgId",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 53,
+                    "modifierKind": [
+                        148
+                    ]
+                }
+            ],
+            "indexSignatures": [],
+            "kind": 172,
+            "description": "<p>One row in the sub-org switcher.</p>\n",
+            "rawdescription": "\nOne row in the sub-org switcher.",
+            "methods": [],
+            "extends": []
+        },
         {
             "name": "SubOrgSummaryDto",
             "id": "interface-SubOrgSummaryDto-6a5ea57f33619caac97c0bf864e0e725aae634df76c8709ab43bd09fab437342598ef2f1475c8705f4fa3aef49aafa9ddc63f365d890c5b4bf3547aa65e28986",
@@ -6505,12 +6730,12 @@
         },
         {
             "name": "XhrUploadHandle",
-            "id": "interface-XhrUploadHandle-ab1d83e34758ab9255d93ad1919e0f70bf41f8ba472c7d0d4e796e140d9abe27210e3e9418b927e8772385a5d85fc28e0917b333e2e8a92b01304b6f5c5fefde",
+            "id": "interface-XhrUploadHandle-0fd101cb77cb218a6fdeb65055bff589fc5e4c7753784fb642e1cc4d7e4ee28d369dc9e90e0ebd18b2839b6597b388ff4d4cca90fda477e1c262454fbf92e74c",
             "file": "src/app/shared/upload/upload.adapter.ts",
             "deprecated": false,
             "deprecationMessage": "",
             "type": "interface",
-            "sourceCode": "import { Injectable, computed, inject, resource } from '@angular/core';\nimport {\n  ApiClient,\n  DocumentCategoryDto,\n  UploadStatusItemDto,\n} from '@shared/infrastructure/api-client';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { currentScenario } from '@shared/infrastructure/scenario';\nimport { environment } from '../../../environments/environment';\nimport { DocumentCategory } from './upload.machine';\n\n/** Answer-derived query params that affect which categories the server presents. */\nexport interface CategoryParams {\n  diplomaHerkomst?: string;\n  taalvaardigheid?: string;\n}\n\n/** One arrived/known status item from poll-on-return. */\nexport interface StatusItem {\n  localId: string;\n  status: string; // 'complete' | 'unknown'\n  documentId?: string;\n}\n\nexport interface XhrUploadRequest {\n  localId: string;\n  categoryId: string;\n  wizardId: string;\n  file: File;\n}\n\n/** A live upload: progress is reported via the callback; cancel aborts the XHR. */\nexport interface XhrUploadHandle {\n  done: Promise<{ documentId: string }>;\n  cancel: () => void;\n}\n\n/** Sentinel rejection so the caller can tell a user-cancel from a real failure. */\nexport const UPLOAD_ABORTED = Symbol('upload-aborted');\n\n/**\n * Infrastructure: the only place upload HTTP lives. Reads (categories, status,\n * delete) go through the NSwag client; the multipart POST is hand-written XHR\n * because the generated client is JSON-only (the endpoint is ExcludeFromDescription)\n * and we need upload-progress events + cancellation, which fetch can't give us.\n */\n@Injectable({ providedIn: 'root' })\nexport class UploadAdapter {\n  private client = inject(ApiClient);\n\n  /** Categories are server-owned; some depend on answers (e.g. registratie's diploma\n      set varies by DUO/handmatig + course language). `extra` makes the resource reactive\n      so it re-fetches when those answers change. */\n  categoriesResource(wizardId: string, extra?: () => CategoryParams) {\n    // Structural equality so we re-fetch only when a category-affecting answer changes,\n    // not on every unrelated draft edit (a computed with `equal` returns the cached\n    // reference while equal, so the resource sees no change).\n    const params = computed(\n      () => ({\n        wizardId,\n        diplomaHerkomst: extra?.().diplomaHerkomst,\n        taalvaardigheid: extra?.().taalvaardigheid,\n      }),\n      {\n        equal: (a, b) =>\n          a.wizardId === b.wizardId &&\n          a.diplomaHerkomst === b.diplomaHerkomst &&\n          a.taalvaardigheid === b.taalvaardigheid,\n      },\n    );\n    return resource({\n      params,\n      loader: ({ params }) =>\n        this.client\n          .categories(params.wizardId, params.diplomaHerkomst, params.taalvaardigheid)\n          .then((r) => (r.categories ?? []).map(toCategory)),\n    });\n  }\n\n  /** Poll-on-return: which client localIds have arrived at the BFF. */\n  status(localIds: string[]): Promise<StatusItem[]> {\n    if (localIds.length === 0) return Promise.resolve([]);\n    return this.client.status(localIds.join(',')).then((r) => (r.results ?? []).map(toStatusItem));\n  }\n\n  /** User delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps. */\n  deleteDocument(documentId: string): Promise<void> {\n    return this.client.uploads(documentId);\n  }\n\n  /**\n   * Direct URL to the stored bytes, for a preview/download link (`<a href>`) — the\n   * server serves it inline for pdf/image, attachment otherwise. Not a fetch: the\n   * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n   */\n  contentUrl(documentId: string): string {\n    return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;\n  }\n\n  /**\n   * Multipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\n   * progress events need XHR; the keepalive/background gap is covered by\n   * poll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\n   * transport behind UploadTransport for true background sync.\n   */\n  xhrUpload(req: XhrUploadRequest, onProgress: (pct: number) => void): XhrUploadHandle {\n    const scenario = currentScenario();\n    if (scenario === 'upload-slow' || scenario === 'upload-fail')\n      return simulateUpload(scenario, onProgress);\n\n    const xhr = new XMLHttpRequest();\n    const form = new FormData();\n    form.append('file', req.file);\n    form.append('categoryId', req.categoryId);\n    form.append('localId', req.localId);\n    form.append('wizardId', req.wizardId);\n\n    let aborted = false;\n    const done = new Promise<{ documentId: string }>((resolve, reject) => {\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));\n      });\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          try {\n            resolve({ documentId: JSON.parse(xhr.responseText).documentId });\n          } catch {\n            reject(genericError());\n          }\n        } else {\n          reject(parseError(xhr.responseText));\n        }\n      });\n      xhr.addEventListener('error', () => reject(genericError()));\n      xhr.addEventListener('abort', () =>\n        aborted ? reject(UPLOAD_ABORTED) : reject(genericError()),\n      );\n    });\n\n    xhr.open('POST', `${environment.apiBaseUrl}/api/v1/uploads`);\n    xhr.send(form);\n    return { done, cancel: () => ((aborted = true), xhr.abort()) };\n  }\n}\n\nconst UPLOAD_FAILED = $localize`:@@upload.failed:Uploaden is niet gelukt. Probeer het opnieuw.`;\nconst genericError = (): string => UPLOAD_FAILED;\n\n/**\n * Demo-only (dev): the real XHR POST finishes instantly for metadata, so progress\n * and failure can't otherwise be shown. Drives the progress bar over ~2.5s, then\n * succeeds (`upload-slow`) or fails (`upload-fail`). ponytail: timer-based, cancel\n * via the returned handle; no network.\n */\nfunction simulateUpload(\n  scenario: 'upload-slow' | 'upload-fail',\n  onProgress: (pct: number) => void,\n): XhrUploadHandle {\n  let pct = 0;\n  let cancelled = false;\n  const done = new Promise<{ documentId: string }>((resolve, reject) => {\n    const tick = () => {\n      if (cancelled) {\n        reject(UPLOAD_ABORTED);\n      } else if (pct < 100) {\n        pct += 10;\n        onProgress(Math.min(pct, 100));\n        setTimeout(tick, 250);\n      } else if (scenario === 'upload-fail') {\n        reject(UPLOAD_FAILED);\n      } else {\n        resolve({ documentId: `demo-${crypto.randomUUID()}` });\n      }\n    };\n    setTimeout(tick, 250);\n  });\n  return { done, cancel: () => void (cancelled = true) };\n}\nconst parseError = (body: string): string => {\n  try {\n    return problemDetail(JSON.parse(body), UPLOAD_FAILED);\n  } catch {\n    return genericError();\n  }\n};\n\n/** Wire DTO (all fields optional) → domain. */\nfunction toCategory(c: DocumentCategoryDto): DocumentCategory {\n  return {\n    categoryId: c.categoryId ?? '',\n    label: c.label ?? '',\n    description: c.description ?? '',\n    required: c.required ?? false,\n    acceptedTypes: c.acceptedTypes ?? [],\n    maxSizeMb: c.maxSizeMb ?? 0,\n    multiple: c.multiple ?? false,\n    allowPostDelivery: c.allowPostDelivery ?? false,\n  };\n}\n\nfunction toStatusItem(s: UploadStatusItemDto): StatusItem {\n  return {\n    localId: s.localId ?? '',\n    status: s.status ?? 'unknown',\n    documentId: s.documentId ?? undefined,\n  };\n}\n",
+            "sourceCode": "import { Injectable, computed, inject, resource } from '@angular/core';\nimport {\n  ApiClient,\n  DocumentCategoryDto,\n  UploadStatusItemDto,\n} from '@shared/infrastructure/api-client';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { currentScenario } from '@shared/infrastructure/scenario';\nimport { environment } from '../../../environments/environment';\nimport { DocumentCategory } from './upload.machine';\n\n/** Answer-derived query params that affect which categories the server presents. */\nexport interface CategoryParams {\n  diplomaHerkomst?: string;\n  taalvaardigheid?: string;\n}\n\n/** One arrived/known status item from poll-on-return. */\nexport interface StatusItem {\n  localId: string;\n  status: string; // 'complete' | 'unknown'\n  documentId?: string;\n}\n\nexport interface XhrUploadRequest {\n  localId: string;\n  categoryId: string;\n  wizardId: string;\n  file: File;\n}\n\n/** A live upload: progress is reported via the callback; cancel aborts the XHR. */\nexport interface XhrUploadHandle {\n  done: Promise<{ documentId: string }>;\n  cancel: () => void;\n}\n\n/** Sentinel rejection so the caller can tell a user-cancel from a real failure. */\nexport const UPLOAD_ABORTED = Symbol('upload-aborted');\n\n/** Direct URL to a stored document's bytes. Pure (no injection) so a store can build\n    a letterhead-logo `src` without pulling `ApiClient` into its dependency graph. */\nexport function uploadContentUrl(documentId: string): string {\n  return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;\n}\n\n/**\n * Infrastructure: the only place upload HTTP lives. Reads (categories, status,\n * delete) go through the NSwag client; the multipart POST is hand-written XHR\n * because the generated client is JSON-only (the endpoint is ExcludeFromDescription)\n * and we need upload-progress events + cancellation, which fetch can't give us.\n */\n@Injectable({ providedIn: 'root' })\nexport class UploadAdapter {\n  private client = inject(ApiClient);\n\n  /** Categories are server-owned; some depend on answers (e.g. registratie's diploma\n      set varies by DUO/handmatig + course language). `extra` makes the resource reactive\n      so it re-fetches when those answers change. */\n  categoriesResource(wizardId: string, extra?: () => CategoryParams) {\n    // Structural equality so we re-fetch only when a category-affecting answer changes,\n    // not on every unrelated draft edit (a computed with `equal` returns the cached\n    // reference while equal, so the resource sees no change).\n    const params = computed(\n      () => ({\n        wizardId,\n        diplomaHerkomst: extra?.().diplomaHerkomst,\n        taalvaardigheid: extra?.().taalvaardigheid,\n      }),\n      {\n        equal: (a, b) =>\n          a.wizardId === b.wizardId &&\n          a.diplomaHerkomst === b.diplomaHerkomst &&\n          a.taalvaardigheid === b.taalvaardigheid,\n      },\n    );\n    return resource({\n      params,\n      loader: ({ params }) =>\n        this.client\n          .categories(params.wizardId, params.diplomaHerkomst, params.taalvaardigheid)\n          .then((r) => (r.categories ?? []).map(toCategory)),\n    });\n  }\n\n  /** Poll-on-return: which client localIds have arrived at the BFF. */\n  status(localIds: string[]): Promise<StatusItem[]> {\n    if (localIds.length === 0) return Promise.resolve([]);\n    return this.client.status(localIds.join(',')).then((r) => (r.results ?? []).map(toStatusItem));\n  }\n\n  /** User delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps. */\n  deleteDocument(documentId: string): Promise<void> {\n    return this.client.uploads(documentId);\n  }\n\n  /**\n   * Direct URL to the stored bytes, for a preview/download link (`<a href>`) — the\n   * server serves it inline for pdf/image, attachment otherwise. Not a fetch: the\n   * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n   */\n  contentUrl(documentId: string): string {\n    return uploadContentUrl(documentId);\n  }\n\n  /**\n   * Multipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\n   * progress events need XHR; the keepalive/background gap is covered by\n   * poll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\n   * transport behind UploadTransport for true background sync.\n   */\n  xhrUpload(req: XhrUploadRequest, onProgress: (pct: number) => void): XhrUploadHandle {\n    const scenario = currentScenario();\n    if (scenario === 'upload-slow' || scenario === 'upload-fail')\n      return simulateUpload(scenario, onProgress);\n\n    const xhr = new XMLHttpRequest();\n    const form = new FormData();\n    form.append('file', req.file);\n    form.append('categoryId', req.categoryId);\n    form.append('localId', req.localId);\n    form.append('wizardId', req.wizardId);\n\n    let aborted = false;\n    const done = new Promise<{ documentId: string }>((resolve, reject) => {\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));\n      });\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          try {\n            resolve({ documentId: JSON.parse(xhr.responseText).documentId });\n          } catch {\n            reject(genericError());\n          }\n        } else {\n          reject(parseError(xhr.responseText));\n        }\n      });\n      xhr.addEventListener('error', () => reject(genericError()));\n      xhr.addEventListener('abort', () =>\n        aborted ? reject(UPLOAD_ABORTED) : reject(genericError()),\n      );\n    });\n\n    xhr.open('POST', `${environment.apiBaseUrl}/api/v1/uploads`);\n    xhr.send(form);\n    return { done, cancel: () => ((aborted = true), xhr.abort()) };\n  }\n}\n\nconst UPLOAD_FAILED = $localize`:@@upload.failed:Uploaden is niet gelukt. Probeer het opnieuw.`;\nconst genericError = (): string => UPLOAD_FAILED;\n\n/**\n * Demo-only (dev): the real XHR POST finishes instantly for metadata, so progress\n * and failure can't otherwise be shown. Drives the progress bar over ~2.5s, then\n * succeeds (`upload-slow`) or fails (`upload-fail`). ponytail: timer-based, cancel\n * via the returned handle; no network.\n */\nfunction simulateUpload(\n  scenario: 'upload-slow' | 'upload-fail',\n  onProgress: (pct: number) => void,\n): XhrUploadHandle {\n  let pct = 0;\n  let cancelled = false;\n  const done = new Promise<{ documentId: string }>((resolve, reject) => {\n    const tick = () => {\n      if (cancelled) {\n        reject(UPLOAD_ABORTED);\n      } else if (pct < 100) {\n        pct += 10;\n        onProgress(Math.min(pct, 100));\n        setTimeout(tick, 250);\n      } else if (scenario === 'upload-fail') {\n        reject(UPLOAD_FAILED);\n      } else {\n        resolve({ documentId: `demo-${crypto.randomUUID()}` });\n      }\n    };\n    setTimeout(tick, 250);\n  });\n  return { done, cancel: () => void (cancelled = true) };\n}\nconst parseError = (body: string): string => {\n  try {\n    return problemDetail(JSON.parse(body), UPLOAD_FAILED);\n  } catch {\n    return genericError();\n  }\n};\n\n/** Wire DTO (all fields optional) → domain. */\nfunction toCategory(c: DocumentCategoryDto): DocumentCategory {\n  return {\n    categoryId: c.categoryId ?? '',\n    label: c.label ?? '',\n    description: c.description ?? '',\n    required: c.required ?? false,\n    acceptedTypes: c.acceptedTypes ?? [],\n    maxSizeMb: c.maxSizeMb ?? 0,\n    multiple: c.multiple ?? false,\n    allowPostDelivery: c.allowPostDelivery ?? false,\n  };\n}\n\nfunction toStatusItem(s: UploadStatusItemDto): StatusItem {\n  return {\n    localId: s.localId ?? '',\n    status: s.status ?? 'unknown',\n    documentId: s.documentId ?? undefined,\n  };\n}\n",
             "properties": [
                 {
                     "name": "cancel",
@@ -6542,12 +6767,12 @@
         },
         {
             "name": "XhrUploadRequest",
-            "id": "interface-XhrUploadRequest-ab1d83e34758ab9255d93ad1919e0f70bf41f8ba472c7d0d4e796e140d9abe27210e3e9418b927e8772385a5d85fc28e0917b333e2e8a92b01304b6f5c5fefde",
+            "id": "interface-XhrUploadRequest-0fd101cb77cb218a6fdeb65055bff589fc5e4c7753784fb642e1cc4d7e4ee28d369dc9e90e0ebd18b2839b6597b388ff4d4cca90fda477e1c262454fbf92e74c",
             "file": "src/app/shared/upload/upload.adapter.ts",
             "deprecated": false,
             "deprecationMessage": "",
             "type": "interface",
-            "sourceCode": "import { Injectable, computed, inject, resource } from '@angular/core';\nimport {\n  ApiClient,\n  DocumentCategoryDto,\n  UploadStatusItemDto,\n} from '@shared/infrastructure/api-client';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { currentScenario } from '@shared/infrastructure/scenario';\nimport { environment } from '../../../environments/environment';\nimport { DocumentCategory } from './upload.machine';\n\n/** Answer-derived query params that affect which categories the server presents. */\nexport interface CategoryParams {\n  diplomaHerkomst?: string;\n  taalvaardigheid?: string;\n}\n\n/** One arrived/known status item from poll-on-return. */\nexport interface StatusItem {\n  localId: string;\n  status: string; // 'complete' | 'unknown'\n  documentId?: string;\n}\n\nexport interface XhrUploadRequest {\n  localId: string;\n  categoryId: string;\n  wizardId: string;\n  file: File;\n}\n\n/** A live upload: progress is reported via the callback; cancel aborts the XHR. */\nexport interface XhrUploadHandle {\n  done: Promise<{ documentId: string }>;\n  cancel: () => void;\n}\n\n/** Sentinel rejection so the caller can tell a user-cancel from a real failure. */\nexport const UPLOAD_ABORTED = Symbol('upload-aborted');\n\n/**\n * Infrastructure: the only place upload HTTP lives. Reads (categories, status,\n * delete) go through the NSwag client; the multipart POST is hand-written XHR\n * because the generated client is JSON-only (the endpoint is ExcludeFromDescription)\n * and we need upload-progress events + cancellation, which fetch can't give us.\n */\n@Injectable({ providedIn: 'root' })\nexport class UploadAdapter {\n  private client = inject(ApiClient);\n\n  /** Categories are server-owned; some depend on answers (e.g. registratie's diploma\n      set varies by DUO/handmatig + course language). `extra` makes the resource reactive\n      so it re-fetches when those answers change. */\n  categoriesResource(wizardId: string, extra?: () => CategoryParams) {\n    // Structural equality so we re-fetch only when a category-affecting answer changes,\n    // not on every unrelated draft edit (a computed with `equal` returns the cached\n    // reference while equal, so the resource sees no change).\n    const params = computed(\n      () => ({\n        wizardId,\n        diplomaHerkomst: extra?.().diplomaHerkomst,\n        taalvaardigheid: extra?.().taalvaardigheid,\n      }),\n      {\n        equal: (a, b) =>\n          a.wizardId === b.wizardId &&\n          a.diplomaHerkomst === b.diplomaHerkomst &&\n          a.taalvaardigheid === b.taalvaardigheid,\n      },\n    );\n    return resource({\n      params,\n      loader: ({ params }) =>\n        this.client\n          .categories(params.wizardId, params.diplomaHerkomst, params.taalvaardigheid)\n          .then((r) => (r.categories ?? []).map(toCategory)),\n    });\n  }\n\n  /** Poll-on-return: which client localIds have arrived at the BFF. */\n  status(localIds: string[]): Promise<StatusItem[]> {\n    if (localIds.length === 0) return Promise.resolve([]);\n    return this.client.status(localIds.join(',')).then((r) => (r.results ?? []).map(toStatusItem));\n  }\n\n  /** User delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps. */\n  deleteDocument(documentId: string): Promise<void> {\n    return this.client.uploads(documentId);\n  }\n\n  /**\n   * Direct URL to the stored bytes, for a preview/download link (`<a href>`) — the\n   * server serves it inline for pdf/image, attachment otherwise. Not a fetch: the\n   * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n   */\n  contentUrl(documentId: string): string {\n    return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;\n  }\n\n  /**\n   * Multipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\n   * progress events need XHR; the keepalive/background gap is covered by\n   * poll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\n   * transport behind UploadTransport for true background sync.\n   */\n  xhrUpload(req: XhrUploadRequest, onProgress: (pct: number) => void): XhrUploadHandle {\n    const scenario = currentScenario();\n    if (scenario === 'upload-slow' || scenario === 'upload-fail')\n      return simulateUpload(scenario, onProgress);\n\n    const xhr = new XMLHttpRequest();\n    const form = new FormData();\n    form.append('file', req.file);\n    form.append('categoryId', req.categoryId);\n    form.append('localId', req.localId);\n    form.append('wizardId', req.wizardId);\n\n    let aborted = false;\n    const done = new Promise<{ documentId: string }>((resolve, reject) => {\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));\n      });\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          try {\n            resolve({ documentId: JSON.parse(xhr.responseText).documentId });\n          } catch {\n            reject(genericError());\n          }\n        } else {\n          reject(parseError(xhr.responseText));\n        }\n      });\n      xhr.addEventListener('error', () => reject(genericError()));\n      xhr.addEventListener('abort', () =>\n        aborted ? reject(UPLOAD_ABORTED) : reject(genericError()),\n      );\n    });\n\n    xhr.open('POST', `${environment.apiBaseUrl}/api/v1/uploads`);\n    xhr.send(form);\n    return { done, cancel: () => ((aborted = true), xhr.abort()) };\n  }\n}\n\nconst UPLOAD_FAILED = $localize`:@@upload.failed:Uploaden is niet gelukt. Probeer het opnieuw.`;\nconst genericError = (): string => UPLOAD_FAILED;\n\n/**\n * Demo-only (dev): the real XHR POST finishes instantly for metadata, so progress\n * and failure can't otherwise be shown. Drives the progress bar over ~2.5s, then\n * succeeds (`upload-slow`) or fails (`upload-fail`). ponytail: timer-based, cancel\n * via the returned handle; no network.\n */\nfunction simulateUpload(\n  scenario: 'upload-slow' | 'upload-fail',\n  onProgress: (pct: number) => void,\n): XhrUploadHandle {\n  let pct = 0;\n  let cancelled = false;\n  const done = new Promise<{ documentId: string }>((resolve, reject) => {\n    const tick = () => {\n      if (cancelled) {\n        reject(UPLOAD_ABORTED);\n      } else if (pct < 100) {\n        pct += 10;\n        onProgress(Math.min(pct, 100));\n        setTimeout(tick, 250);\n      } else if (scenario === 'upload-fail') {\n        reject(UPLOAD_FAILED);\n      } else {\n        resolve({ documentId: `demo-${crypto.randomUUID()}` });\n      }\n    };\n    setTimeout(tick, 250);\n  });\n  return { done, cancel: () => void (cancelled = true) };\n}\nconst parseError = (body: string): string => {\n  try {\n    return problemDetail(JSON.parse(body), UPLOAD_FAILED);\n  } catch {\n    return genericError();\n  }\n};\n\n/** Wire DTO (all fields optional) → domain. */\nfunction toCategory(c: DocumentCategoryDto): DocumentCategory {\n  return {\n    categoryId: c.categoryId ?? '',\n    label: c.label ?? '',\n    description: c.description ?? '',\n    required: c.required ?? false,\n    acceptedTypes: c.acceptedTypes ?? [],\n    maxSizeMb: c.maxSizeMb ?? 0,\n    multiple: c.multiple ?? false,\n    allowPostDelivery: c.allowPostDelivery ?? false,\n  };\n}\n\nfunction toStatusItem(s: UploadStatusItemDto): StatusItem {\n  return {\n    localId: s.localId ?? '',\n    status: s.status ?? 'unknown',\n    documentId: s.documentId ?? undefined,\n  };\n}\n",
+            "sourceCode": "import { Injectable, computed, inject, resource } from '@angular/core';\nimport {\n  ApiClient,\n  DocumentCategoryDto,\n  UploadStatusItemDto,\n} from '@shared/infrastructure/api-client';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { currentScenario } from '@shared/infrastructure/scenario';\nimport { environment } from '../../../environments/environment';\nimport { DocumentCategory } from './upload.machine';\n\n/** Answer-derived query params that affect which categories the server presents. */\nexport interface CategoryParams {\n  diplomaHerkomst?: string;\n  taalvaardigheid?: string;\n}\n\n/** One arrived/known status item from poll-on-return. */\nexport interface StatusItem {\n  localId: string;\n  status: string; // 'complete' | 'unknown'\n  documentId?: string;\n}\n\nexport interface XhrUploadRequest {\n  localId: string;\n  categoryId: string;\n  wizardId: string;\n  file: File;\n}\n\n/** A live upload: progress is reported via the callback; cancel aborts the XHR. */\nexport interface XhrUploadHandle {\n  done: Promise<{ documentId: string }>;\n  cancel: () => void;\n}\n\n/** Sentinel rejection so the caller can tell a user-cancel from a real failure. */\nexport const UPLOAD_ABORTED = Symbol('upload-aborted');\n\n/** Direct URL to a stored document's bytes. Pure (no injection) so a store can build\n    a letterhead-logo `src` without pulling `ApiClient` into its dependency graph. */\nexport function uploadContentUrl(documentId: string): string {\n  return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;\n}\n\n/**\n * Infrastructure: the only place upload HTTP lives. Reads (categories, status,\n * delete) go through the NSwag client; the multipart POST is hand-written XHR\n * because the generated client is JSON-only (the endpoint is ExcludeFromDescription)\n * and we need upload-progress events + cancellation, which fetch can't give us.\n */\n@Injectable({ providedIn: 'root' })\nexport class UploadAdapter {\n  private client = inject(ApiClient);\n\n  /** Categories are server-owned; some depend on answers (e.g. registratie's diploma\n      set varies by DUO/handmatig + course language). `extra` makes the resource reactive\n      so it re-fetches when those answers change. */\n  categoriesResource(wizardId: string, extra?: () => CategoryParams) {\n    // Structural equality so we re-fetch only when a category-affecting answer changes,\n    // not on every unrelated draft edit (a computed with `equal` returns the cached\n    // reference while equal, so the resource sees no change).\n    const params = computed(\n      () => ({\n        wizardId,\n        diplomaHerkomst: extra?.().diplomaHerkomst,\n        taalvaardigheid: extra?.().taalvaardigheid,\n      }),\n      {\n        equal: (a, b) =>\n          a.wizardId === b.wizardId &&\n          a.diplomaHerkomst === b.diplomaHerkomst &&\n          a.taalvaardigheid === b.taalvaardigheid,\n      },\n    );\n    return resource({\n      params,\n      loader: ({ params }) =>\n        this.client\n          .categories(params.wizardId, params.diplomaHerkomst, params.taalvaardigheid)\n          .then((r) => (r.categories ?? []).map(toCategory)),\n    });\n  }\n\n  /** Poll-on-return: which client localIds have arrived at the BFF. */\n  status(localIds: string[]): Promise<StatusItem[]> {\n    if (localIds.length === 0) return Promise.resolve([]);\n    return this.client.status(localIds.join(',')).then((r) => (r.results ?? []).map(toStatusItem));\n  }\n\n  /** User delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps. */\n  deleteDocument(documentId: string): Promise<void> {\n    return this.client.uploads(documentId);\n  }\n\n  /**\n   * Direct URL to the stored bytes, for a preview/download link (`<a href>`) — the\n   * server serves it inline for pdf/image, attachment otherwise. Not a fetch: the\n   * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n   */\n  contentUrl(documentId: string): string {\n    return uploadContentUrl(documentId);\n  }\n\n  /**\n   * Multipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\n   * progress events need XHR; the keepalive/background gap is covered by\n   * poll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\n   * transport behind UploadTransport for true background sync.\n   */\n  xhrUpload(req: XhrUploadRequest, onProgress: (pct: number) => void): XhrUploadHandle {\n    const scenario = currentScenario();\n    if (scenario === 'upload-slow' || scenario === 'upload-fail')\n      return simulateUpload(scenario, onProgress);\n\n    const xhr = new XMLHttpRequest();\n    const form = new FormData();\n    form.append('file', req.file);\n    form.append('categoryId', req.categoryId);\n    form.append('localId', req.localId);\n    form.append('wizardId', req.wizardId);\n\n    let aborted = false;\n    const done = new Promise<{ documentId: string }>((resolve, reject) => {\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));\n      });\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          try {\n            resolve({ documentId: JSON.parse(xhr.responseText).documentId });\n          } catch {\n            reject(genericError());\n          }\n        } else {\n          reject(parseError(xhr.responseText));\n        }\n      });\n      xhr.addEventListener('error', () => reject(genericError()));\n      xhr.addEventListener('abort', () =>\n        aborted ? reject(UPLOAD_ABORTED) : reject(genericError()),\n      );\n    });\n\n    xhr.open('POST', `${environment.apiBaseUrl}/api/v1/uploads`);\n    xhr.send(form);\n    return { done, cancel: () => ((aborted = true), xhr.abort()) };\n  }\n}\n\nconst UPLOAD_FAILED = $localize`:@@upload.failed:Uploaden is niet gelukt. Probeer het opnieuw.`;\nconst genericError = (): string => UPLOAD_FAILED;\n\n/**\n * Demo-only (dev): the real XHR POST finishes instantly for metadata, so progress\n * and failure can't otherwise be shown. Drives the progress bar over ~2.5s, then\n * succeeds (`upload-slow`) or fails (`upload-fail`). ponytail: timer-based, cancel\n * via the returned handle; no network.\n */\nfunction simulateUpload(\n  scenario: 'upload-slow' | 'upload-fail',\n  onProgress: (pct: number) => void,\n): XhrUploadHandle {\n  let pct = 0;\n  let cancelled = false;\n  const done = new Promise<{ documentId: string }>((resolve, reject) => {\n    const tick = () => {\n      if (cancelled) {\n        reject(UPLOAD_ABORTED);\n      } else if (pct < 100) {\n        pct += 10;\n        onProgress(Math.min(pct, 100));\n        setTimeout(tick, 250);\n      } else if (scenario === 'upload-fail') {\n        reject(UPLOAD_FAILED);\n      } else {\n        resolve({ documentId: `demo-${crypto.randomUUID()}` });\n      }\n    };\n    setTimeout(tick, 250);\n  });\n  return { done, cancel: () => void (cancelled = true) };\n}\nconst parseError = (body: string): string => {\n  try {\n    return problemDetail(JSON.parse(body), UPLOAD_FAILED);\n  } catch {\n    return genericError();\n  }\n};\n\n/** Wire DTO (all fields optional) → domain. */\nfunction toCategory(c: DocumentCategoryDto): DocumentCategory {\n  return {\n    categoryId: c.categoryId ?? '',\n    label: c.label ?? '',\n    description: c.description ?? '',\n    required: c.required ?? false,\n    acceptedTypes: c.acceptedTypes ?? [],\n    maxSizeMb: c.maxSizeMb ?? 0,\n    multiple: c.multiple ?? false,\n    allowPostDelivery: c.allowPostDelivery ?? false,\n  };\n}\n\nfunction toStatusItem(s: UploadStatusItemDto): StatusItem {\n  return {\n    localId: s.localId ?? '',\n    status: s.status ?? 'unknown',\n    documentId: s.documentId ?? undefined,\n  };\n}\n",
             "properties": [
                 {
                     "name": "categoryId",
@@ -6599,7 +6824,7 @@
     "injectables": [
         {
             "name": "AccessStore",
-            "id": "injectable-AccessStore-053625e4e6abd948d9d06e098b2d4930354aeafb5cde004e1305ed72f664ae82690eb12c70b682a9259cdb59cca911a914e2bbb8b04e1ca83a32607bec5fb96d",
+            "id": "injectable-AccessStore-655afbfb523088e06215496431afe718aef62dc7a9cae7a08846bd9c95551ddab4b8c4916e4f7f7bc0418c8bac0439e7f04b13c7fb75dade52454f960c9a9476",
             "file": "src/app/shared/application/access.store.ts",
             "properties": [
                 {
@@ -6643,6 +6868,21 @@
                     "modifierKind": [
                         123
                     ]
+                },
+                {
+                    "name": "ready",
+                    "defaultValue": "computed(() => {\n    const tag = this.capabilities().tag;\n    return tag === 'Success' || tag === 'Failure';\n  })",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "<p>True once <code>/me</code> has resolved (success or failure) — lets a page-level gate tell\n&quot;still loading&quot; apart from &quot;denied&quot;, so an admin doesn&#39;t flash the denial alert.</p>\n",
+                    "line": 39,
+                    "rawdescription": "\nTrue once `/me` has resolved (success or failure) — lets a page-level gate tell\n\"still loading\" apart from \"denied\", so an admin doesn't flash the denial alert.",
+                    "modifierKind": [
+                        148
+                    ]
                 }
             ],
             "methods": [
@@ -6683,7 +6923,7 @@
             "deprecationMessage": "",
             "description": "<p>The current principal&#39;s capabilities (PRD-0002 §6) — one root singleton, like\n<code>SessionStore</code>/<code>BigProfileStore</code>. Global capabilities load once from <code>GET /me</code>;\na screen&#39;s own decision DTO (e.g. <code>BriefViewDto.decisions</code>) covers anything tied\nto a specific resource&#39;s live status — no extra round-trip needed for that.</p>\n<p><code>can()</code> is deny-by-default: loading, failed, or an unrecognized capability all\nresolve to <code>false</code>. This store never derives a capability from a role — it only\nmirrors what the server already resolved.</p>\n",
             "rawdescription": "\n\nThe current principal's capabilities (PRD-0002 §6) — one root singleton, like\n`SessionStore`/`BigProfileStore`. Global capabilities load once from `GET /me`;\na screen's own decision DTO (e.g. `BriefViewDto.decisions`) covers anything tied\nto a specific resource's live status — no extra round-trip needed for that.\n\n`can()` is deny-by-default: loading, failed, or an unrecognized capability all\nresolve to `false`. This store never derives a capability from a role — it only\nmirrors what the server already resolved.\n",
-            "sourceCode": "import { Injectable, computed, inject } from '@angular/core';\nimport { RemoteData, fromResource } from '@shared/application/remote-data';\nimport { Capability } from '@shared/domain/capability';\nimport { MeAdapter, parseMe } from '@shared/infrastructure/me.adapter';\n\ntype Err = Error | undefined;\n\n/**\n * The current principal's capabilities (PRD-0002 §6) — one root singleton, like\n * `SessionStore`/`BigProfileStore`. Global capabilities load once from `GET /me`;\n * a screen's own decision DTO (e.g. `BriefViewDto.decisions`) covers anything tied\n * to a specific resource's live status — no extra round-trip needed for that.\n *\n * `can()` is deny-by-default: loading, failed, or an unrecognized capability all\n * resolve to `false`. This store never derives a capability from a role — it only\n * mirrors what the server already resolved.\n */\n@Injectable({ providedIn: 'root' })\nexport class AccessStore {\n  private adapter = inject(MeAdapter);\n  private meRes = this.adapter.meResource();\n\n  private capabilities = computed<RemoteData<Err, Capability[]>>(() => {\n    const rd = fromResource(this.meRes);\n    if (rd.tag !== 'Success') return rd;\n    const parsed = parseMe(rd.value);\n    return parsed.ok\n      ? { tag: 'Success', value: parsed.value }\n      : { tag: 'Failure', error: new Error(parsed.error) };\n  });\n\n  can(capability: Capability): boolean {\n    const rd = this.capabilities();\n    return rd.tag === 'Success' && rd.value.includes(capability);\n  }\n}\n",
+            "sourceCode": "import { Injectable, computed, inject } from '@angular/core';\nimport { RemoteData, fromResource } from '@shared/application/remote-data';\nimport { Capability } from '@shared/domain/capability';\nimport { MeAdapter, parseMe } from '@shared/infrastructure/me.adapter';\n\ntype Err = Error | undefined;\n\n/**\n * The current principal's capabilities (PRD-0002 §6) — one root singleton, like\n * `SessionStore`/`BigProfileStore`. Global capabilities load once from `GET /me`;\n * a screen's own decision DTO (e.g. `BriefViewDto.decisions`) covers anything tied\n * to a specific resource's live status — no extra round-trip needed for that.\n *\n * `can()` is deny-by-default: loading, failed, or an unrecognized capability all\n * resolve to `false`. This store never derives a capability from a role — it only\n * mirrors what the server already resolved.\n */\n@Injectable({ providedIn: 'root' })\nexport class AccessStore {\n  private adapter = inject(MeAdapter);\n  private meRes = this.adapter.meResource();\n\n  private capabilities = computed<RemoteData<Err, Capability[]>>(() => {\n    const rd = fromResource(this.meRes);\n    if (rd.tag !== 'Success') return rd;\n    const parsed = parseMe(rd.value);\n    return parsed.ok\n      ? { tag: 'Success', value: parsed.value }\n      : { tag: 'Failure', error: new Error(parsed.error) };\n  });\n\n  can(capability: Capability): boolean {\n    const rd = this.capabilities();\n    return rd.tag === 'Success' && rd.value.includes(capability);\n  }\n\n  /** True once `/me` has resolved (success or failure) — lets a page-level gate tell\n      \"still loading\" apart from \"denied\", so an admin doesn't flash the denial alert. */\n  readonly ready = computed(() => {\n    const tag = this.capabilities().tag;\n    return tag === 'Success' || tag === 'Failure';\n  });\n}\n",
             "extends": [],
             "type": "injectable"
         },
@@ -7483,7 +7723,7 @@
         },
         {
             "name": "BriefStore",
-            "id": "injectable-BriefStore-4a968ac20e44b5138e882f8a2dc24bc1976b8efbb1a6d3c9be6105e9c622a6e85976c83019c5cbd9d7d33266fa8bce3b36b543e265130a797b3c28ad9f904006",
+            "id": "injectable-BriefStore-39dc0e0815fe27cc4fdb62f4faa58c812f11bbc970c690517fc4d52f0b4b14951b3c32881a5b4e913331f8532959c14593ae00544cace970bf215e0a8e19233c",
             "file": "src/app/brief/application/brief.store.ts",
             "properties": [
                 {
@@ -7495,7 +7735,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 42,
+                    "line": 45,
                     "modifierKind": [
                         123
                     ]
@@ -7509,7 +7749,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 37,
+                    "line": 39,
                     "modifierKind": [
                         123
                     ]
@@ -7523,7 +7763,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 146
+                    "line": 155
                 },
                 {
                     "name": "brief",
@@ -7534,7 +7774,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 72,
+                    "line": 81,
                     "modifierKind": [
                         123
                     ]
@@ -7548,7 +7788,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 43,
+                    "line": 46,
                     "modifierKind": [
                         148
                     ]
@@ -7562,7 +7802,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 78,
+                    "line": 87,
                     "modifierKind": [
                         148
                     ]
@@ -7576,7 +7816,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 77,
+                    "line": 86,
                     "modifierKind": [
                         148
                     ]
@@ -7590,7 +7830,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 79,
+                    "line": 88,
                     "modifierKind": [
                         148
                     ]
@@ -7604,7 +7844,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 80,
+                    "line": 89,
                     "modifierKind": [
                         148
                     ]
@@ -7618,7 +7858,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Submit is allowed only when required sections are filled AND no blocking errors.</p>\n",
-                    "line": 89,
+                    "line": 98,
                     "rawdescription": "\nSubmit is allowed only when required sections are filled AND no blocking errors.",
                     "modifierKind": [
                         148
@@ -7633,7 +7873,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 82,
+                    "line": 91,
                     "modifierKind": [
                         123
                     ]
@@ -7647,7 +7887,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 86,
+                    "line": 95,
                     "modifierKind": [
                         148
                     ]
@@ -7661,7 +7901,22 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 44,
+                    "line": 47,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "logoUrl",
+                    "defaultValue": "computed<string | null>(() => {\n    const id = this.orgTemplate()?.logoDocumentId;\n    return id ? uploadContentUrl(id) : null;\n  })",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "<p>The org logo&#39;s content URL for the letterhead, or null when the template has none.</p>\n",
+                    "line": 61,
+                    "rawdescription": "\nThe org logo's content URL for the letterhead, or null when the template has none.",
                     "modifierKind": [
                         148
                     ]
@@ -7675,7 +7930,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 40,
+                    "line": 43,
                     "modifierKind": [
                         148
                     ]
@@ -7689,12 +7944,26 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>The org template the letter renders with (WP-24). Server-owned appearance data,\nnot letter state — held beside the machine, never inside it (<code>brief.machine.ts</code>\nstays untouched by design). Set from every server view that carries it.</p>\n",
-                    "line": 55,
+                    "line": 58,
                     "rawdescription": "\nThe org template the letter renders with (WP-24). Server-owned appearance data,\nnot letter state — held beside the machine, never inside it (`brief.machine.ts`\nstays untouched by design). Set from every server view that carries it.",
                     "modifierKind": [
                         148
                     ]
                 },
+                {
+                    "name": "previewAdapter",
+                    "defaultValue": "inject(LetterPreviewAdapter)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 40,
+                    "modifierKind": [
+                        123
+                    ]
+                },
                 {
                     "name": "reject",
                     "defaultValue": "() => {...}",
@@ -7704,7 +7973,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 147
+                    "line": 156
                 },
                 {
                     "name": "remoteData",
@@ -7715,7 +7984,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>The load lifecycle as <code>RemoteData</code>, for <code>&lt;app-async&gt;</code> — the machine keeps\nowning the letter&#39;s own domain lifecycle (draft/submitted/approved/…); this is\npurely a projection of its loading/failed tags onto the shared async seam.</p>\n",
-                    "line": 60,
+                    "line": 69,
                     "rawdescription": "\nThe load lifecycle as `RemoteData`, for `<app-async>` — the machine keeps\nowning the letter's own domain lifecycle (draft/submitted/approved/…); this is\npurely a projection of its loading/failed tags onto the shared async seam.",
                     "modifierKind": [
                         148
@@ -7730,7 +7999,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Surfaced autosave state for the indicator + aria-live region.</p>\n",
-                    "line": 50,
+                    "line": 53,
                     "rawdescription": "\nSurfaced autosave state for the indicator + aria-live region.",
                     "modifierKind": [
                         148
@@ -7744,7 +8013,7 @@
                     "indexKey": "",
                     "optional": true,
                     "description": "",
-                    "line": 110,
+                    "line": 119,
                     "modifierKind": [
                         123
                     ]
@@ -7758,7 +8027,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 148
+                    "line": 157
                 },
                 {
                     "name": "store",
@@ -7769,7 +8038,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 38,
+                    "line": 41,
                     "modifierKind": [
                         123
                     ]
@@ -7783,7 +8052,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 145
+                    "line": 154
                 },
                 {
                     "name": "unresolved",
@@ -7794,7 +8063,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 87,
+                    "line": 96,
                     "modifierKind": [
                         148
                     ]
@@ -7816,7 +8085,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 165,
+                    "line": 188,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -7851,7 +8120,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 105,
+                    "line": 114,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\nAn edit: apply it optimistically in the pure reducer, then debounce-save.",
@@ -7876,7 +8145,7 @@
                     "optional": false,
                     "returnType": "any",
                     "typeParameters": [],
-                    "line": 117,
+                    "line": 126,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -7890,20 +8159,35 @@
                     "optional": false,
                     "returnType": "any",
                     "typeParameters": [],
-                    "line": 94,
+                    "line": 103,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
                         134
                     ]
                 },
+                {
+                    "name": "previewLetter",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "any",
+                    "typeParameters": [],
+                    "line": 162,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\nExplicit action, never a live re-render (PRD §8): opens the server-composed\nletter in a new tab. ponytail: the blob URL is never revoked — it's cheap and\nthe tab outlives this call; not worth a teardown hook for a POC.",
+                    "description": "<p>Explicit action, never a live re-render (PRD §8): opens the server-composed\nletter in a new tab. ponytail: the blob URL is never revoked — it&#39;s cheap and\nthe tab outlives this call; not worth a teardown hook for a POC.</p>\n",
+                    "modifierKind": [
+                        134
+                    ]
+                },
                 {
                     "name": "resetDemo",
                     "args": [],
                     "optional": false,
                     "returnType": "any",
                     "typeParameters": [],
-                    "line": 131,
+                    "line": 140,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\nDemo \"start over\": recreate the brief server-side and load the fresh view.",
@@ -7918,7 +8202,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 111,
+                    "line": 120,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -7941,7 +8225,7 @@
                     "optional": false,
                     "returnType": "any",
                     "typeParameters": [],
-                    "line": 152,
+                    "line": 175,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -7968,7 +8252,7 @@
             "deprecationMessage": "",
             "description": "<p>Root singleton for the letter: the Elm store (Model + dispatch), the derived\nread-model, and the commands (effects) that call the adapter and dispatch the\noutcome. Mirrors <code>BigProfileStore</code>. All of <code>canEdit</code>/<code>canApprove</code>/<code>canReject</code>/\n<code>canSend</code>, <code>diagnostics</code>, <code>unresolved</code>, <code>canSubmit</code> are DERIVED here — never\nstored. The permission flags come from the server&#39;s decision DTO (PRD-0002 phase\nP1) via <code>BriefState.loaded.decisions</code> — this store never computes them itself.</p>\n",
             "rawdescription": "\n\nRoot singleton for the letter: the Elm store (Model + dispatch), the derived\nread-model, and the commands (effects) that call the adapter and dispatch the\noutcome. Mirrors `BigProfileStore`. All of `canEdit`/`canApprove`/`canReject`/\n`canSend`, `diagnostics`, `unresolved`, `canSubmit` are DERIVED here — never\nstored. The permission flags come from the server's decision DTO (PRD-0002 phase\nP1) via `BriefState.loaded.decisions` — this store never computes them itself.\n",
-            "sourceCode": "import { Injectable, computed, inject, signal } from '@angular/core';\nimport { Result } from '@shared/kernel/fp';\nimport { RemoteData } from '@shared/application/remote-data';\nimport { createStore } from '@shared/application/store';\nimport {\n  Brief,\n  allDiagnostics,\n  canSubmit,\n  hasBlockingErrors,\n  unresolvedPlaceholders,\n} from '@brief/domain/brief';\nimport { BriefMsg, BriefState, initial, reduce } from '@brief/domain/brief.machine';\nimport { OrgTemplate } from '@brief/domain/org-template';\nimport { BriefAdapter, BriefView } from '@brief/infrastructure/brief.adapter';\n\n/** Transient action state (submit/approve/reject/send/resetDemo) — one tagged union\n    instead of a busy boolean + a nullable error sitting side by side. */\ntype ActionState = { tag: 'Idle' } | { tag: 'Busy' } | { tag: 'Failed'; error: string };\n\n/** Debounced-autosave indicator, shown in a small status line near the toolbar —\n    a separate concern from ActionState (a stale autosave error doesn't block\n    submit/approve/reject), but tag-aligned with it for one consistent idiom. */\ntype SaveState = { tag: 'Idle' } | { tag: 'Saving' } | { tag: 'Saved' } | { tag: 'Error' };\n\ntype LoadedBriefState = Extract<BriefState, { tag: 'loaded' }>;\n\n/**\n * Root singleton for the letter: the Elm store (Model + dispatch), the derived\n * read-model, and the commands (effects) that call the adapter and dispatch the\n * outcome. Mirrors `BigProfileStore`. All of `canEdit`/`canApprove`/`canReject`/\n * `canSend`, `diagnostics`, `unresolved`, `canSubmit` are DERIVED here — never\n * stored. The permission flags come from the server's decision DTO (PRD-0002 phase\n * P1) via `BriefState.loaded.decisions` — this store never computes them itself.\n */\n@Injectable({ providedIn: 'root' })\nexport class BriefStore {\n  private adapter = inject(BriefAdapter);\n  private store = createStore<BriefState, BriefMsg>(initial, reduce);\n\n  readonly model = this.store.model;\n\n  private actionState = signal<ActionState>({ tag: 'Idle' });\n  readonly busy = computed(() => this.actionState().tag === 'Busy');\n  readonly lastError = computed(() => {\n    const s = this.actionState();\n    return s.tag === 'Failed' ? s.error : null;\n  });\n\n  /** Surfaced autosave state for the indicator + aria-live region. */\n  readonly saveState = signal<SaveState>({ tag: 'Idle' });\n\n  /** The org template the letter renders with (WP-24). Server-owned appearance data,\n      not letter state — held beside the machine, never inside it (`brief.machine.ts`\n      stays untouched by design). Set from every server view that carries it. */\n  readonly orgTemplate = signal<OrgTemplate | null>(null);\n\n  /** The load lifecycle as `RemoteData`, for `<app-async>` — the machine keeps\n      owning the letter's own domain lifecycle (draft/submitted/approved/…); this is\n      purely a projection of its loading/failed tags onto the shared async seam. */\n  readonly remoteData = computed<RemoteData<Error | undefined, LoadedBriefState>>(() => {\n    const s = this.model();\n    switch (s.tag) {\n      case 'loading':\n        return { tag: 'Loading' };\n      case 'failed':\n        return { tag: 'Failure', error: new Error(s.reason) };\n      case 'loaded':\n        return { tag: 'Success', value: s };\n    }\n  });\n\n  private brief = computed<Brief | null>(() => {\n    const s = this.model();\n    return s.tag === 'loaded' ? s.brief : null;\n  });\n\n  readonly canEdit = computed(() => this.decisions()?.canEdit ?? false);\n  readonly canApprove = computed(() => this.decisions()?.canApprove ?? false);\n  readonly canReject = computed(() => this.decisions()?.canReject ?? false);\n  readonly canSend = computed(() => this.decisions()?.canSend ?? false);\n\n  private decisions = computed(() => {\n    const s = this.model();\n    return s.tag === 'loaded' ? s.decisions : null;\n  });\n  readonly diagnostics = computed(() => (this.brief() ? allDiagnostics(this.brief()!) : []));\n  readonly unresolved = computed(() => (this.brief() ? unresolvedPlaceholders(this.brief()!) : []));\n  /** Submit is allowed only when required sections are filled AND no blocking errors. */\n  readonly canSubmit = computed(() => {\n    const b = this.brief();\n    return !!b && canSubmit(b) && !hasBlockingErrors(this.diagnostics());\n  });\n\n  async load() {\n    const r = await this.adapter.load();\n    if (r.ok) {\n      this.orgTemplate.set(r.value.orgTemplate);\n      this.store.dispatch({ tag: 'BriefLoaded', ...r.value });\n    } else {\n      this.store.dispatch({ tag: 'BriefLoadFailed', reason: r.error });\n    }\n  }\n\n  /** An edit: apply it optimistically in the pure reducer, then debounce-save. */\n  edit(msg: BriefMsg) {\n    this.store.dispatch(msg);\n    this.scheduleSave();\n  }\n\n  private saveTimer?: ReturnType<typeof setTimeout>;\n  private scheduleSave() {\n    if (!this.canEdit()) return;\n    clearTimeout(this.saveTimer);\n    // ponytail: 600ms debounce like the wizard draft-sync; the server is the store of record.\n    this.saveTimer = setTimeout(() => void this.flushSave(), 600);\n  }\n  private async flushSave() {\n    const b = this.brief();\n    if (!b) return;\n    this.saveState.set({ tag: 'Saving' });\n    const r = await this.adapter.save(b.sections);\n    if (r.ok) {\n      this.saveState.set({ tag: 'Saved' });\n    } else {\n      this.actionState.set({ tag: 'Failed', error: r.error });\n      this.saveState.set({ tag: 'Error' });\n    }\n  }\n\n  /** Demo \"start over\": recreate the brief server-side and load the fresh view. */\n  async resetDemo() {\n    this.actionState.set({ tag: 'Busy' });\n    clearTimeout(this.saveTimer);\n    const r = await this.adapter.reset();\n    this.saveState.set({ tag: 'Idle' });\n    if (r.ok) {\n      this.actionState.set({ tag: 'Idle' });\n      this.orgTemplate.set(r.value.orgTemplate);\n      this.store.dispatch({ tag: 'BriefLoaded', ...r.value });\n    } else {\n      this.actionState.set({ tag: 'Failed', error: r.error });\n    }\n  }\n\n  submit = () => this.transition(() => this.adapter.submit());\n  approve = () => this.transition(() => this.adapter.approve());\n  reject = (comments: string) => this.transition(() => this.adapter.reject(comments));\n  send = () => this.transition(() => this.adapter.send());\n\n  // A transition: flush any pending save, call the server (authoritative), then mirror\n  // the returned status through the pure reducer's guarded transition.\n  private async transition(action: () => Promise<Result<string, BriefView>>) {\n    this.actionState.set({ tag: 'Busy' });\n    clearTimeout(this.saveTimer);\n    await this.flushSave();\n    const r = await action();\n    if (!r.ok) {\n      this.actionState.set({ tag: 'Failed', error: r.error });\n      return;\n    }\n    this.actionState.set({ tag: 'Idle' });\n    this.applyServerStatus(r.value);\n  }\n\n  private applyServerStatus(view: BriefView) {\n    // `send` pins the org-template version server-side — mirror whatever came back.\n    this.orgTemplate.set(view.orgTemplate);\n    const { brief, decisions } = view;\n    const s = brief.status;\n    switch (s.tag) {\n      case 'submitted':\n        this.store.dispatch({ tag: 'Submitted', by: s.submittedBy, at: s.submittedAt, decisions });\n        break;\n      case 'approved':\n        this.store.dispatch({ tag: 'Approved', by: s.approvedBy, at: s.approvedAt, decisions });\n        break;\n      case 'rejected':\n        this.store.dispatch({\n          tag: 'Rejected',\n          by: s.rejectedBy,\n          at: s.rejectedAt,\n          comments: s.comments,\n          decisions,\n        });\n        break;\n      case 'sent':\n        this.store.dispatch({ tag: 'Sent', at: s.sentAt, decisions });\n        break;\n      case 'draft':\n        // reopened by a save on a rejected letter — reducer already handled it locally.\n        break;\n    }\n  }\n}\n",
+            "sourceCode": "import { Injectable, computed, inject, signal } from '@angular/core';\nimport { Result } from '@shared/kernel/fp';\nimport { RemoteData } from '@shared/application/remote-data';\nimport { createStore } from '@shared/application/store';\nimport {\n  Brief,\n  allDiagnostics,\n  canSubmit,\n  hasBlockingErrors,\n  unresolvedPlaceholders,\n} from '@brief/domain/brief';\nimport { BriefMsg, BriefState, initial, reduce } from '@brief/domain/brief.machine';\nimport { OrgTemplate } from '@brief/domain/org-template';\nimport { BriefAdapter, BriefView } from '@brief/infrastructure/brief.adapter';\nimport { LetterPreviewAdapter } from '@brief/infrastructure/letter-preview.adapter';\nimport { uploadContentUrl } from '@shared/upload/upload.adapter';\n\n/** Transient action state (submit/approve/reject/send/resetDemo) — one tagged union\n    instead of a busy boolean + a nullable error sitting side by side. */\ntype ActionState = { tag: 'Idle' } | { tag: 'Busy' } | { tag: 'Failed'; error: string };\n\n/** Debounced-autosave indicator, shown in a small status line near the toolbar —\n    a separate concern from ActionState (a stale autosave error doesn't block\n    submit/approve/reject), but tag-aligned with it for one consistent idiom. */\ntype SaveState = { tag: 'Idle' } | { tag: 'Saving' } | { tag: 'Saved' } | { tag: 'Error' };\n\ntype LoadedBriefState = Extract<BriefState, { tag: 'loaded' }>;\n\n/**\n * Root singleton for the letter: the Elm store (Model + dispatch), the derived\n * read-model, and the commands (effects) that call the adapter and dispatch the\n * outcome. Mirrors `BigProfileStore`. All of `canEdit`/`canApprove`/`canReject`/\n * `canSend`, `diagnostics`, `unresolved`, `canSubmit` are DERIVED here — never\n * stored. The permission flags come from the server's decision DTO (PRD-0002 phase\n * P1) via `BriefState.loaded.decisions` — this store never computes them itself.\n */\n@Injectable({ providedIn: 'root' })\nexport class BriefStore {\n  private adapter = inject(BriefAdapter);\n  private previewAdapter = inject(LetterPreviewAdapter);\n  private store = createStore<BriefState, BriefMsg>(initial, reduce);\n\n  readonly model = this.store.model;\n\n  private actionState = signal<ActionState>({ tag: 'Idle' });\n  readonly busy = computed(() => this.actionState().tag === 'Busy');\n  readonly lastError = computed(() => {\n    const s = this.actionState();\n    return s.tag === 'Failed' ? s.error : null;\n  });\n\n  /** Surfaced autosave state for the indicator + aria-live region. */\n  readonly saveState = signal<SaveState>({ tag: 'Idle' });\n\n  /** The org template the letter renders with (WP-24). Server-owned appearance data,\n      not letter state — held beside the machine, never inside it (`brief.machine.ts`\n      stays untouched by design). Set from every server view that carries it. */\n  readonly orgTemplate = signal<OrgTemplate | null>(null);\n\n  /** The org logo's content URL for the letterhead, or null when the template has none. */\n  readonly logoUrl = computed<string | null>(() => {\n    const id = this.orgTemplate()?.logoDocumentId;\n    return id ? uploadContentUrl(id) : null;\n  });\n\n  /** The load lifecycle as `RemoteData`, for `<app-async>` — the machine keeps\n      owning the letter's own domain lifecycle (draft/submitted/approved/…); this is\n      purely a projection of its loading/failed tags onto the shared async seam. */\n  readonly remoteData = computed<RemoteData<Error | undefined, LoadedBriefState>>(() => {\n    const s = this.model();\n    switch (s.tag) {\n      case 'loading':\n        return { tag: 'Loading' };\n      case 'failed':\n        return { tag: 'Failure', error: new Error(s.reason) };\n      case 'loaded':\n        return { tag: 'Success', value: s };\n    }\n  });\n\n  private brief = computed<Brief | null>(() => {\n    const s = this.model();\n    return s.tag === 'loaded' ? s.brief : null;\n  });\n\n  readonly canEdit = computed(() => this.decisions()?.canEdit ?? false);\n  readonly canApprove = computed(() => this.decisions()?.canApprove ?? false);\n  readonly canReject = computed(() => this.decisions()?.canReject ?? false);\n  readonly canSend = computed(() => this.decisions()?.canSend ?? false);\n\n  private decisions = computed(() => {\n    const s = this.model();\n    return s.tag === 'loaded' ? s.decisions : null;\n  });\n  readonly diagnostics = computed(() => (this.brief() ? allDiagnostics(this.brief()!) : []));\n  readonly unresolved = computed(() => (this.brief() ? unresolvedPlaceholders(this.brief()!) : []));\n  /** Submit is allowed only when required sections are filled AND no blocking errors. */\n  readonly canSubmit = computed(() => {\n    const b = this.brief();\n    return !!b && canSubmit(b) && !hasBlockingErrors(this.diagnostics());\n  });\n\n  async load() {\n    const r = await this.adapter.load();\n    if (r.ok) {\n      this.orgTemplate.set(r.value.orgTemplate);\n      this.store.dispatch({ tag: 'BriefLoaded', ...r.value });\n    } else {\n      this.store.dispatch({ tag: 'BriefLoadFailed', reason: r.error });\n    }\n  }\n\n  /** An edit: apply it optimistically in the pure reducer, then debounce-save. */\n  edit(msg: BriefMsg) {\n    this.store.dispatch(msg);\n    this.scheduleSave();\n  }\n\n  private saveTimer?: ReturnType<typeof setTimeout>;\n  private scheduleSave() {\n    if (!this.canEdit()) return;\n    clearTimeout(this.saveTimer);\n    // ponytail: 600ms debounce like the wizard draft-sync; the server is the store of record.\n    this.saveTimer = setTimeout(() => void this.flushSave(), 600);\n  }\n  private async flushSave() {\n    const b = this.brief();\n    if (!b) return;\n    this.saveState.set({ tag: 'Saving' });\n    const r = await this.adapter.save(b.sections);\n    if (r.ok) {\n      this.saveState.set({ tag: 'Saved' });\n    } else {\n      this.actionState.set({ tag: 'Failed', error: r.error });\n      this.saveState.set({ tag: 'Error' });\n    }\n  }\n\n  /** Demo \"start over\": recreate the brief server-side and load the fresh view. */\n  async resetDemo() {\n    this.actionState.set({ tag: 'Busy' });\n    clearTimeout(this.saveTimer);\n    const r = await this.adapter.reset();\n    this.saveState.set({ tag: 'Idle' });\n    if (r.ok) {\n      this.actionState.set({ tag: 'Idle' });\n      this.orgTemplate.set(r.value.orgTemplate);\n      this.store.dispatch({ tag: 'BriefLoaded', ...r.value });\n    } else {\n      this.actionState.set({ tag: 'Failed', error: r.error });\n    }\n  }\n\n  submit = () => this.transition(() => this.adapter.submit());\n  approve = () => this.transition(() => this.adapter.approve());\n  reject = (comments: string) => this.transition(() => this.adapter.reject(comments));\n  send = () => this.transition(() => this.adapter.send());\n\n  /** Explicit action, never a live re-render (PRD §8): opens the server-composed\n      letter in a new tab. ponytail: the blob URL is never revoked — it's cheap and\n      the tab outlives this call; not worth a teardown hook for a POC. */\n  async previewLetter() {\n    this.actionState.set({ tag: 'Busy' });\n    const r = await this.previewAdapter.preview();\n    if (!r.ok) {\n      this.actionState.set({ tag: 'Failed', error: r.error });\n      return;\n    }\n    this.actionState.set({ tag: 'Idle' });\n    window.open(URL.createObjectURL(r.value), '_blank');\n  }\n\n  // A transition: flush any pending save, call the server (authoritative), then mirror\n  // the returned status through the pure reducer's guarded transition.\n  private async transition(action: () => Promise<Result<string, BriefView>>) {\n    this.actionState.set({ tag: 'Busy' });\n    clearTimeout(this.saveTimer);\n    await this.flushSave();\n    const r = await action();\n    if (!r.ok) {\n      this.actionState.set({ tag: 'Failed', error: r.error });\n      return;\n    }\n    this.actionState.set({ tag: 'Idle' });\n    this.applyServerStatus(r.value);\n  }\n\n  private applyServerStatus(view: BriefView) {\n    // `send` pins the org-template version server-side — mirror whatever came back.\n    this.orgTemplate.set(view.orgTemplate);\n    const { brief, decisions } = view;\n    const s = brief.status;\n    switch (s.tag) {\n      case 'submitted':\n        this.store.dispatch({ tag: 'Submitted', by: s.submittedBy, at: s.submittedAt, decisions });\n        break;\n      case 'approved':\n        this.store.dispatch({ tag: 'Approved', by: s.approvedBy, at: s.approvedAt, decisions });\n        break;\n      case 'rejected':\n        this.store.dispatch({\n          tag: 'Rejected',\n          by: s.rejectedBy,\n          at: s.rejectedAt,\n          comments: s.comments,\n          decisions,\n        });\n        break;\n      case 'sent':\n        this.store.dispatch({ tag: 'Sent', at: s.sentAt, decisions });\n        break;\n      case 'draft':\n        // reopened by a save on a rejected letter — reducer already handled it locally.\n        break;\n    }\n  }\n}\n",
             "extends": [],
             "type": "injectable"
         },
@@ -8419,6 +8703,34 @@
             "extends": [],
             "type": "injectable"
         },
+        {
+            "name": "LetterPreviewAdapter",
+            "id": "injectable-LetterPreviewAdapter-0503ec9dcf8f72ad1dc928f6f4013212d12774b6b8b9d2aa9bab00b2d243f10e3f828cda53b179794828e7c15959147f44f36bedaf54a582c170791b755f9bdf",
+            "file": "src/app/brief/infrastructure/letter-preview.adapter.ts",
+            "properties": [],
+            "methods": [
+                {
+                    "name": "preview",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "Promise<Result<string, Blob>>",
+                    "typeParameters": [],
+                    "line": 17,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ]
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "description": "<p><code>/brief/preview</code> returns <code>text/html</code>, not JSON, and is <code>.ExcludeFromDescription()</code>&#39;d\nto keep the NSwag-generated client JSON-only (same seam as uploads) — so this is a\nhand-written fetch, not the <code>ApiClient</code>. That also means it bypasses <code>HttpClient</code>&#39;s\n<code>roleInterceptor</code>, so <code>X-Role</code> is set here explicitly.</p>\n",
+            "rawdescription": "\n\n`/brief/preview` returns `text/html`, not JSON, and is `.ExcludeFromDescription()`'d\nto keep the NSwag-generated client JSON-only (same seam as uploads) — so this is a\nhand-written fetch, not the `ApiClient`. That also means it bypasses `HttpClient`'s\n`roleInterceptor`, so `X-Role` is set here explicitly.\n",
+            "sourceCode": "import { Injectable } from '@angular/core';\nimport { Result, ok, err } from '@shared/kernel/fp';\nimport { currentRole } from '@shared/infrastructure/role';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { environment } from '../../../environments/environment';\n\nconst PREVIEW_FAILED = $localize`:@@brief.preview.failed:De voorvertoning kon niet worden geopend.`;\n\n/**\n * `/brief/preview` returns `text/html`, not JSON, and is `.ExcludeFromDescription()`'d\n * to keep the NSwag-generated client JSON-only (same seam as uploads) — so this is a\n * hand-written fetch, not the `ApiClient`. That also means it bypasses `HttpClient`'s\n * `roleInterceptor`, so `X-Role` is set here explicitly.\n */\n@Injectable({ providedIn: 'root' })\nexport class LetterPreviewAdapter {\n  async preview(): Promise<Result<string, Blob>> {\n    let res: Response;\n    try {\n      res = await fetch(`${environment.apiBaseUrl}/api/v1/brief/preview`, {\n        headers: { 'X-Role': currentRole() },\n      });\n    } catch {\n      return err(PREVIEW_FAILED);\n    }\n    if (!res.ok) return err(await errorMessage(res));\n    return ok(await res.blob());\n  }\n}\n\nasync function errorMessage(res: Response): Promise<string> {\n  try {\n    return problemDetail(await res.json(), PREVIEW_FAILED);\n  } catch {\n    return PREVIEW_FAILED;\n  }\n}\n",
+            "extends": [],
+            "type": "injectable"
+        },
         {
             "name": "MeAdapter",
             "id": "injectable-MeAdapter-99dfb77703df3b55f498c787b5ee47ded283ccdf6a5e949b3e0b0a3e05fc0cc1be192b7f5d0e217740eb27c941400e9b024956dae43378a1eb47d28a8a1a3b03",
@@ -8459,6 +8771,983 @@
             "extends": [],
             "type": "injectable"
         },
+        {
+            "name": "OrgTemplateAdapter",
+            "id": "injectable-OrgTemplateAdapter-9fde78e9a74485a20d4386c3e131e81cf8906dfc64348cb6e67a2893c5a506cda17cfa506791fb85d6fb95442bf94802bc27279c9f6571f3a71bcb7f452a80c3",
+            "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+            "properties": [
+                {
+                    "name": "client",
+                    "defaultValue": "inject(ApiClient)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 36,
+                    "modifierKind": [
+                        123
+                    ]
+                }
+            ],
+            "methods": [
+                {
+                    "name": "list",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "Promise<Result<string, SubOrgSummary[]>>",
+                    "typeParameters": [],
+                    "line": 38,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ]
+                },
+                {
+                    "name": "load",
+                    "args": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "Promise<Result<string, OrgTemplateAdminView>>",
+                    "typeParameters": [],
+                    "line": 50,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "proefbrief",
+                    "args": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "Promise<Result<string, Blob>>",
+                    "typeParameters": [],
+                    "line": 77,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\nProefbrief: the unpublished draft rendered over a fixture letter, opened as a Blob.",
+                    "description": "<p>Proefbrief: the unpublished draft rendered over a fixture letter, opened as a Blob.</p>\n",
+                    "modifierKind": [
+                        134
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "publish",
+                    "args": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "Promise<Result<string, PublishResult>>",
+                    "typeParameters": [],
+                    "line": 63,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "rollback",
+                    "args": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        },
+                        {
+                            "name": "version",
+                            "type": "number",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "Promise<Result<string, OrgTemplateAdminView>>",
+                    "typeParameters": [],
+                    "line": 68,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        },
+                        {
+                            "name": "version",
+                            "type": "number",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "save",
+                    "args": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        },
+                        {
+                            "name": "draft",
+                            "type": "OrgTemplate",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "Promise<Result<string, OrgTemplateAdminView>>",
+                    "typeParameters": [],
+                    "line": 55,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        },
+                        {
+                            "name": "draft",
+                            "type": "OrgTemplate",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "description": "",
+            "rawdescription": "\n",
+            "sourceCode": "import { Injectable, inject } from '@angular/core';\nimport { Result, ok, err } from '@shared/kernel/fp';\nimport { runSubmit } from '@shared/application/submit';\nimport { currentRole } from '@shared/infrastructure/role';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { environment } from '../../../environments/environment';\nimport {\n  ApiClient,\n  OrgTemplateAdminViewDto,\n  OrgTemplateDto,\n  OrgTemplateVersionDto,\n  PublishOrgTemplateResponse,\n  SubOrgSummaryDto,\n} from '@shared/infrastructure/api-client';\nimport {\n  OrgTemplate,\n  OrgTemplateAdminView,\n  OrgTemplateVersion,\n  PublishResult,\n  SubOrgSummary,\n} from '@brief/domain/org-template';\nimport { parseOrgTemplate } from '@brief/infrastructure/brief.adapter';\n\n/**\n * The only place admin org-template HTTP lives (ADR-0001 boundary). CRUD/publish/\n * rollback go through the generated client (X-Role added by `roleInterceptor`);\n * `parse*` narrows the untrusted wire shape. The proefbrief is `text/html` and\n * `ExcludeFromDescription`'d — a hand-written fetch, same seam as `letter-preview.adapter`.\n */\n\nconst FAILED = $localize`:@@orgTemplate.action.failed:De actie is niet gelukt. Probeer het later opnieuw.`;\nconst PROEFBRIEF_FAILED = $localize`:@@orgTemplate.proefbrief.failed:De proefbrief kon niet worden geopend.`;\n\n@Injectable({ providedIn: 'root' })\nexport class OrgTemplateAdapter {\n  private client = inject(ApiClient);\n\n  async list(): Promise<Result<string, SubOrgSummary[]>> {\n    const r = await runSubmit(() => this.client.orgTemplates(), FAILED);\n    if (!r.ok) return r;\n    const out: SubOrgSummary[] = [];\n    for (const s of r.value ?? []) {\n      const parsed = parseSubOrg(s);\n      if (!parsed.ok) return parsed;\n      out.push(parsed.value);\n    }\n    return ok(out);\n  }\n\n  async load(subOrgId: string): Promise<Result<string, OrgTemplateAdminView>> {\n    const r = await runSubmit(() => this.client.orgTemplateGET(subOrgId), FAILED);\n    return r.ok ? parseAdminView(r.value) : r;\n  }\n\n  async save(subOrgId: string, draft: OrgTemplate): Promise<Result<string, OrgTemplateAdminView>> {\n    const r = await runSubmit(\n      () => this.client.orgTemplatePUT(subOrgId, { draft: toDto(draft) }),\n      FAILED,\n    );\n    return r.ok ? parseAdminView(r.value) : r;\n  }\n\n  async publish(subOrgId: string): Promise<Result<string, PublishResult>> {\n    const r = await runSubmit(() => this.client.orgTemplatePublish(subOrgId), FAILED);\n    return r.ok ? parsePublish(r.value) : r;\n  }\n\n  async rollback(\n    subOrgId: string,\n    version: number,\n  ): Promise<Result<string, OrgTemplateAdminView>> {\n    const r = await runSubmit(() => this.client.orgTemplateRollback(subOrgId, version), FAILED);\n    return r.ok ? parseAdminView(r.value) : r;\n  }\n\n  /** Proefbrief: the unpublished draft rendered over a fixture letter, opened as a Blob. */\n  async proefbrief(subOrgId: string): Promise<Result<string, Blob>> {\n    let res: Response;\n    try {\n      res = await fetch(\n        `${environment.apiBaseUrl}/api/v1/admin/org-template/${encodeURIComponent(subOrgId)}/preview`,\n        { headers: { 'X-Role': currentRole() } },\n      );\n    } catch {\n      return err(PROEFBRIEF_FAILED);\n    }\n    if (!res.ok) {\n      try {\n        return err(problemDetail(await res.json(), PROEFBRIEF_FAILED));\n      } catch {\n        return err(PROEFBRIEF_FAILED);\n      }\n    }\n    return ok(await res.blob());\n  }\n}\n\n// --- parse: wire → domain, validating at the boundary ---\n\nfunction parseSubOrg(dto: SubOrgSummaryDto): Result<string, SubOrgSummary> {\n  if (typeof dto.subOrgId !== 'string' || typeof dto.orgName !== 'string')\n    return err('sub-org: bad shape');\n  return ok({\n    subOrgId: dto.subOrgId,\n    orgName: dto.orgName,\n    publishedVersion: dto.publishedVersion ?? 0,\n  });\n}\n\nfunction parseVersion(dto: OrgTemplateVersionDto): Result<string, OrgTemplateVersion> {\n  if (typeof dto.version !== 'number' || typeof dto.publishedAt !== 'string')\n    return err('version: bad shape');\n  const template = parseOrgTemplate(dto.template);\n  if (!template.ok) return template;\n  return ok({ version: dto.version, publishedAt: dto.publishedAt, template: template.value });\n}\n\nexport function parseOrgTemplateAdminView(\n  dto: OrgTemplateAdminViewDto,\n): Result<string, OrgTemplateAdminView> {\n  const draft = parseOrgTemplate(dto.draft);\n  if (!draft.ok) return draft;\n  if (typeof dto.publishedVersion !== 'number' || typeof dto.unsentBriefs !== 'number')\n    return err('admin-view: bad shape');\n  const history: OrgTemplateVersion[] = [];\n  for (const v of dto.history ?? []) {\n    const parsed = parseVersion(v);\n    if (!parsed.ok) return parsed;\n    history.push(parsed.value);\n  }\n  return ok({\n    draft: draft.value,\n    publishedVersion: dto.publishedVersion,\n    history,\n    unsentBriefs: dto.unsentBriefs,\n  });\n}\n\nconst parseAdminView = parseOrgTemplateAdminView;\n\nfunction parsePublish(dto: PublishOrgTemplateResponse): Result<string, PublishResult> {\n  if (typeof dto.version !== 'number' || typeof dto.affectedUnsentBriefs !== 'number')\n    return err('publish: bad shape');\n  return ok({ version: dto.version, affectedUnsentBriefs: dto.affectedUnsentBriefs });\n}\n\n// --- toDto: domain → wire (for save) ---\n\nfunction toDto(t: OrgTemplate): OrgTemplateDto {\n  return {\n    subOrgId: t.subOrgId,\n    orgName: t.orgName,\n    returnAddress: t.returnAddress,\n    ...(t.logoDocumentId != null ? { logoDocumentId: t.logoDocumentId } : {}),\n    footerContact: t.footerContact,\n    footerLegal: t.footerLegal,\n    signatureName: t.signatureName,\n    signatureRole: t.signatureRole,\n    signatureClosing: t.signatureClosing,\n    margins: { ...t.margins },\n    version: t.version,\n  };\n}\n",
+            "extends": [],
+            "type": "injectable"
+        },
+        {
+            "name": "OrgTemplateStore",
+            "id": "injectable-OrgTemplateStore-a7e1e9096e5a90a446586184fb43eb70d87c4c6114fdc7c4551e369398ed1d7ea6bd37e2a2e9d2fc94106b4bcff2575ad3ef0a5b8604d6d33fffdcd2840e72e9",
+            "file": "src/app/brief/application/org-template.store.ts",
+            "properties": [
+                {
+                    "name": "actionState",
+                    "defaultValue": "signal<ActionState>({ tag: 'Idle' })",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 48,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "adapter",
+                    "defaultValue": "inject(OrgTemplateAdapter)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 38,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "busy",
+                    "defaultValue": "computed(() => this.actionState().tag === 'Busy')",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 49,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "categoriesRes",
+                    "defaultValue": "this.uploadAdapter.categoriesResource('org-template')",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 98,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "draft",
+                    "defaultValue": "computed<OrgTemplate | null>(() => this.loaded()?.draft ?? null)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 75,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "draftValid",
+                    "defaultValue": "computed(() => {\n    const d = this.draft();\n    if (!d) return false;\n    const marginsOk = [d.margins.topMm, d.margins.rightMm, d.margins.bottomMm, d.margins.leftMm].every(\n      (v) => v >= MARGIN_MIN_MM && v <= MARGIN_MAX_MM,\n    );\n    return d.orgName.trim().length > 0 && d.signatureName.trim().length > 0 && marginsOk;\n  })",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "<p>Client-side mirror of the server rules (<code>OrgTemplateRules</code>) for instant feedback;\nthe server re-validates and stays the authority — publish is gated on this.</p>\n",
+                    "line": 87,
+                    "rawdescription": "\nClient-side mirror of the server rules (`OrgTemplateRules`) for instant feedback;\nthe server re-validates and stays the authority — publish is gated on this.",
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "files",
+                    "defaultValue": "new Map<string, File>()",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 97,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "history",
+                    "defaultValue": "computed(() => this.loaded()?.history ?? [])",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 77,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "lastError",
+                    "defaultValue": "computed(() => {\n    const s = this.actionState();\n    return s.tag === 'Failed' ? s.error : null;\n  })",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 50,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "loaded",
+                    "defaultValue": "computed<LoadedState | null>(() => {\n    const s = this.model();\n    return s.tag === 'loaded' ? s : null;\n  })",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 71,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "logoUrl",
+                    "defaultValue": "computed<string | null>(() => {\n    const id = this.draft()?.logoDocumentId;\n    return id ? this.uploadAdapter.contentUrl(id) : null;\n  })",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 80,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "model",
+                    "defaultValue": "this.store.model",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 43,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "pendingPublish",
+                    "defaultValue": "signal(false)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "<p>The publish impact-confirm gate (PRD §7h: show N affected letters before POST).</p>\n",
+                    "line": 57,
+                    "rawdescription": "\nThe publish impact-confirm gate (PRD §7h: show N affected letters before POST).",
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "publishedVersion",
+                    "defaultValue": "computed(() => this.loaded()?.publishedVersion ?? 0)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 78,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "remoteData",
+                    "defaultValue": "computed<RemoteData<Error | undefined, LoadedState>>(() => {\n    const s = this.model();\n    switch (s.tag) {\n      case 'loading':\n        return { tag: 'Loading' };\n      case 'failed':\n        return { tag: 'Failure', error: new Error(s.reason) };\n      case 'loaded':\n        return { tag: 'Success', value: s };\n    }\n  })",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 59,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "saveState",
+                    "defaultValue": "signal<SaveState>({ tag: 'Idle' })",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 54,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "saveTimer",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "ReturnType<unknown>",
+                    "indexKey": "",
+                    "optional": true,
+                    "description": "",
+                    "line": 145,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "selectedSubOrgId",
+                    "defaultValue": "signal<string | null>(null)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 46,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "shell",
+                    "defaultValue": "inject(UploadShellService)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 40,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "store",
+                    "defaultValue": "createStore<OrgTemplateState, OrgTemplateMsg>(initial, reduce)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 41,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "subOrgs",
+                    "defaultValue": "signal<readonly SubOrgSummary[]>([])",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 45,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "unsentBriefs",
+                    "defaultValue": "computed(() => this.loaded()?.unsentBriefs ?? 0)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 79,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "uploadAdapter",
+                    "defaultValue": "inject(UploadAdapter)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 39,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "uploadState",
+                    "defaultValue": "computed(() => this.loaded()?.upload ?? initialUpload)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 76,
+                    "modifierKind": [
+                        148
+                    ]
+                }
+            ],
+            "methods": [
+                {
+                    "name": "cancelPublish",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 172,
+                    "deprecated": false,
+                    "deprecationMessage": ""
+                },
+                {
+                    "name": "confirmPublish",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "any",
+                    "typeParameters": [],
+                    "line": 175,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ]
+                },
+                {
+                    "name": "dispatchUpload",
+                    "args": [
+                        {
+                            "name": "msg",
+                            "type": "UploadMsg",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 262,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        123
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "msg",
+                            "type": "UploadMsg",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "edit",
+                    "args": [
+                        {
+                            "name": "msg",
+                            "type": "OrgTemplateMsg",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 140,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\nAn in-place canvas or margin edit: apply optimistically, then debounce-save.",
+                    "description": "<p>An in-place canvas or margin edit: apply optimistically, then debounce-save.</p>\n",
+                    "jsdoctags": [
+                        {
+                            "name": "msg",
+                            "type": "OrgTemplateMsg",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "flushSave",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "any",
+                    "typeParameters": [],
+                    "line": 152,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        123,
+                        134
+                    ]
+                },
+                {
+                    "name": "load",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "any",
+                    "typeParameters": [],
+                    "line": 113,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ]
+                },
+                {
+                    "name": "onLogoRemoved",
+                    "args": [
+                        {
+                            "name": "localId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 246,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "jsdoctags": [
+                        {
+                            "name": "localId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "onLogoRetry",
+                    "args": [
+                        {
+                            "name": "localId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 252,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "jsdoctags": [
+                        {
+                            "name": "localId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "onLogoSelected",
+                    "args": [
+                        {
+                            "name": "files",
+                            "type": "File[]",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 222,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "jsdoctags": [
+                        {
+                            "name": "files",
+                            "type": "File[]",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "onUploadMsg",
+                    "args": [
+                        {
+                            "name": "msg",
+                            "type": "UploadMsg",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 267,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\nUpload effects arriving from the transport: a finished/removed logo edits the\ndraft (in the reducer) and needs persisting.",
+                    "description": "<p>Upload effects arriving from the transport: a finished/removed logo edits the\ndraft (in the reducer) and needs persisting.</p>\n",
+                    "modifierKind": [
+                        123
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "msg",
+                            "type": "UploadMsg",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "proefbrief",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "any",
+                    "typeParameters": [],
+                    "line": 205,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ]
+                },
+                {
+                    "name": "requestPublish",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 169,
+                    "deprecated": false,
+                    "deprecationMessage": ""
+                },
+                {
+                    "name": "rollback",
+                    "args": [
+                        {
+                            "name": "version",
+                            "type": "number",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "any",
+                    "typeParameters": [],
+                    "line": 191,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "version",
+                            "type": "number",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "scheduleSave",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 146,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "selectSubOrg",
+                    "args": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "any",
+                    "typeParameters": [],
+                    "line": 129,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        134
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "subOrgId",
+                            "type": "string",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "description": "<p>Root singleton for the admin org-template editor (WP-26). The Elm machine owns the\neditable draft; commands here do the debounced save, publish (impact-confirm),\nrollback and proefbrief, then dispatch the outcome — the reducer stays pure. The\nlogo upload reuses the shared upload transport; its completion mutates the draft\n(in the reducer) and triggers a save (here). Mirrors <code>BriefStore</code>.</p>\n",
+            "rawdescription": "\n\nRoot singleton for the admin org-template editor (WP-26). The Elm machine owns the\neditable draft; commands here do the debounced save, publish (impact-confirm),\nrollback and proefbrief, then dispatch the outcome — the reducer stays pure. The\nlogo upload reuses the shared upload transport; its completion mutates the draft\n(in the reducer) and triggers a save (here). Mirrors `BriefStore`.\n",
+            "sourceCode": "import { Injectable, computed, effect, inject, signal } from '@angular/core';\nimport { RemoteData } from '@shared/application/remote-data';\nimport { createStore } from '@shared/application/store';\nimport { UploadAdapter } from '@shared/upload/upload.adapter';\nimport { UploadShellService } from '@shared/upload/upload-shell.service';\nimport { UploadMsg, initialUpload, rejectReason } from '@shared/upload/upload.machine';\nimport {\n  MARGIN_MAX_MM,\n  MARGIN_MIN_MM,\n  OrgTemplate,\n  SubOrgSummary,\n} from '@brief/domain/org-template';\nimport {\n  OrgTemplateMsg,\n  OrgTemplateState,\n  initial,\n  reduce,\n} from '@brief/domain/org-template.machine';\nimport { OrgTemplateAdapter } from '@brief/infrastructure/org-template.adapter';\n\n/** Transient action state for publish/rollback/proefbrief — the BriefStore idiom. */\ntype ActionState = { tag: 'Idle' } | { tag: 'Busy' } | { tag: 'Failed'; error: string };\ntype SaveState = { tag: 'Idle' } | { tag: 'Saving' } | { tag: 'Saved' } | { tag: 'Error' };\ntype LoadedState = Extract<OrgTemplateState, { tag: 'loaded' }>;\n\nconst LOGO_CATEGORY = 'org-logo';\nconst NO_SUBORGS = $localize`:@@orgTemplate.noSubOrgs:Er zijn geen organisatiesjablonen om te beheren.`;\n\n/**\n * Root singleton for the admin org-template editor (WP-26). The Elm machine owns the\n * editable draft; commands here do the debounced save, publish (impact-confirm),\n * rollback and proefbrief, then dispatch the outcome — the reducer stays pure. The\n * logo upload reuses the shared upload transport; its completion mutates the draft\n * (in the reducer) and triggers a save (here). Mirrors `BriefStore`.\n */\n@Injectable({ providedIn: 'root' })\nexport class OrgTemplateStore {\n  private adapter = inject(OrgTemplateAdapter);\n  private uploadAdapter = inject(UploadAdapter);\n  private shell = inject(UploadShellService);\n  private store = createStore<OrgTemplateState, OrgTemplateMsg>(initial, reduce);\n\n  readonly model = this.store.model;\n\n  readonly subOrgs = signal<readonly SubOrgSummary[]>([]);\n  readonly selectedSubOrgId = signal<string | null>(null);\n\n  private actionState = signal<ActionState>({ tag: 'Idle' });\n  readonly busy = computed(() => this.actionState().tag === 'Busy');\n  readonly lastError = computed(() => {\n    const s = this.actionState();\n    return s.tag === 'Failed' ? s.error : null;\n  });\n  readonly saveState = signal<SaveState>({ tag: 'Idle' });\n\n  /** The publish impact-confirm gate (PRD §7h: show N affected letters before POST). */\n  readonly pendingPublish = signal(false);\n\n  readonly remoteData = computed<RemoteData<Error | undefined, LoadedState>>(() => {\n    const s = this.model();\n    switch (s.tag) {\n      case 'loading':\n        return { tag: 'Loading' };\n      case 'failed':\n        return { tag: 'Failure', error: new Error(s.reason) };\n      case 'loaded':\n        return { tag: 'Success', value: s };\n    }\n  });\n\n  private loaded = computed<LoadedState | null>(() => {\n    const s = this.model();\n    return s.tag === 'loaded' ? s : null;\n  });\n  readonly draft = computed<OrgTemplate | null>(() => this.loaded()?.draft ?? null);\n  readonly uploadState = computed(() => this.loaded()?.upload ?? initialUpload);\n  readonly history = computed(() => this.loaded()?.history ?? []);\n  readonly publishedVersion = computed(() => this.loaded()?.publishedVersion ?? 0);\n  readonly unsentBriefs = computed(() => this.loaded()?.unsentBriefs ?? 0);\n  readonly logoUrl = computed<string | null>(() => {\n    const id = this.draft()?.logoDocumentId;\n    return id ? this.uploadAdapter.contentUrl(id) : null;\n  });\n\n  /** Client-side mirror of the server rules (`OrgTemplateRules`) for instant feedback;\n      the server re-validates and stays the authority — publish is gated on this. */\n  readonly draftValid = computed(() => {\n    const d = this.draft();\n    if (!d) return false;\n    const marginsOk = [d.margins.topMm, d.margins.rightMm, d.margins.bottomMm, d.margins.leftMm].every(\n      (v) => v >= MARGIN_MIN_MM && v <= MARGIN_MAX_MM,\n    );\n    return d.orgName.trim().length > 0 && d.signatureName.trim().length > 0 && marginsOk;\n  });\n\n  // Live File blobs keyed by localId — needed to retry a failed upload (a reducer can't hold these).\n  private files = new Map<string, File>();\n  private categoriesRes = this.uploadAdapter.categoriesResource('org-template');\n\n  constructor() {\n    // Feed the logo category into the machine's upload sub-state once loaded. Tracks\n    // `model()` so it re-fires after a sub-org switch reseeds an empty upload state;\n    // the length guard makes it idempotent (no dispatch loop).\n    effect(() => {\n      const s = this.model();\n      if (s.tag !== 'loaded' || s.upload.categories.length > 0) return;\n      const status = this.categoriesRes.status();\n      if (status === 'resolved' || status === 'local')\n        this.dispatchUpload({ type: 'CategoriesLoaded', categories: this.categoriesRes.value() ?? [] });\n    });\n  }\n\n  async load() {\n    this.store.dispatch({ tag: 'Loading' });\n    const list = await this.adapter.list();\n    if (!list.ok) {\n      this.store.dispatch({ tag: 'LoadFailed', reason: list.error });\n      return;\n    }\n    this.subOrgs.set(list.value);\n    const first = list.value[0];\n    if (!first) {\n      this.store.dispatch({ tag: 'LoadFailed', reason: NO_SUBORGS });\n      return;\n    }\n    await this.selectSubOrg(first.subOrgId);\n  }\n\n  async selectSubOrg(subOrgId: string) {\n    this.selectedSubOrgId.set(subOrgId);\n    this.saveState.set({ tag: 'Idle' });\n    clearTimeout(this.saveTimer);\n    this.store.dispatch({ tag: 'Loading' });\n    const r = await this.adapter.load(subOrgId);\n    if (r.ok) this.store.dispatch({ tag: 'DraftLoaded', view: r.value });\n    else this.store.dispatch({ tag: 'LoadFailed', reason: r.error });\n  }\n\n  /** An in-place canvas or margin edit: apply optimistically, then debounce-save. */\n  edit(msg: OrgTemplateMsg) {\n    this.store.dispatch(msg);\n    this.scheduleSave();\n  }\n\n  private saveTimer?: ReturnType<typeof setTimeout>;\n  private scheduleSave() {\n    if (this.loaded() === null) return;\n    clearTimeout(this.saveTimer);\n    // ponytail: 600ms debounce, same as BriefStore; the server is the store of record.\n    this.saveTimer = setTimeout(() => void this.flushSave(), 600);\n  }\n  private async flushSave() {\n    const s = this.loaded();\n    if (!s || !s.dirty) return;\n    const { subOrgId, draft } = s;\n    this.saveState.set({ tag: 'Saving' });\n    const r = await this.adapter.save(subOrgId, draft);\n    if (r.ok) {\n      this.saveState.set({ tag: 'Saved' });\n      this.store.dispatch({ tag: 'DraftSaved', savedDraft: draft });\n    } else {\n      this.saveState.set({ tag: 'Error' });\n      this.actionState.set({ tag: 'Failed', error: r.error });\n    }\n  }\n\n  // --- publish (impact-confirm) / rollback / proefbrief ---\n\n  requestPublish() {\n    this.pendingPublish.set(true);\n  }\n  cancelPublish() {\n    this.pendingPublish.set(false);\n  }\n  async confirmPublish() {\n    const s = this.loaded();\n    if (!s) return;\n    this.pendingPublish.set(false);\n    this.actionState.set({ tag: 'Busy' });\n    clearTimeout(this.saveTimer);\n    await this.flushSave(); // publish the saved draft — flush any pending edit first\n    const r = await this.adapter.publish(s.subOrgId);\n    if (!r.ok) {\n      this.actionState.set({ tag: 'Failed', error: r.error });\n      return;\n    }\n    this.actionState.set({ tag: 'Idle' });\n    await this.selectSubOrg(s.subOrgId); // reload: new version, history, unsentBriefs = 0\n  }\n\n  async rollback(version: number) {\n    const s = this.loaded();\n    if (!s) return;\n    this.actionState.set({ tag: 'Busy' });\n    clearTimeout(this.saveTimer);\n    const r = await this.adapter.rollback(s.subOrgId, version);\n    if (!r.ok) {\n      this.actionState.set({ tag: 'Failed', error: r.error });\n      return;\n    }\n    this.actionState.set({ tag: 'Idle' });\n    this.store.dispatch({ tag: 'DraftLoaded', view: r.value }); // old version copied into draft\n  }\n\n  async proefbrief() {\n    const s = this.loaded();\n    if (!s) return;\n    this.actionState.set({ tag: 'Busy' });\n    clearTimeout(this.saveTimer);\n    await this.flushSave(); // the proefbrief renders the server's draft\n    const r = await this.adapter.proefbrief(s.subOrgId);\n    if (!r.ok) {\n      this.actionState.set({ tag: 'Failed', error: r.error });\n      return;\n    }\n    this.actionState.set({ tag: 'Idle' });\n    window.open(URL.createObjectURL(r.value), '_blank');\n  }\n\n  // --- logo upload (reuses the shared upload transport; single `org-logo` file) ---\n\n  onLogoSelected(files: File[]) {\n    const s = this.loaded();\n    const cat = s?.upload.categories.find((c) => c.categoryId === LOGO_CATEGORY);\n    const file = files[0];\n    if (!s || !cat || !file) return;\n    const reason = rejectReason(cat, { type: file.type, sizeMb: file.size / 1e6 });\n    if (reason) {\n      this.dispatchUpload({ type: 'FileRejected', categoryId: cat.categoryId, reason });\n      return;\n    }\n    const localId = crypto.randomUUID();\n    this.files.set(localId, file);\n    this.dispatchUpload({\n      type: 'FileSelected',\n      categoryId: cat.categoryId,\n      localId,\n      fileName: file.name,\n      fileSizeMb: file.size / 1e6,\n    });\n    this.shell.upload({ localId, categoryId: cat.categoryId, wizardId: 'org-template', file }, (m) =>\n      this.onUploadMsg(m),\n    );\n  }\n\n  onLogoRemoved(localId: string) {\n    this.shell.cancel([localId]);\n    this.files.delete(localId);\n    this.onUploadMsg({ type: 'UploadRemoved', localId });\n  }\n\n  onLogoRetry(localId: string) {\n    const file = this.files.get(localId);\n    const up = this.loaded()?.upload.uploads.find((u) => u.localId === localId);\n    if (!file || !up) return;\n    this.dispatchUpload({ type: 'UploadRetried', localId });\n    this.shell.upload({ localId, categoryId: up.categoryId, wizardId: 'org-template', file }, (m) =>\n      this.onUploadMsg(m),\n    );\n  }\n\n  private dispatchUpload(msg: UploadMsg) {\n    this.store.dispatch({ tag: 'Upload', msg });\n  }\n  /** Upload effects arriving from the transport: a finished/removed logo edits the\n      draft (in the reducer) and needs persisting. */\n  private onUploadMsg(msg: UploadMsg) {\n    this.dispatchUpload(msg);\n    if (msg.type === 'UploadComplete' || msg.type === 'UploadRemoved') this.scheduleSave();\n  }\n}\n",
+            "constructorObj": {
+                "name": "constructor",
+                "description": "",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "args": [],
+                "line": 98
+            },
+            "extends": [],
+            "type": "injectable"
+        },
         {
             "name": "RegistratieLookupStore",
             "id": "injectable-RegistratieLookupStore-3ef92fdc15ae45cb8436dc2681ef33f3b9328d9510bda8e6d25e37d653da1674bf3a938fefc9cd5a447d7c6c611a6ef646ecaab949d0cb116f7770ee98ca5523",
@@ -8717,7 +10006,7 @@
         },
         {
             "name": "UploadAdapter",
-            "id": "injectable-UploadAdapter-ab1d83e34758ab9255d93ad1919e0f70bf41f8ba472c7d0d4e796e140d9abe27210e3e9418b927e8772385a5d85fc28e0917b333e2e8a92b01304b6f5c5fefde",
+            "id": "injectable-UploadAdapter-0fd101cb77cb218a6fdeb65055bff589fc5e4c7753784fb642e1cc4d7e4ee28d369dc9e90e0ebd18b2839b6597b388ff4d4cca90fda477e1c262454fbf92e74c",
             "file": "src/app/shared/upload/upload.adapter.ts",
             "properties": [
                 {
@@ -8729,7 +10018,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 49,
+                    "line": 55,
                     "modifierKind": [
                         123
                     ]
@@ -8760,7 +10049,7 @@
                     "optional": false,
                     "returnType": "any",
                     "typeParameters": [],
-                    "line": 54,
+                    "line": 60,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\nCategories are server-owned; some depend on answers (e.g. registratie's diploma\nset varies by DUO/handmatig + course language). `extra` makes the resource reactive\nso it re-fetches when those answers change.",
@@ -8806,7 +10095,7 @@
                     "optional": false,
                     "returnType": "string",
                     "typeParameters": [],
-                    "line": 96,
+                    "line": 102,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nDirect URL to the stored bytes, for a preview/download link (`<a href>`) — the\nserver serves it inline for pdf/image, attachment otherwise. Not a fetch: the\nbrowser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n",
@@ -8840,7 +10129,7 @@
                     "optional": false,
                     "returnType": "Promise<void>",
                     "typeParameters": [],
-                    "line": 87,
+                    "line": 93,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\nUser delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps.",
@@ -8874,7 +10163,7 @@
                     "optional": false,
                     "returnType": "Promise<StatusItem[]>",
                     "typeParameters": [],
-                    "line": 81,
+                    "line": 87,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\nPoll-on-return: which client localIds have arrived at the BFF.",
@@ -8926,7 +10215,7 @@
                     "optional": false,
                     "returnType": "XhrUploadHandle",
                     "typeParameters": [],
-                    "line": 106,
+                    "line": 112,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nMultipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\nprogress events need XHR; the keepalive/background gap is covered by\npoll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\ntransport behind UploadTransport for true background sync.\n",
@@ -8971,7 +10260,7 @@
             "deprecationMessage": "",
             "description": "<p>Infrastructure: the only place upload HTTP lives. Reads (categories, status,\ndelete) go through the NSwag client; the multipart POST is hand-written XHR\nbecause the generated client is JSON-only (the endpoint is ExcludeFromDescription)\nand we need upload-progress events + cancellation, which fetch can&#39;t give us.</p>\n",
             "rawdescription": "\n\nInfrastructure: the only place upload HTTP lives. Reads (categories, status,\ndelete) go through the NSwag client; the multipart POST is hand-written XHR\nbecause the generated client is JSON-only (the endpoint is ExcludeFromDescription)\nand we need upload-progress events + cancellation, which fetch can't give us.\n",
-            "sourceCode": "import { Injectable, computed, inject, resource } from '@angular/core';\nimport {\n  ApiClient,\n  DocumentCategoryDto,\n  UploadStatusItemDto,\n} from '@shared/infrastructure/api-client';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { currentScenario } from '@shared/infrastructure/scenario';\nimport { environment } from '../../../environments/environment';\nimport { DocumentCategory } from './upload.machine';\n\n/** Answer-derived query params that affect which categories the server presents. */\nexport interface CategoryParams {\n  diplomaHerkomst?: string;\n  taalvaardigheid?: string;\n}\n\n/** One arrived/known status item from poll-on-return. */\nexport interface StatusItem {\n  localId: string;\n  status: string; // 'complete' | 'unknown'\n  documentId?: string;\n}\n\nexport interface XhrUploadRequest {\n  localId: string;\n  categoryId: string;\n  wizardId: string;\n  file: File;\n}\n\n/** A live upload: progress is reported via the callback; cancel aborts the XHR. */\nexport interface XhrUploadHandle {\n  done: Promise<{ documentId: string }>;\n  cancel: () => void;\n}\n\n/** Sentinel rejection so the caller can tell a user-cancel from a real failure. */\nexport const UPLOAD_ABORTED = Symbol('upload-aborted');\n\n/**\n * Infrastructure: the only place upload HTTP lives. Reads (categories, status,\n * delete) go through the NSwag client; the multipart POST is hand-written XHR\n * because the generated client is JSON-only (the endpoint is ExcludeFromDescription)\n * and we need upload-progress events + cancellation, which fetch can't give us.\n */\n@Injectable({ providedIn: 'root' })\nexport class UploadAdapter {\n  private client = inject(ApiClient);\n\n  /** Categories are server-owned; some depend on answers (e.g. registratie's diploma\n      set varies by DUO/handmatig + course language). `extra` makes the resource reactive\n      so it re-fetches when those answers change. */\n  categoriesResource(wizardId: string, extra?: () => CategoryParams) {\n    // Structural equality so we re-fetch only when a category-affecting answer changes,\n    // not on every unrelated draft edit (a computed with `equal` returns the cached\n    // reference while equal, so the resource sees no change).\n    const params = computed(\n      () => ({\n        wizardId,\n        diplomaHerkomst: extra?.().diplomaHerkomst,\n        taalvaardigheid: extra?.().taalvaardigheid,\n      }),\n      {\n        equal: (a, b) =>\n          a.wizardId === b.wizardId &&\n          a.diplomaHerkomst === b.diplomaHerkomst &&\n          a.taalvaardigheid === b.taalvaardigheid,\n      },\n    );\n    return resource({\n      params,\n      loader: ({ params }) =>\n        this.client\n          .categories(params.wizardId, params.diplomaHerkomst, params.taalvaardigheid)\n          .then((r) => (r.categories ?? []).map(toCategory)),\n    });\n  }\n\n  /** Poll-on-return: which client localIds have arrived at the BFF. */\n  status(localIds: string[]): Promise<StatusItem[]> {\n    if (localIds.length === 0) return Promise.resolve([]);\n    return this.client.status(localIds.join(',')).then((r) => (r.results ?? []).map(toStatusItem));\n  }\n\n  /** User delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps. */\n  deleteDocument(documentId: string): Promise<void> {\n    return this.client.uploads(documentId);\n  }\n\n  /**\n   * Direct URL to the stored bytes, for a preview/download link (`<a href>`) — the\n   * server serves it inline for pdf/image, attachment otherwise. Not a fetch: the\n   * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n   */\n  contentUrl(documentId: string): string {\n    return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;\n  }\n\n  /**\n   * Multipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\n   * progress events need XHR; the keepalive/background gap is covered by\n   * poll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\n   * transport behind UploadTransport for true background sync.\n   */\n  xhrUpload(req: XhrUploadRequest, onProgress: (pct: number) => void): XhrUploadHandle {\n    const scenario = currentScenario();\n    if (scenario === 'upload-slow' || scenario === 'upload-fail')\n      return simulateUpload(scenario, onProgress);\n\n    const xhr = new XMLHttpRequest();\n    const form = new FormData();\n    form.append('file', req.file);\n    form.append('categoryId', req.categoryId);\n    form.append('localId', req.localId);\n    form.append('wizardId', req.wizardId);\n\n    let aborted = false;\n    const done = new Promise<{ documentId: string }>((resolve, reject) => {\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));\n      });\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          try {\n            resolve({ documentId: JSON.parse(xhr.responseText).documentId });\n          } catch {\n            reject(genericError());\n          }\n        } else {\n          reject(parseError(xhr.responseText));\n        }\n      });\n      xhr.addEventListener('error', () => reject(genericError()));\n      xhr.addEventListener('abort', () =>\n        aborted ? reject(UPLOAD_ABORTED) : reject(genericError()),\n      );\n    });\n\n    xhr.open('POST', `${environment.apiBaseUrl}/api/v1/uploads`);\n    xhr.send(form);\n    return { done, cancel: () => ((aborted = true), xhr.abort()) };\n  }\n}\n\nconst UPLOAD_FAILED = $localize`:@@upload.failed:Uploaden is niet gelukt. Probeer het opnieuw.`;\nconst genericError = (): string => UPLOAD_FAILED;\n\n/**\n * Demo-only (dev): the real XHR POST finishes instantly for metadata, so progress\n * and failure can't otherwise be shown. Drives the progress bar over ~2.5s, then\n * succeeds (`upload-slow`) or fails (`upload-fail`). ponytail: timer-based, cancel\n * via the returned handle; no network.\n */\nfunction simulateUpload(\n  scenario: 'upload-slow' | 'upload-fail',\n  onProgress: (pct: number) => void,\n): XhrUploadHandle {\n  let pct = 0;\n  let cancelled = false;\n  const done = new Promise<{ documentId: string }>((resolve, reject) => {\n    const tick = () => {\n      if (cancelled) {\n        reject(UPLOAD_ABORTED);\n      } else if (pct < 100) {\n        pct += 10;\n        onProgress(Math.min(pct, 100));\n        setTimeout(tick, 250);\n      } else if (scenario === 'upload-fail') {\n        reject(UPLOAD_FAILED);\n      } else {\n        resolve({ documentId: `demo-${crypto.randomUUID()}` });\n      }\n    };\n    setTimeout(tick, 250);\n  });\n  return { done, cancel: () => void (cancelled = true) };\n}\nconst parseError = (body: string): string => {\n  try {\n    return problemDetail(JSON.parse(body), UPLOAD_FAILED);\n  } catch {\n    return genericError();\n  }\n};\n\n/** Wire DTO (all fields optional) → domain. */\nfunction toCategory(c: DocumentCategoryDto): DocumentCategory {\n  return {\n    categoryId: c.categoryId ?? '',\n    label: c.label ?? '',\n    description: c.description ?? '',\n    required: c.required ?? false,\n    acceptedTypes: c.acceptedTypes ?? [],\n    maxSizeMb: c.maxSizeMb ?? 0,\n    multiple: c.multiple ?? false,\n    allowPostDelivery: c.allowPostDelivery ?? false,\n  };\n}\n\nfunction toStatusItem(s: UploadStatusItemDto): StatusItem {\n  return {\n    localId: s.localId ?? '',\n    status: s.status ?? 'unknown',\n    documentId: s.documentId ?? undefined,\n  };\n}\n",
+            "sourceCode": "import { Injectable, computed, inject, resource } from '@angular/core';\nimport {\n  ApiClient,\n  DocumentCategoryDto,\n  UploadStatusItemDto,\n} from '@shared/infrastructure/api-client';\nimport { problemDetail } from '@shared/infrastructure/api-error';\nimport { currentScenario } from '@shared/infrastructure/scenario';\nimport { environment } from '../../../environments/environment';\nimport { DocumentCategory } from './upload.machine';\n\n/** Answer-derived query params that affect which categories the server presents. */\nexport interface CategoryParams {\n  diplomaHerkomst?: string;\n  taalvaardigheid?: string;\n}\n\n/** One arrived/known status item from poll-on-return. */\nexport interface StatusItem {\n  localId: string;\n  status: string; // 'complete' | 'unknown'\n  documentId?: string;\n}\n\nexport interface XhrUploadRequest {\n  localId: string;\n  categoryId: string;\n  wizardId: string;\n  file: File;\n}\n\n/** A live upload: progress is reported via the callback; cancel aborts the XHR. */\nexport interface XhrUploadHandle {\n  done: Promise<{ documentId: string }>;\n  cancel: () => void;\n}\n\n/** Sentinel rejection so the caller can tell a user-cancel from a real failure. */\nexport const UPLOAD_ABORTED = Symbol('upload-aborted');\n\n/** Direct URL to a stored document's bytes. Pure (no injection) so a store can build\n    a letterhead-logo `src` without pulling `ApiClient` into its dependency graph. */\nexport function uploadContentUrl(documentId: string): string {\n  return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;\n}\n\n/**\n * Infrastructure: the only place upload HTTP lives. Reads (categories, status,\n * delete) go through the NSwag client; the multipart POST is hand-written XHR\n * because the generated client is JSON-only (the endpoint is ExcludeFromDescription)\n * and we need upload-progress events + cancellation, which fetch can't give us.\n */\n@Injectable({ providedIn: 'root' })\nexport class UploadAdapter {\n  private client = inject(ApiClient);\n\n  /** Categories are server-owned; some depend on answers (e.g. registratie's diploma\n      set varies by DUO/handmatig + course language). `extra` makes the resource reactive\n      so it re-fetches when those answers change. */\n  categoriesResource(wizardId: string, extra?: () => CategoryParams) {\n    // Structural equality so we re-fetch only when a category-affecting answer changes,\n    // not on every unrelated draft edit (a computed with `equal` returns the cached\n    // reference while equal, so the resource sees no change).\n    const params = computed(\n      () => ({\n        wizardId,\n        diplomaHerkomst: extra?.().diplomaHerkomst,\n        taalvaardigheid: extra?.().taalvaardigheid,\n      }),\n      {\n        equal: (a, b) =>\n          a.wizardId === b.wizardId &&\n          a.diplomaHerkomst === b.diplomaHerkomst &&\n          a.taalvaardigheid === b.taalvaardigheid,\n      },\n    );\n    return resource({\n      params,\n      loader: ({ params }) =>\n        this.client\n          .categories(params.wizardId, params.diplomaHerkomst, params.taalvaardigheid)\n          .then((r) => (r.categories ?? []).map(toCategory)),\n    });\n  }\n\n  /** Poll-on-return: which client localIds have arrived at the BFF. */\n  status(localIds: string[]): Promise<StatusItem[]> {\n    if (localIds.length === 0) return Promise.resolve([]);\n    return this.client.status(localIds.join(',')).then((r) => (r.results ?? []).map(toStatusItem));\n  }\n\n  /** User delete; throws a ProblemDetails (e.g. 409 once linked) the caller maps. */\n  deleteDocument(documentId: string): Promise<void> {\n    return this.client.uploads(documentId);\n  }\n\n  /**\n   * Direct URL to the stored bytes, for a preview/download link (`<a href>`) — the\n   * server serves it inline for pdf/image, attachment otherwise. Not a fetch: the\n   * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.\n   */\n  contentUrl(documentId: string): string {\n    return uploadContentUrl(documentId);\n  }\n\n  /**\n   * Multipart upload with progress + cancel. ponytail: XHR (not fetch keepalive) —\n   * progress events need XHR; the keepalive/background gap is covered by\n   * poll-on-return (UploadShellService.pollReturning). Swap in a Service Worker\n   * transport behind UploadTransport for true background sync.\n   */\n  xhrUpload(req: XhrUploadRequest, onProgress: (pct: number) => void): XhrUploadHandle {\n    const scenario = currentScenario();\n    if (scenario === 'upload-slow' || scenario === 'upload-fail')\n      return simulateUpload(scenario, onProgress);\n\n    const xhr = new XMLHttpRequest();\n    const form = new FormData();\n    form.append('file', req.file);\n    form.append('categoryId', req.categoryId);\n    form.append('localId', req.localId);\n    form.append('wizardId', req.wizardId);\n\n    let aborted = false;\n    const done = new Promise<{ documentId: string }>((resolve, reject) => {\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));\n      });\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          try {\n            resolve({ documentId: JSON.parse(xhr.responseText).documentId });\n          } catch {\n            reject(genericError());\n          }\n        } else {\n          reject(parseError(xhr.responseText));\n        }\n      });\n      xhr.addEventListener('error', () => reject(genericError()));\n      xhr.addEventListener('abort', () =>\n        aborted ? reject(UPLOAD_ABORTED) : reject(genericError()),\n      );\n    });\n\n    xhr.open('POST', `${environment.apiBaseUrl}/api/v1/uploads`);\n    xhr.send(form);\n    return { done, cancel: () => ((aborted = true), xhr.abort()) };\n  }\n}\n\nconst UPLOAD_FAILED = $localize`:@@upload.failed:Uploaden is niet gelukt. Probeer het opnieuw.`;\nconst genericError = (): string => UPLOAD_FAILED;\n\n/**\n * Demo-only (dev): the real XHR POST finishes instantly for metadata, so progress\n * and failure can't otherwise be shown. Drives the progress bar over ~2.5s, then\n * succeeds (`upload-slow`) or fails (`upload-fail`). ponytail: timer-based, cancel\n * via the returned handle; no network.\n */\nfunction simulateUpload(\n  scenario: 'upload-slow' | 'upload-fail',\n  onProgress: (pct: number) => void,\n): XhrUploadHandle {\n  let pct = 0;\n  let cancelled = false;\n  const done = new Promise<{ documentId: string }>((resolve, reject) => {\n    const tick = () => {\n      if (cancelled) {\n        reject(UPLOAD_ABORTED);\n      } else if (pct < 100) {\n        pct += 10;\n        onProgress(Math.min(pct, 100));\n        setTimeout(tick, 250);\n      } else if (scenario === 'upload-fail') {\n        reject(UPLOAD_FAILED);\n      } else {\n        resolve({ documentId: `demo-${crypto.randomUUID()}` });\n      }\n    };\n    setTimeout(tick, 250);\n  });\n  return { done, cancel: () => void (cancelled = true) };\n}\nconst parseError = (body: string): string => {\n  try {\n    return problemDetail(JSON.parse(body), UPLOAD_FAILED);\n  } catch {\n    return genericError();\n  }\n};\n\n/** Wire DTO (all fields optional) → domain. */\nfunction toCategory(c: DocumentCategoryDto): DocumentCategory {\n  return {\n    categoryId: c.categoryId ?? '',\n    label: c.label ?? '',\n    description: c.description ?? '',\n    required: c.required ?? false,\n    acceptedTypes: c.acceptedTypes ?? [],\n    maxSizeMb: c.maxSizeMb ?? 0,\n    multiple: c.multiple ?? false,\n    allowPostDelivery: c.allowPostDelivery ?? false,\n  };\n}\n\nfunction toStatusItem(s: UploadStatusItemDto): StatusItem {\n  return {\n    localId: s.localId ?? '',\n    status: s.status ?? 'unknown',\n    documentId: s.documentId ?? undefined,\n  };\n}\n",
             "extends": [],
             "type": "injectable"
         },
@@ -13584,7 +14873,7 @@
         },
         {
             "name": "BriefPage",
-            "id": "component-BriefPage-831e9d4abed2b19b4791670c05a78d0c64992fa585dcd43f455f38f6f722f516db6d193c14944644a68e474f4df072ad1f3cc2007a43ce9ee50225dc724387d0",
+            "id": "component-BriefPage-7550f4b9ceac9325c877e272d46111437f67b55b19d3ec9712618866a4d1bceef9c0362b8d95c638cfc753a6a74620a59d9657223cea32fc5282510d740e460d",
             "file": "src/app/brief/ui/brief.page.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -13596,7 +14885,7 @@
             "styles": [
                 "\n      .brief-toolbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .save {\n        color: var(--rhc-color-foreground-subtle);\n        font-size: 0.9em;\n      }\n    "
             ],
-            "template": "<app-page-shell [heading]=\"heading\" [intro]=\"intro\" backLink=\"/dashboard\">\n  @if (lastError(); as err) {\n    <app-alert type=\"error\">{{ err }}</app-alert>\n  }\n\n  <app-async [data]=\"store.remoteData()\">\n    <ng-template appAsyncError>\n      <app-alert type=\"error\">{{ failedText }}</app-alert>\n      <app-button variant=\"secondary\" (click)=\"reload()\">{{ retryText }}</app-button>\n    </ng-template>\n    <ng-template appAsyncLoaded>\n      @if (loaded(); as s) {\n        @if (store.orgTemplate(); as orgTemplate) {\n          <div class=\"brief-toolbar\">\n            <span class=\"save\" role=\"status\" aria-live=\"polite\">{{ saveText() }}</span>\n            <app-button variant=\"subtle\" [disabled]=\"store.busy()\" (click)=\"resetDemo()\">{{\n              resetLabel\n            }}</app-button>\n          </div>\n          <app-letter-composer\n            [brief]=\"s.brief\"\n            [orgTemplate]=\"orgTemplate\"\n            [availablePassages]=\"s.availablePassages\"\n            [diagnostics]=\"store.diagnostics()\"\n            [canEdit]=\"store.canEdit()\"\n            [canApprove]=\"store.canApprove()\"\n            [canReject]=\"store.canReject()\"\n            [canSend]=\"store.canSend()\"\n            [canSubmit]=\"store.canSubmit()\"\n            [busy]=\"store.busy()\"\n            (edit)=\"store.edit($event)\"\n            (submit)=\"store.submit()\"\n            (approve)=\"store.approve()\"\n            (reject)=\"store.reject($event)\"\n            (send)=\"store.send()\"\n          />\n        }\n      }\n    </ng-template>\n  </app-async>\n</app-page-shell>\n",
+            "template": "<app-page-shell [heading]=\"heading\" [intro]=\"intro\" backLink=\"/dashboard\">\n  @if (lastError(); as err) {\n    <app-alert type=\"error\">{{ err }}</app-alert>\n  }\n\n  <app-async [data]=\"store.remoteData()\">\n    <ng-template appAsyncError>\n      <app-alert type=\"error\">{{ failedText }}</app-alert>\n      <app-button variant=\"secondary\" (click)=\"reload()\">{{ retryText }}</app-button>\n    </ng-template>\n    <ng-template appAsyncLoaded>\n      @if (loaded(); as s) {\n        @if (store.orgTemplate(); as orgTemplate) {\n          <div class=\"brief-toolbar\">\n            <span class=\"save\" role=\"status\" aria-live=\"polite\">{{ saveText() }}</span>\n            <app-button variant=\"subtle\" [disabled]=\"store.busy()\" (click)=\"resetDemo()\">{{\n              resetLabel\n            }}</app-button>\n          </div>\n          <app-letter-composer\n            [brief]=\"s.brief\"\n            [orgTemplate]=\"orgTemplate\"\n            [logoUrl]=\"store.logoUrl()\"\n            [availablePassages]=\"s.availablePassages\"\n            [diagnostics]=\"store.diagnostics()\"\n            [canEdit]=\"store.canEdit()\"\n            [canApprove]=\"store.canApprove()\"\n            [canReject]=\"store.canReject()\"\n            [canSend]=\"store.canSend()\"\n            [canSubmit]=\"store.canSubmit()\"\n            [busy]=\"store.busy()\"\n            (edit)=\"store.edit($event)\"\n            (submit)=\"store.submit()\"\n            (approve)=\"store.approve()\"\n            (reject)=\"store.reject($event)\"\n            (send)=\"store.send()\"\n            (preview)=\"store.previewLetter()\"\n          />\n        }\n      }\n    </ng-template>\n  </app-async>\n</app-page-shell>\n",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -13608,7 +14897,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Typed narrowing for the <code>&lt;app-async&gt;</code> loaded slot — see WP-06: a structural\ndirective&#39;s context can&#39;t inherit a generic from a sibling host input, so the\nSuccess value is unwrapped here instead of through <code>let-</code>.</p>\n",
-                    "line": 114,
+                    "line": 116,
                     "rawdescription": "\nTyped narrowing for the `<app-async>` loaded slot — see WP-06: a structural\ndirective's context can't inherit a generic from a sibling host input, so the\nSuccess value is unwrapped here instead of through `let-`.",
                     "modifierKind": [
                         124,
@@ -13625,7 +14914,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Typed narrowing for the <code>&lt;app-async&gt;</code> loaded slot — see WP-06: a structural\ndirective&#39;s context can&#39;t inherit a generic from a sibling host input, so the\nSuccess value is unwrapped here instead of through <code>let-</code>.</p>\n",
-                    "line": 114,
+                    "line": 116,
                     "rawdescription": "\nTyped narrowing for the `<app-async>` loaded slot — see WP-06: a structural\ndirective's context can't inherit a generic from a sibling host input, so the\nSuccess value is unwrapped here instead of through `let-`.",
                     "modifierKind": [
                         124,
@@ -13644,7 +14933,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 81,
+                    "line": 83,
                     "modifierKind": [
                         124
                     ]
@@ -13658,7 +14947,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 79,
+                    "line": 81,
                     "modifierKind": [
                         124
                     ]
@@ -13672,7 +14961,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 80,
+                    "line": 82,
                     "modifierKind": [
                         124
                     ]
@@ -13686,7 +14975,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 77,
+                    "line": 79,
                     "modifierKind": [
                         124
                     ]
@@ -13700,7 +14989,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 76,
+                    "line": 78,
                     "modifierKind": [
                         124
                     ]
@@ -13714,7 +15003,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 83,
+                    "line": 85,
                     "modifierKind": [
                         124
                     ]
@@ -13728,7 +15017,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 82,
+                    "line": 84,
                     "modifierKind": [
                         124
                     ]
@@ -13742,7 +15031,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 86,
+                    "line": 88,
                     "modifierKind": [
                         123
                     ]
@@ -13756,7 +15045,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 87,
+                    "line": 89,
                     "modifierKind": [
                         123
                     ]
@@ -13770,7 +15059,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Debounced-save state, surfaced in a polite live region.</p>\n",
-                    "line": 90,
+                    "line": 92,
                     "rawdescription": "\nDebounced-save state, surfaced in a polite live region.",
                     "modifierKind": [
                         124
@@ -13785,7 +15074,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 85,
+                    "line": 87,
                     "modifierKind": [
                         123
                     ]
@@ -13799,7 +15088,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 75,
+                    "line": 77,
                     "modifierKind": [
                         124
                     ]
@@ -13812,7 +15101,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 119,
+                    "line": 121,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -13825,7 +15114,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 107,
+                    "line": 109,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -13862,7 +15151,7 @@
             "description": "<p>Page: thin container. Injects the root store, kicks off the load, and passes its\nderived read-model to the composer. Business/UI logic lives below in pure pieces;\nthis just wires signals to the organism and events back to store commands.</p>\n",
             "rawdescription": "\nPage: thin container. Injects the root store, kicks off the load, and passes its\nderived read-model to the composer. Business/UI logic lives below in pure pieces;\nthis just wires signals to the organism and events back to store commands.",
             "type": "component",
-            "sourceCode": "import { Component, computed, inject } from '@angular/core';\nimport { PageShellComponent } from '@shared/layout/page-shell/page-shell.component';\nimport { AlertComponent } from '@shared/ui/alert/alert.component';\nimport { ButtonComponent } from '@shared/ui/button/button.component';\nimport { ASYNC } from '@shared/ui/async/async.component';\nimport { BriefStore } from '@brief/application/brief.store';\nimport { LetterComposerComponent } from '@brief/ui/letter-composer/letter-composer.component';\n\n/** Page: thin container. Injects the root store, kicks off the load, and passes its\n    derived read-model to the composer. Business/UI logic lives below in pure pieces;\n    this just wires signals to the organism and events back to store commands. */\n@Component({\n  selector: 'app-brief-page',\n  imports: [PageShellComponent, AlertComponent, ButtonComponent, ...ASYNC, LetterComposerComponent],\n  styles: [\n    `\n      .brief-toolbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .save {\n        color: var(--rhc-color-foreground-subtle);\n        font-size: 0.9em;\n      }\n    `,\n  ],\n  template: `\n    <app-page-shell [heading]=\"heading\" [intro]=\"intro\" backLink=\"/dashboard\">\n      @if (lastError(); as err) {\n        <app-alert type=\"error\">{{ err }}</app-alert>\n      }\n\n      <app-async [data]=\"store.remoteData()\">\n        <ng-template appAsyncError>\n          <app-alert type=\"error\">{{ failedText }}</app-alert>\n          <app-button variant=\"secondary\" (click)=\"reload()\">{{ retryText }}</app-button>\n        </ng-template>\n        <ng-template appAsyncLoaded>\n          @if (loaded(); as s) {\n            @if (store.orgTemplate(); as orgTemplate) {\n              <div class=\"brief-toolbar\">\n                <span class=\"save\" role=\"status\" aria-live=\"polite\">{{ saveText() }}</span>\n                <app-button variant=\"subtle\" [disabled]=\"store.busy()\" (click)=\"resetDemo()\">{{\n                  resetLabel\n                }}</app-button>\n              </div>\n              <app-letter-composer\n                [brief]=\"s.brief\"\n                [orgTemplate]=\"orgTemplate\"\n                [availablePassages]=\"s.availablePassages\"\n                [diagnostics]=\"store.diagnostics()\"\n                [canEdit]=\"store.canEdit()\"\n                [canApprove]=\"store.canApprove()\"\n                [canReject]=\"store.canReject()\"\n                [canSend]=\"store.canSend()\"\n                [canSubmit]=\"store.canSubmit()\"\n                [busy]=\"store.busy()\"\n                (edit)=\"store.edit($event)\"\n                (submit)=\"store.submit()\"\n                (approve)=\"store.approve()\"\n                (reject)=\"store.reject($event)\"\n                (send)=\"store.send()\"\n              />\n            }\n          }\n        </ng-template>\n      </app-async>\n    </app-page-shell>\n  `,\n})\nexport class BriefPage {\n  protected store = inject(BriefStore);\n  protected model = this.store.model;\n  protected lastError = this.store.lastError;\n\n  protected heading = $localize`:@@brief.page.heading:Brief opstellen`;\n  protected intro = $localize`:@@brief.page.intro:Stel de brief aan de zorgverlener samen uit standaardteksten en vrije tekst.`;\n  protected failedText = $localize`:@@brief.page.failed:De brief kon niet worden geladen.`;\n  protected retryText = $localize`:@@brief.page.retry:Opnieuw proberen`;\n  protected resetLabel = $localize`:@@brief.page.reset:Opnieuw beginnen (demo)`;\n\n  private savingText = $localize`:@@brief.page.saving:Concept opslaan…`;\n  private savedText = $localize`:@@brief.page.saved:Concept opgeslagen`;\n  private saveErrorText = $localize`:@@brief.page.saveError:Opslaan mislukt`;\n\n  /** Debounced-save state, surfaced in a polite live region. */\n  protected saveText = computed(() => {\n    switch (this.store.saveState().tag) {\n      case 'Saving':\n        return this.savingText;\n      case 'Saved':\n        return this.savedText;\n      case 'Error':\n        return this.saveErrorText;\n      default:\n        return '';\n    }\n  });\n\n  constructor() {\n    void this.store.load();\n  }\n\n  protected resetDemo() {\n    void this.store.resetDemo();\n  }\n\n  /** Typed narrowing for the `<app-async>` loaded slot — see WP-06: a structural\n      directive's context can't inherit a generic from a sibling host input, so the\n      Success value is unwrapped here instead of through `let-`. */\n  protected readonly loaded = computed(() => {\n    const s = this.model();\n    return s.tag === 'loaded' ? s : undefined;\n  });\n\n  protected reload() {\n    void this.store.load();\n  }\n}\n",
+            "sourceCode": "import { Component, computed, inject } from '@angular/core';\nimport { PageShellComponent } from '@shared/layout/page-shell/page-shell.component';\nimport { AlertComponent } from '@shared/ui/alert/alert.component';\nimport { ButtonComponent } from '@shared/ui/button/button.component';\nimport { ASYNC } from '@shared/ui/async/async.component';\nimport { BriefStore } from '@brief/application/brief.store';\nimport { LetterComposerComponent } from '@brief/ui/letter-composer/letter-composer.component';\n\n/** Page: thin container. Injects the root store, kicks off the load, and passes its\n    derived read-model to the composer. Business/UI logic lives below in pure pieces;\n    this just wires signals to the organism and events back to store commands. */\n@Component({\n  selector: 'app-brief-page',\n  imports: [PageShellComponent, AlertComponent, ButtonComponent, ...ASYNC, LetterComposerComponent],\n  styles: [\n    `\n      .brief-toolbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .save {\n        color: var(--rhc-color-foreground-subtle);\n        font-size: 0.9em;\n      }\n    `,\n  ],\n  template: `\n    <app-page-shell [heading]=\"heading\" [intro]=\"intro\" backLink=\"/dashboard\">\n      @if (lastError(); as err) {\n        <app-alert type=\"error\">{{ err }}</app-alert>\n      }\n\n      <app-async [data]=\"store.remoteData()\">\n        <ng-template appAsyncError>\n          <app-alert type=\"error\">{{ failedText }}</app-alert>\n          <app-button variant=\"secondary\" (click)=\"reload()\">{{ retryText }}</app-button>\n        </ng-template>\n        <ng-template appAsyncLoaded>\n          @if (loaded(); as s) {\n            @if (store.orgTemplate(); as orgTemplate) {\n              <div class=\"brief-toolbar\">\n                <span class=\"save\" role=\"status\" aria-live=\"polite\">{{ saveText() }}</span>\n                <app-button variant=\"subtle\" [disabled]=\"store.busy()\" (click)=\"resetDemo()\">{{\n                  resetLabel\n                }}</app-button>\n              </div>\n              <app-letter-composer\n                [brief]=\"s.brief\"\n                [orgTemplate]=\"orgTemplate\"\n                [logoUrl]=\"store.logoUrl()\"\n                [availablePassages]=\"s.availablePassages\"\n                [diagnostics]=\"store.diagnostics()\"\n                [canEdit]=\"store.canEdit()\"\n                [canApprove]=\"store.canApprove()\"\n                [canReject]=\"store.canReject()\"\n                [canSend]=\"store.canSend()\"\n                [canSubmit]=\"store.canSubmit()\"\n                [busy]=\"store.busy()\"\n                (edit)=\"store.edit($event)\"\n                (submit)=\"store.submit()\"\n                (approve)=\"store.approve()\"\n                (reject)=\"store.reject($event)\"\n                (send)=\"store.send()\"\n                (preview)=\"store.previewLetter()\"\n              />\n            }\n          }\n        </ng-template>\n      </app-async>\n    </app-page-shell>\n  `,\n})\nexport class BriefPage {\n  protected store = inject(BriefStore);\n  protected model = this.store.model;\n  protected lastError = this.store.lastError;\n\n  protected heading = $localize`:@@brief.page.heading:Brief opstellen`;\n  protected intro = $localize`:@@brief.page.intro:Stel de brief aan de zorgverlener samen uit standaardteksten en vrije tekst.`;\n  protected failedText = $localize`:@@brief.page.failed:De brief kon niet worden geladen.`;\n  protected retryText = $localize`:@@brief.page.retry:Opnieuw proberen`;\n  protected resetLabel = $localize`:@@brief.page.reset:Opnieuw beginnen (demo)`;\n\n  private savingText = $localize`:@@brief.page.saving:Concept opslaan…`;\n  private savedText = $localize`:@@brief.page.saved:Concept opgeslagen`;\n  private saveErrorText = $localize`:@@brief.page.saveError:Opslaan mislukt`;\n\n  /** Debounced-save state, surfaced in a polite live region. */\n  protected saveText = computed(() => {\n    switch (this.store.saveState().tag) {\n      case 'Saving':\n        return this.savingText;\n      case 'Saved':\n        return this.savedText;\n      case 'Error':\n        return this.saveErrorText;\n      default:\n        return '';\n    }\n  });\n\n  constructor() {\n    void this.store.load();\n  }\n\n  protected resetDemo() {\n    void this.store.resetDemo();\n  }\n\n  /** Typed narrowing for the `<app-async>` loaded slot — see WP-06: a structural\n      directive's context can't inherit a generic from a sibling host input, so the\n      Success value is unwrapped here instead of through `let-`. */\n  protected readonly loaded = computed(() => {\n    const s = this.model();\n    return s.tag === 'loaded' ? s : undefined;\n  });\n\n  protected reload() {\n    void this.store.load();\n  }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "\n      .brief-toolbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .save {\n        color: var(--rhc-color-foreground-subtle);\n        font-size: 0.9em;\n      }\n    \n",
@@ -13872,7 +15161,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "args": [],
-                "line": 101
+                "line": 103
             },
             "extends": []
         },
@@ -18170,7 +19459,7 @@
         },
         {
             "name": "LetterCanvasComponent",
-            "id": "component-LetterCanvasComponent-5b5482d538b44c7279a3af3862826da02c9bd1d6550fdbbfc3d6d674df661325e934578640bbeca376f63094612435c71528f94407bb8bb7afd9b5b79cd522d3",
+            "id": "component-LetterCanvasComponent-632b95044d65250ad541067eeae95cf49074e02b49f446189a3437d658b7dc1f8102a1bd2b9ac649eca8dcca25582c774505fc94dc79c554604693bd4c76fe53",
             "file": "src/app/brief/ui/letter-canvas/letter-canvas.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -18180,9 +19469,9 @@
             "selector": "app-letter-canvas",
             "styleUrls": [],
             "styles": [
-                "\n      :host {\n        display: block;\n      }\n      .toolbar {\n        display: flex;\n        justify-content: flex-end;\n        margin-block-end: var(--rhc-space-max-sm);\n      }\n      /* Portal-side chrome around the letter surface (not part of the contract file). */\n      .surface {\n        background: var(--rhc-color-grijs-100, #f0f0f0);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-lg);\n        overflow-x: auto;\n      }\n      .surface .letter {\n        box-shadow: 0 1px 4px rgb(0 0 0 / 0.15);\n      }\n      /* Org-identity regions: visibly not the drafter's to edit. */\n      .from-template {\n        background: var(--rhc-color-grijs-100, #f5f5f5);\n        outline: 2mm solid var(--rhc-color-grijs-100, #f5f5f5);\n      }\n      .from-template-caption {\n        font-size: 7.5pt;\n        /* grijs-700, not foreground-subtle: subtle misses AA contrast on the tint. */\n        color: var(--rhc-color-grijs-700, #334155);\n        margin: 0 0 2mm;\n      }\n    "
+                "\n      :host {\n        display: block;\n      }\n      .toolbar {\n        display: flex;\n        justify-content: flex-end;\n        margin-block-end: var(--rhc-space-max-sm);\n      }\n      /* Portal-side chrome around the letter surface (not part of the contract file). */\n      .surface {\n        background: var(--rhc-color-grijs-100);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-lg);\n        overflow-x: auto;\n      }\n      .surface .letter {\n        box-shadow: 0 1px 4px rgb(0 0 0 / 0.15); /* token-ok: paper drop-shadow, not a palette colour */\n      }\n      /* Org-identity regions: visibly not the drafter's to edit. */\n      .from-template {\n        background: var(--rhc-color-grijs-100);\n        outline: 2mm solid var(--rhc-color-grijs-100);\n      }\n      .from-template-caption {\n        font-size: 7.5pt;\n        /* grijs-700, not foreground-subtle: subtle misses AA contrast on the tint. */\n        color: var(--rhc-color-grijs-700);\n        margin: 0 0 2mm;\n      }\n      /* Admin edit-in-place (editableRegions='template'): the org-identity fields\n         become controls styled to sit in the letter, with a visible editable affordance. */\n      .tmpl-input,\n      .tmpl-textarea {\n        font: inherit;\n        color: inherit;\n        width: 100%;\n        box-sizing: border-box;\n        background: var(--rhc-color-geel-100);\n        border: var(--rhc-border-width-sm) dashed var(--rhc-color-border-strong);\n        border-radius: var(--rhc-border-radius-sm);\n        padding: 0.5mm 1mm;\n      }\n      .tmpl-textarea {\n        resize: vertical;\n      }\n      .org-logo {\n        max-height: 20mm;\n        max-width: 60mm;\n        margin-block-end: 3mm;\n      }\n    "
             ],
-            "template": "<ng-template #line let-nodes>\n  @for (node of nodes; track $index) {\n    @switch (node.type) {\n      @case ('text') {\n        <span>{{ node.text }}</span>\n      }\n      @case ('lineBreak') {\n        <br />\n      }\n      @case ('placeholder') {\n        @if (showSample() && autoFor(node.key)) {\n          <span>{{ sampleFor(node.key) }}</span>\n        } @else {\n          <app-placeholder-chip\n            [label]=\"labelFor(node.key)\"\n            [autoResolvable]=\"autoFor(node.key)\"\n            [state]=\"stateFor(node.key)\"\n          />\n        }\n      }\n    }\n  }\n</ng-template>\n\n@if (editableRegions() === 'none') {\n  <div class=\"toolbar\">\n    <app-button\n      variant=\"subtle\"\n      (click)=\"showSample.set(!showSample())\"\n      [attr.aria-pressed]=\"showSample()\"\n    >\n      {{ showSample() ? hideSampleLabel() : showSampleLabel() }}\n    </app-button>\n  </div>\n}\n\n<div class=\"surface\">\n  <div class=\"letter\" #page [style]=\"marginStyle()\" [style.zoom]=\"zoom()\">\n    <!-- div, not <header>/<footer>: the CIBG huisstijl styles those bare elements\n         (robijn footer background) — the letter surface must stay letter.css-only. -->\n    <div class=\"letter__letterhead\" [class.from-template]=\"tintTemplate()\">\n      @if (tintTemplate()) {\n        <p class=\"from-template-caption\">{{ fromTemplateCaption() }}</p>\n      }\n      <p class=\"org-wordmark\">{{ orgTemplate().orgName }}</p>\n      <address class=\"return-address\">{{ orgTemplate().returnAddress }}</address>\n      <address class=\"address-window\">{{ recipientText() }}</address>\n      <dl class=\"reference\">\n        <div>\n          <dt>{{ referenceLabel() }}</dt>\n          <dd>{{ brief().briefId }}</dd>\n        </div>\n        <div>\n          <dt>{{ dateLabel() }}</dt>\n          <dd>{{ letterDate }}</dd>\n        </div>\n      </dl>\n    </div>\n\n    <div class=\"letter__body\">\n      @if (editableRegions() === 'content') {\n        @for (section of brief().sections; track section.sectionKey) {\n          <section>\n            <app-letter-section\n              [section]=\"section\"\n              [availablePassages]=\"availablePassages()\"\n              [placeholders]=\"placeholders()\"\n              [editable]=\"!section.locked\"\n              (edit)=\"edit.emit($event)\"\n            />\n          </section>\n        }\n      } @else {\n        @for (section of brief().sections; track section.sectionKey) {\n          <section>\n            <h3>{{ section.title }}</h3>\n            @for (block of section.blocks; track block.blockId) {\n              @for (seg of segmentsOf(block); track $index) {\n                @if (seg.list === 'bullet') {\n                  <ul>\n                    @for (para of seg.items; track $index) {\n                      <li>\n                        <ng-container\n                          [ngTemplateOutlet]=\"line\"\n                          [ngTemplateOutletContext]=\"{ $implicit: para.nodes }\"\n                        />\n                      </li>\n                    }\n                  </ul>\n                } @else if (seg.list === 'number') {\n                  <ol>\n                    @for (para of seg.items; track $index) {\n                      <li>\n                        <ng-container\n                          [ngTemplateOutlet]=\"line\"\n                          [ngTemplateOutletContext]=\"{ $implicit: para.nodes }\"\n                        />\n                      </li>\n                    }\n                  </ol>\n                } @else {\n                  <p>\n                    <ng-container\n                      [ngTemplateOutlet]=\"line\"\n                      [ngTemplateOutletContext]=\"{ $implicit: seg.items[0].nodes }\"\n                    />\n                  </p>\n                }\n              }\n            }\n          </section>\n        }\n      }\n    </div>\n\n    <div class=\"letter__signature\" [class.from-template]=\"tintTemplate()\">\n      <p>{{ orgTemplate().signatureClosing }}</p>\n      <p class=\"signature-name\">{{ orgTemplate().signatureName }}</p>\n      <p>{{ orgTemplate().signatureRole }}</p>\n    </div>\n\n    <div class=\"letter__footer\" [class.from-template]=\"tintTemplate()\">\n      <div class=\"footer-contact\">{{ orgTemplate().footerContact }}</div>\n      <div class=\"footer-legal\">{{ orgTemplate().footerLegal }}</div>\n    </div>\n\n    @for (top of pageBreaks(); track $index) {\n      <div class=\"letter__page-break\" [style.top.px]=\"top\" aria-hidden=\"true\">\n        <span>{{ pageBreakCaption() }}</span>\n      </div>\n    }\n  </div>\n</div>\n",
+            "template": "<ng-template #line let-nodes>\n  @for (node of nodes; track $index) {\n    @switch (node.type) {\n      @case ('text') {\n        <span>{{ node.text }}</span>\n      }\n      @case ('lineBreak') {\n        <br />\n      }\n      @case ('placeholder') {\n        @if (showSample() && autoFor(node.key)) {\n          <span>{{ sampleFor(node.key) }}</span>\n        } @else {\n          <app-placeholder-chip\n            [label]=\"labelFor(node.key)\"\n            [autoResolvable]=\"autoFor(node.key)\"\n            [state]=\"stateFor(node.key)\"\n          />\n        }\n      }\n    }\n  }\n</ng-template>\n\n@if (editableRegions() === 'none') {\n  <div class=\"toolbar\">\n    <app-button\n      variant=\"subtle\"\n      (click)=\"showSample.set(!showSample())\"\n      [attr.aria-pressed]=\"showSample()\"\n    >\n      {{ showSample() ? hideSampleLabel() : showSampleLabel() }}\n    </app-button>\n  </div>\n}\n\n<div class=\"surface\">\n  <div class=\"letter\" #page [style]=\"marginStyle()\" [style.zoom]=\"zoom()\">\n    <!-- div, not <header>/<footer>: the CIBG huisstijl styles those bare elements\n         (robijn footer background) — the letter surface must stay letter.css-only. -->\n    <div class=\"letter__letterhead\" [class.from-template]=\"tintTemplate()\">\n      @if (tintTemplate()) {\n        <p class=\"from-template-caption\">{{ fromTemplateCaption() }}</p>\n      }\n      @if (logoUrl()) {\n        <img class=\"org-logo\" [src]=\"logoUrl()\" [alt]=\"logoAlt()\" />\n      }\n      @if (editing()) {\n        <input\n          class=\"tmpl-input org-wordmark\"\n          [value]=\"orgTemplate().orgName\"\n          [attr.aria-label]=\"orgNameLabel()\"\n          (input)=\"emitEdit('orgName', $event)\"\n        />\n        <textarea\n          class=\"tmpl-textarea return-address\"\n          rows=\"2\"\n          [value]=\"orgTemplate().returnAddress\"\n          [attr.aria-label]=\"returnAddressLabel()\"\n          (input)=\"emitEdit('returnAddress', $event)\"\n        ></textarea>\n      } @else {\n        <p class=\"org-wordmark\">{{ orgTemplate().orgName }}</p>\n        <address class=\"return-address\">{{ orgTemplate().returnAddress }}</address>\n      }\n      <address class=\"address-window\">{{ recipientText() }}</address>\n      <dl class=\"reference\">\n        <div>\n          <dt>{{ referenceLabel() }}</dt>\n          <dd>{{ brief().briefId }}</dd>\n        </div>\n        <div>\n          <dt>{{ dateLabel() }}</dt>\n          <dd>{{ letterDate }}</dd>\n        </div>\n      </dl>\n    </div>\n\n    <div class=\"letter__body\">\n      @if (editableRegions() === 'content') {\n        @for (section of brief().sections; track section.sectionKey) {\n          <section>\n            <app-letter-section\n              [section]=\"section\"\n              [availablePassages]=\"availablePassages()\"\n              [placeholders]=\"placeholders()\"\n              [editable]=\"!section.locked\"\n              (edit)=\"edit.emit($event)\"\n            />\n          </section>\n        }\n      } @else {\n        @for (section of brief().sections; track section.sectionKey) {\n          <section>\n            <h3>{{ section.title }}</h3>\n            @for (block of section.blocks; track block.blockId) {\n              @for (seg of segmentsOf(block); track $index) {\n                @if (seg.list === 'bullet') {\n                  <ul>\n                    @for (para of seg.items; track $index) {\n                      <li>\n                        <ng-container\n                          [ngTemplateOutlet]=\"line\"\n                          [ngTemplateOutletContext]=\"{ $implicit: para.nodes }\"\n                        />\n                      </li>\n                    }\n                  </ul>\n                } @else if (seg.list === 'number') {\n                  <ol>\n                    @for (para of seg.items; track $index) {\n                      <li>\n                        <ng-container\n                          [ngTemplateOutlet]=\"line\"\n                          [ngTemplateOutletContext]=\"{ $implicit: para.nodes }\"\n                        />\n                      </li>\n                    }\n                  </ol>\n                } @else {\n                  <p>\n                    <ng-container\n                      [ngTemplateOutlet]=\"line\"\n                      [ngTemplateOutletContext]=\"{ $implicit: seg.items[0].nodes }\"\n                    />\n                  </p>\n                }\n              }\n            }\n          </section>\n        }\n      }\n    </div>\n\n    <div class=\"letter__signature\" [class.from-template]=\"tintTemplate()\">\n      @if (editing()) {\n        <input\n          class=\"tmpl-input\"\n          [value]=\"orgTemplate().signatureClosing\"\n          [attr.aria-label]=\"signatureClosingLabel()\"\n          (input)=\"emitEdit('signatureClosing', $event)\"\n        />\n        <input\n          class=\"tmpl-input signature-name\"\n          [value]=\"orgTemplate().signatureName\"\n          [attr.aria-label]=\"signatureNameLabel()\"\n          (input)=\"emitEdit('signatureName', $event)\"\n        />\n        <input\n          class=\"tmpl-input\"\n          [value]=\"orgTemplate().signatureRole\"\n          [attr.aria-label]=\"signatureRoleLabel()\"\n          (input)=\"emitEdit('signatureRole', $event)\"\n        />\n      } @else {\n        <p>{{ orgTemplate().signatureClosing }}</p>\n        <p class=\"signature-name\">{{ orgTemplate().signatureName }}</p>\n        <p>{{ orgTemplate().signatureRole }}</p>\n      }\n    </div>\n\n    <div class=\"letter__footer\" [class.from-template]=\"tintTemplate()\">\n      @if (editing()) {\n        <textarea\n          class=\"tmpl-textarea footer-contact\"\n          rows=\"2\"\n          [value]=\"orgTemplate().footerContact\"\n          [attr.aria-label]=\"footerContactLabel()\"\n          (input)=\"emitEdit('footerContact', $event)\"\n        ></textarea>\n        <input\n          class=\"tmpl-input footer-legal\"\n          [value]=\"orgTemplate().footerLegal\"\n          [attr.aria-label]=\"footerLegalLabel()\"\n          (input)=\"emitEdit('footerLegal', $event)\"\n        />\n      } @else {\n        <div class=\"footer-contact\">{{ orgTemplate().footerContact }}</div>\n        <div class=\"footer-legal\">{{ orgTemplate().footerLegal }}</div>\n      }\n    </div>\n\n    @for (top of pageBreaks(); track $index) {\n      <div class=\"letter__page-break\" [style.top.px]=\"top\" aria-hidden=\"true\">\n        <span>{{ pageBreakCaption() }}</span>\n      </div>\n    }\n  </div>\n</div>\n",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -18196,7 +19485,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 237,
+                    "line": 315,
                     "required": false
                 },
                 {
@@ -18207,7 +19496,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 232,
+                    "line": 310,
                     "required": true
                 },
                 {
@@ -18218,7 +19507,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 255,
+                    "line": 337,
                     "required": false
                 },
                 {
@@ -18230,7 +19519,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 239,
+                    "line": 317,
                     "required": false
                 },
                 {
@@ -18242,10 +19531,32 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Who edits what on the surface: drafter (&#39;content&#39;), read-only (&#39;none&#39;),\nadmin editor (&#39;template&#39;, consumer arrives in WP-26).</p>\n",
-                    "line": 236,
+                    "line": 314,
                     "rawdescription": "\nWho edits what on the surface: drafter ('content'), read-only ('none'),\nadmin editor ('template', consumer arrives in WP-26).",
                     "required": false
                 },
+                {
+                    "name": "footerContactLabel",
+                    "defaultValue": "$localize`:@@brief.canvas.footerContact:Contactgegevens (voettekst)`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 344,
+                    "required": false
+                },
+                {
+                    "name": "footerLegalLabel",
+                    "defaultValue": "$localize`:@@brief.canvas.footerLegal:Juridische voettekst`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 345,
+                    "required": false
+                },
                 {
                     "name": "fromTemplateCaption",
                     "defaultValue": "    $localize`:@@brief.canvas.fromTemplate:Komt uit de huisstijl van de organisatie — niet bewerkbaar in de brief.`,  ",
@@ -18254,7 +19565,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 245,
+                    "line": 327,
                     "required": false
                 },
                 {
@@ -18265,7 +19576,42 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 244,
+                    "line": 326,
+                    "required": false
+                },
+                {
+                    "name": "logoAlt",
+                    "defaultValue": "$localize`:@@brief.canvas.logoAlt:Logo van de organisatie`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 338,
+                    "required": false
+                },
+                {
+                    "name": "logoUrl",
+                    "defaultValue": "null",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string | null",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "<p>The org logo&#39;s content URL (letterhead), or null when none is set.</p>\n",
+                    "line": 320,
+                    "rawdescription": "\nThe org logo's content URL (letterhead), or null when none is set.",
+                    "required": false
+                },
+                {
+                    "name": "orgNameLabel",
+                    "defaultValue": "$localize`:@@brief.canvas.orgName:Organisatienaam`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 339,
                     "required": false
                 },
                 {
@@ -18276,7 +19622,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 233,
+                    "line": 311,
                     "required": true
                 },
                 {
@@ -18287,7 +19633,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 248,
+                    "line": 330,
                     "required": false
                 },
                 {
@@ -18299,7 +19645,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 238,
+                    "line": 316,
                     "required": false
                 },
                 {
@@ -18310,7 +19656,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 251,
+                    "line": 333,
                     "required": false
                 },
                 {
@@ -18321,7 +19667,18 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 254,
+                    "line": 336,
+                    "required": false
+                },
+                {
+                    "name": "returnAddressLabel",
+                    "defaultValue": "$localize`:@@brief.canvas.returnAddress:Retouradres`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 340,
                     "required": false
                 },
                 {
@@ -18332,7 +19689,40 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 243,
+                    "line": 325,
+                    "required": false
+                },
+                {
+                    "name": "signatureClosingLabel",
+                    "defaultValue": "$localize`:@@brief.canvas.signatureClosing:Afsluiting`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 341,
+                    "required": false
+                },
+                {
+                    "name": "signatureNameLabel",
+                    "defaultValue": "$localize`:@@brief.canvas.signatureName:Naam ondertekenaar`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 342,
+                    "required": false
+                },
+                {
+                    "name": "signatureRoleLabel",
+                    "defaultValue": "$localize`:@@brief.canvas.signatureRole:Functie ondertekenaar`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 343,
                     "required": false
                 },
                 {
@@ -18343,7 +19733,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 240,
+                    "line": 318,
                     "required": false
                 }
             ],
@@ -18356,7 +19746,19 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 241,
+                    "line": 321,
+                    "required": false
+                },
+                {
+                    "name": "templateEdit",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "{ field: OrgTemplateTextField; value: string }",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "<p>An in-place edit to an org-identity field (only in <code>editableRegions=&#39;template&#39;</code>).</p>\n",
+                    "line": 323,
+                    "rawdescription": "\nAn in-place edit to an org-identity field (only in `editableRegions='template'`).",
                     "required": false
                 }
             ],
@@ -18370,7 +19772,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 289,
+                    "line": 385,
                     "modifierKind": [
                         124
                     ]
@@ -18384,11 +19786,26 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 276,
+                    "line": 372,
                     "modifierKind": [
                         123
                     ]
                 },
+                {
+                    "name": "editing",
+                    "defaultValue": "computed(() => this.editableRegions() === 'template')",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "<p>Admin edit-in-place: the org-identity regions render as controls.</p>\n",
+                    "line": 354,
+                    "rawdescription": "\nAdmin edit-in-place: the org-identity regions render as controls.",
+                    "modifierKind": [
+                        124
+                    ]
+                },
                 {
                     "name": "labelFor",
                     "defaultValue": "() => {...}",
@@ -18398,7 +19815,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 288,
+                    "line": 384,
                     "modifierKind": [
                         124
                     ]
@@ -18412,7 +19829,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 258,
+                    "line": 348,
                     "modifierKind": [
                         124
                     ]
@@ -18426,7 +19843,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 264,
+                    "line": 360,
                     "modifierKind": [
                         124
                     ]
@@ -18440,7 +19857,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 296,
+                    "line": 392,
                     "modifierKind": [
                         123
                     ]
@@ -18454,7 +19871,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 297,
+                    "line": 393,
                     "modifierKind": [
                         124
                     ]
@@ -18468,7 +19885,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 291,
+                    "line": 387,
                     "modifierKind": [
                         124
                     ]
@@ -18482,7 +19899,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 287,
+                    "line": 383,
                     "modifierKind": [
                         124
                     ]
@@ -18496,7 +19913,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 257,
+                    "line": 347,
                     "modifierKind": [
                         124
                     ]
@@ -18510,7 +19927,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 290,
+                    "line": 386,
                     "modifierKind": [
                         124
                     ]
@@ -18524,7 +19941,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>The letterhead/signature/footer are tinted &quot;not yours&quot; only while composing —\nin &#39;none&#39; the whole surface is read-only, in &#39;template&#39; they ARE the editable focus.</p>\n",
-                    "line": 262,
+                    "line": 352,
                     "rawdescription": "\nThe letterhead/signature/footer are tinted \"not yours\" only while composing —\nin 'none' the whole surface is read-only, in 'template' they ARE the editable focus.",
                     "modifierKind": [
                         124
@@ -18539,13 +19956,68 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 277,
+                    "line": 373,
                     "modifierKind": [
                         123
                     ]
                 }
             ],
-            "methodsClass": [],
+            "methodsClass": [
+                {
+                    "name": "emitEdit",
+                    "args": [
+                        {
+                            "name": "field",
+                            "type": "OrgTemplateTextField",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        },
+                        {
+                            "name": "event",
+                            "type": "Event",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 356,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        124
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "field",
+                            "type": "OrgTemplateTextField",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        },
+                        {
+                            "name": "event",
+                            "type": "Event",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                }
+            ],
             "deprecated": false,
             "deprecationMessage": "",
             "hostBindings": [],
@@ -18571,23 +20043,23 @@
             "description": "<p>Organism: the letter as one surface — the org template&#39;s letterhead, signature and\nfooter around the case-type template&#39;s sections. <code>editableRegions</code> picks who edits\nwhat: <code>&#39;content&#39;</code> hosts the editable letter-sections in place (drafter), <code>&#39;none&#39;</code>\nrenders everything read-only (approver/locked, absorbs the old letter-preview),\n<code>&#39;template&#39;</code> reserves the org-identity regions for the admin editor (WP-26).\nLetter typography/geometry come from the shared <code>public/letter.css</code> contract —\nthe same file the backend preview renderer inlines (WP-25).</p>\n",
             "rawdescription": "\nOrganism: the letter as one surface — the org template's letterhead, signature and\nfooter around the case-type template's sections. `editableRegions` picks who edits\nwhat: `'content'` hosts the editable letter-sections in place (drafter), `'none'`\nrenders everything read-only (approver/locked, absorbs the old letter-preview),\n`'template'` reserves the org-identity regions for the admin editor (WP-26).\nLetter typography/geometry come from the shared `public/letter.css` contract —\nthe same file the backend preview renderer inlines (WP-25).",
             "type": "component",
-            "sourceCode": "import {\n  Component,\n  DestroyRef,\n  ElementRef,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ButtonComponent } from '@shared/ui/button/button.component';\nimport { PlaceholderChipComponent } from '@shared/ui/placeholder-chip/placeholder-chip.component';\nimport { PlaceholderOption } from '@shared/ui/rich-text-editor/rich-text-editor.component';\nimport { formatDatumNl } from '@shared/kernel/datum';\nimport { Paragraph } from '@shared/kernel/rich-text';\nimport { Brief, LetterBlock, LibraryPassage } from '@brief/domain/brief';\nimport { OrgTemplate } from '@brief/domain/org-template';\nimport { Diagnostic } from '@brief/domain/placeholders';\nimport { BriefMsg } from '@brief/domain/brief.machine';\nimport { LetterSectionComponent } from '@brief/ui/letter-section/letter-section.component';\n\n/** A run of consecutive lines to render together: a list (bullet/number) or a single plain line. */\ntype PreviewSegment = {\n  readonly list: 'bullet' | 'number' | null;\n  readonly items: readonly Paragraph[];\n};\n\nfunction groupParagraphs(paras: readonly Paragraph[]): PreviewSegment[] {\n  const out: { list: 'bullet' | 'number' | null; items: Paragraph[] }[] = [];\n  for (const para of paras) {\n    const kind = para.list ?? null;\n    const last = out[out.length - 1];\n    if (kind && last && last.list === kind) last.items.push(para);\n    else out.push({ list: kind, items: [para] });\n  }\n  return out;\n}\n\n// Illustrative values for the \"Voorbeeld\" toggle — what send resolves server-side.\nconst SAMPLE_VALUES: Record<string, string> = {\n  naam_zorgverlener: 'J. Jansen',\n  big_nummer: '12345678901',\n};\n\n/** A4 height in CSS px (1in = 96px = 25.4mm) — for the approximate page-break marks. */\nconst A4_HEIGHT_PX = (297 * 96) / 25.4;\n\n/** Organism: the letter as one surface — the org template's letterhead, signature and\n    footer around the case-type template's sections. `editableRegions` picks who edits\n    what: `'content'` hosts the editable letter-sections in place (drafter), `'none'`\n    renders everything read-only (approver/locked, absorbs the old letter-preview),\n    `'template'` reserves the org-identity regions for the admin editor (WP-26).\n    Letter typography/geometry come from the shared `public/letter.css` contract —\n    the same file the backend preview renderer inlines (WP-25). */\n@Component({\n  selector: 'app-letter-canvas',\n  imports: [NgTemplateOutlet, ButtonComponent, PlaceholderChipComponent, LetterSectionComponent],\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n      .toolbar {\n        display: flex;\n        justify-content: flex-end;\n        margin-block-end: var(--rhc-space-max-sm);\n      }\n      /* Portal-side chrome around the letter surface (not part of the contract file). */\n      .surface {\n        background: var(--rhc-color-grijs-100, #f0f0f0);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-lg);\n        overflow-x: auto;\n      }\n      .surface .letter {\n        box-shadow: 0 1px 4px rgb(0 0 0 / 0.15);\n      }\n      /* Org-identity regions: visibly not the drafter's to edit. */\n      .from-template {\n        background: var(--rhc-color-grijs-100, #f5f5f5);\n        outline: 2mm solid var(--rhc-color-grijs-100, #f5f5f5);\n      }\n      .from-template-caption {\n        font-size: 7.5pt;\n        /* grijs-700, not foreground-subtle: subtle misses AA contrast on the tint. */\n        color: var(--rhc-color-grijs-700, #334155);\n        margin: 0 0 2mm;\n      }\n    `,\n  ],\n  template: `\n    <ng-template #line let-nodes>\n      @for (node of nodes; track $index) {\n        @switch (node.type) {\n          @case ('text') {\n            <span>{{ node.text }}</span>\n          }\n          @case ('lineBreak') {\n            <br />\n          }\n          @case ('placeholder') {\n            @if (showSample() && autoFor(node.key)) {\n              <span>{{ sampleFor(node.key) }}</span>\n            } @else {\n              <app-placeholder-chip\n                [label]=\"labelFor(node.key)\"\n                [autoResolvable]=\"autoFor(node.key)\"\n                [state]=\"stateFor(node.key)\"\n              />\n            }\n          }\n        }\n      }\n    </ng-template>\n\n    @if (editableRegions() === 'none') {\n      <div class=\"toolbar\">\n        <app-button\n          variant=\"subtle\"\n          (click)=\"showSample.set(!showSample())\"\n          [attr.aria-pressed]=\"showSample()\"\n        >\n          {{ showSample() ? hideSampleLabel() : showSampleLabel() }}\n        </app-button>\n      </div>\n    }\n\n    <div class=\"surface\">\n      <div class=\"letter\" #page [style]=\"marginStyle()\" [style.zoom]=\"zoom()\">\n        <!-- div, not <header>/<footer>: the CIBG huisstijl styles those bare elements\n             (robijn footer background) — the letter surface must stay letter.css-only. -->\n        <div class=\"letter__letterhead\" [class.from-template]=\"tintTemplate()\">\n          @if (tintTemplate()) {\n            <p class=\"from-template-caption\">{{ fromTemplateCaption() }}</p>\n          }\n          <p class=\"org-wordmark\">{{ orgTemplate().orgName }}</p>\n          <address class=\"return-address\">{{ orgTemplate().returnAddress }}</address>\n          <address class=\"address-window\">{{ recipientText() }}</address>\n          <dl class=\"reference\">\n            <div>\n              <dt>{{ referenceLabel() }}</dt>\n              <dd>{{ brief().briefId }}</dd>\n            </div>\n            <div>\n              <dt>{{ dateLabel() }}</dt>\n              <dd>{{ letterDate }}</dd>\n            </div>\n          </dl>\n        </div>\n\n        <div class=\"letter__body\">\n          @if (editableRegions() === 'content') {\n            @for (section of brief().sections; track section.sectionKey) {\n              <section>\n                <app-letter-section\n                  [section]=\"section\"\n                  [availablePassages]=\"availablePassages()\"\n                  [placeholders]=\"placeholders()\"\n                  [editable]=\"!section.locked\"\n                  (edit)=\"edit.emit($event)\"\n                />\n              </section>\n            }\n          } @else {\n            @for (section of brief().sections; track section.sectionKey) {\n              <section>\n                <h3>{{ section.title }}</h3>\n                @for (block of section.blocks; track block.blockId) {\n                  @for (seg of segmentsOf(block); track $index) {\n                    @if (seg.list === 'bullet') {\n                      <ul>\n                        @for (para of seg.items; track $index) {\n                          <li>\n                            <ng-container\n                              [ngTemplateOutlet]=\"line\"\n                              [ngTemplateOutletContext]=\"{ $implicit: para.nodes }\"\n                            />\n                          </li>\n                        }\n                      </ul>\n                    } @else if (seg.list === 'number') {\n                      <ol>\n                        @for (para of seg.items; track $index) {\n                          <li>\n                            <ng-container\n                              [ngTemplateOutlet]=\"line\"\n                              [ngTemplateOutletContext]=\"{ $implicit: para.nodes }\"\n                            />\n                          </li>\n                        }\n                      </ol>\n                    } @else {\n                      <p>\n                        <ng-container\n                          [ngTemplateOutlet]=\"line\"\n                          [ngTemplateOutletContext]=\"{ $implicit: seg.items[0].nodes }\"\n                        />\n                      </p>\n                    }\n                  }\n                }\n              </section>\n            }\n          }\n        </div>\n\n        <div class=\"letter__signature\" [class.from-template]=\"tintTemplate()\">\n          <p>{{ orgTemplate().signatureClosing }}</p>\n          <p class=\"signature-name\">{{ orgTemplate().signatureName }}</p>\n          <p>{{ orgTemplate().signatureRole }}</p>\n        </div>\n\n        <div class=\"letter__footer\" [class.from-template]=\"tintTemplate()\">\n          <div class=\"footer-contact\">{{ orgTemplate().footerContact }}</div>\n          <div class=\"footer-legal\">{{ orgTemplate().footerLegal }}</div>\n        </div>\n\n        @for (top of pageBreaks(); track $index) {\n          <div class=\"letter__page-break\" [style.top.px]=\"top\" aria-hidden=\"true\">\n            <span>{{ pageBreakCaption() }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  `,\n})\nexport class LetterCanvasComponent {\n  brief = input.required<Brief>();\n  orgTemplate = input.required<OrgTemplate>();\n  /** Who edits what on the surface: drafter ('content'), read-only ('none'),\n      admin editor ('template', consumer arrives in WP-26). */\n  editableRegions = input<'content' | 'template' | 'none'>('none');\n  availablePassages = input<readonly LibraryPassage[]>([]);\n  placeholders = input<readonly PlaceholderOption[]>([]);\n  diagnostics = input<readonly Diagnostic[]>([]);\n  zoom = input(1);\n  edit = output<BriefMsg>();\n\n  showSampleLabel = input($localize`:@@brief.preview.showSample:Voorbeeld met testwaarden`);\n  hideSampleLabel = input($localize`:@@brief.preview.hideSample:Testwaarden verbergen`);\n  fromTemplateCaption = input(\n    $localize`:@@brief.canvas.fromTemplate:Komt uit de huisstijl van de organisatie — niet bewerkbaar in de brief.`,\n  );\n  pageBreakCaption = input(\n    $localize`:@@brief.canvas.pageBreak:±pagina-einde — afdrukvoorbeeld is leidend`,\n  );\n  recipientText = input(\n    $localize`:@@brief.canvas.recipient:Adres van de geadresseerde\\n(wordt ingevuld bij verzending)`,\n  );\n  referenceLabel = input($localize`:@@brief.canvas.reference:Ons kenmerk`);\n  dateLabel = input($localize`:@@brief.canvas.date:Datum`);\n\n  protected showSample = signal(false);\n  protected letterDate = formatDatumNl(new Date());\n\n  /** The letterhead/signature/footer are tinted \"not yours\" only while composing —\n      in 'none' the whole surface is read-only, in 'template' they ARE the editable focus. */\n  protected tintTemplate = computed(() => this.editableRegions() === 'content');\n\n  protected marginStyle = computed(() => {\n    const m = this.orgTemplate().margins;\n    return {\n      '--letter-margin-top': `${m.topMm}mm`,\n      '--letter-margin-right': `${m.rightMm}mm`,\n      '--letter-margin-bottom': `${m.bottomMm}mm`,\n      '--letter-margin-left': `${m.leftMm}mm`,\n    };\n  });\n\n  // --- read-only rendering helpers (migrated from the superseded letter-preview) ---\n\n  private defs = computed(() => new Map(this.brief().placeholders.map((p) => [p.key, p])));\n  private worst = computed(() => {\n    const m = new Map<string, 'error' | 'warning'>();\n    for (const d of this.diagnostics()) {\n      if (!d.placeholderKey) continue;\n      if (d.severity === 'error') m.set(d.placeholderKey, 'error');\n      else if (!m.has(d.placeholderKey)) m.set(d.placeholderKey, 'warning');\n    }\n    return m;\n  });\n\n  protected segmentsOf = (block: LetterBlock) => groupParagraphs(block.content.paragraphs);\n  protected labelFor = (key: string) => this.defs().get(key)?.label ?? key;\n  protected autoFor = (key: string) => this.defs().get(key)?.autoResolvable ?? false;\n  protected stateFor = (key: string): 'ok' | 'warning' | 'error' => this.worst().get(key) ?? 'ok';\n  protected sampleFor = (key: string) =>\n    SAMPLE_VALUES[key] ?? (key === 'datum' ? this.letterDate : this.labelFor(key));\n\n  // --- approximate page-break marks (PRD §2b: honest \"±\", print preview is leading) ---\n\n  private page = viewChild<ElementRef<HTMLElement>>('page');\n  protected pageBreaks = signal<readonly number[]>([]);\n\n  constructor() {\n    // ponytail: whole-surface height / A4-interval — ignores that a break never truly\n    // falls mid-line; the caption says \"±\" and WP-25's server preview is authoritative.\n    const observer = new ResizeObserver(([entry]) => {\n      // ~1cm tolerance so a letter ending on a page boundary gets no edge-hugging mark.\n      const pages = Math.ceil((entry.target.scrollHeight - 40) / A4_HEIGHT_PX);\n      this.pageBreaks.set(\n        Array.from({ length: Math.max(0, pages - 1) }, (_, i) => (i + 1) * A4_HEIGHT_PX),\n      );\n    });\n    effect((onCleanup) => {\n      const el = this.page()?.nativeElement;\n      if (!el) return;\n      observer.observe(el);\n      onCleanup(() => observer.unobserve(el));\n    });\n    inject(DestroyRef).onDestroy(() => observer.disconnect());\n  }\n}\n",
+            "sourceCode": "import {\n  Component,\n  DestroyRef,\n  ElementRef,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ButtonComponent } from '@shared/ui/button/button.component';\nimport { PlaceholderChipComponent } from '@shared/ui/placeholder-chip/placeholder-chip.component';\nimport { PlaceholderOption } from '@shared/ui/rich-text-editor/rich-text-editor.component';\nimport { formatDatumNl } from '@shared/kernel/datum';\nimport { Paragraph } from '@shared/kernel/rich-text';\nimport { Brief, LetterBlock, LibraryPassage } from '@brief/domain/brief';\nimport { OrgTemplate } from '@brief/domain/org-template';\nimport { OrgTemplateTextField } from '@brief/domain/org-template.machine';\nimport { Diagnostic } from '@brief/domain/placeholders';\nimport { BriefMsg } from '@brief/domain/brief.machine';\nimport { LetterSectionComponent } from '@brief/ui/letter-section/letter-section.component';\n\n/** A run of consecutive lines to render together: a list (bullet/number) or a single plain line. */\ntype PreviewSegment = {\n  readonly list: 'bullet' | 'number' | null;\n  readonly items: readonly Paragraph[];\n};\n\nfunction groupParagraphs(paras: readonly Paragraph[]): PreviewSegment[] {\n  const out: { list: 'bullet' | 'number' | null; items: Paragraph[] }[] = [];\n  for (const para of paras) {\n    const kind = para.list ?? null;\n    const last = out[out.length - 1];\n    if (kind && last && last.list === kind) last.items.push(para);\n    else out.push({ list: kind, items: [para] });\n  }\n  return out;\n}\n\n// Illustrative values for the \"Voorbeeld\" toggle — what send resolves server-side.\nconst SAMPLE_VALUES: Record<string, string> = {\n  naam_zorgverlener: 'J. Jansen',\n  big_nummer: '12345678901',\n};\n\n/** A4 height in CSS px (1in = 96px = 25.4mm) — for the approximate page-break marks. */\nconst A4_HEIGHT_PX = (297 * 96) / 25.4;\n\n/** Organism: the letter as one surface — the org template's letterhead, signature and\n    footer around the case-type template's sections. `editableRegions` picks who edits\n    what: `'content'` hosts the editable letter-sections in place (drafter), `'none'`\n    renders everything read-only (approver/locked, absorbs the old letter-preview),\n    `'template'` reserves the org-identity regions for the admin editor (WP-26).\n    Letter typography/geometry come from the shared `public/letter.css` contract —\n    the same file the backend preview renderer inlines (WP-25). */\n@Component({\n  selector: 'app-letter-canvas',\n  imports: [NgTemplateOutlet, ButtonComponent, PlaceholderChipComponent, LetterSectionComponent],\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n      .toolbar {\n        display: flex;\n        justify-content: flex-end;\n        margin-block-end: var(--rhc-space-max-sm);\n      }\n      /* Portal-side chrome around the letter surface (not part of the contract file). */\n      .surface {\n        background: var(--rhc-color-grijs-100);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-lg);\n        overflow-x: auto;\n      }\n      .surface .letter {\n        box-shadow: 0 1px 4px rgb(0 0 0 / 0.15); /* token-ok: paper drop-shadow, not a palette colour */\n      }\n      /* Org-identity regions: visibly not the drafter's to edit. */\n      .from-template {\n        background: var(--rhc-color-grijs-100);\n        outline: 2mm solid var(--rhc-color-grijs-100);\n      }\n      .from-template-caption {\n        font-size: 7.5pt;\n        /* grijs-700, not foreground-subtle: subtle misses AA contrast on the tint. */\n        color: var(--rhc-color-grijs-700);\n        margin: 0 0 2mm;\n      }\n      /* Admin edit-in-place (editableRegions='template'): the org-identity fields\n         become controls styled to sit in the letter, with a visible editable affordance. */\n      .tmpl-input,\n      .tmpl-textarea {\n        font: inherit;\n        color: inherit;\n        width: 100%;\n        box-sizing: border-box;\n        background: var(--rhc-color-geel-100);\n        border: var(--rhc-border-width-sm) dashed var(--rhc-color-border-strong);\n        border-radius: var(--rhc-border-radius-sm);\n        padding: 0.5mm 1mm;\n      }\n      .tmpl-textarea {\n        resize: vertical;\n      }\n      .org-logo {\n        max-height: 20mm;\n        max-width: 60mm;\n        margin-block-end: 3mm;\n      }\n    `,\n  ],\n  template: `\n    <ng-template #line let-nodes>\n      @for (node of nodes; track $index) {\n        @switch (node.type) {\n          @case ('text') {\n            <span>{{ node.text }}</span>\n          }\n          @case ('lineBreak') {\n            <br />\n          }\n          @case ('placeholder') {\n            @if (showSample() && autoFor(node.key)) {\n              <span>{{ sampleFor(node.key) }}</span>\n            } @else {\n              <app-placeholder-chip\n                [label]=\"labelFor(node.key)\"\n                [autoResolvable]=\"autoFor(node.key)\"\n                [state]=\"stateFor(node.key)\"\n              />\n            }\n          }\n        }\n      }\n    </ng-template>\n\n    @if (editableRegions() === 'none') {\n      <div class=\"toolbar\">\n        <app-button\n          variant=\"subtle\"\n          (click)=\"showSample.set(!showSample())\"\n          [attr.aria-pressed]=\"showSample()\"\n        >\n          {{ showSample() ? hideSampleLabel() : showSampleLabel() }}\n        </app-button>\n      </div>\n    }\n\n    <div class=\"surface\">\n      <div class=\"letter\" #page [style]=\"marginStyle()\" [style.zoom]=\"zoom()\">\n        <!-- div, not <header>/<footer>: the CIBG huisstijl styles those bare elements\n             (robijn footer background) — the letter surface must stay letter.css-only. -->\n        <div class=\"letter__letterhead\" [class.from-template]=\"tintTemplate()\">\n          @if (tintTemplate()) {\n            <p class=\"from-template-caption\">{{ fromTemplateCaption() }}</p>\n          }\n          @if (logoUrl()) {\n            <img class=\"org-logo\" [src]=\"logoUrl()\" [alt]=\"logoAlt()\" />\n          }\n          @if (editing()) {\n            <input\n              class=\"tmpl-input org-wordmark\"\n              [value]=\"orgTemplate().orgName\"\n              [attr.aria-label]=\"orgNameLabel()\"\n              (input)=\"emitEdit('orgName', $event)\"\n            />\n            <textarea\n              class=\"tmpl-textarea return-address\"\n              rows=\"2\"\n              [value]=\"orgTemplate().returnAddress\"\n              [attr.aria-label]=\"returnAddressLabel()\"\n              (input)=\"emitEdit('returnAddress', $event)\"\n            ></textarea>\n          } @else {\n            <p class=\"org-wordmark\">{{ orgTemplate().orgName }}</p>\n            <address class=\"return-address\">{{ orgTemplate().returnAddress }}</address>\n          }\n          <address class=\"address-window\">{{ recipientText() }}</address>\n          <dl class=\"reference\">\n            <div>\n              <dt>{{ referenceLabel() }}</dt>\n              <dd>{{ brief().briefId }}</dd>\n            </div>\n            <div>\n              <dt>{{ dateLabel() }}</dt>\n              <dd>{{ letterDate }}</dd>\n            </div>\n          </dl>\n        </div>\n\n        <div class=\"letter__body\">\n          @if (editableRegions() === 'content') {\n            @for (section of brief().sections; track section.sectionKey) {\n              <section>\n                <app-letter-section\n                  [section]=\"section\"\n                  [availablePassages]=\"availablePassages()\"\n                  [placeholders]=\"placeholders()\"\n                  [editable]=\"!section.locked\"\n                  (edit)=\"edit.emit($event)\"\n                />\n              </section>\n            }\n          } @else {\n            @for (section of brief().sections; track section.sectionKey) {\n              <section>\n                <h3>{{ section.title }}</h3>\n                @for (block of section.blocks; track block.blockId) {\n                  @for (seg of segmentsOf(block); track $index) {\n                    @if (seg.list === 'bullet') {\n                      <ul>\n                        @for (para of seg.items; track $index) {\n                          <li>\n                            <ng-container\n                              [ngTemplateOutlet]=\"line\"\n                              [ngTemplateOutletContext]=\"{ $implicit: para.nodes }\"\n                            />\n                          </li>\n                        }\n                      </ul>\n                    } @else if (seg.list === 'number') {\n                      <ol>\n                        @for (para of seg.items; track $index) {\n                          <li>\n                            <ng-container\n                              [ngTemplateOutlet]=\"line\"\n                              [ngTemplateOutletContext]=\"{ $implicit: para.nodes }\"\n                            />\n                          </li>\n                        }\n                      </ol>\n                    } @else {\n                      <p>\n                        <ng-container\n                          [ngTemplateOutlet]=\"line\"\n                          [ngTemplateOutletContext]=\"{ $implicit: seg.items[0].nodes }\"\n                        />\n                      </p>\n                    }\n                  }\n                }\n              </section>\n            }\n          }\n        </div>\n\n        <div class=\"letter__signature\" [class.from-template]=\"tintTemplate()\">\n          @if (editing()) {\n            <input\n              class=\"tmpl-input\"\n              [value]=\"orgTemplate().signatureClosing\"\n              [attr.aria-label]=\"signatureClosingLabel()\"\n              (input)=\"emitEdit('signatureClosing', $event)\"\n            />\n            <input\n              class=\"tmpl-input signature-name\"\n              [value]=\"orgTemplate().signatureName\"\n              [attr.aria-label]=\"signatureNameLabel()\"\n              (input)=\"emitEdit('signatureName', $event)\"\n            />\n            <input\n              class=\"tmpl-input\"\n              [value]=\"orgTemplate().signatureRole\"\n              [attr.aria-label]=\"signatureRoleLabel()\"\n              (input)=\"emitEdit('signatureRole', $event)\"\n            />\n          } @else {\n            <p>{{ orgTemplate().signatureClosing }}</p>\n            <p class=\"signature-name\">{{ orgTemplate().signatureName }}</p>\n            <p>{{ orgTemplate().signatureRole }}</p>\n          }\n        </div>\n\n        <div class=\"letter__footer\" [class.from-template]=\"tintTemplate()\">\n          @if (editing()) {\n            <textarea\n              class=\"tmpl-textarea footer-contact\"\n              rows=\"2\"\n              [value]=\"orgTemplate().footerContact\"\n              [attr.aria-label]=\"footerContactLabel()\"\n              (input)=\"emitEdit('footerContact', $event)\"\n            ></textarea>\n            <input\n              class=\"tmpl-input footer-legal\"\n              [value]=\"orgTemplate().footerLegal\"\n              [attr.aria-label]=\"footerLegalLabel()\"\n              (input)=\"emitEdit('footerLegal', $event)\"\n            />\n          } @else {\n            <div class=\"footer-contact\">{{ orgTemplate().footerContact }}</div>\n            <div class=\"footer-legal\">{{ orgTemplate().footerLegal }}</div>\n          }\n        </div>\n\n        @for (top of pageBreaks(); track $index) {\n          <div class=\"letter__page-break\" [style.top.px]=\"top\" aria-hidden=\"true\">\n            <span>{{ pageBreakCaption() }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  `,\n})\nexport class LetterCanvasComponent {\n  brief = input.required<Brief>();\n  orgTemplate = input.required<OrgTemplate>();\n  /** Who edits what on the surface: drafter ('content'), read-only ('none'),\n      admin editor ('template', consumer arrives in WP-26). */\n  editableRegions = input<'content' | 'template' | 'none'>('none');\n  availablePassages = input<readonly LibraryPassage[]>([]);\n  placeholders = input<readonly PlaceholderOption[]>([]);\n  diagnostics = input<readonly Diagnostic[]>([]);\n  zoom = input(1);\n  /** The org logo's content URL (letterhead), or null when none is set. */\n  logoUrl = input<string | null>(null);\n  edit = output<BriefMsg>();\n  /** An in-place edit to an org-identity field (only in `editableRegions='template'`). */\n  templateEdit = output<{ field: OrgTemplateTextField; value: string }>();\n\n  showSampleLabel = input($localize`:@@brief.preview.showSample:Voorbeeld met testwaarden`);\n  hideSampleLabel = input($localize`:@@brief.preview.hideSample:Testwaarden verbergen`);\n  fromTemplateCaption = input(\n    $localize`:@@brief.canvas.fromTemplate:Komt uit de huisstijl van de organisatie — niet bewerkbaar in de brief.`,\n  );\n  pageBreakCaption = input(\n    $localize`:@@brief.canvas.pageBreak:±pagina-einde — afdrukvoorbeeld is leidend`,\n  );\n  recipientText = input(\n    $localize`:@@brief.canvas.recipient:Adres van de geadresseerde\\n(wordt ingevuld bij verzending)`,\n  );\n  referenceLabel = input($localize`:@@brief.canvas.reference:Ons kenmerk`);\n  dateLabel = input($localize`:@@brief.canvas.date:Datum`);\n  logoAlt = input($localize`:@@brief.canvas.logoAlt:Logo van de organisatie`);\n  orgNameLabel = input($localize`:@@brief.canvas.orgName:Organisatienaam`);\n  returnAddressLabel = input($localize`:@@brief.canvas.returnAddress:Retouradres`);\n  signatureClosingLabel = input($localize`:@@brief.canvas.signatureClosing:Afsluiting`);\n  signatureNameLabel = input($localize`:@@brief.canvas.signatureName:Naam ondertekenaar`);\n  signatureRoleLabel = input($localize`:@@brief.canvas.signatureRole:Functie ondertekenaar`);\n  footerContactLabel = input($localize`:@@brief.canvas.footerContact:Contactgegevens (voettekst)`);\n  footerLegalLabel = input($localize`:@@brief.canvas.footerLegal:Juridische voettekst`);\n\n  protected showSample = signal(false);\n  protected letterDate = formatDatumNl(new Date());\n\n  /** The letterhead/signature/footer are tinted \"not yours\" only while composing —\n      in 'none' the whole surface is read-only, in 'template' they ARE the editable focus. */\n  protected tintTemplate = computed(() => this.editableRegions() === 'content');\n  /** Admin edit-in-place: the org-identity regions render as controls. */\n  protected editing = computed(() => this.editableRegions() === 'template');\n\n  protected emitEdit(field: OrgTemplateTextField, event: Event) {\n    this.templateEdit.emit({ field, value: (event.target as HTMLInputElement | HTMLTextAreaElement).value });\n  }\n\n  protected marginStyle = computed(() => {\n    const m = this.orgTemplate().margins;\n    return {\n      '--letter-margin-top': `${m.topMm}mm`,\n      '--letter-margin-right': `${m.rightMm}mm`,\n      '--letter-margin-bottom': `${m.bottomMm}mm`,\n      '--letter-margin-left': `${m.leftMm}mm`,\n    };\n  });\n\n  // --- read-only rendering helpers (migrated from the superseded letter-preview) ---\n\n  private defs = computed(() => new Map(this.brief().placeholders.map((p) => [p.key, p])));\n  private worst = computed(() => {\n    const m = new Map<string, 'error' | 'warning'>();\n    for (const d of this.diagnostics()) {\n      if (!d.placeholderKey) continue;\n      if (d.severity === 'error') m.set(d.placeholderKey, 'error');\n      else if (!m.has(d.placeholderKey)) m.set(d.placeholderKey, 'warning');\n    }\n    return m;\n  });\n\n  protected segmentsOf = (block: LetterBlock) => groupParagraphs(block.content.paragraphs);\n  protected labelFor = (key: string) => this.defs().get(key)?.label ?? key;\n  protected autoFor = (key: string) => this.defs().get(key)?.autoResolvable ?? false;\n  protected stateFor = (key: string): 'ok' | 'warning' | 'error' => this.worst().get(key) ?? 'ok';\n  protected sampleFor = (key: string) =>\n    SAMPLE_VALUES[key] ?? (key === 'datum' ? this.letterDate : this.labelFor(key));\n\n  // --- approximate page-break marks (PRD §2b: honest \"±\", print preview is leading) ---\n\n  private page = viewChild<ElementRef<HTMLElement>>('page');\n  protected pageBreaks = signal<readonly number[]>([]);\n\n  constructor() {\n    // ponytail: whole-surface height / A4-interval — ignores that a break never truly\n    // falls mid-line; the caption says \"±\" and WP-25's server preview is authoritative.\n    const observer = new ResizeObserver(([entry]) => {\n      // ~1cm tolerance so a letter ending on a page boundary gets no edge-hugging mark.\n      const pages = Math.ceil((entry.target.scrollHeight - 40) / A4_HEIGHT_PX);\n      this.pageBreaks.set(\n        Array.from({ length: Math.max(0, pages - 1) }, (_, i) => (i + 1) * A4_HEIGHT_PX),\n      );\n    });\n    effect((onCleanup) => {\n      const el = this.page()?.nativeElement;\n      if (!el) return;\n      observer.observe(el);\n      onCleanup(() => observer.unobserve(el));\n    });\n    inject(DestroyRef).onDestroy(() => observer.disconnect());\n  }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
-            "stylesData": "\n      :host {\n        display: block;\n      }\n      .toolbar {\n        display: flex;\n        justify-content: flex-end;\n        margin-block-end: var(--rhc-space-max-sm);\n      }\n      /* Portal-side chrome around the letter surface (not part of the contract file). */\n      .surface {\n        background: var(--rhc-color-grijs-100, #f0f0f0);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-lg);\n        overflow-x: auto;\n      }\n      .surface .letter {\n        box-shadow: 0 1px 4px rgb(0 0 0 / 0.15);\n      }\n      /* Org-identity regions: visibly not the drafter's to edit. */\n      .from-template {\n        background: var(--rhc-color-grijs-100, #f5f5f5);\n        outline: 2mm solid var(--rhc-color-grijs-100, #f5f5f5);\n      }\n      .from-template-caption {\n        font-size: 7.5pt;\n        /* grijs-700, not foreground-subtle: subtle misses AA contrast on the tint. */\n        color: var(--rhc-color-grijs-700, #334155);\n        margin: 0 0 2mm;\n      }\n    \n",
+            "stylesData": "\n      :host {\n        display: block;\n      }\n      .toolbar {\n        display: flex;\n        justify-content: flex-end;\n        margin-block-end: var(--rhc-space-max-sm);\n      }\n      /* Portal-side chrome around the letter surface (not part of the contract file). */\n      .surface {\n        background: var(--rhc-color-grijs-100);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-lg);\n        overflow-x: auto;\n      }\n      .surface .letter {\n        box-shadow: 0 1px 4px rgb(0 0 0 / 0.15); /* token-ok: paper drop-shadow, not a palette colour */\n      }\n      /* Org-identity regions: visibly not the drafter's to edit. */\n      .from-template {\n        background: var(--rhc-color-grijs-100);\n        outline: 2mm solid var(--rhc-color-grijs-100);\n      }\n      .from-template-caption {\n        font-size: 7.5pt;\n        /* grijs-700, not foreground-subtle: subtle misses AA contrast on the tint. */\n        color: var(--rhc-color-grijs-700);\n        margin: 0 0 2mm;\n      }\n      /* Admin edit-in-place (editableRegions='template'): the org-identity fields\n         become controls styled to sit in the letter, with a visible editable affordance. */\n      .tmpl-input,\n      .tmpl-textarea {\n        font: inherit;\n        color: inherit;\n        width: 100%;\n        box-sizing: border-box;\n        background: var(--rhc-color-geel-100);\n        border: var(--rhc-border-width-sm) dashed var(--rhc-color-border-strong);\n        border-radius: var(--rhc-border-radius-sm);\n        padding: 0.5mm 1mm;\n      }\n      .tmpl-textarea {\n        resize: vertical;\n      }\n      .org-logo {\n        max-height: 20mm;\n        max-width: 60mm;\n        margin-block-end: 3mm;\n      }\n    \n",
             "constructorObj": {
                 "name": "constructor",
                 "description": "",
                 "deprecated": false,
                 "deprecationMessage": "",
                 "args": [],
-                "line": 297
+                "line": 393
             },
             "extends": []
         },
         {
             "name": "LetterComposerComponent",
-            "id": "component-LetterComposerComponent-77edd5fe085467d0e3885c0fc211e474792ed97568ba59ca9bc88e4c35b4f10b52b54a4e6ea973db3d12630ab4ed00129f1cf1c552677a18b83d56a0e2dbfef8",
+            "id": "component-LetterComposerComponent-1abe8a9e22b5bd5bc0f45b555ac2aef78219c7cf64f79e63caa35e0542273f817779c6fb69a3c178219f4fd4559cc918ff742953c92fc329b2c5b125b0562dda",
             "file": "src/app/brief/ui/letter-composer/letter-composer.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -18597,9 +20069,9 @@
             "selector": "app-letter-composer",
             "styleUrls": [],
             "styles": [
-                "\n      :host {\n        display: block;\n      }\n      .head {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .panel {\n        margin-block: var(--rhc-space-max-xl);\n      }\n      .bar {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--rhc-space-max-md);\n        align-items: center;\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n    "
+                "\n      :host {\n        display: block;\n      }\n      .head {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .head-end {\n        display: flex;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n      }\n      .panel {\n        margin-block: var(--rhc-space-max-xl);\n      }\n      .bar {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--rhc-space-max-md);\n        align-items: center;\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n    "
             ],
-            "template": "<div class=\"head\">\n  <app-heading [level]=\"2\">{{ title() }}</app-heading>\n  <app-status-badge [label]=\"statusLabel()\" [color]=\"statusColor()\" />\n</div>\n\n@if (status() === 'rejected') {\n  <app-rejection-comments mode=\"show\" [comments]=\"rejectComments()\" />\n}\n\n<app-letter-canvas\n  [brief]=\"brief()\"\n  [orgTemplate]=\"orgTemplate()\"\n  [editableRegions]=\"canEdit() ? 'content' : 'none'\"\n  [availablePassages]=\"availablePassages()\"\n  [placeholders]=\"menu()\"\n  [diagnostics]=\"diagnostics()\"\n  (edit)=\"edit.emit($event)\"\n/>\n\n<div class=\"panel\">\n  <app-diagnostics-panel [diagnostics]=\"diagnostics()\" (locate)=\"locate.emit($event)\" />\n</div>\n\n<div class=\"bar\">\n  @switch (status()) {\n    @case ('draft') {\n      @if (canEdit()) {\n        <app-button\n          variant=\"primary\"\n          [disabled]=\"!canSubmit() || busy()\"\n          (click)=\"submit.emit()\"\n          >{{ submitLabel() }}</app-button\n        >\n        @if (!canSubmit()) {\n          <span class=\"app-text-subtle\">{{ submitHint() }}</span>\n        }\n      }\n    }\n    @case ('rejected') {\n      @if (canEdit()) {\n        <app-button\n          variant=\"primary\"\n          [disabled]=\"!canSubmit() || busy()\"\n          (click)=\"submit.emit()\"\n          >{{ resubmitLabel() }}</app-button\n        >\n      }\n    }\n    @case ('submitted') {\n      @if (canApprove() || canReject()) {\n        <app-button variant=\"primary\" [disabled]=\"busy()\" (click)=\"approve.emit()\">{{\n          approveLabel()\n        }}</app-button>\n        <app-rejection-comments mode=\"entry\" [busy]=\"busy()\" (reject)=\"reject.emit($event)\" />\n      } @else {\n        <app-alert type=\"info\">{{ awaitingText() }}</app-alert>\n      }\n    }\n    @case ('approved') {\n      @if (canSend()) {\n        <app-button variant=\"primary\" [disabled]=\"busy()\" (click)=\"send.emit()\">{{\n          sendLabel()\n        }}</app-button>\n      }\n    }\n    @case ('sent') {\n      <app-alert type=\"ok\">{{ sentText() }}</app-alert>\n    }\n  }\n</div>\n",
+            "template": "<div class=\"head\">\n  <app-heading [level]=\"2\">{{ title() }}</app-heading>\n  <div class=\"head-end\">\n    <app-button variant=\"subtle\" [disabled]=\"busy()\" (click)=\"preview.emit()\">{{\n      previewLabel()\n    }}</app-button>\n    <app-status-badge [label]=\"statusLabel()\" [color]=\"statusColor()\" />\n  </div>\n</div>\n\n@if (status() === 'rejected') {\n  <app-rejection-comments mode=\"show\" [comments]=\"rejectComments()\" />\n}\n\n<app-letter-canvas\n  [brief]=\"brief()\"\n  [orgTemplate]=\"orgTemplate()\"\n  [logoUrl]=\"logoUrl()\"\n  [editableRegions]=\"canEdit() ? 'content' : 'none'\"\n  [availablePassages]=\"availablePassages()\"\n  [placeholders]=\"menu()\"\n  [diagnostics]=\"diagnostics()\"\n  (edit)=\"edit.emit($event)\"\n/>\n\n<div class=\"panel\">\n  <app-diagnostics-panel [diagnostics]=\"diagnostics()\" (locate)=\"locate.emit($event)\" />\n</div>\n\n<div class=\"bar\">\n  @switch (status()) {\n    @case ('draft') {\n      @if (canEdit()) {\n        <app-button\n          variant=\"primary\"\n          [disabled]=\"!canSubmit() || busy()\"\n          (click)=\"submit.emit()\"\n          >{{ submitLabel() }}</app-button\n        >\n        @if (!canSubmit()) {\n          <span class=\"app-text-subtle\">{{ submitHint() }}</span>\n        }\n      }\n    }\n    @case ('rejected') {\n      @if (canEdit()) {\n        <app-button\n          variant=\"primary\"\n          [disabled]=\"!canSubmit() || busy()\"\n          (click)=\"submit.emit()\"\n          >{{ resubmitLabel() }}</app-button\n        >\n      }\n    }\n    @case ('submitted') {\n      @if (canApprove() || canReject()) {\n        <app-button variant=\"primary\" [disabled]=\"busy()\" (click)=\"approve.emit()\">{{\n          approveLabel()\n        }}</app-button>\n        <app-rejection-comments mode=\"entry\" [busy]=\"busy()\" (reject)=\"reject.emit($event)\" />\n      } @else {\n        <app-alert type=\"info\">{{ awaitingText() }}</app-alert>\n      }\n    }\n    @case ('approved') {\n      @if (canSend()) {\n        <app-button variant=\"primary\" [disabled]=\"busy()\" (click)=\"send.emit()\">{{\n          sendLabel()\n        }}</app-button>\n      }\n    }\n    @case ('sent') {\n      <app-alert type=\"ok\">{{ sentText() }}</app-alert>\n    }\n  }\n</div>\n",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -18612,7 +20084,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 154,
+                    "line": 168,
                     "required": false
                 },
                 {
@@ -18624,7 +20096,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 132,
+                    "line": 144,
                     "required": false
                 },
                 {
@@ -18635,7 +20107,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 156,
+                    "line": 170,
                     "required": false
                 },
                 {
@@ -18646,7 +20118,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 130,
+                    "line": 141,
                     "required": true
                 },
                 {
@@ -18657,7 +20129,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 139,
+                    "line": 151,
                     "required": false
                 },
                 {
@@ -18668,7 +20140,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 135,
+                    "line": 147,
                     "required": false
                 },
                 {
@@ -18679,7 +20151,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 134,
+                    "line": 146,
                     "required": false
                 },
                 {
@@ -18690,7 +20162,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 136,
+                    "line": 148,
                     "required": false
                 },
                 {
@@ -18701,7 +20173,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 137,
+                    "line": 149,
                     "required": false
                 },
                 {
@@ -18712,7 +20184,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 138,
+                    "line": 150,
                     "required": false
                 },
                 {
@@ -18724,7 +20196,19 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 133,
+                    "line": 145,
+                    "required": false
+                },
+                {
+                    "name": "logoUrl",
+                    "defaultValue": "null",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string | null",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 143,
                     "required": false
                 },
                 {
@@ -18735,9 +20219,20 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 131,
+                    "line": 142,
                     "required": true
                 },
+                {
+                    "name": "previewLabel",
+                    "defaultValue": "$localize`:@@brief.preview.open:Voorbeeld`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 162,
+                    "required": false
+                },
                 {
                     "name": "resubmitLabel",
                     "defaultValue": "$localize`:@@brief.resubmit:Opnieuw indienen`",
@@ -18746,7 +20241,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 150,
+                    "line": 164,
                     "required": false
                 },
                 {
@@ -18757,7 +20252,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 155,
+                    "line": 169,
                     "required": false
                 },
                 {
@@ -18768,7 +20263,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 159,
+                    "line": 173,
                     "required": false
                 },
                 {
@@ -18779,7 +20274,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 151,
+                    "line": 165,
                     "required": false
                 },
                 {
@@ -18790,7 +20285,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 149,
+                    "line": 163,
                     "required": false
                 },
                 {
@@ -18801,7 +20296,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 148,
+                    "line": 161,
                     "required": false
                 }
             ],
@@ -18814,7 +20309,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 143,
+                    "line": 155,
                     "required": false
                 },
                 {
@@ -18825,7 +20320,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 141,
+                    "line": 153,
                     "required": false
                 },
                 {
@@ -18836,7 +20331,18 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 146,
+                    "line": 159,
+                    "required": false
+                },
+                {
+                    "name": "preview",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "void",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 158,
                     "required": false
                 },
                 {
@@ -18847,7 +20353,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 144,
+                    "line": 156,
                     "required": false
                 },
                 {
@@ -18858,7 +20364,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 145,
+                    "line": 157,
                     "required": false
                 },
                 {
@@ -18869,7 +20375,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 142,
+                    "line": 154,
                     "required": false
                 }
             ],
@@ -18883,7 +20389,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 169,
+                    "line": 183,
                     "modifierKind": [
                         124
                     ]
@@ -18897,7 +20403,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 162,
+                    "line": 176,
                     "modifierKind": [
                         124
                     ]
@@ -18911,7 +20417,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 161,
+                    "line": 175,
                     "modifierKind": [
                         124
                     ]
@@ -18925,7 +20431,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 190,
+                    "line": 204,
                     "modifierKind": [
                         124
                     ]
@@ -18939,7 +20445,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 175,
+                    "line": 189,
                     "modifierKind": [
                         124
                     ]
@@ -18984,10 +20490,10 @@
             "description": "<p>Organism: the whole letter flow — status badge, the letter canvas (editable in\nplace for the drafter, read-only for approver/locked), the diagnostics panel, and\nthe action bar appropriate to status × permission. Presentational: emits edit +\ntransition intents; the canEdit/canApprove/canReject/canSend inputs are\nserver-computed decision flags (PRD-0002 phase P1) — this component never derives them.</p>\n",
             "rawdescription": "\nOrganism: the whole letter flow — status badge, the letter canvas (editable in\nplace for the drafter, read-only for approver/locked), the diagnostics panel, and\nthe action bar appropriate to status × permission. Presentational: emits edit +\ntransition intents; the canEdit/canApprove/canReject/canSend inputs are\nserver-computed decision flags (PRD-0002 phase P1) — this component never derives them.",
             "type": "component",
-            "sourceCode": "import { Component, computed, input, output } from '@angular/core';\nimport { HeadingComponent } from '@shared/ui/heading/heading.component';\nimport { StatusBadgeComponent } from '@shared/ui/status-badge/status-badge.component';\nimport { ButtonComponent } from '@shared/ui/button/button.component';\nimport { AlertComponent } from '@shared/ui/alert/alert.component';\nimport { PlaceholderOption } from '@shared/ui/rich-text-editor/rich-text-editor.component';\nimport { Brief, LibraryPassage } from '@brief/domain/brief';\nimport { OrgTemplate } from '@brief/domain/org-template';\nimport { Diagnostic } from '@brief/domain/placeholders';\nimport { BriefMsg } from '@brief/domain/brief.machine';\nimport { LetterCanvasComponent } from '@brief/ui/letter-canvas/letter-canvas.component';\nimport { DiagnosticsPanelComponent } from '@brief/ui/diagnostics-panel/diagnostics-panel.component';\nimport { RejectionCommentsComponent } from '@brief/ui/rejection-comments/rejection-comments.component';\n\n/** Organism: the whole letter flow — status badge, the letter canvas (editable in\n    place for the drafter, read-only for approver/locked), the diagnostics panel, and\n    the action bar appropriate to status × permission. Presentational: emits edit +\n    transition intents; the canEdit/canApprove/canReject/canSend inputs are\n    server-computed decision flags (PRD-0002 phase P1) — this component never derives them. */\n@Component({\n  selector: 'app-letter-composer',\n  imports: [\n    HeadingComponent,\n    StatusBadgeComponent,\n    ButtonComponent,\n    AlertComponent,\n    LetterCanvasComponent,\n    DiagnosticsPanelComponent,\n    RejectionCommentsComponent,\n  ],\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n      .head {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .panel {\n        margin-block: var(--rhc-space-max-xl);\n      }\n      .bar {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--rhc-space-max-md);\n        align-items: center;\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n    `,\n  ],\n  template: `\n    <div class=\"head\">\n      <app-heading [level]=\"2\">{{ title() }}</app-heading>\n      <app-status-badge [label]=\"statusLabel()\" [color]=\"statusColor()\" />\n    </div>\n\n    @if (status() === 'rejected') {\n      <app-rejection-comments mode=\"show\" [comments]=\"rejectComments()\" />\n    }\n\n    <app-letter-canvas\n      [brief]=\"brief()\"\n      [orgTemplate]=\"orgTemplate()\"\n      [editableRegions]=\"canEdit() ? 'content' : 'none'\"\n      [availablePassages]=\"availablePassages()\"\n      [placeholders]=\"menu()\"\n      [diagnostics]=\"diagnostics()\"\n      (edit)=\"edit.emit($event)\"\n    />\n\n    <div class=\"panel\">\n      <app-diagnostics-panel [diagnostics]=\"diagnostics()\" (locate)=\"locate.emit($event)\" />\n    </div>\n\n    <div class=\"bar\">\n      @switch (status()) {\n        @case ('draft') {\n          @if (canEdit()) {\n            <app-button\n              variant=\"primary\"\n              [disabled]=\"!canSubmit() || busy()\"\n              (click)=\"submit.emit()\"\n              >{{ submitLabel() }}</app-button\n            >\n            @if (!canSubmit()) {\n              <span class=\"app-text-subtle\">{{ submitHint() }}</span>\n            }\n          }\n        }\n        @case ('rejected') {\n          @if (canEdit()) {\n            <app-button\n              variant=\"primary\"\n              [disabled]=\"!canSubmit() || busy()\"\n              (click)=\"submit.emit()\"\n              >{{ resubmitLabel() }}</app-button\n            >\n          }\n        }\n        @case ('submitted') {\n          @if (canApprove() || canReject()) {\n            <app-button variant=\"primary\" [disabled]=\"busy()\" (click)=\"approve.emit()\">{{\n              approveLabel()\n            }}</app-button>\n            <app-rejection-comments mode=\"entry\" [busy]=\"busy()\" (reject)=\"reject.emit($event)\" />\n          } @else {\n            <app-alert type=\"info\">{{ awaitingText() }}</app-alert>\n          }\n        }\n        @case ('approved') {\n          @if (canSend()) {\n            <app-button variant=\"primary\" [disabled]=\"busy()\" (click)=\"send.emit()\">{{\n              sendLabel()\n            }}</app-button>\n          }\n        }\n        @case ('sent') {\n          <app-alert type=\"ok\">{{ sentText() }}</app-alert>\n        }\n      }\n    </div>\n  `,\n})\nexport class LetterComposerComponent {\n  brief = input.required<Brief>();\n  orgTemplate = input.required<OrgTemplate>();\n  availablePassages = input<readonly LibraryPassage[]>([]);\n  diagnostics = input<readonly Diagnostic[]>([]);\n  canEdit = input(false);\n  canApprove = input(false);\n  canReject = input(false);\n  canSend = input(false);\n  canSubmit = input(false);\n  busy = input(false);\n\n  edit = output<BriefMsg>();\n  submit = output<void>();\n  approve = output<void>();\n  reject = output<string>();\n  send = output<void>();\n  locate = output<Diagnostic>();\n\n  title = input($localize`:@@brief.title:Brief aan de zorgverlener`);\n  submitLabel = input($localize`:@@brief.submit:Indienen ter beoordeling`);\n  resubmitLabel = input($localize`:@@brief.resubmit:Opnieuw indienen`);\n  submitHint = input(\n    $localize`:@@brief.submitHint:Vul eerst alle verplichte secties en los fouten op.`,\n  );\n  approveLabel = input($localize`:@@brief.approve:Goedkeuren`);\n  sendLabel = input($localize`:@@brief.send:Versturen`);\n  awaitingText = input(\n    $localize`:@@brief.awaiting:De brief wacht op beoordeling door een collega.`,\n  );\n  sentText = input($localize`:@@brief.sent:De brief is verzonden.`);\n\n  protected status = computed(() => this.brief().status.tag);\n  protected rejectComments = computed(() => {\n    const s = this.brief().status;\n    return s.tag === 'rejected' ? s.comments : '';\n  });\n\n  // The insert menu offers only valid, fillable, non-deprecated fields — inserting an\n  // unknown/retired key is structurally impossible.\n  protected menu = computed<PlaceholderOption[]>(() =>\n    this.brief()\n      .placeholders.filter((p) => p.fillable !== false && !p.deprecated)\n      .map((p) => ({ key: p.key, label: p.label, autoResolvable: p.autoResolvable })),\n  );\n\n  protected statusLabel = computed(() => {\n    switch (this.status()) {\n      case 'draft':\n        return $localize`:@@brief.status.draft:Concept`;\n      case 'submitted':\n        return $localize`:@@brief.status.submitted:Ter beoordeling`;\n      case 'approved':\n        return $localize`:@@brief.status.approved:Goedgekeurd`;\n      case 'rejected':\n        return $localize`:@@brief.status.rejected:Afgewezen`;\n      case 'sent':\n        return $localize`:@@brief.status.sent:Verzonden`;\n    }\n  });\n\n  protected statusColor = computed(() => {\n    switch (this.status()) {\n      case 'draft':\n        return 'var(--rhc-color-border-strong)';\n      case 'submitted':\n        return 'var(--rhc-color-oranje-500)';\n      case 'approved':\n      case 'sent':\n        return 'var(--rhc-color-groen-500)';\n      case 'rejected':\n        return 'var(--rhc-color-rood-500)';\n    }\n  });\n}\n",
+            "sourceCode": "import { Component, computed, input, output } from '@angular/core';\nimport { HeadingComponent } from '@shared/ui/heading/heading.component';\nimport { StatusBadgeComponent } from '@shared/ui/status-badge/status-badge.component';\nimport { ButtonComponent } from '@shared/ui/button/button.component';\nimport { AlertComponent } from '@shared/ui/alert/alert.component';\nimport { PlaceholderOption } from '@shared/ui/rich-text-editor/rich-text-editor.component';\nimport { Brief, LibraryPassage } from '@brief/domain/brief';\nimport { OrgTemplate } from '@brief/domain/org-template';\nimport { Diagnostic } from '@brief/domain/placeholders';\nimport { BriefMsg } from '@brief/domain/brief.machine';\nimport { LetterCanvasComponent } from '@brief/ui/letter-canvas/letter-canvas.component';\nimport { DiagnosticsPanelComponent } from '@brief/ui/diagnostics-panel/diagnostics-panel.component';\nimport { RejectionCommentsComponent } from '@brief/ui/rejection-comments/rejection-comments.component';\n\n/** Organism: the whole letter flow — status badge, the letter canvas (editable in\n    place for the drafter, read-only for approver/locked), the diagnostics panel, and\n    the action bar appropriate to status × permission. Presentational: emits edit +\n    transition intents; the canEdit/canApprove/canReject/canSend inputs are\n    server-computed decision flags (PRD-0002 phase P1) — this component never derives them. */\n@Component({\n  selector: 'app-letter-composer',\n  imports: [\n    HeadingComponent,\n    StatusBadgeComponent,\n    ButtonComponent,\n    AlertComponent,\n    LetterCanvasComponent,\n    DiagnosticsPanelComponent,\n    RejectionCommentsComponent,\n  ],\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n      .head {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .head-end {\n        display: flex;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n      }\n      .panel {\n        margin-block: var(--rhc-space-max-xl);\n      }\n      .bar {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--rhc-space-max-md);\n        align-items: center;\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n    `,\n  ],\n  template: `\n    <div class=\"head\">\n      <app-heading [level]=\"2\">{{ title() }}</app-heading>\n      <div class=\"head-end\">\n        <app-button variant=\"subtle\" [disabled]=\"busy()\" (click)=\"preview.emit()\">{{\n          previewLabel()\n        }}</app-button>\n        <app-status-badge [label]=\"statusLabel()\" [color]=\"statusColor()\" />\n      </div>\n    </div>\n\n    @if (status() === 'rejected') {\n      <app-rejection-comments mode=\"show\" [comments]=\"rejectComments()\" />\n    }\n\n    <app-letter-canvas\n      [brief]=\"brief()\"\n      [orgTemplate]=\"orgTemplate()\"\n      [logoUrl]=\"logoUrl()\"\n      [editableRegions]=\"canEdit() ? 'content' : 'none'\"\n      [availablePassages]=\"availablePassages()\"\n      [placeholders]=\"menu()\"\n      [diagnostics]=\"diagnostics()\"\n      (edit)=\"edit.emit($event)\"\n    />\n\n    <div class=\"panel\">\n      <app-diagnostics-panel [diagnostics]=\"diagnostics()\" (locate)=\"locate.emit($event)\" />\n    </div>\n\n    <div class=\"bar\">\n      @switch (status()) {\n        @case ('draft') {\n          @if (canEdit()) {\n            <app-button\n              variant=\"primary\"\n              [disabled]=\"!canSubmit() || busy()\"\n              (click)=\"submit.emit()\"\n              >{{ submitLabel() }}</app-button\n            >\n            @if (!canSubmit()) {\n              <span class=\"app-text-subtle\">{{ submitHint() }}</span>\n            }\n          }\n        }\n        @case ('rejected') {\n          @if (canEdit()) {\n            <app-button\n              variant=\"primary\"\n              [disabled]=\"!canSubmit() || busy()\"\n              (click)=\"submit.emit()\"\n              >{{ resubmitLabel() }}</app-button\n            >\n          }\n        }\n        @case ('submitted') {\n          @if (canApprove() || canReject()) {\n            <app-button variant=\"primary\" [disabled]=\"busy()\" (click)=\"approve.emit()\">{{\n              approveLabel()\n            }}</app-button>\n            <app-rejection-comments mode=\"entry\" [busy]=\"busy()\" (reject)=\"reject.emit($event)\" />\n          } @else {\n            <app-alert type=\"info\">{{ awaitingText() }}</app-alert>\n          }\n        }\n        @case ('approved') {\n          @if (canSend()) {\n            <app-button variant=\"primary\" [disabled]=\"busy()\" (click)=\"send.emit()\">{{\n              sendLabel()\n            }}</app-button>\n          }\n        }\n        @case ('sent') {\n          <app-alert type=\"ok\">{{ sentText() }}</app-alert>\n        }\n      }\n    </div>\n  `,\n})\nexport class LetterComposerComponent {\n  brief = input.required<Brief>();\n  orgTemplate = input.required<OrgTemplate>();\n  logoUrl = input<string | null>(null);\n  availablePassages = input<readonly LibraryPassage[]>([]);\n  diagnostics = input<readonly Diagnostic[]>([]);\n  canEdit = input(false);\n  canApprove = input(false);\n  canReject = input(false);\n  canSend = input(false);\n  canSubmit = input(false);\n  busy = input(false);\n\n  edit = output<BriefMsg>();\n  submit = output<void>();\n  approve = output<void>();\n  reject = output<string>();\n  send = output<void>();\n  preview = output<void>();\n  locate = output<Diagnostic>();\n\n  title = input($localize`:@@brief.title:Brief aan de zorgverlener`);\n  previewLabel = input($localize`:@@brief.preview.open:Voorbeeld`);\n  submitLabel = input($localize`:@@brief.submit:Indienen ter beoordeling`);\n  resubmitLabel = input($localize`:@@brief.resubmit:Opnieuw indienen`);\n  submitHint = input(\n    $localize`:@@brief.submitHint:Vul eerst alle verplichte secties en los fouten op.`,\n  );\n  approveLabel = input($localize`:@@brief.approve:Goedkeuren`);\n  sendLabel = input($localize`:@@brief.send:Versturen`);\n  awaitingText = input(\n    $localize`:@@brief.awaiting:De brief wacht op beoordeling door een collega.`,\n  );\n  sentText = input($localize`:@@brief.sent:De brief is verzonden.`);\n\n  protected status = computed(() => this.brief().status.tag);\n  protected rejectComments = computed(() => {\n    const s = this.brief().status;\n    return s.tag === 'rejected' ? s.comments : '';\n  });\n\n  // The insert menu offers only valid, fillable, non-deprecated fields — inserting an\n  // unknown/retired key is structurally impossible.\n  protected menu = computed<PlaceholderOption[]>(() =>\n    this.brief()\n      .placeholders.filter((p) => p.fillable !== false && !p.deprecated)\n      .map((p) => ({ key: p.key, label: p.label, autoResolvable: p.autoResolvable })),\n  );\n\n  protected statusLabel = computed(() => {\n    switch (this.status()) {\n      case 'draft':\n        return $localize`:@@brief.status.draft:Concept`;\n      case 'submitted':\n        return $localize`:@@brief.status.submitted:Ter beoordeling`;\n      case 'approved':\n        return $localize`:@@brief.status.approved:Goedgekeurd`;\n      case 'rejected':\n        return $localize`:@@brief.status.rejected:Afgewezen`;\n      case 'sent':\n        return $localize`:@@brief.status.sent:Verzonden`;\n    }\n  });\n\n  protected statusColor = computed(() => {\n    switch (this.status()) {\n      case 'draft':\n        return 'var(--rhc-color-border-strong)';\n      case 'submitted':\n        return 'var(--rhc-color-oranje-500)';\n      case 'approved':\n      case 'sent':\n        return 'var(--rhc-color-groen-500)';\n      case 'rejected':\n        return 'var(--rhc-color-rood-500)';\n    }\n  });\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
-            "stylesData": "\n      :host {\n        display: block;\n      }\n      .head {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .panel {\n        margin-block: var(--rhc-space-max-xl);\n      }\n      .bar {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--rhc-space-max-md);\n        align-items: center;\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n    \n",
+            "stylesData": "\n      :host {\n        display: block;\n      }\n      .head {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .head-end {\n        display: flex;\n        align-items: center;\n        gap: var(--rhc-space-max-md);\n      }\n      .panel {\n        margin-block: var(--rhc-space-max-xl);\n      }\n      .bar {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--rhc-space-max-md);\n        align-items: center;\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n    \n",
             "extends": []
         },
         {
@@ -19582,6 +21088,1039 @@
             "stylesData": "",
             "extends": []
         },
+        {
+            "name": "OrgTemplateEditorComponent",
+            "id": "component-OrgTemplateEditorComponent-c423dbb352723fa0a2f181cd90c63d42d6924426a8775720579afbc6c5a07cb65e64085d62001592b053e7b2b5592de2736a2a3396724a384eee1454e2c66498",
+            "file": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+            "encapsulation": [],
+            "entryComponents": [],
+            "inputs": [],
+            "outputs": [],
+            "providers": [],
+            "selector": "app-org-template-editor",
+            "styleUrls": [],
+            "styles": [
+                "\n      :host {\n        display: block;\n      }\n      .toolbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: end;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .field {\n        display: flex;\n        flex-direction: column;\n        gap: var(--rhc-space-max-2xs);\n      }\n      .save {\n        color: var(--rhc-color-foreground-subtle);\n        font-size: 0.9em;\n      }\n      .section {\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n      .margins {\n        display: flex;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-md);\n      }\n      .margins input {\n        width: 6rem;\n      }\n      .history-list {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: var(--rhc-space-max-sm);\n      }\n      .history-row {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--rhc-space-max-md);\n        border-block-end: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        padding-block-end: var(--rhc-space-max-sm);\n      }\n      .bar {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--rhc-space-max-md);\n        align-items: center;\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n      .published {\n        color: var(--rhc-color-foreground-subtle);\n      }\n    "
+            ],
+            "template": "<div class=\"toolbar\">\n  <label class=\"field\">\n    <span>{{ subOrgLabel() }}</span>\n    <select class=\"form-select\" (change)=\"onSelectSubOrg($event)\">\n      @for (o of subOrgs(); track o.subOrgId) {\n        <option [value]=\"o.subOrgId\" [selected]=\"o.subOrgId === selectedSubOrgId()\">\n          {{ o.orgName }}\n        </option>\n      }\n    </select>\n  </label>\n  <span class=\"save\" role=\"status\" aria-live=\"polite\">{{ saveText() }}</span>\n</div>\n\n<app-letter-canvas\n  [brief]=\"sampleBrief()\"\n  [orgTemplate]=\"draft()\"\n  [logoUrl]=\"logoUrl()\"\n  editableRegions=\"template\"\n  (templateEdit)=\"templateEdit.emit($event)\"\n/>\n\n<fieldset class=\"section margins\">\n  <legend>{{ marginsLegend() }}</legend>\n  @for (edge of edges; track edge) {\n    <label class=\"field\">\n      <span>{{ edgeLabel(edge) }}</span>\n      <input\n        class=\"form-control\"\n        type=\"number\"\n        [min]=\"MIN\"\n        [max]=\"MAX\"\n        [value]=\"draft().margins[edge]\"\n        (input)=\"onMargin(edge, $event)\"\n      />\n    </label>\n  }\n</fieldset>\n\n<section class=\"section\">\n  <app-heading [level]=\"3\">{{ logoHeading() }}</app-heading>\n  @if (logoCategory()) {\n    <app-file-input\n      inputId=\"org-logo-input\"\n      [accept]=\"logoCategory()!.acceptedTypes\"\n      [maxSizeMb]=\"logoCategory()!.maxSizeMb\"\n      [label]=\"logoHeading()\"\n      (filesSelected)=\"logoSelected.emit($event)\"\n    />\n  }\n  @if (logoRejection()) {\n    <app-alert type=\"error\">{{ logoRejection() }}</app-alert>\n  }\n  @if (logoUploads().length) {\n    <ul class=\"file-list\">\n      @for (u of logoUploads(); track u.localId) {\n        <li\n          app-single-upload\n          [upload]=\"u\"\n          [previewUrlFor]=\"previewUrlFor()\"\n          (remove)=\"logoRemoved.emit(u.localId)\"\n          (retry)=\"logoRetry.emit(u.localId)\"\n        ></li>\n      }\n    </ul>\n  }\n</section>\n\n<section class=\"section\">\n  <app-heading [level]=\"3\">{{ historyHeading() }}</app-heading>\n  @if (history().length === 0) {\n    <p class=\"published\">{{ noHistory() }}</p>\n  } @else {\n    <ul class=\"history-list\">\n      @for (v of history(); track v.version) {\n        <li class=\"history-row\">\n          <span>{{ versionLabel() }} {{ v.version }} · {{ v.publishedAt | date: 'longDate' }}</span>\n          <app-button variant=\"subtle\" [disabled]=\"busy()\" (click)=\"rollback.emit(v.version)\">\n            {{ rollbackLabel() }}\n          </app-button>\n        </li>\n      }\n    </ul>\n  }\n</section>\n\n<div class=\"bar\">\n  <span class=\"published\">{{ publishedLabel() }} {{ publishedVersion() }}</span>\n  @if (pendingPublish()) {\n    <app-alert type=\"warning\">{{ impactText() }}</app-alert>\n    <app-button variant=\"primary\" [disabled]=\"busy()\" (click)=\"confirmPublish.emit()\">\n      {{ confirmLabel() }}\n    </app-button>\n    <app-button variant=\"subtle\" [disabled]=\"busy()\" (click)=\"cancelPublish.emit()\">\n      {{ cancelLabel() }}\n    </app-button>\n  } @else {\n    <app-button\n      variant=\"primary\"\n      [disabled]=\"!draftValid() || busy()\"\n      (click)=\"requestPublish.emit()\"\n    >\n      {{ publishLabel() }}\n    </app-button>\n    @if (!draftValid()) {\n      <span class=\"published\">{{ invalidHint() }}</span>\n    }\n  }\n  <app-button variant=\"secondary\" [disabled]=\"busy()\" (click)=\"proefbrief.emit()\">\n    {{ proefbriefLabel() }}\n  </app-button>\n</div>\n",
+            "templateUrl": [],
+            "viewProviders": [],
+            "hostDirectives": [],
+            "inputsClass": [
+                {
+                    "name": "busy",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 278,
+                    "required": false
+                },
+                {
+                    "name": "cancelLabel",
+                    "defaultValue": "$localize`:@@orgTemplate.publish.cancel:Annuleren`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 343,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "confirmLabel",
+                    "defaultValue": "$localize`:@@orgTemplate.publish.confirm:Bevestigen`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 342,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "draft",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "OrgTemplate",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 269,
+                    "required": true
+                },
+                {
+                    "name": "draftValid",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 277,
+                    "required": false
+                },
+                {
+                    "name": "history",
+                    "defaultValue": "[]",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "readonly OrgTemplateVersion[]",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 274,
+                    "required": false
+                },
+                {
+                    "name": "historyHeading",
+                    "defaultValue": "$localize`:@@orgTemplate.history:Versiegeschiedenis`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 336,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "invalidHint",
+                    "defaultValue": "    $localize`:@@orgTemplate.invalid:Vul organisatienaam en ondertekenaar in; marges tussen ${MARGIN_MIN_MM}:min: en ${MARGIN_MAX_MM}:max: mm.`,  ",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 345,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "logoHeading",
+                    "defaultValue": "$localize`:@@orgTemplate.logo:Logo`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 335,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "logoUrl",
+                    "defaultValue": "null",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string | null",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 270,
+                    "required": false
+                },
+                {
+                    "name": "marginsLegend",
+                    "defaultValue": "$localize`:@@orgTemplate.margins:Marges (mm, tussen ${MARGIN_MIN_MM}:min: en ${MARGIN_MAX_MM}:max:)`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 334,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "noHistory",
+                    "defaultValue": "$localize`:@@orgTemplate.history.none:Nog niets gepubliceerd.`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 337,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "pendingPublish",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 279,
+                    "required": false
+                },
+                {
+                    "name": "previewUrlFor",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "(documentId: string) => string | undefined",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 282,
+                    "required": false
+                },
+                {
+                    "name": "proefbriefLabel",
+                    "defaultValue": "$localize`:@@orgTemplate.proefbrief:Proefbrief`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 344,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "publishedLabel",
+                    "defaultValue": "$localize`:@@orgTemplate.published:Gepubliceerde versie:`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 340,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "publishedVersion",
+                    "defaultValue": "0",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 275,
+                    "required": false
+                },
+                {
+                    "name": "publishLabel",
+                    "defaultValue": "$localize`:@@orgTemplate.publish:Publiceren`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 341,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "rollbackLabel",
+                    "defaultValue": "$localize`:@@orgTemplate.rollback:Terugzetten in concept`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 339,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "sampleBrief",
+                    "defaultValue": "SAMPLE_LETTER_BRIEF",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "Brief",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 281,
+                    "required": false
+                },
+                {
+                    "name": "saveText",
+                    "defaultValue": "''",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 280,
+                    "required": false
+                },
+                {
+                    "name": "selectedSubOrgId",
+                    "defaultValue": "null",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string | null",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 273,
+                    "required": false
+                },
+                {
+                    "name": "subOrgLabel",
+                    "defaultValue": "$localize`:@@orgTemplate.subOrg:Organisatieonderdeel`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 333,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                },
+                {
+                    "name": "subOrgs",
+                    "defaultValue": "[]",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "readonly SubOrgSummary[]",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 272,
+                    "required": false
+                },
+                {
+                    "name": "unsentBriefs",
+                    "defaultValue": "0",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 276,
+                    "required": false
+                },
+                {
+                    "name": "uploadState",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "UploadState",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 271,
+                    "required": true
+                },
+                {
+                    "name": "versionLabel",
+                    "defaultValue": "$localize`:@@orgTemplate.version:Versie`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 338,
+                    "modifierKind": [
+                        124
+                    ],
+                    "required": false
+                }
+            ],
+            "outputsClass": [
+                {
+                    "name": "cancelPublish",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "void",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 292,
+                    "required": false
+                },
+                {
+                    "name": "confirmPublish",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "void",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 291,
+                    "required": false
+                },
+                {
+                    "name": "logoRemoved",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 288,
+                    "required": false
+                },
+                {
+                    "name": "logoRetry",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 289,
+                    "required": false
+                },
+                {
+                    "name": "logoSelected",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "File[]",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 287,
+                    "required": false
+                },
+                {
+                    "name": "marginEdit",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "{ edge: keyof Margins; value: number }",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 286,
+                    "required": false
+                },
+                {
+                    "name": "proefbrief",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "void",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 294,
+                    "required": false
+                },
+                {
+                    "name": "requestPublish",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "void",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 290,
+                    "required": false
+                },
+                {
+                    "name": "rollback",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "number",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 293,
+                    "required": false
+                },
+                {
+                    "name": "selectSubOrg",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 284,
+                    "required": false
+                },
+                {
+                    "name": "templateEdit",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "{ field: OrgTemplateTextField; value: string }",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 285,
+                    "required": false
+                }
+            ],
+            "propertiesClass": [
+                {
+                    "name": "edges",
+                    "defaultValue": "EDGES",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 296,
+                    "modifierKind": [
+                        124,
+                        148
+                    ]
+                },
+                {
+                    "name": "impactText",
+                    "defaultValue": "computed(() =>\n    $localize`:@@orgTemplate.publish.impact:Dit raakt ${this.unsentBriefs()}:count: nog niet verzonden brieven. Publiceren?`,\n  )",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 329,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "logoCategory",
+                    "defaultValue": "computed(() =>\n    this.uploadState().categories.find((c) => c.categoryId === LOGO_CATEGORY),\n  )",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 300,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "logoRejection",
+                    "defaultValue": "computed(() => this.uploadState().rejections[LOGO_CATEGORY])",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 306,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "logoUploads",
+                    "defaultValue": "computed(() =>\n    this.uploadState().uploads.filter((u) => u.categoryId === LOGO_CATEGORY),\n  )",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 303,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "MAX",
+                    "defaultValue": "MARGIN_MAX_MM",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 298,
+                    "modifierKind": [
+                        124,
+                        148
+                    ]
+                },
+                {
+                    "name": "MIN",
+                    "defaultValue": "MARGIN_MIN_MM",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 297,
+                    "modifierKind": [
+                        124,
+                        148
+                    ]
+                }
+            ],
+            "methodsClass": [
+                {
+                    "name": "edgeLabel",
+                    "args": [
+                        {
+                            "name": "edge",
+                            "type": "unknown",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "string",
+                    "typeParameters": [],
+                    "line": 316,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        124
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "edge",
+                            "type": "unknown",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "onMargin",
+                    "args": [
+                        {
+                            "name": "edge",
+                            "type": "unknown",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        },
+                        {
+                            "name": "event",
+                            "type": "Event",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 311,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        124
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "edge",
+                            "type": "unknown",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        },
+                        {
+                            "name": "event",
+                            "type": "Event",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "onSelectSubOrg",
+                    "args": [
+                        {
+                            "name": "event",
+                            "type": "Event",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 308,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        124
+                    ],
+                    "jsdoctags": [
+                        {
+                            "name": "event",
+                            "type": "Event",
+                            "optional": false,
+                            "dotDotDotToken": false,
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [],
+            "hostListeners": [],
+            "standalone": false,
+            "imports": [
+                {
+                    "name": "DatePipe",
+                    "type": "pipe"
+                },
+                {
+                    "name": "HeadingComponent",
+                    "type": "component"
+                },
+                {
+                    "name": "ButtonComponent",
+                    "type": "component"
+                },
+                {
+                    "name": "AlertComponent",
+                    "type": "component"
+                },
+                {
+                    "name": "FileInputComponent",
+                    "type": "component"
+                },
+                {
+                    "name": "SingleUploadComponent",
+                    "type": "component"
+                },
+                {
+                    "name": "LetterCanvasComponent",
+                    "type": "component"
+                }
+            ],
+            "description": "<p>Organism (WP-26): the admin org-template editor. The mirror of the drafter&#39;s\ncomposer — the letter canvas runs in <code>editableRegions=&#39;template&#39;</code> so the\nletterhead/signature/footer are edited in place, while the content is a read-only\nsample. Margins, logo upload, version history and the publish bar sit around it.\nPresentational: every mutation is an output the store turns into a command.</p>\n",
+            "rawdescription": "\n\nOrganism (WP-26): the admin org-template editor. The mirror of the drafter's\ncomposer — the letter canvas runs in `editableRegions='template'` so the\nletterhead/signature/footer are edited in place, while the content is a read-only\nsample. Margins, logo upload, version history and the publish bar sit around it.\nPresentational: every mutation is an output the store turns into a command.\n",
+            "type": "component",
+            "sourceCode": "import { Component, computed, input, output } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport { HeadingComponent } from '@shared/ui/heading/heading.component';\nimport { ButtonComponent } from '@shared/ui/button/button.component';\nimport { AlertComponent } from '@shared/ui/alert/alert.component';\nimport { FileInputComponent } from '@shared/ui/upload/file-input/file-input.component';\nimport { SingleUploadComponent } from '@shared/ui/upload/single-upload/single-upload.component';\nimport { UploadState } from '@shared/upload/upload.machine';\nimport { Brief } from '@brief/domain/brief';\nimport {\n  MARGIN_MAX_MM,\n  MARGIN_MIN_MM,\n  Margins,\n  OrgTemplate,\n  OrgTemplateVersion,\n  SubOrgSummary,\n} from '@brief/domain/org-template';\nimport { OrgTemplateTextField } from '@brief/domain/org-template.machine';\nimport { LetterCanvasComponent } from '@brief/ui/letter-canvas/letter-canvas.component';\n\nconst LOGO_CATEGORY = 'org-logo';\nconst EDGES: readonly (keyof Margins)[] = ['topMm', 'rightMm', 'bottomMm', 'leftMm'];\n\n/** A minimal read-only sample letter, so the admin sees the org identity in context\n    while editing (content itself is not the admin's to change). */\nexport const SAMPLE_LETTER_BRIEF: Brief = {\n  briefId: 'VOORBEELD-0001',\n  beroep: 'arts',\n  templateId: 'sample',\n  drafterId: 'sample',\n  status: { tag: 'draft' },\n  placeholders: [\n    { key: 'naam_zorgverlener', label: 'Naam zorgverlener', autoResolvable: true },\n    { key: 'datum', label: 'Datum', autoResolvable: true },\n  ],\n  sections: [\n    {\n      sectionKey: 'body',\n      title: 'Voorbeeldinhoud',\n      required: true,\n      locked: true,\n      blocks: [\n        {\n          type: 'freeText',\n          blockId: 'sample-1',\n          content: {\n            paragraphs: [\n              {\n                nodes: [\n                  { type: 'text', text: 'Geachte ' },\n                  { type: 'placeholder', key: 'naam_zorgverlener' },\n                  { type: 'text', text: ',' },\n                ],\n              },\n              {\n                nodes: [\n                  {\n                    type: 'text',\n                    text: 'Dit is voorbeeldinhoud. Alleen de huisstijl-onderdelen (logo, afzender, ondertekening en voettekst) zijn hier bewerkbaar.',\n                  },\n                ],\n              },\n            ],\n          },\n        },\n      ],\n    },\n  ],\n};\n\n/**\n * Organism (WP-26): the admin org-template editor. The mirror of the drafter's\n * composer — the letter canvas runs in `editableRegions='template'` so the\n * letterhead/signature/footer are edited in place, while the content is a read-only\n * sample. Margins, logo upload, version history and the publish bar sit around it.\n * Presentational: every mutation is an output the store turns into a command.\n */\n@Component({\n  selector: 'app-org-template-editor',\n  imports: [\n    DatePipe,\n    HeadingComponent,\n    ButtonComponent,\n    AlertComponent,\n    FileInputComponent,\n    SingleUploadComponent,\n    LetterCanvasComponent,\n  ],\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n      .toolbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: end;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .field {\n        display: flex;\n        flex-direction: column;\n        gap: var(--rhc-space-max-2xs);\n      }\n      .save {\n        color: var(--rhc-color-foreground-subtle);\n        font-size: 0.9em;\n      }\n      .section {\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n      .margins {\n        display: flex;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-md);\n      }\n      .margins input {\n        width: 6rem;\n      }\n      .history-list {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: var(--rhc-space-max-sm);\n      }\n      .history-row {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--rhc-space-max-md);\n        border-block-end: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        padding-block-end: var(--rhc-space-max-sm);\n      }\n      .bar {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--rhc-space-max-md);\n        align-items: center;\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n      .published {\n        color: var(--rhc-color-foreground-subtle);\n      }\n    `,\n  ],\n  template: `\n    <div class=\"toolbar\">\n      <label class=\"field\">\n        <span>{{ subOrgLabel() }}</span>\n        <select class=\"form-select\" (change)=\"onSelectSubOrg($event)\">\n          @for (o of subOrgs(); track o.subOrgId) {\n            <option [value]=\"o.subOrgId\" [selected]=\"o.subOrgId === selectedSubOrgId()\">\n              {{ o.orgName }}\n            </option>\n          }\n        </select>\n      </label>\n      <span class=\"save\" role=\"status\" aria-live=\"polite\">{{ saveText() }}</span>\n    </div>\n\n    <app-letter-canvas\n      [brief]=\"sampleBrief()\"\n      [orgTemplate]=\"draft()\"\n      [logoUrl]=\"logoUrl()\"\n      editableRegions=\"template\"\n      (templateEdit)=\"templateEdit.emit($event)\"\n    />\n\n    <fieldset class=\"section margins\">\n      <legend>{{ marginsLegend() }}</legend>\n      @for (edge of edges; track edge) {\n        <label class=\"field\">\n          <span>{{ edgeLabel(edge) }}</span>\n          <input\n            class=\"form-control\"\n            type=\"number\"\n            [min]=\"MIN\"\n            [max]=\"MAX\"\n            [value]=\"draft().margins[edge]\"\n            (input)=\"onMargin(edge, $event)\"\n          />\n        </label>\n      }\n    </fieldset>\n\n    <section class=\"section\">\n      <app-heading [level]=\"3\">{{ logoHeading() }}</app-heading>\n      @if (logoCategory()) {\n        <app-file-input\n          inputId=\"org-logo-input\"\n          [accept]=\"logoCategory()!.acceptedTypes\"\n          [maxSizeMb]=\"logoCategory()!.maxSizeMb\"\n          [label]=\"logoHeading()\"\n          (filesSelected)=\"logoSelected.emit($event)\"\n        />\n      }\n      @if (logoRejection()) {\n        <app-alert type=\"error\">{{ logoRejection() }}</app-alert>\n      }\n      @if (logoUploads().length) {\n        <ul class=\"file-list\">\n          @for (u of logoUploads(); track u.localId) {\n            <li\n              app-single-upload\n              [upload]=\"u\"\n              [previewUrlFor]=\"previewUrlFor()\"\n              (remove)=\"logoRemoved.emit(u.localId)\"\n              (retry)=\"logoRetry.emit(u.localId)\"\n            ></li>\n          }\n        </ul>\n      }\n    </section>\n\n    <section class=\"section\">\n      <app-heading [level]=\"3\">{{ historyHeading() }}</app-heading>\n      @if (history().length === 0) {\n        <p class=\"published\">{{ noHistory() }}</p>\n      } @else {\n        <ul class=\"history-list\">\n          @for (v of history(); track v.version) {\n            <li class=\"history-row\">\n              <span>{{ versionLabel() }} {{ v.version }} · {{ v.publishedAt | date: 'longDate' }}</span>\n              <app-button variant=\"subtle\" [disabled]=\"busy()\" (click)=\"rollback.emit(v.version)\">\n                {{ rollbackLabel() }}\n              </app-button>\n            </li>\n          }\n        </ul>\n      }\n    </section>\n\n    <div class=\"bar\">\n      <span class=\"published\">{{ publishedLabel() }} {{ publishedVersion() }}</span>\n      @if (pendingPublish()) {\n        <app-alert type=\"warning\">{{ impactText() }}</app-alert>\n        <app-button variant=\"primary\" [disabled]=\"busy()\" (click)=\"confirmPublish.emit()\">\n          {{ confirmLabel() }}\n        </app-button>\n        <app-button variant=\"subtle\" [disabled]=\"busy()\" (click)=\"cancelPublish.emit()\">\n          {{ cancelLabel() }}\n        </app-button>\n      } @else {\n        <app-button\n          variant=\"primary\"\n          [disabled]=\"!draftValid() || busy()\"\n          (click)=\"requestPublish.emit()\"\n        >\n          {{ publishLabel() }}\n        </app-button>\n        @if (!draftValid()) {\n          <span class=\"published\">{{ invalidHint() }}</span>\n        }\n      }\n      <app-button variant=\"secondary\" [disabled]=\"busy()\" (click)=\"proefbrief.emit()\">\n        {{ proefbriefLabel() }}\n      </app-button>\n    </div>\n  `,\n})\nexport class OrgTemplateEditorComponent {\n  draft = input.required<OrgTemplate>();\n  logoUrl = input<string | null>(null);\n  uploadState = input.required<UploadState>();\n  subOrgs = input<readonly SubOrgSummary[]>([]);\n  selectedSubOrgId = input<string | null>(null);\n  history = input<readonly OrgTemplateVersion[]>([]);\n  publishedVersion = input(0);\n  unsentBriefs = input(0);\n  draftValid = input(false);\n  busy = input(false);\n  pendingPublish = input(false);\n  saveText = input('');\n  sampleBrief = input<Brief>(SAMPLE_LETTER_BRIEF);\n  previewUrlFor = input<(documentId: string) => string | undefined>();\n\n  selectSubOrg = output<string>();\n  templateEdit = output<{ field: OrgTemplateTextField; value: string }>();\n  marginEdit = output<{ edge: keyof Margins; value: number }>();\n  logoSelected = output<File[]>();\n  logoRemoved = output<string>();\n  logoRetry = output<string>();\n  requestPublish = output<void>();\n  confirmPublish = output<void>();\n  cancelPublish = output<void>();\n  rollback = output<number>();\n  proefbrief = output<void>();\n\n  protected readonly edges = EDGES;\n  protected readonly MIN = MARGIN_MIN_MM;\n  protected readonly MAX = MARGIN_MAX_MM;\n\n  protected logoCategory = computed(() =>\n    this.uploadState().categories.find((c) => c.categoryId === LOGO_CATEGORY),\n  );\n  protected logoUploads = computed(() =>\n    this.uploadState().uploads.filter((u) => u.categoryId === LOGO_CATEGORY),\n  );\n  protected logoRejection = computed(() => this.uploadState().rejections[LOGO_CATEGORY]);\n\n  protected onSelectSubOrg(event: Event) {\n    this.selectSubOrg.emit((event.target as HTMLSelectElement).value);\n  }\n  protected onMargin(edge: keyof Margins, event: Event) {\n    const value = (event.target as HTMLInputElement).valueAsNumber;\n    if (Number.isFinite(value)) this.marginEdit.emit({ edge, value });\n  }\n\n  protected edgeLabel(edge: keyof Margins): string {\n    switch (edge) {\n      case 'topMm':\n        return $localize`:@@orgTemplate.margin.top:Boven (mm)`;\n      case 'rightMm':\n        return $localize`:@@orgTemplate.margin.right:Rechts (mm)`;\n      case 'bottomMm':\n        return $localize`:@@orgTemplate.margin.bottom:Onder (mm)`;\n      case 'leftMm':\n        return $localize`:@@orgTemplate.margin.left:Links (mm)`;\n    }\n  }\n\n  protected impactText = computed(() =>\n    $localize`:@@orgTemplate.publish.impact:Dit raakt ${this.unsentBriefs()}:count: nog niet verzonden brieven. Publiceren?`,\n  );\n\n  protected subOrgLabel = input($localize`:@@orgTemplate.subOrg:Organisatieonderdeel`);\n  protected marginsLegend = input($localize`:@@orgTemplate.margins:Marges (mm, tussen ${MARGIN_MIN_MM}:min: en ${MARGIN_MAX_MM}:max:)`);\n  protected logoHeading = input($localize`:@@orgTemplate.logo:Logo`);\n  protected historyHeading = input($localize`:@@orgTemplate.history:Versiegeschiedenis`);\n  protected noHistory = input($localize`:@@orgTemplate.history.none:Nog niets gepubliceerd.`);\n  protected versionLabel = input($localize`:@@orgTemplate.version:Versie`);\n  protected rollbackLabel = input($localize`:@@orgTemplate.rollback:Terugzetten in concept`);\n  protected publishedLabel = input($localize`:@@orgTemplate.published:Gepubliceerde versie:`);\n  protected publishLabel = input($localize`:@@orgTemplate.publish:Publiceren`);\n  protected confirmLabel = input($localize`:@@orgTemplate.publish.confirm:Bevestigen`);\n  protected cancelLabel = input($localize`:@@orgTemplate.publish.cancel:Annuleren`);\n  protected proefbriefLabel = input($localize`:@@orgTemplate.proefbrief:Proefbrief`);\n  protected invalidHint = input(\n    $localize`:@@orgTemplate.invalid:Vul organisatienaam en ondertekenaar in; marges tussen ${MARGIN_MIN_MM}:min: en ${MARGIN_MAX_MM}:max: mm.`,\n  );\n}\n",
+            "assetsDirs": [],
+            "styleUrlsData": "",
+            "stylesData": "\n      :host {\n        display: block;\n      }\n      .toolbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: end;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        margin-block-end: var(--rhc-space-max-lg);\n      }\n      .field {\n        display: flex;\n        flex-direction: column;\n        gap: var(--rhc-space-max-2xs);\n      }\n      .save {\n        color: var(--rhc-color-foreground-subtle);\n        font-size: 0.9em;\n      }\n      .section {\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n      .margins {\n        display: flex;\n        gap: var(--rhc-space-max-md);\n        flex-wrap: wrap;\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-md);\n      }\n      .margins input {\n        width: 6rem;\n      }\n      .history-list {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: var(--rhc-space-max-sm);\n      }\n      .history-row {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--rhc-space-max-md);\n        border-block-end: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        padding-block-end: var(--rhc-space-max-sm);\n      }\n      .bar {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--rhc-space-max-md);\n        align-items: center;\n        margin-block-start: var(--rhc-space-max-xl);\n      }\n      .published {\n        color: var(--rhc-color-foreground-subtle);\n      }\n    \n",
+            "extends": []
+        },
+        {
+            "name": "OrgTemplatePage",
+            "id": "component-OrgTemplatePage-087415290c78676d315589b9b83e39384e750ad0069991c5a88714ca2f62ad4cf0030dfe1598332c7b6d682a2aea52aa441bfda06f300bc995e0d9cfbc5a0a90",
+            "file": "src/app/brief/ui/org-template.page.ts",
+            "encapsulation": [],
+            "entryComponents": [],
+            "inputs": [],
+            "outputs": [],
+            "providers": [],
+            "selector": "app-org-template-page",
+            "styleUrls": [],
+            "styles": [
+                "\n      .save {\n        color: var(--rhc-color-foreground-subtle);\n        font-size: 0.9em;\n      }\n    "
+            ],
+            "template": "<app-page-shell [heading]=\"heading\" [intro]=\"intro\" backLink=\"/brief\">\n  @if (store.lastError(); as err) {\n    <app-alert type=\"error\">{{ err }}</app-alert>\n  }\n\n  @if (!access.ready()) {\n    <!-- wait for /me before deciding — avoids flashing the denial to an admin -->\n  } @else if (!canEdit()) {\n    <app-alert type=\"error\">{{ deniedText }}</app-alert>\n  } @else {\n    <app-async [data]=\"store.remoteData()\">\n      <ng-template appAsyncError>\n        <app-alert type=\"error\">{{ failedText }}</app-alert>\n        <app-button variant=\"secondary\" (click)=\"reload()\">{{ retryText }}</app-button>\n      </ng-template>\n      <ng-template appAsyncLoaded>\n        @if (store.draft(); as draft) {\n          <app-org-template-editor\n            [draft]=\"draft\"\n            [logoUrl]=\"store.logoUrl()\"\n            [uploadState]=\"store.uploadState()\"\n            [subOrgs]=\"store.subOrgs()\"\n            [selectedSubOrgId]=\"store.selectedSubOrgId()\"\n            [history]=\"store.history()\"\n            [publishedVersion]=\"store.publishedVersion()\"\n            [unsentBriefs]=\"store.unsentBriefs()\"\n            [draftValid]=\"store.draftValid()\"\n            [busy]=\"store.busy()\"\n            [pendingPublish]=\"store.pendingPublish()\"\n            [saveText]=\"saveText()\"\n            [previewUrlFor]=\"previewUrlFor\"\n            (selectSubOrg)=\"store.selectSubOrg($event)\"\n            (templateEdit)=\"store.edit({ tag: 'FieldEdited', field: $event.field, value: $event.value })\"\n            (marginEdit)=\"store.edit({ tag: 'MarginEdited', edge: $event.edge, value: $event.value })\"\n            (logoSelected)=\"store.onLogoSelected($event)\"\n            (logoRemoved)=\"store.onLogoRemoved($event)\"\n            (logoRetry)=\"store.onLogoRetry($event)\"\n            (requestPublish)=\"store.requestPublish()\"\n            (confirmPublish)=\"store.confirmPublish()\"\n            (cancelPublish)=\"store.cancelPublish()\"\n            (rollback)=\"store.rollback($event)\"\n            (proefbrief)=\"store.proefbrief()\"\n          />\n        }\n      </ng-template>\n    </app-async>\n  }\n</app-page-shell>\n",
+            "templateUrl": [],
+            "viewProviders": [],
+            "hostDirectives": [],
+            "inputsClass": [],
+            "outputsClass": [],
+            "propertiesClass": [
+                {
+                    "name": "access",
+                    "defaultValue": "inject(AccessStore)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 84,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "canEdit",
+                    "defaultValue": "computed(() => this.access.can('orgtemplate:edit'))",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 87,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "deniedText",
+                    "defaultValue": "$localize`:@@orgTemplate.page.denied:U hebt geen rechten om organisatiesjablonen te beheren.`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 92,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "failedText",
+                    "defaultValue": "$localize`:@@orgTemplate.page.failed:Het sjabloon kon niet worden geladen.`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 93,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "heading",
+                    "defaultValue": "$localize`:@@orgTemplate.page.heading:Huisstijl beheren`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 90,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "intro",
+                    "defaultValue": "$localize`:@@orgTemplate.page.intro:Beheer per organisatieonderdeel het uiterlijk van de brief: logo, afzender, ondertekening, voettekst en marges.`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 91,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "previewUrlFor",
+                    "defaultValue": "() => {...}",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 88,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "retryText",
+                    "defaultValue": "$localize`:@@orgTemplate.page.retry:Opnieuw proberen`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 94,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "savedText",
+                    "defaultValue": "$localize`:@@orgTemplate.page.saved:Concept opgeslagen`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 97,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "saveErrorText",
+                    "defaultValue": "$localize`:@@orgTemplate.page.saveError:Opslaan mislukt`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 98,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "saveText",
+                    "defaultValue": "computed(() => {\n    switch (this.store.saveState().tag) {\n      case 'Saving':\n        return this.savingText;\n      case 'Saved':\n        return this.savedText;\n      case 'Error':\n        return this.saveErrorText;\n      default:\n        return '';\n    }\n  })",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 99,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "savingText",
+                    "defaultValue": "$localize`:@@orgTemplate.page.saving:Concept opslaan…`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 96,
+                    "modifierKind": [
+                        123
+                    ]
+                },
+                {
+                    "name": "store",
+                    "defaultValue": "inject(OrgTemplateStore)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 83,
+                    "modifierKind": [
+                        124
+                    ]
+                },
+                {
+                    "name": "uploadAdapter",
+                    "defaultValue": "inject(UploadAdapter)",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "indexKey": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 85,
+                    "modifierKind": [
+                        123
+                    ]
+                }
+            ],
+            "methodsClass": [
+                {
+                    "name": "reload",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 120,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "modifierKind": [
+                        124
+                    ]
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [],
+            "hostListeners": [],
+            "standalone": false,
+            "imports": [
+                {
+                    "name": "PageShellComponent",
+                    "type": "component"
+                },
+                {
+                    "name": "AlertComponent",
+                    "type": "component"
+                },
+                {
+                    "name": "ButtonComponent",
+                    "type": "component"
+                },
+                {
+                    "name": "ASYNC"
+                },
+                {
+                    "name": "OrgTemplateEditorComponent",
+                    "type": "component"
+                }
+            ],
+            "description": "<p>Page: thin container for the admin org-template editor (WP-26). Deny-by-default\ncapability gate (<code>orgtemplate:edit</code>) — a denial alert for non-admins, the editor\nfor admins. Loads once the capability resolves; wires store commands to the organism.</p>\n",
+            "rawdescription": "\nPage: thin container for the admin org-template editor (WP-26). Deny-by-default\ncapability gate (`orgtemplate:edit`) — a denial alert for non-admins, the editor\nfor admins. Loads once the capability resolves; wires store commands to the organism.",
+            "type": "component",
+            "sourceCode": "import { Component, computed, effect, inject } from '@angular/core';\nimport { PageShellComponent } from '@shared/layout/page-shell/page-shell.component';\nimport { AlertComponent } from '@shared/ui/alert/alert.component';\nimport { ButtonComponent } from '@shared/ui/button/button.component';\nimport { ASYNC } from '@shared/ui/async/async.component';\nimport { AccessStore } from '@shared/application/access.store';\nimport { UploadAdapter } from '@shared/upload/upload.adapter';\nimport { OrgTemplateStore } from '@brief/application/org-template.store';\nimport { OrgTemplateEditorComponent } from '@brief/ui/org-template-editor/org-template-editor.component';\n\n/** Page: thin container for the admin org-template editor (WP-26). Deny-by-default\n    capability gate (`orgtemplate:edit`) — a denial alert for non-admins, the editor\n    for admins. Loads once the capability resolves; wires store commands to the organism. */\n@Component({\n  selector: 'app-org-template-page',\n  imports: [\n    PageShellComponent,\n    AlertComponent,\n    ButtonComponent,\n    ...ASYNC,\n    OrgTemplateEditorComponent,\n  ],\n  styles: [\n    `\n      .save {\n        color: var(--rhc-color-foreground-subtle);\n        font-size: 0.9em;\n      }\n    `,\n  ],\n  template: `\n    <app-page-shell [heading]=\"heading\" [intro]=\"intro\" backLink=\"/brief\">\n      @if (store.lastError(); as err) {\n        <app-alert type=\"error\">{{ err }}</app-alert>\n      }\n\n      @if (!access.ready()) {\n        <!-- wait for /me before deciding — avoids flashing the denial to an admin -->\n      } @else if (!canEdit()) {\n        <app-alert type=\"error\">{{ deniedText }}</app-alert>\n      } @else {\n        <app-async [data]=\"store.remoteData()\">\n          <ng-template appAsyncError>\n            <app-alert type=\"error\">{{ failedText }}</app-alert>\n            <app-button variant=\"secondary\" (click)=\"reload()\">{{ retryText }}</app-button>\n          </ng-template>\n          <ng-template appAsyncLoaded>\n            @if (store.draft(); as draft) {\n              <app-org-template-editor\n                [draft]=\"draft\"\n                [logoUrl]=\"store.logoUrl()\"\n                [uploadState]=\"store.uploadState()\"\n                [subOrgs]=\"store.subOrgs()\"\n                [selectedSubOrgId]=\"store.selectedSubOrgId()\"\n                [history]=\"store.history()\"\n                [publishedVersion]=\"store.publishedVersion()\"\n                [unsentBriefs]=\"store.unsentBriefs()\"\n                [draftValid]=\"store.draftValid()\"\n                [busy]=\"store.busy()\"\n                [pendingPublish]=\"store.pendingPublish()\"\n                [saveText]=\"saveText()\"\n                [previewUrlFor]=\"previewUrlFor\"\n                (selectSubOrg)=\"store.selectSubOrg($event)\"\n                (templateEdit)=\"store.edit({ tag: 'FieldEdited', field: $event.field, value: $event.value })\"\n                (marginEdit)=\"store.edit({ tag: 'MarginEdited', edge: $event.edge, value: $event.value })\"\n                (logoSelected)=\"store.onLogoSelected($event)\"\n                (logoRemoved)=\"store.onLogoRemoved($event)\"\n                (logoRetry)=\"store.onLogoRetry($event)\"\n                (requestPublish)=\"store.requestPublish()\"\n                (confirmPublish)=\"store.confirmPublish()\"\n                (cancelPublish)=\"store.cancelPublish()\"\n                (rollback)=\"store.rollback($event)\"\n                (proefbrief)=\"store.proefbrief()\"\n              />\n            }\n          </ng-template>\n        </app-async>\n      }\n    </app-page-shell>\n  `,\n})\nexport class OrgTemplatePage {\n  protected store = inject(OrgTemplateStore);\n  protected access = inject(AccessStore);\n  private uploadAdapter = inject(UploadAdapter);\n\n  protected canEdit = computed(() => this.access.can('orgtemplate:edit'));\n  protected previewUrlFor = (documentId: string) => this.uploadAdapter.contentUrl(documentId);\n\n  protected heading = $localize`:@@orgTemplate.page.heading:Huisstijl beheren`;\n  protected intro = $localize`:@@orgTemplate.page.intro:Beheer per organisatieonderdeel het uiterlijk van de brief: logo, afzender, ondertekening, voettekst en marges.`;\n  protected deniedText = $localize`:@@orgTemplate.page.denied:U hebt geen rechten om organisatiesjablonen te beheren.`;\n  protected failedText = $localize`:@@orgTemplate.page.failed:Het sjabloon kon niet worden geladen.`;\n  protected retryText = $localize`:@@orgTemplate.page.retry:Opnieuw proberen`;\n\n  private savingText = $localize`:@@orgTemplate.page.saving:Concept opslaan…`;\n  private savedText = $localize`:@@orgTemplate.page.saved:Concept opgeslagen`;\n  private saveErrorText = $localize`:@@orgTemplate.page.saveError:Opslaan mislukt`;\n  protected saveText = computed(() => {\n    switch (this.store.saveState().tag) {\n      case 'Saving':\n        return this.savingText;\n      case 'Saved':\n        return this.savedText;\n      case 'Error':\n        return this.saveErrorText;\n      default:\n        return '';\n    }\n  });\n\n  constructor() {\n    // Load once the capability resolves to `allowed` (a 403 GET would be wasted otherwise).\n    effect(() => {\n      if (this.canEdit() && this.store.model().tag === 'loading' && this.store.selectedSubOrgId() === null)\n        void this.store.load();\n    });\n  }\n\n  protected reload() {\n    void this.store.load();\n  }\n}\n",
+            "assetsDirs": [],
+            "styleUrlsData": "",
+            "stylesData": "\n      .save {\n        color: var(--rhc-color-foreground-subtle);\n        font-size: 0.9em;\n      }\n    \n",
+            "constructorObj": {
+                "name": "constructor",
+                "description": "",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "args": [],
+                "line": 110
+            },
+            "extends": []
+        },
         {
             "name": "PageShellComponent",
             "id": "component-PageShellComponent-63dbf836ace3b433da1eedc736a2dbabe3e44a3951249edc0d236e953856002d7e263e35a44a47a20d6375a2be3fc58cb3e976470e704399a7e5f50f83c4e8f7",
@@ -19687,7 +22226,7 @@
         },
         {
             "name": "PassagePickerComponent",
-            "id": "component-PassagePickerComponent-61e92246ba5329367274c46fd9bbf6201d22bfb6762d6c1f81b88ad0a1f1f1c4489556c629501a39b08f8cb2a31bef7077a8cea8aa42d18be93e7e3a77efcfa5",
+            "id": "component-PassagePickerComponent-e24a0db8b6f18c473803765abdf0623d21d6b39e90fc557667b2d1d1bfa8bf5f5be4119ee46166fc5e1c728d09d77920640a39211c6c3c687491fb1f5bb2f4a7",
             "file": "src/app/brief/ui/passage-picker/passage-picker.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -19697,7 +22236,7 @@
             "selector": "app-passage-picker",
             "styleUrls": [],
             "styles": [
-                "\n      :host {\n        display: block;\n        background: var(--rhc-color-wit, #fff);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-md);\n      }\n      ul {\n        list-style: none;\n        margin: 0 0 var(--rhc-space-max-md);\n        padding: 0;\n        display: grid;\n        gap: var(--rhc-space-max-sm);\n      }\n      .scope {\n        color: var(--rhc-color-foreground-subtle);\n      }\n    "
+                "\n      :host {\n        display: block;\n        background: var(--rhc-color-wit);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-md);\n      }\n      ul {\n        list-style: none;\n        margin: 0 0 var(--rhc-space-max-md);\n        padding: 0;\n        display: grid;\n        gap: var(--rhc-space-max-sm);\n      }\n      .scope {\n        color: var(--rhc-color-foreground-subtle);\n      }\n    "
             ],
             "template": "<ul>\n  @for (p of passages(); track p.passageId) {\n    <li>\n      <app-checkbox\n        [checkboxId]=\"'passage-' + p.passageId\"\n        [label]=\"p.label\"\n        [ngModel]=\"!!checked()[p.passageId]\"\n        (ngModelChange)=\"set(p.passageId, $event)\"\n      />\n      <span class=\"scope\"> · {{ p.scope === 'beroep' ? beroepLabel() : globalLabel() }}</span>\n    </li>\n  }\n</ul>\n<app-button variant=\"secondary\" [disabled]=\"count() === 0\" (click)=\"add()\"\n  >{{ addLabel() }} ({{ count() }})</app-button\n>\n",
             "templateUrl": [],
@@ -19883,10 +22422,10 @@
             "description": "<p>Molecule: multi-select list of the section&#39;s library passages. One &quot;Voeg toe&quot;\ninserts ALL checked passages at once (a single message upstream) — there is no\nsingle-insert path. Presentational: emits the chosen passages in list order.</p>\n",
             "rawdescription": "\nMolecule: multi-select list of the section's library passages. One \"Voeg toe\"\ninserts ALL checked passages at once (a single message upstream) — there is no\nsingle-insert path. Presentational: emits the chosen passages in list order.",
             "type": "component",
-            "sourceCode": "import { Component, input, output, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { CheckboxComponent } from '@shared/ui/checkbox/checkbox.component';\nimport { ButtonComponent } from '@shared/ui/button/button.component';\nimport { LibraryPassage } from '@brief/domain/brief';\n\n/** Molecule: multi-select list of the section's library passages. One \"Voeg toe\"\n    inserts ALL checked passages at once (a single message upstream) — there is no\n    single-insert path. Presentational: emits the chosen passages in list order. */\n@Component({\n  selector: 'app-passage-picker',\n  imports: [FormsModule, CheckboxComponent, ButtonComponent],\n  styles: [\n    `\n      :host {\n        display: block;\n        background: var(--rhc-color-wit, #fff);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-md);\n      }\n      ul {\n        list-style: none;\n        margin: 0 0 var(--rhc-space-max-md);\n        padding: 0;\n        display: grid;\n        gap: var(--rhc-space-max-sm);\n      }\n      .scope {\n        color: var(--rhc-color-foreground-subtle);\n      }\n    `,\n  ],\n  template: `\n    <ul>\n      @for (p of passages(); track p.passageId) {\n        <li>\n          <app-checkbox\n            [checkboxId]=\"'passage-' + p.passageId\"\n            [label]=\"p.label\"\n            [ngModel]=\"!!checked()[p.passageId]\"\n            (ngModelChange)=\"set(p.passageId, $event)\"\n          />\n          <span class=\"scope\"> · {{ p.scope === 'beroep' ? beroepLabel() : globalLabel() }}</span>\n        </li>\n      }\n    </ul>\n    <app-button variant=\"secondary\" [disabled]=\"count() === 0\" (click)=\"add()\"\n      >{{ addLabel() }} ({{ count() }})</app-button\n    >\n  `,\n})\nexport class PassagePickerComponent {\n  passages = input.required<readonly LibraryPassage[]>();\n  insert = output<LibraryPassage[]>();\n\n  addLabel = input($localize`:@@brief.picker.add:Voeg toe`);\n  globalLabel = input($localize`:@@brief.picker.global:algemeen`);\n  beroepLabel = input($localize`:@@brief.picker.beroep:beroepsspecifiek`);\n\n  protected checked = signal<Record<string, boolean>>({});\n  protected count = () => Object.values(this.checked()).filter(Boolean).length;\n\n  protected set(id: string, on: boolean) {\n    this.checked.update((c) => ({ ...c, [id]: on }));\n  }\n\n  protected add() {\n    const chosen = this.passages().filter((p) => this.checked()[p.passageId]);\n    if (chosen.length) {\n      this.insert.emit(chosen);\n      this.checked.set({});\n    }\n  }\n}\n",
+            "sourceCode": "import { Component, input, output, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { CheckboxComponent } from '@shared/ui/checkbox/checkbox.component';\nimport { ButtonComponent } from '@shared/ui/button/button.component';\nimport { LibraryPassage } from '@brief/domain/brief';\n\n/** Molecule: multi-select list of the section's library passages. One \"Voeg toe\"\n    inserts ALL checked passages at once (a single message upstream) — there is no\n    single-insert path. Presentational: emits the chosen passages in list order. */\n@Component({\n  selector: 'app-passage-picker',\n  imports: [FormsModule, CheckboxComponent, ButtonComponent],\n  styles: [\n    `\n      :host {\n        display: block;\n        background: var(--rhc-color-wit);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-md);\n      }\n      ul {\n        list-style: none;\n        margin: 0 0 var(--rhc-space-max-md);\n        padding: 0;\n        display: grid;\n        gap: var(--rhc-space-max-sm);\n      }\n      .scope {\n        color: var(--rhc-color-foreground-subtle);\n      }\n    `,\n  ],\n  template: `\n    <ul>\n      @for (p of passages(); track p.passageId) {\n        <li>\n          <app-checkbox\n            [checkboxId]=\"'passage-' + p.passageId\"\n            [label]=\"p.label\"\n            [ngModel]=\"!!checked()[p.passageId]\"\n            (ngModelChange)=\"set(p.passageId, $event)\"\n          />\n          <span class=\"scope\"> · {{ p.scope === 'beroep' ? beroepLabel() : globalLabel() }}</span>\n        </li>\n      }\n    </ul>\n    <app-button variant=\"secondary\" [disabled]=\"count() === 0\" (click)=\"add()\"\n      >{{ addLabel() }} ({{ count() }})</app-button\n    >\n  `,\n})\nexport class PassagePickerComponent {\n  passages = input.required<readonly LibraryPassage[]>();\n  insert = output<LibraryPassage[]>();\n\n  addLabel = input($localize`:@@brief.picker.add:Voeg toe`);\n  globalLabel = input($localize`:@@brief.picker.global:algemeen`);\n  beroepLabel = input($localize`:@@brief.picker.beroep:beroepsspecifiek`);\n\n  protected checked = signal<Record<string, boolean>>({});\n  protected count = () => Object.values(this.checked()).filter(Boolean).length;\n\n  protected set(id: string, on: boolean) {\n    this.checked.update((c) => ({ ...c, [id]: on }));\n  }\n\n  protected add() {\n    const chosen = this.passages().filter((p) => this.checked()[p.passageId]);\n    if (chosen.length) {\n      this.insert.emit(chosen);\n      this.checked.set({});\n    }\n  }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
-            "stylesData": "\n      :host {\n        display: block;\n        background: var(--rhc-color-wit, #fff);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-md);\n      }\n      ul {\n        list-style: none;\n        margin: 0 0 var(--rhc-space-max-md);\n        padding: 0;\n        display: grid;\n        gap: var(--rhc-space-max-sm);\n      }\n      .scope {\n        color: var(--rhc-color-foreground-subtle);\n      }\n    \n",
+            "stylesData": "\n      :host {\n        display: block;\n        background: var(--rhc-color-wit);\n        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);\n        border-radius: var(--rhc-border-radius-md);\n        padding: var(--rhc-space-max-md);\n      }\n      ul {\n        list-style: none;\n        margin: 0 0 var(--rhc-space-max-md);\n        padding: 0;\n        display: grid;\n        gap: var(--rhc-space-max-sm);\n      }\n      .scope {\n        color: var(--rhc-color-foreground-subtle);\n      }\n    \n",
             "extends": []
         },
         {
@@ -24192,6 +26731,16 @@
                 "type": "number",
                 "defaultValue": "600"
             },
+            {
+                "name": "EDGES",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "(unknown)[]",
+                "defaultValue": "['topMm', 'rightMm', 'bottomMm', 'leftMm']"
+            },
             {
                 "name": "emptyDraft",
                 "ctype": "miscellaneous",
@@ -24236,6 +26785,18 @@
                 "type": "unknown",
                 "defaultValue": "<E>(error: E): Result<E, never> => ({ ok: false, error })"
             },
+            {
+                "name": "FAILED",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "unknown",
+                "defaultValue": "$localize`:@@orgTemplate.action.failed:De actie is niet gelukt. Probeer het later opnieuw.`",
+                "rawdescription": "The only place admin org-template HTTP lives (ADR-0001 boundary). CRUD/publish/\nrollback go through the generated client (X-Role added by `roleInterceptor`);\n`parse*` narrows the untrusted wire shape. The proefbrief is `text/html` and\n`ExcludeFromDescription`'d — a hand-written fetch, same seam as `letter-preview.adapter`.",
+                "description": "<p>The only place admin org-template HTTP lives (ADR-0001 boundary). CRUD/publish/\nrollback go through the generated client (X-Role added by <code>roleInterceptor</code>);\n<code>parse*</code> narrows the untrusted wire shape. The proefbrief is <code>text/html</code> and\n<code>ExcludeFromDescription</code>&#39;d — a hand-written fetch, same seam as <code>letter-preview.adapter</code>.</p>\n"
+            },
             {
                 "name": "find",
                 "ctype": "miscellaneous",
@@ -24298,6 +26859,16 @@
                 "type": "BriefState",
                 "defaultValue": "{ tag: 'loading' }"
             },
+            {
+                "name": "initial",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/domain/org-template.machine.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "OrgTemplateState",
+                "defaultValue": "{ tag: 'loading' }"
+            },
             {
                 "name": "initial",
                 "ctype": "miscellaneous",
@@ -24380,6 +26951,48 @@
                 "type": "Capability[]",
                 "defaultValue": "[\n  'brief:approve',\n  'brief:reject',\n  'brief:send',\n  'orgtemplate:edit',\n]"
             },
+            {
+                "name": "LOGO_CATEGORY",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/application/org-template.store.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "string",
+                "defaultValue": "'org-logo'"
+            },
+            {
+                "name": "LOGO_CATEGORY",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "string",
+                "defaultValue": "'org-logo'"
+            },
+            {
+                "name": "MARGIN_MAX_MM",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/domain/org-template.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "number",
+                "defaultValue": "50"
+            },
+            {
+                "name": "MARGIN_MIN_MM",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/domain/org-template.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "number",
+                "defaultValue": "10",
+                "rawdescription": "Margin bounds (server-owned, `OrgTemplateRules`): the FE mirrors them for instant\nfeedback via `<input min max>`; the server re-validates and stays the authority.",
+                "description": "<p>Margin bounds (server-owned, <code>OrgTemplateRules</code>): the FE mirrors them for instant\nfeedback via <code>&lt;input min max&gt;</code>; the server re-validates and stays the authority.</p>\n"
+            },
             {
                 "name": "MARK_TAG",
                 "ctype": "miscellaneous",
@@ -24454,6 +27067,16 @@
                 "rawdescription": "The server-owned geldigheidsvraag whose\"ja\" answer requires a Dutch-taalvaardigheid\nupload (proof of the confirmed B2 level). Stable id shared with the backend.",
                 "description": "<p>The server-owned geldigheidsvraag whose&quot;ja&quot; answer requires a Dutch-taalvaardigheid\nupload (proof of the confirmed B2 level). Stable id shared with the backend.</p>\n"
             },
+            {
+                "name": "NO_SUBORGS",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/application/org-template.store.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "unknown",
+                "defaultValue": "$localize`:@@orgTemplate.noSubOrgs:Er zijn geen organisatiesjablonen om te beheren.`"
+            },
             {
                 "name": "ok",
                 "ctype": "miscellaneous",
@@ -24476,6 +27099,16 @@
                 "rawdescription": "The quarantined boundary between the imperative `contenteditable` DOM and the\nserialisable `RichTextBlock` value. Pure functions (given a DOM they render /\nread) so they round-trip losslessly and can be unit-tested without Angular. The\nrest of the app only ever sees `RichTextBlock` — this is the one place DOM leaks.\n\nponytail: mark detection covers the tags/styles a browser's execCommand emits\n(strong/b, em/i, u, and inline font-weight/style/decoration); exotic pasted markup\ndegrades to plain text rather than crashing.",
                 "description": "<p>The quarantined boundary between the imperative <code>contenteditable</code> DOM and the\nserialisable <code>RichTextBlock</code> value. Pure functions (given a DOM they render /\nread) so they round-trip losslessly and can be unit-tested without Angular. The\nrest of the app only ever sees <code>RichTextBlock</code> — this is the one place DOM leaks.</p>\n<p>ponytail: mark detection covers the tags/styles a browser&#39;s execCommand emits\n(strong/b, em/i, u, and inline font-weight/style/decoration); exotic pasted markup\ndegrades to plain text rather than crashing.</p>\n"
             },
+            {
+                "name": "parseAdminView",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "unknown",
+                "defaultValue": "parseOrgTemplateAdminView"
+            },
             {
                 "name": "parseError",
                 "ctype": "miscellaneous",
@@ -24497,6 +27130,26 @@
                 "rawdescription": "A stable Idempotency-Key threaded down from the command layer (one per logical\nsubmit — see `runSubmit`) rather than minted per HTTP attempt, so a retried\nsubmit dedupes on the backend instead of double-submitting. The NSwag-generated\n`ApiClient` has no per-call header hook, so `withIdempotencyKey` bridges it here:\nevery non-GET call made synchronously inside `fn` picks up the same key.\nponytail: a module-level variable, not a proper async-context primitive — holds\nup because every submit command calls its adapter synchronously (no await\nbefore reaching this file); swap for `AsyncLocal`-equivalent if concurrent\nsubmits ever become possible.",
                 "description": "<p>A stable Idempotency-Key threaded down from the command layer (one per logical\nsubmit — see <code>runSubmit</code>) rather than minted per HTTP attempt, so a retried\nsubmit dedupes on the backend instead of double-submitting. The NSwag-generated\n<code>ApiClient</code> has no per-call header hook, so <code>withIdempotencyKey</code> bridges it here:\nevery non-GET call made synchronously inside <code>fn</code> picks up the same key.\nponytail: a module-level variable, not a proper async-context primitive — holds\nup because every submit command calls its adapter synchronously (no await\nbefore reaching this file); swap for <code>AsyncLocal</code>-equivalent if concurrent\nsubmits ever become possible.</p>\n"
             },
+            {
+                "name": "PREVIEW_FAILED",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/infrastructure/letter-preview.adapter.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "unknown",
+                "defaultValue": "$localize`:@@brief.preview.failed:De voorvertoning kon niet worden geopend.`"
+            },
+            {
+                "name": "PROEFBRIEF_FAILED",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "unknown",
+                "defaultValue": "$localize`:@@orgTemplate.proefbrief.failed:De proefbrief kon niet worden geopend.`"
+            },
             {
                 "name": "RAW_BRACES",
                 "ctype": "miscellaneous",
@@ -24569,7 +27222,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "Routes",
-                "defaultValue": "[\n  {\n    path: '',\n    component: ShellComponent, // persistent header/footer; only children swap\n    children: [\n      { path: '', pathMatch: 'full', redirectTo: 'login' },\n      {\n        path: 'login',\n        loadComponent: () => \"import('@auth/ui/login.page').then((m) => m.LoginPage)\",\n      },\n      {\n        path: 'dashboard',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@registratie/ui/dashboard.page').then((m) => m.DashboardPage)\",\n      },\n      {\n        path: 'registratie',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/registration-detail.page').then((m) => m.RegistrationDetailPage)\",\n      },\n      {\n        path: 'aanvraag/:id',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/aanvraag-detail.page').then((m) => m.AanvraagDetailPage)\",\n      },\n      {\n        path: 'registreren',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/registratie.page').then((m) => m.RegistratiePage)\",\n      },\n      {\n        path: 'herregistratie',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@herregistratie/ui/herregistratie.page').then((m) => m.HerregistratiePage)\",\n      },\n      {\n        path: 'intake',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@herregistratie/ui/intake.page').then((m) => m.IntakePage)\",\n      },\n      {\n        path: 'brief',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@brief/ui/brief.page').then((m) => m.BriefPage)\",\n      },\n      {\n        path: 'concepts',\n        loadComponent: () => \"import('./showcase/concepts.page').then((m) => m.ConceptsPage)\",\n      },\n      { path: '**', redirectTo: 'login' },\n    ],\n  },\n]"
+                "defaultValue": "[\n  {\n    path: '',\n    component: ShellComponent, // persistent header/footer; only children swap\n    children: [\n      { path: '', pathMatch: 'full', redirectTo: 'login' },\n      {\n        path: 'login',\n        loadComponent: () => \"import('@auth/ui/login.page').then((m) => m.LoginPage)\",\n      },\n      {\n        path: 'dashboard',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@registratie/ui/dashboard.page').then((m) => m.DashboardPage)\",\n      },\n      {\n        path: 'registratie',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/registration-detail.page').then((m) => m.RegistrationDetailPage)\",\n      },\n      {\n        path: 'aanvraag/:id',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/aanvraag-detail.page').then((m) => m.AanvraagDetailPage)\",\n      },\n      {\n        path: 'registreren',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/registratie.page').then((m) => m.RegistratiePage)\",\n      },\n      {\n        path: 'herregistratie',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@herregistratie/ui/herregistratie.page').then((m) => m.HerregistratiePage)\",\n      },\n      {\n        path: 'intake',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@herregistratie/ui/intake.page').then((m) => m.IntakePage)\",\n      },\n      {\n        path: 'brief',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@brief/ui/brief.page').then((m) => m.BriefPage)\",\n      },\n      {\n        path: 'brief/huisstijl',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@brief/ui/org-template.page').then((m) => m.OrgTemplatePage)\",\n      },\n      {\n        path: 'concepts',\n        loadComponent: () => \"import('./showcase/concepts.page').then((m) => m.ConceptsPage)\",\n      },\n      { path: '**', redirectTo: 'login' },\n    ],\n  },\n]"
             },
             {
                 "name": "ROUTES",
@@ -24581,6 +27234,18 @@
                 "type": "Record<string, Crumb>",
                 "defaultValue": "{\n  '/dashboard': { label: $localize`:@@crumb.dashboard:Mijn overzicht` },\n  '/registratie': { label: $localize`:@@crumb.registratie:Mijn gegevens`, parent: '/dashboard' },\n  '/registreren': { label: $localize`:@@crumb.registreren:Inschrijven`, parent: '/dashboard' },\n  '/herregistratie': {\n    label: $localize`:@@crumb.herregistratie:Herregistratie`,\n    parent: '/dashboard',\n  },\n  '/intake': { label: $localize`:@@crumb.intake:Herregistratie-intake`, parent: '/dashboard' },\n  '/concepts': { label: $localize`:@@crumb.concepts:Functionele patronen`, parent: '/dashboard' },\n}"
             },
+            {
+                "name": "SAMPLE_LETTER_BRIEF",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "Brief",
+                "defaultValue": "{\n  briefId: 'VOORBEELD-0001',\n  beroep: 'arts',\n  templateId: 'sample',\n  drafterId: 'sample',\n  status: { tag: 'draft' },\n  placeholders: [\n    { key: 'naam_zorgverlener', label: 'Naam zorgverlener', autoResolvable: true },\n    { key: 'datum', label: 'Datum', autoResolvable: true },\n  ],\n  sections: [\n    {\n      sectionKey: 'body',\n      title: 'Voorbeeldinhoud',\n      required: true,\n      locked: true,\n      blocks: [\n        {\n          type: 'freeText',\n          blockId: 'sample-1',\n          content: {\n            paragraphs: [\n              {\n                nodes: [\n                  { type: 'text', text: 'Geachte ' },\n                  { type: 'placeholder', key: 'naam_zorgverlener' },\n                  { type: 'text', text: ',' },\n                ],\n              },\n              {\n                nodes: [\n                  {\n                    type: 'text',\n                    text: 'Dit is voorbeeldinhoud. Alleen de huisstijl-onderdelen (logo, afzender, ondertekening en voettekst) zijn hier bewerkbaar.',\n                  },\n                ],\n              },\n            ],\n          },\n        },\n      ],\n    },\n  ],\n}",
+                "rawdescription": "A minimal read-only sample letter, so the admin sees the org identity in context\nwhile editing (content itself is not the admin's to change).",
+                "description": "<p>A minimal read-only sample letter, so the admin sees the org identity in context\nwhile editing (content itself is not the admin&#39;s to change).</p>\n"
+            },
             {
                 "name": "SAMPLE_VALUES",
                 "ctype": "miscellaneous",
@@ -25851,6 +28516,48 @@
                     }
                 ]
             },
+            {
+                "name": "editDraft",
+                "file": "src/app/brief/domain/org-template.machine.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "<p>Edit the loaded draft; a no-op in any non-loaded state (illegal by construction).</p>\n",
+                "args": [
+                    {
+                        "name": "s",
+                        "type": "OrgTemplateState",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
+                    {
+                        "name": "f",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "returnType": "OrgTemplateState",
+                "jsdoctags": [
+                    {
+                        "name": "s",
+                        "type": "OrgTemplateState",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
+                    {
+                        "name": "f",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
             {
                 "name": "emptyBlock",
                 "file": "src/app/shared/kernel/rich-text.ts",
@@ -25862,6 +28569,35 @@
                 "args": [],
                 "returnType": "RichTextBlock"
             },
+            {
+                "name": "errorMessage",
+                "file": "src/app/brief/infrastructure/letter-preview.adapter.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "args": [
+                    {
+                        "name": "res",
+                        "type": "Response",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "returnType": "Promise<string>",
+                "jsdoctags": [
+                    {
+                        "name": "res",
+                        "type": "Response",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
             {
                 "name": "fakeResource",
                 "file": "src/app/showcase/concepts.page.ts",
@@ -28159,6 +30895,35 @@
                     }
                 ]
             },
+            {
+                "name": "parseOrgTemplateAdminView",
+                "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "args": [
+                    {
+                        "name": "dto",
+                        "type": "OrgTemplateAdminViewDto",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "returnType": "Result<string, OrgTemplateAdminView>",
+                "jsdoctags": [
+                    {
+                        "name": "dto",
+                        "type": "OrgTemplateAdminViewDto",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
             {
                 "name": "parsePassage",
                 "file": "src/app/brief/infrastructure/brief.adapter.ts",
@@ -28246,6 +31011,35 @@
                     }
                 ]
             },
+            {
+                "name": "parsePublish",
+                "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "args": [
+                    {
+                        "name": "dto",
+                        "type": "PublishOrgTemplateResponse",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "returnType": "Result<string, PublishResult>",
+                "jsdoctags": [
+                    {
+                        "name": "dto",
+                        "type": "PublishOrgTemplateResponse",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
             {
                 "name": "parseQuestions",
                 "file": "src/app/registratie/infrastructure/duo.adapter.ts",
@@ -28329,6 +31123,35 @@
                     }
                 ]
             },
+            {
+                "name": "parseSubOrg",
+                "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "args": [
+                    {
+                        "name": "dto",
+                        "type": "SubOrgSummaryDto",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "returnType": "Result<string, SubOrgSummary>",
+                "jsdoctags": [
+                    {
+                        "name": "dto",
+                        "type": "SubOrgSummaryDto",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
             {
                 "name": "parseUren",
                 "file": "src/app/registratie/domain/value-objects/uren.ts",
@@ -28358,6 +31181,35 @@
                     }
                 ]
             },
+            {
+                "name": "parseVersion",
+                "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "args": [
+                    {
+                        "name": "dto",
+                        "type": "OrgTemplateVersionDto",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "returnType": "Result<string, OrgTemplateVersion>",
+                "jsdoctags": [
+                    {
+                        "name": "dto",
+                        "type": "OrgTemplateVersionDto",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
             {
                 "name": "placeholderKeysIn",
                 "file": "src/app/shared/kernel/rich-text.ts",
@@ -28711,6 +31563,50 @@
                     }
                 ]
             },
+            {
+                "name": "reduce",
+                "file": "src/app/brief/domain/org-template.machine.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "args": [
+                    {
+                        "name": "s",
+                        "type": "OrgTemplateState",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
+                    {
+                        "name": "m",
+                        "type": "OrgTemplateMsg",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "returnType": "OrgTemplateState",
+                "jsdoctags": [
+                    {
+                        "name": "s",
+                        "type": "OrgTemplateState",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
+                    {
+                        "name": "m",
+                        "type": "OrgTemplateMsg",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
             {
                 "name": "reduce",
                 "file": "src/app/herregistratie/domain/herregistratie.machine.ts",
@@ -30187,6 +33083,35 @@
                     }
                 ]
             },
+            {
+                "name": "toDto",
+                "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "args": [
+                    {
+                        "name": "t",
+                        "type": "OrgTemplate",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "returnType": "OrgTemplateDto",
+                "jsdoctags": [
+                    {
+                        "name": "t",
+                        "type": "OrgTemplate",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
             {
                 "name": "toStatusItem",
                 "file": "src/app/shared/upload/upload.adapter.ts",
@@ -30447,6 +33372,35 @@
                     }
                 ]
             },
+            {
+                "name": "uploadContentUrl",
+                "file": "src/app/shared/upload/upload.adapter.ts",
+                "ctype": "miscellaneous",
+                "subtype": "function",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "<p>Direct URL to a stored document&#39;s bytes. Pure (no injection) so a store can build\na letterhead-logo <code>src</code> without pulling <code>ApiClient</code> into its dependency graph.</p>\n",
+                "args": [
+                    {
+                        "name": "documentId",
+                        "type": "string",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "returnType": "string",
+                "jsdoctags": [
+                    {
+                        "name": "documentId",
+                        "type": "string",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
             {
                 "name": "validate",
                 "file": "src/app/herregistratie/domain/herregistratie.machine.ts",
@@ -30900,6 +33854,17 @@
                 "description": "<p>Transient action state (submit/approve/reject/send/resetDemo) — one tagged union\ninstead of a busy boolean + a nullable error sitting side by side.</p>\n",
                 "kind": 193
             },
+            {
+                "name": "ActionState",
+                "ctype": "miscellaneous",
+                "subtype": "typealias",
+                "rawtype": "literal type | literal type | literal type",
+                "file": "src/app/brief/application/org-template.store.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "<p>Transient action state for publish/rollback/proefbrief — the BriefStore idiom.</p>\n",
+                "kind": 193
+            },
             {
                 "name": "AdresErrors",
                 "ctype": "miscellaneous",
@@ -31241,6 +34206,17 @@
                 "description": "",
                 "kind": 184
             },
+            {
+                "name": "LoadedState",
+                "ctype": "miscellaneous",
+                "subtype": "typealias",
+                "rawtype": "Extract<OrgTemplateState | literal type>",
+                "file": "src/app/brief/application/org-template.store.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "kind": 184
+            },
             {
                 "name": "Mark",
                 "ctype": "miscellaneous",
@@ -31252,6 +34228,39 @@
                 "description": "<p>Rich text as a <em>serialisable value</em>, not opaque HTML.</p>\n<p>A block is a node tree. Because a placeholder is a first-class NODE (not a\n<code>{{token}}</code> substring hidden inside a string), highlighting it, inserting it,\nand linting it are all pure functions over data — no regex over markup. This\nis the whole reason the letter feature stays in the &quot;impossible states&quot; style:\nthe value the app holds is always well-shaped, and the imperative editor is\nquarantined behind one component that converts to/from this tree.</p>\n",
                 "kind": 193
             },
+            {
+                "name": "OrgTemplateMsg",
+                "ctype": "miscellaneous",
+                "subtype": "typealias",
+                "rawtype": "literal type | literal type | literal type | literal type | literal type | literal type | literal type",
+                "file": "src/app/brief/domain/org-template.machine.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "kind": 193
+            },
+            {
+                "name": "OrgTemplateState",
+                "ctype": "miscellaneous",
+                "subtype": "typealias",
+                "rawtype": "literal type | literal type | literal type",
+                "file": "src/app/brief/domain/org-template.machine.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "kind": 193
+            },
+            {
+                "name": "OrgTemplateTextField",
+                "ctype": "miscellaneous",
+                "subtype": "typealias",
+                "rawtype": "\"orgName\" | \"returnAddress\" | \"footerContact\" | \"footerLegal\" | \"signatureName\" | \"signatureRole\" | \"signatureClosing\"",
+                "file": "src/app/brief/domain/org-template.machine.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "<p>The admin org-template editor as one Elm-style machine (WP-26, PRD Brief v2 §5) —\nthe same idiom as the wizards. The DRAFT org template is form state (edited in\nplace on the canvas); publish/rollback are effects that come back as <code>DraftLoaded</code>.\n<code>dirty</code> tracks unsaved edits (the store debounce-saves them). The logo upload is\nthe composable upload sub-machine folded in, exactly like the wizards fold\n<code>reduceUpload</code> — its <code>UploadComplete</code>/<code>UploadRemoved</code> also mutate <code>draft.logoDocumentId</code>.</p>\n",
+                "kind": 193
+            },
             {
                 "name": "PassageScope",
                 "ctype": "miscellaneous",
@@ -31384,6 +34393,17 @@
                 "description": "<p>Debounced-autosave indicator, shown in a small status line near the toolbar —\na separate concern from ActionState (a stale autosave error doesn&#39;t block\nsubmit/approve/reject), but tag-aligned with it for one consistent idiom.</p>\n",
                 "kind": 193
             },
+            {
+                "name": "SaveState",
+                "ctype": "miscellaneous",
+                "subtype": "typealias",
+                "rawtype": "literal type | literal type | literal type | literal type",
+                "file": "src/app/brief/application/org-template.store.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "description": "",
+                "kind": 193
+            },
             {
                 "name": "Scenario",
                 "ctype": "miscellaneous",
@@ -31715,6 +34735,40 @@
                     "defaultValue": "600"
                 }
             ],
+            "src/app/brief/ui/org-template-editor/org-template-editor.component.ts": [
+                {
+                    "name": "EDGES",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "(unknown)[]",
+                    "defaultValue": "['topMm', 'rightMm', 'bottomMm', 'leftMm']"
+                },
+                {
+                    "name": "LOGO_CATEGORY",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "defaultValue": "'org-logo'"
+                },
+                {
+                    "name": "SAMPLE_LETTER_BRIEF",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "Brief",
+                    "defaultValue": "{\n  briefId: 'VOORBEELD-0001',\n  beroep: 'arts',\n  templateId: 'sample',\n  drafterId: 'sample',\n  status: { tag: 'draft' },\n  placeholders: [\n    { key: 'naam_zorgverlener', label: 'Naam zorgverlener', autoResolvable: true },\n    { key: 'datum', label: 'Datum', autoResolvable: true },\n  ],\n  sections: [\n    {\n      sectionKey: 'body',\n      title: 'Voorbeeldinhoud',\n      required: true,\n      locked: true,\n      blocks: [\n        {\n          type: 'freeText',\n          blockId: 'sample-1',\n          content: {\n            paragraphs: [\n              {\n                nodes: [\n                  { type: 'text', text: 'Geachte ' },\n                  { type: 'placeholder', key: 'naam_zorgverlener' },\n                  { type: 'text', text: ',' },\n                ],\n              },\n              {\n                nodes: [\n                  {\n                    type: 'text',\n                    text: 'Dit is voorbeeldinhoud. Alleen de huisstijl-onderdelen (logo, afzender, ondertekening en voettekst) zijn hier bewerkbaar.',\n                  },\n                ],\n              },\n            ],\n          },\n        },\n      ],\n    },\n  ],\n}",
+                    "rawdescription": "A minimal read-only sample letter, so the admin sees the org identity in context\nwhile editing (content itself is not the admin's to change).",
+                    "description": "<p>A minimal read-only sample letter, so the admin sees the org identity in context\nwhile editing (content itself is not the admin&#39;s to change).</p>\n"
+                }
+            ],
             "src/app/registratie/domain/registratie-wizard.machine.ts": [
                 {
                     "name": "emptyDraft",
@@ -31799,6 +34853,40 @@
                     "defaultValue": "<T>(value: T): Result<never, T> => ({ ok: true, value })"
                 }
             ],
+            "src/app/brief/infrastructure/org-template.adapter.ts": [
+                {
+                    "name": "FAILED",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "defaultValue": "$localize`:@@orgTemplate.action.failed:De actie is niet gelukt. Probeer het later opnieuw.`",
+                    "rawdescription": "The only place admin org-template HTTP lives (ADR-0001 boundary). CRUD/publish/\nrollback go through the generated client (X-Role added by `roleInterceptor`);\n`parse*` narrows the untrusted wire shape. The proefbrief is `text/html` and\n`ExcludeFromDescription`'d — a hand-written fetch, same seam as `letter-preview.adapter`.",
+                    "description": "<p>The only place admin org-template HTTP lives (ADR-0001 boundary). CRUD/publish/\nrollback go through the generated client (X-Role added by <code>roleInterceptor</code>);\n<code>parse*</code> narrows the untrusted wire shape. The proefbrief is <code>text/html</code> and\n<code>ExcludeFromDescription</code>&#39;d — a hand-written fetch, same seam as <code>letter-preview.adapter</code>.</p>\n"
+                },
+                {
+                    "name": "parseAdminView",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "defaultValue": "parseOrgTemplateAdminView"
+                },
+                {
+                    "name": "PROEFBRIEF_FAILED",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "defaultValue": "$localize`:@@orgTemplate.proefbrief.failed:De proefbrief kon niet worden geopend.`"
+                }
+            ],
             "src/app/shared/upload/upload.adapter.ts": [
                 {
                     "name": "genericError",
@@ -31901,6 +34989,18 @@
                     "defaultValue": "{ tag: 'loading' }"
                 }
             ],
+            "src/app/brief/domain/org-template.machine.ts": [
+                {
+                    "name": "initial",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/domain/org-template.machine.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "OrgTemplateState",
+                    "defaultValue": "{ tag: 'loading' }"
+                }
+            ],
             "src/app/herregistratie/domain/herregistratie.machine.ts": [
                 {
                     "name": "initial",
@@ -31987,6 +35087,52 @@
                     "defaultValue": "[\n  'brief:approve',\n  'brief:reject',\n  'brief:send',\n  'orgtemplate:edit',\n]"
                 }
             ],
+            "src/app/brief/application/org-template.store.ts": [
+                {
+                    "name": "LOGO_CATEGORY",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/application/org-template.store.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "string",
+                    "defaultValue": "'org-logo'"
+                },
+                {
+                    "name": "NO_SUBORGS",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/application/org-template.store.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "defaultValue": "$localize`:@@orgTemplate.noSubOrgs:Er zijn geen organisatiesjablonen om te beheren.`"
+                }
+            ],
+            "src/app/brief/domain/org-template.ts": [
+                {
+                    "name": "MARGIN_MAX_MM",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/domain/org-template.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "number",
+                    "defaultValue": "50"
+                },
+                {
+                    "name": "MARGIN_MIN_MM",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/domain/org-template.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "number",
+                    "defaultValue": "10",
+                    "rawdescription": "Margin bounds (server-owned, `OrgTemplateRules`): the FE mirrors them for instant\nfeedback via `<input min max>`; the server re-validates and stays the authority.",
+                    "description": "<p>Margin bounds (server-owned, <code>OrgTemplateRules</code>): the FE mirrors them for instant\nfeedback via <code>&lt;input min max&gt;</code>; the server re-validates and stays the authority.</p>\n"
+                }
+            ],
             "src/app/shared/ui/rich-text-editor/rich-text-dom.ts": [
                 {
                     "name": "MARK_TAG",
@@ -32098,6 +35244,18 @@
                     "description": "<p>Single place every API call passes through: the seam for cross-cutting concerns.</p>\n"
                 }
             ],
+            "src/app/brief/infrastructure/letter-preview.adapter.ts": [
+                {
+                    "name": "PREVIEW_FAILED",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/app/brief/infrastructure/letter-preview.adapter.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "unknown",
+                    "defaultValue": "$localize`:@@brief.preview.failed:De voorvertoning kon niet worden geopend.`"
+                }
+            ],
             "src/app/brief/domain/placeholders.ts": [
                 {
                     "name": "RAW_BRACES",
@@ -32155,7 +35313,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "Routes",
-                    "defaultValue": "[\n  {\n    path: '',\n    component: ShellComponent, // persistent header/footer; only children swap\n    children: [\n      { path: '', pathMatch: 'full', redirectTo: 'login' },\n      {\n        path: 'login',\n        loadComponent: () => \"import('@auth/ui/login.page').then((m) => m.LoginPage)\",\n      },\n      {\n        path: 'dashboard',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@registratie/ui/dashboard.page').then((m) => m.DashboardPage)\",\n      },\n      {\n        path: 'registratie',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/registration-detail.page').then((m) => m.RegistrationDetailPage)\",\n      },\n      {\n        path: 'aanvraag/:id',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/aanvraag-detail.page').then((m) => m.AanvraagDetailPage)\",\n      },\n      {\n        path: 'registreren',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/registratie.page').then((m) => m.RegistratiePage)\",\n      },\n      {\n        path: 'herregistratie',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@herregistratie/ui/herregistratie.page').then((m) => m.HerregistratiePage)\",\n      },\n      {\n        path: 'intake',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@herregistratie/ui/intake.page').then((m) => m.IntakePage)\",\n      },\n      {\n        path: 'brief',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@brief/ui/brief.page').then((m) => m.BriefPage)\",\n      },\n      {\n        path: 'concepts',\n        loadComponent: () => \"import('./showcase/concepts.page').then((m) => m.ConceptsPage)\",\n      },\n      { path: '**', redirectTo: 'login' },\n    ],\n  },\n]"
+                    "defaultValue": "[\n  {\n    path: '',\n    component: ShellComponent, // persistent header/footer; only children swap\n    children: [\n      { path: '', pathMatch: 'full', redirectTo: 'login' },\n      {\n        path: 'login',\n        loadComponent: () => \"import('@auth/ui/login.page').then((m) => m.LoginPage)\",\n      },\n      {\n        path: 'dashboard',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@registratie/ui/dashboard.page').then((m) => m.DashboardPage)\",\n      },\n      {\n        path: 'registratie',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/registration-detail.page').then((m) => m.RegistrationDetailPage)\",\n      },\n      {\n        path: 'aanvraag/:id',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/aanvraag-detail.page').then((m) => m.AanvraagDetailPage)\",\n      },\n      {\n        path: 'registreren',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@registratie/ui/registratie.page').then((m) => m.RegistratiePage)\",\n      },\n      {\n        path: 'herregistratie',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@herregistratie/ui/herregistratie.page').then((m) => m.HerregistratiePage)\",\n      },\n      {\n        path: 'intake',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@herregistratie/ui/intake.page').then((m) => m.IntakePage)\",\n      },\n      {\n        path: 'brief',\n        canActivate: [authGuard],\n        loadComponent: () => \"import('@brief/ui/brief.page').then((m) => m.BriefPage)\",\n      },\n      {\n        path: 'brief/huisstijl',\n        canActivate: [authGuard],\n        loadComponent: () =>\n          \"import('@brief/ui/org-template.page').then((m) => m.OrgTemplatePage)\",\n      },\n      {\n        path: 'concepts',\n        loadComponent: () => \"import('./showcase/concepts.page').then((m) => m.ConceptsPage)\",\n      },\n      { path: '**', redirectTo: 'login' },\n    ],\n  },\n]"
                 }
             ],
             "src/app/shared/layout/breadcrumb/breadcrumb-trail.ts": [
@@ -37062,6 +40220,125 @@
                     ]
                 }
             ],
+            "src/app/brief/domain/org-template.machine.ts": [
+                {
+                    "name": "editDraft",
+                    "file": "src/app/brief/domain/org-template.machine.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "<p>Edit the loaded draft; a no-op in any non-loaded state (illegal by construction).</p>\n",
+                    "args": [
+                        {
+                            "name": "s",
+                            "type": "OrgTemplateState",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        },
+                        {
+                            "name": "f",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "returnType": "OrgTemplateState",
+                    "jsdoctags": [
+                        {
+                            "name": "s",
+                            "type": "OrgTemplateState",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        },
+                        {
+                            "name": "f",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "reduce",
+                    "file": "src/app/brief/domain/org-template.machine.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "args": [
+                        {
+                            "name": "s",
+                            "type": "OrgTemplateState",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        },
+                        {
+                            "name": "m",
+                            "type": "OrgTemplateMsg",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "returnType": "OrgTemplateState",
+                    "jsdoctags": [
+                        {
+                            "name": "s",
+                            "type": "OrgTemplateState",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        },
+                        {
+                            "name": "m",
+                            "type": "OrgTemplateMsg",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "src/app/brief/infrastructure/letter-preview.adapter.ts": [
+                {
+                    "name": "errorMessage",
+                    "file": "src/app/brief/infrastructure/letter-preview.adapter.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "args": [
+                        {
+                            "name": "res",
+                            "type": "Response",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "returnType": "Promise<string>",
+                    "jsdoctags": [
+                        {
+                            "name": "res",
+                            "type": "Response",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                }
+            ],
             "src/app/showcase/concepts.page.ts": [
                 {
                     "name": "fakeResource",
@@ -37930,6 +41207,153 @@
                     ]
                 }
             ],
+            "src/app/brief/infrastructure/org-template.adapter.ts": [
+                {
+                    "name": "parseOrgTemplateAdminView",
+                    "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "args": [
+                        {
+                            "name": "dto",
+                            "type": "OrgTemplateAdminViewDto",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "returnType": "Result<string, OrgTemplateAdminView>",
+                    "jsdoctags": [
+                        {
+                            "name": "dto",
+                            "type": "OrgTemplateAdminViewDto",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "parsePublish",
+                    "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "args": [
+                        {
+                            "name": "dto",
+                            "type": "PublishOrgTemplateResponse",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "returnType": "Result<string, PublishResult>",
+                    "jsdoctags": [
+                        {
+                            "name": "dto",
+                            "type": "PublishOrgTemplateResponse",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "parseSubOrg",
+                    "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "args": [
+                        {
+                            "name": "dto",
+                            "type": "SubOrgSummaryDto",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "returnType": "Result<string, SubOrgSummary>",
+                    "jsdoctags": [
+                        {
+                            "name": "dto",
+                            "type": "SubOrgSummaryDto",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "parseVersion",
+                    "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "args": [
+                        {
+                            "name": "dto",
+                            "type": "OrgTemplateVersionDto",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "returnType": "Result<string, OrgTemplateVersion>",
+                    "jsdoctags": [
+                        {
+                            "name": "dto",
+                            "type": "OrgTemplateVersionDto",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "toDto",
+                    "file": "src/app/brief/infrastructure/org-template.adapter.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "args": [
+                        {
+                            "name": "t",
+                            "type": "OrgTemplate",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "returnType": "OrgTemplateDto",
+                    "jsdoctags": [
+                        {
+                            "name": "t",
+                            "type": "OrgTemplate",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                }
+            ],
             "src/app/registratie/domain/value-objects/postcode.ts": [
                 {
                     "name": "parsePostcode",
@@ -38305,6 +41729,35 @@
                             }
                         }
                     ]
+                },
+                {
+                    "name": "uploadContentUrl",
+                    "file": "src/app/shared/upload/upload.adapter.ts",
+                    "ctype": "miscellaneous",
+                    "subtype": "function",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "<p>Direct URL to a stored document&#39;s bytes. Pure (no injection) so a store can build\na letterhead-logo <code>src</code> without pulling <code>ApiClient</code> into its dependency graph.</p>\n",
+                    "args": [
+                        {
+                            "name": "documentId",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "returnType": "string",
+                    "jsdoctags": [
+                        {
+                            "name": "documentId",
+                            "type": "string",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
                 }
             ],
             "src/app/registratie/domain/tasks.ts": [
@@ -38572,6 +42025,41 @@
                     "kind": 193
                 }
             ],
+            "src/app/brief/application/org-template.store.ts": [
+                {
+                    "name": "ActionState",
+                    "ctype": "miscellaneous",
+                    "subtype": "typealias",
+                    "rawtype": "literal type | literal type | literal type",
+                    "file": "src/app/brief/application/org-template.store.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "<p>Transient action state for publish/rollback/proefbrief — the BriefStore idiom.</p>\n",
+                    "kind": 193
+                },
+                {
+                    "name": "LoadedState",
+                    "ctype": "miscellaneous",
+                    "subtype": "typealias",
+                    "rawtype": "Extract<OrgTemplateState | literal type>",
+                    "file": "src/app/brief/application/org-template.store.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "kind": 184
+                },
+                {
+                    "name": "SaveState",
+                    "ctype": "miscellaneous",
+                    "subtype": "typealias",
+                    "rawtype": "literal type | literal type | literal type | literal type",
+                    "file": "src/app/brief/application/org-template.store.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "kind": 193
+                }
+            ],
             "src/app/registratie/ui/address-fields/address-fields.component.ts": [
                 {
                     "name": "AdresErrors",
@@ -39052,6 +42540,41 @@
                     "kind": 193
                 }
             ],
+            "src/app/brief/domain/org-template.machine.ts": [
+                {
+                    "name": "OrgTemplateMsg",
+                    "ctype": "miscellaneous",
+                    "subtype": "typealias",
+                    "rawtype": "literal type | literal type | literal type | literal type | literal type | literal type | literal type",
+                    "file": "src/app/brief/domain/org-template.machine.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "kind": 193
+                },
+                {
+                    "name": "OrgTemplateState",
+                    "ctype": "miscellaneous",
+                    "subtype": "typealias",
+                    "rawtype": "literal type | literal type | literal type",
+                    "file": "src/app/brief/domain/org-template.machine.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "",
+                    "kind": 193
+                },
+                {
+                    "name": "OrgTemplateTextField",
+                    "ctype": "miscellaneous",
+                    "subtype": "typealias",
+                    "rawtype": "\"orgName\" | \"returnAddress\" | \"footerContact\" | \"footerLegal\" | \"signatureName\" | \"signatureRole\" | \"signatureClosing\"",
+                    "file": "src/app/brief/domain/org-template.machine.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "description": "<p>The admin org-template editor as one Elm-style machine (WP-26, PRD Brief v2 §5) —\nthe same idiom as the wizards. The DRAFT org template is form state (edited in\nplace on the canvas); publish/rollback are effects that come back as <code>DraftLoaded</code>.\n<code>dirty</code> tracks unsaved edits (the store debounce-saves them). The logo upload is\nthe composable upload sub-machine folded in, exactly like the wizards fold\n<code>reduceUpload</code> — its <code>UploadComplete</code>/<code>UploadRemoved</code> also mutate <code>draft.logoDocumentId</code>.</p>\n",
+                    "kind": 193
+                }
+            ],
             "src/app/registratie/domain/value-objects/postcode.ts": [
                 {
                     "name": "Postcode",
@@ -39255,6 +42778,11 @@
                 "kind": "route-path",
                 "filename": "src/app/app.routes.ts"
             },
+            {
+                "name": "brief/huisstijl",
+                "kind": "route-path",
+                "filename": "src/app/app.routes.ts"
+            },
             {
                 "name": "concepts",
                 "kind": "route-path",
@@ -39278,7 +42806,7 @@
         ]
     },
     "coverage": {
-        "count": 37,
+        "count": 36,
         "status": "medium",
         "files": [
             {
@@ -39410,9 +42938,9 @@
                 "type": "injectable",
                 "linktype": "injectable",
                 "name": "BriefStore",
-                "coveragePercent": 22,
-                "coverageCount": "7/31",
-                "status": "low"
+                "coveragePercent": 26,
+                "coverageCount": "9/34",
+                "status": "medium"
             },
             {
                 "filePath": "src/app/brief/application/brief.store.ts",
@@ -39444,6 +42972,65 @@
                 "coverageCount": "1/1",
                 "status": "very-good"
             },
+            {
+                "filePath": "src/app/brief/application/org-template.store.ts",
+                "type": "injectable",
+                "linktype": "injectable",
+                "name": "OrgTemplateStore",
+                "coveragePercent": 12,
+                "coverageCount": "5/41",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/application/org-template.store.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "LOGO_CATEGORY",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/application/org-template.store.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "NO_SUBORGS",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/application/org-template.store.ts",
+                "type": "type alias",
+                "linktype": "miscellaneous",
+                "linksubtype": "typealias",
+                "name": "ActionState",
+                "coveragePercent": 100,
+                "coverageCount": "1/1",
+                "status": "very-good"
+            },
+            {
+                "filePath": "src/app/brief/application/org-template.store.ts",
+                "type": "type alias",
+                "linktype": "miscellaneous",
+                "linksubtype": "typealias",
+                "name": "LoadedState",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/application/org-template.store.ts",
+                "type": "type alias",
+                "linktype": "miscellaneous",
+                "linksubtype": "typealias",
+                "name": "SaveState",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/app/brief/domain/brief.machine.ts",
                 "type": "function",
@@ -39720,6 +43307,66 @@
                 "coverageCount": "1/1",
                 "status": "very-good"
             },
+            {
+                "filePath": "src/app/brief/domain/org-template.machine.ts",
+                "type": "function",
+                "linktype": "miscellaneous",
+                "linksubtype": "function",
+                "name": "editDraft",
+                "coveragePercent": 100,
+                "coverageCount": "1/1",
+                "status": "very-good"
+            },
+            {
+                "filePath": "src/app/brief/domain/org-template.machine.ts",
+                "type": "function",
+                "linktype": "miscellaneous",
+                "linksubtype": "function",
+                "name": "reduce",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/domain/org-template.machine.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "initial",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/domain/org-template.machine.ts",
+                "type": "type alias",
+                "linktype": "miscellaneous",
+                "linksubtype": "typealias",
+                "name": "OrgTemplateMsg",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/domain/org-template.machine.ts",
+                "type": "type alias",
+                "linktype": "miscellaneous",
+                "linksubtype": "typealias",
+                "name": "OrgTemplateState",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/domain/org-template.machine.ts",
+                "type": "type alias",
+                "linktype": "miscellaneous",
+                "linksubtype": "typealias",
+                "name": "OrgTemplateTextField",
+                "coveragePercent": 100,
+                "coverageCount": "1/1",
+                "status": "very-good"
+            },
             {
                 "filePath": "src/app/brief/domain/org-template.ts",
                 "type": "interface",
@@ -39738,6 +43385,62 @@
                 "coverageCount": "3/12",
                 "status": "low"
             },
+            {
+                "filePath": "src/app/brief/domain/org-template.ts",
+                "type": "interface",
+                "linktype": "interface",
+                "name": "OrgTemplateAdminView",
+                "coveragePercent": 40,
+                "coverageCount": "2/5",
+                "status": "medium"
+            },
+            {
+                "filePath": "src/app/brief/domain/org-template.ts",
+                "type": "interface",
+                "linktype": "interface",
+                "name": "OrgTemplateVersion",
+                "coveragePercent": 25,
+                "coverageCount": "1/4",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/domain/org-template.ts",
+                "type": "interface",
+                "linktype": "interface",
+                "name": "PublishResult",
+                "coveragePercent": 33,
+                "coverageCount": "1/3",
+                "status": "medium"
+            },
+            {
+                "filePath": "src/app/brief/domain/org-template.ts",
+                "type": "interface",
+                "linktype": "interface",
+                "name": "SubOrgSummary",
+                "coveragePercent": 25,
+                "coverageCount": "1/4",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/domain/org-template.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "MARGIN_MAX_MM",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/domain/org-template.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "MARGIN_MIN_MM",
+                "coveragePercent": 100,
+                "coverageCount": "1/1",
+                "status": "very-good"
+            },
             {
                 "filePath": "src/app/brief/domain/placeholders.ts",
                 "type": "interface",
@@ -40033,6 +43736,124 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/app/brief/infrastructure/letter-preview.adapter.ts",
+                "type": "injectable",
+                "linktype": "injectable",
+                "name": "LetterPreviewAdapter",
+                "coveragePercent": 50,
+                "coverageCount": "1/2",
+                "status": "medium"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/letter-preview.adapter.ts",
+                "type": "function",
+                "linktype": "miscellaneous",
+                "linksubtype": "function",
+                "name": "errorMessage",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/letter-preview.adapter.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "PREVIEW_FAILED",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "type": "injectable",
+                "linktype": "injectable",
+                "name": "OrgTemplateAdapter",
+                "coveragePercent": 12,
+                "coverageCount": "1/8",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "type": "function",
+                "linktype": "miscellaneous",
+                "linksubtype": "function",
+                "name": "parseOrgTemplateAdminView",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "type": "function",
+                "linktype": "miscellaneous",
+                "linksubtype": "function",
+                "name": "parsePublish",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "type": "function",
+                "linktype": "miscellaneous",
+                "linksubtype": "function",
+                "name": "parseSubOrg",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "type": "function",
+                "linktype": "miscellaneous",
+                "linksubtype": "function",
+                "name": "parseVersion",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "type": "function",
+                "linktype": "miscellaneous",
+                "linksubtype": "function",
+                "name": "toDto",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "FAILED",
+                "coveragePercent": 100,
+                "coverageCount": "1/1",
+                "status": "very-good"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "parseAdminView",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/infrastructure/org-template.adapter.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "PROEFBRIEF_FAILED",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/app/brief/ui/brief.page.ts",
                 "type": "component",
@@ -40065,8 +43886,8 @@
                 "type": "component",
                 "linktype": "component",
                 "name": "LetterCanvasComponent",
-                "coveragePercent": 10,
-                "coverageCount": "3/30",
+                "coveragePercent": 14,
+                "coverageCount": "6/42",
                 "status": "low"
             },
             {
@@ -40115,7 +43936,7 @@
                 "linktype": "component",
                 "name": "LetterComposerComponent",
                 "coveragePercent": 3,
-                "coverageCount": "1/30",
+                "coverageCount": "1/33",
                 "status": "low"
             },
             {
@@ -40127,6 +43948,54 @@
                 "coverageCount": "1/15",
                 "status": "low"
             },
+            {
+                "filePath": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+                "type": "component",
+                "linktype": "component",
+                "name": "OrgTemplateEditorComponent",
+                "coveragePercent": 2,
+                "coverageCount": "1/49",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "EDGES",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "LOGO_CATEGORY",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/app/brief/ui/org-template-editor/org-template-editor.component.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "SAMPLE_LETTER_BRIEF",
+                "coveragePercent": 100,
+                "coverageCount": "1/1",
+                "status": "very-good"
+            },
+            {
+                "filePath": "src/app/brief/ui/org-template.page.ts",
+                "type": "component",
+                "linktype": "component",
+                "name": "OrgTemplatePage",
+                "coveragePercent": 5,
+                "coverageCount": "1/17",
+                "status": "low"
+            },
             {
                 "filePath": "src/app/brief/ui/passage-picker/passage-picker.component.ts",
                 "type": "component",
@@ -41872,9 +45741,9 @@
                 "type": "injectable",
                 "linktype": "injectable",
                 "name": "AccessStore",
-                "coveragePercent": 20,
-                "coverageCount": "1/5",
-                "status": "low"
+                "coveragePercent": 33,
+                "coverageCount": "2/6",
+                "status": "medium"
             },
             {
                 "filePath": "src/app/shared/application/access.store.ts",
@@ -43776,6 +47645,16 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/app/shared/upload/upload.adapter.ts",
+                "type": "function",
+                "linktype": "miscellaneous",
+                "linksubtype": "function",
+                "name": "uploadContentUrl",
+                "coveragePercent": 100,
+                "coverageCount": "1/1",
+                "status": "very-good"
+            },
             {
                 "filePath": "src/app/shared/upload/upload.adapter.ts",
                 "type": "variable",
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 7616548..5f023a5 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -51,6 +51,12 @@ export const routes: Routes = [
         canActivate: [authGuard],
         loadComponent: () => import('@brief/ui/brief.page').then((m) => m.BriefPage),
       },
+      {
+        path: 'brief/huisstijl',
+        canActivate: [authGuard],
+        loadComponent: () =>
+          import('@brief/ui/org-template.page').then((m) => m.OrgTemplatePage),
+      },
       {
         path: 'concepts',
         loadComponent: () => import('./showcase/concepts.page').then((m) => m.ConceptsPage),
diff --git a/src/app/brief/application/brief.store.ts b/src/app/brief/application/brief.store.ts
index 1271d0a..0ef09ae 100644
--- a/src/app/brief/application/brief.store.ts
+++ b/src/app/brief/application/brief.store.ts
@@ -13,6 +13,7 @@ import { BriefMsg, BriefState, initial, reduce } from '@brief/domain/brief.machi
 import { OrgTemplate } from '@brief/domain/org-template';
 import { BriefAdapter, BriefView } from '@brief/infrastructure/brief.adapter';
 import { LetterPreviewAdapter } from '@brief/infrastructure/letter-preview.adapter';
+import { uploadContentUrl } from '@shared/upload/upload.adapter';
 
 /** Transient action state (submit/approve/reject/send/resetDemo) — one tagged union
     instead of a busy boolean + a nullable error sitting side by side. */
@@ -56,6 +57,12 @@ export class BriefStore {
       stays untouched by design). Set from every server view that carries it. */
   readonly orgTemplate = signal<OrgTemplate | null>(null);
 
+  /** The org logo's content URL for the letterhead, or null when the template has none. */
+  readonly logoUrl = computed<string | null>(() => {
+    const id = this.orgTemplate()?.logoDocumentId;
+    return id ? uploadContentUrl(id) : null;
+  });
+
   /** The load lifecycle as `RemoteData`, for `<app-async>` — the machine keeps
       owning the letter's own domain lifecycle (draft/submitted/approved/…); this is
       purely a projection of its loading/failed tags onto the shared async seam. */
diff --git a/src/app/brief/application/org-template.store.ts b/src/app/brief/application/org-template.store.ts
new file mode 100644
index 0000000..9af7c49
--- /dev/null
+++ b/src/app/brief/application/org-template.store.ts
@@ -0,0 +1,271 @@
+import { Injectable, computed, effect, inject, signal } from '@angular/core';
+import { RemoteData } from '@shared/application/remote-data';
+import { createStore } from '@shared/application/store';
+import { UploadAdapter } from '@shared/upload/upload.adapter';
+import { UploadShellService } from '@shared/upload/upload-shell.service';
+import { UploadMsg, initialUpload, rejectReason } from '@shared/upload/upload.machine';
+import {
+  MARGIN_MAX_MM,
+  MARGIN_MIN_MM,
+  OrgTemplate,
+  SubOrgSummary,
+} from '@brief/domain/org-template';
+import {
+  OrgTemplateMsg,
+  OrgTemplateState,
+  initial,
+  reduce,
+} from '@brief/domain/org-template.machine';
+import { OrgTemplateAdapter } from '@brief/infrastructure/org-template.adapter';
+
+/** Transient action state for publish/rollback/proefbrief — the BriefStore idiom. */
+type ActionState = { tag: 'Idle' } | { tag: 'Busy' } | { tag: 'Failed'; error: string };
+type SaveState = { tag: 'Idle' } | { tag: 'Saving' } | { tag: 'Saved' } | { tag: 'Error' };
+type LoadedState = Extract<OrgTemplateState, { tag: 'loaded' }>;
+
+const LOGO_CATEGORY = 'org-logo';
+const NO_SUBORGS = $localize`:@@orgTemplate.noSubOrgs:Er zijn geen organisatiesjablonen om te beheren.`;
+
+/**
+ * Root singleton for the admin org-template editor (WP-26). The Elm machine owns the
+ * editable draft; commands here do the debounced save, publish (impact-confirm),
+ * rollback and proefbrief, then dispatch the outcome — the reducer stays pure. The
+ * logo upload reuses the shared upload transport; its completion mutates the draft
+ * (in the reducer) and triggers a save (here). Mirrors `BriefStore`.
+ */
+@Injectable({ providedIn: 'root' })
+export class OrgTemplateStore {
+  private adapter = inject(OrgTemplateAdapter);
+  private uploadAdapter = inject(UploadAdapter);
+  private shell = inject(UploadShellService);
+  private store = createStore<OrgTemplateState, OrgTemplateMsg>(initial, reduce);
+
+  readonly model = this.store.model;
+
+  readonly subOrgs = signal<readonly SubOrgSummary[]>([]);
+  readonly selectedSubOrgId = signal<string | null>(null);
+
+  private actionState = signal<ActionState>({ tag: 'Idle' });
+  readonly busy = computed(() => this.actionState().tag === 'Busy');
+  readonly lastError = computed(() => {
+    const s = this.actionState();
+    return s.tag === 'Failed' ? s.error : null;
+  });
+  readonly saveState = signal<SaveState>({ tag: 'Idle' });
+
+  /** The publish impact-confirm gate (PRD §7h: show N affected letters before POST). */
+  readonly pendingPublish = signal(false);
+
+  readonly remoteData = computed<RemoteData<Error | undefined, LoadedState>>(() => {
+    const s = this.model();
+    switch (s.tag) {
+      case 'loading':
+        return { tag: 'Loading' };
+      case 'failed':
+        return { tag: 'Failure', error: new Error(s.reason) };
+      case 'loaded':
+        return { tag: 'Success', value: s };
+    }
+  });
+
+  private loaded = computed<LoadedState | null>(() => {
+    const s = this.model();
+    return s.tag === 'loaded' ? s : null;
+  });
+  readonly draft = computed<OrgTemplate | null>(() => this.loaded()?.draft ?? null);
+  readonly uploadState = computed(() => this.loaded()?.upload ?? initialUpload);
+  readonly history = computed(() => this.loaded()?.history ?? []);
+  readonly publishedVersion = computed(() => this.loaded()?.publishedVersion ?? 0);
+  readonly unsentBriefs = computed(() => this.loaded()?.unsentBriefs ?? 0);
+  readonly logoUrl = computed<string | null>(() => {
+    const id = this.draft()?.logoDocumentId;
+    return id ? this.uploadAdapter.contentUrl(id) : null;
+  });
+
+  /** Client-side mirror of the server rules (`OrgTemplateRules`) for instant feedback;
+      the server re-validates and stays the authority — publish is gated on this. */
+  readonly draftValid = computed(() => {
+    const d = this.draft();
+    if (!d) return false;
+    const marginsOk = [d.margins.topMm, d.margins.rightMm, d.margins.bottomMm, d.margins.leftMm].every(
+      (v) => v >= MARGIN_MIN_MM && v <= MARGIN_MAX_MM,
+    );
+    return d.orgName.trim().length > 0 && d.signatureName.trim().length > 0 && marginsOk;
+  });
+
+  // Live File blobs keyed by localId — needed to retry a failed upload (a reducer can't hold these).
+  private files = new Map<string, File>();
+  private categoriesRes = this.uploadAdapter.categoriesResource('org-template');
+
+  constructor() {
+    // Feed the logo category into the machine's upload sub-state once loaded. Tracks
+    // `model()` so it re-fires after a sub-org switch reseeds an empty upload state;
+    // the length guard makes it idempotent (no dispatch loop).
+    effect(() => {
+      const s = this.model();
+      if (s.tag !== 'loaded' || s.upload.categories.length > 0) return;
+      const status = this.categoriesRes.status();
+      if (status === 'resolved' || status === 'local')
+        this.dispatchUpload({ type: 'CategoriesLoaded', categories: this.categoriesRes.value() ?? [] });
+    });
+  }
+
+  async load() {
+    this.store.dispatch({ tag: 'Loading' });
+    const list = await this.adapter.list();
+    if (!list.ok) {
+      this.store.dispatch({ tag: 'LoadFailed', reason: list.error });
+      return;
+    }
+    this.subOrgs.set(list.value);
+    const first = list.value[0];
+    if (!first) {
+      this.store.dispatch({ tag: 'LoadFailed', reason: NO_SUBORGS });
+      return;
+    }
+    await this.selectSubOrg(first.subOrgId);
+  }
+
+  async selectSubOrg(subOrgId: string) {
+    this.selectedSubOrgId.set(subOrgId);
+    this.saveState.set({ tag: 'Idle' });
+    clearTimeout(this.saveTimer);
+    this.store.dispatch({ tag: 'Loading' });
+    const r = await this.adapter.load(subOrgId);
+    if (r.ok) this.store.dispatch({ tag: 'DraftLoaded', view: r.value });
+    else this.store.dispatch({ tag: 'LoadFailed', reason: r.error });
+  }
+
+  /** An in-place canvas or margin edit: apply optimistically, then debounce-save. */
+  edit(msg: OrgTemplateMsg) {
+    this.store.dispatch(msg);
+    this.scheduleSave();
+  }
+
+  private saveTimer?: ReturnType<typeof setTimeout>;
+  private scheduleSave() {
+    if (this.loaded() === null) return;
+    clearTimeout(this.saveTimer);
+    // ponytail: 600ms debounce, same as BriefStore; the server is the store of record.
+    this.saveTimer = setTimeout(() => void this.flushSave(), 600);
+  }
+  private async flushSave() {
+    const s = this.loaded();
+    if (!s || !s.dirty) return;
+    const { subOrgId, draft } = s;
+    this.saveState.set({ tag: 'Saving' });
+    const r = await this.adapter.save(subOrgId, draft);
+    if (r.ok) {
+      this.saveState.set({ tag: 'Saved' });
+      this.store.dispatch({ tag: 'DraftSaved', savedDraft: draft });
+    } else {
+      this.saveState.set({ tag: 'Error' });
+      this.actionState.set({ tag: 'Failed', error: r.error });
+    }
+  }
+
+  // --- publish (impact-confirm) / rollback / proefbrief ---
+
+  requestPublish() {
+    this.pendingPublish.set(true);
+  }
+  cancelPublish() {
+    this.pendingPublish.set(false);
+  }
+  async confirmPublish() {
+    const s = this.loaded();
+    if (!s) return;
+    this.pendingPublish.set(false);
+    this.actionState.set({ tag: 'Busy' });
+    clearTimeout(this.saveTimer);
+    await this.flushSave(); // publish the saved draft — flush any pending edit first
+    const r = await this.adapter.publish(s.subOrgId);
+    if (!r.ok) {
+      this.actionState.set({ tag: 'Failed', error: r.error });
+      return;
+    }
+    this.actionState.set({ tag: 'Idle' });
+    await this.selectSubOrg(s.subOrgId); // reload: new version, history, unsentBriefs = 0
+  }
+
+  async rollback(version: number) {
+    const s = this.loaded();
+    if (!s) return;
+    this.actionState.set({ tag: 'Busy' });
+    clearTimeout(this.saveTimer);
+    const r = await this.adapter.rollback(s.subOrgId, version);
+    if (!r.ok) {
+      this.actionState.set({ tag: 'Failed', error: r.error });
+      return;
+    }
+    this.actionState.set({ tag: 'Idle' });
+    this.store.dispatch({ tag: 'DraftLoaded', view: r.value }); // old version copied into draft
+  }
+
+  async proefbrief() {
+    const s = this.loaded();
+    if (!s) return;
+    this.actionState.set({ tag: 'Busy' });
+    clearTimeout(this.saveTimer);
+    await this.flushSave(); // the proefbrief renders the server's draft
+    const r = await this.adapter.proefbrief(s.subOrgId);
+    if (!r.ok) {
+      this.actionState.set({ tag: 'Failed', error: r.error });
+      return;
+    }
+    this.actionState.set({ tag: 'Idle' });
+    window.open(URL.createObjectURL(r.value), '_blank');
+  }
+
+  // --- logo upload (reuses the shared upload transport; single `org-logo` file) ---
+
+  onLogoSelected(files: File[]) {
+    const s = this.loaded();
+    const cat = s?.upload.categories.find((c) => c.categoryId === LOGO_CATEGORY);
+    const file = files[0];
+    if (!s || !cat || !file) return;
+    const reason = rejectReason(cat, { type: file.type, sizeMb: file.size / 1e6 });
+    if (reason) {
+      this.dispatchUpload({ type: 'FileRejected', categoryId: cat.categoryId, reason });
+      return;
+    }
+    const localId = crypto.randomUUID();
+    this.files.set(localId, file);
+    this.dispatchUpload({
+      type: 'FileSelected',
+      categoryId: cat.categoryId,
+      localId,
+      fileName: file.name,
+      fileSizeMb: file.size / 1e6,
+    });
+    this.shell.upload({ localId, categoryId: cat.categoryId, wizardId: 'org-template', file }, (m) =>
+      this.onUploadMsg(m),
+    );
+  }
+
+  onLogoRemoved(localId: string) {
+    this.shell.cancel([localId]);
+    this.files.delete(localId);
+    this.onUploadMsg({ type: 'UploadRemoved', localId });
+  }
+
+  onLogoRetry(localId: string) {
+    const file = this.files.get(localId);
+    const up = this.loaded()?.upload.uploads.find((u) => u.localId === localId);
+    if (!file || !up) return;
+    this.dispatchUpload({ type: 'UploadRetried', localId });
+    this.shell.upload({ localId, categoryId: up.categoryId, wizardId: 'org-template', file }, (m) =>
+      this.onUploadMsg(m),
+    );
+  }
+
+  private dispatchUpload(msg: UploadMsg) {
+    this.store.dispatch({ tag: 'Upload', msg });
+  }
+  /** Upload effects arriving from the transport: a finished/removed logo edits the
+      draft (in the reducer) and needs persisting. */
+  private onUploadMsg(msg: UploadMsg) {
+    this.dispatchUpload(msg);
+    if (msg.type === 'UploadComplete' || msg.type === 'UploadRemoved') this.scheduleSave();
+  }
+}
diff --git a/src/app/brief/domain/org-template.machine.spec.ts b/src/app/brief/domain/org-template.machine.spec.ts
new file mode 100644
index 0000000..2baacf9
--- /dev/null
+++ b/src/app/brief/domain/org-template.machine.spec.ts
@@ -0,0 +1,135 @@
+import { describe, it, expect } from 'vitest';
+import { OrgTemplate, OrgTemplateAdminView } from './org-template';
+import { OrgTemplateState, reduce } from './org-template.machine';
+import { DocumentCategory } from '@shared/upload/upload.machine';
+
+const template: OrgTemplate = {
+  subOrgId: 'cibg-registers',
+  orgName: 'CIBG',
+  returnAddress: 'Postbus 1\n2500 AA Den Haag',
+  footerContact: 'info@cibg.nl',
+  footerLegal: 'CIBG is onderdeel van VWS',
+  signatureName: 'A. de Vries',
+  signatureRole: 'Hoofd Registratie',
+  signatureClosing: 'Met vriendelijke groet,',
+  margins: { topMm: 25, rightMm: 20, bottomMm: 25, leftMm: 20 },
+  version: 3,
+};
+
+const view = (over: Partial<OrgTemplateAdminView> = {}): OrgTemplateAdminView => ({
+  draft: template,
+  publishedVersion: 3,
+  history: [],
+  unsentBriefs: 2,
+  ...over,
+});
+
+const loaded = (): OrgTemplateState => reduce({ tag: 'loading' }, { tag: 'DraftLoaded', view: view() });
+
+const logoCategory: DocumentCategory = {
+  categoryId: 'org-logo',
+  label: 'Logo',
+  description: '',
+  required: false,
+  acceptedTypes: ['image/png'],
+  maxSizeMb: 2,
+  multiple: false,
+  allowPostDelivery: false,
+};
+
+describe('org-template.machine', () => {
+  it('DraftLoaded moves to loaded with the draft, clean', () => {
+    const s = loaded();
+    expect(s.tag).toBe('loaded');
+    if (s.tag !== 'loaded') return;
+    expect(s.draft.orgName).toBe('CIBG');
+    expect(s.subOrgId).toBe('cibg-registers');
+    expect(s.unsentBriefs).toBe(2);
+    expect(s.dirty).toBe(false);
+  });
+
+  it('LoadFailed carries the reason', () => {
+    const s = reduce({ tag: 'loading' }, { tag: 'LoadFailed', reason: 'boom' });
+    expect(s).toEqual({ tag: 'failed', reason: 'boom' });
+  });
+
+  it('FieldEdited edits the draft and marks dirty', () => {
+    const s = reduce(loaded(), { tag: 'FieldEdited', field: 'orgName', value: 'CIBG Nieuw' });
+    expect(s.tag === 'loaded' && s.draft.orgName).toBe('CIBG Nieuw');
+    expect(s.tag === 'loaded' && s.dirty).toBe(true);
+  });
+
+  it('MarginEdited edits one edge and marks dirty', () => {
+    const s = reduce(loaded(), { tag: 'MarginEdited', edge: 'topMm', value: 40 });
+    expect(s.tag === 'loaded' && s.draft.margins.topMm).toBe(40);
+    expect(s.tag === 'loaded' && s.draft.margins.leftMm).toBe(20);
+    expect(s.tag === 'loaded' && s.dirty).toBe(true);
+  });
+
+  it('DraftSaved clears dirty when the saved draft is the current one', () => {
+    const edited = reduce(loaded(), { tag: 'FieldEdited', field: 'orgName', value: 'X' });
+    const savedDraft = edited.tag === 'loaded' ? edited.draft : template;
+    const s = reduce(edited, { tag: 'DraftSaved', savedDraft });
+    expect(s.tag === 'loaded' && s.dirty).toBe(false);
+    expect(s.tag === 'loaded' && s.draft.orgName).toBe('X');
+  });
+
+  it('DraftSaved keeps dirty when an edit landed during the save round-trip', () => {
+    const editing = reduce(loaded(), { tag: 'FieldEdited', field: 'orgName', value: 'X' });
+    const savedDraft = editing.tag === 'loaded' ? editing.draft : template;
+    // a further edit changes the draft reference before the save resolves
+    const raced = reduce(editing, { tag: 'FieldEdited', field: 'orgName', value: 'Y' });
+    const s = reduce(raced, { tag: 'DraftSaved', savedDraft });
+    expect(s.tag === 'loaded' && s.dirty).toBe(true);
+  });
+
+  it('edits are no-ops in non-loaded states', () => {
+    expect(reduce({ tag: 'loading' }, { tag: 'FieldEdited', field: 'orgName', value: 'x' })).toEqual({
+      tag: 'loading',
+    });
+  });
+
+  it('a completed logo upload sets logoDocumentId + dirty', () => {
+    const withCat = reduce(loaded(), {
+      tag: 'Upload',
+      msg: { type: 'CategoriesLoaded', categories: [logoCategory] },
+    });
+    const selected = reduce(withCat, {
+      tag: 'Upload',
+      msg: { type: 'FileSelected', categoryId: 'org-logo', localId: 'a', fileName: 'l.png', fileSizeMb: 0.1 },
+    });
+    const done = reduce(selected, {
+      tag: 'Upload',
+      msg: { type: 'UploadComplete', localId: 'a', documentId: 'doc-1' },
+    });
+    expect(done.tag === 'loaded' && done.draft.logoDocumentId).toBe('doc-1');
+    expect(done.tag === 'loaded' && done.dirty).toBe(true);
+  });
+
+  it('removing the logo clears logoDocumentId + dirty', () => {
+    const withLogo = reduce(loaded(), {
+      tag: 'Upload',
+      msg: { type: 'UploadComplete', localId: 'a', documentId: 'doc-1' },
+    });
+    const removed = reduce(withLogo, {
+      tag: 'Upload',
+      msg: { type: 'UploadRemoved', localId: 'a' },
+    });
+    expect(removed.tag === 'loaded' && removed.draft.logoDocumentId).toBeUndefined();
+    expect(removed.tag === 'loaded' && removed.dirty).toBe(true);
+  });
+
+  it('DraftLoaded (sub-org switch) keeps the loaded logo category, drops uploads', () => {
+    const withCat = reduce(loaded(), {
+      tag: 'Upload',
+      msg: { type: 'CategoriesLoaded', categories: [logoCategory] },
+    });
+    const switched = reduce(withCat, {
+      tag: 'DraftLoaded',
+      view: view({ draft: { ...template, subOrgId: 'cibg-vakbekwaamheid' } }),
+    });
+    expect(switched.tag === 'loaded' && switched.upload.categories).toHaveLength(1);
+    expect(switched.tag === 'loaded' && switched.upload.uploads).toHaveLength(0);
+    expect(switched.tag === 'loaded' && switched.subOrgId).toBe('cibg-vakbekwaamheid');
+  });
+});
diff --git a/src/app/brief/domain/org-template.machine.ts b/src/app/brief/domain/org-template.machine.ts
new file mode 100644
index 0000000..f9e5dd0
--- /dev/null
+++ b/src/app/brief/domain/org-template.machine.ts
@@ -0,0 +1,100 @@
+import { assertNever } from '@shared/kernel/fp';
+import { Margins, OrgTemplate, OrgTemplateAdminView, OrgTemplateVersion } from './org-template';
+import { UploadMsg, UploadState, initialUpload, reduceUpload } from '@shared/upload/upload.machine';
+
+/**
+ * The admin org-template editor as one Elm-style machine (WP-26, PRD Brief v2 §5) —
+ * the same idiom as the wizards. The DRAFT org template is form state (edited in
+ * place on the canvas); publish/rollback are effects that come back as `DraftLoaded`.
+ * `dirty` tracks unsaved edits (the store debounce-saves them). The logo upload is
+ * the composable upload sub-machine folded in, exactly like the wizards fold
+ * `reduceUpload` — its `UploadComplete`/`UploadRemoved` also mutate `draft.logoDocumentId`.
+ */
+
+/** The org-identity text fields editable directly on the letter canvas. */
+export type OrgTemplateTextField =
+  | 'orgName'
+  | 'returnAddress'
+  | 'footerContact'
+  | 'footerLegal'
+  | 'signatureName'
+  | 'signatureRole'
+  | 'signatureClosing';
+
+export type OrgTemplateState =
+  | { tag: 'loading' }
+  | { tag: 'failed'; reason: string }
+  | {
+      tag: 'loaded';
+      subOrgId: string;
+      draft: OrgTemplate;
+      publishedVersion: number;
+      history: readonly OrgTemplateVersion[];
+      unsentBriefs: number;
+      dirty: boolean;
+      /** Logo upload sub-state (single file, `org-logo` category). */
+      upload: UploadState;
+    };
+
+export const initial: OrgTemplateState = { tag: 'loading' };
+
+export type OrgTemplateMsg =
+  | { tag: 'Loading' }
+  | { tag: 'DraftLoaded'; view: OrgTemplateAdminView }
+  | { tag: 'LoadFailed'; reason: string }
+  | { tag: 'FieldEdited'; field: OrgTemplateTextField; value: string }
+  | { tag: 'MarginEdited'; edge: keyof Margins; value: number }
+  /** Carries the draft that was saved: clears `dirty` only if no edit landed during
+      the round-trip (reference-equal), so a concurrent edit keeps its pending save. */
+  | { tag: 'DraftSaved'; savedDraft: OrgTemplate }
+  | { tag: 'Upload'; msg: UploadMsg };
+
+/** Edit the loaded draft; a no-op in any non-loaded state (illegal by construction). */
+function editDraft(
+  s: OrgTemplateState,
+  f: (draft: OrgTemplate) => OrgTemplate,
+): OrgTemplateState {
+  return s.tag === 'loaded' ? { ...s, draft: f(s.draft), dirty: true } : s;
+}
+
+export function reduce(s: OrgTemplateState, m: OrgTemplateMsg): OrgTemplateState {
+  switch (m.tag) {
+    case 'Loading':
+      return { tag: 'loading' };
+    case 'LoadFailed':
+      return { tag: 'failed', reason: m.reason };
+    case 'DraftLoaded':
+      return {
+        tag: 'loaded',
+        subOrgId: m.view.draft.subOrgId,
+        draft: m.view.draft,
+        publishedVersion: m.view.publishedVersion,
+        history: m.view.history,
+        unsentBriefs: m.view.unsentBriefs,
+        dirty: false,
+        // Keep the loaded logo category across sub-org switches (it's the same
+        // `org-logo` category, loaded once); drop only any in-flight/finished uploads.
+        upload: s.tag === 'loaded' ? { ...s.upload, uploads: [], rejections: {} } : initialUpload,
+      };
+    case 'FieldEdited':
+      return editDraft(s, (d) => ({ ...d, [m.field]: m.value }));
+    case 'MarginEdited':
+      return editDraft(s, (d) => ({ ...d, margins: { ...d.margins, [m.edge]: m.value } }));
+    case 'DraftSaved':
+      return s.tag === 'loaded' && s.draft === m.savedDraft ? { ...s, dirty: false } : s;
+    case 'Upload': {
+      if (s.tag !== 'loaded') return s;
+      const upload = reduceUpload(s.upload, m.msg);
+      // A completed/removed logo upload also updates the draft's logoDocumentId.
+      if (m.msg.type === 'UploadComplete')
+        return { ...s, upload, draft: { ...s.draft, logoDocumentId: m.msg.documentId }, dirty: true };
+      if (m.msg.type === 'UploadRemoved') {
+        const { logoDocumentId: _dropped, ...rest } = s.draft;
+        return { ...s, upload, draft: rest, dirty: true };
+      }
+      return { ...s, upload };
+    }
+    default:
+      return assertNever(m);
+  }
+}
diff --git a/src/app/brief/domain/org-template.ts b/src/app/brief/domain/org-template.ts
index d97a05f..0153f43 100644
--- a/src/app/brief/domain/org-template.ts
+++ b/src/app/brief/domain/org-template.ts
@@ -29,3 +29,39 @@ export interface OrgTemplate {
   /** 0 = draft; n>0 = the published snapshot this letter renders with. */
   readonly version: number;
 }
+
+// --- admin editor (WP-26) ---
+
+/** A published snapshot in the version history: who is faked, `publishedAt` is real. */
+export interface OrgTemplateVersion {
+  readonly version: number;
+  readonly publishedAt: string;
+  readonly template: OrgTemplate;
+}
+
+/** The admin editor's view of one sub-org: the editable draft plus publish metadata. */
+export interface OrgTemplateAdminView {
+  readonly draft: OrgTemplate;
+  readonly publishedVersion: number;
+  readonly history: readonly OrgTemplateVersion[];
+  /** How many not-yet-sent letters a publish would re-render (the impact count). */
+  readonly unsentBriefs: number;
+}
+
+/** One row in the sub-org switcher. */
+export interface SubOrgSummary {
+  readonly subOrgId: string;
+  readonly orgName: string;
+  readonly publishedVersion: number;
+}
+
+/** Publish outcome: the new version and how many unsent letters it touched. */
+export interface PublishResult {
+  readonly version: number;
+  readonly affectedUnsentBriefs: number;
+}
+
+/** Margin bounds (server-owned, `OrgTemplateRules`): the FE mirrors them for instant
+    feedback via `<input min max>`; the server re-validates and stays the authority. */
+export const MARGIN_MIN_MM = 10;
+export const MARGIN_MAX_MM = 50;
diff --git a/src/app/brief/infrastructure/org-template.adapter.spec.ts b/src/app/brief/infrastructure/org-template.adapter.spec.ts
new file mode 100644
index 0000000..b15234d
--- /dev/null
+++ b/src/app/brief/infrastructure/org-template.adapter.spec.ts
@@ -0,0 +1,54 @@
+import { describe, it, expect } from 'vitest';
+import { OrgTemplateAdminViewDto, OrgTemplateDto } from '@shared/infrastructure/api-client';
+import { parseOrgTemplateAdminView } from './org-template.adapter';
+
+const draft: OrgTemplateDto = {
+  subOrgId: 'cibg-registers',
+  orgName: 'CIBG',
+  returnAddress: 'Postbus 1',
+  footerContact: 'info@cibg.nl',
+  footerLegal: 'onderdeel van VWS',
+  signatureName: 'A. de Vries',
+  signatureRole: 'Hoofd Registratie',
+  signatureClosing: 'Met vriendelijke groet,',
+  margins: { topMm: 25, rightMm: 20, bottomMm: 25, leftMm: 20 },
+  version: 3,
+};
+
+const view: OrgTemplateAdminViewDto = {
+  draft,
+  publishedVersion: 3,
+  unsentBriefs: 2,
+  history: [{ version: 2, publishedAt: '2026-06-01', template: draft }],
+};
+
+describe('parseOrgTemplateAdminView', () => {
+  it('parses a well-formed admin view', () => {
+    const r = parseOrgTemplateAdminView(view);
+    expect(r.ok).toBe(true);
+    if (!r.ok) return;
+    expect(r.value.draft.orgName).toBe('CIBG');
+    expect(r.value.publishedVersion).toBe(3);
+    expect(r.value.unsentBriefs).toBe(2);
+    expect(r.value.history).toHaveLength(1);
+    expect(r.value.history[0].version).toBe(2);
+  });
+
+  it('rejects a missing draft', () => {
+    const r = parseOrgTemplateAdminView({ ...view, draft: undefined });
+    expect(r.ok).toBe(false);
+  });
+
+  it('rejects a missing count field', () => {
+    const r = parseOrgTemplateAdminView({ ...view, unsentBriefs: undefined });
+    expect(r.ok).toBe(false);
+  });
+
+  it('rejects a malformed history entry', () => {
+    const r = parseOrgTemplateAdminView({
+      ...view,
+      history: [{ version: 2, publishedAt: '2026-06-01', template: { ...draft, orgName: undefined } }],
+    });
+    expect(r.ok).toBe(false);
+  });
+});
diff --git a/src/app/brief/infrastructure/org-template.adapter.ts b/src/app/brief/infrastructure/org-template.adapter.ts
new file mode 100644
index 0000000..5e82379
--- /dev/null
+++ b/src/app/brief/infrastructure/org-template.adapter.ts
@@ -0,0 +1,163 @@
+import { Injectable, inject } from '@angular/core';
+import { Result, ok, err } from '@shared/kernel/fp';
+import { runSubmit } from '@shared/application/submit';
+import { currentRole } from '@shared/infrastructure/role';
+import { problemDetail } from '@shared/infrastructure/api-error';
+import { environment } from '../../../environments/environment';
+import {
+  ApiClient,
+  OrgTemplateAdminViewDto,
+  OrgTemplateDto,
+  OrgTemplateVersionDto,
+  PublishOrgTemplateResponse,
+  SubOrgSummaryDto,
+} from '@shared/infrastructure/api-client';
+import {
+  OrgTemplate,
+  OrgTemplateAdminView,
+  OrgTemplateVersion,
+  PublishResult,
+  SubOrgSummary,
+} from '@brief/domain/org-template';
+import { parseOrgTemplate } from '@brief/infrastructure/brief.adapter';
+
+/**
+ * The only place admin org-template HTTP lives (ADR-0001 boundary). CRUD/publish/
+ * rollback go through the generated client (X-Role added by `roleInterceptor`);
+ * `parse*` narrows the untrusted wire shape. The proefbrief is `text/html` and
+ * `ExcludeFromDescription`'d — a hand-written fetch, same seam as `letter-preview.adapter`.
+ */
+
+const FAILED = $localize`:@@orgTemplate.action.failed:De actie is niet gelukt. Probeer het later opnieuw.`;
+const PROEFBRIEF_FAILED = $localize`:@@orgTemplate.proefbrief.failed:De proefbrief kon niet worden geopend.`;
+
+@Injectable({ providedIn: 'root' })
+export class OrgTemplateAdapter {
+  private client = inject(ApiClient);
+
+  async list(): Promise<Result<string, SubOrgSummary[]>> {
+    const r = await runSubmit(() => this.client.orgTemplates(), FAILED);
+    if (!r.ok) return r;
+    const out: SubOrgSummary[] = [];
+    for (const s of r.value ?? []) {
+      const parsed = parseSubOrg(s);
+      if (!parsed.ok) return parsed;
+      out.push(parsed.value);
+    }
+    return ok(out);
+  }
+
+  async load(subOrgId: string): Promise<Result<string, OrgTemplateAdminView>> {
+    const r = await runSubmit(() => this.client.orgTemplateGET(subOrgId), FAILED);
+    return r.ok ? parseAdminView(r.value) : r;
+  }
+
+  async save(subOrgId: string, draft: OrgTemplate): Promise<Result<string, OrgTemplateAdminView>> {
+    const r = await runSubmit(
+      () => this.client.orgTemplatePUT(subOrgId, { draft: toDto(draft) }),
+      FAILED,
+    );
+    return r.ok ? parseAdminView(r.value) : r;
+  }
+
+  async publish(subOrgId: string): Promise<Result<string, PublishResult>> {
+    const r = await runSubmit(() => this.client.orgTemplatePublish(subOrgId), FAILED);
+    return r.ok ? parsePublish(r.value) : r;
+  }
+
+  async rollback(
+    subOrgId: string,
+    version: number,
+  ): Promise<Result<string, OrgTemplateAdminView>> {
+    const r = await runSubmit(() => this.client.orgTemplateRollback(subOrgId, version), FAILED);
+    return r.ok ? parseAdminView(r.value) : r;
+  }
+
+  /** Proefbrief: the unpublished draft rendered over a fixture letter, opened as a Blob. */
+  async proefbrief(subOrgId: string): Promise<Result<string, Blob>> {
+    let res: Response;
+    try {
+      res = await fetch(
+        `${environment.apiBaseUrl}/api/v1/admin/org-template/${encodeURIComponent(subOrgId)}/preview`,
+        { headers: { 'X-Role': currentRole() } },
+      );
+    } catch {
+      return err(PROEFBRIEF_FAILED);
+    }
+    if (!res.ok) {
+      try {
+        return err(problemDetail(await res.json(), PROEFBRIEF_FAILED));
+      } catch {
+        return err(PROEFBRIEF_FAILED);
+      }
+    }
+    return ok(await res.blob());
+  }
+}
+
+// --- parse: wire → domain, validating at the boundary ---
+
+function parseSubOrg(dto: SubOrgSummaryDto): Result<string, SubOrgSummary> {
+  if (typeof dto.subOrgId !== 'string' || typeof dto.orgName !== 'string')
+    return err('sub-org: bad shape');
+  return ok({
+    subOrgId: dto.subOrgId,
+    orgName: dto.orgName,
+    publishedVersion: dto.publishedVersion ?? 0,
+  });
+}
+
+function parseVersion(dto: OrgTemplateVersionDto): Result<string, OrgTemplateVersion> {
+  if (typeof dto.version !== 'number' || typeof dto.publishedAt !== 'string')
+    return err('version: bad shape');
+  const template = parseOrgTemplate(dto.template);
+  if (!template.ok) return template;
+  return ok({ version: dto.version, publishedAt: dto.publishedAt, template: template.value });
+}
+
+export function parseOrgTemplateAdminView(
+  dto: OrgTemplateAdminViewDto,
+): Result<string, OrgTemplateAdminView> {
+  const draft = parseOrgTemplate(dto.draft);
+  if (!draft.ok) return draft;
+  if (typeof dto.publishedVersion !== 'number' || typeof dto.unsentBriefs !== 'number')
+    return err('admin-view: bad shape');
+  const history: OrgTemplateVersion[] = [];
+  for (const v of dto.history ?? []) {
+    const parsed = parseVersion(v);
+    if (!parsed.ok) return parsed;
+    history.push(parsed.value);
+  }
+  return ok({
+    draft: draft.value,
+    publishedVersion: dto.publishedVersion,
+    history,
+    unsentBriefs: dto.unsentBriefs,
+  });
+}
+
+const parseAdminView = parseOrgTemplateAdminView;
+
+function parsePublish(dto: PublishOrgTemplateResponse): Result<string, PublishResult> {
+  if (typeof dto.version !== 'number' || typeof dto.affectedUnsentBriefs !== 'number')
+    return err('publish: bad shape');
+  return ok({ version: dto.version, affectedUnsentBriefs: dto.affectedUnsentBriefs });
+}
+
+// --- toDto: domain → wire (for save) ---
+
+function toDto(t: OrgTemplate): OrgTemplateDto {
+  return {
+    subOrgId: t.subOrgId,
+    orgName: t.orgName,
+    returnAddress: t.returnAddress,
+    ...(t.logoDocumentId != null ? { logoDocumentId: t.logoDocumentId } : {}),
+    footerContact: t.footerContact,
+    footerLegal: t.footerLegal,
+    signatureName: t.signatureName,
+    signatureRole: t.signatureRole,
+    signatureClosing: t.signatureClosing,
+    margins: { ...t.margins },
+    version: t.version,
+  };
+}
diff --git a/src/app/brief/ui/brief.page.ts b/src/app/brief/ui/brief.page.ts
index 59ec5ed..41f5788 100644
--- a/src/app/brief/ui/brief.page.ts
+++ b/src/app/brief/ui/brief.page.ts
@@ -50,6 +50,7 @@ import { LetterComposerComponent } from '@brief/ui/letter-composer/letter-compos
               <app-letter-composer
                 [brief]="s.brief"
                 [orgTemplate]="orgTemplate"
+                [logoUrl]="store.logoUrl()"
                 [availablePassages]="s.availablePassages"
                 [diagnostics]="store.diagnostics()"
                 [canEdit]="store.canEdit()"
diff --git a/src/app/brief/ui/letter-canvas/letter-canvas.component.ts b/src/app/brief/ui/letter-canvas/letter-canvas.component.ts
index 9db4121..5da0717 100644
--- a/src/app/brief/ui/letter-canvas/letter-canvas.component.ts
+++ b/src/app/brief/ui/letter-canvas/letter-canvas.component.ts
@@ -18,6 +18,7 @@ import { formatDatumNl } from '@shared/kernel/datum';
 import { Paragraph } from '@shared/kernel/rich-text';
 import { Brief, LetterBlock, LibraryPassage } from '@brief/domain/brief';
 import { OrgTemplate } from '@brief/domain/org-template';
+import { OrgTemplateTextField } from '@brief/domain/org-template.machine';
 import { Diagnostic } from '@brief/domain/placeholders';
 import { BriefMsg } from '@brief/domain/brief.machine';
 import { LetterSectionComponent } from '@brief/ui/letter-section/letter-section.component';
@@ -70,26 +71,47 @@ const A4_HEIGHT_PX = (297 * 96) / 25.4;
       }
       /* Portal-side chrome around the letter surface (not part of the contract file). */
       .surface {
-        background: var(--rhc-color-grijs-100, #f0f0f0);
+        background: var(--rhc-color-grijs-100);
         border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);
         border-radius: var(--rhc-border-radius-md);
         padding: var(--rhc-space-max-lg);
         overflow-x: auto;
       }
       .surface .letter {
-        box-shadow: 0 1px 4px rgb(0 0 0 / 0.15);
+        box-shadow: 0 1px 4px rgb(0 0 0 / 0.15); /* token-ok: paper drop-shadow, not a palette colour */
       }
       /* Org-identity regions: visibly not the drafter's to edit. */
       .from-template {
-        background: var(--rhc-color-grijs-100, #f5f5f5);
-        outline: 2mm solid var(--rhc-color-grijs-100, #f5f5f5);
+        background: var(--rhc-color-grijs-100);
+        outline: 2mm solid var(--rhc-color-grijs-100);
       }
       .from-template-caption {
         font-size: 7.5pt;
         /* grijs-700, not foreground-subtle: subtle misses AA contrast on the tint. */
-        color: var(--rhc-color-grijs-700, #334155);
+        color: var(--rhc-color-grijs-700);
         margin: 0 0 2mm;
       }
+      /* Admin edit-in-place (editableRegions='template'): the org-identity fields
+         become controls styled to sit in the letter, with a visible editable affordance. */
+      .tmpl-input,
+      .tmpl-textarea {
+        font: inherit;
+        color: inherit;
+        width: 100%;
+        box-sizing: border-box;
+        background: var(--rhc-color-geel-100);
+        border: var(--rhc-border-width-sm) dashed var(--rhc-color-border-strong);
+        border-radius: var(--rhc-border-radius-sm);
+        padding: 0.5mm 1mm;
+      }
+      .tmpl-textarea {
+        resize: vertical;
+      }
+      .org-logo {
+        max-height: 20mm;
+        max-width: 60mm;
+        margin-block-end: 3mm;
+      }
     `,
   ],
   template: `
@@ -137,8 +159,27 @@ const A4_HEIGHT_PX = (297 * 96) / 25.4;
           @if (tintTemplate()) {
             <p class="from-template-caption">{{ fromTemplateCaption() }}</p>
           }
-          <p class="org-wordmark">{{ orgTemplate().orgName }}</p>
-          <address class="return-address">{{ orgTemplate().returnAddress }}</address>
+          @if (logoUrl()) {
+            <img class="org-logo" [src]="logoUrl()" [alt]="logoAlt()" />
+          }
+          @if (editing()) {
+            <input
+              class="tmpl-input org-wordmark"
+              [value]="orgTemplate().orgName"
+              [attr.aria-label]="orgNameLabel()"
+              (input)="emitEdit('orgName', $event)"
+            />
+            <textarea
+              class="tmpl-textarea return-address"
+              rows="2"
+              [value]="orgTemplate().returnAddress"
+              [attr.aria-label]="returnAddressLabel()"
+              (input)="emitEdit('returnAddress', $event)"
+            ></textarea>
+          } @else {
+            <p class="org-wordmark">{{ orgTemplate().orgName }}</p>
+            <address class="return-address">{{ orgTemplate().returnAddress }}</address>
+          }
           <address class="address-window">{{ recipientText() }}</address>
           <dl class="reference">
             <div>
@@ -209,14 +250,51 @@ const A4_HEIGHT_PX = (297 * 96) / 25.4;
         </div>
 
         <div class="letter__signature" [class.from-template]="tintTemplate()">
-          <p>{{ orgTemplate().signatureClosing }}</p>
-          <p class="signature-name">{{ orgTemplate().signatureName }}</p>
-          <p>{{ orgTemplate().signatureRole }}</p>
+          @if (editing()) {
+            <input
+              class="tmpl-input"
+              [value]="orgTemplate().signatureClosing"
+              [attr.aria-label]="signatureClosingLabel()"
+              (input)="emitEdit('signatureClosing', $event)"
+            />
+            <input
+              class="tmpl-input signature-name"
+              [value]="orgTemplate().signatureName"
+              [attr.aria-label]="signatureNameLabel()"
+              (input)="emitEdit('signatureName', $event)"
+            />
+            <input
+              class="tmpl-input"
+              [value]="orgTemplate().signatureRole"
+              [attr.aria-label]="signatureRoleLabel()"
+              (input)="emitEdit('signatureRole', $event)"
+            />
+          } @else {
+            <p>{{ orgTemplate().signatureClosing }}</p>
+            <p class="signature-name">{{ orgTemplate().signatureName }}</p>
+            <p>{{ orgTemplate().signatureRole }}</p>
+          }
         </div>
 
         <div class="letter__footer" [class.from-template]="tintTemplate()">
-          <div class="footer-contact">{{ orgTemplate().footerContact }}</div>
-          <div class="footer-legal">{{ orgTemplate().footerLegal }}</div>
+          @if (editing()) {
+            <textarea
+              class="tmpl-textarea footer-contact"
+              rows="2"
+              [value]="orgTemplate().footerContact"
+              [attr.aria-label]="footerContactLabel()"
+              (input)="emitEdit('footerContact', $event)"
+            ></textarea>
+            <input
+              class="tmpl-input footer-legal"
+              [value]="orgTemplate().footerLegal"
+              [attr.aria-label]="footerLegalLabel()"
+              (input)="emitEdit('footerLegal', $event)"
+            />
+          } @else {
+            <div class="footer-contact">{{ orgTemplate().footerContact }}</div>
+            <div class="footer-legal">{{ orgTemplate().footerLegal }}</div>
+          }
         </div>
 
         @for (top of pageBreaks(); track $index) {
@@ -238,7 +316,11 @@ export class LetterCanvasComponent {
   placeholders = input<readonly PlaceholderOption[]>([]);
   diagnostics = input<readonly Diagnostic[]>([]);
   zoom = input(1);
+  /** The org logo's content URL (letterhead), or null when none is set. */
+  logoUrl = input<string | null>(null);
   edit = output<BriefMsg>();
+  /** An in-place edit to an org-identity field (only in `editableRegions='template'`). */
+  templateEdit = output<{ field: OrgTemplateTextField; value: string }>();
 
   showSampleLabel = input($localize`:@@brief.preview.showSample:Voorbeeld met testwaarden`);
   hideSampleLabel = input($localize`:@@brief.preview.hideSample:Testwaarden verbergen`);
@@ -253,6 +335,14 @@ export class LetterCanvasComponent {
   );
   referenceLabel = input($localize`:@@brief.canvas.reference:Ons kenmerk`);
   dateLabel = input($localize`:@@brief.canvas.date:Datum`);
+  logoAlt = input($localize`:@@brief.canvas.logoAlt:Logo van de organisatie`);
+  orgNameLabel = input($localize`:@@brief.canvas.orgName:Organisatienaam`);
+  returnAddressLabel = input($localize`:@@brief.canvas.returnAddress:Retouradres`);
+  signatureClosingLabel = input($localize`:@@brief.canvas.signatureClosing:Afsluiting`);
+  signatureNameLabel = input($localize`:@@brief.canvas.signatureName:Naam ondertekenaar`);
+  signatureRoleLabel = input($localize`:@@brief.canvas.signatureRole:Functie ondertekenaar`);
+  footerContactLabel = input($localize`:@@brief.canvas.footerContact:Contactgegevens (voettekst)`);
+  footerLegalLabel = input($localize`:@@brief.canvas.footerLegal:Juridische voettekst`);
 
   protected showSample = signal(false);
   protected letterDate = formatDatumNl(new Date());
@@ -260,6 +350,12 @@ export class LetterCanvasComponent {
   /** The letterhead/signature/footer are tinted "not yours" only while composing —
       in 'none' the whole surface is read-only, in 'template' they ARE the editable focus. */
   protected tintTemplate = computed(() => this.editableRegions() === 'content');
+  /** Admin edit-in-place: the org-identity regions render as controls. */
+  protected editing = computed(() => this.editableRegions() === 'template');
+
+  protected emitEdit(field: OrgTemplateTextField, event: Event) {
+    this.templateEdit.emit({ field, value: (event.target as HTMLInputElement | HTMLTextAreaElement).value });
+  }
 
   protected marginStyle = computed(() => {
     const m = this.orgTemplate().margins;
diff --git a/src/app/brief/ui/letter-composer/letter-composer.component.ts b/src/app/brief/ui/letter-composer/letter-composer.component.ts
index 1415b6b..4d828c8 100644
--- a/src/app/brief/ui/letter-composer/letter-composer.component.ts
+++ b/src/app/brief/ui/letter-composer/letter-composer.component.ts
@@ -76,6 +76,7 @@ import { RejectionCommentsComponent } from '@brief/ui/rejection-comments/rejecti
     <app-letter-canvas
       [brief]="brief()"
       [orgTemplate]="orgTemplate()"
+      [logoUrl]="logoUrl()"
       [editableRegions]="canEdit() ? 'content' : 'none'"
       [availablePassages]="availablePassages()"
       [placeholders]="menu()"
@@ -139,6 +140,7 @@ import { RejectionCommentsComponent } from '@brief/ui/rejection-comments/rejecti
 export class LetterComposerComponent {
   brief = input.required<Brief>();
   orgTemplate = input.required<OrgTemplate>();
+  logoUrl = input<string | null>(null);
   availablePassages = input<readonly LibraryPassage[]>([]);
   diagnostics = input<readonly Diagnostic[]>([]);
   canEdit = input(false);
diff --git a/src/app/brief/ui/org-template-editor/org-template-editor.component.ts b/src/app/brief/ui/org-template-editor/org-template-editor.component.ts
new file mode 100644
index 0000000..405f0cc
--- /dev/null
+++ b/src/app/brief/ui/org-template-editor/org-template-editor.component.ts
@@ -0,0 +1,348 @@
+import { Component, computed, input, output } from '@angular/core';
+import { DatePipe } from '@angular/common';
+import { HeadingComponent } from '@shared/ui/heading/heading.component';
+import { ButtonComponent } from '@shared/ui/button/button.component';
+import { AlertComponent } from '@shared/ui/alert/alert.component';
+import { FileInputComponent } from '@shared/ui/upload/file-input/file-input.component';
+import { SingleUploadComponent } from '@shared/ui/upload/single-upload/single-upload.component';
+import { UploadState } from '@shared/upload/upload.machine';
+import { Brief } from '@brief/domain/brief';
+import {
+  MARGIN_MAX_MM,
+  MARGIN_MIN_MM,
+  Margins,
+  OrgTemplate,
+  OrgTemplateVersion,
+  SubOrgSummary,
+} from '@brief/domain/org-template';
+import { OrgTemplateTextField } from '@brief/domain/org-template.machine';
+import { LetterCanvasComponent } from '@brief/ui/letter-canvas/letter-canvas.component';
+
+const LOGO_CATEGORY = 'org-logo';
+const EDGES: readonly (keyof Margins)[] = ['topMm', 'rightMm', 'bottomMm', 'leftMm'];
+
+/** A minimal read-only sample letter, so the admin sees the org identity in context
+    while editing (content itself is not the admin's to change). */
+export const SAMPLE_LETTER_BRIEF: Brief = {
+  briefId: 'VOORBEELD-0001',
+  beroep: 'arts',
+  templateId: 'sample',
+  drafterId: 'sample',
+  status: { tag: 'draft' },
+  placeholders: [
+    { key: 'naam_zorgverlener', label: 'Naam zorgverlener', autoResolvable: true },
+    { key: 'datum', label: 'Datum', autoResolvable: true },
+  ],
+  sections: [
+    {
+      sectionKey: 'body',
+      title: 'Voorbeeldinhoud',
+      required: true,
+      locked: true,
+      blocks: [
+        {
+          type: 'freeText',
+          blockId: 'sample-1',
+          content: {
+            paragraphs: [
+              {
+                nodes: [
+                  { type: 'text', text: 'Geachte ' },
+                  { type: 'placeholder', key: 'naam_zorgverlener' },
+                  { type: 'text', text: ',' },
+                ],
+              },
+              {
+                nodes: [
+                  {
+                    type: 'text',
+                    text: 'Dit is voorbeeldinhoud. Alleen de huisstijl-onderdelen (logo, afzender, ondertekening en voettekst) zijn hier bewerkbaar.',
+                  },
+                ],
+              },
+            ],
+          },
+        },
+      ],
+    },
+  ],
+};
+
+/**
+ * Organism (WP-26): the admin org-template editor. The mirror of the drafter's
+ * composer — the letter canvas runs in `editableRegions='template'` so the
+ * letterhead/signature/footer are edited in place, while the content is a read-only
+ * sample. Margins, logo upload, version history and the publish bar sit around it.
+ * Presentational: every mutation is an output the store turns into a command.
+ */
+@Component({
+  selector: 'app-org-template-editor',
+  imports: [
+    DatePipe,
+    HeadingComponent,
+    ButtonComponent,
+    AlertComponent,
+    FileInputComponent,
+    SingleUploadComponent,
+    LetterCanvasComponent,
+  ],
+  styles: [
+    `
+      :host {
+        display: block;
+      }
+      .toolbar {
+        display: flex;
+        justify-content: space-between;
+        align-items: end;
+        gap: var(--rhc-space-max-md);
+        flex-wrap: wrap;
+        margin-block-end: var(--rhc-space-max-lg);
+      }
+      .field {
+        display: flex;
+        flex-direction: column;
+        gap: var(--rhc-space-max-2xs);
+      }
+      .save {
+        color: var(--rhc-color-foreground-subtle);
+        font-size: 0.9em;
+      }
+      .section {
+        margin-block-start: var(--rhc-space-max-xl);
+      }
+      .margins {
+        display: flex;
+        gap: var(--rhc-space-max-md);
+        flex-wrap: wrap;
+        border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);
+        border-radius: var(--rhc-border-radius-md);
+        padding: var(--rhc-space-max-md);
+      }
+      .margins input {
+        width: 6rem;
+      }
+      .history-list {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        display: flex;
+        flex-direction: column;
+        gap: var(--rhc-space-max-sm);
+      }
+      .history-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--rhc-space-max-md);
+        border-block-end: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);
+        padding-block-end: var(--rhc-space-max-sm);
+      }
+      .bar {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--rhc-space-max-md);
+        align-items: center;
+        margin-block-start: var(--rhc-space-max-xl);
+      }
+      .published {
+        color: var(--rhc-color-foreground-subtle);
+      }
+    `,
+  ],
+  template: `
+    <div class="toolbar">
+      <label class="field">
+        <span>{{ subOrgLabel() }}</span>
+        <select class="form-select" (change)="onSelectSubOrg($event)">
+          @for (o of subOrgs(); track o.subOrgId) {
+            <option [value]="o.subOrgId" [selected]="o.subOrgId === selectedSubOrgId()">
+              {{ o.orgName }}
+            </option>
+          }
+        </select>
+      </label>
+      <span class="save" role="status" aria-live="polite">{{ saveText() }}</span>
+    </div>
+
+    <app-letter-canvas
+      [brief]="sampleBrief()"
+      [orgTemplate]="draft()"
+      [logoUrl]="logoUrl()"
+      editableRegions="template"
+      (templateEdit)="templateEdit.emit($event)"
+    />
+
+    <fieldset class="section margins">
+      <legend>{{ marginsLegend() }}</legend>
+      @for (edge of edges; track edge) {
+        <label class="field">
+          <span>{{ edgeLabel(edge) }}</span>
+          <input
+            class="form-control"
+            type="number"
+            [min]="MIN"
+            [max]="MAX"
+            [value]="draft().margins[edge]"
+            (input)="onMargin(edge, $event)"
+          />
+        </label>
+      }
+    </fieldset>
+
+    <section class="section">
+      <app-heading [level]="3">{{ logoHeading() }}</app-heading>
+      @if (logoCategory()) {
+        <app-file-input
+          inputId="org-logo-input"
+          [accept]="logoCategory()!.acceptedTypes"
+          [maxSizeMb]="logoCategory()!.maxSizeMb"
+          [label]="logoHeading()"
+          (filesSelected)="logoSelected.emit($event)"
+        />
+      }
+      @if (logoRejection()) {
+        <app-alert type="error">{{ logoRejection() }}</app-alert>
+      }
+      @if (logoUploads().length) {
+        <ul class="file-list">
+          @for (u of logoUploads(); track u.localId) {
+            <li
+              app-single-upload
+              [upload]="u"
+              [previewUrlFor]="previewUrlFor()"
+              (remove)="logoRemoved.emit(u.localId)"
+              (retry)="logoRetry.emit(u.localId)"
+            ></li>
+          }
+        </ul>
+      }
+    </section>
+
+    <section class="section">
+      <app-heading [level]="3">{{ historyHeading() }}</app-heading>
+      @if (history().length === 0) {
+        <p class="published">{{ noHistory() }}</p>
+      } @else {
+        <ul class="history-list">
+          @for (v of history(); track v.version) {
+            <li class="history-row">
+              <span>{{ versionLabel() }} {{ v.version }} · {{ v.publishedAt | date: 'longDate' }}</span>
+              <app-button variant="subtle" [disabled]="busy()" (click)="rollback.emit(v.version)">
+                {{ rollbackLabel() }}
+              </app-button>
+            </li>
+          }
+        </ul>
+      }
+    </section>
+
+    <div class="bar">
+      <span class="published">{{ publishedLabel() }} {{ publishedVersion() }}</span>
+      @if (pendingPublish()) {
+        <app-alert type="warning">{{ impactText() }}</app-alert>
+        <app-button variant="primary" [disabled]="busy()" (click)="confirmPublish.emit()">
+          {{ confirmLabel() }}
+        </app-button>
+        <app-button variant="subtle" [disabled]="busy()" (click)="cancelPublish.emit()">
+          {{ cancelLabel() }}
+        </app-button>
+      } @else {
+        <app-button
+          variant="primary"
+          [disabled]="!draftValid() || busy()"
+          (click)="requestPublish.emit()"
+        >
+          {{ publishLabel() }}
+        </app-button>
+        @if (!draftValid()) {
+          <span class="published">{{ invalidHint() }}</span>
+        }
+      }
+      <app-button variant="secondary" [disabled]="busy()" (click)="proefbrief.emit()">
+        {{ proefbriefLabel() }}
+      </app-button>
+    </div>
+  `,
+})
+export class OrgTemplateEditorComponent {
+  draft = input.required<OrgTemplate>();
+  logoUrl = input<string | null>(null);
+  uploadState = input.required<UploadState>();
+  subOrgs = input<readonly SubOrgSummary[]>([]);
+  selectedSubOrgId = input<string | null>(null);
+  history = input<readonly OrgTemplateVersion[]>([]);
+  publishedVersion = input(0);
+  unsentBriefs = input(0);
+  draftValid = input(false);
+  busy = input(false);
+  pendingPublish = input(false);
+  saveText = input('');
+  sampleBrief = input<Brief>(SAMPLE_LETTER_BRIEF);
+  previewUrlFor = input<(documentId: string) => string | undefined>();
+
+  selectSubOrg = output<string>();
+  templateEdit = output<{ field: OrgTemplateTextField; value: string }>();
+  marginEdit = output<{ edge: keyof Margins; value: number }>();
+  logoSelected = output<File[]>();
+  logoRemoved = output<string>();
+  logoRetry = output<string>();
+  requestPublish = output<void>();
+  confirmPublish = output<void>();
+  cancelPublish = output<void>();
+  rollback = output<number>();
+  proefbrief = output<void>();
+
+  protected readonly edges = EDGES;
+  protected readonly MIN = MARGIN_MIN_MM;
+  protected readonly MAX = MARGIN_MAX_MM;
+
+  protected logoCategory = computed(() =>
+    this.uploadState().categories.find((c) => c.categoryId === LOGO_CATEGORY),
+  );
+  protected logoUploads = computed(() =>
+    this.uploadState().uploads.filter((u) => u.categoryId === LOGO_CATEGORY),
+  );
+  protected logoRejection = computed(() => this.uploadState().rejections[LOGO_CATEGORY]);
+
+  protected onSelectSubOrg(event: Event) {
+    this.selectSubOrg.emit((event.target as HTMLSelectElement).value);
+  }
+  protected onMargin(edge: keyof Margins, event: Event) {
+    const value = (event.target as HTMLInputElement).valueAsNumber;
+    if (Number.isFinite(value)) this.marginEdit.emit({ edge, value });
+  }
+
+  protected edgeLabel(edge: keyof Margins): string {
+    switch (edge) {
+      case 'topMm':
+        return $localize`:@@orgTemplate.margin.top:Boven (mm)`;
+      case 'rightMm':
+        return $localize`:@@orgTemplate.margin.right:Rechts (mm)`;
+      case 'bottomMm':
+        return $localize`:@@orgTemplate.margin.bottom:Onder (mm)`;
+      case 'leftMm':
+        return $localize`:@@orgTemplate.margin.left:Links (mm)`;
+    }
+  }
+
+  protected impactText = computed(() =>
+    $localize`:@@orgTemplate.publish.impact:Dit raakt ${this.unsentBriefs()}:count: nog niet verzonden brieven. Publiceren?`,
+  );
+
+  protected subOrgLabel = input($localize`:@@orgTemplate.subOrg:Organisatieonderdeel`);
+  protected marginsLegend = input($localize`:@@orgTemplate.margins:Marges (mm, tussen ${MARGIN_MIN_MM}:min: en ${MARGIN_MAX_MM}:max:)`);
+  protected logoHeading = input($localize`:@@orgTemplate.logo:Logo`);
+  protected historyHeading = input($localize`:@@orgTemplate.history:Versiegeschiedenis`);
+  protected noHistory = input($localize`:@@orgTemplate.history.none:Nog niets gepubliceerd.`);
+  protected versionLabel = input($localize`:@@orgTemplate.version:Versie`);
+  protected rollbackLabel = input($localize`:@@orgTemplate.rollback:Terugzetten in concept`);
+  protected publishedLabel = input($localize`:@@orgTemplate.published:Gepubliceerde versie:`);
+  protected publishLabel = input($localize`:@@orgTemplate.publish:Publiceren`);
+  protected confirmLabel = input($localize`:@@orgTemplate.publish.confirm:Bevestigen`);
+  protected cancelLabel = input($localize`:@@orgTemplate.publish.cancel:Annuleren`);
+  protected proefbriefLabel = input($localize`:@@orgTemplate.proefbrief:Proefbrief`);
+  protected invalidHint = input(
+    $localize`:@@orgTemplate.invalid:Vul organisatienaam en ondertekenaar in; marges tussen ${MARGIN_MIN_MM}:min: en ${MARGIN_MAX_MM}:max: mm.`,
+  );
+}
diff --git a/src/app/brief/ui/org-template-editor/org-template-editor.stories.ts b/src/app/brief/ui/org-template-editor/org-template-editor.stories.ts
new file mode 100644
index 0000000..0609dac
--- /dev/null
+++ b/src/app/brief/ui/org-template-editor/org-template-editor.stories.ts
@@ -0,0 +1,81 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { OrgTemplateEditorComponent } from './org-template-editor.component';
+import { OrgTemplate, OrgTemplateVersion, SubOrgSummary } from '@brief/domain/org-template';
+import { UploadState, initialUpload } from '@shared/upload/upload.machine';
+
+const draft: OrgTemplate = {
+  subOrgId: 'cibg-registers',
+  orgName: 'CIBG — Registers',
+  returnAddress: 'BIG-register\nPostbus 00000\n2500 AA Den Haag',
+  footerContact: 'www.bigregister.nl\ninfo@voorbeeld.example',
+  footerLegal: 'Ons kenmerk vermelden bij correspondentie.',
+  signatureName: 'A. de Vries',
+  signatureRole: 'Hoofd Registratie',
+  signatureClosing: 'Met vriendelijke groet,',
+  margins: { topMm: 25, rightMm: 25, bottomMm: 25, leftMm: 25 },
+  version: 3,
+};
+
+const subOrgs: SubOrgSummary[] = [
+  { subOrgId: 'cibg-registers', orgName: 'CIBG — Registers', publishedVersion: 3 },
+  { subOrgId: 'cibg-vakbekwaamheid', orgName: 'CIBG — Vakbekwaamheid', publishedVersion: 1 },
+];
+
+const history: OrgTemplateVersion[] = [
+  { version: 3, publishedAt: '2026-06-20', template: draft },
+  { version: 2, publishedAt: '2026-05-11', template: draft },
+];
+
+const uploadWithCategory: UploadState = {
+  ...initialUpload,
+  categories: [
+    {
+      categoryId: 'org-logo',
+      label: 'Logo',
+      description: 'Logo van de organisatie',
+      required: false,
+      acceptedTypes: ['image/png', 'image/jpeg'],
+      maxSizeMb: 2,
+      multiple: false,
+      allowPostDelivery: false,
+    },
+  ],
+};
+
+const meta: Meta<OrgTemplateEditorComponent> = {
+  title: 'Domein/Brief/Org Template Editor',
+  component: OrgTemplateEditorComponent,
+  args: {
+    draft,
+    logoUrl: null,
+    uploadState: uploadWithCategory,
+    subOrgs,
+    selectedSubOrgId: 'cibg-registers',
+    history,
+    publishedVersion: 3,
+    unsentBriefs: 4,
+    draftValid: true,
+    busy: false,
+    pendingPublish: false,
+    saveText: '',
+  },
+};
+export default meta;
+type Story = StoryObj<OrgTemplateEditorComponent>;
+
+export const Editing: Story = {};
+
+export const PublishConfirm: Story = {
+  args: { pendingPublish: true },
+};
+
+export const Invalid: Story = {
+  args: {
+    draft: { ...draft, orgName: '', margins: { ...draft.margins, topMm: 5 } },
+    draftValid: false,
+  },
+};
+
+export const NoHistory: Story = {
+  args: { history: [], publishedVersion: 0 },
+};
diff --git a/src/app/brief/ui/org-template.page.ts b/src/app/brief/ui/org-template.page.ts
new file mode 100644
index 0000000..ebf9b33
--- /dev/null
+++ b/src/app/brief/ui/org-template.page.ts
@@ -0,0 +1,128 @@
+import { Component, computed, effect, inject } from '@angular/core';
+import { PageShellComponent } from '@shared/layout/page-shell/page-shell.component';
+import { AlertComponent } from '@shared/ui/alert/alert.component';
+import { ButtonComponent } from '@shared/ui/button/button.component';
+import { ASYNC } from '@shared/ui/async/async.component';
+import { AccessStore } from '@shared/application/access.store';
+import { UploadAdapter } from '@shared/upload/upload.adapter';
+import { OrgTemplateStore } from '@brief/application/org-template.store';
+import { OrgTemplateEditorComponent } from '@brief/ui/org-template-editor/org-template-editor.component';
+
+/** Page: thin container for the admin org-template editor (WP-26). Deny-by-default
+    capability gate (`orgtemplate:edit`) — a denial alert for non-admins, the editor
+    for admins. Loads once the capability resolves; wires store commands to the organism. */
+@Component({
+  selector: 'app-org-template-page',
+  imports: [
+    PageShellComponent,
+    AlertComponent,
+    ButtonComponent,
+    ...ASYNC,
+    OrgTemplateEditorComponent,
+  ],
+  styles: [
+    `
+      .save {
+        color: var(--rhc-color-foreground-subtle);
+        font-size: 0.9em;
+      }
+    `,
+  ],
+  template: `
+    <app-page-shell [heading]="heading" [intro]="intro" backLink="/brief">
+      @if (store.lastError(); as err) {
+        <app-alert type="error">{{ err }}</app-alert>
+      }
+
+      @if (!access.ready()) {
+        <!-- wait for /me before deciding — avoids flashing the denial to an admin -->
+      } @else if (!canEdit()) {
+        <app-alert type="error">{{ deniedText }}</app-alert>
+      } @else {
+        <app-async [data]="store.remoteData()">
+          <ng-template appAsyncError>
+            <app-alert type="error">{{ failedText }}</app-alert>
+            <app-button variant="secondary" (click)="reload()">{{ retryText }}</app-button>
+          </ng-template>
+          <ng-template appAsyncLoaded>
+            @if (store.draft(); as draft) {
+              <app-org-template-editor
+                [draft]="draft"
+                [logoUrl]="store.logoUrl()"
+                [uploadState]="store.uploadState()"
+                [subOrgs]="store.subOrgs()"
+                [selectedSubOrgId]="store.selectedSubOrgId()"
+                [history]="store.history()"
+                [publishedVersion]="store.publishedVersion()"
+                [unsentBriefs]="store.unsentBriefs()"
+                [draftValid]="store.draftValid()"
+                [busy]="store.busy()"
+                [pendingPublish]="store.pendingPublish()"
+                [saveText]="saveText()"
+                [previewUrlFor]="previewUrlFor"
+                (selectSubOrg)="store.selectSubOrg($event)"
+                (templateEdit)="store.edit({ tag: 'FieldEdited', field: $event.field, value: $event.value })"
+                (marginEdit)="store.edit({ tag: 'MarginEdited', edge: $event.edge, value: $event.value })"
+                (logoSelected)="store.onLogoSelected($event)"
+                (logoRemoved)="store.onLogoRemoved($event)"
+                (logoRetry)="store.onLogoRetry($event)"
+                (requestPublish)="store.requestPublish()"
+                (confirmPublish)="store.confirmPublish()"
+                (cancelPublish)="store.cancelPublish()"
+                (rollback)="store.rollback($event)"
+                (proefbrief)="store.proefbrief()"
+              />
+            }
+          </ng-template>
+        </app-async>
+      }
+    </app-page-shell>
+  `,
+})
+export class OrgTemplatePage {
+  protected store = inject(OrgTemplateStore);
+  protected access = inject(AccessStore);
+  private uploadAdapter = inject(UploadAdapter);
+
+  protected canEdit = computed(() => this.access.can('orgtemplate:edit'));
+  protected previewUrlFor = (documentId: string) => this.uploadAdapter.contentUrl(documentId);
+
+  protected heading = $localize`:@@orgTemplate.page.heading:Huisstijl beheren`;
+  protected intro = $localize`:@@orgTemplate.page.intro:Beheer per organisatieonderdeel het uiterlijk van de brief: logo, afzender, ondertekening, voettekst en marges.`;
+  protected deniedText = $localize`:@@orgTemplate.page.denied:U hebt geen rechten om organisatiesjablonen te beheren.`;
+  protected failedText = $localize`:@@orgTemplate.page.failed:Het sjabloon kon niet worden geladen.`;
+  protected retryText = $localize`:@@orgTemplate.page.retry:Opnieuw proberen`;
+
+  private savingText = $localize`:@@orgTemplate.page.saving:Concept opslaan…`;
+  private savedText = $localize`:@@orgTemplate.page.saved:Concept opgeslagen`;
+  private saveErrorText = $localize`:@@orgTemplate.page.saveError:Opslaan mislukt`;
+  protected saveText = computed(() => {
+    switch (this.store.saveState().tag) {
+      case 'Saving':
+        return this.savingText;
+      case 'Saved':
+        return this.savedText;
+      case 'Error':
+        return this.saveErrorText;
+      default:
+        return '';
+    }
+  });
+
+  private loadRequested = false;
+  constructor() {
+    // Load once the capability resolves to `allowed` (a 403 GET would be wasted
+    // otherwise). Depends only on `canEdit()` + a plain flag — never on the store
+    // model, so dispatching `Loading` inside `load()` can't retrigger this effect.
+    effect(() => {
+      if (this.canEdit() && !this.loadRequested) {
+        this.loadRequested = true;
+        void this.store.load();
+      }
+    });
+  }
+
+  protected reload() {
+    void this.store.load();
+  }
+}
diff --git a/src/app/brief/ui/passage-picker/passage-picker.component.ts b/src/app/brief/ui/passage-picker/passage-picker.component.ts
index 652a425..e79328c 100644
--- a/src/app/brief/ui/passage-picker/passage-picker.component.ts
+++ b/src/app/brief/ui/passage-picker/passage-picker.component.ts
@@ -14,7 +14,7 @@ import { LibraryPassage } from '@brief/domain/brief';
     `
       :host {
         display: block;
-        background: var(--rhc-color-wit, #fff);
+        background: var(--rhc-color-wit);
         border: var(--rhc-border-width-sm) solid var(--rhc-color-border-default);
         border-radius: var(--rhc-border-radius-md);
         padding: var(--rhc-space-max-md);
diff --git a/src/app/shared/application/access.store.ts b/src/app/shared/application/access.store.ts
index b324573..6f815ea 100644
--- a/src/app/shared/application/access.store.ts
+++ b/src/app/shared/application/access.store.ts
@@ -33,4 +33,11 @@ export class AccessStore {
     const rd = this.capabilities();
     return rd.tag === 'Success' && rd.value.includes(capability);
   }
+
+  /** True once `/me` has resolved (success or failure) — lets a page-level gate tell
+      "still loading" apart from "denied", so an admin doesn't flash the denial alert. */
+  readonly ready = computed(() => {
+    const tag = this.capabilities().tag;
+    return tag === 'Success' || tag === 'Failure';
+  });
 }
diff --git a/src/app/shared/upload/upload.adapter.ts b/src/app/shared/upload/upload.adapter.ts
index e9055fc..67bd826 100644
--- a/src/app/shared/upload/upload.adapter.ts
+++ b/src/app/shared/upload/upload.adapter.ts
@@ -38,6 +38,12 @@ export interface XhrUploadHandle {
 /** Sentinel rejection so the caller can tell a user-cancel from a real failure. */
 export const UPLOAD_ABORTED = Symbol('upload-aborted');
 
+/** Direct URL to a stored document's bytes. Pure (no injection) so a store can build
+    a letterhead-logo `src` without pulling `ApiClient` into its dependency graph. */
+export function uploadContentUrl(documentId: string): string {
+  return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;
+}
+
 /**
  * Infrastructure: the only place upload HTTP lives. Reads (categories, status,
  * delete) go through the NSwag client; the multipart POST is hand-written XHR
@@ -94,7 +100,7 @@ export class UploadAdapter {
    * browser opens it. demo-* ids (dev simulation) have no bytes and 404 here.
    */
   contentUrl(documentId: string): string {
-    return `${environment.apiBaseUrl}/api/v1/uploads/${documentId}/content`;
+    return uploadContentUrl(documentId);
   }
 
   /**