@blocklet/discuss-kit-ux 2.1.9 → 2.1.11

package/dist/components/chat/hooks.d.ts

@@ -6,6 +6,7 @@ export declare const useChatInWallet: () => {
     navigateToChatList: () => void;
     isChatInWalletV2: boolean;
     isWebNavbar: boolean;
+    isInArcSphere: boolean;
     updateUnreadState: (unread: boolean) => void;
     chatInWallet: import('react-router-dom').PathMatch<"chatId"> | null;
 };

package/dist/components/uploader/utils.d.ts

@@ -1 +1 @@
-export declare const composeImageUrl: (imageUrl: string, width?: number) => string;
+export declare const getUploadedImageUrl: (imageUrl: string, width?: number) => string;

package/dist/components/utils.d.ts

@@ -12,11 +12,11 @@ export declare function tryParseJSONObject(str: string): boolean;
 export declare const getPreference: (key: string) => any;
 export declare const getBlockletMountPointInfo: (name: string) => ComponentMountPoint | undefined;
 export declare const blockletExists: (name: string) => boolean;
-export declare const inferDiscussKitApiPrefix: () => any;
 export declare const getDraftSessionKeyPrefix: () => string;
 export declare const getExcerptFromLexicalContent: (content: any, size?: number) => string;
 export declare const mergeSx: (initial: SystemStyleObject<Theme>, sx?: SxProps<Theme>) => any[];
 export declare const discussKitMountPoint: string | undefined;
+export declare const discussKitUploadsUrl: string;
 export declare const isInDiscussKitApp: boolean | "" | undefined;
 export declare const openProfile: (did: string, newTab?: boolean) => void;
 export declare const randomId: () => string;

package/dist/{editor-DmeTB3KQ.mjs → editor-Degz44Rt.mjs}

@@ -4,7 +4,7 @@ import { OnContentChangePlugin } from "@blocklet/editor/lib/ext/OnContentChangeP
 import { CtrlsShortcutPlugin } from "@blocklet/editor/lib/ext/ShortcutPlugin";
 import { SafeAreaPlugin } from "@blocklet/editor/lib/ext/SafeAreaPlugin";
 import { lazy } from "react";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-DJrI2eNo.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-CLrbAT1P.mjs";
 const BlockletEditor = lazy(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-DJrI2eNo.mjs → index-CLrbAT1P.mjs}

@@ -13,8 +13,7 @@ import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/conf
 import { lazyWithPreload } from "react-lazy-with-preload";
 import { $getRoot, $createParagraphNode, $createTextNode, KEY_ENTER_COMMAND, COMMAND_PRIORITY_LOW, $getSelection } from "lexical";
 import { $isRootTextContentEmpty } from "@lexical/text";
-import { withTrailingSlash, withQuery, joinURL } from "ufo";
-import joinUrl from "url-join";
+import { joinURL, withTrailingSlash, withQuery } from "ufo";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ImageNode } from "@blocklet/editor/lib/main/nodes/ImageNode";
 import { VideoNode } from "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
@@ -62,6 +61,7 @@ import Skeleton$1 from "@mui/material/Skeleton";
 import ReactDOM, { createPortal } from "react-dom";
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
+import joinUrl from "url-join";
 import mitt from "mitt";
 import CircularProgress$1 from "@mui/material/CircularProgress";
 import { Helmet } from "react-helmet";
@@ -74,6 +74,8 @@ import { useIsFocused } from "@blocklet/editor/lib/main/hooks/useIsFocused";
 import { BusyPlugin } from "@blocklet/editor/lib/ext/BusyPlugin";
 import TextField from "@mui/material/TextField";
 import AddIcon from "@mui/icons-material/Add";
+import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
+import ShortTextIcon from "@mui/icons-material/ShortText";
 import { AxiosError } from "axios";
 import Toast from "@arcblock/ux/lib/Toast";
 import MuiPagination from "@mui/material/Pagination";
@@ -294,10 +296,6 @@ const blockletExists = (name) => {
   const info = getBlockletMountPointInfo(name);
   return (info == null ? void 0 : info.status) === "running";
 };
