@superinterface/react 1.0.0 → 1.0.1

package/dist/components/examples/Examples/Example/index.d.ts

@@ -0,0 +1,12 @@
+import { UseMutationOptions, UseInfiniteQueryOptions, InfiniteData } from '@tanstack/react-query';
+import { Message, MessagesPage, RunsPage } from '../../../../types';
+type Args = {
+    example: string;
+    messagesQueryOptions: UseInfiniteQueryOptions<InfiniteData<MessagesPage>>;
+    runsQueryOptions: UseInfiniteQueryOptions<InfiniteData<RunsPage>>;
+    createMessageMutationOptions: UseMutationOptions<{
+        message: Message;
+    }>;
+};
+export declare const Example: ({ example, messagesQueryOptions, runsQueryOptions, createMessageMutationOptions, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/examples/Examples/Example/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Example = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_icons_1 = require("@radix-ui/react-icons");
+const themes_1 = require("@radix-ui/themes");
+const useCreateMessage_1 = require("../../../../hooks/messages/useCreateMessage");
+const useIsRunActive_1 = require("../../../../hooks/runs/useIsRunActive");
+const Example = ({ example, messagesQueryOptions, runsQueryOptions, createMessageMutationOptions, }) => {
+    const { createMessage, } = (0, useCreateMessage_1.useCreateMessage)({
+        createMessageMutationOptions,
+    });
+    const { isRunActive } = (0, useIsRunActive_1.useIsRunActive)({
+        messagesQueryOptions,
+        runsQueryOptions,
+    });
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Button, { variant: "soft", style: {
+            justifyContent: 'space-between',
+        }, onClick: () => {
+            // @ts-ignore-next-line
+            createMessage({
+                content: example,
+            });
+        }, disabled: isRunActive, children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "1", weight: "regular", children: example }), (0, jsx_runtime_1.jsx)(react_icons_1.ArrowUpIcon, {})] }));
+};
+exports.Example = Example;
+//# sourceMappingURL=index.js.map

package/dist/components/examples/Examples/Example/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/examples/Examples/Example/index.tsx"],"names":[],"mappings":";;;;AAKA,uDAE8B;AAC9B,6CAGyB;AACzB,wEAAoE;AACpE,gEAA4D;AAUrD,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,EACP,oBAAoB,EACpB,gBAAgB,EAChB,4BAA4B,GACvB,EAAE,EAAE;IACT,MAAM,EACJ,aAAa,GACd,GAAG,IAAA,mCAAgB,EAAC;QACnB,4BAA4B;KAC7B,CAAC,CAAA;IAEF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,+BAAc,EAAC;QACrC,oBAAoB;QACpB,gBAAgB;KACjB,CAAC,CAAA;IAEF,OAAO,CACL,wBAAC,eAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAE;YACL,cAAc,EAAE,eAAe;SAChC,EACD,OAAO,EAAE,GAAG,EAAE;YACZ,uBAAuB;YACvB,aAAa,CAAC;gBACZ,OAAO,EAAE,OAAO;aACjB,CAAC,CAAA;QACJ,CAAC,EACD,QAAQ,EAAE,WAAW,aAErB,uBAAC,aAAI,IACH,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,SAAS,YAEf,OAAO,GACH,EAEP,uBAAC,yBAAW,KAAG,IACR,CACV,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,OAAO,WAyCnB"}

package/dist/components/examples/Examples/index.d.ts

@@ -0,0 +1,13 @@
+import { UseMutationOptions, UseInfiniteQueryOptions, InfiniteData } from '@tanstack/react-query';
+import { Message, MessagesPage, RunsPage } from '../../../types';
+type Args = {
+    messagesQueryOptions: UseInfiniteQueryOptions<InfiniteData<MessagesPage>>;
+    runsQueryOptions: UseInfiniteQueryOptions<InfiniteData<RunsPage>>;
+    createMessageMutationOptions: UseMutationOptions<{
+        message: Message;
+    }>;
+    latestMessage: Message | null;
+    isLoading: boolean;
+};
+export declare const Examples: ({ createMessageMutationOptions, messagesQueryOptions, runsQueryOptions, latestMessage, isLoading, }: Args) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/examples/Examples/index.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Examples = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const Example_1 = require("./Example");
+const initialExamples = [
+    'Find a brandable domain for an AI cooking app.',
+    'Create a domain name for a todo app.',
+    'Suggest a domain for a financial tech startup.',
+    'Luxurious .com domain for a space company.',
+];
+const regularExamples = [
+    'Continue',
+];
+const Examples = ({ createMessageMutationOptions, messagesQueryOptions, runsQueryOptions, latestMessage, isLoading, }) => {
+    if (!latestMessage) {
+        return ((0, jsx_runtime_1.jsx)(themes_1.Grid, { columns: {
+                initial: "1",
+                md: "2",
+            }, gap: "2", py: "2", children: initialExamples.map((example) => ((0, jsx_runtime_1.jsx)(Example_1.Example, { example: example, createMessageMutationOptions: createMessageMutationOptions, messagesQueryOptions: messagesQueryOptions, runsQueryOptions: runsQueryOptions }, example))) }));
+    }
+    if (latestMessage.role === 'assistant' && !isLoading) {
+        return ((0, jsx_runtime_1.jsx)(themes_1.Grid, { columns: {
+                initial: "3",
+                md: "4",
+            }, gap: "2", py: "2", children: regularExamples.map((example) => ((0, jsx_runtime_1.jsx)(Example_1.Example, { example: example, createMessageMutationOptions: createMessageMutationOptions, messagesQueryOptions: messagesQueryOptions, runsQueryOptions: runsQueryOptions }, example))) }));
+    }
+    return null;
+};
+exports.Examples = Examples;
+//# sourceMappingURL=index.js.map

