Rework of campaign structure; locking

src/features/campaigns/CampaignFieldsPage.tsx

@@ -4,10 +4,12 @@ import Button from "../../components/Button";
 import Card from "../../components/Card";
 import PageTitle from "../../components/PageTitle";
 import LoadingFrame from "../../components/LoadingFrame";
+import LockedVersionNotice from "./components/LockedVersionNotice";
+import VersionLine from "./components/VersionLine";
 import ToggleSwitch from "../../components/ToggleSwitch";
 import { useCampaignWorkspaceData } from "./hooks/useCampaignWorkspaceData";
 import { useCampaignDraftEditor } from "./hooks/useCampaignDraftEditor";
-import { asRecord, isAuditLockedVersion, isRecord, versionLockReason } from "./utils/campaignView";
+import { asRecord, isAuditLockedVersion, isRecord } from "./utils/campaignView";
 import { getBool, getText, updateNested } from "./utils/draftEditor";
 import FieldValueInput from "./components/FieldValueInput";
 import { fieldTypeOptions, humanizeFieldName, normalizeFieldType, type CampaignFieldDefinition } from "./utils/fieldDefinitions";
@@ -140,7 +142,7 @@ export default function CampaignFieldsPage({ settings, campaignId }: { settings:
       <div className="page-heading split workspace-heading">
         <div>
           <PageTitle loading={loading}>Fields</PageTitle>
-          <p className="mono-small">Version {version ? `#${version.version_number}` : "—"} · {saveState}</p>
+          <VersionLine version={version} versions={data.versions} status={saveState} />
         </div>
         <div className="button-row compact-actions">
           <Button onClick={reload} disabled={loading}>Reload</Button>
@@ -151,7 +153,7 @@ export default function CampaignFieldsPage({ settings, campaignId }: { settings:
       {error && <div className="alert danger">{error}</div>}
       {localError && <div className="alert danger">{localError}</div>}
       {fieldNameWarning && <div className="alert warning">{fieldNameWarning}</div>}
-      {locked && <div className="alert info">This version is read-only. {versionLockReason(version)} Copy the campaign before editing fields.</div>}
+      {locked && <LockedVersionNotice settings={settings} campaignId={campaignId} version={version} reload={reload} message="Create an editable copy before changing fields." />}
 
       <LoadingFrame loading={loading || !draft} label="Loading campaign draft…">
         <>