-const inferDiscussKitApiPrefix = () => {
-  const service = getBlockletMountPointInfo("did-comments");
-  return service ? joinUrl(service.mountPoint, "/") : "/";
-};
 const getDraftSessionKeyPrefix = () => {
   return "comment-draft-";
 };
@@ -342,6 +340,7 @@ const mergeSx = (initial, sx) => {
   return mergedSx;
 };
 const discussKitMountPoint = (_a = getBlockletMountPointInfo("did-comments")) == null ? void 0 : _a.mountPoint;
+const discussKitUploadsUrl = joinURL(discussKitMountPoint || "", "/uploads");
 const isInDiscussKitApp = discussKitMountPoint && withTrailingSlash(window.blocklet.prefix) === withTrailingSlash(discussKitMountPoint);
 const openProfile = (did, newTab) => {
   if (did) {
@@ -363,6 +362,7 @@ const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   blockletExists,
   copy,
   discussKitMountPoint,
+  discussKitUploadsUrl,
   getBlockletMountPointInfo,
   getDiscussKitClientId,
   getDraftSessionKeyPrefix,
@@ -370,7 +370,6 @@ const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   getLastItem,
   getPreference,
   getResizedAvatar,
-  inferDiscussKitApiPrefix,
   isInDiscussKitApp,
   mergeSx,
   minDelay,
@@ -480,14 +479,12 @@ function CmdEnterShortcutPlugin({ callback, shortcut = "CMD_ENTER" }) {
   }, [editor, callback]);
   return null;
 }
