@superinterface/react 2.22.3 → 2.23.0

package/dist/index.d.cts

@@ -21,7 +21,7 @@ declare const options: {
     }) => any;
 };
 
-type Args$8 = {
+type Args$9 = {
     children: React.ReactNode;
     baseUrl?: string;
     variables?: {
@@ -33,7 +33,7 @@ type Args$8 = {
     };
     threadIdCookieOptions?: typeof options | null;
 };
-declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdCookieOptions, }: Args$8) => react_jsx_runtime.JSX.Element;
+declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdCookieOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
 
 declare const useSuperinterfaceContext: () => {
     baseUrl: string | null;
@@ -46,14 +46,14 @@ declare const useSuperinterfaceContext: () => {
     createMessageAbortControllerRef: React.MutableRefObject<AbortController | null>;
 };
 
-type Args$7 = Args$8;
+type Args$8 = Args$9;
 
-type Args$6 = Args$7;
+type Args$7 = Args$8;
 
-type Args$5 = Omit<Args$6, 'children'>;
+type Args$6 = Omit<Args$7, 'children'>;
 declare const Thread: {
-    (props: Args$5): react_jsx_runtime.JSX.Element;
-    Root: ({ children, ...rest }: Args$6) => react_jsx_runtime.JSX.Element;
+    (props: Args$6): react_jsx_runtime.JSX.Element;
+    Root: ({ children, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
     Messages: {
         ({ children, style, }: {
             children?: React.ReactNode;
@@ -338,10 +338,10 @@ declare const useMessageFormContext: () => {
     isFileLoading: boolean;
 };
 
-type Args$4 = {
+type Args$5 = {
     assistantId: string;
 };
-declare const useAssistant: ({ assistantId, }: Args$4) => {
+declare const useAssistant: ({ assistantId, }: Args$5) => {
     assistant: any;
     data: any;
     error: Error;
@@ -540,14 +540,14 @@ declare const AudioThreadDialog: {
     };
 };
 
-type Args$3 = {
+type Args$4 = {
     children: React.ReactNode;
 };
 
-type Args$2 = Omit<Args$3, 'children'>;
+type Args$3 = Omit<Args$4, 'children'>;
 declare const AudioThread: {
-    (props: Args$2): react_jsx_runtime.JSX.Element;
-    Root: ({ children, }: Args$3) => react_jsx_runtime.JSX.Element;
+    (props: Args$3): react_jsx_runtime.JSX.Element;
+    Root: ({ children, }: Args$4) => react_jsx_runtime.JSX.Element;
     Visualization: () => react_jsx_runtime.JSX.Element;
     Form: () => react_jsx_runtime.JSX.Element;
 };
@@ -649,12 +649,12 @@ type FunctionComponents = {
 };
 declare const FunctionComponentsContext: react.Context<FunctionComponents>;
 
-type Args$1 = {
+type Args$2 = {
     fn: OpenAI.Beta.Threads.Runs.FunctionToolCall.Function;
     runStep: OpenAI.Beta.Threads.Runs.RunStep;
     title: string;
 };
-declare const FunctionBase: ({ fn, runStep, title, }: Args$1) => react_jsx_runtime.JSX.Element;
+declare const FunctionBase: ({ fn, runStep, title, }: Args$2) => react_jsx_runtime.JSX.Element;
 
 declare const ComponentsProvider: ({ children, ...rest }: {
     children: React.ReactNode;
@@ -684,11 +684,11 @@ declare const useComponents: () => {
     };
 };
 
-type Args = {
+type Args$1 = {
     runStep: SerializedRunStep;
 };
 declare const RunStep: {
-    ({ runStep, }: Args): react_jsx_runtime.JSX.Element | null;
+    ({ runStep, }: Args$1): react_jsx_runtime.JSX.Element | null;
     ToolCalls: {
         ({ stepDetails, runStep, }: {
             stepDetails: openai_resources_beta_threads_runs_steps.ToolCallsStepDetails;
@@ -705,4 +705,9 @@ declare const RunStep: {
     };
 };
 
-export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
+type Args = {
+    children: React.ReactNode;
+};
+declare const AssistantProvider: ({ children, }: Args) => react_jsx_runtime.JSX.Element | null;
+
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };

package/dist/index.d.ts

@@ -21,7 +21,7 @@ declare const options: {
     }) => any;
 };
 
-type Args$8 = {
+type Args$9 = {
     children: React.ReactNode;
     baseUrl?: string;
     variables?: {
@@ -33,7 +33,7 @@ type Args$8 = {
     };
     threadIdCookieOptions?: typeof options | null;
 };
-declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdCookieOptions, }: Args$8) => react_jsx_runtime.JSX.Element;
+declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdCookieOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
 
 declare const useSuperinterfaceContext: () => {
     baseUrl: string | null;
@@ -46,14 +46,14 @@ declare const useSuperinterfaceContext: () => {
     createMessageAbortControllerRef: React.MutableRefObject<AbortController | null>;
 };
 
-type Args$7 = Args$8;
+type Args$8 = Args$9;
 
-type Args$6 = Args$7;
+type Args$7 = Args$8;
 
-type Args$5 = Omit<Args$6, 'children'>;
+type Args$6 = Omit<Args$7, 'children'>;
 declare const Thread: {
-    (props: Args$5): react_jsx_runtime.JSX.Element;
-    Root: ({ children, ...rest }: Args$6) => react_jsx_runtime.JSX.Element;
+    (props: Args$6): react_jsx_runtime.JSX.Element;
+    Root: ({ children, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
     Messages: {
         ({ children, style, }: {
             children?: React.ReactNode;
@@ -338,10 +338,10 @@ declare const useMessageFormContext: () => {
     isFileLoading: boolean;
 };
 
-type Args$4 = {
+type Args$5 = {
     assistantId: string;
 };
-declare const useAssistant: ({ assistantId, }: Args$4) => {
+declare const useAssistant: ({ assistantId, }: Args$5) => {
     assistant: any;
     data: any;
     error: Error;
@@ -540,14 +540,14 @@ declare const AudioThreadDialog: {
     };
 };
 
-type Args$3 = {
+type Args$4 = {
     children: React.ReactNode;
 };
 
-type Args$2 = Omit<Args$3, 'children'>;
+type Args$3 = Omit<Args$4, 'children'>;
 declare const AudioThread: {
-    (props: Args$2): react_jsx_runtime.JSX.Element;
-    Root: ({ children, }: Args$3) => react_jsx_runtime.JSX.Element;
+    (props: Args$3): react_jsx_runtime.JSX.Element;
+    Root: ({ children, }: Args$4) => react_jsx_runtime.JSX.Element;
     Visualization: () => react_jsx_runtime.JSX.Element;
     Form: () => react_jsx_runtime.JSX.Element;
 };
@@ -649,12 +649,12 @@ type FunctionComponents = {
 };
 declare const FunctionComponentsContext: react.Context<FunctionComponents>;
 
-type Args$1 = {
+type Args$2 = {
     fn: OpenAI.Beta.Threads.Runs.FunctionToolCall.Function;
     runStep: OpenAI.Beta.Threads.Runs.RunStep;
     title: string;
 };
-declare const FunctionBase: ({ fn, runStep, title, }: Args$1) => react_jsx_runtime.JSX.Element;
+declare const FunctionBase: ({ fn, runStep, title, }: Args$2) => react_jsx_runtime.JSX.Element;
 
 declare const ComponentsProvider: ({ children, ...rest }: {
     children: React.ReactNode;
@@ -684,11 +684,11 @@ declare const useComponents: () => {
     };
 };
 
-type Args = {
+type Args$1 = {
     runStep: SerializedRunStep;
 };
 declare const RunStep: {
-    ({ runStep, }: Args): react_jsx_runtime.JSX.Element | null;
+    ({ runStep, }: Args$1): react_jsx_runtime.JSX.Element | null;
     ToolCalls: {
         ({ stepDetails, runStep, }: {
             stepDetails: openai_resources_beta_threads_runs_steps.ToolCallsStepDetails;
@@ -705,4 +705,9 @@ declare const RunStep: {
     };
 };
 
-export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
+type Args = {
+    children: React.ReactNode;
+};
+declare const AssistantProvider: ({ children, }: Args) => react_jsx_runtime.JSX.Element | null;
+
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };

package/dist/index.js

@@ -1466,136 +1466,152 @@ var remarkAnnotation = function(param) {
     return function() {
         return function(tree) {
             flatMap(tree, function(node) {
-                var _content_text_annotations, _content_text;
-                if (![
-                    "text",
-                    "link"
-                ].includes(node.type)) {
-                    return [
-                        node
-                    ];
-                }
-                if (!((_content_text = content.text) === null || _content_text === void 0 ? void 0 : (_content_text_annotations = _content_text.annotations) === null || _content_text_annotations === void 0 ? void 0 : _content_text_annotations.length)) {
-                    return [
-                        node
-                    ];
-                }
-                if (!node.position) {
-                    return [
-                        node
-                    ];
-                }
-                var nodeStart = node.position.start.offset;
-                if (!isNumber(nodeStart)) {
-                    return [
-                        node
-                    ];
-                }
-                var nodeEnd = node.position.end.offset;
-                if (!isNumber(nodeEnd)) {
+                if (node.type === "text" || node.type === "link") {
+                    return processNodeWithAnnotations({
+                        node: node,
+                        content: content
+                    });
+                } else {
                     return [
                         node
                     ];
                 }
-                var newNodes = [];
-                var lastProcessedIndex = nodeStart;
-                sortedAnnotations({
-                    content: content
-                }).forEach(function(annotation) {
-                    var annotationStart = annotation.start_index;
-                    var annotationEnd = annotation.end_index;
-                    if (nodeEnd < annotationStart || nodeStart > annotationEnd) {
-                        return;
-                    }
-                    if (node.type === "link") {
-                        if (annotation.type === "file_path") {
-                            console.log({
-                                annotation: annotation,
-                                node: node
-                            });
-                            newNodes.push(_object_spread_props(_object_spread({}, node), {
-                                type: "annotation",
-                                // @ts-ignore-next-line
-                                url: annotation.file_path.file_id,
-                                data: {
-                                    hName: "annotation",
-                                    hProperties: {
-                                        annotation: annotation
-                                    }
-                                }
-                            }));
-                        }
-                        return;
-                    }
-                    var startIndex = Math.max(nodeStart, annotationStart);
-                    var endIndex = Math.min(nodeEnd, annotationEnd);
-                    if (lastProcessedIndex < startIndex) {
-                        newNodes.push({
-                            type: "text",
-                            value: node.value.slice(lastProcessedIndex - nodeStart, startIndex - nodeStart),
-                            position: {
-                                start: {
-                                    line: node.position.start.line,
-                                    column: node.position.start.column,
-                                    offset: lastProcessedIndex
-                                },
-                                end: {
-                                    line: node.position.end.line,
-                                    column: node.position.end.column,
-                                    offset: startIndex
-                                }
-                            }
-                        });
-                    }
-                    newNodes.push({
-                        type: "annotation",
-                        value: node.value.slice(startIndex - nodeStart, endIndex - nodeStart),
-                        position: {
-                            start: {
-                                line: node.position.start.line,
-                                column: node.position.start.column,
-                                offset: startIndex
-                            },
-                            end: {
-                                line: node.position.end.line,
-                                column: node.position.end.column,
-                                offset: endIndex
-                            }
-                        },
-                        data: {
-                            hName: "annotation",
-                            hProperties: {
-                                annotation: annotation
-                            }
-                        }
-                    });
-                    lastProcessedIndex = endIndex;
-                });
-                if (node.type === "text") {
-                    if (lastProcessedIndex < nodeEnd) {
-                        newNodes.push({
-                            type: "text",
-                            value: node.value.slice(lastProcessedIndex - nodeStart, nodeEnd - nodeStart),
-                            position: {
-                                start: {
-                                    line: node.position.start.line,
-                                    column: node.position.start.column,
-                                    offset: lastProcessedIndex
-                                },
-                                end: {
-                                    line: node.position.end.line,
-                                    column: node.position.end.column,
-                                    offset: nodeEnd
-                                }
-                            }
-                        });
-                    }
-                }
-                return newNodes;
             });
         };
     };
 };
+var processNodeWithAnnotations = function(param) {
+    var node = param.node, content = param.content;
+    var _content_text_annotations, _content_text;
+    if (!((_content_text = content.text) === null || _content_text === void 0 ? void 0 : (_content_text_annotations = _content_text.annotations) === null || _content_text_annotations === void 0 ? void 0 : _content_text_annotations.length)) {
+        return [
+            node
+        ];
+    }
+    if (!node.position) {
+        return [
+            node
+        ];
+    }
+    var annotations = sortedAnnotations({
+        content: content
+    });
+    if (node.type === "text") {
+        return processTextNode({
+            node: node,
+            annotations: annotations
+        });
+    } else if (node.type === "link") {
+        var linkNode = node;
+        linkNode.children = flatMap(linkNode.children, function(childNode) {
+            if (childNode.type === "text") {
+                return processTextNode({
+                    node: childNode,
+                    annotations: annotations
+                });
+            } else {
+                return [
+                    childNode
+                ];
+            }
+        });
+        return [
+            linkNode
+        ];
+    } else {
+        return [
+            node
+        ];
+    }
+};
+var processTextNode = function(param) {
+    var node = param.node, annotations = param.annotations;
+    if (!node.position || !node.value) {
+        return [
+            node
+        ];
+    }
+    var nodeStart = node.position.start.offset;
+    var nodeEnd = node.position.end.offset;
+    if (!isNumber(nodeStart) || !isNumber(nodeEnd)) {
+        return [
+            node
+        ];
+    }
+    var newNodes = [];
+    var lastIndex = nodeStart;
+    annotations.forEach(function(annotation) {
+        var annotationStart = annotation.start_index;
+        var annotationEnd = annotation.end_index;
+        if (nodeEnd <= annotationStart || nodeStart >= annotationEnd) {
+            return;
+        }
+        var start = Math.max(nodeStart, annotationStart);
+        var end = Math.min(nodeEnd, annotationEnd);
+        if (lastIndex < start) {
+            newNodes.push(createTextNode({
+                node: node,
+                startOffset: lastIndex,
+                endOffset: start
+            }));
+        }
+        newNodes.push(createAnnotationNode({
+            node: node,
+            startOffset: start,
+            endOffset: end,
+            annotation: annotation
+        }));
+        lastIndex = end;
+    });
+    if (lastIndex < nodeEnd) {
+        newNodes.push(createTextNode({
+            node: node,
+            startOffset: lastIndex,
+            endOffset: nodeEnd
+        }));
+    }
+    return newNodes;
+};
+var createTextNode = function(param) {
+    var node = param.node, startOffset = param.startOffset, endOffset = param.endOffset;
+    var valueStart = startOffset - node.position.start.offset;
+    var valueEnd = endOffset - node.position.start.offset;
+    return {
+        type: "text",
+        value: node.value.slice(valueStart, valueEnd),
+        position: {
+            start: _object_spread_props(_object_spread({}, node.position.start), {
+                offset: startOffset
+            }),
+            end: _object_spread_props(_object_spread({}, node.position.end), {
+                offset: endOffset
+            })
+        }
+    };
+};
+var createAnnotationNode = function(param) {
+    var node = param.node, startOffset = param.startOffset, endOffset = param.endOffset, annotation = param.annotation;
+    var valueStart = startOffset - node.position.start.offset;
+    var valueEnd = endOffset - node.position.start.offset;
+    return {
+        type: "annotation",
+        value: node.value.slice(valueStart, valueEnd),
+        position: {
+            start: _object_spread_props(_object_spread({}, node.position.start), {
+                offset: startOffset
+            }),
+            end: _object_spread_props(_object_spread({}, node.position.end), {
+                offset: endOffset
+            })
+        },
+        data: {
+            hName: "annotation",
+            hProperties: {
+                annotation: annotation
+            }
+        }
+    };
+};
 // src/contexts/markdown/MarkdownContext/lib/getRemarkPlugins.ts
 var getRemarkPlugins = function(param) {
     var content = param.content;
@@ -5164,5 +5180,76 @@ var ComponentsProvider = function(_param) {
         children: children
     });
 };
-export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
+// src/components/assistants/AssistantProvider/index.tsx
+import { useMemo as useMemo20 } from "react";
+import { Theme } from "@radix-ui/themes";
+// src/components/assistants/AssistantProvider/Code.tsx
+import { useMemo as useMemo19 } from "react";
+import { jsx as jsx87 } from "react/jsx-runtime";
+var Code4 = function(param) {
+    var children = param.children, className = param.className, markdownContext = param.markdownContext;
+    var messageContext = useMessageContext();
+    var isAssistantMessage = useMemo19(function() {
+        var _messageContext_message;
+        return ((_messageContext_message = messageContext.message) === null || _messageContext_message === void 0 ? void 0 : _messageContext_message.role) === "assistant";
+    }, [
+        messageContext
+    ]);
+    if (!isAssistantMessage || className !== "language-suggestions") {
+        return markdownContext.components.code({
+            children: children,
+            className: className
+        });
+    }
+    return /* @__PURE__ */ jsx87(Suggestions, {
+        children: children
+    });
+};
+// src/components/assistants/AssistantProvider/index.tsx
+import { jsx as jsx88 } from "react/jsx-runtime";
+var AssistantProvider = function(param) {
+    var children = param.children;
+    var superinterfaceContext = useSuperinterfaceContext();
+    var assistant = useAssistant({
+        assistantId: superinterfaceContext.variables.assistantId
+    }).assistant;
+    var markdownContext = useMarkdownContext();
+    var components2 = useMemo20(function() {
+        return {
+            code: function(props) {
+                return(// @ts-ignore-next-line
+                /* @__PURE__ */ jsx88(Code4, _object_spread_props(_object_spread({}, props), {
+                    markdownContext: markdownContext
+                })));
+            }
+        };
+    }, [
+        markdownContext
+    ]);
+    if (!assistant) {
+        return null;
+    }
+    return /* @__PURE__ */ jsx88(Theme, {
+        accentColor: assistant.theme.accentColor,
+        grayColor: assistant.theme.grayColor,
+        radius: assistant.theme.radius,
+        appearance: assistant.theme.appearance,
+        scaling: assistant.theme.scaling,
+        panelBackground: "solid",
+        hasBackground: false,
+        children: /* @__PURE__ */ jsx88(AssistantNameContext.Provider, {
+            value: assistant.name,
+            children: /* @__PURE__ */ jsx88(AssistantAvatarContext.Provider, {
+                value: /* @__PURE__ */ jsx88(Avatar6, {
+                    avatar: assistant.avatar
+                }),
+                children: /* @__PURE__ */ jsx88(MarkdownProvider, {
+                    components: components2,
+                    children: children
+                })
+            })
+        })
+    });
+};
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
 //# sourceMappingURL=index.js.map