@agents24/chat-react 0.5.0 → 0.5.2

package/README.md

@@ -1,36 +1,105 @@
 # `@agents24/chat-react`
 
-Last Updated: 2026-07-19
+Last Updated: 2026-08-06
 
-Accessible browser UI and a complete default chat layout for Agents24 client applications. It renders state owned by `@agents24/react`; networking, authentication, refresh, and protocol parsing remain in `@agents24/client`.
+Reusable React chat UI, runtime orchestration, and the canonical source-owned Agents24 chat scaffold.
 
 ```tsx
-import { AgentChatApp } from "@agents24/chat-react/templates";
-import "@agents24/chat-react/styles.css";
-
-<AgentChatApp
-  agent={{ name: "Support Agent" }}
-  client={client}
-  mcpRedirectUri={window.location.href}
-  targetSelector={{ label: "Deployment ID", value: deploymentId, onApply: setDeploymentId }}
-/>;
+import { Agents24ChatScaffold } from "@agents24/chat-react/scaffold";
+import "@agents24/chat-react/scaffold/styles.css";
+
+<Agents24ChatScaffold client={client} agent={{ name: "Support Agent" }} />;
 ```
 
 ## Entry points
 
-- `@agents24/chat-react`: renderers, secure MCP popup validation, streaming-text helpers, and `LatestThreadScroller`.
-- `@agents24/chat-react/ui`: messages, response timeline, composer, actions, attachments, HITL, and other reusable UI primitives.
-- `@agents24/chat-react/templates`: `AgentChatShell`, controlled `AgentChatLayout`, and client-bound `AgentChatApp`.
-- `@agents24/chat-react/styles.css`: packaged layout, responsive, focus, reduced-motion, and theme styles.
+- `@agents24/chat-react`: secure MCP popup helpers, streaming helpers, and `LatestThreadScroller`.
+- `@agents24/chat-react/ui`: `AgentResponseTimeline`, `AgentChatPart`, tool rows/groups, `AskUserInteraction`, and reusable shadcn-derived message, response, composer, attachment, and HITL primitives.
+- `@agents24/chat-react/runtime`: shared V2 input-contract validation, bootstrap, thread, batch upload, model, HITL, MCP, and error orchestration over `@agents24/react`.
+- `@agents24/chat-react/scaffold`: the complete sidebar/header/transcript/composer application.
+- `@agents24/chat-react/scaffold/styles.css`: scoped shadcn/Tailwind scaffold styles.
+
+The scaffold renders only the text/file/image/audio controls authorized by bootstrap `features.inputs`. It enforces required modalities and shared count/byte limits before send, and its microphone recorder negotiates and preserves the browser's actual supported audio MIME.
+- `@agents24/chat-react/styles.css`: generic low-level primitive styles for custom hosts.
+
+The scaffold accepts an `AgentClient` and optional controlled `activeThreadId`. Its `onActiveThreadIdChange` callback reports `created`, `opened`, `new`, or `deleted`; the host decides the URL shape and history policy.
+
+## Timeline customization
+
+`@agents24/react` projects backend response blocks into canonical ordered `message.parts`. The default scaffold renders that sequence through `AgentResponseTimeline`, preserving interleaved text, tools, HITL, and resumed text.
+
+To reorder the polished default for display only:
+
+```tsx
+import { AgentResponseTimeline } from "@agents24/chat-react/ui";
+import type { Agents24ChatTimelineSlotProps } from "@agents24/chat-react/scaffold";
+
+function Timeline({ parts, ...props }: Agents24ChatTimelineSlotProps) {
+  const displayParts = [...parts].sort(
+    (left, right) => Number(right.kind === "tool") - Number(left.kind === "tool")
+  );
+  return <AgentResponseTimeline {...props} parts={displayParts} />;
+}
+
+<Agents24ChatScaffold client={client} components={{ Timeline }} />;
+```
+
+For a fully custom timeline, render `parts` directly and reuse `AgentChatPart` selectively:
+
+```tsx
+import { AgentChatPart } from "@agents24/chat-react/ui";
+import type { Agents24ChatTimelineSlotProps } from "@agents24/chat-react/scaffold";
+
+function Timeline({ message, parts, isLoading, getHitlActionState, onHitlAction }: Agents24ChatTimelineSlotProps) {
+  return (
+    <section aria-label="Assistant response">
+      {parts.filter((part) => part.kind !== "reasoning").map((part) => (
+        <AgentChatPart
+          key={part.id}
+          message={message}
+          part={part}
+          isLoading={isLoading}
+          getHitlActionState={getHitlActionState}
+          onHitlAction={onHitlAction}
+        />
+      ))}
+    </section>
+  );
+}
+```
+
+Never mutate `message.parts`; a replacement Timeline owns its display order, accessibility, and HITL visibility.
+
+## Streaming presentation
+
+Choose the level that fits the host:
+
+```tsx
+// 1. Default renderer
+<MessageResponse streaming={isStreaming} streamingId={part.id}>
+  {part.text}
+</MessageResponse>
+
+// 2. Arbitrary component with headless smoothing
+const { displayedText } = useStreamingText({
+  id: part.id,
+  isStreaming,
+  text: part.text,
+});
+return <MyMarkdownRenderer value={displayedText} />;
+
+// 3. Raw canonical state, with no smoother
+return <MyMarkdownRenderer value={part.text} />;
+```
 
-`AgentChatApp` bootstraps the deployment, binds `@agents24/react` state, uploads attachments, supports model selection when the deployment permits it, performs exact MCP popup callback validation, and maps typed client errors to loading, reconnecting, offline, denied, quota, failed, and expired-session states.
+`useStreamingText` is presentation-only and has no dependency on `MessageResponse`, package context, or transport.
 
-`AgentChatLayout` is the controlled option. Hosts provide messages, threads, state, submit/stop handlers, and optional slots while retaining the package's responsive thread navigation, accessible live state, focus handling, safe active-content policy, chronological scrolling, transcript outline, composer, and default message/HITL presentation.
+## Ask-User HITL
 
-`targetSelector` optionally adds the accessible target picker used by development starters to the sidebar identity area. The host owns validation, persistence, and rebuilding its client when the value changes.
+`user_input` HITL renders one required question at a time (up to three), with 2–4 numbered options and an inline free-text Other row. A single-choice selection advances immediately and submits from the final question; multi-select and existing drafts advance through the compact header chevrons. Free text reveals an inline Next or Submit action only after text is entered. The component is LTR by default and follows an inherited `dir="rtl"` without host-specific navigation logic. Submit `action: "respond"` with ordered answers. Resolved requests collapse to **Asked 1 question** or **Asked N questions**; expanding shows each question with its submitted answer.
 
-Under a strict Vite development CSP without `unsafe-inline`, link the app stylesheet from HTML and `@import "@agents24/chat-react/styles.css"` inside it. Do not import package CSS from JavaScript, because Vite injects that development CSS through a blocked inline style element.
+The default scaffold uses the Soft shadcn preset `b2D1FHzlY`. Hosted Agent shares can select Soft or the scoped Sharp theme from preset `b4XdOjWBjV`. `create-agents24-app` copies the exact editable source and can apply another preset.
 
