+
Total balance
+
${{ b.totalBalance | number:'1.2-2' }}
+
+ {{ b.changeAbs >= 0 ? "▲" : "▼" }}
+ {{ b.changeAbs >= 0 ? "+" : "" }}${{ b.changeAbs | number:'1.2-2' }} ({{ b.changePct >= 0 ? "+" : ""
+ }}{{ b.changePct }}%)· {{ b.rangeLabel }}
+
+
+
+
Starting balance
+
${{ b.startingBalance | number:'1.2-2' }}
+
{{ b.rangeLabel }} ago
+
+
+
Net profit
+
+${{ b.changeAbs | number:'1.2-2' }}
+
+{{ b.changePct }}% return
+
+
+
Settled bets
+
{{ b.settledBets }}
+
{{ b.wonBets }} won · {{ b.lostBets }} lost
+
+
+
Hit rate
+
{{ b.hitRate * 100 | number:'1.1-1' }}%
+
model claimed ~{{ b.modelClaimedHitRate * 100 | number:'1.0-0' }}%
+
+
+ Captured parlays use $30-$33 entries with squad boosts applied when available. Bankroll updates after each match settles.
+
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-bankroll.component.ts b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-bankroll.component.ts
new file mode 100644
index 00000000000..a2bb7b3b040
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-bankroll.component.ts
@@ -0,0 +1,87 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Component, ElementRef, OnInit, ViewChild } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { Bankroll, BankrollPoint, BetPilotService, TEXERA_WORKFLOW_IDS, texeraWorkflowUrl } from "../bet-pilot.service";
+import { BpWfPreviewComponent } from "./bp-wf-preview.component";
+
+@Component({
+ selector: "texera-bp-bankroll",
+ standalone: true,
+ imports: [CommonModule, BpWfPreviewComponent],
+ templateUrl: "./bp-bankroll.component.html",
+ styleUrls: ["./bp-screen.shared.scss"],
+})
+export class BpBankrollComponent implements OnInit {
+ b!: Bankroll;
+ linePath = "";
+ areaPath = "";
+ hoverX = 0;
+ hoverY = 0;
+ hoverVisible = false;
+ hoverDate = "";
+ hoverValue = "";
+ tooltipLeftPct = 0;
+ workflowUrl: string | null = null;
+ wfId = TEXERA_WORKFLOW_IDS.wf5_clv_monitor;
+
+ @ViewChild("svg", { static: false }) svgRef?: ElementRef;
+
+ constructor(private svc: BetPilotService) {}
+
+ ngOnInit(): void {
+ this.b = this.svc.getBankroll();
+ const segs = this.b.series.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x},${p.y}`).join(" ");
+ this.linePath = segs;
+ this.areaPath = `${segs} L 800,260 L 0,260 Z`;
+ this.workflowUrl = texeraWorkflowUrl("wf5_clv_monitor");
+ }
+
+ onMove(event: MouseEvent): void {
+ const target = event.currentTarget as SVGElement;
+ const rect = target.getBoundingClientRect();
+ const xPx = event.clientX - rect.left;
+ const svgX = (xPx / rect.width) * 800;
+ const p = this.nearest(svgX);
+ this.hoverX = p.x;
+ this.hoverY = p.y;
+ this.hoverVisible = true;
+ this.hoverDate = p.date;
+ this.hoverValue = "$" + p.value.toFixed(2);
+ this.tooltipLeftPct = (p.x / 800) * 100;
+ }
+
+ onLeave(): void {
+ this.hoverVisible = false;
+ }
+
+ private nearest(svgX: number): BankrollPoint {
+ let best = this.b.series[0];
+ let bestD = Infinity;
+ for (const p of this.b.series) {
+ const d = Math.abs(p.x - svgX);
+ if (d < bestD) {
+ bestD = d;
+ best = p;
+ }
+ }
+ return best;
+ }
+}
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-calibration.component.html b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-calibration.component.html
new file mode 100644
index 00000000000..2a420747236
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-calibration.component.html
@@ -0,0 +1,120 @@
+
+
+
+
+
+ Every Sunday the system reviews recent resolved bets and refits its confidence scale. Older versions are kept so we
+ can roll back if a refit makes things worse.
+
+
+
+
+ Version
+ Refit date
+ What changed
+ Brier score
+
+
+
+ {{ v.version }}
+ active
+
+ {{ v.refitDate }}
+ {{ v.changed }}
+
+ {{ v.brierScore }}
+ —
+ ↓ better
+ baseline
+
+
+
+
+
+
+
Resolved bets feeding the next refit
+
{{ c.resolvedBetsAvailable }}
+
Minimum required: {{ c.minBetsRequired }} ✓
+
+
+
Brier score trend
+
{{ c.brierTrendDelta }}
+
Lower is better. Trending down across 3 refits.
+
+
+ Brier score measures how far the model's stated confidence is from reality. 0 is perfect, 0.25 is random guessing.
+
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-calibration.component.ts b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-calibration.component.ts
new file mode 100644
index 00000000000..b39c09d000f
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-calibration.component.ts
@@ -0,0 +1,41 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Component, OnInit } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { BetPilotService, CalibrationLog, TEXERA_WORKFLOW_IDS, texeraWorkflowUrl } from "../bet-pilot.service";
+import { BpWfPreviewComponent } from "./bp-wf-preview.component";
+
+@Component({
+ selector: "texera-bp-calibration",
+ standalone: true,
+ imports: [CommonModule, BpWfPreviewComponent],
+ templateUrl: "./bp-calibration.component.html",
+ styleUrls: ["./bp-screen.shared.scss"],
+})
+export class BpCalibrationComponent implements OnInit {
+ c!: CalibrationLog;
+ workflowUrl: string | null = null;
+ wfId = TEXERA_WORKFLOW_IDS.wf4_calibration;
+ constructor(private svc: BetPilotService) {}
+ ngOnInit(): void {
+ this.c = this.svc.getCalibrationLog();
+ this.workflowUrl = texeraWorkflowUrl("wf4_calibration");
+ }
+}
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-glossary.component.html b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-glossary.component.html
new file mode 100644
index 00000000000..ede64fe5693
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-glossary.component.html
@@ -0,0 +1,81 @@
+
+
+
+
+
+ Verification gate
+
+ Before betting real money, the system replays its picks against past games to see if it actually finds an edge. We
+ require the model to have been tested on at least 1,000 past bets with a positive track record before
+ unlocking real-money mode. Anything smaller is statistically noisy — you can get lucky in 50 bets and still be a
+ losing bettor in the long run.
+
+
+ Closing Line Value (CLV)
+
+ The most important number in sports betting. If we bet a line at 26.5 kills and the line later "closes" at 24.5 by
+ game time, we got the better price. Sustained positive CLV is the leading sign of edge — it means we're picking
+ sharper than the market.
+
+
+ Calibration ("does 75% confident actually win 75% of the time?")
+
+ When the model says it's 75% confident, we want it to actually win about 75% of those bets. If it wins 60% of them,
+ the model is over-confident in that range. Either way, confidence is unreliable and bet sizing breaks. We track this
+ per confidence band and refit a correction weekly.
+
+
+ Points (as in "−6 points")
+
+ Short for percentage points , the difference between two percentages. "Predicted 67%, actually won 61%, so −6
+ points" means the model was 6 percentage points too optimistic in that band.
+
+
+ Edge score
+
+ How far our projection is from the Underdog line, multiplied by how confident we are. Formula:
+ edge = |our projection − line| × confidence. We only bet when edge ≥ 1.0 AND confidence ≥ 65%.
+
+
+ Kelly fraction
+
+ The mathematically optimal share of your bankroll to risk on a single bet, given your edge. We always cap it at
+ 5% of bankroll regardless of what the math says — Kelly assumes your edge estimate is exact, so we bet
+ smaller for safety.
+
+
+ Rule projection vs neural residual
+
+ Rule projection is a deterministic kill estimate from each map's historical averages.
+ Neural residual is a small machine-learning adjustment (capped at ±4 kills) that nudges the rule projection
+ based on opponent strength, recent form, and other patterns.
+
+
+ Why empty days are OK
+
+ Most days the model finds no qualifying bets — that's the system filtering correctly, not failing. Underdog's payout
+ structure has high vig, so only high-edge picks are worth taking.
+
+
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-glossary.component.ts b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-glossary.component.ts
new file mode 100644
index 00000000000..3041524d4c1
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-glossary.component.ts
@@ -0,0 +1,30 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Component } from "@angular/core";
+import { CommonModule } from "@angular/common";
+
+@Component({
+ selector: "texera-bp-glossary",
+ standalone: true,
+ imports: [CommonModule],
+ templateUrl: "./bp-glossary.component.html",
+ styleUrls: ["./bp-screen.shared.scss"],
+})
+export class BpGlossaryComponent {}
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-health.component.html b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-health.component.html
new file mode 100644
index 00000000000..4cd2c982dc0
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-health.component.html
@@ -0,0 +1,176 @@
+
+
+
+
+
+
+
+ {{ h.gatePct }}%
+ · model is being verified before risking real money
+
+
{{ h.picksEvaluated }} / {{ h.picksRequired }} historical bets reviewed
+
+
+
+ Once the model proves itself across {{ h.picksRequired }} reviewed bets, it unlocks real-money mode.
+
+
+
+
Are our picks getting better odds than the market closes at?
+
+
+ better odds →
+
+
+ break-even
+
+
+
+ Trending in the right direction over the last 50 bets. Not enough data yet to call it real.
+
+
+
+
+
Has the model been honest about its confidence?
+
+ For every past bet, we recorded how confident the model was, then checked how often those bets actually won.
+
+
+ {{ row.bucket }}
+ predicted {{ row.predicted * 100 | number:'1.0-0' }}%
+ actually won {{ row.actual * 100 | number:'1.0-0' }}%
+ {{ row.verdict }}
+
+
+
+
Where the model has been right (and wrong)
+
+
+
+ {{ s.slice }}
+ {{ s.n }} bets
+
+ {{ s.clvPp > 0 ? "+" : "" }}{{ s.clvPp }} points
+
+
+
+
+
+ {{ s.slice }}
+ {{ s.n }} bets
+
+ {{ s.clvPp > 0 ? "+" : "" }}{{ s.clvPp }} points
+
+
+
+
+
+ Takeaway: {{ h.takeaway }}
+
+
+
1 · Add your Underdog lines
+
+ Photos go in here. We don't store them — the filenames feed the workflow, where real OCR turns each image into
+ structured lines. For now those rows are stand-in until the model is connected.
+
+
+
+
+
↥
+
Choose images or drag a folder of screenshots here
+
+ PNG, JPG, HEIC · multiple files OK
+
+
+
+
+
+ 🖼
+ {{ name }}
+
+ ×
+
+
+
+
+
2 · Or paste lines as text
+
+ One per row. Format: player [HIGHER|LOWER] line. Examples:
+
+
+PatMen HIGHER 31.5
+Primmie HIGHER 38.5
+invy 27.5
+
+
+ Parsed preview · {{ combined.length }} total
+
+ · {{ validCount }} valid · {{ errorCount }} couldn't parse
+
+
+
+
+
+
+ {{ p.valid ? "READY" : "REVIEW" }}
+
+ {{ p.player || "—" }}
+ {{ p.direction }}
+ {{ p.line ?? "—" }} {{ p.note }}
+
+
+
+
+
+
Nothing to send yet
+
Upload some images or paste a line above.
+
+
+
+
+
+
+ Send {{ validCount }} lines to workflow →
+ Sending…
+ Sent · check Today's bets
+
+
+
+ Clear all
+
+
+ Currently a stub. Once the model is wired, this triggers WF-2 with your parsed lines as input.
+
+
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-lines-input.component.spec.ts b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-lines-input.component.spec.ts
new file mode 100644
index 00000000000..2e2f109ab75
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-lines-input.component.spec.ts
@@ -0,0 +1,61 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { BpLinesInputComponent } from "./bp-lines-input.component";
+
+describe("BpLinesInputComponent", () => {
+ let component: BpLinesInputComponent;
+
+ beforeEach(() => {
+ component = new BpLinesInputComponent();
+ });
+
+ it("should parse valid manual lines with explicit and default directions", () => {
+ component.rawInput = "PatMen HIGHER 31.5\nPrimmie, 38.5\ninvy lower 27.5";
+
+ expect(component.parsedLines).toEqual([
+ expect.objectContaining({ player: "PatMen", direction: "HIGHER", line: 31.5, valid: true }),
+ expect.objectContaining({ player: "Primmie", direction: "HIGHER", line: 38.5, valid: true }),
+ expect.objectContaining({ player: "invy", direction: "LOWER", line: 27.5, valid: true }),
+ ]);
+ expect(component.validCount).toBe(6);
+ expect(component.errorCount).toBe(0);
+ });
+
+ it("should flag malformed manual lines without a name and line", () => {
+ component.rawInput = "HIGHER\n31.5";
+
+ expect(component.parsedLines.every(line => line.valid)).toBe(false);
+ expect(component.validCount).toBe(3);
+ expect(component.errorCount).toBe(2);
+ });
+
+ it("should reset manual and uploaded line state", () => {
+ component.rawInput = "PatMen LOWER 31.5";
+ component.uploaded = ["line-card.png"];
+ component.status = "sent";
+
+ component.reset();
+
+ expect(component.rawInput).toBe("");
+ expect(component.uploaded).toEqual([]);
+ expect(component.combined).toEqual([]);
+ expect(component.status).toBe("idle");
+ });
+});
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-lines-input.component.ts b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-lines-input.component.ts
new file mode 100644
index 00000000000..238568c5615
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-lines-input.component.ts
@@ -0,0 +1,179 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Component } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { FormsModule } from "@angular/forms";
+import { TEXERA_WORKFLOW_IDS, texeraWorkflowUrl } from "../bet-pilot.service";
+import { BpWfPreviewComponent } from "./bp-wf-preview.component";
+
+interface ParsedLine {
+ raw: string;
+ player: string;
+ line: number | null;
+ direction: "HIGHER" | "LOWER" | "?";
+ valid: boolean;
+ note: string;
+}
+
+@Component({
+ selector: "texera-bp-lines-input",
+ standalone: true,
+ imports: [CommonModule, FormsModule, BpWfPreviewComponent],
+ templateUrl: "./bp-lines-input.component.html",
+ styleUrls: ["./bp-screen.shared.scss"],
+})
+export class BpLinesInputComponent {
+ rawInput = "";
+ uploaded: string[] = ["champions-picks-3.49x.png", "champions-picks-2.97x.png"]; // image filenames the user listed
+ status: "idle" | "sending" | "sent" = "idle";
+ workflowUrl = texeraWorkflowUrl("wf2_daily");
+ wfId = TEXERA_WORKFLOW_IDS.wf2_daily;
+
+ // Stubbed OCR output for the demo — one fake line per filename
+ stubLines: ParsedLine[] = [
+ {
+ raw: "PatMen Higher 31.5 Kills on Maps 1+2",
+ player: "PatMen",
+ line: 31.5,
+ direction: "HIGHER",
+ valid: true,
+ note: "OCR captured from 3.49x slip",
+ },
+ {
+ raw: "invy Higher 27.5 Kills on Maps 1+2",
+ player: "invy",
+ line: 27.5,
+ direction: "HIGHER",
+ valid: true,
+ note: "OCR captured from 3.49x slip",
+ },
+ {
+ raw: "Primmie Higher 38.5 Kills on Maps 1+2",
+ player: "Primmie",
+ line: 38.5,
+ direction: "HIGHER",
+ valid: true,
+ note: "OCR captured from 2.97x slip",
+ },
+ ];
+
+ get parsedLines(): ParsedLine[] {
+ return this.rawInput
+ .split("\n")
+ .map(s => s.trim())
+ .filter(s => s.length > 0)
+ .map(line => this.parseLine(line));
+ }
+
+ get validCount(): number {
+ return this.combined.filter(p => p.valid).length;
+ }
+ get errorCount(): number {
+ return this.combined.filter(p => !p.valid).length;
+ }
+
+ /**
+ * Drag-and-drop / file-picker handler. We never upload the bytes — we just
+ * collect filenames + sizes so the screen can show a list of "uploaded"
+ * images. Real OCR happens in the workflow's UDF; today that's stubbed.
+ */
+ onFilesChosen(event: Event): void {
+ const input = event.target as HTMLInputElement;
+ if (!input.files) return;
+ const names = Array.from(input.files).map(f => f.name);
+ this.uploaded = [...this.uploaded, ...names];
+ // Add a fake OCR row per image so the user sees a complete pipeline shape
+ for (const n of names) {
+ this.stubLines.push({
+ raw: `(from ${n})`,
+ player: this.fakePlayer(n),
+ line: 22.5 + Math.floor(Math.random() * 12),
+ direction: "HIGHER",
+ valid: true,
+ note: "stub OCR — real model will parse this image",
+ });
+ }
+ input.value = "";
+ }
+
+ removeUploaded(i: number): void {
+ this.uploaded.splice(i, 1);
+ this.stubLines.splice(i, 1);
+ }
+
+ /**
+ * Manual line entry. Expects one of:
+ * "PatMen HIGHER 31.5"
+ * "invy 27.5" (direction defaulted to HIGHER)
+ * "Primmie, 38.5, LOWER"
+ * Anything that doesn't match a name + number is flagged.
+ */
+ private parseLine(raw: string): ParsedLine {
+ // strip commas, normalize spaces
+ const tokens = raw.replace(/,/g, " ").replace(/\s+/g, " ").trim().split(" ");
+ let player = "",
+ line: number | null = null,
+ direction: "HIGHER" | "LOWER" | "?" = "?";
+ for (const t of tokens) {
+ const normalized = t.toUpperCase();
+ if (normalized === "HIGHER" || normalized === "OVER") {
+ direction = "HIGHER";
+ } else if (normalized === "LOWER" || normalized === "UNDER") {
+ direction = "LOWER";
+ } else if (/^\d+(\.\d+)?$/.test(t)) {
+ line = parseFloat(t);
+ } else {
+ player = player ? `${player} ${t}` : t;
+ }
+ }
+ if (!player || line === null) {
+ return { raw, player, line, direction, valid: false, note: "couldn't parse: need a name and a number" };
+ }
+ if (direction === "?") direction = "HIGHER";
+ return { raw, player, line, direction, valid: true, note: "ready" };
+ }
+
+ private fakePlayer(filename: string): string {
+ // strip extension and use the basename as a fake player name
+ return filename.replace(/\.[^.]+$/, "").replace(/[^A-Za-z0-9]/g, "");
+ }
+
+ /**
+ * Stand-in send. Real version posts a JSON payload of parsed lines to a
+ * workflow execution endpoint and polls for results.
+ */
+ sendToWorkflow(): void {
+ this.status = "sending";
+ setTimeout(() => {
+ this.status = "sent";
+ }, 700);
+ }
+
+ reset(): void {
+ this.rawInput = "";
+ this.uploaded = [];
+ this.stubLines = [];
+ this.status = "idle";
+ }
+
+ get combined(): ParsedLine[] {
+ return [...this.stubLines, ...this.parsedLines];
+ }
+}
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-scouting.component.html b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-scouting.component.html
new file mode 100644
index 00000000000..04c3f9875b8
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-scouting.component.html
@@ -0,0 +1,225 @@
+
+
+
+
+
+
+
Final projection
+
{{ r.finalProjection }} kills
+
± {{ r.projectionStdDev }} (1σ across map scenarios)
+
+
+
Gap vs line
+
+{{ r.gap }}
+
{{ r.finalProjection }} projected vs {{ r.line }} line
+
+
+
Edge score
+
{{ r.edgeScore }}
+
conf {{ r.confidence * 100 | number:'1.0-0' }}% · threshold 1.0 ✓
+
+
1 · Recent form — last {{ r.recent.length }} maps
+More recent games count more (newer tournaments weighted higher).
+
+
+ Date
+ Match
+ Map
+ Agent
+ Kills
+ Notes
+
+
+ {{ m.date }}
+ {{ m.matchLabel }} ↗
+ {{ m.map }}
+ {{ m.agent }}
+ {{ m.kills }} {{ m.notes }}
+
+
+
+
+ On {{ s.map }}: avg {{ s.avg }} kills · σ {{ s.std }} · n={{ s.n }} maps
+ |
+
+
+
+2 · Matchup — predicted map probabilities
+
+
+
+ Map 1 ({{ r.team }} pick) slot 1
+
+
+ {{ p.map }}
+ {{ p.pct }}%
+
+
+
+
+ Map 2 ({{ r.opponent }} pick) slot 2
+
+
+ {{ p.map }}
+ {{ p.pct }}%
+
+
+
3 · Per-map kill projection
+
+
+ Scenario
+ Map
+ Prob
+ Exp kills
+ Notes
+
+
+ {{ s.scenario }}
+ {{ s.map }}
+ {{ s.prob * 100 | number:'1.0-0' }}%
+ {{ s.expectedKills }} {{ s.notes }}
+
+
+
+ Rule projection (sum over scenarios): ≈ {{ r.ruleProjected }} kills
+
+
+4 · Neural residual adjustment
+
+
+
Rule projection
+
{{ r.ruleProjected }}
+
from per-map weighting above
+
+
+
+ Neural residual
+
+{{ r.neuralResidual }}
+
capped to ± 4.0
+
+
+
Why +{{ r.neuralResidual }}?
+
+
+ Final projection →
+ {{ r.finalProjection }} kills
+
+
+5 · Edge score
+
+ gap = |{{ r.finalProjection }} − {{ r.line }}| = {{ r.gap }} {{ r.edgeScore }}
+ eligible +{{ (3 * r.confidence - 1) | number:'1.2-2' }}
+
+
+6 · Analyst's note
+
+
LLM commentary · advisory only
+
{{ r.llmReasoning }}
+
+ Kelly recommended {{ (r.kellyFraction * 100) | number:'1.1-1' }}% of bankroll (hard-capped in code at 5%).
+
+
+
+ Winner
+
+
+
+ {{ slip.title }} for
+ {{ slip.originalMultiplier | number:'1.2-2' }}x
+ {{ slip.multiplier | number:'1.2-2' }}x
+
+
${{ slip.stake }} paid ${{ slip.payout | number:'1.2-2' }}
+
+
↗
+
✦ {{ slip.promoLabel }}
+
+
+
+ {{ p.matchLabel }}
+ {{ p.startTime }}
+
+
+
V
+
+ {{ p.player }}
+ Higher {{ p.line }} Kills on Maps 1+2
+
+ {{ p.actualKills }}
+
+
+
+
✓
+
+
+ Time: {{ slip.time }}
+ Location: {{ slip.location }}
+
+
+
+
+
+
+
+
No bets recommended today
+
None of today's lines met our minimum confidence and edge.
+
+
This is normal
+
Most days have no bet. Skipping bad odds is how the model stays profitable long-term.
+
+
+
+
+ Model readout · {{ data.picks.length }} captured lines
+ Stand-in workflow output translated from the attached Underdog results.
+
+
+
+
{{ p.player }} {{ p.direction }} {{ p.line }}
+ Suggested
+
+
+
+ Projection {{ p.finalProjection }} ± {{ p.projectionStdDev }}
+
+
Gap +{{ p.gap }}
+
+ Edge {{ p.edgeScore }} · conf {{ p.confidence * 100 | number:'1.0-0' }}%
+
+
{{ p.llmReasoning }}
+
+
+
+
+Players we considered · {{ data.considered.length }} today
+Each line we looked at and why we passed on it. Hover a tag to see the quick reason.
+
+
+
+
+
+ {{ c.status === "SKIPPED" ? "SKIPPED" : "NEEDS REVIEW" }}
+
+
+
+ {{ c.status === "SKIPPED" ? "Why we skipped this" : "Player or team not recognized" }}
+
+ {{ c.reasonDetail }}
+
+
+ {{ c.player }} Higher {{ c.line }}
+ {{ c.reasonShort }}
+
+
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-today.component.ts b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-today.component.ts
new file mode 100644
index 00000000000..60ca496b31a
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-today.component.ts
@@ -0,0 +1,41 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Component, OnInit } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { BetPilotService, DailyPicks, TEXERA_WORKFLOW_IDS, texeraWorkflowUrl } from "../bet-pilot.service";
+import { BpWfPreviewComponent } from "./bp-wf-preview.component";
+
+@Component({
+ selector: "texera-bp-today",
+ standalone: true,
+ imports: [CommonModule, BpWfPreviewComponent],
+ templateUrl: "./bp-today.component.html",
+ styleUrls: ["./bp-screen.shared.scss"],
+})
+export class BpTodayComponent implements OnInit {
+ data!: DailyPicks;
+ workflowUrl: string | null = null;
+ wfId = TEXERA_WORKFLOW_IDS.wf2_daily;
+ constructor(private svc: BetPilotService) {}
+ ngOnInit(): void {
+ this.data = this.svc.getDailyPicks();
+ this.workflowUrl = texeraWorkflowUrl("wf2_daily");
+ }
+}
diff --git a/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-wf-preview.component.ts b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-wf-preview.component.ts
new file mode 100644
index 00000000000..34d696db208
--- /dev/null
+++ b/frontend/src/app/dashboard/component/user/bet-pilot/screens/bp-wf-preview.component.ts
@@ -0,0 +1,286 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Component, Input, OnChanges, OnDestroy } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { HttpClient } from "@angular/common/http";
+import { Subject, takeUntil } from "rxjs";
+
+interface WfOp {
+ operatorID: string;
+ customDisplayName?: string;
+ operatorType: string;
+}
+interface WfLink {
+ source: { operatorID: string };
+ target: { operatorID: string };
+}
+interface WfContent {
+ operators: WfOp[];
+ links: WfLink[];
+ operatorPositions: Record;
+}
+
+interface Node {
+ id: string;
+ label: string;
+ x: number;
+ y: number;
+ w: number;
+ h: number;
+ kind: "source" | "udf" | "sink";
+}
+interface Edge {
+ fromId: string;
+ toId: string;
+}
+
+const CACHE = new Map();
+const NODE_W = 96;
+const NODE_H = 38;
+const VIEW_W = 540;
+const VIEW_H = 260;
+
+@Component({
+ selector: "texera-bp-wf-preview",
+ standalone: true,
+ imports: [CommonModule],
+ template: `
+
+ Couldn't load workflow preview · {{ error }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ truncate(n.label) }}
+
+
+
+
+
+
+ Loading workflow…
+
+
+ `,
+ styles: [
+ `
+ :host {
+ display: block;
+ width: 560px;
+ background: var(--bp-popover);
+ border: 1px solid var(--bp-line);
+ border-radius: 10px;
+ padding: 12px 14px;
+ box-shadow: var(--bp-shadow);
+ }
+ .wf-preview-header {
+ color: var(--bp-muted);
+ font-size: 11px;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-bottom: 8px;
+ }
+ .wf-preview-msg {
+ color: var(--bp-muted);
+ font-size: 12.5px;
+ padding: 6px 2px;
+ }
+ .wf-svg {
+ width: 100%;
+ height: 260px;
+ display: block;
+ }
+ `,
+ ],
+})
+export class BpWfPreviewComponent implements OnChanges, OnDestroy {
+ private readonly destroy$ = new Subject();
+ @Input() wid: number | null = null;
+ loaded = false;
+ error = "";
+ nodes: Node[] = [];
+ edgePaths: string[] = [];
+ opCount = 0;
+ linkCount = 0;
+ readonly VIEW_W = VIEW_W;
+ readonly VIEW_H = VIEW_H;
+
+ constructor(private http: HttpClient) {}
+
+ ngOnChanges(): void {
+ if (!this.wid) return;
+ if (CACHE.has(this.wid)) {
+ this.render(CACHE.get(this.wid)!);
+ return;
+ }
+ this.loaded = false;
+ this.error = "";
+ this.http
+ .get(`/api/workflow/${this.wid}`)
+ .pipe(takeUntil(this.destroy$))
+ .subscribe({
+ next: resp => {
+ try {
+ const raw = resp?.content ?? resp?.workflow?.content;
+ const parsed: WfContent = typeof raw === "string" ? JSON.parse(raw) : raw;
+ CACHE.set(this.wid!, parsed);
+ this.render(parsed);
+ } catch (e) {
+ this.error = "parse error";
+ }
+ },
+ error: () => {
+ this.error = "fetch failed";
+ },
+ });
+ }
+
+ ngOnDestroy(): void {
+ this.destroy$.next();
+ this.destroy$.complete();
+ }
+
+ private render(c: WfContent): void {
+ const ops = c.operators || [];
+ const links = c.links || [];
+ const positions = c.operatorPositions || {};
+
+ this.opCount = ops.length;
+ this.linkCount = links.length;
+
+ // Original coordinate bounds
+ const xs = ops.map(o => positions[o.operatorID]?.x ?? 0);
+ const ys = ops.map(o => positions[o.operatorID]?.y ?? 0);
+ const minX = Math.min(...xs, 0);
+ const minY = Math.min(...ys, 0);
+ const maxX = Math.max(...xs, 1) + NODE_W;
+ const maxY = Math.max(...ys, 1) + NODE_H;
+
+ const pad = 12;
+ const sx = (VIEW_W - 2 * pad) / Math.max(1, maxX - minX);
+ const sy = (VIEW_H - 2 * pad) / Math.max(1, maxY - minY);
+ const s = Math.min(sx, sy, 1);
+
+ const indexById = new Map();
+ this.nodes = ops.map(o => {
+ const pos = positions[o.operatorID] ?? { x: 0, y: 0 };
+ const n: Node = {
+ id: o.operatorID,
+ label: o.customDisplayName || o.operatorID,
+ x: pad + (pos.x - minX) * s,
+ y: pad + (pos.y - minY) * s,
+ w: NODE_W * s,
+ h: NODE_H * s,
+ kind: this.classify(o, links),
+ };
+ indexById.set(o.operatorID, n);
+ return n;
+ });
+
+ this.edgePaths = links
+ .map(l => {
+ const a = indexById.get(l.source.operatorID);
+ const b = indexById.get(l.target.operatorID);
+ if (!a || !b) return "";
+ const x1 = a.x + a.w;
+ const y1 = a.y + a.h / 2;
+ const x2 = b.x;
+ const y2 = b.y + b.h / 2;
+ const dx = Math.max(20, (x2 - x1) / 2);
+ return `M ${x1} ${y1} C ${x1 + dx} ${y1}, ${x2 - dx} ${y2}, ${x2} ${y2}`;
+ })
+ .filter(p => p !== "");
+
+ this.loaded = true;
+ }
+
+ private classify(op: WfOp, links: WfLink[]): "source" | "udf" | "sink" {
+ const id = op.operatorID;
+ const hasIn = links.some(l => l.target.operatorID === id);
+ const hasOut = links.some(l => l.source.operatorID === id);
+ if (!hasIn) return "source";
+ if (!hasOut) return "sink";
+ return "udf";
+ }
+
+ nodeFill(kind: Node["kind"]): string {
+ if (kind === "source") return "var(--bp-panel-2)";
+ if (kind === "sink") return "rgba(74, 222, 128, 0.10)";
+ return "var(--bp-panel)";
+ }
+ nodeStroke(kind: Node["kind"]): string {
+ if (kind === "source") return "var(--bp-line)";
+ if (kind === "sink") return "var(--bp-good)";
+ return "var(--bp-accent)";
+ }
+
+ truncate(s: string): string {
+ if (s.length <= 14) return s;
+ return s.slice(0, 13) + "…";
+ }
+}
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 5f4a00952a9..4ea3b780b61 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -413,3 +413,133 @@ hr {
}
}
}
+
+// =========================================================================
+// Global dark theme. Applied when .
+// Best-effort wash over Texera + ng-zorro. Not a full design pass.
+// =========================================================================
+html[data-app-theme="dark"] {
+ --app-bg: #0b0d12;
+ --app-bg-elev: #14171f;
+ --app-bg-2: #1a1e28;
+ --app-line: #262b39;
+ --app-text: #ecf0f8;
+ --app-text-2: #cdd3e0;
+ --app-muted: #8b93a7;
+ --app-accent: #ff4655;
+
+ background: var(--app-bg);
+ color: var(--app-text);
+
+ body,
+ .ant-layout,
+ .ant-layout-content,
+ nz-content,
+ .page-container,
+ .page-content-layout {
+ background: var(--app-bg) !important;
+ color: var(--app-text) !important;
+ }
+ .ant-layout-sider,
+ nz-sider,
+ #left-sider {
+ background: var(--app-bg-elev) !important;
+ color: var(--app-text) !important;
+ border-color: var(--app-line) !important;
+ }
+ .ant-menu,
+ .ant-menu-submenu > .ant-menu,
+ .ant-menu-inline,
+ .ant-menu-vertical,
+ .ant-menu-light {
+ background: var(--app-bg-elev) !important;
+ color: var(--app-text) !important;
+ border-color: var(--app-line) !important;
+ }
+ .ant-menu-item,
+ .ant-menu-submenu-title {
+ color: var(--app-text-2) !important;
+ }
+ .ant-menu-item:hover,
+ .ant-menu-submenu-title:hover {
+ color: var(--app-text) !important;
+ background: var(--app-bg-2) !important;
+ }
+ .ant-menu-item-selected,
+ .ant-menu-item-active {
+ background: rgba(255, 70, 85, 0.1) !important;
+ color: var(--app-accent) !important;
+ }
+ .ant-menu-submenu-arrow::before,
+ .ant-menu-submenu-arrow::after {
+ background: var(--app-muted) !important;
+ }
+ .ant-card,
+ .ant-modal-content,
+ .ant-modal-header,
+ .ant-dropdown-menu,
+ .ant-popover-inner,
+ .ant-select-dropdown,
+ .ant-table {
+ background: var(--app-bg-elev) !important;
+ color: var(--app-text) !important;
+ border-color: var(--app-line) !important;
+ }
+ .ant-card-head,
+ .ant-table-thead > tr > th,
+ .ant-table-tbody > tr > td {
+ background: var(--app-bg-elev) !important;
+ color: var(--app-text) !important;
+ border-color: var(--app-line) !important;
+ }
+ .ant-table-tbody > tr:hover > td {
+ background: var(--app-bg-2) !important;
+ }
+ .ant-input,
+ .ant-input-affix-wrapper,
+ .ant-select-selector,
+ .ant-picker {
+ background: var(--app-bg-2) !important;
+ color: var(--app-text) !important;
+ border-color: var(--app-line) !important;
+ }
+ .ant-input::placeholder {
+ color: var(--app-muted) !important;
+ }
+ .ant-btn-default {
+ background: var(--app-bg-2) !important;
+ color: var(--app-text) !important;
+ border-color: var(--app-line) !important;
+ }
+ .ant-btn-default:hover {
+ border-color: var(--app-text) !important;
+ }
+ .ant-tabs-tab,
+ .ant-tabs-tab-btn {
+ color: var(--app-text-2) !important;
+ }
+ .ant-tabs-tab-active .ant-tabs-tab-btn {
+ color: var(--app-accent) !important;
+ }
+ .ant-tabs-ink-bar {
+ background: var(--app-accent) !important;
+ }
+ .ant-divider {
+ border-color: var(--app-line) !important;
+ }
+ .ant-tooltip-inner {
+ background: #050608 !important;
+ color: var(--app-text) !important;
+ }
+ #nav,
+ .nav-bar {
+ background: var(--app-bg-elev) !important;
+ color: var(--app-text) !important;
+ border-color: var(--app-line) !important;
+ }
+ hr,
+ .border-top,
+ .border-bottom {
+ border-color: var(--app-line) !important;
+ }
+}