Initial commit: LinkVault – KI-gestützte Link-Sammlung

FastAPI + HTMX Web-App zum Speichern von Links mit automatischer
KI-Kategorisierung, Zusammenfassung und semantischer Suche (OpenAI).
Mehrbenutzer mit Login, SQLite-Persistenz, Docker/Docker-Compose-Setup.

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

app/templates/_link_card.html

@@ -0,0 +1,42 @@
+<div class="panel link-card" id="link-{{ link.id }}">
+  <div style="display:flex; justify-content:space-between; gap:12px;">
+    <div style="min-width:0;">
+      <a href="{{ link.url }}" target="_blank" rel="noopener"
+         style="font-weight:600; font-size:1.05rem;">{{ link.title or link.url }}</a>
+      <div class="muted" style="font-size:.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
+        {{ link.url }}
+      </div>
+    </div>
+    <button class="danger"
+            hx-delete="/links/{{ link.id }}"
+            hx-target="#link-{{ link.id }}"
+            hx-swap="outerHTML"
+            hx-confirm="Diesen Link wirklich löschen?">✕</button>
+  </div>
+
+  {% if link.summary %}
+  <p style="margin:10px 0 8px;">{{ link.summary }}</p>
+  {% elif link.status == 'no_content' %}
+  <p class="muted" style="margin:10px 0 8px; font-style:italic;">
+    Inhalt konnte nicht abgerufen werden – Kategorisierung anhand der URL.
+  </p>
+  {% endif %}
+
+  <div style="display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:.8rem;">
+    {% if link.category %}
+    <span style="background:var(--accent); color:white; padding:2px 9px; border-radius:99px;">
+      {{ link.category }}
+    </span>
+    {% endif %}
+    {% if link.manufacturer %}
+    <span style="background:#0e7490; color:#cffafe; padding:2px 9px; border-radius:99px;">
+      🏢 {{ link.manufacturer }}
+    </span>
+    {% endif %}
+    {% for tag in link.tag_list %}
+    <span style="background:var(--panel2); color:var(--muted); padding:2px 9px; border-radius:99px;">
+      #{{ tag }}
+    </span>
+    {% endfor %}
+  </div>
+</div>