@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/messages-display/user/AgentUserMessage.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { cn } from "@ai-matrx/design-system";
@@ -40,7 +41,7 @@ import { isAttachmentMessagePart } from "../../context-items/normalize.js";
 import MarkdownStream from "../../../../ui/markdown-stream/MarkdownStream.js";
 import "../rich-document/chat-message-source.js";
 import { literalUserText } from "./literal-user-text.js";
-import { getConversationHooks } from "../../../../host/conversation-hooks.js";
+import { useConversationHooks } from "../../../../host/conversation-hooks-react.js";
 import { buildVariableDisplayLines } from "../../../utils/variable-display-lines.js";
 import {
   recordTranscriptEvent,
@@ -57,29 +58,34 @@ function AgentUserMessageContent({
   bodyBlocks,
   variables
 }) {
-  const shown = getConversationHooks(conversationId)?.displayUserText?.(text) ?? text;
+  const hooks = useConversationHooks(conversationId);
+  const shown = hooks?.displayUserText?.(text) ?? text;
   const trimmedText = shown.trim();
   const hasBodyBlocks = !!bodyBlocks && bodyBlocks.length > 0;
   if (!trimmedText && !hasBodyBlocks && attachmentParts.length === 0 && (!variables || buildVariableDisplayLines(variables).length === 0)) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, variables ? /* @__PURE__ */ React.createElement(UserMessageVariables, { values: variables }) : null, /* @__PURE__ */ React.createElement(
-    MessageAttachmentStrip,
-    {
-      conversationId,
-      parts: attachmentParts
-    }
-  ), trimmedText || hasBodyBlocks ? /* @__PURE__ */ React.createElement(
-    MarkdownStream,
-    {
-      imagePolicy: "other",
-      content: literalUserText(trimmedText),
-      serverProcessedBlocks: hasBodyBlocks ? bodyBlocks : void 0,
-      className: "text-xs text-foreground",
-      hideCopyButton: true,
-      allowFullScreenEditor: false
-    }
-  ) : null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    variables ? /* @__PURE__ */ jsx(UserMessageVariables, { values: variables }) : null,
+    /* @__PURE__ */ jsx(
+      MessageAttachmentStrip,
+      {
+        conversationId,
+        parts: attachmentParts
+      }
+    ),
+    trimmedText || hasBodyBlocks ? /* @__PURE__ */ jsx(
+      MarkdownStream,
+      {
+        imagePolicy: "other",
+        content: literalUserText(trimmedText),
+        serverProcessedBlocks: hasBodyBlocks ? bodyBlocks : void 0,
+        className: "text-xs text-foreground",
+        hideCopyButton: true,
+        allowFullScreenEditor: false
+      }
+    ) : null
+  ] });
 }
 const ATTACHMENT_BLOCK_TYPES = /* @__PURE__ */ new Set([
   "input_notes",
@@ -118,6 +124,8 @@ function AgentUserMessage({
 }) {
   const record = useAppSelector(selectMessageById(conversationId, messageId));
   const machineFramesVisible = useMachineFramesVisible();
+  const hostSuppliesContext = useConversationHooks(conversationId)?.hostSuppliesContext === true;
+  const turnContextVisible = machineFramesVisible && !hostSuppliesContext;
   const agentId = useAppSelector(
     (state) => state.conversations.byConversationId[conversationId]?.agentId ?? null
   );
@@ -174,7 +182,7 @@ function AgentUserMessage({
   );
   const hasVisibleVariables = isFirstTurnMessage && buildVariableDisplayLines(userVariableValues).length > 0;
   const hasOwnContent = Boolean(
-    trimmedText || bodyBlocks.length > 0 || attachmentParts.length > 0 || hasVisibleVariables || contextSnapshot && contextSnapshot.length > 0
+    trimmedText || bodyBlocks.length > 0 || attachmentParts.length > 0 || hasVisibleVariables || !hostSuppliesContext && contextSnapshot && contextSnapshot.length > 0
   );
   const hostLaunchValues = useAppSelector(
     selectHostSubmittedFirstTurnValues(conversationId)
@@ -232,149 +240,177 @@ function AgentUserMessage({
       ...record,
       userContent: null
     }).length;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: cn("group relative", compact ? "" : "ml-12"),
-        "data-testid": "user-message-empty"
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "rounded-lg border border-dashed border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground" }, "This message has no displayable text.", isSuperAdmin && /* @__PURE__ */ React.createElement("span", { className: "ml-1 font-mono" }, "[", shortId(messageId), " pos ", record.position, " \xB7", " ", record._clientStatus ?? "no-client-status", " \xB7 user_content", " ", describeUserContentShape(record.userContent), " \xB7 content", " ", storedTextLength, " chars]"))
+        "data-testid": "user-message-empty",
+        children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: [
+          "This message has no displayable text.",
+          isSuperAdmin && /* @__PURE__ */ jsxs("span", { className: "ml-1 font-mono", children: [
+            "[",
+            shortId(messageId),
+            " pos ",
+            record.position,
+            " \xB7",
+            " ",
+            record._clientStatus ?? "no-client-status",
+            " \xB7 user_content",
+            " ",
+            describeUserContentShape(record.userContent),
+            " \xB7 content",
+            " ",
+            storedTextLength,
+            " chars]"
+          ] })
+        ] })
+      }
     );
   }
   const containerMargin = compact || compactUserMessage ? "" : "ml-12";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn("group relative", containerMargin),
       "data-message-id": messageId,
       onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false)
