@foresthubai/workflow-builder 0.3.0 → 0.4.0

package/src/panels/ModelConfigPanel.tsx

@@ -1,41 +1,41 @@
-import { useTranslation } from "react-i18next";
-import { ModelRegistry, type Model } from "@foresthubai/workflow-core/model";
-import { useDiagnosticsStore } from "../stores/diagnosticsStore";
-import { deleteModel, updateModel } from "../utils/modelOperations";
-import { ResourceConfigPanel } from "./ResourceConfigPanel";
-
-interface ModelConfigPanelProps {
-  model: Model;
-  onClose: () => void;
-}
-
-export const ModelConfigPanel = ({ model, onClose }: ModelConfigPanelProps) => {
-  const { t } = useTranslation();
-  const def = ModelRegistry.getByType(model.type);
-  const modelDiags = useDiagnosticsStore((s) => s.byModelId[model.id]);
-  const isEmptyLabel = model.label.trim() === "";
-
-  return (
-    <ResourceConfigPanel
-      resetKey={model.id}
-      label={model.label}
-      labelTitle={t("modelLabel", "Model label")}
-      onLabelChange={(label) => updateModel(model.id, { label })}
-      description={def?.description ?? t("modelCustomDescription", "Custom model mapped to a provider at deploy")}
-      belowLabel={
-        isEmptyLabel ? (
-          <p className="text-xs text-destructive mt-1">{t("modelLabelRequired", "Label is required")}</p>
-        ) : undefined
-      }
-      parameters={def?.parameters ?? []}
-      getValue={(p) => model.arguments[p.id]}
-      allArguments={{ ...model.arguments }}
-      onParamChange={(paramId, value) => updateModel(model.id, { arguments: { [paramId]: value } })}
-      diagnostics={modelDiags}
-      translationPrefix="models"
-      deleteLabel={t("deleteModel", "Delete model")}
-      onDelete={() => deleteModel(model.id)}
-      onClose={onClose}
-    />
-  );
-};
+import { useTranslation } from "react-i18next";
+import { ModelRegistry, type Model } from "@foresthubai/workflow-core/model";
+import { useDiagnosticsStore } from "../stores/diagnosticsStore";
+import { deleteModel, updateModel } from "../utils/modelOperations";
+import { ResourceConfigPanel } from "./ResourceConfigPanel";
+
+interface ModelConfigPanelProps {
+  model: Model;
+  onClose: () => void;
+}
+
+export const ModelConfigPanel = ({ model, onClose }: ModelConfigPanelProps) => {
+  const { t } = useTranslation();
+  const def = ModelRegistry.getByType(model.type);
+  const modelDiags = useDiagnosticsStore((s) => s.byModelId[model.id]);
+  const isEmptyLabel = model.label.trim() === "";
+
+  return (
+    <ResourceConfigPanel
+      resetKey={model.id}
+      label={model.label}
+      labelTitle={t("modelLabel", "Model label")}
+      onLabelChange={(label) => updateModel(model.id, { label })}
+      description={def?.description ?? t("modelCustomDescription", "Custom model mapped to a provider at deploy")}
+      belowLabel={
+        isEmptyLabel ? (
+          <p className="text-xs text-destructive mt-1">{t("modelLabelRequired", "Label is required")}</p>
+        ) : undefined
+      }
+      parameters={def?.parameters ?? []}
+      getValue={(p) => model.arguments[p.id]}
+      allArguments={{ ...model.arguments }}
+      onParamChange={(paramId, value) => updateModel(model.id, { arguments: { [paramId]: value } })}
+      diagnostics={modelDiags}
+      translationPrefix="models"
+      deleteLabel={t("deleteModel", "Delete model")}
+      onDelete={() => deleteModel(model.id)}
+      onClose={onClose}
+    />
+  );
+};

package/src/panels/ModelsPanel.tsx

@@ -1,36 +1,36 @@
-import { useTranslation } from "react-i18next";
-import { BrainCircuit, Plus } from "lucide-react";
-import { useDiagnosticsStore } from "../stores/diagnosticsStore";
-import { useEditorStore } from "../stores/editorStore";
-import { addModel } from "../utils/modelOperations";
-import { ResourceListPanel } from "./ResourceListPanel";
-
-/**
- * Lists DECLARED custom/self-hosted models. The static catalog (built-in models
- * the llmproxy supports) is not shown here — those are always available as
- * picker options on agent nodes and need no declaration. This tab only manages
- * the custom models that get mapped to llmproxy providers at deploy.
- */
-export const ModelsPanel = () => {
-  const { t } = useTranslation();
-  const models = useEditorStore((s) => s.models);
-  const selection = useEditorStore((s) => s.selection);
-  const selectModel = useEditorStore((s) => s.selectModel);
-  const byModelId = useDiagnosticsStore((s) => s.byModelId);
-
-  return (
-    <ResourceListPanel
-      items={Object.values(models)}
-      selectedId={selection.kind === "model" ? selection.id : null}
-      onSelect={selectModel}
-      diagnosticsSlot={byModelId}
-      badge={() => t("modelLLMBadge", "LLM")}
-      emptyIcon={BrainCircuit}
-      emptyText={t("noModels", "No custom models yet")}
-      emptyHint={t("noModelsHint", "Built-in models are always available. Declare custom or self-hosted models here.")}
-      addActions={[
-        { label: t("addCustomModel", "Add Custom Model"), icon: Plus, onAdd: () => selectModel(addModel("LLMModel").id) },
-      ]}
-    />
-  );
-};
+import { useTranslation } from "react-i18next";
+import { BrainCircuit, Plus } from "lucide-react";
+import { useDiagnosticsStore } from "../stores/diagnosticsStore";
+import { useEditorStore } from "../stores/editorStore";
+import { addModel } from "../utils/modelOperations";
+import { ResourceListPanel } from "./ResourceListPanel";
+
+/**
+ * Lists DECLARED custom/self-hosted models. The static catalog (built-in models
+ * the llmproxy supports) is not shown here — those are always available as
+ * picker options on agent nodes and need no declaration. This tab only manages
+ * the custom models that get mapped to llmproxy providers at deploy.
+ */
+export const ModelsPanel = () => {
+  const { t } = useTranslation();
+  const models = useEditorStore((s) => s.models);
+  const selection = useEditorStore((s) => s.selection);
+  const selectModel = useEditorStore((s) => s.selectModel);
+  const byModelId = useDiagnosticsStore((s) => s.byModelId);
+
+  return (
+    <ResourceListPanel
+      items={Object.values(models)}
+      selectedId={selection.kind === "model" ? selection.id : null}
+      onSelect={selectModel}
+      diagnosticsSlot={byModelId}
+      badge={() => t("modelLLMBadge", "LLM")}
+      emptyIcon={BrainCircuit}
+      emptyText={t("noModels", "No custom models yet")}
+      emptyHint={t("noModelsHint", "Built-in models are always available. Declare custom or self-hosted models here.")}
+      addActions={[
+        { label: t("addCustomModel", "Add Custom Model"), icon: Plus, onAdd: () => selectModel(addModel("LLMModel").id) },
+      ]}
+    />
+  );
+};