@alpaca-editor/core 1.0.4083 → 1.0.4085

package/src/page-wizard/steps/SelectStep.tsx

@@ -58,9 +58,8 @@ export function SelectStep({
       );
     }
 
-    if (existingValues?.length) {
+    if (Array.isArray(existingValues) && existingValues.length) {
       setStepCompleted(true);
-      setSelectedOptions(existingValues);
     }
   }, [data, inputProperties]);
 
@@ -123,17 +122,36 @@ Create ${step.fields.numberOfOptions || 5} relevant options.`,
         try {
           const lastMessage = result.messages[result.messages.length - 1];
           if (lastMessage && lastMessage.content) {
-            const generatedOptions = JSON.parse(
-              lastMessage.content,
-            ) as Response;
-            for (let i = 0; i < generatedOptions.options.length; i++) {
-              generatedOptions.options[i]!.id = i.toString();
+            const parsed: any = JSON.parse(lastMessage.content);
+            const optionsArray: any[] = Array.isArray(parsed)
+              ? parsed
+              : Array.isArray(parsed?.options)
+                ? parsed.options
+                : [];
+
+            if (!Array.isArray(optionsArray) || optionsArray.length === 0) {
+              throw new Error("Parsed response did not contain any options");
             }
 
-            setOptions(generatedOptions.options);
+            const normalizedOptions: Option[] = optionsArray.map(
+              (opt: any, index: number) => ({
+                id: String(opt?.id ?? opt?.value ?? index),
+                title: String(
+                  opt?.title ??
+                    opt?.label ??
+                    opt?.name ??
+                    `Option ${index + 1}`,
+                ),
+                description: String(
+                  opt?.description ?? opt?.details ?? opt?.summary ?? "",
+                ),
+              }),
+            );
+
+            setOptions(normalizedOptions);
             setInternalState((state: any) => ({
               ...state,
-              [step.id + "options"]: generatedOptions.options,
+              [step.id + "options"]: normalizedOptions,
             }));
           }
         } catch (parseError) {
@@ -168,8 +186,14 @@ Create ${step.fields.numberOfOptions || 5} relevant options.`,
       inputProperties,
       data,
     );
-    const selectionsArray = currentSelections || [];
-    setSelectedOptions(selectionsArray.map((option: Option) => option.id));
+    const selectionsArray = Array.isArray(currentSelections)
+      ? currentSelections
+      : [];
+    setSelectedOptions(
+      selectionsArray.map((option: any) =>
+        typeof option === "string" ? option : option.id,
+      ),
+    );
   }, [data, inputProperties]);
 
   // Handle option selection
@@ -213,7 +237,7 @@ Create ${step.fields.numberOfOptions || 5} relevant options.`,
     <div className="flex h-full flex-col md:flex-row">
       <WizardBox
         title={step.fields.configureTitle || "Configuration"}
-        icon={<Settings />}
+        icon={<Settings strokeWidth={1} />}
         description={
           step.fields.configureDescription ||
           "Configure instructions and regenerate options"
@@ -248,7 +272,7 @@ Create ${step.fields.numberOfOptions || 5} relevant options.`,
       <WizardBoxConnector />
       <WizardBox
         title={step.fields.selectOptionsTitle || "Select Options"}
