@pipelex/mthds-form 0.26.0 → 0.28.0

package/dist/{chunk-RSYOZZZF.js → chunk-II5TOORN.js}

@@ -1,9 +1,9 @@
-import { planFileSave, planStuffSave, splitFileName, typedFileStem } from './chunk-QWHUUMSB.js';
+import { planFileSave, planStuffSave, splitFileName, typedFileStem } from './chunk-4VAO6BDE.js';
 import { seedInputs, closeOptionalStructures, openOptionalStructures } from './chunk-VH5CDQDR.js';
-import { sourceFileValue, roomForChosenFiles, roomForDroppedFiles, addChosenFiles, placeDroppedFiles, chosenFilesAdded } from './chunk-NSHGLM6A.js';
-import { readStuffFile } from './chunk-QINLJ5RM.js';
+import { sourceFileValue, roomForChosenFiles, roomForDroppedFiles, addChosenFiles, placeDroppedFiles, chosenFilesAdded } from './chunk-L23R3JNQ.js';
+import { readStuffFile } from './chunk-56WECFBD.js';
 import { apiInputsFromRunValues, sameRunValues, runValuesFromInputs, setValueAtPath } from './chunk-ZX52CQJ4.js';
-import { TYPED_SCALAR_MARKERS, viewableUrl, isNativeDateNode, isNativeHtmlNode, readHtmlContent, isNativeCompositeNode, readCompositeContent, isNativePageNode, nativeVerdictOf, isNativeValueNode, readDateContent, formatDateContent, readPageContent, readYesNoContent, readRatingContent, readChoiceContent, readDocumentContent, readImageContent, readDataUrl } from './chunk-JSPF4BQP.js';
+import { TYPED_SCALAR_MARKERS, viewableUrl, splitCitations, webHref, isNativeDateNode, isNativeHtmlNode, readHtmlContent, isNativeCompositeNode, readCompositeContent, isNativePageNode, nativeVerdictOf, isNativeSearchResultNode, readSearchResultContent, isNativeValueNode, readDateContent, formatDateContent, readPageContent, readYesNoContent, readRatingContent, readChoiceContent, readDocumentContent, readImageContent, readDataUrl, citedSource } from './chunk-QQK6Y55E.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';
@@ -14,7 +14,7 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { ChevronDown, ChevronUp, Check, List, Braces, ListChecks, ToggleLeft, Hash, Image as Image$1, FileText, CalendarDays, Type, Folder, Search, X, ImageIcon, Loader2, ImageOff, Upload, Link2, EyeOff, Eye, Minus, Plus, Trash2, Sparkles, MoreHorizontal, TriangleAlert, FileDown, Copy, Download, ChevronRight, ExternalLink, ChevronLeft } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React5 from 'react';
+import * as React9 from 'react';
 import { createContext, use, useId, useMemo, useContext, useState, useEffect, useRef, useLayoutEffect, useCallback, Fragment as Fragment$1, useSyncExternalStore } from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { useDropzone } from 'react-dropzone';
@@ -115,7 +115,7 @@ function fieldLabel(title, name, presentation) {
   if (title !== void 0) return title;
   return presentation === "app" ? humanizeFieldName(name) : name;
 }
