diff --git a/apps/backoffice/src/app/features/configuration/api/configuration-api.ts b/apps/backoffice/src/app/features/configuration/api/configuration-api.ts
index 93a728f1e..29f58f9c1 100644
--- a/apps/backoffice/src/app/features/configuration/api/configuration-api.ts
+++ b/apps/backoffice/src/app/features/configuration/api/configuration-api.ts
@@ -5,6 +5,8 @@ import type {
   ListResponse,
   CreateProfessionPayload,
   UpdateProfessionPayload,
+  NumberFormatConfig,
+  NumberFormatPayload,
 } from "../types/configuration";
 
 const configurationApi = baseApi.injectEndpoints({
@@ -36,6 +38,51 @@ const configurationApi = baseApi.injectEndpoints({
       query: (id) => ({ url: `/professions/${id}`, method: "DELETE" }),
       invalidatesTags: ["Api"],
     }),
+
+    // Number formats — the shape of generated seafarer, seaman book and BTC
+    // identifiers. The counter behind each stays server-side; only the
+    // rendering is configurable here.
+    getNumberFormats: builder.query<NumberFormatConfig[], void>({
+      query: () => "/number-format-configs",
+      providesTags: ["Api", "NumberFormatApi"],
+    }),
+    createNumberFormat: builder.mutation<
+      NumberFormatConfig,
+      NumberFormatPayload
+    >({
+      query: (body) => ({
+        url: "/number-format-configs",
+        method: "POST",
+        body,
+      }),
+      invalidatesTags: ["Api", "NumberFormatApi"],
+    }),
+    updateNumberFormat: builder.mutation<
+      NumberFormatConfig,
+      { id: string } & Partial<NumberFormatPayload>
+    >({
+      query: ({ id, ...body }) => ({
+        url: `/number-format-configs/${id}`,
+        method: "PATCH",
+        body,
+      }),
+      invalidatesTags: ["Api", "NumberFormatApi"],
+    }),
+    /**
+     * Server-rendered sample. Asked of the server rather than formatted in the
+     * browser so the preview cannot drift from what approval will actually
+     * generate — the two would be the same rule written twice.
+     */
+    previewNumberFormat: builder.mutation<
+      { sample: string },
+      NumberFormatPayload
+    >({
+      query: (body) => ({
+        url: "/number-format-configs/preview",
+        method: "POST",
+        body,
+      }),
+    }),
   }),
   overrideExisting: true,
 });
@@ -46,4 +93,8 @@ export const {
   useCreateProfessionMutation,
   useUpdateProfessionMutation,
   useDeleteProfessionMutation,
+  useGetNumberFormatsQuery,
+  useCreateNumberFormatMutation,
+  useUpdateNumberFormatMutation,
+  usePreviewNumberFormatMutation,
 } = configurationApi;