-The package does not construct platform routes, accept organization API keys, fetch or parse SSE, refresh credentials, or duplicate controller/protocol types. Product-owned citations, source viewers, TTS, artifacts, analytics, and debug controls belong in layout slots or custom renderers.
+For strict Vite CSP, load the application stylesheet with an HTML `<link>` and import the scaffold stylesheet from CSS. Do not add `unsafe-inline`.
 
-React and ReactDOM `>=19 <20` are required. See `compatibility.json` for the exact protocol contract hash.
+The package does not own credentials, routes, Fetch/SSE, token refresh, or product-specific citations, TTS, artifacts, and debug controls. React and ReactDOM `>=19 <20` are required.

package/compatibility.json

@@ -1,5 +1,5 @@
 {
-  "contractHash": "90a64d2df2facc3c4510edc7a0762cb86a336578667d3bc6cfeb7ae035133e00",
+  "contractHash": "13f59fd11fc838b1f7a51afe15afcdb6f1429fed94e37a1341c97061882e57d2",
   "contractVersion": "0.2.0",
   "corpus": "conformance/v1/corpus.json",
   "generatedBy": "@agents24/sdk-contract",
@@ -15,11 +15,11 @@
       "reactDom": ">=19 <20"
     },
     "@agents24/client": {
-      "contract": "90a64d2df2facc3c4510edc7a0762cb86a336578667d3bc6cfeb7ae035133e00",
-      "runtime": "run-stream.v2"
+      "contract": "13f59fd11fc838b1f7a51afe15afcdb6f1429fed94e37a1341c97061882e57d2",
+      "runtime": "run-stream.v3"
     },
     "@agents24/node": {
-      "contract": "90a64d2df2facc3c4510edc7a0762cb86a336578667d3bc6cfeb7ae035133e00",
+      "contract": "13f59fd11fc838b1f7a51afe15afcdb6f1429fed94e37a1341c97061882e57d2",
       "node": "^22.0.0 || ^24.0.0"
     },
     "@agents24/react": {
@@ -27,18 +27,18 @@
       "react": ">=19 <20"
     },
     "@talmudpedia/runtime-sdk": {
-      "contract": "90a64d2df2facc3c4510edc7a0762cb86a336578667d3bc6cfeb7ae035133e00",
+      "contract": "13f59fd11fc838b1f7a51afe15afcdb6f1429fed94e37a1341c97061882e57d2",
       "protocolOwner": "@agents24/client"
     },
     "agents24": {
-      "contract": "90a64d2df2facc3c4510edc7a0762cb86a336578667d3bc6cfeb7ae035133e00",
+      "contract": "13f59fd11fc838b1f7a51afe15afcdb6f1429fed94e37a1341c97061882e57d2",
       "python": ">=3.10"
     }
   },
   "protocols": {
     "runtime": {
       "minimum": "2.0.0",
-      "wire": "run-stream.v2"
+      "wire": "run-stream.v3"
     },
     "threadSummary": {
       "minimum": "1.0.0",
@@ -47,8 +47,8 @@
   },
   "schemaVersion": "agents24.compatibility.v1",
   "targetOperationCounts": {
-    "client": 19,
-    "node": 60,
-    "python": 55
+    "client": 22,
+    "node": 78,
+    "python": 69
   }
 }

package/dist/chunk-SSUO4EPD.js