-    },
-    shouldBeCollapsible && !isCollapsed && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn(
-          "absolute -top-3 left-1/2 -translate-x-1/2 z-10 transition-all duration-150",
-          isHovered ? "opacity-100" : "opacity-0 pointer-events-none"
-        )
-      },
-      /* @__PURE__ */ React.createElement(Button, { variant: "outline", icon: /* @__PURE__ */ React.createElement(ChevronUp, null), onClick: (e) => {
-        e.stopPropagation();
-        setIsCollapsed(true);
-      }, title: "Collapse", "aria-label": "Collapse" })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: compactUserMessage ? (
-          // Tight: no inset from the left, and the markdown paragraph's own margins dropped.
-          "bg-muted rounded-md px-3 py-2 [&_.math-content-wrapper]:my-0 [&_p:last-child]:mb-0"
-        ) : "bg-muted border border-border rounded-lg px-2 py-2",
-        "data-user-message-style": compactUserMessage ? "compact" : "card"
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "relative min-w-0" }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          ref: measureRef,
-          className: cn(
-            "space-y-1.5 overflow-hidden transition-all duration-300",
-            // Clamp leaves room below the fade: the first lines (what was
-            // sent, the context strip) read at full contrast, and the
-            // expand chevron never sits on top of text.
-            shouldBeCollapsible && isCollapsed && !editingText && "max-h-24 pb-7"
-          )
-        },
-        machineFramesVisible && isFirstTurnMessage && /* @__PURE__ */ React.createElement(FirstTurnVariables, { conversationId }),
-        showLaunchInputs && /* @__PURE__ */ React.createElement(
-          FirstTurnLaunchInputs,
+      onMouseLeave: () => setIsHovered(false),
+      children: [
+        shouldBeCollapsible && !isCollapsed && /* @__PURE__ */ jsx(
+          "div",
           {
-            conversationId,
-            onOpenChange: (open) => {
-              if (open) setIsCollapsed(false);
-            }
+            className: cn(
+              "absolute -top-3 left-1/2 -translate-x-1/2 z-10 transition-all duration-150",
+              isHovered ? "opacity-100" : "opacity-0 pointer-events-none"
+            ),
+            children: /* @__PURE__ */ jsx(Button, { variant: "outline", icon: /* @__PURE__ */ jsx(ChevronUp, {}), onClick: (e) => {
+              e.stopPropagation();
+              setIsCollapsed(true);
+            }, title: "Collapse", "aria-label": "Collapse" })
           }
         ),
-        !database ? null : machineFramesVisible && contextReceipt && (contextReceipt.rows?.length ?? 0) > 0 ? /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1.5" }, /* @__PURE__ */ React.createElement(
-          MessageContextReceipt,
-          {
-            conversationId,
-            messageId,
-            receipt: contextReceipt,
-            mismatches: contextMismatches
-          }
-        )) : machineFramesVisible && contextSnapshot && contextSnapshot.length > 0 && /* @__PURE__ */ React.createElement(
-          ContextPolicyChipStrip,
+        /* @__PURE__ */ jsx(
+          "div",
           {
-            conversationId,
-            agentId,
-            entries: contextSnapshot
+            className: compactUserMessage ? (
+              // Tight: no inset from the left, and the markdown paragraph's own margins dropped.
+              "bg-muted rounded-md px-3 py-2 [&_.math-content-wrapper]:my-0 [&_p:last-child]:mb-0"
+            ) : "bg-muted border border-border rounded-lg px-2 py-2",
+            "data-user-message-style": compactUserMessage ? "compact" : "card",
+            children: /* @__PURE__ */ jsxs("div", { className: "relative min-w-0", children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  ref: measureRef,
+                  className: cn(
+                    "space-y-1.5 overflow-hidden transition-all duration-300",
+                    // Clamp leaves room below the fade: the first lines (what was
+                    // sent, the context strip) read at full contrast, and the
+                    // expand chevron never sits on top of text.
+                    shouldBeCollapsible && isCollapsed && !editingText && "max-h-24 pb-7"
+                  ),
+                  children: [
+                    machineFramesVisible && isFirstTurnMessage && /* @__PURE__ */ jsx(FirstTurnVariables, { conversationId }),
+                    showLaunchInputs && /* @__PURE__ */ jsx(
+                      FirstTurnLaunchInputs,
+                      {
+                        conversationId,
+                        onOpenChange: (open) => {
+                          if (open) setIsCollapsed(false);
+                        }
+                      }
+                    ),
+                    !database ? null : turnContextVisible && contextReceipt && (contextReceipt.rows?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: /* @__PURE__ */ jsx(
+                      MessageContextReceipt,
+                      {
+                        conversationId,
+                        messageId,
+                        receipt: contextReceipt,
+                        mismatches: contextMismatches
+                      }
+                    ) }) : turnContextVisible && contextSnapshot && contextSnapshot.length > 0 && /* @__PURE__ */ jsx(
+                      ContextPolicyChipStrip,
+                      {
+                        conversationId,
+                        agentId,
+                        entries: contextSnapshot
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      EditInPlace,
+                      {
+                        value: content,
+                        canEdit: canEditText,
+                        editing: editingText,
+                        onEditingChange: setEditingText,
+                        write: (text) => routeUserEditAction(dispatch, { actionId: "save", conversationId, messageId, newContent: text, surfaceKey }),
+                        actions: USER_EDIT_ACTIONS.filter((a) => a.id !== "save").map((a) => ({
+                          id: a.id,
+                          label: a.label,
+                          run: (text) => routeUserEditAction(dispatch, { actionId: a.id, conversationId, messageId, newContent: text, surfaceKey })
+                        })),
+                        discardDescription: "Your message stays exactly as it was sent; what you typed here is dropped.",
+                        editor: {
+                          imagePolicy: "other",
+                          surfaceName: "matrx-user/chat",
+                          sourceFeature: "chat",
+                          contentSource: { type: "chat-message", conversationId, messageId }
+                        },
+                        children: /* @__PURE__ */ jsx(
+                          AgentUserMessageContent,
+                          {
+                            conversationId,
+                            text: trimmedText,
+                            attachmentParts,
+                            bodyBlocks
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              shouldBeCollapsible && isCollapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 h-10 bg-gradient-to-t from-muted via-muted/80 to-transparent pointer-events-none" }),
+                /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 flex justify-center pb-1", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "quiet",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setIsCollapsed(false);
+                    },
+                    title: "Expand message",
+                    children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4" })
+                  }
+                ) })
+              ] })
+            ] })
           }
         ),
