@innspel/react-native 0.4.1 → 0.5.1

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/InnspelProvider.tsx
-import { createContext as createContext3, useCallback as useCallback3, useContext as useContext3, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
+import { createContext as createContext3, useCallback as useCallback3, useContext as useContext4, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
 import { View as View9 } from "react-native";
 
 // src/skjermbilde.ts
@@ -102,6 +102,7 @@ var t = {
     pill: 999
   },
   font: {
+    display: 40,
     h1: 24,
     h2: 21,
     h3: 18,
@@ -110,6 +111,7 @@ var t = {
     tiny: 11
   },
   lineHeight: {
+    display: 48,
     h1: 30,
     h2: 27,
     h3: 24,
@@ -128,6 +130,7 @@ var t = {
     base: 200,
     slow: 320
   },
+  icon: { inline: 20, minste: 16 },
   touch: 48,
   screenPadding: 24,
   hairline: 1
@@ -186,6 +189,7 @@ var light = {
     pill: 999
   },
   font: {
+    display: 40,
     h1: 24,
     h2: 21,
     h3: 18,
@@ -194,6 +198,7 @@ var light = {
     tiny: 11
   },
   lineHeight: {
+    display: 48,
     h1: 30,
     h2: 27,
     h3: 24,
@@ -212,6 +217,7 @@ var light = {
     base: 200,
     slow: 320
   },
+  icon: { inline: 20, minste: 16 },
   touch: 48,
   screenPadding: 24,
   hairline: 1
@@ -246,12 +252,13 @@ import {
   InnspelApiError,
   InnspelQueueFullError
 } from "@innspel/core";
-import { useCallback as useCallback2, useEffect, useRef as useRef2, useState as useState3 } from "react";
-import { Modal, Pressable as Pressable5, Text as Text8, View as View8 } from "react-native";
+import { useCallback as useCallback2, useContext as useContext3, useEffect, useRef as useRef2, useState as useState3 } from "react";
+import { KeyboardAvoidingView, Modal, Pressable as Pressable5, Text as Text8, View as View8 } from "react-native";
+import { initialWindowMetrics, SafeAreaInsetsContext } from "react-native-safe-area-context";
 
 // src/widget/Felt.tsx
 import { useMemo, useState } from "react";
-import { Pressable as Pressable2, Text as Text2, TextInput, View as View2 } from "react-native";
+import { Pressable as Pressable2, ScrollView, Text as Text2, TextInput, View as View2 } from "react-native";
 
 // src/widget/primitiver.tsx
 import "react";
@@ -468,7 +475,13 @@ var tekst = {
   rettesI: (versjon) => `Rettes i ${versjon}`,
   rettetI: (versjon) => `Rettet i ${versjon}`,
   // 2d + 2e — feltet og kontekstlinja
-  feltLabelFeil: "Din feil",
+  /**
+   * «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.
+   */
+  feltLabelFeil: "Ditt innspill",
   feltLabelOnske: "Ditt \xF8nske",
   /** DD-45: to spørsmål i feilsporet. Kilde: Sentry «What's the bug? What did you expect?» */
   placeholderFeil: "Hva skjedde? Hva forventet du?",
@@ -667,229 +680,240 @@ function Felt({
       return verdi2 && !fjernedeFelter.includes(felt) ? { felt, etikett, verdi: verdi2 } : null;
     }).filter((x) => x !== null);
   }, [kontekst, fjernedeFelter]);
-  return /* @__PURE__ */ jsxs2(View2, { style: { flex: 1, gap: tema.space.md }, children: [
-    lenketTil ? /* @__PURE__ */ jsxs2(
-      View2,
+  return /* @__PURE__ */ jsxs2(View2, { testID: "skjema", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
+    /* @__PURE__ */ jsxs2(
+      ScrollView,
       {
-        style: {
-          flexDirection: "row",
-          alignItems: "center",
-          gap: tema.space.sm,
-          minHeight: tema.touch,
-          borderWidth: tema.hairline,
-          borderColor: tema.color.borderInteractive,
-          borderRadius: tema.radius.pill,
-          paddingLeft: tema.space.md,
-          paddingRight: tema.space.xs
-        },
+        testID: "skjema-kropp",
+        style: { flexGrow: 0, flexShrink: 1 },
+        contentContainerStyle: { gap: tema.space.md },
+        keyboardShouldPersistTaps: "handled",
         children: [
-          /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.lenketTil(lenketTil.title) }),
-          /* @__PURE__ */ jsx2(
-            Pressable2,
+          lenketTil ? /* @__PURE__ */ jsxs2(
+            View2,
             {
-              testID: "fjern-lenke",
-              accessibilityRole: "button",
-              accessibilityLabel: tekst.fjernLenke,
-              onPress: onFjernLenke,
-              style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-              children: /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
+              style: {
+                flexDirection: "row",
+                alignItems: "center",
+                gap: tema.space.sm,
+                minHeight: tema.touch,
+                borderWidth: tema.hairline,
+                borderColor: tema.color.borderInteractive,
+                borderRadius: tema.radius.pill,
+                paddingLeft: tema.space.md,
+                paddingRight: tema.space.xs
+              },
+              children: [
+                /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.lenketTil(lenketTil.title) }),
+                /* @__PURE__ */ jsx2(
+                  Pressable2,
+                  {
+                    testID: "fjern-lenke",
+                    accessibilityRole: "button",
+                    accessibilityLabel: tekst.fjernLenke,
+                    onPress: onFjernLenke,
+                    style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
+                    children: /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
+                  }
+                )
+              ]
             }
-          )
-        ]
-      }
-    ) : null,
-    uavklart ? /* @__PURE__ */ jsxs2(
-      View2,
-      {
-        style: {
-          gap: tema.space.sm,
-          backgroundColor: tema.color.warningBg,
-          borderRadius: tema.radius.md,
-          padding: tema.space.md
-        },
-        children: [
+          ) : null,
+          uavklart ? /* @__PURE__ */ jsxs2(
+            View2,
+            {
+              style: {
+                gap: tema.space.sm,
+                backgroundColor: tema.color.warningBg,
+                borderRadius: tema.radius.md,
+                padding: tema.space.md
+              },
+              children: [
+                /* @__PURE__ */ jsx2(
+                  Text2,
+                  {
+                    accessibilityRole: "alert",
+                    accessibilityLiveRegion: "polite",
+                    style: {
+                      color: tema.color.warning,
+                      fontSize: tema.font.small,
+                      lineHeight: tema.lineHeight.small,
+                      fontWeight: tema.weight.medium
+                    },
+                    children: tekst.monsterSpm[uavklart.kind]
+                  }
+                ),
+                /* @__PURE__ */ jsxs2(View2, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+                  /* @__PURE__ */ jsx2(
+                    Btn,
+                    {
+                      grow: true,
+                      variant: "secondary",
+                      testID: "monster-fjern",
+                      label: tekst.monsterFjern,
+                      onPress: () => onEndre(verdi.slice(0, uavklart.start) + verdi.slice(uavklart.end))
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    Btn,
+                    {
+                      grow: true,
+                      variant: "ghost",
+                      testID: "monster-behold",
+                      label: tekst.monsterBehold,
+                      onPress: () => setBeholdt((b) => [...b, uavklart.match])
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx2(Hint, { children: tekst.monsterForklaring })
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsx2(H, { children: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil }),
           /* @__PURE__ */ jsx2(
+            TextInput,
+            {
+              testID: "innspill-tekst",
+              accessibilityLabel: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil,
+              value: verdi,
+              onChangeText: onEndre,
+              maxLength: textMaxLength,
+              multiline: true,
+              numberOfLines: 4,
+              placeholder: spor === "onske" ? tekst.placeholderOnske : tekst.placeholderFeil,
+              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__ */ jsxs2(
             Text2,
             {
-              accessibilityRole: "alert",
-              accessibilityLiveRegion: "polite",
+              testID: "teller",
+              accessibilityLiveRegion: full ? "assertive" : "polite",
               style: {
-                color: tema.color.warning,
-                fontSize: tema.font.small,
-                lineHeight: tema.lineHeight.small,
-                fontWeight: tema.weight.medium
+                alignSelf: "flex-end",
+                color: full ? tema.color.warning : tema.color.textMuted,
+                fontSize: tema.font.small
               },
-              children: tekst.monsterSpm[uavklart.kind]
+              children: [
+                brukt,
+                " / ",
+                textMaxLength,
+                full ? tekst.tellerFull : ""
+              ]
             }
-          ),
-          /* @__PURE__ */ jsxs2(View2, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+          ) : null,
+          harVedlegg ? /* @__PURE__ */ jsxs2(
+            View2,
+            {
+              testID: "vedlegg-chip",
+              style: {
+                flexDirection: "row",
+                alignItems: "center",
+                gap: tema.space.sm,
+                minHeight: tema.touch,
+                borderWidth: tema.hairline,
+                borderColor: tema.color.borderInteractive,
+                borderRadius: tema.radius.pill,
+                paddingLeft: tema.space.md,
+                paddingRight: tema.space.xs
+              },
+              children: [
+                /* @__PURE__ */ jsx2(Text2, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.small }, children: "\u{1F4F7}" }),
+                /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.skjermbildeLagtVed }),
+                /* @__PURE__ */ jsx2(
+                  Pressable2,
+                  {
+                    testID: "fjern-vedlegg",
+                    accessibilityRole: "button",
+                    accessibilityLabel: tekst.fjernSkjermbilde,
+                    onPress: onFjernVedlegg,
+                    style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
+                    children: /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
+                  }
+                )
+              ]
+            }
+          ) : onSkjermbilde ? /* @__PURE__ */ jsx2(
+            Btn,
+            {
+              variant: "secondary",
+              testID: "legg-ved-skjermbilde",
+              ikon: "\u{1F4F7}",
+              label: tekst.leggVedSkjermbilde,
+              hint: tekst.leggVedHint,
+              onPress: onSkjermbilde
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs2(View2, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
             /* @__PURE__ */ jsx2(
-              Btn,
+              Pressable2,
               {
-                grow: true,
-                variant: "secondary",
-                testID: "monster-fjern",
-                label: tekst.monsterFjern,
-                onPress: () => onEndre(verdi.slice(0, uavklart.start) + verdi.slice(uavklart.end))
+                testID: "kontekst-bryter",
+                accessibilityRole: "button",
+                accessibilityState: { expanded: apen },
+                accessibilityLabel: `${tekst.kontekstLinje}${apen ? "" : tekst.kontekstVis}`,
+                onPress: () => setApen((a) => !a),
+                style: { minHeight: tema.touch, justifyContent: "center" },
+                children: /* @__PURE__ */ jsxs2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
+                  apen ? "\u25B4" : "\u25BE",
+                  " ",
+                  tekst.kontekstLinje,
+                  apen ? "" : tekst.kontekstVis
+                ] })
               }
             ),
-            /* @__PURE__ */ jsx2(
-              Btn,
-              {
-                grow: true,
-                variant: "ghost",
-                testID: "monster-behold",
-                label: tekst.monsterBehold,
-                onPress: () => setBeholdt((b) => [...b, uavklart.match])
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx2(Hint, { children: tekst.monsterForklaring })
+            apen ? /* @__PURE__ */ jsxs2(View2, { children: [
+              linjer.map((l) => /* @__PURE__ */ jsxs2(
+                View2,
+                {
+                  style: {
+                    flexDirection: "row",
+                    alignItems: "center",
+                    gap: tema.space.sm,
+                    minHeight: tema.touch,
+                    borderBottomWidth: tema.hairline,
+                    borderBottomColor: tema.color.border
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textMuted, fontSize: tema.font.small, minWidth: tema.touch * 2 }, children: l.etikett }),
+                    /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: l.verdi }),
+                    /* @__PURE__ */ jsx2(
+                      Pressable2,
+                      {
+                        testID: `fjern-${l.felt}`,
+                        accessibilityRole: "button",
+                        accessibilityLabel: `${tekst.kontekstFjern} ${l.etikett.toLowerCase()} fra innsendingen`,
+                        onPress: () => onFjernKontekst(l.felt),
+                        style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
+                        children: /* @__PURE__ */ jsxs2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
+                          "\u2715 ",
+                          tekst.kontekstFjern
+                        ] })
+                      }
+                    )
+                  ]
+                },
+                l.felt
+              )),
+              /* @__PURE__ */ jsx2(View2, { style: { paddingTop: tema.space.sm }, children: /* @__PURE__ */ jsx2(Hint, { children: tekst.kontekstAldri }) })
+            ] }) : null
+          ] })
         ]
       }
-    ) : null,
-    /* @__PURE__ */ jsx2(H, { children: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil }),
-    /* @__PURE__ */ jsx2(
-      TextInput,
-      {
-        testID: "innspill-tekst",
-        accessibilityLabel: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil,
-        value: verdi,
-        onChangeText: onEndre,
-        maxLength: textMaxLength,
-        multiline: true,
-        numberOfLines: 4,
-        placeholder: spor === "onske" ? tekst.placeholderOnske : tekst.placeholderFeil,
-        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__ */ jsxs2(
-      Text2,
-      {
-        testID: "teller",
-        accessibilityLiveRegion: full ? "assertive" : "polite",
-        style: {
-          alignSelf: "flex-end",
-          color: full ? tema.color.warning : tema.color.textMuted,
-          fontSize: tema.font.small
-        },
-        children: [
-          brukt,
-          " / ",
-          textMaxLength,
-          full ? tekst.tellerFull : ""
-        ]
-      }
-    ) : null,
-    harVedlegg ? /* @__PURE__ */ jsxs2(
-      View2,
-      {
-        testID: "vedlegg-chip",
-        style: {
-          flexDirection: "row",
-          alignItems: "center",
-          gap: tema.space.sm,
-          minHeight: tema.touch,
-          borderWidth: tema.hairline,
-          borderColor: tema.color.borderInteractive,
-          borderRadius: tema.radius.pill,
-          paddingLeft: tema.space.md,
-          paddingRight: tema.space.xs
-        },
-        children: [
-          /* @__PURE__ */ jsx2(Text2, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.small }, children: "\u{1F4F7}" }),
-          /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.skjermbildeLagtVed }),
-          /* @__PURE__ */ jsx2(
-            Pressable2,
-            {
-              testID: "fjern-vedlegg",
-              accessibilityRole: "button",
-              accessibilityLabel: tekst.fjernSkjermbilde,
-              onPress: onFjernVedlegg,
-              style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-              children: /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
-            }
-          )
-        ]
-      }
-    ) : onSkjermbilde ? /* @__PURE__ */ jsx2(
-      Btn,
-      {
-        variant: "secondary",
-        testID: "legg-ved-skjermbilde",
-        ikon: "\u{1F4F7}",
-        label: tekst.leggVedSkjermbilde,
-        hint: tekst.leggVedHint,
-        onPress: onSkjermbilde
-      }
-    ) : null,
-    /* @__PURE__ */ jsxs2(View2, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
-      /* @__PURE__ */ jsx2(
-        Pressable2,
-        {
-          testID: "kontekst-bryter",
-          accessibilityRole: "button",
-          accessibilityState: { expanded: apen },
-          accessibilityLabel: `${tekst.kontekstLinje}${apen ? "" : tekst.kontekstVis}`,
-          onPress: () => setApen((a) => !a),
-          style: { minHeight: tema.touch, justifyContent: "center" },
-          children: /* @__PURE__ */ jsxs2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
-            apen ? "\u25B4" : "\u25BE",
-            " ",
-            tekst.kontekstLinje,
-            apen ? "" : tekst.kontekstVis
-          ] })
-        }
-      ),
-      apen ? /* @__PURE__ */ jsxs2(View2, { children: [
-        linjer.map((l) => /* @__PURE__ */ jsxs2(
-          View2,
-          {
-            style: {
-              flexDirection: "row",
-              alignItems: "center",
-              gap: tema.space.sm,
-              minHeight: tema.touch,
-              borderBottomWidth: tema.hairline,
-              borderBottomColor: tema.color.border
-            },
-            children: [
-              /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textMuted, fontSize: tema.font.small, minWidth: tema.touch * 2 }, children: l.etikett }),
-              /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: l.verdi }),
-              /* @__PURE__ */ jsx2(
-                Pressable2,
-                {
-                  testID: `fjern-${l.felt}`,
-                  accessibilityRole: "button",
-                  accessibilityLabel: `${tekst.kontekstFjern} ${l.etikett.toLowerCase()} fra innsendingen`,
-                  onPress: () => onFjernKontekst(l.felt),
-                  style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                  children: /* @__PURE__ */ jsxs2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
-                    "\u2715 ",
-                    tekst.kontekstFjern
-                  ] })
-                }
-              )
-            ]
-          },
-          l.felt
-        )),
-        /* @__PURE__ */ jsx2(View2, { style: { paddingTop: tema.space.sm }, children: /* @__PURE__ */ jsx2(Hint, { children: tekst.kontekstAldri }) })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ jsx2(View2, { style: { flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx2(View2, { testID: "skjema-fot", style: { flexGrow: 1, flexShrink: 0, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx2(
       Btn,
       {
         testID: "send",
@@ -956,7 +980,7 @@ function Valg({ onVelg }) {
 
 // src/widget/KjenteFeil.tsx
 import "react";
-import { ActivityIndicator, Text as Text4, View as View4 } from "react-native";
+import { ActivityIndicator, ScrollView as ScrollView2, Text as Text4, View as View4 } from "react-native";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function KjenteFeil({
   kort,
@@ -973,73 +997,82 @@ function KjenteFeil({
       /* @__PURE__ */ jsx4(ActivityIndicator, { accessibilityLabel: "Sjekker kjente feil", color: tema.color.textSecondary })
     ] });
   }
-  return /* @__PURE__ */ jsxs4(View4, { style: { flex: 1, gap: tema.space.md }, children: [
+  return /* @__PURE__ */ jsxs4(View4, { testID: "kjente-feil", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ jsx4(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
-    kort.map((k) => {
-      const versjon = k.fixedIn ? k.status === "fikset" ? tekst.rettetI(k.fixedIn) : tekst.rettesI(k.fixedIn) : void 0;
-      const kontekst = versjon ? `${k.title}. ${versjon}` : k.title;
-      return /* @__PURE__ */ jsxs4(Card, { children: [
-        /* @__PURE__ */ jsx4(
-          Text4,
-          {
-            style: {
-              color: tema.color.textPrimary,
-              fontSize: tema.font.body,
-              lineHeight: tema.lineHeight.body,
-              fontWeight: tema.weight.medium
-            },
-            children: k.title
-          }
-        ),
-        k.workaround ? /* @__PURE__ */ jsxs4(
-          Text4,
-          {
-            style: {
-              color: tema.color.textSecondary,
-              fontSize: tema.font.small,
-              lineHeight: tema.lineHeight.small
-            },
-            children: [
-              tekst.omvei,
-              " ",
-              k.workaround
-            ]
-          }
-        ) : null,
-        versjon ? /* @__PURE__ */ jsx4(
-          StatusPill,
-          {
-            ikon: k.status === "fikset" ? "\u2713" : "\u{1F527}",
-            etikett: versjon,
-            farge: k.status === "fikset" ? "success" : "info"
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-          /* @__PURE__ */ jsx4(
-            Btn,
-            {
-              grow: true,
-              testID: `ja-ogsa-${k.id}`,
-              label: tekst.svarJa,
-              accessibilityLabel: `${tekst.svarJa}. ${kontekst}`,
-              onPress: () => onJaOgsa(k)
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            Btn,
-            {
-              grow: true,
-              variant: "secondary",
-              testID: `ligner-${k.id}`,
-              label: tekst.svarLigner,
-              accessibilityLabel: `${tekst.svarLigner}. ${kontekst}`,
-              onPress: () => onLigner(k)
-            }
-          )
-        ] })
-      ] }, k.id);
-    }),
-    /* @__PURE__ */ jsx4(Btn, { variant: "secondary", testID: "nei-noe-annet", label: tekst.svarNei, onPress: onNei })
+    /* @__PURE__ */ jsx4(
+      ScrollView2,
+      {
+        testID: "kjente-feil-liste",
+        style: { flexGrow: 0, flexShrink: 1 },
+        contentContainerStyle: { gap: tema.space.md },
+        keyboardShouldPersistTaps: "handled",
+        children: kort.map((k) => {
+          const versjon = k.fixedIn ? k.status === "fikset" ? tekst.rettetI(k.fixedIn) : tekst.rettesI(k.fixedIn) : void 0;
+          const kontekst = versjon ? `${k.title}. ${versjon}` : k.title;
+          return /* @__PURE__ */ jsxs4(Card, { children: [
+            /* @__PURE__ */ jsx4(
+              Text4,
+              {
+                style: {
+                  color: tema.color.textPrimary,
+                  fontSize: tema.font.body,
+                  lineHeight: tema.lineHeight.body,
+                  fontWeight: tema.weight.medium
+                },
+                children: k.title
+              }
+            ),
+            k.workaround ? /* @__PURE__ */ jsxs4(
+              Text4,
+              {
+                style: {
+                  color: tema.color.textSecondary,
+                  fontSize: tema.font.small,
+                  lineHeight: tema.lineHeight.small
+                },
+                children: [
+                  tekst.omvei,
+                  " ",
+                  k.workaround
+                ]
+              }
+            ) : null,
+            versjon ? /* @__PURE__ */ jsx4(
+              StatusPill,
+              {
+                ikon: k.status === "fikset" ? "\u2713" : "\u{1F527}",
+                etikett: versjon,
+                farge: k.status === "fikset" ? "success" : "info"
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+              /* @__PURE__ */ jsx4(
+                Btn,
+                {
+                  grow: true,
+                  testID: `ja-ogsa-${k.id}`,
+                  label: tekst.svarJa,
+                  accessibilityLabel: `${tekst.svarJa}. ${kontekst}`,
+                  onPress: () => onJaOgsa(k)
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                Btn,
+                {
+                  grow: true,
+                  variant: "secondary",
+                  testID: `ligner-${k.id}`,
+                  label: tekst.svarLigner,
+                  accessibilityLabel: `${tekst.svarLigner}. ${kontekst}`,
+                  onPress: () => onLigner(k)
+                }
+              )
+            ] })
+          ] }, k.id);
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx4(View4, { testID: "kjente-feil-fot", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx4(Btn, { variant: "secondary", testID: "nei-noe-annet", label: tekst.svarNei, onPress: onNei }) })
   ] });
 }
 
@@ -1101,7 +1134,7 @@ function Kvittering({
 
 // src/widget/MineInnspill.tsx
 import "react";
-import { ActivityIndicator as ActivityIndicator2, ScrollView, Text as Text6, View as View6 } from "react-native";
+import { ActivityIndicator as ActivityIndicator2, ScrollView as ScrollView3, Text as Text6, View as View6 } from "react-native";
 
 // src/widget/status.ts
 var IKON = {
@@ -1168,7 +1201,7 @@ function MineInnspill({
   const tema = useTema();
   return /* @__PURE__ */ jsxs6(View6, { style: { flex: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ jsx6(H, { sub: tekst.mineUnder, children: tekst.mineTittel }),
-    laster ? /* @__PURE__ */ jsx6(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx6(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx6(ScrollView, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: rader.map((rad) => {
+    laster ? /* @__PURE__ */ jsx6(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx6(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx6(ScrollView3, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: rader.map((rad) => {
       const venter = rad.pending === true;
       const v = venter ? venterVisning : statusVisning(rad.status, rad.type, rad.deadlineAt);
       const nokkel = venter ? rad.clientRef : rad.id;
@@ -1437,6 +1470,7 @@ function Widget({
   tenantName
 }) {
   const tema = useTema();
+  const insets = useContext3(SafeAreaInsetsContext) ?? initialWindowMetrics?.insets ?? { top: 0, bottom: 0, left: 0, right: 0 };
   const skjermbilde = useSkjermbilde();
   const previewRef = useRef2(null);
   const [steg, setSteg] = useState3("valg");
@@ -1630,108 +1664,119 @@ function Widget({
       animationType: "slide",
       onRequestClose: lukk,
       accessibilityViewIsModal: true,
-      children: /* @__PURE__ */ jsx8(View8, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxs8(
-        View8,
+      children: /* @__PURE__ */ jsx8(
+        KeyboardAvoidingView,
         {
-          testID: "innspel-widget",
-          accessibilityViewIsModal: true,
-          accessibilityRole: "none",
-          style: {
-            backgroundColor: tema.color.bg,
-            borderTopLeftRadius: tema.radius.lg * 2,
-            borderTopRightRadius: tema.radius.lg * 2,
-            padding: tema.screenPadding,
-            gap: tema.space.md,
-            maxHeight: "92%",
-            minHeight: "60%"
-          },
-          children: [
-            /* @__PURE__ */ jsxs8(View8, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
-              steg === "skjermbilde" ? /* @__PURE__ */ jsx8(Btn, { variant: "ghost", testID: "tilbake", ikon: "\u2190", label: tekst.tilbake, onPress: fjernBilde }) : steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ jsx8(Btn, { variant: "ghost", testID: "tilbake", ikon: "\u2190", label: tekst.tilbake, onPress: nullstill }) : /* @__PURE__ */ jsx8(View8, {}),
-              /* @__PURE__ */ jsx8(
-                Pressable5,
-                {
-                  testID: "lukk",
-                  accessibilityRole: "button",
-                  accessibilityLabel: tekst.lukk,
-                  onPress: lukk,
-                  style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                  children: /* @__PURE__ */ jsx8(Text8, { style: { color: tema.color.textSecondary, fontSize: tema.font.body }, children: "\u2715" })
-                }
-              )
-            ] }),
-            feil ? /* @__PURE__ */ jsx8(Banner, { live: true, ikon: "\u26A0", tone: "danger", children: tekst.sendefeilBanner(feil) }) : null,
-            steg === "valg" ? /* @__PURE__ */ jsxs8(Fragment, { children: [
-              /* @__PURE__ */ jsx8(Valg, { onVelg: velgSpor }),
-              /* @__PURE__ */ jsx8(Btn, { variant: "ghost", testID: "mine-innspill", ikon: "\u{1F4CB}", label: tekst.mineTittel, onPress: visMine })
-            ] }) : null,
-            steg === "kjenteFeil" ? /* @__PURE__ */ jsx8(
-              KjenteFeil,
-              {
-                kort,
-                spor,
-                laster: lasterKort,
-                onJaOgsa: jaOgsa,
-                onLigner: (k) => {
-                  setLenketTil(k);
-                  setSteg("felt");
-                },
-                onNei: () => spor === "onske" ? void send() : setSteg("felt")
-              }
-            ) : null,
-            steg === "felt" ? /* @__PURE__ */ jsx8(
-              Felt,
-              {
-                spor,
-                verdi,
-                onEndre: endreTekst,
-                minTextLength: innstillinger.minTextLength,
-                textMaxLength: innstillinger.textMaxLength,
-                kontekst: client.context,
-                fjernedeFelter: fjernede,
-                onFjernKontekst: (f) => setFjernede((x) => [...x, f]),
-                ...lenketTil ? { lenketTil, onFjernLenke: () => setLenketTil(void 0) } : {},
-                funn,
-                onSend: send,
-                sender,
-                ...skjermbildeMulig ? { onSkjermbilde: taSkjermbilde } : {},
-                harVedlegg: vedlegg !== void 0,
-                onFjernVedlegg: fjernBilde
-              }
-            ) : null,
-            steg === "skjermbilde" && bilde ? /* @__PURE__ */ jsx8(
-              Skjermbilde,
-              {
-                bilde,
-                automaskerRot: automasker,
-                rotStorrelse,
-                previewRef,
-                komponerer,
-                onFjern: fjernBilde,
-                onLeggVed: leggVedBilde
-              }
-            ) : null,
-            steg === "kvittering" && kvittering ? /* @__PURE__ */ jsx8(
-              Kvittering,
-              {
-                art: kvittering.art,
-                ...kvittering.nr ? { saksnummer: kvittering.nr } : {},
-                ...kvittering.vedlegg ? { vedlegg: kvittering.vedlegg } : {},
-                onLukk: lukk
-              }
-            ) : null,
-            steg === "mine" ? /* @__PURE__ */ jsx8(
-              MineInnspill,
-              {
-                rader: mine,
-                laster: lasterMine,
-                ...tenantName ? { tenantName } : {},
-                onNytt: nullstill
-              }
-            ) : null
-          ]
+          behavior: "padding",
+          keyboardVerticalOffset: -insets.bottom,
+          style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", paddingTop: insets.top },
+          children: /* @__PURE__ */ jsxs8(
+            View8,
+            {
+              testID: "innspel-widget",
+              accessibilityViewIsModal: true,
+              accessibilityRole: "none",
+              style: {
+                backgroundColor: tema.color.bg,
+                borderTopLeftRadius: tema.radius.lg * 2,
+                borderTopRightRadius: tema.radius.lg * 2,
+                padding: tema.screenPadding,
+                paddingBottom: tema.screenPadding + insets.bottom,
+                paddingLeft: tema.screenPadding + insets.left,
+                paddingRight: tema.screenPadding + insets.right,
+                gap: tema.space.md,
+                maxHeight: "92%",
+                minHeight: "60%"
+              },
+              children: [
+                /* @__PURE__ */ jsxs8(View8, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+                  steg === "skjermbilde" ? /* @__PURE__ */ jsx8(Btn, { variant: "ghost", testID: "tilbake", ikon: "\u2190", label: tekst.tilbake, onPress: fjernBilde }) : steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ jsx8(Btn, { variant: "ghost", testID: "tilbake", ikon: "\u2190", label: tekst.tilbake, onPress: nullstill }) : /* @__PURE__ */ jsx8(View8, {}),
+                  /* @__PURE__ */ jsx8(
+                    Pressable5,
+                    {
+                      testID: "lukk",
+                      accessibilityRole: "button",
+                      accessibilityLabel: tekst.lukk,
+                      onPress: lukk,
+                      style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
+                      children: /* @__PURE__ */ jsx8(Text8, { style: { color: tema.color.textSecondary, fontSize: tema.font.body }, children: "\u2715" })
+                    }
+                  )
+                ] }),
+                feil ? /* @__PURE__ */ jsx8(Banner, { live: true, ikon: "\u26A0", tone: "danger", children: tekst.sendefeilBanner(feil) }) : null,
+                steg === "valg" ? /* @__PURE__ */ jsxs8(Fragment, { children: [
+                  /* @__PURE__ */ jsx8(Valg, { onVelg: velgSpor }),
+                  /* @__PURE__ */ jsx8(Btn, { variant: "ghost", testID: "mine-innspill", ikon: "\u{1F4CB}", label: tekst.mineTittel, onPress: visMine })
+                ] }) : null,
+                steg === "kjenteFeil" ? /* @__PURE__ */ jsx8(
+                  KjenteFeil,
+                  {
+                    kort,
+                    spor,
+                    laster: lasterKort,
+                    onJaOgsa: jaOgsa,
+                    onLigner: (k) => {
+                      setLenketTil(k);
+                      setSteg("felt");
+                    },
+                    onNei: () => spor === "onske" ? void send() : setSteg("felt")
+                  }
+                ) : null,
+                steg === "felt" ? /* @__PURE__ */ jsx8(
+                  Felt,
+                  {
+                    spor,
+                    verdi,
+                    onEndre: endreTekst,
+                    minTextLength: innstillinger.minTextLength,
+                    textMaxLength: innstillinger.textMaxLength,
+                    kontekst: client.context,
+                    fjernedeFelter: fjernede,
+                    onFjernKontekst: (f) => setFjernede((x) => [...x, f]),
+                    ...lenketTil ? { lenketTil, onFjernLenke: () => setLenketTil(void 0) } : {},
+                    funn,
+                    onSend: send,
+                    sender,
+                    ...skjermbildeMulig ? { onSkjermbilde: taSkjermbilde } : {},
+                    harVedlegg: vedlegg !== void 0,
+                    onFjernVedlegg: fjernBilde
+                  }
+                ) : null,
+                steg === "skjermbilde" && bilde ? /* @__PURE__ */ jsx8(
+                  Skjermbilde,
+                  {
+                    bilde,
+                    automaskerRot: automasker,
+                    rotStorrelse,
+                    previewRef,
+                    komponerer,
+                    onFjern: fjernBilde,
+                    onLeggVed: leggVedBilde
+                  }
+                ) : null,
+                steg === "kvittering" && kvittering ? /* @__PURE__ */ jsx8(
+                  Kvittering,
+                  {
+                    art: kvittering.art,
+                    ...kvittering.nr ? { saksnummer: kvittering.nr } : {},
+                    ...kvittering.vedlegg ? { vedlegg: kvittering.vedlegg } : {},
+                    onLukk: lukk
+                  }
+                ) : null,
+                steg === "mine" ? /* @__PURE__ */ jsx8(
+                  MineInnspill,
+                  {
+                    rader: mine,
+                    laster: lasterMine,
+                    ...tenantName ? { tenantName } : {},
+                    onNytt: nullstill
+                  }
+                ) : null
+              ]
+            }
+          )
         }
-      ) })
+      )
     }
   );
 }
@@ -1792,7 +1837,7 @@ function InnspelProvider({
   ] }) }) });
 }
 function useInnspel() {
-  const k = useContext3(Kontekst);
+  const k = useContext4(Kontekst);
   if (!k) {
     throw new Error(
       "[innspel] useInnspel() ble kalt utenfor <InnspelProvider>. Pakk appen din i den \u2014 se README.md."
@@ -1825,7 +1870,7 @@ import { Modal as Modal4, Pressable as Pressable8, Text as Text13, View as View1
 
 // src/program/Aksept.tsx
 import "react";
-import { Linking, Modal as Modal2, Pressable as Pressable6, ScrollView as ScrollView2, Text as Text9, View as View11 } from "react-native";
+import { Linking, Modal as Modal2, Pressable as Pressable6, ScrollView as ScrollView4, Text as Text9, View as View11 } from "react-native";
 
 // src/program/periode.ts
 var MANEDER = [
@@ -1891,7 +1936,7 @@ function Aksept({
           /* @__PURE__ */ jsx11(View11, {})
         ] }),
         feil ? /* @__PURE__ */ jsx11(Banner, { live: true, ikon: "\u26A0", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
-        /* @__PURE__ */ jsxs10(ScrollView2, { contentContainerStyle: { gap: tema.space.md }, children: [
+        /* @__PURE__ */ jsxs10(ScrollView4, { contentContainerStyle: { gap: tema.space.md }, children: [
           /* @__PURE__ */ jsx11(H, { sub: tekst.akseptHva, children: program.name }),
           /* @__PURE__ */ jsx11(
             Text9,