@ai-matrx/chat 0.3.11 → 0.3.19

package/dist/agents/components/widgets/AgentWidgetsPage.js

@@ -1,571 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { logFailure } from "../../../ui/expectedRefusal.js";
-import { useEffect, useRef, useState } from "react";
-import { Link } from "../../../host/navigation.js";
-import { DynamicIcon } from "@ai-matrx/icons";
-import { Loader2, TestTube, ChevronDown, Rocket } from "lucide-react";
-import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
-import { fetchAgentExecutionMinimal } from "../../redux/agent-definition/thunks.js";
-import {
-  selectAgentExecutionPayload,
-  selectAgentVariableDefinitions,
-  selectAgentError
-} from "../../redux/agent-definition/selectors.js";
-import { useAgentLauncher } from "../../hooks/useAgentLauncher.js";
-import { AgentSelectorIsland } from "../shared/AgentSelectorIsland.js";
-import { AgentModeController } from "../shared/AgentModeController.js";
-import { AgentSaveStatus } from "../shared/AgentSaveStatus.js";
-import { AgentOptionsMenu } from "../shared/AgentOptionsMenu.js";
-import { ChevronLeftTapButton } from "@ai-matrx/tap-target/buttons";
-import {
-  getAllDisplayTypes,
-  getDisplayMeta
-} from "../../utils/run-ui-utils.js";
-import {
-  TesterSettingsPanel
-} from "../run-controls/TesterSettingsPanel.js";
-import { WidgetVariableInputs } from "./WidgetVariableInputs.js";
-import { ReadFailure } from "../../../host/ui-slots.js";
-import {
-  buildWidgetLaunchDraft,
-  sealWidgetLaunchOptions
-} from "./build-widget-launch.js";
-import { CopyButtons } from "../../../host/ui-slots.js";
-import { csvExportItem, jsonExportItem } from "../../../agent-copy/export.js";
-import {
-  agentWidgetTesterKpis,
-  agentWidgetTesterSummary,
-  buildAgentWidgetVariableRows
-} from "../../format.js";
-import { Label } from "@ai-matrx/design-system";
-import { Button } from "@ai-matrx/design-system/controls";
-import { Badge } from "@ai-matrx/design-system";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "@ai-matrx/design-system";
-import { ProTextarea } from "../../../host/ui-slots.js";
-import { afterCurrentLayerCloses } from "../../../ui/after-current-layer-closes.js";
-const SURFACE_KEY_PREFIX = "agent-widgets-page";
-const DEFAULT_EDITOR_SELECTION = "The capital of France is Paris.";
-const DEFAULT_EDITOR_BEFORE = "Many people confuse capital cities.";
-const DEFAULT_EDITOR_AFTER = "It is known for the Eiffel Tower.";
-const DEFAULT_EDITOR_CONTENT = "Many people confuse capital cities. The capital of France is Paris. It is known for the Eiffel Tower. Some also mix it up with other European landmarks.";
-const DEFAULT_EDITOR_CONTEXT = "This is part of a geography quiz about European capitals and common misconceptions.";
-function AgentWidgetsPage({
-  agentId,
-  currentPath,
-  initialAgentName,
-  basePath = "/agents"
-}) {
-  const dispatch = useAppDispatch();
-  const { launchAgent } = useAgentLauncher();
-  const launchCounterRef = useRef(0);
-  const executionPayload = useAppSelector(
-    (state) => selectAgentExecutionPayload(state, agentId)
-  );
-  const variableDefinitions = useAppSelector(
-    (state) => selectAgentVariableDefinitions(state, agentId)
-  );
-  const agentReadError = useAppSelector(
-    (state) => selectAgentError(state, agentId)
-  );
-  useEffect(() => {
-    if (!executionPayload.isReady) {
-      dispatch(fetchAgentExecutionMinimal(agentId)).catch(
-        (err) => logFailure("[AgentWidgetsPage] Failed to load agent execution payload:", err)
-      );
-    }
-  }, [agentId, executionPayload.isReady, dispatch]);
-  const [variableValues, setVariableValues] = useState(
-    {}
-  );
-  const [userInput, setUserInput] = useState("");
-  const [autoRun, setAutoRun] = useState(true);
-  const [showVariablePanel, setShowVariablePanel] = useState(true);
-  const [variablesPanelStyle, setVariablesPanelStyle] = useState("inline");
-  const [showPreExecutionGate, setShowPreExecutionGate] = useState(false);
-  const [preExecutionMessage, setPreExecutionMessage] = useState("");
-  const [showDefinitionMessages, setShowDefinitionMessages] = useState(true);
-  const [showDefinitionMessageContent, setShowDefinitionMessageContent] = useState(false);
-  const [allowChat, setAllowChat] = useState(true);
-  const [hideReasoning, setHideReasoning] = useState(false);
-  const [hideToolResults, setHideToolResults] = useState(false);
-  const [includeEditorContext, setIncludeEditorContext] = useState(false);
-  const [editorSelection, setEditorSelection] = useState(
-    DEFAULT_EDITOR_SELECTION
-  );
-  const [editorTextBefore, setEditorTextBefore] = useState(
-    DEFAULT_EDITOR_BEFORE
-  );
-  const [editorTextAfter, setEditorTextAfter] = useState(DEFAULT_EDITOR_AFTER);
-  const [editorContent, setEditorContent] = useState(DEFAULT_EDITOR_CONTENT);
-  const [editorContext, setEditorContext] = useState(DEFAULT_EDITOR_CONTEXT);
-  const [apiEndpointMode, setApiEndpointMode] = useState("agent");
-  const [showAutoClearToggle, setShowAutoClearToggle] = useState(false);
-  const [autoClearConversation, setAutoClearConversation] = useState(false);
-  const [jsonExtractionEnabled, setJsonExtractionEnabled] = useState(false);
-  const [jsonExtractionFuzzy, setJsonExtractionFuzzy] = useState(false);
-  const [jsonExtractionMaxResults, setJsonExtractionMaxResults] = useState("");
-  const [overridesJson, setOverridesJson] = useState("");
-  const [applicationScopeJson, setApplicationScopeJson] = useState("");
-  const [jsonError, setJsonError] = useState(null);
-  const controller = {
-    autoRun,
-    setAutoRun,
-    showVariablePanel,
-    setShowVariablePanel,
-    variablesPanelStyle,
-    setVariablesPanelStyle,
-    showPreExecutionGate,
-    setShowPreExecutionGate,
-    preExecutionMessage,
-    setPreExecutionMessage,
-    showDefinitionMessages,
-    setShowDefinitionMessages,
-    showDefinitionMessageContent,
-    setShowDefinitionMessageContent,
-    allowChat,
-    setAllowChat,
-    hideReasoning,
-    setHideReasoning,
-    hideToolResults,
-    setHideToolResults,
-    includeEditorContext,
-    setIncludeEditorContext,
-    editorSelection,
-    setEditorSelection,
-    editorTextBefore,
-    setEditorTextBefore,
-    editorTextAfter,
-    setEditorTextAfter,
-    editorContent,
-    setEditorContent,
-    editorContext,
-    setEditorContext,
-    apiEndpointMode,
-    setApiEndpointMode,
-    showAutoClearToggle,
-    setShowAutoClearToggle,
-    autoClearConversation,
-    setAutoClearConversation,
-    jsonExtractionEnabled,
-    setJsonExtractionEnabled,
-    jsonExtractionFuzzy,
-    setJsonExtractionFuzzy,
-    jsonExtractionMaxResults,
-    setJsonExtractionMaxResults,
-    overridesJson,
-    setOverridesJson,
-    applicationScopeJson,
-    setApplicationScopeJson,
-    jsonError
-  };
-  const displayTypes = getAllDisplayTypes().filter((m) => m !== "direct" && m !== "background").map((displayMode) => {
-    const meta = getDisplayMeta(displayMode);
-    const IconComponent = (props) => /* @__PURE__ */ jsx(DynamicIcon, { name: meta.icon, ...props });
-    return {
-      name: meta.label,
-      icon: IconComponent,
-      color: meta.color,
-      displayMode,
-      note: meta.description,
-      testMode: meta.testMode
-    };
-  });
-  const launchState = {
-    variableValues,
-    userInput,
-    autoRun,
-    showVariablePanel,
-    variablesPanelStyle,
-    showPreExecutionGate,
-    preExecutionMessage,
-    showDefinitionMessages,
-    showDefinitionMessageContent,
-    allowChat,
-    hideReasoning,
-    hideToolResults,
-    includeEditorContext,
-    editorSelection,
-    editorTextBefore,
-    editorTextAfter,
-    editorContent,
-    editorContext,
-    apiEndpointMode,
-    showAutoClearToggle,
-    autoClearConversation,
-    jsonExtractionEnabled,
-    jsonExtractionFuzzy,
-    jsonExtractionMaxResults,
-    overridesJson,
-    applicationScopeJson
-  };
-  const openWithDisplayType = async (displayMode) => {
-    await afterCurrentLayerCloses();
-    launchCounterRef.current += 1;
-    const uniqueSurfaceKey = `${SURFACE_KEY_PREFIX}:${agentId}:${displayMode}:${launchCounterRef.current}:${Date.now()}`;
-    setJsonError(null);
-    const build = buildWidgetLaunchDraft(launchState);
-    if (!build.ok) {
-      setJsonError(build.error);
-      return;
-    }
-    try {
-      await launchAgent(
-        agentId,
-        sealWidgetLaunchOptions(build.draft, {
-          surfaceKey: uniqueSurfaceKey,
-          displayMode
-        })
-      );
-    } catch (error) {
-      console.error("Widget launch failed:", error);
-      setJsonError(
-        `Launch failed: ${error instanceof Error ? error.message : "unknown"}`
-      );
-    }
-  };
-  useEffect(() => {
-    setVariableValues({});
-  }, [agentId]);
-  const isLoading = !executionPayload.isReady;
-  const location = `AI Matrx \u2014 Agent widget tester (${basePath}/${agentId}/widgets)`;
-  const definitions = variableDefinitions ?? [];
-  const variableRows = () => buildAgentWidgetVariableRows(definitions, variableValues);
-  const kpis = () => agentWidgetTesterKpis({
-    definitions,
-    values: variableValues,
-    userInput,
-    includeEditorContext,
-    jsonError
-  });
-  const displayModeNames = displayTypes.map((d) => d.name);
-  const launchPreview = () => {
-    const build = buildWidgetLaunchDraft(launchState);
-    return build.ok ? {
-      status: "ready",
-      note: "surfaceKey and config.displayMode are assigned when a display mode is clicked; everything else below is exactly what ships to launchAgent.",
-      display_modes_available: displayModeNames,
-      draft: build.draft
-    } : {
-      status: "blocked",
-      note: "Clicking a display mode right now would not launch \u2014 this error is what the tester shows instead.",
-      error: build.error,
-      display_modes_available: displayModeNames
-    };
-  };
-  const testerView = () => ({
-    agent: { id: agentId, name: initialAgentName },
-    state: isLoading ? "loading agent definition" : "ready",
-    kpis: kpis(),
-    error_on_screen: jsonError,
-    variables: variableRows(),
-    user_input: userInput,
-    settings: {
-      auto_run: autoRun,
-      allow_chat: allowChat,
-      show_variable_panel: showVariablePanel,
-      variables_panel_style: variablesPanelStyle,
-      show_pre_execution_gate: showPreExecutionGate,
-      pre_execution_message: preExecutionMessage,
-      show_definition_messages: showDefinitionMessages,
-      show_definition_message_content: showDefinitionMessageContent,
-      hide_reasoning: hideReasoning,
-      hide_tool_results: hideToolResults
-    },
-    editor_context: {
-      included: includeEditorContext,
-      selection: editorSelection,
-      text_before: editorTextBefore,
-      text_after: editorTextAfter,
-      content: editorContent,
-      context: editorContext
-    },
-    advanced: {
-      api_endpoint_mode: apiEndpointMode,
-      show_auto_clear_toggle: showAutoClearToggle,
-      auto_clear_conversation: autoClearConversation,
-      json_extraction_enabled: jsonExtractionEnabled,
-      json_extraction_fuzzy: jsonExtractionFuzzy,
-      json_extraction_max_results: jsonExtractionMaxResults,
-      overrides_json: overridesJson,
-      application_scope_json: applicationScopeJson
-    },
-    launch_preview: launchPreview()
-  });
-  const testerHuman = () => agentWidgetTesterSummary({
-    agentId,
-    agentName: initialAgentName,
-    kpis: kpis(),
-    variables: variableRows(),
-    userInput,
-    jsonError,
-    isLoading,
-    displayModes: displayModeNames
-  });
-  const testerAttributes = () => ({
-    ...kpis(),
-    agent_id: agentId,
-    launch_status: launchPreview().status
-  });
-  return /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col h-full overflow-hidden", children: [
-    /* @__PURE__ */ jsxs("div", { className: "@container/agent-header hidden lg:flex items-center justify-between w-full gap-2 shrink-0 pr-12", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsx(Link, { href: basePath, "aria-label": "Back to Agents", children: /* @__PURE__ */ jsx(ChevronLeftTapButton, { variant: "transparent" }) }),
-        /* @__PURE__ */ jsx(
-          AgentSelectorIsland,
-          {
-            agentId,
-            initialName: initialAgentName,
-            basePath
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        AgentModeController,
-        {
-          agentId,
-          basePath,
-          currentPath
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center pt-0.5 shrink-0", children: [
-        /* @__PURE__ */ jsx(
-          CopyButtons,
-          {
-            size: "icon",
-            label: `Widget tester \u2014 ${initialAgentName}`,
-            human: testerHuman,
-            json: testerView,
-            agent: () => ({
-              kind: "agent-widget-tester",
-              location,
-              description: `The agent widget tester for ${initialAgentName} exactly as configured on screen right now: live variable values, user input, every launch setting, and the launch options a display-mode click would ship.`,
-              data: testerView(),
-              summary: testerHuman(),
-              attributes: testerAttributes(),
-              context: { agent_name: initialAgentName, base_path: basePath }
-            }),
-            agentVariant: {
-              label: "This page (what I see)",
-              hint: "Live form state + the launch draft it produces",
-              position: "first"
-            },
-            aiVariants: [
-              {
-                id: "launch-options",
-                label: "Launch options only",
-                hint: "Just what ships to launchAgent",
-                build: () => ({
-                  kind: "agent-widget-launch-options",
-                  location,
-                  description: `The launch options the widget tester would send for ${initialAgentName}, built by the same builder the Launch dropdown uses.`,
-                  data: {
-                    agent: { id: agentId, name: initialAgentName },
-                    kpis: kpis(),
-                    error_on_screen: jsonError,
-                    launch_preview: launchPreview()
-                  },
-                  attributes: testerAttributes()
-                })
-              },
-              {
-                id: "variables",
-                label: "Variables + input",
-                hint: "Definitions, live values, and the user input",
-                build: () => ({
-                  kind: "agent-widget-variables",
-                  location,
-                  description: `The variable definitions for ${initialAgentName} with the values currently typed into the tester, plus the user input box.`,
-                  data: {
-                    agent: { id: agentId, name: initialAgentName },
-                    kpis: kpis(),
-                    error_on_screen: jsonError,
-                    variables: variableRows(),
-                    user_input: userInput
-                  },
-                  attributes: testerAttributes()
-                })
-              }
-            ],
-            export: {
-              items: [
-                jsonExportItem(testerView, "JSON (page state)"),
-                jsonExportItem(launchPreview, "JSON (launch options)"),
-                csvExportItem(
-                  () => variableRows().map((row) => ({
-                    name: row.name,
-                    required: row.required,
-                    input_kind: row.input_kind,
-                    filled: row.filled,
-                    current_value: row.current_value === void 0 ? "" : JSON.stringify(row.current_value),
-                    default_value: row.default_value === void 0 ? "" : JSON.stringify(row.default_value),
-                    help_text: row.help_text ?? "",
-                    bound_to_context_item: row.bound_to_context_item ?? ""
-                  })),
-                  "CSV (all variables)"
-                )
-              ]
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "px-[calc(var(--matrx-tap-gap)/2)]", children: /* @__PURE__ */ jsx(AgentSaveStatus, { agentId }) }),
-        /* @__PURE__ */ jsx(AgentOptionsMenu, { agentId, basePath })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-hidden flex min-w-0", children: [
-      /* @__PURE__ */ jsx("aside", { className: "w-[280px] shrink-0 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-2", children: [
-        /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              iconEnd: /* @__PURE__ */ jsx(ChevronDown, { className: "opacity-70" }),
-              variant: "outline",
-              disabled: isLoading,
-              className: "w-full justify-between",
-              children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(Rocket, { className: "w-3.5 h-3.5 text-primary" }),
-                "Launch Display Mode"
-              ] })
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", className: "w-[260px]", children: [
-            /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-[10px] uppercase tracking-wider text-primary", children: "Pick a Display Mode" }),
-            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-            displayTypes.map((display) => /* @__PURE__ */ jsxs(
-              DropdownMenuItem,
-              {
-                onSelect: () => openWithDisplayType(display.displayMode),
-                title: display.note,
-                className: "gap-2 text-xs",
-                children: [
-                  display.icon && /* @__PURE__ */ jsx(
-                    display.icon,
-                    {
-                      className: `w-4 h-4 shrink-0 ${display.color}`
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "flex-1 font-medium", children: display.name }),
-                  display.testMode && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[8px] h-4 px-1", children: /* @__PURE__ */ jsx(TestTube, { className: "w-2.5 h-2.5" }) })
-                ]
-              },
-              display.displayMode
-            ))
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(
-          TesterSettingsPanel,
-          {
-            controller,
-            idPrefix: "widgets-page"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "p-4 max-w-3xl space-y-5", children: agentReadError && isLoading ? /* @__PURE__ */ jsx(
-        ReadFailure,
-        {
-          error: agentReadError,
-          what: "this agent's definition",
-          onRetry: () => void dispatch(fetchAgentExecutionMinimal(agentId))
-        }
-      ) : isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
-        "Loading agent definition\u2026"
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("section", { className: "group/vars space-y-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
-            /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold text-foreground uppercase tracking-wider", children: "Variables" }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
-                definitions.length,
-                " defined"
-              ] }),
-              /* @__PURE__ */ jsx("span", { className: "opacity-0 transition-opacity focus-within:opacity-100 group-hover/vars:opacity-100", children: /* @__PURE__ */ jsx(
-                CopyButtons,
-                {
-                  size: "xs",
-                  label: "Widget tester variables",
-                  human: () => variableRows().length ? variableRows().map(
-                    (row) => `- ${row.name}${row.required ? " *" : ""}: ${row.filled ? JSON.stringify(row.current_value) : "(empty)"}`
-                  ).join("\n") : "This agent has no variable definitions.",
-                  json: variableRows,
-                  agent: () => ({
-                    kind: "agent-widget-variables",
-                    location,
-                    description: `The Variables section of the widget tester for ${initialAgentName} \u2014 every definition with the value currently typed in.`,
-                    data: {
-                      agent: { id: agentId, name: initialAgentName },
-                      kpis: kpis(),
-                      error_on_screen: jsonError,
-                      variables: variableRows()
-                    },
-                    attributes: testerAttributes()
-                  })
-                }
-              ) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            WidgetVariableInputs,
-            {
-              definitions,
-              values: variableValues,
-              onChange: setVariableValues
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("section", { className: "group/input space-y-1.5", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
-            /* @__PURE__ */ jsx(
-              Label,
-              {
-                htmlFor: "widgets-user-input",
-                className: "text-xs font-semibold text-foreground uppercase tracking-wider",
-                children: "User Input"
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "opacity-0 transition-opacity focus-within:opacity-100 group-hover/input:opacity-100", children: /* @__PURE__ */ jsx(
-              CopyButtons,
-              {
-                size: "xs",
-                label: "Widget tester user input",
-                human: () => userInput || "(empty)",
-                agent: () => ({
-                  kind: "agent-widget-user-input",
-                  location,
-                  description: `The user-input text currently typed into the widget tester for ${initialAgentName} \u2014 the text that would ship as runtime.userInput.`,
-                  data: {
-                    agent: { id: agentId, name: initialAgentName },
-                    kpis: kpis(),
-                    user_input: userInput
-                  },
-                  attributes: testerAttributes()
-                })
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx(
-            ProTextarea,
-            {
-              id: "widgets-user-input",
-              value: userInput,
-              onChange: (e) => setUserInput(e.target.value),
-              rows: 4,
-              placeholder: "Text the user would send with this launch (optional)",
-              className: "w-full resize-y rounded-md border border-border bg-background px-2 py-1.5 text-sm leading-relaxed placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
-            }
-          )
-        ] })
-      ] }) }) })
-    ] })
-  ] });
-}
-export {
-  AgentWidgetsPage
-};

