0.7.28

kb_demo_app/frontend/ts/demo_pipeline2.ts

@@ -15,6 +15,8 @@ import type { DemoPipeline2PairCandlesRequest } from "./bindings/DemoPipeline2Pa
 import type { DemoPipeline2PairCandlesPayload } from "./bindings/DemoPipeline2PairCandlesPayload.ts";
 import type { DemoPipeline2LocalDiagnosticsPayload } from "./bindings/DemoPipeline2LocalDiagnosticsPayload.ts";
 import type { DemoPipeline2LocalValidationPayload } from "./bindings/DemoPipeline2LocalValidationPayload.ts";
+import { DemoPipeline2ProtocolCandidateSummaryRequest } from './bindings/DemoPipeline2ProtocolCandidateSummaryRequest.ts';
+import { DemoPipeline2ProtocolCandidateSummaryPayload } from './bindings/DemoPipeline2ProtocolCandidateSummaryPayload.ts';
 
 (window as Window & typeof globalThis & { bootstrap?: typeof bootstrap }).bootstrap = bootstrap;
 (window as Window & typeof globalThis & { ResizeObserver?: typeof ResizeObserver }).ResizeObserver = ResizeObserver;
@@ -354,6 +356,9 @@ document.addEventListener("DOMContentLoaded", async () => {
     const diagnoseLocalPipelineButton = document.querySelector<HTMLButtonElement>("#demoPipeline2DiagnoseLocalPipelineButton");
     const validateLocalPipelineButton = document.querySelector<HTMLButtonElement>("#demoPipeline2ValidateLocalPipelineButton");
 
+    const protocolCandidateLimitInput = document.querySelector<HTMLInputElement>("#demoPipeline2ProtocolCandidateLimitInput");
+    const refreshProtocolCandidatesButton = document.querySelector<HTMLButtonElement>("#demoPipeline2RefreshProtocolCandidatesButton");
+
     const pairSelect = document.querySelector<HTMLSelectElement>("#demoPipeline2PairSelect");
     const timeframeSelect = document.querySelector<HTMLSelectElement>("#demoPipeline2TimeframeSelect");
     const customTimeframeInput = document.querySelector<HTMLInputElement>("#demoPipeline2CustomTimeframeInput");
@@ -366,6 +371,8 @@ document.addEventListener("DOMContentLoaded", async () => {
     const localDiagnosticsTextarea = document.querySelector<HTMLTextAreaElement>("#demoPipeline2LocalDiagnosticsTextarea");
     const localValidationTextarea = document.querySelector<HTMLTextAreaElement>("#demoPipeline2LocalValidationTextarea");
 
+    const protocolCandidateSummariesTextarea = document.querySelector<HTMLTextAreaElement>("#demoPipeline2ProtocolCandidateSummariesTextarea");
+
     const clearLogButton = document.querySelector<HTMLButtonElement>("#demoPipeline2ClearLogButton");
     const logTextarea = document.querySelector<HTMLTextAreaElement>("#demoPipeline2LogTextarea");
 
@@ -388,6 +395,8 @@ document.addEventListener("DOMContentLoaded", async () => {
         !replayLocalPipelineButton ||
         !diagnoseLocalPipelineButton ||
         !validateLocalPipelineButton ||
+        !protocolCandidateLimitInput ||
+        !refreshProtocolCandidatesButton ||
         !pairSelect ||
         !timeframeSelect ||
         !customTimeframeInput ||
@@ -396,6 +405,7 @@ document.addEventListener("DOMContentLoaded", async () => {
         !backfillSummaryTextarea ||
         !localDiagnosticsTextarea ||
         !localValidationTextarea ||
+        !protocolCandidateSummariesTextarea ||
         !chartElement ||
         !chartMeta ||
         !clearLogButton ||
@@ -644,6 +654,45 @@ document.addEventListener("DOMContentLoaded", async () => {
         }
     });
 
+    refreshProtocolCandidatesButton.addEventListener("click", async () => {
+        const limit = readPositiveIntegerInput(
+            protocolCandidateLimitInput,
+            logTextarea,
+            "protocolCandidateSummaryLimit",
+        );
+        if (limit === undefined) {
+            return;
+        }
+
+        appendLogLine(
+            logTextarea,
+            `[ui] loading protocol candidate summaries with limit '${limit.toString()}'`,
+        );
+
+        const request: DemoPipeline2ProtocolCandidateSummaryRequest = {
+            limit,
+        };
+
+        try {
+            const payload = await invoke<DemoPipeline2ProtocolCandidateSummaryPayload>(
+                "demo_pipeline2_get_protocol_candidate_summaries",
+                { request },
+            );
+
+            protocolCandidateSummariesTextarea.value = payload.summariesJson;
+
+            appendLogLine(
+                logTextarea,
+                "[ui] protocol candidate summaries loaded",
+            );
+        } catch (error) {
+            appendLogLine(
+                logTextarea,
+                `[ui] protocol candidate summary error: ${String(error)}`,
+            );
+        }
+    });
+
     loadCandlesButton.addEventListener("click", async () => {
         const pairIdText = pairSelect.value.trim();
         if (pairIdText === "") {