From baa5288add98f4b474a02f3a6cd62a0a620a11db Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 5 Aug 2026 14:59:45 +0000
Subject: [PATCH] ALVA-modellen synlig i guiden
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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
---
 .../app/src/pages/felsokning/ArendeSida.tsx   | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/felsokning/app/src/pages/felsokning/ArendeSida.tsx b/felsokning/app/src/pages/felsokning/ArendeSida.tsx
index 18d7245..53daac4 100644
--- a/felsokning/app/src/pages/felsokning/ArendeSida.tsx
+++ b/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 ? (
           <>