-        icon={<CheckSquare />}
+        icon={<CheckSquare strokeWidth={1} />}
         description={
           step.fields.selectOptionsDescription ||
           "Choose from the generated options below"
@@ -295,11 +319,16 @@ Create ${step.fields.numberOfOptions || 5} relevant options.`,
                           {option.description}
                         </div>
                       </div>
-                      {isSelected && (
-                        <div className="bg-theme-secondary ml-2 flex h-6 w-6 items-center justify-center rounded-full text-white">
-                          ✓
-                        </div>
-                      )}
+                      <div
+                        className={classNames(
+                          "ml-2 flex h-6 w-6 items-center justify-center rounded-full text-white",
+                          isSelected
+                            ? "bg-theme-secondary opacity-100"
+                            : "opacity-0",
+                        )}
+                      >
+                        ✓
+                      </div>
                     </div>
                   );
                 })

package/src/revision.ts

@@ -1,2 +1,2 @@
-export const version = "1.0.4083";
-export const buildDate = "2025-09-11 01:45:58";
+export const version = "1.0.4085";
+export const buildDate = "2025-09-11 13:12:15";

package/dist/editor/ui/StackedPanels.d.ts

@@ -1,5 +0,0 @@
-import "allotment/dist/style.css";
-import { Panel } from "../../config/types";
-export declare function StackedPanels({ panels }: {
-    panels: Panel[];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ui/StackedPanels.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "allotment/dist/style.css";
-import { Allotment } from "allotment";
-import { useEffect, useRef, useState } from "react";
-import { classNames } from "primereact/utils";
-export function StackedPanels({ panels }) {
-    const splitter = useRef(null);
-    const [sizes, setSizes] = useState([]);
-    const [preferredSizes, setPreferredSizes] = useState(undefined);
-    const [panelsExpanded, setPanelsExpanded] = useState([]);
-    const [sizeToSet, setSizeToSet] = useState();
-    const panelHeaderSize = 30;
-    const toggle = (panelIndex) => {
-        const newSize = panelsExpanded[panelIndex]
-            ? panelHeaderSize
-            : (preferredSizes || sizes)[panelIndex];
-        resizePanel(panelIndex, newSize);
-        setPanelsExpanded((x) => {
-            const newState = [...x];
-            newState[panelIndex] = !newState[panelIndex];
-            return newState;
-        });
-    };
-    useEffect(() => {
-        setPanelsExpanded(panels.map(() => true));
-        setPreferredSizes(() => panels.map((x) => x.initialSize));
-    }, [panels]);
-    const resizePanel = (panelIndex, newSize) => {
-        const totalSize = sizes.reduce((a, b) => a + b, 0);
-        const totalOther = totalSize - sizes[panelIndex];
-        const tmpSizes = [...sizes];
-        tmpSizes[panelIndex] = newSize;
-        const percentages = tmpSizes.map((x) => x / totalOther);
-        percentages[panelIndex] = 0;
-        const remaining = totalSize - newSize;
-        const newSizes = percentages.map((x) => x * remaining);
-        newSizes[panelIndex] = newSize;
-        setSizes(newSizes);
-        setSizeToSet(newSizes);
-    };
-    useEffect(() => {
-        if (sizeToSet)
-            splitter.current?.resize(sizeToSet);
-    }, [sizeToSet]);
-    const getHeader = (panel, index) => {
-        if (panel.header)
-            return panel.header({ panel, index });
-        return (_jsxs("div", { className: classNames("p-1.5 bg-gray-50 uppercase text-gray-500 text-xs flex justify items-center cursor-pointer", panelsExpanded[index] ? "border-b" : ""), onClick: () => toggle(index), children: [panel.icon &&
-                    (typeof panel.icon === "string" ? (_jsx("i", { className: classNames(panel.icon, "pi mr-1.5") })) : (_jsx("div", { className: "w-4 h-4 mr-1.5", children: panel.icon }))), _jsx("div", { className: "mr-auto", children: panel.title }), _jsx("i", { className: classNames(panelsExpanded[index] ? "pi-chevron-up" : "pi-chevron-down", "pi  text-sm") })] }));
-    };
-    const initalSizes = panels.map((x) => x.initialSize);
-    return (_jsx(Allotment, { vertical: true, snap: true, ref: splitter, defaultSizes: initalSizes, onChange: (s) => {
-            if (sizes.join(",") != s.join(","))
-                setSizes(s);
-            const newPreferred = [...(preferredSizes || s)];
-            s.forEach((x, i) => {
-                if (x > panelHeaderSize)
-                    newPreferred[i] = x;
-            });
-            setPreferredSizes(newPreferred);
-        }, children: panels.map((panel, index) => (_jsx(Allotment.Pane, { 
-            //  preferredSize={(preferredSizes || initalSizes)[index] + "%"}
-            maxSize: panelsExpanded.length <= index || panelsExpanded[index]
-                ? 10000
-                : panelHeaderSize, children: _jsxs("div", { className: "flex flex-col h-full", children: [getHeader(panel, index), panelsExpanded[index] && (_jsx("div", { className: "overflow-hidden relative flex-1", children: _jsx("div", { className: classNames("inset-0 absolute", panel.noOverflow ? "" : "overflow-y-auto"), children: panel.content }) }))] }) }, index))) }));
-}
-//# sourceMappingURL=StackedPanels.js.map

package/dist/editor/ui/StackedPanels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StackedPanels.js","sourceRoot":"","sources":["../../../src/editor/ui/StackedPanels.tsx"],"names":[],"mappings":"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"}

package/src/editor/ui/StackedPanels.tsx

@@ -1,134 +0,0 @@
-import "allotment/dist/style.css";
-import { Allotment, AllotmentHandle } from "allotment";
-
-import { useEffect, useRef, useState } from "react";
-
-import { classNames } from "primereact/utils";
-import { Panel } from "../../config/types";
-
-export function StackedPanels({ panels }: { panels: Panel[] }) {
-  const splitter = useRef<AllotmentHandle>(null);
-
-  const [sizes, setSizes] = useState<number[]>([]);
-  const [preferredSizes, setPreferredSizes] = useState<number[] | undefined>(
-    undefined
-  );
-  const [panelsExpanded, setPanelsExpanded] = useState<boolean[]>([]);
-  const [sizeToSet, setSizeToSet] = useState<number[] | undefined>();
-
-  const panelHeaderSize = 30;
-  const toggle = (panelIndex: number) => {
-    const newSize = panelsExpanded[panelIndex]
-      ? panelHeaderSize
-      : (preferredSizes || sizes)[panelIndex];
-
-    resizePanel(panelIndex, newSize);
-
-    setPanelsExpanded((x) => {
-      const newState = [...x];
-      newState[panelIndex] = !newState[panelIndex];
-      return newState;
-    });
-  };
-
-  useEffect(() => {
-    setPanelsExpanded(panels.map(() => true));
-    setPreferredSizes(() => panels.map((x) => x.initialSize));
-  }, [panels]);
-
-  const resizePanel = (panelIndex: number, newSize: number) => {
-    const totalSize = sizes.reduce((a, b) => a + b, 0);
-    const totalOther = totalSize - sizes[panelIndex];
-    const tmpSizes = [...sizes];
-    tmpSizes[panelIndex] = newSize;
-    const percentages = tmpSizes.map((x) => x / totalOther);
-    percentages[panelIndex] = 0;
-    const remaining = totalSize - newSize;
-    const newSizes = percentages.map((x) => x * remaining);
-    newSizes[panelIndex] = newSize;
-    setSizes(newSizes);
-
-    setSizeToSet(newSizes);
-  };
-
-  useEffect(() => {
-    if (sizeToSet) splitter.current?.resize(sizeToSet);
-  }, [sizeToSet]);
-
-  const getHeader = (panel: any, index: number) => {
-    if (panel.header) return panel.header({ panel, index });
-
-    return (
-      <div
-        className={classNames(
-          "p-1.5 bg-gray-50 uppercase text-gray-500 text-xs flex justify items-center cursor-pointer",
-          panelsExpanded[index] ? "border-b" : ""
-        )}
-        onClick={() => toggle(index)}
-      >
-        {panel.icon &&
-          (typeof panel.icon === "string" ? (
-            <i className={classNames(panel.icon, "pi mr-1.5")}></i>
-          ) : (
-            <div className="w-4 h-4 mr-1.5">{panel.icon}</div>
-          ))}
-        <div className="mr-auto">{panel.title}</div>
-        <i
-          className={classNames(
-            panelsExpanded[index] ? "pi-chevron-up" : "pi-chevron-down",
-            "pi  text-sm"
-          )}
-        ></i>
-      </div>
-    );
-  };
-
-  const initalSizes = panels.map((x) => x.initialSize);
-
-  return (
-    <Allotment
-      vertical={true}
-      snap={true}
-      ref={splitter}
-      defaultSizes={initalSizes}
-      onChange={(s) => {
-        if (sizes.join(",") != s.join(",")) setSizes(s);
-
-        const newPreferred = [...(preferredSizes || s)];
-        s.forEach((x, i) => {
-          if (x > panelHeaderSize) newPreferred[i] = x;
-        });
-
-        setPreferredSizes(newPreferred);
-      }}
-    >
-      {panels.map((panel, index) => (
-        <Allotment.Pane
-          key={index}
-          //  preferredSize={(preferredSizes || initalSizes)[index] + "%"}
-          maxSize={
-            panelsExpanded.length <= index || panelsExpanded[index]
-              ? 10000
-              : panelHeaderSize
-          }
-        >
-          <div className="flex flex-col h-full">
-            {getHeader(panel, index)}
-            {panelsExpanded[index] && (
-              <div className="overflow-hidden relative flex-1">
-                <div
-                  className={classNames(
-                    "inset-0 absolute",
-                    panel.noOverflow ? "" : "overflow-y-auto"
-                  )}
-                >
-                  {panel.content}
-                </div>
-              </div>
-            )}
-          </div>
-        </Allotment.Pane>
-      ))}
-    </Allotment>
-  );
-}