@dataimago/interview 0.2.0-alpha.0 → 0.2.0-alpha.1

package/dist/index.js

@@ -40,6 +40,28 @@ function ProgressBar({ current, total, estimatedMinutesRemaining }) {
 // src/QuestionCard.tsx
 import { useState, useEffect } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function defaultValueFor(question) {
+  switch (question.inputType) {
+    case "multi-select":
+    case "list":
+      return [];
+    case "composite":
+      return {};
+    case "repeater":
+    case "file-upload":
+      return [];
+    default:
+      return "";
+  }
+}
+function canAdvanceWith(question, value) {
+  if (!question.required) return true;
+  if (value === void 0 || value === null) return false;
+  if (typeof value === "string") return value.trim().length > 0;
+  if (Array.isArray(value)) return value.length > 0;
+  if (typeof value === "object") return Object.keys(value).length > 0;
+  return true;
+}
 function QuestionCard({
   question,
   existingAnswer,
@@ -50,113 +72,28 @@ function QuestionCard({
   isLast
 }) {
   const [localValue, setLocalValue] = useState(
-    existingAnswer ?? (question.inputType === "multi-select" || question.inputType === "list" ? [] : "")
+    existingAnswer ?? defaultValueFor(question)
   );
   useEffect(() => {
-    const current = existingAnswer ?? (question.inputType === "multi-select" || question.inputType === "list" ? [] : "");
-    setLocalValue(current);
+    setLocalValue(existingAnswer ?? defaultValueFor(question));
   }, [question.id, existingAnswer, question.inputType]);
   const handleSubmit = (e) => {
     e.preventDefault();
     onAnswerSubmit(question.id, localValue);
     onNext();
   };
-  const canAdvance = question.required ? Array.isArray(localValue) ? localValue.length > 0 : localValue.trim().length > 0 : true;
+  const canAdvance = canAdvanceWith(question, localValue);
   return /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "animate-slide-up", children: [
     /* @__PURE__ */ jsx2("h2", { className: "font-display text-3xl font-medium text-stone-900 sm:text-4xl", children: question.prompt }),
     question.subprompt && /* @__PURE__ */ jsx2("p", { className: "mt-4 text-lg text-stone-700", children: question.subprompt }),
-    /* @__PURE__ */ jsxs2("div", { className: "mt-8", children: [
-      question.inputType === "short-text" && /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "text",
-          value: localValue,
-          onChange: (e) => setLocalValue(e.target.value),
-          autoFocus: true,
-          className: "w-full rounded-lg border-2 border-stone-200 bg-stone-50 px-4 py-3 text-lg text-stone-900 focus:border-forest-700 focus:outline-none",
-          placeholder: "Type your answer\u2026"
-        }
-      ),
-      question.inputType === "long-text" && /* @__PURE__ */ jsx2(
-        "textarea",
-        {
-          value: localValue,
-          onChange: (e) => setLocalValue(e.target.value),
-          autoFocus: true,
-          rows: 5,
-          className: "w-full rounded-lg border-2 border-stone-200 bg-stone-50 px-4 py-3 text-lg text-stone-900 focus:border-forest-700 focus:outline-none",
-          placeholder: "Type your answer\u2026"
-        }
-      ),
-      question.inputType === "select" && question.options && /* @__PURE__ */ jsx2("div", { className: "space-y-3", role: "radiogroup", "aria-labelledby": `q-${question.id}`, children: question.options.map((opt) => /* @__PURE__ */ jsxs2(
-        "label",
-        {
-          className: `flex cursor-pointer items-start gap-3 rounded-lg border-2 p-4 transition-colors
-                  ${localValue === opt.value ? "border-forest-700 bg-forest-50" : "border-stone-200 bg-stone-50 hover:border-stone-400"}`,
-          children: [
-            /* @__PURE__ */ jsx2(
-              "input",
-              {
-                type: "radio",
-                name: question.id,
-                value: opt.value,
-                checked: localValue === opt.value,
-                onChange: (e) => setLocalValue(e.target.value),
-                className: "mt-1 h-4 w-4 text-forest-700"
-              }
-            ),
-            /* @__PURE__ */ jsxs2("div", { children: [
-              /* @__PURE__ */ jsx2("div", { className: "font-medium text-stone-900", children: opt.label }),
-              opt.description && /* @__PURE__ */ jsx2("div", { className: "mt-1 text-sm text-stone-700", children: opt.description })
-            ] })
-          ]
-        },
-        opt.value
-      )) }),
-      question.inputType === "multi-select" && question.options && /* @__PURE__ */ jsx2("div", { className: "space-y-2", role: "group", "aria-labelledby": `q-${question.id}`, children: question.options.map((opt) => {
-        const values = localValue || [];
-        const checked = values.includes(opt.value);
-        return /* @__PURE__ */ jsxs2(
-          "label",
-          {
-            className: `flex cursor-pointer items-start gap-3 rounded-lg border-2 p-4 transition-colors
-                    ${checked ? "border-forest-700 bg-forest-50" : "border-stone-200 bg-stone-50 hover:border-stone-400"}`,
-            children: [
-              /* @__PURE__ */ jsx2(
-                "input",
-                {
-                  type: "checkbox",
-                  value: opt.value,
-                  checked,
-                  onChange: (e) => {
-                    if (e.target.checked) {
-                      setLocalValue([...values, opt.value]);
-                    } else {
-                      setLocalValue(values.filter((v) => v !== opt.value));
-                    }
-                  },
-                  className: "mt-1 h-4 w-4 text-forest-700"
-                }
-              ),
-              /* @__PURE__ */ jsxs2("div", { children: [
-                /* @__PURE__ */ jsx2("div", { className: "font-medium text-stone-900", children: opt.label }),
-                opt.description && /* @__PURE__ */ jsx2("div", { className: "mt-1 text-sm text-stone-700", children: opt.description })
-              ] })
-            ]
-          },
-          opt.value
-        );
-      }) }),
-      question.inputType === "list" && question.listRange && /* @__PURE__ */ jsx2(
-        ListInput,
-        {
-          values: localValue || [],
-          onChange: setLocalValue,
-          min: question.listRange.min,
-          max: question.listRange.max
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "mt-8", children: /* @__PURE__ */ jsx2(
+      InputForType,
+      {
+        question,
+        value: localValue,
+        onChange: setLocalValue
+      }
+    ) }),
     question.examples && question.examples.length > 0 && /* @__PURE__ */ jsxs2("details", { className: "mt-8", children: [
       /* @__PURE__ */ jsx2("summary", { className: "cursor-pointer text-sm font-medium text-forest-700 hover:text-forest-800", children: "Show examples from different fields" }),
       /* @__PURE__ */ jsx2("ul", { className: "mt-4 space-y-3 border-l-2 border-copper-200 pl-5", children: question.examples.map((ex, i) => /* @__PURE__ */ jsxs2("li", { className: "text-sm italic text-stone-700", children: [
@@ -188,13 +125,174 @@ function QuestionCard({
     ] })
   ] });
 }
+function InputForType({ question, value, onChange }) {
+  switch (question.inputType) {
+    case "short-text":
+      return /* @__PURE__ */ jsx2(ShortTextInput, { value, onChange });
+    case "long-text":
+      return /* @__PURE__ */ jsx2(LongTextInput, { value, onChange });
+    case "single-select":
+      return /* @__PURE__ */ jsx2(SingleSelectInput, { question, value, onChange });
+    case "multi-select":
+      return /* @__PURE__ */ jsx2(MultiSelectInput, { question, value: value ?? [], onChange });
+    case "list":
+      return /* @__PURE__ */ jsx2(ListInput, { value: value ?? [], onChange, listRange: question.listRange });
+    case "scale":
+      return /* @__PURE__ */ jsx2(ScaleInput, { question, value, onChange });
+    case "date":
+      return /* @__PURE__ */ jsx2(DateInput, { value, onChange });
+    case "composite":
+      return /* @__PURE__ */ jsx2(CompositeInput, { question, value: value ?? {}, onChange });
+    case "repeater":
+      return /* @__PURE__ */ jsx2(RepeaterInput, { question, value: value ?? [], onChange });
+    case "file-upload":
+      return /* @__PURE__ */ jsx2(FileUploadInput, { question, value: value ?? [], onChange });
+    default: {
+      const _exhaustive = question.inputType;
+      return /* @__PURE__ */ jsx2(UnknownTypeFallback, { inputType: _exhaustive });
+    }
+  }
+}
+function ShortTextInput({ value, onChange }) {
+  return /* @__PURE__ */ jsx2(
+    "input",
+    {
+      type: "text",
+      value: value ?? "",
+      onChange: (e) => onChange(e.target.value),
+      autoFocus: true,
+      className: "w-full rounded-lg border-2 border-stone-200 bg-stone-50 px-4 py-3 text-lg text-stone-900 focus:border-forest-700 focus:outline-none",
+      placeholder: "Type your answer\u2026"
+    }
+  );
+}
+function LongTextInput({ value, onChange }) {
+  return /* @__PURE__ */ jsx2(
+    "textarea",
+    {
+      value: value ?? "",
+      onChange: (e) => onChange(e.target.value),
+      autoFocus: true,
+      rows: 5,
+      className: "w-full rounded-lg border-2 border-stone-200 bg-stone-50 px-4 py-3 text-lg text-stone-900 focus:border-forest-700 focus:outline-none",
+      placeholder: "Type your answer\u2026"
+    }
+  );
+}
+function SingleSelectInput({
+  question,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx2("div", { className: "space-y-3", role: "radiogroup", "aria-labelledby": `q-${question.id}`, children: (question.options ?? []).map((opt) => /* @__PURE__ */ jsxs2(
+    "label",
+    {
+      className: `flex cursor-pointer items-start gap-3 rounded-lg border-2 p-4 transition-colors ${value === opt.value ? "border-forest-700 bg-forest-50" : "border-stone-200 bg-stone-50 hover:border-stone-400"}`,
+      children: [
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "radio",
+            name: question.id,
+            value: opt.value,
+            checked: value === opt.value,
+            onChange: (e) => onChange(e.target.value),
+            className: "mt-1 h-4 w-4 text-forest-700"
+          }
+        ),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx2("div", { className: "font-medium text-stone-900", children: opt.label }),
+          opt.description && /* @__PURE__ */ jsx2("div", { className: "mt-1 text-sm text-stone-700", children: opt.description })
+        ] })
+      ]
+    },
+    opt.value
+  )) });
+}
+function MultiSelectInput({
+  question,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx2("div", { className: "space-y-2", role: "group", "aria-labelledby": `q-${question.id}`, children: (question.options ?? []).map((opt) => {
+    const checked = value.includes(opt.value);
+    return /* @__PURE__ */ jsxs2(
+      "label",
+      {
+        className: `flex cursor-pointer items-start gap-3 rounded-lg border-2 p-4 transition-colors ${checked ? "border-forest-700 bg-forest-50" : "border-stone-200 bg-stone-50 hover:border-stone-400"}`,
+        children: [
+          /* @__PURE__ */ jsx2(
+            "input",
+            {
+              type: "checkbox",
+              value: opt.value,
+              checked,
+              onChange: (e) => {
+                if (e.target.checked) onChange([...value, opt.value]);
+                else onChange(value.filter((v) => v !== opt.value));
+              },
+              className: "mt-1 h-4 w-4 text-forest-700"
+            }
+          ),
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx2("div", { className: "font-medium text-stone-900", children: opt.label }),
+            opt.description && /* @__PURE__ */ jsx2("div", { className: "mt-1 text-sm text-stone-700", children: opt.description })
+          ] })
+        ]
+      },
+      opt.value
+    );
+  }) });
+}
+function ScaleInput({
+  question,
+  value,
+  onChange
+}) {
+  const options = question.options ?? [];
+  return /* @__PURE__ */ jsx2("div", { className: "space-y-3", role: "radiogroup", "aria-labelledby": `q-${question.id}`, children: options.map((opt) => /* @__PURE__ */ jsxs2(
+    "label",
+    {
+      className: `flex cursor-pointer items-center gap-3 rounded-lg border-2 p-3 transition-colors ${value === opt.value ? "border-forest-700 bg-forest-50" : "border-stone-200 bg-stone-50 hover:border-stone-400"}`,
+      children: [
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "radio",
+            name: question.id,
+            value: opt.value,
+            checked: value === opt.value,
+            onChange: (e) => onChange(e.target.value),
+            className: "h-4 w-4 text-forest-700"
+          }
+        ),
+        /* @__PURE__ */ jsx2("span", { className: "font-mono text-sm text-stone-500", children: opt.value }),
+        /* @__PURE__ */ jsx2("span", { className: "text-stone-900", children: opt.label })
+      ]
+    },
+    opt.value
+  )) });
+}
+function DateInput({ value, onChange }) {
+  return /* @__PURE__ */ jsx2(
+    "input",
+    {
+      type: "date",
+      value: value ?? "",
+      onChange: (e) => onChange(e.target.value),
+      autoFocus: true,
+      className: "rounded-lg border-2 border-stone-200 bg-stone-50 px-4 py-3 text-lg text-stone-900 focus:border-forest-700 focus:outline-none"
+    }
+  );
+}
 function ListInput({
-  values,
+  value,
   onChange,
-  min,
-  max
+  listRange
 }) {
-  const items = values.length > 0 ? values : [""];
+  const items = value.length > 0 ? value : [""];
+  const min = listRange?.min ?? 0;
+  const max = listRange?.max ?? Infinity;
   const setItem = (i, v) => {
     const next = [...items];
     next[i] = v;
@@ -221,7 +319,7 @@ function ListInput({
           value: item,
           onChange: (e) => setItem(i, e.target.value),
           className: "flex-grow rounded-lg border-2 border-stone-200 bg-stone-50 px-3 py-2 text-stone-900 focus:border-forest-700 focus:outline-none",
-          placeholder: `Term ${i + 1}`
+          placeholder: `Item ${i + 1}`
         }
       ),
       /* @__PURE__ */ jsx2(
@@ -231,7 +329,7 @@ function ListInput({
           onClick: () => removeItem(i),
           disabled: items.length <= 1,
           className: "btn-ghost text-stone-500 disabled:opacity-30",
-          "aria-label": `Remove term ${i + 1}`,
+          "aria-label": `Remove item ${i + 1}`,
           children: "\xD7"
         }
       )
@@ -244,19 +342,312 @@ function ListInput({
           onClick: addItem,
           disabled: items.length >= max,
           className: "text-sm font-medium text-forest-700 hover:text-forest-800 disabled:opacity-40",
-          children: "+ Add term"
+          children: "+ Add item"
         }
       ),
-      /* @__PURE__ */ jsxs2("span", { className: "font-mono text-xs text-stone-500", children: [
+      listRange && /* @__PURE__ */ jsxs2("span", { className: "font-mono text-xs text-stone-500", children: [
         validCount,
         " / ",
         min,
         "\u2013",
-        max
+        max === Infinity ? "\u221E" : max
       ] })
     ] })
   ] });
 }
+function CompositeInput({
+  question,
+  value,
+  onChange
+}) {
+  const subQuestions = question.subQuestions ?? [];
+  return /* @__PURE__ */ jsx2("div", { className: "space-y-6 rounded-lg border-2 border-stone-200 bg-stone-50 p-4", children: subQuestions.map((sub) => /* @__PURE__ */ jsxs2("div", { children: [
+    /* @__PURE__ */ jsx2("div", { className: "text-sm font-medium text-stone-900", children: sub.prompt }),
+    sub.subprompt && /* @__PURE__ */ jsx2("div", { className: "mt-1 text-xs text-stone-700", children: sub.subprompt }),
+    /* @__PURE__ */ jsx2("div", { className: "mt-2", children: /* @__PURE__ */ jsx2(
+      InputForType,
+      {
+        question: sub,
+        value: value[sub.id],
+        onChange: (next) => onChange({ ...value, [sub.id]: next })
+      }
+    ) })
+  ] }, sub.id)) });
+}
+function RepeaterInput({
+  question,
+  value,
+  onChange
+}) {
+  const rows = value.length > 0 ? value : [{}];
+  const itemSchema = question.itemSchema ?? [];
+  const min = question.listRange?.min ?? 1;
+  const max = question.listRange?.max ?? Infinity;
+  const updateRow = (i, patch) => {
+    const next = [...rows];
+    next[i] = { ...next[i], ...patch };
+    onChange(next);
+  };
+  const addRow = () => {
+    if (rows.length < max) onChange([...rows, {}]);
+  };
+  const removeRow = (i) => {
+    if (rows.length <= 1) return;
+    onChange(rows.filter((_, idx) => idx !== i));
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
+    rows.map((row, i) => /* @__PURE__ */ jsxs2("div", { className: "rounded-lg border-2 border-stone-200 bg-stone-50 p-4", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "mb-3 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs2("span", { className: "font-mono text-xs uppercase tracking-wider text-stone-500", children: [
+          "Item ",
+          i + 1
+        ] }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            onClick: () => removeRow(i),
+            disabled: rows.length <= min,
+            className: "btn-ghost text-xs text-stone-500 disabled:opacity-30",
+            "aria-label": `Remove item ${i + 1}`,
+            children: "Remove"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "space-y-4", children: itemSchema.map((sub) => /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("div", { className: "text-sm font-medium text-stone-900", children: sub.prompt }),
+        sub.subprompt && /* @__PURE__ */ jsx2("div", { className: "mt-1 text-xs text-stone-700", children: sub.subprompt }),
+        /* @__PURE__ */ jsx2("div", { className: "mt-2", children: /* @__PURE__ */ jsx2(
+          InputForType,
+          {
+            question: sub,
+            value: row[sub.id],
+            onChange: (next) => updateRow(i, { [sub.id]: next })
+          }
+        ) })
+      ] }, sub.id)) })
+    ] }, i)),
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        onClick: addRow,
+        disabled: rows.length >= max,
+        className: "text-sm font-medium text-forest-700 hover:text-forest-800 disabled:opacity-40",
+        children: "+ Add another"
+      }
+    )
+  ] });
+}
+function FileUploadInput({
+  question,
+  value,
+  onChange
+}) {
+  const itemSchema = question.itemSchema ?? [];
+  const onFiles = (files) => {
+    if (!files || files.length === 0) return;
+    const entries = Array.from(files).map((f) => ({
+      file: f,
+      metadata: {}
+    }));
+    onChange([...value, ...entries]);
+  };
+  const updateMetadata = (i, patch) => {
+    const next = [...value];
+    next[i] = { ...next[i], metadata: { ...next[i].metadata, ...patch } };
+    onChange(next);
+  };
+  const removeEntry = (i) => onChange(value.filter((_, idx) => idx !== i));
+  const onDrop = (e) => {
+    e.preventDefault();
+    onFiles(e.dataTransfer.files);
+  };
+  const onDragOver = (e) => e.preventDefault();
+  return /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        onDrop,
+        onDragOver,
+        className: "rounded-lg border-2 border-dashed border-stone-300 bg-stone-50 p-6 text-center",
+        children: [
+          /* @__PURE__ */ jsxs2("p", { className: "text-sm text-stone-700", children: [
+            "Drag files here, or",
+            " ",
+            /* @__PURE__ */ jsxs2("label", { className: "cursor-pointer font-medium text-forest-700 hover:text-forest-800", children: [
+              "browse",
+              /* @__PURE__ */ jsx2(
+                "input",
+                {
+                  type: "file",
+                  multiple: true,
+                  className: "sr-only",
+                  onChange: (e) => onFiles(e.target.files)
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2("p", { className: "mt-1 text-xs text-stone-500", children: "The package collects File objects + metadata; the consumer's pipeline handles upload." })
+        ]
+      }
+    ),
+    value.length > 0 && /* @__PURE__ */ jsx2("ul", { className: "space-y-4", children: value.map((entry, i) => {
+      const name = entry.file.name;
+      const size = "size" in entry.file ? entry.file.size : void 0;
+      return /* @__PURE__ */ jsxs2("li", { className: "rounded-lg border-2 border-stone-200 bg-stone-50 p-4", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx2("div", { className: "font-medium text-stone-900", children: name }),
+            typeof size === "number" && /* @__PURE__ */ jsxs2("div", { className: "font-mono text-xs text-stone-500", children: [
+              (size / 1024).toFixed(1),
+              " KB"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              onClick: () => removeEntry(i),
+              className: "btn-ghost text-xs text-stone-500",
+              "aria-label": `Remove ${name}`,
+              children: "Remove"
+            }
+          )
+        ] }),
+        itemSchema.length > 0 && /* @__PURE__ */ jsx2("div", { className: "mt-4 space-y-3", children: itemSchema.map((sub) => /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx2("div", { className: "text-xs font-medium text-stone-900", children: sub.prompt }),
+          /* @__PURE__ */ jsx2("div", { className: "mt-1", children: /* @__PURE__ */ jsx2(
+            InputForType,
+            {
+              question: sub,
+              value: entry.metadata[sub.id],
+              onChange: (next) => updateMetadata(i, { [sub.id]: next })
+            }
+          ) })
+        ] }, sub.id)) })
+      ] }, i);
+    }) })
+  ] });
+}
+function UnknownTypeFallback({ inputType }) {
+  return /* @__PURE__ */ jsxs2("div", { className: "rounded-lg border-2 border-stone-300 bg-stone-50 p-4 text-sm text-stone-500", children: [
+    "Unsupported question input type:",
+    " ",
+    /* @__PURE__ */ jsx2("code", { className: "font-mono", children: String(inputType) })
+  ] });
+}
+
+// src/summarize.ts
+function isAnswered(value) {
+  if (value === void 0 || value === null) return false;
+  if (typeof value === "string") return value.trim().length > 0;
+  if (Array.isArray(value)) return value.length > 0;
+  if (typeof value === "object") return Object.keys(value).length > 0;
+  return true;
+}
+function summarizeShort(question, value, maxLen = 80) {
+  if (!isAnswered(value)) return "";
+  switch (question.inputType) {
+    case "short-text":
+    case "long-text":
+    case "date":
+    case "scale":
+      return truncate(String(value), maxLen);
+    case "single-select": {
+      const v = String(value);
+      const label = question.options?.find((o) => o.value === v)?.label;
+      return truncate(label ?? v, maxLen);
+    }
+    case "multi-select":
+    case "list": {
+      const arr = value;
+      const labels = arr.map((v) => {
+        const found = question.options?.find((o) => o.value === v)?.label;
+        return found ?? v;
+      });
+      return truncate(labels.join(", "), maxLen);
+    }
+    case "composite": {
+      const obj = value;
+      const subs = question.subQuestions ?? [];
+      for (const sub of subs) {
+        const subVal = obj[sub.id];
+        if (isAnswered(subVal)) {
+          return truncate(summarizeShort(sub, subVal, maxLen), maxLen);
+        }
+      }
+      return "";
+    }
+    case "repeater": {
+      const rows = value;
+      return `${rows.length} item${rows.length === 1 ? "" : "s"}`;
+    }
+    case "file-upload": {
+      const files = value;
+      return `${files.length} file${files.length === 1 ? "" : "s"}`;
+    }
+    default:
+      return "";
+  }
+}
+function summarizeLong(question, value) {
+  if (!isAnswered(value)) return "";
+  switch (question.inputType) {
+    case "short-text":
+    case "long-text":
+    case "date":
+    case "scale":
+      return String(value);
+    case "single-select": {
+      const v = String(value);
+      const label = question.options?.find((o) => o.value === v)?.label;
+      return label ?? v;
+    }
+    case "multi-select":
+    case "list": {
+      const arr = value;
+      const labels = arr.map((v) => question.options?.find((o) => o.value === v)?.label ?? v);
+      return labels.join("\n\u2022 ").replace(/^/, "\u2022 ");
+    }
+    case "composite": {
+      const obj = value;
+      const subs = question.subQuestions ?? [];
+      const lines = [];
+      for (const sub of subs) {
+        const subVal = obj[sub.id];
+        if (isAnswered(subVal)) {
+          lines.push(`${sub.prompt}: ${summarizeShort(sub, subVal, 200)}`);
+        }
+      }
+      return lines.join("\n");
+    }
+    case "repeater": {
+      const rows = value;
+      const itemSchema = question.itemSchema ?? [];
+      const summary = rows.map((row, i) => {
+        const parts = [`Item ${i + 1}:`];
+        for (const sub of itemSchema) {
+          const subVal = row[sub.id];
+          if (isAnswered(subVal)) {
+            parts.push(`  ${sub.prompt}: ${summarizeShort(sub, subVal, 100)}`);
+          }
+        }
+        return parts.join("\n");
+      });
+      return summary.join("\n");
+    }
+    case "file-upload": {
+      const files = value;
+      return files.map((f, i) => `${i + 1}. ${f.file.name}`).join("\n");
+    }
+    default:
+      return "";
+  }
+}
+function truncate(s, maxLen) {
+  return s.length > maxLen ? s.slice(0, maxLen - 1) + "\u2026" : s;
+}
 
 // src/AnswerSidebar.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -270,21 +661,20 @@ function AnswerSidebar({ questions, currentIndex, answers, onSelectQuestion }) {
         /* @__PURE__ */ jsx3("h3", { className: "mb-3 font-mono text-xs uppercase tracking-wider text-stone-500", children: "Your answers" }),
         /* @__PURE__ */ jsx3("ol", { className: "space-y-3", children: questions.map((q, i) => {
           const answer = answers[q.id];
-          const answered = answer !== void 0 && answer !== "" && !(Array.isArray(answer) && answer.length === 0);
+          const answered = isAnswered(answer);
           const isCurrent = i === currentIndex;
+          const preview = answered ? summarizeShort(q, answer) : "";
           return /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
               onClick: () => onSelectQuestion(i),
-              className: `w-full rounded-lg border p-3 text-left transition-colors
-                  ${isCurrent ? "border-forest-700 bg-forest-50" : answered ? "border-stone-200 bg-stone-50 hover:border-stone-400" : "border-stone-200/50 bg-stone-50/50 hover:border-stone-300"}`,
+              className: `w-full rounded-lg border p-3 text-left transition-colors ${isCurrent ? "border-forest-700 bg-forest-50" : answered ? "border-stone-200 bg-stone-50 hover:border-stone-400" : "border-stone-200/50 bg-stone-50/50 hover:border-stone-300"}`,
               children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2", children: [
                 /* @__PURE__ */ jsxs3(
                   "span",
                   {
-                    className: `mt-0.5 font-mono text-xs
-                      ${isCurrent ? "text-forest-700" : answered ? "text-stone-500" : "text-stone-400"}`,
+                    className: `mt-0.5 font-mono text-xs ${isCurrent ? "text-forest-700" : answered ? "text-stone-500" : "text-stone-400"}`,
                     children: [
                       String(i + 1).padStart(2, "0"),
                       "."
@@ -295,12 +685,11 @@ function AnswerSidebar({ questions, currentIndex, answers, onSelectQuestion }) {
                   /* @__PURE__ */ jsx3(
                     "div",
                     {
-                      className: `text-xs font-medium
-                        ${answered ? "text-stone-900" : "text-stone-500"}`,
+                      className: `text-xs font-medium ${answered ? "text-stone-900" : "text-stone-500"}`,
                       children: q.prompt.length > 50 ? q.prompt.slice(0, 50) + "\u2026" : q.prompt
                     }
                   ),
-                  answered && /* @__PURE__ */ jsx3("div", { className: "mt-1 text-xs italic text-stone-500 line-clamp-1", children: Array.isArray(answer) ? answer.join(", ") : answer })
+                  answered && /* @__PURE__ */ jsx3("div", { className: "mt-1 text-xs italic text-stone-500 line-clamp-1", children: preview })
                 ] })
               ] })
             }
@@ -319,13 +708,13 @@ function ReviewSummary({ questions, answers, onGenerate, onEdit, generating }) {
     /* @__PURE__ */ jsx4("p", { className: "mt-4 text-lg text-stone-700", children: "These become the seed content of your project. You can edit anything now, or continue and edit later through the platform." }),
     /* @__PURE__ */ jsx4("dl", { className: "mt-10 space-y-6 border-t border-stone-200 pt-6", children: questions.map((q, i) => {
       const answer = answers[q.id];
-      const display = Array.isArray(answer) ? answer.length > 0 ? answer.join(", ") : "(not answered)" : answer || "(not answered)";
-      const isEmpty = !answer || typeof answer === "string" && answer.trim() === "" || Array.isArray(answer) && answer.length === 0;
+      const answered = isAnswered(answer);
+      const display = answered ? summarizeLong(q, answer) : "";
       return /* @__PURE__ */ jsxs4("div", { className: "flex gap-4 border-b border-stone-200 pb-6", children: [
         /* @__PURE__ */ jsx4("span", { className: "font-mono text-sm text-stone-400 pt-1", children: String(i + 1).padStart(2, "0") }),
         /* @__PURE__ */ jsxs4("div", { className: "flex-grow", children: [
           /* @__PURE__ */ jsx4("dt", { className: "text-sm font-medium text-stone-900", children: q.prompt }),
-          /* @__PURE__ */ jsx4("dd", { className: "mt-2 text-stone-900 whitespace-pre-wrap", children: isEmpty ? /* @__PURE__ */ jsx4("span", { className: "italic text-stone-400", children: "Not answered" }) : display })
+          /* @__PURE__ */ jsx4("dd", { className: "mt-2 text-stone-900 whitespace-pre-wrap", children: answered ? display : /* @__PURE__ */ jsx4("span", { className: "italic text-stone-400", children: "Not answered" }) })
         ] }),
         /* @__PURE__ */ jsx4(
           "button",
@@ -362,6 +751,9 @@ export {
   AnswerSidebar,
   ProgressBar,
   QuestionCard,
-  ReviewSummary
+  ReviewSummary,
+  isAnswered,
+  summarizeLong,
+  summarizeShort
 };
 //# sourceMappingURL=index.js.map