-        /* @__PURE__ */ React.createElement(
-          EditInPlace,
+        /* @__PURE__ */ jsx(
+          "div",
           {
-            value: content,
-            canEdit: canEditText,
-            editing: editingText,
-            onEditingChange: setEditingText,
-            write: (text) => routeUserEditAction(dispatch, { actionId: "save", conversationId, messageId, newContent: text, surfaceKey }),
-            actions: USER_EDIT_ACTIONS.filter((a) => a.id !== "save").map((a) => ({
-              id: a.id,
-              label: a.label,
-              run: (text) => routeUserEditAction(dispatch, { actionId: a.id, conversationId, messageId, newContent: text, surfaceKey })
-            })),
-            discardDescription: "Your message stays exactly as it was sent; what you typed here is dropped.",
-            editor: {
-              imagePolicy: "other",
-              surfaceName: "matrx-user/chat",
-              sourceFeature: "chat",
-              contentSource: { type: "chat-message", conversationId, messageId }
-            }
-          },
-          /* @__PURE__ */ React.createElement(
-            AgentUserMessageContent,
-            {
-              conversationId,
-              text: trimmedText,
-              attachmentParts,
-              bodyBlocks
-            }
-          )
-        )
-      ), shouldBeCollapsible && isCollapsed && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 h-10 bg-gradient-to-t from-muted via-muted/80 to-transparent pointer-events-none" }), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 flex justify-center pb-1" }, /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          variant: "quiet",
-          onClick: (e) => {
-            e.stopPropagation();
-            setIsCollapsed(false);
-          },
-          title: "Expand message"
-        },
-        /* @__PURE__ */ React.createElement(ChevronDown, { className: "w-4 h-4" })
-      ))))
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn(
-          "absolute -bottom-7 right-0 z-10 transition-all duration-150",
-          isHovered ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-1 pointer-events-none"
+            className: cn(
+              "absolute -bottom-7 right-0 z-10 transition-all duration-150",
+              isHovered ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-1 pointer-events-none"
+            ),
+            children: /* @__PURE__ */ jsx(
+              UserActionBar,
+              {
+                content: inspectable.isStructuredRaw ? inspectable.text : trimmedText,
+                structuredRaw: inspectable.isStructuredRaw,
+                messageId,
+                conversationId,
+                metadata,
+                surfaceKey,
+                onEditInPlace: canEditText ? () => setEditingText(true) : void 0
+              }
+            )
+          }
         )
