feat: initial public release (MAESTRO)

2026-06-03 05:08:00 +00:00
commit f5c7666f6b
823 changed files with 184150 additions and 0 deletions
@@ -0,0 +1,61 @@
+interface ContextUsageGaugeProps {
+  promptTokens?: number | null;
+  limitTokens?: number | null;
+  jobStatus?: string;
+}
+
+function formatNumber(n: number): string {
+  return n.toLocaleString('en-US');
+}
+
+function pickColorClass(ratio: number): string {
+  if (ratio >= 0.95) return 'bg-red-500';
+  if (ratio >= 0.85) return 'bg-orange-500';
+  if (ratio >= 0.70) return 'bg-amber-500';
+  return 'bg-emerald-500';
+}
+
+function pickLabel(jobStatus: string | undefined): string {
+  switch (jobStatus) {
+    case 'succeeded':
+    case 'failed':
+    case 'cancelled':
+      return 'Context usage at finish';
+    case 'waiting_human':
+    case 'waiting_subtasks':
+      return 'Context usage (paused)';
+    default:
+      return 'Context usage';
+  }
+}
+
+export function ContextUsageGauge({ promptTokens, limitTokens, jobStatus }: ContextUsageGaugeProps) {
+  if (!limitTokens || limitTokens <= 0) return null;
+
+  const tokens = typeof promptTokens === 'number' ? promptTokens : 0;
+  const awaiting = typeof promptTokens !== 'number';
+  const ratio = Math.min(1, Math.max(0, tokens / limitTokens));
+  const percent = Math.round(ratio * 100);
+  const colorClass = pickColorClass(ratio);
+  const label = pickLabel(jobStatus);
+
+  return (
+    <div className="bg-white border border-slate-200 rounded-xl p-4 shadow-sm">
+      <div className="flex items-baseline justify-between mb-2">
+        <span className="text-sm font-semibold text-slate-700">{label}</span>
+        <span className="text-xs text-slate-500 tabular-nums">
+          {awaiting ? 'Awaiting first LLM call' : `${percent}%`}
+        </span>
+      </div>
+      <div className="w-full h-2 bg-slate-100 rounded-full overflow-hidden">
+        <div
+          className={`h-full ${colorClass} transition-[width] duration-300 ease-out`}
+          style={{ width: `${percent}%` }}
+        />
+      </div>
+      <div className="mt-2 text-2xs text-slate-500 tabular-nums">
+        {formatNumber(tokens)} / {formatNumber(limitTokens)} tokens
+      </div>
+    </div>
+  );
+}