@@ -0,0 +1,189 @@
+// src/streaming-text.ts
+import { useEffect, useRef, useState } from "react";
+var DEFAULT_COMPLETED_TEXT_CACHE_SIZE = 200;
+var STREAM_RUNWAY_MS = 80;
+var STREAM_IDLE_RELEASE_MS = 120;
+var defaultCompletedTextCache = /* @__PURE__ */ new Map();
+var defaultStreamingTextCache = {
+  get: (id) => defaultCompletedTextCache.get(id),
+  set: (id, text) => {
+    defaultCompletedTextCache.set(id, text);
+    if (defaultCompletedTextCache.size > DEFAULT_COMPLETED_TEXT_CACHE_SIZE) {
+      const firstKey = defaultCompletedTextCache.keys().next().value;
+      if (firstKey) defaultCompletedTextCache.delete(firstKey);
+    }
+  }
+};
+var getActiveStreamingTextPartId = (message, streamingMessageId) => {
+  if (message.role !== "assistant" || streamingMessageId !== message.id) return null;
+  const trailingPart = message.parts[message.parts.length - 1];
+  return trailingPart?.kind === "text" ? trailingPart.id : null;
+};
+var isActiveStreamingTextPart = (message, part, streamingMessageId) => part.kind === "text" && part.id === getActiveStreamingTextPartId(message, streamingMessageId);
+var graphemeEndOffsets = (value) => {
+  if (!value) return [];
+  if (typeof Intl !== "undefined" && "Segmenter" in Intl) {
+    const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+    return Array.from(segmenter.segment(value), ({ index, segment }) => index + segment.length);
+  }
+  const characters = Array.from(value);
+  const offsets = [];
+  let offset = 0;
+  let regionalIndicators = 0;
+  characters.forEach((character, index) => {
+    const previous = characters[index - 1];
+    const codePoint = character.codePointAt(0) ?? 0;
+    const isRegionalIndicator = codePoint >= 127462 && codePoint <= 127487;
+    const continuesCluster = index > 0 && (/^\p{Mark}$/u.test(character) || codePoint >= 65024 && codePoint <= 65039 || codePoint >= 127995 && codePoint <= 127999 || character === "\u200D" || previous === "\u200D" || isRegionalIndicator && regionalIndicators % 2 === 1);
+    if (!continuesCluster) {
+      if (offset > 0) offsets.push(offset);
+      regionalIndicators = 0;
+    }
+    offset += character.length;
+    regionalIndicators = isRegionalIndicator ? regionalIndicators + 1 : 0;
+  });
+  offsets.push(offset);
+  return offsets;
+};
+function useStreamingText({
+  id,
+  isStreaming,
+  text,
+  cache = defaultStreamingTextCache,
+  charsPerSecond = 72,
+  catchupThreshold = 40,
+  maxCatchupChars = 20
+}) {
+  const cacheAdapter = cache === false ? null : cache;
+  const [displayedText, setDisplayedText] = useState(() => {
+    const cachedText = cacheAdapter?.get(id);
+    return cachedText && text.startsWith(cachedText) ? cachedText : text;
+  });
+  const targetRef = useRef(text);
+  const displayedRef = useRef(displayedText);
+  const rafRef = useRef(null);
+  const lastFrameAtRef = useRef(null);
+  const targetUpdatedAtRef = useRef(null);
+  const progressRemainderRef = useRef(0);
+  const idRef = useRef(id);
+  const streamingRef = useRef(isStreaming);
+  const reduceMotionRef = useRef(false);
+  useEffect(() => {
+    if (isStreaming || !text) return;
+    cacheAdapter?.set(id, text);
+  }, [cacheAdapter, id, isStreaming, text]);
+  useEffect(() => {
+    targetRef.current = text;
+    targetUpdatedAtRef.current = typeof performance === "undefined" ? null : performance.now();
+    if (!isStreaming || reduceMotionRef.current || !text.startsWith(displayedRef.current)) {
+      displayedRef.current = text;
+      setDisplayedText(text);
+      progressRemainderRef.current = 0;
+    }
+  }, [isStreaming, text]);
+  useEffect(() => {
+    if (idRef.current === id) return;
+    idRef.current = id;
+    const cachedText = cacheAdapter?.get(id);
+    const initial = cachedText && text.startsWith(cachedText) ? cachedText : text;
+    displayedRef.current = initial;
+    setDisplayedText(initial);
+    lastFrameAtRef.current = null;
+    targetUpdatedAtRef.current = typeof performance === "undefined" ? null : performance.now();
+    progressRemainderRef.current = 0;
+  }, [cacheAdapter, id, isStreaming, text]);
+  useEffect(() => {
+    streamingRef.current = isStreaming;
+    if (typeof window === "undefined") {
+      displayedRef.current = text;
+      setDisplayedText(text);
+      return;
+    }
+    const reduceMotion2 = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    reduceMotionRef.current = reduceMotion2;
+    if (reduceMotion2 || !isStreaming) {
+      displayedRef.current = text;
+      setDisplayedText(text);
+      return;
+    }
+    const cachedText = cacheAdapter?.get(id);
+    if (cachedText === text) {
+      displayedRef.current = text;
+      setDisplayedText(text);
+      return;
+    }
+    if (!text.startsWith(displayedRef.current)) {
+      displayedRef.current = text;
+      setDisplayedText(text);
+    }
+    const tick = (timestamp) => {
+      const previousTimestamp = lastFrameAtRef.current ?? timestamp;
+      lastFrameAtRef.current = timestamp;
+      const target = targetRef.current;
+      const current = displayedRef.current;
+      if (!streamingRef.current || reduceMotionRef.current) {
+        displayedRef.current = target;
+        setDisplayedText(target);
+        rafRef.current = null;
+        return;
+      }
+      if (!target.startsWith(current)) {
+        displayedRef.current = target;
+        setDisplayedText(target);
+        progressRemainderRef.current = 0;
+        rafRef.current = window.requestAnimationFrame(tick);
+        return;
+      }
+      const pending = target.slice(current.length);
+      const pendingOffsets = graphemeEndOffsets(pending);
+      if (pendingOffsets.length === 0) {
+        rafRef.current = window.requestAnimationFrame(tick);
+        return;
+      }
+      const elapsedMs = Math.max(0, timestamp - previousTimestamp);
+      const targetIdleMs = targetUpdatedAtRef.current === null ? STREAM_IDLE_RELEASE_MS : Math.max(0, timestamp - targetUpdatedAtRef.current);
+      const runway = targetIdleMs >= STREAM_IDLE_RELEASE_MS ? 0 : Math.min(
+        pendingOffsets.length - 1,
+        Math.max(1, Math.ceil(charsPerSecond * STREAM_RUNWAY_MS / 1e3))
+      );
+      const eligibleGraphemes = pendingOffsets.length - runway;
+      progressRemainderRef.current += elapsedMs / 1e3 * charsPerSecond;
+      let step = Math.floor(progressRemainderRef.current);
+      if (current.length === 0 && eligibleGraphemes > 0) step = Math.max(1, step);
+      const catchupStep = pendingOffsets.length > catchupThreshold ? Math.min(maxCatchupChars, Math.ceil(pendingOffsets.length / 10)) : 0;
+      step = Math.min(eligibleGraphemes, Math.max(step, catchupStep));
+      if (step > 0) {
+        progressRemainderRef.current = Math.max(0, progressRemainderRef.current - step);
+        const next = current + pending.slice(0, pendingOffsets[step - 1]);
+        displayedRef.current = next;
+        setDisplayedText(next);
+      }
+      rafRef.current = window.requestAnimationFrame(tick);
+    };
+    if (rafRef.current === null) {
+      rafRef.current = window.requestAnimationFrame(tick);
+    }
+    return () => {
+      if (rafRef.current !== null) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+      lastFrameAtRef.current = null;
+      progressRemainderRef.current = 0;
+    };
+  }, [cacheAdapter, catchupThreshold, charsPerSecond, id, isStreaming, maxCatchupChars]);
+  const reduceMotion = typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  return {
+    displayedText: !isStreaming || reduceMotion ? text : displayedText,
+    isAnimating: isStreaming,
+    mode: isStreaming ? "streaming" : "static",
+    parseIncompleteMarkdown: isStreaming
+  };
+}
+
+export {
+  getActiveStreamingTextPartId,
+  isActiveStreamingTextPart,
+  useStreamingText
+};
+//# sourceMappingURL=chunk-SSUO4EPD.js.map

