@datatechsolutions/ui 2.11.80 → 2.11.81

package/dist/astrlabe/index.mjs

@@ -1781,6 +1781,211 @@ function parseRow(row) {
     }
   }
 }
+var PRIMITIVE_TYPES = [
+  { value: "string", label: "string" },
+  { value: "number", label: "number" },
+  { value: "integer", label: "integer" },
+  { value: "boolean", label: "boolean" }
+];
+var COMPLEX_TYPES = [
+  { value: "object", label: "object (nested)" },
+  { value: "array", label: "array of objects" }
+];
+var ALL_TYPES = [...PRIMITIVE_TYPES, ...COMPLEX_TYPES];
+function OutputSchemaBuilder({ value, onChange, depth = 0 }) {
+  const fields = useMemo(() => {
+    if (!value || value.type !== "object") return [];
+    return buildFieldRows(value);
+  }, [value]);
+  if (!value) {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-dashed border-slate-300 bg-slate-50/40 p-4 text-center dark:border-slate-700 dark:bg-slate-900/30", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs text-slate-500 dark:text-slate-400", children: "No schema yet \u2014 agent text is exposed as a raw string. Add a schema to enforce structured output." }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          outline: true,
+          onClick: () => onChange({ type: "object", properties: {}, required: [] }),
+          children: "+ Add output schema"
+        }
+      )
+    ] });
+  }
+  if (value.type !== "object") {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-amber-300 bg-amber-50/40 p-3 text-xs text-amber-700 dark:border-amber-700 dark:bg-amber-900/20 dark:text-amber-300", children: [
+      "The visual builder only supports `type: object` at the top level. Convert manually or",
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "ml-1 underline",
+          onClick: () => onChange({ type: "object", properties: {}, required: [] }),
+          children: "reset to object"
+        }
+      ),
+      "."
+    ] });
+  }
+  const updateFields = (next) => {
+    onChange(rowsToSchema(next));
+  };
+  const addField = () => {
+    updateFields([
+      ...fields,
+      { name: "", type: "string", description: "", required: false, child: void 0 }
+    ]);
+  };
+  const removeField = (index) => {
+    updateFields(fields.filter((_, i) => i !== index));
+  };
+  const patchField = (index, patch) => {
+    updateFields(fields.map((f, i) => i === index ? { ...f, ...patch } : f));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-slate-700 dark:text-slate-200", children: "Top-level fields" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "text-xs text-rose-600 hover:text-rose-500",
+          onClick: () => onChange(void 0),
+          children: "Remove schema"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      fields.map((field, index) => /* @__PURE__ */ jsx(
+        FieldEditor,
+        {
+          field,
+          onChange: (patch) => patchField(index, patch),
+          onRemove: () => removeField(index),
+          depth
+        },
+        index
+      )),
+      /* @__PURE__ */ jsx(Button, { type: "button", outline: true, onClick: addField, children: "+ Add field" })
+    ] })
+  ] });
+}
+function FieldEditor({
+  field,
+  onChange,
+  onRemove,
+  depth
+}) {
+  const handleTypeChange = (next) => {
+    if (next === "object") {
+      onChange({ type: next, child: { type: "object", properties: {}, required: [] } });
+    } else if (next === "array") {
+      onChange({ type: next, child: { type: "object", properties: {}, required: [] } });
+    } else {
+      onChange({ type: next, child: void 0 });
+    }
+  };
+  const isComplex = field.type === "object" || field.type === "array";
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_140px_auto_auto] items-end gap-2", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Name",
+          value: field.name,
+          onValueChange: (name) => onChange({ name }),
+          placeholder: "recommendedPrice"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormSelect,
+        {
+          label: "Type",
+          value: field.type,
+          options: ALL_TYPES.map((t) => ({ value: t.value, label: t.label })),
+          onValueChange: (t) => handleTypeChange(t)
+        }
+      ),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 pb-2 text-xs text-slate-700 dark:text-slate-200", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: field.required,
+            onChange: (event) => onChange({ required: event.target.checked }),
+            className: "h-4 w-4 rounded border-slate-300"
+          }
+        ),
+        "Required"
+      ] }),
+      /* @__PURE__ */ jsx(Button, { type: "button", plain: true, onClick: onRemove, children: "Remove" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Description (optional)",
+        value: field.description,
+        onValueChange: (description) => onChange({ description }),
+        placeholder: "What the model should put here"
+      }
+    ),
+    isComplex && depth < 1 && /* @__PURE__ */ jsxs("div", { className: "mt-3 rounded-lg border border-dashed border-slate-300 p-2 dark:border-slate-700", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-2 text-[11px] uppercase tracking-wider text-slate-400", children: field.type === "array" ? "Item shape" : "Nested fields" }),
+      /* @__PURE__ */ jsx(
+        OutputSchemaBuilder,
+        {
+          value: field.child,
+          onChange: (child) => onChange({ child }),
+          depth: depth + 1
+        }
+      )
+    ] }),
+    isComplex && depth >= 1 && /* @__PURE__ */ jsx("p", { className: "mt-2 text-[11px] italic text-slate-500", children: "Deeper nesting is supported by the engine but not by this builder \u2014 edit the JSON directly if you need a third level." })
+  ] });
+}
+function buildFieldRows(schema) {
+  const properties = schema.properties ?? {};
+  const required = new Set(schema.required ?? []);
+  return Object.entries(properties).map(([name, subschema]) => {
+    const t = subschema.type ?? "string";
+    const isObject = t === "object";
+    const isArray = t === "array";
+    return {
+      name,
+      type: isObject ? "object" : isArray ? "array" : t,
+      description: subschema.description ?? "",
+      required: required.has(name),
+      child: isObject ? subschema : isArray ? subschema.items : void 0
+    };
+  });
+}
+function rowsToSchema(rows) {
+  const properties = {};
+  const required = [];
+  for (const row of rows) {
+    const name = row.name.trim();
+    if (!name) continue;
+    let entry;
+    if (row.type === "object") {
+      entry = row.child && row.child.type === "object" ? row.child : { type: "object", properties: {}, required: [] };
+    } else if (row.type === "array") {
+      entry = {
+        type: "array",
+        items: row.child ?? { type: "object", properties: {}, required: [] }
+      };
+    } else {
+      entry = { type: row.type };
+    }
+    if (row.description) entry.description = row.description;
+    properties[name] = entry;
+    if (row.required) required.push(name);
+  }
+  const out = { type: "object", properties };
+  if (required.length > 0) out.required = required;
+  return out;
+}
+function defaultAgentOutputSchema() {
+  return { type: "object", properties: {}, required: [] };
+}
 
 // src/astrlabe/components/rules/types.ts
 var RULE_STATUS_OPTIONS = ["draft", "active", "archived"];
