@elizaos/app-core 2.0.0-alpha.37

package/dist/components/FineTuningView.js

@@ -0,0 +1,433 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { client, } from "@elizaos/app-core/api";
+import { formatTime } from "@elizaos/app-core/components";
+import { useApp } from "@elizaos/app-core/state";
+import { confirmDesktopAction } from "@elizaos/app-core/utils";
+import { Button, Input } from "@elizaos/ui";
+import { useCallback, useEffect, useState } from "react";
+import { parsePositiveFloat, parsePositiveInteger, } from "../utils/number-parsing";
+const TRAINING_EVENT_KINDS = new Set([
+    "job_started",
+    "job_progress",
+    "job_log",
+    "job_completed",
+    "job_failed",
+    "job_cancelled",
+    "dataset_built",
+    "model_activated",
+    "model_imported",
+]);
+function formatDate(value) {
+    if (!value)
+        return "—";
+    const parsed = new Date(value);
+    if (Number.isNaN(parsed.getTime()))
+        return value;
+    return parsed.toLocaleString();
+}
+function formatProgress(value) {
+    const bounded = Math.max(0, Math.min(1, value));
+    return `${Math.round(bounded * 100)}%`;
+}
+function asTrainingEvent(envelope) {
+    if (envelope.type !== "training_event")
+        return null;
+    const payloadValue = envelope.payload;
+    if (!payloadValue || typeof payloadValue !== "object")
+        return null;
+    const payload = payloadValue;
+    if (typeof payload.kind !== "string")
+        return null;
+    if (!TRAINING_EVENT_KINDS.has(payload.kind)) {
+        return null;
+    }
+    if (typeof payload.ts !== "number")
+        return null;
+    if (typeof payload.message !== "string")
+        return null;
+    return {
+        kind: payload.kind,
+        ts: payload.ts,
+        message: payload.message,
+        jobId: typeof payload.jobId === "string" ? payload.jobId : undefined,
+        modelId: typeof payload.modelId === "string" ? payload.modelId : undefined,
+        datasetId: typeof payload.datasetId === "string" ? payload.datasetId : undefined,
+        progress: typeof payload.progress === "number" ? payload.progress : undefined,
+        phase: typeof payload.phase === "string" ? payload.phase : undefined,
+    };
+}
+function summarizeAvailability(reason) {
+    if (!reason)
+        return "Unavailable";
+    if (reason === "runtime_not_started")
+        return "Agent runtime is not started.";
+    if (reason === "trajectories_table_missing") {
+        return "No trajectories table found yet. Generate trajectories first.";
+    }
+    return reason;
+}
+export function FineTuningView() {
+    const { handleRestart, setActionNotice, t } = useApp();
+    const [pageLoading, setPageLoading] = useState(true);
+    const [errorMessage, setErrorMessage] = useState(null);
+    const [status, setStatus] = useState(null);
+    const [trajectoryList, setTrajectoryList] = useState({
+        available: false,
+        total: 0,
+        trajectories: [],
+    });
+    const [selectedTrajectory, setSelectedTrajectory] = useState(null);
+    const [trajectoryLoading, setTrajectoryLoading] = useState(false);
+    const [datasets, setDatasets] = useState([]);
+    const [jobs, setJobs] = useState([]);
+    const [models, setModels] = useState([]);
+    const [selectedDatasetId, setSelectedDatasetId] = useState("");
+    const [selectedJobId, setSelectedJobId] = useState("");
+    const [selectedModelId, setSelectedModelId] = useState("");
+    const [buildLimit, setBuildLimit] = useState("250");
+    const [buildMinCalls, setBuildMinCalls] = useState("1");
+    const [datasetBuilding, setDatasetBuilding] = useState(false);
+    const [startBackend, setStartBackend] = useState("cpu");
+    const [startModel, setStartModel] = useState("");
+    const [startIterations, setStartIterations] = useState("");
+    const [startBatchSize, setStartBatchSize] = useState("");
+    const [startLearningRate, setStartLearningRate] = useState("");
+    const [startingJob, setStartingJob] = useState(false);
+    const [cancellingJobId, setCancellingJobId] = useState("");
+    const [importModelName, setImportModelName] = useState("");
+    const [importBaseModel, setImportBaseModel] = useState("");
+    const [importOllamaUrl, setImportOllamaUrl] = useState("http://localhost:11434");
+    const [activateProviderModel, setActivateProviderModel] = useState("");
+    const [modelAction, setModelAction] = useState("");
+    const [smokeResult, setSmokeResult] = useState(null);
+    const [trainingEvents, setTrainingEvents] = useState([]);
+    const selectedJob = jobs.find((job) => job.id === selectedJobId) ?? null;
+    const selectedModel = models.find((model) => model.id === selectedModelId) ?? null;
+    const activeRunningJob = jobs.find((job) => job.status === "running" || job.status === "queued") ??
+        null;
+    const loadStatus = useCallback(async () => {
+        const nextStatus = await client.getTrainingStatus();
+        setStatus(nextStatus);
+    }, []);
+    const loadTrajectories = useCallback(async () => {
+        const listed = await client.listTrainingTrajectories({
+            limit: 100,
+            offset: 0,
+        });
+        setTrajectoryList(listed);
+    }, []);
+    const loadDatasets = useCallback(async () => {
+        const listed = await client.listTrainingDatasets();
+        setDatasets(listed.datasets);
+        setSelectedDatasetId((prev) => {
+            if (prev && listed.datasets.some((dataset) => dataset.id === prev)) {
+                return prev;
+            }
+            return listed.datasets[0]?.id ?? "";
+        });
+    }, []);
+    const loadJobs = useCallback(async () => {
+        const listed = await client.listTrainingJobs();
+        setJobs(listed.jobs);
+        setSelectedJobId((prev) => {
+            if (prev && listed.jobs.some((job) => job.id === prev))
+                return prev;
+            return listed.jobs[0]?.id ?? "";
+        });
+    }, []);
+    const loadModels = useCallback(async () => {
+        const listed = await client.listTrainingModels();
+        setModels(listed.models);
+        setSelectedModelId((prev) => {
+            if (prev && listed.models.some((model) => model.id === prev))
+                return prev;
+            return listed.models[0]?.id ?? "";
+        });
+    }, []);
+    const refreshAll = useCallback(async () => {
+        setPageLoading(true);
+        setErrorMessage(null);
+        try {
+            await Promise.all([
+                loadStatus(),
+                loadTrajectories(),
+                loadDatasets(),
+                loadJobs(),
+                loadModels(),
+            ]);
+        }
+        catch (err) {
+            setErrorMessage(err instanceof Error
+                ? err.message
+                : "Failed to refresh fine-tuning state.");
+        }
+        finally {
+            setPageLoading(false);
+        }
+    }, [loadDatasets, loadJobs, loadModels, loadStatus, loadTrajectories]);
+    const loadTrajectoryDetail = useCallback(async (trajectoryId) => {
+        setTrajectoryLoading(true);
+        try {
+            const result = await client.getTrainingTrajectory(trajectoryId);
+            setSelectedTrajectory(result.trajectory);
+        }
+        catch (err) {
+            const message = err instanceof Error
+                ? err.message
+                : "Failed to load trajectory detail.";
+            setActionNotice(message, "error", 4200);
+        }
+        finally {
+            setTrajectoryLoading(false);
+        }
+    }, [setActionNotice]);
+    const handleBuildDataset = useCallback(async () => {
+        setDatasetBuilding(true);
+        try {
+            const limit = parsePositiveInteger(buildLimit);
+            const minLlmCallsPerTrajectory = parsePositiveInteger(buildMinCalls);
+            const request = {};
+            if (typeof limit === "number")
+                request.limit = limit;
+            if (typeof minLlmCallsPerTrajectory === "number") {
+                request.minLlmCallsPerTrajectory = minLlmCallsPerTrajectory;
+            }
+            const result = await client.buildTrainingDataset(request);
+            setSelectedDatasetId(result.dataset.id);
+            await Promise.all([loadDatasets(), loadStatus()]);
+            setActionNotice(`Built dataset ${result.dataset.id} (${result.dataset.sampleCount} samples).`, "success", 3800);
+        }
+        catch (err) {
+            setActionNotice(err instanceof Error ? err.message : "Failed to build dataset.", "error", 4200);
+        }
+        finally {
+            setDatasetBuilding(false);
+        }
+    }, [buildLimit, buildMinCalls, loadDatasets, loadStatus, setActionNotice]);
+    const handleStartJob = useCallback(async () => {
+        setStartingJob(true);
+        try {
+            const options = {
+                datasetId: selectedDatasetId || undefined,
+                backend: startBackend,
+                model: startModel.trim() || undefined,
+                iterations: parsePositiveInteger(startIterations),
+                batchSize: parsePositiveInteger(startBatchSize),
+                learningRate: parsePositiveFloat(startLearningRate),
+            };
+            const result = await client.startTrainingJob(options);
+            setSelectedJobId(result.job.id);
+            await Promise.all([loadJobs(), loadStatus()]);
+            setActionNotice(`Started training job ${result.job.id}.`, "success", 3200);
+        }
+        catch (err) {
+            setActionNotice(err instanceof Error ? err.message : "Failed to start training job.", "error", 4200);
+        }
+        finally {
+            setStartingJob(false);
+        }
+    }, [
+        loadJobs,
+        loadStatus,
+        selectedDatasetId,
+        setActionNotice,
+        startBackend,
+        startBatchSize,
+        startIterations,
+        startLearningRate,
+        startModel,
+    ]);
+    const handleCancelJob = useCallback(async (jobId) => {
+        setCancellingJobId(jobId);
+        try {
+            await client.cancelTrainingJob(jobId);
+            await Promise.all([loadJobs(), loadStatus()]);
+            setActionNotice(`Cancelled job ${jobId}.`, "success", 2600);
+        }
+        catch (err) {
+            setActionNotice(err instanceof Error ? err.message : `Failed to cancel ${jobId}.`, "error", 4200);
+        }
+        finally {
+            setCancellingJobId("");
+        }
+    }, [loadJobs, loadStatus, setActionNotice]);
+    const handleImportSelectedModel = useCallback(async () => {
+        if (!selectedModel)
+            return;
+        const actionId = `import:${selectedModel.id}`;
+        setModelAction(actionId);
+        try {
+            const result = await client.importTrainingModelToOllama(selectedModel.id, {
+                modelName: importModelName.trim() || undefined,
+                baseModel: importBaseModel.trim() || undefined,
+                ollamaUrl: importOllamaUrl.trim() || undefined,
+            });
+            await loadModels();
+            setActivateProviderModel(result.model.ollamaModel ? `ollama/${result.model.ollamaModel}` : "");
+            setActionNotice(`Imported model ${result.model.id} to Ollama${result.model.ollamaModel ? ` as ${result.model.ollamaModel}` : ""}.`, "success", 4200);
+        }
+        catch (err) {
+            setActionNotice(err instanceof Error
+                ? err.message
+                : "Failed to import model to Ollama.", "error", 4200);
+        }
+        finally {
+            setModelAction("");
+        }
+    }, [
+        importBaseModel,
+        importModelName,
+        importOllamaUrl,
+        loadModels,
+        selectedModel,
+        setActionNotice,
+    ]);
+    const handleActivateSelectedModel = useCallback(async () => {
+        if (!selectedModel)
+            return;
+        const actionId = `activate:${selectedModel.id}`;
+        setModelAction(actionId);
+        try {
+            const result = await client.activateTrainingModel(selectedModel.id, activateProviderModel.trim() || undefined);
+            await loadModels();
+            setActionNotice(`Activated model ${result.modelId} as ${result.providerModel}.`, "success", 4200);
+            if (result.needsRestart) {
+                const shouldRestart = await confirmDesktopAction({
+                    title: "Restart Agent",
+                    message: "Model activation was saved. Restart the agent now to load the new model?",
+                    confirmLabel: "Restart",
+                    cancelLabel: "Later",
+                    type: "question",
+                });
+                if (shouldRestart) {
+                    await handleRestart();
+                }
+            }
+        }
+        catch (err) {
+            setActionNotice(err instanceof Error ? err.message : "Failed to activate model.", "error", 4200);
+        }
+        finally {
+            setModelAction("");
+        }
+    }, [
+        activateProviderModel,
+        handleRestart,
+        loadModels,
+        selectedModel,
+        setActionNotice,
+    ]);
+    const handleBenchmarkSelectedModel = useCallback(async () => {
+        if (!selectedModel)
+            return;
+        const actionId = `benchmark:${selectedModel.id}`;
+        setModelAction(actionId);
+        try {
+            const result = await client.benchmarkTrainingModel(selectedModel.id);
+            await loadModels();
+            setActionNotice(`Benchmark ${result.status} for ${selectedModel.id}.`, result.status === "passed" ? "success" : "error", 4200);
+        }
+        catch (err) {
+            setActionNotice(err instanceof Error ? err.message : "Failed to benchmark model.", "error", 4200);
+        }
+        finally {
+            setModelAction("");
+        }
+    }, [loadModels, selectedModel, setActionNotice]);
+    const handleSmokeTestSelectedModel = useCallback(async () => {
+        if (!selectedModel)
+            return;
+        const actionId = `smoke:${selectedModel.id}`;
+        setModelAction(actionId);
+        try {
+            const result = await client.sendChatRest("Model smoke test. Reply with exactly: MODEL_OK");
+            setSmokeResult(result.text);
+            setActionNotice("Smoke test completed.", "success", 3200);
+        }
+        catch (err) {
+            setSmokeResult(null);
+            setActionNotice(err instanceof Error ? err.message : "Failed to run smoke test.", "error", 4200);
+        }
+        finally {
+            setModelAction("");
+        }
+    }, [selectedModel, setActionNotice]);
+    useEffect(() => {
+        void refreshAll();
+    }, [refreshAll]);
+    useEffect(() => {
+        const timer = window.setInterval(() => {
+            void loadStatus();
+            void loadJobs();
+            void loadModels();
+        }, 5000);
+        return () => {
+            window.clearInterval(timer);
+        };
+    }, [loadJobs, loadModels, loadStatus]);
+    useEffect(() => {
+        const unbind = client.onWsEvent("training_event", (rawEnvelope) => {
+            const event = asTrainingEvent(rawEnvelope);
+            if (!event)
+                return;
+            setTrainingEvents((prev) => {
+                const merged = [event, ...prev];
+                return merged.slice(0, 240);
+            });
+            if (event.kind !== "job_log") {
+                void loadStatus();
+                void loadJobs();
+                void loadModels();
+                if (event.kind === "dataset_built") {
+                    void loadDatasets();
+                }
+            }
+        });
+        return () => {
+            unbind();
+        };
+    }, [loadDatasets, loadJobs, loadModels, loadStatus]);
+    if (pageLoading) {
+        return (_jsx("div", { className: "text-sm text-muted", children: t("finetuningview.LoadingFineTuning") }));
+    }
+    return (_jsxs("div", { className: "space-y-6 pb-8", children: [_jsxs("section", { className: "border border-border bg-card p-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: t("finetuningview.FineTuning") }), _jsx("p", { className: "text-xs text-muted mt-1", children: t("finetuningview.BuildDatasetsFrom") })] }), _jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1 h-7 text-xs shadow-sm hover:border-accent", onClick: () => {
+                                    void refreshAll();
+                                }, children: t("finetuningview.RefreshAll") })] }), errorMessage && (_jsx("div", { className: "mt-3 text-xs text-danger border border-danger p-2", children: errorMessage }))] }), _jsxs("section", { className: "border border-border bg-card p-4", children: [_jsx("h3", { className: "text-sm font-bold mb-3", children: t("finetuningview.Status") }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-6 gap-2 text-xs", children: [_jsxs("div", { children: [t("finetuningview.Runtime"), " ", status?.runtimeAvailable ? "ready" : "offline"] }), _jsxs("div", { children: [t("finetuningview.RunningJobs"), " ", status?.runningJobs ?? 0] }), _jsxs("div", { children: [t("finetuningview.QueuedJobs"), " ", status?.queuedJobs ?? 0] }), _jsxs("div", { children: [t("finetuningview.Datasets"), " ", status?.datasetCount ?? 0] }), _jsxs("div", { children: [t("finetuningview.Models"), " ", status?.modelCount ?? 0] }), _jsxs("div", { children: [t("finetuningview.FailedJobs"), " ", status?.failedJobs ?? 0] })] })] }), _jsxs("section", { className: "border border-border bg-card p-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 mb-3", children: [_jsx("h3", { className: "text-sm font-bold", children: t("finetuningview.Trajectories") }), _jsx(Button, { variant: "outline", size: "sm", className: "px-2 py-1 h-6 text-xs shadow-sm hover:border-accent", onClick: () => {
+                                    void loadTrajectories();
+                                }, children: t("appsview.Refresh") })] }), !trajectoryList.available ? (_jsx("div", { className: "text-xs text-muted", children: summarizeAvailability(trajectoryList.reason) })) : (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "text-xs text-muted", children: [trajectoryList.total, " ", t("finetuningview.trajectoryRowsAvai")] }), _jsxs("div", { className: "grid grid-cols-1 xl:grid-cols-2 gap-4", children: [_jsxs("div", { className: "border border-border", children: [_jsx("div", { className: "px-2 py-1 text-[11px] border-b border-border text-muted", children: t("finetuningview.LatestTrajectories") }), _jsx("div", { className: "max-h-72 overflow-auto", children: trajectoryList.trajectories.length === 0 ? (_jsx("div", { className: "p-3 text-xs text-muted", children: t("finetuningview.NoTrajectoriesFoun") })) : (trajectoryList.trajectories.map((trajectory) => (_jsxs(Button, { variant: "ghost", className: "w-full h-auto text-left justify-start flex-col items-start px-2 py-2 border-b border-border rounded-none hover:bg-bg-hover text-xs", onClick: () => {
+                                                        void loadTrajectoryDetail(trajectory.trajectoryId);
+                                                    }, children: [_jsx("div", { className: "font-mono", children: trajectory.trajectoryId }), _jsxs("div", { className: "text-muted mt-1", children: [t("finetuningview.Calls"), " ", trajectory.llmCallCount, " ", t("finetuningview.Reward"), " ", trajectory.totalReward ?? "n/a", " \u00B7", " ", formatDate(trajectory.createdAt)] })] }, trajectory.trajectoryId)))) })] }), _jsxs("div", { className: "border border-border p-2", children: [_jsx("div", { className: "text-[11px] text-muted mb-2", children: t("finetuningview.SelectedTrajectory") }), trajectoryLoading ? (_jsx("div", { className: "text-xs text-muted", children: t("finetuningview.LoadingTrajectoryD") })) : !selectedTrajectory ? (_jsx("div", { className: "text-xs text-muted", children: t("finetuningview.ChooseATrajectory") })) : (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "font-semibold", children: t("finetuningview.Trajectory") }), " ", _jsx("span", { className: "font-mono", children: selectedTrajectory.trajectoryId })] }), _jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "font-semibold", children: t("finetuningview.Agent") }), " ", _jsx("span", { className: "font-mono", children: selectedTrajectory.agentId })] }), _jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "font-semibold", children: t("finetuningview.Reward1") }), " ", selectedTrajectory.totalReward ?? "n/a"] }), _jsx("textarea", { readOnly: true, value: selectedTrajectory.stepsJson, className: "w-full min-h-56 px-2 py-1 border border-border bg-bg text-[11px] font-mono" })] }))] })] })] }))] }), _jsxs("section", { className: "border border-border bg-card p-4", children: [_jsx("h3", { className: "text-sm font-bold mb-3", children: t("finetuningview.Datasets1") }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-2 mb-3", children: [_jsx(Input, { className: "px-2 py-1 h-8 text-sm bg-bg border-border focus-visible:ring-accent", value: buildLimit, onChange: (event) => setBuildLimit(event.target.value), placeholder: t("finetuningview.LimitTrajectories") }), _jsx(Input, { className: "px-2 py-1 h-8 text-sm bg-bg border-border focus-visible:ring-accent", value: buildMinCalls, onChange: (event) => setBuildMinCalls(event.target.value), placeholder: t("finetuningview.MinLLMCallsPerTr") }), _jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1 h-8 text-xs shadow-sm hover:border-accent disabled:opacity-50", disabled: datasetBuilding, onClick: () => {
+                                    void handleBuildDataset();
+                                }, children: datasetBuilding ? "Building..." : "Build Dataset" }), _jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1 h-8 text-xs shadow-sm hover:border-accent", onClick: () => {
+                                    void loadDatasets();
+                                }, children: t("finetuningview.RefreshDatasets") })] }), _jsx("div", { className: "space-y-2 max-h-52 overflow-auto", children: datasets.length === 0 ? (_jsx("div", { className: "text-xs text-muted", children: t("finetuningview.NoDatasetsYet") })) : (datasets.map((dataset) => (_jsxs("label", { className: "flex items-center gap-2 text-xs border border-border px-2 py-2 cursor-pointer", children: [_jsx("input", { type: "radio", name: "dataset-select", checked: selectedDatasetId === dataset.id, onChange: () => setSelectedDatasetId(dataset.id) }), _jsx("span", { className: "font-mono", children: dataset.id }), _jsxs("span", { className: "text-muted", children: [dataset.sampleCount, " ", t("finetuningview.samples"), " ", dataset.trajectoryCount, " ", t("finetuningview.trajectories")] })] }, dataset.id)))) })] }), _jsxs("section", { className: "border border-border bg-card p-4", children: [_jsx("h3", { className: "text-sm font-bold mb-3", children: t("finetuningview.TrainingJobs") }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-2 mb-3", children: [_jsxs("select", { className: "px-2 py-1 border border-border bg-bg text-sm", value: selectedDatasetId, onChange: (event) => setSelectedDatasetId(event.target.value), children: [_jsx("option", { value: "", children: t("finetuningview.AutoBuildDatasetF") }), datasets.map((dataset) => (_jsx("option", { value: dataset.id, children: dataset.id }, dataset.id)))] }), _jsxs("select", { className: "px-2 py-1 border border-border bg-bg text-sm", value: startBackend, onChange: (event) => setStartBackend(event.target.value), children: [_jsx("option", { value: "cpu", children: t("finetuningview.cpu") }), _jsx("option", { value: "mlx", children: t("finetuningview.mlx") }), _jsx("option", { value: "cuda", children: t("finetuningview.cuda") })] }), _jsx(Input, { className: "px-2 py-1 h-8 text-sm bg-bg border-border focus-visible:ring-accent", value: startModel, onChange: (event) => setStartModel(event.target.value), placeholder: t("finetuningview.BaseModelOptional") }), _jsx(Input, { className: "px-2 py-1 h-8 text-sm bg-bg border-border focus-visible:ring-accent", value: startIterations, onChange: (event) => setStartIterations(event.target.value), placeholder: t("finetuningview.IterationsOptional") }), _jsx(Input, { className: "px-2 py-1 h-8 text-sm bg-bg border-border focus-visible:ring-accent", value: startBatchSize, onChange: (event) => setStartBatchSize(event.target.value), placeholder: t("finetuningview.BatchSizeOptional") }), _jsx(Input, { className: "px-2 py-1 h-8 text-sm bg-bg border-border focus-visible:ring-accent", value: startLearningRate, onChange: (event) => setStartLearningRate(event.target.value), placeholder: t("finetuningview.LearningRateOptio") })] }), _jsxs("div", { className: "flex gap-2 mb-3", children: [_jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1 h-8 text-xs shadow-sm hover:border-accent disabled:opacity-50", disabled: startingJob || Boolean(activeRunningJob), onClick: () => {
+                                    void handleStartJob();
+                                }, children: startingJob ? "Starting..." : "Start Training Job" }), _jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1 h-8 text-xs shadow-sm hover:border-accent", onClick: () => {
+                                    void loadJobs();
+                                    void loadStatus();
+                                }, children: t("finetuningview.RefreshJobs") }), activeRunningJob && (_jsxs("div", { className: "text-xs text-warn flex items-center", children: [t("finetuningview.ActiveJob"), " ", _jsx("span", { className: "font-mono ml-1", children: activeRunningJob.id })] }))] }), _jsxs("div", { className: "grid grid-cols-1 xl:grid-cols-2 gap-4", children: [_jsx("div", { className: "border border-border max-h-72 overflow-auto", children: jobs.length === 0 ? (_jsx("div", { className: "p-3 text-xs text-muted", children: t("finetuningview.NoJobsYet") })) : (jobs.map((job) => (_jsxs("div", { className: `px-2 py-2 border-b border-border text-xs ${selectedJobId === job.id ? "bg-bg-hover" : ""}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx(Button, { variant: "link", className: "font-mono text-left w-auto h-auto p-0 justify-start", onClick: () => setSelectedJobId(job.id), children: job.id }), (job.status === "running" || job.status === "queued") && (_jsx(Button, { variant: "outline", size: "sm", className: "px-2 py-0.5 h-6 text-[11px] border-border hover:border-danger hover:bg-danger/10 text-danger shadow-sm disabled:opacity-50", disabled: cancellingJobId === job.id, onClick: () => {
+                                                        void handleCancelJob(job.id);
+                                                    }, children: cancellingJobId === job.id
+                                                        ? "Cancelling..."
+                                                        : "Cancel" }))] }), _jsxs("div", { className: "text-muted mt-1", children: [job.status, " \u00B7 ", formatProgress(job.progress), " \u00B7 ", job.phase] }), _jsx("div", { className: "text-muted", children: formatDate(job.createdAt) })] }, job.id)))) }), _jsxs("div", { className: "border border-border p-2", children: [_jsx("div", { className: "text-[11px] text-muted mb-2", children: t("finetuningview.SelectedJobLogs") }), !selectedJob ? (_jsx("div", { className: "text-xs text-muted", children: t("finetuningview.SelectAJobToInsp") })) : (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "font-semibold", children: t("finetuningview.Status1") }), " ", selectedJob.status, " \u00B7 ", formatProgress(selectedJob.progress), " ", "\u00B7 ", selectedJob.phase] }), _jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "font-semibold", children: t("finetuningview.Dataset") }), " ", _jsx("span", { className: "font-mono", children: selectedJob.datasetId })] }), _jsx("textarea", { readOnly: true, value: selectedJob.logs.join("\n"), className: "w-full min-h-56 px-2 py-1 border border-border bg-bg text-[11px] font-mono" })] }))] })] })] }), _jsxs("section", { className: "border border-border bg-card p-4", children: [_jsx("h3", { className: "text-sm font-bold mb-3", children: t("finetuningview.TrainedModels") }), _jsxs("div", { className: "grid grid-cols-1 xl:grid-cols-2 gap-4", children: [_jsx("div", { className: "border border-border max-h-72 overflow-auto", children: models.length === 0 ? (_jsx("div", { className: "p-3 text-xs text-muted", children: t("finetuningview.NoTrainedModelsYe") })) : (models.map((model) => (_jsxs(Button, { variant: "ghost", className: `w-full h-auto text-left justify-start flex-col items-start px-2 py-2 border-b border-border rounded-none text-xs ${selectedModelId === model.id
+                                        ? "bg-bg-hover"
+                                        : "hover:bg-bg-hover"}`, onClick: () => setSelectedModelId(model.id), children: [_jsxs("div", { className: "font-mono", children: [model.id, " ", model.active ? "· active" : ""] }), _jsxs("div", { className: "text-muted mt-1", children: [t("finetuningview.backend"), " ", model.backend, model.ollamaModel ? ` · ollama: ${model.ollamaModel}` : ""] }), _jsxs("div", { className: "text-muted", children: [t("finetuningview.benchmark"), " ", model.benchmark.status, model.benchmark.lastRunAt
+                                                    ? ` · ${formatDate(model.benchmark.lastRunAt)}`
+                                                    : ""] })] }, model.id)))) }), _jsxs("div", { className: "border border-border p-2", children: [_jsx("div", { className: "text-[11px] text-muted mb-2", children: t("finetuningview.ModelActions") }), !selectedModel ? (_jsx("div", { className: "text-xs text-muted", children: t("finetuningview.SelectAModelToIm") })) : (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "font-semibold", children: t("finetuningview.Model") }), " ", _jsx("span", { className: "font-mono", children: selectedModel.id })] }), _jsxs("div", { className: "text-xs", children: [_jsx("span", { className: "font-semibold", children: t("finetuningview.AdapterPath") }), " ", _jsx("span", { className: "font-mono", children: selectedModel.adapterPath ?? "n/a" })] }), _jsx(Input, { className: "w-full px-2 py-1 h-8 text-sm bg-bg border-border focus-visible:ring-accent", value: importModelName, onChange: (event) => setImportModelName(event.target.value), placeholder: t("finetuningview.OllamaModelNameO") }), _jsx(Input, { className: "w-full px-2 py-1 h-8 text-sm bg-bg border-border focus-visible:ring-accent", value: importBaseModel, onChange: (event) => setImportBaseModel(event.target.value), placeholder: t("finetuningview.BaseModelForOllam") }), _jsx(Input, { className: "w-full px-2 py-1 h-8 text-sm bg-bg border-border focus-visible:ring-accent", value: importOllamaUrl, onChange: (event) => setImportOllamaUrl(event.target.value), placeholder: t("finetuningview.OllamaURL") }), _jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1 h-8 text-xs shadow-sm hover:border-accent disabled:opacity-50", disabled: modelAction === `import:${selectedModel.id}`, onClick: () => {
+                                                    void handleImportSelectedModel();
+                                                }, children: modelAction === `import:${selectedModel.id}`
+                                                    ? "Importing..."
+                                                    : "Import To Ollama" }), _jsx(Input, { className: "w-full px-2 py-1 h-8 text-sm bg-bg border-border focus-visible:ring-accent", value: activateProviderModel, onChange: (event) => setActivateProviderModel(event.target.value), placeholder: t("finetuningview.ProviderModelEG") }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1 h-8 text-xs shadow-sm hover:border-accent disabled:opacity-50", disabled: modelAction === `activate:${selectedModel.id}`, onClick: () => {
+                                                            void handleActivateSelectedModel();
+                                                        }, children: modelAction === `activate:${selectedModel.id}`
+                                                            ? "Activating..."
+                                                            : "Activate Model" }), _jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1 h-8 text-xs shadow-sm hover:border-accent disabled:opacity-50", disabled: modelAction === `benchmark:${selectedModel.id}`, onClick: () => {
+                                                            void handleBenchmarkSelectedModel();
+                                                        }, children: modelAction === `benchmark:${selectedModel.id}`
+                                                            ? "Benchmarking..."
+                                                            : "Benchmark" }), _jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1 h-8 text-xs shadow-sm hover:border-accent disabled:opacity-50", disabled: modelAction === `smoke:${selectedModel.id}`, onClick: () => {
+                                                            void handleSmokeTestSelectedModel();
+                                                        }, children: modelAction === `smoke:${selectedModel.id}`
+                                                            ? "Testing..."
+                                                            : "Run Smoke Prompt" })] }), smokeResult && (_jsx("textarea", { readOnly: true, value: smokeResult, className: "w-full min-h-24 px-2 py-1 border border-border bg-bg text-[11px] font-mono" }))] }))] })] })] }), _jsxs("section", { className: "border border-border bg-card p-4", children: [_jsx("h3", { className: "text-sm font-bold mb-3", children: t("finetuningview.LiveTrainingEvents") }), _jsx("div", { className: "max-h-56 overflow-auto border border-border", children: trainingEvents.length === 0 ? (_jsx("div", { className: "p-3 text-xs text-muted", children: t("finetuningview.NoLiveEventsYet") })) : (trainingEvents.map((event, index) => (_jsxs("div", { className: "px-2 py-1.5 border-b border-border text-xs", children: [_jsx("span", { className: "font-mono text-muted mr-2", children: formatTime(event.ts, { fallback: "—" }) }), _jsx("span", { className: "font-semibold", children: event.kind }), typeof event.progress === "number" && (_jsxs("span", { className: "text-muted", children: [" ", "\u00B7 ", formatProgress(event.progress)] })), event.phase && (_jsxs("span", { className: "text-muted", children: [" \u00B7 ", event.phase] })), _jsx("div", { className: "text-muted mt-0.5", children: event.message })] }, `${event.ts}-${event.kind}-${index}`)))) })] })] }));
+}

package/dist/components/GameView.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Game View — embeds a running app's game client in an iframe.
+ *
+ * Features:
+ * - Full-screen iframe for game client
+ * - PostMessage auth for HYPERSCAPE_AUTH / RS_2004SCAPE_AUTH
+ * - Split-screen mode with agent logs panel
+ * - Connection status indicator
+ */
+export declare function GameView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GameView.d.ts.map

package/dist/components/GameView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameView.d.ts","sourceRoot":"","sources":["../../src/components/GameView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAgCH,wBAAgB,QAAQ,4CA8fvB"}