package/dist/chunk-SSUO4EPD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/streaming-text.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport type { ChatMessage, ChatPart } from \"./types\";\n\nexport type StreamingTextMode = \"streaming\" | \"static\";\n\nexport type StreamingTextCache = {\n  get: (id: string) => string | undefined;\n  set: (id: string, text: string) => void;\n};\n\nexport type UseStreamingTextOptions = {\n  id: string;\n  isStreaming: boolean;\n  text: string;\n  cache?: StreamingTextCache | false;\n  charsPerSecond?: number;\n  catchupThreshold?: number;\n  maxCatchupChars?: number;\n};\n\nexport type UseStreamingTextResult = {\n  displayedText: string;\n  isAnimating: boolean;\n  mode: StreamingTextMode;\n  parseIncompleteMarkdown: boolean;\n};\n\nconst DEFAULT_COMPLETED_TEXT_CACHE_SIZE = 200;\nconst STREAM_RUNWAY_MS = 80;\nconst STREAM_IDLE_RELEASE_MS = 120;\nconst defaultCompletedTextCache = new Map<string, string>();\n\nconst defaultStreamingTextCache: StreamingTextCache = {\n  get: (id) => defaultCompletedTextCache.get(id),\n  set: (id, text) => {\n    defaultCompletedTextCache.set(id, text);\n    if (defaultCompletedTextCache.size > DEFAULT_COMPLETED_TEXT_CACHE_SIZE) {\n      const firstKey = defaultCompletedTextCache.keys().next().value;\n      if (firstKey) defaultCompletedTextCache.delete(firstKey);\n    }\n  },\n};\n\nexport const getActiveStreamingTextPartId = (\n  message: ChatMessage,\n  streamingMessageId: string | null\n) => {\n  if (message.role !== \"assistant\" || streamingMessageId !== message.id) return null;\n  const trailingPart = message.parts[message.parts.length - 1];\n  return trailingPart?.kind === \"text\" ? trailingPart.id : null;\n};\n\nexport const isActiveStreamingTextPart = (\n  message: ChatMessage,\n  part: ChatPart,\n  streamingMessageId: string | null\n) => part.kind === \"text\" && part.id === getActiveStreamingTextPartId(message, streamingMessageId);\n\nconst graphemeEndOffsets = (value: string): number[] => {\n  if (!value) return [];\n\n  if (typeof Intl !== \"undefined\" && \"Segmenter\" in Intl) {\n    const segmenter = new Intl.Segmenter(undefined, { granularity: \"grapheme\" });\n    return Array.from(segmenter.segment(value), ({ index, segment }) => index + segment.length);\n  }\n\n  const characters = Array.from(value);\n  const offsets: number[] = [];\n  let offset = 0;\n  let regionalIndicators = 0;\n  characters.forEach((character, index) => {\n    const previous = characters[index - 1];\n    const codePoint = character.codePointAt(0) ?? 0;\n    const isRegionalIndicator = codePoint >= 0x1f1e6 && codePoint <= 0x1f1ff;\n    const continuesCluster =\n      index > 0 &&\n      (/^\\p{Mark}$/u.test(character) ||\n        (codePoint >= 0xfe00 && codePoint <= 0xfe0f) ||\n        (codePoint >= 0x1f3fb && codePoint <= 0x1f3ff) ||\n        character === \"\\u200d\" ||\n        previous === \"\\u200d\" ||\n        (isRegionalIndicator && regionalIndicators % 2 === 1));\n    if (!continuesCluster) {\n      if (offset > 0) offsets.push(offset);\n      regionalIndicators = 0;\n    }\n    offset += character.length;\n    regionalIndicators = isRegionalIndicator ? regionalIndicators + 1 : 0;\n  });\n  offsets.push(offset);\n  return offsets;\n};\n\nexport function useStreamingText({\n  id,\n  isStreaming,\n  text,\n  cache = defaultStreamingTextCache,\n  charsPerSecond = 72,\n  catchupThreshold = 40,\n  maxCatchupChars = 20,\n}: UseStreamingTextOptions): UseStreamingTextResult {\n  const cacheAdapter = cache === false ? null : cache;\n  const [displayedText, setDisplayedText] = useState(() => {\n    const cachedText = cacheAdapter?.get(id);\n    return cachedText && text.startsWith(cachedText) ? cachedText : text;\n  });\n  const targetRef = useRef(text);\n  const displayedRef = useRef(displayedText);\n  const rafRef = useRef<number | null>(null);\n  const lastFrameAtRef = useRef<number | null>(null);\n  const targetUpdatedAtRef = useRef<number | null>(null);\n  const progressRemainderRef = useRef(0);\n  const idRef = useRef(id);\n  const streamingRef = useRef(isStreaming);\n  const reduceMotionRef = useRef(false);\n\n  useEffect(() => {\n    if (isStreaming || !text) return;\n    cacheAdapter?.set(id, text);\n  }, [cacheAdapter, id, isStreaming, text]);\n\n  useEffect(() => {\n    targetRef.current = text;\n    targetUpdatedAtRef.current =\n      typeof performance === \"undefined\" ? null : performance.now();\n\n    if (\n      !isStreaming ||\n      reduceMotionRef.current ||\n      !text.startsWith(displayedRef.current)\n    ) {\n      displayedRef.current = text;\n      setDisplayedText(text);\n      progressRemainderRef.current = 0;\n    }\n  }, [isStreaming, text]);\n\n  useEffect(() => {\n    if (idRef.current === id) return;\n\n    idRef.current = id;\n    const cachedText = cacheAdapter?.get(id);\n    const initial = cachedText && text.startsWith(cachedText) ? cachedText : text;\n    displayedRef.current = initial;\n    setDisplayedText(initial);\n    lastFrameAtRef.current = null;\n    targetUpdatedAtRef.current =\n      typeof performance === \"undefined\" ? null : performance.now();\n    progressRemainderRef.current = 0;\n  }, [cacheAdapter, id, isStreaming, text]);\n\n  useEffect(() => {\n    streamingRef.current = isStreaming;\n\n    if (typeof window === \"undefined\") {\n      displayedRef.current = text;\n      setDisplayedText(text);\n      return;\n    }\n\n    const reduceMotion =\n      typeof window.matchMedia === \"function\" &&\n      window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    reduceMotionRef.current = reduceMotion;\n\n    if (reduceMotion || !isStreaming) {\n      displayedRef.current = text;\n      setDisplayedText(text);\n      return;\n    }\n\n    const cachedText = cacheAdapter?.get(id);\n    if (cachedText === text) {\n      displayedRef.current = text;\n      setDisplayedText(text);\n      return;\n    }\n\n    if (!text.startsWith(displayedRef.current)) {\n      displayedRef.current = text;\n      setDisplayedText(text);\n    }\n\n    const tick = (timestamp: number) => {\n      const previousTimestamp = lastFrameAtRef.current ?? timestamp;\n      lastFrameAtRef.current = timestamp;\n\n      const target = targetRef.current;\n      const current = displayedRef.current;\n\n      if (!streamingRef.current || reduceMotionRef.current) {\n        displayedRef.current = target;\n        setDisplayedText(target);\n        rafRef.current = null;\n        return;\n      }\n\n      if (!target.startsWith(current)) {\n        displayedRef.current = target;\n        setDisplayedText(target);\n        progressRemainderRef.current = 0;\n        rafRef.current = window.requestAnimationFrame(tick);\n        return;\n      }\n\n      const pending = target.slice(current.length);\n      const pendingOffsets = graphemeEndOffsets(pending);\n      if (pendingOffsets.length === 0) {\n        rafRef.current = window.requestAnimationFrame(tick);\n        return;\n      }\n\n      const elapsedMs = Math.max(0, timestamp - previousTimestamp);\n      const targetIdleMs =\n        targetUpdatedAtRef.current === null\n          ? STREAM_IDLE_RELEASE_MS\n          : Math.max(0, timestamp - targetUpdatedAtRef.current);\n      const runway =\n        targetIdleMs >= STREAM_IDLE_RELEASE_MS\n          ? 0\n          : Math.min(\n              pendingOffsets.length - 1,\n              Math.max(1, Math.ceil((charsPerSecond * STREAM_RUNWAY_MS) / 1000))\n            );\n      const eligibleGraphemes = pendingOffsets.length - runway;\n\n      progressRemainderRef.current += (elapsedMs / 1000) * charsPerSecond;\n      let step = Math.floor(progressRemainderRef.current);\n      if (current.length === 0 && eligibleGraphemes > 0) step = Math.max(1, step);\n\n      const catchupStep =\n        pendingOffsets.length > catchupThreshold\n          ? Math.min(maxCatchupChars, Math.ceil(pendingOffsets.length / 10))\n          : 0;\n      step = Math.min(eligibleGraphemes, Math.max(step, catchupStep));\n\n      if (step > 0) {\n        progressRemainderRef.current = Math.max(0, progressRemainderRef.current - step);\n        const next = current + pending.slice(0, pendingOffsets[step - 1]);\n        displayedRef.current = next;\n        setDisplayedText(next);\n      }\n      rafRef.current = window.requestAnimationFrame(tick);\n    };\n\n    if (rafRef.current === null) {\n      rafRef.current = window.requestAnimationFrame(tick);\n    }\n\n    return () => {\n      if (rafRef.current !== null) {\n        cancelAnimationFrame(rafRef.current);\n        rafRef.current = null;\n      }\n      lastFrameAtRef.current = null;\n      progressRemainderRef.current = 0;\n    };\n  }, [cacheAdapter, catchupThreshold, charsPerSecond, id, isStreaming, maxCatchupChars]);\n\n  const reduceMotion =\n    typeof window !== \"undefined\" &&\n    typeof window.matchMedia === \"function\" &&\n    window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  return {\n    displayedText: !isStreaming || reduceMotion ? text : displayedText,\n    isAnimating: isStreaming,\n    mode: isStreaming ? \"streaming\" : \"static\",\n    parseIncompleteMarkdown: isStreaming,\n  };\n}\n"],"mappings":";AAAA,SAAS,WAAW,QAAQ,gBAAgB;AA4B5C,IAAM,oCAAoC;AAC1C,IAAM,mBAAmB;AACzB,IAAM,yBAAyB;AAC/B,IAAM,4BAA4B,oBAAI,IAAoB;AAE1D,IAAM,4BAAgD;AAAA,EACpD,KAAK,CAAC,OAAO,0BAA0B,IAAI,EAAE;AAAA,EAC7C,KAAK,CAAC,IAAI,SAAS;AACjB,8BAA0B,IAAI,IAAI,IAAI;AACtC,QAAI,0BAA0B,OAAO,mCAAmC;AACtE,YAAM,WAAW,0BAA0B,KAAK,EAAE,KAAK,EAAE;AACzD,UAAI,SAAU,2BAA0B,OAAO,QAAQ;AAAA,IACzD;AAAA,EACF;AACF;AAEO,IAAM,+BAA+B,CAC1C,SACA,uBACG;AACH,MAAI,QAAQ,SAAS,eAAe,uBAAuB,QAAQ,GAAI,QAAO;AAC9E,QAAM,eAAe,QAAQ,MAAM,QAAQ,MAAM,SAAS,CAAC;AAC3D,SAAO,cAAc,SAAS,SAAS,aAAa,KAAK;AAC3D;AAEO,IAAM,4BAA4B,CACvC,SACA,MACA,uBACG,KAAK,SAAS,UAAU,KAAK,OAAO,6BAA6B,SAAS,kBAAkB;AAEjG,IAAM,qBAAqB,CAAC,UAA4B;AACtD,MAAI,CAAC,MAAO,QAAO,CAAC;AAEpB,MAAI,OAAO,SAAS,eAAe,eAAe,MAAM;AACtD,UAAM,YAAY,IAAI,KAAK,UAAU,QAAW,EAAE,aAAa,WAAW,CAAC;AAC3E,WAAO,MAAM,KAAK,UAAU,QAAQ,KAAK,GAAG,CAAC,EAAE,OAAO,QAAQ,MAAM,QAAQ,QAAQ,MAAM;AAAA,EAC5F;AAEA,QAAM,aAAa,MAAM,KAAK,KAAK;AACnC,QAAM,UAAoB,CAAC;AAC3B,MAAI,SAAS;AACb,MAAI,qBAAqB;AACzB,aAAW,QAAQ,CAAC,WAAW,UAAU;AACvC,UAAM,WAAW,WAAW,QAAQ,CAAC;AACrC,UAAM,YAAY,UAAU,YAAY,CAAC,KAAK;AAC9C,UAAM,sBAAsB,aAAa,UAAW,aAAa;AACjE,UAAM,mBACJ,QAAQ,MACP,cAAc,KAAK,SAAS,KAC1B,aAAa,SAAU,aAAa,SACpC,aAAa,UAAW,aAAa,UACtC,cAAc,YACd,aAAa,YACZ,uBAAuB,qBAAqB,MAAM;AACvD,QAAI,CAAC,kBAAkB;AACrB,UAAI,SAAS,EAAG,SAAQ,KAAK,MAAM;AACnC,2BAAqB;AAAA,IACvB;AACA,cAAU,UAAU;AACpB,yBAAqB,sBAAsB,qBAAqB,IAAI;AAAA,EACtE,CAAC;AACD,UAAQ,KAAK,MAAM;AACnB,SAAO;AACT;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,kBAAkB;AACpB,GAAoD;AAClD,QAAM,eAAe,UAAU,QAAQ,OAAO;AAC9C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,MAAM;AACvD,UAAM,aAAa,cAAc,IAAI,EAAE;AACvC,WAAO,cAAc,KAAK,WAAW,UAAU,IAAI,aAAa;AAAA,EAClE,CAAC;AACD,QAAM,YAAY,OAAO,IAAI;AAC7B,QAAM,eAAe,OAAO,aAAa;AACzC,QAAM,SAAS,OAAsB,IAAI;AACzC,QAAM,iBAAiB,OAAsB,IAAI;AACjD,QAAM,qBAAqB,OAAsB,IAAI;AACrD,QAAM,uBAAuB,OAAO,CAAC;AACrC,QAAM,QAAQ,OAAO,EAAE;AACvB,QAAM,eAAe,OAAO,WAAW;AACvC,QAAM,kBAAkB,OAAO,KAAK;AAEpC,YAAU,MAAM;AACd,QAAI,eAAe,CAAC,KAAM;AAC1B,kBAAc,IAAI,IAAI,IAAI;AAAA,EAC5B,GAAG,CAAC,cAAc,IAAI,aAAa,IAAI,CAAC;AAExC,YAAU,MAAM;AACd,cAAU,UAAU;AACpB,uBAAmB,UACjB,OAAO,gBAAgB,cAAc,OAAO,YAAY,IAAI;AAE9D,QACE,CAAC,eACD,gBAAgB,WAChB,CAAC,KAAK,WAAW,aAAa,OAAO,GACrC;AACA,mBAAa,UAAU;AACvB,uBAAiB,IAAI;AACrB,2BAAqB,UAAU;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,aAAa,IAAI,CAAC;AAEtB,YAAU,MAAM;AACd,QAAI,MAAM,YAAY,GAAI;AAE1B,UAAM,UAAU;AAChB,UAAM,aAAa,cAAc,IAAI,EAAE;AACvC,UAAM,UAAU,cAAc,KAAK,WAAW,UAAU,IAAI,aAAa;AACzE,iBAAa,UAAU;AACvB,qBAAiB,OAAO;AACxB,mBAAe,UAAU;AACzB,uBAAmB,UACjB,OAAO,gBAAgB,cAAc,OAAO,YAAY,IAAI;AAC9D,yBAAqB,UAAU;AAAA,EACjC,GAAG,CAAC,cAAc,IAAI,aAAa,IAAI,CAAC;AAExC,YAAU,MAAM;AACd,iBAAa,UAAU;AAEvB,QAAI,OAAO,WAAW,aAAa;AACjC,mBAAa,UAAU;AACvB,uBAAiB,IAAI;AACrB;AAAA,IACF;AAEA,UAAMA,gBACJ,OAAO,OAAO,eAAe,cAC7B,OAAO,WAAW,kCAAkC,EAAE;AACxD,oBAAgB,UAAUA;AAE1B,QAAIA,iBAAgB,CAAC,aAAa;AAChC,mBAAa,UAAU;AACvB,uBAAiB,IAAI;AACrB;AAAA,IACF;AAEA,UAAM,aAAa,cAAc,IAAI,EAAE;AACvC,QAAI,eAAe,MAAM;AACvB,mBAAa,UAAU;AACvB,uBAAiB,IAAI;AACrB;AAAA,IACF;AAEA,QAAI,CAAC,KAAK,WAAW,aAAa,OAAO,GAAG;AAC1C,mBAAa,UAAU;AACvB,uBAAiB,IAAI;AAAA,IACvB;AAEA,UAAM,OAAO,CAAC,cAAsB;AAClC,YAAM,oBAAoB,eAAe,WAAW;AACpD,qBAAe,UAAU;AAEzB,YAAM,SAAS,UAAU;AACzB,YAAM,UAAU,aAAa;AAE7B,UAAI,CAAC,aAAa,WAAW,gBAAgB,SAAS;AACpD,qBAAa,UAAU;AACvB,yBAAiB,MAAM;AACvB,eAAO,UAAU;AACjB;AAAA,MACF;AAEA,UAAI,CAAC,OAAO,WAAW,OAAO,GAAG;AAC/B,qBAAa,UAAU;AACvB,yBAAiB,MAAM;AACvB,6BAAqB,UAAU;AAC/B,eAAO,UAAU,OAAO,sBAAsB,IAAI;AAClD;AAAA,MACF;AAEA,YAAM,UAAU,OAAO,MAAM,QAAQ,MAAM;AAC3C,YAAM,iBAAiB,mBAAmB,OAAO;AACjD,UAAI,eAAe,WAAW,GAAG;AAC/B,eAAO,UAAU,OAAO,sBAAsB,IAAI;AAClD;AAAA,MACF;AAEA,YAAM,YAAY,KAAK,IAAI,GAAG,YAAY,iBAAiB;AAC3D,YAAM,eACJ,mBAAmB,YAAY,OAC3B,yBACA,KAAK,IAAI,GAAG,YAAY,mBAAmB,OAAO;AACxD,YAAM,SACJ,gBAAgB,yBACZ,IACA,KAAK;AAAA,QACH,eAAe,SAAS;AAAA,QACxB,KAAK,IAAI,GAAG,KAAK,KAAM,iBAAiB,mBAAoB,GAAI,CAAC;AAAA,MACnE;AACN,YAAM,oBAAoB,eAAe,SAAS;AAElD,2BAAqB,WAAY,YAAY,MAAQ;AACrD,UAAI,OAAO,KAAK,MAAM,qBAAqB,OAAO;AAClD,UAAI,QAAQ,WAAW,KAAK,oBAAoB,EAAG,QAAO,KAAK,IAAI,GAAG,IAAI;AAE1E,YAAM,cACJ,eAAe,SAAS,mBACpB,KAAK,IAAI,iBAAiB,KAAK,KAAK,eAAe,SAAS,EAAE,CAAC,IAC/D;AACN,aAAO,KAAK,IAAI,mBAAmB,KAAK,IAAI,MAAM,WAAW,CAAC;AAE9D,UAAI,OAAO,GAAG;AACZ,6BAAqB,UAAU,KAAK,IAAI,GAAG,qBAAqB,UAAU,IAAI;AAC9E,cAAM,OAAO,UAAU,QAAQ,MAAM,GAAG,eAAe,OAAO,CAAC,CAAC;AAChE,qBAAa,UAAU;AACvB,yBAAiB,IAAI;AAAA,MACvB;AACA,aAAO,UAAU,OAAO,sBAAsB,IAAI;AAAA,IACpD;AAEA,QAAI,OAAO,YAAY,MAAM;AAC3B,aAAO,UAAU,OAAO,sBAAsB,IAAI;AAAA,IACpD;AAEA,WAAO,MAAM;AACX,UAAI,OAAO,YAAY,MAAM;AAC3B,6BAAqB,OAAO,OAAO;AACnC,eAAO,UAAU;AAAA,MACnB;AACA,qBAAe,UAAU;AACzB,2BAAqB,UAAU;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,cAAc,kBAAkB,gBAAgB,IAAI,aAAa,eAAe,CAAC;AAErF,QAAM,eACJ,OAAO,WAAW,eAClB,OAAO,OAAO,eAAe,cAC7B,OAAO,WAAW,kCAAkC,EAAE;AAExD,SAAO;AAAA,IACL,eAAe,CAAC,eAAe,eAAe,OAAO;AAAA,IACrD,aAAa;AAAA,IACb,MAAM,cAAc,cAAc;AAAA,IAClC,yBAAyB;AAAA,EAC3B;AACF;","names":["reduceMotion"]}

