@opengeni/react 3.8.0-canary.0 → 4.0.1-canary.0

package/dist/chat.js

@@ -1,315 +0,0 @@
-import {
-  HumanInputForm,
-  Markdown
-} from "./chunk-F2CFHN3Y.js";
-import "./chunk-JVYQRRC4.js";
-import "./chunk-HQV2I5HV.js";
-import "./chunk-VZTQ73XT.js";
-import "./chunk-22KP6LR5.js";
-
-// src/chat.tsx
-import {
-  CHAT_CONVERSATION_HEADER,
-  CHAT_FORMAT_HEADER,
-  parseChatChunkStream
-} from "@opengeni/sdk/chat";
-import {
-  useCallback,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var styles = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "0.75rem",
-    minHeight: 0,
-    color: "var(--og-color-fg)",
-    fontFamily: "var(--og-font-sans)",
-    fontSize: "var(--og-font-size-base)"
-  },
-  list: { display: "flex", flexDirection: "column", gap: "0.5rem", overflowY: "auto" },
-  user: {
-    alignSelf: "flex-end",
-    maxWidth: "80%",
-    whiteSpace: "pre-wrap",
-    padding: "0.5rem 0.75rem",
-    borderRadius: "var(--og-radius-lg)",
-    background: "var(--og-color-accent-soft)"
-  },
-  assistant: { alignSelf: "stretch", padding: "0.25rem 0" },
-  meta: { color: "var(--og-color-fg-muted)", fontSize: "var(--og-font-size-xs)" },
-  card: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "0.5rem",
-    padding: "0.75rem",
-    border: "1px solid var(--og-color-border)",
-    borderRadius: "var(--og-radius-md)",
-    background: "var(--og-color-surface-2)"
-  },
-  row: { display: "flex", gap: "0.5rem", alignItems: "flex-end" },
-  input: {
-    flex: 1,
-    minHeight: "2.5rem",
-    padding: "0.5rem 0.75rem",
-    border: "1px solid var(--og-color-border)",
-    borderRadius: "var(--og-radius-md)",
-    background: "var(--og-color-surface-1)",
-    color: "inherit",
-    font: "inherit",
-    resize: "vertical"
-  },
-  button: {
-    padding: "0.5rem 0.9rem",
-    border: "1px solid var(--og-color-border-strong)",
-    borderRadius: "var(--og-radius-md)",
-    background: "var(--og-color-accent)",
-    color: "var(--og-color-accent-fg)",
-    font: "inherit",
-    cursor: "pointer"
-  },
-  secondary: {
-    padding: "0.5rem 0.9rem",
-    border: "1px solid var(--og-color-border)",
-    borderRadius: "var(--og-radius-md)",
-    background: "var(--og-color-surface-1)",
-    color: "inherit",
-    font: "inherit",
-    cursor: "pointer"
-  },
-  error: { color: "var(--og-color-danger)", fontSize: "var(--og-font-size-sm)" }
-};
-function uid() {
-  return typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : Math.random().toString(36).slice(2);
-}
-function requestHeaders(conversation, headers) {
-  return {
-    [CHAT_FORMAT_HEADER]: "native",
-    ...conversation ? { [CHAT_CONVERSATION_HEADER]: conversation } : {},
-    ...headers
-  };
-}
-function restoredMessages(payload) {
-  const list = payload?.messages;
-  if (!Array.isArray(list)) return [];
-  const restored = [];
-  for (const entry of list) {
-    const record = entry ?? {};
-    if (record.role !== "user" && record.role !== "assistant" || typeof record.text !== "string")
-      continue;
-    restored.push({ id: uid(), role: record.role, text: record.text, streaming: false, tools: [] });
-  }
-  return restored;
-}
-function OpenGeniChat(props) {
-  const headers = Object.fromEntries(
-    [...new Headers(typeof props.headers === "function" ? props.headers() : props.headers)].map(([name, value]) => [name.toLowerCase(), value]).sort(([left], [right]) => left.localeCompare(right))
-  );
-  const identity = JSON.stringify([
-    props.handlerUrl,
-    props.conversation ?? null,
-    props.authKey ?? null,
-    headers
-  ]);
-  return /* @__PURE__ */ jsx(ChatConversation, { ...props, headers }, identity);
-}
-function ChatConversation({
-  handlerUrl,
-  conversation,
-  headers,
-  placeholder = "Message",
-  className,
-  renderMessage
-}) {
-  const [messages, setMessages] = useState([]);
-  const [pendingRequests, setPendingRequests] = useState([]);
-  const pending = pendingRequests[0] ?? null;
-  const [restoring, setRestoring] = useState(true);
-  const [draft, setDraft] = useState("");
-  const [busy, setBusy] = useState(false);
-  const [error, setError] = useState(null);
-  const abortRef = useRef(null);
-  const headersRef = useRef(headers);
-  headersRef.current = headers;
-  useEffect(() => {
-    const controller = new AbortController();
-    abortRef.current?.abort();
-    setBusy(false);
-    setRestoring(true);
-    setError(null);
-    setMessages([]);
-    setPendingRequests([]);
-    void (async () => {
-      try {
-        const response = await fetch(handlerUrl, {
-          method: "GET",
-          headers: requestHeaders(conversation, headersRef.current),
-          signal: controller.signal
-        });
-        if (!response.ok) return;
-        const payload = await response.json();
-        if (controller.signal.aborted) return;
-        setMessages(restoredMessages(payload));
-        setPendingRequests(Array.isArray(payload.pending) ? payload.pending : []);
-      } catch {
-      } finally {
-        if (!controller.signal.aborted) setRestoring(false);
-      }
-    })();
-    return () => {
-      controller.abort();
-      abortRef.current?.abort();
-    };
-  }, [handlerUrl, conversation]);
-  const update = useCallback(
-    (id, patch) => setMessages((prev) => prev.map((message) => message.id === id ? patch(message) : message)),
-    []
-  );
-  const consume = useCallback(
-    async (url, body, assistantId) => {
-      abortRef.current?.abort();
-      const controller = new AbortController();
-      abortRef.current = controller;
-      setBusy(true);
-      setError(null);
-      try {
-        const response = await fetch(url, {
-          method: "POST",
-          headers: { "Content-Type": "application/json", ...requestHeaders(conversation, headers) },
-          body: JSON.stringify(body),
-          signal: controller.signal
-        });
-        if (!response.ok || !response.body) {
-          throw new Error(`Chat request failed (${response.status}).`);
-        }
-        for await (const chunk of parseChatChunkStream(response.body)) {
-          if (controller.signal.aborted) return;
-          if (chunk.type === "text") {
-            update(assistantId, (m) => ({ ...m, text: m.text + chunk.text }));
-          } else if (chunk.type === "tool" && chunk.status === "started") {
-            update(assistantId, (m) => ({ ...m, tools: [...m.tools, chunk.name] }));
-          } else if (chunk.type === "pending") {
-            setPendingRequests([chunk.pending]);
-          } else if (chunk.type === "done") {
-            setPendingRequests(chunk.reply.pending ? [chunk.reply.pending] : []);
-          }
-        }
-      } catch (caught) {
-        if (!controller.signal.aborted && !(caught instanceof Error && caught.name === "AbortError")) {
-          setError(caught instanceof Error ? caught.message : "Chat request failed.");
-        }
-      } finally {
-        if (!controller.signal.aborted) {
-          update(assistantId, (m) => ({ ...m, streaming: false }));
-          setBusy(false);
-        }
-      }
-    },
-    [conversation, headers, update]
-  );
-  const submit = (event) => {
-    event.preventDefault();
-    const text = draft.trim();
-    if (!text || busy || restoring) return;
-    setDraft("");
-    const assistantId = uid();
-    setMessages((prev) => [
-      ...prev,
-      { id: uid(), role: "user", text, streaming: false, tools: [] },
-      { id: assistantId, role: "assistant", text: "", streaming: true, tools: [] }
-    ]);
-    void consume(handlerUrl, { message: text }, assistantId);
-  };
-  const respond = (input) => {
-    if (!pending || busy || restoring) return;
-    const last = [...messages].reverse().find((m) => m.role === "assistant");
-    const assistantId = last?.id ?? uid();
-    if (last) update(assistantId, (m) => ({ ...m, streaming: true }));
-    else
-      setMessages((prev) => [
-        ...prev,
-        { id: assistantId, role: "assistant", text: "", streaming: true, tools: [] }
-      ]);
-    void consume(
-      `${handlerUrl.replace(/\/+$/, "")}/respond`,
-      { requestId: pending.requestId, ...input },
-      assistantId
-    );
-  };
-  return /* @__PURE__ */ jsxs("div", { className: `og-root og-chat${className ? ` ${className}` : ""}`, style: styles.root, children: [
-    /* @__PURE__ */ jsx("div", { className: "og-chat-messages", style: styles.list, children: messages.map(
-      (message) => renderMessage ? /* @__PURE__ */ jsx("div", { children: renderMessage(message) }, message.id) : message.role === "user" ? /* @__PURE__ */ jsx("div", { className: "og-chat-user", style: styles.user, children: message.text }, message.id) : /* @__PURE__ */ jsxs("div", { className: "og-chat-assistant", style: styles.assistant, children: [
-        message.tools.length > 0 ? /* @__PURE__ */ jsxs("div", { style: styles.meta, children: [
-          "Used ",
-          message.tools.join(", ")
-        ] }) : null,
-        message.text ? /* @__PURE__ */ jsx(Markdown, { streaming: message.streaming, children: message.text }) : message.streaming ? /* @__PURE__ */ jsx("div", { style: styles.meta, children: "Thinking" }) : null
-      ] }, message.id)
-    ) }),
-    pending ? /* @__PURE__ */ jsx("div", { className: "og-chat-pending", style: styles.card, children: pending.kind === "approval" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        "The agent wants to run ",
-        pending.name ?? "a tool",
-        "."
-      ] }),
-      /* @__PURE__ */ jsxs("div", { style: styles.row, children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            style: styles.button,
-            onClick: () => respond({ decision: "approve" }),
-            children: "Approve"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            style: styles.secondary,
-            onClick: () => respond({ decision: "reject" }),
-            children: "Reject"
-          }
-        )
-      ] })
-    ] }) : /* @__PURE__ */ jsx(
-      HumanInputForm,
-      {
-        request: pending.payload,
-        submitting: busy || restoring,
-        error,
-        onSubmit: (response) => respond(
-          response.outcome === "answered" ? { answers: response.answers } : { skip: true }
-        )
-      }
-    ) }) : null,
-    error ? /* @__PURE__ */ jsx("div", { className: "og-chat-error", style: styles.error, children: error }) : null,
-    /* @__PURE__ */ jsxs("form", { className: "og-chat-composer", style: styles.row, onSubmit: submit, children: [
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          style: styles.input,
-          value: draft,
-          placeholder,
-          rows: 1,
-          onChange: (e) => setDraft(e.target.value),
-          onInput: (e) => setDraft(e.currentTarget.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && !e.shiftKey) {
-              e.preventDefault();
-              e.currentTarget.form?.requestSubmit();
-            }
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx("button", { type: "submit", style: styles.button, disabled: busy || restoring || !draft.trim(), children: "Send" })
-    ] })
-  ] });
-}
-export {
-  OpenGeniChat
-};
-//# sourceMappingURL=chat.js.map

