@innspel/react-native 0.9.5 → 0.10.1

package/dist/index.d.cts

@@ -654,6 +654,19 @@ declare const tekst: {
     readonly bildeFjernet: "Bildet er fjernet.";
     readonly svarFra: (leietaker: string) => string;
     readonly svarFraGenerisk: "Svar";
+    readonly leggTilMer: "Legg til mer";
+    readonly leggTilMerLabel: "Legg til mer på denne saken";
+    readonly leggTilMerPlaceholder: "Hva vil du legge til?";
+    readonly leggTilMerHint: "Blir stående på saken din, under det du alt har skrevet. Ikke et svar på svaret — det blir ingen samtale her.";
+    readonly avbryt: "Avbryt";
+    readonly duLaTil: (dato: string) => string;
+    readonly lagtTil: "Lagt til";
+    readonly tilleggTak: "Du har lagt til tre ganger. Har du mer, send et nytt innspill.";
+    readonly tilleggLukket: "Saken er avsluttet — send et nytt innspill.";
+    /** F34: serverens egen setning (InnspelApiError) — aldri en rå feil. */
+    readonly tilleggFeil: (arsak: string) => string;
+    readonly tilleggIngenNett: "Ingen nett. Teksten din er beholdt — prøv igjen når du er på nett.";
+    readonly tilleggFeilGenerisk: "Kunne ikke legge til. Teksten din er beholdt — prøv igjen.";
     readonly sendNytt: "Send nytt innspill";
     /** Tom tilstand: det finnes ikke noe «nytt» å sende når ingenting er sendt. */
     readonly sendForste: "Send innspill";

package/dist/index.d.ts

@@ -654,6 +654,19 @@ declare const tekst: {
     readonly bildeFjernet: "Bildet er fjernet.";
     readonly svarFra: (leietaker: string) => string;
     readonly svarFraGenerisk: "Svar";
+    readonly leggTilMer: "Legg til mer";
+    readonly leggTilMerLabel: "Legg til mer på denne saken";
+    readonly leggTilMerPlaceholder: "Hva vil du legge til?";
+    readonly leggTilMerHint: "Blir stående på saken din, under det du alt har skrevet. Ikke et svar på svaret — det blir ingen samtale her.";
+    readonly avbryt: "Avbryt";
+    readonly duLaTil: (dato: string) => string;
+    readonly lagtTil: "Lagt til";
+    readonly tilleggTak: "Du har lagt til tre ganger. Har du mer, send et nytt innspill.";
+    readonly tilleggLukket: "Saken er avsluttet — send et nytt innspill.";
+    /** F34: serverens egen setning (InnspelApiError) — aldri en rå feil. */
+    readonly tilleggFeil: (arsak: string) => string;
+    readonly tilleggIngenNett: "Ingen nett. Teksten din er beholdt — prøv igjen når du er på nett.";
+    readonly tilleggFeilGenerisk: "Kunne ikke legge til. Teksten din er beholdt — prøv igjen.";
     readonly sendNytt: "Send nytt innspill";
     /** Tom tilstand: det finnes ikke noe «nytt» å sende når ingenting er sendt. */
     readonly sendForste: "Send innspill";

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/InnspelProvider.tsx
-import { createContext as createContext3, useCallback as useCallback3, useContext as useContext4, useMemo as useMemo4, useRef as useRef4, useState as useState5 } from "react";
+import { createContext as createContext3, useCallback as useCallback3, useContext as useContext4, useMemo as useMemo4, useRef as useRef5, useState as useState5 } from "react";
 import { View as View9 } from "react-native";
 
 // src/skjermbilde.ts
@@ -352,17 +352,20 @@ function useTema() {
 
 // src/widget/Widget.tsx
 import {
-  InnspelApiError,
+  InnspelApiError as InnspelApiError2,
   InnspelQueueFullError
 } from "@innspel/core";
-import { useCallback as useCallback2, useContext as useContext3, useEffect as useEffect2, useRef as useRef3, useState as useState4 } from "react";
-import { KeyboardAvoidingView, Modal, Pressable as Pressable5, View as View8 } from "react-native";
+import { useCallback as useCallback2, useContext as useContext3, useEffect as useEffect2, useRef as useRef4, useState as useState4 } from "react";
+import { KeyboardAvoidingView, Modal, Pressable as Pressable6, View as View8 } from "react-native";
 import { initialWindowMetrics, SafeAreaInsetsContext } from "react-native-safe-area-context";
 
 // src/Ikon.tsx
 import "react";
 import { SvgXml } from "react-native-svg";
 
+// ../../node_modules/ionicons/dist/svg/add-outline.svg
+var add_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M256 112v288M400 256H112" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
 // ../../node_modules/ionicons/dist/svg/arrow-back-outline.svg
 var arrow_back_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M244 400 100 256l144-144M120 256h292" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48px"/></svg>';
 
@@ -458,6 +461,7 @@ import { jsx } from "react/jsx-runtime";
 var utenTittel = (svg) => svg.replace(/<title>[\s\S]*?<\/title>/g, "");
 var IKONER = Object.fromEntries(
   Object.entries({
+    "add-outline": add_outline_default,
     "arrow-back-outline": arrow_back_outline_default,
     "brush-outline": brush_outline_default,
     // Fylte varianter: bare på sporvalgets to kort (DD-63), der ikonet bærer stemningen.
@@ -868,6 +872,20 @@ var tekst = {
   bildeFjernet: "Bildet er fjernet.",
   svarFra: (leietaker) => `Svar fra ${leietaker}`,
   svarFraGenerisk: "Svar",
+  // 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",
+  leggTilMerPlaceholder: "Hva vil du legge til?",
+  leggTilMerHint: "Blir st\xE5ende p\xE5 saken din, under det du alt har skrevet. Ikke et svar p\xE5 svaret \u2014 det blir ingen samtale her.",
+  avbryt: "Avbryt",
+  duLaTil: (dato) => `Du la til \xB7 ${dato}`,
+  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",
@@ -1518,8 +1536,9 @@ function Kvittering({
 }
 
 // src/widget/MineInnspill.tsx
-import { useEffect, useState as useState2 } from "react";
-import { ActivityIndicator as ActivityIndicator2, ScrollView as ScrollView3, Text as Text6, View as View6 } from "react-native";
+import { InnspelApiError, NettverksFeil } from "@innspel/core";
+import { forwardRef, useEffect, useImperativeHandle, useRef as useRef2, useState as useState2 } from "react";
+import { ActivityIndicator as ActivityIndicator2, Keyboard, Pressable as Pressable4, ScrollView as ScrollView3, Text as Text6, TextInput as TextInput2, View as View6 } from "react-native";
 
 // src/widget/nyttSvar.ts
 var N\u00D8KKEL = "innspel:svar-sett";
@@ -1543,14 +1562,74 @@ async function markerSvarSett(storage, n\u00E5 = Date.now()) {
 
 // src/widget/MineInnspill.tsx
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function MineInnspill({
+var MineInnspill = forwardRef(function MineInnspill2({
   rader,
   laster,
   tenantName,
   onNytt,
-  storage
-}) {
+  storage,
+  leggTil,
+  onOppdatert,
+  minTextLength,
+  textMaxLength,
+  utkastLager
+}, ref) {
   const tema = useTema();
+  const min = minTextLength ?? 10;
+  const maks = textMaxLength ?? 280;
+  const [apen, setApen] = useState2(null);
+  const [utkast, setUtkast] = useState2("");
+  const [sender, setSender] = useState2(false);
+  const [feil, setFeil] = useState2();
+  const [lagtTil, setLagtTil] = useState2();
+  const egetLager = useRef2(/* @__PURE__ */ new Map());
+  const lager = utkastLager ?? egetLager.current;
+  const rulleRef = useRef2(null);
+  const kortY = useRef2(/* @__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;
+    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);
+  };
+  useImperativeHandle(ref, () => ({ lukkFelt }));
+  const send = async (id) => {
+    if (!leggTil) return;
+    setSender(true);
+    setFeil(void 0);
+    try {
+      const sak = await leggTil(id, utkast.trim());
+      onOppdatert?.(sak);
+      lager.delete(id);
+      setApen(null);
+      setUtkast("");
+      setLagtTil(id);
+    } catch (e) {
+      const kode = e instanceof InnspelApiError ? e.code : void 0;
+      const tekstFeil = kode === "addendum_limit_reached" ? tekst.tilleggTak : kode === "submission_closed" ? tekst.tilleggLukket : e instanceof InnspelApiError && e.message ? tekst.tilleggFeil(e.message) : e instanceof NettverksFeil ? tekst.tilleggIngenNett : tekst.tilleggFeilGenerisk;
+      setFeil({ id, tekst: tekstFeil });
+    } finally {
+      setSender(false);
+    }
+  };
   const [visning, setVisning] = useState2(() => rader.map((rad) => ({ rad, nytt: false })));
   useEffect(() => {
     let gjelder = true;
@@ -1568,84 +1647,200 @@ function MineInnspill({
   }, [storage, laster, rader]);
   return /* @__PURE__ */ jsxs6(View6, { style: { flex: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ jsx7(H, { sub: tekst.mineUnder, children: tekst.mineTittel }),
-    laster ? /* @__PURE__ */ jsx7(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx7(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx7(ScrollView3, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: visning.map(({ rad, nytt }) => {
+    laster ? /* @__PURE__ */ jsx7(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx7(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx7(ScrollView3, { ref: rulleRef, style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, keyboardShouldPersistTaps: "handled", children: visning.map(({ rad, nytt }) => {
       const venter = rad.pending === true;
       const v = venter ? venterVisning : statusVisning(rad.status, rad.type, rad.deadlineAt);
       const nokkel = venter ? rad.clientRef : rad.id;
+      const sakId = venter ? void 0 : rad.id;
       const svar = venter ? void 0 : rad.reply;
-      return /* @__PURE__ */ jsxs6(Card, { dashed: venter, children: [
-        /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ jsx7(Hint, { children: venter ? `${tekst.mineIkkeSendt} \xB7 ${rad.type === "onske" ? tekst.onske : tekst.feil}` : tekst.sakHode(rad.type === "onske" ? tekst.onske : tekst.feil, rad.id) }),
-          nytt ? /* @__PURE__ */ jsx7(
-            Text6,
-            {
-              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
+      const tillegg = venter ? [] : rad.addenda ?? [];
+      const kanLeggeTil = !venter && !!leggTil && rad.canAddAddendum === true;
+      const taketN\u00E5dd = !venter && rad.canAddAddendum === false && tillegg.length >= 3;
+      const feltApent = sakId !== void 0 && apen === sakId;
+      const brukt = utkast.length;
+      const full = brukt >= maks;
+      const visTeller = brukt >= maks * 0.8;
+      return /* @__PURE__ */ jsx7(
+        View6,
+        {
+          onLayout: (e) => {
+            if (sakId !== void 0) kortY.current.set(sakId, e.nativeEvent.layout.y);
+          },
+          children: /* @__PURE__ */ jsxs6(Card, { dashed: venter, children: [
+            /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ jsx7(Hint, { children: venter ? `${tekst.mineIkkeSendt} \xB7 ${rad.type === "onske" ? tekst.onske : tekst.feil}` : tekst.sakHode(rad.type === "onske" ? tekst.onske : tekst.feil, rad.id) }),
+              nytt ? /* @__PURE__ */ jsx7(
+                Text6,
+                {
+                  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__ */ jsx7(
+              Text6,
+              {
+                style: {
+                  color: tema.color.textPrimary,
+                  fontSize: tema.font.body,
+                  lineHeight: tema.lineHeight.body
+                },
+                children: rad.text
+              }
+            ),
+            tillegg.length > 0 ? /* @__PURE__ */ jsx7(View6, { testID: `tillegg-${sakId}`, style: { gap: tema.space.xs }, children: tillegg.map((a) => /* @__PURE__ */ jsxs6(
+              View6,
+              {
+                style: {
+                  borderLeftWidth: tema.hairline * 2,
+                  borderLeftColor: tema.color.border,
+                  paddingLeft: tema.space.sm,
+                  gap: tema.space.xs
+                },
+                children: [
+                  /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                    /* @__PURE__ */ jsx7(Ikon, { navn: "add-outline", storrelse: "minste", farge: tema.color.textSecondary }),
+                    /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.duLaTil(formaterFrist(a.createdAt)) })
+                  ] }),
+                  /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: a.text })
+                ]
               },
-              children: tekst.nyttSvar
-            }
-          ) : null
-        ] }),
-        /* @__PURE__ */ jsx7(
-          Text6,
-          {
-            style: {
-              color: tema.color.textPrimary,
-              fontSize: tema.font.body,
-              lineHeight: tema.lineHeight.body
-            },
-            children: rad.text
-          }
-        ),
-        /* @__PURE__ */ jsxs6(View6, { style: { gap: tema.space.xs }, children: [
-          /* @__PURE__ */ jsx7(StatusPill, { ikon: v.ikon, etikett: v.etikett, fg: v.fg, bg: v.bg }),
-          /* @__PURE__ */ jsx7(Hint, { children: v.lofte })
-        ] }),
-        !venter && rad.attachmentRemoved ? /* @__PURE__ */ jsxs6(View6, { testID: `bilde-fjernet-${rad.id}`, style: { flexDirection: "row", gap: tema.space.xs, alignItems: "center" }, children: [
-          /* @__PURE__ */ jsx7(Ikon, { navn: "trash-outline", storrelse: "minste", farge: tema.color.textMuted }),
-          /* @__PURE__ */ jsx7(Hint, { children: tekst.bildeFjernet })
-        ] }) : null,
-        svar ? /* @__PURE__ */ jsxs6(
-          View6,
-          {
-            style: {
-              borderLeftWidth: tema.hairline * 2,
-              borderLeftColor: tema.color.brand,
-              paddingLeft: tema.space.sm,
-              gap: tema.space.xs
-            },
-            children: [
-              /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tenantName ? tekst.svarFra(tenantName) : tekst.svarFraGenerisk }),
+              a.id
+            )) }) : null,
+            /* @__PURE__ */ jsxs6(View6, { style: { gap: tema.space.xs }, children: [
+              /* @__PURE__ */ jsx7(StatusPill, { ikon: v.ikon, etikett: v.etikett, fg: v.fg, bg: v.bg }),
+              /* @__PURE__ */ jsx7(Hint, { children: v.lofte })
+            ] }),
+            sakId !== void 0 && lagtTil === sakId ? /* @__PURE__ */ jsx7(Text6, { accessibilityLiveRegion: "polite", testID: `lagt-til-${sakId}`, style: { color: tema.color.success, fontSize: tema.font.small }, children: tekst.lagtTil }) : null,
+            feltApent ? /* @__PURE__ */ jsxs6(View6, { testID: `tillegg-felt-${sakId}`, style: { gap: tema.space.sm }, children: [
+              /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.leggTilMerLabel }),
               /* @__PURE__ */ jsx7(
-                Text6,
+                TextInput2,
                 {
+                  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__ */ jsxs6(
+                Text6,
+                {
+                  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__ */ jsx7(Text6, { accessibilityLiveRegion: "assertive", testID: `tillegg-feil-${sakId}`, style: { color: tema.color.danger, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: feil.tekst }) : null
+            ] }) : kanLeggeTil ? /* @__PURE__ */ jsxs6(
+              Pressable4,
+              {
+                testID: `legg-til-mer-${sakId}`,
+                accessibilityRole: "button",
+                accessibilityLabel: tekst.leggTilMerLabel,
+                onPress: () => sakId !== void 0 && apneFelt(sakId),
+                style: { alignSelf: "flex-start", minHeight: tema.touch, flexDirection: "row", alignItems: "center", gap: tema.space.xs, paddingHorizontal: tema.space.sm },
+                children: [
+                  /* @__PURE__ */ jsx7(Ikon, { navn: "add-outline", storrelse: "minste", farge: tema.color.actionSecondaryText }),
+                  /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.actionSecondaryText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: tekst.leggTilMer })
+                ]
+              }
+            ) : taketN\u00E5dd ? /* @__PURE__ */ jsx7(Hint, { children: tekst.tilleggTak }) : null,
+            !venter && rad.attachmentRemoved ? /* @__PURE__ */ jsxs6(View6, { testID: `bilde-fjernet-${rad.id}`, style: { flexDirection: "row", gap: tema.space.xs, alignItems: "center" }, children: [
+              /* @__PURE__ */ jsx7(Ikon, { navn: "trash-outline", storrelse: "minste", farge: tema.color.textMuted }),
+              /* @__PURE__ */ jsx7(Hint, { children: tekst.bildeFjernet })
+            ] }) : null,
+            svar ? /* @__PURE__ */ jsxs6(
+              View6,
+              {
+                style: {
+                  borderLeftWidth: tema.hairline * 2,
+                  borderLeftColor: tema.color.brand,
+                  paddingLeft: tema.space.sm,
+                  gap: tema.space.xs
+                },
+                children: [
+                  /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tenantName ? tekst.svarFra(tenantName) : tekst.svarFraGenerisk }),
+                  /* @__PURE__ */ jsx7(
+                    Text6,
+                    {
+                      style: {
+                        color: tema.color.textPrimary,
+                        fontSize: tema.font.small,
+                        lineHeight: tema.lineHeight.small
+                      },
+                      children: svar.text
+                    }
+                  )
+                ]
+              }
+            ) : null
+          ] })
+        },
+        nokkel
+      );
     }) }),
-    /* @__PURE__ */ jsx7(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__ */ jsxs6(View6, { testID: "tillegg-fot", style: { gap: tema.space.sm }, children: [
+        /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+          /* @__PURE__ */ jsx7(
+            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__ */ jsx7(Btn, { testID: "tillegg-avbryt", label: tekst.avbryt, variant: "secondary", onPress: avbryt, grow: true })
+        ] }),
+        /* @__PURE__ */ jsx7(Hint, { children: tekst.leggTilMerHint })
+      ] })
+    ) : /* @__PURE__ */ jsx7(Btn, { testID: "send-nytt", label: rader.length === 0 ? tekst.sendForste : tekst.sendNytt, onPress: onNytt })
   ] });
-}
+});
 
 // src/widget/Skjermbilde.tsx
 import { skaler, strokTilRekter, treffer, trykkTilRekt } from "@innspel/core";
-import { useCallback, useMemo as useMemo3, useRef as useRef2, useState as useState3 } from "react";
-import { Image as Image2, Pressable as Pressable4, StyleSheet, Text as Text7, View as View7 } from "react-native";
+import { useCallback, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
+import { Image as Image2, Pressable as Pressable5, StyleSheet, Text as Text7, View as View7 } from "react-native";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function Skjermbilde({
   bilde,
@@ -1663,7 +1858,7 @@ function Skjermbilde({
   const [allTekst, setAllTekst] = useState3(false);
   const [egne, setEgne] = useState3([]);
   const [ramme, setRamme] = useState3(null);
-  const strok = useRef2([]);
+  const strok = useRef3([]);
   const visning = useMemo3(() => {
     if (!ramme) return null;
     const s = Math.min(ramme.width / bilde.width, ramme.height / bilde.height);
@@ -1706,7 +1901,7 @@ function Skjermbilde({
   const knapp = (id, ikon, label) => {
     const valgt = id === "allTekst" ? allTekst : verktoy === id && !allTekst;
     return /* @__PURE__ */ jsxs7(
-      Pressable4,
+      Pressable5,
       {
         testID: `verktoy-${id}`,
         accessibilityRole: "button",
@@ -1887,7 +2082,7 @@ function Widget({
   const tema = useTema();
   const insets = useContext3(SafeAreaInsetsContext) ?? initialWindowMetrics?.insets ?? { top: 0, bottom: 0, left: 0, right: 0 };
   const skjermbilde = useSkjermbilde();
-  const previewRef = useRef3(null);
+  const previewRef = useRef4(null);
   const [steg, setSteg] = useState4("valg");
   const [spor, setSpor] = useState4("feil");
   const [verdi, setVerdi] = useState4("");
@@ -1930,7 +2125,7 @@ function Widget({
   }, []);
   const [mineDirekte, setMineDirekte] = useState4(false);
   const [stegForMine, setStegForMine] = useState4("valg");
-  const stegRef = useRef3(steg);
+  const stegRef = useRef4(steg);
   stegRef.current = steg;
   const harUtkast = verdi.trim().length > 0 || vedlegg !== void 0;
   const lukk = useCallback2(() => {
@@ -2051,9 +2246,12 @@ function Widget({
     setVedlegg(void 0);
     setSteg("felt");
   }, []);
+  const mineRef = useRef4(null);
+  const tilleggUtkast = useRef4(/* @__PURE__ */ new Map());
   const gaaTilbake = useCallback2(() => {
     setFeil(void 0);
     if (steg === "mine") {
+      if (mineRef.current?.lukkFelt()) return;
       if (mineDirekte) lukk();
       else setSteg("valg");
       return;
@@ -2101,7 +2299,7 @@ function Widget({
       onSubmitted?.(res.status === "queued" ? { type: spor, queued: true } : { type: spor, queued: false, id: res.submission.id });
     } catch (e) {
       if (e instanceof InnspelQueueFullError) setFeil(e.userMessage);
-      else if (e instanceof InnspelApiError) setFeil(e.message);
+      else if (e instanceof InnspelApiError2) setFeil(e.message);
       else setFeil("tjeneren svarte ikke.");
     } finally {
       setSender(false);
@@ -2115,7 +2313,7 @@ function Widget({
         setKvittering({ art: "jaOgsa", nr: res.id });
         setSteg("kvittering");
       } catch (e) {
-        setFeil(e instanceof InnspelApiError ? e.message : "tjeneren svarte ikke.");
+        setFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
       } finally {
         setSender(false);
       }
@@ -2183,7 +2381,7 @@ function Widget({
                 /* @__PURE__ */ jsxs8(View8, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
                   steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ jsx9(Btn, { variant: "ghost", testID: "tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: gaaTilbake }) : /* @__PURE__ */ jsx9(View8, {}),
                   /* @__PURE__ */ jsx9(
-                    Pressable5,
+                    Pressable6,
                     {
                       testID: "lukk",
                       accessibilityRole: "button",
@@ -2276,11 +2474,17 @@ function Widget({
                 steg === "mine" ? /* @__PURE__ */ jsx9(
                   MineInnspill,
                   {
+                    ref: mineRef,
+                    utkastLager: tilleggUtkast.current,
                     storage: client.storage,
                     rader: mine,
                     laster: lasterMine,
                     ...tenantName ? { tenantName } : {},
-                    onNytt: nyttFraMine
+                    onNytt: nyttFraMine,
+                    leggTil: (id, text) => client.subjects.addAddendum(id, text),
+                    onOppdatert: (sak) => setMine((liste) => liste.map((r) => r.pending !== true && r.id === sak.id ? sak : r)),
+                    minTextLength: innstillinger.minTextLength,
+                    textMaxLength: innstillinger.textMaxLength
                   }
                 ) : null
               ]
@@ -2325,8 +2529,8 @@ function InnspelProvider({
 }) {
   const [synlig, setSynlig] = useState5(false);
   const [apneOpsjoner, setApneOpsjoner] = useState5();
-  const registrert = useRef4(false);
-  const rootRef = useRef4(null);
+  const registrert = useRef5(false);
+  const rootRef = useRef5(null);
   const privat = useMemo4(createPrivateRegistry, []);
   const open = useCallback3(
     async (options) => {
@@ -2373,11 +2577,11 @@ function useInnspel() {
 }
 
 // src/InnspelPrivate.tsx
-import { useEffect as useEffect3, useRef as useRef5 } from "react";
+import { useEffect as useEffect3, useRef as useRef6 } from "react";
 import { View as View10 } from "react-native";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function InnspelPrivate({ children, style }) {
-  const ref = useRef5(null);
+  const ref = useRef6(null);
   const kontekst = useSkjermbilde();
   const registrer = kontekst?.privat.register;
   useEffect3(() => {
@@ -2389,14 +2593,14 @@ function InnspelPrivate({ children, style }) {
 
 // src/program/InnspelProgram.tsx
 import {
-  InnspelApiError as InnspelApiError2
+  InnspelApiError as InnspelApiError3
 } from "@innspel/core";
 import { useCallback as useCallback4, useEffect as useEffect4, useState as useState7 } from "react";
-import { Modal as Modal4, Pressable as Pressable8, Text as Text12, View as View15 } from "react-native";
+import { Modal as Modal4, Pressable as Pressable9, Text as Text12, View as View15 } from "react-native";
 
 // src/program/Aksept.tsx
 import "react";
-import { Linking, Modal as Modal2, Pressable as Pressable6, ScrollView as ScrollView4, Text as Text8, View as View11 } from "react-native";
+import { Linking, Modal as Modal2, Pressable as Pressable7, ScrollView as ScrollView4, Text as Text8, View as View11 } from "react-native";
 
 // src/program/periode.ts
 var MANEDER = [
@@ -2517,7 +2721,7 @@ function Aksept({
           ] }),
           program.termsUrl && !program.commitmentFree ? /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
             /* @__PURE__ */ jsx12(
-              Pressable6,
+              Pressable7,
               {
                 testID: "vilkar-lenke",
                 accessibilityRole: "link",
@@ -2566,7 +2770,7 @@ function Aksept({
 
 // src/program/HvordanGikkDet.tsx
 import { useState as useState6 } from "react";
-import { Modal as Modal3, Pressable as Pressable7, Text as Text9, TextInput as TextInput2, View as View12 } from "react-native";
+import { Modal as Modal3, Pressable as Pressable8, Text as Text9, TextInput as TextInput3, View as View12 } from "react-native";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var UTFALL = [
   { verdi: "fungerte", ikon: "checkmark-circle-outline", etikett: tekst.utfallFungerte },
@@ -2607,7 +2811,7 @@ function HvordanGikkDet({
         /* @__PURE__ */ jsx13(View12, { testID: "utfall-gruppe", accessibilityRole: "radiogroup", accessibilityLabel: tekst.hvordanGikkDet, style: { flexDirection: "row", gap: tema.space.sm }, children: UTFALL.map((u) => {
           const aktiv = valgt === u.verdi;
           return /* @__PURE__ */ jsxs11(
-            Pressable7,
+            Pressable8,
             {
               testID: `utfall-${u.verdi}`,
               accessibilityRole: "radio",
@@ -2637,7 +2841,7 @@ function HvordanGikkDet({
         /* @__PURE__ */ jsxs11(View12, { style: { gap: tema.space.xs }, children: [
           /* @__PURE__ */ jsx13(Text9, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.setningLabel }),
           /* @__PURE__ */ jsx13(
-            TextInput2,
+            TextInput3,
             {
               testID: "hvordan-setning",
               accessibilityLabel: tekst.setningLabel,
@@ -2838,7 +3042,7 @@ function InnspelProgram({
         }
         setDialog(void 0);
       } catch (e) {
-        setSvarFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
+        setSvarFeil(e instanceof InnspelApiError3 ? e.message : "tjeneren svarte ikke.");
       } finally {
         setSender(false);
       }
@@ -2867,7 +3071,7 @@ function InnspelProgram({
       setViserAksept(false);
       onEndring?.(ny);
     } catch (e) {
-      setFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
+      setFeil(e instanceof InnspelApiError3 ? e.message : "tjeneren svarte ikke.");
     } finally {
       setSender(false);
     }
@@ -2881,7 +3085,7 @@ function InnspelProgram({
       setViserGaaUt(false);
       onEndring?.(null);
     } catch (e) {
-      setFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
+      setFeil(e instanceof InnspelApiError3 ? e.message : "tjeneren svarte ikke.");
     } finally {
       setSender(false);
     }
@@ -3010,7 +3214,7 @@ function InnspelProgram({
               /* @__PURE__ */ jsx16(Hint, { children: tekst.invitasjonKontakter(program.maxContacts) })
             ] }),
             /* @__PURE__ */ jsx16(
-              Pressable8,
+              Pressable9,
               {
                 testID: "avvis-invitasjon",
                 accessibilityRole: "button",