@pipelex/mthds-form 0.23.2 → 0.25.0

package/dist/{chunk-W5MYXDLO.js → chunk-NA7SIQOH.js}

@@ -1,9 +1,9 @@
-import { planFileSave, planStuffSave, splitFileName, typedFileStem } from './chunk-ICUEHNEH.js';
+import { planFileSave, planStuffSave, splitFileName, typedFileStem } from './chunk-QWHUUMSB.js';
 import { seedInputs, closeOptionalStructures, openOptionalStructures } from './chunk-VH5CDQDR.js';
-import { sourceFileValue, roomForChosenFiles, addChosenFiles, chosenFilesAdded } from './chunk-O2VIVDHO.js';
-import { readStuffFile } from './chunk-RRTI7AIR.js';
+import { sourceFileValue, roomForChosenFiles, roomForDroppedFiles, addChosenFiles, placeDroppedFiles, chosenFilesAdded } from './chunk-NSHGLM6A.js';
+import { readStuffFile } from './chunk-QINLJ5RM.js';
 import { apiInputsFromRunValues, sameRunValues, runValuesFromInputs, setValueAtPath } from './chunk-ZX52CQJ4.js';
-import { viewableUrl, isNativeDateNode, isNativeHtmlNode, readHtmlContent, isNativeCompositeNode, readCompositeContent, isNativeValueNode, readDateContent, formatDateContent, readImageContent, readDataUrl, readDocumentContent } from './chunk-CM4KVG53.js';
+import { TYPED_SCALAR_MARKERS, viewableUrl, isNativeDateNode, isNativeHtmlNode, readHtmlContent, isNativeCompositeNode, readCompositeContent, isNativePageNode, nativeVerdictOf, isNativeValueNode, readDateContent, formatDateContent, readPageContent, readYesNoContent, readRatingContent, readChoiceContent, readImageContent, readDataUrl, readDocumentContent } from './chunk-JSPF4BQP.js';
 import { buildRunFields } from './chunk-ZB4RYUKV.js';
 import { conceptCategory } from './chunk-FABY3DEY.js';
 import { acceptLabel, acceptMap, isAcceptedFile, normalizeMimeType, formatOfFilename, DOCUMENT_FORMATS, IMAGE_FORMATS } from './chunk-XCO6GTEC.js';
