From 80d4699f5f3148c679516e2c30df50dc62517074 Mon Sep 17 00:00:00 2001
From: ValueOn AG <p.motsch@valueon.ch>
Date: Sun, 12 Apr 2026 21:55:54 +0200
Subject: [PATCH] cleanup

---
 src/pages/IntegrationsOverview.module.css | 103 ----------------------
 src/pages/IntegrationsOverviewPage.tsx    |  29 +++---
 2 files changed, 14 insertions(+), 118 deletions(-)

diff --git a/src/pages/IntegrationsOverview.module.css b/src/pages/IntegrationsOverview.module.css
index 5633853..59dfe22 100644
--- a/src/pages/IntegrationsOverview.module.css
+++ b/src/pages/IntegrationsOverview.module.css
@@ -151,13 +151,6 @@
   gap: 5px;
 }
 
-.tenantDot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  flex-shrink: 0;
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
-}
 
 .modGrid {
   display: flex;
@@ -348,13 +341,6 @@
   margin-bottom: 0;
 }
 
-.infraDot {
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  flex-shrink: 0;
-  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.08);
-}
 
 /* Zwei sichtbare Sub-Boxen in Infrastruktur (wie Daten-Schicht) */
 .infraSplit {
@@ -581,78 +567,6 @@
   word-break: break-word;
 }
 
-.fileRow {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 2px;
-  margin-top: 2px;
-}
-
-.codecList {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin-top: 2px;
-}
-
-.codecRow {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: 4px 8px;
-  font-size: 10px;
-  line-height: 1.35;
-}
-
-.codecClass {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  font-size: 9px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  flex: 0 0 auto;
-  max-width: 100%;
-  word-break: break-word;
-}
-
-.codecBadges {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 2px;
-  min-width: 0;
-  flex: 1 1 120px;
-}
-
-.fb {
-  font-size: 9px;
-  padding: 1px 5px;
-  border-radius: 3px;
-  font-weight: 600;
-  border: 1px solid transparent;
-}
-
-.fbE {
-  background: rgba(74, 111, 165, 0.12);
-  color: #3b5e8a;
-  border-color: rgba(74, 111, 165, 0.28);
-}
-
-.fbR {
-  background: rgba(56, 161, 105, 0.12);
-  color: #2d6a4f;
-  border-color: rgba(56, 161, 105, 0.28);
-}
-
-:global(.dark-theme) .fbE {
-  background: rgba(90, 138, 197, 0.18);
-  color: #a8c4e0;
-  border-color: rgba(90, 138, 197, 0.32);
-}
-
-:global(.dark-theme) .fbR {
-  background: rgba(72, 187, 120, 0.15);
-  color: #8ec5a3;
-  border-color: rgba(72, 187, 120, 0.30);
-}
 
 /* ── Nutzen KPI tiles ── */
 .statGrid {
@@ -765,13 +679,6 @@
   margin-bottom: 6px;
 }
 
-.corpInstCard {
-  background: rgba(234, 179, 8, 0.06);
-  border: 1px solid rgba(202, 138, 4, 0.22);
-  border-radius: var(--object-radius-medium, 8px);
-  padding: 10px 12px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-}
 
 .dataChipMuted {
   font-size: 11px;
@@ -826,11 +733,6 @@
   margin-top: 1px;
 }
 
-.sectionDivider {
-  border: none;
-  border-top: 1px dashed var(--border-dark, #CBD5E0);
-  margin: 5px 0;
-}
 
 /* ── loading / error ── */
 .loadingWrap {
@@ -974,11 +876,6 @@
   border-color: rgba(202, 138, 4, 0.25);
 }
 
-:global(.dark-theme) .corpInstCard {
-  background: rgba(234, 179, 8, 0.07);
-  border-color: rgba(202, 138, 4, 0.22);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-}
 
 :global(.dark-theme) .statValue {
   color: #a78bfa;
diff --git a/src/pages/IntegrationsOverviewPage.tsx b/src/pages/IntegrationsOverviewPage.tsx
index 1ad7f9a..184883b 100644
--- a/src/pages/IntegrationsOverviewPage.tsx
+++ b/src/pages/IntegrationsOverviewPage.tsx
@@ -121,28 +121,27 @@ interface _CorporateInstanceGroup {
   instanceId: string;
   instanceLabel: string;
   featureCode: string;
-  systems: { key: string; label: string }[];
 }
 
 function _groupCorporateByInstance(items: DataLayerItem[]): _CorporateInstanceGroup[] {
   const map = new Map<string, _CorporateInstanceGroup>();
   for (const item of items) {
     const iid = item.featureInstanceId || '_unknown';
-    let group = map.get(iid);
-    if (!group) {
-      const code = item.featureCode || item.connectorType || '';
-      const instLabel = (item.instanceLabel || '').trim();
-      group = { instanceId: iid, instanceLabel: instLabel, featureCode: code, systems: [] };
-      map.set(iid, group);
+    if (map.has(iid)) {
+      const group = map.get(iid)!;
+      if (item.instanceLabel && (!group.instanceLabel || group.instanceLabel === group.featureCode)) {
+        group.instanceLabel = item.instanceLabel.trim();
+      }
+      if (item.featureCode && !group.featureCode) {
+        group.featureCode = item.featureCode;
+      }
+      continue;
     }
-    if (item.instanceLabel && (!group.instanceLabel || group.instanceLabel === group.featureCode)) {
-      group.instanceLabel = item.instanceLabel.trim();
-    }
-    if (item.featureCode && !group.featureCode) {
-      group.featureCode = item.featureCode;
-    }
-    const sysLabel = (item.displayLabel || item.label || item.connectorType || item.id).trim();
-    group.systems.push({ key: `${item.kind}-${item.id}`, label: sysLabel });
+    map.set(iid, {
+      instanceId: iid,
+      instanceLabel: (item.instanceLabel || '').trim(),
+      featureCode: item.featureCode || item.connectorType || '',
+    });
   }
   return Array.from(map.values());
 }