package/dist/chunk-ZCNHLFRB.js

@@ -0,0 +1,108 @@
+// src/mcp-oauth.ts
+var UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function browserChatCrypto() {
+  const value = globalThis.crypto;
+  if (!value?.subtle || !value.randomUUID) {
+    throw new Error("Secure browser crypto is required for MCP authorization.");
+  }
+  return value;
+}
+function base64Url(bytes) {
+  let binary = "";
+  bytes.forEach((byte) => {
+    binary += String.fromCharCode(byte);
+  });
+  return btoa(binary).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/g, "");
+}
+async function createMcpPkceProof() {
+  const crypto = browserChatCrypto();
+  const verifier = base64Url(crypto.getRandomValues(new Uint8Array(32)));
+  const digest = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(verifier));
+  return { challenge: base64Url(new Uint8Array(digest)), verifier };
+}
+function isLoopback(hostname) {
+  return hostname === "localhost" || hostname === "127.0.0.1" || hostname === "[::1]";
+}
+function normalizedOrigin(value) {
+  try {
+    const url = new URL(value);
+    if (url.protocol !== "https:" && !(url.protocol === "http:" && isLoopback(url.hostname))) {
+      throw new Error("unsafe callback origin");
+    }
+    if (url.origin === "null") throw new Error("opaque callback origin");
+    return url.origin;
+  } catch {
+    throw new Error("MCP authorization returned an invalid callback origin.");
+  }
+}
+function validateMcpCallbackResult(result, expectedServerId) {
+  const serverId = String(result.server_id || "").trim();
+  const connectionId = String(result.connection_id || "").trim();
+  if (!serverId || serverId !== expectedServerId) {
+    throw new Error("MCP authorization completed for an unexpected server.");
+  }
+  if (!UUID_PATTERN.test(connectionId)) {
+    throw new Error("MCP authorization returned an invalid connection identity.");
+  }
+  return result;
+}
+function waitForMcpOauthComplete({
+  popup,
+  callbackOrigin,
+  popupNonce,
+  requireConnectionId = false,
+  serverId,
+  timeoutMs = 12e4
+}) {
+  if (!popup) return Promise.reject(new Error("Could not open the MCP authorization popup."));
+  const expectedOrigin = normalizedOrigin(callbackOrigin);
+  const expectedServerId = String(serverId || "").trim();
+  const expectedPopupNonce = String(popupNonce || "").trim();
+  if (!expectedServerId) return Promise.reject(new Error("MCP authorization is missing its server identity."));
+  if (!expectedPopupNonce) return Promise.reject(new Error("MCP authorization is missing its popup binding."));
+  const returnFocusTo = typeof document !== "undefined" ? document.activeElement : null;
+  return new Promise((resolve, reject) => {
+    let settled = false;
+    const finish = (result) => {
+      if (settled) return;
+      settled = true;
+      window.clearTimeout(timeout);
+      window.clearInterval(closeTimer);
+      window.removeEventListener("message", onMessage);
+      returnFocusTo?.focus?.();
+      if (result instanceof Error) reject(result);
+      else resolve(result);
+    };
+    const onMessage = (event) => {
+      if (event.source !== popup || event.origin !== expectedOrigin) return;
+      const data = event.data;
+      if (data?.type !== "agents24.mcp.callback" || data.server_id !== expectedServerId || data.popup_nonce !== expectedPopupNonce) return;
+      const code = String(data.code || "").trim();
+      if (!code || code.length > 2048) return;
+      const connectionId = String(data.connection_id || "").trim();
+      if ((requireConnectionId || connectionId) && !UUID_PATTERN.test(connectionId)) return;
+      finish({
+        code,
+        ...connectionId ? { connectionId } : {},
+        popupNonce: expectedPopupNonce,
+        serverId: expectedServerId
+      });
+    };
+    const timeout = window.setTimeout(
+      () => finish(new Error("MCP authorization timed out.")),
+      Math.max(1, timeoutMs)
+    );
+    const closeTimer = window.setInterval(() => {
+      if (popup.closed) finish(new Error("MCP authorization window was closed before connecting."));
+    }, 500);
+    window.addEventListener("message", onMessage);
+  });
+}
+
+export {
+  browserChatCrypto,
+  createMcpPkceProof,
+  validateMcpCallbackResult,
+  waitForMcpOauthComplete
+};
+//# sourceMappingURL=chunk-ZCNHLFRB.js.map

