@blade-hq/agent-react 2610.0.0-beta.5 → 2610.0.0-beta.7

package/dist/components/ConnectionBanner.d.ts

@@ -3,6 +3,6 @@ interface Props {
     connection: ConnectionStatus;
     className?: string;
 }
-/** 连接状态提示条：数据来自 SessionState.connection，正常连接时不渲染。 */
+/** 连接状态提示条：短暂断线静默，超过容错时间后再逐级提示。 */
 export declare function ConnectionBanner({ connection, className }: Props): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/embed/entry.d.ts

@@ -24,6 +24,7 @@ declare const BladeAgent: {
     SessionHub: typeof agentClient.SessionHub;
     SessionSetupError: typeof agentClient.SessionSetupError;
     createInitialSessionState: typeof agentClient.createInitialSessionState;
+    reconcileOptimisticUserTurns: typeof agentClient.reconcileOptimisticUserTurns;
     toReplaySnapshot: typeof agentClient.toReplaySnapshot;
     connectEmbedded: typeof agentClient.connectEmbedded;
     isCommandEnvelope: typeof agentClient.isCommandEnvelope;

package/dist/index.js

@@ -854,7 +854,7 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/AgentChat.tsx
-import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo8, useState as useState12 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect9, useMemo as useMemo8, useState as useState13 } from "react";
 
 // src/lib/utils.ts
 function cn(...inputs) {
@@ -1052,24 +1052,74 @@ function ChatInput({
 }
 
 // src/components/ConnectionBanner.tsx
+import { useEffect as useEffect3, useRef as useRef3, useState as useState4 } from "react";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var CONNECTION_NOTICE_DELAY_MS = 3e3;
+var CONNECTION_ERROR_DELAY_MS = 15e3;
+function useConnectionNoticePhase(connected) {
+  const [phase, setPhase] = useState4("hidden");
+  const connectedRef = useRef3(connected);
+  const timersRef = useRef3([]);
+  connectedRef.current = connected;
+  useEffect3(() => {
+    const clearTimers = () => {
+      for (const timer of timersRef.current) clearTimeout(timer);
+      timersRef.current = [];
+    };
+    const startGracePeriod = () => {
+      clearTimers();
+      setPhase("hidden");
+      timersRef.current = [
+        setTimeout(() => setPhase("recovering"), CONNECTION_NOTICE_DELAY_MS),
+        setTimeout(() => setPhase("failed"), CONNECTION_ERROR_DELAY_MS)
+      ];
+    };
+    if (connected) {
+      clearTimers();
+      setPhase("hidden");
+    } else {
+      startGracePeriod();
+    }
+    const handleForeground = () => {
+      if (!connectedRef.current) startGracePeriod();
+    };
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible") handleForeground();
+    };
+    window.addEventListener("blade:app-active", handleForeground);
+    window.addEventListener("focus", handleForeground);
+    window.addEventListener("pageshow", handleForeground);
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      clearTimers();
+      window.removeEventListener("blade:app-active", handleForeground);
+      window.removeEventListener("focus", handleForeground);
+      window.removeEventListener("pageshow", handleForeground);
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [connected]);
+  return phase;
+}
 function ConnectionBanner({ connection, className }) {
-  if (connection === "connected" || connection === "connecting") {
-    return null;
-  }
-  const reconnecting = connection === "reconnecting";
+  const hasConnectedRef = useRef3(connection === "connected" || connection === "reconnecting");
+  if (connection === "connected") hasConnectedRef.current = true;
+  const connected = connection === "connected";
+  const phase = useConnectionNoticePhase(connected);
+  if (connected || phase === "hidden") return null;
+  const recovering = phase === "recovering";
+  const firstConnection = !hasConnectedRef.current;
   return /* @__PURE__ */ jsx5("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs4(
     "div",
     {
       className: cn(
         "mx-auto flex max-w-3xl items-start gap-3 rounded-2xl border px-4 py-3",
-        reconnecting ? "border-amber-500/25 bg-amber-500/10 text-amber-100" : "border-rose-500/25 bg-rose-500/10 text-rose-100"
+        recovering ? "border-amber-500/25 bg-amber-500/10 text-amber-100" : "border-rose-500/25 bg-rose-500/10 text-rose-100"
       ),
       children: [
-        /* @__PURE__ */ jsx5("span", { className: "mt-0.5 shrink-0", children: reconnecting ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(TriangleAlert, { size: 14 }) }),
+        /* @__PURE__ */ jsx5("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(TriangleAlert, { size: 14 }) }),
         /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx5("div", { className: "text-sm font-medium", children: reconnecting ? "\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u6B63\u5728\u91CD\u8FDE\u2026" : "\u8FDE\u63A5\u5DF2\u65AD\u5F00" }),
-          /* @__PURE__ */ jsx5("div", { className: "text-xs opacity-80", children: "\u6D88\u606F\u540C\u6B65\u53EF\u80FD\u4F1A\u5EF6\u8FDF\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
+          /* @__PURE__ */ jsx5("div", { className: "text-sm font-medium", children: recovering ? firstConnection ? "\u6B63\u5728\u8FDE\u63A5\u2026" : "\u6B63\u5728\u6062\u590D\u8FDE\u63A5\u2026" : "\u6682\u65F6\u65E0\u6CD5\u8FDE\u63A5" }),
+          /* @__PURE__ */ jsx5("div", { className: "text-xs opacity-80", children: recovering ? "\u6062\u590D\u540E\u4F1A\u81EA\u52A8\u540C\u6B65\u6700\u65B0\u6D88\u606F\uFF0C\u8BF7\u7A0D\u5019" : "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u670D\u52A1\u72B6\u6001\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
         ] })
       ]
     }
@@ -1078,10 +1128,10 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo7, useRef as useRef7, useState as useState11 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo7, useRef as useRef8, useState as useState12 } from "react";
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/useStickToBottom.js
-import { useCallback as useCallback3, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -1118,10 +1168,10 @@ globalThis.document?.addEventListener("click", () => {
   mouseDown = false;
 });
 var useStickToBottom = (options = {}) => {
-  const [escapedFromLock, updateEscapedFromLock] = useState4(false);
-  const [isAtBottom, updateIsAtBottom] = useState4(options.initial !== false);
-  const [isNearBottom, setIsNearBottom] = useState4(false);
-  const optionsRef = useRef3(null);
+  const [escapedFromLock, updateEscapedFromLock] = useState5(false);
+  const [isAtBottom, updateIsAtBottom] = useState5(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState5(false);
+  const optionsRef = useRef4(null);
   optionsRef.current = options;
   const isSelecting = useCallback3(() => {
     if (!mouseDown) {
@@ -1425,11 +1475,11 @@ function mergeAnimations(...animations) {
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/StickToBottom.js
 import * as React from "react";
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect3, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef4 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect4, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef5 } from "react";
 var StickToBottomContext = createContext2(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect3;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect4;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef4(null);
+  const customTargetScrollTop = useRef5(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -1506,10 +1556,10 @@ function useStickToBottomContext() {
 
 // src/components/AssistantTurnBlock.tsx
 import { getTextContent, normalizeMessageContent } from "@blade-hq/agent-client";
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 
 // src/components/display-utils.ts
 var TOOL_NAME_ALIASES = {
@@ -1641,7 +1691,7 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState5(false);
+  const [expanded, setExpanded] = useState6(false);
   const description = parseAgentDescription(toolCall.arguments);
   const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
@@ -1706,18 +1756,18 @@ function AgentLoopBlock({ toolCall }) {
 
 // src/components/MarkdownContent.tsx
 import {
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useMemo as useMemo5,
-  useRef as useRef5,
-  useState as useState6
+  useRef as useRef6,
+  useState as useState7
 } from "react";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
 function CodeBlockPre({ children, node: _node, ...props }) {
-  const preRef = useRef5(null);
-  const [copied, setCopied] = useState6(false);
-  const [language, setLanguage] = useState6("");
-  useEffect4(() => {
+  const preRef = useRef6(null);
+  const [copied, setCopied] = useState7(false);
+  const [language, setLanguage] = useState7("");
+  useEffect5(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -1788,10 +1838,10 @@ function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect5, useMemo as useMemo6, useState as useState7 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo6, useState as useState8 } from "react";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function AskUserQuestionBlock({
   data,
@@ -1801,11 +1851,11 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  const [selections, setSelections] = useState7(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState7(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState7(/* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = useState7(false);
-  useEffect5(() => {
+  const [selections, setSelections] = useState8(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState8(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState8(/* @__PURE__ */ new Set());
+  const [submitted, setSubmitted] = useState8(false);
+  useEffect6(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -2132,7 +2182,7 @@ function ToolCallBlock({
   sessionStatus,
   renderer
 }) {
-  const [expanded, setExpanded] = useState8(false);
+  const [expanded, setExpanded] = useState9(false);
   const normalizedName = formatToolName(toolCall.name);
   if (renderer) {
     const custom = renderer(toolCall);
@@ -2234,7 +2284,7 @@ function buildAskUserPayload(argumentsJson) {
 // src/components/AssistantTurnBlock.tsx
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
-  const [open, setOpen] = useState9(false);
+  const [open, setOpen] = useState10(false);
   return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-thinking ml-4 text-sm", children: [
     /* @__PURE__ */ jsxs9(
       "button",
@@ -2386,7 +2436,7 @@ var RenderErrorBoundary = class extends Component {
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback5, useEffect as useEffect6, useRef as useRef6, useState as useState10 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef7, useState as useState11 } from "react";
 import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
@@ -2409,7 +2459,7 @@ function ArtifactCard({
   onArtifactOpened
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState10(false);
+  const [downloading, setDownloading] = useState11(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
     return /* @__PURE__ */ jsxs11(
@@ -2511,15 +2561,15 @@ function ResultFeedback({
   onFeedbackSaved
 }) {
   const client = useBladeClient();
-  const [saved, setSaved] = useState10(savedFeedback ?? null);
-  const [helpful, setHelpful] = useState10(savedFeedback?.helpful ?? null);
-  const [reason, setReason] = useState10(savedFeedback?.reason ?? null);
-  const [saving, setSaving] = useState10(false);
-  const [saveError, setSaveError] = useState10(false);
-  const reportedShown = useRef6(false);
-  const latestChoice = useRef6(null);
+  const [saved, setSaved] = useState11(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState11(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState11(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState11(false);
+  const [saveError, setSaveError] = useState11(false);
+  const reportedShown = useRef7(false);
+  const latestChoice = useRef7(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect6(() => {
+  useEffect7(() => {
     if (!eligible || reportedShown.current) return;
     reportedShown.current = true;
     emitInteraction(onInteraction, {
@@ -2528,7 +2578,7 @@ function ResultFeedback({
       assistantEntryId: followup.assistant_entry_id
     });
   }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!savedFeedback || latestChoice.current) return;
     setSaved(savedFeedback);
     setHelpful(savedFeedback.helpful);
@@ -2640,14 +2690,14 @@ function PostChatFollowupBlock({
   savedFeedback,
   onFeedbackSaved
 }) {
-  const [expanded, setExpanded] = useState10(false);
-  const adopted = useRef6(/* @__PURE__ */ new Set());
-  const reportedSuggestions = useRef6(false);
-  const reportedArtifacts = useRef6(/* @__PURE__ */ new Set());
-  const openedArtifacts = useRef6(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState11(false);
+  const adopted = useRef7(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef7(false);
+  const reportedArtifacts = useRef7(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef7(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!reportedSuggestions.current && followup.suggestions.length > 0) {
       reportedSuggestions.current = true;
       emitInteraction(onInteraction, {
@@ -2916,7 +2966,7 @@ function MessageList({
       blocks.push({
         type: "message",
         message,
-        key: message.entry_id ?? `${message.role}-${blocks.length}`
+        key: message.render_id ?? message.entry_id ?? `${message.role}-${blocks.length}`
       });
     }
     flushAssistant();
@@ -3021,8 +3071,8 @@ function MessageList({
 }
 function AutoScrollOnUserSend({ userMessageCount }) {
   const { scrollToBottom } = useStickToBottomContext();
-  const previousCountRef = useRef7(userMessageCount);
-  useEffect7(() => {
+  const previousCountRef = useRef8(userMessageCount);
+  useEffect8(() => {
     if (userMessageCount > previousCountRef.current) {
       scrollToBottom("instant");
     }
@@ -3032,9 +3082,9 @@ function AutoScrollOnUserSend({ userMessageCount }) {
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState11(false);
-  const hideTimerRef = useRef7(null);
-  useEffect7(() => {
+  const [visible, setVisible] = useState12(false);
+  const hideTimerRef = useRef8(null);
+  useEffect8(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -3185,8 +3235,8 @@ function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState12(false);
-  const [loginError, setLoginError] = useState12(null);
+  const [loggingIn, setLoggingIn] = useState13(false);
+  const [loginError, setLoginError] = useState13(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -3218,8 +3268,8 @@ function LoginCard({ client, onLoggedIn }) {
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState12(0);
-  const [needLogin, setNeedLogin] = useState12(() => !client.hasToken());
+  const [attempt, setAttempt] = useState13(0);
+  const [needLogin, setNeedLogin] = useState13(() => !client.hasToken());
   if (needLogin) {
     return /* @__PURE__ */ jsx17(
       "div",
@@ -3261,12 +3311,12 @@ function ChatSessionView({
     onSessionCreated
   });
   const replay = useReplay(session);
-  const [stopRequested, setStopRequested] = useState12(false);
-  const [inputText, setInputText] = useState12("");
-  const [resultFeedback, setResultFeedback] = useState12([]);
+  const [stopRequested, setStopRequested] = useState13(false);
+  const [inputText, setInputText] = useState13("");
+  const [resultFeedback, setResultFeedback] = useState13([]);
   const resolvedSessionId = session?.sessionId;
   const isViewer = state?.viewerRole === "viewer";
-  useEffect8(() => {
+  useEffect9(() => {
     setResultFeedback([]);
     if (!resolvedSessionId || isViewer) return;
     let cancelled = false;
@@ -3301,12 +3351,12 @@ function ChatSessionView({
       saved
     ]);
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (session) {
       onSessionReady?.(session);
     }
   }, [session, onSessionReady]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -3322,12 +3372,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isUnauthorizedError(error)) {
       onUnauthorized();
     }
   }, [error, onUnauthorized]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -3398,10 +3448,10 @@ ${content}`);
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect9, useMemo as useMemo9, useState as useState14 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo9, useState as useState15 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var FIELDS = [
   { id: "baseURL", label: "\u6A21\u578B\u670D\u52A1\u5730\u5740", placeholder: "http://\u5185\u7F51\u5730\u5740/v1" },
@@ -3448,8 +3498,8 @@ function writeOverride(settings, baseURL, override) {
 }
 function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
   const normalized = normalizeAdvanced(settings);
-  const [open, setOpen] = useState13(false);
-  const [draft, setDraft] = useState13(override);
+  const [open, setOpen] = useState14(false);
+  const [draft, setDraft] = useState14(override);
   if (!normalized) return null;
   const fields = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
@@ -3532,11 +3582,11 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState14(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState15(() => readOverride(advanced, options.baseURL));
   const effective = { ...options, ...override };
   const { messages, isStreaming, error, send, stop, reset } = useLlmChat(effective);
-  const [inputText, setInputText] = useState14("");
-  const [stopRequested, setStopRequested] = useState14(false);
+  const [inputText, setInputText] = useState15("");
+  const [stopRequested, setStopRequested] = useState15(false);
   const handle = useMemo9(
     () => ({
       insertText: (text) => setInputText((prev) => prev ? `${prev}
@@ -3546,7 +3596,7 @@ ${text}` : text),
     }),
     [send, reset]
   );
-  useEffect9(() => {
+  useEffect10(() => {
     onReady?.(handle);
   }, [handle, onReady]);
   return /* @__PURE__ */ jsx19(