Teilen-Blatt, HIG-Blaetter, geteilte Ansichtseinstellungen (2026.8.31.1)

Share-Erweiterung: ein PDF aus Mail landet ueber Teilen -> DataMetric360 als
Tankbeleg. Alles Native liegt versioniert unter companion-app/native/, weil
ios/ gitignored ist und npx cap add ios es sonst wieder frisst;
scripts/ios-teilen-einrichten.mjs haengt es bei jedem Bau ins Xcode-Projekt
und ist in ios-signieren.sh eingehaengt. Der pbxproj-Teil ist auf keinem Mac
erprobt - er bricht vor dem Schreiben ab, und docs/SHARE_EXTENSION.md
beschreibt dieselben Handgriffe fuer Xcode.

"In den Kalender uebernehmen" ging in der App nie: WKWebView ignoriert das
download-Attribut, der Klick lief ins Leere. Auf dem Geraet jetzt
@capacitor/filesystem plus @capacitor/share.

useTheme/useBoden legten je Aufrufer eigenen Zustand an - fuenf Kopien. Der
Schalter aenderte nur seine eigene, data-theme in App.tsx blieb stehen, die
Tag/Nacht-Umschaltung wirkte erst nach einem Neustart. Jetzt ein Speicher je
Einstellung ueber useSyncExternalStore. Zwei Regressionstests, gegen den
alten Stand als fehlschlagend nachgewiesen.

Alle Popups nach Apple HIG: neue Bausteine Sheet und ActionSheet, blickdicht
und mit abgedunkeltem Schleier, in beiden Codebasen. Popup portalierte nach
document.body - ausserhalb von [data-theme] - und war deshalb im Tagmodus
fast unsichtbar; Portal zielt jetzt auf .ads-root.

ImagePlaceholder merkte sich "fehlgeschlagen" ohne die Adresse: nach einem
leeren Galerieplatz zeigten auch die mit Foto nur noch den Platzhalter.
Vier Regressionstests, ebenfalls gegen den alten Stand geprueft.

Bildadressen tragen jetzt einen Cache-Brecher - HA liefert /local/ mit 31
Tagen Cache-Vorgabe aus, im Panel eingefuegte Radfotos erschienen in der App
deshalb nicht.

uebersichtsbild: Panel speichert den Namen, die App verglich gegen den
Dateinamen - der Vergleich traf nie zu. Kanonisch ist der Name.

Weiter: Navigationspfeil statt gleichschenkligem Dreieck auf der Streckenlinie
(die Kerbe unterscheidet Kopf und Ende), CI-Symbol tour-s als Fahrten-Icon,
Datumsfelder zeigen ihren Wert ohne erstes Antippen, feste Beispielnamen im
Setup, Kopf-Gegengewicht fuer mittige Titel, Standort-Blatt mit festem
Fussabstand, NSLocationWhenInUseUsageDescription, watchPosition fuer die
Live-Ortung, Art-Pille wieder als Knopf, Zwischenablage fuer Tankbelege.

Co-Authored-By: Claude Opus 5 <[email protected]>

companion-app/src/screens/TankDetail.tsx

@@ -7,7 +7,7 @@
  * Genau dieses Muster hatte auch das alte Panel.
  */
 
-import { useEffect, useRef, useState } from "react"
+import { useEffect, useState } from "react"
 
 import { ActionButton, Feld, Fig, Tile } from "@audi-dash/ui"
 
@@ -18,6 +18,7 @@ import { datum, de, deOderStrich, eur, uhrzeit } from "../format"
 import type { SeitenName } from "../navigation"
 import { KRAFTSTOFFSORTEN, Leerzustand, Wertzeile, Werteliste, bestaetigen } from "./bausteine"
 import { markenlogoUrl } from "./bilder"
+import { BelegPopup } from "./BelegPopup"
 import { TankstellenKarte } from "./TankstellenKarte"
 
 interface BelegErgebnis {
@@ -316,7 +317,9 @@ function BelegKnopf({
   belegDatei: string | null
   api: ReturnType<typeof useDaten>["api"]
 }) {
-  const dateiwahl = useRef<HTMLInputElement | null>(null)
+  // Wie in Tanken.tsx: erst das Beleg-Fenster, dann der gewaehlte Weg. Am
+  // Telefon ist das Einfuegen aus der Zwischenablage der Hauptweg.
+  const [belegFensterOffen, setzeBelegFensterOffen] = useState(false)
   const [laeuft, setzeLaeuft] = useState(false)
   const [meldung, setzeMeldung] = useState<{ art: "ok" | "fehler"; text: string } | null>(null)
 
@@ -384,15 +387,12 @@ function BelegKnopf({
 
   return (
     <>
-      <input
-        ref={dateiwahl}
-        type="file"
-        accept="application/pdf,.pdf"
-        hidden
-        onChange={(e) => {
-          const datei = e.target.files?.[0]
-          if (datei) void hochladen(datei)
-          e.target.value = ""
+      <BelegPopup
+        offen={belegFensterOffen}
+        beiAbbruch={() => setzeBelegFensterOffen(false)}
+        beiDatei={(datei) => {
+          setzeBelegFensterOffen(false)
+          void hochladen(datei)
         }}
       />
       {meldung && (
@@ -403,7 +403,7 @@ function BelegKnopf({
           {meldung.text}
         </p>
       )}
-      <ActionButton onClick={() => dateiwahl.current?.click()} disabled={laeuft || wartet}>
+      <ActionButton onClick={() => setzeBelegFensterOffen(true)} disabled={laeuft || wartet}>
         {laeuft
           ? "Lade hoch …"
           : wartet