From 15b139d877372556a9bc77b9eedaadb6cfc70c00 Mon Sep 17 00:00:00 2001
From: Franz Rolfsvaag <frarol96@gmail.com>
Date: Thu, 28 May 2026 08:43:34 +0200
Subject: [PATCH] Style footer repository link

---
 src/App.tsx    | 672 ++++++++++++++++++++++------------------
 src/i18n.tsx   | 808 +++++++++++++++++++++++++++++++++++++++++++++++++
 src/styles.css |  66 +++-
 3 files changed, 1249 insertions(+), 297 deletions(-)
 create mode 100644 src/i18n.tsx

diff --git a/src/App.tsx b/src/App.tsx
index f1b1488..ef701f9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,6 +6,7 @@ import {
   Download,
   FileClock,
   FileJson,
+  Github,
   HelpCircle,
   Heart,
   Search,
@@ -53,6 +54,13 @@ import {
   scoreBandDisclaimer
 } from "./scoring";
 import { verificationLabel, verificationTooltip } from "./integrity";
+import {
+  I18nProvider,
+  translateScoreBand,
+  translateScoreBandDescription,
+  translateVerificationStatus,
+  useI18n
+} from "./i18n";
 import {
   createFollowup,
   createReport,
@@ -105,6 +113,15 @@ const trendMetrics: TrendMetric[] = [
 ];
 
 function App() {
+  return (
+    <I18nProvider>
+      <AppRoutes />
+    </I18nProvider>
+  );
+}
+
+function AppRoutes() {
+  const { t } = useI18n();
   if (window.location.pathname.startsWith("/evaluator") || window.location.pathname.startsWith("/veileder")) {
     return <EvaluatorApp />;
   }
@@ -121,26 +138,26 @@ function App() {
     <div className="app-shell">
       <header className="topbar">
         <div>
-          <p className="eyebrow">Lokal egenvurdering</p>
-          <h1>Arbeidsevne</h1>
+          <p className="eyebrow">{t("app.eyebrow")}</p>
+          <h1>{t("app.title")}</h1>
         </div>
         <a className="text-link" href="/veileder">
-          Veileder
+          {t("app.evaluator")}
         </a>
       </header>
 
-      <nav className="main-nav" aria-label="Hovednavigasjon">
-        <NavButton icon={<Plus />} label="Registrer" active={view === "registrer"} onClick={() => setView("registrer")} />
+      <nav className="main-nav" aria-label={t("app.navLabel")}>
+        <NavButton icon={<Plus />} label={t("nav.register")} active={view === "registrer"} onClick={() => setView("registrer")} />
         <NavButton
           icon={<FileClock />}
-          label="Oppfølging"
+          label={t("nav.followup")}
           active={view === "oppfolging"}
           onClick={() => setView("oppfolging")}
         />
-        <NavButton icon={<BarChart3 />} label="Oversikt" active={view === "oversikt"} onClick={() => setView("oversikt")} />
+        <NavButton icon={<BarChart3 />} label={t("nav.overview")} active={view === "oversikt"} onClick={() => setView("oversikt")} />
         <NavButton
           icon={<ShieldAlert />}
-          label="Personvern"
+          label={t("nav.privacy")}
           active={view === "personvern"}
           onClick={() => setView("personvern")}
         />
@@ -155,7 +172,7 @@ function App() {
             selectedEntry={selectedEntry}
             onSelect={setSelectedEntryId}
             onClose={() => setSelectedEntryId(null)}
-            onRequestDelete={(entry) => setDeleteRequest({ id: entry.id, name: entry.type === "work_report" ? entry.workplace || "rapport" : "oppfølging" })}
+            onRequestDelete={(entry) => setDeleteRequest({ id: entry.id, name: entry.type === "work_report" ? entry.workplace || t("danger.reportName") : t("danger.followupName") })}
           />
         )}
         {view === "personvern" && <PrivacyPanel entries={entries} onDeleted={refresh} />}
@@ -197,12 +214,42 @@ function NavButton({
 }
 
 function AppFooter() {
+  const { language, setLanguage, t } = useI18n();
   const baseYear = 2026;
   const currentYear = new Date().getFullYear();
   const yearLabel = currentYear > baseYear ? `${baseYear}-${currentYear}` : `${baseYear}`;
   return (
     <footer className="app-footer">
-      © {yearLabel} Utviklet av Rolfsvaag Datateknikk med <Heart aria-label="hjerte" className="footer-heart" />
+      <div className="footer-language-switcher" aria-label={t("footer.languageChoice")}>
+        <button
+          aria-current={language === "nb-NO"}
+          aria-label={t("footer.switchToNorwegian")}
+          className="footer-language-button"
+          onClick={() => setLanguage("nb-NO")}
+          type="button"
+        >
+          {t("footer.norwegian")} 🇳🇴
+        </button>
+        <span className="footer-language-separator">|</span>
+        <button
+          aria-current={language === "en"}
+          aria-label={t("footer.switchToEnglish")}
+          className="footer-language-button"
+          onClick={() => setLanguage("en")}
+          type="button"
+        >
+          {t("footer.english")} 🇬🇧
+        </button>
+      </div>
+      <div className="footer-credit">
+        © {yearLabel} {t("footer.developedBy")} <Heart aria-label={t("footer.heart")} className="footer-heart" />
+      </div>
+      <div className="footer-links">
+        <a className="footer-link" href="https://git.rolfsvaag.no/frarol96/Arbeidspuls" rel="noreferrer" target="_blank">
+          <Github aria-hidden="true" />
+          <span>{t("footer.sourceCode")}</span>
+        </a>
+      </div>
     </footer>
   );
 }
@@ -218,6 +265,7 @@ function ConfirmDeleteModal({
   onCancel: () => void;
   onConfirm: () => void;
 }) {
+  const { t } = useI18n();
   const [secondsLeft, setSecondsLeft] = useState(1);
 
   useEffect(() => {
@@ -242,14 +290,14 @@ function ConfirmDeleteModal({
   return (
     <div className="modal-overlay" role="presentation" onMouseDown={onCancel}>
       <section className="confirm-modal" role="dialog" aria-modal="true" aria-labelledby="confirm-title" onMouseDown={(event) => event.stopPropagation()}>
-        <h2 id="confirm-title">Bekreft sletting</h2>
-        <p>Du er i ferd med å slette: {itemName}. Denne handlingen kan ikke angres.</p>
+        <h2 id="confirm-title">{t("deleteModal.title")}</h2>
+        <p>{t("deleteModal.body", { itemName })}</p>
         <div className="action-grid">
           <button className="secondary-action" onClick={onCancel} type="button">
-            Avbryt
+            {t("common.cancel")}
           </button>
           <button className="secondary-action danger" disabled={secondsLeft > 0} onClick={onConfirm} type="button">
-            {secondsLeft > 0 ? `Slett (${secondsLeft})` : "Slett"}
+            {secondsLeft > 0 ? t("deleteModal.waiting", { secondsLeft }) : t("deleteModal.ready")}
           </button>
         </div>
       </section>
@@ -271,11 +319,13 @@ function createInitialReportDraft(): ReportDraft {
 }
 
 function ReportForm({ onSaved }: { onSaved: () => void }) {
+  const { labels, t } = useI18n();
   const [draft, setDraft] = useState<ReportDraft>(() => createInitialReportDraft());
   const [attempted, setAttempted] = useState(false);
   const [savedText, setSavedText] = useState("");
 
-  const missing = requiredReportFields.filter((field) => !draft[field.key]);
+  const reportFields = requiredReportFields.map((field) => ({ ...field, label: reportFieldLabel(field.key, t) }));
+  const missing = reportFields.filter((field) => !draft[field.key]);
   const canSubmit = missing.length === 0;
 
   const setScale = (key: keyof ReportDraft, value: ScaleValue) => {
@@ -299,7 +349,7 @@ function ReportForm({ onSaved }: { onSaved: () => void }) {
     createReport(draft);
     setDraft(createInitialReportDraft());
     setAttempted(false);
-    setSavedText("Rapport lagret lokalt.");
+    setSavedText(t("register.saved"));
     onSaved();
     window.setTimeout(() => setSavedText(""), 2400);
   };
@@ -308,25 +358,25 @@ function ReportForm({ onSaved }: { onSaved: () => void }) {
     <section className="flow">
       <div className="notice">
         <Activity aria-hidden="true" />
-        <span>Fyll ut hovedfeltene. Valgfrie detaljer kan legges til ved behov.</span>
+        <span>{t("register.intro")}</span>
       </div>
 
       <section className="field-card compact-session">
         <div className="field-head inline-head">
-          <h2>Arbeidsøkt</h2>
-          <Tooltip text={`${tooltipTexts.workplace} ${tooltipTexts.work_time}`} />
+          <h2>{t("register.workSession")}</h2>
+          <Tooltip text={`${labels.tooltipTexts.workplace} ${labels.tooltipTexts.work_time}`} />
         </div>
         <div className="session-grid">
           <label className="text-field">
-            <span>Arbeidssted</span>
+            <span>{t("register.workplace")}</span>
             <input
               value={draft.workplace ?? ""}
               onChange={(event) => setDraft((current) => ({ ...current, workplace: event.target.value }))}
-              placeholder="Valgfritt"
+              placeholder={t("register.optional")}
             />
           </label>
           <label className="text-field">
-            <span>Starttid</span>
+            <span>{t("register.startTime")}</span>
             <input
               type="time"
               value={draft.work_start_time ?? ""}
@@ -334,7 +384,7 @@ function ReportForm({ onSaved }: { onSaved: () => void }) {
             />
           </label>
           <label className="text-field">
-            <span>Sluttid</span>
+            <span>{t("register.endTime")}</span>
             <input
               type="time"
               value={draft.work_end_time ?? ""}
@@ -345,13 +395,13 @@ function ReportForm({ onSaved }: { onSaved: () => void }) {
       </section>
 
       <div className="form-stack">
-        {requiredReportFields.map((field) => (
+        {reportFields.map((field) => (
           <ScaleField
             key={field.key}
             label={field.label}
-            tooltip={field.tooltip}
+            tooltip={labels.tooltipTexts[field.key]}
             value={draft[field.key] as ScaleValue | undefined}
-            guidance={field.negative ? negativeScale : positiveScale}
+            guidance={field.negative ? labels.negativeScale : labels.positiveScale}
             invalid={attempted && !draft[field.key]}
             onChange={(value) => setScale(field.key, value)}
           />
@@ -359,8 +409,8 @@ function ReportForm({ onSaved }: { onSaved: () => void }) {
 
         <section className={attempted && !draft.status ? "field-card invalid" : "field-card"}>
           <div className="field-head">
-            <h2>Kan du fortsette?</h2>
-            <p>Velg det som passer best akkurat nå.</p>
+            <h2>{t("register.continueQuestion")}</h2>
+            <p>{t("register.chooseBestNow")}</p>
           </div>
           <div className="status-grid">
             {visibleStatusOptions.map((status) => (
@@ -370,67 +420,67 @@ function ReportForm({ onSaved }: { onSaved: () => void }) {
                 onClick={() => setDraft((current) => ({ ...current, status }))}
                 type="button"
               >
-                {statusLabels[status]}
+                {labels.statusLabels[status]}
               </button>
             ))}
           </div>
         </section>
 
         <details className="details-panel">
-          <summary>Valgfrie detaljer</summary>
+          <summary>{t("register.optionalDetails")}</summary>
           <div className="details-content">
             <ScaleField
-              label="Fysisk energi"
-              tooltip={tooltipTexts.physical_energy}
+              label={t("register.physicalEnergy")}
+              tooltip={labels.tooltipTexts.physical_energy}
               value={draft.physical_energy_detail}
-              guidance={positiveScale}
+              guidance={labels.positiveScale}
               compact
               onChange={(value) => setScale("physical_energy_detail", value)}
             />
             <ScaleField
-              label="Mental energi"
-              tooltip={tooltipTexts.mental_energy}
+              label={t("register.mentalEnergy")}
+              tooltip={labels.tooltipTexts.mental_energy}
               value={draft.mental_energy_detail}
-              guidance={positiveScale}
+              guidance={labels.positiveScale}
               compact
               onChange={(value) => setScale("mental_energy_detail", value)}
             />
             <ScaleField
-              label="Opplevd produktivitet"
+              label={t("register.productivity")}
               value={draft.perceived_productivity}
-              guidance={positiveScale}
+              guidance={labels.positiveScale}
               compact
               onChange={(value) => setScale("perceived_productivity", value)}
             />
             <SelectField
-              label="Hvor mye fikk du gjort?"
+              label={t("register.taskCompletion")}
               value={draft.task_completion}
-              options={taskCompletionLabels}
+              options={labels.taskCompletionLabels}
               onChange={(value) => setDraft((current) => ({ ...current, task_completion: value }))}
             />
             <ChipGroup
-              label="Arbeidet innebar"
+              label={t("register.taskTypes")}
               options={taskTypeOptions}
-              labels={taskTypeLabels}
+              labels={labels.taskTypeLabels}
               values={draft.task_types}
               onToggle={(value) => toggle("task_types", value)}
             />
             <ChipGroup
-              label="Hva begrenset deg mest?"
+              label={t("register.limitations")}
               options={limitationOptions}
-              labels={limitationLabels}
+              labels={labels.limitationLabels}
               values={draft.main_limitations}
               onToggle={(value) => toggle("main_limitations", value)}
             />
             <ChipGroup
-              label="Hva hjalp?"
+              label={t("register.accommodations")}
               options={accommodationOptions}
-              labels={accommodationLabels}
+              labels={labels.accommodationLabels}
               values={draft.helpful_accommodations}
               onToggle={(value) => toggle("helpful_accommodations", value)}
             />
             <label className="text-field">
-              <span>Kort kommentar</span>
+              <span>{t("register.note")}</span>
               <textarea
                 maxLength={1000}
                 value={draft.note}
@@ -443,11 +493,11 @@ function ReportForm({ onSaved }: { onSaved: () => void }) {
       </div>
 
       <div className="sticky-actions">
-        {attempted && !canSubmit && <p className="error-text">Mangler: {missing.map((field) => field.label).join(", ")}.</p>}
+        {attempted && !canSubmit && <p className="error-text">{t("register.missing", { fields: missing.map((field) => field.label).join(", ") })}</p>}
         {savedText && <p className="success-text">{savedText}</p>}
         <button className="primary-action" onClick={submit} type="button">
           <Save aria-hidden="true" />
-          <span>Lagre rapport</span>
+          <span>{t("register.saveReport")}</span>
         </button>
       </div>
     </section>
@@ -457,16 +507,26 @@ function ReportForm({ onSaved }: { onSaved: () => void }) {
 const requiredReportFields: Array<{
   key: "work_ability" | "energy_level" | "mental_clarity" | "symptom_burden" | "effort_strain";
   label: string;
-  tooltip: string;
   negative?: boolean;
 }> = [
-  { key: "work_ability", label: "Arbeidsevne akkurat nå", tooltip: tooltipTexts.work_ability },
-  { key: "energy_level", label: "Energinivå", tooltip: tooltipTexts.energy_level },
-  { key: "mental_clarity", label: "Mental klarhet / konsentrasjon", tooltip: tooltipTexts.mental_clarity },
-  { key: "symptom_burden", label: "Symptombelastning", tooltip: tooltipTexts.symptom_burden, negative: true },
-  { key: "effort_strain", label: "Anstrengelse / belastning", tooltip: tooltipTexts.effort_strain, negative: true }
+  { key: "work_ability", label: "Arbeidsevne akkurat nå" },
+  { key: "energy_level", label: "Energinivå" },
+  { key: "mental_clarity", label: "Mental klarhet / konsentrasjon" },
+  { key: "symptom_burden", label: "Symptombelastning", negative: true },
+  { key: "effort_strain", label: "Anstrengelse / belastning", negative: true }
 ];
 
+function reportFieldLabel(key: (typeof requiredReportFields)[number]["key"], t: ReturnType<typeof useI18n>["t"]) {
+  const map: Record<typeof key, string> = {
+    work_ability: t("register.workAbility"),
+    energy_level: t("register.energyLevel"),
+    mental_clarity: t("register.mentalClarity"),
+    symptom_burden: t("register.symptomBurden"),
+    effort_strain: t("register.effortStrain")
+  };
+  return map[key];
+}
+
 function ScaleField({
   label,
   value,
@@ -484,6 +544,7 @@ function ScaleField({
   compact?: boolean;
   onChange: (value: ScaleValue) => void;
 }) {
+  const { t } = useI18n();
   return (
     <section className={`${compact ? "field-card compact" : "field-card"} ${invalid ? "invalid" : ""}`}>
       <div className="field-head">
@@ -492,7 +553,7 @@ function ScaleField({
           {tooltip && <Tooltip text={tooltip} />}
         </div>
         <p>
-          1 = {guidance[1].toLowerCase()}, 5 = {guidance[5].toLowerCase()}.
+          {t("register.oneEqualsFiveEquals", { low: guidance[1].toLowerCase(), high: guidance[5].toLowerCase() })}
         </p>
       </div>
       <div className="scale-grid" role="group" aria-label={label}>
@@ -514,7 +575,8 @@ function ScaleField({
   );
 }
 
-function Tooltip({ text, label = "Vis forklaring" }: { text: string; label?: string }) {
+function Tooltip({ text, label }: { text: string; label?: string }) {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
 
   useEffect(() => {
@@ -531,7 +593,7 @@ function Tooltip({ text, label = "Vis forklaring" }: { text: string; label?: str
       <button
         className="tooltip-button"
         type="button"
-        aria-label={label}
+        aria-label={label ?? t("overview.explainTrend")}
         aria-expanded={open}
         onClick={() => setOpen((current) => !current)}
         onFocus={() => setOpen(true)}
@@ -554,11 +616,12 @@ function SelectField<T extends string>({
   options: Record<T, string>;
   onChange: (value: T | undefined) => void;
 }) {
+  const { t } = useI18n();
   return (
     <label className="select-field">
       <span>{label}</span>
       <select value={value ?? ""} onChange={(event) => onChange((event.target.value || undefined) as T | undefined)}>
-        <option value="">Ikke valgt</option>
+        <option value="">{t("common.notSelected")}</option>
         {(Object.keys(options) as T[]).map((key) => (
           <option key={key} value={key}>
             {options[key]}
@@ -603,6 +666,7 @@ function ChipGroup<T extends string>({
 }
 
 function FollowupForm({ reports, onSaved }: { reports: StoredEntry[]; onSaved: () => void }) {
+  const { labels, t } = useI18n();
   const [draft, setDraft] = useState<FollowupDraft>({ delayed_symptoms: [], note: "" });
   const [attempted, setAttempted] = useState(false);
   const [savedText, setSavedText] = useState("");
@@ -617,7 +681,7 @@ function FollowupForm({ reports, onSaved }: { reports: StoredEntry[]; onSaved: (
     createFollowup(draft);
     setDraft({ delayed_symptoms: [], note: "" });
     setAttempted(false);
-    setSavedText("Oppfølging lagret lokalt.");
+    setSavedText(t("followup.saved"));
     onSaved();
     window.setTimeout(() => setSavedText(""), 2400);
   };
@@ -635,13 +699,13 @@ function FollowupForm({ reports, onSaved }: { reports: StoredEntry[]; onSaved: (
     <section className="flow">
       <div className="notice">
         <FileClock aria-hidden="true" />
-        <span>Brukes neste dag eller senere for å fange forsinket reaksjon.</span>
+        <span>{t("followup.intro")}</span>
       </div>
 
       <section className={attempted && !draft.worse_than_before ? "field-card invalid" : "field-card"}>
         <div className="field-head">
-          <h2>Er du verre enn før arbeidsøkten?</h2>
-          <p>Velg ett svar.</p>
+          <h2>{t("followup.worseQuestion")}</h2>
+          <p>{t("followup.chooseOne")}</p>
         </div>
         <div className="status-grid four">
           {(Object.keys(worseLabels) as WorseThanBefore[]).map((value) => (
@@ -651,7 +715,7 @@ function FollowupForm({ reports, onSaved }: { reports: StoredEntry[]; onSaved: (
               onClick={() => setDraft((current) => ({ ...current, worse_than_before: value }))}
               type="button"
             >
-              {worseLabels[value]}
+              {labels.worseLabels[value]}
             </button>
           ))}
         </div>
@@ -659,7 +723,7 @@ function FollowupForm({ reports, onSaved }: { reports: StoredEntry[]; onSaved: (
 
       <section className="field-card">
         <SelectField
-          label="Knytt til rapport"
+          label={t("followup.connectReport")}
           value={draft.parent_report_id}
           options={Object.fromEntries(workReports.map((report) => [report.id, formatReportPickerLabel(report)]))}
           onChange={(value) => setDraft((current) => ({ ...current, parent_report_id: value, related_report_id: value }))}
@@ -667,23 +731,23 @@ function FollowupForm({ reports, onSaved }: { reports: StoredEntry[]; onSaved: (
       </section>
 
       <details className="details-panel">
-        <summary>Valgfrie detaljer</summary>
+        <summary>{t("register.optionalDetails")}</summary>
         <div className="details-content">
           <ChipGroup
-            label="Forsinkede symptomer"
+            label={t("followup.delayedSymptoms")}
             options={delayedSymptomOptions}
-            labels={delayedSymptomLabels}
+            labels={labels.delayedSymptomLabels}
             values={draft.delayed_symptoms}
             onToggle={toggleSymptom}
           />
           <SelectField
-            label="Restitusjon"
+            label={t("followup.recovery")}
             value={draft.recovery_status}
-            options={recoveryLabels}
+            options={labels.recoveryLabels}
             onChange={(value) => setDraft((current) => ({ ...current, recovery_status: value as RecoveryStatus | undefined }))}
           />
           <label className="text-field">
-            <span>Kort kommentar</span>
+            <span>{t("register.note")}</span>
             <textarea
               maxLength={1000}
               value={draft.note}
@@ -695,11 +759,11 @@ function FollowupForm({ reports, onSaved }: { reports: StoredEntry[]; onSaved: (
       </details>
 
       <div className="sticky-actions">
-        {attempted && !draft.worse_than_before && <p className="error-text">Velg om du er verre enn før arbeidsøkten.</p>}
+        {attempted && !draft.worse_than_before && <p className="error-text">{t("followup.missingWorse")}</p>}
         {savedText && <p className="success-text">{savedText}</p>}
         <button className="primary-action" onClick={submit} type="button">
           <Send aria-hidden="true" />
-          <span>Lagre oppfølging</span>
+          <span>{t("followup.saveFollowup")}</span>
         </button>
       </div>
     </section>
@@ -719,6 +783,7 @@ function Overview({
   onClose: () => void;
   onRequestDelete: (entry: StoredEntry) => void;
 }) {
+  const { labels, t } = useI18n();
   const [period, setPeriod] = useState<TrendPeriod>(() => readPeriod());
 
   const followupsByParent = useMemo(() => groupFollowups(entries), [entries]);
@@ -740,7 +805,7 @@ function Overview({
         <Trend entries={entries} period={period} />
 
         <div className="entry-list">
-          {reports.length === 0 && orphanFollowups.length === 0 && <p className="empty-text">Ingen rapporter er lagret ennå.</p>}
+          {reports.length === 0 && orphanFollowups.length === 0 && <p className="empty-text">{t("overview.noReports")}</p>}
           {reports.map((entry) => (
             <ReportListItem
               key={entry.id}
@@ -752,10 +817,10 @@ function Overview({
           {orphanFollowups.map((entry) => (
             <button className="entry-row" key={entry.id} onClick={() => onSelect(entry.id)} type="button">
               <div>
-                <strong>Oppfølging uten valgt hovedrapport</strong>
+                <strong>{t("followup.orphan")}</strong>
                 <span>{formatDateTime(entry)}</span>
               </div>
-              <span className="followup-worse">verre: <strong>{worseLabels[entry.worse_than_before]}</strong></span>
+              <span className="followup-worse">{t("followup.worsePrefix")}: <strong>{labels.worseLabels[entry.worse_than_before]}</strong></span>
             </button>
           ))}
         </div>
@@ -775,6 +840,7 @@ function ReportModal({
   onClose: () => void;
   onRequestDelete: (entry: StoredEntry) => void;
 }) {
+  const { t } = useI18n();
   useEffect(() => {
     const onKeyDown = (event: KeyboardEvent) => {
       if (event.key === "Escape") onClose();
@@ -786,7 +852,7 @@ function ReportModal({
   return (
     <div className="modal-overlay report-overlay" role="presentation" onMouseDown={onClose}>
       <section className="report-modal" role="dialog" aria-modal="true" onMouseDown={(event) => event.stopPropagation()}>
-        <button className="modal-close" onClick={onClose} type="button" aria-label="Lukk rapportvisning">
+        <button className="modal-close" onClick={onClose} type="button" aria-label={t("overview.closeReport")}>
           <X aria-hidden="true" />
         </button>
         <EntryDetails entry={entry} onRequestDelete={onRequestDelete} />
@@ -804,12 +870,13 @@ function ReportListItem({
   followups: DelayedFollowup[];
   onSelect: (id: string) => void;
 }) {
+  const { labels, t } = useI18n();
   const score = getReportScore(report);
   return (
     <div className="report-group">
       <button className="entry-row" onClick={() => onSelect(report.id)} type="button">
         <div>
-          <strong>{report.workplace || "Rapport"}</strong>
+          <strong>{report.workplace || t("overview.report")}</strong>
           <span>
             {formatDateTime(report)}
             {report.work_start_time || report.work_end_time ? ` · ${report.work_start_time || "?"}-${report.work_end_time || "?"}` : ""}
@@ -828,8 +895,8 @@ function ReportListItem({
         <div className="followup-list">
           {followups.map((followup) => (
             <button className="followup-row" key={followup.id} onClick={() => onSelect(followup.id)} type="button">
-              <span>Oppfølging {formatDateTime(followup)}</span>
-              <span className="followup-worse">verre: <strong>{worseLabels[followup.worse_than_before]}</strong></span>
+              <span>{t("overview.followup")} {formatDateTime(followup)}</span>
+              <span className="followup-worse">{t("followup.worsePrefix")}: <strong>{labels.worseLabels[followup.worse_than_before]}</strong></span>
             </button>
           ))}
         </div>
@@ -839,14 +906,16 @@ function ReportListItem({
 }
 
 function MetricTag({ code, value }: { code: keyof typeof categoryTooltipTexts; value: React.ReactNode }) {
+  const { labels } = useI18n();
   return (
-    <span title={`${categoryTooltipTexts[code]}: ${value}`}>
+    <span title={`${labels.categoryTooltipTexts[code]}: ${value}`}>
       {code} {value}
     </span>
   );
 }
 
 function VerificationIndicator({ entry }: { entry: StoredEntry }) {
+  const { t } = useI18n();
   const status = entry.integrity?.verification_status;
   if (!status || status === "valid") return null;
   return (
@@ -854,7 +923,7 @@ function VerificationIndicator({ entry }: { entry: StoredEntry }) {
       className="verification-warning"
       type="button"
       title={verificationTooltip(status)}
-      aria-label="Varsel: rapporten kunne ikke verifiseres"
+      aria-label={t("verification.invalidLabel")}
       onClick={(event) => event.stopPropagation()}
     >
       !
@@ -869,6 +938,7 @@ type TrendPeriod = {
 };
 
 function PeriodControls({ period, onChange }: { period: TrendPeriod; onChange: (period: TrendPeriod) => void }) {
+  const { t } = useI18n();
   const applyPreset = (preset: PresetRange) => {
     const today = new Date();
     const endDate = toDateInput(today);
@@ -890,14 +960,14 @@ function PeriodControls({ period, onChange }: { period: TrendPeriod; onChange: (
     <section className="period-panel">
       <div className="period-presets">
         {[
-          ["7d", "1 uke"],
-          ["1m", "1 måned"],
-          ["3m", "3 måneder"],
-          ["6m", "6 måneder"],
-          ["1y", "1 år"],
-          ["3y", "3 år"],
-          ["5y", "5 år"],
-          ["all", "Alt"]
+          ["7d", t("overview.week")],
+          ["1m", t("overview.month")],
+          ["3m", t("overview.threeMonths")],
+          ["6m", t("overview.sixMonths")],
+          ["1y", t("overview.year")],
+          ["3y", t("overview.threeYears")],
+          ["5y", t("overview.fiveYears")],
+          ["all", t("overview.all")]
         ].map(([preset, label]) => (
           <button
             className={period.preset === preset ? "chip selected" : "chip"}
@@ -911,7 +981,7 @@ function PeriodControls({ period, onChange }: { period: TrendPeriod; onChange: (
       </div>
       <div className="date-range">
         <label>
-          <span>Fra</span>
+          <span>{t("overview.from")}</span>
           <input
             type="date"
             value={period.startDate}
@@ -919,7 +989,7 @@ function PeriodControls({ period, onChange }: { period: TrendPeriod; onChange: (
           />
         </label>
         <label>
-          <span>Til</span>
+          <span>{t("overview.to")}</span>
           <input
             type="date"
             value={period.endDate}
@@ -932,6 +1002,7 @@ function PeriodControls({ period, onChange }: { period: TrendPeriod; onChange: (
 }
 
 function Trend({ entries, period, showScoreBands = false }: { entries: StoredEntry[]; period: TrendPeriod; showScoreBands?: boolean }) {
+  const { labels, language, t } = useI18n();
   const [visibility, setVisibility] = useState<Record<string, LineVisibility>>({
     total_score_percent: "dim"
   });
@@ -948,16 +1019,16 @@ function Trend({ entries, period, showScoreBands = false }: { entries: StoredEnt
       <section className="trend-panel">
         <div className="trend-head">
           <div className="inline-head">
-            <h2>Trend</h2>
-            <Tooltip text={tooltipTexts.total_score_percent} label="Forklar trendgraf" />
+            <h2>{t("overview.trend")}</h2>
+            <Tooltip text={labels.tooltipTexts.total_score_percent} label={t("overview.explainTrend")} />
           </div>
           {showScoreBands && (
-            <button className="graph-zoom-button" onClick={() => setFullscreenOpen(true)} type="button" aria-label="Åpne graf i fullskjerm">
+            <button className="graph-zoom-button" onClick={() => setFullscreenOpen(true)} type="button" aria-label={t("graphModal.open")}>
               <Search aria-hidden="true" />
             </button>
           )}
         </div>
-        <p className="empty-text">Minst to rapporter i valgt periode trengs for graf.</p>
+        <p className="empty-text">{t("overview.minimumTwo")}</p>
         {showScoreBands && <PeriodAssessment assessment={periodAssessment} />}
         {showScoreBands && <FullscreenGraphModal entries={entries} initialPeriod={period} open={fullscreenOpen} onClose={() => setFullscreenOpen(false)} />}
       </section>
@@ -993,19 +1064,19 @@ function Trend({ entries, period, showScoreBands = false }: { entries: StoredEnt
     <section className="trend-panel">
       <div className="trend-head">
         <div className="inline-head">
-          <h2>Trend</h2>
-          <Tooltip text="Grafen bruker normaliserte 0-100-verdier. Høyere verdi betyr bedre funksjon eller lavere belastning." label="Forklar trendgraf" />
+          <h2>{t("overview.trend")}</h2>
+          <Tooltip text={t("overview.trendTooltip")} label={t("overview.explainTrend")} />
         </div>
         <div className="trend-actions">
-          <p>Normalisert snitt i perioden: {Math.round(averages.find((item) => item.key === "total_score_percent")?.average ?? 0)}%</p>
+          <p>{t("overview.average")}: {Math.round(averages.find((item) => item.key === "total_score_percent")?.average ?? 0)}%</p>
           {showScoreBands && (
-            <button className="graph-zoom-button" onClick={() => setFullscreenOpen(true)} type="button" aria-label="Åpne graf i fullskjerm">
+            <button className="graph-zoom-button" onClick={() => setFullscreenOpen(true)} type="button" aria-label={t("graphModal.open")}>
               <Search aria-hidden="true" />
             </button>
           )}
         </div>
       </div>
-      <svg viewBox={`0 0 ${width} ${height}`} role="img" aria-label="Tidsbasert trendgraf for rapporter">
+      <svg viewBox={`0 0 ${width} ${height}`} role="img" aria-label={t("overview.chartLabel")}>
         {[0, 25, 50, 75, 100].map((line) => (
           <g key={line}>
             <line className="grid-line" x1={padding.left} x2={width - padding.right} y1={y(line)} y2={y(line)} />
@@ -1080,15 +1151,15 @@ function Trend({ entries, period, showScoreBands = false }: { entries: StoredEnt
               key={metric.key}
               onClick={() => cycleVisibility(metric.key)}
               type="button"
-              title={band ? `${metric.label}: ${Math.round(metricAverage ?? 0)}% · ${band.label}. ${scoreBandDisclaimer}` : metric.label}
+              title={band ? `${metric.label}: ${Math.round(metricAverage ?? 0)}% · ${translateScoreBand(band, t)}. ${t("scoring.disclaimer")}` : metric.label}
             >
               <i style={{ background: metric.color }} /> {metric.short} {metric.label}
-              {band && <span className="legend-band">· {band.short_label}</span>}
+              {band && <span className="legend-band">· {translateScoreBand(band, t, "short")}</span>}
             </button>
           );
         })}
       </div>
-      <p className="empty-text">Striplet linje betyr at det er 3 dager eller mer mellom rapportene.</p>
+      <p className="empty-text">{t("overview.dashedLine")}</p>
       <div className="average-grid">
         {averages.map((metric) => (
           <span key={metric.key}>
@@ -1113,6 +1184,7 @@ function FullscreenGraphModal({
   open: boolean;
   onClose: () => void;
 }) {
+  const { t } = useI18n();
   const [period, setPeriod] = useState(initialPeriod);
   const [visibility, setVisibility] = useState<Record<string, LineVisibility>>({ total_score_percent: "dim" });
   const [inspect, setInspect] = useState<{ x: number; report: Report | null } | null>(null);
@@ -1189,10 +1261,10 @@ function FullscreenGraphModal({
       <section ref={modalRef} className="graph-modal" role="dialog" aria-modal="true" aria-labelledby="graph-modal-title" onMouseDown={(event) => event.stopPropagation()}>
         <div className="graph-modal-head">
           <div>
-            <p className="eyebrow">Veileder</p>
-            <h2 id="graph-modal-title">Grafanalyse</h2>
+            <p className="eyebrow">{t("evaluator.eyebrow")}</p>
+            <h2 id="graph-modal-title">{t("graphModal.title")}</h2>
           </div>
-          <button ref={closeRef} className="modal-close" onClick={onClose} type="button" aria-label="Lukk graf">
+          <button ref={closeRef} className="modal-close" onClick={onClose} type="button" aria-label={t("graphModal.close")}>
             <X aria-hidden="true" />
           </button>
         </div>
@@ -1201,8 +1273,8 @@ function FullscreenGraphModal({
           <PeriodControls period={period} onChange={setPeriod} />
           <section className="period-panel">
             <div className="field-head">
-              <h2>Synlige linjer</h2>
-              <p>Trykk én gang for delvis synlig, to ganger for skjult.</p>
+              <h2>{t("graphModal.visibleLines")}</h2>
+              <p>{t("graphModal.visibleHelp")}</p>
             </div>
             <div className="legend interactive">
               {trendMetrics.map((metric) => {
@@ -1218,9 +1290,9 @@ function FullscreenGraphModal({
         </div>
 
         <div className="graph-modal-body">
-          <p className="empty-text">Hold musepekeren over grafen for å se nøyaktige rapportverdier.</p>
+          <p className="empty-text">{t("graphModal.snapHelp")}</p>
           {reports.length < 1 ? (
-            <p className="empty-text">Ingen rapporter i valgt tidsrom.</p>
+            <p className="empty-text">{t("graphModal.noReports")}</p>
           ) : (
             <div className="graph-inspection-layout">
               <svg
@@ -1228,7 +1300,7 @@ function FullscreenGraphModal({
                 className="fullscreen-chart"
                 viewBox={`0 0 ${width} ${height}`}
                 role="img"
-                aria-label="Fullskjerm trendgraf for rapporter"
+                aria-label={t("graphModal.chartLabel")}
                 onPointerLeave={() => setInspect(null)}
                 onPointerMove={(event) => inspectAt(event.clientX)}
               >
@@ -1307,22 +1379,23 @@ function FullscreenGraphModal({
 }
 
 function GraphInspectTooltip({ report, visibility }: { report: Report | null; visibility: Record<string, LineVisibility> }) {
+  const { t } = useI18n();
   if (!report) {
     return (
       <aside className="graph-inspect-panel">
-        <h3>Ingen rapportpunkt valgt</h3>
-        <p>Hold musepekeren nær et punkt for å se faktiske rapportverdier.</p>
+        <h3>{t("graphModal.noPoint")}</h3>
+        <p>{t("graphModal.noPointHelp")}</p>
       </aside>
     );
   }
 
   return (
     <aside className="graph-inspect-panel">
-      <h3>Nærmeste rapport</h3>
+      <h3>{t("graphModal.nearestReport")}</h3>
       <p>
         {formatDateTime(report)}
         <br />
-        {report.workplace || "Ukjent arbeidssted"}
+        {report.workplace || t("common.unknownWorkplace")}
       </p>
       <dl>
         {trendMetrics
@@ -1342,25 +1415,27 @@ function GraphInspectTooltip({ report, visibility }: { report: Report | null; vi
 }
 
 function PeriodAssessment({ assessment }: { assessment: ReturnType<typeof calculatePeriodWorkAbilityAssessment> | null }) {
+  const { t } = useI18n();
   return (
     <div className="period-assessment">
       <div>
-        <strong>Periodens arbeidsevnevurdering</strong>
+        <strong>{t("scoring.periodLabel")}</strong>
         <span>
           {assessment?.score_percent === null || !assessment
-            ? "Ingen data i valgt periode"
-            : `${assessment.score_percent} % · ${assessment.score_band?.label ?? "Ikke beregnet"}`}
+            ? t("scoring.periodEmpty")
+            : `${assessment.score_percent} % · ${translateScoreBand(assessment.score_band, t)}`}
         </span>
       </div>
       <Tooltip
-        text="Dette er en normalisert vurdering basert på hovedrapportene i den valgte tidsrammen. 75 % regnes omtrent som forventet/godt rapportert funksjonsnivå. Vurderingen er støtte for oversikt og trend, ikke medisinsk fasit."
-        label="Forklar periodens arbeidsevnevurdering"
+        text={t("scoring.periodTooltip")}
+        label={t("scoring.periodLabel")}
       />
     </div>
   );
 }
 
 function EntryDetails({ entry, onRequestDelete }: { entry: StoredEntry; onRequestDelete?: (entry: StoredEntry) => void }) {
+  const { labels, t } = useI18n();
   const related =
     entry.type === "delayed_followup" && findParentId(entry) ? listReports().find((item) => item.id === findParentId(entry)) : undefined;
 
@@ -1368,48 +1443,48 @@ function EntryDetails({ entry, onRequestDelete }: { entry: StoredEntry; onReques
     <div className="details-view">
       <div className="detail-head">
         <div>
-          <p className="eyebrow">{entry.type === "work_report" ? "Rapport" : "Oppfølging"}</p>
-          <h2>{entry.type === "work_report" ? entry.workplace || "Ukjent arbeidssted" : formatDateTime(entry)}</h2>
+          <p className="eyebrow">{entry.type === "work_report" ? t("overview.report") : t("overview.followup")}</p>
+          <h2>{entry.type === "work_report" ? entry.workplace || t("common.unknownWorkplace") : formatDateTime(entry)}</h2>
         </div>
       </div>
 
       {entry.type === "work_report" ? (
         <dl className="detail-grid">
-          <Detail label="Tidspunkt" value={formatDateTime(entry)} />
-          <Detail label="Arbeidssted" value={entry.workplace || "Ukjent arbeidssted"} />
-          <Detail label="Start/slutt" value={`${entry.work_start_time || "Ikke valgt"} - ${entry.work_end_time || "Ikke valgt"}`} />
-          <Detail label="Totalscore" value={`${getReportScore(entry) ?? calculateReportScore(entry) ?? "Ikke beregnet"}%`} />
-          <Detail label="Arbeidsevne" value={entry.work_ability} />
-          <Detail label="Energinivå" value={entry.energy_level} />
-          <Detail label="Fysisk energi" value={entry.physical_energy} />
-          <Detail label="Mental energi" value={entry.mental_energy} />
-          <Detail label="Mental klarhet" value={entry.mental_clarity} />
-          <Detail label="Symptombelastning" value={entry.symptom_burden} />
-          <Detail label="Anstrengelse" value={entry.effort_strain} />
-          <Detail label="Status" value={statusLabels[entry.status]} />
-          <Detail label="Produktivitet" value={entry.perceived_productivity ?? "Ikke valgt"} />
-          <Detail label="Gjennomføring" value={entry.task_completion ? taskCompletionLabels[entry.task_completion] : "Ikke valgt"} />
-          <Detail label="Arbeidet innebar" value={labelsFor(entry.task_types, taskTypeLabels)} />
-          <Detail label="Begrenset av" value={labelsFor(entry.main_limitations, limitationLabels)} />
-          <Detail label="Hjalp" value={labelsFor(entry.helpful_accommodations, accommodationLabels)} />
-          <Detail label="Kommentar" value={entry.note ?? "Ingen kommentar"} />
+          <Detail label={t("details.time")} value={formatDateTime(entry)} />
+          <Detail label={t("register.workplace")} value={entry.workplace || t("common.unknownWorkplace")} />
+          <Detail label={t("details.workTime")} value={`${entry.work_start_time || t("common.notSelected")} - ${entry.work_end_time || t("common.notSelected")}`} />
+          <Detail label={t("details.totalScore")} value={`${getReportScore(entry) ?? calculateReportScore(entry) ?? t("common.notCalculated")}%`} />
+          <Detail label={t("details.workAbility")} value={entry.work_ability} />
+          <Detail label={t("details.energy")} value={entry.energy_level} />
+          <Detail label={t("details.physicalEnergy")} value={entry.physical_energy} />
+          <Detail label={t("details.mentalEnergy")} value={entry.mental_energy} />
+          <Detail label={t("details.mentalClarity")} value={entry.mental_clarity} />
+          <Detail label={t("details.symptoms")} value={entry.symptom_burden} />
+          <Detail label={t("details.strain")} value={entry.effort_strain} />
+          <Detail label={t("details.status")} value={labels.statusLabels[entry.status]} />
+          <Detail label={t("details.productivity")} value={entry.perceived_productivity ?? t("common.notSelected")} />
+          <Detail label={t("details.taskCompletion")} value={entry.task_completion ? labels.taskCompletionLabels[entry.task_completion] : t("common.notSelected")} />
+          <Detail label={t("details.taskTypes")} value={labelsFor(entry.task_types, labels.taskTypeLabels, t)} />
+          <Detail label={t("details.limitations")} value={labelsFor(entry.main_limitations, labels.limitationLabels, t)} />
+          <Detail label={t("details.accommodations")} value={labelsFor(entry.helpful_accommodations, labels.accommodationLabels, t)} />
+          <Detail label={t("details.comment")} value={entry.note ?? t("details.noComment")} />
         </dl>
       ) : (
         <dl className="detail-grid">
-          <Detail label="Verre enn før" value={worseLabels[entry.worse_than_before]} />
-          <Detail label="Forsinkede symptomer" value={labelsFor(entry.delayed_symptoms, delayedSymptomLabels)} />
-          <Detail label="Restitusjon" value={entry.recovery_status ? recoveryLabels[entry.recovery_status] : "Ikke valgt"} />
-          <Detail label="Tilknyttet rapport" value={related ? formatDateTime(related) : "Ikke valgt"} />
-          <Detail label="Kommentar" value={entry.note ?? "Ingen kommentar"} />
+          <Detail label={t("details.worse")} value={labels.worseLabels[entry.worse_than_before]} />
+          <Detail label={t("details.delayedSymptoms")} value={labelsFor(entry.delayed_symptoms, labels.delayedSymptomLabels, t)} />
+          <Detail label={t("details.recovery")} value={entry.recovery_status ? labels.recoveryLabels[entry.recovery_status] : t("common.notSelected")} />
+          <Detail label={t("details.connectedReport")} value={related ? formatDateTime(related) : t("common.notSelected")} />
+          <Detail label={t("details.comment")} value={entry.note ?? t("details.noComment")} />
         </dl>
       )}
       {onRequestDelete && (
         <section className="danger-zone">
-          <h3>Faresone</h3>
-          <p>Dette sletter rapporten eller oppfølgingen fra lokal lagring i denne nettleseren.</p>
+          <h3>{t("danger.title")}</h3>
+          <p>{t("danger.deleteEntryHelp")}</p>
           <button className="secondary-action danger" onClick={() => onRequestDelete(entry)} type="button">
             <Trash2 aria-hidden="true" />
-            <span>{entry.type === "work_report" ? "Slett rapport" : "Slett oppfølging"}</span>
+            <span>{entry.type === "work_report" ? t("danger.deleteReport") : t("danger.deleteFollowup")}</span>
           </button>
         </section>
       )}
@@ -1427,6 +1502,7 @@ function Detail({ label, value }: { label: string; value: React.ReactNode }) {
 }
 
 function PrivacyPanel({ entries, onDeleted }: { entries: StoredEntry[]; onDeleted: () => void }) {
+  const { t } = useI18n();
   const [confirmDeleteAll, setConfirmDeleteAll] = useState(false);
   const [pendingImport, setPendingImport] = useState<{ text: string; summary: ImportSummary; fileName: string } | null>(null);
   const [importMessage, setImportMessage] = useState("");
@@ -1480,45 +1556,49 @@ function PrivacyPanel({ entries, onDeleted }: { entries: StoredEntry[]; onDelete
     <section className="privacy-panel">
       <div className="notice warning">
         <ShieldAlert aria-hidden="true" />
-        <span>Rapportene kan inneholde sensitive helseopplysninger og lagres bare lokalt i denne nettleseren.</span>
+        <span>{t("privacy.warning")}</span>
       </div>
 
       <div className="action-grid">
         <button className="secondary-action" onClick={download} type="button" disabled={entries.length === 0}>
           <Download aria-hidden="true" />
-          <span>Eksporter JSON</span>
+          <span>{t("privacy.exportJson")}</span>
         </button>
         <label className="secondary-action file-inline">
           <Upload aria-hidden="true" />
-          <span>Importer sikkerhetskopi</span>
+          <span>{t("privacy.importBackup")}</span>
           <input accept="application/json,.json" onChange={chooseImport} type="file" />
         </label>
       </div>
       <div className="single-danger-action-row">
         <button className="secondary-action danger" onClick={() => setConfirmDeleteAll(true)} type="button" disabled={entries.length === 0}>
           <Trash2 aria-hidden="true" />
-          <span>Slett alle lokale data</span>
+          <span>{t("privacy.deleteAll")}</span>
         </button>
       </div>
 
       <div className="notice">
         <FileJson aria-hidden="true" />
-        <span>Importer tidligere eksportert JSON hvis du har byttet enhet eller mistet lokale data. Importerte data lagres lokalt i denne nettleseren.</span>
+        <span>{t("privacy.importHelp")}</span>
       </div>
 
       {pendingImport && (
         <section className="import-review">
-          <h2>Importer data fra {pendingImport.fileName}</h2>
+          <h2>{t("privacy.importFrom", { fileName: pendingImport.fileName })}</h2>
           <p>
-            Nye rapporter: {pendingImport.summary.reports_added}. Nye oppfølginger: {pendingImport.summary.followups_added}. Duplikater hoppet over:{" "}
-            {pendingImport.summary.duplicates_skipped}. Konflikter: {pendingImport.summary.conflicts_detected}.
+            {t("privacy.importStats", {
+              reports: pendingImport.summary.reports_added,
+              followups: pendingImport.summary.followups_added,
+              duplicates: pendingImport.summary.duplicates_skipped,
+              conflicts: pendingImport.summary.conflicts_detected
+            })}
           </p>
           <div className="action-grid">
             <button className="secondary-action" onClick={() => setPendingImport(null)} type="button">
-              Avbryt import
+              {t("privacy.cancelImport")}
             </button>
             <button className="primary-action" onClick={confirmImport} type="button">
-              Importer data
+              {t("privacy.importData")}
             </button>
           </div>
         </section>
@@ -1527,34 +1607,34 @@ function PrivacyPanel({ entries, onDeleted }: { entries: StoredEntry[]; onDelete
       {importMessage && <p className="success-text">{importMessage}</p>}
 
       <p className="privacy-copy">
-        Appen samler ikke inn navn, fødselsnummer eller kontaktinformasjon. Data sendes ikke til eksterne tjenester av appen.
-        Fritekst er valgfritt og bør bare brukes når det er nødvendig.
+        {t("privacy.baseCopy")}
       </p>
       <div className="privacy-copy privacy-sections">
         <section>
-          <h2>Hvor lagres dataene?</h2>
-          <p>Rapportene lagres lokalt i nettleseren på enheten du bruker, i localStorage. Det betyr at dataene normalt blir liggende på telefonen eller datamaskinen din.</p>
+          <h2>{t("privacy.storageTitle")}</h2>
+          <p>{t("privacy.storageBody")}</p>
         </section>
         <section>
-          <h2>Backup og enhetsbytte</h2>
-          <p>Fordi dataene lagres lokalt, kan de gå tapt hvis du bytter enhet, sletter nettleserdata, bruker en annen nettleser eller tilbakestiller enheten. Eksporter JSON-fil jevnlig hvis du vil ta vare på rapportene.</p>
+          <h2>{t("privacy.backupTitle")}</h2>
+          <p>{t("privacy.backupBody")}</p>
         </section>
         <section>
-          <h2>Deling med veileder</h2>
-          <p>Hvis en veileder eller annen person skal gjennomgå rapportene, må du eksportere en JSON-fil og dele filen med dem, for eksempel via e-post. Mottakeren kan importere JSON-filen i veiledervisningen.</p>
+          <h2>{t("privacy.sharingTitle")}</h2>
+          <p>{t("privacy.sharingBody")}</p>
         </section>
         <section>
-          <h2>Sensitive opplysninger</h2>
-          <p>Rapportene kan inneholde helse- og funksjonsrelatert informasjon. Del JSON-filen på en måte som passer for sensitiv informasjon, og bare med personer som faktisk skal ha tilgang.</p>
+          <h2>{t("privacy.sensitiveTitle")}</h2>
+          <p>{t("privacy.sensitiveBody")}</p>
         </section>
       </div>
-      <p className="success-text">Eksport inkluderer lokal integritetskontroll der rapportene har verifiseringsdata.</p>
-      <ConfirmDeleteModal open={confirmDeleteAll} itemName="alle lokale rapporter" onCancel={() => setConfirmDeleteAll(false)} onConfirm={clear} />
+      <p className="success-text">{t("privacy.exportIntegrity")}</p>
+      <ConfirmDeleteModal open={confirmDeleteAll} itemName={t("privacy.deleteAllName")} onCancel={() => setConfirmDeleteAll(false)} onConfirm={clear} />
     </section>
   );
 }
 
 function EvaluatorApp() {
+  const { labels, t } = useI18n();
   const [profiles, setProfiles] = useState<EvaluatorProfile[]>(() => listEvaluatorProfiles());
   const [selectedId, setSelectedId] = useState<string | null>(() => listEvaluatorProfiles()[0]?.id ?? null);
   const [displayName, setDisplayName] = useState("");
@@ -1610,7 +1690,7 @@ function EvaluatorApp() {
     if (!file) return;
     try {
       importEvaluatorBackup(await file.text());
-      setMessage("Veilederbackup er importert.");
+      setMessage(t("evaluator.importedBackup"));
       refresh();
     } catch (error) {
       setMessage(error instanceof Error ? error.message : "Backup kunne ikke importeres.");
@@ -1659,14 +1739,14 @@ function EvaluatorApp() {
       .filter((entry): entry is Report => entry.type === "work_report")
       .filter((report) => {
         if (!lowered) return true;
-        return [report.workplace, report.note, report.report_date, statusLabels[report.status]]
+        return [report.workplace, report.note, report.report_date, labels.statusLabels[report.status]]
           .filter(Boolean)
           .join(" ")
           .toLowerCase()
           .includes(lowered);
       })
       .sort((a, b) => (sortDir === "newest" ? getEntryTime(b) - getEntryTime(a) : getEntryTime(a) - getEntryTime(b)));
-  }, [search, selected, sortDir]);
+  }, [labels.statusLabels, search, selected, sortDir]);
 
   const followupsByParent = useMemo(() => (selected ? groupFollowups(selected.reports) : new Map<string, DelayedFollowup[]>()), [selected]);
 
@@ -1674,11 +1754,11 @@ function EvaluatorApp() {
     <div className="app-shell evaluator-shell">
       <header className="topbar">
         <div>
-          <p className="eyebrow">Veileder</p>
-          <h1>Veiledergjennomgang</h1>
+          <p className="eyebrow">{t("evaluator.eyebrow")}</p>
+          <h1>{t("evaluator.title")}</h1>
         </div>
         <a className="text-link" href="/">
-          Til appen
+          {t("evaluator.backToApp")}
         </a>
       </header>
 
@@ -1686,17 +1766,17 @@ function EvaluatorApp() {
         <section className="evaluator-sidebar">
           <div className="field-card">
             <div className="field-head">
-              <h2>Importer JSON</h2>
-              <p>Velg en eksport fra appen. Data lagres lokalt i denne nettleseren.</p>
+              <h2>{t("evaluator.importJson")}</h2>
+              <p>{t("evaluator.importHelp")}</p>
             </div>
             <label className="text-field">
-              <span>Navn/identifikator</span>
-              <input value={displayName} onChange={(event) => setDisplayName(event.target.value)} placeholder="Valgfritt ved import" />
+              <span>{t("evaluator.displayName")}</span>
+              <input value={displayName} onChange={(event) => setDisplayName(event.target.value)} placeholder={t("evaluator.optionalImportName")} />
             </label>
             <label className="select-field">
-              <span>Knytt til eksisterende person</span>
+              <span>{t("evaluator.connectExisting")}</span>
               <select value={targetId} onChange={(event) => setTargetId(event.target.value)}>
-                <option value="">Opprett ny eller bruk automatisk match</option>
+                <option value="">{t("evaluator.autoMatch")}</option>
                 {profiles.map((profile) => (
                   <option key={profile.id} value={profile.id}>
                     {profile.display_name}
@@ -1706,17 +1786,17 @@ function EvaluatorApp() {
             </label>
             <label className="file-button">
               <Upload aria-hidden="true" />
-              <span>Velg JSON-fil</span>
+              <span>{t("evaluator.chooseJson")}</span>
               <input accept="application/json,.json" onChange={importFile} type="file" />
             </label>
             <div className="evaluator-backup-actions">
               <button className="secondary-action" onClick={downloadBackup} type="button" disabled={profiles.length === 0}>
                 <Download aria-hidden="true" />
-                <span>Eksporter veilederdata</span>
+                <span>{t("evaluator.exportBackup")}</span>
               </button>
               <label className="secondary-action file-inline">
                 <Upload aria-hidden="true" />
-                <span>Importer veilederbackup</span>
+                <span>{t("evaluator.importBackup")}</span>
                 <input accept="application/json,.json" onChange={importBackup} type="file" />
               </label>
             </div>
@@ -1736,7 +1816,7 @@ function EvaluatorApp() {
               >
                 <UserRound aria-hidden="true" />
                 <span>{profile.display_name}</span>
-                <small>{profile.reports.length} rapporter</small>
+                <small>{t("evaluator.reportCount", { count: profile.reports.length })}</small>
               </button>
             ))}
           </div>
@@ -1746,7 +1826,7 @@ function EvaluatorApp() {
           {!selected && (
             <div className="notice">
               <FileJson aria-hidden="true" />
-              <span>Importer en JSON-fil for å starte gjennomgang.</span>
+              <span>{t("evaluator.importStart")}</span>
             </div>
           )}
           {selected && (
@@ -1754,7 +1834,7 @@ function EvaluatorApp() {
               <div className="evaluator-left-workspace">
                 <section className="field-card evaluator-name-card">
                   <label className="text-field">
-                    <span>Navn/identifikator</span>
+                    <span>{t("evaluator.displayName")}</span>
                     <input
                       value={selected.display_name}
                       onChange={(event) => {
@@ -1768,16 +1848,16 @@ function EvaluatorApp() {
                   <div className="evaluator-name-actions">
                     <button className="secondary-action" onClick={saveName} type="button">
                       <Save aria-hidden="true" />
-                      <span>Lagre navn</span>
+                      <span>{t("evaluator.saveName")}</span>
                     </button>
                     <button
                       className="secondary-action danger"
                       onClick={() => setDeletePersonRequest(selected)}
-                      title="Sletter denne brukeren, importerte rapporter, oppfølginger og veiledernotater etter bekreftelse."
+                      title={t("evaluator.deletePersonTitle")}
                       type="button"
                     >
                       <Trash2 aria-hidden="true" />
-                      <span>Slett bruker og rapporter</span>
+                      <span>{t("evaluator.deletePerson")}</span>
                     </button>
                   </div>
                 </section>
@@ -1786,8 +1866,8 @@ function EvaluatorApp() {
 
                 <section className="field-card">
                   <div className="field-head">
-                    <h2>Generelt notat for bruker</h2>
-                    <p>Dette notatet gjelder personen som helhet, ikke én enkelt rapport.</p>
+                    <h2>{t("evaluator.personNote")}</h2>
+                    <p>{t("evaluator.personNoteHelp")}</p>
                   </div>
                   <textarea
                     value={personNote}
@@ -1796,19 +1876,19 @@ function EvaluatorApp() {
                   />
                   <button className="primary-action" onClick={savePersonNote} type="button">
                     <Save aria-hidden="true" />
-                    <span>Lagre notat</span>
+                    <span>{t("evaluator.saveNote")}</span>
                   </button>
-                  {getPersonNote(selected) && <p className="empty-text">Sist endret: {formatIsoDateTime(getPersonNote(selected)!.updated_at)}</p>}
+                  {getPersonNote(selected) && <p className="empty-text">{t("evaluator.changedAt", { time: formatIsoDateTime(getPersonNote(selected)!.updated_at) })}</p>}
                 </section>
 
                 <div className="review-tools">
                   <label className="search-field">
                     <Search aria-hidden="true" />
-                    <input value={search} onChange={(event) => setSearch(event.target.value)} placeholder="Søk i rapporter" />
+                    <input value={search} onChange={(event) => setSearch(event.target.value)} placeholder={t("evaluator.searchReports")} />
                   </label>
                   <select value={sortDir} onChange={(event) => setSortDir(event.target.value as "newest" | "oldest")}>
-                    <option value="newest">Nyeste først</option>
-                    <option value="oldest">Eldste først</option>
+                    <option value="newest">{t("evaluator.newest")}</option>
+                    <option value="oldest">{t("evaluator.oldest")}</option>
                   </select>
                 </div>
 
@@ -1837,8 +1917,8 @@ function EvaluatorApp() {
                   />
                 ) : (
                   <div className="detail-empty-state">
-                    <h2>Ingen rapport valgt</h2>
-                    <p>Velg en rapport fra listen for å se detaljer, oppfølginger og notater.</p>
+                    <h2>{t("evaluator.noSelectedTitle")}</h2>
+                    <p>{t("evaluator.noSelectedBody")}</p>
                   </div>
                 )}
               </aside>
@@ -1874,6 +1954,7 @@ function ReviewReportCard({
   selectedId: string | null;
   onSelect: (id: string) => void;
 }) {
+  const { labels, t } = useI18n();
   const reportNote = getReportNote(notes, report.id);
   const hasFollowupNote = followups.some((followup) => getFollowupNote(notes, followup.id));
   const selected = selectedId === report.id || followups.some((followup) => followup.id === selectedId);
@@ -1884,48 +1965,48 @@ function ReviewReportCard({
       code: "T",
       value: score === null ? null : `${score}%`,
       score,
-      title: score === null ? "Totalscore: ikke beregnet" : `Totalscore: ${score}%${band ? ` · ${band.label}` : ""}`
+      title: score === null ? `${t("details.totalScore")}: ${t("common.notCalculated")}` : `${t("details.totalScore")}: ${score}%${band ? ` · ${translateScoreBand(band, t)}` : ""}`
     },
     {
       code: "A",
       value: report.work_ability ?? null,
       score: normalizeReportMetric(report, "work_ability"),
-      title: `Arbeidsevne: ${report.work_ability ?? "ikke registrert"}`
+      title: `${labels.categoryTooltipTexts.A}: ${report.work_ability ?? t("common.notProvided")}`
     },
     {
       code: "E",
       value: report.energy_level ?? null,
       score: normalizeReportMetric(report, "energy_level"),
-      title: `Energi: ${report.energy_level ?? "ikke registrert"}`
+      title: `${labels.categoryTooltipTexts.E}: ${report.energy_level ?? t("common.notProvided")}`
     },
     {
       code: "K",
       value: report.mental_clarity ?? null,
       score: normalizeReportMetric(report, "mental_clarity"),
-      title: `Mental klarhet/konsentrasjon: ${report.mental_clarity ?? "ikke registrert"}`
+      title: `${labels.categoryTooltipTexts.K}: ${report.mental_clarity ?? t("common.notProvided")}`
     },
     {
       code: "S",
       value: report.symptom_burden ?? null,
       score: normalizeReportMetric(report, "symptom_burden"),
-      title: `Symptombelastning: ${report.symptom_burden ?? "ikke registrert"} av 5, normalisert lavere belastning`
+      title: `${labels.categoryTooltipTexts.S}: ${report.symptom_burden ?? t("common.notProvided")} / 5`
     },
     {
       code: "B",
       value: report.effort_strain ?? null,
       score: normalizeReportMetric(report, "effort_strain"),
-      title: `Belastning/anstrengelse: ${report.effort_strain ?? "ikke registrert"} av 5, normalisert lavere belastning`
+      title: `${labels.categoryTooltipTexts.B}: ${report.effort_strain ?? t("common.notProvided")} / 5`
     }
   ];
   return (
     <div className={selected ? "report-group selected-review" : "report-group"}>
       <button className="entry-row review-card-main" onClick={() => onSelect(report.id)} type="button">
         <div className="report-primary-info">
-          <strong>{report.workplace || "Ukjent arbeidssted"}</strong>
+          <strong>{report.workplace || t("common.unknownWorkplace")}</strong>
           <span>{formatDateTime(report)}</span>
         </div>
         <div className="report-score-area">
-          <div className="report-score-grid" aria-label="Scoreverdier">
+          <div className="report-score-grid" aria-label={t("evaluator.scoreValues")}>
             {scoreItems.map((item) => (
               <ScorePill key={item.code} {...item} />
             ))}
@@ -1933,18 +2014,18 @@ function ReviewReportCard({
           <div className="report-meta-pill-row">
             {report.integrity?.verification_status && report.integrity.verification_status !== "valid" && (
               <span className="verification-warning meta-pill" title={verificationTooltip(report.integrity.verification_status)}>
-                ! <span>Valideringsfeil</span>
+                ! <span>{t("evaluator.validationError")}</span>
               </span>
             )}
-            {followups.length > 0 && <span title="Har oppfølging">Oppfølging {followups.length}</span>}
-            {report.note && <span title="Har brukerkommentar">Kommentar</span>}
-            {reportNote && <span title="Har veiledernotat">Veiledernotat</span>}
-            {hasFollowupNote && <span title="Har notat til oppfølging">Oppfølgingsnotat</span>}
+            {followups.length > 0 && <span title={t("evaluator.hasFollowup")}>{t("overview.followup")} {followups.length}</span>}
+            {report.note && <span title={t("evaluator.hasComment")}>{t("evaluator.comment")}</span>}
+            {reportNote && <span title={t("evaluator.hasEvaluatorNote")}>{t("evaluator.evaluatorNote")}</span>}
+            {hasFollowupNote && <span title={t("evaluator.followupNoteBadge")}>{t("evaluator.followupNoteBadge")}</span>}
           </div>
         </div>
       </button>
       <button className="review-open" onClick={() => onSelect(report.id)} type="button">
-        Vis detaljer
+        {t("evaluator.details")}
       </button>
       {followups.length > 0 && (
         <div className="followup-list">
@@ -1952,7 +2033,7 @@ function ReviewReportCard({
             <button className="followup-row" key={followup.id} onClick={() => onSelect(followup.id)} type="button">
               <span>{formatDateTime(followup)}</span>
               <strong>
-                {worseLabels[followup.worse_than_before]} {getFollowupNote(notes, followup.id) ? "· Har notat" : ""}
+                {labels.worseLabels[followup.worse_than_before]} {getFollowupNote(notes, followup.id) ? `· ${t("evaluator.evaluatorNote")}` : ""}
               </strong>
             </button>
           ))}
@@ -2002,6 +2083,7 @@ function ReviewDetailPane({
   onSaved: () => void;
   onClose: () => void;
 }) {
+  const { t } = useI18n();
   const currentNote = entry.type === "work_report" ? getReportNote(notes, entry.id) : getFollowupNote(notes, entry.id);
   const [noteText, setNoteText] = useState(currentNote?.text ?? "");
   const [confirmDeleteNote, setConfirmDeleteNote] = useState(false);
@@ -2037,11 +2119,11 @@ function ReviewDetailPane({
     <div className="review-detail">
       <div className="detail-head">
         <div>
-          <p className="eyebrow">{entry.type === "work_report" ? "Rapportdetaljer" : "Oppfølgingsdetaljer"}</p>
-          <h2>{entry.type === "work_report" ? entry.workplace || "Ukjent arbeidssted" : formatDateTime(entry)}</h2>
+          <p className="eyebrow">{entry.type === "work_report" ? t("evaluator.reportDetails") : t("evaluator.followupDetails")}</p>
+          <h2>{entry.type === "work_report" ? entry.workplace || t("common.unknownWorkplace") : formatDateTime(entry)}</h2>
         </div>
-        <button className="secondary-action slim" onClick={onClose} type="button" aria-label="Lukk rapportdetaljer">
-          Lukk detaljer
+        <button className="secondary-action slim" onClick={onClose} type="button" aria-label={t("evaluator.closeDetails")}>
+          {t("evaluator.closeDetails")}
         </button>
       </div>
 
@@ -2049,22 +2131,22 @@ function ReviewDetailPane({
 
       <section className="field-card compact">
         <div className="field-head">
-          <h2>{entry.type === "work_report" ? "Notat til rapport" : "Notat til oppfølging"}</h2>
-          <p>Veiledernotatet lagres lokalt og endrer ikke importerte rapportdata.</p>
+          <h2>{entry.type === "work_report" ? t("evaluator.reportNote") : t("evaluator.followupNote")}</h2>
+          <p>{t("evaluator.noteHelp")}</p>
         </div>
         <textarea value={noteText} onChange={(event) => setNoteText(event.target.value)} rows={4} />
         <div className="action-grid">
           <button className="primary-action" onClick={save} type="button">
-            Lagre notat
+            {t("evaluator.saveNote")}
           </button>
           <button className="secondary-action danger" onClick={() => setConfirmDeleteNote(true)} type="button" disabled={!currentNote && !noteText}>
-            Slett notat
+            {t("evaluator.deleteNote")}
           </button>
         </div>
       </section>
       <ConfirmDeleteModal
         open={confirmDeleteNote}
-        itemName={entry.type === "work_report" ? "notat til rapport" : "notat til oppfølging"}
+        itemName={entry.type === "work_report" ? t("evaluator.reportNote") : t("evaluator.followupNote")}
         onCancel={() => setConfirmDeleteNote(false)}
         onConfirm={() => {
           remove();
@@ -2076,78 +2158,79 @@ function ReviewDetailPane({
 }
 
 function ReportDetailSections({ report, followups }: { report: Report; followups: DelayedFollowup[] }) {
+  const { labels, language, t } = useI18n();
   const score = getReportScore(report) ?? calculateReportScore(report);
   const band = getScoreBand(score);
   const verificationStatus = report.integrity?.verification_status;
   const hasVerificationWarning = verificationStatus && verificationStatus !== "valid";
   return (
     <div className="detail-sections">
-      <DetailSection title="Kort oppsummering">
+      <DetailSection title={t("details.summary")}>
         {hasVerificationWarning && (
           <Detail
-            label="Integritetskontroll"
-            value={<span className="verification-warning meta-pill" title={verificationTooltip(verificationStatus)}>! <span>{verificationLabel(verificationStatus)}</span></span>}
+            label={t("details.integrity")}
+            value={<span className="verification-warning meta-pill" title={verificationTooltip(verificationStatus)}>! <span>{translateVerificationStatus(verificationStatus, t)}</span></span>}
           />
         )}
-        <Detail label="Tidspunkt" value={formatDateTime(report)} />
-        <Detail label="Arbeidssted" value={report.workplace || "Ukjent arbeidssted"} />
-        <Detail label="Arbeidstid" value={`${report.work_start_time || "Ikke oppgitt"} - ${report.work_end_time || "Ikke oppgitt"}`} />
-        <Detail label="Status" value={statusLabels[report.status]} />
-        <Detail label="Totalscore" value={score === null ? "Ikke beregnet" : `${score}%`} />
-        <Detail label="Funksjonsnivå" value={band?.label ?? "Ikke beregnet"} />
-        <Detail label="Beskrivelse" value={band?.description ?? "Totalscore mangler eller kan ikke beregnes."} />
-        <Detail label="Viktig" value={scoreBandDisclaimer} />
+        <Detail label={t("details.time")} value={formatDateTime(report)} />
+        <Detail label={t("register.workplace")} value={report.workplace || t("common.unknownWorkplace")} />
+        <Detail label={t("details.workTime")} value={`${report.work_start_time || t("common.notProvided")} - ${report.work_end_time || t("common.notProvided")}`} />
+        <Detail label={t("details.status")} value={labels.statusLabels[report.status]} />
+        <Detail label={t("details.totalScore")} value={score === null ? t("common.notCalculated") : `${score}%`} />
+        <Detail label={t("details.functionLevel")} value={translateScoreBand(band, t)} />
+        <Detail label={t("details.description")} value={translateScoreBandDescription(band, language) ?? "Totalscore mangler eller kan ikke beregnes."} />
+        <Detail label={t("details.important")} value={t("scoring.disclaimer")} />
       </DetailSection>
-      <DetailSection title="Kjerneverdier">
-        <Detail label="Arbeidsevne" value={`${report.work_ability} av 5`} />
-        <Detail label="Energinivå" value={`${report.energy_level} av 5`} />
-        <Detail label="Mental klarhet" value={`${report.mental_clarity} av 5`} />
-        <Detail label="Symptombelastning" value={`${report.symptom_burden} av 5`} />
-        <Detail label="Anstrengelse" value={`${report.effort_strain} av 5`} />
+      <DetailSection title={t("details.coreValues")}>
+        <Detail label={t("details.workAbility")} value={t("details.outOfFive", { value: report.work_ability })} />
+        <Detail label={t("details.energy")} value={t("details.outOfFive", { value: report.energy_level })} />
+        <Detail label={t("details.mentalClarity")} value={t("details.outOfFive", { value: report.mental_clarity })} />
+        <Detail label={t("details.symptoms")} value={t("details.outOfFive", { value: report.symptom_burden })} />
+        <Detail label={t("details.strain")} value={t("details.outOfFive", { value: report.effort_strain })} />
       </DetailSection>
       {hasReportDetails(report) ? (
-        <DetailSection title="Detaljer">
-          <Detail label="Fysisk energi" value={`${report.physical_energy} av 5`} />
-          <Detail label="Mental energi" value={`${report.mental_energy} av 5`} />
-          {report.perceived_productivity && <Detail label="Produktivitet" value={`${report.perceived_productivity} av 5`} />}
-          {report.task_completion && <Detail label="Hvor mye fikk du gjort?" value={taskCompletionLabels[report.task_completion]} />}
-          {report.task_types.length > 0 && <Detail label="Arbeidet innebar" value={labelsFor(report.task_types, taskTypeLabels)} />}
-          {report.main_limitations.length > 0 && <Detail label="Begrenset av" value={labelsFor(report.main_limitations, limitationLabels)} />}
-          {report.helpful_accommodations.length > 0 && <Detail label="Hva hjalp" value={labelsFor(report.helpful_accommodations, accommodationLabels)} />}
+        <DetailSection title={t("details.details")}>
+          <Detail label={t("details.physicalEnergy")} value={t("details.outOfFive", { value: report.physical_energy })} />
+          <Detail label={t("details.mentalEnergy")} value={t("details.outOfFive", { value: report.mental_energy })} />
+          {report.perceived_productivity && <Detail label={t("details.productivity")} value={t("details.outOfFive", { value: report.perceived_productivity })} />}
+          {report.task_completion && <Detail label={t("details.taskCompletion")} value={labels.taskCompletionLabels[report.task_completion]} />}
+          {report.task_types.length > 0 && <Detail label={t("details.taskTypes")} value={labelsFor(report.task_types, labels.taskTypeLabels, t)} />}
+          {report.main_limitations.length > 0 && <Detail label={t("details.limitations")} value={labelsFor(report.main_limitations, labels.limitationLabels, t)} />}
+          {report.helpful_accommodations.length > 0 && <Detail label={t("details.accommodations")} value={labelsFor(report.helpful_accommodations, labels.accommodationLabels, t)} />}
         </DetailSection>
       ) : (
-        <p className="empty-text">Ingen valgfrie detaljer oppgitt.</p>
+        <p className="empty-text">{t("details.noOptionalDetails")}</p>
       )}
       {report.note && (
-        <DetailSection title="Kommentar fra bruker">
-          <Detail label="Kommentar" value={report.note} />
+        <DetailSection title={t("details.userComment")}>
+          <Detail label={t("details.comment")} value={report.note} />
         </DetailSection>
       )}
       {followups.length > 0 && (
-        <DetailSection title="Oppfølginger">
+        <DetailSection title={t("details.followups")}>
           {followups.map((followup) => (
             <Detail
               key={followup.id}
               label={formatDateTime(followup)}
-              value={`Verre: ${worseLabels[followup.worse_than_before]}${followup.recovery_status ? ` · Restitusjon: ${recoveryLabels[followup.recovery_status]}` : ""}`}
+              value={`${t("details.worseValue", { value: labels.worseLabels[followup.worse_than_before] })}${followup.recovery_status ? ` · ${t("details.recoveryValue", { value: labels.recoveryLabels[followup.recovery_status] })}` : ""}`}
             />
           ))}
         </DetailSection>
       )}
       <TechnicalDetails>
-        <p>Avansert informasjon for kontroll, feilsøking og verifisering.</p>
-        <DetailSection title="Teknisk informasjon">
-          <Detail label="Rapport-ID" value={report.id} />
+        <p>{t("details.technicalDescription")}</p>
+        <DetailSection title={t("details.technical")}>
+          <Detail label={t("details.reportId")} value={report.id} />
           <Detail label="Type" value={report.type} />
-          <Detail label="Opprettet" value={formatIsoDateTime(report.created_at)} />
-          <Detail label="Rapportdato" value={report.report_date} />
-          <Detail label="Rapporttid" value={report.report_time} />
-          <Detail label="Integritetsstatus" value={verificationLabel(report.integrity?.verification_status)} />
-          <Detail label="Forklaring" value={report.integrity?.verification_reason || verificationTooltip(report.integrity?.verification_status)} />
-          <Detail label="Algoritme" value={report.integrity?.algorithm || "Ikke oppgitt"} />
-          <Detail label="Canonicalization" value={report.integrity?.canonicalization || "Ikke oppgitt"} />
-          <Detail label="Signert" value={report.integrity?.signed_at ? formatIsoDateTime(report.integrity.signed_at) : "Ikke oppgitt"} />
-          <Detail label="Payload-hash" value={report.integrity?.payload_hash_sha256 || "Ikke oppgitt"} />
+          <Detail label={t("details.created")} value={formatIsoDateTime(report.created_at)} />
+          <Detail label={t("details.reportDate")} value={report.report_date} />
+          <Detail label={t("details.reportTime")} value={report.report_time} />
+          <Detail label={t("details.integrityStatus")} value={translateVerificationStatus(report.integrity?.verification_status, t)} />
+          <Detail label={t("details.explanation")} value={report.integrity?.verification_reason || verificationTooltip(report.integrity?.verification_status)} />
+          <Detail label={t("details.algorithm")} value={report.integrity?.algorithm || t("common.notProvided")} />
+          <Detail label="Canonicalization" value={report.integrity?.canonicalization || t("common.notProvided")} />
+          <Detail label={t("details.signed")} value={report.integrity?.signed_at ? formatIsoDateTime(report.integrity.signed_at) : t("common.notProvided")} />
+          <Detail label={t("details.payloadHash")} value={report.integrity?.payload_hash_sha256 || t("common.notProvided")} />
         </DetailSection>
       </TechnicalDetails>
       <RawDataDetails data={report} />
@@ -2156,40 +2239,41 @@ function ReportDetailSections({ report, followups }: { report: Report; followups
 }
 
 function FollowupDetailSections({ followup }: { followup: DelayedFollowup }) {
+  const { labels, t } = useI18n();
   const verificationStatus = followup.integrity?.verification_status;
   const hasVerificationWarning = verificationStatus && verificationStatus !== "valid";
   return (
     <div className="detail-sections">
-      <DetailSection title="Kort oppsummering">
+      <DetailSection title={t("details.summary")}>
         {hasVerificationWarning && (
           <Detail
-            label="Integritetskontroll"
-            value={<span className="verification-warning meta-pill" title={verificationTooltip(verificationStatus)}>! <span>{verificationLabel(verificationStatus)}</span></span>}
+            label={t("details.integrity")}
+            value={<span className="verification-warning meta-pill" title={verificationTooltip(verificationStatus)}>! <span>{translateVerificationStatus(verificationStatus, t)}</span></span>}
           />
         )}
-        <Detail label="Tidspunkt" value={formatDateTime(followup)} />
-        <Detail label="Verre enn før" value={worseLabels[followup.worse_than_before]} />
-        {followup.recovery_status && <Detail label="Restitusjon" value={recoveryLabels[followup.recovery_status]} />}
+        <Detail label={t("details.time")} value={formatDateTime(followup)} />
+        <Detail label={t("details.worse")} value={labels.worseLabels[followup.worse_than_before]} />
+        {followup.recovery_status && <Detail label={t("details.recovery")} value={labels.recoveryLabels[followup.recovery_status]} />}
       </DetailSection>
       {(followup.delayed_symptoms.length > 0 || followup.note) && (
-        <DetailSection title="Detaljer">
-          {followup.delayed_symptoms.length > 0 && <Detail label="Forsinkede symptomer" value={labelsFor(followup.delayed_symptoms, delayedSymptomLabels)} />}
-          {followup.note && <Detail label="Kommentar fra bruker" value={followup.note} />}
+        <DetailSection title={t("details.details")}>
+          {followup.delayed_symptoms.length > 0 && <Detail label={t("details.delayedSymptoms")} value={labelsFor(followup.delayed_symptoms, labels.delayedSymptomLabels, t)} />}
+          {followup.note && <Detail label={t("details.userComment")} value={followup.note} />}
         </DetailSection>
       )}
       <TechnicalDetails>
-        <p>Avansert informasjon for kontroll, feilsøking og verifisering.</p>
-        <DetailSection title="Teknisk informasjon">
-          <Detail label="Oppfølgings-ID" value={followup.id} />
-          <Detail label="Tilknyttet rapport" value={findParentId(followup) || "Ikke valgt"} />
+        <p>{t("details.technicalDescription")}</p>
+        <DetailSection title={t("details.technical")}>
+          <Detail label={t("details.followupId")} value={followup.id} />
+          <Detail label={t("details.connectedReport")} value={findParentId(followup) || t("common.notSelected")} />
           <Detail label="Type" value={followup.type} />
-          <Detail label="Opprettet" value={formatIsoDateTime(followup.created_at)} />
-          <Detail label="Rapportdato" value={followup.report_date} />
-          <Detail label="Rapporttid" value={followup.report_time} />
-          <Detail label="Integritetsstatus" value={verificationLabel(followup.integrity?.verification_status)} />
-          <Detail label="Forklaring" value={followup.integrity?.verification_reason || verificationTooltip(followup.integrity?.verification_status)} />
-          <Detail label="Algoritme" value={followup.integrity?.algorithm || "Ikke oppgitt"} />
-          <Detail label="Payload-hash" value={followup.integrity?.payload_hash_sha256 || "Ikke oppgitt"} />
+          <Detail label={t("details.created")} value={formatIsoDateTime(followup.created_at)} />
+          <Detail label={t("details.reportDate")} value={followup.report_date} />
+          <Detail label={t("details.reportTime")} value={followup.report_time} />
+          <Detail label={t("details.integrityStatus")} value={translateVerificationStatus(followup.integrity?.verification_status, t)} />
+          <Detail label={t("details.explanation")} value={followup.integrity?.verification_reason || verificationTooltip(followup.integrity?.verification_status)} />
+          <Detail label={t("details.algorithm")} value={followup.integrity?.algorithm || t("common.notProvided")} />
+          <Detail label={t("details.payloadHash")} value={followup.integrity?.payload_hash_sha256 || t("common.notProvided")} />
         </DetailSection>
       </TechnicalDetails>
       <RawDataDetails data={followup} />
@@ -2198,15 +2282,17 @@ function FollowupDetailSections({ followup }: { followup: DelayedFollowup }) {
 }
 
 function TechnicalDetails({ children }: { children: React.ReactNode }) {
+  const { t } = useI18n();
   return (
     <details className="technical-details">
-      <summary>Teknisk informasjon</summary>
+      <summary>{t("details.technical")}</summary>
       {children}
     </details>
   );
 }
 
 function RawDataDetails({ data }: { data: StoredEntry }) {
+  const { t } = useI18n();
   const [copied, setCopied] = useState(false);
   const raw = JSON.stringify(data, null, 2);
   const copy = async () => {
@@ -2216,10 +2302,10 @@ function RawDataDetails({ data }: { data: StoredEntry }) {
   };
   return (
     <details className="raw-details">
-      <summary>Rådata</summary>
-      <p>Full JSON-visning for feilsøking eller teknisk kontroll.</p>
+      <summary>{t("details.rawData")}</summary>
+      <p>{t("details.rawDescription")}</p>
       <button className="secondary-action slim" onClick={copy} type="button">
-        {copied ? "Kopiert" : "Kopier rådata"}
+        {copied ? t("common.copied") : t("details.copyRaw")}
       </button>
       <pre>{raw}</pre>
     </details>
@@ -2247,8 +2333,8 @@ function DetailSection({ title, children }: { title: string; children: React.Rea
   );
 }
 
-function labelsFor<T extends string>(values: T[] | undefined, labels: Record<T, string>) {
-  return values?.length ? values.map((value) => labels[value]).join(", ") : "Ikke valgt";
+function labelsFor<T extends string>(values: T[] | undefined, labels: Record<T, string>, t?: ReturnType<typeof useI18n>["t"]) {
+  return values?.length ? values.map((value) => labels[value]).join(", ") : t ? t("common.notSelected") : "Ikke valgt";
 }
 
 function getPersonNote(profile: EvaluatorProfile) {
diff --git a/src/i18n.tsx b/src/i18n.tsx
new file mode 100644
index 0000000..60056bf
--- /dev/null
+++ b/src/i18n.tsx
@@ -0,0 +1,808 @@
+import { createContext, useContext, useMemo, useState } from "react";
+import type React from "react";
+import {
+  accommodationLabels as nbAccommodationLabels,
+  categoryTooltipTexts as nbCategoryTooltipTexts,
+  delayedSymptomLabels as nbDelayedSymptomLabels,
+  limitationLabels as nbLimitationLabels,
+  negativeScale as nbNegativeScale,
+  positiveScale as nbPositiveScale,
+  recoveryLabels as nbRecoveryLabels,
+  statusLabels as nbStatusLabels,
+  taskCompletionLabels as nbTaskCompletionLabels,
+  taskTypeLabels as nbTaskTypeLabels,
+  tooltipTexts as nbTooltipTexts,
+  worseLabels as nbWorseLabels
+} from "./labels";
+import type {
+  Accommodation,
+  DelayedSymptom,
+  Limitation,
+  RecoveryStatus,
+  ReportStatus,
+  ScaleValue,
+  TaskCompletion,
+  TaskType,
+  VerificationStatus,
+  WorseThanBefore
+} from "./types";
+
+export type Language = "nb-NO" | "en";
+
+const LANGUAGE_KEY = "arbeidspuls.language";
+
+type TranslationTree = { [key: string]: string | TranslationTree };
+
+const nb = {
+  common: {
+    cancel: "Avbryt",
+    close: "Lukk",
+    copied: "Kopiert",
+    delete: "Slett",
+    save: "Lagre",
+    notSelected: "Ikke valgt",
+    notProvided: "Ikke oppgitt",
+    notCalculated: "Ikke beregnet",
+    unknownWorkplace: "Ukjent arbeidssted"
+  },
+  app: {
+    eyebrow: "Lokal egenvurdering",
+    title: "Arbeidsevne",
+    evaluator: "Veileder",
+    navLabel: "Hovednavigasjon"
+  },
+  nav: {
+    register: "Registrer",
+    followup: "Oppfølging",
+    overview: "Oversikt",
+    privacy: "Personvern"
+  },
+  footer: {
+    norwegian: "Norsk",
+    english: "English",
+    switchToNorwegian: "Bytt språk til norsk",
+    switchToEnglish: "Switch language to English",
+    developedBy: "Utviklet av Rolfsvaag Datateknikk med",
+    heart: "hjerte",
+    languageChoice: "Språkvalg",
+    sourceCode: "Kildekode"
+  },
+  deleteModal: {
+    title: "Bekreft sletting",
+    body: "Du er i ferd med å slette: {itemName}. Denne handlingen kan ikke angres.",
+    waiting: "Slett ({secondsLeft})",
+    ready: "Slett"
+  },
+  register: {
+    intro: "Fyll ut hovedfeltene. Valgfrie detaljer kan legges til ved behov.",
+    workSession: "Arbeidsøkt",
+    workplace: "Arbeidssted",
+    workAbility: "Arbeidsevne akkurat nå",
+    energyLevel: "Energinivå",
+    mentalClarity: "Mental klarhet / konsentrasjon",
+    symptomBurden: "Symptombelastning",
+    effortStrain: "Anstrengelse / belastning",
+    optional: "Valgfritt",
+    startTime: "Starttid",
+    endTime: "Sluttid",
+    continueQuestion: "Kan du fortsette?",
+    chooseBestNow: "Velg det som passer best akkurat nå.",
+    optionalDetails: "Valgfrie detaljer",
+    physicalEnergy: "Fysisk energi",
+    mentalEnergy: "Mental energi",
+    productivity: "Opplevd produktivitet",
+    taskCompletion: "Hvor mye fikk du gjort?",
+    taskTypes: "Arbeidet innebar",
+    limitations: "Hva begrenset deg mest?",
+    accommodations: "Hva hjalp?",
+    note: "Kort kommentar",
+    missing: "Mangler: {fields}.",
+    saved: "Rapport lagret lokalt.",
+    saveReport: "Lagre rapport",
+    oneEqualsFiveEquals: "1 = {low}, 5 = {high}."
+  },
+  followup: {
+    intro: "Brukes neste dag eller senere for å fange forsinket reaksjon.",
+    worseQuestion: "Er du verre enn før arbeidsøkten?",
+    chooseOne: "Velg ett svar.",
+    connectReport: "Knytt til rapport",
+    delayedSymptoms: "Forsinkede symptomer",
+    recovery: "Restitusjon",
+    missingWorse: "Velg om du er verre enn før arbeidsøkten.",
+    saved: "Oppfølging lagret lokalt.",
+    saveFollowup: "Lagre oppfølging",
+    orphan: "Oppfølging uten valgt hovedrapport",
+    worsePrefix: "verre"
+  },
+  overview: {
+    noReports: "Ingen rapporter er lagret ennå.",
+    report: "Rapport",
+    followup: "Oppfølging",
+    closeReport: "Lukk rapportvisning",
+    trend: "Trend",
+    explainTrend: "Forklar trendgraf",
+    trendTooltip: "Grafen bruker normaliserte 0-100-verdier. Høyere verdi betyr bedre funksjon eller lavere belastning.",
+    minimumTwo: "Minst to rapporter i valgt periode trengs for graf.",
+    average: "Normalisert snitt i perioden",
+    chartLabel: "Tidsbasert trendgraf for rapporter",
+    dashedLine: "Striplet linje betyr at det er 3 dager eller mer mellom rapportene.",
+    from: "Fra",
+    to: "Til",
+    all: "Alt",
+    week: "1 uke",
+    month: "1 måned",
+    threeMonths: "3 måneder",
+    sixMonths: "6 måneder",
+    year: "1 år",
+    threeYears: "3 år",
+    fiveYears: "5 år"
+  },
+  privacy: {
+    warning: "Rapportene kan inneholde sensitive helseopplysninger og lagres bare lokalt i denne nettleseren.",
+    exportJson: "Eksporter JSON",
+    importBackup: "Importer sikkerhetskopi",
+    deleteAll: "Slett alle lokale data",
+    importHelp: "Importer tidligere eksportert JSON hvis du har byttet enhet eller mistet lokale data. Importerte data lagres lokalt i denne nettleseren.",
+    importFrom: "Importer data fra {fileName}",
+    importStats:
+      "Nye rapporter: {reports}. Nye oppfølginger: {followups}. Duplikater hoppet over: {duplicates}. Konflikter: {conflicts}.",
+    cancelImport: "Avbryt import",
+    importData: "Importer data",
+    baseCopy:
+      "Appen samler ikke inn navn, fødselsnummer eller kontaktinformasjon. Data sendes ikke til eksterne tjenester av appen. Fritekst er valgfritt og bør bare brukes når det er nødvendig.",
+    storageTitle: "Hvor lagres dataene?",
+    storageBody:
+      "Rapportene lagres lokalt i nettleseren på enheten du bruker, i localStorage. Det betyr at dataene normalt blir liggende på telefonen eller datamaskinen din.",
+    backupTitle: "Backup og enhetsbytte",
+    backupBody:
+      "Fordi dataene lagres lokalt, kan de gå tapt hvis du bytter enhet, sletter nettleserdata, bruker en annen nettleser eller tilbakestiller enheten. Eksporter JSON-fil jevnlig hvis du vil ta vare på rapportene.",
+    sharingTitle: "Deling med veileder",
+    sharingBody:
+      "Hvis en veileder eller annen person skal gjennomgå rapportene, må du eksportere en JSON-fil og dele filen med dem, for eksempel via e-post. Mottakeren kan importere JSON-filen i veiledervisningen.",
+    sensitiveTitle: "Sensitive opplysninger",
+    sensitiveBody:
+      "Rapportene kan inneholde helse- og funksjonsrelatert informasjon. Del JSON-filen på en måte som passer for sensitiv informasjon, og bare med personer som faktisk skal ha tilgang.",
+    exportIntegrity: "Eksport inkluderer lokal integritetskontroll der rapportene har verifiseringsdata.",
+    deleteAllName: "alle lokale rapporter"
+  },
+  evaluator: {
+    eyebrow: "Veileder",
+    title: "Veiledergjennomgang",
+    backToApp: "Til appen",
+    importJson: "Importer JSON",
+    importHelp: "Velg en eksport fra appen. Data lagres lokalt i denne nettleseren.",
+    displayName: "Navn/identifikator",
+    optionalImportName: "Valgfritt ved import",
+    connectExisting: "Knytt til eksisterende person",
+    autoMatch: "Opprett ny eller bruk automatisk match",
+    chooseJson: "Velg JSON-fil",
+    exportBackup: "Eksporter veilederdata",
+    importBackup: "Importer veilederbackup",
+    importedBackup: "Veilederbackup er importert.",
+    importStart: "Importer en JSON-fil for å starte gjennomgang.",
+    saveName: "Lagre navn",
+    deletePerson: "Slett bruker og rapporter",
+    deletePersonTitle: "Sletter denne brukeren, importerte rapporter, oppfølginger og veiledernotater etter bekreftelse.",
+    reportCount: "{count} rapporter",
+    personNote: "Generelt notat for bruker",
+    personNoteHelp: "Dette notatet gjelder personen som helhet, ikke én enkelt rapport.",
+    saveNote: "Lagre notat",
+    changedAt: "Sist endret: {time}",
+    searchReports: "Søk i rapporter",
+    newest: "Nyeste først",
+    oldest: "Eldste først",
+    noSelectedTitle: "Ingen rapport valgt",
+    noSelectedBody: "Velg en rapport fra listen for å se detaljer, oppfølginger og notater.",
+    details: "Vis detaljer",
+    reportDetails: "Rapportdetaljer",
+    followupDetails: "Oppfølgingsdetaljer",
+    closeDetails: "Lukk detaljer",
+    reportNote: "Notat til rapport",
+    followupNote: "Notat til oppfølging",
+    noteHelp: "Veiledernotatet lagres lokalt og endrer ikke importerte rapportdata.",
+    deleteNote: "Slett notat",
+    validationError: "Valideringsfeil",
+    comment: "Kommentar",
+    evaluatorNote: "Veiledernotat",
+    followupNoteBadge: "Oppfølgingsnotat",
+    hasFollowup: "Har oppfølging",
+    hasComment: "Har brukerkommentar",
+    hasEvaluatorNote: "Har veiledernotat",
+    scoreValues: "Scoreverdier"
+  },
+  details: {
+    summary: "Kort oppsummering",
+    coreValues: "Kjerneverdier",
+    details: "Detaljer",
+    userComment: "Kommentar fra bruker",
+    followups: "Oppfølginger",
+    technical: "Teknisk informasjon",
+    rawData: "Rådata",
+    integrity: "Integritetskontroll",
+    time: "Tidspunkt",
+    workTime: "Arbeidstid",
+    status: "Status",
+    totalScore: "Totalscore",
+    functionLevel: "Funksjonsnivå",
+    description: "Beskrivelse",
+    important: "Viktig",
+    workAbility: "Arbeidsevne",
+    energy: "Energinivå",
+    physicalEnergy: "Fysisk energi",
+    mentalEnergy: "Mental energi",
+    mentalClarity: "Mental klarhet",
+    symptoms: "Symptombelastning",
+    strain: "Anstrengelse",
+    productivity: "Produktivitet",
+    taskCompletion: "Hvor mye fikk du gjort?",
+    taskTypes: "Arbeidet innebar",
+    limitations: "Begrenset av",
+    accommodations: "Hva hjalp",
+    comment: "Kommentar",
+    noComment: "Ingen kommentar",
+    noOptionalDetails: "Ingen valgfrie detaljer oppgitt.",
+    technicalDescription: "Avansert informasjon for kontroll, feilsøking og verifisering.",
+    rawDescription: "Full JSON-visning for feilsøking eller teknisk kontroll.",
+    copyRaw: "Kopier rådata",
+    reportId: "Rapport-ID",
+    followupId: "Oppfølgings-ID",
+    connectedReport: "Tilknyttet rapport",
+    created: "Opprettet",
+    reportDate: "Rapportdato",
+    reportTime: "Rapporttid",
+    integrityStatus: "Integritetsstatus",
+    explanation: "Forklaring",
+    algorithm: "Algoritme",
+    signed: "Signert",
+    payloadHash: "Payload-hash",
+    worse: "Verre enn før",
+    delayedSymptoms: "Forsinkede symptomer",
+    recovery: "Restitusjon",
+    outOfFive: "{value} av 5",
+    worseValue: "Verre: {value}",
+    recoveryValue: "Restitusjon: {value}"
+  },
+  danger: {
+    title: "Faresone",
+    deleteEntryHelp: "Dette sletter rapporten eller oppfølgingen fra lokal lagring i denne nettleseren.",
+    deleteReport: "Slett rapport",
+    deleteFollowup: "Slett oppfølging",
+    reportName: "rapport",
+    followupName: "oppfølging"
+  },
+  graphModal: {
+    open: "Åpne graf i fullskjerm",
+    title: "Grafanalyse",
+    close: "Lukk graf",
+    timeRange: "Tidsrom",
+    visibleLines: "Synlige linjer",
+    visibleHelp: "Trykk én gang for delvis synlig, to ganger for skjult.",
+    snapHelp: "Hold musepekeren over grafen for å se nøyaktige rapportverdier.",
+    noReports: "Ingen rapporter i valgt tidsrom.",
+    noPoint: "Ingen rapportpunkt valgt",
+    noPointHelp: "Hold musepekeren nær et punkt for å se faktiske rapportverdier.",
+    nearestReport: "Nærmeste rapport",
+    chartLabel: "Fullskjerm trendgraf for rapporter"
+  },
+  scoring: {
+    disclaimer:
+      "Totalscoren er normalisert slik at 75 % omtrent tilsvarer et forventet/godt rapportert funksjonsnivå, mens 100 % tilsvarer særdeles høyt funksjonsnivå. Scoren er en intern funksjonsindikator for oversikt og trend, ikke en medisinsk fasit.",
+    periodLabel: "Periodens arbeidsevnevurdering",
+    periodEmpty: "Ingen data i valgt periode",
+    periodTooltip:
+      "Dette er en normalisert vurdering basert på hovedrapportene i den valgte tidsrammen. 75 % regnes omtrent som forventet/godt rapportert funksjonsnivå. Vurderingen er støtte for oversikt og trend, ikke medisinsk fasit.",
+    exceptionallyHigh: "Særdeles høyt funksjonsnivå",
+    expected: "Forventet funksjonsnivå",
+    moderatelyReduced: "Moderat redusert funksjon",
+    significantlyReduced: "Betydelig redusert funksjon",
+    veryLow: "Svært lav funksjon",
+    exceptionallyHighShort: "Særdeles høyt",
+    expectedShort: "Forventet",
+    moderatelyReducedShort: "Moderat redusert",
+    significantlyReducedShort: "Betydelig redusert",
+    veryLowShort: "Svært lav"
+  },
+  verification: {
+    valid: "Verifisert",
+    modified: "Mulig endret",
+    missing: "Ikke verifisert",
+    unsupported: "Verifisering støttes ikke",
+    error: "Feil ved verifisering",
+    invalidLabel: "Varsel: rapporten kunne ikke verifiseres"
+  }
+} as const;
+
+const en: TranslationTree = {
+  common: {
+    cancel: "Cancel",
+    close: "Close",
+    copied: "Copied",
+    delete: "Delete",
+    save: "Save",
+    notSelected: "Not selected",
+    notProvided: "Not provided",
+    notCalculated: "Not calculated",
+    unknownWorkplace: "Unknown workplace"
+  },
+  app: { eyebrow: "Local self-assessment", title: "Work ability", evaluator: "Guide", navLabel: "Main navigation" },
+  nav: { register: "Register", followup: "Follow-up", overview: "Overview", privacy: "Privacy" },
+  footer: {
+    norwegian: "Norsk",
+    english: "English",
+    switchToNorwegian: "Bytt språk til norsk",
+    switchToEnglish: "Switch language to English",
+    developedBy: "Developed by Rolfsvaag Datateknikk with",
+    heart: "heart",
+    languageChoice: "Language choice",
+    sourceCode: "Source code"
+  },
+  deleteModal: {
+    title: "Confirm deletion",
+    body: "You are about to delete: {itemName}. This action cannot be undone.",
+    waiting: "Delete ({secondsLeft})",
+    ready: "Delete"
+  },
+  register: {
+    intro: "Fill in the main fields. Optional details can be added if needed.",
+    workSession: "Work session",
+    workplace: "Workplace",
+    workAbility: "Work ability right now",
+    energyLevel: "Energy level",
+    mentalClarity: "Mental clarity / concentration",
+    symptomBurden: "Symptom burden",
+    effortStrain: "Effort / strain",
+    optional: "Optional",
+    startTime: "Start time",
+    endTime: "End time",
+    continueQuestion: "Can you continue?",
+    chooseBestNow: "Choose the option that fits best right now.",
+    optionalDetails: "Optional details",
+    physicalEnergy: "Physical energy",
+    mentalEnergy: "Mental energy",
+    productivity: "Perceived productivity",
+    taskCompletion: "How much did you get done?",
+    taskTypes: "Work involved",
+    limitations: "What limited you most?",
+    accommodations: "What helped?",
+    note: "Short comment",
+    missing: "Missing: {fields}.",
+    saved: "Report saved locally.",
+    saveReport: "Save report",
+    oneEqualsFiveEquals: "1 = {low}, 5 = {high}."
+  },
+  followup: {
+    intro: "Use this the next day or later to capture delayed reactions.",
+    worseQuestion: "Are you worse than before the work session?",
+    chooseOne: "Choose one answer.",
+    connectReport: "Connect to report",
+    delayedSymptoms: "Delayed symptoms",
+    recovery: "Recovery",
+    missingWorse: "Choose whether you are worse than before the work session.",
+    saved: "Follow-up saved locally.",
+    saveFollowup: "Save follow-up",
+    orphan: "Follow-up without selected main report",
+    worsePrefix: "worse"
+  },
+  overview: {
+    noReports: "No reports have been saved yet.",
+    report: "Report",
+    followup: "Follow-up",
+    closeReport: "Close report view",
+    trend: "Trend",
+    explainTrend: "Explain trend chart",
+    trendTooltip: "The chart uses normalized 0-100 values. Higher value means better function or lower burden.",
+    minimumTwo: "At least two reports in the selected period are needed for the chart.",
+    average: "Normalized average for the period",
+    chartLabel: "Time-based trend chart for reports",
+    dashedLine: "A dashed line means there are 3 days or more between reports.",
+    from: "From",
+    to: "To",
+    all: "All",
+    week: "1 week",
+    month: "1 month",
+    threeMonths: "3 months",
+    sixMonths: "6 months",
+    year: "1 year",
+    threeYears: "3 years",
+    fiveYears: "5 years"
+  },
+  privacy: {
+    warning: "Reports may contain sensitive health information and are stored only locally in this browser.",
+    exportJson: "Export JSON",
+    importBackup: "Import backup",
+    deleteAll: "Delete all local data",
+    importHelp: "Import previously exported JSON if you changed device or lost local data. Imported data is stored locally in this browser.",
+    importFrom: "Import data from {fileName}",
+    importStats: "New reports: {reports}. New follow-ups: {followups}. Duplicates skipped: {duplicates}. Conflicts: {conflicts}.",
+    cancelImport: "Cancel import",
+    importData: "Import data",
+    baseCopy:
+      "The app does not collect names, national identity numbers or contact information. Data is not sent to external services by the app. Free text is optional and should only be used when needed.",
+    storageTitle: "Where is the data stored?",
+    storageBody:
+      "Reports are stored locally in the browser on the device you use, in localStorage. This means the data normally remains on your phone or computer.",
+    backupTitle: "Backup and device changes",
+    backupBody:
+      "Because the data is stored locally, it may be lost if you change device, delete browser data, use another browser or reset the device. Export a JSON file regularly if you want to keep the reports.",
+    sharingTitle: "Sharing with a guide",
+    sharingBody:
+      "If a guide or another person will review the reports, export a JSON file and share it with them, for example by email. The recipient can import the JSON file in the guide view.",
+    sensitiveTitle: "Sensitive information",
+    sensitiveBody:
+      "Reports may contain health and function-related information. Share the JSON file in a way suitable for sensitive information, and only with people who should have access.",
+    exportIntegrity: "Export includes local integrity checks where reports have verification data.",
+    deleteAllName: "all local reports"
+  },
+  evaluator: {
+    eyebrow: "Guide",
+    title: "Guide review",
+    backToApp: "Back to app",
+    importJson: "Import JSON",
+    importHelp: "Choose an export from the app. Data is stored locally in this browser.",
+    displayName: "Name/identifier",
+    optionalImportName: "Optional when importing",
+    connectExisting: "Connect to existing person",
+    autoMatch: "Create new or use automatic match",
+    chooseJson: "Choose JSON file",
+    exportBackup: "Export guide data",
+    importBackup: "Import guide backup",
+    importedBackup: "Guide backup has been imported.",
+    importStart: "Import a JSON file to start reviewing.",
+    saveName: "Save name",
+    deletePerson: "Delete user and reports",
+    deletePersonTitle: "Deletes this user, imported reports, follow-ups and guide notes after confirmation.",
+    reportCount: "{count} reports",
+    personNote: "General note for user",
+    personNoteHelp: "This note applies to the person as a whole, not one specific report.",
+    saveNote: "Save note",
+    changedAt: "Last changed: {time}",
+    searchReports: "Search reports",
+    newest: "Newest first",
+    oldest: "Oldest first",
+    noSelectedTitle: "No report selected",
+    noSelectedBody: "Choose a report from the list to see details, follow-ups and notes.",
+    details: "Show details",
+    reportDetails: "Report details",
+    followupDetails: "Follow-up details",
+    closeDetails: "Close details",
+    reportNote: "Report note",
+    followupNote: "Follow-up note",
+    noteHelp: "The guide note is stored locally and does not change imported report data.",
+    deleteNote: "Delete note",
+    validationError: "Validation error",
+    comment: "Comment",
+    evaluatorNote: "Guide note",
+    followupNoteBadge: "Follow-up note",
+    hasFollowup: "Has follow-up",
+    hasComment: "Has user comment",
+    hasEvaluatorNote: "Has guide note",
+    scoreValues: "Score values"
+  },
+  details: {
+    summary: "Short summary",
+    coreValues: "Core values",
+    details: "Details",
+    userComment: "User comment",
+    followups: "Follow-ups",
+    technical: "Technical information",
+    rawData: "Raw data",
+    integrity: "Integrity check",
+    time: "Time",
+    workTime: "Work time",
+    status: "Status",
+    totalScore: "Total score",
+    functionLevel: "Function level",
+    description: "Description",
+    important: "Important",
+    workAbility: "Work ability",
+    energy: "Energy level",
+    physicalEnergy: "Physical energy",
+    mentalEnergy: "Mental energy",
+    mentalClarity: "Mental clarity",
+    symptoms: "Symptom burden",
+    strain: "Effort/strain",
+    productivity: "Productivity",
+    taskCompletion: "How much did you get done?",
+    taskTypes: "Work involved",
+    limitations: "Limited by",
+    accommodations: "What helped",
+    comment: "Comment",
+    noComment: "No comment",
+    noOptionalDetails: "No optional details provided.",
+    technicalDescription: "Advanced information for control, troubleshooting and verification.",
+    rawDescription: "Full JSON view for troubleshooting or technical control.",
+    copyRaw: "Copy raw data",
+    reportId: "Report ID",
+    followupId: "Follow-up ID",
+    connectedReport: "Connected report",
+    created: "Created",
+    reportDate: "Report date",
+    reportTime: "Report time",
+    integrityStatus: "Integrity status",
+    explanation: "Explanation",
+    algorithm: "Algorithm",
+    signed: "Signed",
+    payloadHash: "Payload hash",
+    worse: "Worse than before",
+    delayedSymptoms: "Delayed symptoms",
+    recovery: "Recovery",
+    outOfFive: "{value} of 5",
+    worseValue: "Worse: {value}",
+    recoveryValue: "Recovery: {value}"
+  },
+  danger: {
+    title: "Danger zone",
+    deleteEntryHelp: "This deletes the report or follow-up from local storage in this browser.",
+    deleteReport: "Delete report",
+    deleteFollowup: "Delete follow-up",
+    reportName: "report",
+    followupName: "follow-up"
+  },
+  graphModal: {
+    open: "Open chart fullscreen",
+    title: "Chart analysis",
+    close: "Close chart",
+    timeRange: "Time range",
+    visibleLines: "Visible lines",
+    visibleHelp: "Tap once for partially visible, twice for hidden.",
+    snapHelp: "Hover over the chart to see exact report values.",
+    noReports: "No reports in selected period.",
+    noPoint: "No report point selected",
+    noPointHelp: "Hover near a point to see actual report values.",
+    nearestReport: "Nearest report",
+    chartLabel: "Fullscreen trend chart for reports"
+  },
+  scoring: {
+    disclaimer:
+      "The total score is normalized so that 75% roughly corresponds to an expected/good reported function level, while 100% corresponds to an exceptionally high function level. The score is an internal function indicator for overview and trend, not a medical conclusion.",
+    periodLabel: "Period work ability assessment",
+    periodEmpty: "No data in selected period",
+    periodTooltip:
+      "This is a normalized assessment based on the main reports in the selected time range. 75% is roughly considered an expected/good reported function level. The assessment supports overview and trend, not a medical conclusion.",
+    exceptionallyHigh: "Exceptionally high function level",
+    expected: "Expected function level",
+    moderatelyReduced: "Moderately reduced function",
+    significantlyReduced: "Significantly reduced function",
+    veryLow: "Very low function",
+    exceptionallyHighShort: "Exceptionally high",
+    expectedShort: "Expected",
+    moderatelyReducedShort: "Moderately reduced",
+    significantlyReducedShort: "Significantly reduced",
+    veryLowShort: "Very low"
+  },
+  verification: {
+    valid: "Verified",
+    modified: "Possibly changed",
+    missing: "Not verified",
+    unsupported: "Verification is not supported",
+    error: "Verification error",
+    invalidLabel: "Warning: the report could not be verified"
+  }
+};
+
+export const labelsByLanguage = {
+  "nb-NO": {
+    statusLabels: nbStatusLabels,
+    taskTypeLabels: nbTaskTypeLabels,
+    limitationLabels: nbLimitationLabels,
+    accommodationLabels: nbAccommodationLabels,
+    taskCompletionLabels: nbTaskCompletionLabels,
+    worseLabels: nbWorseLabels,
+    delayedSymptomLabels: nbDelayedSymptomLabels,
+    recoveryLabels: nbRecoveryLabels,
+    positiveScale: nbPositiveScale,
+    negativeScale: nbNegativeScale,
+    tooltipTexts: nbTooltipTexts,
+    categoryTooltipTexts: nbCategoryTooltipTexts
+  },
+  en: {
+    statusLabels: {
+      kan_fortsette: "Can continue",
+      trenger_pause: "Needs a break",
+      trenger_enklere_oppgave: "Needs an easier task",
+      bør_stoppe: "Wants to stop",
+      onsker_a_stoppe: "Wants to stop",
+      ønsker_å_stoppe: "Wants to stop"
+    } satisfies Record<ReportStatus, string>,
+    taskTypeLabels: {
+      sitting: "Sitting",
+      standing: "Standing",
+      walking: "Walking",
+      lifting: "Lifting",
+      computer_work: "Computer work",
+      concentration: "Concentration",
+      multitasking: "Multitasking",
+      talking_social: "Talking/social",
+      noise: "Noise",
+      bright_light: "Bright light",
+      time_pressure: "Time pressure"
+    } satisfies Record<TaskType, string>,
+    limitationLabels: {
+      fatigue: "Fatigue",
+      brain_fog: "Brain fog",
+      pain: "Pain",
+      headache_migraine: "Headache/migraine",
+      dizziness: "Dizziness",
+      nausea: "Nausea",
+      sensory_overload: "Sensory overload",
+      stress_anxiety: "Stress/anxiety",
+      weakness: "Weakness",
+      sleepiness: "Sleepiness",
+      other: "Other"
+    } satisfies Record<Limitation, string>,
+    accommodationLabels: {
+      extra_breaks: "Extra breaks",
+      sitting_down: "Sitting down",
+      quiet_room: "Quiet room",
+      reduced_pace: "Reduced pace",
+      shorter_task: "Shorter task",
+      help_from_others: "Help from others",
+      remote_work: "Remote work",
+      task_switching: "Task switching",
+      nothing_helped: "Nothing helped"
+    } satisfies Record<Accommodation, string>,
+    taskCompletionLabels: {
+      nesten_ingenting: "Almost nothing",
+      litt: "A little",
+      delvis: "Partly",
+      som_forventet: "As expected",
+      mer_enn_forventet: "More than expected"
+    } satisfies Record<TaskCompletion, string>,
+    worseLabels: {
+      nei: "No",
+      litt: "A little",
+      moderat: "Moderate",
+      mye: "A lot"
+    } satisfies Record<WorseThanBefore, string>,
+    delayedSymptomLabels: {
+      fatigue: "Fatigue",
+      pain: "Pain",
+      brain_fog: "Brain fog",
+      flu_like: "Flu-like feeling",
+      headache: "Headache",
+      dizziness: "Dizziness",
+      sleep_disruption: "Sleep disruption",
+      sensory_sensitivity: "Light/sound sensitivity"
+    } satisfies Record<DelayedSymptom, string>,
+    recoveryLabels: {
+      tilbake_til_baseline: "Back to usual level",
+      samme_dag: "Same day",
+      en_dag: "One day",
+      to_tre_dager: "Two-three days",
+      fire_pluss_dager: "Four+ days",
+      ikke_tilbake_til_baseline: "Not back yet"
+    } satisfies Record<RecoveryStatus, string>,
+    positiveScale: {
+      1: "Very low",
+      2: "Low",
+      3: "Medium",
+      4: "Good",
+      5: "Very good"
+    } satisfies Record<ScaleValue, string>,
+    negativeScale: {
+      1: "Little/none",
+      2: "Mild",
+      3: "Moderate",
+      4: "High",
+      5: "Very high"
+    } satisfies Record<ScaleValue, string>,
+    tooltipTexts: {
+      work_ability: "How well you feel you can function in the work situation right now, regardless of whether you actually get everything done.",
+      energy_level: "Overall perceived energy. If you do not separate physical and mental energy, this is used for both.",
+      physical_energy: "Bodily energy, endurance and physical capacity.",
+      mental_energy: "Mental endurance, ability to stay focused over time and tolerate cognitive load.",
+      mental_clarity: "How clearly you think, and how easy it is to concentrate, remember, understand and follow along.",
+      symptom_burden: "How much symptoms bother or limit you, such as pain, headache, dizziness, nausea or sensory overload.",
+      effort_strain: "How much it costs to complete the activity. This is about effort/strain, not only symptom intensity.",
+      symptom_vs_effort: "Symptom burden is about how many symptoms you have. Effort/strain is about how hard you must push yourself to complete the activity.",
+      total_score_percent: "A calculated function indicator from 0 to 100 based on reported answers. This is not a medically validated test score.",
+      workplace: "Workplace or context for the session. The field is prefilled from the previous report when available.",
+      work_time: "Start and end time for the work session. The fields can be changed before saving the report."
+    },
+    categoryTooltipTexts: {
+      A: "Work ability",
+      E: "Energy",
+      K: "Mental clarity/concentration",
+      S: "Symptom burden",
+      B: "Effort/strain",
+      T: "Total score"
+    }
+  }
+} as const;
+
+type I18nContextValue = {
+  language: Language;
+  setLanguage: (language: Language) => void;
+  labels: (typeof labelsByLanguage)[Language];
+  t: (key: string, params?: Record<string, string | number>) => string;
+  locale: string;
+};
+
+const I18nContext = createContext<I18nContextValue | null>(null);
+
+export function I18nProvider({ children }: { children: React.ReactNode }) {
+  const [language, setLanguageState] = useState<Language>(() => readStoredLanguage());
+  const value = useMemo<I18nContextValue>(() => {
+    const setLanguage = (next: Language) => {
+      localStorage.setItem(LANGUAGE_KEY, next);
+      setLanguageState(next);
+    };
+    return {
+      language,
+      setLanguage,
+      labels: labelsByLanguage[language],
+      t: (key, params) => interpolate(readTranslation(language, key), params),
+      locale: language === "en" ? "en-GB" : "nb-NO"
+    };
+  }, [language]);
+
+  return <I18nContext.Provider value={value}>{children}</I18nContext.Provider>;
+}
+
+export function useI18n() {
+  const context = useContext(I18nContext);
+  if (!context) throw new Error("useI18n must be used inside I18nProvider");
+  return context;
+}
+
+export function translateVerificationStatus(status: VerificationStatus | undefined, t: I18nContextValue["t"]) {
+  if (!status) return t("common.notProvided");
+  return t(`verification.${status}`);
+}
+
+export function translateScoreBand(
+  band: { label: string; short_label: string; description: string } | null | undefined,
+  t: I18nContextValue["t"],
+  mode: "label" | "short" = "label"
+) {
+  if (!band) return t("common.notCalculated");
+  const key = scoreBandKeyFromNorwegianLabel(band.label);
+  if (!key) return mode === "short" ? band.short_label : band.label;
+  if (mode === "short") return t(`scoring.${key}Short`);
+  return t(`scoring.${key}`);
+}
+
+export function translateScoreBandDescription(band: { label: string; description: string } | null | undefined, language: Language) {
+  if (!band || language === "nb-NO") return band?.description;
+  const key = scoreBandKeyFromNorwegianLabel(band.label);
+  const descriptions: Record<string, string> = {
+    exceptionallyHigh: "The report suggests very good function in the current work situation, above what can normally be expected.",
+    expected: "The report is within an expected/good function level for the current work situation.",
+    moderatelyReduced: "The report suggests a noticeable reduction in work ability, energy, symptom burden or sustainability.",
+    significantlyReduced: "The report suggests clearly limited function and/or high strain when completing the activity.",
+    veryLow: "The report suggests very low current function, high strain or that the activity may not be sustainable."
+  };
+  return key ? descriptions[key] : band.description;
+}
+
+function readStoredLanguage(): Language {
+  const stored = localStorage.getItem(LANGUAGE_KEY);
+  return stored === "en" || stored === "nb-NO" ? stored : "nb-NO";
+}
+
+function readTranslation(language: Language, key: string) {
+  const translated = lookup(language === "en" ? en : nb, key);
+  const fallback = lookup(nb, key);
+  return typeof translated === "string" ? translated : typeof fallback === "string" ? fallback : key;
+}
+
+function lookup(tree: TranslationTree, key: string): string | TranslationTree | undefined {
+  return key.split(".").reduce<string | TranslationTree | undefined>((current, part) => {
+    if (!current || typeof current === "string") return undefined;
+    return current[part];
+  }, tree);
+}
+
+function interpolate(template: string, params?: Record<string, string | number>) {
+  if (!params) return template;
+  return template.replace(/\{(\w+)\}/g, (_, key: string) => String(params[key] ?? `{${key}}`));
+}
+
+function scoreBandKeyFromNorwegianLabel(label: string) {
+  if (label === "Særdeles høyt funksjonsnivå") return "exceptionallyHigh";
+  if (label === "Forventet funksjonsnivå") return "expected";
+  if (label === "Moderat redusert funksjon") return "moderatelyReduced";
+  if (label === "Betydelig redusert funksjon") return "significantlyReduced";
+  if (label === "Svært lav funksjon") return "veryLow";
+  return null;
+}
diff --git a/src/styles.css b/src/styles.css
index 53617e9..72667c0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1520,10 +1520,8 @@ textarea {
 }
 
 .app-footer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 5px;
+  display: grid;
+  gap: 0.35rem;
   color: #65706e;
   font-size: 0.8rem;
   font-weight: 700;
@@ -1534,6 +1532,66 @@ textarea {
   text-align: center;
 }
 
+.footer-credit,
+.footer-language-switcher,
+.footer-links {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  gap: 5px;
+}
+
+.footer-language-switcher {
+  gap: 0.45rem;
+  font-size: 0.9rem;
+}
+
+.footer-language-button {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+  padding: 0.2rem 0.35rem;
+}
+
+.footer-language-button[aria-current="true"] {
+  color: #35413f;
+  font-weight: 900;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+
+.footer-language-separator {
+  opacity: 0.45;
+}
+
+.footer-link {
+  align-items: center;
+  background: rgba(255, 254, 250, 0.74);
+  border: 1px solid #ccd7d4;
+  border-radius: 999px;
+  color: #235b5e;
+  display: inline-flex;
+  gap: 0.4rem;
+  justify-content: center;
+  padding: 0.44rem 0.7rem;
+  text-decoration: none;
+  transition:
+    background 0.16s ease,
+    border-color 0.16s ease,
+    color 0.16s ease,
+    transform 0.16s ease;
+}
+
+.footer-link:hover,
+.footer-link:focus-visible {
+  background: #fffefa;
+  border-color: #9db5af;
+  color: #1f4f51;
+  transform: translateY(-1px);
+}
+
 .app-footer svg {
   width: 14px;
   height: 14px;