@elizaos/plugin-training 2.0.3-beta.5 → 2.0.3-beta.7

package/dist/ui/fine-tuning-panels.js

@@ -0,0 +1,928 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAgentElement } from "@elizaos/ui/agent-surface";
+import { Button, Input } from "@elizaos/ui/components";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectValue
+} from "@elizaos/ui/components/ui/select";
+import { SettingsControls } from "@elizaos/ui/components/ui/settings-controls";
+import { formatTime } from "@elizaos/ui/utils";
+import { memo } from "react";
+import {
+  FINE_TUNING_ACTION_CLASS,
+  FINE_TUNING_PANEL_CLASS,
+  FINE_TUNING_SECTION_CLASS,
+  FINE_TUNING_SECTION_HEADER_CLASS,
+  formatDate,
+  formatProgress,
+  summarizeAvailability
+} from "./fine-tuning-panels.helpers";
+const FILTER_INPUT_CLASS = "h-10 rounded-sm border-border/50 bg-bg/80 text-sm text-txt ";
+function AgentActionButton({
+  agentId,
+  label,
+  group,
+  description,
+  variant = "outline",
+  size = "sm",
+  className,
+  disabled,
+  onClick,
+  children
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: "button",
+    label,
+    group,
+    description,
+    onActivate: onClick
+  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant,
+      size,
+      className,
+      disabled,
+      onClick,
+      "aria-label": label,
+      ...agentProps,
+      children
+    }
+  );
+}
+function AgentTextInput({
+  agentId,
+  label,
+  group,
+  description,
+  value,
+  onChange,
+  placeholder
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: "text-input",
+    label,
+    group,
+    description,
+    getValue: () => value,
+    onFill: onChange
+  });
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      ref,
+      className: FILTER_INPUT_CLASS,
+      value,
+      onChange: (event) => onChange(event.target.value),
+      placeholder,
+      "aria-label": label,
+      ...agentProps
+    }
+  );
+}
+function AgentSelect({
+  agentId,
+  label,
+  group,
+  description,
+  value,
+  onValueChange,
+  options,
+  placeholder,
+  children
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: "select",
+    label,
+    group,
+    description,
+    options,
+    getValue: () => value,
+    onFill: (next) => onValueChange(next)
+  });
+  return /* @__PURE__ */ jsxs(Select, { value, onValueChange, children: [
+    /* @__PURE__ */ jsx(
+      SettingsControls.SelectTrigger,
+      {
+        ref,
+        variant: "toolbar",
+        "aria-label": label,
+        ...agentProps,
+        children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+      }
+    ),
+    children
+  ] });
+}
+const TrajectoryListItem = memo(function TrajectoryListItem2({
+  trajectory,
+  onSelectTrajectory,
+  t
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `trajectory-item-${trajectory.trajectoryId}`,
+    role: "list-item",
+    label: `Trajectory ${trajectory.trajectoryId}`,
+    group: "trajectory-list",
+    description: "Inspect this trajectory",
+    onActivate: () => onSelectTrajectory(trajectory.trajectoryId)
+  });
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      ref,
+      variant: "ghost",
+      className: "w-full justify-start rounded-none px-3 py-3 text-left text-xs hover:bg-bg-hover",
+      onClick: () => onSelectTrajectory(trajectory.trajectoryId),
+      ...agentProps,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "font-mono", children: trajectory.trajectoryId }),
+        /* @__PURE__ */ jsxs("div", { className: "text-muted mt-1", children: [
+          t("finetuningview.Calls"),
+          " ",
+          trajectory.llmCallCount,
+          " ",
+          t("finetuningview.Reward"),
+          " ",
+          trajectory.totalReward ?? "n/a",
+          " \xB7",
+          " ",
+          formatDate(trajectory.createdAt)
+        ] })
+      ]
+    }
+  );
+});
+const DatasetRadioItem = memo(function DatasetRadioItem2({
+  dataset,
+  selectedDatasetId,
+  setSelectedDatasetId,
+  t
+}) {
+  const checked = selectedDatasetId === dataset.id;
+  const { ref, agentProps } = useAgentElement({
+    id: `dataset-select-${dataset.id}`,
+    role: "list-item",
+    label: `Select dataset ${dataset.id}`,
+    group: "dataset-list",
+    description: "Choose this dataset for training",
+    status: checked ? "active" : "inactive",
+    onActivate: () => setSelectedDatasetId(dataset.id)
+  });
+  return /* @__PURE__ */ jsxs("label", { className: "flex min-h-touch cursor-pointer items-center gap-3 rounded-xl border border-border/35 bg-bg/20 px-3 py-3 text-sm transition-colors hover:border-border/55 hover:bg-bg/35", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type: "radio",
+        name: "dataset-select",
+        checked,
+        onChange: () => setSelectedDatasetId(dataset.id),
+        "aria-current": checked ? "true" : void 0,
+        ...agentProps
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-mono text-sm text-txt", children: dataset.id }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-1 text-xs text-muted", children: [
+        dataset.sampleCount,
+        " ",
+        t("finetuningview.samples"),
+        " ",
+        dataset.trajectoryCount,
+        " ",
+        t("finetuningview.trajectories")
+      ] })
+    ] })
+  ] });
+});
+const JobListItem = memo(function JobListItem2({
+  job,
+  selectedJobId,
+  setSelectedJobId,
+  cancellingJobId,
+  onCancelJob,
+  t
+}) {
+  const { ref: selectRef, agentProps: selectProps } = useAgentElement({
+    id: `job-item-${job.id}`,
+    role: "list-item",
+    label: `Select job ${job.id}`,
+    group: "job-list",
+    description: "Inspect this training job's logs",
+    status: selectedJobId === job.id ? "active" : "inactive",
+    onActivate: () => setSelectedJobId(job.id)
+  });
+  const cancellable = job.status === "running" || job.status === "queued";
+  const { ref: cancelRef, agentProps: cancelProps } = useAgentElement({
+    id: `job-cancel-${job.id}`,
+    role: "button",
+    label: `Cancel job ${job.id}`,
+    group: "job-list",
+    description: "Cancel this training job",
+    onActivate: () => onCancelJob(job.id)
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `px-3 py-3 text-sm ${selectedJobId === job.id ? "bg-bg-hover" : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              ref: selectRef,
+              variant: "link",
+              className: "h-auto w-auto justify-start p-0 text-left font-mono text-sm",
+              onClick: () => setSelectedJobId(job.id),
+              ...selectProps,
+              children: job.id
+            }
+          ),
+          cancellable && /* @__PURE__ */ jsx(
+            Button,
+            {
+              ref: cancelRef,
+              variant: "outline",
+              size: "sm",
+              className: "h-8 rounded-xl border-danger/35 px-3 text-xs-tight text-danger shadow-sm hover:border-danger hover:bg-danger/10 disabled:opacity-50",
+              disabled: cancellingJobId === job.id,
+              onClick: () => onCancelJob(job.id),
+              ...cancelProps,
+              children: cancellingJobId === job.id ? t("finetuningview.Cancelling") : t("finetuningview.Cancel")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-1 text-xs text-muted", children: [
+          job.status,
+          " \xB7 ",
+          formatProgress(job.progress),
+          " \xB7 ",
+          job.phase
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: formatDate(job.createdAt) })
+      ]
+    }
+  );
+});
+const ModelListItem = memo(function ModelListItem2({
+  model,
+  selectedModelId,
+  setSelectedModelId,
+  t
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `model-item-${model.id}`,
+    role: "list-item",
+    label: `Select model ${model.id}`,
+    group: "model-list",
+    description: "Choose this trained model for actions",
+    status: selectedModelId === model.id ? "active" : "inactive",
+    onActivate: () => setSelectedModelId(model.id)
+  });
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      ref,
+      variant: "ghost",
+      className: `w-full justify-start rounded-none px-3 py-3 text-left text-sm ${selectedModelId === model.id ? "bg-bg-hover" : "hover:bg-bg-hover"}`,
+      onClick: () => setSelectedModelId(model.id),
+      ...agentProps,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "font-mono", children: [
+          model.id,
+          " ",
+          model.active ? t("finetuningview.ActiveIndicator") : ""
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-1 text-xs text-muted", children: [
+          t("finetuningview.backend"),
+          " ",
+          model.backend,
+          model.ollamaModel ? ` \xB7 ollama: ${model.ollamaModel}` : ""
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted", children: [
+          t("finetuningview.benchmark"),
+          " ",
+          model.benchmark.status,
+          model.benchmark.lastRunAt ? ` \xB7 ${formatDate(model.benchmark.lastRunAt)}` : ""
+        ] })
+      ]
+    }
+  );
+});
+function TrajectoriesSection({
+  trajectoryList,
+  selectedTrajectory,
+  trajectoryLoading,
+  publishingTrajectories,
+  publishConfigured,
+  onRefresh,
+  onSelectTrajectory,
+  onPublishTrajectories,
+  t
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: FINE_TUNING_SECTION_CLASS, children: [
+    /* @__PURE__ */ jsxs("div", { className: FINE_TUNING_SECTION_HEADER_CLASS, children: [
+      /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-txt", children: t("finetuningview.Trajectories") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          AgentActionButton,
+          {
+            agentId: "trajectories-publish",
+            label: "Publish trajectories to HuggingFace",
+            group: "trajectories",
+            description: "Publish collected trajectories to HuggingFace",
+            className: FINE_TUNING_ACTION_CLASS,
+            disabled: publishingTrajectories || !publishConfigured,
+            onClick: onPublishTrajectories,
+            children: publishingTrajectories ? t("finetuningview.Publishing") : t("finetuningview.PublishToHuggingFace")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AgentActionButton,
+          {
+            agentId: "trajectories-refresh",
+            label: "Refresh trajectories",
+            group: "trajectories",
+            description: "Reload the trajectory list",
+            className: FINE_TUNING_ACTION_CLASS,
+            onClick: onRefresh,
+            children: t("common.refresh")
+          }
+        )
+      ] })
+    ] }),
+    !trajectoryList.available ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${FINE_TUNING_PANEL_CLASS} px-4 py-4 text-sm text-muted`,
+        children: summarizeAvailability(trajectoryList.reason, t)
+      }
+    ) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted", children: [
+        trajectoryList.total,
+        " ",
+        t("finetuningview.trajectoryRowsAvai")
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: FINE_TUNING_PANEL_CLASS, children: /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto", children: trajectoryList.trajectories.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-3 text-xs text-muted", children: t("finetuningview.NoTrajectoriesFoun") }) : trajectoryList.trajectories.map((trajectory) => /* @__PURE__ */ jsx(
+          TrajectoryListItem,
+          {
+            trajectory,
+            onSelectTrajectory,
+            t
+          },
+          trajectory.trajectoryId
+        )) }) }),
+        /* @__PURE__ */ jsx("div", { className: `${FINE_TUNING_PANEL_CLASS} p-3`, children: trajectoryLoading ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: t("finetuningview.LoadingTrajectoryD") }) : !selectedTrajectory ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: t("finetuningview.ChooseATrajectory") }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold", children: t("finetuningview.Trajectory") }),
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-mono", children: selectedTrajectory.trajectoryId })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold", children: t("finetuningview.Agent") }),
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-mono", children: selectedTrajectory.agentId })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold", children: t("finetuningview.Reward1") }),
+            " ",
+            selectedTrajectory.totalReward ?? "n/a"
+          ] }),
+          /* @__PURE__ */ jsx(
+            SettingsControls.Textarea,
+            {
+              readOnly: true,
+              value: selectedTrajectory.stepsJson,
+              className: "max-h-72 min-h-40 overflow-auto font-mono text-xs"
+            }
+          )
+        ] }) })
+      ] })
+    ] })
+  ] });
+}
+const DatasetSection = memo(function DatasetSection2({
+  buildLimit,
+  setBuildLimit,
+  buildMinCalls,
+  setBuildMinCalls,
+  datasetBuilding,
+  datasets,
+  selectedDatasetId,
+  setSelectedDatasetId,
+  onBuildDataset,
+  onRefreshDatasets,
+  t
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: FINE_TUNING_SECTION_CLASS, children: [
+    /* @__PURE__ */ jsx("div", { className: FINE_TUNING_SECTION_HEADER_CLASS, children: /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-txt", children: t("finetuningview.Datasets1") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-3 grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-4", children: [
+      /* @__PURE__ */ jsx(
+        AgentTextInput,
+        {
+          agentId: "dataset-limit",
+          label: "Limit trajectories",
+          group: "dataset-build",
+          description: "Maximum trajectories to include in the dataset",
+          value: buildLimit,
+          onChange: setBuildLimit,
+          placeholder: t("finetuningview.LimitTrajectories")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentTextInput,
+        {
+          agentId: "dataset-min-calls",
+          label: "Min LLM calls per trajectory",
+          group: "dataset-build",
+          description: "Minimum LLM calls required per trajectory",
+          value: buildMinCalls,
+          onChange: setBuildMinCalls,
+          placeholder: t("finetuningview.MinLLMCallsPerTr")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentActionButton,
+        {
+          agentId: "dataset-build",
+          label: "Build dataset",
+          group: "dataset-build",
+          description: "Build a training dataset from trajectories",
+          className: FINE_TUNING_ACTION_CLASS,
+          disabled: datasetBuilding,
+          onClick: onBuildDataset,
+          children: datasetBuilding ? t("finetuningview.Building") : t("finetuningview.BuildDataset")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentActionButton,
+        {
+          agentId: "dataset-refresh",
+          label: "Refresh datasets",
+          group: "dataset-build",
+          description: "Reload the dataset list",
+          className: FINE_TUNING_ACTION_CLASS,
+          onClick: onRefreshDatasets,
+          children: t("finetuningview.RefreshDatasets")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: `${FINE_TUNING_PANEL_CLASS} max-h-56 overflow-auto p-3`, children: datasets.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted", children: t("finetuningview.NoDatasetsYet") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: datasets.map((dataset) => /* @__PURE__ */ jsx(
+      DatasetRadioItem,
+      {
+        dataset,
+        selectedDatasetId,
+        setSelectedDatasetId,
+        t
+      },
+      dataset.id
+    )) }) })
+  ] });
+});
+const TrainingJobsSection = memo(function TrainingJobsSection2({
+  selectedDatasetId,
+  setSelectedDatasetId,
+  datasets,
+  startBackend,
+  setStartBackend,
+  startModel,
+  setStartModel,
+  startIterations,
+  setStartIterations,
+  startBatchSize,
+  setStartBatchSize,
+  startLearningRate,
+  setStartLearningRate,
+  startingJob,
+  activeRunningJob,
+  jobs,
+  selectedJobId,
+  setSelectedJobId,
+  cancellingJobId,
+  selectedJob,
+  onStartJob,
+  onRefreshJobs,
+  onCancelJob,
+  t
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: FINE_TUNING_SECTION_CLASS, children: [
+    /* @__PURE__ */ jsx("div", { className: FINE_TUNING_SECTION_HEADER_CLASS, children: /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-txt", children: t("finetuningview.TrainingJobs") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-3 grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-3", children: [
+      /* @__PURE__ */ jsx(
+        AgentSelect,
+        {
+          agentId: "job-dataset",
+          label: "Training dataset",
+          group: "job-config",
+          description: "Dataset to train the job on",
+          value: selectedDatasetId,
+          onValueChange: setSelectedDatasetId,
+          options: [
+            "__auto__",
+            ...datasets.filter((dataset) => dataset.id).map((d) => d.id)
+          ],
+          placeholder: t("finetuningview.AutoBuildDatasetF"),
+          children: /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "__auto__", children: t("finetuningview.AutoBuildDatasetF") }),
+            datasets.filter((dataset) => dataset.id).map((dataset) => /* @__PURE__ */ jsx(SelectItem, { value: dataset.id, children: dataset.id }, dataset.id))
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentSelect,
+        {
+          agentId: "job-backend",
+          label: "Training backend",
+          group: "job-config",
+          description: "Compute backend for the training job",
+          value: startBackend,
+          onValueChange: (value) => setStartBackend(value),
+          options: ["cpu", "mlx", "cuda"],
+          children: /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "cpu", children: t("finetuningview.cpu") }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "mlx", children: t("finetuningview.mlx") }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "cuda", children: t("finetuningview.cuda") })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentTextInput,
+        {
+          agentId: "job-base-model",
+          label: "Base model",
+          group: "job-config",
+          description: "Optional base model id for the training job",
+          value: startModel,
+          onChange: setStartModel,
+          placeholder: t("finetuningview.BaseModelOptional")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentTextInput,
+        {
+          agentId: "job-iterations",
+          label: "Iterations",
+          group: "job-config",
+          description: "Optional number of training iterations",
+          value: startIterations,
+          onChange: setStartIterations,
+          placeholder: t("finetuningview.IterationsOptional")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentTextInput,
+        {
+          agentId: "job-batch-size",
+          label: "Batch size",
+          group: "job-config",
+          description: "Optional training batch size",
+          value: startBatchSize,
+          onChange: setStartBatchSize,
+          placeholder: t("finetuningview.BatchSizeOptional")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentTextInput,
+        {
+          agentId: "job-learning-rate",
+          label: "Learning rate",
+          group: "job-config",
+          description: "Optional training learning rate",
+          value: startLearningRate,
+          onChange: setStartLearningRate,
+          placeholder: t("finetuningview.LearningRateOptio")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        AgentActionButton,
+        {
+          agentId: "job-start",
+          label: "Start training job",
+          group: "job-config",
+          description: "Start a new training job",
+          className: FINE_TUNING_ACTION_CLASS,
+          disabled: startingJob || Boolean(activeRunningJob),
+          onClick: onStartJob,
+          children: startingJob ? t("finetuningview.Starting") : t("finetuningview.StartTrainingJob")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentActionButton,
+        {
+          agentId: "job-refresh",
+          label: "Refresh jobs",
+          group: "job-config",
+          description: "Reload the training jobs list",
+          className: FINE_TUNING_ACTION_CLASS,
+          onClick: onRefreshJobs,
+          children: t("finetuningview.RefreshJobs")
+        }
+      ),
+      activeRunningJob && /* @__PURE__ */ jsxs("div", { className: "rounded-full border border-warn/30 bg-warn/10 px-3 py-2 text-xs text-warn", children: [
+        t("finetuningview.ActiveJob"),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "ml-1 font-mono", children: activeRunningJob.id })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: `${FINE_TUNING_PANEL_CLASS} max-h-64 overflow-auto`, children: jobs.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-sm text-muted", children: t("finetuningview.NoJobsYet") }) : jobs.map((job) => /* @__PURE__ */ jsx(
+        JobListItem,
+        {
+          job,
+          selectedJobId,
+          setSelectedJobId,
+          cancellingJobId,
+          onCancelJob,
+          t
+        },
+        job.id
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: `${FINE_TUNING_PANEL_CLASS} p-3`, children: /* @__PURE__ */ jsx(SelectedJobPanel, { selectedJob, t }) })
+    ] })
+  ] });
+});
+const TrainedModelsSection = memo(function TrainedModelsSection2({
+  activateProviderModel,
+  importBaseModel,
+  importModelName,
+  importOllamaUrl,
+  modelAction,
+  models,
+  onActivate,
+  onBenchmark,
+  onImport,
+  onSmokeTest,
+  selectedModel,
+  selectedModelId,
+  setActivateProviderModel,
+  setImportBaseModel,
+  setImportModelName,
+  setImportOllamaUrl,
+  setSelectedModelId,
+  smokeResult,
+  t
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: FINE_TUNING_SECTION_CLASS, children: [
+    /* @__PURE__ */ jsx("div", { className: FINE_TUNING_SECTION_HEADER_CLASS, children: /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-txt", children: t("finetuningview.TrainedModels") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: `${FINE_TUNING_PANEL_CLASS} max-h-64 overflow-auto`, children: models.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-sm text-muted", children: t("finetuningview.NoTrainedModelsYe") }) : models.map((model) => /* @__PURE__ */ jsx(
+        ModelListItem,
+        {
+          model,
+          selectedModelId,
+          setSelectedModelId,
+          t
+        },
+        model.id
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: `${FINE_TUNING_PANEL_CLASS} p-3`, children: /* @__PURE__ */ jsx(
+        SelectedModelPanel,
+        {
+          selectedModel,
+          importModelName,
+          setImportModelName,
+          importBaseModel,
+          setImportBaseModel,
+          importOllamaUrl,
+          setImportOllamaUrl,
+          activateProviderModel,
+          setActivateProviderModel,
+          modelAction,
+          smokeResult,
+          onImport,
+          onActivate,
+          onBenchmark,
+          onSmokeTest,
+          t
+        }
+      ) })
+    ] })
+  ] });
+});
+const LiveEventsPanel = memo(function LiveEventsPanel2({
+  events,
+  t
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: FINE_TUNING_SECTION_CLASS, children: [
+    /* @__PURE__ */ jsx("div", { className: FINE_TUNING_SECTION_HEADER_CLASS, children: /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-txt", children: t("finetuningview.LiveTrainingEvents") }) }),
+    /* @__PURE__ */ jsx("div", { className: `${FINE_TUNING_PANEL_CLASS} max-h-48 overflow-auto`, children: events.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-sm text-muted", children: t("finetuningview.NoLiveEventsYet") }) : events.slice(0, 80).map((event, index) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "px-3 py-2 text-sm",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "mr-2 font-mono text-xs text-muted", children: formatTime(event.ts, { fallback: "\u2014" }) }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold", children: event.kind }),
+          typeof event.progress === "number" && /* @__PURE__ */ jsxs("span", { className: "text-muted", children: [
+            " ",
+            "\xB7 ",
+            formatProgress(event.progress)
+          ] }),
+          event.phase && /* @__PURE__ */ jsxs("span", { className: "text-muted", children: [
+            " \xB7 ",
+            event.phase
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-xs text-muted", children: event.message })
+        ]
+      },
+      `${event.ts}-${event.kind}-${index}`
+    )) })
+  ] });
+});
+function SelectedJobPanel({
+  selectedJob,
+  t
+}) {
+  if (!selectedJob) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted", children: t("finetuningview.SelectAJobToInsp") });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold", children: t("finetuningview.Status1") }),
+      " ",
+      selectedJob.status,
+      " \xB7 ",
+      formatProgress(selectedJob.progress),
+      " \xB7",
+      " ",
+      selectedJob.phase
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold", children: t("finetuningview.Dataset") }),
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-mono", children: selectedJob.datasetId })
+    ] }),
+    /* @__PURE__ */ jsx(
+      SettingsControls.Textarea,
+      {
+        readOnly: true,
+        value: selectedJob.logs.join("\n"),
+        className: "max-h-72 min-h-40 overflow-auto font-mono text-xs"
+      }
+    )
+  ] });
+}
+function SelectedModelPanel({
+  selectedModel,
+  importModelName,
+  setImportModelName,
+  importBaseModel,
+  setImportBaseModel,
+  importOllamaUrl,
+  setImportOllamaUrl,
+  activateProviderModel,
+  setActivateProviderModel,
+  modelAction,
+  smokeResult,
+  onImport,
+  onActivate,
+  onBenchmark,
+  onSmokeTest,
+  t
+}) {
+  if (!selectedModel) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted", children: t("finetuningview.SelectAModelToIm") });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold", children: t("finetuningview.Model") }),
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-mono", children: selectedModel.id })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold", children: t("finetuningview.AdapterPath") }),
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-mono", children: selectedModel.adapterPath ?? "n/a" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AgentTextInput,
+      {
+        agentId: "model-import-name",
+        label: "Ollama model name",
+        group: "model-actions",
+        description: "Name for the imported Ollama model",
+        value: importModelName,
+        onChange: setImportModelName,
+        placeholder: t("finetuningview.OllamaModelNameO")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AgentTextInput,
+      {
+        agentId: "model-import-base",
+        label: "Base model for Ollama",
+        group: "model-actions",
+        description: "Base model used for the Ollama import",
+        value: importBaseModel,
+        onChange: setImportBaseModel,
+        placeholder: t("finetuningview.BaseModelForOllam")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AgentTextInput,
+      {
+        agentId: "model-import-url",
+        label: "Ollama URL",
+        group: "model-actions",
+        description: "Ollama server URL for the import",
+        value: importOllamaUrl,
+        onChange: setImportOllamaUrl,
+        placeholder: t("finetuningview.OllamaURL")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AgentActionButton,
+      {
+        agentId: "model-import",
+        label: "Import to Ollama",
+        group: "model-actions",
+        description: "Import the selected model into Ollama",
+        className: FINE_TUNING_ACTION_CLASS,
+        disabled: modelAction === `import:${selectedModel.id}`,
+        onClick: onImport,
+        children: modelAction === `import:${selectedModel.id}` ? t("finetuningview.Importing") : t("finetuningview.ImportToOllama")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AgentTextInput,
+      {
+        agentId: "model-provider-model",
+        label: "Provider model",
+        group: "model-actions",
+        description: "Provider model id to activate",
+        value: activateProviderModel,
+        onChange: setActivateProviderModel,
+        placeholder: t("finetuningview.ProviderModelEG")
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsx(
+        AgentActionButton,
+        {
+          agentId: "model-activate",
+          label: "Activate model",
+          group: "model-actions",
+          description: "Activate the selected model",
+          className: FINE_TUNING_ACTION_CLASS,
+          disabled: modelAction === `activate:${selectedModel.id}`,
+          onClick: onActivate,
+          children: modelAction === `activate:${selectedModel.id}` ? t("finetuningview.Activating") : t("finetuningview.ActivateModel")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentActionButton,
+        {
+          agentId: "model-benchmark",
+          label: "Benchmark model",
+          group: "model-actions",
+          description: "Run a benchmark against the selected model",
+          className: FINE_TUNING_ACTION_CLASS,
+          disabled: modelAction === `benchmark:${selectedModel.id}`,
+          onClick: onBenchmark,
+          children: modelAction === `benchmark:${selectedModel.id}` ? t("finetuningview.Benchmarking") : t("finetuningview.BenchmarkAction")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AgentActionButton,
+        {
+          agentId: "model-smoke-test",
+          label: "Run smoke prompt",
+          group: "model-actions",
+          description: "Run a smoke-test prompt against the selected model",
+          className: FINE_TUNING_ACTION_CLASS,
+          disabled: modelAction === `smoke:${selectedModel.id}`,
+          onClick: onSmokeTest,
+          children: modelAction === `smoke:${selectedModel.id}` ? t("finetuningview.Testing") : t("finetuningview.RunSmokePrompt")
+        }
+      )
+    ] }),
+    smokeResult && /* @__PURE__ */ jsx(
+      SettingsControls.Textarea,
+      {
+        readOnly: true,
+        value: smokeResult,
+        className: "max-h-48 min-h-24 overflow-auto"
+      }
+    )
+  ] });
+}
+export {
+  DatasetSection,
+  LiveEventsPanel,
+  SelectedJobPanel,
+  SelectedModelPanel,
+  TrainedModelsSection,
+  TrainingJobsSection,
+  TrajectoriesSection
+};
+//# sourceMappingURL=fine-tuning-panels.js.map