@innspel/react-native 0.10.0 → 0.11.0

package/dist/index.cjs

@@ -40,8 +40,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/InnspelProvider.tsx
-var import_react12 = require("react");
-var import_react_native10 = require("react-native");
+var import_react13 = require("react");
+var import_react_native11 = require("react-native");
 
 // src/skjermbilde.ts
 var import_react = require("react");
@@ -393,8 +393,8 @@ function useTema() {
 
 // src/widget/Widget.tsx
 var import_core3 = require("@innspel/core");
-var import_react11 = require("react");
-var import_react_native9 = require("react-native");
+var import_react12 = require("react");
+var import_react_native10 = require("react-native");
 var import_react_native_safe_area_context = require("react-native-safe-area-context");
 
 // src/Ikon.tsx
@@ -425,12 +425,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>';
 
@@ -508,8 +517,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,
@@ -582,9 +597,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__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: grow ? { flex: 1 } : void 0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       import_react_native2.Pressable,
@@ -659,35 +674,142 @@ function useTrykkForbiForelder(onPress, laast, slingring) {
     [slingring]
   );
 }
-function H({ children, sub }) {
+function H({
+  children,
+  sub,
+  meta,
+  nivaa = 2,
+  testID
+}) {
   const tema = useTema();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: { gap: tema.space.xs }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_react_native2.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__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_native2.Text,
-      {
-        style: {
-          color: tema.color.textSecondary,
-          fontSize: tema.font.small,
-          lineHeight: tema.lineHeight.small
-        },
-        children: sub
-      }
-    ) : null
+    sub ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Sek, { children: sub }) : null,
+    meta ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Meta, { children: meta }) : null
   ] });
 }
+function Brodtekst({ children, testID }) {
+  const tema = useTema();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.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__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.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__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.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__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.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__ */ (0, import_jsx_runtime2.jsxs)(
+    import_react_native2.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__ */ (0, import_jsx_runtime2.jsx)(Ikon, { navn: ikon, storrelse: "minste", farge }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { color: farge, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: label })
+      ]
+    }
+  );
+}
+function Pille({ children, testID }) {
+  const tema = useTema();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.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__ */ (0, import_jsx_runtime2.jsx)(
@@ -705,12 +827,16 @@ function Hint({ children }) {
 function Card({
   children,
   dashed,
-  style
+  style,
+  testID,
+  accessibilityLabel
 }) {
   const tema = useTema();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_react_native2.View,
     {
+      testID,
+      ...accessibilityLabel ? { accessibilityLabel } : {},
       style: [
         {
           backgroundColor: tema.color.surface,
@@ -727,12 +853,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__ */ (0, import_jsx_runtime2.jsxs)(
     import_react_native2.View,
     {
+      testID,
       style: {
         flexDirection: "row",
         alignItems: "center",
@@ -779,8 +912,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
           }
@@ -797,30 +930,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",
@@ -832,10 +1017,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)
@@ -873,11 +1078,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. */
@@ -885,9 +1094,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.",
@@ -898,18 +1110,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",
@@ -920,80 +1137,115 @@ var tekst = {
   lagtTil: "Lagt til",
   tilleggTak: "Du har lagt til tre ganger. Har du mer, send et nytt innspill.",
   tilleggLukket: "Saken er avsluttet \u2014 send et nytt innspill.",
+  /** F34: serverens egen setning (InnspelApiError) — aldri en rå feil. */
   tilleggFeil: (arsak) => `Kunne ikke legge til: ${arsak} Teksten din er beholdt.`,
+  tilleggIngenNett: "Ingen nett. Teksten din er beholdt \u2014 pr\xF8v igjen n\xE5r du er p\xE5 nett.",
+  tilleggFeilGenerisk: "Kunne ikke legge til. Teksten din er beholdt \u2014 pr\xF8v igjen.",
   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
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -1027,20 +1279,13 @@ function Felt({
   const full = brukt >= textMaxLength;
   const visTeller = brukt >= textMaxLength * 0.8;
   const uavklart = funn.find((f) => !beholdt.includes(f.match));
-  const linjer = (0, import_react5.useMemo)(() => {
-    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 = (0, import_react5.useMemo)(
+    () => 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__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { testID: "skjema", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       import_react_native3.ScrollView,
@@ -1097,8 +1342,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]
@@ -1235,17 +1480,16 @@ function Felt({
               bildeNotat ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { testID: "bilde-notat", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Hint, { children: bildeNotat }) }) : null
             ] })
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.xs }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               import_react_native3.Pressable,
               {
                 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__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                style: { minHeight: tema.touch, flexDirection: "row", alignItems: "center", gap: tema.space.sm },
+                children: [
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     Ikon,
                     {
@@ -1254,11 +1498,9 @@ function Felt({
                       farge: tema.color.textSecondary
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.Text, { style: { flex: 1, color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
-                    tekst.kontekstLinje,
-                    apen ? "" : tekst.kontekstVis
-                  ] })
-                ] })
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { flex: 1, color: tema.color.textSecondary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: apen ? tekst.kontekstLinjeApen : tekst.kontekstLinjeLukket }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { color: tema.color.actionSecondaryText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: apen ? tekst.kontekstSkjul : tekst.kontekstVis })
+                ]
               }
             ),
             apen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { children: [
@@ -1268,26 +1510,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__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { color: tema.color.textMuted, fontSize: tema.font.small, minWidth: tema.touch * 2 }, children: l.etikett }),
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: l.verdi }),
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Meta, { testID: `kontekst-etikett-${l.felt}`, children: l.etikett }),
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      import_react_native3.Text,
+                      {
+                        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__ */ (0, import_jsx_runtime3.jsx)(
-                      import_react_native3.Pressable,
+                      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__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Ikon, { navn: "close-outline", storrelse: "minste", farge: tema.color.textSecondary }),
-                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { 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)
                       }
                     )
                   ]
@@ -1319,26 +1564,23 @@ function Felt({
 var import_react6 = require("react");
 var import_react_native4 = require("react-native");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function Valg({ onVelg }) {
+function Valg({ onVelg, anonym }) {
   const tema = useTema();
-  const flate = (spor, ikon, label, under) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  const rad = (spor, ikon, label, under, forst) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     import_react_native4.Pressable,
     {
       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__ */ (0, import_jsx_runtime4.jsx)(
@@ -1346,8 +1588,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",
@@ -1356,28 +1598,21 @@ function Valg({ onVelg }) {
             children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Ikon, { navn: ikon, storrelse: "stor", farge: tema.color.brand })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_react_native4.Text,
-          {
-            style: {
-              color: tema.color.textPrimary,
-              fontSize: tema.font.h3,
-              fontWeight: tema.weight.semibold,
-              textAlign: "center"
-            },
-            children: label
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: { color: tema.color.textMuted, fontSize: tema.font.small, textAlign: "center" }, children: under })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body, fontWeight: tema.weight.semibold }, children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: { color: tema.color.textMuted, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: under })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Ikon, { navn: "chevron-forward-outline", storrelse: "minste", farge: tema.color.textMuted })
       ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: { flex: 1, gap: tema.space.lg }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: { gap: tema.space.lg }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(H, { children: tekst.valgTittel }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: { flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: { flexDirection: "row", gap: tema.space.md }, children: [
-      flate("feil", "bug", tekst.sporFeil, tekst.sporFeilUnder),
-      flate("onske", "bulb", tekst.sporOnske, tekst.sporOnskeUnder)
-    ] }) })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { children: [
+      rad("feil", "bug", tekst.sporFeil, tekst.sporFeilUnder, true),
+      rad("onske", "bulb", tekst.sporOnske, tekst.sporOnskeUnder, false)
+    ] }),
+    anonym ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Hint, { children: tekst.sendAnonymtHint }) : null
   ] });
 }
 
@@ -1396,84 +1631,102 @@ function KjenteFeil({
   onNei
 }) {
   const tema = useTema();
+  const tittel = spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil;
   if (laster) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: { flex: 1, gap: tema.space.md }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(H, { children: tittel }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.ActivityIndicator, { accessibilityLabel: "Sjekker kjente feil", color: tema.color.textSecondary })
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { testID: "kjente-feil", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(H, { children: tittel }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       import_react_native5.ScrollView,
       {
         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__ */ (0, import_jsx_runtime5.jsxs)(Card, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_react_native5.Text,
-              {
-                style: {
-                  color: tema.color.textPrimary,
-                  fontSize: tema.font.body,
-                  lineHeight: tema.lineHeight.body,
-                  fontWeight: tema.weight.medium
-                },
-                children: k.title
-              }
-            ),
-            k.workaround ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-              import_react_native5.Text,
-              {
-                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__ */ (0, import_jsx_runtime5.jsxs)(
+            import_react_native5.View,
+            {
+              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__ */ (0, import_jsx_runtime5.jsx)(
+                  import_react_native5.Text,
+                  {
+                    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__ */ (0, import_jsx_runtime5.jsxs)(Sek, { testID: `kjent-feil-omvei-${k.id}`, children: [
                   tekst.omvei,
                   " ",
                   k.workaround
-                ]
-              }
-            ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusPill, { ikon: o.ikon, etikett: o.etikett, fg: o.fg, bg: o.bg }),
-              versjon ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: versjon }) : null
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                Btn,
-                {
-                  grow: true,
-                  testID: `ja-ogsa-${k.id}`,
-                  label: tekst.svarJa,
-                  accessibilityLabel: `${tekst.svarJa}. ${kontekst}`,
-                  disabled: sender,
-                  busy: sender,
-                  onPress: () => onJaOgsa(k)
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                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__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexWrap: "wrap" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Ikon, { navn: o.ikon, storrelse: "minste", farge: tema.color[o.fg] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      import_react_native5.Text,
+                      {
+                        style: {
+                          color: tema.color[o.fg],
+                          fontSize: tema.font.small,
+                          lineHeight: tema.lineHeight.small,
+                          fontWeight: tema.weight.semibold
+                        },
+                        children: statusOrd
+                      }
+                    )
+                  ] }),
+                  tillegg ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: { color: tema.color.textMuted, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: tillegg }) : null
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.md }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    Btn,
+                    {
+                      variant: "tonet",
+                      testID: `ja-ogsa-${k.id}`,
+                      label: tekst.svarJa,
+                      accessibilityLabel: `${tekst.svarJa}. ${gruppe}`,
+                      disabled: sender,
+                      busy: sender,
+                      onPress: () => onJaOgsa(k)
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    Tekstknapp,
+                    {
+                      testID: `ligner-${k.id}`,
+                      label: tekst.svarLigner,
+                      accessibilityLabel: `${tekst.svarLigner}. ${gruppe}`,
+                      disabled: sender,
+                      onPress: () => onLigner(k)
+                    }
+                  )
+                ] })
+              ]
+            },
+            k.id
+          );
         })
       }
     ),
