From 2a3d18f326ad411653bcfa2f603ded995a2d5023 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Mon, 23 Feb 2026 18:37:44 +0700
Subject: [PATCH] compact pilot change summary row in sidebar

---
 .../workspace/pilot/CrmPilotSidebar.vue       | 36 +++----------------
 1 file changed, 5 insertions(+), 31 deletions(-)

diff --git a/frontend/app/components/workspace/pilot/CrmPilotSidebar.vue b/frontend/app/components/workspace/pilot/CrmPilotSidebar.vue
index cc109ca..650b9c6 100644
--- a/frontend/app/components/workspace/pilot/CrmPilotSidebar.vue
+++ b/frontend/app/components/workspace/pilot/CrmPilotSidebar.vue
@@ -125,43 +125,17 @@ defineProps<{
               </div>
 
               <div v-if="message.messageKind === 'change_set_summary'" class="rounded-xl border border-amber-300/35 bg-amber-500/10 p-3">
-                <p class="text-xs font-semibold text-amber-100">
-                  {{ message.changeSummary || "Technical change summary" }}
-                </p>
-                <div class="mt-2 flex flex-wrap gap-1.5 text-[10px]">
-                  <span class="rounded border border-white/25 px-2 py-0.5 text-white/85">
-                    total {{ message.changeItems?.length || 0 }}
-                  </span>
-                  <span class="rounded border border-white/25 px-2 py-0.5 text-white/85">
-                    created {{ summarizeChangeActions(message.changeItems).created }}
-                  </span>
-                  <span class="rounded border border-white/25 px-2 py-0.5 text-white/85">
-                    updated {{ summarizeChangeActions(message.changeItems).updated }}
-                  </span>
-                  <span class="rounded border border-white/25 px-2 py-0.5 text-white/85">
-                    archived {{ summarizeChangeActions(message.changeItems).deleted }}
-                  </span>
-                </div>
-                <div v-if="summarizeChangeEntities(message.changeItems).length" class="mt-2 flex flex-wrap gap-1.5">
-                  <span
-                    v-for="row in summarizeChangeEntities(message.changeItems)"
-                    :key="`entity-summary-${message.id}-${row.entity}`"
-                    class="rounded border border-white/20 px-2 py-0.5 text-[10px] text-white/75"
-                  >
-                    {{ row.entity }}: {{ row.count }}
-                  </span>
-                </div>
-                <div class="mt-3 flex flex-wrap items-center gap-2">
+                <div class="flex items-center justify-between gap-2">
+                  <p class="text-xs font-semibold text-amber-100">
+                    {{ message.changeItems?.length || 0 }} changes
+                  </p>
                   <button
                     v-if="message.changeSetId"
                     class="btn btn-xs btn-outline"
                     @click="openChangeReview(message.changeSetId, 0, true)"
                   >
-                    Review Changes
+                    View changes
                   </button>
-                  <span class="text-[10px] uppercase tracking-wide text-amber-100/80">
-                    status: {{ message.changeStatus || "pending" }}
-                  </span>
                 </div>
               </div>