package/dist/chat.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/chat.tsx"],"sourcesContent":["import {\n  CHAT_CONVERSATION_HEADER,\n  CHAT_FORMAT_HEADER,\n  parseChatChunkStream,\n  type ChatPending,\n} from \"@opengeni/sdk/chat\";\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FormEvent,\n  type ReactNode,\n} from \"react\";\nimport { HumanInputForm, type HumanInputFormProps } from \"./components/human-input-form\";\nimport { Markdown } from \"./components/markdown\";\n\n/**\n * Chat component that talks only to the host's `createChatHandler` endpoint:\n * it restores the conversation with `GET` on mount, POSTs `{ message }`\n * (native format), renders the streamed reply, shows a card for a pending\n * approval or human-input request, and answers it through\n * `${handlerUrl}/respond`. No provider or OpenGeni credentials in the browser.\n */\n\nexport type OpenGeniChatMessage = {\n  id: string;\n  role: \"user\" | \"assistant\";\n  text: string;\n  streaming: boolean;\n  /** Tool names the agent used while producing this reply. */\n  tools: string[];\n};\n\nexport type OpenGeniChatProps = {\n  /** The host endpoint served by `createChatHandler`. */\n  handlerUrl: string;\n  /** Sent as the `x-opengeni-conversation` header so the host's `resolve` can pick it up. */\n  conversation?: string | undefined;\n  /**\n   * Host authentication headers, resolved on each host render. Changed values\n   * reset the chat. Re-render the host when a callback's credentials change.\n   */\n  headers?: Record<string, string> | (() => Record<string, string>) | undefined;\n  /**\n   * Stable authenticated user/tenant identity. Change this on sign-in, sign-out\n   * or tenant switches when authentication uses cookies or otherwise changes\n   * without changing the headers. This resets local state; it is not sent.\n   */\n  authKey?: string | undefined;\n  placeholder?: string | undefined;\n  className?: string | undefined;\n  renderMessage?: ((message: OpenGeniChatMessage) => ReactNode) | undefined;\n};\n\nconst styles = {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"0.75rem\",\n    minHeight: 0,\n    color: \"var(--og-color-fg)\",\n    fontFamily: \"var(--og-font-sans)\",\n    fontSize: \"var(--og-font-size-base)\",\n  },\n  list: { display: \"flex\", flexDirection: \"column\", gap: \"0.5rem\", overflowY: \"auto\" },\n  user: {\n    alignSelf: \"flex-end\",\n    maxWidth: \"80%\",\n    whiteSpace: \"pre-wrap\",\n    padding: \"0.5rem 0.75rem\",\n    borderRadius: \"var(--og-radius-lg)\",\n    background: \"var(--og-color-accent-soft)\",\n  },\n  assistant: { alignSelf: \"stretch\", padding: \"0.25rem 0\" },\n  meta: { color: \"var(--og-color-fg-muted)\", fontSize: \"var(--og-font-size-xs)\" },\n  card: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"0.5rem\",\n    padding: \"0.75rem\",\n    border: \"1px solid var(--og-color-border)\",\n    borderRadius: \"var(--og-radius-md)\",\n    background: \"var(--og-color-surface-2)\",\n  },\n  row: { display: \"flex\", gap: \"0.5rem\", alignItems: \"flex-end\" },\n  input: {\n    flex: 1,\n    minHeight: \"2.5rem\",\n    padding: \"0.5rem 0.75rem\",\n    border: \"1px solid var(--og-color-border)\",\n    borderRadius: \"var(--og-radius-md)\",\n    background: \"var(--og-color-surface-1)\",\n    color: \"inherit\",\n    font: \"inherit\",\n    resize: \"vertical\",\n  },\n  button: {\n    padding: \"0.5rem 0.9rem\",\n    border: \"1px solid var(--og-color-border-strong)\",\n    borderRadius: \"var(--og-radius-md)\",\n    background: \"var(--og-color-accent)\",\n    color: \"var(--og-color-accent-fg)\",\n    font: \"inherit\",\n    cursor: \"pointer\",\n  },\n  secondary: {\n    padding: \"0.5rem 0.9rem\",\n    border: \"1px solid var(--og-color-border)\",\n    borderRadius: \"var(--og-radius-md)\",\n    background: \"var(--og-color-surface-1)\",\n    color: \"inherit\",\n    font: \"inherit\",\n    cursor: \"pointer\",\n  },\n  error: { color: \"var(--og-color-danger)\", fontSize: \"var(--og-font-size-sm)\" },\n} satisfies Record<string, CSSProperties>;\n\nfunction uid(): string {\n  return typeof crypto !== \"undefined\" && \"randomUUID\" in crypto\n    ? crypto.randomUUID()\n    : Math.random().toString(36).slice(2);\n}\n\ntype HostHeaders = Record<string, string>;\n\nfunction requestHeaders(conversation: string | undefined, headers: HostHeaders) {\n  return {\n    [CHAT_FORMAT_HEADER]: \"native\",\n    ...(conversation ? { [CHAT_CONVERSATION_HEADER]: conversation } : {}),\n    ...headers,\n  };\n}\n\n/** Messages from the handler's `GET` history response; anything unexpected is dropped. */\nfunction restoredMessages(payload: unknown): OpenGeniChatMessage[] {\n  const list = (payload as { messages?: unknown } | null)?.messages;\n  if (!Array.isArray(list)) return [];\n  const restored: OpenGeniChatMessage[] = [];\n  for (const entry of list) {\n    const record = (entry ?? {}) as { role?: unknown; text?: unknown };\n    if ((record.role !== \"user\" && record.role !== \"assistant\") || typeof record.text !== \"string\")\n      continue;\n    restored.push({ id: uid(), role: record.role, text: record.text, streaming: false, tools: [] });\n  }\n  return restored;\n}\n\nexport function OpenGeniChat(props: OpenGeniChatProps) {\n  // Normalize actual HTTP values so an inline object/callback or header casing\n  // change does not erase a draft. Resolve callbacks once per host render: GET\n  // and POST must use the same authentication snapshot as the displayed state.\n  const headers = Object.fromEntries(\n    [...new Headers(typeof props.headers === \"function\" ? props.headers() : props.headers)]\n      .map(([name, value]) => [name.toLowerCase(), value] as const)\n      .sort(([left], [right]) => left.localeCompare(right)),\n  );\n  const identity = JSON.stringify([\n    props.handlerUrl,\n    props.conversation ?? null,\n    props.authKey ?? null,\n    headers,\n  ]);\n  // A keyed boundary drops private state in the same commit, before effects\n  // run. Unmount cleanup aborts old history and streams; late completions can\n  // only address the unmounted instance, never the new user's conversation.\n  return <ChatConversation key={identity} {...props} headers={headers} />;\n}\n\nfunction ChatConversation({\n  handlerUrl,\n  conversation,\n  headers,\n  placeholder = \"Message\",\n  className,\n  renderMessage,\n}: Omit<OpenGeniChatProps, \"headers\"> & { headers: HostHeaders }) {\n  const [messages, setMessages] = useState<OpenGeniChatMessage[]>([]);\n  const [pendingRequests, setPendingRequests] = useState<ChatPending[]>([]);\n  const pending = pendingRequests[0] ?? null;\n  const [restoring, setRestoring] = useState(true);\n  const [draft, setDraft] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const abortRef = useRef<AbortController | null>(null);\n  const headersRef = useRef<HostHeaders>(headers);\n  headersRef.current = headers;\n\n  // Restore the conversation on mount and whenever it changes. The composer\n  // waits for restoration so a late snapshot cannot resurrect a decided card.\n  useEffect(() => {\n    const controller = new AbortController();\n    abortRef.current?.abort();\n    setBusy(false);\n    setRestoring(true);\n    setError(null);\n    setMessages([]);\n    setPendingRequests([]);\n    void (async () => {\n      try {\n        const response = await fetch(handlerUrl, {\n          method: \"GET\",\n          headers: requestHeaders(conversation, headersRef.current),\n          signal: controller.signal,\n        });\n        if (!response.ok) return;\n        const payload = (await response.json()) as { pending?: ChatPending[] };\n        if (controller.signal.aborted) return;\n        setMessages(restoredMessages(payload));\n        setPendingRequests(Array.isArray(payload.pending) ? payload.pending : []);\n      } catch {\n        // Hosts without history may still accept sends.\n      } finally {\n        if (!controller.signal.aborted) setRestoring(false);\n      }\n    })();\n    return () => {\n      controller.abort();\n      abortRef.current?.abort();\n    };\n  }, [handlerUrl, conversation]);\n\n  const update = useCallback(\n    (id: string, patch: (message: OpenGeniChatMessage) => OpenGeniChatMessage) =>\n      setMessages((prev) => prev.map((message) => (message.id === id ? patch(message) : message))),\n    [],\n  );\n\n  const consume = useCallback(\n    async (url: string, body: unknown, assistantId: string) => {\n      abortRef.current?.abort();\n      const controller = new AbortController();\n      abortRef.current = controller;\n      setBusy(true);\n      setError(null);\n      try {\n        const response = await fetch(url, {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\", ...requestHeaders(conversation, headers) },\n          body: JSON.stringify(body),\n          signal: controller.signal,\n        });\n        if (!response.ok || !response.body) {\n          throw new Error(`Chat request failed (${response.status}).`);\n        }\n        for await (const chunk of parseChatChunkStream(response.body)) {\n          if (controller.signal.aborted) return;\n          if (chunk.type === \"text\") {\n            update(assistantId, (m) => ({ ...m, text: m.text + chunk.text }));\n          } else if (chunk.type === \"tool\" && chunk.status === \"started\") {\n            update(assistantId, (m) => ({ ...m, tools: [...m.tools, chunk.name] }));\n          } else if (chunk.type === \"pending\") {\n            setPendingRequests([chunk.pending]);\n          } else if (chunk.type === \"done\") {\n            setPendingRequests(chunk.reply.pending ? [chunk.reply.pending] : []);\n          }\n        }\n      } catch (caught) {\n        if (\n          !controller.signal.aborted &&\n          !(caught instanceof Error && caught.name === \"AbortError\")\n        ) {\n          setError(caught instanceof Error ? caught.message : \"Chat request failed.\");\n        }\n      } finally {\n        if (!controller.signal.aborted) {\n          update(assistantId, (m) => ({ ...m, streaming: false }));\n          setBusy(false);\n        }\n      }\n    },\n    [conversation, headers, update],\n  );\n\n  const submit = (event: FormEvent) => {\n    event.preventDefault();\n    const text = draft.trim();\n    if (!text || busy || restoring) return;\n    setDraft(\"\");\n    const assistantId = uid();\n    setMessages((prev) => [\n      ...prev,\n      { id: uid(), role: \"user\", text, streaming: false, tools: [] },\n      { id: assistantId, role: \"assistant\", text: \"\", streaming: true, tools: [] },\n    ]);\n    void consume(handlerUrl, { message: text }, assistantId);\n  };\n\n  const respond = (input: Record<string, unknown>) => {\n    if (!pending || busy || restoring) return;\n    const last = [...messages].reverse().find((m) => m.role === \"assistant\");\n    const assistantId = last?.id ?? uid();\n    if (last) update(assistantId, (m) => ({ ...m, streaming: true }));\n    else\n      setMessages((prev) => [\n        ...prev,\n        { id: assistantId, role: \"assistant\", text: \"\", streaming: true, tools: [] },\n      ]);\n    void consume(\n      `${handlerUrl.replace(/\\/+$/, \"\")}/respond`,\n      { requestId: pending.requestId, ...input },\n      assistantId,\n    );\n  };\n\n  return (\n    <div className={`og-root og-chat${className ? ` ${className}` : \"\"}`} style={styles.root}>\n      <div className=\"og-chat-messages\" style={styles.list}>\n        {messages.map((message) =>\n          renderMessage ? (\n            <div key={message.id}>{renderMessage(message)}</div>\n          ) : message.role === \"user\" ? (\n            <div key={message.id} className=\"og-chat-user\" style={styles.user}>\n              {message.text}\n            </div>\n          ) : (\n            <div key={message.id} className=\"og-chat-assistant\" style={styles.assistant}>\n              {message.tools.length > 0 ? (\n                <div style={styles.meta}>Used {message.tools.join(\", \")}</div>\n              ) : null}\n              {message.text ? (\n                <Markdown streaming={message.streaming}>{message.text}</Markdown>\n              ) : message.streaming ? (\n                <div style={styles.meta}>Thinking</div>\n              ) : null}\n            </div>\n          ),\n        )}\n      </div>\n      {pending ? (\n        <div className=\"og-chat-pending\" style={styles.card}>\n          {pending.kind === \"approval\" ? (\n            <>\n              <div>The agent wants to run {pending.name ?? \"a tool\"}.</div>\n              <div style={styles.row}>\n                <button\n                  type=\"button\"\n                  style={styles.button}\n                  onClick={() => respond({ decision: \"approve\" })}\n                >\n                  Approve\n                </button>\n                <button\n                  type=\"button\"\n                  style={styles.secondary}\n                  onClick={() => respond({ decision: \"reject\" })}\n                >\n                  Reject\n                </button>\n              </div>\n            </>\n          ) : (\n            <HumanInputForm\n              request={pending.payload as HumanInputFormProps[\"request\"]}\n              submitting={busy || restoring}\n              error={error}\n              onSubmit={(response) =>\n                respond(\n                  response.outcome === \"answered\" ? { answers: response.answers } : { skip: true },\n                )\n              }\n            />\n          )}\n        </div>\n      ) : null}\n      {error ? (\n        <div className=\"og-chat-error\" style={styles.error}>\n          {error}\n        </div>\n      ) : null}\n      <form className=\"og-chat-composer\" style={styles.row} onSubmit={submit}>\n        <textarea\n          style={styles.input}\n          value={draft}\n          placeholder={placeholder}\n          rows={1}\n          onChange={(e) => setDraft(e.target.value)}\n          onInput={(e) => setDraft(e.currentTarget.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && !e.shiftKey) {\n              e.preventDefault();\n              e.currentTarget.form?.requestSubmit();\n            }\n          }}\n        />\n        <button type=\"submit\" style={styles.button} disabled={busy || restoring || !draft.trim()}>\n          Send\n        </button>\n      </form>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}