package/dist/components/examples/Examples/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/examples/Examples/index.tsx"],"names":[],"mappings":";;;;AAKA,6CAEyB;AAEzB,uCAAmC;AAUnC,MAAM,eAAe,GAAG;IACtB,gDAAgD;IAChD,sCAAsC;IACtC,gDAAgD;IAChD,4CAA4C;CAC7C,CAAA;AAED,MAAM,eAAe,GAAG;IACtB,UAAU;CACX,CAAA;AAEM,MAAM,QAAQ,GAAG,CAAC,EACvB,4BAA4B,EAC5B,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,EACb,SAAS,GACJ,EAAE,EAAE;IACT,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,uBAAC,aAAI,IACH,OAAO,EAAE;gBACP,OAAO,EAAE,GAAG;gBACZ,EAAE,EAAE,GAAG;aACR,EACD,GAAG,EAAC,GAAG,EACP,EAAE,EAAC,GAAG,YAEL,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,uBAAC,iBAAO,IAEN,OAAO,EAAE,OAAO,EAChB,4BAA4B,EAAE,4BAA4B,EAC1D,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,IAJ7B,OAAO,CAKZ,CACH,CAAC,GACG,CACR,CAAA;IACH,CAAC;IAED,IAAI,aAAa,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,SAAS,EAAE,CAAC;QACrD,OAAO,CACL,uBAAC,aAAI,IACH,OAAO,EAAE;gBACP,OAAO,EAAE,GAAG;gBACZ,EAAE,EAAE,GAAG;aACR,EACD,GAAG,EAAC,GAAG,EACP,EAAE,EAAC,GAAG,YAEL,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,uBAAC,iBAAO,IAEN,OAAO,EAAE,OAAO,EAChB,4BAA4B,EAAE,4BAA4B,EAC1D,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,IAJ7B,OAAO,CAKZ,CACH,CAAC,GACG,CACR,CAAA;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAtDY,QAAA,QAAQ,YAsDpB"}

package/dist/components/messageGroups/MessagesGroupBase/AssistantAvatar.d.ts

@@ -0,0 +1 @@
+export declare const AssistantAvatar: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/messageGroups/MessagesGroupBase/AssistantAvatar.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssistantAvatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const themes_1 = require("@radix-ui/themes");
+const AssistantAvatarContext_1 = require("../../../contexts/avatars/AssistantAvatarContext");
+const AssistantAvatar = () => {
+    const AssistantAvatarContextValue = (0, react_1.useContext)(AssistantAvatarContext_1.AssistantAvatarContext);
+    return ((0, jsx_runtime_1.jsx)(themes_1.Flex, { shrink: "0", className: "rounded-3 overflow-hidden h-[24px] w-[24px]", children: AssistantAvatarContextValue }));
+};
+exports.AssistantAvatar = AssistantAvatar;
+//# sourceMappingURL=AssistantAvatar.js.map

package/dist/components/messageGroups/MessagesGroupBase/AssistantAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantAvatar.js","sourceRoot":"","sources":["../../../../src/components/messageGroups/MessagesGroupBase/AssistantAvatar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,6CAEyB;AACzB,sFAAkF;AAE3E,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,2BAA2B,GAAG,IAAA,kBAAU,EAAC,+CAAsB,CAAC,CAAA;IAEtE,OAAO,CACL,uBAAC,aAAI,IACH,MAAM,EAAC,GAAG,EACV,SAAS,EAAC,6CAA6C,YAEtD,2BAA2B,GACvB,CACR,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,eAAe,mBAW3B"}