-      },
-      /* @__PURE__ */ React.createElement(
-        UserActionBar,
-        {
-          content: inspectable.isStructuredRaw ? inspectable.text : trimmedText,
-          structuredRaw: inspectable.isStructuredRaw,
-          messageId,
-          conversationId,
-          metadata,
-          surfaceKey,
-          onEditInPlace: canEditText ? () => setEditingText(true) : void 0
-        }
-      )
-    )
+      ]
+    }
   );
 }
 function describeUserContentShape(userContent) {

package/dist/agents/components/messages-display/user/CollabNoteMessage.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { Handshake } from "lucide-react";
 import { useAppSelector } from "../../../../store/hooks.js";
 import {
@@ -29,13 +30,22 @@ function CollabNoteMessage({
     };
   }, [record]);
   if (!record) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `${compact ? "" : "mr-12"} overflow-hidden rounded-lg border border-violet-500/25 bg-violet-500/[0.05] dark:bg-violet-400/[0.06]`
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 border-b border-violet-500/15 px-2.5 py-1.5" }, /* @__PURE__ */ React.createElement(Handshake, { className: "h-3.5 w-3.5 shrink-0 text-violet-600 dark:text-violet-400" }), /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium text-foreground" }, "Collaboration note", agentName ? ` \u2014 ${agentName}` : ""), /* @__PURE__ */ React.createElement("span", { className: "text-[11px] text-muted-foreground" }, "left after reviewing this conversation")),
-    /* @__PURE__ */ React.createElement("div", { className: "px-2.5 py-2 text-sm" }, /* @__PURE__ */ React.createElement(BasicMarkdownContent, { imagePolicy: "ai", content: body, showCopyButton: false }))
+      className: `${compact ? "" : "mr-12"} overflow-hidden rounded-lg border border-violet-500/25 bg-violet-500/[0.05] dark:bg-violet-400/[0.06]`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 border-b border-violet-500/15 px-2.5 py-1.5", children: [
+          /* @__PURE__ */ jsx(Handshake, { className: "h-3.5 w-3.5 shrink-0 text-violet-600 dark:text-violet-400" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-foreground", children: [
+            "Collaboration note",
+            agentName ? ` \u2014 ${agentName}` : ""
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "left after reviewing this conversation" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "px-2.5 py-2 text-sm", children: /* @__PURE__ */ jsx(BasicMarkdownContent, { imagePolicy: "ai", content: body, showCopyButton: false }) })
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/messages-display/user/FirstTurnVariables.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { ChevronDown, ChevronRight } from "lucide-react";
 import { useAppSelector } from "../../../../store/hooks.js";