-var Switch = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -290,6 +290,7 @@ var EN_FIELD_STRINGS = {
   ratingLevel: (position) => `Level ${position}`,
   pageNumber: (position) => `Page ${position}`,
   extractedTable: "Table",
+  searchSources: "Sources",
   viewImage: (name) => `View ${name}`,
   imagePosition: (position, count) => `${position} of ${count}`,
   previousImage: "Previous picture",
@@ -352,6 +353,7 @@ var EN_FIELD_STRINGS = {
   replaceEnteredDescription: (name) => `Filling the form with \u201C${name}\u201D replaces every value in it.`,
   replaceEnteredConfirm: "Replace",
   exampleActions: (name) => `Actions for ${name}`,
+  openExample: "Open",
   renameExample: "Rename",
   deleteExample: "Delete",
   renameExampleTitle: "Rename the example",
@@ -473,6 +475,7 @@ var FR_FIELD_STRINGS = {
   ratingLevel: (position) => `Niveau ${position}`,
   pageNumber: (position) => `Page ${position}`,
   extractedTable: "Tableau",
+  searchSources: "Sources",
   viewImage: (name) => `Voir ${name}`,
   imagePosition: (position, count) => `${position} sur ${count}`,
   previousImage: "Image pr\xE9c\xE9dente",
@@ -535,6 +538,7 @@ var FR_FIELD_STRINGS = {
   replaceEnteredDescription: (name) => `Remplir le formulaire avec \xAB\xA0${name}\xA0\xBB remplace toutes ses valeurs.`,
   replaceEnteredConfirm: "Remplacer",
   exampleActions: (name) => `Actions pour ${name}`,
+  openExample: "Ouvrir",
   renameExample: "Renommer",
   deleteExample: "Supprimer",
   renameExampleTitle: "Renommer l\u2019exemple",
@@ -793,6 +797,10 @@ function useSourcePages(load, key) {
     updateItems
   };
 }
+function drawsNothing(drawn) {
+  if (Array.isArray(drawn)) return drawn.every((item) => drawsNothing(item));
+  return drawn === null || drawn === void 0 || typeof drawn === "boolean" || drawn === "";
+}
 function DimRows({ count = 4 }) {
   return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", "data-dim-rows": true, className: "divide-y divide-border", children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-16 items-center gap-3 px-4 py-3 opacity-60", children: [
     /* @__PURE__ */ jsx("span", { className: "size-8 shrink-0 rounded-md bg-muted" }),
@@ -860,7 +868,7 @@ var keepPress = (event) => event.stopPropagation();
 function DialogSurface({ children }) {
   return /* @__PURE__ */ jsx("div", { className: "contents", onClick: keepPress, onMouseDown: keepPress, children });
 }
-var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -869,7 +877,7 @@ var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React5.forwardRef(({ className, layout = "dialog", returnFocus, onCloseAutoFocus, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogSurface, { children: [
+var DialogContent = React9.forwardRef(({ className, layout = "dialog", returnFocus, onCloseAutoFocus, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogSurface, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsx(
     DialogPrimitive.Content,
@@ -890,7 +898,7 @@ var DialogContent = React5.forwardRef(({ className, layout = "dialog", returnFoc
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -899,7 +907,7 @@ var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -931,7 +939,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle = React5.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Toggle = React9.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
   TogglePrimitive.Root,
   {
     ref,
@@ -940,11 +948,11 @@ var Toggle = React5.forwardRef(({ className, variant, size, ...props }, ref) =>
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React5.createContext({
+var ToggleGroupContext = React9.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React5.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToggleGroup = React9.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -954,8 +962,8 @@ var ToggleGroup = React5.forwardRef(({ className, variant, size, children, ...pr
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React5.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React5.useContext(ToggleGroupContext);
+var ToggleGroupItem = React9.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React9.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -1266,9 +1274,6 @@ function rowMeta(s, file, format) {
   }
   return parts.join(" \xB7 ");
 }
-function drawsNothing(glyph) {
-  return glyph === null || glyph === void 0 || typeof glyph === "boolean" || glyph === "";
-}
 function FileRow({
   file,
   formats,
@@ -1866,7 +1871,7 @@ function ClearButton({ disabled, onClick }) {
 }
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1885,7 +1890,7 @@ var SelectTrigger = React5.forwardRef(({ className, children, ...props }, ref) =
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -1895,7 +1900,7 @@ var SelectScrollUpButton = React5.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -1905,7 +1910,7 @@ var SelectScrollDownButton = React5.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React5.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React9.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -1933,7 +1938,7 @@ var SelectContent = React5.forwardRef(({ className, children, position = "popper
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -1942,7 +1947,7 @@ var SelectLabel = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -1958,7 +1963,7 @@ var SelectItem = React5.forwardRef(({ className, children, ...props }, ref) => /
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2927,7 +2932,7 @@ function FieldRenderer({ field, value, onChange, id, error, env }) {
   }
 }
 var AlertDialog = AlertDialogPrimitive.Root;
-var AlertDialogContent = React5.forwardRef(({ className, returnFocus, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsxs(DialogSurface, { children: [
+var AlertDialogContent = React9.forwardRef(({ className, returnFocus, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsxs(DialogSurface, { children: [
   /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50" }),
   /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Content,
@@ -2943,7 +2948,7 @@ var AlertDialogContent = React5.forwardRef(({ className, returnFocus, onCloseAut
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -2952,7 +2957,7 @@ var AlertDialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -2965,7 +2970,7 @@ var AlertDialogCancel = AlertDialogPrimitive.Cancel;
 var AlertDialogAction = AlertDialogPrimitive.Action;
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2978,7 +2983,7 @@ var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3024,6 +3029,8 @@ function FillWithExample({
   const afterControl = useRef(null);
   const rows = useRef(/* @__PURE__ */ new Map());
   const menus = useRef(/* @__PURE__ */ new Map());
+  const handingOver = useRef(null);
+  const latestChoice = useRef(() => void 0);
   const afterRowDialog = useRef(null);
   const register = (map, id) => (element) => {
     map.set(id, element);
@@ -3044,7 +3051,12 @@ function FillWithExample({
     setRenaming(null);
     setDeleting(null);
   }
-  if (source.hideWhenEmpty && !open && (answer ?? hasExamples) !== true) return null;
+  const hidden = source.hideWhenEmpty === true && !open && (answer ?? hasExamples) !== true;
+  if (hidden && (replacing || renaming || deleting)) {
+    setReplacing(null);
+    setRenaming(null);
+    setDeleting(null);
+  }
   const closeList = () => {
     if (source.hideWhenEmpty && pages.status === "ready") {
       if (pages.items.length > 0) setHasExamples(true);
@@ -3060,13 +3072,27 @@ function FillWithExample({
     if (disabled) return;
     onFill(runValuesFromInputs(example.inputs, fields), example);
     setReplacing(null);
-    closeList();
+    if (open) closeList();
   };
   const choose = (example) => {
+    if (disabled) return;
     if (touched) setReplacing(example);
     else fill(example);
   };
-  const manages = source.rename !== void 0 || source.delete !== void 0;
+  useEffect(() => {
+    latestChoice.current = hidden ? () => void 0 : choose;
+    return () => {
+      latestChoice.current = () => void 0;
+    };
+  });
+  if (hidden) return null;
+  const manages = source.open !== void 0 || source.rename !== void 0 || source.delete !== void 0;
+  const handOver2 = () => {
+    const example = handingOver.current;
+    handingOver.current = null;
+    if (!example || !source.open) return;
+    queueMicrotask(() => source.open?.(example, () => latestChoice.current(example)));
+  };
   const status = pages.status === "idle" || pages.status === "loading" ? s.examplesLoading : pages.status === "failed" ? s.examplesFailed : pages.more === "failed" ? s.loadMoreFailed : pages.items.length > 0 ? s.examplesShown(pages.items.length) : pages.empty ? s.examplesNone : s.examplesLoading;
   const returnFromRowDialog = () => {
     const next = afterRowDialog.current;
@@ -3109,6 +3135,7 @@ function FillWithExample({
             className: "top-auto max-h-[calc(100dvh-1.5rem)]",
             ref: sheet,
             returnFocus: () => control.current ?? afterControl.current,
+            onCloseAutoFocus: handOver2,
             children: [
               /* @__PURE__ */ jsx("div", { className: "px-4 pt-4 pb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
                 /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1 pt-1", children: [
@@ -3141,7 +3168,13 @@ function FillWithExample({
                         "flex min-h-16 min-w-0 flex-1 items-center px-4 py-2.5 text-left transition-colors hover:bg-muted/60",
                         focusOutlineInsetClass
                       ),
-                      children: /* @__PURE__ */ jsx("span", { className: "truncate text-[16px] font-medium text-foreground", children: example.name })
+                      children: /* @__PURE__ */ jsx(
+                        ExampleRowText,
+                        {
+                          name: example.name,
+                          detail: source.renderDetail?.(example, fields)
+                        }
+                      )
                     }
                   ),
                   manages && // Not modal, so the question a menu item opens takes
@@ -3160,6 +3193,16 @@ function FillWithExample({
                       }
                     ),
                     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+                      source.open && /* @__PURE__ */ jsx(
+                        DropdownMenuItem,
+                        {
+                          onSelect: () => {
+                            handingOver.current = example;
+                            closeList();
+                          },
+                          children: s.openExample
+                        }
+                      ),
                       source.rename && /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => setRenaming(example), children: s.renameExample }),
                       source.delete && /* @__PURE__ */ jsx(
                         DropdownMenuItem,
@@ -3209,7 +3252,7 @@ function FillWithExample({
       RenameExampleDialog,
       {
         example: renaming,
-        rename: source.rename,
+        rename: source.rename.bind(source),
         returnFocus: returnFromRowDialog,
         onDone: (renamed) => {
           pages.updateItems(
@@ -3228,7 +3271,7 @@ function FillWithExample({
       DeleteExampleDialog,
       {
         example: deleting,
-        remove: source.delete,
+        remove: source.delete.bind(source),
         returnFocus: returnFromRowDialog,
         onDone: (deleted) => {
           const index = pages.items.findIndex((item) => item.id === deleted.id);
@@ -3245,6 +3288,22 @@ function FillWithExample({
     )
   ] });
 }
+function ExampleRowText({ name, detail }) {
+  return /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "block truncate text-[16px] font-medium text-foreground", children: name }),
+    !drawsNothing(detail) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-slot": "example-row-detail",
+          className: "mt-0.5 block text-[13px] wrap-break-word text-muted-foreground",
+          children: detail
+        }
+      )
+    ] })
+  ] });
+}
 function RenameExampleDialog({
   example,
   rename,
@@ -4388,7 +4447,7 @@ function usePdfViewer() {
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipRoot = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React5.forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var TooltipContent = React9.forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -5604,13 +5663,14 @@ function isTextEntry(target) {
   return target.isContentEditable || target.closest("input, textarea, select") !== null;
 }
 var LEX_OPTIONS = { gfm: true, breaks: true };
-function Markdown({ text, className, proseImages }) {
-  const tokens = React5.useMemo(() => marked.lexer(text, LEX_OPTIONS), [text]);
+function Markdown({ text, className, proseImages, citations }) {
+  const tokens = React9.useMemo(() => marked.lexer(text, LEX_OPTIONS), [text]);
   const fromEnv = useProseImages();
   const mode = proseImages ?? fromEnv;
-  return /* @__PURE__ */ jsx(ProseImagesContext, { value: mode, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-2 text-[13px] leading-relaxed text-foreground", className), children: /* @__PURE__ */ jsx(Blocks, { tokens }) }) });
+  return /* @__PURE__ */ jsx(ProseImagesContext, { value: mode, children: /* @__PURE__ */ jsx(CitationsContext, { value: citations, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-2 text-[13px] leading-relaxed text-foreground", className), children: /* @__PURE__ */ jsx(Blocks, { tokens }) }) }) });
 }
-var ProseImagesContext = React5.createContext("link");
+var ProseImagesContext = React9.createContext("link");
+var CitationsContext = React9.createContext(void 0);
 var HEADING_CLASS = {
   1: "text-[16px] font-semibold",
   2: "text-[14.5px] font-semibold",
@@ -5727,7 +5787,7 @@ function InlineToken({ token }) {
   switch (token.type) {
     case "text": {
       const text = token;
-      return text.tokens ? /* @__PURE__ */ jsx(Inline, { tokens: text.tokens }) : /* @__PURE__ */ jsx(Fragment, { children: decode(text.text) });
+      return text.tokens ? /* @__PURE__ */ jsx(Inline, { tokens: text.tokens }) : /* @__PURE__ */ jsx(CitedText, { text: decode(text.text) });
     }
     case "escape":
       return /* @__PURE__ */ jsx(Fragment, { children: token.text });
@@ -5744,7 +5804,9 @@ function InlineToken({ token }) {
     case "link": {
       const link = token;
       const href = safeHref(link.href);
-      if (!href) return /* @__PURE__ */ jsx(Inline, { tokens: link.tokens });
+      if (!href) {
+        return /* @__PURE__ */ jsx(CitationsContext, { value: void 0, children: /* @__PURE__ */ jsx(Inline, { tokens: link.tokens }) });
+      }
       return (
         // The flag is set for everything under the anchor, so a nested `image`
         // token knows not to open one of its own — see {@link ProseImage}.
@@ -5766,9 +5828,34 @@ function InlineToken({ token }) {
       return /* @__PURE__ */ jsx(Fragment, { children: rawOf(token) });
   }
 }
+function CitedText({ text }) {
+  const citations = React9.use(CitationsContext);
+  const insideLink = React9.use(InsideLinkContext);
+  if (!citations || insideLink) return /* @__PURE__ */ jsx(Fragment, { children: text });
+  return /* @__PURE__ */ jsx(Fragment, { children: splitCitations(text).map((segment, index) => {
+    const target = "citation" in segment ? citations(segment.citation) : void 0;
+    const href = target ? webHref(target.href) : void 0;
+    if (!target || !href) return /* @__PURE__ */ jsx(React9.Fragment, { children: segment.text }, index);
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        title: target.label,
+        className: cn(
+          "mx-px whitespace-nowrap rounded-sm underline underline-offset-2",
+          focusOutlineClass
+        ),
+        children: segment.text
+      },
+      index
+    );
+  }) });
+}
 function ProseImage({ token }) {
-  const mode = React5.use(ProseImagesContext);
-  const insideLink = React5.use(InsideLinkContext);
+  const mode = React9.use(ProseImagesContext);
+  const insideLink = React9.use(InsideLinkContext);
   const src = proseImageUrl(token.href);
   if (!src) return /* @__PURE__ */ jsx(Fragment, { children: token.text });
   if (mode === "load") {
@@ -5794,7 +5881,7 @@ function ProseImage({ token }) {
     }
   );
 }
-var InsideLinkContext = React5.createContext(false);
+var InsideLinkContext = React9.createContext(false);
 function proseImageUrl(href) {
   const url = viewableUrl(href);
   return url && /^https?:/.test(url) ? url : void 0;
@@ -7864,6 +7951,64 @@ function VerdictValue({ reading, prominent }) {
     reading.measure !== void 0 && /* @__PURE__ */ jsx("p", { className: "text-[12.5px] text-muted-foreground", children: reading.measure })
   ] });
 }
+function SearchResultValue({ content }) {
+  const s = useFieldStrings();
+  const headingId = useId();
+  const citations = (citation) => {
+    const source = citedSource(content, citation);
+    return source?.href ? { href: source.href, label: source.title ?? source.address } : void 0;
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    content.answer.trim() === "" ? /* @__PURE__ */ jsx(Absent, {}) : /* @__PURE__ */ jsx(Markdown, { text: content.answer, citations }),
+    content.sources.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("p", { id: headingId, className: "text-[12px] font-medium text-muted-foreground", children: s.searchSources }),
+      /* @__PURE__ */ jsx(
+        "ul",
+        {
+          "aria-labelledby": headingId,
+          className: "grid grid-cols-[max-content_minmax(0,1fr)] gap-x-2 gap-y-1",
+          children: content.sources.map((source) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "col-span-2 grid grid-cols-subgrid items-baseline",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px] tabular-nums text-muted-foreground", children: source.citations.map((citation) => `[${citation}]`).join("") }),
+                /* @__PURE__ */ jsx(SearchSource, { source })
+              ]
+            },
+            source.citations[0]
+          ))
+        }
+      )
+    ] })
+  ] });
+}
+function SearchSource({ source }) {
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "text-[13px] leading-5 wrap-anywhere text-foreground",
+          source.href && "underline underline-offset-2"
+        ),
+        children: source.title ?? source.address
+      }
+    ),
+    source.host && /* @__PURE__ */ jsx("span", { className: "block text-[12px] leading-4 text-muted-foreground wrap-anywhere", children: source.host })
+  ] });
+  if (!source.href) return /* @__PURE__ */ jsx("div", { className: "min-w-0", children: body });
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: source.href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: cn("block min-w-0 rounded-sm max-sm:py-1.5", focusOutlineClass),
+      children: body
+    }
+  );
+}
 function isLongText(value) {
   return typeof value === "string" && (value.includes("\n") || value.length > CELL_LENGTH_LIMIT);
 }
@@ -7948,6 +8093,16 @@ function ResultNode({
       /* @__PURE__ */ jsx(VerdictValue, { reading, prominent: whole })
     ] });
   }
+  const search = isApp && isNativeSearchResultNode(field) ? readSearchResultContent(unwrapped) : void 0;
+  if (search) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      search.answer.trim() === "" ? header : /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: header }),
+        /* @__PURE__ */ jsx(CopyButton, { value: search.answer, label: s.copyText })
+      ] }),
+      /* @__PURE__ */ jsx(SearchResultValue, { content: search })
+    ] });
+  }
   switch (field.kind) {
     case "object": {
       const memberValue = (child) => typeof unwrapped === "object" && unwrapped !== null ? ownProp(unwrapped, child.name) : void 0;
@@ -8033,9 +8188,12 @@ function ResultNode({
         ) : 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 ? (
+        ) : columns && !(isApp && isNativeSearchResultNode(field.item)) ? (
           // Same shape every row: the labels are column headers, not per-row
-          // labels. See `ObjectTable`.
+          // labels. See `ObjectTable`. A list of search results in `app` is
+          // the exception: a row would hide each answer's citations and its
+          // sources until it is opened, so each search takes a card of its
+          // own below and is drawn by the search arm. `studio` keeps the table.
           /* @__PURE__ */ jsx(
             ObjectTable,
             {
@@ -8351,5 +8509,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, useResolveRendition, useResolveShareUrl, useResolveUrl, useResolvedUrl };
-//# sourceMappingURL=chunk-RSYOZZZF.js.map
-//# sourceMappingURL=chunk-RSYOZZZF.js.map
+//# sourceMappingURL=chunk-II5TOORN.js.map
+//# sourceMappingURL=chunk-II5TOORN.js.map