diff --git a/src/frontend/App.tsx b/src/frontend/App.tsx
index a9092c64d..b569572c6 100644
--- a/src/frontend/App.tsx
+++ b/src/frontend/App.tsx
@@ -5,7 +5,7 @@ import { AppProvider, useApp } from './App/context/AppContext';
 import { hentInnloggetBruker } from './App/api/saksbehandler';
 import { ISaksbehandler } from './App/typer/saksbehandler';
 import ErrorBoundary from './Felles/ErrorBoundary/ErrorBoundary';
-import { TogglesProvider } from './App/context/TogglesContext';
+import { TogglesProvider, useToggles } from './App/context/TogglesContext';
 import { HeaderMedSøk } from './Felles/HeaderMedSøk/HeaderMedSøk';
 import { BehandlingContainer } from './Komponenter/Behandling/BehandlingContainer';
 import { OppgavebenkApp } from './Komponenter/Oppgavebenk/OppgavebenkApp';
@@ -36,6 +36,8 @@ import UlagretDataModal from './Felles/Visningskomponenter/UlagretDataModal';
 import { loggBesøkEvent } from './App/utils/amplitude/amplitudeLoggEvents';
 import { BesøkEvent } from './App/utils/amplitude/typer';
 import Innloggingsfeilmelding from './Felles/Varsel/Innloggingsfeilmelding';
