@superinterface/react 1.0.5 → 1.1.1

package/dist/index.mjs

@@ -1,1899 +0,0 @@
-import {
-  queryKey,
-  queryKey2
-} from "./chunk-E4KDALPU.mjs";
-import {
-  optimisticId
-} from "./chunk-DP5XKPRM.mjs";
-
-// src/components/messages/Messages/index.tsx
-import {
-  Flex as Flex12
-} from "@radix-ui/themes";
-
-// src/hooks/misc/useInfiniteScroll/index.tsx
-import { useRef as useRef2 } from "react";
-import { useInView } from "react-intersection-observer";
-
-// src/hooks/misc/useThrottledEffect/index.tsx
-import _ from "lodash";
-import { useRef, useEffect, useCallback } from "react";
-var useThrottledEffect = (cb, delay, additionalDeps) => {
-  const cbRef = useRef(cb);
-  const throttledCb = useCallback(
-    _.throttle((...args) => cbRef.current(...args), delay, {
-      leading: true,
-      trailing: true
-    }),
-    [delay]
-  );
-  useEffect(() => {
-    cbRef.current = cb;
-  });
-  useEffect(throttledCb, [throttledCb, ...additionalDeps]);
-};
-
-// src/hooks/misc/useInfiniteScroll/index.tsx
-var useInfiniteScroll = ({
-  isFetchingNextPage,
-  hasNextPage,
-  fetchNextPage
-}) => {
-  const containerRef = useRef2(null);
-  const { ref: loaderRef, inView } = useInView({
-    root: containerRef.current,
-    rootMargin: "0px",
-    threshold: 0.1
-  });
-  useThrottledEffect(
-    () => {
-      if (isFetchingNextPage)
-        return;
-      if (!inView)
-        return;
-      if (!hasNextPage)
-        return;
-      console.log("Fetching next page");
-      fetchNextPage();
-    },
-    500,
-    [inView, isFetchingNextPage, hasNextPage, fetchNextPage]
-  );
-  return {
-    containerRef,
-    loaderRef,
-    inView
-  };
-};
-
-// src/components/skeletons/MessagesSkeleton/index.tsx
-import { forwardRef as forwardRef2 } from "react";
-import {
-  Flex as Flex4,
-  Avatar,
-  Box
-} from "@radix-ui/themes";
-
-// src/components/skeletons/Skeleton/index.tsx
-import { Flex } from "@radix-ui/themes";
-import { jsx } from "react/jsx-runtime";
-var Skeleton = ({
-  className,
-  ...rest
-}) => (
-  // @ts-ignore-next-line
-  /* @__PURE__ */ jsx(
-    Flex,
-    {
-      className: `animate-pulse rounded-3 bg-gray-5 ${className}`,
-      ...rest
-    }
-  )
-);
-
-// src/components/messageGroups/MessagesGroupBase/index.tsx
-import { forwardRef } from "react";
-import {
-  Flex as Flex2,
-  Container
-} from "@radix-ui/themes";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var MessagesGroupBase = forwardRef(function MessagesGroupBase2({
-  children
-}, ref) {
-  return /* @__PURE__ */ jsx2(
-    Container,
-    {
-      ref,
-      size: "2",
-      grow: "0",
-      children: /* @__PURE__ */ jsx2(
-        Flex2,
-        {
-          shrink: "0",
-          gap: "3",
-          children
-        }
-      )
-    }
-  );
-});
-
-// src/components/messageGroups/MessagesGroupBase/Name.tsx
-import {
-  Flex as Flex3,
-  Text
-} from "@radix-ui/themes";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Name = ({
-  children
-}) => /* @__PURE__ */ jsx3(
-  Flex3,
-  {
-    height: "5",
-    align: "center",
-    children: /* @__PURE__ */ jsx3(
-      Text,
-      {
-        size: "2",
-        weight: "bold",
-        children
-      }
-    )
-  }
-);
-
-// src/components/skeletons/MessagesSkeleton/index.tsx
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
-var MessagesSkeleton = forwardRef2(function MessagesSkeleton2(_props, ref) {
-  return /* @__PURE__ */ jsxs(
-    MessagesGroupBase,
-    {
-      ref,
-      children: [
-        /* @__PURE__ */ jsx4(
-          Avatar,
-          {
-            fallback: /* @__PURE__ */ jsx4(Flex4, {}),
-            size: "1",
-            className: "animate-pulse"
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            pb: "3",
-            children: [
-              /* @__PURE__ */ jsx4(Name, { children: /* @__PURE__ */ jsx4(
-                Skeleton,
-                {
-                  height: "1",
-                  className: "w-[128px]"
-                }
-              ) }),
-              /* @__PURE__ */ jsx4(
-                Skeleton,
-                {
-                  height: "2",
-                  className: "w-[256px]"
-                }
-              ),
-              /* @__PURE__ */ jsx4(
-                Skeleton,
-                {
-                  height: "2",
-                  className: "w-[256px] mt-2"
-                }
-              ),
-              /* @__PURE__ */ jsx4(
-                Skeleton,
-                {
-                  height: "2",
-                  className: "w-[256px] mt-2"
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-});
-
-// src/hooks/messages/useMessages/index.tsx
-import { useMemo } from "react";
-import {
-  useInfiniteQuery
-} from "@tanstack/react-query";
-
-// src/hooks/messages/useMessages/lib/queryOptions/index.ts
-var queryOptions = {
-  queryKey: queryKey(),
-  // queryFn: ({
-  //   pageParam,
-  // }: { pageParam?: string }) => (
-  //   queryFn({
-  //     ...(pageParam ? { cursor: pageParam } : {}),
-  //   })
-  // ),
-  initialPageParam: void 0,
-  getNextPageParam: (lastPage) => {
-    if (!lastPage.hasNextPage)
-      return null;
-    return lastPage.lastId;
-  }
-};
-
-// src/hooks/messages/useMessages/index.tsx
-var messages = ({
-  props
-}) => {
-  if (!props.data)
-    return [];
-  return props.data.pages.reduce((acc, page) => acc.concat(page.data), []);
-};
-var useMessages = ({
-  messagesQueryOptions
-}) => {
-  const props = useInfiniteQuery({
-    ...queryOptions,
-    ...messagesQueryOptions
-  });
-  return useMemo(() => ({
-    ...props,
-    messages: messages({ props })
-  }), [props]);
-};
-
-// src/hooks/runs/useManageRuns/index.tsx
-import { useEffect as useEffect2 } from "react";
-
-// src/hooks/messages/useLatestMessage/index.ts
-import { useMemo as useMemo2 } from "react";
-var useLatestMessage = (args) => {
-  const props = useMessages(args);
-  return useMemo2(() => ({
-    ...props,
-    latestMessage: props.messages[0] || null
-  }), [props]);
-};
-
-// src/hooks/runs/useLatestRun/index.ts
-import { useMemo as useMemo4 } from "react";
-
-// src/hooks/runs/useRuns/index.tsx
-import { useMemo as useMemo3 } from "react";
-import {
-  useInfiniteQuery as useInfiniteQuery2
-} from "@tanstack/react-query";
-
-// src/hooks/runs/useRuns/lib/queryOptions/index.ts
-var queryOptions2 = {
-  queryKey: queryKey2(),
-  // queryFn: ({
-  //   pageParam,
-  // }: { pageParam?: string }) => (
-  //   queryFn({
-  //     assistantConversationId,
-  //   })
-  // ),
-  initialPageParam: void 0,
-  getNextPageParam: (lastPage) => {
-    if (!lastPage.hasNextPage)
-      return null;
-    return lastPage.lastId;
-  },
-  limit: 10
-};
-
-// src/hooks/runs/useRuns/lib/getRuns.ts
-var getRuns = ({
-  data: data2
-}) => {
-  if (!data2)
-    return [];
-  return data2.pages.reduce((acc, page) => acc.concat(page.data), []);
-};
-
-// src/hooks/runs/useRuns/index.tsx
-var useRuns = ({
-  runsQueryOptions
-}) => {
-  const props = useInfiniteQuery2({
-    ...queryOptions2,
-    ...runsQueryOptions
-  });
-  return useMemo3(() => ({
-    ...props,
-    runs: getRuns({ data: props.data })
-  }), [props]);
-};
-
-// src/hooks/runs/useLatestRun/index.ts
-var useLatestRun = (args) => {
-  const props = useRuns(args);
-  return useMemo4(() => ({
-    ...props,
-    latestRun: props.runs[0]
-  }), [props]);
-};
-
-// src/hooks/runs/useCreateRun/index.ts
-import {
-  useMutation,
-  useQueryClient
-} from "@tanstack/react-query";
-
-// src/hooks/runs/useCreateRun/lib/mutationOptions/onSuccess.ts
-var onSuccess = ({
-  queryClient
-}) => (response) => queryClient.setQueryData(
-  queryKey2(),
-  (prevData) => {
-    if (!prevData) {
-      return {
-        pageParams: [],
-        pages: [
-          {
-            data: [response.run],
-            hasNextPage: false,
-            lastId: response.run.id
-          }
-        ]
-      };
-    }
-    const [latestPage, ...pagesRest] = prevData.pages;
-    return {
-      ...prevData,
-      pages: [
-        {
-          ...latestPage,
-          data: [
-            response.run,
-            ...latestPage.data
-          ]
-        },
-        ...pagesRest
-      ]
-    };
-  }
-);
-
-// src/hooks/runs/useCreateRun/lib/mutationOptions/onSettled.ts
-var onSettled = ({
-  queryClient
-}) => (response) => {
-  if (!response) {
-    throw new Error("useCreateRun onSettled: response is undefined");
-  }
-  queryClient.invalidateQueries({
-    queryKey: queryKey()
-  });
-  queryClient.invalidateQueries({
-    queryKey: queryKey2()
-  });
-};
-
-// src/hooks/runs/useCreateRun/lib/mutationOptions/index.ts
-var mutationOptions = ({
-  queryClient
-}) => ({
-  // mutationFn,
-  onSuccess: onSuccess({ queryClient }),
-  onSettled: onSettled({ queryClient })
-});
-
-// src/hooks/runs/useCreateRun/index.ts
-var useCreateRun = ({
-  createRunMutationOptions
-}) => {
-  const queryClient = useQueryClient();
-  const mutationProps = useMutation({
-    ...mutationOptions({
-      queryClient
-    }),
-    ...createRunMutationOptions
-  });
-  return {
-    ...mutationProps,
-    createRun: mutationProps.mutate
-  };
-};
-
-// src/lib/optimistic/isOptimistic.ts
-import _2 from "lodash";
-var isOptimistic = ({
-  id
-}) => _2.startsWith(id, "-");
-
-// src/hooks/runs/useManageRuns/index.tsx
-var useManageRuns = ({
-  messagesQueryOptions,
-  runsQueryOptions,
-  createRunMutationOptions
-}) => {
-  const latestRunProps = useLatestRun({
-    runsQueryOptions
-  });
-  const latestMessageProps = useLatestMessage({
-    messagesQueryOptions
-  });
-  const createRunProps = useCreateRun({
-    createRunMutationOptions
-  });
-  useEffect2(() => {
-    if (createRunProps.isPending)
-      return;
-    if (latestRunProps.isFetching)
-      return;
-    if (latestMessageProps.isFetching)
-      return;
-    if (!latestMessageProps.latestMessage)
-      return;
-    if (latestMessageProps.latestMessage.role !== "user")
-      return;
-    if (isOptimistic({ id: latestMessageProps.latestMessage.id }))
-      return;
-    if (!latestRunProps.latestRun || latestMessageProps.latestMessage.created_at > latestRunProps.latestRun.created_at) {
-      createRunProps.createRun();
-    }
-  }, [
-    createRunProps,
-    latestRunProps,
-    latestMessageProps
-  ]);
-  return null;
-};
-
-// src/hooks/runs/usePolling/index.tsx
-import {
-  useQueryClient as useQueryClient2
-} from "@tanstack/react-query";
-
-// src/hooks/runs/useIsRunActive/index.tsx
-import { useMemo as useMemo5 } from "react";
-import { useIsMutating } from "@tanstack/react-query";
-
-// src/lib/runs/isRunEditingMessage/index.ts
-import _3 from "lodash";
-var isRunEditingMessage = ({
-  message
-}) => {
-  if (!message)
-    return false;
-  if (message.role === "user")
-    return false;
-  if (!message.run_id)
-    return false;
-  const hasContent = _3.some(message.content, (content) => {
-    var _a;
-    return content.type !== "text" || content.type === "text" && ((_a = content.text) == null ? void 0 : _a.value) !== "";
-  });
-  return !hasContent;
-};
-
-// src/hooks/runs/useIsRunActive/index.tsx
-var statuses = [
-  "queued",
-  // 'completed',
-  "in_progress",
-  "cancelling",
-  "requires_action"
-];
-var isRunActive = ({
-  latestRunProps,
-  latestMessageProps,
-  isMutating
-}) => {
-  var _a, _b;
-  if ((_b = (_a = latestMessageProps.latestMessage) == null ? void 0 : _a.metadata) == null ? void 0 : _b.isBlocking)
-    return false;
-  if (isMutating > 0)
-    return true;
-  if (!latestRunProps.latestRun)
-    return false;
-  if (statuses.includes(latestRunProps.latestRun.status))
-    return true;
-  return isRunEditingMessage({ message: latestMessageProps.latestMessage });
-};
-var useIsRunActive = ({
-  messagesQueryOptions,
-  runsQueryOptions
-}) => {
-  const latestRunProps = useLatestRun({
-    runsQueryOptions
-  });
-  const latestMessageProps = useLatestMessage({
-    messagesQueryOptions
-  });
-  const isMutating = useIsMutating();
-  return useMemo5(() => ({
-    ...latestRunProps,
-    isRunActive: isRunActive({
-      latestRunProps,
-      latestMessageProps,
-      isMutating
-    })
-  }), [latestRunProps, latestMessageProps, isMutating]);
-};
-
-// src/hooks/runs/usePolling/index.tsx
-import { useInterval } from "react-use";
-
-// src/hooks/runs/usePolling/lib/refetch.ts
-var refetch = async ({
-  queryClient,
-  latestRun
-}) => {
-  await queryClient.invalidateQueries({
-    queryKey: queryKey()
-  });
-  await queryClient.invalidateQueries({
-    queryKey: queryKey2()
-  });
-};
-
-// src/hooks/runs/usePolling/index.tsx
-var usePolling = ({
-  messagesQueryOptions,
-  runsQueryOptions
-}) => {
-  const queryClient = useQueryClient2();
-  const isRunActiveProps = useIsRunActive({
-    messagesQueryOptions,
-    runsQueryOptions
-  });
-  useInterval(
-    () => {
-      refetch({
-        queryClient,
-        latestRun: isRunActiveProps.latestRun
-      });
-      console.log("poll refetched");
-    },
-    isRunActiveProps.isRunActive ? 3e3 : null
-  );
-  return null;
-};
-
-// src/hooks/actions/useManageActions/index.tsx
-import { useEffect as useEffect3 } from "react";
-
-// src/hooks/actions/useHandleAction/index.tsx
-import {
-  useMutation as useMutation2,
-  useQueryClient as useQueryClient3
-} from "@tanstack/react-query";
-
-// src/hooks/actions/useHandleAction/lib/mutationOptions/onSettled.ts
-var onSettled2 = ({
-  queryClient
-}) => (response) => {
-  if (!response) {
-    throw new Error("useHandleAction onSettled: response is undefined");
-  }
-  queryClient.invalidateQueries({
-    queryKey: queryKey()
-  });
-  queryClient.invalidateQueries({
-    queryKey: queryKey2()
-  });
-};
-
-// src/hooks/actions/useHandleAction/lib/mutationOptions/index.ts
-var mutationOptions2 = ({
-  queryClient
-}) => ({
-  // mutationFn,
-  onSettled: onSettled2({ queryClient })
-});
-
-// src/hooks/actions/useHandleAction/index.tsx
-var useHandleAction = ({
-  handleActionMutationOptions
-}) => {
-  const queryClient = useQueryClient3();
-  const mutationProps = useMutation2({
-    ...mutationOptions2({
-      queryClient
-    }),
-    ...handleActionMutationOptions
-  });
-  return {
-    ...mutationProps,
-    handleAction: mutationProps.mutate
-  };
-};
-
-// src/hooks/actions/useManageActions/index.tsx
-var useManageActions = ({
-  runsQueryOptions,
-  handleActionMutationOptions
-}) => {
-  const latestRunProps = useLatestRun({
-    runsQueryOptions
-  });
-  const handleActionProps = useHandleAction({
-    handleActionMutationOptions
-  });
-  useEffect3(() => {
-    if (handleActionProps.isPending)
-      return;
-    if (latestRunProps.isFetching)
-      return;
-    if (!latestRunProps.latestRun)
-      return;
-    if (latestRunProps.latestRun.status !== "requires_action")
-      return;
-    console.log("requires action", {
-      latestRunProps
-    });
-    handleActionProps.handleAction({ latestRun: latestRunProps.latestRun });
-  }, [handleActionProps, latestRunProps]);
-  return null;
-};
-
-// src/hooks/threads/useThreadLifecycles/index.tsx
-var useThreadLifecycles = ({
-  messagesQueryOptions,
-  runsQueryOptions,
-  createRunMutationOptions,
-  handleActionMutationOptions
-}) => {
-  useManageRuns({
-    messagesQueryOptions,
-    runsQueryOptions,
-    createRunMutationOptions
-  });
-  useManageActions({
-    runsQueryOptions,
-    handleActionMutationOptions
-  });
-  usePolling({
-    messagesQueryOptions,
-    runsQueryOptions
-  });
-  return null;
-};
-
-// src/hooks/messageGroups/useMessageGroups/index.ts
-import { useMemo as useMemo6 } from "react";
-
-// src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
-import _4 from "lodash";
-import { last } from "radash";
-
-// src/lib/messages/order.ts
-import { sort } from "radash";
-var order = ({ messages: messages2 }) => sort(messages2, (m) => m.created_at, true);
-
-// src/hooks/messageGroups/useMessageGroups/lib/messageGroups/newGroup/newGroupItem.ts
-var newGroupItem = ({ message }) => ({
-  id: message.id,
-  role: message.role,
-  createdAt: message.created_at,
-  messages: [message]
-});
-
-// src/hooks/messageGroups/useMessageGroups/lib/messageGroups/newGroup/index.ts
-var newGroup = ({ groups, message }) => [
-  ...groups,
-  newGroupItem({
-    message
-  })
-];
-
-// src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
-var messageGroups = ({
-  messages: messages2
-}) => _4.reduce(
-  order({ messages: messages2 }),
-  (groups, message) => {
-    const group = last(groups);
-    if (!group)
-      return newGroup({ groups, message });
-    if (group.role !== message.role) {
-      return newGroup({
-        groups,
-        message
-      });
-    }
-    return [
-      ..._4.dropRight(groups),
-      {
-        ...group,
-        messages: [...group.messages, message]
-      }
-    ];
-  },
-  []
-);
-
-// src/hooks/messageGroups/useMessageGroups/index.ts
-var useMessageGroups = ({
-  messages: messages2
-}) => useMemo6(
-  () => ({
-    messageGroups: messageGroups({ messages: messages2 })
-  }),
-  [messages2]
-);
-
-// src/components/messages/Messages/Content/MessageGroup/index.tsx
-import { useContext as useContext3 } from "react";
-import {
-  Box as Box8,
-  Avatar as Avatar3
-} from "@radix-ui/themes";
-import {
-  PersonIcon
-} from "@radix-ui/react-icons";
-
-// src/components/messageGroups/MessagesGroupBase/AssistantAvatar.tsx
-import { useContext } from "react";
-import {
-  Flex as Flex5
-} from "@radix-ui/themes";
-
-// src/contexts/avatars/AssistantAvatarContext/index.tsx
-import { createContext } from "react";
-import {
-  Avatar as Avatar2
-} from "@radix-ui/themes";
-import {
-  LightningBoltIcon
-} from "@radix-ui/react-icons";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var AssistantAvatarContext = createContext(
-  /* @__PURE__ */ jsx5(
-    Avatar2,
-    {
-      fallback: /* @__PURE__ */ jsx5(LightningBoltIcon, {}),
-      size: "1"
-    }
-  )
-);
-
-// src/components/messageGroups/MessagesGroupBase/AssistantAvatar.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var AssistantAvatar = () => {
-  const AssistantAvatarContextValue = useContext(AssistantAvatarContext);
-  return /* @__PURE__ */ jsx6(
-    Flex5,
-    {
-      shrink: "0",
-      className: "rounded-3 overflow-hidden h-[24px] w-[24px]",
-      children: AssistantAvatarContextValue
-    }
-  );
-};
-
-// src/contexts/assistants/AssistantNameContext/index.tsx
-import { createContext as createContext2 } from "react";
-var AssistantNameContext = createContext2("Assistant");
-
-// src/components/messages/Messages/Content/MessageGroup/Content/index.tsx
-import { Flex as Flex11 } from "@radix-ui/themes";
-
-// src/components/messages/Message/index.tsx
-import { useMemo as useMemo8 } from "react";
-import {
-  Box as Box7
-} from "@radix-ui/themes";
-
-// src/components/runSteps/RunSteps/index.tsx
-import { Flex as Flex10 } from "@radix-ui/themes";
-
-// src/components/runSteps/RunStep/ToolCalls/index.tsx
-import {
-  Flex as Flex9
-} from "@radix-ui/themes";
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
-import {
-  Flex as Flex8
-} from "@radix-ui/themes";
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/Availabilities/index.tsx
-import {
-  PopoverRoot,
-  PopoverContent
-} from "@radix-ui/themes";
-
-// src/components/toolCalls/ToolCallBase/index.tsx
-import { forwardRef as forwardRef3 } from "react";
-import {
-  Flex as Flex6,
-  Button,
-  PopoverTrigger
-} from "@radix-ui/themes";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var ToolCallBase = forwardRef3(function ToolCallBase2({
-  children
-}, ref) {
-  return /* @__PURE__ */ jsx7(
-    Flex6,
-    {
-      py: "1",
-      ml: "-2",
-      children: /* @__PURE__ */ jsx7(PopoverTrigger, { children: /* @__PURE__ */ jsx7(
-        Button,
-        {
-          size: "1",
-          color: "gold",
-          variant: "outline",
-          style: {
-            boxShadow: "none"
-          },
-          children
-        }
-      ) })
-    }
-  );
-});
-
-// src/components/toolCalls/ToolCallBase/ToolCallTitle.tsx
-import {
-  Text as Text2
-} from "@radix-ui/themes";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var ToolCallTitle = ({
-  children
-}) => /* @__PURE__ */ jsx8(
-  Text2,
-  {
-    weight: "regular",
-    children
-  }
-);
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/Icon.tsx
-import {
-  CircleIcon,
-  CircleBackslashIcon,
-  CheckCircledIcon
-} from "@radix-ui/react-icons";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Icon = ({
-  runStep
-}) => {
-  if (runStep.completed_at) {
-    return /* @__PURE__ */ jsx9(CheckCircledIcon, {});
-  } else if (runStep.cancelled_at) {
-    return /* @__PURE__ */ jsx9(CircleBackslashIcon, {});
-  } else {
-    return /* @__PURE__ */ jsx9(CircleIcon, {});
-  }
-};
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/Content/index.tsx
-import { useMemo as useMemo7 } from "react";
-import { Code, Box as Box2 } from "@radix-ui/themes";
-import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
-var Content = ({
-  fn
-}) => {
-  const args = useMemo7(() => {
-    let result = null;
-    try {
-      result = JSON.parse(fn.arguments);
-    } catch (error) {
-      console.error(error);
-    }
-    return result;
-  }, [fn]);
-  const output = useMemo7(() => {
-    if (!fn.output) {
-      return null;
-    }
-    let result = null;
-    try {
-      result = JSON.parse(fn.output);
-    } catch (error) {
-      console.error(error);
-    }
-    return result;
-  }, [fn]);
-  if (!args) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs2(
-    Code,
-    {
-      variant: "ghost",
-      color: "gold",
-      className: "whitespace-pre break-words",
-      children: [
-        /* @__PURE__ */ jsx10(Box2, { children: args && JSON.stringify(args, null, 2) }),
-        /* @__PURE__ */ jsx10(Box2, { children: output && JSON.stringify(output, null, 2) })
-      ]
-    }
-  );
-};
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/Availabilities/Title.tsx
-import { Fragment, jsx as jsx11 } from "react/jsx-runtime";
-var Title = ({
-  runStep
-}) => {
-  if (runStep.completed_at) {
-    return /* @__PURE__ */ jsx11(Fragment, { children: "Finished getting domains availability" });
-  } else if (runStep.cancelled_at) {
-    return /* @__PURE__ */ jsx11(Fragment, { children: "Cancelled getting domains availability" });
-  } else {
-    return /* @__PURE__ */ jsx11(Fragment, { children: "Getting domains availability" });
-  }
-};
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/Availabilities/index.tsx
-import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
-var Availabilities = ({
-  fn,
-  runStep
-}) => /* @__PURE__ */ jsxs3(PopoverRoot, { children: [
-  /* @__PURE__ */ jsxs3(ToolCallBase, { children: [
-    /* @__PURE__ */ jsx12(Icon, { runStep }),
-    /* @__PURE__ */ jsx12(ToolCallTitle, { children: /* @__PURE__ */ jsx12(Title, { runStep }) })
-  ] }),
-  /* @__PURE__ */ jsx12(
-    PopoverContent,
-    {
-      className: "max-h-[500px]",
-      children: /* @__PURE__ */ jsx12(Content, { fn })
-    }
-  )
-] });
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/Scores/index.tsx
-import {
-  PopoverRoot as PopoverRoot2,
-  PopoverContent as PopoverContent2
-} from "@radix-ui/themes";
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/Scores/Title.tsx
-import { Fragment as Fragment2, jsx as jsx13 } from "react/jsx-runtime";
-var Title2 = ({
-  runStep
-}) => {
-  if (runStep.completed_at) {
-    return /* @__PURE__ */ jsx13(Fragment2, { children: "Finished getting domains scores" });
-  } else if (runStep.cancelled_at) {
-    return /* @__PURE__ */ jsx13(Fragment2, { children: "Cancelled getting domains scores" });
-  } else {
-    return /* @__PURE__ */ jsx13(Fragment2, { children: "Getting domains scores" });
-  }
-};
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/Scores/index.tsx
-import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
-var Scores = ({
-  fn,
-  runStep
-}) => /* @__PURE__ */ jsxs4(PopoverRoot2, { children: [
-  /* @__PURE__ */ jsxs4(ToolCallBase, { children: [
-    /* @__PURE__ */ jsx14(Icon, { runStep }),
-    /* @__PURE__ */ jsx14(ToolCallTitle, { children: /* @__PURE__ */ jsx14(Title2, { runStep }) })
-  ] }),
-  /* @__PURE__ */ jsx14(
-    PopoverContent2,
-    {
-      className: "max-h-[500px]",
-      children: /* @__PURE__ */ jsx14(Content, { fn })
-    }
-  )
-] });
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-var Fn = ({
-  fn,
-  runStep
-}) => {
-  if (fn.name === "getAvailabilities") {
-    return /* @__PURE__ */ jsx15(
-      Availabilities,
-      {
-        fn,
-        runStep
-      }
-    );
-  } else if (fn.name === "getScores") {
-    return /* @__PURE__ */ jsx15(
-      Scores,
-      {
-        fn,
-        runStep
-      }
-    );
-  }
-  return null;
-};
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
-import {
-  Flex as Flex7
-} from "@radix-ui/themes";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var CodeInterpreter = ({
-  codeInterpreter
-}) => /* @__PURE__ */ jsx16(Flex7, { children: codeInterpreter.input });
-
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var ToolCall = ({
-  toolCall,
-  runStep
-}) => {
-  if (toolCall.type === "function") {
-    return /* @__PURE__ */ jsx17(
-      Fn,
-      {
-        fn: toolCall.function,
-        runStep
-      }
-    );
-  }
-  if (toolCall.type === "code_interpreter") {
-    return /* @__PURE__ */ jsx17(
-      CodeInterpreter,
-      {
-        codeInterpreter: toolCall.code_interpreter,
-        runStep
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx17(Flex8, { children: toolCall.type });
-};
-
-// src/components/runSteps/RunStep/ToolCalls/Starting/index.tsx
-import {
-  PopoverRoot as PopoverRoot3,
-  PopoverContent as PopoverContent3,
-  Text as Text3
-} from "@radix-ui/themes";
-import {
-  CircleIcon as CircleIcon2
-} from "@radix-ui/react-icons";
-import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
-var Starting = () => /* @__PURE__ */ jsxs5(PopoverRoot3, { children: [
-  /* @__PURE__ */ jsxs5(ToolCallBase, { children: [
-    /* @__PURE__ */ jsx18(CircleIcon2, {}),
-    /* @__PURE__ */ jsx18(ToolCallTitle, { children: "Starting actions" })
-  ] }),
-  /* @__PURE__ */ jsx18(
-    PopoverContent3,
-    {
-      className: "max-h-[500px]",
-      children: /* @__PURE__ */ jsx18(Text3, { children: "Getting ready to connect to domain API" })
-    }
-  )
-] });
-
-// src/components/runSteps/RunStep/ToolCalls/index.tsx
-import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
-var ToolCalls = ({
-  stepDetails,
-  runStep
-}) => /* @__PURE__ */ jsxs6(
-  Flex9,
-  {
-    direction: "column",
-    children: [
-      !stepDetails.tool_calls.length && /* @__PURE__ */ jsx19(Starting, {}),
-      stepDetails.tool_calls.map((toolCall) => /* @__PURE__ */ jsx19(
-        ToolCall,
-        {
-          toolCall,
-          runStep
-        },
-        toolCall.id
-      ))
-    ]
-  }
-);
-
-// src/components/runSteps/RunStep/index.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-var RunStep = ({
-  runStep
-}) => {
-  if (runStep.step_details.type === "tool_calls") {
-    return /* @__PURE__ */ jsx20(
-      ToolCalls,
-      {
-        stepDetails: runStep.step_details,
-        runStep
-      }
-    );
-  }
-  return null;
-};
-
-// src/components/runSteps/RunSteps/index.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-var RunSteps = ({
-  runSteps
-}) => /* @__PURE__ */ jsx21(
-  Flex10,
-  {
-    direction: "column-reverse",
-    children: runSteps.map((runStep) => /* @__PURE__ */ jsx21(
-      RunStep,
-      {
-        runStep
-      },
-      runStep.id
-    ))
-  }
-);
-
-// src/components/messages/Message/TextContent/index.tsx
-import { useContext as useContext2 } from "react";
-import Markdown from "react-markdown";
-
-// src/contexts/markdown/MarkdownContext/index.ts
-import { createContext as createContext3 } from "react";
-
-// src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
-import {
-  Box as Box3,
-  Text as Text4
-} from "@radix-ui/themes";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var Paragraph = ({ children }) => /* @__PURE__ */ jsx22(
-  Box3,
-  {
-    pb: "3",
-    children: /* @__PURE__ */ jsx22(
-      Text4,
-      {
-        size: "3",
-        className: "whitespace-pre-line break-words",
-        children
-      }
-    )
-  }
-);
-
-// src/contexts/markdown/MarkdownContext/lib/components/Link.tsx
-import {
-  Link as RadixLink
-} from "@radix-ui/themes";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var Link = ({ children, href }) => /* @__PURE__ */ jsx23(
-  RadixLink,
-  {
-    href,
-    children
-  }
-);
-
-// src/contexts/markdown/MarkdownContext/lib/components/UnorderedList.tsx
-import {
-  Box as Box4
-} from "@radix-ui/themes";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var UnorderedList = ({ children }) => /* @__PURE__ */ jsx24(
-  Box4,
-  {
-    pb: "3",
-    asChild: true,
-    children: /* @__PURE__ */ jsx24(
-      "ul",
-      {
-        className: "list-inside",
-        children
-      }
-    )
-  }
-);
-
-// src/contexts/markdown/MarkdownContext/lib/components/OrderedList.tsx
-import {
-  Box as Box5
-} from "@radix-ui/themes";
-import { jsx as jsx25 } from "react/jsx-runtime";
-var OrderedList = ({ children }) => /* @__PURE__ */ jsx25(
-  Box5,
-  {
-    pb: "3",
-    asChild: true,
-    children: /* @__PURE__ */ jsx25(
-      "ol",
-      {
-        className: "list-inside",
-        children
-      }
-    )
-  }
-);
-
-// src/contexts/markdown/MarkdownContext/lib/components/ListItem.tsx
-import {
-  Box as Box6
-} from "@radix-ui/themes";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var ListItem = ({ children }) => /* @__PURE__ */ jsx26(
-  Box6,
-  {
-    pb: "1",
-    children: /* @__PURE__ */ jsx26("li", { children })
-  }
-);
-
-// src/contexts/markdown/MarkdownContext/lib/components/Strong.tsx
-import {
-  Strong as RadixStrong
-} from "@radix-ui/themes";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var Strong = ({ children }) => /* @__PURE__ */ jsx27(RadixStrong, { children });
-
-// src/contexts/markdown/MarkdownContext/lib/components/index.tsx
-var components = {
-  p: Paragraph,
-  a: Link,
-  strong: Strong,
-  ul: UnorderedList,
-  ol: OrderedList,
-  li: ListItem
-};
-
-// src/contexts/markdown/MarkdownContext/index.ts
-var MarkdownContext = createContext3({
-  remarkPlugins: [],
-  components
-});
-
-// src/components/messages/Message/TextContent/index.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-var TextContent = ({
-  content
-}) => {
-  const markdownContext = useContext2(MarkdownContext);
-  return /* @__PURE__ */ jsx28(
-    Markdown,
-    {
-      ...markdownContext,
-      children: content.text.value
-    }
-  );
-};
-
-// src/components/messages/Message/index.tsx
-import { jsx as jsx29, jsxs as jsxs7 } from "react/jsx-runtime";
-var Message = ({
-  message
-}) => {
-  const [olderRunSteps, laterRunSteps] = useMemo8(() => {
-    if (!message.runSteps.length)
-      return [[], []];
-    const messageCreationRunStepIndex = message.runSteps.findIndex((runStep) => {
-      if (runStep.step_details.type !== "message_creation")
-        return;
-      return runStep.step_details.message_creation.message_id === message.id;
-    });
-    let nextRunStepIndex = message.runSteps.slice(0, messageCreationRunStepIndex).findLastIndex((runStep) => runStep.step_details.type === "message_creation");
-    if (nextRunStepIndex === -1) {
-      nextRunStepIndex = 0;
-    }
-    const laterRunSteps2 = message.runSteps.slice(nextRunStepIndex, messageCreationRunStepIndex);
-    const prevRunStepIndex = message.runSteps.slice(messageCreationRunStepIndex + 1).findIndex((runStep) => runStep.step_details.type === "message_creation");
-    let olderRunSteps2;
-    if (prevRunStepIndex === -1) {
-      olderRunSteps2 = message.runSteps.slice(messageCreationRunStepIndex + 1);
-    } else {
-      olderRunSteps2 = message.runSteps.slice(messageCreationRunStepIndex + 1, messageCreationRunStepIndex + prevRunStepIndex);
-    }
-    return [olderRunSteps2, laterRunSteps2];
-  }, [message]);
-  return /* @__PURE__ */ jsxs7(Box7, { children: [
-    /* @__PURE__ */ jsx29(
-      RunSteps,
-      {
-        runSteps: olderRunSteps
-      }
-    ),
-    message.content.map((content, index) => /* @__PURE__ */ jsx29(
-      Box7,
-      {
-        children: content.type === "text" && /* @__PURE__ */ jsx29(TextContent, { content })
-      },
-      index
-    )),
-    /* @__PURE__ */ jsx29(
-      RunSteps,
-      {
-        runSteps: laterRunSteps
-      }
-    )
-  ] });
-};
-
-// src/components/messages/Messages/Content/MessageGroup/Content/index.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
-var Content2 = ({
-  messageGroup
-}) => /* @__PURE__ */ jsx30(
-  Flex11,
-  {
-    direction: "column-reverse",
-    children: messageGroup.messages.map((message) => /* @__PURE__ */ jsx30(
-      Message,
-      {
-        message
-      },
-      message.id
-    ))
-  }
-);
-
-// src/components/messages/Messages/Content/MessageGroup/index.tsx
-import { jsx as jsx31, jsxs as jsxs8 } from "react/jsx-runtime";
-var MessageGroup = ({
-  messageGroup
-}) => {
-  const assistantNameContext = useContext3(AssistantNameContext);
-  return /* @__PURE__ */ jsxs8(MessagesGroupBase, { children: [
-    messageGroup.role === "user" ? /* @__PURE__ */ jsx31(
-      Avatar3,
-      {
-        fallback: /* @__PURE__ */ jsx31(PersonIcon, {}),
-        size: "1"
-      }
-    ) : /* @__PURE__ */ jsx31(AssistantAvatar, {}),
-    /* @__PURE__ */ jsxs8(Box8, { children: [
-      /* @__PURE__ */ jsx31(Name, { children: messageGroup.role === "user" ? "You" : assistantNameContext }),
-      /* @__PURE__ */ jsx31(
-        Content2,
-        {
-          messageGroup
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/components/messages/Messages/Content/index.tsx
-import { Fragment as Fragment3, jsx as jsx32 } from "react/jsx-runtime";
-var Content3 = ({
-  messages: messages2
-}) => {
-  const { messageGroups: messageGroups2 } = useMessageGroups({
-    messages: messages2
-  });
-  return /* @__PURE__ */ jsx32(Fragment3, { children: messageGroups2.map((messageGroup) => /* @__PURE__ */ jsx32(
-    MessageGroup,
-    {
-      messageGroup
-    },
-    messageGroup.id
-  )) });
-};
-
-// src/components/messages/Messages/ProgressMessage/index.tsx
-import { Box as Box11 } from "@radix-ui/themes";
-
-// src/components/skeletons/StartingContentSkeleton/index.tsx
-import {
-  Box as Box9
-} from "@radix-ui/themes";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var StartingContentSkeleton = () => /* @__PURE__ */ jsx33(
-  Box9,
-  {
-    height: "4",
-    width: "4",
-    shrink: "0",
-    mt: "1",
-    className: "animate-pulse bg-gray-12 rounded-3"
-  }
-);
-
-// src/components/skeletons/StartingSkeleton/index.tsx
-import { useContext as useContext4 } from "react";
-import { Box as Box10 } from "@radix-ui/themes";
-import { jsx as jsx34, jsxs as jsxs9 } from "react/jsx-runtime";
-var StartingSkeleton = ({
-  children
-}) => {
-  const assistantNameContext = useContext4(AssistantNameContext);
-  return /* @__PURE__ */ jsxs9(MessagesGroupBase, { children: [
-    /* @__PURE__ */ jsx34(AssistantAvatar, {}),
-    /* @__PURE__ */ jsxs9(Box10, { children: [
-      /* @__PURE__ */ jsx34(Name, { children: assistantNameContext }),
-      children,
-      /* @__PURE__ */ jsx34(StartingContentSkeleton, {})
-    ] })
-  ] });
-};
-
-// src/components/messages/Messages/ProgressMessage/index.tsx
-import { jsx as jsx35, jsxs as jsxs10 } from "react/jsx-runtime";
-var ProgressMessage = ({
-  latestMessage,
-  isRunActive: isRunActive2
-}) => {
-  if (!latestMessage)
-    return null;
-  if (!isRunActive2)
-    return null;
-  if (latestMessage.role === "user") {
-    return /* @__PURE__ */ jsx35(StartingSkeleton, {});
-  }
-  return /* @__PURE__ */ jsxs10(MessagesGroupBase, { children: [
-    /* @__PURE__ */ jsx35(Box11, { pl: "5" }),
-    /* @__PURE__ */ jsx35(StartingContentSkeleton, {})
-  ] });
-};
-
-// src/components/messages/Messages/index.tsx
-import { jsx as jsx36, jsxs as jsxs11 } from "react/jsx-runtime";
-var Messages = ({
-  messagesQueryOptions,
-  runsQueryOptions,
-  createRunMutationOptions,
-  handleActionMutationOptions,
-  children
-}) => {
-  const {
-    messages: messages2,
-    isFetchingNextPage,
-    hasNextPage,
-    fetchNextPage
-  } = useMessages({
-    messagesQueryOptions
-  });
-  useThreadLifecycles({
-    messagesQueryOptions,
-    runsQueryOptions,
-    createRunMutationOptions,
-    handleActionMutationOptions
-  });
-  const { containerRef, loaderRef } = useInfiniteScroll({
-    isFetchingNextPage,
-    hasNextPage,
-    fetchNextPage
-  });
-  const { isRunActive: isRunActive2 } = useIsRunActive({
-    messagesQueryOptions,
-    runsQueryOptions
-  });
-  const { latestMessage } = useLatestMessage({
-    messagesQueryOptions
-  });
-  return /* @__PURE__ */ jsxs11(
-    Flex12,
-    {
-      ref: containerRef,
-      direction: "column-reverse",
-      className: "overflow-auto",
-      grow: "1",
-      p: "2",
-      children: [
-        /* @__PURE__ */ jsx36(
-          Flex12,
-          {
-            shrink: "0",
-            height: "1"
-          }
-        ),
-        /* @__PURE__ */ jsx36(
-          ProgressMessage,
-          {
-            latestMessage,
-            isRunActive: isRunActive2
-          }
-        ),
-        children,
-        /* @__PURE__ */ jsx36(
-          Content3,
-          {
-            messages: messages2
-          }
-        ),
-        hasNextPage && /* @__PURE__ */ jsx36(
-          MessagesSkeleton,
-          {
-            ref: loaderRef
-          }
-        ),
-        /* @__PURE__ */ jsx36(
-          Flex12,
-          {
-            shrink: "0",
-            grow: "1"
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/components/messages/Form/index.tsx
-import {
-  Container as Container2,
-  Flex as Flex13,
-  Text as Text5
-} from "@radix-ui/themes";
-import { useRef as useRef3, useEffect as useEffect4, useMemo as useMemo9, useContext as useContext5 } from "react";
-import { useForm } from "react-hook-form";
-import { z } from "zod";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { usePrevious } from "react-use";
-
-// src/components/textareas/TextareaBase/index.tsx
-import { forwardRef as forwardRef4 } from "react";
-import TextareaAutosize from "react-textarea-autosize";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var UPSCALE_RATIO = 16 / 14;
-var TextareaBase = forwardRef4(function TextareaBase2(props, ref) {
-  return /* @__PURE__ */ jsx37(
-    TextareaAutosize,
-    {
-      ref,
-      className: "textarea-base",
-      style: {
-        resize: "none",
-        fontSize: `${14 * UPSCALE_RATIO}px`,
-        lineHeight: `${24 * UPSCALE_RATIO}px`,
-        transform: `scale(${1 / UPSCALE_RATIO})`,
-        margin: `0 ${(-100 * UPSCALE_RATIO + 100) / 2}%`,
-        width: `${100 * UPSCALE_RATIO}%`,
-        maxWidth: `${100 * UPSCALE_RATIO}%`,
-        flexGrow: 1,
-        display: "flex"
-      },
-      ...props
-    }
-  );
-});
-
-// src/hooks/messages/useCreateMessage/index.ts
-import {
-  useMutation as useMutation3,
-  useQueryClient as useQueryClient4
-} from "@tanstack/react-query";
-
-// src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/data.ts
-var data = ({
-  newMessage
-}) => (prevData) => {
-  const message = {
-    id: optimisticId(),
-    role: "user",
-    created_at: +/* @__PURE__ */ new Date(),
-    object: "thread.message",
-    content: [
-      {
-        type: "text",
-        text: {
-          annotations: [],
-          value: newMessage.content
-        }
-      }
-    ],
-    run_id: null,
-    assistant_id: null,
-    thread_id: null,
-    file_ids: [],
-    metadata: {},
-    runSteps: []
-  };
-  if (!prevData) {
-    return {
-      pageParams: [],
-      pages: [
-        {
-          data: [message],
-          hasNextPage: false,
-          lastId: message.id
-        }
-      ]
-    };
-  }
-  const [latestPage, ...pagesRest] = prevData.pages;
-  return {
-    ...prevData,
-    pages: [
-      {
-        ...latestPage,
-        data: [
-          message,
-          ...latestPage.data
-        ]
-      },
-      ...pagesRest
-    ]
-  };
-};
-
-// src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/index.ts
-var onMutate = ({
-  queryClient
-}) => async (newMessage) => {
-  await queryClient.cancelQueries(queryKey());
-  const prevMessages = queryClient.getQueryData(queryKey());
-  queryClient.setQueryData(
-    queryKey(),
-    data({ newMessage })
-  );
-  return {
-    prevMessages,
-    newMessage
-  };
-};
-
-// src/hooks/messages/useCreateMessage/lib/mutationOptions/onError.ts
-var onError = ({
-  queryClient
-}) => async (_error, newMessage, context) => {
-  if (!context) {
-    return;
-  }
-  queryClient.setQueryData(
-    queryKey(),
-    context.prevMessages
-  );
-};
-
-// src/hooks/messages/useCreateMessage/lib/mutationOptions/onSettled.ts
-var onSettled3 = ({
-  queryClient
-}) => async (response) => {
-  if (!response)
-    return;
-  await queryClient.invalidateQueries({
-    queryKey: queryKey()
-  });
-};
-
-// src/hooks/messages/useCreateMessage/lib/mutationOptions/index.ts
-var mutationOptions3 = ({
-  queryClient
-}) => ({
-  // mutationFn,
-  onMutate: onMutate({
-    queryClient
-  }),
-  onError: onError({
-    queryClient
-  }),
-  onSettled: onSettled3({
-    queryClient
-  })
-});
-
-// src/hooks/messages/useCreateMessage/index.ts
-var useCreateMessage = ({
-  createMessageMutationOptions
-}) => {
-  const queryClient = useQueryClient4();
-  const mutationProps = useMutation3({
-    ...mutationOptions3({
-      queryClient
-    }),
-    ...createMessageMutationOptions
-  });
-  return {
-    ...mutationProps,
-    createMessage: mutationProps.mutateAsync
-  };
-};
-
-// src/components/messages/Form/Submit/index.tsx
-import {
-  ArrowUpIcon
-} from "@radix-ui/react-icons";
-import {
-  Button as Button2
-} from "@radix-ui/themes";
-
-// src/components/spinners/Spinner/index.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-var Spinner = (props) => /* @__PURE__ */ jsx38(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "h-4 w-4 animate-spin",
-    ...props,
-    children: /* @__PURE__ */ jsx38("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-  }
-);
-
-// src/components/messages/Form/Submit/index.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
-var Submit = ({
-  isLoading,
-  isDisabled
-}) => /* @__PURE__ */ jsx39(
-  Button2,
-  {
-    type: "submit",
-    color: "gray",
-    highContrast: true,
-    radius: "large",
-    disabled: isLoading || isDisabled,
-    children: isLoading ? /* @__PURE__ */ jsx39(Spinner, {}) : /* @__PURE__ */ jsx39(ArrowUpIcon, {})
-  }
-);
-
-// src/components/messages/Form/index.tsx
-import { jsx as jsx40, jsxs as jsxs12 } from "react/jsx-runtime";
-var schema = z.object({
-  content: z.string().min(1).max(300)
-});
-var Form = ({
-  messagesQueryOptions,
-  runsQueryOptions,
-  createMessageMutationOptions
-}) => {
-  const {
-    register,
-    handleSubmit,
-    formState: { errors, isSubmitting },
-    reset
-  } = useForm({
-    resolver: zodResolver(schema)
-  });
-  const { isRunActive: isRunActive2 } = useIsRunActive({
-    messagesQueryOptions,
-    runsQueryOptions
-  });
-  const isLoading = useMemo9(() => isRunActive2 || isSubmitting, [
-    isRunActive2,
-    isSubmitting
-  ]);
-  const {
-    createMessage
-  } = useCreateMessage({
-    createMessageMutationOptions
-  });
-  const onSubmit = async (data2) => {
-    reset();
-    await createMessage({
-      content: data2.content
-    });
-  };
-  const { latestMessage } = useLatestMessage({
-    messagesQueryOptions
-  });
-  const isDisabled = useMemo9(() => {
-    var _a;
-    return (
-      // @ts-ignore-next-line
-      (_a = latestMessage == null ? void 0 : latestMessage.metadata) == null ? void 0 : _a.isBlocking
-    );
-  }, [latestMessage, isLoading]);
-  const isInputDisabled = useMemo9(() => isLoading || isDisabled || false, [isLoading, isDisabled]);
-  const isInputDisabledPrevious = usePrevious(isInputDisabled);
-  const textareaRef = useRef3(null);
-  const textareaProps = register("content");
-  useEffect4(() => {
-    if (isInputDisabled)
-      return;
-    if (!isInputDisabledPrevious)
-      return;
-    if (!textareaRef.current)
-      return;
-    textareaRef.current.focus();
-  }, [isInputDisabled, isInputDisabledPrevious, textareaProps]);
-  const assistantNameContext = useContext5(AssistantNameContext);
-  return /* @__PURE__ */ jsx40(
-    Container2,
-    {
-      size: "2",
-      px: "2",
-      grow: "0",
-      children: /* @__PURE__ */ jsx40(
-        Flex13,
-        {
-          direction: "column",
-          shrink: "0",
-          children: /* @__PURE__ */ jsx40(
-            Flex13,
-            {
-              direction: "column",
-              shrink: "0",
-              className: "bg-gray-1",
-              pb: "4",
-              children: /* @__PURE__ */ jsx40(
-                "form",
-                {
-                  onSubmit: handleSubmit(onSubmit),
-                  children: /* @__PURE__ */ jsxs12(
-                    Flex13,
-                    {
-                      className: `rounded-3 border-gray-5 border border-solid ${errors.content ? "border-red-9 bg-red-2" : ""}`,
-                      p: "2",
-                      pl: "4",
-                      children: [
-                        /* @__PURE__ */ jsx40(
-                          Text5,
-                          {
-                            size: "2",
-                            className: "grow",
-                            children: /* @__PURE__ */ jsx40(
-                              Flex13,
-                              {
-                                grow: "1",
-                                direction: "column",
-                                children: /* @__PURE__ */ jsx40(
-                                  TextareaBase,
-                                  {
-                                    minRows: 1,
-                                    placeholder: `Message ${assistantNameContext}...`,
-                                    disabled: isLoading || isDisabled,
-                                    onKeyDown: (e) => {
-                                      if (e.key === "Enter" && !e.shiftKey) {
-                                        e.preventDefault();
-                                        handleSubmit(onSubmit)();
-                                      }
-                                    },
-                                    autoFocus: true,
-                                    ...textareaProps,
-                                    ref: (e) => {
-                                      textareaProps.ref(e);
-                                      textareaRef.current = e;
-                                    }
-                                  }
-                                )
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ jsx40(
-                          Flex13,
-                          {
-                            shrink: "0",
-                            align: "end",
-                            children: /* @__PURE__ */ jsx40(
-                              Submit,
-                              {
-                                isLoading,
-                                isDisabled
-                              }
-                            )
-                          }
-                        )
-                      ]
-                    }
-                  )
-                }
-              )
-            }
-          )
-        }
-      )
-    }
-  );
-};
-
-// src/index.ts
-import {
-  QueryClient,
-  QueryClientProvider,
-  useQueryClient as useQueryClient5,
-  useQuery
-} from "@tanstack/react-query";
-export {
-  Form,
-  Messages,
-  QueryClient,
-  QueryClientProvider,
-  useCreateMessage,
-  useIsRunActive,
-  useLatestMessage,
-  useMessages,
-  useQuery,
-  useQueryClient5 as useQueryClient,
-  useThreadLifecycles
-};
-//# sourceMappingURL=index.mjs.map