import { UITree } from '../types.js';
export function buildPipelineBoardTree(data: {
pipeline: any;
opportunities: any[];
stages: any[];
}): UITree {
const pipeline = data.pipeline || {};
const opportunities = data.opportunities || [];
const stages = data.stages || [];
const totalValue = opportunities.reduce((s: number, o: any) => s + (o.monetaryValue || 0), 0);
const openCount = opportunities.filter((o: any) => o.status === 'open').length;
const wonCount = opportunities.filter((o: any) => o.status === 'won').length;
// Build kanban columns from real pipeline stages
const columns = stages.map((stage: any) => {
const stageOpps = opportunities.filter((o: any) => o.pipelineStageId === stage.id);
const stageValue = stageOpps.reduce((s: number, o: any) => s + (o.monetaryValue || 0), 0);
return {
id: stage.id,
title: stage.name,
count: stageOpps.length,
totalValue: stageValue > 0 ? `$${stageValue.toLocaleString()}` : undefined,
cards: stageOpps.slice(0, 8).map((opp: any) => ({
id: opp.id,
title: opp.name || 'Untitled',
subtitle: opp.contact?.name || opp.contact?.email || undefined,
value: opp.monetaryValue ? `$${Number(opp.monetaryValue).toLocaleString()}` : undefined,
status: opp.status || 'open',
statusVariant: opp.status || 'open',
date: opp.updatedAt ? new Date(opp.updatedAt).toLocaleDateString() : undefined,
avatarInitials: opp.contact?.name
? opp.contact.name.split(' ').map((n: string) => n[0]).join('').slice(0, 2).toUpperCase()
: undefined,
})),
};
});
return {
root: 'page',
elements: {
page: {
key: 'page',
type: 'PageHeader',
props: {
title: pipeline.name || 'Pipeline',
subtitle: `${opportunities.length} opportunities`,
gradient: true,
stats: [
{ label: 'Total Value', value: `$${totalValue.toLocaleString()}` },
{ label: 'Open', value: String(openCount) },
{ label: 'Won', value: String(wonCount) },
{ label: 'Stages', value: String(stages.length) },
],
},
children: ['board'],
},
board: {
key: 'board',
type: 'KanbanBoard',
props: { columns },
},
},
};
}