package/dist/chunk-ZCNHLFRB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mcp-oauth.ts"],"sourcesContent":["import type { McpCallbackResult } from \"@agents24/client\";\nimport type { ChatMcpOauthCompletion, WaitForMcpOauthCompleteInput } from \"./types\";\n\nconst UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;\n\ntype CryptoLike = {\n  getRandomValues<T extends Uint8Array>(array: T): T;\n  randomUUID(): string;\n  subtle: { digest(algorithm: string, data: Uint8Array): Promise<ArrayBuffer> };\n};\n\nexport function browserChatCrypto(): CryptoLike {\n  const value = (globalThis as unknown as { crypto?: CryptoLike }).crypto;\n  if (!value?.subtle || !value.randomUUID) {\n    throw new Error(\"Secure browser crypto is required for MCP authorization.\");\n  }\n  return value;\n}\n\nfunction base64Url(bytes: Uint8Array): string {\n  let binary = \"\";\n  bytes.forEach((byte) => { binary += String.fromCharCode(byte); });\n  return btoa(binary).replace(/\\+/g, \"-\").replace(/\\//g, \"_\").replace(/=+$/g, \"\");\n}\n\nexport async function createMcpPkceProof(): Promise<{ challenge: string; verifier: string }> {\n  const crypto = browserChatCrypto();\n  const verifier = base64Url(crypto.getRandomValues(new Uint8Array(32)));\n  const digest = await crypto.subtle.digest(\"SHA-256\", new TextEncoder().encode(verifier));\n  return { challenge: base64Url(new Uint8Array(digest)), verifier };\n}\n\nfunction isLoopback(hostname: string): boolean {\n  return hostname === \"localhost\" || hostname === \"127.0.0.1\" || hostname === \"[::1]\";\n}\n\nfunction normalizedOrigin(value: string): string {\n  try {\n    const url = new URL(value);\n    if (url.protocol !== \"https:\" && !(url.protocol === \"http:\" && isLoopback(url.hostname))) {\n      throw new Error(\"unsafe callback origin\");\n    }\n    if (url.origin === \"null\") throw new Error(\"opaque callback origin\");\n    return url.origin;\n  } catch {\n    throw new Error(\"MCP authorization returned an invalid callback origin.\");\n  }\n}\n\nexport function validateMcpCallbackResult(\n  result: McpCallbackResult,\n  expectedServerId: string,\n): McpCallbackResult {\n  const serverId = String(result.server_id || \"\").trim();\n  const connectionId = String(result.connection_id || \"\").trim();\n  if (!serverId || serverId !== expectedServerId) {\n    throw new Error(\"MCP authorization completed for an unexpected server.\");\n  }\n  if (!UUID_PATTERN.test(connectionId)) {\n    throw new Error(\"MCP authorization returned an invalid connection identity.\");\n  }\n  return result;\n}\n\nexport function waitForMcpOauthComplete({\n  popup,\n  callbackOrigin,\n  popupNonce,\n  requireConnectionId = false,\n  serverId,\n  timeoutMs = 120_000,\n}: WaitForMcpOauthCompleteInput): Promise<ChatMcpOauthCompletion> {\n  if (!popup) return Promise.reject(new Error(\"Could not open the MCP authorization popup.\"));\n  const expectedOrigin = normalizedOrigin(callbackOrigin);\n  const expectedServerId = String(serverId || \"\").trim();\n  const expectedPopupNonce = String(popupNonce || \"\").trim();\n  if (!expectedServerId) return Promise.reject(new Error(\"MCP authorization is missing its server identity.\"));\n  if (!expectedPopupNonce) return Promise.reject(new Error(\"MCP authorization is missing its popup binding.\"));\n  const returnFocusTo = typeof document !== \"undefined\"\n    ? document.activeElement as { focus?: () => void } | null\n    : null;\n\n  return new Promise((resolve, reject) => {\n    let settled = false;\n    const finish = (result: ChatMcpOauthCompletion | Error) => {\n      if (settled) return;\n      settled = true;\n      window.clearTimeout(timeout);\n      window.clearInterval(closeTimer);\n      window.removeEventListener(\"message\", onMessage);\n      returnFocusTo?.focus?.();\n      if (result instanceof Error) reject(result);\n      else resolve(result);\n    };\n    const onMessage = (event: MessageEvent) => {\n      if (event.source !== popup || event.origin !== expectedOrigin) return;\n      const data = event.data as {\n        type?: string;\n        code?: string;\n        connection_id?: string;\n        popup_nonce?: string;\n        server_id?: string;\n      } | null;\n      if (\n        data?.type !== \"agents24.mcp.callback\" ||\n        data.server_id !== expectedServerId ||\n        data.popup_nonce !== expectedPopupNonce\n      ) return;\n      const code = String(data.code || \"\").trim();\n      if (!code || code.length > 2048) return;\n      const connectionId = String(data.connection_id || \"\").trim();\n      if ((requireConnectionId || connectionId) && !UUID_PATTERN.test(connectionId)) return;\n      finish({\n        code,\n        ...(connectionId ? { connectionId } : {}),\n        popupNonce: expectedPopupNonce,\n        serverId: expectedServerId,\n      });\n    };\n    const timeout = window.setTimeout(\n      () => finish(new Error(\"MCP authorization timed out.\")),\n      Math.max(1, timeoutMs),\n    );\n    const closeTimer = window.setInterval(() => {\n      if (popup.closed) finish(new Error(\"MCP authorization window was closed before connecting.\"));\n    }, 500);\n    window.addEventListener(\"message\", onMessage);\n  });\n}\n"],"mappings":";AAGA,IAAM,eAAe;AAQd,SAAS,oBAAgC;AAC9C,QAAM,QAAS,WAAkD;AACjE,MAAI,CAAC,OAAO,UAAU,CAAC,MAAM,YAAY;AACvC,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAC5E;AACA,SAAO;AACT;AAEA,SAAS,UAAU,OAA2B;AAC5C,MAAI,SAAS;AACb,QAAM,QAAQ,CAAC,SAAS;AAAE,cAAU,OAAO,aAAa,IAAI;AAAA,EAAG,CAAC;AAChE,SAAO,KAAK,MAAM,EAAE,QAAQ,OAAO,GAAG,EAAE,QAAQ,OAAO,GAAG,EAAE,QAAQ,QAAQ,EAAE;AAChF;AAEA,eAAsB,qBAAuE;AAC3F,QAAM,SAAS,kBAAkB;AACjC,QAAM,WAAW,UAAU,OAAO,gBAAgB,IAAI,WAAW,EAAE,CAAC,CAAC;AACrE,QAAM,SAAS,MAAM,OAAO,OAAO,OAAO,WAAW,IAAI,YAAY,EAAE,OAAO,QAAQ,CAAC;AACvF,SAAO,EAAE,WAAW,UAAU,IAAI,WAAW,MAAM,CAAC,GAAG,SAAS;AAClE;AAEA,SAAS,WAAW,UAA2B;AAC7C,SAAO,aAAa,eAAe,aAAa,eAAe,aAAa;AAC9E;AAEA,SAAS,iBAAiB,OAAuB;AAC/C,MAAI;AACF,UAAM,MAAM,IAAI,IAAI,KAAK;AACzB,QAAI,IAAI,aAAa,YAAY,EAAE,IAAI,aAAa,WAAW,WAAW,IAAI,QAAQ,IAAI;AACxF,YAAM,IAAI,MAAM,wBAAwB;AAAA,IAC1C;AACA,QAAI,IAAI,WAAW,OAAQ,OAAM,IAAI,MAAM,wBAAwB;AACnE,WAAO,IAAI;AAAA,EACb,QAAQ;AACN,UAAM,IAAI,MAAM,wDAAwD;AAAA,EAC1E;AACF;AAEO,SAAS,0BACd,QACA,kBACmB;AACnB,QAAM,WAAW,OAAO,OAAO,aAAa,EAAE,EAAE,KAAK;AACrD,QAAM,eAAe,OAAO,OAAO,iBAAiB,EAAE,EAAE,KAAK;AAC7D,MAAI,CAAC,YAAY,aAAa,kBAAkB;AAC9C,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,MAAI,CAAC,aAAa,KAAK,YAAY,GAAG;AACpC,UAAM,IAAI,MAAM,4DAA4D;AAAA,EAC9E;AACA,SAAO;AACT;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA,YAAY;AACd,GAAkE;AAChE,MAAI,CAAC,MAAO,QAAO,QAAQ,OAAO,IAAI,MAAM,6CAA6C,CAAC;AAC1F,QAAM,iBAAiB,iBAAiB,cAAc;AACtD,QAAM,mBAAmB,OAAO,YAAY,EAAE,EAAE,KAAK;AACrD,QAAM,qBAAqB,OAAO,cAAc,EAAE,EAAE,KAAK;AACzD,MAAI,CAAC,iBAAkB,QAAO,QAAQ,OAAO,IAAI,MAAM,mDAAmD,CAAC;AAC3G,MAAI,CAAC,mBAAoB,QAAO,QAAQ,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAC3G,QAAM,gBAAgB,OAAO,aAAa,cACtC,SAAS,gBACT;AAEJ,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,QAAI,UAAU;AACd,UAAM,SAAS,CAAC,WAA2C;AACzD,UAAI,QAAS;AACb,gBAAU;AACV,aAAO,aAAa,OAAO;AAC3B,aAAO,cAAc,UAAU;AAC/B,aAAO,oBAAoB,WAAW,SAAS;AAC/C,qBAAe,QAAQ;AACvB,UAAI,kBAAkB,MAAO,QAAO,MAAM;AAAA,UACrC,SAAQ,MAAM;AAAA,IACrB;AACA,UAAM,YAAY,CAAC,UAAwB;AACzC,UAAI,MAAM,WAAW,SAAS,MAAM,WAAW,eAAgB;AAC/D,YAAM,OAAO,MAAM;AAOnB,UACE,MAAM,SAAS,2BACf,KAAK,cAAc,oBACnB,KAAK,gBAAgB,mBACrB;AACF,YAAM,OAAO,OAAO,KAAK,QAAQ,EAAE,EAAE,KAAK;AAC1C,UAAI,CAAC,QAAQ,KAAK,SAAS,KAAM;AACjC,YAAM,eAAe,OAAO,KAAK,iBAAiB,EAAE,EAAE,KAAK;AAC3D,WAAK,uBAAuB,iBAAiB,CAAC,aAAa,KAAK,YAAY,EAAG;AAC/E,aAAO;AAAA,QACL;AAAA,QACA,GAAI,eAAe,EAAE,aAAa,IAAI,CAAC;AAAA,QACvC,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AACA,UAAM,UAAU,OAAO;AAAA,MACrB,MAAM,OAAO,IAAI,MAAM,8BAA8B,CAAC;AAAA,MACtD,KAAK,IAAI,GAAG,SAAS;AAAA,IACvB;AACA,UAAM,aAAa,OAAO,YAAY,MAAM;AAC1C,UAAI,MAAM,OAAQ,QAAO,IAAI,MAAM,wDAAwD,CAAC;AAAA,IAC9F,GAAG,GAAG;AACN,WAAO,iBAAiB,WAAW,SAAS;AAAA,EAC9C,CAAC;AACH;","names":[]}