@superinterface/react 3.9.6 → 3.10.1

package/dist/index.cjs

@@ -352,6 +352,9 @@ __export(src_exports, {
     RunStep: function() {
         return RunStep;
     },
+    SourceAnnotation: function() {
+        return SourceAnnotation;
+    },
     Suggestions: function() {
         return Suggestions;
     },
@@ -10910,8 +10913,291 @@ var MarkdownProvider = function(t0) {
     }
     return t3;
 };
-// src/components/avatars/Avatar.tsx
+// src/components/annotations/SourceAnnotation/index.tsx
 var import_react_compiler_runtime58 = require("react-compiler-runtime");
+// src/components/annotations/SourceAnnotation/FileCitation/index.tsx
+var import_react_compiler_runtime57 = require("react-compiler-runtime");
+var import_react68 = require("react");
+var import_react_icons18 = require("@radix-ui/react-icons");
+var import_themes65 = require("@radix-ui/themes");
+// src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
+var import_react_compiler_runtime56 = require("react-compiler-runtime");
+var import_themes64 = require("@radix-ui/themes");
+var import_jsx_runtime93 = require("react/jsx-runtime");
+var Content9 = function(t0) {
+    var $ = (0, import_react_compiler_runtime56.c)(5);
+    var fileId = t0.fileId;
+    var superinterfaceContext = useSuperinterfaceContext();
+    var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            display: "flex",
+            flexGrow: "1"
+        };
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = {
+            display: "flex",
+            flexGrow: "1"
+        };
+        $[1] = t2;
+    } else {
+        t2 = $[1];
+    }
+    var t3 = "".concat(superinterfaceContext.baseUrl, "/files/").concat(fileId, "/contents?").concat(nextSearchParams);
+    var t4;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = {
+            width: "100%",
+            height: "100%"
+        };
+        $[2] = t4;
+    } else {
+        t4 = $[2];
+    }
+    var t5;
+    if ($[3] !== t3) {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes64.Flex, {
+            direction: "column",
+            flexGrow: "1",
+            gap: "3",
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes64.Card, {
+                style: t1,
+                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes64.Inset, {
+                    clip: "padding-box",
+                    style: t2,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes64.Flex, {
+                        flexGrow: "1",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("embed", {
+                            src: t3,
+                            style: t4
+                        })
+                    })
+                })
+            })
+        });
+        $[3] = t3;
+        $[4] = t5;
+    } else {
+        t5 = $[4];
+    }
+    return t5;
+};
+// src/components/annotations/SourceAnnotation/FileCitation/index.tsx
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var FileCitation = function(t0) {
+    var $ = (0, import_react_compiler_runtime57.c)(18);
+    var annotation = t0.annotation;
+    var _ref = _sliced_to_array((0, import_react68.useState)(null), 2), activeFileId = _ref[0], setActiveFileId = _ref[1];
+    var t1;
+    if ($[0] !== annotation.file_citation.file_id) {
+        t1 = function() {
+            setActiveFileId(annotation.file_citation.file_id);
+        };
+        $[0] = annotation.file_citation.file_id;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons18.QuoteIcon, {});
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] !== t1) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes65.IconButton, {
+            variant: "soft",
+            color: "gray",
+            size: "1",
+            onClick: t1,
+            children: t2
+        });
+        $[3] = t1;
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    var t4 = !!activeFileId;
+    var t5;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = function(open) {
+            if (!open) {
+                setActiveFileId(null);
+            }
+        };
+        $[5] = t5;
+    } else {
+        t5 = $[5];
+    }
+    var t6;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = {
+            display: "flex",
+            flexDirection: "column"
+        };
+        $[6] = t6;
+    } else {
+        t6 = $[6];
+    }
+    var t7;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes65.VisuallyHidden, {
+            asChild: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes65.Dialog.Title, {
+                children: "Source"
+            })
+        });
+        $[7] = t7;
+    } else {
+        t7 = $[7];
+    }
+    var t8;
+    if ($[8] !== activeFileId) {
+        t8 = activeFileId && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Content9, {
+            fileId: activeFileId
+        });
+        $[8] = activeFileId;
+        $[9] = t8;
+    } else {
+        t8 = $[9];
+    }
+    var t9;
+    if ($[10] !== t8) {
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes65.Dialog.Content, {
+            width: "1000px",
+            height: "90vh",
+            maxWidth: "calc(100vw - 2 * var(--space-4))",
+            "aria-describedby": void 0,
+            style: t6,
+            children: [
+                t7,
+                t8
+            ]
+        });
+        $[10] = t8;
+        $[11] = t9;
+    } else {
+        t9 = $[11];
+    }
+    var t10;
+    if ($[12] !== t4 || $[13] !== t9) {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes65.Dialog.Root, {
+            open: t4,
+            onOpenChange: t5,
+            children: t9
+        });
+        $[12] = t4;
+        $[13] = t9;
+        $[14] = t10;
+    } else {
+        t10 = $[14];
+    }
+    var t11;
+    if ($[15] !== t10 || $[16] !== t3) {
+        t11 = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, {
+            children: [
+                t3,
+                t10
+            ]
+        });
+        $[15] = t10;
+        $[16] = t3;
+        $[17] = t11;
+    } else {
+        t11 = $[17];
+    }
+    return t11;
+};
+// src/components/annotations/SourceAnnotation/index.tsx
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var _excluded7 = [
+    "children"
+];
+function _objectWithoutProperties7(e, t) {
+    if (null == e) return {};
+    var o, r, i = _objectWithoutPropertiesLoose7(e, t);
+    if (Object.getOwnPropertySymbols) {
+        var s = Object.getOwnPropertySymbols(e);
+        for(r = 0; r < s.length; r++)o = s[r], t.includes(o) || ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+}
+function _objectWithoutPropertiesLoose7(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
+        if (e.includes(n)) continue;
+        t[n] = r[n];
+    }
+    return t;
+}
+var SourceAnnotation = function(t0) {
+    var $ = (0, import_react_compiler_runtime58.c)(10);
+    var children;
+    var rest;
+    if ($[0] !== t0) {
+        var _t = t0;
+        children = _t.children;
+        rest = _objectWithoutProperties7(_t, _excluded7);
+        _t;
+        $[0] = t0;
+        $[1] = children;
+        $[2] = rest;
+    } else {
+        children = $[1];
+        rest = $[2];
+    }
+    var t1;
+    if ($[3] !== rest) {
+        var _rest$dataAnnotation;
+        t1 = JSON.parse((_rest$dataAnnotation = rest["data-annotation"]) !== null && _rest$dataAnnotation !== void 0 ? _rest$dataAnnotation : "{}");
+        $[3] = rest;
+        $[4] = t1;
+    } else {
+        t1 = $[4];
+    }
+    var annotation = t1;
+    if (annotation.type === "file_citation") {
+        var t2;
+        if ($[5] !== annotation) {
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(FileCitation, {
+                annotation: annotation
+            });
+            $[5] = annotation;
+            $[6] = t2;
+        } else {
+            t2 = $[6];
+        }
+        return t2;
+    } else {
+        if (annotation.type === "file_path") {
+            var _t2;
+            if ($[7] !== annotation || $[8] !== children) {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(FilePathAnnotation, {
+                    annotation: annotation,
+                    children: children
+                });
+                $[7] = annotation;
+                $[8] = children;
+                $[9] = _t2;
+            } else {
+                _t2 = $[9];
+            }
+            return _t2;
+        }
+    }
+    return null;
+};
+// src/components/avatars/Avatar.tsx
+var import_react_compiler_runtime61 = require("react-compiler-runtime");
 // src/lib/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -10934,10 +11220,10 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
     return AvatarType2;
 }({});
 // src/components/avatars/Avatar.tsx
