dsrptlab/clientsflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

compact pilot change summary row in sidebar

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-02-23 18:37:44 +07:00
parent 0ed2a6b353
commit 2a3d18f326
1 changed files with 5 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/app/components/workspace/pilot/CrmPilotSidebar.vue
View File

@@ -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>