@@ -1482,6 +1735,10 @@ function KjenteFeil({
 }
 
 // src/widget/Kvittering.tsx
+var import_react9 = require("react");
+var import_react_native7 = require("react-native");
+
+// src/widget/Sporingslinje.tsx
 var import_react8 = require("react");
 var import_react_native6 = require("react-native");
 
@@ -1491,6 +1748,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";
@@ -1514,66 +1777,265 @@ var venterVisning = {
   lofte: lofte.venterNett
 };
 
-// src/widget/Kvittering.tsx
+// src/widget/Sporingslinje.tsx
 var import_jsx_runtime6 = require("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__ */ (0, import_jsx_runtime6.jsx)(
+    import_react_native6.View,
+    {
+      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__ */ (0, import_jsx_runtime6.jsxs)(
+          import_react_native6.View,
+          {
+            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__ */ (0, import_jsx_runtime6.jsxs)(import_react_native6.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  import_react_native6.View,
+                  {
+                    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__ */ (0, import_jsx_runtime6.jsx)(Ikon, { navn: "checkmark-outline", storrelse: "minste", farge: tema.color.bg }) : l.ikon ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Ikon, { navn: l.ikon, storrelse: "minste", farge: c }) : null
+                  }
+                ),
+                !siste ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  import_react_native6.View,
+                  {
+                    style: {
+                      flex: 1,
+                      height: tema.hairline * 2,
+                      borderRadius: tema.radius.pill,
+                      backgroundColor: l.tilstand === "gjort" ? tema.color.success : tema.color.borderStrong
+                    }
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                import_react_native6.Text,
+                {
+                  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__ */ (0, import_jsx_runtime6.jsx)(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__ */ (0, import_jsx_runtime6.jsx)(import_react_native6.Text, { style: { color: tema.color.textMuted, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: l.detalj }) : null
+            ]
+          },
+          l.nokkel
+        );
+      })
+    }
+  );
+}
+
+// src/widget/Kvittering.tsx
+var import_jsx_runtime7 = require("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__ */ (0, import_jsx_runtime6.jsxs)(import_react_native6.View, { style: { flex: 1, justifyContent: "center", gap: tema.space.lg }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native6.View, { style: { alignItems: "center", gap: tema.space.md }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        Ikon,
-        {
-          navn: art === "k\xF8" ? "swap-vertical-outline" : "checkmark-circle-outline",
-          storrelse: "stor",
-          farge: art === "k\xF8" ? tema.color.neutral : tema.color.success
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(H, { children: overskrift }),
-      vedlegg === "feilet" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Banner, { ikon: "warning-outline", tone: "warning", children: tekst.vedleggFeiletBanner }) : null,
-      vedlegg === "forkastet" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Banner, { ikon: "image-outline", tone: "info", children: tekst.offlineUtenBilde }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_react_native6.Text,
-        {
-          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__ */ (0, import_jsx_runtime6.jsx)(Hint, { children: vedlegg === "feilet" ? tekst.saksnummerUtenVedlegg(saksnummer) : tekst.saksnummer(saksnummer) }) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Btn, { testID: "tilbake-til-appen", label: tekst.tilbakeTilAppen, onPress: onLukk })
+  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__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { testID: "kvittering", style: { flex: 1, gap: tema.space.md }, children: [
+    vedlegg === "feilet" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Banner, { ikon: "warning-outline", tone: "warning", children: tekst.vedleggFeiletBanner }) : null,
+    vedlegg === "forkastet" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Banner, { ikon: "image-outline", tone: "info", children: tekst.offlineUtenBilde }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      import_react_native7.View,
+      {
+        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__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: tema.space.sm }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexShrink: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                Ikon,
+                {
+                  navn: ko ? "swap-vertical-outline" : "checkmark-circle-outline",
+                  farge: ko ? tema.color.textSecondary : tema.color.onBrandFill
+                }
+              ),
+              tenantName ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                import_react_native7.Text,
+                {
+                  style: {
+                    color: ko ? tema.color.textPrimary : tema.color.onBrandFill,
+                    fontSize: tema.font.body,
+                    fontWeight: tema.weight.bold
+                  },
+                  children: tenantName
+                }
+              ) : null
+            ] }),
+            ko ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Ikon, { navn: "cloud-offline-outline", storrelse: "minste", farge: tema.color.textMuted }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: { color: tema.color.textMuted, fontSize: tema.font.small, fontWeight: tema.weight.semibold }, children: tekst.koIngenNett })
+            ] }) : saksnummer ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_react_native7.Text,
+              {
+                style: { color: tema.color.onBrandFill, fontSize: tema.font.small, fontWeight: tema.weight.semibold },
+                children: vedlegg === "feilet" ? tekst.saksnummerUtenVedlegg(saksnummer) : tekst.saksnummer(saksnummer)
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { gap: tema.space.xs }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_react_native7.Text,
+              {
+                style: {
+                  color: ko ? tema.color.textMuted : tema.color.onBrandFill,
+                  fontSize: tema.font.small,
+                  lineHeight: tema.lineHeight.small
+                },
+                children: etikett
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Helt, { testID: "kvittering-tekst", live: true, farge: ko ? tema.color.textPrimary : tema.color.onBrandFill, children: vedlegg === "feilet" ? `${tekst.tekstenErLagret} ${helt}` : helt })
+          ] }),
+          under ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_react_native7.View,
+              {
+                style: {
+                  borderTopWidth: tema.hairline,
+                  borderTopColor: ko ? tema.color.borderStrong : tema.color.onBrandFill,
+                  borderStyle: "dashed"
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_react_native7.Text,
+              {
+                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__ */ (0, import_jsx_runtime7.jsx)(Sporingslinje, { ledd, testID: "kvittering-spor" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.View, { style: { flex: 1, justifyContent: "flex-end", paddingTop: tema.space.sm }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Btn, { testID: "tilbake-til-appen", label: tekst.tilbakeTilAppen, onPress: onLukk }) })
   ] });
 }
 
 // src/widget/MineInnspill.tsx
 var import_core = require("@innspel/core");
-var import_react9 = require("react");
-var import_react_native7 = require("react-native");
+var import_react10 = require("react");
+var import_react_native8 = require("react-native");
 
 // src/widget/nyttSvar.ts
 var N\u00D8KKEL = "innspel:svar-sett";
