ALVA-modellen synlig i guiden

Fasindikatorn ovanför metodikpanelen: var i metoden arbetet befinner
sig, vilken fas det aktuella steget hör till, och vad fasen uttryckligen
inte gör.

Fasen härleds ur steget via den delade klassificeringen, så indikatorn
kan aldrig visa något annat än vad metodiken faktiskt gör. En indikator
som sätts separat blir förr eller senare fel, och då är den värre än
ingen — den påstår att arbetet är i verifiering när det fortfarande
lokaliserar.

Ärendets beteckning står i samma rad. Ett id ur loggen är en
ogenomskinlig sträng; ALVA-CASE-00007 är det som sägs i telefon och
skrivs i ett protokoll.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012EQg3rJsrQ1ZNTvkzmQAtt

felsokning/app/src/pages/felsokning/ArendeSida.tsx

@@ -4,6 +4,9 @@ import type { Arende, Handelse, TidKategori, Tillforlitlighet } from "@/felsokni
 import { KUNDBESLUT_LABEL, KVALITETSKONTROLL_LABEL, TIDKATEGORI_LABEL, TILLFORLITLIGHET_LABEL, handelseRubrik } from "@/felsokning/domain";
 import type { Metodik, NastaSteg } from "@/felsokning/metodik";
 import { nastaSteg } from "@/felsokning/metodik";
+import { fasFor, klaraFaser } from "../../../../services/gemensam/faser.mjs";
+import { Fasrad } from "@/alva/komponenter";
+import { arendebeteckning, fasDefinition } from "@/alva/system";
 import {
   arAvslutat,
   arendeidentitet,
@@ -1278,6 +1281,27 @@ function GuideFlik({
   return (
     <>
       <KategoriRad arende={arende} skicka={skicka} />
+
+      {/* ALVA-modellen som tillstånd, inte som illustration. Den svarar
+          på den enda fråga en tekniker som återupptar ett ärende har:
+          var i metoden är vi? Fasen härleds ur steget, så indikatorn kan
+          aldrig visa något annat än vad metodiken faktiskt gör. */}
+      <div className="mb-4">
+        <div className="mb-2 flex items-baseline justify-between">
+          <span className="text-[11px] font-semibold uppercase tracking-[0.12em] text-[#4D5662]">
+            {fasDefinition(fasFor(steg.steg.id)).namn} — {fasDefinition(fasFor(steg.steg.id)).syfte}
+          </span>
+          <span className="font-mono text-[11px] text-[#4D5662]">{arendebeteckning(arende.nummer)}</span>
+        </div>
+        <Fasrad
+          aktiv={fasFor(steg.steg.id)}
+          klara={klaraFaser(metodik, arende.handelser.map((p) => p.handelse))}
+        />
+        <p className="mt-2 text-[11px] leading-[16px] text-[#4D5662]">
+          {fasDefinition(fasFor(steg.steg.id)).avgransning}
+        </p>
+      </div>
+
       <Panel rubrik={`Metodik: ${metodik.namn} · Steg: ${steg.steg.rubrik}`}>
         {steg.klart ? (
           <>