@bian-womp/spark-workbench 0.3.44 → 0.3.46

package/lib/cjs/index.cjs

@@ -5331,6 +5331,13 @@ function Inspector({ debug, autoScroll, hideWorkbench, onAutoScrollChange, onHid
             return String(value ?? "");
         }
     };
+    const unwrapForDisplay = (declaredTypeId, value) => {
+        if (sparkGraph.isTyped(value)) {
+            const t = sparkGraph.unwrapTypeId(value) ?? declaredTypeId;
+            return { typeId: t, value: sparkGraph.unwrapValue(value) };
+        }
+        return { typeId: declaredTypeId, value };
+    };
     const { wb, registryVersion, selectedNodeId, selectedEdgeId, inputsMap, inputDefaultsMap, outputsMap, outputTypesMap, nodeStatus, edgeStatus, validationByNode, validationByEdge, validationGlobal, valuesTick, updateEdgeType, systemErrors, registryErrors, inputValidationErrors, clearSystemErrors, clearRegistryErrors, clearInputValidationErrors, removeSystemError, removeRegistryError, removeInputValidationError, handlesMap, } = useWorkbenchContext();
     const nodeValidationIssues = validationByNode.issues;
     const edgeValidationIssues = validationByEdge.issues;
@@ -5460,7 +5467,8 @@ function Inspector({ debug, autoScroll, hideWorkbench, onAutoScrollChange, onHid
         for (const h of handles) {
             const typeId = sparkGraph.getInputTypeId(effectiveHandles.inputs, h);
             const current = nodeInputs[h];
-            const display = safeToString(typeId, current);
+            const { typeId: displayTypeId, value: displayValue } = unwrapForDisplay(typeId, current);
+            const display = safeToString(displayTypeId, displayValue);
             const wasOriginal = originals[h];
             const isDirty = drafts[h] !== undefined &&
                 wasOriginal !== undefined &&
@@ -5512,18 +5520,19 @@ function Inspector({ debug, autoScroll, hideWorkbench, onAutoScrollChange, onHid
                                                 .filter((e) => e.target.nodeId === selectedNodeId &&
                                                 e.target.handle === h)
                                                 .map((e) => e.target.handle));
+                                            const { typeId: defaultTypeId, value: defaultValue } = unwrapForDisplay(typeId, nodeInputsDefaults[h]);
                                             const hasDefault = !inbound.has(h) && nodeInputsDefaults[h] !== undefined;
                                             const defaultStr = hasDefault
-                                                ? safeToString(typeId, nodeInputsDefaults[h])
+                                                ? safeToString(defaultTypeId, defaultValue)
                                                 : undefined;
                                             const commonProps = {
                                                 style: { flex: 1 },
                                                 disabled: isLinked,
                                             };
                                             const current = nodeInputs[h];
-                                            const hasValue = current !== undefined && current !== null;
-                                            const value = drafts[h] ?? safeToString(typeId, current);
-                                            const displayValue = value;
+                                            const { typeId: displayTypeId, value: displayValue } = unwrapForDisplay(typeId, current);
+                                            const hasValue = displayValue !== undefined && displayValue !== null;
+                                            const value = drafts[h] ?? safeToString(displayTypeId, displayValue);
                                             const placeholder = hasDefault ? defaultStr : undefined;
                                             const onChangeText = (text) => setDrafts((d) => ({ ...d, [h]: text }));
                                             const commit = () => {
@@ -5549,7 +5558,7 @@ function Inspector({ debug, autoScroll, hideWorkbench, onAutoScrollChange, onHid
                                                 setDrafts((d) => ({ ...d, [h]: "" }));
                                                 setOriginals((o) => ({ ...o, [h]: "" }));
                                             };
-                                            const isEnum = typeId?.startsWith("enum:");
+                                            const isEnum = displayTypeId?.startsWith("enum:");
                                             const inIssues = selectedNodeHandleValidation.inputs.filter((m) => m.handle === h);
                                             const hasValidation = inIssues.length > 0;
                                             const hasErr = inIssues.some((m) => m.level === "error");
@@ -5570,9 +5579,9 @@ function Inspector({ debug, autoScroll, hideWorkbench, onAutoScrollChange, onHid
                                                                             ? `Default: ${placeholder}`
                                                                             : "(select)" }), wb.registry.enums
                                                                         .get(typeId)
-                                                                        ?.options.map((opt) => (jsxRuntime.jsx("option", { value: String(opt.value), children: opt.label }, opt.value)))] }), hasValue && !isLinked && (jsxRuntime.jsx("button", { className: "flex-shrink-0 p-1 hover:bg-gray-100 rounded text-gray-500 hover:text-gray-700", onClick: clearInput, title: "Clear input value", children: jsxRuntime.jsx(react$1.XCircleIcon, { size: 16 }) }))] })) : isLinked ? (jsxRuntime.jsx("div", { className: "flex items-center gap-1 flex-1", children: jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: renderLinkedInputDisplay(typeId, current) }) })) : (jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-1", children: [jsxRuntime.jsx("input", { className: "border border-gray-300 rounded px-2 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500 flex-1 select-text", placeholder: placeholder
+                                                                        ?.options.map((opt) => (jsxRuntime.jsx("option", { value: String(opt.value), children: opt.label }, opt.value)))] }), hasValue && !isLinked && (jsxRuntime.jsx("button", { className: "flex-shrink-0 p-1 hover:bg-gray-100 rounded text-gray-500 hover:text-gray-700", onClick: clearInput, title: "Clear input value", children: jsxRuntime.jsx(react$1.XCircleIcon, { size: 16 }) }))] })) : isLinked ? (jsxRuntime.jsx("div", { className: "flex items-center gap-1 flex-1", children: jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: renderLinkedInputDisplay(displayTypeId, displayValue) }) })) : (jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-1", children: [jsxRuntime.jsx("input", { className: "border border-gray-300 rounded px-2 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500 flex-1 select-text", placeholder: placeholder
                                                                     ? `Default: ${placeholder}`
-                                                                    : undefined, value: displayValue, onChange: (e) => onChangeText(e.target.value), onBlur: commit, onKeyDown: (e) => {
+                                                                    : undefined, value: value, onChange: (e) => onChangeText(e.target.value), onBlur: commit, onKeyDown: (e) => {
                                                                     if (e.key === "Enter")
                                                                         commit();
                                                                     if (e.key === "Escape")