+import { ToggleName } from './App/context/toggles';
+import { JournalføringAppNy } from './Komponenter/Journalføring/Standard/JournalføringAppNy';
 
 const Innhold = styled(BodyLong)`
     margin-top: 2rem;
@@ -78,6 +80,7 @@ const AppRoutes: React.FC<{ innloggetSaksbehandler: ISaksbehandler }> = ({
     innloggetSaksbehandler,
 }) => {
     const { autentisert } = useApp();
+    const { toggles } = useToggles();
 
     const router = createBrowserRouter(
         createRoutesFromElements(
@@ -92,7 +95,16 @@ const AppRoutes: React.FC<{ innloggetSaksbehandler: ISaksbehandler }> = ({
                     />
                     <Route path="/behandling/:behandlingId/*" element={<BehandlingContainer />} />
                     <Route path="/oppgavebenk" element={<OppgavebenkApp />} />
-                    <Route path="/journalfor" element={<JournalføringApp />} />
+                    <Route
+                        path="/journalfor"
+                        element={
+                            toggles[ToggleName.visNyJournalføring] ? (
+                                <JournalføringAppNy />
+                            ) : (
+                                <JournalføringApp />
+                            )
+                        }
+                    />
                     <Route path="/journalfor-klage" element={<JournalføringKlageApp />} />
                     <Route path="/admin/*" element={<AdminApp />} />
                     <Route path="/fagsak/:fagsakId" element={<FagsakTilFagsakPersonRedirect />} />
diff --git a/src/frontend/App/hooks/useHentJournalpost.ts b/src/frontend/App/hooks/useHentJournalpost.ts
index 398e707f9..2781d773f 100644
--- a/src/frontend/App/hooks/useHentJournalpost.ts
+++ b/src/frontend/App/hooks/useHentJournalpost.ts
@@ -1,20 +1,20 @@
 import { byggHenterRessurs, byggTomRessurs, Ressurs } from '../typer/ressurs';
 import { useApp } from '../context/AppContext';
 import { useCallback, useMemo, useState } from 'react';
-import { IJojurnalpostResponse } from '../typer/journalføring';
+import { IJournalpostResponse } from '../typer/journalføring';
 import { AxiosRequestConfig } from 'axios';
 import { OrNothing } from './felles/useSorteringState';
 
 interface HentJournalpostResponse {
     hentJournalPost: () => void;
-    journalResponse: Ressurs<IJojurnalpostResponse>;
+    journalResponse: Ressurs<IJournalpostResponse>;
 }
 
 export const useHentJournalpost = (
     journalpostIdParam: OrNothing<string>
 ): HentJournalpostResponse => {
     const { axiosRequest } = useApp();
-    const [journalResponse, settJournalResponse] = useState<Ressurs<IJojurnalpostResponse>>(
+    const [journalResponse, settJournalResponse] = useState<Ressurs<IJournalpostResponse>>(
         byggTomRessurs()
     );
 
@@ -28,8 +28,8 @@ export const useHentJournalpost = (
 
     const hentJournalPost = useCallback(() => {
         settJournalResponse(byggHenterRessurs());
-        axiosRequest<IJojurnalpostResponse, null>(hentJournalpostConfig).then(
-            (res: Ressurs<IJojurnalpostResponse>) => settJournalResponse(res)
+        axiosRequest<IJournalpostResponse, null>(hentJournalpostConfig).then(
+            (res: Ressurs<IJournalpostResponse>) => settJournalResponse(res)
         );
     }, [axiosRequest, hentJournalpostConfig]);
 
diff --git "a/src/frontend/App/hooks/useJournalf\303\270ringState.ts" "b/src/frontend/App/hooks/useJournalf\303\270ringState.ts"
index 4062c3c5e..2f244bb6b 100644
--- "a/src/frontend/App/hooks/useJournalf\303\270ringState.ts"
+++ "b/src/frontend/App/hooks/useJournalf\303\270ringState.ts"
@@ -4,7 +4,9 @@ import { useApp } from '../context/AppContext';
 import { Behandlingstype } from '../typer/behandlingstype';
 import { UstrukturertDokumentasjonType } from '../../Komponenter/Journalføring/Standard/VelgUstrukturertDokumentasjonType';
 import { EVilkårsbehandleBarnValg } from '../typer/vilkårsbehandleBarnValg';
-import { DokumentTitler } from '../typer/journalføring';
+import { DokumentTitler, IJournalpostResponse } from '../typer/journalføring';
+import { Journalføringsårsak } from '../../Komponenter/Journalføring/Felles/utils';
+import { behandlingstemaTilStønadstype, Stønadstype } from '../typer/behandlingstema';
 
 export interface BehandlingRequest {
     behandlingsId?: string;
@@ -45,12 +47,27 @@ export interface JournalføringStateRequest {
     settUstrukturertDokumentasjonType: Dispatch<SetStateAction<UstrukturertDokumentasjonType>>;
     vilkårsbehandleNyeBarn: EVilkårsbehandleBarnValg;
     settVilkårsbehandleNyeBarn: Dispatch<SetStateAction<EVilkårsbehandleBarnValg>>;
+    journalføringsårsak: Journalføringsårsak;
+    settJournalføringsårsak: Dispatch<SetStateAction<Journalføringsårsak>>;
+    stønadstype: Stønadstype | undefined;
+    settStønadstype: Dispatch<SetStateAction<Stønadstype | undefined>>;
 }
 
 export const useJournalføringState = (
+    journalResponse: IJournalpostResponse,
     oppgaveId: string,
     journalpostId: string
 ): JournalføringStateRequest => {
+    const utledJournalføringsårsak = () => {
+        if (journalResponse.harStrukturertSøknad) {
+            return Journalføringsårsak.DIGITAL_SØKNAD;
+        } else if (journalResponse.journalpost.tittel.includes('Ettersending')) {
+            return Journalføringsårsak.ETTERSENDING;
+        } else {
+            return Journalføringsårsak.IKKE_VALGT;
+        }
+    };
+
     const { axiosRequest, innloggetSaksbehandler } = useApp();
     const [fagsakId, settFagsakId] = useState<string>('');
     const [behandling, settBehandling] = useState<BehandlingRequest>();
@@ -63,6 +80,12 @@ export const useJournalføringState = (
     const [vilkårsbehandleNyeBarn, settVilkårsbehandleNyeBarn] = useState<EVilkårsbehandleBarnValg>(
         EVilkårsbehandleBarnValg.IKKE_VALGT
     );
+    const [journalføringsårsak, settJournalføringsårsak] = useState<Journalføringsårsak>(
+        utledJournalføringsårsak()
+    );
+    const [stønadstype, settStønadstype] = useState<Stønadstype | undefined>(
+        behandlingstemaTilStønadstype(journalResponse.journalpost.behandlingstema)
+    );
 
     useEffect(() => {
         settBehandling(undefined);
@@ -113,5 +136,9 @@ export const useJournalføringState = (
         settUstrukturertDokumentasjonType,
         vilkårsbehandleNyeBarn,
         settVilkårsbehandleNyeBarn,
+        journalføringsårsak,
+        settJournalføringsårsak,
+        stønadstype,
+        settStønadstype,
     };
 };
diff --git a/src/frontend/App/typer/behandlingstema.ts b/src/frontend/App/typer/behandlingstema.ts
index ebddfc039..38f8aa7b3 100644
--- a/src/frontend/App/typer/behandlingstema.ts
+++ b/src/frontend/App/typer/behandlingstema.ts
@@ -48,6 +48,21 @@ export const behandlingstemaTilStønadstype = (
     }
 };
 
+// TODO: Usikker på denne - kan man få noe annet enn Enslig forsørger?
+export const behandlingstemaTilTemaTekst = (
+    behandlingstema: Behandlingstema | undefined
+): string | undefined => {
+    switch (behandlingstema) {
+        case 'ab0071':
+        case 'ab0177':
+        case 'ab0028':
+        case 'ab0007':
+            return 'Enslig forsørger';
+        default:
+            return undefined;
+    }
+};
+
 export const oppgaveBehandlingstypeTilTekst: Record<OppgaveBehandlingstype, string> = {
     ae0161: 'Tilbakekreving',
     ae0058: 'Klage',
diff --git "a/src/frontend/App/typer/journalf\303\270ring.ts" "b/src/frontend/App/typer/journalf\303\270ring.ts"
index d4716f71a..1007d1397 100644
--- "a/src/frontend/App/typer/journalf\303\270ring.ts"
+++ "b/src/frontend/App/typer/journalf\303\270ring.ts"
@@ -103,7 +103,7 @@ export const avsenderMottakerIdTypeTilTekst: Record<AvsenderMottakerIdType, stri
     NULL: '',
 };
 
-export interface IJojurnalpostResponse {
+export interface IJournalpostResponse {
     journalpost: IJournalpost;
     personIdent: string;
     navn: string;
diff --git "a/src/frontend/Komponenter/Journalf\303\270ring/Admin/Journalf\303\270ringAdmin.tsx" "b/src/frontend/Komponenter/Journalf\303\270ring/Admin/Journalf\303\270ringAdmin.tsx"
index 9999ac330..34a6b39a1 100644
--- "a/src/frontend/Komponenter/Journalf\303\270ring/Admin/Journalf\303\270ringAdmin.tsx"
+++ "b/src/frontend/Komponenter/Journalf\303\270ring/Admin/Journalf\303\270ringAdmin.tsx"
@@ -14,7 +14,7 @@ import {
     lagreTilLocalStorage,
     oppgaveRequestKey,
 } from '../../Oppgavebenk/oppgavefilterStorage';
-import { IJojurnalpostResponse, journalstatusTilTekst } from '../../../App/typer/journalføring';
+import { IJournalpostResponse, journalstatusTilTekst } from '../../../App/typer/journalføring';
 import { formaterIsoDatoTid } from '../../../App/utils/formatter';
 import { UtledEllerVelgFagsak } from '../Felles/UtledEllerVelgFagsak';
 import { AlertError, AlertWarning } from '../../../Felles/Visningskomponenter/Alerts';
@@ -73,7 +73,7 @@ export const JournalføringAdmin: React.FC = () => {
         navigate('/oppgavebenk');
     };
 
-    const sendInn = (journalpostResponse: IJojurnalpostResponse, fagsakId: string) => {
+    const sendInn = (journalpostResponse: IJournalpostResponse, fagsakId: string) => {
         settFeilmelding('');
         if (!nyBehandlingstype) {
             settFeilmelding('Har ikke fått satt riktig behandlingstype');
diff --git "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/Journalf\303\270ringValidering.ts" "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/Journalf\303\270ringValidering.ts"
index add6356e0..b1be7c420 100644
--- "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/Journalf\303\270ringValidering.ts"
+++ "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/Journalf\303\270ringValidering.ts"
@@ -1,4 +1,4 @@
-import { IJojurnalpostResponse } from '../../../App/typer/journalføring';
+import { IJournalpostResponse } from '../../../App/typer/journalføring';
 import { JournalføringStateRequest } from '../../../App/hooks/useJournalføringState';
 import {
     harTittelForAlleDokumenter,
@@ -12,7 +12,7 @@ import { EVilkårsbehandleBarnValg } from '../../../App/typer/vilkårsbehandleBa
 import { JournalføringKlageStateRequest } from '../../../App/hooks/useJournalføringKlageState';
 
 export const validerJournalføringState = (
-    journalResponse: IJojurnalpostResponse,
+    journalResponse: IJournalpostResponse,
     journalpostState: JournalføringStateRequest,
     erAlleBehandlingerFerdigstilte: boolean
 ): string | undefined => {
@@ -46,7 +46,7 @@ export const validerJournalføringState = (
 };
 
 export const validerJournalføringKlageState = (
-    journalResponse: IJojurnalpostResponse,
+    journalResponse: IJournalpostResponse,
     journalpostState: JournalføringKlageStateRequest
 ): string | undefined => {
     if (!journalpostState.behandling) {
@@ -68,7 +68,7 @@ export const validerJournalføringKlageState = (
 };
 
 const erUstrukturertSøknadOgManglerDokumentasjonsType = (
-    journalResponse: IJojurnalpostResponse,
+    journalResponse: IJournalpostResponse,
     ustrukturertDokumentasjonType: UstrukturertDokumentasjonType | undefined
 ) =>
     !journalResponse.harStrukturertSøknad &&
diff --git "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/Journalf\303\270ringWrapper.tsx" "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/Journalf\303\270ringWrapper.tsx"
index 8eba1f882..3df0e4dc0 100644
--- "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/Journalf\303\270ringWrapper.tsx"
+++ "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/Journalf\303\270ringWrapper.tsx"
@@ -4,7 +4,7 @@ import { useQueryParams } from '../../../App/hooks/felles/useQueryParams';
 import { JOURNALPOST_QUERY_STRING, OPPGAVEID_QUERY_STRING } from './utils';
 import { useHentJournalpost } from '../../../App/hooks/useHentJournalpost';
 import DataViewer from '../../../Felles/DataViewer/DataViewer';
-import { IJojurnalpostResponse } from '../../../App/typer/journalføring';
+import { IJournalpostResponse } from '../../../App/typer/journalføring';
 import styled from 'styled-components';
 
 export const SideLayout = styled.div``;
@@ -38,7 +38,7 @@ export const FlexKnapper = styled.div`
 
 export interface JournalføringAppProps {
     oppgaveId: string;
-    journalResponse: IJojurnalpostResponse;
+    journalResponse: IJournalpostResponse;
 }
 
 interface JournalføringAppSide {
diff --git "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/JournalpostTittelOgLenke.tsx" "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/JournalpostTittelOgLenke.tsx"
index 64bd1c564..fc431c3b5 100644
--- "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/JournalpostTittelOgLenke.tsx"
+++ "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/JournalpostTittelOgLenke.tsx"
@@ -1,6 +1,6 @@
 import { Heading } from '@navikt/ds-react';
 import React from 'react';
-import { IJojurnalpostResponse } from '../../../App/typer/journalføring';
+import { IJournalpostResponse } from '../../../App/typer/journalføring';
 import styled from 'styled-components';
 import { lagJournalføringKlageUrl, lagJournalføringUrl } from './utils';
 import { Link } from 'react-router-dom';
@@ -12,7 +12,7 @@ const Container = styled.div`
 `;
 
 const JournalpostTittelOgLenke: React.FC<{
-    journalResponse: IJojurnalpostResponse;
+    journalResponse: IJournalpostResponse;
     oppgaveId: string;
     fra: 'klage' | 'vanlig';
 }> = ({ journalResponse, oppgaveId, fra }) => {
diff --git "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/UtledEllerVelgFagsak.tsx" "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/UtledEllerVelgFagsak.tsx"
index e750b4f64..2573827e8 100644
--- "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/UtledEllerVelgFagsak.tsx"
+++ "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/UtledEllerVelgFagsak.tsx"
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { IJojurnalpostResponse } from '../../../App/typer/journalføring';
+import { IJournalpostResponse } from '../../../App/typer/journalføring';
 import {
     behandlingstemaTilStønadstype,
     Stønadstype,
@@ -16,7 +16,7 @@ const DivMedBottomPadding = styled.div`
 `;
 
 export const UtledEllerVelgFagsak: React.FC<{
-    journalResponse: IJojurnalpostResponse;
+    journalResponse: IJournalpostResponse;
     hentFagsak: (personIdent: string, stønadstype: Stønadstype) => void;
 }> = ({ journalResponse, hentFagsak }) => {
     {
diff --git "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/VelgFagsakForIkkeS\303\270knad.tsx" "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/VelgFagsakForIkkeS\303\270knad.tsx"
index 44f50a941..e6d1ccfc3 100644
--- "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/VelgFagsakForIkkeS\303\270knad.tsx"
+++ "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/VelgFagsakForIkkeS\303\270knad.tsx"
@@ -1,4 +1,4 @@
-import { IJojurnalpostResponse } from '../../../App/typer/journalføring';
+import { IJournalpostResponse } from '../../../App/typer/journalføring';
 import {
     behandlingstemaTilStønadstype,
     Stønadstype,
@@ -9,7 +9,7 @@ import { Select } from '@navikt/ds-react';
 import styled from 'styled-components';
 
 export function VelgFagsakForIkkeSøknad(props: {
-    journalResponse: IJojurnalpostResponse;
+    journalResponse: IJournalpostResponse;
     hentFagsak: (personIdent: string, stønadstype: Stønadstype) => void;
 }) {
     const { journalResponse, hentFagsak } = props;
diff --git "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/utils.ts" "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/utils.ts"
index e432a288e..4461e0338 100644
--- "a/src/frontend/Komponenter/Journalf\303\270ring/Felles/utils.ts"
+++ "b/src/frontend/Komponenter/Journalf\303\270ring/Felles/utils.ts"
@@ -1,4 +1,4 @@
-import { DokumentTitler, IJojurnalpostResponse } from '../../../App/typer/journalføring';
+import { DokumentTitler, IJournalpostResponse } from '../../../App/typer/journalføring';
 import { Behandlingstema, behandlingstemaTilTekst } from '../../../App/typer/behandlingstema';
 import { Behandling, BehandlingResultat } from '../../../App/typer/fagsak';
 import { Behandlingstype } from '../../../App/typer/behandlingstype';
@@ -20,7 +20,7 @@ export const lagJournalføringUrl = (journalpostId: string, oppgaveId: string |
 };
 
 export const harTittelForAlleDokumenter = (
-    journalResponse: IJojurnalpostResponse,
+    journalResponse: IJournalpostResponse,
     dokumentTitler?: DokumentTitler
 ) =>
     journalResponse.journalpost.dokumenter
@@ -104,3 +104,26 @@ export const harValgtNyBehandling = (behandling: BehandlingRequest | undefined):
 export const harValgtNyKlageBehandling = (
     behandling: BehandlingKlageRequest | undefined
 ): boolean => behandling !== undefined && behandling.behandlingId === undefined;
+
+export enum Journalføringsårsak {
+    PAPIRSØKNAD = 'PAPIRSØKNAD',
+    ETTERSENDING = 'ETTERSENDING',
+    KLAGE = 'KLAGE',
+    DIGITAL_SØKNAD = 'DIGITAL_SØKNAD',
+    IKKE_VALGT = 'IKKE_VALGT',
+}
+
+export const journalføringsårsakTilTekst: Record<Journalføringsårsak, string> = {
+    PAPIRSØKNAD: 'Papirsøknad',
+    ETTERSENDING: 'Ettersending',
+    KLAGE: 'Klage',
+    DIGITAL_SØKNAD: 'Digital søknad',
+    IKKE_VALGT: 'Ikke valgt',
+};
+
+export const valgbareJournalføringsårsaker = [
+    Journalføringsårsak.IKKE_VALGT,
+    Journalføringsårsak.ETTERSENDING,
+    Journalføringsårsak.KLAGE,
+    Journalføringsårsak.PAPIRSØKNAD,
+];
diff --git "a/src/frontend/Komponenter/Journalf\303\270ring/Standard/Journalf\303\270ringApp.tsx" "b/src/frontend/Komponenter/Journalf\303\270ring/Standard/Journalf\303\270ringApp.tsx"
index 9771e1d74..8e3c0cdf2 100644
--- "a/src/frontend/Komponenter/Journalf\303\270ring/Standard/Journalf\303\270ringApp.tsx"
+++ "b/src/frontend/Komponenter/Journalf\303\270ring/Standard/Journalf\303\270ringApp.tsx"
@@ -59,6 +59,7 @@ const JournalføringAppContent: React.FC<JournalføringAppProps> = ({
     const journalpostId = journalResponse.journalpost.journalpostId;
 
     const journalpostState: JournalføringStateRequest = useJournalføringState(
+        journalResponse,
         oppgaveId,
         journalpostId
     );
diff --git "a/src/frontend/Komponenter/Journalf\303\270ring/Standard/Journalf\303\270ringAppNy.tsx" "b/src/frontend/Komponenter/Journalf\303\270ring/Standard/Journalf\303\270ringAppNy.tsx"
new file mode 100644
index 000000000..b97e97000
--- /dev/null
+++ "b/src/frontend/Komponenter/Journalf\303\270ring/Standard/Journalf\303\270ringAppNy.tsx"
@@ -0,0 +1,98 @@
+import React, { useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { RessursStatus } from '../../../App/typer/ressurs';
+import styled from 'styled-components';
+import {
+    JournalføringStateRequest,
+    useJournalføringState,
+} from '../../../App/hooks/useJournalføringState';
+import { useHentDokument } from '../../../App/hooks/useHentDokument';
+import { useHentFagsak } from '../../../App/hooks/useHentFagsak';
+import { useApp } from '../../../App/context/AppContext';
+import {
+    hentFraLocalStorage,
+    lagreTilLocalStorage,
+    oppgaveRequestKey,
+} from '../../Oppgavebenk/oppgavefilterStorage';
+import { Heading } from '@navikt/ds-react';
+import JournalføringWrapper, {
+    Høyrekolonne,
+    JournalføringAppProps,
+    Kolonner,
+    Venstrekolonne,
+} from '../Felles/JournalføringWrapper';
+import JournalføringPdfVisning from '../Felles/JournalføringPdfVisning';
+import JournalpostPanel from './JournalpostPanel';
+
+const InnerContainer = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+`;
+
+const Tittel = styled(Heading)`
+    margin-bottom: 0.5rem;
+`;
+
+export const JournalføringAppNy: React.FC = () => {
+    return <JournalføringWrapper komponent={JournalføringSide} />;
+};
+
+const JournalføringSide: React.FC<JournalføringAppProps> = ({ oppgaveId, journalResponse }) => {
+    const { innloggetSaksbehandler } = useApp();
+    const navigate = useNavigate();
+
+    const journalpostId = journalResponse.journalpost.journalpostId;
+
+    const journalpostState: JournalføringStateRequest = useJournalføringState(
+        journalResponse,
+        oppgaveId,
+        journalpostId
+    );
+    const hentDokumentResponse = useHentDokument(journalResponse.journalpost);
+
+    const { fagsak } = useHentFagsak();
+
+    useEffect(() => {
+        if (journalpostState.innsending.status === RessursStatus.SUKSESS) {
+            const lagredeOppgaveFiltreringer = hentFraLocalStorage(
+                oppgaveRequestKey(innloggetSaksbehandler.navIdent),
+                {}
+            );
+
+            lagreTilLocalStorage(oppgaveRequestKey(innloggetSaksbehandler.navIdent), {
+                ...lagredeOppgaveFiltreringer,
+                ident: journalResponse.personIdent,
+            });
+            navigate('/oppgavebenk');
+        }
+    }, [innloggetSaksbehandler, journalResponse, journalpostState, navigate]);
+
+    useEffect(() => {
+        if (fagsak.status === RessursStatus.SUKSESS) {
+            journalpostState.settFagsakId(fagsak.data.id);
+        }
+        // eslint-disable-next-line
+    }, [fagsak]);
+
+    return (
+        <Kolonner>
+            <Venstrekolonne>
+                <InnerContainer>
+                    <section>
+                        <Tittel size={'medium'} level={'1'}>
+                            Journalføring
+                        </Tittel>
+                        <JournalpostPanel
+                            journalpost={journalResponse.journalpost}
+                            journalpostState={journalpostState}
+                        />
+                    </section>
+                </InnerContainer>
+            </Venstrekolonne>
+            <Høyrekolonne>
+                <JournalføringPdfVisning hentDokumentResponse={hentDokumentResponse} />
+            </Høyrekolonne>
+        </Kolonner>
+    );
+};
diff --git "a/src/frontend/Komponenter/Journalf\303\270ring/Standard/JournalpostPanel.tsx" "b/src/frontend/Komponenter/Journalf\303\270ring/Standard/JournalpostPanel.tsx"
new file mode 100644
index 000000000..4f8ff6d46
--- /dev/null
+++ "b/src/frontend/Komponenter/Journalf\303\270ring/Standard/JournalpostPanel.tsx"
@@ -0,0 +1,139 @@
+import React from 'react';
+import { BodyShort, ExpansionCard, Heading, Select } from '@navikt/ds-react';
+import styled from 'styled-components';
+import { FolderFileFillIcon } from '@navikt/aksel-icons';
+import { ABlue500 } from '@navikt/ds-tokens/dist/tokens';
+import {
+    behandlingstemaTilTemaTekst,
+    Stønadstype,
+    stønadstypeTilTekst,
+} from '../../../App/typer/behandlingstema';
+import { IJournalpost } from '../../../App/typer/journalføring';
+import { formaterIsoDato } from '../../../App/utils/formatter';
+import {
+    Journalføringsårsak,
+    journalføringsårsakTilTekst,
+    valgbareJournalføringsårsaker,
+} from '../Felles/utils';
+import { JournalføringStateRequest } from '../../../App/hooks/useJournalføringState';
+
+const FlexRow = styled.div`
+    display: flex;
+    gap: 1rem;
+`;
+
+const IconContainer = styled.div`
+    color: ${ABlue500};
+`;
+
+const ExpansionCardHeader = styled(ExpansionCard.Header)`
+    padding-bottom: 0.25rem;
+`;
+
+const ExpansionCardContent = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding-bottom: 1rem;
+`;
+
+const StyledSelect = styled(Select)`
+    max-width: 13rem;
+`;
+
+const Grid = styled.div`
+    display: grid;
+    grid-template-columns: repeat(4, max-content);
+    column-gap: 1.5rem;
+`;
+
+interface Props {
+    journalpost: IJournalpost;
+    journalpostState: JournalføringStateRequest;
+}
+
+const JournalpostPanel: React.FC<Props> = ({ journalpost, journalpostState }) => {
+    const tema = behandlingstemaTilTemaTekst(journalpost.behandlingstema);
+    const datoMottatt = formaterIsoDato(journalpost.datoMottatt);
+    const { journalføringsårsak, settJournalføringsårsak, stønadstype, settStønadstype } =
+        journalpostState;
+    const kanRedigere = journalføringsårsak !== Journalføringsårsak.DIGITAL_SØKNAD;
+    const valgbareStønadstyper = [
+        Stønadstype.OVERGANGSSTØNAD,
+        Stønadstype.BARNETILSYN,
+        Stønadstype.SKOLEPENGER,
+    ];
+
+    return (
+        <ExpansionCard id={journalpost.journalpostId} size="small" aria-label="journalpost">
+            <ExpansionCardHeader>
+                <FlexRow>
+                    <IconContainer>
+                        <FolderFileFillIcon fontSize={'3.5rem'} />
+                    </IconContainer>
+                    <Grid>
+                        <Heading size={'small'} level={'2'}>
+                            Tema:
+                        </Heading>
+                        <Heading size={'small'} level={'2'}>
+                            Stønadstype:
+                        </Heading>
+                        <Heading size={'small'} level={'2'}>
+                            Type:
+                        </Heading>
+                        <Heading size={'small'} level={'2'}>
+                            Mottatt:
+                        </Heading>
+                        <BodyShort>{tema}</BodyShort>
+                        <BodyShort>
+                            {stønadstype ? stønadstypeTilTekst[stønadstype] : 'Ikke valgt'}
+                        </BodyShort>
+                        <BodyShort>{journalføringsårsakTilTekst[journalføringsårsak]}</BodyShort>
+                        <BodyShort>{datoMottatt}</BodyShort>
+                    </Grid>
+                </FlexRow>
+            </ExpansionCardHeader>
+            <ExpansionCard.Content>
+                <ExpansionCardContent>
+                    <StyledSelect
+                        label="Stønadstype"
+                        size="small"
+                        value={stønadstype}
+                        onChange={(event) => {
+                            settStønadstype(event.target.value as Stønadstype);
+                        }}
+                        disabled={!kanRedigere}
+                    >
+                        <option key={'Ikke valgt'} value={''}>
+                            Ikke valgt
+                        </option>
+                        {valgbareStønadstyper.map((stønadstype) => {
+                            return (
+                                <option key={stønadstype} value={stønadstype}>
+                                    {stønadstypeTilTekst[stønadstype]}
+                                </option>
+                            );
+                        })}
+                    </StyledSelect>
+                    <StyledSelect
+                        label="Type"
+                        size="small"
+                        value={journalføringsårsak}
+                        onChange={(event) =>
+                            settJournalføringsårsak(event.target.value as Journalføringsårsak)
+                        }
+                        disabled={!kanRedigere}
+                    >
+                        {valgbareJournalføringsårsaker.map((type) => (
+                            <option key={type} value={type}>
+                                {journalføringsårsakTilTekst[type]}
+                            </option>
+                        ))}
+                    </StyledSelect>
+                </ExpansionCardContent>
+            </ExpansionCard.Content>
+        </ExpansionCard>
+    );
+};
+
+export default JournalpostPanel;
diff --git a/src/frontend/Komponenter/Oppgavebenk/typer/oppgave.ts b/src/frontend/Komponenter/Oppgavebenk/typer/oppgave.ts
index e695c0d7b..df4099ab9 100644
--- a/src/frontend/Komponenter/Oppgavebenk/typer/oppgave.ts
+++ b/src/frontend/Komponenter/Oppgavebenk/typer/oppgave.ts
@@ -20,7 +20,7 @@ export interface IOppgave {
     tilordnetRessurs?: string;
     beskrivelse?: string;
     temagruppe?: string;
-    tema?: string; // TEMA???
+    tema?: string;
     behandlingstema?: Behandlingstema;
     oppgavetype?: Oppgavetype;
     behandlingstype?: string;
@@ -33,6 +33,6 @@ export interface IOppgave {
     endretAv?: string;
     ferdigstiltTidspunkt?: string;
     endretTidspunkt?: string;
-    prioritet?: Prioritet; //OppgavePrioritet
-    status?: string; //StatusEnum
+    prioritet?: Prioritet;
+    status?: string;
 }