-var import_themes66 = require("@radix-ui/themes");
+var import_themes68 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_react_compiler_runtime56 = require("react-compiler-runtime");
-var import_themes64 = require("@radix-ui/themes");
+var import_react_compiler_runtime59 = require("react-compiler-runtime");
+var import_themes66 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
     var size = _ref.size;
@@ -10988,9 +11274,9 @@ var optimizedSrc = function(_ref) {
     }));
 };
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var ImageAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime56.c)(9);
+    var $ = (0, import_react_compiler_runtime59.c)(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11009,7 +11295,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes64.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes66.Avatar, {
             className: className,
             style: style,
             fallback: "",
@@ -11027,24 +11313,24 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-var import_react_compiler_runtime57 = require("react-compiler-runtime");
-var import_react68 = require("react");
-var import_themes65 = require("@radix-ui/themes");
+var import_react_compiler_runtime60 = require("react-compiler-runtime");
+var import_react69 = require("react");
+var import_themes67 = require("@radix-ui/themes");
 // src/lib/iconAvatars/iconAvatarComponents.ts
-var import_react_icons18 = require("@radix-ui/react-icons");
+var import_react_icons19 = require("@radix-ui/react-icons");
 var _obj;
-var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BACKPACK, import_react_icons18.BackpackIcon), _define_property(_obj, IconAvatarName.ROCKET, import_react_icons18.RocketIcon), _define_property(_obj, IconAvatarName.MAGIC_WAND, import_react_icons18.MagicWandIcon), _define_property(_obj, IconAvatarName.CUBE, import_react_icons18.CubeIcon), _define_property(_obj, IconAvatarName.TARGET, import_react_icons18.TargetIcon), _define_property(_obj, IconAvatarName.DISC, import_react_icons18.DiscIcon), _define_property(_obj, IconAvatarName.GLOBE, import_react_icons18.GlobeIcon), _define_property(_obj, IconAvatarName.STAR, import_react_icons18.StarIcon), _define_property(_obj, IconAvatarName.LIGHTNING_BOLT, import_react_icons18.LightningBoltIcon), _define_property(_obj, IconAvatarName.FACE, import_react_icons18.FaceIcon), _define_property(_obj, IconAvatarName.PERSON, import_react_icons18.PersonIcon), _define_property(_obj, IconAvatarName.HEART, import_react_icons18.HeartIcon), _obj);
+var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BACKPACK, import_react_icons19.BackpackIcon), _define_property(_obj, IconAvatarName.ROCKET, import_react_icons19.RocketIcon), _define_property(_obj, IconAvatarName.MAGIC_WAND, import_react_icons19.MagicWandIcon), _define_property(_obj, IconAvatarName.CUBE, import_react_icons19.CubeIcon), _define_property(_obj, IconAvatarName.TARGET, import_react_icons19.TargetIcon), _define_property(_obj, IconAvatarName.DISC, import_react_icons19.DiscIcon), _define_property(_obj, IconAvatarName.GLOBE, import_react_icons19.GlobeIcon), _define_property(_obj, IconAvatarName.STAR, import_react_icons19.StarIcon), _define_property(_obj, IconAvatarName.LIGHTNING_BOLT, import_react_icons19.LightningBoltIcon), _define_property(_obj, IconAvatarName.FACE, import_react_icons19.FaceIcon), _define_property(_obj, IconAvatarName.PERSON, import_react_icons19.PersonIcon), _define_property(_obj, IconAvatarName.HEART, import_react_icons19.HeartIcon), _obj);
 // src/components/iconAvatars/IconAvatar.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var IconAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime57.c)(7);