diff --git a/apps/backoffice/src/app/features/configuration/components/NumberFormatTab.tsx b/apps/backoffice/src/app/features/configuration/components/NumberFormatTab.tsx
new file mode 100644
index 000000000..62ee9460e
--- /dev/null
+++ b/apps/backoffice/src/app/features/configuration/components/NumberFormatTab.tsx
@@ -0,0 +1,288 @@
+import { useEffect, useState } from 'react';
+import {
+  Alert,
+  Badge,
+  Button,
+  Card,
+  Center,
+  Code,
+  Group,
+  Loader,
+  Modal,
+  NumberInput,
+  Select,
+  Stack,
+  Switch,
+  Table,
+  Text,
+  TextInput,
+  Title,
+} from '@mantine/core';
+import { useForm } from '@mantine/form';
+import { useDisclosure } from '@mantine/hooks';
+import { IconInfoCircle, IconPlus } from '@tabler/icons-react';
+import { useTranslation } from 'react-i18next';
+import { ModalFooter, notify, useErrorHandler } from '@ema-platform/ui';
+import {
+  useCreateNumberFormatMutation,
+  useGetNumberFormatsQuery,
+  usePreviewNumberFormatMutation,
+  useUpdateNumberFormatMutation,
+} from '../api/configuration-api';
+import type {
+  NumberFormatPayload,
+  NumberFormatScope,
+} from '../types/configuration';
+
+const SCOPES: { value: NumberFormatScope; label: string }[] = [
+  { value: 'SEAFARER_NUMBER', label: 'Seafarer Number' },
+  { value: 'SEAMAN_BOOK_NUMBER', label: 'Seaman Book Number' },
+  { value: 'BTC_NUMBER', label: 'BTC Number' },
+];
+
+const scopeLabel = (scope: NumberFormatScope) =>
+  SCOPES.find((s) => s.value === scope)?.label ?? scope;
+
+/**
+ * Backoffice control over the shape of generated identifiers.
+ *
+ * Authoring a format supersedes the one it replaces rather than editing it:
+ * numbers already issued were produced by a specific format, and the register
+ * has to stay explicable. Superseded rows therefore stay listed.
+ */
+export function NumberFormatTab() {
+  const { t } = useTranslation();
+  const { handleError } = useErrorHandler();
+  const [opened, { open, close }] = useDisclosure(false);
+  const [sample, setSample] = useState<string | null>(null);
+
+  const { data: formats = [], isLoading } = useGetNumberFormatsQuery();
+  const [createFormat, { isLoading: creating }] = useCreateNumberFormatMutation();
+  const [updateFormat] = useUpdateNumberFormatMutation();
+  const [previewFormat] = usePreviewNumberFormatMutation();
+
+  const form = useForm<NumberFormatPayload>({
+    initialValues: {
+      scope: 'SEAFARER_NUMBER',
+      prefix: 'SEA',
+      includeYear: true,
+      separator: '-',
+      sequenceLength: 6,
+      startingNumber: 1,
+      isActive: true,
+    },
+    validate: {
+      prefix: (value) => (value.trim() ? null : t('numberFormat.prefixRequired', 'Prefix is required')),
+      sequenceLength: (value) =>
+        value && value >= 1 && value <= 12
+          ? null
+          : t('numberFormat.lengthRange', 'Length must be between 1 and 12'),
+      startingNumber: (value) =>
+        value && value >= 1
+          ? null
+          : t('numberFormat.startPositive', 'Starting number must be at least 1'),
+    },
+  });
+
+  // The sample comes from the server so it cannot drift from what an approval
+  // will actually generate. Debounced because it follows every keystroke.
+  const { values } = form;
+  useEffect(() => {
+    if (!values.prefix?.trim()) {
+      setSample(null);
+      return;
+    }
+    const timer = setTimeout(() => {
+      previewFormat(values)
+        .unwrap()
+        .then((result) => setSample(result.sample))
+        // A preview that fails is not worth interrupting authoring for; the
+        // create call reports properly if the format is genuinely invalid.
+        .catch(() => setSample(null));
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [values, previewFormat]);
+
+  const submit = form.onSubmit(async (payload) => {
+    try {
+      await createFormat(payload).unwrap();
+      notify.success(
+        t('numberFormat.created', 'Number format saved. It applies to numbers issued from now on.'),
+      );
+      close();
+      form.reset();
+    } catch (error) {
+      handleError(error);
+    }
+  });
+
+  const retire = async (id: string) => {
+    try {
+      await updateFormat({ id, isActive: false }).unwrap();
+      notify.success(t('numberFormat.retired', 'Format retired.'));
+    } catch (error) {
+      handleError(error);
+    }
+  };
+
+  if (isLoading) {
+    return (
+      <Center h={200}>
+        <Loader />
+      </Center>
+    );
+  }
+
+  return (
+    <Stack gap="md">
+      <Group justify="space-between">
+        <div>
+          <Title order={4}>{t('numberFormat.title', 'Number Formats')}</Title>
+          <Text fz="sm" c="dimmed">
+            {t(
+              'numberFormat.subtitle',
+              'The shape of generated seafarer, seaman book and certificate numbers.',
+            )}
+          </Text>
+        </div>
+        <Button leftSection={<IconPlus size={16} />} onClick={open} size="sm">
+          {t('numberFormat.add', 'New Format')}
+        </Button>
+      </Group>
+
+      <Alert icon={<IconInfoCircle size={16} />} color="blue" variant="light">
+        {t(
+          'numberFormat.notice',
+          'Changing a format never alters numbers already issued. A new format applies only to numbers generated after it becomes active.',
+        )}
+      </Alert>
+
+      {formats.length === 0 ? (
+        <Card withBorder radius="md" p="lg">
+          <Text fz="sm" c="dimmed" ta="center">
+            {t(
+              'numberFormat.empty',
+              'No formats configured. Numbers use the built-in default until one is added.',
+            )}
+          </Text>
+        </Card>
+      ) : (
+        <Table.ScrollContainer minWidth={720}>
+          <Table striped highlightOnHover>
+            <Table.Thead>
+              <Table.Tr>
+                <Table.Th>{t('numberFormat.scope', 'Identifier')}</Table.Th>
+                <Table.Th>{t('numberFormat.example', 'Example')}</Table.Th>
+                <Table.Th>{t('numberFormat.sequence', 'Sequence')}</Table.Th>
+                <Table.Th>{t('numberFormat.status', 'Status')}</Table.Th>
+                <Table.Th />
+              </Table.Tr>
+            </Table.Thead>
+            <Table.Tbody>
+              {formats.map((format) => {
+                const parts = [format.prefix];
+                if (format.includeYear) parts.push(String(new Date().getFullYear()));
+                parts.push(String(format.startingNumber).padStart(format.sequenceLength, '0'));
+                return (
+                  <Table.Tr key={format.id}>
+                    <Table.Td>{scopeLabel(format.scope)}</Table.Td>
+                    <Table.Td>
+                      <Code>{parts.join(format.separator)}</Code>
+                    </Table.Td>
+                    <Table.Td>{format.sequenceLength} digits</Table.Td>
+                    <Table.Td>
+                      <Badge color={format.isActive ? 'green' : 'gray'} variant="light">
+                        {format.isActive
+                          ? t('numberFormat.active', 'Active')
+                          : t('numberFormat.superseded', 'Superseded')}
+                      </Badge>
+                    </Table.Td>
+                    <Table.Td>
+                      {format.isActive && (
+                        <Button
+                          variant="subtle"
+                          color="red"
+                          size="compact-sm"
+                          onClick={() => retire(format.id)}
+                        >
+                          {t('numberFormat.retire', 'Retire')}
+                        </Button>
+                      )}
+                    </Table.Td>
+                  </Table.Tr>
+                );
+              })}
+            </Table.Tbody>
+          </Table>
+        </Table.ScrollContainer>
+      )}
+
+      <Modal
+        opened={opened}
+        onClose={close}
+        title={t('numberFormat.add', 'New Format')}
+        size="md"
+      >
+        <form onSubmit={submit}>
+          <Stack gap="sm">
+            <Select
+              label={t('numberFormat.scope', 'Identifier')}
+              data={SCOPES}
+              allowDeselect={false}
+              {...form.getInputProps('scope')}
+            />
+            <TextInput
+              label={t('numberFormat.prefix', 'Prefix')}
+              placeholder="SEA"
+              maxLength={12}
+              {...form.getInputProps('prefix')}
+            />
+            <Switch
+              label={t('numberFormat.includeYear', 'Include the issuing year')}
+              {...form.getInputProps('includeYear', { type: 'checkbox' })}
+            />
+            <TextInput
+              label={t('numberFormat.separator', 'Separator')}
+              maxLength={4}
+              {...form.getInputProps('separator')}
+            />
+            <NumberInput
+              label={t('numberFormat.sequenceLength', 'Sequence length')}
+              description={t('numberFormat.sequenceHelp', 'Zero-padded width, e.g. 6 gives 000001.')}
+              min={1}
+              max={12}
+              {...form.getInputProps('sequenceLength')}
+            />
+            <NumberInput
+              label={t('numberFormat.startingNumber', 'Starting number')}
+              description={t(
+                'numberFormat.startHelp',
+                'Where the counter begins. Raising it later does not renumber anything already issued.',
+              )}
+              min={1}
+              {...form.getInputProps('startingNumber')}
+            />
+
+            {sample && (
+              <Alert color="gray" variant="light">
+                <Group gap="xs">
+                  <Text fz="sm">{t('numberFormat.next', 'Next number will look like')}</Text>
+                  <Code>{sample}</Code>
+                </Group>
+              </Alert>
+            )}
+
+            <ModalFooter>
+              <Button variant="default" onClick={close} size="sm">
+                {t('configuration.cancel', 'Cancel')}
+              </Button>
+              <Button type="submit" loading={creating} size="sm">
+                {t('numberFormat.save', 'Save Format')}
+              </Button>
+            </ModalFooter>
+          </Stack>
+        </form>
+      </Modal>
+    </Stack>
+  );
+}
diff --git a/apps/backoffice/src/app/features/configuration/pages/ConfigurationPage/index.tsx b/apps/backoffice/src/app/features/configuration/pages/ConfigurationPage/index.tsx
index a7221e704..3e38cc111 100644
--- a/apps/backoffice/src/app/features/configuration/pages/ConfigurationPage/index.tsx
+++ b/apps/backoffice/src/app/features/configuration/pages/ConfigurationPage/index.tsx
@@ -21,6 +21,7 @@ import {
   IconBriefcase,
   IconMap,
   IconCertificate,
+  IconHash,
   IconInfoCircle,
 } from "@tabler/icons-react";
 import { useTranslation } from "react-i18next";
@@ -34,6 +35,7 @@ import {
 } from "@ema-platform/ui";
 import { LocationPage } from "../../../location/pages/LocationPage";
 import { CertificationPage } from "../../../certification/pages/CertificationPage";
+import { NumberFormatTab } from "../../components/NumberFormatTab";
 import {
   useGetOrganizationsQuery,
   useGetProfessionsQuery,
@@ -395,6 +397,9 @@ export function ConfigurationPage() {
           >
             {t("certification.title")}
           </Tabs.Tab>
+          <Tabs.Tab value="numberFormats" leftSection={<IconHash size={16} />}>
+            {t("numberFormat.title", "Number Formats")}
+          </Tabs.Tab>
         </Tabs.List>
 
         <Tabs.Panel value="professions" pt="md">
@@ -408,6 +413,10 @@ export function ConfigurationPage() {
         <Tabs.Panel value="certifications" pt="md">
           <CertificationPage />
         </Tabs.Panel>
+
+        <Tabs.Panel value="numberFormats" pt="md">
+          <NumberFormatTab />
+        </Tabs.Panel>
       </Tabs>
     </Stack>
   );
diff --git a/apps/backoffice/src/app/features/configuration/types/configuration.ts b/apps/backoffice/src/app/features/configuration/types/configuration.ts
index ddde32ae3..7ee61fabe 100644
--- a/apps/backoffice/src/app/features/configuration/types/configuration.ts
+++ b/apps/backoffice/src/app/features/configuration/types/configuration.ts
@@ -46,3 +46,41 @@ export interface UpdateProfessionPayload {
   description?: NamePair;
   isActive?: boolean;
 }
+
+/** Identifiers whose rendered shape is authored in the backoffice. */
+export type NumberFormatScope =
+  | 'SEAFARER_NUMBER'
+  | 'SEAMAN_BOOK_NUMBER'
+  | 'BTC_NUMBER';
+
+/**
+ * The shape of a generated identifier — prefix, optional year, separator and
+ * zero-padded counter, e.g. SEA-2026-000001.
+ *
+ * Only the shape. The counter itself is server-side and atomic, so nothing
+ * here can cause two people to be issued the same number.
+ */
+export interface NumberFormatConfig {
+  id: string;
+  scope: NumberFormatScope;
+  prefix: string;
+  includeYear: boolean;
+  separator: string;
+  sequenceLength: number;
+  startingNumber: number;
+  activeFrom: string;
+  isActive: boolean;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface NumberFormatPayload {
+  scope: NumberFormatScope;
+  prefix: string;
+  includeYear?: boolean;
+  separator?: string;
+  sequenceLength?: number;
+  startingNumber?: number;
+  activeFrom?: string;
+  isActive?: boolean;
+}
diff --git a/apps/portal/src/app/features/licensing/components/ApplicationSummary.tsx b/apps/portal/src/app/features/licensing/components/ApplicationSummary.tsx
new file mode 100644
index 000000000..d071e8a42
--- /dev/null
+++ b/apps/portal/src/app/features/licensing/components/ApplicationSummary.tsx
@@ -0,0 +1,88 @@
+import { Divider, Paper, Stack, Table, Text, Title } from "@mantine/core";
+import {
+  conditionHolds,
+  type Attachment,
+  type FormSectionConfig,
+  type LicenseTypeRequirements,
+} from "@ema-platform/api";
+import { DocumentSlots } from "./DocumentSlots";
+
+interface Props {
+  /** Every form section (not just the "review" group) in wizard-step order. */
+  sections: FormSectionConfig[];
+  formData: Record<string, Record<string, unknown>>;
+  localized: (value: { en?: string; am?: string } | undefined) => string;
+  config: LicenseTypeRequirements;
+  attachments: Attachment[];
+  applicationId: string;
+}
+
+/**
+ * Read-only "what was filed" view for a submitted application: every
+ * answered section as a labelled table, then the uploaded documents.
+ *
+ * Shown instead of the wizard once there is nothing left to step through —
+ * the stepper is for filling a form in, not for re-reading one that is
+ * already someone else's decision to make.
+ */
+export function ApplicationSummary({
+  sections,
+  formData,
+  localized,
+  config,
+  attachments,
+  applicationId,
+}: Props) {
+  return (
+    <Paper withBorder p="lg" radius="md">
+      <Stack gap="lg">
+        {sections.map((section) => (
+          <div key={section.key}>
+            <Text fw={600} fz="sm" tt="uppercase" c="gray.6" mb="sm">
+              {localized(section.title)}
+            </Text>
+            <Table withTableBorder withColumnBorders>
+              <Table.Tbody>
+                {(section.fields ?? [])
+                  .filter((f) => conditionHolds(f.showWhen, formData))
+                  .map((field) => (
+                    <Table.Tr key={field.key}>
+                      <Table.Td w="45%">
+                        <Text size="xs" c="dimmed">
+                          {localized(field.label)}
+                        </Text>
+                      </Table.Td>
+                      <Table.Td>
+                        <Text size="sm">
+                          {String(formData[section.key]?.[field.key] ?? "—")}
+                        </Text>
+                      </Table.Td>
+                    </Table.Tr>
+                  ))}
+              </Table.Tbody>
+            </Table>
+          </div>
+        ))}
+
+        <div>
+          <Divider mb="md" />
+          <Title order={5} mb="sm">
+            Documents
+          </Title>
+          <DocumentSlots
+            requirements={config.documentRequirements}
+            attachments={attachments}
+            formData={formData}
+            ownerType="APPLICATION"
+            ownerId={applicationId}
+            readOnly
+            onUploaded={() => {
+              // Read-only here — nothing to react to, but DocumentSlots
+              // requires the callback.
+            }}
+          />
+        </div>
+      </Stack>
+    </Paper>
+  );
+}
diff --git a/apps/portal/src/app/features/licensing/pages/LicenseApplicationPage.tsx b/apps/portal/src/app/features/licensing/pages/LicenseApplicationPage.tsx
index 0b5093769..8df20238d 100644
--- a/apps/portal/src/app/features/licensing/pages/LicenseApplicationPage.tsx
+++ b/apps/portal/src/app/features/licensing/pages/LicenseApplicationPage.tsx
@@ -1,5 +1,5 @@
-import { useEffect, useMemo, useState } from 'react';
-import { useNavigate, useParams } from 'react-router-dom';
+import { useEffect, useMemo, useState } from "react";
+import { useNavigate, useParams } from "react-router-dom";
 import {
   ActionIcon,
   Alert,
@@ -18,16 +18,16 @@ import {
   Text,
   TextInput,
   Title,
-} from '@mantine/core';
+} from "@mantine/core";
 import {
   IconAlertTriangle,
   IconCheck,
   IconInfoCircle,
   IconPlus,
   IconTrash,
-} from '@tabler/icons-react';
-import { notifications } from '@mantine/notifications';
-import { useTranslation } from 'react-i18next';
+} from "@tabler/icons-react";
+import { notifications } from "@mantine/notifications";
+import { useTranslation } from "react-i18next";
 import {
   buildWizardSteps,
   conditionHolds,
@@ -35,6 +35,8 @@ import {
   extractValidationIssues,
   useLocalized,
   validateSections,
+  STATUS_COLORS,
+  STATUS_LABELS,
   useAddStaffMutation,
   useCreateApplicationMutation,
   useGetApplicationQuery,
@@ -50,17 +52,34 @@ import {
   type FormFieldConfig,
   type ValidationIssue,
   type Vessel,
-} from '@ema-platform/api';
-import { getCountryCode, getCountryName, ModalFooter, PageLoader } from '@ema-platform/ui';
+} from "@ema-platform/api";
+import { getCountryCode, getCountryName, ModalFooter } from "@ema-platform/ui";
 import {
   LICENSE_PERMISSIONS,
   PORTAL_PERMISSIONS,
   RequirePermission,
   useCurrentProfile,
-} from '@ema-platform/auth';
-import { ConfigDrivenSection, fillFromVessel } from '../components/ConfigDrivenSection';
-import { DocumentSlots } from '../components/DocumentSlots';
-import { StaffEvidence } from '../components/StaffEvidence';
+} from "@ema-platform/auth";
+import { ApplicationSummary } from "../components/ApplicationSummary";
+import {
+  ConfigDrivenSection,
+  fillFromVessel,
+} from "../components/ConfigDrivenSection";
+import { DocumentSlots } from "../components/DocumentSlots";
+import { StaffEvidence } from "../components/StaffEvidence";
+
+/** Resolves a dot path (e.g. "profile.address.nationality") against a plain object. */
+function readSourcePath(context: Record<string, unknown>, path: string): unknown {
+  return path
+    .split(".")
+    .reduce<unknown>(
+      (acc, key) =>
+        acc && typeof acc === "object"
+          ? (acc as Record<string, unknown>)[key]
+          : undefined,
+      context,
+    );
+}
 
 /**
  * The applicant wizard, rendered entirely from the license type's
@@ -68,7 +87,7 @@ import { StaffEvidence } from '../components/StaffEvidence';
  * `typeCode` decides which configuration is loaded.
  */
 export function LicenseApplicationPage() {
-  const { typeCode = 'FREIGHT_FORWARDER', applicationId } = useParams();
+  const { typeCode = "FREIGHT_FORWARDER", applicationId } = useParams();
   const navigate = useNavigate();
   const { t, i18n } = useTranslation();
   const localized = useLocalized();
@@ -91,8 +110,8 @@ export function LicenseApplicationPage() {
       .then((app) => setAppId(app.id))
       .catch((err) =>
         notifications.show({
-          color: 'red',
-          title: t('licenseApplication.notifications.startFailed.title'),
+          color: "red",
+          title: "Could not start application",
           message: extractErrorMessage(err),
         }),
       );
@@ -103,23 +122,37 @@ export function LicenseApplicationPage() {
   });
   const { data: attachments = [], refetch: refetchAttachments } =
     useGetAttachmentsQuery(
-      { ownerType: 'APPLICATION', ownerId: appId as string },
+      { ownerType: "APPLICATION", ownerId: appId as string },
       { skip: !appId },
     );
 
   const [patchSection] = usePatchSectionMutation();
-  const [submitApplication, { isLoading: submitting }] = useSubmitApplicationMutation();
-  const [resubmitApplication, { isLoading: resubmitting }] = useResubmitApplicationMutation();
+  const [submitApplication, { isLoading: submitting }] =
+    useSubmitApplicationMutation();
+  const [resubmitApplication, { isLoading: resubmitting }] =
+    useResubmitApplicationMutation();
   const [resolveRemark] = useResolveRemarkMutation();
   const [addStaff] = useAddStaffMutation();
   const [removeStaff] = useRemoveStaffMutation();
 
   const [active, setActive] = useState(0);
-  const [draft, setDraft] = useState<Record<string, Record<string, unknown>>>({});
+  // A submitted (or otherwise non-draft) application opens straight to a
+  // read-only summary — status up top, everything the applicant filled below
+  // — instead of the entry step of a stepper there is nothing left to step
+  // through. RESUBMIT_REQUIRED is still summary-first, but "Edit details"
+  // drops into the ordinary wizard on the flagged sections.
+  const [viewingSummary, setViewingSummary] = useState(true);
+  const [draft, setDraft] = useState<Record<string, Record<string, unknown>>>(
+    {},
+  );
   const [issues, setIssues] = useState<ValidationIssue[]>([]);
   const [fieldErrors, setFieldErrors] = useState<FieldErrors>({});
   const [staffModal, setStaffModal] = useState<string | null>(null);
-  const [newStaff, setNewStaff] = useState({ fullName: '', position: '', yearsOfExperience: 0 });
+  const [newStaff, setNewStaff] = useState({
+    fullName: "",
+    position: "",
+    yearsOfExperience: 0,
+  });
 
   // Seed local edits from the server copy once it arrives.
   useEffect(() => {
@@ -143,10 +176,18 @@ export function LicenseApplicationPage() {
       ) => {
         for (const section of config.licenseType.formSchema.sections) {
           // English-pinned: matched against English substrings below ('nationality', 'fayda').
-          const field = section.fields.find((f) => matchField((f.label.en ?? '').toLowerCase(), f.key));
+          const field = section.fields.find((f) =>
+            matchField((f.label.en ?? "").toLowerCase(), f.key),
+          );
           if (!field) continue;
           if (next[section.key]?.[field.key]) return; // already set — leave it
-          next = { ...next, [section.key]: { ...next[section.key], [field.key]: toFieldValue(field) } };
+          next = {
+            ...next,
+            [section.key]: {
+              ...next[section.key],
+              [field.key]: toFieldValue(field),
+            },
+          };
           return;
         }
       };
@@ -156,15 +197,19 @@ export function LicenseApplicationPage() {
         // a CountrySelect (see ConfigDrivenSection), which takes alpha-2
         // codes regardless of the backend's configured field type.
         fill(
-          (label, key) => key === 'nationality' || label.includes('nationality'),
+          (label, key) =>
+            key === "nationality" || label.includes("nationality"),
           () => getCountryCode(address.nationality) ?? address.nationality,
         );
       }
-      if (address.idType === 'NID' && address.idNumber) {
+      if (address.idType === "NID" && address.idNumber) {
         fill(
           (label, key) =>
-            key === 'idNumber' || key === 'nationalId' || key === 'faydaNumber' ||
-            label.includes('fayda') || label.includes('national id'),
+            key === "idNumber" ||
+            key === "nationalId" ||
+            key === "faydaNumber" ||
+            label.includes("fayda") ||
+            label.includes("national id"),
           () => address.idNumber,
         );
       }
@@ -173,23 +218,59 @@ export function LicenseApplicationPage() {
     // Also re-run after the server seed effect (above) replaces `draft`
     // wholesale — that effect can resolve after this one, wiping the
     // prefill back out since the server's own draft has none of this yet.
-  }, [profile?.address, config, detail?.application?.id, detail?.application?.formData]);
+  }, [
+    profile?.address,
+    config,
+    detail?.application?.id,
+    detail?.application?.formData,
+  ]);
+
+  // Generic fill for every field the config marks `readOnly` with a
+  // `source` — e.g. seafarer registration's read-only Identity Details step,
+  // which shows what's already on the profile instead of asking again.
+  // `readOnly` fields are never sent by the applicant and the server skips
+  // them at validation, so this is display-only; the profile itself is what
+  // an edit has to go through.
+  useEffect(() => {
+    if (!profile || !config) return;
+    const context = { user: profile.user, profile };
+
+    setDraft((prev) => {
+      let changed = false;
+      const next = { ...prev };
+      for (const section of config.licenseType.formSchema.sections) {
+        for (const field of section.fields) {
+          if (!field.readOnly || !field.source) continue;
+          const value = readSourcePath(context, field.source);
+          if (value === undefined || value === null || value === "") continue;
+          if (next[section.key]?.[field.key] === value) continue;
+          next[section.key] = { ...next[section.key], [field.key]: value };
+          changed = true;
+        }
+      }
+      return changed ? next : prev;
+    });
+  }, [profile, config, detail?.application?.id, detail?.application?.formData]);
 
   const application = detail?.application;
-  const isAdjusting = application?.status === 'RESUBMIT_REQUIRED';
+  const isAdjusting = application?.status === "RESUBMIT_REQUIRED";
   const openRemarks = detail?.openRemarks ?? [];
 
   const flaggedSections = useMemo(
     () =>
       Object.fromEntries(
-        openRemarks.filter((r) => r.targetType === 'FORM_SECTION').map((r) => [r.targetKey, r.remark]),
+        openRemarks
+          .filter((r) => r.targetType === "FORM_SECTION")
+          .map((r) => [r.targetKey, r.remark]),
       ),
     [openRemarks],
   );
   const flaggedDocuments = useMemo(
     () =>
       Object.fromEntries(
-        openRemarks.filter((r) => r.targetType === 'DOCUMENT').map((r) => [r.targetKey, r.remark]),
+        openRemarks
+          .filter((r) => r.targetType === "DOCUMENT")
+          .map((r) => [r.targetKey, r.remark]),
       ),
     [openRemarks],
   );
@@ -213,7 +294,11 @@ export function LicenseApplicationPage() {
     return <PageLoader label={t('licenseApplication.loading', 'Loading Application…')} height={400} />;
   }
 
-  const readOnly = !['DRAFT', 'RESUBMIT_REQUIRED'].includes(application.status);
+  const readOnly = !["DRAFT", "RESUBMIT_REQUIRED"].includes(application.status);
+  // A DRAFT has nothing worth summarising yet, so it always opens straight
+  // into the wizard; every later status (including RESUBMIT_REQUIRED) opens
+  // to the summary first.
+  const showSummary = application.status !== "DRAFT" && viewingSummary;
 
   // Vessel Information and Current Ownership are separate form sections, so
   // ConfigDrivenSection (one instance per section) can't fill both itself —
@@ -239,9 +324,15 @@ export function LicenseApplicationPage() {
     const nationalityField = config?.licenseType.formSchema.sections
       .find((s) => s.key === sectionKey)
       // English-pinned: same reasoning as the fill() matcher above.
-      ?.fields.find((f) => f.key === 'nationality' || (f.label.en ?? '').toLowerCase().includes('nationality'));
+      ?.fields.find(
+        (f) =>
+          f.key === "nationality" ||
+          (f.label.en ?? "").toLowerCase().includes("nationality"),
+      );
     if (nationalityField && values[nationalityField.key]) {
-      values[nationalityField.key] = getCountryName(values[nationalityField.key] as string) || values[nationalityField.key];
+      values[nationalityField.key] =
+        getCountryName(values[nationalityField.key] as string) ||
+        values[nationalityField.key];
     }
     try {
       await patchSection({
@@ -251,8 +342,8 @@ export function LicenseApplicationPage() {
       }).unwrap();
     } catch (err) {
       notifications.show({
-        color: 'red',
-        title: t('licenseApplication.notifications.saveFailed.title'),
+        color: "red",
+        title: "Could not save",
         message: extractErrorMessage(err),
       });
     }
@@ -261,13 +352,17 @@ export function LicenseApplicationPage() {
   async function handleSubmit() {
     setIssues([]);
     if (!readOnly && currentStep?.sections?.length) {
-      const errors = validateSections(currentStep.sections, draft, i18n.language);
+      const errors = validateSections(
+        currentStep.sections,
+        draft,
+        i18n.language,
+      );
       setFieldErrors(errors);
       if (Object.keys(errors).length) {
         notifications.show({
-          color: 'red',
-          title: t('licenseApplication.notifications.incomplete.title'),
-          message: t('licenseApplication.notifications.incomplete.message'),
+          color: "red",
+          title: "Incomplete",
+          message: "Complete the highlighted fields before submitting.",
         });
         return;
       }
@@ -276,29 +371,32 @@ export function LicenseApplicationPage() {
     try {
       if (isAdjusting) {
         for (const remark of openRemarks) {
-          await resolveRemark({ id: appId as string, remarkId: remark.id }).unwrap();
+          await resolveRemark({
+            id: appId as string,
+            remarkId: remark.id,
+          }).unwrap();
         }
         await resubmitApplication(appId as string).unwrap();
         notifications.show({
-          color: 'teal',
-          title: t('licenseApplication.notifications.resubmitted.title'),
-          message: t('licenseApplication.notifications.resubmitted.message'),
+          color: "teal",
+          title: "Resubmitted",
+          message: "Your corrections were sent back to the reviewing officer.",
         });
       } else {
         await submitApplication(appId as string).unwrap();
         notifications.show({
-          color: 'teal',
-          title: t('licenseApplication.notifications.submitted.title'),
-          message: t('licenseApplication.notifications.submitted.message'),
+          color: "teal",
+          title: "Application submitted",
+          message: "You will be notified as it progresses.",
         });
       }
-      navigate('/licensing/applications');
+      navigate("/licensing/applications");
     } catch (err) {
       const found = extractValidationIssues(err);
       setIssues(found);
       notifications.show({
-        color: 'red',
-        title: t('licenseApplication.notifications.applicationIncomplete.title'),
+        color: "red",
+        title: "Application incomplete",
         message: found.length
           ? t('licenseApplication.notifications.applicationIncomplete.itemsNeedAttention', { count: found.length })
           : extractErrorMessage(err),
@@ -320,27 +418,31 @@ export function LicenseApplicationPage() {
     // is declared above that guard, so narrow it here too.
     if (!currentStep || !config) return true;
 
-    if (currentStep.kind === 'sections') {
-      const errors = validateSections(currentStep.sections, draft, i18n.language);
+    if (currentStep.kind === "sections") {
+      const errors = validateSections(
+        currentStep.sections,
+        draft,
+        i18n.language,
+      );
       setFieldErrors(errors);
       const count = Object.keys(errors).length;
       if (count > 0) {
         notifications.show({
-          color: 'red',
-          title: t('licenseApplication.notifications.incomplete.title'),
-          message: t('licenseApplication.notifications.incompleteFields', { count }),
+          color: "red",
+          title: "Incomplete",
+          message: `Complete ${count} required field${count > 1 ? "s" : ""} to continue.`,
         });
         return false;
       }
       return true;
     }
 
-    if (currentStep.kind === 'staff') {
+    if (currentStep.kind === "staff") {
       const missing = config.staffRoleRequirements
         .filter(
           (role) =>
-            (detail?.staff ?? []).filter((m) => m.roleKey === role.roleKey).length <
-            role.minCount,
+            (detail?.staff ?? []).filter((m) => m.roleKey === role.roleKey)
+              .length < role.minCount,
         )
         .map((role) =>
           t('licenseApplication.notifications.staffIncomplete.roleRequired', {
@@ -350,26 +452,25 @@ export function LicenseApplicationPage() {
         );
       if (missing.length) {
         notifications.show({
-          color: 'red',
-          title: t('licenseApplication.notifications.staffIncomplete.title'),
-          message: t('licenseApplication.notifications.staffIncomplete.message', {
-            items: missing.join(', '),
-          }),
+          color: "red",
+          title: "Staff incomplete",
+          message: `Still needed: ${missing.join(", ")}.`,
         });
         return false;
       }
       return true;
     }
 
-    if (currentStep.kind === 'documents') {
+    if (currentStep.kind === "documents") {
       const supplied = new Set(
         attachments.filter((a) => a.files?.length).map((a) => a.documentKey),
       );
       const missing = config.documentRequirements
         .filter(
           (req) =>
-            req.mode === 'ALWAYS' ||
-            (req.mode === 'CONDITIONAL' && conditionHolds(req.conditionExpression, draft)),
+            req.mode === "ALWAYS" ||
+            (req.mode === "CONDITIONAL" &&
+              conditionHolds(req.conditionExpression, draft)),
         )
         .filter((req) => !supplied.has(req.key))
         .map((req) => localized(req.name));
@@ -382,11 +483,9 @@ export function LicenseApplicationPage() {
               })}`
             : '';
         notifications.show({
-          color: 'red',
-          title: t('licenseApplication.notifications.documentsMissing.title'),
-          message: t('licenseApplication.notifications.documentsMissing.message', {
-            items: shown + extra,
-          }),
+          color: "red",
+          title: "Documents missing",
+          message: `Upload: ${missing.slice(0, 3).join(", ")}${missing.length > 3 ? ` and ${missing.length - 3} more` : ""}.`,
         });
         return false;
       }
@@ -399,8 +498,9 @@ export function LicenseApplicationPage() {
   async function handleContinue() {
     // A locked step during an adjustment round has nothing to validate.
     if (!readOnly && !(await validateCurrentStep())) return;
-    if (currentStep?.kind === 'sections') {
-      for (const section of currentStep.sections) await saveSection(section.key);
+    if (currentStep?.kind === "sections") {
+      for (const section of currentStep.sections)
+        await saveSection(section.key);
     }
     setFieldErrors({});
     setActive((s) => Math.min(steps.length - 1, s + 1));
@@ -413,8 +513,9 @@ export function LicenseApplicationPage() {
       return;
     }
     if (!readOnly && !(await validateCurrentStep())) return;
-    if (currentStep?.kind === 'sections') {
-      for (const section of currentStep.sections) await saveSection(section.key);
+    if (currentStep?.kind === "sections") {
+      for (const section of currentStep.sections)
+        await saveSection(section.key);
     }
     setFieldErrors({});
     setActive(active + 1);
@@ -422,19 +523,36 @@ export function LicenseApplicationPage() {
 
   return (
     <Container size="lg" py="md">
-      <Group justify="space-between" mb="xs">
+      <Group justify="space-between" mb="xs" align="flex-start">
         <div>
           <Title order={3}>{localized(config.licenseType.name)}</Title>
-          <Text size="sm" c="dimmed">
-            {application.applicationNumber} ·{' '}
-            <Badge size="sm" variant="light">
-              {application.status.replace(/_/g, ' ')}
+          <Group gap="xs" mt={4}>
+            <Text size="sm" c="dimmed">
+              {application.applicationNumber}
+            </Text>
+            <Badge
+              size="sm"
+              variant="light"
+              color={STATUS_COLORS[application.status]}
+            >
+              {STATUS_LABELS[application.status]}
             </Badge>
-          </Text>
+          </Group>
         </div>
-        <Text size="sm" c="dimmed">
-          {t('licenseApplication.fee', { amount: config.fee ?? '—', currency: config.feeCurrency })}
-        </Text>
+        <Group gap="md" align="center">
+          <Text size="sm" c="dimmed">
+            Fee: {config.fee ?? "—"} {config.feeCurrency}
+          </Text>
+          {showSummary && isAdjusting && (
+            <Button
+              size="xs"
+              variant="default"
+              onClick={() => setViewingSummary(false)}
+            >
+              Edit details
+            </Button>
+          )}
+        </Group>
       </Group>
 
       {isAdjusting && (
@@ -458,7 +576,12 @@ export function LicenseApplicationPage() {
       )}
 
       {issues.length > 0 && (
-        <Alert color="red" icon={<IconAlertTriangle size={16} />} title={t('licenseApplication.stillMissing.title')} mb="md">
+        <Alert
+          color="red"
+          icon={<IconAlertTriangle size={16} />}
+          title="Still missing"
+          mb="md"
+        >
           <Stack gap={2}>
             {issues.map((issue, i) => (
               <Text size="sm" key={i}>
@@ -469,42 +592,213 @@ export function LicenseApplicationPage() {
         </Alert>
       )}
 
-      <Paper withBorder p="lg" radius="md">
-        <Stepper active={active} onStepClick={goToStep} size="sm" mb="lg">
-          {steps.map((step) => (
-            <Stepper.Step key={step.key} label={step.label} />
-          ))}
-        </Stepper>
+      {showSummary && (
+        <ApplicationSummary
+          sections={sections}
+          formData={application.formData}
+          localized={localized}
+          config={config}
+          attachments={attachments}
+          applicationId={appId as string}
+        />
+      )}
 
-        {currentStep?.kind === 'sections' && (
-          <Stack gap="lg">
-            {currentStep.sections.map((section, index) => {
-              const locked = isAdjusting && !flaggedSections[section.key];
-              return (
+      {!showSummary && (
+        <Paper withBorder p="lg" radius="md">
+          <Stepper active={active} onStepClick={goToStep} size="sm" mb="lg">
+            {steps.map((step) => (
+              <Stepper.Step key={step.key} label={step.label} />
+            ))}
+          </Stepper>
+
+          {currentStep?.kind === "sections" && (
+            <Stack gap="lg">
+              {currentStep.sections.map((section, index) => {
+                const locked = isAdjusting && !flaggedSections[section.key];
+                return (
+                  <div key={section.key}>
+                    {index > 0 && <Divider mb="lg" />}
+                    <Text fw={600} fz="sm" tt="uppercase" c="gray.6" mb="sm">
+                      {localized(section.title)}
+                    </Text>
+                    {locked && (
+                      <Alert
+                        color="gray"
+                        icon={<IconInfoCircle size={16} />}
+                        mb="md"
+                      >
+                        This section was accepted and is locked for this round.
+                      </Alert>
+                    )}
+                    <ConfigDrivenSection
+                      section={section}
+                      values={draft[section.key] ?? {}}
+                      formData={draft}
+                      onVesselSelected={handleVesselSelected}
+                      errors={fieldErrors}
+                      vessels={vessels}
+                      disabled={readOnly || locked}
+                      onChange={(key, value) => {
+                        setDraft((prev) => ({
+                          ...prev,
+                          [section.key]: {
+                            ...(prev[section.key] ?? {}),
+                            [key]: value,
+                          },
+                        }));
+                        // Clear the error as soon as the applicant addresses it.
+                        setFieldErrors((prev) => {
+                          const next = { ...prev };
+                          delete next[`${section.key}.${key}`];
+                          return next;
+                        });
+                      }}
+                    />
+                  </div>
+                );
+              })}
+            </Stack>
+          )}
+
+          {currentStep?.kind === "staff" && (
+            <Stack>
+              {config.staffRoleRequirements.map((role) => {
+                const members = (detail?.staff ?? []).filter(
+                  (s) => s.roleKey === role.roleKey,
+                );
+                return (
+                  <Card withBorder key={role.roleKey} padding="md">
+                    <Group justify="space-between" mb="xs">
+                      <div>
+                        <Text fw={600} size="sm">
+                          {localized(role.name)}
+                        </Text>
+                        <Text size="xs" c="dimmed">
+                          {members.length} of {role.minCount} required
+                          {role.requiredEvidence.length > 0 &&
+                            ` · each needs ${role.requiredEvidence
+                              .filter((e) => e.mandatory)
+                              .map((e) => localized(e.label))
+                              .join(", ")}`}
+                        </Text>
+                      </div>
+                      <Group gap="xs">
+                        {members.length >= role.minCount && (
+                          <Badge
+                            color="teal"
+                            size="sm"
+                            leftSection={<IconCheck size={10} />}
+                          >
+                            complete
+                          </Badge>
+                        )}
+                        {!readOnly && (
+                          <Button
+                            size="xs"
+                            variant="light"
+                            leftSection={<IconPlus size={14} />}
+                            onClick={() => setStaffModal(role.roleKey)}
+                          >
+                            Add
+                          </Button>
+                        )}
+                      </Group>
+                    </Group>
+
+                    <Stack gap="xs">
+                      {members.map((member) => (
+                        <Card
+                          withBorder
+                          key={member.id}
+                          padding="sm"
+                          radius="sm"
+                        >
+                          <Group
+                            justify="space-between"
+                            mb={member.id ? "xs" : 0}
+                          >
+                            <div>
+                              <Text size="sm" fw={500}>
+                                {member.fullName}
+                              </Text>
+                              <Text size="xs" c="dimmed">
+                                {member.position ?? "—"}
+                                {member.yearsOfExperience
+                                  ? ` · ${member.yearsOfExperience} yrs`
+                                  : ""}
+                              </Text>
+                            </div>
+                            {!readOnly && (
+                              <ActionIcon
+                                variant="subtle"
+                                color="red"
+                                onClick={async () => {
+                                  await removeStaff({
+                                    id: appId,
+                                    staffId: member.id,
+                                  });
+                                  refetch();
+                                }}
+                              >
+                                <IconTrash size={16} />
+                              </ActionIcon>
+                            )}
+                          </Group>
+                          <StaffEvidence
+                            staffId={member.id}
+                            evidence={role.requiredEvidence}
+                            readOnly={readOnly}
+                            onUploaded={refetch}
+                          />
+                        </Card>
+                      ))}
+                    </Stack>
+                  </Card>
+                );
+              })}
+            </Stack>
+          )}
+
+          {currentStep?.kind === "documents" && (
+            <DocumentSlots
+              requirements={config.documentRequirements}
+              attachments={attachments}
+              formData={draft}
+              ownerType="APPLICATION"
+              ownerId={appId}
+              flagged={flaggedDocuments}
+              restrictToFlagged={isAdjusting}
+              readOnly={readOnly}
+              onUploaded={() => {
+                refetchAttachments();
+                refetch();
+              }}
+            />
+          )}
+
+          {currentStep?.kind === "review" && (
+            <Stack>
+              {currentStep.sections.map((section) => (
                 <div key={section.key}>
-                  {index > 0 && <Divider mb="lg" />}
                   <Text fw={600} fz="sm" tt="uppercase" c="gray.6" mb="sm">
                     {localized(section.title)}
                   </Text>
-                  {locked && (
-                    <Alert color="gray" icon={<IconInfoCircle size={16} />} mb="md">
-                      {t('licenseApplication.sectionLocked')}
-                    </Alert>
-                  )}
                   <ConfigDrivenSection
                     section={section}
+                    onVesselSelected={handleVesselSelected}
                     values={draft[section.key] ?? {}}
                     formData={draft}
-                    onVesselSelected={handleVesselSelected}
                     errors={fieldErrors}
                     vessels={vessels}
-                    disabled={readOnly || locked}
+                    disabled={readOnly}
                     onChange={(key, value) => {
                       setDraft((prev) => ({
                         ...prev,
-                        [section.key]: { ...(prev[section.key] ?? {}), [key]: value },
+                        [section.key]: {
+                          ...(prev[section.key] ?? {}),
+                          [key]: value,
+                        },
                       }));
-                      // Clear the error as soon as the applicant addresses it.
                       setFieldErrors((prev) => {
                         const next = { ...prev };
                         delete next[`${section.key}.${key}`];
@@ -512,208 +806,73 @@ export function LicenseApplicationPage() {
                       });
                     }}
                   />
+                  <Divider my="lg" />
                 </div>
-              );
-            })}
-          </Stack>
-        )}
-
-        {currentStep?.kind === 'staff' && (
-          <Stack>
-            {config.staffRoleRequirements.map((role) => {
-              const members = (detail?.staff ?? []).filter((s) => s.roleKey === role.roleKey);
-              return (
-                <Card withBorder key={role.roleKey} padding="md">
-                  <Group justify="space-between" mb="xs">
-                    <div>
-                      <Text fw={600} size="sm">
-                        {localized(role.name)}
-                      </Text>
-                      <Text size="xs" c="dimmed">
-                        {t('licenseApplication.staff.requiredCount', { count: members.length, min: role.minCount })}
-                        {role.requiredEvidence.length > 0 &&
-                          ` ${t('licenseApplication.staff.eachNeeds', {
-                            items: role.requiredEvidence
-                              .filter((e) => e.mandatory)
-                              .map((e) => localized(e.label))
-                              .join(', '),
-                          })}`}
-                      </Text>
-                    </div>
-                    <Group gap="xs">
-                      {members.length >= role.minCount && (
-                        <Badge color="teal" size="sm" leftSection={<IconCheck size={10} />}>
-                          {t('licenseApplication.staff.complete')}
-                        </Badge>
-                      )}
-                      {!readOnly && (
-                        <Button
-                          size="xs"
-                          variant="light"
-                          leftSection={<IconPlus size={14} />}
-                          onClick={() => setStaffModal(role.roleKey)}
-                        >
-                          {t('licenseApplication.staff.add')}
-                        </Button>
-                      )}
-                    </Group>
-                  </Group>
-
-                  <Stack gap="xs">
-                    {members.map((member) => (
-                      <Card withBorder key={member.id} padding="sm" radius="sm">
-                        <Group justify="space-between" mb={member.id ? 'xs' : 0}>
-                          <div>
-                            <Text size="sm" fw={500}>
-                              {member.fullName}
-                            </Text>
-                            <Text size="xs" c="dimmed">
-                              {member.position ?? '—'}
-                              {member.yearsOfExperience
-                                ? ` ${t('licenseApplication.staff.yearsSuffix', { count: member.yearsOfExperience })}`
-                                : ''}
-                            </Text>
-                          </div>
-                          {!readOnly && (
-                            <ActionIcon
-                              variant="subtle"
-                              color="red"
-                              onClick={async () => {
-                                await removeStaff({ id: appId, staffId: member.id });
-                                refetch();
-                              }}
-                            >
-                              <IconTrash size={16} />
-                            </ActionIcon>
-                          )}
-                        </Group>
-                        <StaffEvidence
-                          staffId={member.id}
-                          evidence={role.requiredEvidence}
-                          readOnly={readOnly}
-                          onUploaded={refetch}
-                        />
-                      </Card>
-                    ))}
-                  </Stack>
-                </Card>
-              );
-            })}
-          </Stack>
-        )}
-
-        {currentStep?.kind === 'documents' && (
-          <DocumentSlots
-            requirements={config.documentRequirements}
-            attachments={attachments}
-            formData={draft}
-            ownerType="APPLICATION"
-            ownerId={appId}
-            flagged={flaggedDocuments}
-            restrictToFlagged={isAdjusting}
-            readOnly={readOnly}
-            onUploaded={() => {
-              refetchAttachments();
-              refetch();
-            }}
-          />
-        )}
-
-        {currentStep?.kind === 'review' && (
-          <Stack>
-            {currentStep.sections.map((section) => (
-              <div key={section.key}>
-                <Text fw={600} fz="sm" tt="uppercase" c="gray.6" mb="sm">
-                  {localized(section.title)}
-                </Text>
-                <ConfigDrivenSection
-                  section={section}
-                  onVesselSelected={handleVesselSelected}
-                  values={draft[section.key] ?? {}}
-                  formData={draft}
-                  errors={fieldErrors}
-                  vessels={vessels}
-                  disabled={readOnly}
-                  onChange={(key, value) => {
-                    setDraft((prev) => ({
-                      ...prev,
-                      [section.key]: { ...(prev[section.key] ?? {}), [key]: value },
-                    }));
-                    setFieldErrors((prev) => {
-                      const next = { ...prev };
-                      delete next[`${section.key}.${key}`];
-                      return next;
-                    });
-                  }}
-                />
-                <Divider my="lg" />
-              </div>
-            ))}
-            <Title order={5}>{t('licenseApplication.review')}</Title>
-            {sections.map((section) => (
-              <div key={section.key}>
-                <Text fw={600} size="sm" mb={4}>
-                  {localized(section.title)}
-                </Text>
-                <Table withTableBorder withColumnBorders>
-                  <Table.Tbody>
-                    {(section.fields ?? [])
-                      .filter((f) => conditionHolds(f.showWhen, draft))
-                      .map((field) => (
-                        <Table.Tr key={field.key}>
-                          <Table.Td w="45%">
-                            <Text size="xs" c="dimmed">
-                              {localized(field.label)}
-                            </Text>
-                          </Table.Td>
-                          <Table.Td>
-                            <Text size="sm">
-                              {String(draft[section.key]?.[field.key] ?? '—')}
-                            </Text>
-                          </Table.Td>
-                        </Table.Tr>
-                      ))}
-                  </Table.Tbody>
-                </Table>
-                <Divider my="sm" />
-              </div>
-            ))}
-          </Stack>
-        )}
-
-        <Group justify="space-between" mt="xl">
-          <Button
-            variant="default"
-            onClick={() => setActive((s) => Math.max(0, s - 1))}
-            disabled={active === 0}
-          >
-            {t('common.back')}
-          </Button>
-          {active < steps.length - 1 ? (
-            <Button onClick={handleContinue}>{t('common.continue')}</Button>
-          ) : (
-            <RequirePermission
-              anyOf={
-                isAdjusting
-                  ? [PORTAL_PERMISSIONS.RESUBMIT_APPLICATION]
-                  : [LICENSE_PERMISSIONS.SUBMIT_APPLICATION]
-              }
-              hideOnly
-            >
-              <Button
-                color="teal"
-                loading={submitting || resubmitting}
-                disabled={readOnly}
-                onClick={handleSubmit}
-              >
-                {isAdjusting
-                  ? t('licenseApplication.resubmitCorrections')
-                  : t('licenseApplication.submitApplication')}
-              </Button>
-            </RequirePermission>
+              ))}
+              <Title order={5}>Review</Title>
+              {sections.map((section) => (
+                <div key={section.key}>
+                  <Text fw={600} size="sm" mb={4}>
+                    {localized(section.title)}
+                  </Text>
+                  <Table withTableBorder withColumnBorders>
+                    <Table.Tbody>
+                      {(section.fields ?? [])
+                        .filter((f) => conditionHolds(f.showWhen, draft))
+                        .map((field) => (
+                          <Table.Tr key={field.key}>
+                            <Table.Td w="45%">
+                              <Text size="xs" c="dimmed">
+                                {localized(field.label)}
+                              </Text>
+                            </Table.Td>
+                            <Table.Td>
+                              <Text size="sm">
+                                {String(draft[section.key]?.[field.key] ?? "—")}
+                              </Text>
+                            </Table.Td>
+                          </Table.Tr>
+                        ))}
+                    </Table.Tbody>
+                  </Table>
+                  <Divider my="sm" />
+                </div>
+              ))}
+            </Stack>
           )}
-        </Group>
-      </Paper>
+
+          <Group justify="space-between" mt="xl">
+            <Button
+              variant="default"
+              onClick={() => setActive((s) => Math.max(0, s - 1))}
+              disabled={active === 0}
+            >
+              Back
+            </Button>
+            {active < steps.length - 1 ? (
+              <Button onClick={handleContinue}>Continue</Button>
+            ) : (
+              <RequirePermission
+                anyOf={
+                  isAdjusting
+                    ? [PORTAL_PERMISSIONS.RESUBMIT_APPLICATION]
+                    : [LICENSE_PERMISSIONS.SUBMIT_APPLICATION]
+                }
+                hideOnly
+              >
+                <Button
+                  color="teal"
+                  loading={submitting || resubmitting}
+                  disabled={readOnly}
+                  onClick={handleSubmit}
+                >
+                  {isAdjusting ? "Resubmit corrections" : "Submit application"}
+                </Button>
+              </RequirePermission>
+            )}
+          </Group>
+        </Paper>
+      )}
 
       <Modal
         opened={Boolean(staffModal)}
@@ -725,17 +884,23 @@ export function LicenseApplicationPage() {
             label={t('licenseApplication.staff.fullName')}
             withAsterisk
             value={newStaff.fullName}
-            onChange={(e) => setNewStaff({ ...newStaff, fullName: e.currentTarget.value })}
+            onChange={(e) =>
+              setNewStaff({ ...newStaff, fullName: e.currentTarget.value })
+            }
           />
           <TextInput
             label={t('licenseApplication.staff.position')}
             value={newStaff.position}
-            onChange={(e) => setNewStaff({ ...newStaff, position: e.currentTarget.value })}
+            onChange={(e) =>
+              setNewStaff({ ...newStaff, position: e.currentTarget.value })
+            }
           />
           <NumberInput
             label={t('licenseApplication.staff.yearsOfExperience')}
             value={newStaff.yearsOfExperience}
-            onChange={(v) => setNewStaff({ ...newStaff, yearsOfExperience: Number(v) || 0 })}
+            onChange={(v) =>
+              setNewStaff({ ...newStaff, yearsOfExperience: Number(v) || 0 })
+            }
             min={0}
           />
           <ModalFooter>
@@ -743,7 +908,11 @@ export function LicenseApplicationPage() {
               onClick={async () => {
                 if (!newStaff.fullName.trim() || !staffModal) return;
                 await addStaff({ id: appId, roleKey: staffModal, ...newStaff });
-                setNewStaff({ fullName: '', position: '', yearsOfExperience: 0 });
+                setNewStaff({
+                  fullName: "",
+                  position: "",
+                  yearsOfExperience: 0,
+                });
                 setStaffModal(null);
                 refetch();
               }}
diff --git a/apps/portal/src/app/router.tsx b/apps/portal/src/app/router.tsx
index 639ed20a9..074460901 100644
--- a/apps/portal/src/app/router.tsx
+++ b/apps/portal/src/app/router.tsx
@@ -152,13 +152,19 @@ export const router = createBrowserRouter([
       },
 
       // Seafarer
-      // The standalone wizard is gone — registration is the config-driven
-      // licensing flow like every other licence type, gated by
-      // RequireSeafarerProfile + RequirePermission the same way
-      // /licensing/:typeCode/apply already is.
+      //
+      // Registration runs through the shared application wizard like every
+      // other service. It used to have a page of its own that wrote the
+      // profile directly and created no application at all — which meant a
+      // "submitted" registration was never reviewed, never approved and never
+      // numbered, because there was nothing for an officer to open. The
+      // wizard, the review queue and the approval side effects all already
+      // existed; only the route was pointed away from them.
       {
         path: "/seafarer-registration",
-        element: <Navigate to="/licensing/SEAFARER_REGISTRATION/apply" replace />,
+        element: (
+          <Navigate to="/licensing/SEAFARER_REGISTRATION/apply" replace />
+        ),
       },
       {
         path: "/seafarer/records",
diff --git a/libs/api/src/lib/base-api/tagTypes.ts b/libs/api/src/lib/base-api/tagTypes.ts
index a654fdec3..aa546823a 100644
--- a/libs/api/src/lib/base-api/tagTypes.ts
+++ b/libs/api/src/lib/base-api/tagTypes.ts
@@ -1 +1 @@
-export const tagTypes = ["ProfessionApi"];
+export const tagTypes = ["ProfessionApi", "NumberFormatApi"];