@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/inputs/resources/ResourceFamilyPolicyEditor.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { humanizeIdentifier } from "@ai-matrx/kit/text-case";
 import { Loader2, Plus, X } from "lucide-react";
 import { Button } from "@ai-matrx/design-system";
@@ -54,153 +55,222 @@ function ResourceFamilyPolicyEditor({
     (item) => item.key === key && item.count > 0
   );
   if (!fileId) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: cn("space-y-2", className) }, /* @__PURE__ */ React.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React.createElement(Label, { className: "text-xs font-semibold text-muted-foreground" }, "What the AI reads"), /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      value: primaryRepresentation ?? "auto",
-      disabled: disabled || !onPrimaryRepresentationChange,
-      onValueChange: (value2) => {
-        if (value2 === "auto") {
-          onPrimaryRepresentationChange?.(void 0);
-        } else if (value2 === "clean" || value2 === "raw" || value2 === "pdf") {
-          if ((policy.exclude ?? []).includes(value2)) {
-            emit(setFamilyRepresentationEnabled(policy, value2, true));
-          }
-          onPrimaryRepresentationChange?.(value2);
-        }
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      SelectTrigger,
-      {
-        className: "h-8 text-xs",
-        "aria-label": "What the AI reads from this file"
-      },
-      /* @__PURE__ */ React.createElement(SelectValue, null, PRIMARY_FORM_CHOICES.find(
-        (choice) => choice.value === (primaryRepresentation ?? "auto")
-      )?.label ?? "Best available")
-    ),
-    /* @__PURE__ */ React.createElement(SelectContent, null, PRIMARY_FORM_CHOICES.map((choice) => /* @__PURE__ */ React.createElement(
-      SelectItem,
-      {
-        key: choice.value,
-        value: choice.value,
-        disabled: choice.value !== "auto" && !primaryAvailable(choice.value)
-      },
-      /* @__PURE__ */ React.createElement("span", { className: "block" }, /* @__PURE__ */ React.createElement("span", { className: "block font-medium" }, choice.label), /* @__PURE__ */ React.createElement("span", { className: "block text-[11px] text-muted-foreground" }, choice.value !== "auto" && !primaryAvailable(choice.value) ? `Not made for this file yet. ${choice.detail}` : choice.detail))
-    )))
-  )), /* @__PURE__ */ React.createElement("div", { className: "border-t border-border/60" }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Label, { className: "text-xs font-semibold text-muted-foreground" }, "Also there if the AI needs it"), /* @__PURE__ */ React.createElement("p", { className: "mt-0.5 text-[11px] leading-snug text-muted-foreground" }, "Already made from this file; untick what the AI should skip")), family.loading ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), "Checking what is ready for this file\u2026") : null, family.error ? /* @__PURE__ */ React.createElement("p", { className: "text-xs text-destructive" }, family.error, " ", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: family.error })) : null, family.data ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "grid gap-1.5 rounded-md border border-border/60 p-2 sm:grid-cols-2" }, family.data.representations.map((item) => {
-    const isPrimary = item.key === primaryRepresentation;
-    const enabled = isPrimary || !(policy.exclude ?? []).includes(item.key);
-    return /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        key: item.key,
-        className: "flex items-start gap-2 text-xs"
-      },
-      /* @__PURE__ */ React.createElement(
-        Checkbox,
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold text-muted-foreground", children: "What the AI reads" }),
+      /* @__PURE__ */ jsxs(
+        Select,
         {
-          checked: enabled,
-          disabled: readonly || isPrimary,
-          onCheckedChange: (checked) => emit(
-            setFamilyRepresentationEnabled(
-              policy,
-              item.key,
-              checked === true
-            )
-          )
+          value: primaryRepresentation ?? "auto",
+          disabled: disabled || !onPrimaryRepresentationChange,
+          onValueChange: (value2) => {
+            if (value2 === "auto") {
+              onPrimaryRepresentationChange?.(void 0);
+            } else if (value2 === "clean" || value2 === "raw" || value2 === "pdf") {
+              if ((policy.exclude ?? []).includes(value2)) {
+                emit(setFamilyRepresentationEnabled(policy, value2, true));
+              }
+              onPrimaryRepresentationChange?.(value2);
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              SelectTrigger,
+              {
+                className: "h-8 text-xs",
+                "aria-label": "What the AI reads from this file",
+                children: /* @__PURE__ */ jsx(SelectValue, { children: PRIMARY_FORM_CHOICES.find(
+                  (choice) => choice.value === (primaryRepresentation ?? "auto")
+                )?.label ?? "Best available" })
+              }
+            ),
+            /* @__PURE__ */ jsx(SelectContent, { children: PRIMARY_FORM_CHOICES.map((choice) => /* @__PURE__ */ jsx(
+              SelectItem,
+              {
+                value: choice.value,
+                disabled: choice.value !== "auto" && !primaryAvailable(choice.value),
+                children: /* @__PURE__ */ jsxs("span", { className: "block", children: [
+                  /* @__PURE__ */ jsx("span", { className: "block font-medium", children: choice.label }),
+                  /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-muted-foreground", children: choice.value !== "auto" && !primaryAvailable(choice.value) ? `Not made for this file yet. ${choice.detail}` : choice.detail })
+                ] })
+              },
+              choice.value
+            )) })
+          ]
         }
-      ),
-      /* @__PURE__ */ React.createElement("span", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("span", { className: "block font-medium" }, familyWords(item.key, item.label, item.count).label), /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground" }, isPrimary ? "What the AI reads, above" : familyWords(item.key, item.label, item.count).detail))
-    );
-  }), unavailableExclusions.map((key) => /* @__PURE__ */ React.createElement("label", { key, className: "flex items-start gap-2 text-xs" }, /* @__PURE__ */ React.createElement(
-    Checkbox,
-    {
-      checked: false,
-      disabled: readonly,
-      onCheckedChange: (checked) => emit(
-        setFamilyRepresentationEnabled(
-          policy,
-          key,
-          checked === true
-        )
-      )
-    }
-  ), /* @__PURE__ */ React.createElement("span", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("span", { className: "block font-medium" }, familyWords(key, humanizeIdentifier(key) || key, 0).label), /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground" }, "Turned off earlier \xB7 not made for this file yet"))))), /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React.createElement(Label, { className: "text-xs text-muted-foreground" }, "Put a copy right in the message (", promotions.length, " of", " ", MAX_RESOURCE_PROMOTIONS, ")"), !readonly && nextPromotion && promotions.length < MAX_RESOURCE_PROMOTIONS ? /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      type: "button",
-      variant: "ghost",
-      size: "sm",
-      className: "h-6 px-2 text-xs",
-      onClick: () => emit(addFamilyPromotion(policy, nextPromotion.key))
-    },
-    /* @__PURE__ */ React.createElement(Plus, { className: "mr-1 h-3 w-3" }),
-    " Add"
-  ) : null), promotions.length === 0 ? /* @__PURE__ */ React.createElement("p", { className: "rounded-md border border-dashed border-border/60 px-2 py-1.5 text-[11px] text-muted-foreground" }, "Nothing is copied in. The AI looks up only what it needs.") : promotions.map((promotion, index) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: `${promotion.representation}:${index}`,
-      className: cn(
-        "grid items-center gap-1.5",
-        compact ? "grid-cols-[1fr_5.5rem_auto]" : "grid-cols-[1fr_7rem_auto]"
       )
-    },
-    /* @__PURE__ */ React.createElement(
-      Select,
-      {
-        value: promotion.representation,
-        disabled: readonly,
-        onValueChange: (representation) => emit(
-          updateFamilyPromotion(policy, index, {
-            representation
-          })
-        )
-      },
-      /* @__PURE__ */ React.createElement(SelectTrigger, { className: "h-8 text-xs" }, /* @__PURE__ */ React.createElement(SelectValue, null)),
-      /* @__PURE__ */ React.createElement(SelectContent, null, promotable.filter(
-        (item) => item.key === promotion.representation || !promotions.some(
-          (other, otherIndex) => otherIndex !== index && other.representation === item.key
-        )
-      ).map((item) => /* @__PURE__ */ React.createElement(SelectItem, { key: item.key, value: item.key }, familyWords(item.key, item.label, item.count).label)), !promotable.some(
-        (item) => item.key === promotion.representation
-      ) ? /* @__PURE__ */ React.createElement(SelectItem, { value: promotion.representation }, familyWords(
-        promotion.representation,
-        humanizeIdentifier(promotion.representation) || promotion.representation,
-        0
-      ).label, " ", "(chosen earlier)") : null)
-    ),
-    /* @__PURE__ */ React.createElement(
-      ClampedNumberInput,
-      {
-        min: 1,
-        max: 1e4,
-        className: "h-8 text-xs",
-        "aria-label": `Most characters to copy in from ${familyWords(promotion.representation, promotion.representation, 0).label}`,
-        title: "Most characters to copy in",
-        disabled: readonly,
-        value: promotion.max_chars ?? 5e3,
-        onChange: (n) => emit(
-          updateFamilyPromotion(policy, index, {
-            max_chars: n
-          })
-        )
-      }
-    ),
-    !readonly ? /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        className: "h-8 w-8",
-        "aria-label": `Stop copying in ${familyWords(promotion.representation, promotion.representation, 0).label}`,
-        onClick: () => emit(removeFamilyPromotion(policy, index))
-      },
-      /* @__PURE__ */ React.createElement(X, { className: "h-3.5 w-3.5" })
-    ) : null
-  ))), capabilitySentence(family.data.capabilities) ? /* @__PURE__ */ React.createElement("p", { className: "text-[11px] text-muted-foreground" }, capabilitySentence(family.data.capabilities)) : null) : null);
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "border-t border-border/60" }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold text-muted-foreground", children: "Also there if the AI needs it" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[11px] leading-snug text-muted-foreground", children: "Already made from this file; untick what the AI should skip" })
+    ] }),
+    family.loading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+      "Checking what is ready for this file\u2026"
+    ] }) : null,
+    family.error ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-destructive", children: [
+      family.error,
+      " ",
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: family.error })
+    ] }) : null,
+    family.data ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5 rounded-md border border-border/60 p-2 sm:grid-cols-2", children: [
+        family.data.representations.map((item) => {
+          const isPrimary = item.key === primaryRepresentation;
+          const enabled = isPrimary || !(policy.exclude ?? []).includes(item.key);
+          return /* @__PURE__ */ jsxs(
+            "label",
+            {
+              className: "flex items-start gap-2 text-xs",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: enabled,
+                    disabled: readonly || isPrimary,
+                    onCheckedChange: (checked) => emit(
+                      setFamilyRepresentationEnabled(
+                        policy,
+                        item.key,
+                        checked === true
+                      )
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx("span", { className: "block font-medium", children: familyWords(item.key, item.label, item.count).label }),
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: isPrimary ? "What the AI reads, above" : familyWords(item.key, item.label, item.count).detail })
+                ] })
+              ]
+            },
+            item.key
+          );
+        }),
+        unavailableExclusions.map((key) => /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2 text-xs", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: false,
+              disabled: readonly,
+              onCheckedChange: (checked) => emit(
+                setFamilyRepresentationEnabled(
+                  policy,
+                  key,
+                  checked === true
+                )
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "block font-medium", children: familyWords(key, humanizeIdentifier(key) || key, 0).label }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Turned off earlier \xB7 not made for this file yet" })
+          ] })
+        ] }, key))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs(Label, { className: "text-xs text-muted-foreground", children: [
+            "Put a copy right in the message (",
+            promotions.length,
+            " of",
+            " ",
+            MAX_RESOURCE_PROMOTIONS,
+            ")"
+          ] }),
+          !readonly && nextPromotion && promotions.length < MAX_RESOURCE_PROMOTIONS ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-6 px-2 text-xs",
+              onClick: () => emit(addFamilyPromotion(policy, nextPromotion.key)),
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-3 w-3" }),
+                " Add"
+              ]
+            }
+          ) : null
+        ] }),
+        promotions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-md border border-dashed border-border/60 px-2 py-1.5 text-[11px] text-muted-foreground", children: "Nothing is copied in. The AI looks up only what it needs." }) : promotions.map((promotion, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "grid items-center gap-1.5",
+              compact ? "grid-cols-[1fr_5.5rem_auto]" : "grid-cols-[1fr_7rem_auto]"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: promotion.representation,
+                  disabled: readonly,
+                  onValueChange: (representation) => emit(
+                    updateFamilyPromotion(policy, index, {
+                      representation
+                    })
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                    /* @__PURE__ */ jsxs(SelectContent, { children: [
+                      promotable.filter(
+                        (item) => item.key === promotion.representation || !promotions.some(
+                          (other, otherIndex) => otherIndex !== index && other.representation === item.key
+                        )
+                      ).map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.key, children: familyWords(item.key, item.label, item.count).label }, item.key)),
+                      !promotable.some(
+                        (item) => item.key === promotion.representation
+                      ) ? /* @__PURE__ */ jsxs(SelectItem, { value: promotion.representation, children: [
+                        familyWords(
+                          promotion.representation,
+                          humanizeIdentifier(promotion.representation) || promotion.representation,
+                          0
+                        ).label,
+                        " ",
+                        "(chosen earlier)"
+                      ] }) : null
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ClampedNumberInput,
+                {
+                  min: 1,
+                  max: 1e4,
+                  className: "h-8 text-xs",
+                  "aria-label": `Most characters to copy in from ${familyWords(promotion.representation, promotion.representation, 0).label}`,
+                  title: "Most characters to copy in",
+                  disabled: readonly,
+                  value: promotion.max_chars ?? 5e3,
+                  onChange: (n) => emit(
+                    updateFamilyPromotion(policy, index, {
+                      max_chars: n
+                    })
+                  )
+                }
+              ),
+              !readonly ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  "aria-label": `Stop copying in ${familyWords(promotion.representation, promotion.representation, 0).label}`,
+                  onClick: () => emit(removeFamilyPromotion(policy, index)),
+                  children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+                }
+              ) : null
+            ]
+          },
+          `${promotion.representation}:${index}`
+        ))
+      ] }),
+      capabilitySentence(family.data.capabilities) ? /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: capabilitySentence(family.data.capabilities) }) : null
+    ] }) : null
+  ] });
 }
 export {
   ResourceFamilyPolicyEditor

package/dist/agents/components/inputs/resources/SmartAgentResourceChips.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { motion, AnimatePresence } from "motion/react";
 import { FileText, Layers } from "lucide-react";
@@ -95,7 +96,7 @@ function ImageResourceThumbnail({
   const isPending = resource.status === "pending" || resource.status === "resolving";
   const isError = resource.status === "error";
   const imageRef = isPending ? getImageRef(resource.source) : getImageRef(resource.finalPayload) ?? getImageRef(resource.source);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MediaAttachmentThumbnail,
     {
       mediaRef: imageRef,
@@ -119,7 +120,7 @@ function ResourceChip({
   const display = remark ? remarkKindDisplay(remark.kind, remark.kind === "edit" ? remark.origin : null) : isContextValueResource(resource) ? { icon: Layers, label: "Context value" } : getBlockTypeDisplay(resource.blockType);
   const label = getResourceLabel(resource);
   if (resource.blockType === "image") {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ImageResourceThumbnail,
       {
         resource,
@@ -130,31 +131,31 @@ function ResourceChip({
     );
   }
   const editableState = isEditableCapableBlockType(resource.blockType) && !isPending && !isError ? resource.options.editable ? "editable" : "readonly" : null;
-  const tile = /* @__PURE__ */ React.createElement(
+  const tile = /* @__PURE__ */ jsx(
     motion.div,
     {
       initial: { opacity: 0, scale: 0.85 },
       animate: { opacity: 1, scale: 1 },
       exit: { opacity: 0, scale: 0.85 },
-      className: "inline-flex shrink-0 items-center gap-1"
-    },
-    /* @__PURE__ */ React.createElement(
-      ResourceAttachmentTile,
-      {
-        typeLabel: display.label,
-        title: label,
-        icon: display.icon,
-        themeKey: resource.blockType,
-        onClick: onOpen,
-        pressed,
-        onRemove,
-        editableState,
-        onToggleEditable,
-        pending: isPending,
-        error: isError,
-        variant: "compact"
-      }
-    )
+      className: "inline-flex shrink-0 items-center gap-1",
+      children: /* @__PURE__ */ jsx(
+        ResourceAttachmentTile,
+        {
+          typeLabel: display.label,
+          title: label,
+          icon: display.icon,
+          themeKey: resource.blockType,
+          onClick: onOpen,
+          pressed,
+          onRemove,
+          editableState,
+          onToggleEditable,
+          pending: isPending,
+          error: isError,
+          variant: "compact"
+        }
+      )
+    }
   );
   if (isPending || isError) return tile;
   return wrapWithPreview(resource, tile);
@@ -166,34 +167,34 @@ function PendingDocumentResourceChip({
   pressed,
   onSettingsChange
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     motion.div,
     {
       initial: { opacity: 0, scale: 0.85 },
       animate: { opacity: 1, scale: 1 },
       exit: { opacity: 0, scale: 0.85 },
-      className: "inline-flex shrink-0"
-    },
-    /* @__PURE__ */ React.createElement(
-      AttachedDocumentChip,
-      {
-        title: getResourceLabel(resource),
-        pending: resource.status === "pending" || resource.status === "resolving",
-        fileId: pendingDocumentFileId(resource),
-        representation: resource.options.representation,
-        resourcePolicy: resource.options.resourcePolicy,
-        onOpen,
-        pressed,
-        onRemove,
-        onSettingsChange
-      }
-    )
+      className: "inline-flex shrink-0",
+      children: /* @__PURE__ */ jsx(
+        AttachedDocumentChip,
+        {
+          title: getResourceLabel(resource),
+          pending: resource.status === "pending" || resource.status === "resolving",
+          fileId: pendingDocumentFileId(resource),
+          representation: resource.options.representation,
+          resourcePolicy: resource.options.resourcePolicy,
+          onOpen,
+          pressed,
+          onRemove,
+          onSettingsChange
+        }
+      )
+    }
   );
 }
 function wrapWithPreview(resource, chip) {
   const item = normalizeResource(resource, "composer-preview")[0];
   if (!item) return chip;
-  return /* @__PURE__ */ React.createElement(BlockHoverPreview, { item, side: "top", align: "start" }, chip);
+  return /* @__PURE__ */ jsx(BlockHoverPreview, { item, side: "top", align: "start", children: chip });
 }
 function SmartAgentResourceChips({
   conversationId,
@@ -272,39 +273,39 @@ function SmartAgentResourceChips({
   if (!showAttachments) return null;
   if (submissionPhase === "pending") return null;
   if (resources.length === 0) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: inline ? "contents" : "flex flex-wrap gap-1.5 px-2 pt-1.5 pb-0.5 shrink-0",
       "data-rail-entry": inline ? "" : void 0,
-      "data-surface-value": surfaceValueName
-    },
-    /* @__PURE__ */ React.createElement(AnimatePresence, { mode: "popLayout" }, resources.map(
-      (resource) => resource.blockType === "processed_document" ? /* @__PURE__ */ React.createElement(
-        PendingDocumentResourceChip,
-        {
-          key: resource.resourceId,
-          resource,
-          onRemove: () => handleRemove(resource.resourceId),
-          onOpen: () => openDrawerForResource(resource.resourceId),
-          pressed: isShowingResource(resource.resourceId),
-          onSettingsChange: (settings) => handleDocumentSettings(resource.resourceId, settings)
-        }
-      ) : /* @__PURE__ */ React.createElement(
-        ResourceChip,
-        {
-          key: resource.resourceId,
-          resource,
-          onRemove: () => handleRemove(resource.resourceId),
-          onToggleEditable: () => handleToggleEditable(
-            resource.resourceId,
-            resource.options.editable
-          ),
-          onOpen: () => openDrawerForResource(resource.resourceId),
-          pressed: isShowingResource(resource.resourceId)
-        }
-      )
-    ))
+      "data-surface-value": surfaceValueName,
+      children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: resources.map(
+        (resource) => resource.blockType === "processed_document" ? /* @__PURE__ */ jsx(
+          PendingDocumentResourceChip,
+          {
+            resource,
+            onRemove: () => handleRemove(resource.resourceId),
+            onOpen: () => openDrawerForResource(resource.resourceId),
+            pressed: isShowingResource(resource.resourceId),
+            onSettingsChange: (settings) => handleDocumentSettings(resource.resourceId, settings)
+          },
+          resource.resourceId
+        ) : /* @__PURE__ */ jsx(
+          ResourceChip,
+          {
+            resource,
+            onRemove: () => handleRemove(resource.resourceId),
+            onToggleEditable: () => handleToggleEditable(
+              resource.resourceId,
+              resource.options.editable
+            ),
+            onOpen: () => openDrawerForResource(resource.resourceId),
+            pressed: isShowingResource(resource.resourceId)
+          },
+          resource.resourceId
+        )
+      ) })
+    }
   );
 }
 export {

package/dist/agents/components/inputs/resources/SmartAgentResourcePickerButton.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { ResourcePickerWindow } from "../../../../host/ui-slots.js";
 import { Plus } from "lucide-react";
@@ -25,27 +26,30 @@ function SmartAgentResourcePickerButton({
   const handleResourceSelected = async (resource) => {
     return attachResource(resource);
   };
-  const defaultTrigger = /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(Plus, { className: triggerSize === "compact" ? "h-4 w-4" : "h-5 w-5" }), title: "Chat options", "aria-label": "Chat options" });
+  const defaultTrigger = /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(Plus, { className: triggerSize === "compact" ? "h-4 w-4" : "h-5 w-5" }), title: "Chat options", "aria-label": "Chat options" });
   const trigger = triggerSlot ?? defaultTrigger;
   if (useWindowMode) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, triggerSlot ? /* @__PURE__ */ React.createElement("span", { onClick: () => setIsOpen(true) }, triggerSlot) : /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(
-      Plus,
-      {
-        className: triggerSize === "compact" ? "h-4 w-4" : "h-5 w-5"
-      }
-    ), title: "Attach resource", "aria-label": "Attach resource", onClick: () => setIsOpen(true) }), /* @__PURE__ */ React.createElement(
-      ResourcePickerWindow,
-      {
-        isOpen,
-        onClose: () => setIsOpen(false),
-        onResourceSelected: handleResourceSelected,
-        onResourceDeselected: detachResource,
-        attachmentCapabilities,
-        position: "center"
-      }
-    ));
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      triggerSlot ? /* @__PURE__ */ jsx("span", { onClick: () => setIsOpen(true), children: triggerSlot }) : /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(
+        Plus,
+        {
+          className: triggerSize === "compact" ? "h-4 w-4" : "h-5 w-5"
+        }
+      ), title: "Attach resource", "aria-label": "Attach resource", onClick: () => setIsOpen(true) }),
+      /* @__PURE__ */ jsx(
+        ResourcePickerWindow,
+        {
+          isOpen,
+          onClose: () => setIsOpen(false),
+          onResourceSelected: handleResourceSelected,
+          onResourceDeselected: detachResource,
+          attachmentCapabilities,
+          position: "center"
+        }
+      )
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     PlusAttachMenu,
     {
       conversationId,

package/dist/agents/components/inputs/smart-input/AgentMicrophoneButton.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useCallback, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
 import { useAppDispatch, useAppSelector } from "../../../../store/hooks.js";
 import { MicrophoneIconButton } from "../../../../host/ui-slots.js";
 import { selectUserInputText } from "../../../redux/execution-system/instance-user-input/instance-user-input.selectors.js";
@@ -79,7 +80,7 @@ ${text}` : text;
     },
     [conversationId, dispatch, onTranscribed]
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MicrophoneIconButton,
     {
       variant,