+    var $ = (0, import_react_compiler_runtime60.c)(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
     var Component2 = t1;
     var t2;
     if ($[0] !== Component2) {
-        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Component2, {}) : "";
+        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Component2, {}) : "";
         $[0] = Component2;
         $[1] = t2;
     } else {
@@ -11052,7 +11338,7 @@ var IconAvatar = function(t0) {
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes65.Avatar, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes67.Avatar, {
             className: className,
             style: style,
             size: size,
@@ -11069,16 +11355,16 @@ var IconAvatar = function(t0) {
     return t3;
 };
 // src/components/avatars/Avatar.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var Avatar6 = function(t0) {
-    var $ = (0, import_react_compiler_runtime58.c)(14);
+    var $ = (0, import_react_compiler_runtime61.c)(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
         if (avatar.type === AvatarType.IMAGE && avatar.imageAvatar) {
             var _t;
             if ($[0] !== avatar.imageAvatar || $[1] !== className || $[2] !== size || $[3] !== style) {
-                _t = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ImageAvatar, {
+                _t = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ImageAvatar, {
                     imageAvatar: avatar.imageAvatar,
                     size: size,
                     className: className,
@@ -11097,7 +11383,7 @@ var Avatar6 = function(t0) {
         if (avatar.type === AvatarType.ICON && avatar.iconAvatar) {
             var _t2;
             if ($[5] !== avatar.iconAvatar || $[6] !== className || $[7] !== size || $[8] !== style) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(IconAvatar, {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(IconAvatar, {
                     iconAvatar: avatar.iconAvatar,
                     size: size,
                     className: className,
@@ -11116,7 +11402,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes66.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes68.Avatar, {
             fallback: "",
             size: size,
             className: className,
@@ -11132,28 +11418,28 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react_compiler_runtime59 = require("react-compiler-runtime");
-var import_react70 = require("react");
+var import_react_compiler_runtime62 = require("react-compiler-runtime");
+var import_react71 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react69 = require("react");
+var import_react70 = require("react");
 var useComponents = function() {
-    return (0, import_react69.useContext)(ComponentsContext);
+    return (0, import_react70.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
-var _excluded7 = [
+var import_jsx_runtime99 = require("react/jsx-runtime");
+var _excluded8 = [
     "children"
 ];
-function _objectWithoutProperties7(e, t) {
+function _objectWithoutProperties8(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose7(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose8(e, t);
     if (Object.getOwnPropertySymbols) {
         var s = Object.getOwnPropertySymbols(e);
         for(r = 0; r < s.length; r++)o = s[r], t.includes(o) || ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose7(r, e) {
+function _objectWithoutPropertiesLoose8(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -11163,13 +11449,13 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime59.c)(9);
+    var $ = (0, import_react_compiler_runtime62.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties7(_t, _excluded7);
+        rest = _objectWithoutProperties8(_t, _excluded8);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -11193,7 +11479,7 @@ var ComponentsProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ComponentsContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ComponentsContext.Provider, {
             value: value,
             children: children
         });
@@ -11206,11 +11492,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-var import_react_compiler_runtime60 = require("react-compiler-runtime");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_react_compiler_runtime63 = require("react-compiler-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = (0, import_react_compiler_runtime60.c)(10);
+    var $ = (0, import_react_compiler_runtime63.c)(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11228,7 +11514,7 @@ var AssistantProvider = function(t0) {
     var t3 = assistant === null || assistant === void 0 ? void 0 : assistant.avatar;
     var t4;
     if ($[2] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Avatar6, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Avatar6, {
             avatar: t3
         });
         $[2] = t3;
@@ -11238,7 +11524,7 @@ var AssistantProvider = function(t0) {
     }
     var t5;
     if ($[4] !== children || $[5] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(AssistantAvatarContext.Provider, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(AssistantAvatarContext.Provider, {
             value: t4,
             children: children
         });
@@ -11250,7 +11536,7 @@ var AssistantProvider = function(t0) {
     }
     var t6;
     if ($[7] !== t2 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(AssistantNameContext.Provider, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(AssistantNameContext.Provider, {
             value: t2,
             children: t5
         });
@@ -11276,6 +11562,7 @@ var AssistantProvider = function(t0) {
     MarkdownContext: MarkdownContext,
     MarkdownProvider: MarkdownProvider,
     RunStep: RunStep,
+    SourceAnnotation: SourceAnnotation,
     Suggestions: Suggestions,
     SuperinterfaceProvider: SuperinterfaceProvider,
     Thread: Thread,