package/dist/agents/components/widgets/WidgetVariableInputs.d.ts

@@ -1,8 +0,0 @@
-import type { VariableDefinition } from "../../types/agent-definition.types.js";
-interface WidgetVariableInputsProps {
-    definitions: VariableDefinition[];
-    values: Record<string, unknown>;
-    onChange: (next: Record<string, unknown>) => void;
-}
-export declare function WidgetVariableInputs({ definitions, values, onChange, }: WidgetVariableInputsProps): import("react").JSX.Element;
-export {};

package/dist/agents/components/widgets/WidgetVariableInputs.js

@@ -1,80 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Label } from "@ai-matrx/design-system";
-import { ProTextarea } from "../../../host/ui-slots.js";
-import { variableRunLabel } from "@ai-matrx/agents";
-function kindFromDefinition(def) {
-  const type = def.customComponent?.type;
-  if (type === "number" || type === "slider") return "number";
-  return "text";
-}
-function WidgetVariableInputs({
-  definitions,
-  values,
-  onChange
-}) {
-  if (!definitions || definitions.length === 0) {
-    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground italic", children: "This agent has no variable definitions." });
-  }
-  const setValue = (name, value) => {
-    const next = { ...values, [name]: value };
-    if (value === "" || value === null || value === void 0) {
-      delete next[name];
-    }
-    onChange(next);
-  };
-  return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: definitions.map((def) => {
-    const id = `widgets-var-${def.name}`;
-    const kind = kindFromDefinition(def);
-    const current = values[def.name];
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs(
-          Label,
-          {
-            htmlFor: id,
-            className: "text-xs font-medium text-foreground cursor-pointer",
-            children: [
-              variableRunLabel(def),
-              def.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
-            ]
-          }
-        ),
-        def.customComponent?.type && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground font-mono", children: def.customComponent.type })
-      ] }),
-      def.helpText && /* @__PURE__ */ jsx("p", { className: "text-[10.5px] text-muted-foreground leading-tight", children: def.helpText }),
-      kind === "number" ? /* @__PURE__ */ jsx(
-        "input",
-        {
-          id,
-          type: "number",
-          value: typeof current === "number" || typeof current === "string" ? String(current) : "",
-          onChange: (e) => {
-            const raw = e.target.value;
-            if (raw === "") {
-              setValue(def.name, "");
-              return;
-            }
-            const num = Number(raw);
-            setValue(def.name, Number.isFinite(num) ? num : raw);
-          },
-          placeholder: def.defaultValue != null ? String(def.defaultValue) : "0",
-          className: "w-full h-8 rounded-md border border-border bg-background px-2 text-sm leading-tight placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
-        }
-      ) : /* @__PURE__ */ jsx(
-        ProTextarea,
-        {
-          id,
-          value: typeof current === "string" ? current : current == null ? "" : String(current),
-          onChange: (e) => setValue(def.name, e.target.value),
-          rows: 2,
-          placeholder: def.defaultValue != null ? String(def.defaultValue) : "",
-          className: "w-full resize-y rounded-md border border-border bg-background px-2 py-1 text-sm leading-relaxed placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
-        }
-      )
-    ] }, def.name);
-  }) });
-}
-export {
-  WidgetVariableInputs
-};