@innspel/react-native 0.10.1 → 0.11.0

package/dist/index.js

@@ -1,6 +1,6 @@
 // src/InnspelProvider.tsx
 import { createContext as createContext3, useCallback as useCallback3, useContext as useContext4, useMemo as useMemo4, useRef as useRef5, useState as useState5 } from "react";
-import { View as View9 } from "react-native";
+import { View as View10 } from "react-native";
 
 // src/skjermbilde.ts
 import { createContext, useContext } from "react";
@@ -356,7 +356,7 @@ import {
   InnspelQueueFullError
 } from "@innspel/core";
 import { useCallback as useCallback2, useContext as useContext3, useEffect as useEffect2, useRef as useRef4, useState as useState4 } from "react";
-import { KeyboardAvoidingView, Modal, Pressable as Pressable6, View as View8 } from "react-native";
+import { KeyboardAvoidingView, Modal, Pressable as Pressable5, View as View9 } from "react-native";
 import { initialWindowMetrics, SafeAreaInsetsContext } from "react-native-safe-area-context";
 
 // src/Ikon.tsx
@@ -387,12 +387,21 @@ var calendar_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox=
 // ../../node_modules/ionicons/dist/svg/camera-outline.svg
 var camera_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="m350.54 148.68-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h352a32 32 0 0 0 32-32V192a32 32 0 0 0-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><circle cx="256" cy="272" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32px"/><path d="M124 158v-22h-24v22" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
 
+// ../../node_modules/ionicons/dist/svg/chatbox-outline.svg
+var chatbox_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M408 64H104a56.16 56.16 0 0 0-56 56v192a56.16 56.16 0 0 0 56 56h40v80l93.72-78.14a8 8 0 0 1 5.13-1.86H408a56.16 56.16 0 0 0 56-56V120a56.16 56.16 0 0 0-56-56Z" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
 // ../../node_modules/ionicons/dist/svg/checkmark-circle-outline.svg
 var checkmark_circle_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192Z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32px"/><path d="M352 176 217.6 336 160 272" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
 
+// ../../node_modules/ionicons/dist/svg/checkmark-outline.svg
+var checkmark_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M416 128 192 384l-96-96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
 // ../../node_modules/ionicons/dist/svg/chevron-down-outline.svg
 var chevron_down_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="m112 184 144 144 144-144" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48px"/></svg>';
 
+// ../../node_modules/ionicons/dist/svg/chevron-forward-outline.svg
+var chevron_forward_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="m184 112 144 144-144 144" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48px"/></svg>';
+
 // ../../node_modules/ionicons/dist/svg/chevron-up-outline.svg
 var chevron_up_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="m112 328 144-144 144 144" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48px"/></svg>';
 
