Web: Kategorien-Anteile-Karte umschaltbar auf Detailansicht (keine Gruppe Andere)

Neue Karten-Konfig-Option Detailansicht: mitFarben(..., { alle:true }) faerbt
jede Kategorie einzeln (Festpalette vorne, danach erzeugte Farbtoene) statt den
Rest zu Andere zu buendeln. Umschaltbar ueber das Zahnrad der Karte.

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

web/src/dashboard/cards.jsx

@@ -462,14 +462,16 @@ function KarteAblaufRing() {
   );
 }
 
-function KarteKategorienRing() {
+function KarteKategorienRing({ props: karteProps }) {
   const { daten, fehler } = useDaten(() => api.dashboardByCategory());
   if (fehler) return <div className="alert error"><Icon name="alert" size={16} />{fehler}</div>;
   if (!daten) return <div className="empty">Lädt…</div>;
 
+  // Detailansicht: jede Kategorie einzeln statt der Bündelung zu „Andere“.
   const segmente = mitFarben(
     daten.map((k) => ({ name: k.name, value: k.article_units })),
     istDunkel(),
+    { alle: !!karteProps?.detail },
   );
   return <Donut segmente={segmente} gesamtLabel="Einheiten" />;
 }
@@ -687,6 +689,7 @@ export const KARTEN = {
     titel: "Kategorien-Anteile", icon: "tag", vorschau: "ring",
     beschreibung: "Ring: welche Kategorie wie viel ausmacht",
     standard: { w: 4, h: 6 }, min: { w: 3, h: 5 },
+    config: [{ key: "detail", type: "boolean", label: "Detailansicht (alle Kategorien einzeln, keine Gruppe „Andere“)" }],
     komponente: KarteKategorienRing,
   },
   "category-bars": {