@@ -1596,8 +2058,8 @@ async function markerSvarSett(storage, n\u00E5 = Date.now()) {
 }
 
 // src/widget/MineInnspill.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function MineInnspill({
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var MineInnspill = (0, import_react10.forwardRef)(function MineInnspill2({
   rader,
   laster,
   tenantName,
@@ -1606,16 +2068,46 @@ function MineInnspill({
   leggTil,
   onOppdatert,
   minTextLength,
-  textMaxLength
-}) {
+  textMaxLength,
+  utkastLager
+}, ref) {
   const tema = useTema();
   const min = minTextLength ?? 10;
   const maks = textMaxLength ?? 280;
-  const [apen, setApen] = (0, import_react9.useState)(null);
-  const [utkast, setUtkast] = (0, import_react9.useState)("");
-  const [sender, setSender] = (0, import_react9.useState)(false);
-  const [feil, setFeil] = (0, import_react9.useState)();
-  const [lagtTil, setLagtTil] = (0, import_react9.useState)();
+  const [apen, setApen] = (0, import_react10.useState)(null);
+  const [utkast, setUtkast] = (0, import_react10.useState)("");
+  const [sender, setSender] = (0, import_react10.useState)(false);
+  const [feil, setFeil] = (0, import_react10.useState)();
+  const [lagtTil, setLagtTil] = (0, import_react10.useState)();
+  const egetLager = (0, import_react10.useRef)(/* @__PURE__ */ new Map());
+  const lager = utkastLager ?? egetLager.current;
+  const rulleRef = (0, import_react10.useRef)(null);
+  const kortY = (0, import_react10.useRef)(/* @__PURE__ */ new Map());
+  const apneFelt = (id) => {
+    setApen(id);
+    setUtkast(lager.get(id) ?? "");
+    setFeil(void 0);
+    setLagtTil(void 0);
+    const y = kortY.current.get(id);
+    if (y !== void 0) rulleRef.current?.scrollTo({ y, animated: true });
+  };
+  const lukkFelt = () => {
+    if (apen === null) return false;
+    import_react_native8.Keyboard.dismiss();
+    if (utkast.trim()) lager.set(apen, utkast);
+    else lager.delete(apen);
+    setApen(null);
+    setUtkast("");
+    setFeil(void 0);
+    return true;
+  };
+  const avbryt = () => {
+    if (apen !== null) lager.delete(apen);
+    setApen(null);
+    setUtkast("");
+    setFeil(void 0);
+  };
+  (0, import_react10.useImperativeHandle)(ref, () => ({ lukkFelt }));
   const send = async (id) => {
     if (!leggTil) return;
     setSender(true);
@@ -1623,19 +2115,20 @@ function MineInnspill({
     try {
       const sak = await leggTil(id, utkast.trim());
       onOppdatert?.(sak);
+      lager.delete(id);
       setApen(null);
       setUtkast("");
       setLagtTil(id);
     } catch (e) {
       const kode = e instanceof import_core.InnspelApiError ? e.code : void 0;
-      const tekstFeil = kode === "addendum_limit_reached" ? tekst.tilleggTak : kode === "submission_closed" ? tekst.tilleggLukket : tekst.tilleggFeil(e instanceof Error && e.message ? e.message : "ukjent feil.");
+      const tekstFeil = kode === "addendum_limit_reached" ? tekst.tilleggTak : kode === "submission_closed" ? tekst.tilleggLukket : e instanceof import_core.InnspelApiError && e.message ? tekst.tilleggFeil(e.message) : e instanceof import_core.NettverksFeil ? tekst.tilleggIngenNett : tekst.tilleggFeilGenerisk;
       setFeil({ id, tekst: tekstFeil });
     } finally {
       setSender(false);
     }
   };
-  const [visning, setVisning] = (0, import_react9.useState)(() => rader.map((rad) => ({ rad, nytt: false })));
-  (0, import_react9.useEffect)(() => {
+  const [visning, setVisning] = (0, import_react10.useState)(() => rader.map((rad) => ({ rad, nytt: false })));
+  (0, import_react10.useEffect)(() => {
     let gjelder = true;
     void merkNyeSvar(rader, storage).then((m) => {
       if (gjelder) setVisning(m);
@@ -1646,12 +2139,13 @@ function MineInnspill({
       gjelder = false;
     };
   }, [storage, rader]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!laster && rader.length) void markerSvarSett(storage).catch(() => void 0);
   }, [storage, laster, rader]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { flex: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(H, { sub: tekst.mineUnder, children: tekst.mineTittel }),
-    laster ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.ActivityIndicator, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.ScrollView, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: visning.map(({ rad, nytt }) => {
+  const tom = !laster && rader.length === 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { style: { flex: 1, gap: tema.space.md }, children: [
+    tom ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(H, { sub: tenantName ? tekst.mineTomHint(tenantName) : tekst.mineTomHintGenerisk, children: tekst.mineTomTittel }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(H, { children: tekst.mineTittel }),
+    laster ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.ActivityIndicator, { accessibilityLabel: tekst.mineLaster, color: tema.color.textSecondary }) : tom ? null : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.ScrollView, { 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;
@@ -1662,196 +2156,157 @@ function MineInnspill({
       const taketN\u00E5dd = !venter && rad.canAddAddendum === false && tillegg.length >= 3;
       const feltApent = sakId !== void 0 && apen === sakId;
       const brukt = utkast.length;
-      const forKort = brukt < min;
       const full = brukt >= maks;
       const visTeller = brukt >= maks * 0.8;
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Card, { dashed: venter, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(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__ */ (0, import_jsx_runtime7.jsx)(
-            import_react_native7.Text,
-            {
-              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
-            }
-          ) : null
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_react_native7.Text,
-          {
-            style: {
-              color: tema.color.textPrimary,
-              fontSize: tema.font.body,
-              lineHeight: tema.lineHeight.body
-            },
-            children: rad.text
-          }
-        ),
-        tillegg.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.View, { testID: `tillegg-${sakId}`, style: { gap: tema.space.xs }, children: tillegg.map((a) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-          import_react_native7.View,
-          {
-            style: {
-              borderLeftWidth: tema.hairline * 2,
-              borderLeftColor: tema.color.border,
-              paddingLeft: tema.space.sm,
-              gap: tema.space.xs
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Ikon, { navn: "add-outline", storrelse: "minste", farge: tema.color.textSecondary }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.duLaTil(formaterFrist(a.createdAt)) })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: a.text })
-            ]
+      const ledd = venter ? [] : sporingsledd(rad, tenantName);
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_react_native8.View,
+        {
+          onLayout: (e) => {
+            if (sakId !== void 0) kortY.current.set(sakId, e.nativeEvent.layout.y);
           },
-          a.id
-        )) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { gap: tema.space.xs }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatusPill, { ikon: v.ikon, etikett: v.etikett, fg: v.fg, bg: v.bg }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: v.lofte })
-        ] }),
-        sakId !== void 0 && lagtTil === sakId ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { accessibilityLiveRegion: "polite", testID: `lagt-til-${sakId}`, style: { color: tema.color.success, fontSize: tema.font.small }, children: tekst.lagtTil }) : null,
-        feltApent ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { testID: `tillegg-felt-${sakId}`, style: { gap: tema.space.sm }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.leggTilMerLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            import_react_native7.TextInput,
-            {
-              testID: "tillegg-tekst",
-              accessibilityLabel: tekst.leggTilMerLabel,
-              value: utkast,
-              onChangeText: setUtkast,
-              maxLength: maks,
-              multiline: true,
-              numberOfLines: 3,
-              autoFocus: true,
-              placeholder: tekst.leggTilMerPlaceholder,
-              placeholderTextColor: tema.color.textMuted,
-              style: {
-                backgroundColor: tema.color.surfaceRaised,
-                borderWidth: tema.hairline,
-                borderColor: full ? tema.color.warning : tema.color.borderStrong,
-                borderRadius: tema.radius.md,
-                padding: tema.space.md,
-                color: tema.color.textPrimary,
-                fontSize: tema.font.body,
-                lineHeight: tema.lineHeight.body,
-                minHeight: tema.touch * 2,
-                textAlignVertical: "top"
-              }
-            }
-          ),
-          visTeller ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-            import_react_native7.Text,
-            {
-              testID: "tillegg-teller",
-              accessibilityLiveRegion: full ? "assertive" : "polite",
-              style: { alignSelf: "flex-end", color: full ? tema.color.warning : tema.color.textMuted, fontSize: tema.font.small },
-              children: [
-                brukt,
-                " / ",
-                maks,
-                full ? tekst.tellerFull : ""
-              ]
-            }
-          ) : null,
-          feil?.id === sakId ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { accessibilityLiveRegion: "assertive", testID: `tillegg-feil-${sakId}`, style: { color: tema.color.danger, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: feil.tekst }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              Btn,
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Card, { dashed: venter, testID: `sakskort-${nokkel}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                Ikon,
+                {
+                  navn: rad.type === "onske" ? "bulb" : "bug",
+                  storrelse: "minste",
+                  farge: tema.color.brand
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(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__ */ (0, import_jsx_runtime8.jsx)(Pille, { testID: "nytt-svar", children: tekst.nyttSvar }) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Brodtekst, { testID: `sakstekst-${nokkel}`, children: rad.text }),
+            tillegg.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.View, { testID: `tillegg-${sakId}`, style: { gap: tema.space.sm }, children: tillegg.map((a) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+              import_react_native8.View,
               {
-                testID: "tillegg-send",
-                label: sender ? tekst.sender : tekst.send,
-                disabled: forKort || sender,
-                busy: sender,
-                ...forKort ? { hint: tekst.forKort(min) } : {},
-                onPress: () => sakId !== void 0 && void send(sakId),
-                grow: true
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              Btn,
+                style: {
+                  borderLeftWidth: tema.hairline * 2,
+                  borderLeftColor: tema.color.border,
+                  paddingLeft: tema.space.md,
+                  gap: tema.space.xs
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Meta, { children: tekst.duLaTil(formaterFrist(a.createdAt)) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Brodtekst, { testID: `tillegg-tekst-${a.id}`, children: a.text })
+                ]
+              },
+              a.id
+            )) }) : null,
+            svar ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+              import_react_native8.View,
               {
-                testID: "tillegg-avbryt",
-                label: tekst.avbryt,
-                variant: "secondary",
-                onPress: () => {
-                  setApen(null);
-                  setUtkast("");
-                  setFeil(void 0);
+                testID: `svar-${sakId}`,
+                style: {
+                  borderLeftWidth: tema.hairline * 2,
+                  borderLeftColor: tema.color.brand,
+                  paddingLeft: tema.space.md,
+                  gap: tema.space.xs
                 },
-                grow: true
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Meta, { children: tenantName ? tekst.svarFra(tenantName, formaterFrist(svar.at)) : tekst.svarFraGenerisk(formaterFrist(svar.at)) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Brodtekst, { testID: `svar-tekst-${sakId}`, children: svar.text })
+                ]
               }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: tekst.leggTilMerHint })
-        ] }) : kanLeggeTil ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-          import_react_native7.Pressable,
-          {
-            testID: `legg-til-mer-${sakId}`,
-            accessibilityRole: "button",
-            accessibilityLabel: tekst.leggTilMerLabel,
-            onPress: () => {
-              if (sakId === void 0) return;
-              setApen(sakId);
-              setUtkast("");
-              setFeil(void 0);
-              setLagtTil(void 0);
-            },
-            style: { alignSelf: "flex-start", minHeight: tema.touch, flexDirection: "row", alignItems: "center", gap: tema.space.xs, paddingHorizontal: tema.space.sm },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Ikon, { navn: "add-outline", storrelse: "minste", farge: tema.color.actionSecondaryText }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: { color: tema.color.actionSecondaryText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: tekst.leggTilMer })
-            ]
-          }
-        ) : taketN\u00E5dd ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: tekst.tilleggTak }) : null,
-        !venter && rad.attachmentRemoved ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { testID: `bilde-fjernet-${rad.id}`, style: { flexDirection: "row", gap: tema.space.xs, alignItems: "center" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Ikon, { navn: "trash-outline", storrelse: "minste", farge: tema.color.textMuted }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: tekst.bildeFjernet })
-        ] }) : null,
-        svar ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-          import_react_native7.View,
-          {
-            style: {
-              borderLeftWidth: tema.hairline * 2,
-              borderLeftColor: tema.color.brand,
-              paddingLeft: tema.space.sm,
-              gap: tema.space.xs
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tenantName ? tekst.svarFra(tenantName) : tekst.svarFraGenerisk }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                import_react_native7.Text,
+            ) : null,
+            ledd.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Sporingslinje, { ledd, testID: `spor-${sakId}` }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StatusPill, { testID: `status-pille-${nokkel}`, ikon: v.ikon, etikett: v.etikett, fg: v.fg, bg: v.bg }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Sek, { testID: `lofte-${nokkel}`, children: v.lofte }),
+            !venter && rad.attachmentRemoved ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { testID: `bilde-fjernet-${rad.id}`, style: { flexDirection: "row", gap: tema.space.xs, alignItems: "center" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Ikon, { navn: "trash-outline", storrelse: "minste", farge: tema.color.textMuted }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Hint, { children: tekst.bildeFjernet })
+            ] }) : null,
+            sakId !== void 0 && lagtTil === sakId ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.Text, { accessibilityLiveRegion: "polite", testID: `lagt-til-${sakId}`, style: { color: tema.color.success, fontSize: tema.font.small }, children: tekst.lagtTil }) : null,
+            feltApent ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { testID: `tillegg-felt-${sakId}`, style: { gap: tema.space.sm }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Meta, { children: tekst.leggTilMerLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                import_react_native8.TextInput,
                 {
+                  testID: "tillegg-tekst",
+                  accessibilityLabel: tekst.leggTilMerLabel,
+                  value: utkast,
+                  onChangeText: setUtkast,
+                  maxLength: maks,
+                  multiline: true,
+                  numberOfLines: 3,
+                  autoFocus: true,
+                  placeholder: tekst.leggTilMerPlaceholder,
+                  placeholderTextColor: tema.color.textMuted,
                   style: {
+                    backgroundColor: tema.color.surfaceRaised,
+                    borderWidth: tema.hairline,
+                    borderColor: full ? tema.color.warning : tema.color.borderStrong,
+                    borderRadius: tema.radius.md,
+                    padding: tema.space.md,
                     color: tema.color.textPrimary,
-                    fontSize: tema.font.small,
-                    lineHeight: tema.lineHeight.small
-                  },
-                  children: svar.text
+                    fontSize: tema.font.body,
+                    lineHeight: tema.lineHeight.body,
+                    minHeight: tema.touch * 2,
+                    textAlignVertical: "top"
+                  }
                 }
-              )
-            ]
-          }
-        ) : null
-      ] }, nokkel);
+              ),
+              visTeller ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                import_react_native8.Text,
+                {
+                  testID: "tillegg-teller",
+                  accessibilityLiveRegion: full ? "assertive" : "polite",
+                  style: { alignSelf: "flex-end", color: full ? tema.color.warning : tema.color.textMuted, fontSize: tema.font.small },
+                  children: [
+                    brukt,
+                    " / ",
+                    maks,
+                    full ? tekst.tellerFull : ""
+                  ]
+                }
+              ) : null,
+              feil?.id === sakId ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.Text, { 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__ */ (0, import_jsx_runtime8.jsx)(
+              Tekstknapp,
+              {
+                testID: `legg-til-mer-${sakId}`,
+                ikon: "add-outline",
+                label: tekst.leggTilMer,
+                accessibilityLabel: tekst.leggTilMerLabel,
+                onPress: () => sakId !== void 0 && apneFelt(sakId)
+              }
+            ) : taketN\u00E5dd ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Hint, { children: tekst.tilleggTak }) : null
+          ] })
+        },
+        nokkel
+      );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Btn, { testID: "send-nytt", label: rader.length === 0 ? tekst.sendForste : tekst.sendNytt, onPress: onNytt })
+    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__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { testID: "tillegg-fot", style: { gap: tema.space.sm }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            Btn,
+            {
+              testID: "tillegg-send",
+              label: sender ? tekst.sender : tekst.send,
+              disabled: utkast.length < min || sender,
+              busy: sender,
+              ...utkast.length < min ? { hint: tekst.forKort(min) } : {},
+              onPress: () => void send(apen),
+              grow: true
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Btn, { testID: "tillegg-avbryt", label: tekst.avbryt, variant: "secondary", onPress: avbryt, grow: true })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Hint, { children: tekst.leggTilMerHint })
+      ] })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Btn, { testID: "send-nytt", ikon: "chatbox-outline", label: tom ? tekst.sendForste : tekst.sendNytt, onPress: onNytt })
   ] });
-}
+});
 
 // src/widget/Skjermbilde.tsx
 var import_core2 = require("@innspel/core");
-var import_react10 = require("react");
-var import_react_native8 = require("react-native");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_react_native9 = require("react-native");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Skjermbilde({
   bilde,
   automaskerRot,
@@ -1864,21 +2319,21 @@ function Skjermbilde({
   onLeggVed
 }) {
   const tema = useTema();
-  const [verktoy, setVerktoy] = (0, import_react10.useState)("pensel");
-  const [allTekst, setAllTekst] = (0, import_react10.useState)(false);
-  const [egne, setEgne] = (0, import_react10.useState)([]);
-  const [ramme, setRamme] = (0, import_react10.useState)(null);
-  const strok = (0, import_react10.useRef)([]);
-  const visning = (0, import_react10.useMemo)(() => {
+  const [verktoy, setVerktoy] = (0, import_react11.useState)("pensel");
+  const [allTekst, setAllTekst] = (0, import_react11.useState)(false);
+  const [egne, setEgne] = (0, import_react11.useState)([]);
+  const [ramme, setRamme] = (0, import_react11.useState)(null);
+  const strok = (0, import_react11.useRef)([]);
+  const visning = (0, import_react11.useMemo)(() => {
     if (!ramme) return null;
     const s = Math.min(ramme.width / bilde.width, ramme.height / bilde.height);
     return { width: Math.floor(bilde.width * s), height: Math.floor(bilde.height * s) };
   }, [ramme, bilde.width, bilde.height]);
-  const automasker = (0, import_react10.useMemo)(
+  const automasker = (0, import_react11.useMemo)(
     () => visning ? automaskerRot.map((r) => (0, import_core2.skaler)(r, rotStorrelse, visning)) : [],
     [automaskerRot, rotStorrelse, visning]
   );
-  const onLayout = (0, import_react10.useCallback)((e) => {
+  const onLayout = (0, import_react11.useCallback)((e) => {
     const { width, height } = e.nativeEvent.layout;
     setRamme({ width, height });
   }, []);
@@ -1910,8 +2365,8 @@ function Skjermbilde({
   };
   const knapp = (id, ikon, label) => {
     const valgt = id === "allTekst" ? allTekst : verktoy === id && !allTekst;
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      import_react_native8.Pressable,
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      import_react_native9.Pressable,
       {
         testID: `verktoy-${id}`,
         accessibilityRole: "button",
@@ -1933,9 +2388,9 @@ function Skjermbilde({
           backgroundColor: valgt ? tema.color.surfaceRaised : "transparent"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Ikon, { navn: ikon, farge: tema.color.textPrimary }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_react_native8.Text,
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Ikon, { navn: ikon, farge: tema.color.textPrimary }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            import_react_native9.Text,
             {
               style: {
                 color: tema.color.textPrimary,
@@ -1951,16 +2406,16 @@ function Skjermbilde({
     );
   };
   const a11y = tekst.skjermbildeA11y(automasker.length, egne.length, allTekst);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { testID: "skjermbilde-steg", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(H, { sub: kilde === "galleri" ? tekst.skjermbildeUnderGalleri : tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
-    notat ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.View, { testID: "bilde-notat", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Hint, { children: notat }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { accessibilityRole: "toolbar", accessibilityLabel: tekst.maskering, style: { flexDirection: "row", gap: tema.space.sm }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native9.View, { testID: "skjermbilde-steg", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(H, { sub: kilde === "galleri" ? tekst.skjermbildeUnderGalleri : tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
+    notat ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.View, { testID: "bilde-notat", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Hint, { children: notat }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native9.View, { 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__ */ (0, import_jsx_runtime8.jsx)(
-      import_react_native8.View,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_react_native9.View,
       {
         testID: "skjermbilde-ramme",
         onLayout,
@@ -1973,8 +2428,8 @@ function Skjermbilde({
           borderRadius: tema.radius.md,
           overflow: "hidden"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.View, { testID: "skjermbilde-flate", pointerEvents: "box-none", style: [import_react_native8.StyleSheet.absoluteFill, { alignItems: "center", justifyContent: "center" }], children: visning ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-          import_react_native8.View,
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.View, { testID: "skjermbilde-flate", pointerEvents: "box-none", style: [import_react_native9.StyleSheet.absoluteFill, { alignItems: "center", justifyContent: "center" }], children: visning ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          import_react_native9.View,
           {
             ref: previewRef,
             collapsable: false,
@@ -1989,8 +2444,8 @@ function Skjermbilde({
             onResponderTerminate: onRelease,
             style: { width: visning.width, height: visning.height, backgroundColor: screenRules.previewBackdrop },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                import_react_native8.Image,
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_react_native9.Image,
                 {
                   testID: "skjermbilde-bilde",
                   source: { uri: bilde.uri },
@@ -1999,8 +2454,8 @@ function Skjermbilde({
                   accessibilityIgnoresInvertColors: true
                 }
               ),
-              automasker.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                import_react_native8.View,
+              automasker.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_react_native9.View,
                 {
                   testID: `automask-${i}`,
                   pointerEvents: "none",
@@ -2021,16 +2476,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__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Ikon, { navn: "lock-closed-outline", storrelse: "minste", farge: screenRules.autoMaskText }),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.Text, { style: { color: screenRules.autoMaskText, fontSize: tema.font.small }, numberOfLines: 1, children: tekst.maskertAvAppen })
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native9.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Ikon, { navn: "lock-closed-outline", storrelse: "minste", farge: screenRules.autoMaskText }),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.Text, { style: { color: screenRules.autoMaskText, fontSize: tema.font.small }, numberOfLines: 1, children: tekst.maskertAvAppen })
                     ] })
                   ) : null
                 },
                 `auto-${i}`
               )),
-              egne.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                import_react_native8.View,
+              egne.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_react_native9.View,
                 {
                   testID: `maske-${i}`,
                   pointerEvents: "none",
@@ -2043,14 +2498,14 @@ function Skjermbilde({
         ) : null })
       }
     ),
-    automasker.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Ikon, { navn: "lock-closed-outline", storrelse: "minste", farge: tema.color.textMuted }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Hint, { children: tekst.maskertAvAppenHint })
+    automasker.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native9.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Ikon, { navn: "lock-closed-outline", storrelse: "minste", farge: tema.color.textMuted }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Hint, { children: tekst.maskertAvAppenHint })
     ] }) : null,
-    egne.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Hint, { children: tekst.dittStrok }) : null,
-    allTekst ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Hint, { children: tekst.allTekstHint }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { testID: "skjermbilde-fot", style: { flexShrink: 0, gap: tema.space.sm }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    egne.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Hint, { children: tekst.dittStrok }) : null,
+    allTekst ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Hint, { children: tekst.allTekstHint }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native9.View, { testID: "skjermbilde-fot", style: { flexShrink: 0, gap: tema.space.sm }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         Btn,
         {
           variant: "secondary",
@@ -2061,7 +2516,7 @@ function Skjermbilde({
           onPress: () => setEgne((x) => x.slice(0, -1))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         Btn,
         {
           variant: "danger",
@@ -2072,13 +2527,13 @@ function Skjermbilde({
           disabled: komponerer
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Btn, { testID: "legg-ved", label: tekst.leggVed, onPress: onLeggVed, disabled: komponerer || !visning })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Btn, { testID: "legg-ved", label: tekst.leggVed, onPress: onLeggVed, disabled: komponerer || !visning })
     ] })
   ] });
 }
 
 // src/widget/Widget.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var FANGST = { format: "jpg", quality: 0.85 };
 function Widget({
   client,
@@ -2090,35 +2545,35 @@ function Widget({
   onSubmitted
 }) {
   const tema = useTema();
-  const insets = (0, import_react11.useContext)(import_react_native_safe_area_context.SafeAreaInsetsContext) ?? import_react_native_safe_area_context.initialWindowMetrics?.insets ?? { top: 0, bottom: 0, left: 0, right: 0 };
+  const insets = (0, import_react12.useContext)(import_react_native_safe_area_context.SafeAreaInsetsContext) ?? import_react_native_safe_area_context.initialWindowMetrics?.insets ?? { top: 0, bottom: 0, left: 0, right: 0 };
   const skjermbilde = useSkjermbilde();
-  const previewRef = (0, import_react11.useRef)(null);
-  const [steg, setSteg] = (0, import_react11.useState)("valg");
-  const [spor, setSpor] = (0, import_react11.useState)("feil");
-  const [verdi, setVerdi] = (0, import_react11.useState)("");
-  const [kort, setKort] = (0, import_react11.useState)([]);
-  const [lasterKort, setLasterKort] = (0, import_react11.useState)(false);
-  const [lenketTil, setLenketTil] = (0, import_react11.useState)();
-  const [funn, setFunn] = (0, import_react11.useState)([]);
-  const [fjernede, setFjernede] = (0, import_react11.useState)([]);
-  const [sender, setSender] = (0, import_react11.useState)(false);
+  const previewRef = (0, import_react12.useRef)(null);
+  const [steg, setSteg] = (0, import_react12.useState)("valg");
+  const [spor, setSpor] = (0, import_react12.useState)("feil");
+  const [verdi, setVerdi] = (0, import_react12.useState)("");
+  const [kort, setKort] = (0, import_react12.useState)([]);
+  const [lasterKort, setLasterKort] = (0, import_react12.useState)(false);
+  const [lenketTil, setLenketTil] = (0, import_react12.useState)();
+  const [funn, setFunn] = (0, import_react12.useState)([]);
+  const [fjernede, setFjernede] = (0, import_react12.useState)([]);
+  const [sender, setSender] = (0, import_react12.useState)(false);
   const online = useNettstatus(client);
-  const [feil, setFeil] = (0, import_react11.useState)();
-  const [kvittering, setKvittering] = (0, import_react11.useState)();
-  const [mine, setMine] = (0, import_react11.useState)([]);
-  const [lasterMine, setLasterMine] = (0, import_react11.useState)(false);
-  const [bilde, setBilde] = (0, import_react11.useState)();
-  const [automasker, setAutomasker] = (0, import_react11.useState)([]);
-  const [rotStorrelse, setRotStorrelse] = (0, import_react11.useState)({ width: 1, height: 1 });
-  const [komponerer, setKomponerer] = (0, import_react11.useState)(false);
-  const [kilde, setKilde] = (0, import_react11.useState)("skjerm");
-  const [vedlegg, setVedlegg] = (0, import_react11.useState)();
-  const [innstillinger, setInnstillinger] = (0, import_react11.useState)({ ...client.settings });
+  const [feil, setFeil] = (0, import_react12.useState)();
+  const [kvittering, setKvittering] = (0, import_react12.useState)();
+  const [mine, setMine] = (0, import_react12.useState)([]);
+  const [lasterMine, setLasterMine] = (0, import_react12.useState)(false);
+  const [bilde, setBilde] = (0, import_react12.useState)();
+  const [automasker, setAutomasker] = (0, import_react12.useState)([]);
+  const [rotStorrelse, setRotStorrelse] = (0, import_react12.useState)({ width: 1, height: 1 });
+  const [komponerer, setKomponerer] = (0, import_react12.useState)(false);
+  const [kilde, setKilde] = (0, import_react12.useState)("skjerm");
+  const [vedlegg, setVedlegg] = (0, import_react12.useState)();
+  const [innstillinger, setInnstillinger] = (0, import_react12.useState)({ ...client.settings });
   const skjermbildeMulig = innstillinger.screenshotsEnabled && skjermbilde?.adapter != null;
   const fangstMulig = skjermbildeMulig && skjermbilde?.adapter?.captureScreen !== false;
   const galleriMulig = skjermbildeMulig && typeof skjermbilde?.adapter?.pick === "function";
   const bildeNotat = typeof imageStepNote === "string" ? imageStepNote : imageStepNote?.[spor];
-  const nullstill = (0, import_react11.useCallback)(() => {
+  const nullstill = (0, import_react12.useCallback)(() => {
     setSteg("valg");
     setSpor("feil");
     setVerdi("");
@@ -2133,25 +2588,25 @@ function Widget({
     setVedlegg(void 0);
     setKomponerer(false);
   }, []);
-  const [mineDirekte, setMineDirekte] = (0, import_react11.useState)(false);
-  const [stegForMine, setStegForMine] = (0, import_react11.useState)("valg");
-  const stegRef = (0, import_react11.useRef)(steg);
+  const [mineDirekte, setMineDirekte] = (0, import_react12.useState)(false);
+  const [stegForMine, setStegForMine] = (0, import_react12.useState)("valg");
+  const stegRef = (0, import_react12.useRef)(steg);
   stegRef.current = steg;
   const harUtkast = verdi.trim().length > 0 || vedlegg !== void 0;
-  const lukk = (0, import_react11.useCallback)(() => {
+  const lukk = (0, import_react12.useCallback)(() => {
     onLukk();
     if (stegRef.current === "mine" && mineDirekte) {
       setSteg(stegForMine);
       setMineDirekte(false);
     }
   }, [onLukk, mineDirekte, stegForMine]);
-  const lukkOgNullstill = (0, import_react11.useCallback)(() => {
+  const lukkOgNullstill = (0, import_react12.useCallback)(() => {
     onLukk();
     nullstill();
     setMineDirekte(false);
     setStegForMine("valg");
   }, [onLukk, nullstill]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!synlig) return;
     client.track({ name: "widget_opened" });
     void client.queue.flush().catch(() => void 0);
@@ -2162,7 +2617,7 @@ function Widget({
     if (apneOpsjoner?.view === "mine" && !client.isAnonymous) void visMine(true);
     else if (apneOpsjoner?.track && !harUtkast) void velgSpor(apneOpsjoner.track);
   }, [synlig]);
-  const hentKort = (0, import_react11.useCallback)(async () => {
+  const hentKort = (0, import_react12.useCallback)(async () => {
     setLasterKort(true);
     try {
       const q = apneOpsjoner?.screen ? { screen: apneOpsjoner.screen } : {};
@@ -2171,7 +2626,7 @@ function Widget({
       setLasterKort(false);
     }
   }, [client, apneOpsjoner?.screen]);
-  const velgSpor = (0, import_react11.useCallback)(
+  const velgSpor = (0, import_react12.useCallback)(
     async (valgt) => {
       setSpor(valgt);
       client.track({ name: "track_selected", type: valgt });
@@ -2184,17 +2639,17 @@ function Widget({
     },
     [client, hentKort]
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (steg === "kjenteFeil" && !lasterKort && kort.length === 0) setSteg("felt");
   }, [steg, lasterKort, kort.length]);
-  const endreTekst = (0, import_react11.useCallback)(
+  const endreTekst = (0, import_react12.useCallback)(
     (v) => {
       setVerdi(v);
       setFunn(client.scanText(v));
     },
     [client]
   );
-  const taSkjermbilde = (0, import_react11.useCallback)(async () => {
+  const taSkjermbilde = (0, import_react12.useCallback)(async () => {
     if (!skjermbilde?.adapter) return;
     const { adapter, rootRef, privat } = skjermbilde;
     setFeil(void 0);
@@ -2218,7 +2673,7 @@ function Widget({
       setFeil(tekst.skjermbildeFeilet);
     }
   }, [skjermbilde]);
-  const velgBilde = (0, import_react11.useCallback)(async () => {
+  const velgBilde = (0, import_react12.useCallback)(async () => {
     const pick = skjermbilde?.adapter?.pick;
     if (!pick) return;
     setFeil(void 0);
@@ -2234,7 +2689,7 @@ function Widget({
       setFeil(tekst.bildeFeilet);
     }
   }, [skjermbilde]);
-  const leggVedBilde = (0, import_react11.useCallback)(async () => {
+  const leggVedBilde = (0, import_react12.useCallback)(async () => {
     if (!skjermbilde?.adapter) return;
     setKomponerer(true);
     try {
@@ -2250,15 +2705,18 @@ function Widget({
       setKomponerer(false);
     }
   }, [skjermbilde]);
-  const fjernBilde = (0, import_react11.useCallback)(() => {
+  const fjernBilde = (0, import_react12.useCallback)(() => {
     setBilde(void 0);
     setAutomasker([]);
     setVedlegg(void 0);
     setSteg("felt");
   }, []);
-  const gaaTilbake = (0, import_react11.useCallback)(() => {
+  const mineRef = (0, import_react12.useRef)(null);
+  const tilleggUtkast = (0, import_react12.useRef)(/* @__PURE__ */ new Map());
+  const gaaTilbake = (0, import_react12.useCallback)(() => {
     setFeil(void 0);
     if (steg === "mine") {
+      if (mineRef.current?.lukkFelt()) return;
       if (mineDirekte) lukk();
       else setSteg("valg");
       return;
@@ -2275,12 +2733,12 @@ function Widget({
     }
     setSteg("valg");
   }, [steg, spor, kort.length, mineDirekte, lukk]);
-  const androidTilbake = (0, import_react11.useCallback)(() => {
+  const androidTilbake = (0, import_react12.useCallback)(() => {
     if (steg === "valg") lukk();
     else if (steg === "kvittering") lukkOgNullstill();
     else gaaTilbake();
   }, [steg, lukk, lukkOgNullstill, gaaTilbake]);
-  const send = (0, import_react11.useCallback)(async () => {
+  const send = (0, import_react12.useCallback)(async () => {
     setSender(true);
     setFeil(void 0);
     try {
@@ -2297,6 +2755,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" } : {}
@@ -2312,12 +2773,12 @@ function Widget({
       setSender(false);
     }
   }, [client, spor, verdi, vedlegg, lenketTil, fjernede, apneOpsjoner?.screen, onSubmitted]);
-  const jaOgsa = (0, import_react11.useCallback)(
+  const jaOgsa = (0, import_react12.useCallback)(
     async (k) => {
       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 import_core3.InnspelApiError ? e.message : "tjeneren svarte ikke.");
@@ -2327,7 +2788,7 @@ function Widget({
     },
     [client]
   );
-  const visMine = (0, import_react11.useCallback)(async (direkte = false) => {
+  const visMine = (0, import_react12.useCallback)(async (direkte = false) => {
     if (direkte) {
       if (stegRef.current !== "mine") setStegForMine(stegRef.current);
     } else {
@@ -2344,27 +2805,27 @@ function Widget({
       setLasterMine(false);
     }
   }, [client]);
-  const nyttFraMine = (0, import_react11.useCallback)(() => {
+  const nyttFraMine = (0, import_react12.useCallback)(() => {
     setMineDirekte(false);
     if (harUtkast) setSteg(stegForMine);
     else nullstill();
   }, [harUtkast, stegForMine, nullstill]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react_native9.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react_native10.Modal,
     {
       visible: synlig,
       transparent: true,
       animationType: "slide",
       onRequestClose: androidTilbake,
       accessibilityViewIsModal: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_react_native9.KeyboardAvoidingView,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_react_native10.KeyboardAvoidingView,
         {
           behavior: "padding",
           keyboardVerticalOffset: -insets.bottom,
           style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", paddingTop: insets.top },
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-            import_react_native9.View,
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            import_react_native10.View,
             {
               testID: "innspel-widget",
               accessibilityViewIsModal: true,
@@ -2385,37 +2846,37 @@ function Widget({
                 ...steg === "skjermbilde" ? { height: "92%" } : {}
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native9.View, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
-                  steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Btn, { variant: "ghost", testID: "tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: gaaTilbake }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.View, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                    import_react_native9.Pressable,
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native10.View, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+                  steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Btn, { variant: "ghost", testID: "tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: gaaTilbake }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.View, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    import_react_native10.Pressable,
                     {
                       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__ */ (0, import_jsx_runtime9.jsx)(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
                     }
                   )
                 ] }),
-                feil ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.sendefeilBanner(feil) }) : null,
-                !online && steg !== "kvittering" && steg !== "mine" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Banner, { ikon: "cloud-offline-outline", tone: "info", testID: "offline-banner", children: tekst.offlineBanner }) : null,
-                steg === "valg" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Valg, { onVelg: velgSpor }),
-                  !client.isAnonymous ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                feil ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.sendefeilBanner(feil) }) : null,
+                !online && steg !== "kvittering" && steg !== "mine" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Banner, { ikon: "cloud-offline-outline", tone: "info", testID: "offline-banner", children: tekst.offlineBanner }) : null,
+                steg === "valg" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Valg, { onVelg: velgSpor, anonym: client.isAnonymous }),
+                  !client.isAnonymous ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.View, { style: { flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                     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__ */ (0, import_jsx_runtime9.jsx)(
+                steg === "kjenteFeil" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   KjenteFeil,
                   {
                     kort,
@@ -2430,7 +2891,7 @@ function Widget({
                     onNei: () => setSteg("felt")
                   }
                 ) : null,
-                steg === "felt" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                steg === "felt" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   Felt,
                   {
                     spor,
@@ -2454,7 +2915,7 @@ function Widget({
                     onFjernVedlegg: fjernBilde
                   }
                 ) : null,
-                steg === "skjermbilde" && bilde ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                steg === "skjermbilde" && bilde ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   Skjermbilde,
                   {
                     bilde,
@@ -2468,19 +2929,24 @@ function Widget({
                     onLeggVed: leggVedBilde
                   }
                 ) : null,
-                steg === "kvittering" && kvittering ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                steg === "kvittering" && kvittering ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   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__ */ (0, import_jsx_runtime9.jsx)(
+                steg === "mine" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   MineInnspill,
                   {
+                    ref: mineRef,
+                    utkastLager: tilleggUtkast.current,
                     storage: client.storage,
                     rader: mine,
                     laster: lasterMine,
@@ -2502,8 +2968,8 @@ function Widget({
 }
 function useNettstatus(client) {
   const c = client.connectivity;
-  const [online, setOnline] = (0, import_react11.useState)(() => c?.isOnline() ?? true);
-  (0, import_react11.useEffect)(() => {
+  const [online, setOnline] = (0, import_react12.useState)(() => c?.isOnline() ?? true);
+  (0, import_react12.useEffect)(() => {
     if (!c) return void 0;
     setOnline(c.isOnline());
     return c.subscribe?.((v) => setOnline(v));
@@ -2520,8 +2986,8 @@ function fjernetKontekst(client, fjernede, skjerm) {
 }
 
 // src/InnspelProvider.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Kontekst = (0, import_react12.createContext)(null);
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Kontekst = (0, import_react13.createContext)(null);
 function InnspelProvider({
   client,
   children,
@@ -2532,32 +2998,32 @@ function InnspelProvider({
   imageStepNote,
   onSubmitted
 }) {
-  const [synlig, setSynlig] = (0, import_react12.useState)(false);
-  const [apneOpsjoner, setApneOpsjoner] = (0, import_react12.useState)();
-  const registrert = (0, import_react12.useRef)(false);
-  const rootRef = (0, import_react12.useRef)(null);
-  const privat = (0, import_react12.useMemo)(createPrivateRegistry, []);
-  const open = (0, import_react12.useCallback)(
+  const [synlig, setSynlig] = (0, import_react13.useState)(false);
+  const [apneOpsjoner, setApneOpsjoner] = (0, import_react13.useState)();
+  const registrert = (0, import_react13.useRef)(false);
+  const rootRef = (0, import_react13.useRef)(null);
+  const privat = (0, import_react13.useMemo)(createPrivateRegistry, []);
+  const open = (0, import_react13.useCallback)(
     async (options) => {
       setApneOpsjoner(options);
       setSynlig(true);
     },
     []
   );
-  const close = (0, import_react12.useCallback)(() => setSynlig(false), []);
+  const close = (0, import_react13.useCallback)(() => setSynlig(false), []);
   if (!registrert.current) {
     client.registerPresenter({ open });
     registrert.current = true;
   }
-  const tema = (0, import_react12.useMemo)(() => byggTema(theme, colorScheme), [theme, colorScheme]);
-  const verdi = (0, import_react12.useMemo)(() => ({ client, open, close }), [client, open, close]);
-  const skjermbilde = (0, import_react12.useMemo)(
+  const tema = (0, import_react13.useMemo)(() => byggTema(theme, colorScheme), [theme, colorScheme]);
+  const verdi = (0, import_react13.useMemo)(() => ({ client, open, close }), [client, open, close]);
+  const skjermbilde = (0, import_react13.useMemo)(
     () => ({ adapter: screenshot ?? null, rootRef, privat }),
     [screenshot, privat]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Kontekst.Provider, { value: verdi, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkjermbildeContext.Provider, { value: skjermbilde, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(TemaProvider, { value: tema, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.View, { ref: rootRef, collapsable: false, style: { flex: 1 }, testID: "innspel-rot", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Kontekst.Provider, { value: verdi, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SkjermbildeContext.Provider, { value: skjermbilde, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(TemaProvider, { value: tema, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.View, { ref: rootRef, collapsable: false, style: { flex: 1 }, testID: "innspel-rot", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       Widget,
       {
         client,
@@ -2572,7 +3038,7 @@ function InnspelProvider({
   ] }) }) });
 }
 function useInnspel() {
-  const k = (0, import_react12.useContext)(Kontekst);
+  const k = (0, import_react13.useContext)(Kontekst);
   if (!k) {
     throw new Error(
       "[innspel] useInnspel() ble kalt utenfor <InnspelProvider>. Pakk appen din i den \u2014 se README.md."
@@ -2582,28 +3048,24 @@ function useInnspel() {
 }
 
 // src/InnspelPrivate.tsx
-var import_react13 = require("react");
-var import_react_native11 = require("react-native");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_react_native12 = require("react-native");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function InnspelPrivate({ children, style }) {
-  const ref = (0, import_react13.useRef)(null);
+  const ref = (0, import_react14.useRef)(null);
   const kontekst = useSkjermbilde();
   const registrer = kontekst?.privat.register;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!registrer) return;
     return registrer(ref);
   }, [registrer]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.View, { ref, collapsable: false, style, testID: "innspel-privat", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { ref, collapsable: false, style, testID: "innspel-privat", children });
 }
 
 // src/program/InnspelProgram.tsx
 var import_core4 = require("@innspel/core");
-var import_react18 = require("react");
-var import_react_native16 = require("react-native");
-
-// src/program/Aksept.tsx
-var import_react14 = require("react");
-var import_react_native12 = require("react-native");
+var import_react20 = require("react");
+var import_react_native17 = require("react-native");
 
 // src/program/periode.ts
 var MANEDER = [
@@ -2627,13 +3089,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
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_react_native13 = require("react-native");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Seksjon({ tittel, children }) {
+  const tema = useTema();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native13.View, { style: { gap: tema.space.sm }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_react_native13.Text,
+      {
+        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,
@@ -2643,14 +3123,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__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Modal, { visible: true, transparent: true, animationType: "slide", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    import_react_native12.View,
+  const medVilkar = !!program.termsUrl && !program.commitmentFree;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.Modal, { visible: true, transparent: true, animationType: "slide", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.View, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    import_react_native13.View,
     {
       testID: "program-aksept",
       accessibilityViewIsModal: true,
@@ -2664,17 +3145,17 @@ function Aksept({
         minHeight: "60%"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Btn, { variant: "ghost", testID: "aksept-tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: onLukk }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, {})
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native13.View, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Btn, { variant: "ghost", testID: "aksept-tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: onLukk }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.View, {})
         ] }),
-        feil ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.ScrollView, { contentContainerStyle: { gap: tema.space.md }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(H, { sub: tekst.akseptHva, children: program.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            import_react_native12.Text,
+        feil ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native13.ScrollView, { contentContainerStyle: { gap: tema.space.lg }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(H, { testID: "aksept-tittel", sub: program.hypothesis, children: program.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            import_react_native13.Text,
             {
-              accessibilityRole: "text",
+              testID: "aksept-tall",
               style: {
                 color: tema.color.textPrimary,
                 fontSize: tema.font.body,
@@ -2684,79 +3165,116 @@ function Aksept({
               children: tall
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: program.hypothesis }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Card, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(H, { children: tekst.akseptOppgaver }),
-            program.tasks.map((o) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: { gap: tema.space.xs }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: o.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Hint, { children: [
-                tekst.akseptOppgaveTid(o.estimatedMinutes),
-                o.screenHint ? ` \xB7 ${o.screenHint}` : ""
-              ] })
-            ] }, o.id))
-          ] }),
-          program.knownIssues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Card, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(H, { sub: tekst.akseptKjenteFeilUnder, children: tekst.akseptKjenteFeil(program.knownIssues.length) }),
-            program.knownIssues.map((k) => {
-              const o = knownIssueStatus[k.status] ?? knownIssueStatus.aktiv;
-              return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: { gap: tema.space.xs }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: k.title }),
-                k.workaround ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: [
-                  tekst.omvei,
-                  " ",
-                  k.workaround
-                ] }) : null,
-                k.fixedIn ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                  StatusPill,
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Seksjon, { tittel: tekst.akseptOppgaver, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.View, { children: program.tasks.map((o, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            import_react_native13.View,
+            {
+              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__ */ (0, import_jsx_runtime13.jsx)(
+                  import_react_native13.View,
                   {
-                    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__ */ (0, import_jsx_runtime12.jsxs)(Card, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(H, { sub: tekst.akseptInnsamlingTekst, children: tekst.akseptInnsamling }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Hint, { children: tekst.kontekstAldri })
-          ] }),
-          program.termsUrl && !program.commitmentFree ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: { gap: tema.space.xs }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              import_react_native12.Pressable,
-              {
-                testID: "vilkar-lenke",
-                accessibilityRole: "link",
-                accessibilityLabel: tekst.akseptVilkar,
-                onPress: () => void import_react_native12.Linking.openURL(String(program.termsUrl)),
-                style: { minHeight: tema.touch, justifyContent: "center" },
-                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Ikon, { navn: "open-outline", farge: tema.color.textPrimary }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                    import_react_native12.Text,
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native13.View, { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    import_react_native13.Text,
                     {
-                      style: { color: tema.color.textPrimary, fontSize: tema.font.body, textDecorationLine: "underline" },
-                      children: tekst.akseptVilkar
+                      style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body, fontWeight: tema.weight.semibold },
+                      children: o.title
                     }
-                  )
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Meta, { children: tekst.oppgaveTid(o.estimatedMinutes, o.screenHint) })
                 ] })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Hint, { children: tekst.akseptVilkarHint })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Hint, { children: tekst.akseptIngenVilkar }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: { flexDirection: "row", alignItems: "flex-start", gap: tema.space.sm }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Ikon, { navn: "exit-outline", farge: tema.color.textPrimary }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              import_react_native12.Text,
+              ]
+            },
+            o.id
+          )) }) }),
+          program.knownIssues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Seksjon, { tittel: tekst.akseptKjenteFeil, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.View, { 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__ */ (0, import_jsx_runtime13.jsxs)(
+              import_react_native13.View,
               {
-                style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body },
-                children: tekst.akseptUtgang
+                style: {
+                  gap: tema.space.xs,
+                  paddingVertical: tema.space.sm,
+                  borderTopWidth: i === 0 ? 0 : tema.hairline,
+                  borderTopColor: tema.color.border
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    import_react_native13.Text,
+                    {
+                      style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body, fontWeight: tema.weight.semibold },
+                      children: k.title
+                    }
+                  ),
+                  k.workaround ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Sek, { children: [
+                    tekst.omvei,
+                    " ",
+                    k.workaround
+                  ] }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native13.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexWrap: "wrap" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native13.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Ikon, { navn: o.ikon, storrelse: "minste", farge: tema.color[o.fg] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                        import_react_native13.Text,
+                        {
+                          style: {
+                            color: tema.color[o.fg],
+                            fontSize: tema.font.small,
+                            lineHeight: tema.lineHeight.small,
+                            fontWeight: tema.weight.semibold
+                          },
+                          children: statusOrd
+                        }
+                      )
+                    ] }),
+                    tillegg ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Meta, { children: tillegg }) : null
+                  ] })
+                ]
+              },
+              k.id
+            );
+          }) }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Seksjon, { tittel: tekst.akseptInnsamling, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Sek, { children: tekst.akseptInnsamlingTekst }),
+            medVilkar ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              import_react_native13.Pressable,
+              {
+                testID: "vilkar-lenke",
+                accessibilityRole: "link",
+                accessibilityLabel: tekst.akseptVilkar,
+                onPress: () => void import_react_native13.Linking.openURL(String(program.termsUrl)),
+                style: { minHeight: tema.touch, flexDirection: "row", alignItems: "center", gap: tema.space.sm },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Ikon, { navn: "open-outline", storrelse: "minste", farge: tema.color.actionSecondaryText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.Text, { style: { color: tema.color.actionSecondaryText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: tekst.akseptVilkar })
+                ]
               }
-            )
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Hint, { children: medVilkar ? tekst.akseptTakOgUtgangVilkar(program.maxContacts) : tekst.akseptTakOgUtgang(program.maxContacts) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           Btn,
           {
             testID: "bli-med",
@@ -2772,9 +3290,9 @@ function Aksept({
 }
 
 // src/program/HvordanGikkDet.tsx
-var import_react15 = require("react");
-var import_react_native13 = require("react-native");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_react_native14 = require("react-native");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var UTFALL = [
   { verdi: "fungerte", ikon: "checkmark-circle-outline", etikett: tekst.utfallFungerte },
   { verdi: "delvis", ikon: "contrast-outline", etikett: tekst.utfallDelvis },
@@ -2786,65 +3304,114 @@ function utfallEtikett(verdi) {
 }
 function HvordanGikkDet({
   under,
+  spoersmaal,
   sender,
   feil,
   onLagre,
+  onMeldFeil,
   onLukk
 }) {
   const tema = useTema();
-  const [valgt, setValgt] = (0, import_react15.useState)();
-  const [setning, setSetning] = (0, import_react15.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.View, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    import_react_native13.View,
+  const [valgt, setValgt] = (0, import_react16.useState)();
+  const [setning, setSetning] = (0, import_react16.useState)("");
+  const tekstVerdi = () => {
+    const trimmet = setning.trim();
+    return trimmet.length > 0 ? trimmet : void 0;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native14.Modal, { visible: true, transparent: true, animationType: "slide", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native14.View, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_react_native14.View,
     {
       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__ */ (0, import_jsx_runtime13.jsx)(Btn, { variant: "ghost", testID: "hvordan-tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: onLukk }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Hint, { children: under }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(H, { children: tekst.hvordanGikkDet }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.View, { 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__ */ (0, import_jsx_runtime13.jsxs)(
-            import_react_native13.Pressable,
-            {
-              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__ */ (0, import_jsx_runtime13.jsx)(Ikon, { navn: u.ikon, farge: tema.color.textPrimary }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.Text, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, fontWeight: aktiv ? tema.weight.semibold : tema.weight.regular }, children: u.etikett })
-              ]
-            },
-            u.verdi
-          );
-        }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native13.View, { style: { gap: tema.space.xs }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.setningLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_react_native13.TextInput,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native14.View, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Btn, { variant: "ghost", testID: "hvordan-tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: onLukk }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native14.View, {})
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native14.View, { style: { gap: tema.space.xs }, children: [
+          under ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Meta, { children: under }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(H, { children: spoersmaal ?? tekst.hvordanGikkDet })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_react_native14.View,
+          {
+            testID: "utfall-gruppe",
+            accessibilityRole: "radiogroup",
+            accessibilityLabel: spoersmaal ?? tekst.hvordanGikkDet,
+            children: UTFALL.map((u, i) => {
+              const aktiv = valgt === u.verdi;
+              return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                import_react_native14.Pressable,
+                {
+                  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__ */ (0, import_jsx_runtime14.jsx)(
+                      import_react_native14.View,
+                      {
+                        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__ */ (0, import_jsx_runtime14.jsx)(Ikon, { navn: "checkmark-outline", storrelse: "minste", farge: tema.color.onBrand }) : null
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Ikon, { navn: u.ikon, farge: tema.color.textSecondary }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                      import_react_native14.Text,
+                      {
+                        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__ */ (0, import_jsx_runtime14.jsxs)(import_react_native14.View, { style: { gap: tema.space.sm }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native14.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: [
+            tekst.setningLabel,
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native14.Text, { style: { color: tema.color.textMuted }, children: tekst.setningValgfritt })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_react_native14.TextInput,
             {
               testID: "hvordan-setning",
               accessibilityLabel: tekst.setningLabel,
@@ -2852,9 +3419,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,
@@ -2864,24 +3429,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__ */ (0, import_jsx_runtime13.jsx)(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.svarFeil(feil) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        valgt === "ikke" && onMeldFeil ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          Tekstknapp,
+          {
+            testID: "meld-feil",
+            ikon: "bug-outline",
+            label: tekst.meldFeil,
+            disabled: sender,
+            onPress: () => onMeldFeil("ikke", tekstVerdi())
+          }
+        ) : null,
+        feil ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.svarFeil(feil) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           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());
             }
           }
         )
@@ -2891,16 +3465,14 @@ function HvordanGikkDet({
 }
 
 // src/program/Oppfolging.tsx
-var import_react16 = require("react");
-var import_react_native14 = require("react-native");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_react_native15 = require("react-native");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function tarSvar(kind) {
   return kind === "hvordan_gikk_det" || kind === "sjekkpunkt";
 }
 function Oppfolging({
   oppfolging,
-  kontaktNr,
-  maksKontakter,
   onSenere,
   onSvar,
   onAapneOppgavene,
@@ -2908,45 +3480,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__ */ (0, import_jsx_runtime14.jsxs)(
-    import_react_native14.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    import_react_native15.View,
     {
       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__ */ (0, import_jsx_runtime14.jsxs)(import_react_native14.View, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Ikon, { navn: ikon, farge: tema.color.textPrimary }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native14.View, { style: { flex: 1, gap: tema.space.xs }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native14.Text, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: oppfolging.question }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Hint, { children: hint })
-          ] })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native15.View, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native15.View, { style: { paddingTop: tema.space.xs }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Ikon, { navn: "flask-outline", farge: tema.color.brand }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native15.View, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(H, { nivaa: 3, meta: tekst.oppfolgingKost, children: oppfolging.question }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native14.View, { style: { flexDirection: "row", gap: tema.space.sm }, children: art === "utgang" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Btn, { grow: true, variant: "secondary", testID: `bli-vaerende-${oppfolging.id}`, label: tekst.bliVaerende, onPress: onSenere }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            Btn,
-            {
-              grow: true,
-              variant: "danger",
-              testID: `gaa-ut-${oppfolging.id}`,
-              ikon: "exit-outline",
-              label: tekst.gaaUtBekreft,
-              onPress: onGaaUt
-            }
-          )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Btn, { grow: true, variant: "secondary", testID: `senere-${oppfolging.id}`, label: tekst.senere, onPress: onSenere }),
-          art === "spoersmaal" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Btn, { grow: true, testID: `svar-naa-${oppfolging.id}`, label: tekst.svarNaa, onPress: onSvar }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Btn, { grow: true, testID: `aapne-oppgavene-${oppfolging.id}`, label: tekst.aapneOppgavene, onPress: onAapneOppgavene })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native15.View, { style: { flexDirection: "row", gap: tema.space.sm }, children: art === "utgang" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Btn, { grow: true, variant: "secondary", testID: `bli-vaerende-${oppfolging.id}`, label: tekst.bliVaerende, onPress: onSenere }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Btn, { grow: true, variant: "secondary", testID: `gaa-ut-${oppfolging.id}`, ikon: "exit-outline", label: tekst.gaaUtBekreft, onPress: onGaaUt })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Btn, { grow: true, variant: "secondary", testID: `senere-${oppfolging.id}`, label: tekst.senere, onPress: onSenere }),
+          art === "spoersmaal" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Btn, { grow: true, testID: `svar-naa-${oppfolging.id}`, label: tekst.svarNaa, onPress: onSvar }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Btn, { grow: true, testID: `aapne-oppgavene-${oppfolging.id}`, label: tekst.aapneOppgavene, onPress: onAapneOppgavene })
         ] }) })
       ]
     }
@@ -2954,53 +3509,74 @@ function Oppfolging({
 }
 
 // src/program/Oppgaver.tsx
-var import_react17 = require("react");
-var import_react_native15 = require("react-native");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react18 = require("react");
+var import_react_native16 = require("react-native");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Oppgaver({
   tasks,
   completions,
+  over,
   onGjort
 }) {
   const tema = useTema();
   const ferdig = new Map(completions.map((c) => [c.taskId, c]));
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native15.View, { testID: "oppgaver", accessibilityLabel: tekst.oppgaverTittel, style: { gap: tema.space.sm }, children: [...tasks].sort((a, b) => a.order - b.order).map((o) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native16.View, { 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__ */ (0, import_jsx_runtime15.jsxs)(
-      import_react_native15.View,
+    const meta = c ? tekst.oppgaveGjortMeta(formaterFrist(c.at), utfallEtikett(c.outcome)) : tekst.oppgaveTid(o.estimatedMinutes, o.screenHint);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      import_react_native16.View,
       {
         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__ */ (0, import_jsx_runtime15.jsxs)(import_react_native15.View, { style: { flex: 1, gap: tema.space.xs }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native15.Text, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: o.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Hint, { children: [
-              c ? tekst.oppgaveGjortMed(utfallEtikett(c.outcome)) : `${tekst.oppgaveIkkeBegynt} \xB7 ${tekst.akseptOppgaveTid(o.estimatedMinutes)}`,
-              c?.text ? ` \xB7 \xAB${c.text}\xBB` : ""
-            ] })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            import_react_native16.View,
+            {
+              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__ */ (0, import_jsx_runtime16.jsx)(Ikon, { navn: "checkmark-outline", storrelse: "minste", farge: tema.color.bg }) : null
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native16.View, { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              import_react_native16.Text,
+              {
+                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__ */ (0, import_jsx_runtime16.jsx)(Meta, { testID: `oppgave-meta-${o.id}`, children: meta }),
+            c?.text ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(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__ */ (0, import_jsx_runtime15.jsx)(import_react_native15.View, { accessibilityLabel: tekst.oppgaveGjortMed(utfallEtikett(c.outcome)), accessible: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Ikon, { navn: "checkmark-circle-outline", farge: tema.color.success }) })
-          ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          !c && !over ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             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
@@ -3008,8 +3584,33 @@ function Oppgaver({
   }) });
 }
 
+// src/program/ProgramSpor.tsx
+var import_react19 = require("react");
+var import_jsx_runtime17 = require("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__ */ (0, import_jsx_runtime17.jsx)(Sporingslinje, { ledd: programledd(deltakelse, program), testID: "program-spor", etikett: tekst.programSporEtikett });
+}
+
 // src/program/InnspelProgram.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function InnspelProgram({
   invitationToken,
   onEndring,
@@ -3017,20 +3618,19 @@ function InnspelProgram({
 }) {
   const { client } = useInnspel();
   const tema = useTema();
-  const [mine, setMine] = (0, import_react18.useState)();
-  const [deltakelse, setDeltakelse] = (0, import_react18.useState)();
-  const [viserAksept, setViserAksept] = (0, import_react18.useState)(false);
-  const [viserGaaUt, setViserGaaUt] = (0, import_react18.useState)(false);
-  const [avvist, setAvvist] = (0, import_react18.useState)(false);
-  const [sender, setSender] = (0, import_react18.useState)(false);
-  const [feil, setFeil] = (0, import_react18.useState)();
-  const [dialog, setDialog] = (0, import_react18.useState)();
-  const [svarFeil, setSvarFeil] = (0, import_react18.useState)();
-  const [lagtBort, setLagtBort] = (0, import_react18.useState)(/* @__PURE__ */ new Set());
-  const [meldFeilFor, setMeldFeilFor] = (0, import_react18.useState)();
-  const leggBort = (0, import_react18.useCallback)((id) => setLagtBort((s) => /* @__PURE__ */ new Set([...s, id])), []);
-  const lagreSvar = (0, import_react18.useCallback)(
-    async (outcome, text) => {
+  const [mine, setMine] = (0, import_react20.useState)();
+  const [deltakelse, setDeltakelse] = (0, import_react20.useState)();
+  const [viserAksept, setViserAksept] = (0, import_react20.useState)(false);
+  const [viserGaaUt, setViserGaaUt] = (0, import_react20.useState)(false);
+  const [avvist, setAvvist] = (0, import_react20.useState)(false);
+  const [sender, setSender] = (0, import_react20.useState)(false);
+  const [feil, setFeil] = (0, import_react20.useState)();
+  const [dialog, setDialog] = (0, import_react20.useState)();
+  const [svarFeil, setSvarFeil] = (0, import_react20.useState)();
+  const [lagtBort, setLagtBort] = (0, import_react20.useState)(/* @__PURE__ */ new Set());
+  const leggBort = (0, import_react20.useCallback)((id) => setLagtBort((s) => /* @__PURE__ */ new Set([...s, id])), []);
+  const lagreSvar = (0, import_react20.useCallback)(
+    async (outcome, text, meldEtterpaa = false) => {
       if (!dialog || !deltakelse) return;
       setSender(true);
       setSvarFeil(void 0);
@@ -3038,7 +3638,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);
@@ -3052,7 +3652,7 @@ function InnspelProgram({
     },
     [client, deltakelse, dialog, onMeldFeil]
   );
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (client.isAnonymous) return;
     let levende = true;
     void client.programs.list().then((svar) => {
@@ -3064,7 +3664,7 @@ function InnspelProgram({
       levende = false;
     };
   }, [client]);
-  const bliMed = (0, import_react18.useCallback)(async () => {
+  const bliMed = (0, import_react20.useCallback)(async () => {
     if (!invitationToken) return;
     setSender(true);
     setFeil(void 0);
@@ -3079,7 +3679,7 @@ function InnspelProgram({
       setSender(false);
     }
   }, [client, invitationToken, onEndring]);
-  const gaaUt = (0, import_react18.useCallback)(async () => {
+  const gaaUt = (0, import_react20.useCallback)(async () => {
     if (!deltakelse) return;
     setSender(true);
     try {
@@ -3098,14 +3698,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__ */ (0, import_jsx_runtime16.jsxs)(import_react_native16.View, { testID: "program-deltakelse", accessibilityLabel: tekst.deltakelseRegion, style: { gap: tema.space.sm }, children: [
-      kort.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    const over = programErOver(deltakelse, program);
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native17.View, { testID: "program-deltakelse", accessibilityLabel: tekst.deltakelseRegion, style: { gap: tema.space.md }, children: [
+      kort.map((f) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Oppfolging,
         {
           oppfolging: f,
-          kontaktNr: forsteKontaktNr + i,
-          maksKontakter: program.maxContacts,
           onSenere: () => leggBort(f.id),
           onSvar: () => {
             setSvarFeil(void 0);
@@ -3116,50 +3714,37 @@ function InnspelProgram({
         },
         f.id
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Card, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(H, { sub: tekst.deltakelsePeriode(periode(program.opensAt, program.closesAt), deltakelse.contactsSent, program.maxContacts), children: program.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Card, { style: { gap: tema.space.md }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(H, { children: program.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ProgramSpor, { deltakelse, program }),
+        feil ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Banner, { live: true, ikon: "warning-outline", tone: "warning", children: feil }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Oppgaver,
           {
             tasks: program.tasks,
             completions: deltakelse.completions,
+            over,
             onGjort: (task) => {
               setSvarFeil(void 0);
               setDialog({ type: "oppgave", task });
             }
           }
         ),
-        meldFeilFor && onMeldFeil ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native16.View, { style: { gap: tema.space.xs }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Hint, { children: tekst.meldFeilHint }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            Btn,
-            {
-              variant: "secondary",
-              testID: "meld-feil",
-              ikon: "bug-outline",
-              label: tekst.meldFeil,
-              onPress: () => {
-                const task = meldFeilFor;
-                setMeldFeilFor(void 0);
-                onMeldFeil(task);
-              }
-            }
-          )
-        ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Btn, { variant: "ghost", testID: "gaa-ut", ikon: "exit-outline", label: tekst.gaaUt, onPress: () => setViserGaaUt(true) })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Tekstknapp, { noytral: true, testID: "gaa-ut", ikon: "exit-outline", label: tekst.gaaUt, onPress: () => setViserGaaUt(true) })
       ] }),
-      dialog ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      dialog ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         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__ */ (0, import_jsx_runtime16.jsx)(import_react_native16.Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: () => setViserGaaUt(false), accessibilityViewIsModal: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native16.View, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-        import_react_native16.View,
+      viserGaaUt ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native17.Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: () => setViserGaaUt(false), accessibilityViewIsModal: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native17.View, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        import_react_native17.View,
         {
           testID: "gaa-ut-dialog",
           accessibilityViewIsModal: true,
@@ -3172,11 +3757,11 @@ function InnspelProgram({
             gap: tema.space.md
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(H, { children: tekst.gaaUtTittel }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native16.Text, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: tekst.gaaUtTekst(program.name) }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native16.View, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Btn, { grow: true, variant: "secondary", testID: "bli-vaerende", label: tekst.bliVaerende, onPress: () => setViserGaaUt(false) }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(H, { nivaa: 3, children: tekst.gaaUtTittel }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Brodtekst, { children: tekst.gaaUtTekst(program.name) }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native17.View, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Btn, { grow: true, variant: "secondary", testID: "bli-vaerende", label: tekst.bliVaerende, onPress: () => setViserGaaUt(false) }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 Btn,
                 {
                   grow: true,
@@ -3195,45 +3780,40 @@ function InnspelProgram({
     ] });
   }
   if (!invitasjon || avvist) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-      import_react_native16.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      import_react_native17.View,
       {
         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__ */ (0, import_jsx_runtime16.jsxs)(import_react_native16.View, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Ikon, { navn: "flask-outline", farge: tema.color.textPrimary }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native16.View, { style: { flex: 1, gap: tema.space.xs }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native16.Text, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: tekst.invitasjonHva(program.name) }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Hint, { children: tekst.invitasjonKontakter(program.maxContacts) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              import_react_native16.Pressable,
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native17.View, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native17.View, { style: { paddingTop: tema.space.xs }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Ikon, { navn: "flask-outline", farge: tema.color.brand }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native17.View, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(H, { nivaa: 3, meta: tekst.invitasjonMeta(program.tasks.length, periode(program.opensAt, program.closesAt)), children: tekst.invitasjonHva(program.name) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              import_react_native17.Pressable,
               {
                 testID: "avvis-invitasjon",
                 accessibilityRole: "button",
                 accessibilityLabel: tekst.avvisInvitasjon,
                 onPress: () => setAvvist(true),
                 style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
+                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
               }
             )
           ] }),
-          feil && !viserAksept ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Btn, { variant: "secondary", testID: "les-mer", label: tekst.lesMer, onPress: () => setViserAksept(true) })
+          feil && !viserAksept ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Btn, { testID: "les-mer", label: tekst.lesMer, onPress: () => setViserAksept(true) })
         ]
       }
     ),
-    viserAksept ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    viserAksept ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Aksept,
       {
         program,