@agents24/chat-react 0.5.33 → 0.5.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agents24/chat-react",
-  "version": "0.5.33",
+  "version": "0.5.35",
   "description": "Accessible web UI and complete default layout for Agents24 chat applications.",
   "license": "MIT",
   "repository": {
@@ -64,8 +64,8 @@
   },
   "dependencies": {
     "@untitledui/file-icons": "0.0.9",
-    "@agents24/client": "0.2.16",
-    "@agents24/react": "0.2.20",
+    "@agents24/client": "0.2.17",
+    "@agents24/react": "0.2.22",
     "@fontsource-variable/inter": "^5.3.0",
     "@fontsource-variable/jetbrains-mono": "^5.3.0",
     "@fontsource-variable/merriweather": "^5.3.0",

package/scaffold/inherit.css

@@ -2,3 +2,5 @@
 @import "tw-animate-css";
 @import "./src/chat.css";
 @source "./src/**/*.{ts,tsx}";
+/* Package UI utilities are excluded from automatic node_modules detection. */
+@source "../dist/ui";

package/scaffold/src/components/chat/thread-sidebar.tsx

@@ -1,5 +1,5 @@
 import { getThreadActivity, type StoredChatThread } from "@agents24/react"
-import { LoaderCircle, SquarePen, Trash2 } from "lucide-react"
+import { LoaderCircle, Pause, SquarePen, Trash2 } from "lucide-react"
 import type { Agents24ChatIdentity } from "../../identity"
 import { IdentityControl } from "./identity-control"
 
@@ -34,20 +34,21 @@ type Props = {
 
 function ThreadStatus({ thread }: { thread: StoredChatThread }) {
   const activity = getThreadActivity(thread)
-  if (!activity.isSpinning) return null
-  const label = activity.status === "cancelling"
+  const waiting = ["paused", "waiting", "interrupted"].includes(activity.status || "")
+  if (!activity.isSpinning && !waiting) return null
+  const label = waiting ? "Waiting" : activity.status === "cancelling"
     ? "Cancelling"
     : activity.status === "queued"
       ? "Queued"
       : "Running"
   return (
     <span
-      className="pointer-events-none absolute end-1 top-1/2 hidden size-5 -translate-y-1/2 items-center justify-center text-muted-foreground transition-opacity group-hover/menu-item:opacity-0 md:flex"
+      className="pointer-events-none absolute end-1 top-1/2 flex size-5 -translate-y-1/2 items-center justify-center text-muted-foreground transition-opacity group-hover/menu-item:opacity-0"
       role="status"
       aria-label={label}
       title={label}
     >
-      <LoaderCircle className="size-3.5 animate-spin" />
+      {waiting ? <Pause className="size-3.5 text-amber-600" /> : <LoaderCircle className="size-3.5 animate-spin" />}
     </span>
   )
 }

package/dist/chunk-ZCNHLFRB.js.map

@@ -1 +0,0 @@
-{"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":"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","names":[]}