feat: Projekte ohne Subdomain, Portal-Zugang unter Uebersicht, Kunden-Zuordnung

- ProjectsPage: Subdomain optional (ohne = normales Projekt, nur Gitea-Repo);
  Kunde direkt in der Tabelle zuordnen; Button 'Gitea-Repos synchronisieren'
- CustomerDetailPage: Card 'Portal-Zugang' unter Uebersicht - Passwort setzen/
  aendern (min. 8 Zeichen), Login+Passwort kopierbar, Link zum Kundenportal
- leads.js: uebrig gebliebene Debug-Instrumentierung entfernt

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/pages/CustomerDetailPage.jsx

@@ -1,15 +1,19 @@
 import { useState, useEffect, useCallback } from 'react'
 import { useParams, Link } from 'react-router-dom'
-import { FaSpinner, FaStar, FaArrowLeft, FaFloppyDisk, FaArrowUp } from 'react-icons/fa6'
+import { FaSpinner, FaStar, FaArrowLeft, FaFloppyDisk, FaArrowUp, FaKey, FaArrowUpRightFromSquare } from 'react-icons/fa6'
 import { databases, DATABASE_ID, COLLECTIONS, Query } from '../lib/appwrite'
 import { PageHeader, Card, Button, Badge, Tabs, EmptyState, Field } from '../components/ui'
 import { StatusPill, PriorityPill } from '../components/ui/StatusPill'
 import InvoicePanel from '../components/InvoicePanel'
 import DocumentsPanel from '../components/DocumentsPanel'
 import AssignedProjectCard from '../components/AssignedProjectCard'
+import CopyableCredential, { getCustomerPortalPassword } from '../components/CopyableCredential'
+import { updateCustomerWithPortalAccess } from '../lib/customerAdminApi'
 import { useWebsiteProjects } from '../hooks/useWebsiteProjects'
 import { customerStage, isInvoiceReady, upgradeToCustomer, syncCustomerToNinja } from '../lib/leads'
 
+const PORTAL_URL = 'https://project.webklar.com'
+
 const TABS = [
   { id: 'overview', label: 'Uebersicht' },
   { id: 'tickets', label: 'Tickets' },
@@ -57,7 +61,7 @@ export default function CustomerDetailPage() {
             {stage === 'lost' && <Badge tone="muted">Abgesagt</Badge>}
           </span>
         }
-        subtitle={[customer.location, customer.email, customer.phone].filter(Boolean).join(' <20> ')}
+        subtitle={[customer.location, customer.email, customer.phone].filter(Boolean).join(' <20> ')}
         actions={<Button variant="ghost" as={Link} to="/customers"><FaArrowLeft /> Alle Kunden</Button>}
       />
 
@@ -172,10 +176,86 @@ function OverviewTab({ customer, stage, onSaved }) {
           <input className="form-control" value={form.paperlessCorrespondent} onChange={(e) => setForm({ ...form, paperlessCorrespondent: e.target.value })} placeholder={customer.name} />
         </Field>
       </Card>
+
+      <PortalAccessCard customer={customer} onSaved={onSaved} />
     </div>
   )
 }
 
+function PortalAccessCard({ customer, onSaved }) {
+  const [password, setPassword] = useState('')
+  const [busy, setBusy] = useState(false)
+  const [msg, setMsg] = useState(null)
+
+  const hasAccess = Boolean(customer.portalAccessEnabled && customer.appwriteUserId)
+  const currentPassword = getCustomerPortalPassword(customer)
+
+  const savePassword = async () => {
+    if (!customer.email) {
+      setMsg('Bitte zuerst eine E-Mail-Adresse in den Stammdaten speichern.')
+      return
+    }
+    if (!password || password.length < 8) {
+      setMsg('Das Passwort muss mindestens 8 Zeichen haben.')
+      return
+    }
+    setBusy(true); setMsg(null)
+    try {
+      await updateCustomerWithPortalAccess(customer.$id, { password })
+      setPassword('')
+      setMsg(hasAccess ? 'Passwort aktualisiert.' : 'Portal-Zugang angelegt.')
+      onSaved()
+    } catch (err) {
+      setMsg('Fehler: ' + err.message)
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  return (
+    <Card title="Portal-Zugang">
+      <div className="flex items-center justify-between" style={{ marginBottom: 12 }}>
+        <span className="muted">Kundenportal</span>
+        {hasAccess
+          ? <Badge tone="ok" dot>freigeschaltet</Badge>
+          : <Badge tone="muted">kein Zugang</Badge>}
+      </div>
+
+      <Field label="Login (E-Mail)">
+        <CopyableCredential value={customer.email} label="Login" />
+      </Field>
+      <Field label="Passwort">
+        <CopyableCredential value={currentPassword} secret label="Passwort" />
+      </Field>
+
+      <Field label={hasAccess ? 'Neues Passwort setzen' : 'Passwort festlegen (min. 8 Zeichen)'}>
+        <input
+          className="form-control"
+          type="text"
+          value={password}
+          onChange={(e) => setPassword(e.target.value)}
+          placeholder="min. 8 Zeichen"
+          autoComplete="off"
+        />
+      </Field>
+
+      <div className="flex gap-2 items-center wrap">
+        <Button variant="primary" onClick={savePassword} disabled={busy}>
+          {busy ? <FaSpinner className="spinner" /> : <><FaKey /> {hasAccess ? 'Passwort ändern' : 'Zugang anlegen'}</>}
+        </Button>
+        <Button as="a" href={PORTAL_URL} target="_blank" rel="noreferrer" variant="ghost">
+          <FaArrowUpRightFromSquare /> Portal öffnen
+        </Button>
+        {msg && <span className="muted">{msg}</span>}
+      </div>
+      <p className="muted" style={{ marginTop: 8, fontSize: 13 }}>
+        Der Kunde meldet sich mit dieser E-Mail und dem Passwort unter {PORTAL_URL} an
+        und sieht dort seine Projekte/Previews.
+      </p>
+    </Card>
+  )
+}
+
 function CustomerTickets({ customerId }) {
   const [tickets, setTickets] = useState([])
   const [loading, setLoading] = useState(true)
@@ -211,7 +291,7 @@ function CustomerTickets({ customerId }) {
             <span className="mono" style={{ color: 'var(--accent)', minWidth: 60 }}>{t.woid || t.$id.slice(-5)}</span>
             <div className="grow">
               <div style={{ fontWeight: 600 }}>{t.topic || t.title || '-'}</div>
-              <div className="muted">{t.type} <EFBFBD> {t.systemType || 'n/a'}</div>
+              <div className="muted">{t.type} <EFBFBD> {t.systemType || 'n/a'}</div>
             </div>
             <PriorityPill priority={t.priority} />
             <StatusPill status={t.status} />