@@ -4540,6 +4745,6 @@ function useHelpLines() {
   };
 }
 
-export { AgentModal, AmazonNovaIcon, AnthropicModelIcon, AutoSaveWorkspace, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, MetaLlamaIcon, NodePalette, PipelineSettingsModal, PreviewPanel, RULE_STATUS_OPTIONS, RuleActionBuilder, RuleConditionBuilder, RuleForm, RunInputDialog, RunPanel, RunReplayModal, SaveStatusBadge, SubworkflowModal, TIMEZONE_OPTIONS, VariableInspector, VersionHistoryPanel, WorkflowListBar, defaultRuleAction, defaultRuleCondition, defaultRuleForm, getModelIcon, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo };
+export { AgentModal, AmazonNovaIcon, AnthropicModelIcon, AutoSaveWorkspace, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, MetaLlamaIcon, NodePalette, OutputSchemaBuilder, PipelineSettingsModal, PreviewPanel, RULE_STATUS_OPTIONS, RuleActionBuilder, RuleConditionBuilder, RuleForm, RunInputDialog, RunPanel, RunReplayModal, SaveStatusBadge, SubworkflowModal, TIMEZONE_OPTIONS, VariableInspector, VersionHistoryPanel, WorkflowListBar, defaultAgentOutputSchema, defaultRuleAction, defaultRuleCondition, defaultRuleForm, getModelIcon, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map