@@ -29,30 +30,35 @@ function UserMessageVariables({
   const refs = lines.flatMap((l) => l.entity ? [l.entity] : []);
   const { titleFor } = useEntityTitles(refs);
   if (lines.length === 0) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-0.5 border-b border-border/60 pb-1.5 mb-0.5" }, lines.map((l) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5 border-b border-border/60 pb-1.5 mb-0.5", children: lines.map((l) => /* @__PURE__ */ jsxs(
     "div",
     {
-      key: l.key,
-      className: "text-xs leading-snug text-foreground/90"
+      className: "text-xs leading-snug text-foreground/90",
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
+          l.label,
+          ":"
+        ] }),
+        " ",
+        kindCarryingValue(values[l.key]) !== null ? /* @__PURE__ */ jsx("div", { className: "mt-0.5", children: /* @__PURE__ */ jsx(AnswerValueView, { value: kindCarryingValue(values[l.key]), density: "inline" }) }) : l.entity ? /* @__PURE__ */ jsx(
+          EntityRef,
+          {
+            token: l.entity.token,
+            id: l.entity.id,
+            name: titleFor(l.entity),
+            openInNewTab: true
+          }
+        ) : l.text
+      ]
     },
-    /* @__PURE__ */ React.createElement("span", { className: "font-medium text-foreground" }, l.label, ":"),
-    " ",
-    kindCarryingValue(values[l.key]) !== null ? /* @__PURE__ */ React.createElement("div", { className: "mt-0.5" }, /* @__PURE__ */ React.createElement(AnswerValueView, { value: kindCarryingValue(values[l.key]), density: "inline" })) : l.entity ? /* @__PURE__ */ React.createElement(
-      EntityRef,
-      {
-        token: l.entity.token,
-        id: l.entity.id,
-        name: titleFor(l.entity),
-        openInNewTab: true
-      }
-    ) : l.text
-  )));
+    l.key
+  )) });
 }
 function FirstTurnVariables({
   conversationId
 }) {
   const ownValues = useAppSelector(selectOwnSubmittedFirstTurnValues(conversationId));
-  return /* @__PURE__ */ React.createElement(UserMessageVariables, { values: ownValues });
+  return /* @__PURE__ */ jsx(UserMessageVariables, { values: ownValues });
 }
 function FirstTurnLaunchInputs({
   conversationId,
@@ -65,31 +71,36 @@ function FirstTurnLaunchInputs({
   const lines = buildVariableDisplayLines(values);
   if (lines.length === 0) return null;
   const Chevron = open ? ChevronDown : ChevronRight;
-  return /* @__PURE__ */ React.createElement("div", { "data-testid": "user-message-launch-inputs", className: "flex flex-col gap-1" }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: (e) => {
-        e.stopPropagation();
-        const next = !open;
-        setOpen(next);
-        onOpenChange?.(next);
-      },
-      "aria-expanded": open,
-      title: open ? "Hide the inputs" : "Show the inputs this run started with",
-      className: "flex flex-wrap items-center gap-1 rounded text-left text-xs text-muted-foreground hover:text-foreground"
-    },
-    /* @__PURE__ */ React.createElement(Chevron, { className: "h-3 w-3 shrink-0" }),
-    /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, "Started with:"),
-    lines.map((l) => /* @__PURE__ */ React.createElement(
-      "span",
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "user-message-launch-inputs", className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
       {
-        key: l.key,
-        className: "rounded-full border border-border bg-background px-1.5 py-px text-xs text-foreground"
-      },
-      l.label
-    ))
-  ), open ? /* @__PURE__ */ React.createElement(UserMessageVariables, { values }) : null);
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          const next = !open;
+          setOpen(next);
+          onOpenChange?.(next);
+        },
+        "aria-expanded": open,
+        title: open ? "Hide the inputs" : "Show the inputs this run started with",
+        className: "flex flex-wrap items-center gap-1 rounded text-left text-xs text-muted-foreground hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsx(Chevron, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Started with:" }),
+          lines.map((l) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "rounded-full border border-border bg-background px-1.5 py-px text-xs text-foreground",
+              children: l.label
+            },
+            l.key
+          ))
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsx(UserMessageVariables, { values }) : null
+  ] });
 }
 export {
   FirstTurnLaunchInputs,