package/dist/components/messageGroups/MessagesGroupBase/Name.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Args = {
+    children: React.ReactNode;
+};
+export declare const Name: ({ children, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/messageGroups/MessagesGroupBase/Name.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Name = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const Name = ({ children, }) => ((0, jsx_runtime_1.jsx)(themes_1.Flex, { height: "5", align: "center", children: (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", weight: "bold", children: children }) }));
+exports.Name = Name;
+//# sourceMappingURL=Name.js.map

package/dist/components/messageGroups/MessagesGroupBase/Name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Name.js","sourceRoot":"","sources":["../../../../src/components/messageGroups/MessagesGroupBase/Name.tsx"],"names":[],"mappings":";;;;AAAA,6CAGyB;AAMlB,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,GACH,EAAE,EAAE,CAAC,CACV,uBAAC,aAAI,IACH,MAAM,EAAC,GAAG,EACV,KAAK,EAAC,QAAQ,YAEd,uBAAC,aAAI,IACH,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,MAAM,YAEZ,QAAQ,GACJ,GACF,CACR,CAAA;AAdY,QAAA,IAAI,QAchB"}

package/dist/components/messageGroups/MessagesGroupBase/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Args = {
+    children: React.ReactNode;
+};
+export declare const MessagesGroupBase: import("react").ForwardRefExoticComponent<Args & import("react").RefAttributes<unknown>>;
+export {};

package/dist/components/messageGroups/MessagesGroupBase/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessagesGroupBase = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const themes_1 = require("@radix-ui/themes");
+exports.MessagesGroupBase = (0, react_1.forwardRef)(function MessagesGroupBase({ children, }, ref) {
+    return ((0, jsx_runtime_1.jsx)(themes_1.Container
+    // @ts-ignore-next-line
+    , { 
+        // @ts-ignore-next-line
+        ref: ref, size: "2", grow: "0", children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { shrink: "0", gap: "3", children: children }) }));
+});
+//# sourceMappingURL=index.js.map

package/dist/components/messageGroups/MessagesGroupBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/messageGroups/MessagesGroupBase/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,6CAGyB;AAMZ,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAAC,SAAS,iBAAiB,CAAC,EACrE,QAAQ,GACH,EAAE,GAAG;IACV,OAAO,CACL,uBAAC,kBAAS;IACR,uBAAuB;;QAAvB,uBAAuB;QACvB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG,YAER,uBAAC,aAAI,IACH,MAAM,EAAC,GAAG,EACV,GAAG,EAAC,GAAG,YAEN,QAAQ,GACJ,GACG,CACb,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/components/messages/Form/Submit/index.d.ts

@@ -0,0 +1,6 @@
+type Args = {
+    isLoading: boolean;
+    isDisabled: boolean;
+};
+export declare const Submit: ({ isLoading, isDisabled }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/messages/Form/Submit/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Submit = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_icons_1 = require("@radix-ui/react-icons");
+const themes_1 = require("@radix-ui/themes");
+const Spinner_1 = require("../../../spinners/Spinner");
+const Submit = ({ isLoading, isDisabled }) => ((0, jsx_runtime_1.jsx)(themes_1.Button, { type: "submit", color: "gray", highContrast: true, radius: "large", disabled: isLoading || isDisabled, children: isLoading ? (0, jsx_runtime_1.jsx)(Spinner_1.Spinner, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.ArrowUpIcon, {}) }));
+exports.Submit = Submit;
+//# sourceMappingURL=index.js.map

package/dist/components/messages/Form/Submit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/messages/Form/Submit/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAE8B;AAC9B,6CAEyB;AACzB,2DAEsC;AAO/B,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,UAAU,EACL,EAAE,EAAE,CAAC,CACV,uBAAC,eAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,MAAM,EACZ,YAAY,QACZ,MAAM,EAAC,OAAO,EACd,QAAQ,EAAE,SAAS,IAAI,UAAU,YAEhC,SAAS,CAAC,CAAC,CAAC,uBAAC,iBAAO,KAAG,CAAC,CAAC,CAAC,uBAAC,yBAAW,KAAG,GACnC,CACV,CAAA;AAbY,QAAA,MAAM,UAalB"}

package/dist/components/messages/Form/index.d.ts

@@ -0,0 +1,19 @@
+import { UseInfiniteQueryOptions, UseMutationOptions, InfiniteData } from '@tanstack/react-query';
+import { z } from 'zod';
+import { MessagesPage, RunsPage, Message } from '../../../types';
+export declare const schema: z.ZodObject<{
+    content: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    content: string;
+}, {
+    content: string;
+}>;
+type Args = {
+    messagesQueryOptions: UseInfiniteQueryOptions<InfiniteData<MessagesPage>>;
+    runsQueryOptions: UseInfiniteQueryOptions<InfiniteData<RunsPage>>;
+    createMessageMutationOptions: UseMutationOptions<{
+        message: Message;
+    }>;
+};
+export declare const Form: ({ messagesQueryOptions, runsQueryOptions, createMessageMutationOptions, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/messages/Form/index.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = exports.schema = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const react_1 = require("react");
+const Submit_1 = require("./Submit");
+const useIsRunActive_1 = require("../../../hooks/runs/useIsRunActive");
+const react_hook_form_1 = require("react-hook-form");
+const zod_1 = require("zod");
+const zod_2 = require("@hookform/resolvers/zod");
+const TextareaBase_1 = require("../../textareas/TextareaBase");
+const useLatestMessage_1 = require("../../../hooks/messages/useLatestMessage");
+const useCreateMessage_1 = require("../../../hooks/messages/useCreateMessage");
+const AssistantNameContext_1 = require("../../../contexts/assistants/AssistantNameContext");
+exports.schema = zod_1.z.object({
+    content: zod_1.z.string().min(1).max(300),
+});
+const Form = ({ messagesQueryOptions, runsQueryOptions, createMessageMutationOptions, }) => {
+    const { register, handleSubmit, formState: { errors, isSubmitting }, reset, } = (0, react_hook_form_1.useForm)({
+        resolver: (0, zod_2.zodResolver)(exports.schema),
+    });
+    const { isRunActive } = (0, useIsRunActive_1.useIsRunActive)({
+        messagesQueryOptions,
+        runsQueryOptions,
+    });
+    const isLoading = (0, react_1.useMemo)(() => (isRunActive || isSubmitting), [
+        isRunActive,
+        isSubmitting,
+    ]);
+    const { createMessage, } = (0, useCreateMessage_1.useCreateMessage)({
+        createMessageMutationOptions,
+    });
+    const onSubmit = async (data) => {
+        reset();
+        // @ts-ignore-next-line
+        await createMessage({
+            content: data.content,
+        });
+    };
+    const { latestMessage } = (0, useLatestMessage_1.useLatestMessage)({
+        messagesQueryOptions,
+    });
+    const isDisabled = (0, react_1.useMemo)(() => {
+        var _a;
+        return (
+        // @ts-ignore-next-line
+        (_a = latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.metadata) === null || _a === void 0 ? void 0 : _a.isBlocking);
+    }, [latestMessage]);
+    const assistantNameContext = (0, react_1.useContext)(AssistantNameContext_1.AssistantNameContext);
+    return ((0, jsx_runtime_1.jsx)(themes_1.Container, { size: "2", px: "2", grow: "0", children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { direction: "column", shrink: "0", children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { direction: "column", shrink: "0", className: "bg-gray-1", pb: "4", children: (0, jsx_runtime_1.jsx)("form", { onSubmit: handleSubmit(onSubmit), children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { className: `rounded-3 border-gray-5 border border-solid ${errors.content ? 'border-red-9 bg-red-2' : ''}`, p: "2", pl: "4", children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", className: "grow", children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { grow: "1", direction: "column", children: (0, jsx_runtime_1.jsx)(TextareaBase_1.TextareaBase, { minRows: 1, placeholder: `Message ${assistantNameContext}...`, disabled: isLoading || isDisabled, onKeyDown: (e) => {
+                                            if (e.key === 'Enter' && !e.shiftKey) {
+                                                e.preventDefault();
+                                                handleSubmit(onSubmit)();
+                                            }
+                                        }, ...register('content') }) }) }), (0, jsx_runtime_1.jsx)(themes_1.Flex, { shrink: "0", align: "end", children: (0, jsx_runtime_1.jsx)(Submit_1.Submit, { isLoading: isLoading, isDisabled: isDisabled }) })] }) }) }) }) }));
+};
+exports.Form = Form;
+//# sourceMappingURL=index.js.map