-const UPLOADS_PREFIX$1 = "/uploads";
-const IMAGE_URL_PREFIX = joinUrl(inferDiscussKitApiPrefix(), UPLOADS_PREFIX$1);
 const originalExportJSON$1 = ImageNode.prototype.exportJSON;
 const ensureLeadingSlash$1 = (str) => str.startsWith("/") ? str : `/${str}`;
 ImageNode.prototype.exportJSON = function exportJSON() {
   const json = originalExportJSON$1.call(this);
-  if (json.src && json.src.startsWith(IMAGE_URL_PREFIX)) {
-    json.src = json.src.replace(IMAGE_URL_PREFIX, "");
+  if (json.src && json.src.startsWith(discussKitUploadsUrl)) {
+    json.src = json.src.replace(discussKitUploadsUrl, "");
     json.src = ensureLeadingSlash$1(json.src);
   }
   return json;
@@ -495,8 +492,8 @@ ImageNode.prototype.exportJSON = function exportJSON() {
 function imageNodeTransform(node) {
   const targetNode = node;
   const src = targetNode.getSrc();
-  if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(IMAGE_URL_PREFIX)) {
-    targetNode.setSrc(joinUrl(IMAGE_URL_PREFIX, src));
+  if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(discussKitUploadsUrl)) {
+    targetNode.setSrc(joinURL(discussKitUploadsUrl, src));
   }
 }
 function ImagePathFixerPlugin() {
@@ -506,13 +503,12 @@ function ImagePathFixerPlugin() {
   }, [editor]);
   return null;
 }
-const UPLOADS_PREFIX = joinUrl(inferDiscussKitApiPrefix(), "/uploads");
 const originalExportJSON = VideoNode.prototype.exportJSON;
 const ensureLeadingSlash = (str) => str.startsWith("/") ? str : `/${str}`;
 VideoNode.prototype.exportJSON = function exportJSON2() {
   const json = originalExportJSON.call(this);
-  if (json.src && json.src.startsWith(UPLOADS_PREFIX)) {
-    json.src = json.src.replace(UPLOADS_PREFIX, "");
+  if (json.src && json.src.startsWith(discussKitUploadsUrl)) {
+    json.src = json.src.replace(discussKitUploadsUrl, "");
     json.src = ensureLeadingSlash(json.src);
   }
   return json;
@@ -520,8 +516,8 @@ VideoNode.prototype.exportJSON = function exportJSON2() {
 function VideoNodeTransform(node) {
   const targetNode = node;
   const src = targetNode.getSrc();
-  if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(UPLOADS_PREFIX)) {
-    targetNode.setSrc(joinUrl(UPLOADS_PREFIX, src));
+  if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(discussKitUploadsUrl)) {
+    targetNode.setSrc(joinURL(discussKitUploadsUrl, src));
   }
 }
 function VideoPathFixerPlugin() {
@@ -1269,6 +1265,7 @@ const useChatInWallet = () => {
     navigateToChatList,
     isChatInWalletV2,
     isWebNavbar,
+    isInArcSphere,
     updateUnreadState,
     chatInWallet
   };
@@ -2939,16 +2936,18 @@ function CommentList(props) {
   ] });
 }
 const materialSymbolsUpload = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M11 16V7.85l-2.6 2.6L7 9l5-5l5 5l-1.4 1.45l-2.6-2.6V16zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z" }) });
-const composeImageUrl = (imageUrl, width = 320) => {
+const getUploadedImageUrl = (imageUrl, width = 320) => {
   var _a2;
-  const prefix2 = joinUrl(((_a2 = window.blocklet) == null ? void 0 : _a2.prefix) || "/", "uploads");
+  const prefix2 = joinURL(((_a2 = window.blocklet) == null ? void 0 : _a2.prefix) || "/", "uploads");
   let result = imageUrl;
   if (imageUrl && imageUrl.startsWith("/") && !imageUrl.startsWith(prefix2)) {
-    result = joinUrl(prefix2, imageUrl);
+    result = joinURL(prefix2, imageUrl);
     const tmp = new URL(result, window.location.origin);
-    tmp.searchParams.set("imageFilter", "resize");
-    tmp.searchParams.set("w", width.toString());
-    tmp.searchParams.set("f", "webp");
+    if (!imageUrl.endsWith(".gif")) {
+      tmp.searchParams.set("imageFilter", "resize");
+      tmp.searchParams.set("w", width.toString());
+      tmp.searchParams.set("f", "webp");
+    }
     return tmp.href;
   }
   return result;
@@ -3063,7 +3062,7 @@ function CoverImage({
         /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
           "img",
           {
-            src: url ? composeImageUrl(url, width) : "",
+            src: url ? getUploadedImageUrl(url, width) : "",
             loading,
             fetchpriority,
             style: {
@@ -3595,7 +3594,7 @@ function BlogListWrapper({
   }
   return /* @__PURE__ */ jsx(BlogList, { ...rest });
 }
-const prefix = joinUrl(window.location.origin, inferDiscussKitApiPrefix(), "blog");
+const prefix = joinURL(window.location.origin, discussKitMountPoint || "", "blog");
 function BlogPermaLink({ slug, onChange, ...rest }) {
   return /* @__PURE__ */ jsx(Box, { ...rest, className: "blog-permalink-container", children: /* @__PURE__ */ jsxs(
     Box,
@@ -3653,7 +3652,7 @@ function BlogPermaLink({ slug, onChange, ...rest }) {
           {
             sx: { px: 1 },
             onClick: () => {
-              copy(joinUrl(prefix, slug));
+              copy(joinURL(prefix, slug));
             },
             children: /* @__PURE__ */ jsx(ContentCopy, { sx: { fontSize: 18 } })
           }
@@ -4716,7 +4715,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z" }) });
 const tablerLetterCase = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazy(() => import("./editor-DmeTB3KQ.mjs"));
+const Editor = lazy(() => import("./editor-Degz44Rt.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5593,7 +5592,6 @@ function ChatInWallet({ sx, ...rest }) {
     !activeChatId && /* @__PURE__ */ jsx(Empty$1, { sx: { height: 1 } })
   ] }) });
 }
-const tablerSwitchHorizontal = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m16 3l4 4l-4 4m-6-4h10M8 13l-4 4l4 4m-4-4h9" }) });
 function Empty({ sx }) {
   const { t } = useLocaleContext();
   const mergedSx = [
@@ -5637,7 +5635,7 @@ function ChatListInWallet({ sx, ...rest }) {
   const { session } = useSessionContext();
   const { initialized, chats, activeChatId } = useChatContext();
   const { unread } = useUnreadNotification();
-  const { navigateToChatList, updateUnreadState, isWebNavbar } = useChatInWallet();
+  const { navigateToChatList, updateUnreadState, isWebNavbar, isInArcSphere } = useChatInWallet();
   useEffect(() => {
     updateUnreadState(unread);
   }, [unread, updateUnreadState]);
@@ -5676,6 +5674,7 @@ function ChatListInWallet({ sx, ...rest }) {
                 mb: 1
               },
               children: [
+                isInArcSphere && /* @__PURE__ */ jsx(IconButton$2, { onClick: () => bridge.call("arcClosePage"), children: /* @__PURE__ */ jsx(Box$1, { component: ArrowBackIosIcon, sx: { fontSize: 16 } }) }),
                 /* @__PURE__ */ jsxs(
                   Box$1,
                   {
@@ -5686,13 +5685,7 @@ function ChatListInWallet({ sx, ...rest }) {
                     children: [
                       /* @__PURE__ */ jsx(Box$1, { component: "img", src: window.blocklet.appLogo, alt: "", sx: { width: 20, height: 20 } }),
                       /* @__PURE__ */ jsx(Box$1, { component: "span", sx: { typography: "h5", fontWeight: "bold" }, children: window.blocklet.appName }),
-                      /* @__PURE__ */ jsx(
-                        Box$1,
-                        {
-                          component: tablerSwitchHorizontal,
-                          sx: { fontSize: 15, color: "grey.600", "& [stroke-width='2']": { strokeWidth: "2!important" } }
-                        }
-                      )
+                      /* @__PURE__ */ jsx(Box$1, { component: ShortTextIcon, sx: { color: "grey.600" } })
                     ]
                   }
                 ),
@@ -5889,8 +5882,7 @@ const DefaultApiErrorHandler = ({ request }) => {
   useDefaultApiErrorHandler({ request });
   return null;
 };
-const apiPrefix = inferDiscussKitApiPrefix();
-const baseURL = joinUrl(window.location.origin, apiPrefix);
+const baseURL = joinURL(window.location.origin, discussKitMountPoint || "");
 let cachedTemplateList = null;
 function DefaultEditorConfigProvider({
   request,
@@ -5932,14 +5924,14 @@ function DefaultEditorConfigProvider({
         var _a3;
         if (typeof payload === "string") {
           const result2 = await request.post(
-            joinUrl("/api/ai/completions"),
+            joinURL("/api/ai/completions"),
             { prompt: payload },
             { baseURL, timeout: 3e4 }
           );
           return (_a3 = result2.data) == null ? void 0 : _a3.message;
         }
         const result = await request.post(
-          joinUrl(window.location.origin, aiAssistantMountPoint, "/api/ai/completions"),
+          joinURL(window.location.origin, aiAssistantMountPoint || "", "/api/ai/completions"),
           { ...payload, stream: false },
           { timeout: 3e4 }
         );
@@ -5957,7 +5949,7 @@ function DefaultEditorConfigProvider({
           return cachedTemplateList;
         }
         try {
-          const { data = [] } = await request.get(joinUrl("/api/resources/posts"), { baseURL });
+          const { data = [] } = await request.get(joinURL("/api/resources/posts"), { baseURL });
           cachedTemplateList = data;
           return data;
         } catch (e) {
@@ -5971,7 +5963,7 @@ function DefaultEditorConfigProvider({
         if (!(item == null ? void 0 : item.id) || !(item == null ? void 0 : item.content)) {
           throw new Error("item  is required");
         }
-        const { data } = await request.post(joinUrl("/api/resources/import"), item, { baseURL });
+        const { data } = await request.post(joinURL("/api/resources/import"), item, { baseURL });
         return data;
       }
     };
@@ -5988,8 +5980,8 @@ function DefaultEditorConfigProvider({
         }
       },
       userService,
-      blockletEmbedEndpoint: joinUrl(window.location.origin, apiPrefix, "/api/embed/check"),
-      openGraphEndpoint: joinUrl(window.location.origin, apiPrefix, "/api/embed/og"),
+      blockletEmbedEndpoint: joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/check"),
+      openGraphEndpoint: joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/og"),
       AI,
       templatePlugin
     };
@@ -12291,7 +12283,7 @@ export {
   useUploader as aj,
   UploaderTrigger as ak,
   UploaderProvider as al,
-  composeImageUrl as am,
+  getUploadedImageUrl as am,
   usePointUpContext as an,
   PointUpProvider as ao,
   ButtonGroup as ap,

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, am, ar, N, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-DJrI2eNo.mjs";
+import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, ar, N, am, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-CLrbAT1P.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -62,9 +62,9 @@ export {
   ai as UploaderContext,
   al as UploaderProvider,
   ak as UploaderTrigger,
-  am as composeImageUrl,
   ar as create,
   N as getBlogLink,
+  am as getUploadedImageUrl,
   as as getWsClient,
   l as lexicalUtils,
   f as preferences,

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("@arcblock/ux/lib/Theme"), require("react"), require("@mui/material"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("react-lazy-with-preload"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/material/Box"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("lodash/isBoolean"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/react-hooks"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("@arcblock/ux/lib/Empty"), require("@arcblock/did-connect/lib/Session"), require("semver-compare"), require("@arcblock/bridge"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("react-dom"), require("url-join"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/colors/grey"), require("@blocklet/editor"), require("@mui/material/Fab"), require("lodash/debounce"), require("@blocklet/editor/lib/main/hooks/useIsFocused"), require("@blocklet/editor/lib/ext/BusyPlugin"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@emotion/css"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("ufo"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "@arcblock/ux/lib/Theme", "react", "@mui/material", "lodash/isNil", "@blocklet/editor/lib/config", "react-lazy-with-preload", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/material/Box", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "lodash/isBoolean", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/react-hooks", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "@arcblock/ux/lib/Empty", "@arcblock/did-connect/lib/Session", "semver-compare", "@arcblock/bridge", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "url-join", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "@blocklet/editor", "@mui/material/Fab", "lodash/debounce", "@blocklet/editor/lib/main/hooks/useIsFocused", "@blocklet/editor/lib/ext/BusyPlugin", "@mui/material/TextField", "@mui/icons-material/Add", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@emotion/css", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "ufo", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.Theme, global.react, global.material, global.isNil, global.config, global.reactLazyWithPreload, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.Box, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.reactHooks, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$3, global.Session, global.cmp, global.bridge, global.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.joinUrl, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.BusyPlugin, global.TextField, global.AddIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin$1, global.SafeAreaPlugin, global.text, global.ufo, global.ImageNode, global.VideoNode));
-})(this, function(exports2, labels, jsxRuntime, styles, Theme, react, material, isNil, config, reactLazyWithPreload, LexicalComposerContext, lexical$1, ahooks, Box, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, reactHooks, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$3, Session, cmp, bridge, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, ReactDOM, joinUrl, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, editor$1, Fab, debounce, useIsFocused, BusyPlugin, TextField, AddIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, SafeAreaPlugin, text, ufo, ImageNode, VideoNode) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("@arcblock/ux/lib/Theme"), require("react"), require("@mui/material"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("react-lazy-with-preload"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/material/Box"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("lodash/isBoolean"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/react-hooks"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("@arcblock/ux/lib/Empty"), require("@arcblock/did-connect/lib/Session"), require("semver-compare"), require("@arcblock/bridge"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("react-dom"), require("ufo"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("url-join"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/colors/grey"), require("@blocklet/editor"), require("@mui/material/Fab"), require("lodash/debounce"), require("@blocklet/editor/lib/main/hooks/useIsFocused"), require("@blocklet/editor/lib/ext/BusyPlugin"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), require("@mui/icons-material/ArrowBackIos"), require("@mui/icons-material/ShortText"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@emotion/css"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "@arcblock/ux/lib/Theme", "react", "@mui/material", "lodash/isNil", "@blocklet/editor/lib/config", "react-lazy-with-preload", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/material/Box", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "lodash/isBoolean", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/react-hooks", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "@arcblock/ux/lib/Empty", "@arcblock/did-connect/lib/Session", "semver-compare", "@arcblock/bridge", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "ufo", "dayjs", "dayjs/plugin/relativeTime", "url-join", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "@blocklet/editor", "@mui/material/Fab", "lodash/debounce", "@blocklet/editor/lib/main/hooks/useIsFocused", "@blocklet/editor/lib/ext/BusyPlugin", "@mui/material/TextField", "@mui/icons-material/Add", "@mui/icons-material/ArrowBackIos", "@mui/icons-material/ShortText", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@emotion/css", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.Theme, global.react, global.material, global.isNil, global.config, global.reactLazyWithPreload, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.Box, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.reactHooks, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$3, global.Session, global.cmp, global.bridge, global.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.ufo, global.dayjs, global.relativeTime, global.joinUrl, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.BusyPlugin, global.TextField, global.AddIcon, global.ArrowBackIosIcon, global.ShortTextIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin$1, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
+})(this, function(exports2, labels, jsxRuntime, styles, Theme, react, material, isNil, config, reactLazyWithPreload, LexicalComposerContext, lexical$1, ahooks, Box, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, reactHooks, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$3, Session, cmp, bridge, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, ReactDOM, ufo, dayjs, relativeTime, joinUrl, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, editor$1, Fab, debounce, useIsFocused, BusyPlugin, TextField, AddIcon, ArrowBackIosIcon, ShortTextIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, SafeAreaPlugin, text, ImageNode, VideoNode) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -219,10 +219,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const info = getBlockletMountPointInfo(name);
     return (info == null ? void 0 : info.status) === "running";
   };
-  const inferDiscussKitApiPrefix = () => {
-    const service = getBlockletMountPointInfo("did-comments");
-    return service ? joinUrl(service.mountPoint, "/") : "/";
-  };
   const getDraftSessionKeyPrefix = () => {
     return "comment-draft-";
   };
@@ -267,6 +263,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return mergedSx;
   };
   const discussKitMountPoint = (_a = getBlockletMountPointInfo("did-comments")) == null ? void 0 : _a.mountPoint;
+  const discussKitUploadsUrl = ufo.joinURL(discussKitMountPoint || "", "/uploads");
   const isInDiscussKitApp = discussKitMountPoint && ufo.withTrailingSlash(window.blocklet.prefix) === ufo.withTrailingSlash(discussKitMountPoint);
   const openProfile = (did, newTab) => {
     if (did) {
@@ -288,6 +285,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     blockletExists,
     copy,
     discussKitMountPoint,
+    discussKitUploadsUrl,
     getBlockletMountPointInfo,
     getDiscussKitClientId,
     getDraftSessionKeyPrefix,
@@ -295,7 +293,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     getLastItem,
     getPreference,
     getResizedAvatar,
-    inferDiscussKitApiPrefix,
     isInDiscussKitApp,
     mergeSx,
     minDelay,
@@ -405,14 +402,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }, [editor2, callback]);
     return null;
   }
-  const UPLOADS_PREFIX$1 = "/uploads";
-  const IMAGE_URL_PREFIX = joinUrl(inferDiscussKitApiPrefix(), UPLOADS_PREFIX$1);
   const originalExportJSON$1 = ImageNode.ImageNode.prototype.exportJSON;
   const ensureLeadingSlash$1 = (str) => str.startsWith("/") ? str : `/${str}`;
   ImageNode.ImageNode.prototype.exportJSON = function exportJSON() {
     const json = originalExportJSON$1.call(this);
-    if (json.src && json.src.startsWith(IMAGE_URL_PREFIX)) {
-      json.src = json.src.replace(IMAGE_URL_PREFIX, "");
+    if (json.src && json.src.startsWith(discussKitUploadsUrl)) {
+      json.src = json.src.replace(discussKitUploadsUrl, "");
       json.src = ensureLeadingSlash$1(json.src);
     }
     return json;
@@ -420,8 +415,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function imageNodeTransform(node) {
     const targetNode = node;
     const src = targetNode.getSrc();
-    if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(IMAGE_URL_PREFIX)) {
-      targetNode.setSrc(joinUrl(IMAGE_URL_PREFIX, src));
+    if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(discussKitUploadsUrl)) {
+      targetNode.setSrc(ufo.joinURL(discussKitUploadsUrl, src));
     }
   }
   function ImagePathFixerPlugin() {
@@ -431,13 +426,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }, [editor2]);
     return null;
   }
-  const UPLOADS_PREFIX = joinUrl(inferDiscussKitApiPrefix(), "/uploads");
   const originalExportJSON = VideoNode.VideoNode.prototype.exportJSON;
   const ensureLeadingSlash = (str) => str.startsWith("/") ? str : `/${str}`;
   VideoNode.VideoNode.prototype.exportJSON = function exportJSON() {
     const json = originalExportJSON.call(this);
-    if (json.src && json.src.startsWith(UPLOADS_PREFIX)) {
-      json.src = json.src.replace(UPLOADS_PREFIX, "");
+    if (json.src && json.src.startsWith(discussKitUploadsUrl)) {
+      json.src = json.src.replace(discussKitUploadsUrl, "");
       json.src = ensureLeadingSlash(json.src);
     }
     return json;
@@ -445,8 +439,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function VideoNodeTransform(node) {
     const targetNode = node;
     const src = targetNode.getSrc();
-    if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(UPLOADS_PREFIX)) {
-      targetNode.setSrc(joinUrl(UPLOADS_PREFIX, src));
+    if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(discussKitUploadsUrl)) {
+      targetNode.setSrc(ufo.joinURL(discussKitUploadsUrl, src));
     }
   }
   function VideoPathFixerPlugin() {
@@ -1194,6 +1188,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       navigateToChatList,
       isChatInWalletV2,
       isWebNavbar,
+      isInArcSphere,
       updateUnreadState,
       chatInWallet
     };
@@ -2864,16 +2859,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ] });
   }
   const materialSymbolsUpload = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M11 16V7.85l-2.6 2.6L7 9l5-5l5 5l-1.4 1.45l-2.6-2.6V16zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z" }) });
-  const composeImageUrl = (imageUrl, width = 320) => {
+  const getUploadedImageUrl = (imageUrl, width = 320) => {
     var _a2;
-    const prefix2 = joinUrl(((_a2 = window.blocklet) == null ? void 0 : _a2.prefix) || "/", "uploads");
+    const prefix2 = ufo.joinURL(((_a2 = window.blocklet) == null ? void 0 : _a2.prefix) || "/", "uploads");
     let result = imageUrl;
     if (imageUrl && imageUrl.startsWith("/") && !imageUrl.startsWith(prefix2)) {
-      result = joinUrl(prefix2, imageUrl);
+      result = ufo.joinURL(prefix2, imageUrl);
       const tmp = new URL(result, window.location.origin);
-      tmp.searchParams.set("imageFilter", "resize");
-      tmp.searchParams.set("w", width.toString());
-      tmp.searchParams.set("f", "webp");
+      if (!imageUrl.endsWith(".gif")) {
+        tmp.searchParams.set("imageFilter", "resize");
+        tmp.searchParams.set("w", width.toString());
+        tmp.searchParams.set("f", "webp");
+      }
       return tmp.href;
     }
     return result;
@@ -2988,7 +2985,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
             "img",
             {
-              src: url ? composeImageUrl(url, width) : "",
+              src: url ? getUploadedImageUrl(url, width) : "",
               loading,
               fetchpriority,
               style: {
@@ -3520,7 +3517,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return /* @__PURE__ */ jsxRuntime.jsx(BlogList, { ...rest });
   }
-  const prefix = joinUrl(window.location.origin, inferDiscussKitApiPrefix(), "blog");
+  const prefix = ufo.joinURL(window.location.origin, discussKitMountPoint || "", "blog");
   function BlogPermaLink({ slug, onChange, ...rest }) {
     return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { ...rest, className: "blog-permalink-container", children: /* @__PURE__ */ jsxRuntime.jsxs(
       material.Box,
@@ -3578,7 +3575,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             {
               sx: { px: 1 },
               onClick: () => {
-                copy(joinUrl(prefix, slug));
+                copy(ufo.joinURL(prefix, slug));
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ContentCopy, { sx: { fontSize: 18 } })
             }
@@ -5518,7 +5515,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       !activeChatId && /* @__PURE__ */ jsxRuntime.jsx(Empty$1, { sx: { height: 1 } })
     ] }) });
   }
-  const tablerSwitchHorizontal = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m16 3l4 4l-4 4m-6-4h10M8 13l-4 4l4 4m-4-4h9" }) });
   function Empty({ sx }) {
     const { t } = context.useLocaleContext();
     const mergedSx = [
@@ -5562,7 +5558,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const { session } = useSessionContext();
     const { initialized, chats, activeChatId } = useChatContext();
     const { unread } = useUnreadNotification();
-    const { navigateToChatList, updateUnreadState, isWebNavbar } = useChatInWallet();
+    const { navigateToChatList, updateUnreadState, isWebNavbar, isInArcSphere } = useChatInWallet();
     react.useEffect(() => {
       updateUnreadState(unread);
     }, [unread, updateUnreadState]);
@@ -5601,6 +5597,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   mb: 1
                 },
                 children: [
+                  isInArcSphere && /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: () => bridge.call("arcClosePage"), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { component: ArrowBackIosIcon, sx: { fontSize: 16 } }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     Box,
                     {
@@ -5611,13 +5608,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "img", src: window.blocklet.appLogo, alt: "", sx: { width: 20, height: 20 } }),
                         /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { typography: "h5", fontWeight: "bold" }, children: window.blocklet.appName }),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          Box,
-                          {
-                            component: tablerSwitchHorizontal,
-                            sx: { fontSize: 15, color: "grey.600", "& [stroke-width='2']": { strokeWidth: "2!important" } }
-                          }
-                        )
+                        /* @__PURE__ */ jsxRuntime.jsx(Box, { component: ShortTextIcon, sx: { color: "grey.600" } })
                       ]
                     }
                   ),
@@ -5814,8 +5805,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     useDefaultApiErrorHandler({ request });
     return null;
   };
-  const apiPrefix = inferDiscussKitApiPrefix();
-  const baseURL = joinUrl(window.location.origin, apiPrefix);
+  const baseURL = ufo.joinURL(window.location.origin, discussKitMountPoint || "");
   let cachedTemplateList = null;
   function DefaultEditorConfigProvider({
     request,
@@ -5857,14 +5847,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           var _a3;
           if (typeof payload === "string") {
             const result2 = await request.post(
-              joinUrl("/api/ai/completions"),
+              ufo.joinURL("/api/ai/completions"),
               { prompt: payload },
               { baseURL, timeout: 3e4 }
             );
             return (_a3 = result2.data) == null ? void 0 : _a3.message;
           }
           const result = await request.post(
-            joinUrl(window.location.origin, aiAssistantMountPoint, "/api/ai/completions"),
+            ufo.joinURL(window.location.origin, aiAssistantMountPoint || "", "/api/ai/completions"),
             { ...payload, stream: false },
             { timeout: 3e4 }
           );
@@ -5882,7 +5872,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             return cachedTemplateList;
           }
           try {
-            const { data = [] } = await request.get(joinUrl("/api/resources/posts"), { baseURL });
+            const { data = [] } = await request.get(ufo.joinURL("/api/resources/posts"), { baseURL });
             cachedTemplateList = data;
             return data;
           } catch (e) {
@@ -5896,7 +5886,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           if (!(item == null ? void 0 : item.id) || !(item == null ? void 0 : item.content)) {
             throw new Error("item  is required");
           }
-          const { data } = await request.post(joinUrl("/api/resources/import"), item, { baseURL });
+          const { data } = await request.post(ufo.joinURL("/api/resources/import"), item, { baseURL });
           return data;
         }
       };
@@ -5913,8 +5903,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }
         },
         userService,
-        blockletEmbedEndpoint: joinUrl(window.location.origin, apiPrefix, "/api/embed/check"),
-        openGraphEndpoint: joinUrl(window.location.origin, apiPrefix, "/api/embed/og"),
+        blockletEmbedEndpoint: ufo.joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/check"),
+        openGraphEndpoint: ufo.joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/og"),
         AI,
         templatePlugin
       };
@@ -12256,9 +12246,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.UploaderContext = UploaderContext;
   exports2.UploaderProvider = UploaderProvider;
   exports2.UploaderTrigger = UploaderTrigger;
-  exports2.composeImageUrl = composeImageUrl;
   exports2.create = create;
   exports2.getBlogLink = getBlogLink;
+  exports2.getUploadedImageUrl = getUploadedImageUrl;
   exports2.getWsClient = getWsClient;
   exports2.lexicalUtils = lexical;
   exports2.preferences = preferences;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.1.9",
+  "version": "2.1.11",
   "files": [
     "dist"
   ],
@@ -43,8 +43,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.1.9",
-    "@blocklet/labels": "^2.1.9"
+    "@blocklet/editor": "^2.1.11",
+    "@blocklet/labels": "^2.1.11"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",