From 726785dfcccdb10a7d1e92f2b01d192eb8076244 Mon Sep 17 00:00:00 2001
From: Erol <erol.haagenrud@envide.no>
Date: Thu, 5 Mar 2026 09:25:15 +0100
Subject: [PATCH] =?UTF-8?q?Er=20skraping=20ferdig=20n=C3=A5=3F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/__pycache__/main.cpython-311.pyc | Bin 19570 -> 20371 bytes
 backend/main.py                          |  21 +-
 backend/scrape_status.py                 |  23 +-
 frontend/src/app/admin/page.tsx          | 300 ++++++++++++++++++-----
 frontend/src/app/page.tsx                |   7 +-
 5 files changed, 283 insertions(+), 68 deletions(-)

diff --git a/backend/__pycache__/main.cpython-311.pyc b/backend/__pycache__/main.cpython-311.pyc
index 841e055af9c3a95d05a6c6fcf2253467bd23becb..c04ee5f4b6f7574067e9f434d3b64bcf518ff9af 100644
GIT binary patch
delta 3273
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

delta 2561
zcma)7S!^3c7~Wa$#z&l_5OO#PiR&hA?3~VhIL+0AyA2cpp~A8}lf;c{H?!-Al$Ia}
zcPq7;hZb=a5N#1vQCL8z@Bl<Yyc9(!5@<m@@Iv7Q2U@8>ANYT}AywQ`M!Vns=j{K_
z%>R#go&0``<e$vTb4W01+D}Eh0!Q*o$<6Z{ljK2KIwy_RQWvXYJ{KCK$CymZ=9E!C
zbJB7q16MJpoB++cSM-uJS|>|Prnj=X)0HP=(7>A+qxG!*c!Rh}F7!#vF)q=nHwksq
z_2UHJ)1DJ5Si_qcL;~wZv~H5<h7$yI@MZ?BW=-(#nyh~}ulTe|)SK-?H!@{Rp|x3l
z0q|?dL`HpU{QPs$nhaZ4ti{iAVFhc0P#UtPYzLzboDxE5Tr*`8^U-GJg-`-new|mP
z(6Yv_m2ISL%m#k#S$<tBL2Z|4#~Q!RtQ5Lg5AB*vZw+@*Le*IBXfJGB@9yBrBC~qh
zO?yuFiUGw%g2t#~SjZznv4@oVB%dly+DBxcU5whQ{oD;c{1yPyqUqc$2!+D&ctQ{B
z(L`Jeh4^~ZdjP~swra9NXpXz{7L{grxDQoT;<6)JwgJg%gc^h*0MinU>wKdaaa527
z@k(wpsW;B${$R12)<`1BHKvI(1%i0R&^k@M3mgK**>ztNusxUSGTyw|Zvox8q7D!!
z#Xai7U@>M47f)Hpi1^Ue)cOGaLyg1|8uQ6~7jS$OK*NP`ySX3LwpetGX?w$Qz8lzC
zqok~rkln_e<!`GbB$nMrVO5@A|3uLUX!!s_dY*BlCPbwtKpqe~JV7!g4tXkbaC-if
znD<nuhk<;{_{Q^7PUTZT`iSWW$Ho&ps!#0E_yIKBkD!Zhe2pY2i2q1#TJShZXT_`j
z3bIX{^?PT{91RvbshL(S8Hq4W^A+&|Ffwx}izFz^g!KZty@;?5K|#1GRAlE6o(3@0
zy)y}Yuc_?ZzH<kE7RBlOo<qus@H|33fa$2ym>!BG5|dHpv+*fZ96^P3Z+Iq_2ve@1
z=pe!&@oZhYdJ@PljnC_Tvyi97d=oRunx}{p_s=Jra$_^!B8~?7$)DoeKx5@KLNwJe
zrbi}V%MOYSEnf8uc>ZeK)AE+unZ!w~*Uc-Fb^1>h{vOz7!rCHgyQ*^D2mWu#xV!6p
z;;;dYyYh!5>^+yQQl>eHo3@q|SgCEl^s+?luUe?%6<Mrrs&(sl`mc;?iT4~(^pX``
zlJ+aY8N9Vhd6MY4t5TY)uQpb+xh=TCqCBpMcrZYm;&|{G&pcS~D;kW)*!Vcp-DA;s
zoN4ap<Rok4nCZSHaa-Rz#32rM6c<OSyU$(S=5Sv%`0L`prrz1tz}B?xfs+v)XM7)U
zzP$flBh$(rWs#)LGR6IG1#>JJ-jCqLX;f|?{Q&~*uxT3$N20N)K9i{=?B{N=z2D<F
z3sf<*aLq0r>vuP})B%!`Zj7heQgW&Is{h{E9QV3ZzLZzA<n(;!yk*JhO=I16&XVOK
zN1^M21dx&(c{hSmsj7CdExGs*Ma(>f(~E`EDc`ljSx$%9ec^vZo1M|6i}j*o@V?pq
zo$xiLxO6F7m@UzoV1-YU;Ref@!I~kj{Ds#s>{q{NZXd2u7m90CU>5uqP%kt%hC8hb
zJ!H7ks2uu*KyR^ao@x0A+<iH`0X~^B!HPF+VM;@KSexY7JxxoD#i8y#L8DKFvDvGB
z4rIIW<K{t`ye8b+%6Fv?o60y(@at6K$LO6tNa-^KWsHKX&g-0D;g~)VicGM`B>xI*
zwi-vbohPJEJaIeAW#}}7@P<g;J~^-xNHYiOgvF;hMfqySdj{Dmgn9&Q0K5?alS(&s
zzDpdxqil8)^4OU<HmOYG#P*Ut?HoG<w8k(rACBjlWAf?9INn~SH8~xPBzT<PkMdfC
z^aY0($zQhMo&-(C*e3oxuuut-)(K5GWg&#5WIIt(lHKUObArIF6-Y_haIAY7r59FJ
rPUGTTpOKbwGC)p6QWAa_`$jUv)wpbt<RP*|22(QHq=Mr7J@5VlzMN9(

diff --git a/backend/main.py b/backend/main.py
index 04665c8..05d027a 100644
--- a/backend/main.py
+++ b/backend/main.py
@@ -36,10 +36,16 @@ ALGORITHM = "HS256"
 pwd_context = CryptContext(schemes=["pbkdf2_sha256"], deprecated="auto")
 
 # --- PYDANTIC MODELLER ---
+class CourseStatusUpdate(BaseModel):
+    id: int
+    status: str
+
 class ScrapeSettingsUpdate(BaseModel):
     scrape_method: Optional[str] = None
     scrape_status_url: Optional[str] = None
     scrape_status_selector: Optional[str] = None
+    ai_instruction: Optional[str] = None
+    courses: Optional[List[CourseStatusUpdate]] = []
 
 # NY MODELL FOR Å TA IMOT IDER FOR SCRAPING
 class ScrapeRunRequest(BaseModel):
@@ -238,7 +244,7 @@ async def get_facilities():
         rows = await conn.fetch("""
             SELECT f.*, (
                 SELECT jsonb_agg(cs) FROM (
-                    SELECT name, status FROM courses 
+                    SELECT id, name, status FROM courses 
                     WHERE facility_id = f.id AND status != 'finnes_ingen_bane_to'
                     ORDER BY is_main_course DESC, id ASC
                 ) cs
@@ -285,19 +291,26 @@ async def update_scrape_settings(facility_id: int, settings: ScrapeSettingsUpdat
             if not facility:
                 raise HTTPException(status_code=404, detail="Anlegget finnes ikke.")
 
-            # Oppdater verdiene i databasen
+            # Oppdater verdiene i databasen inkludert AI instruks
             await conn.execute("""
                 UPDATE facilities 
                 SET scrape_method = $1, 
                     scrape_status_url = $2, 
-                    scrape_status_selector = $3
-                WHERE id = $4
+                    scrape_status_selector = $3,
+                    ai_instruction = $4
+                WHERE id = $5
             """, 
             settings.scrape_method, 
             settings.scrape_status_url, 
             settings.scrape_status_selector, 
+            settings.ai_instruction,
             facility_id)
 
+            # Hvis metoden er manuell, tvinger vi gjennom de nye banestatusene direkte
+            if settings.scrape_method == 'manual' and settings.courses:
+                for c in settings.courses:
+                    await conn.execute("UPDATE courses SET status = $1 WHERE id = $2", c.status, c.id)
+
             return {"status": "success", "message": f"Skrapeinnstillinger for anlegg ID {facility_id} ble oppdatert."}
             
         except Exception as e:
diff --git a/backend/scrape_status.py b/backend/scrape_status.py
index 68d9701..58ff8e9 100644
--- a/backend/scrape_status.py
+++ b/backend/scrape_status.py
@@ -26,7 +26,7 @@ DB_URL = os.getenv("DATABASE_URL", "postgresql://teeoff_admin:teeoff_secret_pass
 # Den nye pakken henter automatisk GEMINI_API_KEY fra .env-filen din
 client = genai.Client()
 
-async def ask_llm_status(text, course_name, is_single_course):
+async def ask_llm_status(text, course_name, is_single_course, ai_instruction=None):
     """Sender teksten til Gemini og ber om ett enkelt status-ord tilbake."""
     
     # 1. Dynamisk instruks basert på antall baner
@@ -35,10 +35,14 @@ async def ask_llm_status(text, course_name, is_single_course):
     else:
         bane_instruks = f'Finn banestatusen SPESIFIKT for banen som heter/omtales som: "{course_name}".'
 
+    # NYTT: Hvisker inn i øret til AI-en hvis vi har en instruks fra admin
+    ekstra_tekst = f"\nVIKTIG EKSTRA-INSTRUKS FRA ADMIN:\n{ai_instruction}\n" if ai_instruction else ""
+
     # 2. Selve promptet
     prompt = f"""
     Du er en ekspert på å lese norske golfklubbers nettsider for å finne banestatus.
     {bane_instruks}
+    {ekstra_tekst}
     Svar KUN med nøyaktig ETT av disse ordene:
     - aapen (hvis banen er åpen/sommergreener)
     - stengt (hvis banen er lukket/stengt/frost/snø)
@@ -146,13 +150,13 @@ async def run_daily_scraping(facility_ids=None):
     if facility_ids:
         print(f"📌 Kjører skraping KUN for anlegg-ID(er): {facility_ids}")
         facilities = await conn.fetch(
-            "SELECT id, name, scrape_status_url, scrape_status_selector, scrape_method FROM facilities WHERE scrape_status_url IS NOT NULL AND id = ANY($1::int[])", 
+            "SELECT id, name, scrape_status_url, scrape_status_selector, scrape_method, ai_instruction FROM facilities WHERE scrape_status_url IS NOT NULL AND id = ANY($1::int[])", 
             facility_ids
         )
     else:
         print("🌍 Kjører skraping for ALLE anlegg med scrape_status_url...")
         facilities = await conn.fetch(
-            "SELECT id, name, scrape_status_url, scrape_status_selector, scrape_method FROM facilities WHERE scrape_status_url IS NOT NULL"
+            "SELECT id, name, scrape_status_url, scrape_status_selector, scrape_method, ai_instruction FROM facilities WHERE scrape_status_url IS NOT NULL"
         )
         
     if not facilities:
@@ -168,17 +172,24 @@ async def run_daily_scraping(facility_ids=None):
         context = await browser.new_context()
 
         for f in facilities:
+            method = f.get('scrape_method') or 'css_selector'
+
+            # THE KILL SWITCH - Hopper over manuelle baner
+            if method == 'manual':
+                successes.append(f"⏸️ {f['name']}: Hoppet over (Manuell overstyring)")
+                print(f"   ⏸️ Hopper over skraping av {f['name']} (Satt til Manuell)")
+                continue
+
             page = await context.new_page()
             try: await apply_stealth(page)
             except: pass
 
             try:
-                print(f"🔍 Besøker {f['name']} (Metode: {f.get('scrape_method') or 'css_selector'})...")
+                print(f"🔍 Besøker {f['name']} (Metode: {method})...")
                 await page.goto(f['scrape_status_url'], timeout=60000, wait_until="domcontentloaded")
                 await asyncio.sleep(3) # Gir Javascript 3 sekunder på å bygge siden
 
                 full_text = ""
-                method = f.get('scrape_method') or 'css_selector'
 
                 if method == 'css_selector':
                     element = page.locator(f['scrape_status_selector']).first
@@ -259,7 +270,7 @@ async def run_daily_scraping(facility_ids=None):
                     # HENTER STATUS VIA AI ELLER GAMMEL METODE
                     if method == 'llm_parse':
                         print(f"   🤖 Spør Gemini om status for '{c['name']}' (Singelbane: {is_single_course})...")
-                        new_status = await ask_llm_status(full_text, c['name'], is_single_course)
+                        new_status = await ask_llm_status(full_text, c['name'], is_single_course, f.get('ai_instruction'))
                     else:
                         new_status = interpret_status(full_text, c['scrape_keyword'])
                     
diff --git a/frontend/src/app/admin/page.tsx b/frontend/src/app/admin/page.tsx
index dd969a8..f1ab525 100644
--- a/frontend/src/app/admin/page.tsx
+++ b/frontend/src/app/admin/page.tsx
@@ -1,25 +1,38 @@
 "use client";
 /**
- * TEE OFF ADMIN DASHBOARD v1.4 - LIVE PROGRESSION
+ * TEE OFF ADMIN DASHBOARD v1.7 - RESPONSIVT MED AI-HVISKER & KILL SWITCH
  * ---------------------------------------------------------------------------
  * PLASSERING: frontend/src/app/admin/page.tsx
- * FUNKSJON: Starter bakgrunnsjobber og oppdaterer tabellen live.
+ * FUNKSJON: Live-oppdatering, massevalg, redigering og SAMMENTREKKBAR meny.
  * ---------------------------------------------------------------------------
  */
 
 import { useState, useEffect } from 'react';
 import { API_URL } from "@/config/constants";
-import ScrapeMethodSelect from "@/components/ScrapeMethodSelect"; 
+import ScrapeMethodSelect from "@/components/ScrapeMethodSelect";
 
 export default function AdminDashboard() {
   const [facilities, setFacilities] = useState<any[]>([]);
   const [loading, setLoading] = useState(true);
   const [selectedFacilities, setSelectedFacilities] = useState<number[]>([]);
-  
-  // NYTT: Holder styr på om en skraping pågår akkurat nå
   const [isScraping, setIsScraping] = useState(false);
 
-  // Henter data fra databasen
+  // NY: State for å sjekke om sidebaren er klappet sammen
+  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);
+
+  const [editingFacility, setEditingFacility] = useState<any | null>(null);
+  
+  // OPPDATERT: Lagt til ai_instruction og courses for manuell overstyring
+  const [editForm, setEditForm] = useState({
+    scrape_status_url: '',
+    scrape_status_selector: '',
+    scrape_method: '',
+    ai_instruction: '',
+    courses: [] as any[]
+  });
+  
+  const [isSaving, setIsSaving] = useState(false);
+
   const fetchFacilities = () => {
     fetch(`${API_URL}/facilities`)
       .then(res => res.json())
@@ -30,12 +43,10 @@ export default function AdminDashboard() {
       .catch(() => setLoading(false));
   };
 
-  // Hent data ved første innlasting
   useEffect(() => {
     fetchFacilities();
   }, []);
 
-  // NYTT: Hvis skraping pågår, oppdater tabellen hvert 10. sekund!
   useEffect(() => {
     let interval: NodeJS.Timeout;
     if (isScraping) {
@@ -62,8 +73,13 @@ export default function AdminDashboard() {
     }
   };
 
-  // NYTT: Sender IDene til API-et og starter auto-oppdatering
-  const handleRunScrapers = async () => {
+const handleRunScrapers = async () => {
+    // Hvis den allerede skraper, lar vi brukeren trykke på knappen for å avbryte UI-oppdateringen
+    if (isScraping) {
+      setIsScraping(false);
+      return;
+    }
+
     setIsScraping(true);
     try {
       const response = await fetch(`${API_URL}/admin/run-scraper`, {
@@ -71,15 +87,13 @@ export default function AdminDashboard() {
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ facility_ids: selectedFacilities })
       });
-
       if (!response.ok) throw new Error("Kunne ikke starte skraping");
       
-      // Valgfritt: Fjern avhukingene når jobben har startet
-      setSelectedFacilities([]); 
+      // Beregn dynamisk timeout: 40 sekunder per valgte anlegg (Minimum 1 minutt)
+      const timeoutMs = Math.max(selectedFacilities.length * 40 * 1000, 60000);
       
-      // Stopper auto-oppdateringen etter 10 minutter (for sikkerhets skyld)
-      setTimeout(() => setIsScraping(false), 10 * 60 * 1000); 
-
+      setSelectedFacilities([]); 
+      setTimeout(() => setIsScraping(false), timeoutMs);
     } catch (error) {
       console.error(error);
       alert("Feil ved start av skraperen.");
@@ -87,49 +101,216 @@ export default function AdminDashboard() {
     }
   };
 
+  // OPPDATERT: Laster inn eksisterende banestatuser og ai_instruction
+  const openEditModal = (facility: any) => {
+    setEditingFacility(facility);
+    setEditForm({
+      scrape_status_url: facility.scrape_status_url || '',
+      scrape_status_selector: facility.scrape_status_selector || '',
+      scrape_method: facility.scrape_method || 'css_selector',
+      ai_instruction: facility.ai_instruction || '',
+      courses: facility.course_statuses ? facility.course_statuses.map((c: any) => ({id: c.id, name: c.name, status: c.status})) : []
+    });
+  };
+
+  const handleSaveEdit = async () => {
+    setIsSaving(true);
+    try {
+      const response = await fetch(`${API_URL}/admin/facilities/${editingFacility.id}/scrape-settings`, {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(editForm)
+      });
+      if (!response.ok) throw new Error("Feil ved lagring");
+      
+      setEditingFacility(null);
+      fetchFacilities();
+    } catch (error) {
+      alert("Kunne ikke lagre endringene.");
+      console.error(error);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
   if (loading) return <div className="p-20 text-center font-black animate-pulse">LASTER DASHBORD...</div>;
 
   return (
-    <div className="flex flex-col lg:flex-row min-h-screen bg-[#f1f7ed] font-sans">
-      <aside className="lg:w-[22%] bg-[#11280f] text-white p-10 flex flex-col">
-        <h1 className="text-2xl font-black uppercase tracking-tighter mb-10">TeeOff Admin</h1>
+    <div className="flex min-h-screen bg-[#f1f7ed] font-sans relative overflow-hidden">
+      
+      {/* REDIGER-MODAL */}
+      {editingFacility && (
+        <div className="fixed inset-0 bg-black/60 z-50 flex items-center justify-center p-4">
+          <div className="bg-white rounded-3xl shadow-2xl w-full max-w-lg overflow-hidden flex flex-col max-h-[90vh]">
+            <div className="bg-[#11280f] text-white p-6 shrink-0">
+              <h3 className="text-xl font-black uppercase tracking-widest">Rediger Konfigurasjon</h3>
+              <p className="text-sm text-[#7ca982]">{editingFacility.name}</p>
+            </div>
+            
+            <div className="p-8 space-y-6 overflow-y-auto flex-grow">
+              <div>
+                <label className="block text-xs font-bold text-gray-500 uppercase tracking-widest mb-2">Scrape URL</label>
+                <input 
+                  type="text" 
+                  value={editForm.scrape_status_url}
+                  onChange={(e) => setEditForm({...editForm, scrape_status_url: e.target.value})}
+                  className="w-full border-2 border-gray-100 rounded-xl p-3 text-sm focus:border-[#8bc34a] focus:outline-none transition-colors"
+                  placeholder="f.eks. https://golfklubb.no/banestatus"
+                />
+              </div>
+
+              <div>
+                <label className="block text-xs font-bold text-gray-500 uppercase tracking-widest mb-2">Skrapemetode</label>
+                <select 
+                  value={editForm.scrape_method}
+                  onChange={(e) => setEditForm({...editForm, scrape_method: e.target.value})}
+                  className="w-full border-2 border-gray-100 rounded-xl p-3 text-sm focus:border-[#8bc34a] focus:outline-none transition-colors"
+                >
+                  <option value="css_selector">Standard (CSS)</option>
+                  <option value="llm_parse">✨ Gemini AI (LLM)</option>
+                  <option value="iframe_golfbox">Golfbox iframe</option>
+                  <option value="click_then_css">Auto-klikk + CSS</option>
+                  <option value="manual">🚨 Manuell (Ikke skrap)</option>
+                </select>
+              </div>
+
+              {/* Boks som vises hvis Gemini AI er valgt */}
+              {editForm.scrape_method === 'llm_parse' && (
+                <div className="animate-fade-in">
+                  <label className="block text-xs font-bold text-[#8bc34a] uppercase tracking-widest mb-2">✨ AI-Hviskeren (Instruks til Gemini)</label>
+                  <textarea 
+                    value={editForm.ai_instruction || ''}
+                    onChange={(e) => setEditForm({...editForm, ai_instruction: e.target.value})}
+                    className="w-full border-2 border-[#8bc34a]/30 rounded-xl p-3 text-sm focus:border-[#8bc34a] focus:outline-none transition-colors"
+                    placeholder="F.eks: Ignorer info om korthullsbanen. Banen er åpen."
+                    rows={3}
+                  />
+                  <p className="text-[10px] text-gray-400 mt-1">Hjelper Gemini hvis nettsiden er forvirrende.</p>
+                </div>
+              )}
+
+              {/* Boks som vises hvis MANUELL er valgt */}
+              {editForm.scrape_method === 'manual' && (
+                <div className="bg-red-50 border border-red-100 rounded-xl p-4 animate-fade-in">
+                  <label className="block text-xs font-black text-red-500 uppercase tracking-widest mb-4">🚨 Sett Status Manuelt</label>
+                  <div className="space-y-4">
+                    {editForm.courses.map((course: any, idx: number) => (
+                      <div key={course.id} className="flex justify-between items-center bg-white p-3 rounded-lg shadow-sm">
+                        <span className="text-xs font-bold text-gray-700 uppercase tracking-widest truncate mr-2" title={course.name}>{course.name}</span>
+                        <select
+                          value={course.status || 'ukjent'}
+                          onChange={(e) => {
+                            const newCourses = [...editForm.courses];
+                            newCourses[idx].status = e.target.value;
+                            setEditForm({...editForm, courses: newCourses});
+                          }}
+                          className="border border-gray-200 rounded-lg p-2 text-xs font-bold focus:outline-none focus:border-red-400 shrink-0"
+                        >
+                          <option value="aapen">🟢 Åpen</option>
+                          <option value="aapen_med_vintergreener">🟡 Vintergreener</option>
+                          <option value="aapner_snart">🟡 Åpner Snart</option>
+                          <option value="stengt">🔴 Stengt</option>
+                          <option value="stenger_snart">🔴 Stenger Snart</option>
+                          <option value="under_utvikling">🔨 Under Utvikling</option>
+                          <option value="nedlagt">⚫ Nedlagt</option>
+                          <option value="ukjent">⚪ Ukjent</option>
+                        </select>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              )}
+
+              {/* Boks for gammel CSS-skraping */}
+              {(editForm.scrape_method === 'css_selector' || editForm.scrape_method === 'click_then_css' || editForm.scrape_method === 'iframe_golfbox') && (
+                <div>
+                  <label className="block text-xs font-bold text-gray-500 uppercase tracking-widest mb-2">CSS Selector</label>
+                  <input 
+                    type="text" 
+                    value={editForm.scrape_status_selector}
+                    onChange={(e) => setEditForm({...editForm, scrape_status_selector: e.target.value})}
+                    className="w-full border-2 border-gray-100 rounded-xl p-3 text-sm focus:border-[#8bc34a] focus:outline-none transition-colors font-mono"
+                    placeholder="f.eks. .status-text"
+                  />
+                </div>
+              )}
+
+            </div>
+            
+            <div className="bg-gray-50 p-6 flex justify-end gap-4 shrink-0">
+              <button onClick={() => setEditingFacility(null)} className="px-6 py-3 rounded-xl text-xs font-bold uppercase tracking-widest text-gray-500 hover:bg-gray-200 transition-colors">Avbryt</button>
+              <button onClick={handleSaveEdit} disabled={isSaving} className="bg-[#8bc34a] text-white px-6 py-3 rounded-xl text-xs font-black uppercase tracking-widest shadow-lg hover:scale-105 transition-all disabled:opacity-50">
+                {isSaving ? 'Lagrer...' : 'Lagre endringer'}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* NY SIDEBAR: Responsiv og sammentrekkbar */}
+      <aside className={`bg-[#11280f] text-white flex flex-col transition-all duration-300 shrink-0 ${isSidebarCollapsed ? 'w-16 p-4' : 'w-64 p-8'} hidden md:flex`}>
+        <div className={`flex items-center mb-10 ${isSidebarCollapsed ? 'justify-center' : 'justify-between'}`}>
+          {!isSidebarCollapsed && <h1 className="text-2xl font-black uppercase tracking-tighter">TeeOff</h1>}
+          <button onClick={() => setIsSidebarCollapsed(!isSidebarCollapsed)} className="text-2xl hover:text-[#8bc34a] transition-colors" title="Skjul/Vis meny">
+            ☰
+          </button>
+        </div>
+        
         <nav className="space-y-6 text-[10px] font-black uppercase tracking-[0.2em] text-[#7ca982] flex-grow">
-          <div className="text-white border-l-4 border-[#8bc34a] pl-4 py-1">Scraping Monitor</div>
-          <div className="hover:text-white cursor-pointer pl-4 py-1 transition-colors">Medlemskap</div>
-          <div className="hover:text-white cursor-pointer pl-4 py-1 transition-colors">Bildegalleri</div>
+          <div className={`text-white border-l-4 border-[#8bc34a] py-1 ${isSidebarCollapsed ? 'pl-0 text-center text-xs' : 'pl-4'}`} title="Scraping Monitor">
+            {isSidebarCollapsed ? 'SM' : 'Scraping Monitor'}
+          </div>
+          <div className={`hover:text-white cursor-pointer py-1 transition-colors ${isSidebarCollapsed ? 'pl-0 text-center text-xs' : 'pl-4 border-l-4 border-transparent'}`} title="Medlemskap">
+            {isSidebarCollapsed ? 'M' : 'Medlemskap'}
+          </div>
+          <div className={`hover:text-white cursor-pointer py-1 transition-colors ${isSidebarCollapsed ? 'pl-0 text-center text-xs' : 'pl-4 border-l-4 border-transparent'}`} title="Bildegalleri">
+            {isSidebarCollapsed ? 'B' : 'Bildegalleri'}
+          </div>
         </nav>
-        <div className="mt-auto pt-10 border-t border-white/10">
-            <button onClick={() => window.location.href='/'} className="text-[10px] font-black uppercase tracking-widest text-red-400 hover:text-red-300">Logg ut</button>
+
+        <div className={`mt-auto pt-8 border-t border-white/10 ${isSidebarCollapsed ? 'text-center' : ''}`}>
+            <button onClick={() => window.location.href='/'} className={`text-[10px] font-black uppercase tracking-widest text-red-400 hover:text-red-300 ${isSidebarCollapsed ? 'writing-vertical' : ''}`} title="Logg ut">
+              {isSidebarCollapsed ? 'UT' : 'Logg ut'}
+            </button>
         </div>
       </aside>
 
-      <main className="lg:w-[78%] p-6 md:p-12">
-        <div className="bg-white rounded-[3rem] shadow-2xl p-10 md:p-16 border border-white">
-          <header className="flex justify-between items-center mb-12">
+      {/* HOVEDINNHOLD: flex-1 og min-w-0 løser responsivitetsproblemet */}
+      <main className="flex-1 min-w-0 p-4 md:p-8 lg:p-10 h-screen overflow-y-auto">
+        
+        {/* Mobil-meny (Vises bare på veldig små skjermer) */}
+        <div className="md:hidden flex justify-between items-center mb-6 bg-[#11280f] text-white p-4 rounded-2xl">
+           <h1 className="text-xl font-black uppercase tracking-tighter">TeeOff Admin</h1>
+           <span className="text-xs font-bold text-[#8bc34a]">MONITOR</span>
+        </div>
+
+        {/* Mindre padding på mobil/tablet (p-6) for å spare plass */}
+        <div className="bg-white rounded-[2rem] shadow-2xl p-6 lg:p-10 border border-white">
+          <header className="flex flex-col xl:flex-row justify-between items-start xl:items-center gap-6 mb-10">
             <div>
-                <h2 className="text-4xl font-black tracking-tighter text-[#11280f] mb-2">Scraping Monitor</h2>
+                <h2 className="text-3xl md:text-4xl font-black tracking-tighter text-[#11280f] mb-2">Scraping Monitor</h2>
                 <p className="text-xs font-bold text-gray-400 uppercase tracking-widest">Sjekker status på {facilities.length} anlegg</p>
             </div>
           
-            {/* NYTT: Knappen endrer utseende når skraping pågår */}
             <button 
               onClick={handleRunScrapers}
-              disabled={selectedFacilities.length === 0 || isScraping}
-              className={`text-white px-8 py-4 rounded-2xl text-[10px] font-black uppercase tracking-widest shadow-xl transition-all
+              disabled={selectedFacilities.length === 0 && !isScraping}
+              className={`text-white px-6 py-4 rounded-2xl text-[10px] font-black uppercase tracking-widest shadow-xl transition-all whitespace-nowrap
                 ${isScraping 
-                  ? 'bg-yellow-500 animate-pulse cursor-wait' 
+                  ? 'bg-yellow-500 animate-pulse cursor-pointer hover:bg-yellow-600' 
                   : 'bg-[#8bc34a] hover:scale-105 disabled:bg-gray-200 disabled:text-gray-400 disabled:cursor-not-allowed'
                 }`}
             >
-              {isScraping ? '🤖 Skraper... Henter live data' : `Kjør valgte skrapere (${selectedFacilities.length})`}
+              {isScraping ? '🤖 Skraper... Klikk for å avslutte' : `Kjør valgte skrapere (${selectedFacilities.length})`}
             </button>
           </header>
           
-          <div className="overflow-x-auto">
-            <table className="w-full text-left border-collapse">
+          {/* Her er den viktige overflow-klassen for selve tabellen */}
+          <div className="overflow-x-auto pb-4">
+            <table className="w-full text-left border-collapse min-w-[800px]">
               <thead>
                 <tr className="text-[10px] font-black uppercase tracking-widest text-gray-300 border-b border-gray-50">
-                  <th className="pb-6 pl-6 w-10">
+                  <th className="pb-4 pl-4 w-10">
                     <input 
                       type="checkbox" 
                       className="w-4 h-4 cursor-pointer accent-[#8bc34a]"
@@ -137,18 +318,18 @@ export default function AdminDashboard() {
                       onChange={handleSelectAll}
                     />
                   </th>
-                  <th className="pb-6 pr-10">Anlegg</th>
-                  <th className="pb-6">Konfigurasjon</th>
-                  <th className="pb-6">Metode</th>
-                  <th className="pb-6">Siste Sjekk</th>
-                  <th className="pb-6">Banestatus</th>
-                  <th className="pb-6 text-right">Handling</th>
+                  <th className="pb-4 pr-6">Anlegg</th>
+                  <th className="pb-4">Konfigurasjon</th>
+                  <th className="pb-4">Metode</th>
+                  <th className="pb-4">Siste Sjekk</th>
+                  <th className="pb-4">Banestatus</th>
+                  <th className="pb-4 text-right pr-4">Handling</th>
                 </tr>
               </thead>
               <tbody className="text-sm font-bold text-[#11280f]">
                 {facilities.map((f: any) => (
                   <tr key={f.id} className="border-b border-gray-50 group hover:bg-gray-50/50 transition-colors">
-                    <td className="py-8 pl-6 w-10">
+                    <td className="py-6 pl-4 w-10">
                       <input 
                         type="checkbox" 
                         className="w-4 h-4 cursor-pointer accent-[#8bc34a]"
@@ -156,22 +337,24 @@ export default function AdminDashboard() {
                         onChange={(e) => handleSelectOne(f.id, e.target.checked)}
                       />
                     </td>
-                    <td className="py-8 pl-10">
-                      <div className="font-black text-lg">{f.name}</div>
+                    <td className="py-6 pr-6">
+                      <div className="font-black text-base md:text-lg whitespace-nowrap">{f.name}</div>
                       <div className="text-[10px] text-[#7ca982] uppercase tracking-widest">{f.city}</div>
                     </td>
-                    <td className="py-8">
-                       <div className="text-[11px] text-blue-600 truncate max-w-[200px] mb-1">{f.scrape_status_url}</div>
-                      <div className="text-[10px] font-mono text-gray-300">{f.scrape_status_selector}</div>
+                    <td className="py-6 pr-4">
+                       <div className="text-[10px] text-blue-600 truncate max-w-[150px] mb-1">
+                          {f.scrape_status_url ? f.scrape_status_url : <span className="text-red-400 italic">Mangler URL</span>}
+                       </div>
+                      <div className="text-[9px] font-mono text-gray-300 truncate max-w-[150px]">{f.scrape_status_selector}</div>
                     </td>
-                    <td className="py-8 pr-4">
+                    <td className="py-6 pr-4">
                       <ScrapeMethodSelect facility={f} />
                     </td>
-                    <td className="py-8 text-gray-400 font-mono text-xs">
+                    <td className="py-6 text-gray-400 font-mono text-xs pr-4 whitespace-nowrap">
                       {f.status_updated_at ? new Date(f.status_updated_at).toLocaleDateString('nb-NO') : 'Aldri'}
                     </td>
-                    <td className="py-8">
-                      <div className="flex flex-col gap-2">
+                    <td className="py-6 pr-4">
+                      <div className="flex flex-col gap-1">
                         {f.course_statuses && f.course_statuses.map((cs: any, idx: number) => {
                           let badgeColor = "bg-gray-100 text-gray-500";
                           if (cs.status === "aapen") badgeColor = "bg-green-100 text-green-700";
@@ -180,10 +363,10 @@ export default function AdminDashboard() {
                           
                           return (
                             <div key={idx} className="flex items-center gap-2">
-                              <span className="text-[10px] uppercase tracking-widest text-gray-400 truncate max-w-[100px]" title={cs.name}>
+                              <span className="text-[9px] uppercase tracking-widest text-gray-400 truncate max-w-[80px]" title={cs.name}>
                                 {cs.name}
                               </span>
-                              <span className={`px-2 py-1 rounded-md text-[9px] font-black uppercase tracking-widest ${badgeColor}`}>
+                              <span className={`px-2 py-0.5 rounded-md text-[9px] font-black uppercase tracking-widest whitespace-nowrap ${badgeColor}`}>
                                 {cs.status || 'UKJENT'}
                               </span>
                             </div>
@@ -191,8 +374,13 @@ export default function AdminDashboard() {
                         })}
                       </div>
                     </td>
-                    <td className="py-8 text-right">
-                      <button className="bg-gray-100 px-5 py-2.5 rounded-xl text-[9px] font-black uppercase tracking-widest hover:bg-[#11280f] hover:text-white transition-all">Rediger</button>
+                    <td className="py-6 text-right pr-4">
+                      <button 
+                        onClick={() => openEditModal(f)}
+                        className="bg-gray-100 px-4 py-2 rounded-xl text-[9px] font-black uppercase tracking-widest hover:bg-[#11280f] hover:text-white transition-all whitespace-nowrap"
+                      >
+                        Rediger
+                      </button>
                     </td>
                   </tr>
                 ))}
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 04507a3..4115f15 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -30,8 +30,11 @@ export default async function Home() {
 
   return (
     <main className="min-h-screen bg-[#f1f7ed]">
-      <HeroSlider facilities={safeData} />
+      {/* Wrapper slideren i en div som skjuler den på mobil (hidden) og viser den på PC (md:block) */}
+      <div className="hidden md:block">
+        <HeroSlider facilities={safeData} />
+      </div>
       <FacilitySearch initialFacilities={safeData} />
     </main>
   );
-}
+}
\ No newline at end of file