mirror of
https://github.com/codeflash-ai/codeflash-agent.git
synced 2026-05-04 18:25:19 +00:00
Update engagement_report.py
This commit is contained in:
Kevin Turcios
parent
49a7d586d4
commit
f8281a24a0
1 changed files with 127 additions and 106 deletions
|
|
@ -893,121 +893,142 @@ def build_exec_view():
|
|||
),
|
||||
],
|
||||
),
|
||||
html.P(
|
||||
"At 32 GB per pod, RAM fills the node after 5 pods — leaving 89% of the CPU idle. "
|
||||
"At 4 GB per pod, CPU becomes the constraint and the full node is utilized.",
|
||||
style={
|
||||
"color": GRAY,
|
||||
"fontSize": "14px",
|
||||
"lineHeight": "1.6",
|
||||
"margin": "0 0 16px",
|
||||
},
|
||||
),
|
||||
# Scale table
|
||||
# Cost projection based on $10K/mo current spend
|
||||
html.Div(
|
||||
style={
|
||||
"borderRadius": "12px",
|
||||
"overflow": "hidden",
|
||||
"border": f"1px solid {CARD_BORDER}",
|
||||
"display": "flex",
|
||||
"gap": "20px",
|
||||
"flexWrap": "wrap",
|
||||
"marginTop": "4px",
|
||||
},
|
||||
children=[
|
||||
html.Table(
|
||||
html.Div(
|
||||
[
|
||||
html.Thead(
|
||||
html.Tr(
|
||||
[
|
||||
html.Th(
|
||||
h,
|
||||
style={
|
||||
"padding": "10px 16px",
|
||||
"fontSize": "12px",
|
||||
"fontWeight": "700",
|
||||
"color": ACCENT,
|
||||
"textTransform": "uppercase",
|
||||
"letterSpacing": "0.05em",
|
||||
"textAlign": "right"
|
||||
if i > 0
|
||||
else "left",
|
||||
"backgroundColor": "rgba(24,24,27,0.8)",
|
||||
"borderBottom": f"1px solid {CARD_BORDER}",
|
||||
},
|
||||
)
|
||||
for i, h in enumerate(
|
||||
[
|
||||
"Scale",
|
||||
"Before",
|
||||
"After",
|
||||
"Monthly Savings",
|
||||
]
|
||||
)
|
||||
]
|
||||
)
|
||||
html.Div(
|
||||
"Current Spend",
|
||||
style={
|
||||
"fontSize": "11px",
|
||||
"fontWeight": "700",
|
||||
"color": RED,
|
||||
"letterSpacing": "0.1em",
|
||||
"marginBottom": "8px",
|
||||
},
|
||||
),
|
||||
html.Tbody(
|
||||
[
|
||||
html.Tr(
|
||||
[
|
||||
html.Td(
|
||||
f"{pods} pods",
|
||||
style={
|
||||
"padding": "10px 16px",
|
||||
"fontSize": "13px",
|
||||
"color": SLATE,
|
||||
"fontWeight": "600",
|
||||
},
|
||||
),
|
||||
html.Td(
|
||||
f"{nodes_b} nodes (${cost_b:,.0f}/mo)",
|
||||
style={
|
||||
"padding": "10px 16px",
|
||||
"fontSize": "13px",
|
||||
"color": GRAY,
|
||||
"fontFamily": MONO,
|
||||
"textAlign": "right",
|
||||
},
|
||||
),
|
||||
html.Td(
|
||||
f"{nodes_a} node{'s' if nodes_a > 1 else ''} (${cost_a:,.0f}/mo)",
|
||||
style={
|
||||
"padding": "10px 16px",
|
||||
"fontSize": "13px",
|
||||
"color": SLATE,
|
||||
"fontFamily": MONO,
|
||||
"textAlign": "right",
|
||||
},
|
||||
),
|
||||
html.Td(
|
||||
f"${saving:,.0f}/mo",
|
||||
style={
|
||||
"padding": "10px 16px",
|
||||
"fontSize": "13px",
|
||||
"fontWeight": "700",
|
||||
"color": GREEN,
|
||||
"fontFamily": MONO,
|
||||
"textAlign": "right",
|
||||
},
|
||||
),
|
||||
],
|
||||
style={
|
||||
"backgroundColor": "rgba(31,31,35,0.6)"
|
||||
if idx % 2
|
||||
else "rgba(24,24,27,0.5)",
|
||||
},
|
||||
)
|
||||
for idx, (pods, nodes_b, cost_b, nodes_a, cost_a, saving) in enumerate(
|
||||
[
|
||||
(10, 2, 3364, 1, 1682, 1682),
|
||||
(20, 4, 6728, 1, 1682, 5046),
|
||||
(50, 10, 16819, 2, 3364, 13455),
|
||||
(100, 20, 33638, 3, 5046, 28593),
|
||||
]
|
||||
)
|
||||
]
|
||||
html.Div(
|
||||
"$10,000/mo",
|
||||
style={
|
||||
"fontSize": "32px",
|
||||
"fontWeight": "800",
|
||||
"color": SLATE,
|
||||
"lineHeight": "1",
|
||||
"fontFamily": MONO,
|
||||
},
|
||||
),
|
||||
html.Div(
|
||||
"~6 nodes, ~30 pods at 5 pods/node",
|
||||
style={
|
||||
"fontSize": "13px",
|
||||
"color": GRAY,
|
||||
"marginTop": "8px",
|
||||
},
|
||||
),
|
||||
],
|
||||
style={
|
||||
"width": "100%",
|
||||
"borderCollapse": "collapse",
|
||||
"background": CARD_BG,
|
||||
"borderRadius": "12px",
|
||||
"padding": "20px 24px",
|
||||
"border": f"1px solid {CARD_BORDER}",
|
||||
"flex": "1",
|
||||
"minWidth": "200px",
|
||||
},
|
||||
),
|
||||
html.Div(
|
||||
"\u2192",
|
||||
style={
|
||||
"fontSize": "32px",
|
||||
"color": GRAY,
|
||||
"alignSelf": "center",
|
||||
"padding": "0 4px",
|
||||
},
|
||||
),
|
||||
html.Div(
|
||||
[
|
||||
html.Div(
|
||||
"Recommended",
|
||||
style={
|
||||
"fontSize": "11px",
|
||||
"fontWeight": "700",
|
||||
"color": GREEN,
|
||||
"letterSpacing": "0.1em",
|
||||
"marginBottom": "8px",
|
||||
},
|
||||
),
|
||||
html.Div(
|
||||
"~$1,100/mo",
|
||||
style={
|
||||
"fontSize": "32px",
|
||||
"fontWeight": "800",
|
||||
"color": GREEN,
|
||||
"lineHeight": "1",
|
||||
"fontFamily": MONO,
|
||||
},
|
||||
),
|
||||
html.Div(
|
||||
"Same 30 pods fit on 1 node at 46 pods/node",
|
||||
style={
|
||||
"fontSize": "13px",
|
||||
"color": GRAY,
|
||||
"marginTop": "8px",
|
||||
},
|
||||
),
|
||||
],
|
||||
style={
|
||||
"background": CARD_BG,
|
||||
"borderRadius": "12px",
|
||||
"padding": "20px 24px",
|
||||
"border": f"1px solid {CARD_BORDER}",
|
||||
"flex": "1",
|
||||
"minWidth": "200px",
|
||||
},
|
||||
),
|
||||
html.Div(
|
||||
[
|
||||
html.Div(
|
||||
"Savings",
|
||||
style={
|
||||
"fontSize": "11px",
|
||||
"fontWeight": "700",
|
||||
"color": ACCENT,
|
||||
"letterSpacing": "0.1em",
|
||||
"marginBottom": "8px",
|
||||
},
|
||||
),
|
||||
html.Div(
|
||||
"~$8,900/mo",
|
||||
style={
|
||||
"fontSize": "32px",
|
||||
"fontWeight": "800",
|
||||
"color": ACCENT,
|
||||
"lineHeight": "1",
|
||||
"fontFamily": MONO,
|
||||
},
|
||||
),
|
||||
html.Div(
|
||||
"~$107K/year in compute savings",
|
||||
style={
|
||||
"fontSize": "13px",
|
||||
"color": GRAY,
|
||||
"marginTop": "8px",
|
||||
},
|
||||
),
|
||||
],
|
||||
style={
|
||||
"background": CARD_BG,
|
||||
"borderRadius": "12px",
|
||||
"padding": "20px 24px",
|
||||
"border": f"1px solid {CARD_BORDER}",
|
||||
"flex": "1",
|
||||
"minWidth": "200px",
|
||||
},
|
||||
),
|
||||
],
|
||||
|
|
|
|||
Loading…
Reference in a new issue