@@ -470,8 +479,14 @@ var IKONER = Object.fromEntries(
     "bug-outline": bug_outline_default,
     "calendar-outline": calendar_outline_default,
     "camera-outline": camera_outline_default,
+    // «Send» og «Send nytt innspill» — ikonkartet i wireframen (R8.3).
+    "chatbox-outline": chatbox_outline_default,
     "checkmark-circle-outline": checkmark_circle_outline_default,
+    // Haken ALENE: sporingslinjens passerte ledd er allerede en sirkel (R8.3).
+    "checkmark-outline": checkmark_outline_default,
     "chevron-down-outline": chevron_down_outline_default,
+    // Sporvalgets rader peker videre (R8.3, DD-63) — dekorativ, etiketten bærer meningen.
+    "chevron-forward-outline": chevron_forward_outline_default,
     "chevron-up-outline": chevron_up_outline_default,
     "close-circle-outline": close_circle_outline_default,
     "close-outline": close_outline_default,
@@ -544,9 +559,9 @@ function Btn({
   const tema = useTema();
   const c = tema.color;
   const forbi = useTrykkForbiForelder(onPress, !!disabled, tema.touch / 2);
-  const bakgrunn = variant === "primary" ? c.actionPrimary : variant === "secondary" ? c.surfaceRaised : "transparent";
-  const tekstfarge = variant === "primary" ? c.onActionPrimary : variant === "danger" ? c.danger : c.actionSecondaryText;
-  const kant = variant === "ghost" ? "transparent" : variant === "primary" ? c.actionPrimary : c.actionSecondaryBorder;
+  const bakgrunn = variant === "primary" ? c.actionPrimary : variant === "tonet" ? c.brandBg : variant === "secondary" ? c.surfaceRaised : "transparent";
+  const tekstfarge = variant === "primary" ? c.onActionPrimary : variant === "tonet" ? c.brand : variant === "danger" ? c.danger : c.actionSecondaryText;
+  const kant = variant === "ghost" || variant === "tonet" ? "transparent" : variant === "primary" ? c.actionPrimary : c.actionSecondaryBorder;
   return /* @__PURE__ */ jsxs(View, { style: grow ? { flex: 1 } : void 0, children: [
     /* @__PURE__ */ jsxs(
       Pressable,
@@ -621,35 +636,142 @@ function useTrykkForbiForelder(onPress, laast, slingring) {
     [slingring]
   );
 }
-function H({ children, sub }) {
+function H({
+  children,
+  sub,
+  meta,
+  nivaa = 2,
+  testID
+}) {
   const tema = useTema();
   return /* @__PURE__ */ jsxs(View, { style: { gap: tema.space.xs }, children: [
     /* @__PURE__ */ jsx2(
       Text,
       {
+        testID,
         accessibilityRole: "header",
         style: {
           color: tema.color.textPrimary,
-          fontSize: tema.font.h2,
-          lineHeight: tema.lineHeight.h2,
-          fontWeight: tema.weight.semibold
+          fontSize: nivaa === 2 ? tema.font.h2 : tema.font.h3,
+          lineHeight: nivaa === 2 ? tema.lineHeight.h2 : tema.lineHeight.h3,
+          fontWeight: tema.weight.bold
         },
         children
       }
     ),
-    sub ? /* @__PURE__ */ jsx2(
-      Text,
-      {
-        style: {
-          color: tema.color.textSecondary,
-          fontSize: tema.font.small,
-          lineHeight: tema.lineHeight.small
-        },
-        children: sub
-      }
-    ) : null
+    sub ? /* @__PURE__ */ jsx2(Sek, { children: sub }) : null,
+    meta ? /* @__PURE__ */ jsx2(Meta, { children: meta }) : null
   ] });
 }
+function Brodtekst({ children, testID }) {
+  const tema = useTema();
+  return /* @__PURE__ */ jsx2(
+    Text,
+    {
+      testID,
+      style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body },
+      children
+    }
+  );
+}
+function Sek({ children, testID }) {
+  const tema = useTema();
+  return /* @__PURE__ */ jsx2(
+    Text,
+    {
+      testID,
+      style: { color: tema.color.textSecondary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body },
+      children
+    }
+  );
+}
+function Helt({
+  children,
+  testID,
+  farge,
+  live
+}) {
+  const tema = useTema();
+  return /* @__PURE__ */ jsx2(
+    Text,
+    {
+      testID,
+      ...live ? { accessibilityRole: "alert", accessibilityLiveRegion: "polite" } : {},
+      style: {
+        color: farge ?? tema.color.textPrimary,
+        fontSize: tema.font.h1,
+        lineHeight: tema.lineHeight.h1,
+        fontWeight: tema.weight.bold
+      },
+      children
+    }
+  );
+}
+function Meta({ children, testID, farge }) {
+  const tema = useTema();
+  return /* @__PURE__ */ jsx2(
+    Text,
+    {
+      testID,
+      style: { color: farge ?? tema.color.textMuted, fontSize: tema.font.small, lineHeight: tema.lineHeight.small },
+      children
+    }
+  );
+}
+function Tekstknapp({
+  label,
+  ikon,
+  onPress,
+  noytral,
+  disabled,
+  testID,
+  accessibilityLabel
+}) {
+  const tema = useTema();
+  const farge = disabled ? tema.color.textDisabled : noytral ? tema.color.textPrimary : tema.color.actionSecondaryText;
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      testID,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityState: { disabled: !!disabled },
+      disabled,
+      onPress,
+      style: {
+        alignSelf: "flex-start",
+        minHeight: tema.touch,
+        flexDirection: "row",
+        alignItems: "center",
+        gap: tema.space.sm
+      },
+      children: [
+        ikon ? /* @__PURE__ */ jsx2(Ikon, { navn: ikon, storrelse: "minste", farge }) : null,
+        /* @__PURE__ */ jsx2(Text, { style: { color: farge, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: label })
+      ]
+    }
+  );
+}
+function Pille({ children, testID }) {
+  const tema = useTema();
+  return /* @__PURE__ */ jsx2(
+    Text,
+    {
+      testID,
+      style: {
+        color: tema.color.info,
+        backgroundColor: tema.color.infoBg,
+        fontSize: tema.font.small,
+        lineHeight: tema.lineHeight.small,
+        fontWeight: tema.weight.semibold,
+        borderRadius: tema.radius.pill,
+        paddingHorizontal: tema.space.sm,
+        overflow: "hidden"
+      },
+      children
+    }
+  );
+}
 function Hint({ children }) {
   const tema = useTema();
   return /* @__PURE__ */ jsx2(
@@ -667,12 +789,16 @@ function Hint({ children }) {
 function Card({
   children,
   dashed,
-  style
+  style,
+  testID,
+  accessibilityLabel
 }) {
   const tema = useTema();
   return /* @__PURE__ */ jsx2(
     View,
     {
+      testID,
+      ...accessibilityLabel ? { accessibilityLabel } : {},
       style: [
         {
           backgroundColor: tema.color.surface,
@@ -689,12 +815,19 @@ function Card({
     }
   );
 }
-function StatusPill({ ikon, etikett, fg, bg }) {
+function StatusPill({
+  ikon,
+  etikett,
+  fg,
+  bg,
+  testID
+}) {
   const tema = useTema();
   const farge = (navn, reserve) => tema.color[navn] ?? reserve;
   return /* @__PURE__ */ jsxs(
     View,
     {
+      testID,
       style: {
         flexDirection: "row",
         alignItems: "center",
@@ -741,8 +874,8 @@ function Banner({
             style: {
               flex: 1,
               color: tema.color[tone],
-              fontSize: tema.font.small,
-              lineHeight: tema.lineHeight.small
+              fontSize: tema.font.body,
+              lineHeight: tema.lineHeight.body
             },
             children
           }
@@ -759,30 +892,82 @@ function saksnr(id) {
   return rest.length > 8 ? rest.slice(-4) : rest;
 }
 var stor = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+var PLATTFORM_ORD = {
+  android: "Android",
+  ios: "iOS",
+  web: "Web",
+  tvos: "TV"
+};
+var SPRAAK_ORD = {
+  nb: "Norsk (bokm\xE5l)",
+  nn: "Norsk (nynorsk)",
+  no: "Norsk",
+  se: "Nordsamisk",
+  en: "Engelsk",
+  sv: "Svensk",
+  da: "Dansk",
+  fi: "Finsk",
+  is: "Islandsk",
+  de: "Tysk",
+  nl: "Nederlandsk",
+  fr: "Fransk",
+  es: "Spansk",
+  it: "Italiensk",
+  pt: "Portugisisk",
+  pl: "Polsk",
+  lt: "Litauisk",
+  ru: "Russisk",
+  uk: "Ukrainsk",
+  ar: "Arabisk",
+  so: "Somali",
+  ti: "Tigrinja",
+  tr: "Tyrkisk",
+  ur: "Urdu",
+  fa: "Persisk",
+  th: "Thai",
+  vi: "Vietnamesisk",
+  zh: "Kinesisk",
+  ja: "Japansk",
+  ko: "Koreansk"
+};
+function plattformOrd(verdi) {
+  return PLATTFORM_ORD[verdi.toLowerCase()] ?? stor(verdi);
+}
+function spraakOrd(verdi) {
+  const hoved = verdi.toLowerCase().split(/[-_]/)[0] ?? verdi;
+  return SPRAAK_ORD[hoved] ?? stor(hoved);
+}
+var TALLORD = ["null", "\xE9n", "to", "tre"];
+var tallord = (n) => TALLORD[n] ?? String(n);
 var tekst = {
   // 2b — første valg
   valgTittel: "Hva gjelder det?",
   sporFeil: "Noe virker ikke",
+  /** DD-67, produkteier 2026-09-20: dette er VALGETS tekst, ikke en hjelpetekst. */
   sporFeilUnder: "Noe er galt eller virker rart",
   sporOnske: "Jeg \xF8nsker meg noe",
   sporOnskeUnder: "Noe du savner eller vil ha annerledes",
-  // 2c — kjente feil (DD-29, DD-30)
+  /**
+   * Anonym modus (DD-62 (3)). Portalens ordlyd, med widgetens ord. ALDRI «du er ikke logget
+   * inn»: anonym modus er leietakerens valg ved `init()`, og widgeten vet ikke om
+   * innsenderen er logget inn i vertsappen.
+   */
+  sendAnonymtHint: "Innspillet kobles ikke til deg, og du kan ikke f\xF8lge det etterp\xE5.",
+  // 2c — kjente feil (DD-29, DD-30). Ingen undertittel: overskriften stiller spørsmålet.
   kjenteFeilTittelFeil: "Er det dette du ser?",
-  kjenteFeilUnderFeil: "Kjenner du igjen en av disse?",
   kjenteFeilTittelOnske: "Har noen \xF8nsket dette?",
-  kjenteFeilUnderOnske: "Ett trykk legger deg til p\xE5 \xF8nsket \u2014 ingen ny sak.",
   svarJa: "Ja, jeg ogs\xE5",
   svarLigner: "Ligner, men ikke helt",
   svarNei: "Nei, det er noe annet",
   omvei: "Omvei:",
   rettesI: (versjon) => `Rettes i ${versjon}`,
   rettetI: (versjon) => `Rettet i ${versjon}`,
+  /** Hvert kort er ÉN gruppe med samlet navn; de tre svarene er knapper i den. */
+  kjentFeilGruppe: (tittel, status, versjon) => versjon ? `Kjent feil: ${tittel}, ${status}, ${versjon}` : `Kjent feil: ${tittel}, ${status}`,
   // 2d + 2e — feltet og kontekstlinja
   /**
-   * «Ditt innspill», ikke «Din feil» (DD-54). «Din» festet saken til personen, og
-   * «feil» karakteriserte den før noen hadde lest den — innsenderen leste det som
-   * skyld. Ønskesporet beholder «Ditt ønske»: et ønske er ingen feil, og der finnes
-   * ikke problemet. De to står aldri ved siden av hverandre; sporet velges før dette.
+   * «Ditt innspill», ikke «Din feil» (DD-54). «Din» festet saken til personen, og «feil»
+   * karakteriserte den før noen hadde lest den — innsenderen leste det som skyld.
    */
   feltLabelFeil: "Ditt innspill",
   feltLabelOnske: "Ditt \xF8nske",
@@ -794,10 +979,30 @@ var tekst = {
   /** DD-44: minimum tegn er det ENESTE kravet. */
   forKort: (min) => `Minst ${min} tegn. Ingenting annet er obligatorisk.`,
   tellerFull: " \u2014 kort og konkret holder",
-  kontekstLinje: "Legges ved: skjerm, appversjon, plattform, OS",
-  kontekstVis: " \u2014 Vis",
+  /**
+   * DD-05 ordrett: «Én linje «Vis» under feltet ekspanderer». Lukket er linja en
+   * OPPSUMMERING — den navngir det innsenderen kjenner igjen; lista er hele sannheten.
+   */
+  kontekstLinjeLukket: "Skjerm og enhet legges ved",
+  kontekstLinjeApen: "Dette legges ved",
+  kontekstVis: "Vis",
+  kontekstSkjul: "Skjul",
   kontekstFjern: "Fjern",
-  kontekstAldri: "Aldri: navn, e-post, telefon, posisjon eller det som st\xE5r p\xE5 skjermen.",
+  kontekstFjernA11y: (etikett) => `Fjern ${etikett.toLowerCase()} fra innsendingen`,
+  /** K5 — skjermens ene hjelpesetning, og bare når lista står. */
+  kontekstAldri: "Aldri navn, e-post, telefon, posisjon eller det som st\xE5r p\xE5 skjermen.",
+  /**
+   * Etikettene er portalens: samme felt, samme ord i begge flater (DD-50, presisert
+   * 2026-09-20). Fram til R8.3 sto det «Plattform» og «OS» her.
+   */
+  kontekstEtiketter: {
+    screen: "Skjerm",
+    appVersion: "Appversjon",
+    platform: "Enhet",
+    os: "System",
+    build: "Bygg",
+    locale: "Spr\xE5k"
+  },
   lenketTil: (tittel) => `Lenket til: \xAB${tittel}\xBB`,
   fjernLenke: "Fjern lenken til den kjente feilen",
   // 2f — skjermbilde (K4, DD-39, DD-40, DD-42)
@@ -835,11 +1040,15 @@ var tekst = {
   monsterFjern: "Fjern",
   monsterBehold: "Behold",
   monsterForklaring: "Teksten endres bare hvis du trykker Fjern. Vi fjerner aldri noe stille.",
-  // 2g — kvittering
-  kvitteringSendt: "Sendt",
-  kvitteringRegistrert: "Registrert",
+  /* 2g — kvitteringen som KORT (DD-07, P1 (a) 2026-09-20).
+     Etiketten sier hva som skjedde; HELTEN er løftets setning. */
+  kvitteringSendtDato: (dato) => `Sendt ${dato}`,
+  kvitteringSendtAnonymtDato: (dato) => `Sendt anonymt ${dato}`,
+  kvitteringRegistrertDato: (dato) => `Registrert ${dato}`,
+  kvitteringLagretDato: (dato) => `Lagret ${dato}`,
   kvitteringFeil: "Du f\xE5r beskjed n\xE5r den er rettet, eller hvis vi trenger mer.",
   kvitteringJaOgsa: "Du f\xE5r beskjed n\xE5r den er rettet.",
+  kvitteringUnder: "Ligger under \xABMine innspill\xBB og oppdaterer seg selv.",
   saksnummer: (nr) => `Sak ${saksnr(nr)}`,
   tilbakeTilAppen: "Tilbake til appen",
   /** DD-42: saken er sendt, bildet kom ikke med — aldri en blokkert innsending. */
@@ -847,9 +1056,12 @@ var tekst = {
   tekstenErLagret: "Teksten din er lagret.",
   vedleggFeiletBanner: "Bildet ble ikke lastet opp. Saken er sendt uten det \u2014 vil du, kan du sende et nytt innspill med bilde.",
   saksnummerUtenVedlegg: (nr) => `Sak ${saksnr(nr)} \xB7 uten vedlegg`,
-  // 2i — tilstander
-  koKvitteringTittel: "Lagret \u2014 sendes n\xE5r du er p\xE5 nett",
-  offlineBanner: "Ingen nett. Lagres og sendes automatisk \u2014 du ser det under \xABMine innspill\xBB til det er sendt.",
+  /* 2i — køet uten nett (DD-41, presisert 2026-09-20). Kortet lover ikke svar, og det er
+     derfor ikke kvitteringen: kvitteringen kommer når køen tømmes. */
+  koIngenNett: "Ingen nett",
+  koHelt: "Sendes n\xE5r du er p\xE5 nett.",
+  koUnder: "Du ser den under \xABMine innspill\xBB til den er sendt.",
+  offlineBanner: "Ingen nett. Lagres og sendes automatisk.",
   offlineLagre: "Lagre \u2014 sendes n\xE5r du er p\xE5 nett",
   /** DD-41: et skjermbilde køes aldri. */
   offlineUtenBilde: "Skjermbilde kan ikke legges ved uten nett. Teksten sendes; bildet ble ikke lagret.",
@@ -860,18 +1072,23 @@ var tekst = {
   /** Knappen på første steg med innspill fra før (DD-62): tallet er det som gjør den til en inngang. */
   mineMedAntall: (n) => `Mine innspill \xB7 ${n}`,
   mineEtikett: (n) => `Mine innspill, ${n} innspill`,
-  mineUnder: "Status og hva du kan vente deg.",
-  mineTom: "Du har ikke sendt noe enn\xE5.",
-  mineIkkeSendt: "Ikke sendt enn\xE5",
-  mineSak: (nr) => `Sak ${saksnr(nr)}`,
+  mineLaster: "Henter innspillene dine",
+  /** DD-19: tomheten er OVERSKRIFTEN, ikke en grå linje under tittelen. */
+  mineTomTittel: "Du har ikke sendt noe enn\xE5",
+  /** Ordrett portalens `mineTomHint` — én innsender, to flater, samme setning. */
+  mineTomHint: (leietaker) => `Det f\xF8rste innspillet tar under et minutt. Feil eller \xF8nske \u2014 ${leietaker} svarer p\xE5 begge.`,
+  mineTomHintGenerisk: "Det f\xF8rste innspillet tar under et minutt. Feil eller \xF8nske \u2014 du f\xE5r svar p\xE5 begge.",
+  /** Køraden har ingen saksnummer å vise — hodet sier hva den er i stedet (DD-41). */
+  mineIkkeSendtHode: (spor) => `${stor(spor)} \xB7 ikke sendt enn\xE5`,
+  mineFeil: "Innspillene dine kunne ikke hentes n\xE5.",
   /** «Feil · sak 2041» — sporet først, aldri rå id og aldri kontraktens type (DD-50). */
   sakHode: (spor, nr) => `${stor(spor)} \xB7 sak ${saksnr(nr)}`,
   /** F14: svaret kom siden forrige gang denne enheten viste lista. */
   nyttSvar: "Nytt svar",
   // Leietakeren fjernet vedlegget. Bare AT — aldri hvorfor, av hvem eller når.
   bildeFjernet: "Bildet er fjernet.",
-  svarFra: (leietaker) => `Svar fra ${leietaker}`,
-  svarFraGenerisk: "Svar",
+  svarFra: (leietaker, dato) => `Svar fra ${leietaker} \xB7 ${dato}`,
+  svarFraGenerisk: (dato) => `Svar \xB7 ${dato}`,
   // DD-69 — «Legg til mer»: innsenderens egne ord, ikke et svar på svaret.
   leggTilMer: "Legg til mer",
   leggTilMerLabel: "Legg til mer p\xE5 denne saken",
@@ -889,76 +1106,108 @@ var tekst = {
   sendNytt: "Send nytt innspill",
   /** Tom tilstand: det finnes ikke noe «nytt» å sende når ingenting er sendt. */
   sendForste: "Send innspill",
-  // 3a — invitasjonsbanneret (DD-12)
+  /* Sporingslinjen (DD-08/DD-28 presisert 2026-09-20). Ordene er innsenderens, aldri
+     kontraktens: ingen status-enum, ingen «deadline». Samme ord som portalen. */
+  sporEtikett: "Sakens gang",
+  sporSvarInnen: "Svar innen",
+  /** Mottatt: fristen finnes ikke ennå, og vi lover ingen dato på en sak ingen har åpnet. */
+  sporDatoenSettes: "dato kommer",
+  /** Planlagt/Bygges: kontrakten har ingen leveringsdato, og DD-28 forbyr en ETA. */
+  sporIngenDato: "ingen dato lovet",
+  sporNaarTenantTarDen: (leietaker) => `n\xE5r ${leietaker} tar den`,
+  sporNaarDenTasOpp: "n\xE5r de tar den",
+  /** P3 (a), produkteier 2026-09-20. Klientregel på `deadlineAt` — ingen ny status. */
+  sporFristenErGatt: "Fristen er g\xE5tt",
+  // 3a — invitasjonsbanneret (DD-12). Kontakttaket står IKKE her (DD-14).
   invitasjonRegion: "Invitasjon til betaprogram",
   invitasjonHva: (navn) => `Vil du teste \xAB${navn}\xBB?`,
-  invitasjonKontakter: (maks) => `Vi tar kontakt maks ${maks} ganger. Du kan g\xE5 ut n\xE5r som helst.`,
+  /** Én meta-linje med det kontrakten har: antall oppgaver og perioden. */
+  invitasjonMeta: (oppgaver, periode2) => `${oppgaver} oppgaver \xB7 ${periode2}`,
   lesMer: "Les mer og bli med",
   avvisInvitasjon: "Avvis invitasjonen",
   // 3b — aksepten (DD-13, DD-32, DD-37)
-  akseptHva: "Hva testes",
-  /** DD-32: tallene på én linje, FØR forklaringen — N oppgaver · ca. M min hver · dato–dato · maks K kontakter. */
-  akseptTall: (oppgaver, minutter, periode2, kontakter) => `${oppgaver} oppgaver \xB7 ca. ${minutter} min hver \xB7 ${periode2} \xB7 maks ${kontakter} kontakter`,
+  /**
+   * DD-32, presisert 2026-09-20: tallene skal være SANNE. Summen når anslagene er ulike —
+   * et snitt av 5, 3 og 2 er ikke sant for noen av oppgavene.
+   */
+  akseptTallSum: (oppgaver, minutter, periode2) => `${oppgaver} oppgaver \xB7 ca. ${minutter} min i alt \xB7 ${periode2}`,
+  akseptTallHver: (oppgaver, minutter, periode2) => `${oppgaver} oppgaver \xB7 ca. ${minutter} min hver \xB7 ${periode2}`,
   akseptOppgaver: "Hva vi ber om",
   akseptOppgaveTid: (minutter) => `ca. ${minutter} min`,
-  akseptKjenteFeil: (antall) => `Kjente feil (${antall})`,
-  akseptKjenteFeilUnder: "Disse trenger du ikke melde \u2014 vi vet om dem.",
+  akseptKjenteFeil: "Kjente feil vi vet om",
   akseptInnsamling: "Hva som samles inn",
-  akseptInnsamlingTekst: "Skjerm, appversjon, plattform, OS og hva du svarer. Aldri navn, e-post, telefon eller posisjon.",
-  akseptVilkar: "Les vilk\xE5rene (\xE5pnes i nettleser)",
-  akseptVilkarHint: "Bare en lenke. Ingen avkryssing, ingen signatur \u2014 \xABBli med\xBB binder deg ikke til noe.",
-  akseptIngenVilkar: "Ingen vilk\xE5r, ingen avtale \u2014 plattformen kjenner ikke navnet ditt og kan ikke inng\xE5 \xE9n.",
-  akseptUtgang: "Du kan g\xE5 ut n\xE5r som helst \u2014 herfra.",
+  /** Samme ord som kontekstlista (DD-50): «enhet», ikke «plattform». */
+  akseptInnsamlingTekst: "Skjerm, appversjon, enhet og det du svarer. Aldri navn, e-post, telefon eller posisjon.",
+  akseptVilkar: "Les vilk\xE5rene",
+  /**
+   * Skjermens ENE hjelpesetning: taket og utgangen i én (DD-67). «høyst N» — tallet er
+   * `maxContacts`, et TAK som kan senkes og aldri heves, og antall oppfølginger er malene,
+   * som kan være færre. «Vi spør tre ganger» lover noe som ikke er sant (DD-14).
+   */
+  akseptTakOgUtgang: (maks) => `Vi sp\xF8r h\xF8yst ${tallord(maks)} ${maks === 1 ? "gang" : "ganger"} underveis. Du kan g\xE5 ut n\xE5r som helst \u2014 ingen vilk\xE5r, ingen avtale.`,
+  akseptTakOgUtgangVilkar: (maks) => `Vi sp\xF8r h\xF8yst ${tallord(maks)} ${maks === 1 ? "gang" : "ganger"} underveis. Du kan g\xE5 ut n\xE5r som helst.`,
   bliMed: "Bli med",
   bliMedHint: "Samtykket gjelder bare dette programmet.",
   /** DD-12: tokenet er engangs og kom i leietakerens egen kanal — plattformen sender aldri. */
   bliMedUtenToken: "\xC5pne lenken vi sendte deg for \xE5 bli med.",
   akseptFeil: (arsak) => `Kunne ikke bli med: ${arsak}`,
-  // 3c (M3.1-delen) — deltakelsen og «Gå ut» (DD-36)
+  // 3c — deltakelsen og «Gå ut» (DD-36). Kontakttaket står IKKE her (DD-14).
   deltakelseRegion: "Ditt betaprogram",
-  deltakelsePeriode: (periode2, brukt, maks) => `${periode2} \xB7 Vi tar kontakt maks ${maks} ganger \u2014 ${brukt} brukt`,
-  deltakelseOppgaverKommer: "Oppgavene kan gj\xF8res n\xE5r det passer deg.",
   gaaUt: "G\xE5 ut av programmet",
   gaaUtTittel: "G\xE5 ut av programmet?",
   gaaUtTekst: (navn) => `Du tas ut av testgruppen med en gang. \xAB${navn}\xBB sl\xE5s av for deg, og vi tar ikke kontakt igjen. Det du allerede har svart, beholdes.`,
   bliVaerende: "Bli v\xE6rende",
   gaaUtBekreft: "G\xE5 ut",
-  // 3c (M3.2) — oppgavene og «Hvordan gikk det?»: tre lukkede valg, aldri en skala
+  /* Programmets sporingslinje (P1 (a), produkteier 2026-09-20): deltakelsen bæres av
+     linjen, ikke av et kvitteringskort — merkefargen er for det som er SENDT (DD-41). */
+  programSporEtikett: "Programmets gang",
+  programBleMed: "Du ble med",
+  programGjort: (gjort, av) => `${gjort} av ${av} gjort`,
+  programOver: "Programmet er over",
+  /** Under nå-leddet, ÉN linje. Aldri «to igjen»: «1 av 3» sier alt tallet sier (DD-08). */
+  programNaarDetPasser: "n\xE5r det passer",
+  // 3c — oppgavene
   oppgaverTittel: "Oppgavene",
-  oppgaveIkkeBegynt: "Ikke begynt",
   oppgaveGjort: "Gjort",
   oppgaveGjortLabel: (tittel) => `Gjort: ${tittel}`,
-  oppgaveGjortMed: (utfall) => `Pr\xF8vd \xB7 ${utfall}`,
+  /** Oppgavens ENE meta-linje i `small` (DD-67). Setningen hennes står i `body` under. */
+  oppgaveGjortMeta: (dato, utfall) => `Gjort ${dato} \xB7 ${utfall.toLowerCase()}`,
+  oppgaveTid: (minutter, skjerm) => `ca. ${minutter} min${skjerm ? ` \xB7 ${skjerm}` : ""}`,
+  oppgaveUbekreftet: "Svaret ble ikke bekreftet \u2014 merk den p\xE5 nytt",
+  oppgaveRadA11y: (nr, tittel, status) => `Oppgave ${nr}: ${tittel}, ${status}`,
+  oppgaveIkkeGjort: "ikke gjort",
+  // 3e — «Hvordan gikk det?»: tre lukkede valg, aldri en skala (DD-15)
   hvordanGikkDet: "Hvordan gikk det?",
   utfallFungerte: "Fungerte",
   utfallDelvis: "Fungerte delvis",
   utfallIkke: "Fungerte ikke",
-  setningLabel: "Vil du si \xE9n setning om det? (valgfritt)",
-  setningPlaceholder: "Kopien kom, men rullesjefen manglet p\xE5 torsdag.",
+  setningLabel: "Vil du si \xE9n setning om det?",
+  setningValgfritt: "Valgfritt",
   lagre: "Lagre",
-  lagreHint: "Ferdig \u2014 ingen flere sp\xF8rsm\xE5l n\xE5.",
   /** Etter «Ikke»: feilsporet er vertens — plattformen navigerer aldri selv. */
   meldFeil: "Meld det som feil",
-  meldFeilHint: "Gikk det ikke? Et innspill hjelper oss \xE5 finne ut hvorfor.",
   svarFeil: (arsak) => `Kunne ikke lagre svaret: ${arsak}`,
-  // 3d (M3.2) — oppfølgingskortene (DD-34): arten avgjør knappene
+  // 3d — oppfølgingskortene (DD-34): arten avgjør knappene. Ingen kontaktnummer (DD-14).
   oppfolgingRegion: "Oppf\xF8lging fra betaprogrammet",
-  oppfolgingKontakt: (nr, maks) => `Kontakt ${nr} av ${maks} \xB7 tar under ett minutt`,
-  oppfolgingPaaminnelseHint: (nr, maks) => `Kontakt ${nr} av ${maks} \xB7 planlagt p\xE5minnelse`,
-  oppfolgingUtgangHint: (nr, maks) => `Kontakt ${nr} av ${maks} \xB7 den siste vi sender`,
+  oppfolgingKost: "Ett sp\xF8rsm\xE5l \xB7 tar under ett minutt",
   senere: "Senere",
   svarNaa: "Svar n\xE5",
   aapneOppgavene: "\xC5pne oppgavene",
   // Felles
   tilbake: "Tilbake",
   lukk: "Lukk",
-  venterPaaNett: "Venter p\xE5 nett \u2014 sendes automatisk",
+  venterPaaNett: "Venter p\xE5 nett",
   feil: "feil",
   onske: "\xF8nske"
 };
 var lofte = {
-  venterNett: "Sendes automatisk n\xE5r du er p\xE5 nett \u2014 kvitteringen kommer da."
+  venterNett: "Sendes automatisk n\xE5r du er p\xE5 nett."
 };
+function kontekstVerdi(felt, verdi) {
+  if (felt === "platform") return plattformOrd(verdi);
+  if (felt === "locale") return spraakOrd(verdi);
+  return verdi;
+}
 
 // src/widget/Felt.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -992,20 +1241,13 @@ function Felt({
   const full = brukt >= textMaxLength;
   const visTeller = brukt >= textMaxLength * 0.8;
   const uavklart = funn.find((f) => !beholdt.includes(f.match));
-  const linjer = useMemo2(() => {
-    const etiketter = {
-      screen: "Skjerm",
-      appVersion: "Appversjon",
-      platform: "Plattform",
-      os: "OS",
-      build: "Bygg",
-      locale: "Spr\xE5k"
-    };
-    return Object.entries(etiketter).map(([felt, etikett]) => {
-      const verdi2 = kontekst[felt];
-      return verdi2 && !fjernedeFelter.includes(felt) ? { felt, etikett, verdi: verdi2 } : null;
-    }).filter((x) => x !== null);
-  }, [kontekst, fjernedeFelter]);
+  const linjer = useMemo2(
+    () => Object.entries(tekst.kontekstEtiketter).map(([felt, etikett]) => {
+      const r\u00E5 = kontekst[felt];
+      return r\u00E5 && !fjernedeFelter.includes(felt) ? { felt, etikett, verdi: kontekstVerdi(felt, r\u00E5) } : null;
+    }).filter((x) => x !== null),
+    [kontekst, fjernedeFelter]
+  );
   return /* @__PURE__ */ jsxs2(View2, { testID: "skjema", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ jsxs2(
       ScrollView,
@@ -1062,8 +1304,8 @@ function Felt({
                     accessibilityLiveRegion: "polite",
                     style: {
                       color: tema.color.warning,
-                      fontSize: tema.font.small,
-                      lineHeight: tema.lineHeight.small,
+                      fontSize: tema.font.body,
+                      lineHeight: tema.lineHeight.body,
                       fontWeight: tema.weight.medium
                     },
                     children: tekst.monsterSpm[uavklart.kind]
@@ -1200,17 +1442,16 @@ function Felt({
               bildeNotat ? /* @__PURE__ */ jsx3(View2, { testID: "bilde-notat", children: /* @__PURE__ */ jsx3(Hint, { children: bildeNotat }) }) : null
             ] })
           ) : null,
-          /* @__PURE__ */ jsxs2(View2, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
-            /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsxs2(View2, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.xs }, children: [
+            /* @__PURE__ */ jsxs2(
               Pressable2,
               {
                 testID: "kontekst-bryter",
                 accessibilityRole: "button",
                 accessibilityState: { expanded: apen },
-                accessibilityLabel: `${tekst.kontekstLinje}${apen ? "" : tekst.kontekstVis}`,
                 onPress: () => setApen((a) => !a),
-                style: { minHeight: tema.touch, justifyContent: "center" },
-                children: /* @__PURE__ */ jsxs2(View2, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                style: { minHeight: tema.touch, flexDirection: "row", alignItems: "center", gap: tema.space.sm },
+                children: [
                   /* @__PURE__ */ jsx3(
                     Ikon,
                     {
@@ -1219,11 +1460,9 @@ function Felt({
                       farge: tema.color.textSecondary
                     }
                   ),
-                  /* @__PURE__ */ jsxs2(Text2, { style: { flex: 1, color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
-                    tekst.kontekstLinje,
-                    apen ? "" : tekst.kontekstVis
-                  ] })
-                ] })
+                  /* @__PURE__ */ jsx3(Text2, { style: { flex: 1, color: tema.color.textSecondary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: apen ? tekst.kontekstLinjeApen : tekst.kontekstLinjeLukket }),
+                  /* @__PURE__ */ jsx3(Text2, { style: { color: tema.color.actionSecondaryText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: apen ? tekst.kontekstSkjul : tekst.kontekstVis })
+                ]
               }
             ),
             apen ? /* @__PURE__ */ jsxs2(View2, { children: [
@@ -1233,26 +1472,29 @@ function Felt({
                   style: {
                     flexDirection: "row",
                     alignItems: "center",
-                    gap: tema.space.sm,
+                    gap: tema.space.md,
                     minHeight: tema.touch,
-                    borderBottomWidth: tema.hairline,
-                    borderBottomColor: tema.color.border
+                    borderTopWidth: tema.hairline,
+                    borderTopColor: tema.color.border
                   },
                   children: [
-                    /* @__PURE__ */ jsx3(Text2, { style: { color: tema.color.textMuted, fontSize: tema.font.small, minWidth: tema.touch * 2 }, children: l.etikett }),
-                    /* @__PURE__ */ jsx3(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: l.verdi }),
+                    /* @__PURE__ */ jsx3(Meta, { testID: `kontekst-etikett-${l.felt}`, children: l.etikett }),
+                    /* @__PURE__ */ jsx3(View2, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx3(
+                      Text2,
+                      {
+                        testID: `kontekst-verdi-${l.felt}`,
+                        style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body, fontWeight: tema.weight.semibold },
+                        children: l.verdi
+                      }
+                    ) }),
                     /* @__PURE__ */ jsx3(
-                      Pressable2,
+                      Tekstknapp,
                       {
                         testID: `fjern-${l.felt}`,
-                        accessibilityRole: "button",
-                        accessibilityLabel: `${tekst.kontekstFjern} ${l.etikett.toLowerCase()} fra innsendingen`,
-                        onPress: () => onFjernKontekst(l.felt),
-                        style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                        children: /* @__PURE__ */ jsxs2(View2, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
-                          /* @__PURE__ */ jsx3(Ikon, { navn: "close-outline", storrelse: "minste", farge: tema.color.textSecondary }),
-                          /* @__PURE__ */ jsx3(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.kontekstFjern })
-                        ] })
+                        ikon: "close-outline",
+                        label: tekst.kontekstFjern,
+                        accessibilityLabel: tekst.kontekstFjernA11y(l.etikett),
+                        onPress: () => onFjernKontekst(l.felt)
                       }
                     )
                   ]
@@ -1284,26 +1526,23 @@ function Felt({
 import "react";
 import { Pressable as Pressable3, Text as Text3, View as View3 } from "react-native";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function Valg({ onVelg }) {
+function Valg({ onVelg, anonym }) {
   const tema = useTema();
-  const flate = (spor, ikon, label, under) => /* @__PURE__ */ jsxs3(
+  const rad = (spor, ikon, label, under, forst) => /* @__PURE__ */ jsxs3(
     Pressable3,
     {
       testID: `spor-${spor}`,
       accessibilityRole: "button",
-      accessibilityLabel: `${label}. ${under}`,
+      accessibilityLabel: `${label}, ${under}`,
       onPress: () => onVelg(spor),
       style: {
-        flex: 1,
-        minHeight: tema.touch * 3,
-        backgroundColor: tema.color.surface,
-        borderWidth: tema.hairline,
-        borderColor: tema.color.borderStrong,
-        borderRadius: tema.radius.lg,
+        flexDirection: "row",
         alignItems: "center",
-        justifyContent: "center",
-        gap: tema.space.sm,
-        padding: tema.space.md
+        gap: tema.space.md,
+        minHeight: tema.touch + tema.space.lg,
+        paddingVertical: tema.space.sm,
+        borderTopWidth: forst ? 0 : tema.hairline,
+        borderTopColor: tema.color.border
       },
       children: [
         /* @__PURE__ */ jsx4(
@@ -1311,8 +1550,8 @@ function Valg({ onVelg }) {
           {
             testID: `spor-${spor}-ikonflate`,
             style: {
-              width: 2 * tema.icon.inline + 2 * tema.space.md,
-              height: 2 * tema.icon.inline + 2 * tema.space.md,
+              width: tema.touch + tema.space.sm,
+              height: tema.touch + tema.space.sm,
               borderRadius: tema.radius.pill,
               backgroundColor: tema.color.brandBg,
               alignItems: "center",
@@ -1321,28 +1560,21 @@ function Valg({ onVelg }) {
             children: /* @__PURE__ */ jsx4(Ikon, { navn: ikon, storrelse: "stor", farge: tema.color.brand })
           }
         ),
-        /* @__PURE__ */ jsx4(
-          Text3,
-          {
-            style: {
-              color: tema.color.textPrimary,
-              fontSize: tema.font.h3,
-              fontWeight: tema.weight.semibold,
-              textAlign: "center"
-            },
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsx4(Text3, { style: { color: tema.color.textMuted, fontSize: tema.font.small, textAlign: "center" }, children: under })
+        /* @__PURE__ */ jsxs3(View3, { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx4(Text3, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body, fontWeight: tema.weight.semibold }, children: label }),
+          /* @__PURE__ */ jsx4(Text3, { style: { color: tema.color.textMuted, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: under })
+        ] }),
+        /* @__PURE__ */ jsx4(Ikon, { navn: "chevron-forward-outline", storrelse: "minste", farge: tema.color.textMuted })
       ]
     }
   );
-  return /* @__PURE__ */ jsxs3(View3, { style: { flex: 1, gap: tema.space.lg }, children: [
+  return /* @__PURE__ */ jsxs3(View3, { style: { gap: tema.space.lg }, children: [
     /* @__PURE__ */ jsx4(H, { children: tekst.valgTittel }),
-    /* @__PURE__ */ jsx4(View3, { style: { flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxs3(View3, { style: { flexDirection: "row", gap: tema.space.md }, children: [
-      flate("feil", "bug", tekst.sporFeil, tekst.sporFeilUnder),
-      flate("onske", "bulb", tekst.sporOnske, tekst.sporOnskeUnder)
-    ] }) })
+    /* @__PURE__ */ jsxs3(View3, { children: [
+      rad("feil", "bug", tekst.sporFeil, tekst.sporFeilUnder, true),
+      rad("onske", "bulb", tekst.sporOnske, tekst.sporOnskeUnder, false)
+    ] }),
+    anonym ? /* @__PURE__ */ jsx4(Hint, { children: tekst.sendAnonymtHint }) : null
   ] });
 }
 
@@ -1361,84 +1593,102 @@ function KjenteFeil({
   onNei
 }) {
   const tema = useTema();
+  const tittel = spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil;
   if (laster) {
     return /* @__PURE__ */ jsxs4(View4, { style: { flex: 1, gap: tema.space.md }, children: [
-      /* @__PURE__ */ jsx5(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
+      /* @__PURE__ */ jsx5(H, { children: tittel }),
       /* @__PURE__ */ jsx5(ActivityIndicator, { accessibilityLabel: "Sjekker kjente feil", color: tema.color.textSecondary })
     ] });
   }
   return /* @__PURE__ */ jsxs4(View4, { testID: "kjente-feil", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ jsx5(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
+    /* @__PURE__ */ jsx5(H, { children: tittel }),
     /* @__PURE__ */ jsx5(
       ScrollView2,
       {
         testID: "kjente-feil-liste",
         style: { flexGrow: 0, flexShrink: 1 },
-        contentContainerStyle: { gap: tema.space.md },
         keyboardShouldPersistTaps: "handled",
-        children: kort.slice(0, MAKS_KORT).map((k) => {
+        children: kort.slice(0, MAKS_KORT).map((k, i) => {
           const o = knownIssueStatus[k.status] ?? knownIssueStatus.aktiv;
-          const versjon = k.fixedIn ? k.status === "fikset" ? tekst.rettetI(k.fixedIn) : tekst.rettesI(k.fixedIn) : void 0;
-          const kontekst = versjon ? `${k.title}. ${o.etikett}. ${versjon}` : `${k.title}. ${o.etikett}`;
-          return /* @__PURE__ */ jsxs4(Card, { children: [
-            /* @__PURE__ */ jsx5(
-              Text4,
-              {
-                style: {
-                  color: tema.color.textPrimary,
-                  fontSize: tema.font.body,
-                  lineHeight: tema.lineHeight.body,
-                  fontWeight: tema.weight.medium
-                },
-                children: k.title
-              }
-            ),
-            k.workaround ? /* @__PURE__ */ jsxs4(
-              Text4,
-              {
-                style: {
-                  color: tema.color.textSecondary,
-                  fontSize: tema.font.small,
-                  lineHeight: tema.lineHeight.small
-                },
-                children: [
+          const rettet = k.status === "fikset";
+          const statusOrd = rettet && k.fixedIn ? tekst.rettetI(k.fixedIn) : o.etikett;
+          const tillegg = !rettet && k.fixedIn ? `\xB7 ${tekst.rettesI(k.fixedIn).toLowerCase()}` : void 0;
+          const gruppe = tekst.kjentFeilGruppe(k.title, statusOrd, tillegg?.replace("\xB7 ", ""));
+          return /* @__PURE__ */ jsxs4(
+            View4,
+            {
+              testID: `kjent-feil-${k.id}`,
+              style: {
+                gap: tema.space.sm,
+                paddingVertical: tema.space.md,
+                borderTopWidth: i === 0 ? 0 : tema.hairline,
+                borderTopColor: tema.color.border
+              },
+              children: [
+                /* @__PURE__ */ jsx5(
+                  Text4,
+                  {
+                    testID: `kjent-feil-tittel-${k.id}`,
+                    style: {
+                      color: tema.color.textPrimary,
+                      fontSize: tema.font.body,
+                      lineHeight: tema.lineHeight.body,
+                      fontWeight: tema.weight.semibold
+                    },
+                    children: k.title
+                  }
+                ),
+                k.workaround ? /* @__PURE__ */ jsxs4(Sek, { testID: `kjent-feil-omvei-${k.id}`, children: [
                   tekst.omvei,
                   " ",
                   k.workaround
-                ]
-              }
-            ) : null,
-            /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ jsx5(StatusPill, { ikon: o.ikon, etikett: o.etikett, fg: o.fg, bg: o.bg }),
-              versjon ? /* @__PURE__ */ jsx5(Text4, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: versjon }) : null
-            ] }),
-            /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-              /* @__PURE__ */ jsx5(
-                Btn,
-                {
-                  grow: true,
-                  testID: `ja-ogsa-${k.id}`,
-                  label: tekst.svarJa,
-                  accessibilityLabel: `${tekst.svarJa}. ${kontekst}`,
-                  disabled: sender,
-                  busy: sender,
-                  onPress: () => onJaOgsa(k)
-                }
-              ),
-              /* @__PURE__ */ jsx5(
-                Btn,
-                {
-                  grow: true,
-                  variant: "secondary",
-                  testID: `ligner-${k.id}`,
-                  label: tekst.svarLigner,
-                  accessibilityLabel: `${tekst.svarLigner}. ${kontekst}`,
-                  disabled: sender,
-                  onPress: () => onLigner(k)
-                }
-              )
-            ] })
-          ] }, k.id);
+                ] }) : null,
+                /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexWrap: "wrap" }, children: [
+                  /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                    /* @__PURE__ */ jsx5(Ikon, { navn: o.ikon, storrelse: "minste", farge: tema.color[o.fg] }),
+                    /* @__PURE__ */ jsx5(
+                      Text4,
+                      {
+                        style: {
+                          color: tema.color[o.fg],
+                          fontSize: tema.font.small,
+                          lineHeight: tema.lineHeight.small,
+                          fontWeight: tema.weight.semibold
+                        },
+                        children: statusOrd
+                      }
+                    )
+                  ] }),
+                  tillegg ? /* @__PURE__ */ jsx5(Text4, { style: { color: tema.color.textMuted, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: tillegg }) : null
+                ] }),
+                /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.md }, children: [
+                  /* @__PURE__ */ jsx5(
+                    Btn,
+                    {
+                      variant: "tonet",
+                      testID: `ja-ogsa-${k.id}`,
+                      label: tekst.svarJa,
+                      accessibilityLabel: `${tekst.svarJa}. ${gruppe}`,
+                      disabled: sender,
+                      busy: sender,
+                      onPress: () => onJaOgsa(k)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx5(
+                    Tekstknapp,
+                    {
+                      testID: `ligner-${k.id}`,
+                      label: tekst.svarLigner,
+                      accessibilityLabel: `${tekst.svarLigner}. ${gruppe}`,
+                      disabled: sender,
+                      onPress: () => onLigner(k)
+                    }
+                  )
+                ] })
+              ]
+            },
+            k.id
+          );
         })
       }
     ),
@@ -1448,6 +1698,10 @@ function KjenteFeil({
 
 // src/widget/Kvittering.tsx
 import "react";
+import { Text as Text6, View as View6 } from "react-native";
+
+// src/widget/Sporingslinje.tsx
+import "react";
 import { Text as Text5, View as View5 } from "react-native";
 
 // src/widget/status.ts
@@ -1456,6 +1710,12 @@ function formaterFrist(iso) {
   if (Number.isNaN(d.getTime())) return iso;
   return new Intl.DateTimeFormat("nb-NO", { day: "numeric", month: "long" }).format(d);
 }
+var KORT_MANED = ["jan", "feb", "mar", "apr", "mai", "jun", "jul", "aug", "sep", "okt", "nov", "des"];
+function formaterKortFrist(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  return `${d.getDate()}. ${KORT_MANED[d.getMonth()]}`;
+}
 function statusVisning(status, type, deadlineAt) {
   const o = submissionStatus[status];
   const spor = type === "onske" ? "onske" : "feil";
@@ -1479,68 +1739,267 @@ var venterVisning = {
   lofte: lofte.venterNett
 };
 
-// src/widget/Kvittering.tsx
+// src/widget/Sporingslinje.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var HOVEDLINJE = ["ny", "vurderes", "planlagt", "bygges", "levert"];
+function erApen(rad) {
+  if (rad.pending === true) return false;
+  return rad.statusType === "reviewing" || rad.statusType === "active";
+}
+function sporingsledd(rad, tenantName, naa = /* @__PURE__ */ new Date()) {
+  if (rad.pending === true || !erApen(rad)) return [];
+  const type = rad.type;
+  const navn = (status) => statusVisning(status, type).etikett;
+  const ikon = (status) => statusVisning(status, type).ikon;
+  const ledd = [];
+  if (rad.status === "kjent_feil") {
+    ledd.push({ nokkel: "ny", etikett: navn("ny"), tilstand: "gjort", detalj: formaterFrist(rad.createdAt) });
+    ledd.push({ nokkel: "kjent_feil", etikett: navn("kjent_feil"), tilstand: "naa", ikon: ikon("kjent_feil"), detalj: formaterFrist(rad.statusChangedAt) });
+    ledd.push({ nokkel: "slutt", etikett: navn("levert"), tilstand: "kommer", detalj: tekst.sporIngenDato });
+    return ledd;
+  }
+  const naaIndeks = HOVEDLINJE.indexOf(rad.status);
+  if (naaIndeks < 0) return [];
+  for (let i = 0; i <= naaIndeks; i++) {
+    const status = HOVEDLINJE[i];
+    const erNaa = i === naaIndeks;
+    ledd.push({
+      nokkel: status,
+      etikett: navn(status),
+      tilstand: erNaa ? "naa" : "gjort",
+      ...erNaa ? { ikon: ikon(status) } : {},
+      // Mottatt har `createdAt`, nå-leddet har `statusChangedAt`. Et passert ledd mellom dem
+      // har ingen dato i kontrakten, og får derfor ingen.
+      ...i === 0 ? { detalj: formaterFrist(rad.createdAt) } : erNaa ? { detalj: formaterFrist(rad.statusChangedAt) } : {}
+    });
+  }
+  if (rad.status === "ny") {
+    ledd.push({
+      nokkel: "vurderes",
+      etikett: navn("vurderes"),
+      tilstand: "kommer",
+      detalj: tenantName ? tekst.sporNaarTenantTarDen(tenantName) : tekst.sporNaarDenTasOpp
+    });
+  }
+  if (rad.statusType === "reviewing") {
+    const frist = rad.deadlineAt;
+    const gatt = frist !== void 0 && rad.status === "vurderes" && new Date(frist).getTime() < naa.getTime();
+    ledd.push(
+      gatt ? { nokkel: "slutt", etikett: tekst.sporFristenErGatt, tilstand: "brutt", ikon: "warning-outline", tall: formaterKortFrist(frist) } : {
+        nokkel: "slutt",
+        etikett: tekst.sporSvarInnen,
+        tilstand: "kommer",
+        ...frist ? { tall: formaterKortFrist(frist) } : { detalj: tekst.sporDatoenSettes }
+      }
+    );
+  } else {
+    ledd.push({ nokkel: "slutt", etikett: navn("levert"), tilstand: "kommer", detalj: tekst.sporIngenDato });
+  }
+  return ledd;
+}
+function Sporingslinje({
+  ledd,
+  testID,
+  etikett = tekst.sporEtikett
+}) {
+  const tema = useTema();
+  if (ledd.length === 0) return null;
+  const farge = (l) => l.tilstand === "brutt" ? tema.color.warning : l.tilstand === "gjort" ? tema.color.success : l.tilstand === "naa" ? tema.color.brand : tema.color.borderStrong;
+  return /* @__PURE__ */ jsx6(
+    View5,
+    {
+      testID,
+      accessibilityRole: "list",
+      accessibilityLabel: etikett,
+      style: { flexDirection: "row", alignItems: "flex-start", gap: tema.space.xs },
+      children: ledd.map((l, i) => {
+        const siste = i === ledd.length - 1;
+        const c = farge(l);
+        return /* @__PURE__ */ jsxs5(
+          View5,
+          {
+            testID: testID ? `${testID}-ledd-${l.nokkel}` : void 0,
+            style: siste ? { flexShrink: 0, gap: tema.space.xs } : { flex: 1, minWidth: 0, gap: tema.space.xs },
+            children: [
+              /* @__PURE__ */ jsxs5(View5, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                /* @__PURE__ */ jsx6(
+                  View5,
+                  {
+                    style: {
+                      width: tema.space.lg,
+                      height: tema.space.lg,
+                      borderRadius: tema.radius.pill,
+                      borderWidth: tema.hairline * 2,
+                      borderColor: c,
+                      borderStyle: l.tilstand === "kommer" ? "dashed" : "solid",
+                      backgroundColor: l.tilstand === "gjort" ? tema.color.success : "transparent",
+                      alignItems: "center",
+                      justifyContent: "center"
+                    },
+                    children: l.tilstand === "gjort" ? /* @__PURE__ */ jsx6(Ikon, { navn: "checkmark-outline", storrelse: "minste", farge: tema.color.bg }) : l.ikon ? /* @__PURE__ */ jsx6(Ikon, { navn: l.ikon, storrelse: "minste", farge: c }) : null
+                  }
+                ),
+                !siste ? /* @__PURE__ */ jsx6(
+                  View5,
+                  {
+                    style: {
+                      flex: 1,
+                      height: tema.hairline * 2,
+                      borderRadius: tema.radius.pill,
+                      backgroundColor: l.tilstand === "gjort" ? tema.color.success : tema.color.borderStrong
+                    }
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsx6(
+                Text5,
+                {
+                  style: {
+                    color: l.tilstand === "brutt" ? tema.color.warning : l.tilstand === "kommer" ? tema.color.textMuted : tema.color.textPrimary,
+                    fontSize: tema.font.small,
+                    lineHeight: tema.lineHeight.small,
+                    fontWeight: l.tilstand === "naa" || l.tilstand === "brutt" ? tema.weight.semibold : tema.weight.regular
+                  },
+                  children: l.etikett
+                }
+              ),
+              l.tall !== void 0 ? /* @__PURE__ */ jsx6(Helt, { testID: testID ? `${testID}-tall` : void 0, farge: l.tilstand === "brutt" ? tema.color.warning : tema.color.textPrimary, children: l.tall }) : l.detalj !== void 0 ? /* @__PURE__ */ jsx6(Text5, { style: { color: tema.color.textMuted, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: l.detalj }) : null
+            ]
+          },
+          l.nokkel
+        );
+      })
+    }
+  );
+}
+
+// src/widget/Kvittering.tsx
+import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function Kvittering({
   art,
   saksnummer,
   vedlegg,
   frist,
+  sak,
+  anonym,
+  tenantName,
   onLukk
 }) {
   const tema = useTema();
-  const innhold = {
-    feil: { h: tekst.kvitteringSendt, p: tekst.kvitteringFeil },
-    // Løftet er NØYAKTIG det «Mine innspill» og panelet viser for «Vurderes»:
-    // det leses fra temaet, så kvitteringen og statusen ikke kan si to ting.
-    onske: { h: tekst.kvitteringSendt, p: statusVisning("vurderes", "onske", frist).lofte },
-    jaOgsa: { h: tekst.kvitteringRegistrert, p: tekst.kvitteringJaOgsa },
-    // Køet offline: kvitteringen kan IKKE love svar på noe som ikke er sendt
-    // (DD-41 presiserer DD-07). Den lover bare at det sendes.
-    k\u00F8: { h: tekst.koKvitteringTittel, p: tekst.offlineBanner }
+  const ko = art === "k\xF8";
+  const helt = {
+    feil: tekst.kvitteringFeil,
+    // Løftet er NØYAKTIG det «Mine innspill» og panelet viser for «Vurderes»: det leses fra
+    // temaet, så kvitteringen og statusen ikke kan si to ting.
+    onske: statusVisning("vurderes", "onske", frist).lofte,
+    jaOgsa: tekst.kvitteringJaOgsa,
+    k\u00F8: tekst.koHelt
   }[art];
-  const overskrift = vedlegg === "feilet" ? tekst.kvitteringVedleggFeilet : innhold.h;
-  const brodtekst = vedlegg === "feilet" ? `${tekst.tekstenErLagret} ${innhold.p}` : innhold.p;
-  return /* @__PURE__ */ jsxs5(View5, { style: { flex: 1, justifyContent: "center", gap: tema.space.lg }, children: [
-    /* @__PURE__ */ jsxs5(View5, { style: { alignItems: "center", gap: tema.space.md }, children: [
-      /* @__PURE__ */ jsx6(
-        Ikon,
-        {
-          navn: art === "k\xF8" ? "swap-vertical-outline" : "checkmark-circle-outline",
-          storrelse: "stor",
-          farge: art === "k\xF8" ? tema.color.neutral : tema.color.success
-        }
-      ),
-      /* @__PURE__ */ jsx6(H, { children: overskrift }),
-      vedlegg === "feilet" ? /* @__PURE__ */ jsx6(Banner, { ikon: "warning-outline", tone: "warning", children: tekst.vedleggFeiletBanner }) : null,
-      vedlegg === "forkastet" ? /* @__PURE__ */ jsx6(Banner, { ikon: "image-outline", tone: "info", children: tekst.offlineUtenBilde }) : null,
-      /* @__PURE__ */ jsx6(
-        Text5,
-        {
-          testID: "kvittering-tekst",
-          accessibilityRole: "alert",
-          accessibilityLiveRegion: "polite",
-          style: {
-            color: tema.color.textPrimary,
-            fontSize: tema.font.body,
-            lineHeight: tema.lineHeight.body,
-            textAlign: "center"
-          },
-          children: brodtekst
-        }
-      ),
-      saksnummer ? /* @__PURE__ */ jsx6(Hint, { children: vedlegg === "feilet" ? tekst.saksnummerUtenVedlegg(saksnummer) : tekst.saksnummer(saksnummer) }) : null
-    ] }),
-    /* @__PURE__ */ jsx6(Btn, { testID: "tilbake-til-appen", label: tekst.tilbakeTilAppen, onPress: onLukk })
-  ] });
-}
-
-// src/widget/MineInnspill.tsx
-import { InnspelApiError, NettverksFeil } from "@innspel/core";
-import { forwardRef, useEffect, useImperativeHandle, useRef as useRef2, useState as useState2 } from "react";
-import { ActivityIndicator as ActivityIndicator2, Keyboard, Pressable as Pressable4, ScrollView as ScrollView3, Text as Text6, TextInput as TextInput2, View as View6 } from "react-native";
-
-// src/widget/nyttSvar.ts
+  const dato = formaterFrist(sak?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString());
+  const etikett = vedlegg === "feilet" ? tekst.kvitteringVedleggFeilet : ko ? tekst.kvitteringLagretDato(dato) : art === "jaOgsa" ? tekst.kvitteringRegistrertDato(dato) : anonym ? tekst.kvitteringSendtAnonymtDato(dato) : tekst.kvitteringSendtDato(dato);
+  const ledd = sak && !ko ? sporingsledd(sak, tenantName) : [];
+  const under = anonym ? void 0 : ko ? tekst.koUnder : saksnummer ? tekst.kvitteringUnder : void 0;
+  return /* @__PURE__ */ jsxs6(View6, { testID: "kvittering", style: { flex: 1, gap: tema.space.md }, children: [
+    vedlegg === "feilet" ? /* @__PURE__ */ jsx7(Banner, { ikon: "warning-outline", tone: "warning", children: tekst.vedleggFeiletBanner }) : null,
+    vedlegg === "forkastet" ? /* @__PURE__ */ jsx7(Banner, { ikon: "image-outline", tone: "info", children: tekst.offlineUtenBilde }) : null,
+    /* @__PURE__ */ jsxs6(
+      View6,
+      {
+        testID: "kvittering-kort",
+        style: {
+          backgroundColor: ko ? tema.color.surface : tema.color.brandFill,
+          borderRadius: tema.radius.lg,
+          borderWidth: ko ? tema.hairline : 0,
+          borderStyle: ko ? "dashed" : "solid",
+          borderColor: tema.color.borderInteractive,
+          padding: tema.space.md,
+          gap: tema.space.md
+        },
+        children: [
+          /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: tema.space.sm }, children: [
+            /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexShrink: 1 }, children: [
+              /* @__PURE__ */ jsx7(
+                Ikon,
+                {
+                  navn: ko ? "swap-vertical-outline" : "checkmark-circle-outline",
+                  farge: ko ? tema.color.textSecondary : tema.color.onBrandFill
+                }
+              ),
+              tenantName ? /* @__PURE__ */ jsx7(
+                Text6,
+                {
+                  style: {
+                    color: ko ? tema.color.textPrimary : tema.color.onBrandFill,
+                    fontSize: tema.font.body,
+                    fontWeight: tema.weight.bold
+                  },
+                  children: tenantName
+                }
+              ) : null
+            ] }),
+            ko ? /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+              /* @__PURE__ */ jsx7(Ikon, { navn: "cloud-offline-outline", storrelse: "minste", farge: tema.color.textMuted }),
+              /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textMuted, fontSize: tema.font.small, fontWeight: tema.weight.semibold }, children: tekst.koIngenNett })
+            ] }) : saksnummer ? /* @__PURE__ */ jsx7(
+              Text6,
+              {
+                style: { color: tema.color.onBrandFill, fontSize: tema.font.small, fontWeight: tema.weight.semibold },
+                children: vedlegg === "feilet" ? tekst.saksnummerUtenVedlegg(saksnummer) : tekst.saksnummer(saksnummer)
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsxs6(View6, { style: { gap: tema.space.xs }, children: [
+            /* @__PURE__ */ jsx7(
+              Text6,
+              {
+                style: {
+                  color: ko ? tema.color.textMuted : tema.color.onBrandFill,
+                  fontSize: tema.font.small,
+                  lineHeight: tema.lineHeight.small
+                },
+                children: etikett
+              }
+            ),
+            /* @__PURE__ */ jsx7(Helt, { testID: "kvittering-tekst", live: true, farge: ko ? tema.color.textPrimary : tema.color.onBrandFill, children: vedlegg === "feilet" ? `${tekst.tekstenErLagret} ${helt}` : helt })
+          ] }),
+          under ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+            /* @__PURE__ */ jsx7(
+              View6,
+              {
+                style: {
+                  borderTopWidth: tema.hairline,
+                  borderTopColor: ko ? tema.color.borderStrong : tema.color.onBrandFill,
+                  borderStyle: "dashed"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx7(
+              Text6,
+              {
+                testID: "kvittering-under",
+                style: {
+                  color: ko ? tema.color.textPrimary : tema.color.onBrandFill,
+                  fontSize: tema.font.body,
+                  lineHeight: tema.lineHeight.body
+                },
+                children: under
+              }
+            )
+          ] }) : null
+        ]
+      }
+    ),
+    ledd.length > 0 ? /* @__PURE__ */ jsx7(Sporingslinje, { ledd, testID: "kvittering-spor" }) : null,
+    /* @__PURE__ */ jsx7(View6, { style: { flex: 1, justifyContent: "flex-end", paddingTop: tema.space.sm }, children: /* @__PURE__ */ jsx7(Btn, { testID: "tilbake-til-appen", label: tekst.tilbakeTilAppen, onPress: onLukk }) })
+  ] });
+}
+
+// src/widget/MineInnspill.tsx
+import { InnspelApiError, NettverksFeil } from "@innspel/core";
+import { forwardRef, useEffect, useImperativeHandle, useRef as useRef2, useState as useState2 } from "react";
+import { ActivityIndicator as ActivityIndicator2, Keyboard, ScrollView as ScrollView3, Text as Text7, TextInput as TextInput2, View as View7 } from "react-native";
+
+// src/widget/nyttSvar.ts
 var N\u00D8KKEL = "innspel:svar-sett";
 async function merkNyeSvar(rader, storage) {
   let grense = 0;
@@ -1561,7 +2020,7 @@ async function markerSvarSett(storage, n\u00E5 = Date.now()) {
 }
 
 // src/widget/MineInnspill.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var MineInnspill = forwardRef(function MineInnspill2({
   rader,
   laster,
@@ -1645,9 +2104,10 @@ var MineInnspill = forwardRef(function MineInnspill2({
   useEffect(() => {
     if (!laster && rader.length) void markerSvarSett(storage).catch(() => void 0);
   }, [storage, laster, rader]);
-  return /* @__PURE__ */ jsxs6(View6, { style: { flex: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ jsx7(H, { sub: tekst.mineUnder, children: tekst.mineTittel }),
-    laster ? /* @__PURE__ */ jsx7(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx7(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx7(ScrollView3, { ref: rulleRef, style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, keyboardShouldPersistTaps: "handled", children: visning.map(({ rad, nytt }) => {
+  const tom = !laster && rader.length === 0;
+  return /* @__PURE__ */ jsxs7(View7, { style: { flex: 1, gap: tema.space.md }, children: [
+    tom ? /* @__PURE__ */ jsx8(H, { sub: tenantName ? tekst.mineTomHint(tenantName) : tekst.mineTomHintGenerisk, children: tekst.mineTomTittel }) : /* @__PURE__ */ jsx8(H, { children: tekst.mineTittel }),
+    laster ? /* @__PURE__ */ jsx8(ActivityIndicator2, { accessibilityLabel: tekst.mineLaster, color: tema.color.textSecondary }) : tom ? null : /* @__PURE__ */ jsx8(ScrollView3, { ref: rulleRef, style: { flex: 1 }, contentContainerStyle: { gap: tema.space.md }, keyboardShouldPersistTaps: "handled", children: visning.map(({ rad, nytt }) => {
       const venter = rad.pending === true;
       const v = venter ? venterVisning : statusVisning(rad.status, rad.type, rad.deadlineAt);
       const nokkel = venter ? rad.clientRef : rad.id;
@@ -1660,69 +2120,69 @@ var MineInnspill = forwardRef(function MineInnspill2({
       const brukt = utkast.length;
       const full = brukt >= maks;
       const visTeller = brukt >= maks * 0.8;
-      return /* @__PURE__ */ jsx7(
-        View6,
+      const ledd = venter ? [] : sporingsledd(rad, tenantName);
+      return /* @__PURE__ */ jsx8(
+        View7,
         {
           onLayout: (e) => {
             if (sakId !== void 0) kortY.current.set(sakId, e.nativeEvent.layout.y);
           },
-          children: /* @__PURE__ */ jsxs6(Card, { dashed: venter, children: [
-            /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs, flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ jsx7(Hint, { children: venter ? `${tekst.mineIkkeSendt} \xB7 ${rad.type === "onske" ? tekst.onske : tekst.feil}` : tekst.sakHode(rad.type === "onske" ? tekst.onske : tekst.feil, rad.id) }),
-              nytt ? /* @__PURE__ */ jsx7(
-                Text6,
+          children: /* @__PURE__ */ jsxs7(Card, { dashed: venter, testID: `sakskort-${nokkel}`, children: [
+            /* @__PURE__ */ jsxs7(View7, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ jsx8(
+                Ikon,
                 {
-                  testID: "nytt-svar",
-                  style: {
-                    color: tema.color.info,
-                    backgroundColor: tema.color.infoBg,
-                    fontSize: tema.font.tiny,
-                    fontWeight: tema.weight.semibold,
-                    borderRadius: tema.radius.pill,
-                    paddingHorizontal: tema.space.sm
-                  },
-                  children: tekst.nyttSvar
+                  navn: rad.type === "onske" ? "bulb" : "bug",
+                  storrelse: "minste",
+                  farge: tema.color.brand
                 }
-              ) : null
+              ),
+              /* @__PURE__ */ jsx8(Meta, { children: venter ? tekst.mineIkkeSendtHode(rad.type === "onske" ? tekst.onske : tekst.feil) : tekst.sakHode(rad.type === "onske" ? tekst.onske : tekst.feil, rad.id) }),
+              nytt ? /* @__PURE__ */ jsx8(Pille, { testID: "nytt-svar", children: tekst.nyttSvar }) : null
             ] }),
-            /* @__PURE__ */ jsx7(
-              Text6,
-              {
-                style: {
-                  color: tema.color.textPrimary,
-                  fontSize: tema.font.body,
-                  lineHeight: tema.lineHeight.body
-                },
-                children: rad.text
-              }
-            ),
-            tillegg.length > 0 ? /* @__PURE__ */ jsx7(View6, { testID: `tillegg-${sakId}`, style: { gap: tema.space.xs }, children: tillegg.map((a) => /* @__PURE__ */ jsxs6(
-              View6,
+            /* @__PURE__ */ jsx8(Brodtekst, { testID: `sakstekst-${nokkel}`, children: rad.text }),
+            tillegg.length > 0 ? /* @__PURE__ */ jsx8(View7, { testID: `tillegg-${sakId}`, style: { gap: tema.space.sm }, children: tillegg.map((a) => /* @__PURE__ */ jsxs7(
+              View7,
               {
                 style: {
                   borderLeftWidth: tema.hairline * 2,
                   borderLeftColor: tema.color.border,
-                  paddingLeft: tema.space.sm,
+                  paddingLeft: tema.space.md,
                   gap: tema.space.xs
                 },
                 children: [
-                  /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
-                    /* @__PURE__ */ jsx7(Ikon, { navn: "add-outline", storrelse: "minste", farge: tema.color.textSecondary }),
-                    /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.duLaTil(formaterFrist(a.createdAt)) })
-                  ] }),
-                  /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: a.text })
+                  /* @__PURE__ */ jsx8(Meta, { children: tekst.duLaTil(formaterFrist(a.createdAt)) }),
+                  /* @__PURE__ */ jsx8(Brodtekst, { testID: `tillegg-tekst-${a.id}`, children: a.text })
                 ]
               },
               a.id
             )) }) : null,
-            /* @__PURE__ */ jsxs6(View6, { style: { gap: tema.space.xs }, children: [
-              /* @__PURE__ */ jsx7(StatusPill, { ikon: v.ikon, etikett: v.etikett, fg: v.fg, bg: v.bg }),
-              /* @__PURE__ */ jsx7(Hint, { children: v.lofte })
-            ] }),
-            sakId !== void 0 && lagtTil === sakId ? /* @__PURE__ */ jsx7(Text6, { accessibilityLiveRegion: "polite", testID: `lagt-til-${sakId}`, style: { color: tema.color.success, fontSize: tema.font.small }, children: tekst.lagtTil }) : null,
-            feltApent ? /* @__PURE__ */ jsxs6(View6, { testID: `tillegg-felt-${sakId}`, style: { gap: tema.space.sm }, children: [
-              /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.leggTilMerLabel }),
-              /* @__PURE__ */ jsx7(
+            svar ? /* @__PURE__ */ jsxs7(
+              View7,
+              {
+                testID: `svar-${sakId}`,
+                style: {
+                  borderLeftWidth: tema.hairline * 2,
+                  borderLeftColor: tema.color.brand,
+                  paddingLeft: tema.space.md,
+                  gap: tema.space.xs
+                },
+                children: [
+                  /* @__PURE__ */ jsx8(Meta, { children: tenantName ? tekst.svarFra(tenantName, formaterFrist(svar.at)) : tekst.svarFraGenerisk(formaterFrist(svar.at)) }),
+                  /* @__PURE__ */ jsx8(Brodtekst, { testID: `svar-tekst-${sakId}`, children: svar.text })
+                ]
+              }
+            ) : null,
+            ledd.length > 0 ? /* @__PURE__ */ jsx8(Sporingslinje, { ledd, testID: `spor-${sakId}` }) : /* @__PURE__ */ jsx8(StatusPill, { testID: `status-pille-${nokkel}`, ikon: v.ikon, etikett: v.etikett, fg: v.fg, bg: v.bg }),
+            /* @__PURE__ */ jsx8(Sek, { testID: `lofte-${nokkel}`, children: v.lofte }),
+            !venter && rad.attachmentRemoved ? /* @__PURE__ */ jsxs7(View7, { testID: `bilde-fjernet-${rad.id}`, style: { flexDirection: "row", gap: tema.space.xs, alignItems: "center" }, children: [
+              /* @__PURE__ */ jsx8(Ikon, { navn: "trash-outline", storrelse: "minste", farge: tema.color.textMuted }),
+              /* @__PURE__ */ jsx8(Hint, { children: tekst.bildeFjernet })
+            ] }) : null,
+            sakId !== void 0 && lagtTil === sakId ? /* @__PURE__ */ jsx8(Text7, { accessibilityLiveRegion: "polite", testID: `lagt-til-${sakId}`, style: { color: tema.color.success, fontSize: tema.font.small }, children: tekst.lagtTil }) : null,
+            feltApent ? /* @__PURE__ */ jsxs7(View7, { testID: `tillegg-felt-${sakId}`, style: { gap: tema.space.sm }, children: [
+              /* @__PURE__ */ jsx8(Meta, { children: tekst.leggTilMerLabel }),
+              /* @__PURE__ */ jsx8(
                 TextInput2,
                 {
                   testID: "tillegg-tekst",
@@ -1749,8 +2209,8 @@ var MineInnspill = forwardRef(function MineInnspill2({
                   }
                 }
               ),
-              visTeller ? /* @__PURE__ */ jsxs6(
-                Text6,
+              visTeller ? /* @__PURE__ */ jsxs7(
+                Text7,
                 {
                   testID: "tillegg-teller",
                   accessibilityLiveRegion: full ? "assertive" : "polite",
@@ -1763,50 +2223,17 @@ var MineInnspill = forwardRef(function MineInnspill2({
                   ]
                 }
               ) : null,
-              feil?.id === sakId ? /* @__PURE__ */ jsx7(Text6, { accessibilityLiveRegion: "assertive", testID: `tillegg-feil-${sakId}`, style: { color: tema.color.danger, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: feil.tekst }) : null
-            ] }) : kanLeggeTil ? /* @__PURE__ */ jsxs6(
-              Pressable4,
+              feil?.id === sakId ? /* @__PURE__ */ jsx8(Text7, { accessibilityLiveRegion: "assertive", testID: `tillegg-feil-${sakId}`, style: { color: tema.color.danger, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: feil.tekst }) : null
+            ] }) : kanLeggeTil ? /* @__PURE__ */ jsx8(
+              Tekstknapp,
               {
                 testID: `legg-til-mer-${sakId}`,
-                accessibilityRole: "button",
+                ikon: "add-outline",
+                label: tekst.leggTilMer,
                 accessibilityLabel: tekst.leggTilMerLabel,
-                onPress: () => sakId !== void 0 && apneFelt(sakId),
-                style: { alignSelf: "flex-start", minHeight: tema.touch, flexDirection: "row", alignItems: "center", gap: tema.space.xs, paddingHorizontal: tema.space.sm },
-                children: [
-                  /* @__PURE__ */ jsx7(Ikon, { navn: "add-outline", storrelse: "minste", farge: tema.color.actionSecondaryText }),
-                  /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.actionSecondaryText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: tekst.leggTilMer })
-                ]
+                onPress: () => sakId !== void 0 && apneFelt(sakId)
               }
-            ) : taketN\u00E5dd ? /* @__PURE__ */ jsx7(Hint, { children: tekst.tilleggTak }) : null,
-            !venter && rad.attachmentRemoved ? /* @__PURE__ */ jsxs6(View6, { testID: `bilde-fjernet-${rad.id}`, style: { flexDirection: "row", gap: tema.space.xs, alignItems: "center" }, children: [
-              /* @__PURE__ */ jsx7(Ikon, { navn: "trash-outline", storrelse: "minste", farge: tema.color.textMuted }),
-              /* @__PURE__ */ jsx7(Hint, { children: tekst.bildeFjernet })
-            ] }) : null,
-            svar ? /* @__PURE__ */ jsxs6(
-              View6,
-              {
-                style: {
-                  borderLeftWidth: tema.hairline * 2,
-                  borderLeftColor: tema.color.brand,
-                  paddingLeft: tema.space.sm,
-                  gap: tema.space.xs
-                },
-                children: [
-                  /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tenantName ? tekst.svarFra(tenantName) : tekst.svarFraGenerisk }),
-                  /* @__PURE__ */ jsx7(
-                    Text6,
-                    {
-                      style: {
-                        color: tema.color.textPrimary,
-                        fontSize: tema.font.small,
-                        lineHeight: tema.lineHeight.small
-                      },
-                      children: svar.text
-                    }
-                  )
-                ]
-              }
-            ) : null
+            ) : taketN\u00E5dd ? /* @__PURE__ */ jsx8(Hint, { children: tekst.tilleggTak }) : null
           ] })
         },
         nokkel
@@ -1815,9 +2242,9 @@ var MineInnspill = forwardRef(function MineInnspill2({
     apen !== null ? (
       // F32: fotens plass — én primærhandling om gangen. «Send nytt innspill» er borte til
       // tillegget er sendt eller avbrutt, så første trykk aldri treffer feil knapp.
-      /* @__PURE__ */ jsxs6(View6, { testID: "tillegg-fot", style: { gap: tema.space.sm }, children: [
-        /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-          /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs7(View7, { testID: "tillegg-fot", style: { gap: tema.space.sm }, children: [
+        /* @__PURE__ */ jsxs7(View7, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+          /* @__PURE__ */ jsx8(
             Btn,
             {
               testID: "tillegg-send",
@@ -1829,19 +2256,19 @@ var MineInnspill = forwardRef(function MineInnspill2({
               grow: true
             }
           ),
-          /* @__PURE__ */ jsx7(Btn, { testID: "tillegg-avbryt", label: tekst.avbryt, variant: "secondary", onPress: avbryt, grow: true })
+          /* @__PURE__ */ jsx8(Btn, { testID: "tillegg-avbryt", label: tekst.avbryt, variant: "secondary", onPress: avbryt, grow: true })
         ] }),
-        /* @__PURE__ */ jsx7(Hint, { children: tekst.leggTilMerHint })
+        /* @__PURE__ */ jsx8(Hint, { children: tekst.leggTilMerHint })
       ] })
-    ) : /* @__PURE__ */ jsx7(Btn, { testID: "send-nytt", label: rader.length === 0 ? tekst.sendForste : tekst.sendNytt, onPress: onNytt })
+    ) : /* @__PURE__ */ jsx8(Btn, { testID: "send-nytt", ikon: "chatbox-outline", label: tom ? tekst.sendForste : tekst.sendNytt, onPress: onNytt })
   ] });
 });
 
 // src/widget/Skjermbilde.tsx
 import { skaler, strokTilRekter, treffer, trykkTilRekt } from "@innspel/core";
 import { useCallback, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
-import { Image as Image2, Pressable as Pressable5, StyleSheet, Text as Text7, View as View7 } from "react-native";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Image as Image2, Pressable as Pressable4, StyleSheet, Text as Text8, View as View8 } from "react-native";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function Skjermbilde({
   bilde,
   automaskerRot,
@@ -1900,8 +2327,8 @@ function Skjermbilde({
   };
   const knapp = (id, ikon, label) => {
     const valgt = id === "allTekst" ? allTekst : verktoy === id && !allTekst;
-    return /* @__PURE__ */ jsxs7(
-      Pressable5,
+    return /* @__PURE__ */ jsxs8(
+      Pressable4,
       {
         testID: `verktoy-${id}`,
         accessibilityRole: "button",
@@ -1923,9 +2350,9 @@ function Skjermbilde({
           backgroundColor: valgt ? tema.color.surfaceRaised : "transparent"
         },
         children: [
-          /* @__PURE__ */ jsx8(Ikon, { navn: ikon, farge: tema.color.textPrimary }),
-          /* @__PURE__ */ jsx8(
-            Text7,
+          /* @__PURE__ */ jsx9(Ikon, { navn: ikon, farge: tema.color.textPrimary }),
+          /* @__PURE__ */ jsx9(
+            Text8,
             {
               style: {
                 color: tema.color.textPrimary,
@@ -1941,16 +2368,16 @@ function Skjermbilde({
     );
   };
   const a11y = tekst.skjermbildeA11y(automasker.length, egne.length, allTekst);
-  return /* @__PURE__ */ jsxs7(View7, { testID: "skjermbilde-steg", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ jsx8(H, { sub: kilde === "galleri" ? tekst.skjermbildeUnderGalleri : tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
-    notat ? /* @__PURE__ */ jsx8(View7, { testID: "bilde-notat", children: /* @__PURE__ */ jsx8(Hint, { children: notat }) }) : null,
-    /* @__PURE__ */ jsxs7(View7, { accessibilityRole: "toolbar", accessibilityLabel: tekst.maskering, style: { flexDirection: "row", gap: tema.space.sm }, children: [
+  return /* @__PURE__ */ jsxs8(View8, { testID: "skjermbilde-steg", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
+    /* @__PURE__ */ jsx9(H, { sub: kilde === "galleri" ? tekst.skjermbildeUnderGalleri : tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
+    notat ? /* @__PURE__ */ jsx9(View8, { testID: "bilde-notat", children: /* @__PURE__ */ jsx9(Hint, { children: notat }) }) : null,
+    /* @__PURE__ */ jsxs8(View8, { accessibilityRole: "toolbar", accessibilityLabel: tekst.maskering, style: { flexDirection: "row", gap: tema.space.sm }, children: [
       knapp("felt", "scan-outline", tekst.maskerFelt),
       knapp("pensel", "brush-outline", tekst.tegnOver),
       knapp("allTekst", "grid-outline", tekst.maskerAllTekst)
     ] }),
-    /* @__PURE__ */ jsx8(
-      View7,
+    /* @__PURE__ */ jsx9(
+      View8,
       {
         testID: "skjermbilde-ramme",
         onLayout,
@@ -1963,8 +2390,8 @@ function Skjermbilde({
           borderRadius: tema.radius.md,
           overflow: "hidden"
         },
-        children: /* @__PURE__ */ jsx8(View7, { testID: "skjermbilde-flate", pointerEvents: "box-none", style: [StyleSheet.absoluteFill, { alignItems: "center", justifyContent: "center" }], children: visning ? /* @__PURE__ */ jsxs7(
-          View7,
+        children: /* @__PURE__ */ jsx9(View8, { testID: "skjermbilde-flate", pointerEvents: "box-none", style: [StyleSheet.absoluteFill, { alignItems: "center", justifyContent: "center" }], children: visning ? /* @__PURE__ */ jsxs8(
+          View8,
           {
             ref: previewRef,
             collapsable: false,
@@ -1979,7 +2406,7 @@ function Skjermbilde({
             onResponderTerminate: onRelease,
             style: { width: visning.width, height: visning.height, backgroundColor: screenRules.previewBackdrop },
             children: [
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9(
                 Image2,
                 {
                   testID: "skjermbilde-bilde",
@@ -1989,8 +2416,8 @@ function Skjermbilde({
                   accessibilityIgnoresInvertColors: true
                 }
               ),
-              automasker.map((r, i) => /* @__PURE__ */ jsx8(
-                View7,
+              automasker.map((r, i) => /* @__PURE__ */ jsx9(
+                View8,
                 {
                   testID: `automask-${i}`,
                   pointerEvents: "none",
@@ -2011,16 +2438,16 @@ function Skjermbilde({
                     // (skjermKontrastpar i theme.ts). textSecondary var 2,2:1 (C11a).
                     // Ikonet arver samme farge: det er unntaket i «Styling» — maskeringen
                     // tegnes i faste signalfarger, ikke i palettens.
-                    /* @__PURE__ */ jsxs7(View7, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
-                      /* @__PURE__ */ jsx8(Ikon, { navn: "lock-closed-outline", storrelse: "minste", farge: screenRules.autoMaskText }),
-                      /* @__PURE__ */ jsx8(Text7, { style: { color: screenRules.autoMaskText, fontSize: tema.font.small }, numberOfLines: 1, children: tekst.maskertAvAppen })
+                    /* @__PURE__ */ jsxs8(View8, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                      /* @__PURE__ */ jsx9(Ikon, { navn: "lock-closed-outline", storrelse: "minste", farge: screenRules.autoMaskText }),
+                      /* @__PURE__ */ jsx9(Text8, { style: { color: screenRules.autoMaskText, fontSize: tema.font.small }, numberOfLines: 1, children: tekst.maskertAvAppen })
                     ] })
                   ) : null
                 },
                 `auto-${i}`
               )),
-              egne.map((r, i) => /* @__PURE__ */ jsx8(
-                View7,
+              egne.map((r, i) => /* @__PURE__ */ jsx9(
+                View8,
                 {
                   testID: `maske-${i}`,
                   pointerEvents: "none",
@@ -2033,14 +2460,14 @@ function Skjermbilde({
         ) : null })
       }
     ),
-    automasker.length ? /* @__PURE__ */ jsxs7(View7, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
-      /* @__PURE__ */ jsx8(Ikon, { navn: "lock-closed-outline", storrelse: "minste", farge: tema.color.textMuted }),
-      /* @__PURE__ */ jsx8(Hint, { children: tekst.maskertAvAppenHint })
+    automasker.length ? /* @__PURE__ */ jsxs8(View8, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+      /* @__PURE__ */ jsx9(Ikon, { navn: "lock-closed-outline", storrelse: "minste", farge: tema.color.textMuted }),
+      /* @__PURE__ */ jsx9(Hint, { children: tekst.maskertAvAppenHint })
     ] }) : null,
-    egne.length ? /* @__PURE__ */ jsx8(Hint, { children: tekst.dittStrok }) : null,
-    allTekst ? /* @__PURE__ */ jsx8(Hint, { children: tekst.allTekstHint }) : null,
-    /* @__PURE__ */ jsxs7(View7, { testID: "skjermbilde-fot", style: { flexShrink: 0, gap: tema.space.sm }, children: [
-      /* @__PURE__ */ jsx8(
+    egne.length ? /* @__PURE__ */ jsx9(Hint, { children: tekst.dittStrok }) : null,
+    allTekst ? /* @__PURE__ */ jsx9(Hint, { children: tekst.allTekstHint }) : null,
+    /* @__PURE__ */ jsxs8(View8, { testID: "skjermbilde-fot", style: { flexShrink: 0, gap: tema.space.sm }, children: [
+      /* @__PURE__ */ jsx9(
         Btn,
         {
           variant: "secondary",
@@ -2051,7 +2478,7 @@ function Skjermbilde({
           onPress: () => setEgne((x) => x.slice(0, -1))
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         Btn,
         {
           variant: "danger",
@@ -2062,13 +2489,13 @@ function Skjermbilde({
           disabled: komponerer
         }
       ),
-      /* @__PURE__ */ jsx8(Btn, { testID: "legg-ved", label: tekst.leggVed, onPress: onLeggVed, disabled: komponerer || !visning })
+      /* @__PURE__ */ jsx9(Btn, { testID: "legg-ved", label: tekst.leggVed, onPress: onLeggVed, disabled: komponerer || !visning })
     ] })
   ] });
 }
 
 // src/widget/Widget.tsx
-import { Fragment, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var FANGST = { format: "jpg", quality: 0.85 };
 function Widget({
   client,
@@ -2290,6 +2717,9 @@ function Widget({
         setKvittering({
           art: spor,
           nr: res.submission.id,
+          // Kortet får HELE saken: sporingslinjen leser `status`, `createdAt` og
+          // `statusChangedAt` derfra — ingen nye felter, ingen ny kontrakt (DD-28).
+          sak: res.submission,
           // Tidsløftet i kvitteringen er DATOEN fra svaret, aldri «innen 90 dager» (DD-07, DD-28).
           ...res.submission.deadlineAt ? { frist: res.submission.deadlineAt } : {},
           ...res.attachment?.status === "failed" ? { vedlegg: "feilet" } : {}
@@ -2310,7 +2740,7 @@ function Widget({
       setSender(true);
       try {
         const res = await client.knownIssues.confirm(k.id);
-        setKvittering({ art: "jaOgsa", nr: res.id });
+        setKvittering({ art: "jaOgsa", nr: res.id, sak: res });
         setSteg("kvittering");
       } catch (e) {
         setFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
@@ -2342,7 +2772,7 @@ function Widget({
     if (harUtkast) setSteg(stegForMine);
     else nullstill();
   }, [harUtkast, stegForMine, nullstill]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Modal,
     {
       visible: synlig,
@@ -2350,14 +2780,14 @@ function Widget({
       animationType: "slide",
       onRequestClose: androidTilbake,
       accessibilityViewIsModal: true,
-      children: /* @__PURE__ */ jsx9(
+      children: /* @__PURE__ */ jsx10(
         KeyboardAvoidingView,
         {
           behavior: "padding",
           keyboardVerticalOffset: -insets.bottom,
           style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", paddingTop: insets.top },
-          children: /* @__PURE__ */ jsxs8(
-            View8,
+          children: /* @__PURE__ */ jsxs9(
+            View9,
             {
               testID: "innspel-widget",
               accessibilityViewIsModal: true,
@@ -2378,37 +2808,37 @@ function Widget({
                 ...steg === "skjermbilde" ? { height: "92%" } : {}
               },
               children: [
-                /* @__PURE__ */ jsxs8(View8, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
-                  steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ jsx9(Btn, { variant: "ghost", testID: "tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: gaaTilbake }) : /* @__PURE__ */ jsx9(View8, {}),
-                  /* @__PURE__ */ jsx9(
-                    Pressable6,
+                /* @__PURE__ */ jsxs9(View9, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+                  steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ jsx10(Btn, { variant: "ghost", testID: "tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: gaaTilbake }) : /* @__PURE__ */ jsx10(View9, {}),
+                  /* @__PURE__ */ jsx10(
+                    Pressable5,
                     {
                       testID: "lukk",
                       accessibilityRole: "button",
                       accessibilityLabel: tekst.lukk,
                       onPress: steg === "kvittering" ? lukkOgNullstill : lukk,
                       style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                      children: /* @__PURE__ */ jsx9(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
+                      children: /* @__PURE__ */ jsx10(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
                     }
                   )
                 ] }),
-                feil ? /* @__PURE__ */ jsx9(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.sendefeilBanner(feil) }) : null,
-                !online && steg !== "kvittering" && steg !== "mine" ? /* @__PURE__ */ jsx9(Banner, { ikon: "cloud-offline-outline", tone: "info", testID: "offline-banner", children: tekst.offlineBanner }) : null,
-                steg === "valg" ? /* @__PURE__ */ jsxs8(Fragment, { children: [
-                  /* @__PURE__ */ jsx9(Valg, { onVelg: velgSpor }),
-                  !client.isAnonymous ? /* @__PURE__ */ jsx9(
+                feil ? /* @__PURE__ */ jsx10(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.sendefeilBanner(feil) }) : null,
+                !online && steg !== "kvittering" && steg !== "mine" ? /* @__PURE__ */ jsx10(Banner, { ikon: "cloud-offline-outline", tone: "info", testID: "offline-banner", children: tekst.offlineBanner }) : null,
+                steg === "valg" ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+                  /* @__PURE__ */ jsx10(Valg, { onVelg: velgSpor, anonym: client.isAnonymous }),
+                  !client.isAnonymous ? /* @__PURE__ */ jsx10(View9, { style: { flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx10(
                     Btn,
                     {
-                      variant: mine.length > 0 ? "secondary" : "ghost",
+                      variant: "secondary",
                       testID: "mine-innspill",
                       ikon: "list-outline",
                       label: mine.length > 0 ? tekst.mineMedAntall(mine.length) : tekst.mineTittel,
                       accessibilityLabel: mine.length > 0 ? tekst.mineEtikett(mine.length) : tekst.mineTittel,
                       onPress: () => void visMine()
                     }
-                  ) : null
+                  ) }) : null
                 ] }) : null,
-                steg === "kjenteFeil" ? /* @__PURE__ */ jsx9(
+                steg === "kjenteFeil" ? /* @__PURE__ */ jsx10(
                   KjenteFeil,
                   {
                     kort,
@@ -2423,7 +2853,7 @@ function Widget({
                     onNei: () => setSteg("felt")
                   }
                 ) : null,
-                steg === "felt" ? /* @__PURE__ */ jsx9(
+                steg === "felt" ? /* @__PURE__ */ jsx10(
                   Felt,
                   {
                     spor,
@@ -2447,7 +2877,7 @@ function Widget({
                     onFjernVedlegg: fjernBilde
                   }
                 ) : null,
-                steg === "skjermbilde" && bilde ? /* @__PURE__ */ jsx9(
+                steg === "skjermbilde" && bilde ? /* @__PURE__ */ jsx10(
                   Skjermbilde,
                   {
                     bilde,
@@ -2461,17 +2891,20 @@ function Widget({
                     onLeggVed: leggVedBilde
                   }
                 ) : null,
-                steg === "kvittering" && kvittering ? /* @__PURE__ */ jsx9(
+                steg === "kvittering" && kvittering ? /* @__PURE__ */ jsx10(
                   Kvittering,
                   {
                     art: kvittering.art,
                     ...kvittering.nr ? { saksnummer: kvittering.nr } : {},
                     ...kvittering.vedlegg ? { vedlegg: kvittering.vedlegg } : {},
                     ...kvittering.frist ? { frist: kvittering.frist } : {},
+                    ...kvittering.sak && kvittering.sak.pending !== true ? { sak: kvittering.sak } : {},
+                    ...tenantName ? { tenantName } : {},
+                    anonym: client.isAnonymous,
                     onLukk: lukkOgNullstill
                   }
                 ) : null,
-                steg === "mine" ? /* @__PURE__ */ jsx9(
+                steg === "mine" ? /* @__PURE__ */ jsx10(
                   MineInnspill,
                   {
                     ref: mineRef,
@@ -2515,7 +2948,7 @@ function fjernetKontekst(client, fjernede, skjerm) {
 }
 
 // src/InnspelProvider.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var Kontekst = createContext3(null);
 function InnspelProvider({
   client,
@@ -2550,9 +2983,9 @@ function InnspelProvider({
     () => ({ adapter: screenshot ?? null, rootRef, privat }),
     [screenshot, privat]
   );
-  return /* @__PURE__ */ jsx10(Kontekst.Provider, { value: verdi, children: /* @__PURE__ */ jsx10(SkjermbildeContext.Provider, { value: skjermbilde, children: /* @__PURE__ */ jsxs9(TemaProvider, { value: tema, children: [
-    /* @__PURE__ */ jsx10(View9, { ref: rootRef, collapsable: false, style: { flex: 1 }, testID: "innspel-rot", children }),
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(Kontekst.Provider, { value: verdi, children: /* @__PURE__ */ jsx11(SkjermbildeContext.Provider, { value: skjermbilde, children: /* @__PURE__ */ jsxs10(TemaProvider, { value: tema, children: [
+    /* @__PURE__ */ jsx11(View10, { ref: rootRef, collapsable: false, style: { flex: 1 }, testID: "innspel-rot", children }),
+    /* @__PURE__ */ jsx11(
       Widget,
       {
         client,
@@ -2578,8 +3011,8 @@ function useInnspel() {
 
 // src/InnspelPrivate.tsx
 import { useEffect as useEffect3, useRef as useRef6 } from "react";
-import { View as View10 } from "react-native";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { View as View11 } from "react-native";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function InnspelPrivate({ children, style }) {
   const ref = useRef6(null);
   const kontekst = useSkjermbilde();
@@ -2588,7 +3021,7 @@ function InnspelPrivate({ children, style }) {
     if (!registrer) return;
     return registrer(ref);
   }, [registrer]);
-  return /* @__PURE__ */ jsx11(View10, { ref, collapsable: false, style, testID: "innspel-privat", children });
+  return /* @__PURE__ */ jsx12(View11, { ref, collapsable: false, style, testID: "innspel-privat", children });
 }
 
 // src/program/InnspelProgram.tsx
@@ -2596,11 +3029,7 @@ import {
   InnspelApiError as InnspelApiError3
 } from "@innspel/core";
 import { useCallback as useCallback4, useEffect as useEffect4, useState as useState7 } from "react";
-import { Modal as Modal4, Pressable as Pressable9, Text as Text12, View as View15 } from "react-native";
-
-// src/program/Aksept.tsx
-import "react";
-import { Linking, Modal as Modal2, Pressable as Pressable7, ScrollView as ScrollView4, Text as Text8, View as View11 } from "react-native";
+import { Modal as Modal4, Pressable as Pressable8, View as View16 } from "react-native";
 
 // src/program/periode.ts
 var MANEDER = [
@@ -2624,13 +3053,31 @@ function periode(opensAt, closesAt) {
   const sammeManed = fra.getMonth() === til.getMonth() && fra.getFullYear() === til.getFullYear();
   return sammeManed ? `${fra.getDate()}.\u2013${til.getDate()}. ${MANEDER[til.getMonth()]}` : `${fra.getDate()}. ${MANEDER[fra.getMonth()]} \u2013 ${til.getDate()}. ${MANEDER[til.getMonth()]}`;
 }
-function minutterPerOppgave(tasks) {
-  if (tasks.length === 0) return 0;
-  return Math.round(tasks.reduce((sum, t2) => sum + t2.estimatedMinutes, 0) / tasks.length);
+function minutterLinje(tasks) {
+  if (tasks.length === 0) return { minutter: 0, like: true };
+  const forste = tasks[0].estimatedMinutes;
+  const like = tasks.every((t2) => t2.estimatedMinutes === forste);
+  return like ? { minutter: forste, like: true } : { minutter: tasks.reduce((sum, t2) => sum + t2.estimatedMinutes, 0), like: false };
 }
 
 // src/program/Aksept.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import "react";
+import { Linking, Modal as Modal2, Pressable as Pressable6, ScrollView as ScrollView4, Text as Text9, View as View12 } from "react-native";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function Seksjon({ tittel, children }) {
+  const tema = useTema();
+  return /* @__PURE__ */ jsxs11(View12, { style: { gap: tema.space.sm }, children: [
+    /* @__PURE__ */ jsx13(
+      Text9,
+      {
+        accessibilityRole: "header",
+        style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body, fontWeight: tema.weight.bold },
+        children: tittel
+      }
+    ),
+    children
+  ] });
+}
 function Aksept({
   program,
   harToken,
@@ -2640,14 +3087,15 @@ function Aksept({
   onLukk
 }) {
   const tema = useTema();
-  const tall = tekst.akseptTall(
+  const { minutter, like } = minutterLinje(program.tasks);
+  const tall = (like ? tekst.akseptTallHver : tekst.akseptTallSum)(
     program.tasks.length,
-    minutterPerOppgave(program.tasks),
-    periode(program.opensAt, program.closesAt),
-    program.maxContacts
+    minutter,
+    periode(program.opensAt, program.closesAt)
   );
-  return /* @__PURE__ */ jsx12(Modal2, { visible: true, transparent: true, animationType: "slide", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx12(View11, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxs10(
-    View11,
+  const medVilkar = !!program.termsUrl && !program.commitmentFree;
+  return /* @__PURE__ */ jsx13(Modal2, { visible: true, transparent: true, animationType: "slide", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx13(View12, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxs11(
+    View12,
     {
       testID: "program-aksept",
       accessibilityViewIsModal: true,
@@ -2661,17 +3109,17 @@ function Aksept({
         minHeight: "60%"
       },
       children: [
-        /* @__PURE__ */ jsxs10(View11, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
-          /* @__PURE__ */ jsx12(Btn, { variant: "ghost", testID: "aksept-tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: onLukk }),
-          /* @__PURE__ */ jsx12(View11, {})
+        /* @__PURE__ */ jsxs11(View12, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx13(Btn, { variant: "ghost", testID: "aksept-tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: onLukk }),
+          /* @__PURE__ */ jsx13(View12, {})
         ] }),
-        feil ? /* @__PURE__ */ jsx12(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
-        /* @__PURE__ */ jsxs10(ScrollView4, { contentContainerStyle: { gap: tema.space.md }, children: [
-          /* @__PURE__ */ jsx12(H, { sub: tekst.akseptHva, children: program.name }),
-          /* @__PURE__ */ jsx12(
-            Text8,
+        feil ? /* @__PURE__ */ jsx13(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
+        /* @__PURE__ */ jsxs11(ScrollView4, { contentContainerStyle: { gap: tema.space.lg }, children: [
+          /* @__PURE__ */ jsx13(H, { testID: "aksept-tittel", sub: program.hypothesis, children: program.name }),
+          /* @__PURE__ */ jsx13(
+            Text9,
             {
-              accessibilityRole: "text",
+              testID: "aksept-tall",
               style: {
                 color: tema.color.textPrimary,
                 fontSize: tema.font.body,
@@ -2681,79 +3129,116 @@ function Aksept({
               children: tall
             }
           ),
-          /* @__PURE__ */ jsx12(Text8, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: program.hypothesis }),
-          /* @__PURE__ */ jsxs10(Card, { children: [
-            /* @__PURE__ */ jsx12(H, { children: tekst.akseptOppgaver }),
-            program.tasks.map((o) => /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
-              /* @__PURE__ */ jsx12(Text8, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: o.title }),
-              /* @__PURE__ */ jsxs10(Hint, { children: [
-                tekst.akseptOppgaveTid(o.estimatedMinutes),
-                o.screenHint ? ` \xB7 ${o.screenHint}` : ""
-              ] })
-            ] }, o.id))
-          ] }),
-          program.knownIssues.length > 0 ? /* @__PURE__ */ jsxs10(Card, { children: [
-            /* @__PURE__ */ jsx12(H, { sub: tekst.akseptKjenteFeilUnder, children: tekst.akseptKjenteFeil(program.knownIssues.length) }),
-            program.knownIssues.map((k) => {
-              const o = knownIssueStatus[k.status] ?? knownIssueStatus.aktiv;
-              return /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
-                /* @__PURE__ */ jsx12(Text8, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: k.title }),
-                k.workaround ? /* @__PURE__ */ jsxs10(Text8, { style: { color: tema.color.textSecondary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: [
-                  tekst.omvei,
-                  " ",
-                  k.workaround
-                ] }) : null,
-                k.fixedIn ? /* @__PURE__ */ jsx12(
-                  StatusPill,
+          /* @__PURE__ */ jsx13(Seksjon, { tittel: tekst.akseptOppgaver, children: /* @__PURE__ */ jsx13(View12, { children: program.tasks.map((o, i) => /* @__PURE__ */ jsxs11(
+            View12,
+            {
+              style: {
+                flexDirection: "row",
+                alignItems: "center",
+                gap: tema.space.sm,
+                minHeight: tema.touch + tema.space.sm,
+                paddingVertical: tema.space.sm,
+                borderTopWidth: i === 0 ? 0 : tema.hairline,
+                borderTopColor: tema.color.border
+              },
+              children: [
+                /* @__PURE__ */ jsx13(
+                  View12,
                   {
-                    ikon: o.ikon,
-                    etikett: k.status === "fikset" ? tekst.rettetI(k.fixedIn) : tekst.rettesI(k.fixedIn),
-                    fg: o.fg,
-                    bg: o.bg
+                    style: {
+                      width: tema.space.lg,
+                      height: tema.space.lg,
+                      borderRadius: tema.radius.pill,
+                      borderWidth: tema.hairline * 2,
+                      borderStyle: "dashed",
+                      borderColor: tema.color.borderStrong
+                    }
                   }
-                ) : null
-              ] }, k.id);
-            })
-          ] }) : null,
-          /* @__PURE__ */ jsxs10(Card, { children: [
-            /* @__PURE__ */ jsx12(H, { sub: tekst.akseptInnsamlingTekst, children: tekst.akseptInnsamling }),
-            /* @__PURE__ */ jsx12(Hint, { children: tekst.kontekstAldri })
-          ] }),
-          program.termsUrl && !program.commitmentFree ? /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
-            /* @__PURE__ */ jsx12(
-              Pressable7,
+                ),
+                /* @__PURE__ */ jsxs11(View12, { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ jsx13(
+                    Text9,
+                    {
+                      style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body, fontWeight: tema.weight.semibold },
+                      children: o.title
+                    }
+                  ),
+                  /* @__PURE__ */ jsx13(Meta, { children: tekst.oppgaveTid(o.estimatedMinutes, o.screenHint) })
+                ] })
+              ]
+            },
+            o.id
+          )) }) }),
+          program.knownIssues.length > 0 ? /* @__PURE__ */ jsx13(Seksjon, { tittel: tekst.akseptKjenteFeil, children: /* @__PURE__ */ jsx13(View12, { children: program.knownIssues.map((k, i) => {
+            const o = knownIssueStatus[k.status] ?? knownIssueStatus.aktiv;
+            const rettet = k.status === "fikset";
+            const statusOrd = rettet && k.fixedIn ? tekst.rettetI(k.fixedIn) : o.etikett;
+            const tillegg = !rettet && k.fixedIn ? `\xB7 ${tekst.rettesI(k.fixedIn).toLowerCase()}` : void 0;
+            return /* @__PURE__ */ jsxs11(
+              View12,
+              {
+                style: {
+                  gap: tema.space.xs,
+                  paddingVertical: tema.space.sm,
+                  borderTopWidth: i === 0 ? 0 : tema.hairline,
+                  borderTopColor: tema.color.border
+                },
+                children: [
+                  /* @__PURE__ */ jsx13(
+                    Text9,
+                    {
+                      style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body, fontWeight: tema.weight.semibold },
+                      children: k.title
+                    }
+                  ),
+                  k.workaround ? /* @__PURE__ */ jsxs11(Sek, { children: [
+                    tekst.omvei,
+                    " ",
+                    k.workaround
+                  ] }) : null,
+                  /* @__PURE__ */ jsxs11(View12, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexWrap: "wrap" }, children: [
+                    /* @__PURE__ */ jsxs11(View12, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                      /* @__PURE__ */ jsx13(Ikon, { navn: o.ikon, storrelse: "minste", farge: tema.color[o.fg] }),
+                      /* @__PURE__ */ jsx13(
+                        Text9,
+                        {
+                          style: {
+                            color: tema.color[o.fg],
+                            fontSize: tema.font.small,
+                            lineHeight: tema.lineHeight.small,
+                            fontWeight: tema.weight.semibold
+                          },
+                          children: statusOrd
+                        }
+                      )
+                    ] }),
+                    tillegg ? /* @__PURE__ */ jsx13(Meta, { children: tillegg }) : null
+                  ] })
+                ]
+              },
+              k.id
+            );
+          }) }) }) : null,
+          /* @__PURE__ */ jsxs11(Seksjon, { tittel: tekst.akseptInnsamling, children: [
+            /* @__PURE__ */ jsx13(Sek, { children: tekst.akseptInnsamlingTekst }),
+            medVilkar ? /* @__PURE__ */ jsxs11(
+              Pressable6,
               {
                 testID: "vilkar-lenke",
                 accessibilityRole: "link",
                 accessibilityLabel: tekst.akseptVilkar,
                 onPress: () => void Linking.openURL(String(program.termsUrl)),
-                style: { minHeight: tema.touch, justifyContent: "center" },
-                children: /* @__PURE__ */ jsxs10(View11, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
-                  /* @__PURE__ */ jsx12(Ikon, { navn: "open-outline", farge: tema.color.textPrimary }),
-                  /* @__PURE__ */ jsx12(
-                    Text8,
-                    {
-                      style: { color: tema.color.textPrimary, fontSize: tema.font.body, textDecorationLine: "underline" },
-                      children: tekst.akseptVilkar
-                    }
-                  )
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx12(Hint, { children: tekst.akseptVilkarHint })
-          ] }) : /* @__PURE__ */ jsx12(Hint, { children: tekst.akseptIngenVilkar }),
-          /* @__PURE__ */ jsxs10(View11, { style: { flexDirection: "row", alignItems: "flex-start", gap: tema.space.sm }, children: [
-            /* @__PURE__ */ jsx12(Ikon, { navn: "exit-outline", farge: tema.color.textPrimary }),
-            /* @__PURE__ */ jsx12(
-              Text8,
-              {
-                style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body },
-                children: tekst.akseptUtgang
+                style: { minHeight: tema.touch, flexDirection: "row", alignItems: "center", gap: tema.space.sm },
+                children: [
+                  /* @__PURE__ */ jsx13(Ikon, { navn: "open-outline", storrelse: "minste", farge: tema.color.actionSecondaryText }),
+                  /* @__PURE__ */ jsx13(Text9, { style: { color: tema.color.actionSecondaryText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: tekst.akseptVilkar })
+                ]
               }
-            )
+            ) : null,
+            /* @__PURE__ */ jsx13(Hint, { children: medVilkar ? tekst.akseptTakOgUtgangVilkar(program.maxContacts) : tekst.akseptTakOgUtgang(program.maxContacts) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           Btn,
           {
             testID: "bli-med",
@@ -2770,8 +3255,8 @@ function Aksept({
 
 // src/program/HvordanGikkDet.tsx
 import { useState as useState6 } from "react";
-import { Modal as Modal3, Pressable as Pressable8, Text as Text9, TextInput as TextInput3, View as View12 } from "react-native";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Modal as Modal3, Pressable as Pressable7, Text as Text10, TextInput as TextInput3, View as View13 } from "react-native";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var UTFALL = [
   { verdi: "fungerte", ikon: "checkmark-circle-outline", etikett: tekst.utfallFungerte },
   { verdi: "delvis", ikon: "contrast-outline", etikett: tekst.utfallDelvis },
@@ -2783,64 +3268,113 @@ function utfallEtikett(verdi) {
 }
 function HvordanGikkDet({
   under,
+  spoersmaal,
   sender,
   feil,
   onLagre,
+  onMeldFeil,
   onLukk
 }) {
   const tema = useTema();
   const [valgt, setValgt] = useState6();
   const [setning, setSetning] = useState6("");
-  return /* @__PURE__ */ jsx13(Modal3, { visible: true, transparent: true, animationType: "fade", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx13(View12, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ jsxs11(
-    View12,
+  const tekstVerdi = () => {
+    const trimmet = setning.trim();
+    return trimmet.length > 0 ? trimmet : void 0;
+  };
+  return /* @__PURE__ */ jsx14(Modal3, { visible: true, transparent: true, animationType: "slide", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx14(View13, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxs12(
+    View13,
     {
       testID: "hvordan-gikk-det",
       accessibilityViewIsModal: true,
       style: {
-        backgroundColor: tema.color.surface,
-        borderRadius: tema.radius.lg,
-        borderWidth: tema.hairline,
-        borderColor: tema.color.borderStrong,
-        padding: tema.space.md,
-        gap: tema.space.md
+        backgroundColor: tema.color.bg,
+        borderTopLeftRadius: tema.radius.lg * 2,
+        borderTopRightRadius: tema.radius.lg * 2,
+        padding: tema.screenPadding,
+        gap: tema.space.md,
+        maxHeight: "92%"
       },
       children: [
-        /* @__PURE__ */ jsx13(Btn, { variant: "ghost", testID: "hvordan-tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: onLukk }),
-        /* @__PURE__ */ jsx13(Hint, { children: under }),
-        /* @__PURE__ */ jsx13(H, { children: tekst.hvordanGikkDet }),
-        /* @__PURE__ */ jsx13(View12, { testID: "utfall-gruppe", accessibilityRole: "radiogroup", accessibilityLabel: tekst.hvordanGikkDet, style: { flexDirection: "row", gap: tema.space.sm }, children: UTFALL.map((u) => {
-          const aktiv = valgt === u.verdi;
-          return /* @__PURE__ */ jsxs11(
-            Pressable8,
-            {
-              testID: `utfall-${u.verdi}`,
-              accessibilityRole: "radio",
-              accessibilityLabel: u.etikett,
-              accessibilityState: { checked: aktiv },
-              onPress: () => setValgt(u.verdi),
-              style: {
-                flex: 1,
-                minHeight: tema.touch,
-                alignItems: "center",
-                justifyContent: "center",
-                gap: tema.space.xs,
-                padding: tema.space.sm,
-                borderRadius: tema.radius.md,
-                borderWidth: tema.hairline,
-                borderColor: aktiv ? tema.color.brand : tema.color.borderStrong,
-                backgroundColor: aktiv ? tema.color.brandBg : tema.color.surfaceRaised
-              },
-              children: [
-                /* @__PURE__ */ jsx13(Ikon, { navn: u.ikon, farge: tema.color.textPrimary }),
-                /* @__PURE__ */ jsx13(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, fontWeight: aktiv ? tema.weight.semibold : tema.weight.regular }, children: u.etikett })
-              ]
-            },
-            u.verdi
-          );
-        }) }),
-        /* @__PURE__ */ jsxs11(View12, { style: { gap: tema.space.xs }, children: [
-          /* @__PURE__ */ jsx13(Text9, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.setningLabel }),
-          /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsxs12(View13, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx14(Btn, { variant: "ghost", testID: "hvordan-tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: onLukk }),
+          /* @__PURE__ */ jsx14(View13, {})
+        ] }),
+        /* @__PURE__ */ jsxs12(View13, { style: { gap: tema.space.xs }, children: [
+          under ? /* @__PURE__ */ jsx14(Meta, { children: under }) : null,
+          /* @__PURE__ */ jsx14(H, { children: spoersmaal ?? tekst.hvordanGikkDet })
+        ] }),
+        /* @__PURE__ */ jsx14(
+          View13,
+          {
+            testID: "utfall-gruppe",
+            accessibilityRole: "radiogroup",
+            accessibilityLabel: spoersmaal ?? tekst.hvordanGikkDet,
+            children: UTFALL.map((u, i) => {
+              const aktiv = valgt === u.verdi;
+              return /* @__PURE__ */ jsxs12(
+                Pressable7,
+                {
+                  testID: `utfall-${u.verdi}`,
+                  accessibilityRole: "radio",
+                  accessibilityLabel: u.etikett,
+                  accessibilityState: { checked: aktiv },
+                  onPress: () => setValgt(u.verdi),
+                  style: {
+                    flexDirection: "row",
+                    alignItems: "center",
+                    gap: tema.space.md,
+                    minHeight: tema.touch + tema.space.sm,
+                    borderTopWidth: i === 0 ? 0 : tema.hairline,
+                    borderTopColor: tema.color.border
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx14(
+                      View13,
+                      {
+                        testID: aktiv ? `utfall-merke-${u.verdi}` : void 0,
+                        style: {
+                          width: tema.space.lg,
+                          height: tema.space.lg,
+                          borderRadius: tema.radius.pill,
+                          alignItems: "center",
+                          justifyContent: "center",
+                          backgroundColor: aktiv ? tema.color.brand : "transparent",
+                          borderWidth: tema.hairline * 2,
+                          borderColor: aktiv ? tema.color.brand : tema.color.borderInteractive
+                        },
+                        children: aktiv ? /* @__PURE__ */ jsx14(Ikon, { navn: "checkmark-outline", storrelse: "minste", farge: tema.color.onBrand }) : null
+                      }
+                    ),
+                    /* @__PURE__ */ jsx14(Ikon, { navn: u.ikon, farge: tema.color.textSecondary }),
+                    /* @__PURE__ */ jsx14(
+                      Text10,
+                      {
+                        testID: `utfall-etikett-${u.verdi}`,
+                        style: {
+                          flex: 1,
+                          color: tema.color.textPrimary,
+                          fontSize: tema.font.body,
+                          lineHeight: tema.lineHeight.body,
+                          fontWeight: aktiv ? tema.weight.semibold : tema.weight.regular
+                        },
+                        children: u.etikett
+                      }
+                    )
+                  ]
+                },
+                u.verdi
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxs12(View13, { style: { gap: tema.space.sm }, children: [
+          /* @__PURE__ */ jsxs12(Text10, { style: { color: tema.color.textSecondary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: [
+            tekst.setningLabel,
+            " ",
+            /* @__PURE__ */ jsx14(Text10, { style: { color: tema.color.textMuted }, children: tekst.setningValgfritt })
+          ] }),
+          /* @__PURE__ */ jsx14(
             TextInput3,
             {
               testID: "hvordan-setning",
@@ -2849,9 +3383,7 @@ function HvordanGikkDet({
               onChangeText: setSetning,
               maxLength: SETNING_MAKS,
               multiline: true,
-              numberOfLines: 3,
-              placeholder: tekst.setningPlaceholder,
-              placeholderTextColor: tema.color.textMuted,
+              numberOfLines: 2,
               style: {
                 backgroundColor: tema.color.surfaceRaised,
                 borderWidth: tema.hairline,
@@ -2861,24 +3393,33 @@ function HvordanGikkDet({
                 color: tema.color.textPrimary,
                 fontSize: tema.font.body,
                 lineHeight: tema.lineHeight.body,
-                minHeight: tema.touch * 2,
+                minHeight: tema.touch * 1.5,
                 textAlignVertical: "top"
               }
             }
           )
         ] }),
-        feil ? /* @__PURE__ */ jsx13(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.svarFeil(feil) }) : null,
-        /* @__PURE__ */ jsx13(
+        valgt === "ikke" && onMeldFeil ? /* @__PURE__ */ jsx14(
+          Tekstknapp,
+          {
+            testID: "meld-feil",
+            ikon: "bug-outline",
+            label: tekst.meldFeil,
+            disabled: sender,
+            onPress: () => onMeldFeil("ikke", tekstVerdi())
+          }
+        ) : null,
+        feil ? /* @__PURE__ */ jsx14(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.svarFeil(feil) }) : null,
+        /* @__PURE__ */ jsx14(
           Btn,
           {
             testID: "hvordan-lagre",
             label: tekst.lagre,
-            hint: tekst.lagreHint,
             disabled: valgt === void 0 || sender,
+            busy: sender,
             onPress: () => {
               if (valgt === void 0) return;
-              const trimmet = setning.trim();
-              onLagre(valgt, trimmet.length > 0 ? trimmet : void 0);
+              onLagre(valgt, tekstVerdi());
             }
           }
         )
@@ -2889,15 +3430,13 @@ function HvordanGikkDet({
 
 // src/program/Oppfolging.tsx
 import "react";
-import { Text as Text10, View as View13 } from "react-native";
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { View as View14 } from "react-native";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function tarSvar(kind) {
   return kind === "hvordan_gikk_det" || kind === "sjekkpunkt";
 }
 function Oppfolging({
   oppfolging,
-  kontaktNr,
-  maksKontakter,
   onSenere,
   onSvar,
   onAapneOppgavene,
@@ -2905,45 +3444,28 @@ function Oppfolging({
 }) {
   const tema = useTema();
   const art = tarSvar(oppfolging.kind) ? "spoersmaal" : oppfolging.kind === "tilbud_om_utgang" ? "utgang" : "paaminnelse";
-  const ikon = art === "spoersmaal" ? "flask-outline" : art === "utgang" ? "exit-outline" : "calendar-outline";
-  const hint = art === "spoersmaal" ? tekst.oppfolgingKontakt(kontaktNr, maksKontakter) : art === "utgang" ? tekst.oppfolgingUtgangHint(kontaktNr, maksKontakter) : tekst.oppfolgingPaaminnelseHint(kontaktNr, maksKontakter);
-  return /* @__PURE__ */ jsxs12(
-    View13,
+  return /* @__PURE__ */ jsxs13(
+    View14,
     {
       testID: `oppfolging-${oppfolging.id}`,
       accessibilityLabel: tekst.oppfolgingRegion,
       style: {
         backgroundColor: tema.color.brandBg,
-        borderWidth: tema.hairline,
-        borderColor: tema.color.brand,
         borderRadius: tema.radius.lg,
         padding: tema.space.md,
-        gap: tema.space.sm
+        gap: tema.space.md
       },
       children: [
-        /* @__PURE__ */ jsxs12(View13, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
-          /* @__PURE__ */ jsx14(Ikon, { navn: ikon, farge: tema.color.textPrimary }),
-          /* @__PURE__ */ jsxs12(View13, { style: { flex: 1, gap: tema.space.xs }, children: [
-            /* @__PURE__ */ jsx14(Text10, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: oppfolging.question }),
-            /* @__PURE__ */ jsx14(Hint, { children: hint })
-          ] })
+        /* @__PURE__ */ jsxs13(View14, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
+          /* @__PURE__ */ jsx15(View14, { style: { paddingTop: tema.space.xs }, children: /* @__PURE__ */ jsx15(Ikon, { navn: "flask-outline", farge: tema.color.brand }) }),
+          /* @__PURE__ */ jsx15(View14, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx15(H, { nivaa: 3, meta: tekst.oppfolgingKost, children: oppfolging.question }) })
         ] }),
-        /* @__PURE__ */ jsx14(View13, { style: { flexDirection: "row", gap: tema.space.sm }, children: art === "utgang" ? /* @__PURE__ */ jsxs12(Fragment2, { children: [
-          /* @__PURE__ */ jsx14(Btn, { grow: true, variant: "secondary", testID: `bli-vaerende-${oppfolging.id}`, label: tekst.bliVaerende, onPress: onSenere }),
-          /* @__PURE__ */ jsx14(
-            Btn,
-            {
-              grow: true,
-              variant: "danger",
-              testID: `gaa-ut-${oppfolging.id}`,
-              ikon: "exit-outline",
-              label: tekst.gaaUtBekreft,
-              onPress: onGaaUt
-            }
-          )
-        ] }) : /* @__PURE__ */ jsxs12(Fragment2, { children: [
-          /* @__PURE__ */ jsx14(Btn, { grow: true, variant: "secondary", testID: `senere-${oppfolging.id}`, label: tekst.senere, onPress: onSenere }),
-          art === "spoersmaal" ? /* @__PURE__ */ jsx14(Btn, { grow: true, testID: `svar-naa-${oppfolging.id}`, label: tekst.svarNaa, onPress: onSvar }) : /* @__PURE__ */ jsx14(Btn, { grow: true, testID: `aapne-oppgavene-${oppfolging.id}`, label: tekst.aapneOppgavene, onPress: onAapneOppgavene })
+        /* @__PURE__ */ jsx15(View14, { style: { flexDirection: "row", gap: tema.space.sm }, children: art === "utgang" ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
+          /* @__PURE__ */ jsx15(Btn, { grow: true, variant: "secondary", testID: `bli-vaerende-${oppfolging.id}`, label: tekst.bliVaerende, onPress: onSenere }),
+          /* @__PURE__ */ jsx15(Btn, { grow: true, variant: "secondary", testID: `gaa-ut-${oppfolging.id}`, ikon: "exit-outline", label: tekst.gaaUtBekreft, onPress: onGaaUt })
+        ] }) : /* @__PURE__ */ jsxs13(Fragment3, { children: [
+          /* @__PURE__ */ jsx15(Btn, { grow: true, variant: "secondary", testID: `senere-${oppfolging.id}`, label: tekst.senere, onPress: onSenere }),
+          art === "spoersmaal" ? /* @__PURE__ */ jsx15(Btn, { grow: true, testID: `svar-naa-${oppfolging.id}`, label: tekst.svarNaa, onPress: onSvar }) : /* @__PURE__ */ jsx15(Btn, { grow: true, testID: `aapne-oppgavene-${oppfolging.id}`, label: tekst.aapneOppgavene, onPress: onAapneOppgavene })
         ] }) })
       ]
     }
@@ -2952,52 +3474,73 @@ function Oppfolging({
 
 // src/program/Oppgaver.tsx
 import "react";
-import { Text as Text11, View as View14 } from "react-native";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Text as Text11, View as View15 } from "react-native";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function Oppgaver({
   tasks,
   completions,
+  over,
   onGjort
 }) {
   const tema = useTema();
   const ferdig = new Map(completions.map((c) => [c.taskId, c]));
-  return /* @__PURE__ */ jsx15(View14, { testID: "oppgaver", accessibilityLabel: tekst.oppgaverTittel, style: { gap: tema.space.sm }, children: [...tasks].sort((a, b) => a.order - b.order).map((o) => {
+  return /* @__PURE__ */ jsx16(View15, { testID: "oppgaver", accessibilityLabel: tekst.oppgaverTittel, children: [...tasks].sort((a, b) => a.order - b.order).map((o, i) => {
     const c = ferdig.get(o.id);
-    return /* @__PURE__ */ jsxs13(
-      View14,
+    const meta = c ? tekst.oppgaveGjortMeta(formaterFrist(c.at), utfallEtikett(c.outcome)) : tekst.oppgaveTid(o.estimatedMinutes, o.screenHint);
+    return /* @__PURE__ */ jsxs14(
+      View15,
       {
         testID: `oppgave-${o.id}`,
+        accessibilityLabel: tekst.oppgaveRadA11y(i + 1, o.title, c ? meta : tekst.oppgaveIkkeGjort),
         style: {
           flexDirection: "row",
           alignItems: "center",
           gap: tema.space.sm,
-          paddingVertical: tema.space.xs,
-          borderBottomWidth: tema.hairline,
-          borderBottomColor: tema.color.border
+          minHeight: tema.touch + tema.space.sm,
+          paddingVertical: tema.space.sm,
+          borderTopWidth: i === 0 ? 0 : tema.hairline,
+          borderTopColor: tema.color.border
         },
         children: [
-          /* @__PURE__ */ jsxs13(View14, { style: { flex: 1, gap: tema.space.xs }, children: [
-            /* @__PURE__ */ jsx15(Text11, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: o.title }),
-            /* @__PURE__ */ jsxs13(Hint, { children: [
-              c ? tekst.oppgaveGjortMed(utfallEtikett(c.outcome)) : `${tekst.oppgaveIkkeBegynt} \xB7 ${tekst.akseptOppgaveTid(o.estimatedMinutes)}`,
-              c?.text ? ` \xB7 \xAB${c.text}\xBB` : ""
-            ] })
+          /* @__PURE__ */ jsx16(
+            View15,
+            {
+              style: {
+                width: tema.space.lg,
+                height: tema.space.lg,
+                borderRadius: tema.radius.pill,
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: c ? tema.color.success : "transparent",
+                borderWidth: c ? 0 : tema.hairline * 2,
+                borderStyle: "dashed",
+                borderColor: tema.color.borderStrong
+              },
+              children: c ? /* @__PURE__ */ jsx16(Ikon, { navn: "checkmark-outline", storrelse: "minste", farge: tema.color.bg }) : null
+            }
+          ),
+          /* @__PURE__ */ jsxs14(View15, { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx16(
+              Text11,
+              {
+                testID: `oppgave-tittel-${o.id}`,
+                style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body, fontWeight: tema.weight.semibold },
+                children: o.title
+              }
+            ),
+            /* @__PURE__ */ jsx16(Meta, { testID: `oppgave-meta-${o.id}`, children: meta }),
+            c?.text ? /* @__PURE__ */ jsx16(Sek, { testID: `oppgave-setning-${o.id}`, children: c.text }) : null
           ] }),
-          c ? (
-            // Merket er den eneste flaten der ikonet står alene, så etiketten
-            // ligger på containeren: skjermleseren hører utfallet, ikke «hake».
-            /* @__PURE__ */ jsx15(View14, { accessibilityLabel: tekst.oppgaveGjortMed(utfallEtikett(c.outcome)), accessible: true, children: /* @__PURE__ */ jsx15(Ikon, { navn: "checkmark-circle-outline", farge: tema.color.success }) })
-          ) : /* @__PURE__ */ jsx15(
+          !c && !over ? /* @__PURE__ */ jsx16(
             Btn,
             {
-              variant: "secondary",
+              variant: "tonet",
               testID: `gjort-${o.id}`,
-              ikon: "checkmark-circle-outline",
               label: tekst.oppgaveGjort,
               accessibilityLabel: tekst.oppgaveGjortLabel(o.title),
               onPress: () => onGjort(o)
             }
-          )
+          ) : null
         ]
       },
       o.id
@@ -3005,8 +3548,33 @@ function Oppgaver({
   }) });
 }
 
+// src/program/ProgramSpor.tsx
+import "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function programErOver(deltakelse, program, naa = /* @__PURE__ */ new Date()) {
+  return deltakelse.status === "fullfoert" || new Date(program.closesAt).getTime() < naa.getTime();
+}
+function programledd(deltakelse, program, naa = /* @__PURE__ */ new Date()) {
+  const over = programErOver(deltakelse, program, naa);
+  const gjort = deltakelse.completions.length;
+  const av = program.tasks.length;
+  const alt = av > 0 && gjort >= av;
+  return [
+    { nokkel: "ble-med", etikett: tekst.programBleMed, tilstand: "gjort", detalj: formaterFrist(deltakelse.joinedAt) },
+    {
+      nokkel: "gjort",
+      etikett: tekst.programGjort(gjort, av),
+      ...over || alt ? { tilstand: "gjort" } : { tilstand: "naa", ikon: "flask-outline", detalj: tekst.programNaarDetPasser }
+    },
+    over ? { nokkel: "over", etikett: tekst.programOver, tilstand: "gjort", detalj: formaterFrist(program.closesAt) } : { nokkel: "over", etikett: tekst.programOver, tilstand: "kommer", tall: formaterKortFrist(program.closesAt) }
+  ];
+}
+function ProgramSpor({ deltakelse, program }) {
+  return /* @__PURE__ */ jsx17(Sporingslinje, { ledd: programledd(deltakelse, program), testID: "program-spor", etikett: tekst.programSporEtikett });
+}
+
 // src/program/InnspelProgram.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function InnspelProgram({
   invitationToken,
   onEndring,
@@ -3024,10 +3592,9 @@ function InnspelProgram({
   const [dialog, setDialog] = useState7();
   const [svarFeil, setSvarFeil] = useState7();
   const [lagtBort, setLagtBort] = useState7(/* @__PURE__ */ new Set());
-  const [meldFeilFor, setMeldFeilFor] = useState7();
   const leggBort = useCallback4((id) => setLagtBort((s) => /* @__PURE__ */ new Set([...s, id])), []);
   const lagreSvar = useCallback4(
-    async (outcome, text) => {
+    async (outcome, text, meldEtterpaa = false) => {
       if (!dialog || !deltakelse) return;
       setSender(true);
       setSvarFeil(void 0);
@@ -3035,7 +3602,7 @@ function InnspelProgram({
         if (dialog.type === "oppgave") {
           const ny = await client.programs.completeTask(dialog.task.id, { outcome, ...text ? { text } : {} });
           setDeltakelse({ ...deltakelse, completions: [...deltakelse.completions, ny] });
-          if (outcome === "ikke" && onMeldFeil) setMeldFeilFor(dialog.task);
+          if (meldEtterpaa && onMeldFeil) onMeldFeil(dialog.task);
         } else {
           await client.programs.respond(dialog.oppfolging.id, { outcome, ...text ? { text } : {} });
           setMine((m) => m ? { ...m, pendingFollowUps: m.pendingFollowUps.filter((f) => f.id !== dialog.oppfolging.id) } : m);
@@ -3095,14 +3662,12 @@ function InnspelProgram({
   if (!program) return null;
   if (deltakelse) {
     const kort = (mine?.pendingFollowUps ?? []).filter((f) => f.programId === program.id && !lagtBort.has(f.id)).sort((a, b) => a.emittedAt.localeCompare(b.emittedAt));
-    const forsteKontaktNr = Math.max(1, deltakelse.contactsSent - kort.length + 1);
-    return /* @__PURE__ */ jsxs14(View15, { testID: "program-deltakelse", accessibilityLabel: tekst.deltakelseRegion, style: { gap: tema.space.sm }, children: [
-      kort.map((f, i) => /* @__PURE__ */ jsx16(
+    const over = programErOver(deltakelse, program);
+    return /* @__PURE__ */ jsxs15(View16, { testID: "program-deltakelse", accessibilityLabel: tekst.deltakelseRegion, style: { gap: tema.space.md }, children: [
+      kort.map((f) => /* @__PURE__ */ jsx18(
         Oppfolging,
         {
           oppfolging: f,
-          kontaktNr: forsteKontaktNr + i,
-          maksKontakter: program.maxContacts,
           onSenere: () => leggBort(f.id),
           onSvar: () => {
             setSvarFeil(void 0);
@@ -3113,50 +3678,37 @@ function InnspelProgram({
         },
         f.id
       )),
-      /* @__PURE__ */ jsxs14(Card, { children: [
-        /* @__PURE__ */ jsx16(H, { sub: tekst.deltakelsePeriode(periode(program.opensAt, program.closesAt), deltakelse.contactsSent, program.maxContacts), children: program.name }),
-        /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsxs15(Card, { style: { gap: tema.space.md }, children: [
+        /* @__PURE__ */ jsx18(H, { children: program.name }),
+        /* @__PURE__ */ jsx18(ProgramSpor, { deltakelse, program }),
+        feil ? /* @__PURE__ */ jsx18(Banner, { live: true, ikon: "warning-outline", tone: "warning", children: feil }) : null,
+        /* @__PURE__ */ jsx18(
           Oppgaver,
           {
             tasks: program.tasks,
             completions: deltakelse.completions,
+            over,
             onGjort: (task) => {
               setSvarFeil(void 0);
               setDialog({ type: "oppgave", task });
             }
           }
         ),
-        meldFeilFor && onMeldFeil ? /* @__PURE__ */ jsxs14(View15, { style: { gap: tema.space.xs }, children: [
-          /* @__PURE__ */ jsx16(Hint, { children: tekst.meldFeilHint }),
-          /* @__PURE__ */ jsx16(
-            Btn,
-            {
-              variant: "secondary",
-              testID: "meld-feil",
-              ikon: "bug-outline",
-              label: tekst.meldFeil,
-              onPress: () => {
-                const task = meldFeilFor;
-                setMeldFeilFor(void 0);
-                onMeldFeil(task);
-              }
-            }
-          )
-        ] }) : null,
-        /* @__PURE__ */ jsx16(Btn, { variant: "ghost", testID: "gaa-ut", ikon: "exit-outline", label: tekst.gaaUt, onPress: () => setViserGaaUt(true) })
+        /* @__PURE__ */ jsx18(Tekstknapp, { noytral: true, testID: "gaa-ut", ikon: "exit-outline", label: tekst.gaaUt, onPress: () => setViserGaaUt(true) })
       ] }),
-      dialog ? /* @__PURE__ */ jsx16(
+      dialog ? /* @__PURE__ */ jsx18(
         HvordanGikkDet,
         {
-          under: dialog.type === "oppgave" ? dialog.task.title : dialog.oppfolging.question,
+          ...dialog.type === "oppgave" ? { under: dialog.task.title } : { spoersmaal: dialog.oppfolging.question },
           sender,
           ...svarFeil ? { feil: svarFeil } : {},
+          ...dialog.type === "oppgave" && onMeldFeil ? { onMeldFeil: (outcome, text) => void lagreSvar(outcome, text, true) } : {},
           onLagre: (outcome, text) => void lagreSvar(outcome, text),
           onLukk: () => setDialog(void 0)
         }
       ) : null,
-      viserGaaUt ? /* @__PURE__ */ jsx16(Modal4, { visible: true, transparent: true, animationType: "fade", onRequestClose: () => setViserGaaUt(false), accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx16(View15, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ jsxs14(
-        View15,
+      viserGaaUt ? /* @__PURE__ */ jsx18(Modal4, { visible: true, transparent: true, animationType: "fade", onRequestClose: () => setViserGaaUt(false), accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx18(View16, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ jsxs15(
+        View16,
         {
           testID: "gaa-ut-dialog",
           accessibilityViewIsModal: true,
@@ -3169,11 +3721,11 @@ function InnspelProgram({
             gap: tema.space.md
           },
           children: [
-            /* @__PURE__ */ jsx16(H, { children: tekst.gaaUtTittel }),
-            /* @__PURE__ */ jsx16(Text12, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: tekst.gaaUtTekst(program.name) }),
-            /* @__PURE__ */ jsxs14(View15, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-              /* @__PURE__ */ jsx16(Btn, { grow: true, variant: "secondary", testID: "bli-vaerende", label: tekst.bliVaerende, onPress: () => setViserGaaUt(false) }),
-              /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx18(H, { nivaa: 3, children: tekst.gaaUtTittel }),
+            /* @__PURE__ */ jsx18(Brodtekst, { children: tekst.gaaUtTekst(program.name) }),
+            /* @__PURE__ */ jsxs15(View16, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+              /* @__PURE__ */ jsx18(Btn, { grow: true, variant: "secondary", testID: "bli-vaerende", label: tekst.bliVaerende, onPress: () => setViserGaaUt(false) }),
+              /* @__PURE__ */ jsx18(
                 Btn,
                 {
                   grow: true,
@@ -3192,45 +3744,40 @@ function InnspelProgram({
     ] });
   }
   if (!invitasjon || avvist) return null;
-  return /* @__PURE__ */ jsxs14(Fragment3, { children: [
-    /* @__PURE__ */ jsxs14(
-      View15,
+  return /* @__PURE__ */ jsxs15(Fragment4, { children: [
+    /* @__PURE__ */ jsxs15(
+      View16,
       {
         testID: "program-banner",
         accessibilityLabel: tekst.invitasjonRegion,
         style: {
           backgroundColor: tema.color.brandBg,
           borderRadius: tema.radius.lg,
-          borderWidth: tema.hairline,
-          borderColor: tema.color.brand,
           padding: tema.space.md,
-          gap: tema.space.sm
+          gap: tema.space.md
         },
         children: [
-          /* @__PURE__ */ jsxs14(View15, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
-            /* @__PURE__ */ jsx16(Ikon, { navn: "flask-outline", farge: tema.color.textPrimary }),
-            /* @__PURE__ */ jsxs14(View15, { style: { flex: 1, gap: tema.space.xs }, children: [
-              /* @__PURE__ */ jsx16(Text12, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: tekst.invitasjonHva(program.name) }),
-              /* @__PURE__ */ jsx16(Hint, { children: tekst.invitasjonKontakter(program.maxContacts) })
-            ] }),
-            /* @__PURE__ */ jsx16(
-              Pressable9,
+          /* @__PURE__ */ jsxs15(View16, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
+            /* @__PURE__ */ jsx18(View16, { style: { paddingTop: tema.space.xs }, children: /* @__PURE__ */ jsx18(Ikon, { navn: "flask-outline", farge: tema.color.brand }) }),
+            /* @__PURE__ */ jsx18(View16, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx18(H, { nivaa: 3, meta: tekst.invitasjonMeta(program.tasks.length, periode(program.opensAt, program.closesAt)), children: tekst.invitasjonHva(program.name) }) }),
+            /* @__PURE__ */ jsx18(
+              Pressable8,
               {
                 testID: "avvis-invitasjon",
                 accessibilityRole: "button",
                 accessibilityLabel: tekst.avvisInvitasjon,
                 onPress: () => setAvvist(true),
                 style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                children: /* @__PURE__ */ jsx16(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
+                children: /* @__PURE__ */ jsx18(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
               }
             )
           ] }),
-          feil && !viserAksept ? /* @__PURE__ */ jsx16(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
-          /* @__PURE__ */ jsx16(Btn, { variant: "secondary", testID: "les-mer", label: tekst.lesMer, onPress: () => setViserAksept(true) })
+          feil && !viserAksept ? /* @__PURE__ */ jsx18(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
+          /* @__PURE__ */ jsx18(Btn, { testID: "les-mer", label: tekst.lesMer, onPress: () => setViserAksept(true) })
         ]
       }
     ),
-    viserAksept ? /* @__PURE__ */ jsx16(
+    viserAksept ? /* @__PURE__ */ jsx18(
       Aksept,
       {
         program,