Portal: Fortschritt unter Projekte, neuer Tab Funktionen mit News-Editor

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

public/dashboard.html

@@ -21,6 +21,7 @@
   <link rel="stylesheet" href="/login.css">
   <link rel="stylesheet" href="/kundenbereich.css">
   <link rel="stylesheet" href="/chat-composer.css">
+  <link rel="stylesheet" href="/funktionen.css">
 </head>
 <body class="portal-page dashboard-page kb-page">
   <div class="dot-background" aria-hidden="true">
@@ -99,9 +100,9 @@
         <button type="button" class="kb-nav-item active" data-view="projects">
           <svg class="kb-tab-ico" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="4" width="18" height="16" rx="3"/><path d="M3 9h18M6.5 6.5h.01M9.5 6.5h.01"/></svg>
           <span class="kb-tab-label">Projekte</span> <span class="kb-count" id="projects-count"></span></button>
-        <button type="button" class="kb-nav-item" data-view="activity">
-          <svg class="kb-tab-ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 12h4l3-7 4 14 3-7h4"/></svg>
-          <span class="kb-tab-label">Fortschritt</span></button>
+        <button type="button" class="kb-nav-item" data-view="funktionen">
+          <svg class="kb-tab-ico" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="7.5" height="7.5" rx="2"/><rect x="13.5" y="3" width="7.5" height="7.5" rx="2"/><rect x="3" y="13.5" width="7.5" height="7.5" rx="2"/><path d="M17.25 13.5v7.5M13.5 17.25H21"/></svg>
+          <span class="kb-tab-label">Funktionen</span></button>
         <button type="button" class="kb-nav-item" data-view="invoices">
           <svg class="kb-tab-ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 3h12v18l-3-2-3 2-3-2-3 2z"/><path d="M9 8h6M9 12h6M9 16h3"/></svg>
           <span class="kb-tab-label">Rechnungen</span> <span class="kb-badge kb-badge-red hidden" id="invoices-badge" title="offene Rechnungen"></span></button>
@@ -139,6 +140,12 @@
         <p id="loading" class="kb-empty">Projekte werden geladen…</p>
         <ul id="projects" class="kb-projects hidden"></ul>
         <div id="empty" class="kb-panel kb-empty hidden">Noch keine Website-Projekte zugewiesen.</div>
+
+        <!-- Fortschritt: die neuesten Aufträge (app.js, loadCustomerActivity); Direktlink #fortschritt -->
+        <section class="kb-activity" id="pj-activity" aria-labelledby="pj-activity-title">
+          <h2 id="pj-activity-title">Was wir zuletzt erledigt haben</h2>
+          <div id="activity-body"><p class="kb-empty">Lade…</p></div>
+        </section>
       </section>
 
       <!-- App-Ansicht: Projektdetails als eigene Seite mit Zurueck zu "Projekte" (app.js, openProjectPage);
@@ -151,13 +158,22 @@
         <div class="kb-details pd-page"></div>
       </section>
 
-      <!-- Fortschritt -->
-      <section class="kb-view" id="view-activity">
+      <!-- Funktionen: Kacheln (funktionen.js, initFunktionen); News ist auf dem Handy eine Unterseite davon -->
+      <section class="kb-view" id="view-funktionen">
         <header class="kb-head">
-          <h1>Fortschritt</h1>
-          <p>Was wir an deinen Projekten erledigt haben.</p>
+          <h1>Funktionen</h1>
+          <p>Zusätzliche Bausteine für deine Website – ein Klick, wir richten sie ein.</p>
         </header>
-        <div class="kb-panel" id="activity-body"><p class="kb-empty">Lade…</p></div>
+        <div id="funktionen-body"><p class="kb-empty">Lade…</p></div>
+      </section>
+
+      <!-- News-Pinnwand: Buchung, Einrichtungsstatus oder Editor (funktionen.js, initNews) -->
+      <section class="kb-view" id="view-news" aria-live="polite">
+        <header class="kb-head">
+          <h1>News-Pinnwand</h1>
+          <p>Kurze Neuigkeiten, die auf deiner Website hängen.</p>
+        </header>
+        <div id="news-body"><p class="kb-empty">Lade…</p></div>
       </section>
 
       <!-- Rechnungen -->