@@ -31,6 +31,9 @@ import { marked } from 'marked';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function isThenable(answer) {
+  return (typeof answer === "object" || typeof answer === "function") && answer !== null && typeof answer.then === "function";
+}
 var CATEGORY_ICON = {
   text: Type,
   date: CalendarDays,
@@ -216,12 +219,16 @@ var DAY_YEAR = new Intl.DateTimeFormat("en-GB", {
   month: "short",
   year: "numeric"
 });
+var PERCENT = new Intl.NumberFormat("en-GB", { style: "percent", maximumFractionDigits: 0 });
 function formatFileDate(date) {
   const days = calendarDaysBefore(date);
   if (days === 0) return `Today, ${TIME.format(date)}`;
   if (days === 1) return "Yesterday";
   return inCurrentYear(date) ? DAY.format(date) : DAY_YEAR.format(date);
 }
+function someNames(names, more) {
+  return AND.format(more > 0 ? [...names, `${more} more`] : names);
+}
 var EN_FIELD_STRINGS = {
   optionalBadge: "optional",
   selectPlaceholder: "Select\u2026",
@@ -275,7 +282,24 @@ var EN_FIELD_STRINGS = {
   resultViewGroup: "Result view",
   yes: "Yes",
   no: "No",
+  yesProbability: (share) => `Probability of yes: ${PERCENT.format(share)}`,
+  verdictConfidence: (share) => `Confidence: ${PERCENT.format(share)}`,
+  ratingLevel: (position) => `Level ${position}`,
+  pageNumber: (position) => `Page ${position}`,
+  extractedTable: "Table",
   unsupportedFileType: (formats) => `That file type is not supported. Accepted formats: ${formats}.`,
+  dropFilesOrBrowse: "Drop files or click to browse",
+  dropFilesToAdd: "Drop to add the files",
+  addFilesAria: (label) => label ? `Add files to ${label}` : "Add files",
+  filesAdded: (count) => count === 1 ? "1 file added" : `${count} files added`,
+  filesRefused: (names, more, formats) => `${names.length + more === 1 ? "Not added, because its" : "Not added, because their"} file type is not supported: ${someNames(names, more)}. Accepted formats: ${formats}.`,
+  filesLeftOut: (names, more, fitted) => {
+    const these = names.length + more === 1 ? "this file was" : "these files were";
+    const room = fitted === 0 ? "The list is full" : `The list had room for ${fitted === 1 ? "1 more file" : `${fitted} more files`}`;
+    return `${room}, so ${these} not added: ${someNames(names, more)}.`;
+  },
+  oneFileOnly: "This field takes one file.",
+  oneFileOnlyInList: "This field takes one file. Drop several files on the list's drop area.",
   hideOptionalFields: "Hide optional fields",
   hideOptionalInputs: "Hide optional inputs",
   optionalFieldsCount: (count) => count === 1 ? "1 optional field" : `${count} optional fields`,
@@ -363,6 +387,7 @@ var DAY_YEAR2 = new Intl.DateTimeFormat("fr-FR", {
   month: "short",
   year: "numeric"
 });
+var PERCENT2 = new Intl.NumberFormat("fr-FR", { style: "percent", maximumFractionDigits: 0 });
 function formatFileDate2(date) {
   const days = calendarDaysBefore(date);
   if (days === 0) return `Aujourd\u2019hui, ${TIME2.format(date)}`;
@@ -377,6 +402,9 @@ function formatBytes2(bytes) {
   if (bytes < 1024 * 1024) return KILOBYTES.format(bytes / 1024);
   return MEGABYTES.format(bytes / (1024 * 1024));
 }
+function someNames2(names, more) {
+  return AND2.format(more > 0 ? [...names, `${more} ${plural(more, "autre", "autres")}`] : names);
+}
 var FR_FIELD_STRINGS = {
   optionalBadge: "facultatif",
   selectPlaceholder: "Choisir\u2026",
@@ -430,7 +458,24 @@ var FR_FIELD_STRINGS = {
   resultViewGroup: "Affichage du r\xE9sultat",
   yes: "Oui",
   no: "Non",
+  yesProbability: (share) => `Probabilit\xE9 du oui\xA0: ${PERCENT2.format(share)}`,
+  verdictConfidence: (share) => `Confiance\xA0: ${PERCENT2.format(share)}`,
+  ratingLevel: (position) => `Niveau ${position}`,
+  pageNumber: (position) => `Page ${position}`,
+  extractedTable: "Tableau",
   unsupportedFileType: (formats) => `Ce type de fichier n\u2019est pas pris en charge. Formats accept\xE9s\xA0: ${formats}.`,
+  dropFilesOrBrowse: "D\xE9posez des fichiers ou cliquez pour parcourir",
+  dropFilesToAdd: "D\xE9posez pour ajouter les fichiers",
+  addFilesAria: (label) => label ? `Ajouter des fichiers \xE0 ${label}` : "Ajouter des fichiers",
+  filesAdded: (count) => `${count} ${plural(count, "fichier ajout\xE9", "fichiers ajout\xE9s")}`,
+  filesRefused: (names, more, formats) => `${names.length + more === 1 ? "Non ajout\xE9, car son type n\u2019est pas pris en charge" : "Non ajout\xE9s, car leur type n\u2019est pas pris en charge"}\xA0: ${someNames2(names, more)}. Formats accept\xE9s\xA0: ${formats}.`,
+  filesLeftOut: (names, more, fitted) => {
+    const these = names.length + more === 1 ? "ce fichier n\u2019a donc pas \xE9t\xE9 ajout\xE9" : "ces fichiers n\u2019ont donc pas \xE9t\xE9 ajout\xE9s";
+    const room = fitted === 0 ? "La liste est pleine" : `La liste n\u2019avait de place que pour ${fitted} ${plural(fitted, "fichier", "fichiers")} de plus`;
+    return `${room}, ${these}\xA0: ${someNames2(names, more)}.`;
+  },
+  oneFileOnly: "Ce champ accepte un seul fichier.",
+  oneFileOnlyInList: "Ce champ accepte un seul fichier. D\xE9posez-en plusieurs dans la zone de d\xE9p\xF4t de la liste.",
   hideOptionalFields: "Masquer les champs facultatifs",
   hideOptionalInputs: "Masquer les entr\xE9es facultatives",
   optionalFieldsCount: (count) => `${count} ${plural(count, "champ facultatif", "champs facultatifs")}`,
@@ -1001,7 +1046,7 @@ function FilePickerBody({
     return next;
   });
   const choices = [...chosen.values()];
-  const use6 = () => {
+  const use7 = () => {
     if (choices.length === 0) return;
     onUse(choices);
     onClose();
@@ -1106,7 +1151,7 @@ function FilePickerBody({
       "button",
       {
         type: "button",
-        onClick: use6,
+        onClick: use7,
         disabled: choices.length === 0,
         className: cn(
           "flex h-12 w-full items-center justify-center rounded-md bg-primary px-4 text-[16px] font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50",
@@ -1267,6 +1312,10 @@ function FileRow({
     }
   );
 }
+var ListDropAreaContext = createContext(null);
+function useListDropArea() {
+  return useContext(ListDropAreaContext);
+}
 var IMAGE_EXT_RE = /\.(jpg|jpeg|png|gif|webp|bmp|svg|avif)(\?|$)/i;
 var PDF_EXT_RE = /\.pdf(\?|$)/i;
 var DATA_URL_MIME_RE = /^data:([^;,]+)/i;
@@ -1278,9 +1327,6 @@ function isReadableLink(url) {
 function dataUrlMime(url) {
   return DATA_URL_MIME_RE.exec(url)?.[1]?.toLowerCase();
 }
-function isThenable(answer) {
-  return (typeof answer === "object" || typeof answer === "function") && answer !== null && typeof answer.then === "function";
-}
 function storedUrlOf(stored) {
   if (typeof stored === "string") return stored === "" ? void 0 : stored;
   if (stored === null || typeof stored !== "object") return void 0;
@@ -1336,6 +1382,7 @@ function FileField({
   }, []);
   useEffect(() => () => setLocal(null), [setLocal]);
   const [rejected, setRejected] = useState(null);
+  const dropArea = useListDropArea();
   const [dismissedUploadError, setDismissedUploadError] = useState(null);
   useEffect(() => {
     if (uploadError === void 0) setDismissedUploadError(null);
@@ -1349,19 +1396,11 @@ function FileField({
   const hint = acceptLabel(formats);
   const accept = useMemo(() => acceptMap(formats), [formats]);
   const canUpload = onDropFile !== void 0;
-  const handleFile = useCallback(
-    (file) => {
-      if (!onDropFile) return;
-      if (!isAcceptedFile(formats, file)) {
-        setRejected(file.name);
-        return;
-      }
-      setRejected(null);
-      setDismissedUploadError(null);
-      const upload = onDropFile(file);
+  const track = useCallback(
+    (file, upload, heldUrl) => {
       const awaitingUpload = isThenable(upload);
       setLocal({ objectUrl: URL.createObjectURL(file), type: file.type, awaitingUpload });
-      urlInFlight.current = value?.url;
+      urlInFlight.current = heldUrl;
       flightSeen.current = false;
       if (!awaitingUpload) return;
       const generation = localGeneration.current;
@@ -1378,8 +1417,28 @@ function FileField({
         }
       );
     },
-    [formats, setLocal, onDropFile, value?.url]
+    [setLocal]
   );
+  const handleFile = useCallback(
+    (file) => {
+      if (!onDropFile) return;
+      if (!isAcceptedFile(formats, file)) {
+        setRejected({ kind: "type", name: file.name, over: value?.url });
+        return;
+      }
+      setRejected(null);
+      setDismissedUploadError(null);
+      track(file, onDropFile(file), value?.url);
+    },
+    [formats, onDropFile, track, value?.url]
+  );
+  useEffect(() => {
+    const placed = dropArea?.takePlaced(id);
+    if (!placed) return;
+    setRejected(null);
+    setDismissedUploadError(null);
+    track(placed.file, placed.upload, void 0);
+  }, [dropArea, id, track]);
   const busy = disabled || uploading;
   const {
     getRootProps,
@@ -1403,17 +1462,22 @@ function FileField({
     // handlers on a `role="presentation"` div, and the element a keyboard or
     // voice-control user lands on is a generic with no role and no name.
     noKeyboard: true,
-    onDrop: (files) => {
-      const file = files[0];
-      if (file) handleFile(file);
-    },
-    // react-dropzone rejects a file its own matcher refuses without ever calling
-    // `onDrop`, so without this a wrong drop is silently swallowed - the control
-    // simply does nothing, which reads as a broken dropzone rather than a
+    // Every drop and pick lands here, the files react-dropzone's own matcher
+    // refused included. Those must be answered: left alone, a wrong drop is
+    // silently swallowed, which reads as a broken dropzone rather than a
     // refused file.
-    onDropRejected: (rejections) => {
+    onDrop: (accepted, rejections) => {
+      if (accepted.length + rejections.length > 1) {
+        setRejected({ kind: "batch", over: value?.url });
+        return;
+      }
+      const file = accepted[0];
+      if (file) {
+        handleFile(file);
+        return;
+      }
       const name = rejections[0]?.file.name;
-      if (name) setRejected(name);
+      if (name) setRejected({ kind: "type", name, over: value?.url });
     }
   });
   const clear = useCallback(() => {
@@ -1439,11 +1503,13 @@ function FileField({
     if (!localPreview || localPreview.boundUrl !== void 0) return;
     if (failure !== null) setLocal(null);
   }, [failure, localPreview, setLocal]);
+  const refusal = rejected !== null && rejected.over === value?.url ? rejected : null;
   const lastUrl = useRef(value?.url);
   useEffect(() => {
     if (lastUrl.current === value?.url) return;
     lastUrl.current = value?.url;
     if (uploadError !== void 0) setDismissedUploadError(uploadError);
+    setRejected(null);
   }, [value?.url, uploadError]);
   useEffect(() => {
     if (!localPreview) return;
@@ -1600,11 +1666,15 @@ function FileField({
             }
           )
         ),
-        !busy && (rejected ? /* @__PURE__ */ jsxs("p", { role: "alert", className: "text-[12px] text-destructive", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-mono", children: rejected }),
+        !busy && (refusal ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-[12px] text-destructive", children: refusal.kind === "type" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono", children: refusal.name }),
           " \u2014 ",
           s.unsupportedFileType(hint)
-        ] }) : failure && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-[12px] text-destructive", children: failure })),
+        ] }) : dropArea?.open ? (
+          // Pointed to only while it takes files: a full list's area is
+          // shut, and would refuse the very drop this sends there.
+          s.oneFileOnlyInList
+        ) : s.oneFileOnly }) : failure && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-[12px] text-destructive", children: failure })),
         linkOpen ? /* @__PURE__ */ jsx(
           "input",
           {
@@ -2192,13 +2262,83 @@ function followingFocusable(from, skip) {
   }
   return null;
 }
-function firstFocusable(within) {
-  if (!within) return null;
-  for (const element of within.querySelectorAll(FOCUSABLE)) {
+function firstFocusable(within2) {
+  if (!within2) return null;
+  for (const element of within2.querySelectorAll(FOCUSABLE)) {
     if (takesFocus(element)) return element;
   }
   return null;
 }
+var NAMED = 3;
+function ListFileDrop({ label, formats, shut, onPlace }) {
+  const s = useFieldStrings();
+  const hint = acceptLabel(formats);
+  const accept = useMemo(() => acceptMap(formats), [formats]);
+  const [notice, setNotice] = useState(null);
+  const [added, setAdded] = useState({ count: 0, seq: 0 });
+  const { getRootProps, getInputProps, isDragActive } = useDropzone({
+    multiple: true,
+    disabled: shut,
+    // Filters the OS picker; `isAcceptedFile` below is the enforcement, as on a
+    // single field, because a drop bypasses the picker entirely.
+    accept,
+    noKeyboard: true,
+    onDrop: (accepted, rejections) => {
+      const refused = rejections.map((rejection) => rejection.file);
+      const taken = [];
+      for (const file of accepted) (isAcceptedFile(formats, file) ? taken : refused).push(file);
+      const fitted = taken.length > 0 ? onPlace(taken) : 0;
+      setNotice({
+        refused: refused.map((file) => file.name),
+        leftOut: taken.slice(fitted).map((file) => file.name),
+        fitted
+      });
+      if (fitted > 0) setAdded((prev) => ({ count: fitted, seq: prev.seq + 1 }));
+    }
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...getRootProps(),
+        "data-list-file-drop": true,
+        className: cn(
+          "flex flex-col items-center justify-center gap-1 rounded-md border border-dashed px-4 py-4 text-center max-sm:min-h-11",
+          "cursor-pointer select-none transition-colors",
+          "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background",
+          isDragActive ? "border-primary/60 bg-primary/5" : "border-border bg-input hover:border-border hover:bg-muted",
+          shut && "cursor-not-allowed opacity-60"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ...getInputProps({ tabIndex: 0 }),
+              disabled: shut,
+              "aria-label": s.addFilesAria(label)
+            }
+          ),
+          /* @__PURE__ */ jsx(Upload, { className: "h-4 w-4 text-muted-foreground", strokeWidth: 1.75 }),
+          /* @__PURE__ */ jsx("p", { className: "text-[13px] text-foreground", children: isDragActive ? s.dropFilesToAdd : s.dropFilesOrBrowse }),
+          hint && /* @__PURE__ */ jsx("p", { className: "font-mono text-[10.5px] text-muted-foreground", children: hint })
+        ]
+      }
+    ),
+    notice && (notice.refused.length > 0 || notice.leftOut.length > 0) && /* @__PURE__ */ jsxs("div", { role: "alert", className: "space-y-1 text-[12px] text-destructive", children: [
+      notice.refused.length > 0 && /* @__PURE__ */ jsx("p", { children: s.filesRefused(
+        notice.refused.slice(0, NAMED),
+        Math.max(0, notice.refused.length - NAMED),
+        hint
+      ) }),
+      notice.leftOut.length > 0 && /* @__PURE__ */ jsx("p", { children: s.filesLeftOut(
+        notice.leftOut.slice(0, NAMED),
+        Math.max(0, notice.leftOut.length - NAMED),
+        notice.fitted
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx("p", { role: "status", className: "sr-only", children: /* @__PURE__ */ jsx("span", { children: added.count > 0 ? s.filesAdded(added.count) : "" }, added.seq) })
+  ] });
+}
 
 // src/react/row-moves.ts
 function destinationOf(order) {
@@ -2226,6 +2366,10 @@ function ListField({ field, value, onChange, id, error, env }) {
   const rowsRef = useRef(null);
   const landedRow = useRef(null);
   const [staleErrors, setStaleErrors] = useState(NO_ERRORS);
+  const [pending, setPending] = useState(NO_UPLOADS);
+  const nextUpload = useRef(0);
+  const rowMoves = env?.rowMoves;
+  const arriving = useMemo(() => arrivingRows(pending, rowMoves), [pending, rowMoves]);
   const setItem = (index, itemValue) => {
     const next = items.slice();
     next[index] = itemValue;
@@ -2242,7 +2386,7 @@ function ListField({ field, value, onChange, id, error, env }) {
     onChange(items.filter((_, i) => i !== index));
   };
   const addItem = () => onChange([...items, emptyValue(field.item)]);
-  const busy = listIsBusy(id, env?.uploadingIds);
+  const busy = listIsBusy(id, env?.uploadingIds) || arriving.size > 0;
   const hostErrors = env?.uploadErrors;
   useEffect(() => {
     setStaleErrors((prev) => {
@@ -2251,16 +2395,19 @@ function ListField({ field, value, onChange, id, error, env }) {
       return next.size === prev.size ? prev : next;
     });
   }, [hostErrors]);
+  const fileItem = field.item.kind === "document" || field.item.kind === "image" ? field.item : null;
+  const tracksUploads = fileItem !== null;
   const rowEnv = useMemo(() => {
-    if (!env || staleErrors.size === 0) return env;
+    if (!env || staleErrors.size === 0 && !tracksUploads) return env;
     const drop = env.onDropFile;
+    const uploadErrors = staleErrors.size === 0 ? env.uploadErrors : new Map(
+      [...env.uploadErrors ?? []].filter(
+        ([key, message]) => staleErrors.get(key) !== message
+      )
+    );
     return {
       ...env,
-      uploadErrors: new Map(
-        [...env.uploadErrors ?? []].filter(([key, message]) => staleErrors.get(key) !== message)
-      ),
-      // A new file at a position is a new attempt there, so what the host says
-      // about that position from now on is about the file that is there.
+      uploadErrors,
       onDropFile: drop ? (dropId, file) => {
         setStaleErrors((prev) => {
           if (!prev.has(dropId)) return prev;
@@ -2268,14 +2415,70 @@ function ListField({ field, value, onChange, id, error, env }) {
           next.delete(dropId);
           return next;
         });
-        return drop(dropId, file);
+        const upload = drop(dropId, file);
+        if (tracksUploads && isThenable(upload)) {
+          const token = nextUpload.current++;
+          const seq = env.rowMoves?.[env.rowMoves.length - 1]?.seq ?? 0;
+          setPending((prev) => new Map(prev).set(token, { id: dropId, seq }));
+          const answered = () => setPending((prev) => withoutUpload(prev, token));
+          void Promise.resolve(upload).then(answered, answered);
+        }
+        return upload;
       } : void 0
     };
-  }, [env, staleErrors]);
+  }, [env, staleErrors, tracksUploads]);
   const isFull = field.maxItemCount !== void 0 && items.length >= field.maxItemCount;
   const fileSource = env?.fileSource;
-  const fileItem = field.item.kind === "document" || field.item.kind === "image" ? field.item : null;
   const room = roomForChosenFiles(items, field.maxItemCount);
+  const dropFile = rowEnv?.onDropFile;
+  const dropOffered = fileItem !== null && dropFile !== void 0;
+  const isFreeRow = (index) => {
+    const rowId = `${id}.${index}`;
+    return !arriving.has(rowId) && !env?.uploadingIds?.has(rowId) && !rowEnv?.uploadErrors?.has(rowId);
+  };
+  const dropRoom = dropOffered ? roomForDroppedFiles(items, field.maxItemCount, isFreeRow) : 0;
+  const dropOpen = dropOffered && !env?.disabled && dropRoom !== 0;
+  const placed = useRef(/* @__PURE__ */ new Map());
+  const [placements, setPlacements] = useState(0);
+  const dropArea = useMemo(() => {
+    if (!dropOffered) return null;
+    return {
+      generation: placements,
+      open: dropOpen,
+      takePlaced: (rowId) => {
+        const file = placed.current.get(rowId);
+        placed.current.delete(rowId);
+        return file;
+      }
+    };
+  }, [dropOffered, dropOpen, placements]);
+  const dropRef = useRef(null);
+  const landing = useRef(null);
+  useEffect(() => {
+    const landed = landing.current;
+    if (landed === null) return;
+    landing.current = null;
+    const rows = rowsRef.current?.querySelectorAll(":scope > [data-list-row]");
+    const target = firstFocusable(rows?.[landed]) ?? followingFocusable(dropRef.current, dropRef.current);
+    target?.focus();
+  });
+  const placeFiles = (files) => {
+    if (!dropFile) return 0;
+    const placement = placeDroppedFiles(items, files.length, field.maxItemCount, isFreeRow);
+    if (placement.appended > 0) onChange(placement.items);
+    placement.targets.forEach((index, order) => {
+      const file = files[order];
+      if (!file) return;
+      const rowId = `${id}.${index}`;
+      placed.current.set(rowId, { file, upload: handOver(dropFile, rowId, file) });
+    });
+    const count = placement.targets.length;
+    if (count > 0) setPlacements((generation) => generation + 1);
+    if (count > 0 && count === dropRoom && dropRef.current?.contains(document.activeElement)) {
+      landing.current = placement.targets[count - 1] ?? null;
+    }
+    return count;
+  };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-1", children: [
       /* @__PURE__ */ jsx(
@@ -2294,8 +2497,8 @@ function ListField({ field, value, onChange, id, error, env }) {
     ] }),
     field.description && /* @__PURE__ */ jsx("p", { className: "text-[12px] leading-relaxed text-muted-foreground", children: field.description }),
     /* @__PURE__ */ jsxs("div", { ref: rowsRef, className: "space-y-2", children: [
-      items.length === 0 && /* @__PURE__ */ jsx("p", { className: "rounded-md border border-dashed border-border bg-input/50 px-3 py-4 text-center text-[12px] text-muted-foreground", children: s.noItemsYet }),
-      items.map((item, index) => /* @__PURE__ */ jsxs(
+      items.length === 0 && !dropOffered && /* @__PURE__ */ jsx("p", { className: "rounded-md border border-dashed border-border bg-input/50 px-3 py-4 text-center text-[12px] text-muted-foreground", children: s.noItemsYet }),
+      /* @__PURE__ */ jsx(ListDropAreaContext.Provider, { value: dropArea, children: items.map((item, index) => /* @__PURE__ */ jsxs(
         "div",
         {
           "data-list-row": true,
@@ -2334,7 +2537,16 @@ function ListField({ field, value, onChange, id, error, env }) {
           ]
         },
         rowKeys[index] ?? index
-      )),
+      )) }),
+      dropOffered && fileItem && /* @__PURE__ */ jsx("div", { ref: dropRef, children: /* @__PURE__ */ jsx(
+        ListFileDrop,
+        {
+          label: fieldLabel(field.title, field.name, presentation),
+          formats: fileItem.formats,
+          shut: !dropOpen,
+          onPlace: placeFiles
+        }
+      ) }),
       /* @__PURE__ */ jsxs(
         "button",
         {
@@ -2411,6 +2623,42 @@ function listIsBusy(id, uploadingIds) {
   return false;
 }
 var NO_ERRORS = /* @__PURE__ */ new Map();
+var NO_IDS = /* @__PURE__ */ new Set();
+var NO_UPLOADS = /* @__PURE__ */ new Map();
+function withoutUpload(uploads, token) {
+  if (!uploads.has(token)) return uploads;
+  const next = new Map(uploads);
+  next.delete(token);
+  return next;
+}
+function arrivingRows(uploads, moves) {
+  if (uploads.size === 0) return NO_IDS;
+  const rows = /* @__PURE__ */ new Set();
+  for (const upload of uploads.values()) {
+    let at = upload.id;
+    for (const move of moves ?? []) {
+      if (at === void 0) break;
+      if (move.seq > upload.seq) at = movedId(at, move.listId, destinationOf(move.order));
+    }
+    if (at !== void 0) rows.add(at);
+  }
+  return rows;
+}
+function handOver(drop, rowId, file) {
+  try {
+    return drop(rowId, file);
+  } catch (error) {
+    reportHostError(error);
+    const failed = Promise.reject(error);
+    failed.catch(() => {
+    });
+    return failed;
+  }
+}
+function reportHostError(error) {
+  if (typeof globalThis.reportError === "function") globalThis.reportError(error);
+  else console.error(error);
+}
 function withRenumberedErrors(stale, listId, removed, hostErrors) {
   if (!hostErrors?.size) return stale;
   const prefix = `${listId}.`;
@@ -3132,12 +3380,12 @@ function withoutId(ids, id) {
   next.delete(id);
   return next;
 }
-var NO_UPLOADS = /* @__PURE__ */ new Map();
+var NO_UPLOADS2 = /* @__PURE__ */ new Map();
 var NO_MOVES = [];
 var NOTHING_HELD = {
   edited: null,
   failed: EMPTY_IDS,
-  uploads: NO_UPLOADS,
+  uploads: NO_UPLOADS2,
   moves: NO_MOVES
 };
 function withoutEntry(entries, id) {
@@ -3317,7 +3565,7 @@ function useMethodForm({
   );
   const reset = useCallback(
     (next) => {
-      commit({ edited: next ?? null, failed: EMPTY_IDS, uploads: NO_UPLOADS, moves: NO_MOVES });
+      commit({ edited: next ?? null, failed: EMPTY_IDS, uploads: NO_UPLOADS2, moves: NO_MOVES });
       setGiven(next ?? null);
       setAttempted(false);
       setResets((count) => count + 1);
@@ -3569,6 +3817,7 @@ function frameDocument(content, { styles, imgSrc, fontSrc }) {
   const head = [
     '<!doctype html><html><head><meta charset="utf-8">',
     `<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; img-src ${imgSrc}; font-src ${fontSrc}; base-uri 'none'; form-action 'none'">`,
+    '<meta name="referrer" content="no-referrer">',
     `<style>${styles}</style></head>`
   ].join("");
   if (isWholeDocument(content.innerHtml)) return head + content.innerHtml;
@@ -4287,26 +4536,26 @@ function measureFlow(doc) {
       fixed.push(el);
       return;
     }
-    const span = spanOf(el);
+    const span2 = spanOf(el);
     const display = style.display;
     if (FORCED.has(style.breakBefore) || FORCED.has(style.getPropertyValue("page-break-before"))) {
-      forced.push(span.top);
+      forced.push(span2.top);
     }
     if (FORCED.has(style.breakAfter) || FORCED.has(style.getPropertyValue("page-break-after"))) {
-      forced.push(span.bottom);
+      forced.push(span2.bottom);
     }
-    if (AVOIDED.has(style.breakAfter) || HEADING_TAGS.has(el.tagName)) keepAfter.push(span);
-    if (AVOIDED.has(style.breakBefore)) keepBefore.push(span);
+    if (AVOIDED.has(style.breakAfter) || HEADING_TAGS.has(el.tagName)) keepAfter.push(span2);
+    if (AVOIDED.has(style.breakBefore)) keepBefore.push(span2);
     const atomic = ATOMIC_TAGS.has(el.tagName) || display.startsWith("inline-");
     if (atomic) {
-      if (span.bottom > span.top) hard.push(span);
+      if (span2.bottom > span2.top) hard.push(span2);
       return;
     }
     if (AVOIDED.has(style.breakInside) || AVOIDED.has(style.getPropertyValue("page-break-inside")) || display === "table-row") {
-      avoid.push(span);
+      avoid.push(span2);
     }
     if (display === "table" || display === "inline-table") {
-      tables.push(tableBox(el, span));
+      tables.push(tableBox(el, span2));
     }
     for (const child of Array.from(el.childNodes)) {
       if (child.nodeType === 1) walk(child);
@@ -4315,8 +4564,8 @@ function measureFlow(doc) {
       }
     }
   };
-  const tableBox = (table, span) => {
-    const box = { ...span };
+  const tableBox = (table, span2) => {
+    const box = { ...span2 };
     for (const part of Array.from(table.children)) {
       const display = win.getComputedStyle(part).display;
       if (display === "table-header-group" && !box.head) box.head = spanOf(part);
@@ -4329,13 +4578,13 @@ function measureFlow(doc) {
   const lines = [...hard].sort((a, b) => a.top - b.top);
   const firstLineFrom = (at) => lines.find((line) => line.top >= at - 0.5);
   const lastLineBefore = (at) => [...lines].reverse().find((line) => line.bottom <= at + 0.5);
-  for (const span of keepAfter) {
-    const next = firstLineFrom(span.bottom);
-    if (next) avoid.push({ top: span.top, bottom: next.bottom });
+  for (const span2 of keepAfter) {
+    const next = firstLineFrom(span2.bottom);
+    if (next) avoid.push({ top: span2.top, bottom: next.bottom });
   }
-  for (const span of keepBefore) {
-    const previous = lastLineBefore(span.top);
-    const first = firstLineFrom(span.top);
+  for (const span2 of keepBefore) {
+    const previous = lastLineBefore(span2.top);
+    const first = firstLineFrom(span2.top);
     if (previous && first) avoid.push({ top: previous.top, bottom: first.bottom });
   }
   for (const table of tables) {
@@ -4353,17 +4602,17 @@ function measureFlow(doc) {
 function lineSpans(doc, text, y) {
   const range = doc.createRange();
   range.selectNodeContents(text);
-  const spans = [];
+  const spans2 = [];
   for (const rect of Array.from(range.getClientRects())) {
     if (rect.height === 0) continue;
-    const span = { top: y(rect.top), bottom: y(rect.bottom) };
-    const same = spans.find((line) => span.top < line.bottom && span.bottom > line.top);
+    const span2 = { top: y(rect.top), bottom: y(rect.bottom) };
+    const same = spans2.find((line) => span2.top < line.bottom && span2.bottom > line.top);
     if (same) {
-      same.top = Math.min(same.top, span.top);
-      same.bottom = Math.max(same.bottom, span.bottom);
-    } else spans.push(span);
+      same.top = Math.min(same.top, span2.top);
+      same.bottom = Math.max(same.bottom, span2.bottom);
+    } else spans2.push(span2);
   }
-  return spans;
+  return spans2;
 }
 
 // src/react/paginate.ts
@@ -4371,7 +4620,7 @@ var EPSILON = 0.5;
 function paginate(layout, pageHeight) {
   const pages = [];
   const end = layout.height;
-  const inkBottom = Math.max(0, ...layout.hard.map((span) => span.bottom));
+  const inkBottom = Math.max(0, ...layout.hard.map((span2) => span2.bottom));
   const forced = [...layout.forced].sort((a, b) => a - b);
   let start = 0;
   for (let guard = 0; start < end - EPSILON && guard < 1e4; guard++) {
@@ -4402,12 +4651,12 @@ function paginate(layout, pageHeight) {
 }
 function bestCut(layout, start, limit) {
   const room = limit - start;
-  const hard = layout.hard.filter((span) => span.bottom - span.top <= room);
-  const avoid = layout.avoid.filter((span) => span.bottom - span.top <= room);
+  const hard = layout.hard.filter((span2) => span2.bottom - span2.top <= room);
+  const avoid = layout.avoid.filter((span2) => span2.bottom - span2.top <= room);
   const candidates = /* @__PURE__ */ new Set([limit]);
-  for (const span of [...hard, ...avoid]) {
-    candidates.add(span.top);
-    candidates.add(span.bottom);
+  for (const span2 of [...hard, ...avoid]) {
+    candidates.add(span2.top);
+    candidates.add(span2.bottom);
   }
   for (const table of layout.tables) {
     candidates.add(table.top);
@@ -4415,19 +4664,19 @@ function bestCut(layout, start, limit) {
   }
   const sorted = [...candidates].filter((at) => at > start + EPSILON && at <= limit + EPSILON).sort((a, b) => b - a);
   for (const constraints of [[...hard, ...avoid], hard]) {
-    const cut = sorted.find((at) => !constraints.some((span) => inside(span, at)));
+    const cut = sorted.find((at) => !constraints.some((span2) => inside(span2, at)));
     if (cut !== void 0) return Math.min(cut, limit);
   }
   return limit;
 }
-function inside(span, at) {
-  return at > span.top + EPSILON && at < span.bottom - EPSILON;
+function inside(span2, at) {
+  return at > span2.top + EPSILON && at < span2.bottom - EPSILON;
 }
 function openAt(tables, at) {
   return tables.filter((table) => at > table.top + EPSILON && at < (table.foot?.top ?? table.bottom) - EPSILON).sort((a, b) => a.top - b.top);
 }
-function total(spans) {
-  return spans.reduce((sum, span) => sum + (span.bottom - span.top), 0);
+function total(spans2) {
+  return spans2.reduce((sum, span2) => sum + (span2.bottom - span2.top), 0);
 }
 
 // src/react/print-media.ts
@@ -4693,10 +4942,10 @@ async function paintPage(slice, page, area, scale, quality, flow, overlay) {
   context.fillStyle = "#fff";
   context.fillRect(0, 0, canvas.width, canvas.height);
   let y = page.margin.top;
-  for (const span of [...slice.heads, slice.body, ...slice.feet]) {
-    const height = span.bottom - span.top;
+  for (const span2 of [...slice.heads, slice.body, ...slice.feet]) {
+    const height = span2.bottom - span2.top;
     if (height <= 0) continue;
-    const image = await svgImage(flow, { top: span.top, width: area.width, height }, scale);
+    const image = await svgImage(flow, { top: span2.top, width: area.width, height }, scale);
     context.drawImage(
       image,
       page.margin.left * scale,
@@ -5288,6 +5537,710 @@ var ENTITIES = {
 function decode(text) {
   return text.replace(/&(?:amp|lt|gt|quot|#39|#x27);/g, (entity) => ENTITIES[entity] ?? entity);
 }
+function ExtractedPageText({ segments }) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: segments.map(
+    (segment, index) => segment.kind === "markdown" ? /* @__PURE__ */ jsx(Markdown, { text: segment.text }, index) : /* @__PURE__ */ jsx(ExtractedTableView, { table: segment.table }, index)
+  ) });
+}
+function ExtractedTableView({ table }) {
+  const s = useFieldStrings();
+  const headRows = leadingHeaderRows(table);
+  const head = table.rows.slice(0, headRows);
+  const body = table.rows.slice(headRows);
+  return /* @__PURE__ */ jsxs("figure", { className: "space-y-1.5", children: [
+    table.caption && /* @__PURE__ */ jsx("figcaption", { className: "text-[12.5px] text-muted-foreground", children: table.caption }),
+    table.rows.length > 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "group",
+        "aria-label": table.caption ?? s.extractedTable,
+        tabIndex: 0,
+        className: cn("overflow-x-auto rounded-lg border border-border", focusOutlineClass),
+        children: /* @__PURE__ */ jsxs("table", { className: "min-w-full border-collapse text-[12.5px] text-foreground", children: [
+          head.length > 0 && /* @__PURE__ */ jsx("thead", { children: head.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "border-b border-border bg-card/40", children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx(
+            "th",
+            {
+              scope: "col",
+              ...spans(cell),
+              className: "whitespace-pre-line px-2.5 py-1.5 text-start align-bottom font-semibold",
+              children: cell.text
+            },
+            cellIndex
+          )) }, rowIndex)) }),
+          /* @__PURE__ */ jsx("tbody", { children: body.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "border-b border-border/60 last:border-b-0", children: row.map(
+            (cell, cellIndex) => cell.header ? /* @__PURE__ */ jsx(
+              "th",
+              {
+                scope: "row",
+                ...spans(cell),
+                className: "whitespace-pre-line px-2.5 py-1.5 text-start align-top font-semibold",
+                children: cell.text
+              },
+              cellIndex
+            ) : /* @__PURE__ */ jsx(
+              "td",
+              {
+                ...spans(cell),
+                className: "whitespace-pre-line px-2.5 py-1.5 align-top",
+                children: cell.text
+              },
+              cellIndex
+            )
+          ) }, rowIndex)) })
+        ] })
+      }
+    )
+  ] });
+}
+function leadingHeaderRows(table) {
+  let count = 0;
+  for (const row of table.rows) {
+    if (!row.every((cell) => cell.header)) break;
+    count += 1;
+  }
+  return count === table.rows.length ? 0 : count;
+}
+function spans(cell) {
+  return {
+    ...cell.colSpan !== void 0 ? { colSpan: cell.colSpan } : {},
+    ...cell.rowSpan !== void 0 ? { rowSpan: cell.rowSpan } : {}
+  };
+}
+
+// src/react/html-entities.ts
+var HTML_NAMED_ENTITIES = {
+  // The XML marks, their legacy uppercase spellings, and the special marks.
+  apos: 39,
+  AMP: 38,
+  LT: 60,
+  GT: 62,
+  QUOT: 34,
+  COPY: 169,
+  REG: 174,
+  quot: 34,
+  amp: 38,
+  lt: 60,
+  gt: 62,
+  OElig: 338,
+  oelig: 339,
+  Scaron: 352,
+  scaron: 353,
+  Yuml: 376,
+  circ: 710,
+  tilde: 732,
+  ensp: 8194,
+  emsp: 8195,
+  thinsp: 8201,
+  zwnj: 8204,
+  zwj: 8205,
+  lrm: 8206,
+  rlm: 8207,
+  ndash: 8211,
+  mdash: 8212,
+  lsquo: 8216,
+  rsquo: 8217,
+  sbquo: 8218,
+  ldquo: 8220,
+  rdquo: 8221,
+  bdquo: 8222,
+  dagger: 8224,
+  Dagger: 8225,
+  permil: 8240,
+  lsaquo: 8249,
+  rsaquo: 8250,
+  euro: 8364,
+  // Latin-1.
+  nbsp: 160,
+  iexcl: 161,
+  cent: 162,
+  pound: 163,
+  curren: 164,
+  yen: 165,
+  brvbar: 166,
+  sect: 167,
+  uml: 168,
+  copy: 169,
+  ordf: 170,
+  laquo: 171,
+  not: 172,
+  shy: 173,
+  reg: 174,
+  macr: 175,
+  deg: 176,
+  plusmn: 177,
+  sup2: 178,
+  sup3: 179,
+  acute: 180,
+  micro: 181,
+  para: 182,
+  middot: 183,
+  cedil: 184,
+  sup1: 185,
+  ordm: 186,
+  raquo: 187,
+  frac14: 188,
+  frac12: 189,
+  frac34: 190,
+  iquest: 191,
+  Agrave: 192,
+  Aacute: 193,
+  Acirc: 194,
+  Atilde: 195,
+  Auml: 196,
+  Aring: 197,
+  AElig: 198,
+  Ccedil: 199,
+  Egrave: 200,
+  Eacute: 201,
+  Ecirc: 202,
+  Euml: 203,
+  Igrave: 204,
+  Iacute: 205,
+  Icirc: 206,
+  Iuml: 207,
+  ETH: 208,
+  Ntilde: 209,
+  Ograve: 210,
+  Oacute: 211,
+  Ocirc: 212,
+  Otilde: 213,
+  Ouml: 214,
+  times: 215,
+  Oslash: 216,
+  Ugrave: 217,
+  Uacute: 218,
+  Ucirc: 219,
+  Uuml: 220,
+  Yacute: 221,
+  THORN: 222,
+  szlig: 223,
+  agrave: 224,
+  aacute: 225,
+  acirc: 226,
+  atilde: 227,
+  auml: 228,
+  aring: 229,
+  aelig: 230,
+  ccedil: 231,
+  egrave: 232,
+  eacute: 233,
+  ecirc: 234,
+  euml: 235,
+  igrave: 236,
+  iacute: 237,
+  icirc: 238,
+  iuml: 239,
+  eth: 240,
+  ntilde: 241,
+  ograve: 242,
+  oacute: 243,
+  ocirc: 244,
+  otilde: 245,
+  ouml: 246,
+  divide: 247,
+  oslash: 248,
+  ugrave: 249,
+  uacute: 250,
+  ucirc: 251,
+  uuml: 252,
+  yacute: 253,
+  thorn: 254,
+  yuml: 255,
+  // Symbols, mathematical marks and Greek letters.
+  fnof: 402,
+  Alpha: 913,
+  Beta: 914,
+  Gamma: 915,
+  Delta: 916,
+  Epsilon: 917,
+  Zeta: 918,
+  Eta: 919,
+  Theta: 920,
+  Iota: 921,
+  Kappa: 922,
+  Lambda: 923,
+  Mu: 924,
+  Nu: 925,
+  Xi: 926,
+  Omicron: 927,
+  Pi: 928,
+  Rho: 929,
+  Sigma: 931,
+  Tau: 932,
+  Upsilon: 933,
+  Phi: 934,
+  Chi: 935,
+  Psi: 936,
+  Omega: 937,
+  alpha: 945,
+  beta: 946,
+  gamma: 947,
+  delta: 948,
+  epsilon: 949,
+  zeta: 950,
+  eta: 951,
+  theta: 952,
+  iota: 953,
+  kappa: 954,
+  lambda: 955,
+  mu: 956,
+  nu: 957,
+  xi: 958,
+  omicron: 959,
+  pi: 960,
+  rho: 961,
+  sigmaf: 962,
+  sigma: 963,
+  tau: 964,
+  upsilon: 965,
+  phi: 966,
+  chi: 967,
+  psi: 968,
+  omega: 969,
+  thetasym: 977,
+  upsih: 978,
+  piv: 982,
+  bull: 8226,
+  hellip: 8230,
+  prime: 8242,
+  Prime: 8243,
+  oline: 8254,
+  frasl: 8260,
+  image: 8465,
+  weierp: 8472,
+  real: 8476,
+  trade: 8482,
+  alefsym: 8501,
+  larr: 8592,
+  uarr: 8593,
+  rarr: 8594,
+  darr: 8595,
+  harr: 8596,
+  crarr: 8629,
+  lArr: 8656,
+  uArr: 8657,
+  rArr: 8658,
+  dArr: 8659,
+  hArr: 8660,
+  forall: 8704,
+  part: 8706,
+  exist: 8707,
+  empty: 8709,
+  nabla: 8711,
+  isin: 8712,
+  notin: 8713,
+  ni: 8715,
+  prod: 8719,
+  sum: 8721,
+  minus: 8722,
+  lowast: 8727,
+  radic: 8730,
+  prop: 8733,
+  infin: 8734,
+  ang: 8736,
+  and: 8743,
+  or: 8744,
+  cap: 8745,
+  cup: 8746,
+  int: 8747,
+  there4: 8756,
+  sim: 8764,
+  cong: 8773,
+  asymp: 8776,
+  ne: 8800,
+  equiv: 8801,
+  le: 8804,
+  ge: 8805,
+  sub: 8834,
+  sup: 8835,
+  nsub: 8836,
+  sube: 8838,
+  supe: 8839,
+  oplus: 8853,
+  otimes: 8855,
+  perp: 8869,
+  sdot: 8901,
+  lceil: 8968,
+  rceil: 8969,
+  lfloor: 8970,
+  rfloor: 8971,
+  lang: 9001,
+  rang: 9002,
+  loz: 9674,
+  spades: 9824,
+  clubs: 9827,
+  hearts: 9829,
+  diams: 9830
+};
+var ENTITY = /&(#x[0-9a-f]+|#\d+|[a-z][a-z0-9]*);/gi;
+function decodeHtmlEntities(text) {
+  return text.replace(ENTITY, (entity, body) => {
+    if (body.startsWith("#")) {
+      const code2 = body[1] === "x" || body[1] === "X" ? parseInt(body.slice(2), 16) : Number(body.slice(1));
+      return Number.isInteger(code2) && code2 > 0 && code2 <= 1114111 ? String.fromCodePoint(code2) : entity;
+    }
+    const code = ownProp(HTML_NAMED_ENTITIES, body);
+    return typeof code === "number" ? String.fromCodePoint(code) : entity;
+  });
+}
+
+// src/react/extracted-text.ts
+function splitExtractedText(text) {
+  const segments = [];
+  const tableRows = text.includes("|") ? pipeTableRows(text) : [];
+  let markdown = "";
+  let index = 0;
+  while (index < text.length) {
+    if (index === 0 || text[index - 1] === "\n") {
+      const fenceEnd = fencedBlockEnd(text, index);
+      if (fenceEnd !== void 0) {
+        markdown += text.slice(index, fenceEnd);
+        index = fenceEnd;
+        continue;
+      }
+    }
+    const char = text.charAt(index);
+    if (char === "\\" && ESCAPABLE.test(text.charAt(index + 1))) {
+      markdown += text.slice(index, index + 2);
+      index += 2;
+      continue;
+    }
+    if (char === "`") {
+      const end = codeSpanEnd(text, index);
+      markdown += text.slice(index, end);
+      index = end;
+      continue;
+    }
+    if (char === "<") {
+      const markup = readMarkup(text, index);
+      if (markup) {
+        if ("table" in markup) {
+          pushMarkdown(segments, markdown);
+          markdown = "";
+          if (markup.table) segments.push({ kind: "table", table: markup.table });
+        } else if (markup.text === "\n" && within(tableRows, index)) {
+          markdown += " ";
+        } else {
+          markdown += markup.text;
+        }
+        index = markup.end;
+        continue;
+      }
+    }
+    markdown += char;
+    index += 1;
+  }
+  pushMarkdown(segments, markdown);
+  return segments;
+}
+function pushMarkdown(segments, text) {
+  if (text.trim() !== "") segments.push({ kind: "markdown", text });
+}
+function within(spans2, index) {
+  return spans2.some(([start, end]) => index >= start && index < end);
+}
+function pipeTableRows(text) {
+  const lines = [];
+  for (let start = 0; ; ) {
+    const newline = text.indexOf("\n", start);
+    lines.push([start, newline === -1 ? text.length : newline]);
+    if (newline === -1) break;
+    start = newline + 1;
+  }
+  const lineAt = (at) => {
+    const [start, end] = lines[at] ?? [0, 0];
+    return text.slice(start, end);
+  };
+  const rows = [];
+  for (let at = 1; at < lines.length; at += 1) {
+    const header = lineAt(at - 1);
+    const delimiter = lineAt(at);
+    if (!header.includes("|") || !isDelimiterRow(delimiter)) continue;
+    if (rowCells(header).length !== rowCells(delimiter).length) continue;
+    let last = at;
+    while (last + 1 < lines.length && lineAt(last + 1).includes("|")) last += 1;
+    rows.push([lines[at - 1]?.[0] ?? 0, lines[last]?.[1] ?? text.length]);
+    at = last;
+  }
+  return rows;
+}
+function rowCells(line) {
+  let row = line.trim();
+  if (row.startsWith("|")) row = row.slice(1);
+  if (row.endsWith("|") && !row.endsWith("\\|")) row = row.slice(0, -1);
+  const cells = [];
+  let cell = "";
+  for (let at = 0; at < row.length; at += 1) {
+    const char = row.charAt(at);
+    if (char === "\\") {
+      cell += row.slice(at, at + 2);
+      at += 1;
+    } else if (char === "|") {
+      cells.push(cell);
+      cell = "";
+    } else {
+      cell += char;
+    }
+  }
+  cells.push(cell);
+  return cells;
+}
+function isDelimiterRow(line) {
+  return line.includes("|") && rowCells(line).every((cell) => /^\s*:?-+:?\s*$/.test(cell));
+}
+var ESCAPABLE = /^[\x21-\x2f\x3a-\x40\x5b-\x60\x7b-\x7e]$/;
+var FENCE_OPEN = /[ \t]*(`{3,}|~{3,})([^\n]*)/y;
+var FENCE_LINE = /^[ \t]*(?:`{3,}|~{3,})/gm;
+function fencedBlockEnd(text, start) {
+  FENCE_OPEN.lastIndex = start;
+  const open = FENCE_OPEN.exec(text);
+  if (!open) return void 0;
+  const marker = open[1] ?? "";
+  const fenceChar = marker.charAt(0);
+  if (fenceChar === "`" && (open[2] ?? "").includes("`")) return void 0;
+  let lineEnd = text.indexOf("\n", start);
+  while (lineEnd !== -1) {
+    const next = text.indexOf("\n", lineEnd + 1);
+    const end = next === -1 ? text.length : next;
+    const line = text.slice(lineEnd + 1, end).trim();
+    if (line.length >= marker.length && [...line].every((c) => c === fenceChar)) return end;
+    lineEnd = next;
+  }
+  return text.length;
+}
+var BLANK_LINE = /\n[ \t]*\n/g;
+function codeSpanEnd(text, start) {
+  const open = backtickRun(text, start);
+  BLANK_LINE.lastIndex = start;
+  const blank = BLANK_LINE.exec(text);
+  const limit = blank ? blank.index : text.length;
+  let cursor = start + open;
+  for (; ; ) {
+    const next = text.indexOf("`", cursor);
+    if (next === -1 || next >= limit) return start + open;
+    const length = backtickRun(text, next);
+    if (length === open) return next + length;
+    cursor = next + length;
+  }
+}
+function backtickRun(text, start) {
+  let end = start;
+  while (text.charAt(end) === "`") end += 1;
+  return end - start;
+}
+function nextOutsideFences(text, from, pattern) {
+  let cursor = from;
+  for (; ; ) {
+    pattern.lastIndex = cursor;
+    const match = pattern.exec(text);
+    if (!match) return null;
+    FENCE_LINE.lastIndex = cursor;
+    const fence = FENCE_LINE.exec(text);
+    if (!fence || fence.index >= match.index) return match;
+    cursor = fencedBlockEnd(text, fence.index) ?? fence.index + fence[0].length;
+  }
+}
+var COMMENT = /<!--[\s\S]*?-->/g;
+var COMMENT_END = /-->/g;
+var TABLE_OPEN = /<table\b[^>]*>/iy;
+var TABLE_TAG = /<(\/?)table\b[^>]*>/gi;
+var HTML_TAG = /<(\/?)([a-z][a-z0-9]*)(?=[\s/>])[^<>]*>/iy;
+var BLOCK_ELEMENTS = /* @__PURE__ */ new Set([
+  "address",
+  "article",
+  "aside",
+  "blockquote",
+  "body",
+  "br",
+  "center",
+  "dd",
+  "details",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "legend",
+  "li",
+  "main",
+  "nav",
+  "ol",
+  "option",
+  "p",
+  "pre",
+  "section",
+  "summary",
+  "title",
+  "ul"
+]);
+var INLINE_ELEMENTS = /* @__PURE__ */ new Set([
+  "a",
+  "abbr",
+  "b",
+  "bdi",
+  "bdo",
+  "big",
+  "cite",
+  "code",
+  "data",
+  "del",
+  "dfn",
+  "em",
+  "font",
+  "i",
+  "img",
+  "ins",
+  "kbd",
+  "label",
+  "mark",
+  "picture",
+  "q",
+  "s",
+  "samp",
+  "small",
+  "source",
+  "span",
+  "strike",
+  "strong",
+  "sub",
+  "sup",
+  "time",
+  "tt",
+  "u",
+  "var",
+  "wbr"
+]);
+var RAW_TEXT_ENDS = /* @__PURE__ */ new Map([
+  ["script", /<\/script\s*>/gi],
+  ["style", /<\/style\s*>/gi]
+]);
+function readMarkup(text, start) {
+  if (text.startsWith("<!--", start)) {
+    const close = nextOutsideFences(text, start + 4, COMMENT_END);
+    return close ? { end: close.index + close[0].length, text: "" } : void 0;
+  }
+  TABLE_OPEN.lastIndex = start;
+  if (TABLE_OPEN.test(text)) {
+    const end2 = tableEnd(text, start);
+    if (end2 === void 0) return void 0;
+    return { end: end2, table: readTable(text.slice(start, end2).replace(COMMENT, "")) };
+  }
+  HTML_TAG.lastIndex = start;
+  const tag = HTML_TAG.exec(text);
+  if (!tag) return void 0;
+  const closing = tag[1] === "/";
+  const name = (tag[2] ?? "").toLowerCase();
+  const end = start + tag[0].length;
+  const rawTextEnd = closing ? void 0 : RAW_TEXT_ENDS.get(name);
+  if (rawTextEnd) {
+    rawTextEnd.lastIndex = end;
+    const close = rawTextEnd.exec(text);
+    return { end: close ? close.index + close[0].length : end, text: "\n" };
+  }
+  if (RAW_TEXT_ENDS.has(name) || BLOCK_ELEMENTS.has(name)) return { end, text: "\n" };
+  if (INLINE_ELEMENTS.has(name)) return { end, text: "" };
+  return void 0;
+}
+function tableEnd(text, start) {
+  let depth = 0;
+  let cursor = start;
+  for (; ; ) {
+    const tag = nextOutsideFences(text, cursor, TABLE_TAG);
+    if (!tag) return void 0;
+    depth += tag[1] === "/" ? -1 : 1;
+    cursor = tag.index + tag[0].length;
+    if (depth === 0) return cursor;
+  }
+}
+var TABLE_STRUCTURE = /<(\/?)(table|caption|tr|td|th)\b([^>]*)>/gi;
+function readTable(markup) {
+  let caption = "";
+  let captionStart;
+  const rows = [];
+  let row;
+  let cell;
+  let depth = 0;
+  const endCell = (at) => {
+    if (cell && row) {
+      const colSpan = span(cell.attributes, COLSPAN);
+      const rowSpan = span(cell.attributes, ROWSPAN);
+      row.push({
+        text: cellText(markup.slice(cell.start, at)),
+        header: cell.header,
+        ...colSpan !== void 0 ? { colSpan } : {},
+        ...rowSpan !== void 0 ? { rowSpan } : {}
+      });
+    }
+    cell = void 0;
+  };
+  const endRow = (at) => {
+    endCell(at);
+    if (row && row.length > 0) rows.push(row);
+    row = void 0;
+  };
+  for (const tag of markup.matchAll(TABLE_STRUCTURE)) {
+    const closing = tag[1] === "/";
+    const name = (tag[2] ?? "").toLowerCase();
+    if (name === "table") {
+      depth += closing ? -1 : 1;
+      if (depth === 0) break;
+      continue;
+    }
+    if (depth !== 1) continue;
+    if (name === "caption") {
+      if (!closing && caption === "" && captionStart === void 0) {
+        captionStart = tag.index + tag[0].length;
+      } else if (closing && captionStart !== void 0) {
+        caption = cellText(markup.slice(captionStart, tag.index));
+        captionStart = void 0;
+      }
+      continue;
+    }
+    if (name === "tr") {
+      endRow(tag.index);
+      if (!closing) row = [];
+      continue;
+    }
+    endCell(tag.index);
+    if (!closing && row) {
+      cell = {
+        header: name === "th",
+        attributes: tag[3] ?? "",
+        start: tag.index + tag[0].length
+      };
+    }
+  }
+  endRow(markup.length);
+  if (rows.length === 0 && caption === "") return void 0;
+  return { ...caption !== "" ? { caption } : {}, rows };
+}
+var COLSPAN = /\bcolspan\s*=\s*["']?(\d+)/i;
+var ROWSPAN = /\browspan\s*=\s*["']?(\d+)/i;
+function span(attributes, pattern) {
+  const match = pattern.exec(attributes);
+  const value = match ? Number(match[1]) : void 0;
+  return value !== void 0 && value > 1 && value <= 1e3 ? value : void 0;
+}
+function cellText(markup) {
+  return decodeHtmlEntities(
+    markup.replace(/<br\s*\/?>/gi, "\n").replace(/<\/?(?:table|caption|tr|td|th)\b[^>]*>/gi, "\n").replace(/<[^>]*>/g, "")
+  ).split("\n").map((line) => line.replace(/\s+/g, " ").trim()).filter((line) => line !== "").join("\n");
+}
 function unwrap(field, value) {
   if (!field.contentKey) return value;
   if (typeof value !== "object" || value === null || Array.isArray(value)) return value;
@@ -5665,11 +6618,13 @@ function ImageValue({
   value,
   inGallery = false,
   inRow = false,
-  compact = false
+  compact = false,
+  downloadable = true
 }) {
   const s = useFieldStrings();
   const resolve = useResolveUrl();
-  const file = useStuffFile("image", value);
+  const stuffFile = useStuffFile("image", value);
+  const file = downloadable ? stuffFile : void 0;
   const content = readImageContent(value);
   if (!content) return /* @__PURE__ */ jsx(Absent, {});
   const src = paintableUrl(content, resolve);
@@ -5807,7 +6762,13 @@ function LeafValue({
 }
 function RecordSummary({ field, value }) {
   const s = useFieldStrings();
+  const presentation = useFieldPresentation();
   if (isNativeDateNode(field)) return /* @__PURE__ */ jsx(DateValue, { value });
+  const verdict = presentation === "app" ? nativeVerdictOf(field) : void 0;
+  const reading = verdict ? readVerdict(verdict, value, s) : void 0;
+  if (reading) {
+    return /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-[13px] text-foreground", children: reading.answer });
+  }
   if (!isRecord(value) || Object.keys(value).length === 0) return /* @__PURE__ */ jsx(Absent, {});
   const naming = isNativeHtmlNode(field) ? void 0 : recordNameField(field.fields) ?? field.fields.find((member) => member.kind === "prose");
   if (naming === void 0) {
@@ -6144,42 +7105,157 @@ function ObjectTable({
   );
 }
 function CompositeValue({ members }) {
-  return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: members.map((member) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsx("span", { className: "font-mono text-[12px] font-semibold text-foreground", children: member.name }),
-    /* @__PURE__ */ jsx(NativeValue, { value: member.value })
-  ] }, member.name)) });
+  const presentation = useFieldPresentation();
+  const isApp = presentation === "app";
+  return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: members.map((member) => {
+    const label = isApp ? humanizeFieldName(member.name) : member.name;
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "font-semibold text-foreground",
+            isApp ? "text-[13.5px]" : "font-mono text-[12px]"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx(NativeValue, { value: member.value, label })
+    ] }, member.name);
+  }) });
 }
-function NativeValue({ value }) {
+function NativeValue({ value, label }) {
   if (value === null || value === void 0 || value === "") return /* @__PURE__ */ jsx(Absent, {});
-  const html = readHtmlContent(value);
-  if (html) return /* @__PURE__ */ jsx(HtmlPreview, { content: html, downloadPdf: false });
-  const date = readDateContent(value);
-  if (date) return /* @__PURE__ */ jsx("span", { className: "text-[13px] text-foreground", children: formatDateContent(date) });
-  const document2 = readDocumentContent(value);
-  if (document2?.url !== void 0) {
-    return /* @__PURE__ */ jsx(
-      FileRef,
-      {
-        url: document2.url,
-        ...document2.mimeType !== void 0 ? { mimeType: document2.mimeType } : {},
-        ...document2.filename !== void 0 ? { filename: document2.filename } : {}
-      }
-    );
+  if (typeof value === "string") return /* @__PURE__ */ jsx(Markdown, { text: value });
+  if (Array.isArray(value)) return /* @__PURE__ */ jsx(NativeList, { items: value, label });
+  if (!isRecord(value)) return /* @__PURE__ */ jsx(Scalar, { value });
+  const content = readMemberContent(value);
+  switch (content?.model) {
+    case "html":
+      return /* @__PURE__ */ jsx(HtmlPreview, { content: content.html, downloadPdf: false });
+    case "date":
+      return /* @__PURE__ */ jsx("span", { className: "text-[13px] text-foreground", children: formatDateContent(content.date) });
+    case "image":
+      return /* @__PURE__ */ jsx(ImageValue, { value, downloadable: false });
+    case "document":
+      return /* @__PURE__ */ jsx(
+        FileRef,
+        {
+          url: content.document.url,
+          ...content.document.mimeType !== void 0 ? { mimeType: content.document.mimeType } : {},
+          ...content.document.filename !== void 0 ? { filename: content.document.filename } : {}
+        }
+      );
+    case "list":
+      return /* @__PURE__ */ jsx(NativeList, { items: content.items, label });
+    case "text":
+      return content.text === "" ? /* @__PURE__ */ jsx(Absent, {}) : /* @__PURE__ */ jsx(Markdown, { text: content.text });
+    case void 0:
+      return /* @__PURE__ */ jsx(RawValue, { value, compact: false });
+  }
+}
+function NativeList({ items, label }) {
+  if (items.length === 0) return /* @__PURE__ */ jsx(Absent, {});
+  if (items.every(isPlainRecord)) return /* @__PURE__ */ jsx(RecordsTable, { items, label });
+  return /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/60 overflow-hidden rounded-lg border border-border", children: items.map((item, index) => /* @__PURE__ */ jsx("div", { className: "bg-card/40 px-3 py-1.5", children: /* @__PURE__ */ jsx(NativeValue, { value: item, label }) }, index)) });
+}
+var TEXT_MEMBERS = /* @__PURE__ */ new Set(["text"]);
+var DATE_MEMBERS = /* @__PURE__ */ new Set(["date", "time", ...TYPED_SCALAR_MARKERS]);
+var HTML_MEMBERS = /* @__PURE__ */ new Set(["inner_html", "css_class"]);
+var DOCUMENT_MEMBERS = /* @__PURE__ */ new Set([
+  "url",
+  "public_url",
+  "mime_type",
+  "filename",
+  "title",
+  "snippet"
+]);
+var IMAGE_MEMBERS = /* @__PURE__ */ new Set([
+  "url",
+  "public_url",
+  "source_prompt",
+  "source_negative_prompt",
+  "caption",
+  "mime_type",
+  "width",
+  "height",
+  "filename"
+]);
+var LIST_MEMBERS = /* @__PURE__ */ new Set(["items"]);
+function holdsOnly(record, members) {
+  return Object.keys(record).every((key) => members.has(key));
+}
+function readMemberContent(record) {
+  if (holdsOnly(record, HTML_MEMBERS)) {
+    const html = readHtmlContent(record);
+    if (html) return { model: "html", html };
   }
-  if (isRecord(value) && Array.isArray(value.items)) {
-    const items = value.items;
-    if (items.length === 0) return /* @__PURE__ */ jsx(Absent, {});
-    return /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/60 overflow-hidden rounded-lg border border-border", children: items.map((item, index) => /* @__PURE__ */ jsx("div", { className: "bg-card/40 px-3 py-1.5", children: /* @__PURE__ */ jsx(NativeValue, { value: item }) }, index)) });
+  if (holdsOnly(record, DATE_MEMBERS)) {
+    const date = readDateContent(record);
+    if (date) return { model: "date", date };
   }
-  if (isRecord(value)) {
-    const text = value.text;
-    if (typeof text === "string") {
-      return text === "" ? /* @__PURE__ */ jsx(Absent, {}) : /* @__PURE__ */ jsx(Markdown, { text });
+  if (holdsOnly(record, IMAGE_MEMBERS)) {
+    const image = readImageContent(record);
+    if (image && (!holdsOnly(record, DOCUMENT_MEMBERS) || image.mimeType?.toLowerCase().startsWith("image/") === true)) {
+      return { model: "image" };
     }
   }
-  if (typeof value === "string") return /* @__PURE__ */ jsx(Markdown, { text: value });
-  if (typeof value !== "object") return /* @__PURE__ */ jsx(Scalar, { value });
-  return /* @__PURE__ */ jsx(RawValue, { value, compact: false });
+  if (holdsOnly(record, DOCUMENT_MEMBERS)) {
+    const document2 = readDocumentContent(record);
+    if (document2) return { model: "document", document: document2 };
+  }
+  if (holdsOnly(record, LIST_MEMBERS)) {
+    const items = ownProp(record, "items");
+    if (Array.isArray(items)) return { model: "list", items };
+  }
+  if (holdsOnly(record, TEXT_MEMBERS)) {
+    const text = ownProp(record, "text");
+    if (typeof text === "string") return { model: "text", text };
+  }
+  return void 0;
+}
+function isPlainRecord(value) {
+  if (!isRecord(value) || Object.keys(value).length === 0) return false;
+  return readMemberContent(value) === void 0;
+}
+function RecordsTable({
+  items,
+  label
+}) {
+  const presentation = useFieldPresentation();
+  const isApp = presentation === "app";
+  const columns = [];
+  for (const item of items) {
+    for (const key of Object.keys(item)) if (!columns.includes(key)) columns.push(key);
+  }
+  const columnLabel = (column) => isApp ? humanizeFieldName(column) : column;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": label,
+      tabIndex: 0,
+      className: cn("overflow-x-auto rounded-lg border border-border", focusOutlineClass),
+      children: /* @__PURE__ */ jsxs("table", { className: "min-w-full border-collapse text-[12.5px] text-foreground", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "border-b border-border bg-card/40", children: columns.map((column) => /* @__PURE__ */ jsx(
+          "th",
+          {
+            scope: "col",
+            className: cn(
+              "px-2.5 py-1.5 text-start align-bottom font-semibold",
+              !isApp && "font-mono text-[12px]"
+            ),
+            children: columnLabel(column)
+          },
+          column
+        )) }) }),
+        /* @__PURE__ */ jsx("tbody", { children: items.map((item, index) => /* @__PURE__ */ jsx("tr", { className: "border-b border-border/60 last:border-b-0", children: columns.map((column) => {
+          const cell = ownProp(item, column);
+          return /* @__PURE__ */ jsx("td", { className: "px-2.5 py-1.5 align-top", children: typeof cell === "boolean" ? /* @__PURE__ */ jsx(Bool, { value: cell }) : typeof cell === "object" && cell !== null ? /* @__PURE__ */ jsx(NativeValue, { value: cell, label: columnLabel(column) }) : /* @__PURE__ */ jsx(Scalar, { value: cell }) }, column);
+        }) }, index)) })
+      ] })
+    }
+  );
 }
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -6188,9 +7264,10 @@ function ScalarLines({ field, items }) {
   return /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/60 overflow-hidden rounded-lg border border-border", children: items.map((item, index) => /* @__PURE__ */ jsx("div", { className: "bg-card/40 px-3 py-1.5", children: /* @__PURE__ */ jsx(LeafValue, { field, value: item }) }, index)) });
 }
 function ImageGallery({ items }) {
+  const resolve = useResolveUrl();
   const anyViewable = items.some((item) => {
     const content = readImageContent(item);
-    return content ? !!(viewableUrl(content.publicUrl) ?? viewableUrl(content.url)) : false;
+    return content ? paintableUrl(content, resolve) !== void 0 : false;
   });
   if (!anyViewable) return /* @__PURE__ */ jsx(FileRows, { items, kind: "image" });
   return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-2", children: items.map((item, index) => /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-border bg-card/40", children: /* @__PURE__ */ jsx(ResultAt, { segment: String(index), children: /* @__PURE__ */ jsx(ImageValue, { value: item, inGallery: true }) }) }, index)) });
@@ -6223,17 +7300,112 @@ function chooseColumns(fields, budget) {
     ...name ? { name } : {}
   };
 }
+var RAW_PAGE_SOURCES = "data:";
+function PageValue({ field, value, depth }) {
+  const presentation = useFieldPresentation();
+  const content = readPageContent(value);
+  const text = content?.text;
+  const segments = useMemo(() => text === void 0 ? [] : splitExtractedText(text), [text]);
+  const hasText = segments.length > 0;
+  const rawHtml = hasText ? void 0 : content?.rawHtml;
+  const rawPage = useMemo(
+    () => rawHtml === void 0 ? void 0 : { innerHtml: rawHtml },
+    [rawHtml]
+  );
+  if (!content) return /* @__PURE__ */ jsx(Absent, {});
+  const extracted = hasText || rawPage !== void 0 || content.images.length > 0;
+  const showView = content.pageView !== void 0 && (presentation === "studio" || !extracted);
+  if (!extracted && !showView) return /* @__PURE__ */ jsx(Absent, {});
+  const viewField = field.kind === "object" ? field.fields.find((member) => member.name === "page_view") : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    hasText && /* @__PURE__ */ jsx(ExtractedPageText, { segments }),
+    rawPage && /* @__PURE__ */ jsx(
+      HtmlPreview,
+      {
+        content: rawPage,
+        downloadPdf: false,
+        imgSrc: RAW_PAGE_SOURCES,
+        fontSrc: RAW_PAGE_SOURCES
+      }
+    ),
+    content.images.length > 0 && /* @__PURE__ */ jsx(ResultAt, { segment: "text_and_images", children: /* @__PURE__ */ jsx(ResultAt, { segment: "images", children: /* @__PURE__ */ jsx(ImageGallery, { items: content.images }) }) }),
+    showView && /* @__PURE__ */ jsx(ResultAt, { segment: "page_view", children: presentation === "studio" && viewField ? /* @__PURE__ */ jsx(ResultField, { field: viewField, value: content.pageView, depth: depth + 1 }) : /* @__PURE__ */ jsx(ImageValue, { value: content.pageView }) })
+  ] });
+}
+function readVerdict(verdict, value, s) {
+  if (verdict === "yes_no") {
+    const content2 = readYesNoContent(value);
+    if (!content2) return void 0;
+    return {
+      answer: content2.yesNo ? s.yes : s.no,
+      ...content2.probability !== void 0 ? { measure: s.yesProbability(content2.probability) } : {}
+    };
+  }
+  if (verdict === "rating") {
+    const content2 = readRatingContent(value);
+    if (!content2) return void 0;
+    return {
+      // A scale that names its levels says which one in words; one that does
+      // not is counted from one, as a reader counts.
+      answer: content2.label ?? s.ratingLevel(content2.level + 1),
+      ...content2.confidence !== void 0 ? { measure: s.verdictConfidence(content2.confidence) } : {}
+    };
+  }
+  const content = readChoiceContent(value);
+  if (!content) return void 0;
+  return {
+    answer: humanizeEnumValue(content.choice),
+    ...content.confidence !== void 0 ? { measure: s.verdictConfidence(content.confidence) } : {}
+  };
+}
+function VerdictValue({ reading, prominent }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: cn(
+          "font-semibold text-foreground",
+          prominent ? "text-[22px] leading-tight" : "text-[15px] leading-snug"
+        ),
+        children: reading.answer
+      }
+    ),
+    reading.measure !== void 0 && /* @__PURE__ */ jsx("p", { className: "text-[12.5px] text-muted-foreground", children: reading.measure })
+  ] });
+}
+function isLongText(value) {
+  return typeof value === "string" && (value.includes("\n") || value.length > CELL_LENGTH_LIMIT);
+}
+var PanelResultContext = createContext(null);
+var TITLED_PANEL = { hostHeaded: false };
+var HOST_HEADED_PANEL = { hostHeaded: true };
+function PanelResult({
+  hostHeaded,
+  children
+}) {
+  return /* @__PURE__ */ jsx(PanelResultContext, { value: hostHeaded ? HOST_HEADED_PANEL : TITLED_PANEL, children });
+}
 function ResultField(props) {
   const location = useResultLocation();
-  if (location) return /* @__PURE__ */ jsx(ResultNode, { ...props });
-  return /* @__PURE__ */ jsx(ResultRoot, { baseName: props.field.name, path: [props.field.name], children: /* @__PURE__ */ jsx(ResultNode, { ...props }) });
+  const panel = use(PanelResultContext);
+  const node = panel ? /* @__PURE__ */ jsx(PanelResultContext, { value: null, children: /* @__PURE__ */ jsx(ResultNode, { ...props, whole: true, hostHeaded: panel.hostHeaded }) }) : /* @__PURE__ */ jsx(ResultNode, { ...props });
+  if (location) return node;
+  return /* @__PURE__ */ jsx(ResultRoot, { baseName: props.field.name, path: [props.field.name], children: node });
 }
-function ResultNode({ field, value, depth = 0, hideLabel = false }) {
+function ResultNode({
+  field,
+  value,
+  depth = 0,
+  hideLabel = false,
+  whole = false,
+  hostHeaded = false
+}) {
   const s = useFieldStrings();
   const unwrapped = unwrap(field, value);
   const pageDownloadShown = useFileDownloadShown("markup");
   const pdfShown = usePdfSaveShown();
   const location = useResultLocation();
+  const isApp = useFieldPresentation() === "app";
   const header = hideLabel ? null : /* @__PURE__ */ jsx(Label2, { field, describe: true });
   const copyText = (field.kind === "text" || field.kind === "prose") && typeof unwrapped === "string" && unwrapped !== "" ? unwrapped : void 0;
   if (isNativeDateNode(field)) {
@@ -6271,9 +7443,24 @@ function ResultNode({ field, value, depth = 0, hideLabel = false }) {
       members && members.length > 0 ? /* @__PURE__ */ jsx(CompositeValue, { members }) : /* @__PURE__ */ jsx(Absent, {})
     ] });
   }
+  if (isNativePageNode(field)) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      header,
+      /* @__PURE__ */ jsx(PageValue, { field, value: unwrapped, depth })
+    ] });
+  }
+  const verdict = isApp ? nativeVerdictOf(field) : void 0;
+  const reading = verdict ? readVerdict(verdict, unwrapped, s) : void 0;
+  if (reading) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      header,
+      /* @__PURE__ */ jsx(VerdictValue, { reading, prominent: whole })
+    ] });
+  }
   switch (field.kind) {
     case "object": {
       const memberValue = (child) => typeof unwrapped === "object" && unwrapped !== null ? ownProp(unwrapped, child.name) : void 0;
+      const sharesALine = (child) => isInlineColumn(child) && !(isApp && child.kind === "text" && isLongText(unwrap(child, memberValue(child))));
       return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         header,
         /* @__PURE__ */ jsx(
@@ -6305,7 +7492,7 @@ function ResultNode({ field, value, depth = 0, hideLabel = false }) {
                 // so does anything with chrome of its own - a table, a gallery, a
                 // frame - which beside a label would be squeezed into whatever the
                 // longest label left over.
-                isInlineColumn(child) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                sharesALine(child) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
                   /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsx(Label2, { field: child, describe: true }) }),
                   /* @__PURE__ */ jsx("div", { className: "flex min-w-0 justify-end **:data-chips:justify-end", children: /* @__PURE__ */ jsx("div", { className: "min-w-0 text-left wrap-break-word", children: /* @__PURE__ */ jsx(LeafValue, { field: child, value: memberValue(child) }) }) })
                 ] }, child.name) : /* @__PURE__ */ jsx("div", { className: "col-span-2 min-w-0", children: /* @__PURE__ */ jsx(ResultAt, { segment: child.name, children: /* @__PURE__ */ jsx(ResultField, { field: child, value: memberValue(child), depth: depth + 1 }) }) }, child.name)
@@ -6319,7 +7506,7 @@ function ResultNode({ field, value, depth = 0, hideLabel = false }) {
       const items = Array.isArray(unwrapped) ? unwrapped : [];
       const columns = recordColumns(field.item);
       return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+        isApp && hostHeaded ? null : /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
           header,
           /* @__PURE__ */ jsx("span", { className: "font-mono text-[10.5px] text-muted-foreground", children: s.itemsCount(items.length) })
         ] }),
@@ -6331,6 +7518,30 @@ function ResultNode({ field, value, depth = 0, hideLabel = false }) {
           // column named by it, and show a composite as JSON. The arm keyed by
           // concept is the one that knows what each entry is.
           /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/60 overflow-hidden rounded-lg border border-border", children: items.map((item, index) => /* @__PURE__ */ jsx("div", { className: "bg-card/40 px-3 py-1.5", children: /* @__PURE__ */ jsx(ResultAt, { segment: String(index), children: /* @__PURE__ */ jsx(ResultField, { field: field.item, value: item, depth: depth + 1, hideLabel: true }) }) }, index)) })
+        ) : isNativePageNode(field.item) ? (
+          // A document's pages, one after the other, each drawn by the page
+          // arm and captioned with its number: a page is a document's unit,
+          // and a table of pages had a row per page and the text nowhere.
+          /* @__PURE__ */ jsx("div", { className: "space-y-3", children: items.map((item, index) => (
+            // An article, not a section: a named section is a landmark,
+            // and a landmark's name must be unique on the page, which
+            // "Page 1" is not once a host shows two results.
+            /* @__PURE__ */ jsxs(
+              "article",
+              {
+                "aria-label": s.pageNumber(index + 1),
+                className: "space-y-2 rounded-lg border border-border bg-card/40 px-3.5 py-3",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-[12px] font-medium text-muted-foreground", children: s.pageNumber(index + 1) }),
+                  /* @__PURE__ */ jsx(ResultAt, { segment: String(index), children: /* @__PURE__ */ jsx(ResultField, { field: field.item, value: item, depth: depth + 1, hideLabel: true }) })
+                ]
+              },
+              index
+            )
+          )) })
+        ) : isApp && nativeVerdictOf(field.item) ? (
+          // Verdicts in `app`, one per line, each drawn by the verdict arm.
+          /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/60 overflow-hidden rounded-lg border border-border", children: items.map((item, index) => /* @__PURE__ */ jsx("div", { className: "bg-card/40 px-3 py-1.5", children: /* @__PURE__ */ jsx(ResultAt, { segment: String(index), children: /* @__PURE__ */ jsx(ResultField, { field: field.item, value: item, depth: depth + 1, hideLabel: true }) }) }, index)) })
         ) : columns ? (
           // Same shape every row: the labels are column headers, not per-row
           // labels. See `ObjectTable`.
@@ -6387,7 +7598,7 @@ function ResultNode({ field, value, depth = 0, hideLabel = false }) {
           /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: header }),
           /* @__PURE__ */ jsx(CopyButton, { value: copyText, label: s.copyText })
         ] }),
-        /* @__PURE__ */ jsx(LeafValue, { field, value })
+        isApp && field.kind === "text" && isLongText(unwrapped) ? /* @__PURE__ */ jsx(Markdown, { text: unwrapped }) : /* @__PURE__ */ jsx(LeafValue, { field, value })
       ] });
   }
   return null;
@@ -6549,6 +7760,9 @@ function StuffPanel({
   const labels = { rendered: s.viewRendered, json: s.viewJson };
   const pdfName = page && pdfShown ? pdfFileName(field, value, baseName) : void 0;
   const pageView = page !== void 0 && view !== "json";
+  const titled = presentation !== "app" || name !== void 0 && name !== "" && !page;
+  const switchShown = offered.length > 1;
+  const headerShown = titled || downloadShown || switchShown || page && pdfName !== void 0;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -6563,8 +7777,9 @@ function StuffPanel({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-center justify-between gap-x-4 gap-y-1", children: [
-          page && presentation === "app" ? /* @__PURE__ */ jsx("div", {}) : /* @__PURE__ */ jsx("div", { className: "min-w-0 space-y-1", children: /* @__PURE__ */ jsx(ResultHeader, { field: named }) }),
+        dialog,
+        headerShown && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-center justify-between gap-x-4 gap-y-1", children: [
+          titled ? /* @__PURE__ */ jsx("div", { className: "min-w-0 space-y-1", children: /* @__PURE__ */ jsx(ResultHeader, { field: named }) }) : /* @__PURE__ */ jsx("div", {}),
           /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
             page && pdfName !== void 0 && /* @__PURE__ */ jsx(
               PdfDownloadButton,
@@ -6592,8 +7807,7 @@ function StuffPanel({
                 ]
               }
             ),
-            dialog,
-            offered.length > 1 && /* @__PURE__ */ jsx(
+            switchShown && /* @__PURE__ */ jsx(
               "div",
               {
                 role: "group",
@@ -6634,7 +7848,7 @@ function StuffPanel({
           // `ResultField`, whose page arm would add a second control row saving
           // the same file, and with no box around it.
           /* @__PURE__ */ jsx(HtmlPreview, { content: page, downloadPdf: false, bare: true, fill: true })
-        ) : /* @__PURE__ */ jsx(ResultRoot, { baseName, path: [field.name], children: /* @__PURE__ */ jsx(ResultField, { field, value, hideLabel: true }) })
+        ) : /* @__PURE__ */ jsx(ResultRoot, { baseName, path: [field.name], children: /* @__PURE__ */ jsx(PanelResult, { hostHeaded: !titled, children: /* @__PURE__ */ jsx(ResultField, { field, value, hideLabel: true }) }) })
       ]
     }
   );
@@ -6646,5 +7860,5 @@ function pdfFileName(field, value, baseName) {
 }
 
 export { BooleanField, ConceptPill, DEFAULT_FIELD_STRINGS, DateField, DocumentField, EN_FIELD_STRINGS, EnumField, FIELD_STRINGS_BY_LOCALE, FR_FIELD_STRINGS, FieldDomIdProvider, FieldPresentationProvider, FieldRenderer, FieldShell, FieldStringsProvider, FilePicker, FilePickerEntry, FillWithExample, HtmlPreview, ImageField, JsonView, ListField, Markdown, MethodForm, NumberField, ObjectField, OptionalToggle, PdfDownloadButton, ProseField, ResultEnvProvider, ResultField, ResultRoot, SUPPORTED_LOCALES, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, StuffViewer, Switch, TextField, ToggleGroup, ToggleGroupItem, UnknownField, checkedAccentClass, cn, fieldControlClass, fieldStringsFor, focusOutlineClass, humanizeFieldName, linkTextClass, renderHtmlPdf, resolveHtmlStorageUrls, saveInBrowser, selectedBorderClass, selectedFillClass, selectedFillStrongClass, useFieldDomId, useFieldPresentation, useFieldStrings, useMethodForm, useProseImages, useResolveShareUrl, useResolveUrl, useResolvedUrl };
-//# sourceMappingURL=chunk-W5MYXDLO.js.map
-//# sourceMappingURL=chunk-W5MYXDLO.js.map
+//# sourceMappingURL=chunk-NA7SIQOH.js.map
+//# sourceMappingURL=chunk-NA7SIQOH.js.map