package/dist/components/messages/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/messages/Form/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/messages/Message/TextContent/index.d.ts

@@ -0,0 +1,6 @@
+import OpenAI from 'openai';
+type Args = {
+    content: OpenAI.Beta.Threads.Messages.MessageContentText;
+};
+export declare const TextContent: ({ content, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/messages/Message/TextContent/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_markdown_1 = __importDefault(require("react-markdown"));
+const MarkdownContext_1 = require("../../../../contexts/markdown/MarkdownContext");
+const TextContent = ({ content, }) => {
+    const markdownContext = (0, react_1.useContext)(MarkdownContext_1.MarkdownContext);
+    return ((0, jsx_runtime_1.jsx)(react_markdown_1.default, { ...markdownContext, children: content.text.value }));
+};
+exports.TextContent = TextContent;
+//# sourceMappingURL=index.js.map

package/dist/components/messages/Message/TextContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/messages/Message/TextContent/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAkC;AAElC,oEAAqC;AACrC,yEAAqE;AAM9D,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,GACF,EAAE,EAAE;IACT,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,iCAAe,CAAC,CAAA;IAEnD,OAAO,CACL,uBAAC,wBAAQ,OACH,eAAe,YAElB,OAAO,CAAC,IAAI,CAAC,KAAK,GACV,CACZ,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,WAAW,eAYvB"}

package/dist/components/messages/Message/index.d.ts

@@ -0,0 +1,6 @@
+import { Message as MessageType } from '../../../types';
+type Args = {
+    message: MessageType;
+};
+export declare const Message: ({ message, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/messages/Message/index.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Message = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const themes_1 = require("@radix-ui/themes");
+const RunSteps_1 = require("../../runSteps/RunSteps");
+const TextContent_1 = require("./TextContent");
+const Message = ({ message, }) => {
+    const [olderRunSteps, laterRunSteps] = (0, react_1.useMemo)(() => {
+        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 laterRunSteps = message.runSteps.slice(nextRunStepIndex, messageCreationRunStepIndex);
+        const prevRunStepIndex = message.runSteps.slice(messageCreationRunStepIndex + 1).findIndex((runStep) => (runStep.step_details.type === 'message_creation'));
+        let olderRunSteps;
+        if (prevRunStepIndex === -1) {
+            olderRunSteps = message.runSteps.slice(messageCreationRunStepIndex + 1);
+        }
+        else {
+            olderRunSteps = message.runSteps.slice(messageCreationRunStepIndex + 1, messageCreationRunStepIndex + prevRunStepIndex);
+        }
+        return [olderRunSteps, laterRunSteps];
+    }, [message]);
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Box, { children: [(0, jsx_runtime_1.jsx)(RunSteps_1.RunSteps, { runSteps: olderRunSteps }), message.content.map((content, index) => ((0, jsx_runtime_1.jsx)(themes_1.Box, { children: content.type === 'text' && ((0, jsx_runtime_1.jsx)(TextContent_1.TextContent, { content: content })) }, index))), (0, jsx_runtime_1.jsx)(RunSteps_1.RunSteps, { runSteps: laterRunSteps })] }));
+};
+exports.Message = Message;
+//# sourceMappingURL=index.js.map

package/dist/components/messages/Message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/messages/Message/index.tsx"],"names":[],"mappings":";;;;AACA,iCAA+B;AAC/B,6CAEyB;AAEzB,6DAAyD;AACzD,+CAA2C;AAMpC,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,GACF,EAAE,EAAE;IACT,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM;YAAE,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QAE7C,MAAM,2BAA2B,GAAG,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;YACzE,IAAI,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,kBAAkB;gBAAE,OAAM;YAE5D,OAAO,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,UAAU,KAAK,OAAO,CAAC,EAAE,CAAA;QACxE,CAAC,CAAC,CAAA;QAEF,IAAI,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,2BAA2B,CAAC,CAAC,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACvG,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,kBAAkB,CACjD,CAAC,CAAA;QACF,IAAI,gBAAgB,KAAK,CAAC,CAAC,EAAE,CAAC;YAC5B,gBAAgB,GAAG,CAAC,CAAA;QACtB,CAAC;QACD,MAAM,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,2BAA2B,CAAC,CAAA;QAE3F,MAAM,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,2BAA2B,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACtG,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,kBAAkB,CACjD,CAAC,CAAA;QAEF,IAAI,aAAa,CAAA;QAEjB,IAAI,gBAAgB,KAAK,CAAC,CAAC,EAAE,CAAC;YAC5B,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,2BAA2B,GAAG,CAAC,CAAC,CAAA;QACzE,CAAC;aAAM,CAAC;YACN,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,2BAA2B,GAAG,CAAC,EAAE,2BAA2B,GAAG,gBAAgB,CAAC,CAAA;QACzH,CAAC;QAED,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;IAEvC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,wBAAC,YAAG,eACF,uBAAC,mBAAQ,IACP,QAAQ,EAAE,aAAa,GACvB,EAED,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,uBAAC,YAAG,cAGD,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,CAC1B,uBAAC,yBAAW,IAAC,OAAO,EAAE,OAAO,GAAI,CAClC,IAJI,KAAK,CAKN,CACP,CAAC,EAEF,uBAAC,mBAAQ,IACP,QAAQ,EAAE,aAAa,GACvB,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAzDY,QAAA,OAAO,WAyDnB"}

package/dist/components/messages/Messages/Content/MessageGroup/Content/index.d.ts

@@ -0,0 +1,6 @@
+import { MessageGroup } from '../../../../../../types';
+type Args = {
+    messageGroup: MessageGroup;
+};
+export declare const Content: ({ messageGroup, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/messages/Messages/Content/MessageGroup/Content/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const Message_1 = require("../../../../Message");
+const Content = ({ messageGroup, }) => ((0, jsx_runtime_1.jsx)(themes_1.Flex, { direction: "column-reverse", children: messageGroup.messages.map((message) => ((0, jsx_runtime_1.jsx)(Message_1.Message, { message: message }, message.id))) }));
+exports.Content = Content;
+//# sourceMappingURL=index.js.map

package/dist/components/messages/Messages/Content/MessageGroup/Content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/messages/Messages/Content/MessageGroup/Content/index.tsx"],"names":[],"mappings":";;;;AAAA,6CAAuC;AAEvC,2DAAuD;AAMhD,MAAM,OAAO,GAAG,CAAC,EACtB,YAAY,GACP,EAAE,EAAE,CAAC,CACV,uBAAC,aAAI,IACH,SAAS,EAAC,gBAAgB,YAEzB,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACtC,uBAAC,iBAAO,IAEN,OAAO,EAAE,OAAO,IADX,OAAO,CAAC,EAAE,CAEf,CACH,CAAC,GACG,CACR,CAAA;AAbY,QAAA,OAAO,WAanB"}

package/dist/components/messages/Messages/Content/MessageGroup/index.d.ts

@@ -0,0 +1,6 @@
+import { MessageGroup as MessageGroupType } from '../../../../../types';
+type Args = {
+    messageGroup: MessageGroupType;
+};
+export declare const MessageGroup: ({ messageGroup, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/messages/Messages/Content/MessageGroup/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const themes_1 = require("@radix-ui/themes");
+const react_icons_1 = require("@radix-ui/react-icons");
+const MessagesGroupBase_1 = require("../../../../messageGroups/MessagesGroupBase");
+const Name_1 = require("../../../../messageGroups/MessagesGroupBase/Name");
+const AssistantAvatar_1 = require("../../../../messageGroups/MessagesGroupBase/AssistantAvatar");
+const AssistantNameContext_1 = require("../../../../../contexts/assistants/AssistantNameContext");
+const Content_1 = require("./Content");
+const MessageGroup = ({ messageGroup, }) => {
+    const assistantNameContext = (0, react_1.useContext)(AssistantNameContext_1.AssistantNameContext);
+    return ((0, jsx_runtime_1.jsxs)(MessagesGroupBase_1.MessagesGroupBase, { children: [messageGroup.role === 'user' ? ((0, jsx_runtime_1.jsx)(themes_1.Avatar, { fallback: (0, jsx_runtime_1.jsx)(react_icons_1.PersonIcon, {}), size: "1" })) : ((0, jsx_runtime_1.jsx)(AssistantAvatar_1.AssistantAvatar, {})), (0, jsx_runtime_1.jsxs)(themes_1.Box, { children: [(0, jsx_runtime_1.jsx)(Name_1.Name, { children: messageGroup.role === 'user' ? 'You' : assistantNameContext }), (0, jsx_runtime_1.jsx)(Content_1.Content, { messageGroup: messageGroup })] })] }));
+};
+exports.MessageGroup = MessageGroup;
+//# sourceMappingURL=index.js.map

package/dist/components/messages/Messages/Content/MessageGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/messages/Messages/Content/MessageGroup/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,6CAGyB;AACzB,uDAE8B;AAC9B,oFAAgF;AAChF,4EAAwE;AACxE,kGAA8F;AAC9F,qFAAiF;AAEjF,uCAAmC;AAM5B,MAAM,YAAY,GAAG,CAAC,EAC3B,YAAY,GACP,EAAE,EAAE;IACT,MAAM,oBAAoB,GAAG,IAAA,kBAAU,EAAC,2CAAoB,CAAC,CAAA;IAE7D,OAAO,CACL,wBAAC,qCAAiB,eACf,YAAY,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,uBAAC,eAAM,IACL,QAAQ,EAAE,uBAAC,wBAAU,KAAG,EACxB,IAAI,EAAC,GAAG,GACR,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iCAAe,KAAG,CACpB,EAED,wBAAC,YAAG,eACF,uBAAC,WAAI,cACF,YAAY,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,GACvD,EAEP,uBAAC,iBAAO,IACN,YAAY,EAAE,YAAY,GAC1B,IACE,IACY,CACrB,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,YAAY,gBA2BxB"}

package/dist/components/messages/Messages/Content/index.d.ts

@@ -0,0 +1,6 @@
+import { Message } from '../../../../types';
+type Args = {
+    messages: Message[];
+};
+export declare const Content: ({ messages, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/messages/Messages/Content/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useMessageGroups_1 = require("../../../../hooks/messageGroups/useMessageGroups");
+const MessageGroup_1 = require("./MessageGroup");
+const Content = ({ messages, }) => {
+    const { messageGroups } = (0, useMessageGroups_1.useMessageGroups)({
+        messages,
+    });
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: messageGroups.map((messageGroup) => ((0, jsx_runtime_1.jsx)(MessageGroup_1.MessageGroup, { messageGroup: messageGroup }, messageGroup.id))) }));
+};
+exports.Content = Content;
+//# sourceMappingURL=index.js.map

package/dist/components/messages/Messages/Content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/messages/Messages/Content/index.tsx"],"names":[],"mappings":";;;;AAAA,6EAAyE;AAEzE,iDAA6C;AAMtC,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,GACH,EAAE,EAAE;IACT,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,mCAAgB,EAAC;QACzC,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,2DACG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACnC,uBAAC,2BAAY,IAEX,YAAY,EAAE,YAAY,IADrB,YAAY,CAAC,EAAE,CAEpB,CACH,CAAC,GACD,CACJ,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,OAAO,WAiBnB"}

package/dist/components/messages/Messages/ProgressMessage/index.d.ts

@@ -0,0 +1,7 @@
+import { Message } from '../../../../types';
+type Args = {
+    latestMessage: Message | null;
+    isRunActive: boolean;
+};
+export declare const ProgressMessage: ({ latestMessage, isRunActive, }: Args) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/messages/Messages/ProgressMessage/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const MessagesGroupBase_1 = require("../../../messageGroups/MessagesGroupBase");
+const StartingContentSkeleton_1 = require("../../../skeletons/StartingContentSkeleton");
+const StartingSkeleton_1 = require("../../../skeletons/StartingSkeleton");
+const ProgressMessage = ({ latestMessage, isRunActive, }) => {
+    if (!latestMessage)
+        return null;
+    if (!isRunActive)
+        return null;
+    if (latestMessage.role === 'user') {
+        return ((0, jsx_runtime_1.jsx)(StartingSkeleton_1.StartingSkeleton, {}));
+    }
+    return ((0, jsx_runtime_1.jsxs)(MessagesGroupBase_1.MessagesGroupBase, { children: [(0, jsx_runtime_1.jsx)(themes_1.Box, { pl: "5" }), (0, jsx_runtime_1.jsx)(StartingContentSkeleton_1.StartingContentSkeleton, {})] }));
+};
+exports.ProgressMessage = ProgressMessage;
+//# sourceMappingURL=index.js.map

package/dist/components/messages/Messages/ProgressMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/messages/Messages/ProgressMessage/index.tsx"],"names":[],"mappings":";;;;AAAA,6CAAsC;AACtC,oFAAgF;AAChF,4FAAwF;AACxF,8EAA0E;AAQnE,MAAM,eAAe,GAAG,CAAC,EAC9B,aAAa,EACb,WAAW,GACN,EAAE,EAAE;IACT,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAA;IAC/B,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAE7B,IAAI,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAClC,OAAO,CACL,uBAAC,mCAAgB,KAAG,CACrB,CAAA;IACH,CAAC;IAED,OAAO,CACL,wBAAC,qCAAiB,eAChB,uBAAC,YAAG,IAAC,EAAE,EAAC,GAAG,GAAG,EACd,uBAAC,iDAAuB,KAAG,IACT,CACrB,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,eAAe,mBAmB3B"}

package/dist/components/messages/Messages/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { UseInfiniteQueryOptions, UseMutationOptions, InfiniteData } from '@tanstack/react-query';
+import { MessagesPage, RunsPage, Run } from '../../../types';
+type Args = {
+    messagesQueryOptions: UseInfiniteQueryOptions<InfiniteData<MessagesPage>>;
+    runsQueryOptions: UseInfiniteQueryOptions<InfiniteData<RunsPage>>;
+    createRunMutationOptions: UseMutationOptions<{
+        run: Run;
+    }>;
+    handleActionMutationOptions: UseMutationOptions<{
+        run: Run;
+    }>;
+    children?: React.ReactNode;
+};
+export declare const Messages: ({ messagesQueryOptions, runsQueryOptions, createRunMutationOptions, handleActionMutationOptions, children, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/messages/Messages/index.js

@@ -0,0 +1,40 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Messages = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const useInfiniteScroll_1 = require("../../../hooks/misc/useInfiniteScroll");
+const MessagesSkeleton_1 = require("../../skeletons/MessagesSkeleton");
+const useMessages_1 = require("../../../hooks/messages/useMessages");
+const useThreadLifecycles_1 = require("../../../hooks/threads/useThreadLifecycles");
+const useLatestMessage_1 = require("../../../hooks/messages/useLatestMessage");
+const useIsRunActive_1 = require("../../../hooks/runs/useIsRunActive");
+const Content_1 = require("./Content");
+const ProgressMessage_1 = require("./ProgressMessage");
+const Messages = ({ messagesQueryOptions, runsQueryOptions, createRunMutationOptions, handleActionMutationOptions, children, }) => {
+    const { messages, isFetchingNextPage, hasNextPage, fetchNextPage, } = (0, useMessages_1.useMessages)({
+        messagesQueryOptions,
+    });
+    (0, useThreadLifecycles_1.useThreadLifecycles)({
+        messagesQueryOptions,
+        runsQueryOptions,
+        createRunMutationOptions,
+        handleActionMutationOptions,
+    });
+    const { containerRef, loaderRef } = (0, useInfiniteScroll_1.useInfiniteScroll)({
+        isFetchingNextPage,
+        hasNextPage,
+        fetchNextPage,
+    });
+    const { isRunActive } = (0, useIsRunActive_1.useIsRunActive)({
+        messagesQueryOptions,
+        runsQueryOptions,
+    });
+    const { latestMessage } = (0, useLatestMessage_1.useLatestMessage)({
+        messagesQueryOptions,
+    });
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { ref: containerRef, direction: "column-reverse", className: "overflow-auto", grow: "1", p: "2", children: [(0, jsx_runtime_1.jsx)(themes_1.Flex, { shrink: "0", height: "1" }), (0, jsx_runtime_1.jsx)(ProgressMessage_1.ProgressMessage, { latestMessage: latestMessage, isRunActive: isRunActive }), children, (0, jsx_runtime_1.jsx)(Content_1.Content, { messages: messages }), hasNextPage && ((0, jsx_runtime_1.jsx)(MessagesSkeleton_1.MessagesSkeleton, { ref: loaderRef })), (0, jsx_runtime_1.jsx)(themes_1.Flex, { shrink: "0", grow: "1" })] }));
+};
+exports.Messages = Messages;
+//# sourceMappingURL=index.js.map

package/dist/components/messages/Messages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/messages/Messages/index.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAMZ,6CAEyB;AACzB,sEAAkE;AAClE,8EAA0E;AAC1E,8DAA0D;AAC1D,6EAAyE;AACzE,wEAAoE;AACpE,gEAA4D;AAC5D,uCAAmC;AACnC,uDAAmD;AAW5C,MAAM,QAAQ,GAAG,CAAC,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,wBAAwB,EACxB,2BAA2B,EAC3B,QAAQ,GACH,EAAE,EAAE;IACT,MAAM,EACJ,QAAQ,EACR,kBAAkB,EAClB,WAAW,EACX,aAAa,GACd,GAAG,IAAA,yBAAW,EAAC;QACd,oBAAoB;KACrB,CAAC,CAAA;IAEF,IAAA,yCAAmB,EAAC;QAClB,oBAAoB;QACpB,gBAAgB;QAChB,wBAAwB;QACxB,2BAA2B;KAC5B,CAAC,CAAA;IAEF,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAA,qCAAiB,EAAC;QACpD,kBAAkB;QAClB,WAAW;QACX,aAAa;KACd,CAAC,CAAA;IAEF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,+BAAc,EAAC;QACrC,oBAAoB;QACpB,gBAAgB;KACjB,CAAC,CAAA;IAEF,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,mCAAgB,EAAC;QACzC,oBAAoB;KACrB,CAAC,CAAA;IAEF,OAAO,CACL,wBAAC,aAAI,IACH,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,gBAAgB,EAC1B,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,GAAG,EACR,CAAC,EAAC,GAAG,aAEL,uBAAC,aAAI,IACH,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,GAAG,GACV,EAEF,uBAAC,iCAAe,IACd,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,GACxB,EAED,QAAQ,EAET,uBAAC,iBAAO,IACN,QAAQ,EAAE,QAAQ,GAClB,EAED,WAAW,IAAI,CACd,uBAAC,mCAAgB,IACf,GAAG,EAAE,SAAS,GACd,CACH,EAED,uBAAC,aAAI,IACH,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,GAAG,GACR,IACG,CACR,CAAA;AACH,CAAC,CAAA;AA1EY,QAAA,QAAQ,YA0EpB"}

package/dist/components/runSteps/RunStep/ToolCalls/Starting/index.d.ts

@@ -0,0 +1 @@
+export declare const Starting: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/runSteps/RunStep/ToolCalls/Starting/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Starting = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const react_icons_1 = require("@radix-ui/react-icons");
+const ToolCallBase_1 = require("../../../../toolCalls/ToolCallBase");
+const ToolCallTitle_1 = require("../../../../toolCalls/ToolCallBase/ToolCallTitle");
+const Starting = () => ((0, jsx_runtime_1.jsxs)(themes_1.PopoverRoot, { children: [(0, jsx_runtime_1.jsxs)(ToolCallBase_1.ToolCallBase, { children: [(0, jsx_runtime_1.jsx)(react_icons_1.CircleIcon, {}), (0, jsx_runtime_1.jsx)(ToolCallTitle_1.ToolCallTitle, { children: "Starting actions" })] }), (0, jsx_runtime_1.jsx)(themes_1.PopoverContent, { className: "max-h-[500px]", children: (0, jsx_runtime_1.jsx)(themes_1.Text, { children: "Getting ready to connect to domain API" }) })] }));
+exports.Starting = Starting;
+//# sourceMappingURL=index.js.map

package/dist/components/runSteps/RunStep/ToolCalls/Starting/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/runSteps/RunStep/ToolCalls/Starting/index.tsx"],"names":[],"mappings":";;;;AAAA,6CAIyB;AACzB,uDAE8B;AAC9B,sEAAkE;AAClE,qFAAiF;AAE1E,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAC5B,wBAAC,oBAAW,eACV,wBAAC,2BAAY,eACX,uBAAC,wBAAU,KAAG,EACd,uBAAC,6BAAa,mCAEE,IACH,EACf,uBAAC,uBAAc,IACb,SAAS,EAAC,eAAe,YAEzB,uBAAC,aAAI,yDAEE,GACQ,IACL,CACf,CAAA;AAhBY,QAAA,QAAQ,YAgBpB"}

package/dist/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.d.ts

@@ -0,0 +1,7 @@
+import OpenAI from 'openai';
+type Args = {
+    codeInterpreter: OpenAI.Beta.Threads.Runs.CodeToolCall.CodeInterpreter;
+    runStep: OpenAI.Beta.Threads.Runs.RunStep;
+};
+export declare const CodeInterpreter: ({ codeInterpreter, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeInterpreter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const CodeInterpreter = ({ codeInterpreter, }) => ((0, jsx_runtime_1.jsx)(themes_1.Flex, { children: codeInterpreter.input }));
+exports.CodeInterpreter = CodeInterpreter;
+//# sourceMappingURL=index.js.map

package/dist/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx"],"names":[],"mappings":";;;;AACA,6CAEyB;AAOlB,MAAM,eAAe,GAAG,CAAC,EAC9B,eAAe,GACV,EAAE,EAAE,CAAC,CACV,uBAAC,aAAI,cACF,eAAe,CAAC,KAAK,GACjB,CACR,CAAA;AANY,QAAA,eAAe,mBAM3B"}

package/dist/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/Availabilities/Title.d.ts

@@ -0,0 +1,6 @@
+import OpenAI from 'openai';
+type Args = {
+    runStep: OpenAI.Beta.Threads.Runs.RunStep;
+};
+export declare const Title: ({ runStep, }: Args) => import("react/jsx-runtime").JSX.Element;
+export {};