fix shared page mention view for non-logged in users

apps/client/package.json

@@ -1,7 +1,7 @@
 {
   "name": "client",
   "private": true,
-  "version": "0.70.3",
+  "version": "0.70.1",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
@@ -10,76 +10,76 @@
     "format": "prettier --write \"src/**/*.tsx\" \"src/**/*.ts\""
   },
   "dependencies": {
-    "@casl/react": "^5.0.1",
+    "@casl/react": "^4.0.0",
     "@docmost/editor-ext": "workspace:*",
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
     "@excalidraw/excalidraw": "0.18.0-3a5ef40",
-    "@mantine/core": "^8.3.18",
+    "@mantine/core": "^8.3.14",
-    "@mantine/dates": "^8.3.18",
+    "@mantine/dates": "^8.3.14",
-    "@mantine/form": "^8.3.18",
+    "@mantine/form": "^8.3.14",
-    "@mantine/hooks": "^8.3.18",
+    "@mantine/hooks": "^8.3.14",
-    "@mantine/modals": "^8.3.18",
+    "@mantine/modals": "^8.3.14",
-    "@mantine/notifications": "^8.3.18",
+    "@mantine/notifications": "^8.3.14",
-    "@mantine/spotlight": "^8.3.18",
+    "@mantine/spotlight": "^8.3.14",
-    "@tabler/icons-react": "^3.40.0",
+    "@tabler/icons-react": "^3.36.1",
-    "@tanstack/react-query": "5.90.17",
+    "@tanstack/react-query": "^5.90.17",
     "alfaaz": "^1.1.0",
-    "axios": "^1.13.6",
+    "axios": "^1.13.5",
     "blueimp-load-image": "^5.16.0",
     "clsx": "^2.1.1",
     "emoji-mart": "^5.6.0",
     "file-saver": "^2.0.5",
     "highlightjs-sap-abap": "^0.3.0",
-    "i18next": "^25.10.1",
+    "i18next": "^23.16.8",
-    "i18next-http-backend": "^3.0.2",
+    "i18next-http-backend": "^2.7.3",
-    "jotai": "^2.18.1",
+    "jotai": "^2.16.2",
     "jotai-optics": "^0.4.0",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "katex": "0.16.40",
+    "katex": "0.16.27",
     "lowlight": "^3.3.0",
     "mantine-form-zod-resolver": "^1.3.0",
-    "mermaid": "^11.13.0",
+    "mermaid": "^11.12.2",
     "mitt": "^3.0.1",
-    "posthog-js": "1.363.1",
+    "posthog-js": "1.345.5",
     "react": "^18.3.1",
     "react-arborist": "3.4.0",
-    "react-clear-modal": "^2.0.18",
+    "react-clear-modal": "^2.0.17",
     "react-dom": "^18.3.1",
     "react-drawio": "^1.0.7",
-    "react-error-boundary": "^6.1.1",
+    "react-error-boundary": "^4.1.2",
-    "react-helmet-async": "^3.0.0",
+    "react-helmet-async": "^2.0.5",
-    "react-i18next": "^16.5.8",
+    "react-i18next": "^15.0.1",
-    "react-router-dom": "^7.13.1",
+    "react-router-dom": "^7.12.0",
-    "semver": "^7.7.4",
+    "semver": "^7.7.3",
     "socket.io-client": "^4.8.3",
     "tiptap-extension-global-drag-handle": "^0.1.18",
     "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@eslint/js": "^9.28.0",
+    "@eslint/js": "^9.16.0",
-    "@tanstack/eslint-plugin-query": "^5.94.4",
+    "@tanstack/eslint-plugin-query": "^5.62.1",
-    "@types/blueimp-load-image": "^5.16.6",
+    "@types/blueimp-load-image": "^5.16.0",
     "@types/file-saver": "^2.0.7",
     "@types/js-cookie": "^3.0.6",
-    "@types/katex": "^0.16.8",
+    "@types/katex": "^0.16.7",
     "@types/node": "22.19.1",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^6.0.0",
+    "@vitejs/plugin-react": "^5.1.1",
-    "eslint": "^9.28.0",
+    "eslint": "^9.39.2",
-    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.5.2",
+    "eslint-plugin-react-refresh": "^0.4.16",
     "globals": "^15.13.0",
     "optics-ts": "^2.4.1",
-    "postcss": "^8.5.8",
+    "postcss": "^8.4.49",
-    "postcss-preset-mantine": "^1.18.0",
+    "postcss-preset-mantine": "^1.17.0",
     "postcss-simple-vars": "^7.0.1",
-    "prettier": "^3.8.1",
+    "prettier": "^3.4.1",
-    "typescript": "^5.9.3",
+    "typescript": "^5.7.2",
-    "typescript-eslint": "^8.57.1",
+    "typescript-eslint": "^8.17.0",
-    "vite": "^8.0.1"
+    "vite": "^7.2.4"
   }
 }

apps/client/public/locales/en-US/translation.json

@@ -289,11 +289,6 @@
   "Save & Exit": "Save & Exit",
   "Double-click to edit Excalidraw diagram": "Double-click to edit Excalidraw diagram",
   "Paste link": "Paste link",
-  "Paste link or search pages": "Paste link or search pages",
-  "Link to web page": "Link to web page",
-  "Recents": "Recents",
-  "Page or URL": "Page or URL",
-  "Link title": "Link title",
   "Edit link": "Edit link",
   "Remove link": "Remove link",
   "Add link": "Add link",
@@ -444,6 +439,7 @@
   "Toggle space public sharing": "Toggle space public sharing",
   "Public sharing is disabled at the workspace level": "Public sharing is disabled at the workspace level",
   "Prevent pages in this space from being shared publicly.": "Prevent pages in this space from being shared publicly.",
+  "Requires an enterprise license": "Requires an enterprise license",
   "Page permissions": "Page permissions",
   "Control who can view and edit individual pages. Available with an enterprise license.": "Control who can view and edit individual pages. Available with an enterprise license.",
   "Enable public sharing": "Enable public sharing",
@@ -625,9 +621,7 @@
   "Generative AI (Ask AI)": "Generative AI (Ask AI)",
   "Enable AI-powered content generation in the editor. Allows users to generate, improve, translate and transform text.": "Enable AI-powered content generation in the editor. Allows users to generate, improve, translate and transform text.",
   "Toggle generative AI": "Toggle generative AI",
-  "Upgrade your plan": "Upgrade your plan",
+  "Enterprise feature": "Enterprise feature",
-  "Available with a paid license": "Available with a paid license",
-  "Upgrade your license tier.": "Upgrade your license tier.",
   "AI is only available in the Docmost enterprise edition. Contact sales@docmost.com.": "AI is only available in the Docmost enterprise edition. Contact sales@docmost.com.",
   "AI & MCP": "AI & MCP",
   "AI": "AI",
@@ -635,15 +629,17 @@
   "Model Context Protocol (MCP)": "Model Context Protocol (MCP)",
   "Enable the MCP server to allow AI assistants and tools to interact with your workspace content.": "Enable the MCP server to allow AI assistants and tools to interact with your workspace content.",
   "MCP is only available in the Docmost enterprise edition. Contact sales@docmost.com.": "MCP is only available in the Docmost enterprise edition. Contact sales@docmost.com.",
+  "MCP documentation": "MCP documentation",
   "MCP Server URL": "MCP Server URL",
   "Use your API key for authentication. You can manage API keys in your account settings.": "Use your API key for authentication. You can manage API keys in your account settings.",
   "Supported tools": "Supported tools",
   "Your workspace has MCP enabled. Use your API key to connect AI assistants.": "Your workspace has MCP enabled. Use your API key to connect AI assistants.",
   "MCP server URL:": "MCP server URL:",
   "Learn more": "Learn more",
-  "Manage API keys for all users in the workspace. View the <anchor>API documentation</anchor> for usage details.": "Manage API keys for all users in the workspace. View the <anchor>API documentation</anchor> for usage details.",
+  "View the": "View the",
-  "View the <anchor>API documentation</anchor> for usage details.": "View the <anchor>API documentation</anchor> for usage details.",
+  "for usage details.": "for usage details.",
-  "View the <anchor>MCP documentation</anchor>.": "View the <anchor>MCP documentation</anchor>.",
+  "for setup instructions.": "for setup instructions.",
+  "API documentation": "API documentation",
   "Sources": "Sources",
   "AI Answers not available for attachments": "AI Answers not available for attachments",
   "No answer available": "No answer available",
@@ -658,12 +654,12 @@
   "Mark all as read": "Mark all as read",
   "Mark as read": "Mark as read",
   "More options": "More options",
-  "<bold>{{name}}</bold> mentioned you in a comment": "<bold>{{name}}</bold> mentioned you in a comment",
+  "mentioned you in a comment": "mentioned you in a comment",
-  "<bold>{{name}}</bold> commented on a page": "<bold>{{name}}</bold> commented on a page",
+  "commented on a page": "commented on a page",
-  "<bold>{{name}}</bold> resolved a comment": "<bold>{{name}}</bold> resolved a comment",
+  "resolved a comment": "resolved a comment",
-  "<bold>{{name}}</bold> mentioned you on a page": "<bold>{{name}}</bold> mentioned you on a page",
+  "mentioned you on a page": "mentioned you on a page",
-  "<bold>{{name}}</bold> gave you edit access to a page": "<bold>{{name}}</bold> gave you edit access to a page",
+  "gave you edit access to a page": "gave you edit access to a page",
-  "<bold>{{name}}</bold> gave you view access to a page": "<bold>{{name}}</bold> gave you view access to a page",
+  "gave you view access to a page": "gave you view access to a page",
   "Today": "Today",
   "Yesterday": "Yesterday",
   "This week": "This week",
@@ -697,31 +693,5 @@
   "Failed to update trash retention": "Failed to update trash retention",
   "Removed page restriction": "Removed page restriction",
   "Added page permission": "Added page permission",
-  "Removed page permission": "Removed page permission",
+  "Removed page permission": "Removed page permission"
-  "Verifying your email": "Verifying your email",
-  "Please wait...": "Please wait...",
-  "Verification failed. The link may have expired.": "Verification failed. The link may have expired.",
-  "Check your email": "Check your email",
-  "We sent a verification link to {{email}}.": "We sent a verification link to {{email}}.",
-  "We sent a verification link to your email.": "We sent a verification link to your email.",
-  "Click the link to verify your email and access your workspace.": "Click the link to verify your email and access your workspace.",
-  "Resend verification email": "Resend verification email",
-  "Verification email sent. Please check your inbox.": "Verification email sent. Please check your inbox.",
-  "Failed to resend verification email. Please try again.": "Failed to resend verification email. Please try again.",
-  "We've sent you an email with your associated workspaces.": "We've sent you an email with your associated workspaces.",
-  "Load more": "Load more",
-  "Log out of all devices": "Log out of all devices",
-  "Log out of all sessions except this device": "Log out of all sessions except this device",
-  "This Device": "This Device",
-  "Unknown device": "Unknown device",
-  "No active sessions": "No active sessions",
-  "Session revoked": "Session revoked",
-  "All other sessions revoked": "All other sessions revoked",
-  "Last used": "Last used",
-  "Created": "Created",
-  "Rename": "Rename",
-  "Publish": "Publish",
-  "Security": "Security",
-  "Enforce SSO": "Enforce SSO",
-  "Once enforced, members will not be able to login with email and password.": "Once enforced, members will not be able to login with email and password."
 }

apps/client/src/App.tsx

@@ -38,7 +38,6 @@ import UserApiKeys from "@/ee/api-key/pages/user-api-keys";
 import WorkspaceApiKeys from "@/ee/api-key/pages/workspace-api-keys";
 import AiSettings from "@/ee/ai/pages/ai-settings.tsx";
 import AuditLogs from "@/ee/audit/pages/audit-logs.tsx";
-import VerifyEmail from "@/ee/pages/verify-email.tsx";
 
 export default function App() {
   const { t } = useTranslation();
@@ -64,7 +63,6 @@ export default function App() {
           <>
             <Route path={"/create"} element={<CreateWorkspace />} />
             <Route path={"/select"} element={<CloudLogin />} />
-            <Route path={"/verify-email"} element={<VerifyEmail />} />
           </>
         )}
 

apps/client/src/components/settings/settings-sidebar.tsx

@@ -21,9 +21,7 @@ import { useTranslation } from "react-i18next";
 import { isCloud } from "@/lib/config.ts";
 import useUserRole from "@/hooks/use-user-role.tsx";
 import { useAtom } from "jotai";
-import { entitlementAtom } from "@/ee/entitlement/entitlement-atom";
+import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
-import { Feature } from "@/ee/features";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label";
 import {
   prefetchApiKeyManagement,
   prefetchApiKeys,
@@ -41,19 +39,22 @@ import { mobileSidebarAtom } from "@/components/layouts/global/hooks/atoms/sideb
 import { useToggleSidebar } from "@/components/layouts/global/hooks/hooks/use-toggle-sidebar.ts";
 import { useSettingsNavigation } from "@/hooks/use-settings-navigation";
 
-type DataItem = {
+interface DataItem {
   label: string;
   icon: React.ElementType;
   path: string;
-  feature?: string;
+  isCloud?: boolean;
-  role?: "admin" | "owner";
+  isEnterprise?: boolean;
-  env?: "cloud" | "selfhosted";
+  isAdmin?: boolean;
-};
+  isOwner?: boolean;
+  isSelfhosted?: boolean;
+  showDisabledInNonEE?: boolean;
+}
 
-type DataGroup = {
+interface DataGroup {
   heading: string;
   items: DataItem[];
-};
+}
 
 const groupedData: DataGroup[] = [
   {
@@ -69,7 +70,9 @@ const groupedData: DataGroup[] = [
         label: "API keys",
         icon: IconKey,
         path: "/settings/account/api-keys",
-        feature: Feature.API_KEYS,
+        isCloud: true,
+        isEnterprise: true,
+        showDisabledInNonEE: true,
       },
     ],
   },
@@ -77,20 +80,26 @@ const groupedData: DataGroup[] = [
     heading: "Workspace",
     items: [
       { label: "General", icon: IconSettings, path: "/settings/workspace" },
-      { label: "Members", icon: IconUsers, path: "/settings/members" },
+      {
+        label: "Members",
+        icon: IconUsers,
+        path: "/settings/members",
+      },
       {
         label: "Billing",
         icon: IconCoin,
         path: "/settings/billing",
-        role: "admin",
+        isCloud: true,
-        env: "cloud",
+        isAdmin: true,
       },
       {
         label: "Security & SSO",
         icon: IconLock,
         path: "/settings/security",
-        feature: Feature.SECURITY_SETTINGS,
+        isCloud: true,
-        role: "admin",
+        isEnterprise: true,
+        isAdmin: true,
+        showDisabledInNonEE: true,
       },
       { label: "Groups", icon: IconUsersGroup, path: "/settings/groups" },
       { label: "Spaces", icon: IconSpaces, path: "/settings/spaces" },
@@ -99,22 +108,25 @@ const groupedData: DataGroup[] = [
         label: "API management",
         icon: IconKey,
         path: "/settings/api-keys",
-        feature: Feature.API_KEYS,
+        isCloud: true,
-        role: "admin",
+        isEnterprise: true,
+        isAdmin: true,
+        showDisabledInNonEE: true,
       },
       {
         label: "AI settings",
         icon: IconSparkles,
         path: "/settings/ai",
-        role: "admin",
+        isAdmin: true,
       },
       {
         label: "Audit log",
         icon: IconHistory,
         path: "/settings/audit",
-        feature: Feature.AUDIT_LOGS,
+        isEnterprise: true,
-        role: "owner",
+        isOwner: true,
-        env: "selfhosted",
+        isSelfhosted: true,
+        showDisabledInNonEE: true,
       },
     ],
   },
@@ -136,8 +148,7 @@ export default function SettingsSidebar() {
   const [active, setActive] = useState(location.pathname);
   const { goBack } = useSettingsNavigation();
   const { isAdmin, isOwner } = useUserRole();
-  const [entitlements] = useAtom(entitlementAtom);
+  const [workspace] = useAtom(workspaceAtom);
-  const upgradeLabel = useUpgradeLabel();
   const [mobileSidebarOpened] = useAtom(mobileSidebarAtom);
   const toggleMobileSidebar = useToggleSidebar(mobileSidebarAtom);
 
@@ -145,20 +156,43 @@ export default function SettingsSidebar() {
     setActive(location.pathname);
   }, [location.pathname]);
 
-  const hasFeature = (f: string) =>
+  const hasRoleAccess = (item: DataItem) => {
-    entitlements?.features?.includes(f) ?? false;
+    if (item.isOwner) return isOwner;
-
+    if (item.isAdmin) return isAdmin;
-  const canShowItem = (item: DataItem) => {
-    if (item.env === "cloud" && !isCloud()) return false;
-    if (item.env === "selfhosted" && isCloud()) return false;
-    if (item.role === "admin" && !isAdmin) return false;
-    if (item.role === "owner" && !isOwner) return false;
     return true;
   };
 
+  const canShowItem = (item: DataItem) => {
+    if (item.showDisabledInNonEE && item.isEnterprise) {
+      if (item.isSelfhosted && isCloud()) return false;
+      return hasRoleAccess(item);
+    }
+
+    if (item.isCloud && item.isEnterprise) {
+      if (!(isCloud() || workspace?.hasLicenseKey)) return false;
+      return hasRoleAccess(item);
+    }
+
+    if (item.isCloud) {
+      return isCloud() ? hasRoleAccess(item) : false;
+    }
+
+    if (item.isSelfhosted) {
+      return !isCloud() ? hasRoleAccess(item) : false;
+    }
+
+    if (item.isEnterprise) {
+      return workspace?.hasLicenseKey ? hasRoleAccess(item) : false;
+    }
+
+    return hasRoleAccess(item);
+  };
+
   const isItemDisabled = (item: DataItem) => {
-    if (!item.feature) return false;
+    if (item.showDisabledInNonEE && item.isEnterprise) {
-    return !hasFeature(item.feature);
+      return !(isCloud() || workspace?.hasLicenseKey);
+    }
+    return false;
   };
 
   const menuItems = groupedData.map((group) => {
@@ -191,7 +225,7 @@ export default function SettingsSidebar() {
               prefetchHandler = prefetchBilling;
               break;
             case "License & Edition":
-              if (entitlements?.tier !== "free") {
+              if (workspace?.hasLicenseKey) {
                 prefetchHandler = prefetchLicense;
               }
               break;
@@ -246,7 +280,7 @@ export default function SettingsSidebar() {
             return (
               <Tooltip
                 key={item.label}
-                label={upgradeLabel}
+                label={t("Available in enterprise edition")}
                 position="right"
                 withArrow
               >

apps/client/src/components/ui/auto-tooltip-text.tsx

@@ -34,7 +34,6 @@ export function AutoTooltipText({
       disabled={!isTruncated || !label}
       multiline
       withArrow
-      withinPortal={false}
       {...tooltipProps}
     >
       <Text

apps/client/src/ee/ai/components/enable-ai-search.tsx

@@ -1,13 +1,12 @@
-import { Group, Text, Switch, MantineSize, Tooltip } from "@mantine/core";
+import { Group, Text, Switch, MantineSize, Title } from "@mantine/core";
 import { useAtom } from "jotai";
 import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
 import { notifications } from "@mantine/notifications";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { isCloud } from "@/lib/config.ts";
-import { Feature } from "@/ee/features";
+import useLicense from "@/ee/hooks/use-license.tsx";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label";
 
 export default function EnableAiSearch() {
   const { t } = useTranslation();
@@ -38,8 +37,9 @@ export function AiSearchToggle({ size, label }: AiSearchToggleProps) {
   const { t } = useTranslation();
   const [workspace, setWorkspace] = useAtom(workspaceAtom);
   const [checked, setChecked] = useState(workspace?.settings?.ai?.search);
-  const hasAccess = useHasFeature(Feature.AI);
+  const { hasLicenseKey } = useLicense();
-  const upgradeLabel = useUpgradeLabel();
+
+  const hasAccess = isCloud() || (!isCloud() && hasLicenseKey);
 
   const handleChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
     const value = event.currentTarget.checked;
@@ -56,16 +56,14 @@ export function AiSearchToggle({ size, label }: AiSearchToggleProps) {
   };
 
   return (
-    <Tooltip label={upgradeLabel} disabled={hasAccess} refProp="rootRef">
+    <Switch
-      <Switch
+      size={size}
-        size={size}
+      label={label}
-        label={label}
+      labelPosition="left"
-        labelPosition="left"
+      defaultChecked={checked}
-        defaultChecked={checked}
+      onChange={handleChange}
-        onChange={handleChange}
+      disabled={!hasAccess}
-        disabled={!hasAccess}
+      aria-label={t("Toggle AI search")}
-        aria-label={t("Toggle AI search")}
+    />
-      />
-    </Tooltip>
   );
 }

apps/client/src/ee/ai/components/enable-generative-ai.tsx

@@ -1,20 +1,17 @@
-import { Group, Text, Switch, Tooltip } from "@mantine/core";
+import { Group, Text, Switch } from "@mantine/core";
 import { useAtom } from "jotai";
 import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
 import { notifications } from "@mantine/notifications";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { useIsCloudEE } from "@/hooks/use-is-cloud-ee.tsx";
-import { Feature } from "@/ee/features";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label";
 
 export default function EnableGenerativeAi() {
   const { t } = useTranslation();
   const [workspace, setWorkspace] = useAtom(workspaceAtom);
   const [checked, setChecked] = useState(workspace?.settings?.ai?.generative);
-  const hasAccess = useHasFeature(Feature.AI);
+  const hasAccess = useIsCloudEE();
-  const upgradeLabel = useUpgradeLabel();
 
   const handleChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
     const value = event.currentTarget.checked;
@@ -41,13 +38,11 @@ export default function EnableGenerativeAi() {
         </Text>
       </div>
 
-      <Tooltip label={upgradeLabel} disabled={hasAccess} refProp="rootRef">
+      <Switch
-        <Switch
+        defaultChecked={checked}
-          defaultChecked={checked}
+        onChange={handleChange}
-          onChange={handleChange}
+        disabled={!hasAccess}
-          disabled={!hasAccess}
+      />
-        />
-      </Tooltip>
     </Group>
   );
 }

apps/client/src/ee/ai/components/mcp-settings.tsx

@@ -13,12 +13,10 @@ import {
 import { useAtom } from "jotai";
 import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
 import React, { useState } from "react";
-import { Trans, useTranslation } from "react-i18next";
+import { useTranslation } from "react-i18next";
 import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
 import { notifications } from "@mantine/notifications";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { useIsCloudEE } from "@/hooks/use-is-cloud-ee.tsx";
-import { Feature } from "@/ee/features";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label";
 import { getAppUrl } from "@/lib/config.ts";
 import { IconCheck, IconCopy, IconInfoCircle } from "@tabler/icons-react";
 import { CopyButton } from "@/components/common/copy-button.tsx";
@@ -27,8 +25,7 @@ export default function McpSettings() {
   const { t } = useTranslation();
   const [workspace, setWorkspace] = useAtom(workspaceAtom);
   const [checked, setChecked] = useState(workspace?.settings?.ai?.mcp);
-  const hasAccess = useHasFeature(Feature.MCP);
+  const hasAccess = useIsCloudEE();
-  const upgradeLabel = useUpgradeLabel();
 
   const mcpUrl = `${getAppUrl()}/mcp`;
 
@@ -49,7 +46,11 @@ export default function McpSettings() {
   return (
     <Stack gap="lg">
       {!hasAccess && (
-        <Alert icon={<IconInfoCircle />} title={upgradeLabel} color="blue">
+        <Alert
+          icon={<IconInfoCircle />}
+          title={t("Enterprise feature")}
+          color="blue"
+        >
           {t(
             "MCP is only available in the Docmost enterprise edition. Contact sales@docmost.com.",
           )}
@@ -63,22 +64,23 @@ export default function McpSettings() {
             {t(
               "Enable the MCP server to allow AI assistants and tools to interact with your workspace content.",
             )}{" "}
-            <Trans
+            {t("View the")}{" "}
-              i18nKey="View the <anchor>MCP documentation</anchor>."
+            <Anchor
-              components={{
+              href="https://docmost.com/docs/user-guide/mcp"
-                anchor: <Anchor href="https://docmost.com/docs/user-guide/mcp" target="_blank" size="sm" />,
+              target="_blank"
-              }}
+              size="sm"
-            />
+            >
+              {t("MCP documentation")}
+            </Anchor>
+            .
           </Text>
         </div>
 
-        <Tooltip label={upgradeLabel} disabled={hasAccess} refProp="rootRef">
+        <Switch
-          <Switch
+          defaultChecked={checked}
-            defaultChecked={checked}
+          onChange={handleChange}
-            onChange={handleChange}
+          disabled={!hasAccess}
-            disabled={!hasAccess}
+        />
-          />
-        </Tooltip>
       </Group>
 
       {checked && (
@@ -87,7 +89,11 @@ export default function McpSettings() {
             {t("MCP Server URL")}
           </Text>
           <Group gap="xs">
-            <TextInput value={mcpUrl} readOnly style={{ flex: 1 }} />
+            <TextInput
+              value={mcpUrl}
+              readOnly
+              style={{ flex: 1 }}
+            />
             <CopyButton value={mcpUrl} timeout={2000}>
               {({ copied, copy }) => (
                 <Tooltip
@@ -117,36 +123,12 @@ export default function McpSettings() {
               {t("Supported tools")}
             </Text>
             <List size="sm" spacing={2}>
-              <List.Item>
+              <List.Item><Text size="sm" c="dimmed" span>search_pages, get_page, create_page, update_page</Text></List.Item>
-                <Text size="sm" c="dimmed" span>
+              <List.Item><Text size="sm" c="dimmed" span>list_pages, list_child_pages, duplicate_page</Text></List.Item>
-                  search_pages, get_page, create_page, update_page
+              <List.Item><Text size="sm" c="dimmed" span>copy_page_to_space, move_page, move_page_to_space</Text></List.Item>
-                </Text>
+              <List.Item><Text size="sm" c="dimmed" span>get_space, list_spaces, create_space, update_space</Text></List.Item>
-              </List.Item>
+              <List.Item><Text size="sm" c="dimmed" span>get_comments, create_comment, update_comment</Text></List.Item>
-              <List.Item>
+              <List.Item><Text size="sm" c="dimmed" span>search_attachments, list_workspace_members, get_current_user</Text></List.Item>
-                <Text size="sm" c="dimmed" span>
-                  list_pages, list_child_pages, duplicate_page
-                </Text>
-              </List.Item>
-              <List.Item>
-                <Text size="sm" c="dimmed" span>
-                  copy_page_to_space, move_page, move_page_to_space
-                </Text>
-              </List.Item>
-              <List.Item>
-                <Text size="sm" c="dimmed" span>
-                  get_space, list_spaces, create_space, update_space
-                </Text>
-              </List.Item>
-              <List.Item>
-                <Text size="sm" c="dimmed" span>
-                  get_comments, create_comment, update_comment
-                </Text>
-              </List.Item>
-              <List.Item>
-                <Text size="sm" c="dimmed" span>
-                  search_attachments, list_workspace_members, get_current_user
-                </Text>
-              </List.Item>
             </List>
           </div>
         </div>

apps/client/src/ee/ai/pages/ai-settings.tsx

@@ -9,17 +9,14 @@ import EnableGenerativeAi from "@/ee/ai/components/enable-generative-ai.tsx";
 import McpSettings from "@/ee/ai/components/mcp-settings.tsx";
 import { Alert, Stack, Tabs } from "@mantine/core";
 import { IconInfoCircle } from "@tabler/icons-react";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { useIsCloudEE } from "@/hooks/use-is-cloud-ee.tsx";
-import { Feature } from "@/ee/features";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label";
 import { isCloud } from "@/lib/config.ts";
 import { useLocation, useNavigate } from "react-router-dom";
 
 export default function AiSettings() {
   const { t } = useTranslation();
   const { isAdmin } = useUserRole();
-  const hasAccess = useHasFeature(Feature.AI);
+  const hasAccess = useIsCloudEE();
-  const upgradeLabel = useUpgradeLabel();
   const location = useLocation();
   const navigate = useNavigate();
 
@@ -58,7 +55,7 @@ export default function AiSettings() {
           {!hasAccess && (
             <Alert
               icon={<IconInfoCircle />}
-              title={upgradeLabel}
+              title={t("Enterprise feature")}
               color="blue"
               mb="lg"
             >

apps/client/src/ee/api-key/components/restrict-api-to-admins.tsx

@@ -5,14 +5,12 @@ import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
 import { notifications } from "@mantine/notifications";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import useEnterpriseAccess from "@/ee/hooks/use-enterprise-access.tsx";
-import { Feature } from "@/ee/features";
 import {
   ResponsiveSettingsRow,
   ResponsiveSettingsContent,
   ResponsiveSettingsControl,
 } from "@/components/ui/responsive-settings-row";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label.ts";
 
 export default function RestrictApiToAdmins() {
   const { t } = useTranslation();
@@ -20,8 +18,7 @@ export default function RestrictApiToAdmins() {
   const [checked, setChecked] = useState(
     workspace?.settings?.api?.restrictToAdmins === true,
   );
-  const hasAccess = useHasFeature(Feature.API_KEYS);
+  const hasAccess = useEnterpriseAccess();
-  const upgradeLabel = useUpgradeLabel();
 
   const handleChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
     const value = event.currentTarget.checked;
@@ -54,7 +51,7 @@ export default function RestrictApiToAdmins() {
 
       <ResponsiveSettingsControl>
         <Tooltip
-          label={upgradeLabel}
+          label={t("Requires an enterprise license")}
           disabled={hasAccess}
           refProp="rootRef"
         >

apps/client/src/ee/api-key/pages/user-api-keys.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { Anchor, Alert, Button, Group, Space, Text } from "@mantine/core";
 import { IconInfoCircle } from "@tabler/icons-react";
 import { Helmet } from "react-helmet-async";
-import { Trans, useTranslation } from "react-i18next";
+import { useTranslation } from "react-i18next";
 import SettingsTitle from "@/components/settings/settings-title";
 import { getAppName, getAppUrl } from "@/lib/config";
 import { ApiKeyTable } from "@/ee/api-key/components/api-key-table";
@@ -58,12 +58,11 @@ export default function UserApiKeys() {
       <SettingsTitle title={t("API keys")} />
 
       <Text size="sm" c="dimmed" mb="md">
-        <Trans
+        {t("View the")}{" "}
-          i18nKey="View the <anchor>API documentation</anchor> for usage details."
+        <Anchor href="https://docmost.com/api-docs" target="_blank" size="sm">
-          components={{
+          {t("API documentation")}
-            anchor: <Anchor href="https://docmost.com/api-docs" target="_blank" size="sm" />,
+        </Anchor>{" "}
-          }}
+        {t("for usage details.")}
-        />
       </Text>
 
       {mcpEnabled && canCreate && (

apps/client/src/ee/api-key/pages/workspace-api-keys.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { Anchor, Button, Divider, Group, Space, Text } from "@mantine/core";
 import { Helmet } from "react-helmet-async";
-import { Trans, useTranslation } from "react-i18next";
+import { useTranslation } from "react-i18next";
 import SettingsTitle from "@/components/settings/settings-title";
 import { getAppName } from "@/lib/config";
 import { ApiKeyTable } from "@/ee/api-key/components/api-key-table";
@@ -56,12 +56,12 @@ export default function WorkspaceApiKeys() {
       <SettingsTitle title={t("API management")} />
 
       <Text size="sm" c="dimmed" mb="md">
-        <Trans
+        {t("Manage API keys for all users in the workspace.")}{" "}
-          i18nKey="Manage API keys for all users in the workspace. View the <anchor>API documentation</anchor> for usage details."
+        {t("View the")}{" "}
-          components={{
+        <Anchor href="https://docmost.com/api-docs" target="_blank" size="sm">
-            anchor: <Anchor href="https://docmost.com/api-docs" target="_blank" size="sm" />,
+          {t("API documentation")}
-          }}
+        </Anchor>{" "}
-        />
+        {t("for usage details.")}
       </Text>
 
       <RestrictApiToAdmins />

apps/client/src/ee/cloud/service/cloud-service.ts

@@ -5,15 +5,3 @@ export async function getJoinedWorkspaces(): Promise<Partial<IWorkspace[]>> {
   const req = await api.post<Partial<IWorkspace[]>>("/workspace/joined");
   return req.data;
 }
-
-export async function findWorkspacesByEmail(email: string): Promise<void> {
-  await api.post("/workspace/find-by-email", { email });
-}
-
-export async function verifyEmail(data: { token: string }): Promise<void> {
-  await api.post("/workspace/verify-email", data);
-}
-
-export async function resendVerificationEmail(data: { email: string; sig: string }): Promise<void> {
-  await api.post("/workspace/resend-verification", data);
-}

apps/client/src/ee/components/cloud-login-form.tsx

@@ -20,22 +20,14 @@ import APP_ROUTE from "@/lib/app-route.ts";
 import { useTranslation } from "react-i18next";
 import JoinedWorkspaces from "@/ee/components/joined-workspaces.tsx";
 import { useJoinedWorkspacesQuery } from "@/ee/cloud/query/cloud-query.ts";
-import { findWorkspacesByEmail } from "@/ee/cloud/service/cloud-service.ts";
-import { AuthLayout } from "@/features/auth/components/auth-layout.tsx";
 
 const formSchema = z.object({
   hostname: z.string().min(1, { message: "subdomain is required" }),
 });
 
-const findWorkspaceSchema = z.object({
-  email: z.string().email({ message: "Please enter a valid email" }),
-});
-
 export function CloudLoginForm() {
   const { t } = useTranslation();
   const [isLoading, setIsLoading] = useState<boolean>(false);
-  const [isFindLoading, setIsFindLoading] = useState<boolean>(false);
-  const [findEmailSent, setFindEmailSent] = useState<boolean>(false);
   const { data: joinedWorkspaces } = useJoinedWorkspacesQuery();
 
   const form = useForm<any>({
@@ -45,13 +37,6 @@ export function CloudLoginForm() {
     },
   });
 
-  const findForm = useForm<any>({
-    validate: zod4Resolver(findWorkspaceSchema),
-    initialValues: {
-      email: "",
-    },
-  });
-
   async function onSubmit(data: { hostname: string }) {
     setIsLoading(true);
 
@@ -69,21 +54,8 @@ export function CloudLoginForm() {
     setIsLoading(false);
   }
 
-  async function onFindSubmit(data: { email: string }) {
-    setIsFindLoading(true);
-
-    try {
-      await findWorkspacesByEmail(data.email);
-      setFindEmailSent(true);
-    } catch {
-      findForm.setFieldError("email", "An error occurred. Please try again.");
-    }
-
-    setIsFindLoading(false);
-  }
-
   return (
-    <AuthLayout>
+    <div>
       <Container size={420} className={classes.container}>
         <Box p="xl" className={classes.containerBox}>
           <Title order={2} ta="center" fw={500} mb="md">
@@ -111,47 +83,15 @@ export function CloudLoginForm() {
               {t("Continue")}
             </Button>
           </form>
-
-          <Divider my="lg" label="or" labelPosition="center" />
-
-          {findEmailSent ? (
-            <Text ta="center" size="sm" c="dimmed">
-              {t("We've sent you an email with your associated workspaces.")}
-            </Text>
-          ) : (
-            <form onSubmit={findForm.onSubmit(onFindSubmit)}>
-              <Text fw={600} mb="xs">
-                {t("Find your workspaces")}
-              </Text>
-              <TextInput
-                type="email"
-                placeholder="name@company.com"
-                description={t(
-                  "We'll send a list of your workspaces to this email.",
-                )}
-                withErrorStyles={false}
-                {...findForm.getInputProps("email")}
-              />
-              <Button
-                type="submit"
-                fullWidth
-                mt="md"
-                variant="light"
-                loading={isFindLoading}
-              >
-                {t("Send")}
-              </Button>
-            </form>
-          )}
         </Box>
       </Container>
 
-      <Text ta="center" mb="xl">
+      <Text ta="center">
         {t("Don't have a workspace?")}{" "}
         <Anchor component={Link} to={APP_ROUTE.AUTH.CREATE_WORKSPACE} fw={500}>
           {t("Create new workspace")}
         </Anchor>
       </Text>
-    </AuthLayout>
+    </div>
   );
 }

apps/client/src/ee/components/sso-login.tsx

@@ -6,6 +6,7 @@ import { IAuthProvider } from "@/ee/security/types/security.types.ts";
 import { buildSsoLoginUrl } from "@/ee/security/sso.utils.ts";
 import { SSO_PROVIDER } from "@/ee/security/contants.ts";
 import { GoogleIcon } from "@/components/icons/google-icon.tsx";
+import { isCloud } from "@/lib/config.ts";
 import { LdapLoginModal } from "@/ee/components/ldap-login-modal.tsx";
 
 export default function SsoLogin() {
@@ -56,7 +57,7 @@ export default function SsoLogin() {
         />
       )}
 
-      {data.authProviders.length > 0 && (
+      {(isCloud() || data.hasLicenseKey) && (
         <>
           <Stack align="stretch" justify="center" gap="sm">
             {data.authProviders.map((provider) => (

apps/client/src/ee/entitlement/entitlement-atom.ts

@@ -1,7 +0,0 @@
-import { atomWithStorage } from "jotai/utils";
-import type { Entitlements } from "./entitlement.types";
-
-export const entitlementAtom = atomWithStorage<Entitlements | null>(
-  "entitlements",
-  null,
-);

apps/client/src/ee/entitlement/entitlement-service.ts

@@ -1,7 +0,0 @@
-import api from "@/lib/api-client";
-import { Entitlements } from "./entitlement.types";
-
-export async function getEntitlements(): Promise<Entitlements> {
-  const req = await api.post<Entitlements>("/workspace/entitlements");
-  return req.data as Entitlements;
-}

apps/client/src/ee/entitlement/entitlement.types.ts

@@ -1,7 +0,0 @@
-export type Tier = "free" | "standard" | "business" | "enterprise";
-
-export type Entitlements = {
-  cloud: boolean;
-  tier: Tier;
-  features: string[];
-};

apps/client/src/ee/entitlement/use-entitlements.ts

@@ -1,11 +0,0 @@
-import { useQuery, UseQueryResult } from "@tanstack/react-query";
-import { getEntitlements } from "./entitlement-service";
-import { Entitlements } from "./entitlement.types";
-
-export function useEntitlements(): UseQueryResult<Entitlements> {
-  return useQuery({
-    queryKey: ["entitlements"],
-    queryFn: getEntitlements,
-    staleTime: 5 * 60 * 1000,
-  });
-}

apps/client/src/ee/features.ts

@@ -1,19 +0,0 @@
-export const Feature = {
-  SSO_CUSTOM: 'sso:custom',
-  SSO_GOOGLE: 'sso:google',
-  MFA: 'mfa',
-  API_KEYS: 'api:keys',
-  COMMENT_RESOLUTION: 'comment:resolution',
-  PAGE_PERMISSIONS: 'page:permissions',
-  AI: 'ai',
-  CONFLUENCE_IMPORT: 'import:confluence',
-  DOCX_IMPORT: 'import:docx',
-  ATTACHMENT_INDEXING: 'attachment:indexing',
-  SECURITY_SETTINGS: 'security:settings',
-  MCP: 'mcp',
-  SCIM: 'scim',
-  PAGE_VERIFICATION: 'page:verification',
-  AUDIT_LOGS: 'audit:logs',
-  RETENTION: 'retention',
-  SHARING_CONTROLS: 'sharing:controls',
-} as const;

apps/client/src/ee/hooks/use-enterprise-access.tsx

@@ -0,0 +1,12 @@
+import { isCloud } from "@/lib/config";
+import useLicense from "@/ee/hooks/use-license";
+import usePlan from "@/ee/hooks/use-plan";
+
+const useEnterpriseAccess = () => {
+  const { hasLicenseKey } = useLicense();
+  const { isBusiness } = usePlan();
+
+  return (isCloud() && isBusiness) || (!isCloud() && hasLicenseKey);
+};
+
+export default useEnterpriseAccess;

apps/client/src/ee/hooks/use-feature.ts

@@ -1,7 +0,0 @@
-import { useAtom } from "jotai";
-import { entitlementAtom } from "@/ee/entitlement/entitlement-atom";
-
-export const useHasFeature = (feature: string): boolean => {
-  const [entitlements] = useAtom(entitlementAtom);
-  return entitlements?.features?.includes(feature) ?? false;
-};

apps/client/src/ee/hooks/use-license.tsx

@@ -0,0 +1,9 @@
+import { useAtom } from "jotai";
+import { currentUserAtom } from "@/features/user/atoms/current-user-atom.ts";
+
+export const useLicense = () => {
+  const [currentUser] = useAtom(currentUserAtom);
+  return { hasLicenseKey: currentUser?.workspace?.hasLicenseKey };
+};
+
+export default useLicense;

apps/client/src/ee/hooks/use-upgrade-label.ts

@@ -1,16 +0,0 @@
-import { useAtom } from "jotai";
-import { useTranslation } from "react-i18next";
-import { entitlementAtom } from "@/ee/entitlement/entitlement-atom";
-import { isCloud } from "@/lib/config";
-
-export function useUpgradeLabel(): string {
-  const { t } = useTranslation();
-  const [entitlements] = useAtom(entitlementAtom);
-
-  if (!isCloud()) {
-    return entitlements != null && entitlements.tier !== "free"
-      ? t("Upgrade your license tier.")
-      : t("Available with a paid license");
-  }
-  return t("Upgrade your plan");
-}

apps/client/src/ee/licence/components/activate-license-modal.tsx

@@ -1,28 +1,27 @@
 import { z } from "zod/v4";
-import React, { useRef } from "react";
+import React from "react";
-import { Button, Divider, Group, Modal, Stack, Textarea } from "@mantine/core";
+import { Button, Group, Modal, Textarea } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { zod4Resolver } from "mantine-form-zod-resolver";
 import { useTranslation } from "react-i18next";
 import { useActivateMutation } from "@/ee/licence/queries/license-query.ts";
 import { useDisclosure } from "@mantine/hooks";
 import { useAtom } from "jotai";
-import { entitlementAtom } from "@/ee/entitlement/entitlement-atom";
+import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
 import RemoveLicense from "@/ee/licence/components/remove-license.tsx";
 
 export default function ActivateLicense() {
   const { t } = useTranslation();
   const [opened, { open, close }] = useDisclosure(false);
-  const [entitlements] = useAtom(entitlementAtom);
+  const [workspace] = useAtom(workspaceAtom);
-  const hasLicense = entitlements != null && entitlements.tier !== "free";
 
   return (
     <Group justify="flex-end" wrap="nowrap" mb="sm">
       <Button onClick={open}>
-        {hasLicense ? t("Update license") : t("Add license")}
+        {workspace?.hasLicenseKey ? t("Update license") : t("Add license")}
       </Button>
 
-      {hasLicense && <RemoveLicense />}
+      {workspace?.hasLicenseKey && <RemoveLicense />}
 
       <Modal
         size="550"
@@ -49,7 +48,6 @@ interface ActivateLicenseFormProps {
 export function ActivateLicenseForm({ onClose }: ActivateLicenseFormProps) {
   const { t } = useTranslation();
   const activateLicenseMutation = useActivateMutation();
-  const fileInputRef = useRef<HTMLInputElement>(null);
 
   const form = useForm<FormValues>({
     validate: zod4Resolver(formSchema),
@@ -61,71 +59,32 @@ export function ActivateLicenseForm({ onClose }: ActivateLicenseFormProps) {
   async function handleSubmit(data: { licenseKey: string }) {
     await activateLicenseMutation.mutateAsync(data.licenseKey);
     form.reset();
-    onClose?.();
+    onClose();
-  }
-
-  function handleFileUpload(event: React.ChangeEvent<HTMLInputElement>) {
-    const file = event.target.files?.[0];
-    if (!file) return;
-
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      const content = (e.target?.result as string)?.trim();
-      if (content) {
-        form.setFieldValue("licenseKey", content);
-        handleSubmit({ licenseKey: content });
-      }
-    };
-    reader.readAsText(file);
-
-    if (fileInputRef.current) {
-      fileInputRef.current.value = "";
-    }
   }
 
   return (
     <form onSubmit={form.onSubmit(handleSubmit)}>
-      <input
+      <Textarea
-        type="file"
+        label={t("License key")}
-        accept=".txt"
+        description="Enter a valid enterprise license key. Contact sales@docmost.com to purchase one."
-        ref={fileInputRef}
+        placeholder={t("e.g eyJhb.....")}
-        onChange={handleFileUpload}
+        variant="filled"
-        hidden
+        autosize
+        minRows={3}
+        maxRows={5}
+        data-autofocus
+        {...form.getInputProps("licenseKey")}
       />
 
-      <Stack gap="xs">
+      <Group justify="flex-end" mt="md">
-        <Textarea
+        <Button
-          label={t("License key")}
+          type="submit"
-          placeholder={t("e.g eyJhb.....")}
+          disabled={activateLicenseMutation.isPending}
-          variant="filled"
+          loading={activateLicenseMutation.isPending}
-          autosize
+        >
-          minRows={3}
+          {t("Save")}
-          maxRows={5}
+        </Button>
-          data-autofocus
+      </Group>
-          {...form.getInputProps("licenseKey")}
-        />
-
-        <Group justify="flex-end">
-          <Button
-            type="submit"
-            disabled={activateLicenseMutation.isPending}
-            loading={activateLicenseMutation.isPending}
-          >
-            {t("Save")}
-          </Button>
-        </Group>
-
-        <Divider label={t("Or")} labelPosition="center" />
-
-        <Group justify="center">
-          <Button
-            variant="light"
-            onClick={() => fileInputRef.current?.click()}
-          >
-            {t("Upload license file")}
-          </Button>
-        </Group>
-      </Stack>
     </form>
   );
 }

apps/client/src/ee/licence/components/license-details.tsx

@@ -31,8 +31,7 @@ export default function LicenseDetails() {
           <Table.Tr>
             <Table.Th w={160}>Edition</Table.Th>
             <Table.Td>
-              {license.licenseType === "business" ? "Business" : "Enterprise"}{" "}
+              Enterprise {license.trial && <Badge color="green">Trial</Badge>}
-              {license.trial && <Badge color="green">Trial</Badge>}
             </Table.Td>
           </Table.Tr>
 

apps/client/src/ee/licence/components/oss-details.tsx

@@ -68,11 +68,7 @@ export default function OssDetails() {
         </List>
 
         <Text size="sm" c="dimmed">
-          Get an enterprise trial key at <a href="https://customers.docmost.com/" target="_blank" rel="noopener noreferrer">customers.docmost.com</a>.
+          Contact <a href="mailto:sales@docmost.com?subject=Enterprise%20License%20Inquiry">sales@docmost.com </a> to purchase an enterprise license.
-        </Text>
-
-        <Text size="sm" c="dimmed">
-          Visit <a href="https://docmost.com/pricing" target="_blank" rel="noopener noreferrer">docmost.com/pricing</a> to purchase an enterprise license.
         </Text>
       </Stack>
     </Stack>

apps/client/src/ee/licence/pages/license.tsx

@@ -8,11 +8,10 @@ import ActivateLicenseForm from "@/ee/licence/components/activate-license-modal.
 import InstallationDetails from "@/ee/licence/components/installation-details.tsx";
 import OssDetails from "@/ee/licence/components/oss-details.tsx";
 import { useAtom } from "jotai/index";
-import { entitlementAtom } from "@/ee/entitlement/entitlement-atom";
+import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
 
 export default function License() {
-  const [entitlements] = useAtom(entitlementAtom);
+  const [workspace] = useAtom(workspaceAtom);
-  const hasLicense = entitlements != null && entitlements.tier !== "free";
   const { isAdmin } = useUserRole();
 
   if (!isAdmin) {
@@ -30,7 +29,7 @@ export default function License() {
 
       <InstallationDetails />
 
-      {hasLicense ? <LicenseDetails /> : <OssDetails />}
+      {workspace?.hasLicenseKey ? <LicenseDetails /> : <OssDetails />}
     </>
   );
 }

apps/client/src/ee/licence/queries/license-query.ts

@@ -31,7 +31,6 @@ export function useActivateMutation() {
         queryKey: ["license"],
       });
       queryClient.refetchQueries({ queryKey: ["currentUser"] });
-      queryClient.refetchQueries({ queryKey: ["entitlements"] });
     },
     onError: (error) => {
       const errorMessage = error["response"]?.data?.message;
@@ -48,7 +47,6 @@ export function useRemoveLicenseMutation() {
     onSuccess: () => {
       queryClient.refetchQueries({ queryKey: ["license"] });
       queryClient.refetchQueries({ queryKey: ["currentUser"] });
-      queryClient.refetchQueries({ queryKey: ["entitlements"] });
     },
   });
 }

apps/client/src/ee/licence/types/license.types.ts

@@ -1,10 +1,7 @@
-export type LicenseType = 'business' | 'enterprise';
-
 export interface ILicenseInfo {
   id: string;
   customerName: string;
   seatCount: number;
-  licenseType: LicenseType;
   issuedAt: Date;
   expiresAt: Date;
   trial: boolean;

apps/client/src/ee/mfa/components/mfa-challenge.tsx

@@ -22,7 +22,6 @@ import APP_ROUTE, { getPostLoginRedirect } from "@/lib/app-route";
 import { useTranslation } from "react-i18next";
 import { z } from "zod/v4";
 import { MfaBackupCodeInput } from "./mfa-backup-code-input";
-import { AuthLayout } from "@/features/auth/components/auth-layout.tsx";
 
 const formSchema = z.object({
   code: z
@@ -67,7 +66,6 @@ export function MfaChallenge() {
   };
 
   return (
-    <AuthLayout>
     <Container size={420} className={classes.container}>
       <Paper radius="lg" p={40} className={classes.paper}>
         <Stack align="center" gap="xl">
@@ -159,6 +157,5 @@ export function MfaChallenge() {
         </Stack>
       </Paper>
     </Container>
-    </AuthLayout>
   );
 }

apps/client/src/ee/mfa/components/mfa-settings.tsx

@@ -7,9 +7,8 @@ import { getMfaStatus } from "@/ee/mfa";
 import { MfaSetupModal } from "@/ee/mfa";
 import { MfaDisableModal } from "@/ee/mfa";
 import { MfaBackupCodesModal } from "@/ee/mfa";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { isCloud } from "@/lib/config.ts";
-import { Feature } from "@/ee/features";
+import useLicense from "@/ee/hooks/use-license.tsx";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label";
 import { ResponsiveSettingsRow, ResponsiveSettingsContent, ResponsiveSettingsControl } from "@/components/ui/responsive-settings-row";
 
 export function MfaSettings() {
@@ -18,8 +17,7 @@ export function MfaSettings() {
   const [setupModalOpen, setSetupModalOpen] = useState(false);
   const [disableModalOpen, setDisableModalOpen] = useState(false);
   const [backupCodesModalOpen, setBackupCodesModalOpen] = useState(false);
-  const canUseMfa = useHasFeature(Feature.MFA);
+  const { hasLicenseKey } = useLicense();
-  const upgradeLabel = useUpgradeLabel();
 
   const { data: mfaStatus, isLoading } = useQuery({
     queryKey: ["mfa-status"],
@@ -30,6 +28,8 @@ export function MfaSettings() {
     return null;
   }
 
+  const canUseMfa = isCloud() || hasLicenseKey;
+
   // Check if MFA is truly enabled
   const isMfaEnabled = mfaStatus?.isEnabled === true;
 
@@ -69,7 +69,7 @@ export function MfaSettings() {
         <ResponsiveSettingsControl>
           {!isMfaEnabled ? (
             <Tooltip
-              label={upgradeLabel}
+              label={t("Available in enterprise edition")}
               disabled={canUseMfa}
             >
               <Button

apps/client/src/ee/mfa/components/mfa-setup-required.tsx

@@ -5,7 +5,6 @@ import { useTranslation } from "react-i18next";
 import { MfaSetupModal } from "@/ee/mfa";
 import APP_ROUTE, { getPostLoginRedirect } from "@/lib/app-route.ts";
 import { useNavigate } from "react-router-dom";
-import { AuthLayout } from "@/features/auth/components/auth-layout.tsx";
 
 export default function MfaSetupRequired() {
   const { t } = useTranslation();
@@ -16,7 +15,6 @@ export default function MfaSetupRequired() {
   };
 
   return (
-    <AuthLayout>
     <Container size="sm" py="xl">
       <Paper shadow="sm" p="xl" radius="md" withBorder>
         <Stack>
@@ -46,6 +44,5 @@ export default function MfaSetupRequired() {
         </Stack>
       </Paper>
     </Container>
-    </AuthLayout>
   );
 }

apps/client/src/ee/page-permission/components/page-share-modal.tsx

@@ -19,8 +19,7 @@ import { usePageRestrictionInfoQuery } from "@/ee/page-permission/queries/page-p
 import { PagePermissionTab } from "@/ee/page-permission";
 import { PublishTab } from "./publish-tab";
 import { useShareForPageQuery } from "@/features/share/queries/share-query";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { useIsCloudEE } from "@/hooks/use-is-cloud-ee";
-import { Feature } from "@/ee/features";
 import { useAtom } from "jotai";
 import { workspaceAtom } from "@/features/user/atoms/current-user-atom";
 import { useSpaceQuery } from "@/features/space/queries/space-query";
@@ -34,9 +33,9 @@ export function PageShareModal({ readOnly }: PageShareModalProps) {
   const { pageSlug, spaceSlug } = useParams();
   const pageSlugId = extractPageSlugId(pageSlug);
   const [opened, { open, close }] = useDisclosure(false);
-  const hasPagePermissions = useHasFeature(Feature.PAGE_PERMISSIONS);
+  const isCloudEE = useIsCloudEE();
   const [activeTab, setActiveTab] = useState<string | null>(
-    hasPagePermissions ? "access" : "publish",
+    isCloudEE ? "access" : "publish",
   );
 
   const [workspace] = useAtom(workspaceAtom);
@@ -52,7 +51,7 @@ export function PageShareModal({ readOnly }: PageShareModalProps) {
   const isPubliclyShared = !!share;
 
   const { data: restrictionInfo, isLoading: restrictionLoading } =
-    usePageRestrictionInfoQuery(opened && hasPagePermissions ? pageId : undefined);
+    usePageRestrictionInfoQuery(opened && isCloudEE ? pageId : undefined);
 
   return (
     <>
@@ -93,7 +92,7 @@ export function PageShareModal({ readOnly }: PageShareModalProps) {
           </Tabs.List>
 
           <Tabs.Panel value="access">
-            {!hasPagePermissions ? (
+            {!isCloudEE ? (
               <Stack align="center" py="md">
                 <IconLock size={20} stroke={1.5} />
                 <Text size="sm" ta="center" fw={500}>

apps/client/src/ee/pages/verify-email.tsx

@@ -1,112 +0,0 @@
-import { useEffect, useState } from "react";
-import { useSearchParams, useNavigate } from "react-router-dom";
-import { Container, Title, Text, Button, Box } from "@mantine/core";
-import classes from "../../features/auth/components/auth.module.css";
-import {
-  verifyEmail,
-  resendVerificationEmail,
-} from "@/ee/cloud/service/cloud-service.ts";
-import { notifications } from "@mantine/notifications";
-import APP_ROUTE from "@/lib/app-route.ts";
-import { useTranslation } from "react-i18next";
-import { AuthLayout } from "@/features/auth/components/auth-layout.tsx";
-
-export default function VerifyEmail() {
-  const { t } = useTranslation();
-  const [searchParams] = useSearchParams();
-  const navigate = useNavigate();
-  const token = searchParams.get("token");
-  const rawEmail = searchParams.get("email");
-  const email = rawEmail && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(rawEmail) ? rawEmail : null;
-  const sig = searchParams.get("sig");
-  const [isResending, setIsResending] = useState(false);
-  const [resent, setResent] = useState(false);
-
-  useEffect(() => {
-    if (token) {
-      handleVerify(token);
-    }
-  }, [token]);
-
-  async function handleVerify(verifyToken: string) {
-    try {
-      await verifyEmail({ token: verifyToken });
-      navigate(APP_ROUTE.HOME);
-    } catch (err) {
-      notifications.show({
-        message: t("Verification failed. The link may have expired."),
-        color: "red",
-      });
-      navigate(APP_ROUTE.AUTH.LOGIN);
-    }
-  }
-
-  async function handleResend() {
-    if (!email || !sig) return;
-    setIsResending(true);
-
-    try {
-      await resendVerificationEmail({ email, sig });
-      setResent(true);
-    } catch {
-      notifications.show({
-        message: t("Failed to resend verification email. Please try again."),
-        color: "red",
-      });
-    }
-
-    setIsResending(false);
-  }
-
-  if (token) {
-    return (
-      <AuthLayout>
-        <Container size={420} className={classes.container}>
-          <Box p="xl" className={classes.containerBox}>
-            <Title order={2} ta="center" fw={500} mb="md">
-              {t("Verifying your email")}
-            </Title>
-            <Text ta="center" c="dimmed">
-              {t("Please wait...")}
-            </Text>
-          </Box>
-        </Container>
-      </AuthLayout>
-    );
-  }
-
-  return (
-    <AuthLayout>
-    <Container size={420} className={classes.container}>
-      <Box p="xl" className={classes.containerBox}>
-        <Title order={2} ta="center" fw={500} mb="md">
-          {t("Check your email")}
-        </Title>
-        <Text ta="center" c="dimmed" mb="md">
-          {email
-            ? t("We sent a verification link to {{email}}.", { email })
-            : t("We sent a verification link to your email.")}
-        </Text>
-        <Text ta="center" size="sm" c="dimmed" mb="lg">
-          {t("Click the link to verify your email and access your workspace.")}
-        </Text>
-        {email && sig && !resent && (
-          <Button
-            fullWidth
-            variant="light"
-            onClick={handleResend}
-            loading={isResending}
-          >
-            {t("Resend verification email")}
-          </Button>
-        )}
-        {resent && (
-          <Text ta="center" size="sm" c="dimmed">
-            {t("Verification email sent. Please check your inbox.")}
-          </Text>
-        )}
-      </Box>
-    </Container>
-    </AuthLayout>
-  );
-}

apps/client/src/ee/security/components/disable-public-sharing.tsx

@@ -6,23 +6,21 @@ import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
 import { notifications } from "@mantine/notifications";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import useEnterpriseAccess from "@/ee/hooks/use-enterprise-access.tsx";
-import { Feature } from "@/ee/features";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label.ts";
 
 export default function DisablePublicSharing() {
   const { t } = useTranslation();
 
   return (
     <Group justify="space-between" wrap="nowrap" gap="xl">
-      <div>
+        <div>
-        <Text size="md">{t("Disable public sharing")}</Text>
+          <Text size="md">{t("Disable public sharing")}</Text>
-        <Text size="sm" c="dimmed">
+          <Text size="sm" c="dimmed">
-          {t("Prevent members from sharing pages publicly.")}
+            {t("Prevent members from sharing pages publicly.")}
-        </Text>
+          </Text>
-      </div>
+        </div>
 
-      <DisablePublicSharingToggle />
+        <DisablePublicSharingToggle />
     </Group>
   );
 }
@@ -33,8 +31,7 @@ function DisablePublicSharingToggle() {
   const [checked, setChecked] = useState(
     workspace?.settings?.sharing?.disabled === true,
   );
-  const hasSharingControls = useHasFeature(Feature.SHARING_CONTROLS);
+  const hasAccess = useEnterpriseAccess();
-  const upgradeLabel = useUpgradeLabel();
 
   const applyChange = async (value: boolean) => {
     try {
@@ -75,11 +72,15 @@ function DisablePublicSharingToggle() {
   };
 
   return (
-    <Tooltip label={upgradeLabel} disabled={hasSharingControls} refProp="rootRef">
+    <Tooltip
+      label={t("Requires an enterprise license")}
+      disabled={hasAccess}
+      refProp="rootRef"
+    >
       <Switch
         checked={checked}
         onChange={handleChange}
-        disabled={!hasSharingControls}
+        disabled={!hasAccess}
         aria-label={t("Toggle public sharing")}
       />
     </Tooltip>

apps/client/src/ee/security/components/enforce-mfa.tsx

@@ -1,20 +1,10 @@
-import {
+import { Group, Text, Switch, MantineSize, Title } from "@mantine/core";
-  Group,
-  Text,
-  Switch,
-  MantineSize,
-  Title,
-  Tooltip,
-} from "@mantine/core";
 import { useAtom } from "jotai";
 import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
 import { notifications } from "@mantine/notifications";
-import { useHasFeature } from "@/ee/hooks/use-feature.ts";
-import { Feature } from "@/ee/features.ts";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label.ts";
 
 export default function EnforceMfa() {
   const { t } = useTranslation();
@@ -43,8 +33,6 @@ export function EnforceMfaToggle({ size, label }: EnforceMfaToggleProps) {
   const { t } = useTranslation();
   const [workspace, setWorkspace] = useAtom(workspaceAtom);
   const [checked, setChecked] = useState(workspace?.enforceMfa);
-  const hasAccess = useHasFeature(Feature.MFA);
-  const upgradeLabel = useUpgradeLabel();
 
   const handleChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
     const value = event.currentTarget.checked;
@@ -61,16 +49,13 @@ export function EnforceMfaToggle({ size, label }: EnforceMfaToggleProps) {
   };
 
   return (
-    <Tooltip label={upgradeLabel} disabled={hasAccess} refProp="rootRef">
+    <Switch
-      <Switch
+      size={size}
-        size={size}
+      label={label}
-        label={label}
+      labelPosition="left"
-        labelPosition="left"
+      defaultChecked={checked}
-        defaultChecked={checked}
+      onChange={handleChange}
-        onChange={handleChange}
+      aria-label={t("Toggle MFA enforcement")}
-        disabled={!hasAccess}
+    />
-        aria-label={t("Toggle MFA enforcement")}
-      />
-    </Tooltip>
   );
 }

apps/client/src/ee/security/components/enforce-sso.tsx

@@ -1,13 +1,10 @@
-import { Group, Text, Switch, MantineSize, Tooltip } from "@mantine/core";
+import { Group, Text, Switch, MantineSize } from "@mantine/core";
 import { useAtom } from "jotai";
 import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
 import { notifications } from "@mantine/notifications";
-import { useHasFeature } from "@/ee/hooks/use-feature.ts";
-import { Feature } from "@/ee/features.ts";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label.ts";
 
 export default function EnforceSso() {
   const { t } = useTranslation();
@@ -36,8 +33,6 @@ export function EnforceSsoToggle({ size, label }: EnforceSsoToggleProps) {
   const { t } = useTranslation();
   const [workspace, setWorkspace] = useAtom(workspaceAtom);
   const [checked, setChecked] = useState(workspace?.enforceSso);
-  const hasAccess = useHasFeature(Feature.SSO_CUSTOM);
-  const upgradeLabel = useUpgradeLabel();
 
   const handleChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
     const value = event.currentTarget.checked;
@@ -54,16 +49,13 @@ export function EnforceSsoToggle({ size, label }: EnforceSsoToggleProps) {
   };
 
   return (
-    <Tooltip label={upgradeLabel} disabled={hasAccess} refProp="rootRef">
+    <Switch
-      <Switch
+      size={size}
-        size={size}
+      label={label}
-        label={label}
+      labelPosition="left"
-        labelPosition="left"
+      defaultChecked={checked}
-        defaultChecked={checked}
+      onChange={handleChange}
-        onChange={handleChange}
+      aria-label={t("Toggle sso enforcement")}
-        disabled={!hasAccess}
+    />
-        aria-label={t("Toggle sso enforcement")}
-      />
-    </Tooltip>
   );
 }

apps/client/src/ee/security/components/space-public-sharing-toggle.tsx

@@ -6,9 +6,6 @@ import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { ISpace } from "@/features/space/types/space.types.ts";
 import { useUpdateSpaceMutation } from "@/features/space/queries/space-query.ts";
-import { useHasFeature } from "@/ee/hooks/use-feature.ts";
-import { Feature } from "@/ee/features.ts";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label.ts";
 
 type SpacePublicSharingToggleProps = {
   space: ISpace;
@@ -20,9 +17,6 @@ export default function SpacePublicSharingToggle({
   const { t } = useTranslation();
   const [workspace] = useAtom(workspaceAtom);
   const workspaceDisabled = workspace?.settings?.sharing?.disabled === true;
-  const hasSharingControls = useHasFeature(Feature.SHARING_CONTROLS);
-  const upgradeLabel = useUpgradeLabel();
-  const isDisabled = !hasSharingControls || workspaceDisabled;
   const [checked, setChecked] = useState(
     space.settings?.sharing?.disabled === true,
   );
@@ -74,14 +68,14 @@ export default function SpacePublicSharingToggle({
         </Text>
       </div>
       <Tooltip
-        label={!hasSharingControls ? upgradeLabel : t("Public sharing is disabled at the workspace level")}
+        label={t("Public sharing is disabled at the workspace level")}
-        disabled={!isDisabled}
+        disabled={!workspaceDisabled}
         refProp="rootRef"
       >
         <Switch
           checked={checked}
           onChange={handleChange}
-          disabled={isDisabled}
+          disabled={workspaceDisabled}
           aria-label={t("Toggle space public sharing")}
         />
       </Tooltip>

apps/client/src/ee/security/components/trash-retention.tsx

@@ -12,18 +12,13 @@ import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
 import { useTranslation } from "react-i18next";
 import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
 import { notifications } from "@mantine/notifications";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import useEnterpriseAccess from "@/ee/hooks/use-enterprise-access.tsx";
-import { Feature } from "@/ee/features";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label.ts";
 
 type RetentionUnit = "days" | "months" | "years";
 
 const DEFAULT_RETENTION_DAYS = 30;
 
-function daysToRetention(days: number): {
+function daysToRetention(days: number): { amount: number; unit: RetentionUnit } {
-  amount: number;
-  unit: RetentionUnit;
-} {
   if (days >= 365 && days % 365 === 0) {
     return { amount: days / 365, unit: "years" };
   }
@@ -41,19 +36,14 @@ function retentionToDays(amount: number, unit: RetentionUnit): number {
 
 export default function TrashRetention() {
   const { t } = useTranslation();
-  const hasRetention = useHasFeature(Feature.RETENTION);
+  const hasAccess = useEnterpriseAccess();
-  const upgradeLabel = useUpgradeLabel();
   const [workspace, setWorkspace] = useAtom(workspaceAtom);
 
   const currentDays = workspace?.trashRetentionDays ?? DEFAULT_RETENTION_DAYS;
   const parsed = daysToRetention(currentDays);
 
-  const [retentionAmount, setRetentionAmount] = useState<number | string>(
+  const [retentionAmount, setRetentionAmount] = useState<number | string>(parsed.amount);
-    parsed.amount,
+  const [retentionUnit, setRetentionUnit] = useState<RetentionUnit>(parsed.unit);
-  );
-  const [retentionUnit, setRetentionUnit] = useState<RetentionUnit>(
-    parsed.unit,
-  );
   const [saving, setSaving] = useState(false);
 
   useEffect(() => {
@@ -73,17 +63,14 @@ export default function TrashRetention() {
 
     setSaving(true);
     try {
-      const updatedWorkspace = await updateWorkspace({
+      const updatedWorkspace = await updateWorkspace({ trashRetentionDays: days });
-        trashRetentionDays: days,
-      });
       setWorkspace(updatedWorkspace);
       notifications.show({
         message: t("Trash retention updated"),
       });
     } catch (err: any) {
       notifications.show({
-        message:
+        message: err?.response?.data?.message || t("Failed to update trash retention"),
-          err?.response?.data?.message || t("Failed to update trash retention"),
         color: "red",
       });
       const { amount, unit } = daysToRetention(currentDays);
@@ -94,11 +81,10 @@ export default function TrashRetention() {
     }
   };
 
-  const isDirty =
+  const isDirty = retentionToDays(
-    retentionToDays(
+    typeof retentionAmount === "number" ? retentionAmount : 1,
-      typeof retentionAmount === "number" ? retentionAmount : 1,
+    retentionUnit,
-      retentionUnit,
+  ) !== currentDays;
-    ) !== currentDays;
 
   return (
     <div>
@@ -107,7 +93,10 @@ export default function TrashRetention() {
         {t("Pages in trash will be permanently deleted after this period.")}
       </Text>
 
-      <Tooltip label={upgradeLabel} disabled={hasRetention}>
+      <Tooltip
+        label={t("Requires an enterprise license")}
+        disabled={hasAccess}
+      >
         <Group gap="xs" wrap="nowrap" maw={320}>
           <NumberInput
             value={retentionAmount}
@@ -116,7 +105,7 @@ export default function TrashRetention() {
             hideControls
             size="sm"
             w={60}
-            disabled={!hasRetention}
+            disabled={!hasAccess}
           />
           <Select
             data={[
@@ -132,13 +121,13 @@ export default function TrashRetention() {
             }}
             size="sm"
             style={{ flex: 1 }}
-            disabled={!hasRetention}
+            disabled={!hasAccess}
           />
           <Button
             size="sm"
             onClick={handleSave}
             loading={saving}
-            disabled={!hasRetention || !isDirty}
+            disabled={!hasAccess || !isDirty}
           >
             {t("Save")}
           </Button>

apps/client/src/ee/security/pages/security.tsx

@@ -12,15 +12,14 @@ import { useTranslation } from "react-i18next";
 import EnforceMfa from "@/ee/security/components/enforce-mfa.tsx";
 import DisablePublicSharing from "@/ee/security/components/disable-public-sharing.tsx";
 import TrashRetention from "@/ee/security/components/trash-retention.tsx";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import useEnterpriseAccess from "@/ee/hooks/use-enterprise-access.tsx";
-import { Feature } from "@/ee/features";
+import { useIsCloudEE } from "@/hooks/use-is-cloud-ee.tsx";
 
 export default function Security() {
   const { t } = useTranslation();
   const { isAdmin } = useUserRole();
-  const hasCustomSso = useHasFeature(Feature.SSO_CUSTOM);
+  const hasEnterpriseAccess = useEnterpriseAccess();
-  const hasRetention = useHasFeature(Feature.RETENTION);
+  const isCloudEE = useIsCloudEE();
-  const hasSharingControls = useHasFeature(Feature.SHARING_CONTROLS);
 
   if (!isAdmin) {
     return null;
@@ -37,27 +36,39 @@ export default function Security() {
 
       <Divider my="lg" />
 
-      <DisablePublicSharing />
+      {(!isCloud() || hasEnterpriseAccess) && (
-      <Divider my="lg" />
+        <>
+          <DisablePublicSharing />
+          <Divider my="lg" />
+        </>
+      )}
 
-      <TrashRetention />
+      {!isCloud() && (
-      <Divider my="lg" />
+        <>
+          <TrashRetention />
+          <Divider my="lg" />
+        </>
+      )}
 
       <Title order={4} my="lg">
         Single sign-on (SSO)
       </Title>
 
-      <EnforceSso />
+      {hasEnterpriseAccess && (
-      <Divider my="lg" />
+        <>
+          <EnforceSso />
+          <Divider my="lg" />
+        </>
+      )}
 
-      {(isCloud() || hasCustomSso) && (
+      {isCloudEE && (
         <>
           <AllowedDomains />
           <Divider my="lg" />
         </>
       )}
 
-      {hasCustomSso && (
+      {hasEnterpriseAccess && (
         <>
           <CreateSsoProvider />
           <Divider size={0} my="lg" />

apps/client/src/features/auth/components/auth-layout.tsx

@@ -1,26 +0,0 @@
-import React from "react";
-import { Group, Text } from "@mantine/core";
-import classes from "./auth.module.css";
-
-type AuthLayoutProps = {
-  children: React.ReactNode;
-};
-
-export function AuthLayout({ children }: AuthLayoutProps) {
-  return (
-    <>
-      <Group justify="center" gap={8} className={classes.logo}>
-        <img
-          src="/icons/favicon-32x32.png"
-          alt="Docmost"
-          width={22}
-          height={22}
-        />
-        <Text size="28px" fw={700} style={{ userSelect: "none" }}>
-          Docmost
-        </Text>
-      </Group>
-      {children}
-    </>
-  );
-}

apps/client/src/features/auth/components/auth.module.css

@@ -1,20 +1,12 @@
-.logo {
-    margin-top: 80px;
-
-    @media (max-width: $mantine-breakpoint-sm) {
-        margin-top: 30px;
-    }
-}
-
 .container {
     box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 45px 4px;
     border-radius: 4px;
     background: light-dark(var(--mantine-color-body), rgba(0, 0, 0, 0.1));
-    margin-top: 40px;
+    margin-top: 150px;
     margin-bottom: 20px;
 
     @media (max-width: $mantine-breakpoint-sm) {
-        margin-top: 20px;
+        margin-top: 50px;
         margin-bottom: 20px;
     }
 }

apps/client/src/features/auth/components/forgot-password-form.tsx

@@ -7,7 +7,6 @@ import { Box, Button, Container, Text, TextInput, Title } from "@mantine/core";
 import classes from "./auth.module.css";
 import { useRedirectIfAuthenticated } from "@/features/auth/hooks/use-redirect-if-authenticated.ts";
 import { useTranslation } from "react-i18next";
-import { AuthLayout } from "./auth-layout.tsx";
 
 const formSchema = z.object({
   email: z
@@ -36,7 +35,6 @@ export function ForgotPasswordForm() {
   }
 
   return (
-    <AuthLayout>
     <Container size={420} className={classes.container}>
       <Box p="xl" className={classes.containerBox}>
         <Title order={2} ta="center" fw={500} mb="md">
@@ -71,6 +69,5 @@ export function ForgotPasswordForm() {
         </form>
       </Box>
     </Container>
-    </AuthLayout>
   );
 }

apps/client/src/features/auth/components/invite-sign-up-form.tsx

@@ -19,7 +19,6 @@ import { useGetInvitationQuery } from "@/features/workspace/queries/workspace-qu
 import { useRedirectIfAuthenticated } from "@/features/auth/hooks/use-redirect-if-authenticated.ts";
 import { useTranslation } from "react-i18next";
 import SsoLogin from "@/ee/components/sso-login.tsx";
-import { AuthLayout } from "./auth-layout.tsx";
 
 const formSchema = z.object({
   name: z.string().trim().min(1),
@@ -67,7 +66,6 @@ export function InviteSignUpForm() {
   }
 
   return (
-    <AuthLayout>
     <Container size={420} className={classes.container}>
       <Box p="xl" className={classes.containerBox}>
         <Title order={2} ta="center" fw={500} mb="md">
@@ -113,6 +111,5 @@ export function InviteSignUpForm() {
         )}
       </Box>
     </Container>
-    </AuthLayout>
   );
 }

apps/client/src/features/auth/components/login-form.tsx

@@ -21,7 +21,6 @@ import SsoLogin from "@/ee/components/sso-login.tsx";
 import { useWorkspacePublicDataQuery } from "@/features/workspace/queries/workspace-query.ts";
 import { Error404 } from "@/components/ui/error-404.tsx";
 import React from "react";
-import { AuthLayout } from "./auth-layout.tsx";
 
 const formSchema = z.object({
   email: z
@@ -63,54 +62,52 @@ export function LoginForm() {
   }
 
   return (
-    <AuthLayout>
+    <Container size={420} className={classes.container}>
-      <Container size={420} className={classes.container}>
+      <Box p="xl" className={classes.containerBox}>
-        <Box p="xl" className={classes.containerBox}>
+        <Title order={2} ta="center" fw={500} mb="md">
-          <Title order={2} ta="center" fw={500} mb="md">
+          {t("Login")}
-            {t("Login")}
+        </Title>
-          </Title>
 
-          <SsoLogin />
+        <SsoLogin />
 
-          {!data?.enforceSso && (
+        {!data?.enforceSso && (
-            <>
+          <>
-              <form onSubmit={form.onSubmit(onSubmit)}>
+            <form onSubmit={form.onSubmit(onSubmit)}>
-                <TextInput
+              <TextInput
-                  id="email"
+                id="email"
-                  type="email"
+                type="email"
-                  label={t("Email")}
+                label={t("Email")}
-                  placeholder="email@example.com"
+                placeholder="email@example.com"
-                  variant="filled"
+                variant="filled"
-                  {...form.getInputProps("email")}
+                {...form.getInputProps("email")}
-                />
+              />
 
-                <PasswordInput
+              <PasswordInput
-                  label={t("Password")}
+                label={t("Password")}
-                  placeholder={t("Your password")}
+                placeholder={t("Your password")}
-                  variant="filled"
+                variant="filled"
-                  mt="md"
+                mt="md"
-                  {...form.getInputProps("password")}
+                {...form.getInputProps("password")}
-                />
+              />
 
-                <Group justify="flex-end" mt="sm">
+              <Group justify="flex-end" mt="sm">
-                  <Anchor
+                <Anchor
-                    to={APP_ROUTE.AUTH.FORGOT_PASSWORD}
+                  to={APP_ROUTE.AUTH.FORGOT_PASSWORD}
-                    component={Link}
+                  component={Link}
-                    underline="never"
+                  underline="never"
-                    size="sm"
+                  size="sm"
-                  >
+                >
-                    {t("Forgot your password?")}
+                  {t("Forgot your password?")}
-                  </Anchor>
+                </Anchor>
-                </Group>
+              </Group>
 
-                <Button type="submit" fullWidth mt="md" loading={isLoading}>
+              <Button type="submit" fullWidth mt="md" loading={isLoading}>
-                  {t("Sign In")}
+                {t("Sign In")}
-                </Button>
+              </Button>
-              </form>
+            </form>
-            </>
+          </>
-          )}
+        )}
-        </Box>
+      </Box>
-      </Container>
+    </Container>
-    </AuthLayout>
   );
 }

apps/client/src/features/auth/components/password-reset-form.tsx

@@ -6,7 +6,6 @@ import { Box, Button, Container, PasswordInput, Title } from "@mantine/core";
 import classes from "./auth.module.css";
 import { useRedirectIfAuthenticated } from "@/features/auth/hooks/use-redirect-if-authenticated.ts";
 import { useTranslation } from "react-i18next";
-import { AuthLayout } from "./auth-layout.tsx";
 
 const formSchema = z.object({
   newPassword: z
@@ -39,7 +38,6 @@ export function PasswordResetForm({ resetToken }: PasswordResetFormProps) {
   }
 
   return (
-    <AuthLayout>
     <Container size={420} className={classes.container}>
       <Box p="xl" className={classes.containerBox}>
         <Title order={2} ta="center" fw={500} mb="md">
@@ -61,6 +59,5 @@ export function PasswordResetForm({ resetToken }: PasswordResetFormProps) {
         </form>
       </Box>
     </Container>
-    </AuthLayout>
   );
 }

apps/client/src/features/auth/components/setup-workspace-form.tsx

@@ -19,15 +19,14 @@ import SsoCloudSignup from "@/ee/components/sso-cloud-signup.tsx";
 import { isCloud } from "@/lib/config.ts";
 import { Link } from "react-router-dom";
 import APP_ROUTE from "@/lib/app-route.ts";
-import { AuthLayout } from "./auth-layout.tsx";
 
 const formSchema = z.object({
   workspaceName: z.string().trim().max(50).optional(),
-  name: z.string().min(1, { message: "Name is required" }).max(50),
+  name: z.string().min(1).max(50),
   email: z
-    .email({ message: "Invalid email address" })
+    .email()
-    .min(1, { message: "Email is required" }),
+    .min(1, { message: "email is required" }),
-  password: z.string().min(8, { message: "Password must be at least 8 characters" }),
+  password: z.string().min(8),
 });
 type FormValues = z.infer<typeof formSchema>;
 
@@ -51,7 +50,7 @@ export function SetupWorkspaceForm() {
   }
 
   return (
-    <AuthLayout>
+    <div>
       <Container size={420} className={classes.container}>
         <Box p="xl" className={classes.containerBox}>
           <Title order={2} ta="center" fw={500} mb="md">
@@ -118,6 +117,6 @@ export function SetupWorkspaceForm() {
           </Anchor>
         </Text>
       )}
-    </AuthLayout>
+    </div>
   );
 }

apps/client/src/features/auth/hooks/use-auth.ts

@@ -27,7 +27,7 @@ import APP_ROUTE, { getPostLoginRedirect } from "@/lib/app-route.ts";
 import { RESET } from "jotai/utils";
 import { useTranslation } from "react-i18next";
 import { isCloud } from "@/lib/config.ts";
-import { exchangeTokenRedirectUrl, getHostnameUrl } from "@/ee/utils.ts";
+import { exchangeTokenRedirectUrl } from "@/ee/utils.ts";
 
 export default function useAuth() {
   const { t } = useTranslation();
@@ -52,18 +52,9 @@ export default function useAuth() {
       }
     } catch (err) {
       setIsLoading(false);
-
+      console.log(err);
-      const message = err.response?.data?.message;
-      if (isCloud() && message?.includes("verify your email")) {
-        const sig = err.response?.data?.emailSignature;
-        navigate(
-          `${APP_ROUTE.AUTH.VERIFY_EMAIL}?email=${encodeURIComponent(data.email)}${sig ? `&sig=${sig}` : ""}`,
-        );
-        return;
-      }
-
       notifications.show({
-        message,
+        message: err.response?.data.message,
         color: "red",
       });
     }
@@ -101,17 +92,6 @@ export default function useAuth() {
     try {
       if (isCloud()) {
         const res = await createWorkspace(data);
-
-        if (res?.requiresEmailVerification) {
-          const hostname = res?.workspace?.hostname;
-          if (hostname) {
-            window.location.href =
-              getHostnameUrl(hostname) +
-              `/verify-email?email=${encodeURIComponent(data.email)}&sig=${res.emailSignature}`;
-          }
-          return;
-        }
-
         const hostname = res?.workspace?.hostname;
         const exchangeToken = res?.exchangeToken;
         if (hostname && exchangeToken) {

apps/client/src/features/auth/services/auth-service.ts

@@ -51,4 +51,3 @@ export async function getCollabToken(): Promise<ICollabToken> {
   const req = await api.post<ICollabToken>("/auth/collab-token");
   return req.data;
 }
-

apps/client/src/features/comment/components/comment-actions.tsx

@@ -24,12 +24,7 @@ function CommentActions({
         </Button>
       )}
 
-      <Button
+      <Button size="compact-sm" loading={isLoading} onClick={onSave}>
-        size="compact-sm"
-        loading={isLoading}
-        onClick={onSave}
-        onMouseDown={(e) => e.preventDefault()}
-      >
         {t("Save")}
       </Button>
     </Group>

apps/client/src/features/comment/components/comment-list-item.tsx

@@ -7,8 +7,7 @@ import CommentEditor from "@/features/comment/components/comment-editor";
 import { pageEditorAtom } from "@/features/editor/atoms/editor-atoms";
 import CommentActions from "@/features/comment/components/comment-actions";
 import CommentMenu from "@/features/comment/components/comment-menu";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { useIsCloudEE } from "@/hooks/use-is-cloud-ee";
-import { Feature } from "@/ee/features";
 import ResolveComment from "@/ee/comment/components/resolve-comment";
 import { useHover } from "@mantine/hooks";
 import {
@@ -45,7 +44,7 @@ function CommentListItem({
   const deleteCommentMutation = useDeleteCommentMutation(comment.pageId);
   const resolveCommentMutation = useResolveCommentMutation();
   const [currentUser] = useAtom(currentUserAtom);
-  const canResolve = useHasFeature(Feature.COMMENT_RESOLUTION);
+  const isCloudEE = useIsCloudEE();
   const createdAtAgo = useTimeAgo(comment.createdAt);
 
   useEffect(() => {
@@ -82,7 +81,7 @@ function CommentListItem({
   }
 
   async function handleResolveComment() {
-    if (!canResolve) return;
+    if (!isCloudEE) return;
     
     try {
       const isResolved = comment.resolvedAt != null;
@@ -138,7 +137,7 @@ function CommentListItem({
             </Text>
 
             <div style={{ visibility: hovered ? "visible" : "hidden" }}>
-              {!comment.parentCommentId && canComment && canResolve && (
+              {!comment.parentCommentId && canComment && isCloudEE && (
                 <ResolveComment
                   editor={editor}
                   commentId={comment.id}

apps/client/src/features/comment/components/comment-list-with-tabs.tsx

@@ -27,9 +27,6 @@ import { extractPageSlugId } from "@/lib";
 import { useTranslation } from "react-i18next";
 import { useGetSpaceBySlugQuery } from "@/features/space/queries/space-query.ts";
 import { IconArrowUp, IconMessageOff } from "@tabler/icons-react";
-import { useAtom } from "jotai";
-import { currentUserAtom } from "@/features/user/atoms/current-user-atom";
-import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
 
 function CommentListWithTabs() {
   const { t } = useTranslation();
@@ -348,7 +345,6 @@ const PageCommentInput = ({ onSave, isLoading }) => {
   const [content, setContent] = useState("");
   const { ref, focused } = useFocusWithin();
   const commentEditorRef = useRef(null);
-  const [currentUser] = useAtom(currentUserAtom);
 
   const handleSave = useCallback(() => {
     onSave(null, content);
@@ -367,30 +363,19 @@ const PageCommentInput = ({ onSave, isLoading }) => {
         position: "relative",
       }}
     >
-      <Group wrap="nowrap" align="flex-start" gap="xs">
+      <CommentEditor
-        <CustomAvatar
+        ref={commentEditorRef}
-          size="sm"
+        onUpdate={setContent}
-          avatarUrl={currentUser?.user?.avatarUrl}
+        onSave={handleSave}
-          name={currentUser?.user?.name}
+        editable={true}
-          style={{ flexShrink: 0, marginTop: 10 }}
+        placeholder={t("Add a comment...")}
-        />
+      />
-        <div style={{ flex: 1, minWidth: 0 }}>
-          <CommentEditor
-            ref={commentEditorRef}
-            onUpdate={setContent}
-            onSave={handleSave}
-            editable={true}
-            placeholder={t("Add a comment...")}
-          />
-        </div>
-      </Group>
       {focused && (
         <ActionIcon
           variant="filled"
           radius="xl"
           size="sm"
           onClick={handleSave}
-          onMouseDown={(e) => e.preventDefault()}
           loading={isLoading}
           style={{ position: "absolute", right: 8, bottom: 30 }}
         >

apps/client/src/features/comment/components/comment-menu.tsx

@@ -1,16 +1,8 @@
 import { ActionIcon, Menu, Tooltip } from "@mantine/core";
-import {
+import { IconDots, IconEdit, IconTrash, IconCircleCheck, IconCircleCheckFilled } from "@tabler/icons-react";
-  IconDots,
-  IconEdit,
-  IconTrash,
-  IconCircleCheck,
-  IconCircleCheckFilled,
-} from "@tabler/icons-react";
 import { modals } from "@mantine/modals";
 import { useTranslation } from "react-i18next";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { useIsCloudEE } from "@/hooks/use-is-cloud-ee";
-import { Feature } from "@/ee/features";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label";
 
 type CommentMenuProps = {
   onEditComment: () => void;
@@ -27,11 +19,10 @@ function CommentMenu({
   onResolveComment,
   canEdit = true,
   isResolved = false,
-  isParentComment = false,
+  isParentComment = false
 }: CommentMenuProps) {
   const { t } = useTranslation();
-  const canResolve = useHasFeature(Feature.COMMENT_RESOLUTION);
+  const isCloudEE = useIsCloudEE();
-  const upgradeLabel = useUpgradeLabel();
 
   //@ts-ignore
   const openDeleteModal = () =>
@@ -53,34 +44,33 @@ function CommentMenu({
 
       <Menu.Dropdown>
         {canEdit && (
-          <Menu.Item
+          <Menu.Item onClick={onEditComment} leftSection={<IconEdit size={14} />}>
-            onClick={onEditComment}
-            leftSection={<IconEdit size={14} />}
-          >
             {t("Edit comment")}
           </Menu.Item>
         )}
-        {isParentComment &&
+        {isParentComment && (
-          (canResolve ? (
+          isCloudEE ? (
             <Menu.Item 
               onClick={onResolveComment} 
               leftSection={
-                isResolved ? (
+                isResolved ? 
-                  <IconCircleCheckFilled size={14} />
+                  <IconCircleCheckFilled size={14} /> : 
-                ) : (
                   <IconCircleCheck size={14} />
-                )
               }
             >
               {isResolved ? t("Re-open comment") : t("Resolve comment")}
             </Menu.Item>
           ) : (
-            <Tooltip label={upgradeLabel} position="left">
+            <Tooltip label={t("Available in enterprise edition")} position="left">
-              <Menu.Item disabled leftSection={<IconCircleCheck size={14} />}>
+              <Menu.Item 
+                disabled
+                leftSection={<IconCircleCheck size={14} />}
+              >
                 {t("Resolve comment")}
               </Menu.Item>
             </Tooltip>
-          ))}
+          )
+        )}
         <Menu.Item
           leftSection={<IconTrash size={14} />}
           onClick={openDeleteModal}

apps/client/src/features/editor/atoms/editor-atoms.ts

@@ -10,5 +10,3 @@ export const readOnlyEditorAtom = atom<Editor | null>(null);
 export const yjsConnectionStatusAtom = atom<string>("");
 
 export const showAiMenuAtom = atom(false);
-
-export const showLinkMenuAtom = atom(false);

apps/client/src/features/editor/components/bubble-menu/bubble-menu.tsx

@@ -26,7 +26,7 @@ import { v7 as uuid7 } from "uuid";
 import { isCellSelection, isTextSelected } from "@docmost/editor-ext";
 import { LinkSelector } from "@/features/editor/components/bubble-menu/link-selector.tsx";
 import { useTranslation } from "react-i18next";
-import { showAiMenuAtom, showLinkMenuAtom } from "@/features/editor/atoms/editor-atoms";
+import { showAiMenuAtom } from "@/features/editor/atoms/editor-atoms";
 import { workspaceAtom } from "@/features/user/atoms/current-user-atom";
 
 export interface BubbleMenuItem {
@@ -49,8 +49,6 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
   const [, setDraftCommentId] = useAtom(draftCommentIdAtom);
   const showCommentPopupRef = useRef(showCommentPopup);
   const showAiMenuRef = useRef(showAiMenu);
-  const [showLinkMenu] = useAtom(showLinkMenuAtom);
-  const showLinkMenuRef = useRef(showLinkMenu);
 
   useEffect(() => {
     showCommentPopupRef.current = showCommentPopup;
@@ -60,10 +58,6 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
     showAiMenuRef.current = showAiMenu;
   }, [showAiMenu]);
 
-  useEffect(() => {
-    showLinkMenuRef.current = showLinkMenu;
-  }, [showLinkMenu]);
-
   const editorState = useEditorState({
     editor: props.editor,
     selector: (ctx) => {
@@ -141,7 +135,6 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
         isNodeSelection(selection) ||
         isCellSelection(selection) ||
         showAiMenuRef.current ||
-        showLinkMenuRef.current ||
         showCommentPopupRef?.current
       ) {
         return false;
@@ -154,6 +147,7 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
       onHide: () => {
         setIsNodeSelectorOpen(false);
         setIsTextAlignmentOpen(false);
+        setIsLinkSelectorOpen(false);
         setIsColorSelectorOpen(false);
       },
     },
@@ -161,10 +155,11 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
 
   const [isNodeSelectorOpen, setIsNodeSelectorOpen] = useState(false);
   const [isTextAlignmentSelectorOpen, setIsTextAlignmentOpen] = useState(false);
+  const [isLinkSelectorOpen, setIsLinkSelectorOpen] = useState(false);
   const [isColorSelectorOpen, setIsColorSelectorOpen] = useState(false);
 
   // Hide the bubble menu immediately when AI menu is shown
-  if (showAiMenu || showLinkMenu) return;
+  if (showAiMenu) return;
 
   return (
     <BubbleMenu
@@ -194,6 +189,7 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
           setIsOpen={() => {
             setIsNodeSelectorOpen(!isNodeSelectorOpen);
             setIsTextAlignmentOpen(false);
+            setIsLinkSelectorOpen(false);
             setIsColorSelectorOpen(false);
           }}
         />
@@ -204,6 +200,7 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
           setIsOpen={() => {
             setIsTextAlignmentOpen(!isTextAlignmentSelectorOpen);
             setIsNodeSelectorOpen(false);
+            setIsLinkSelectorOpen(false);
             setIsColorSelectorOpen(false);
           }}
         />
@@ -227,7 +224,16 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
           ))}
         </ActionIcon.Group>
 
-        <LinkSelector />
+        <LinkSelector
+          editor={props.editor}
+          isOpen={isLinkSelectorOpen}
+          setIsOpen={(value) => {
+            setIsLinkSelectorOpen(value);
+            setIsNodeSelectorOpen(false);
+            setIsTextAlignmentOpen(false);
+            setIsColorSelectorOpen(false);
+          }}
+        />
 
         <ColorSelector
           editor={props.editor}
@@ -236,6 +242,7 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
             setIsColorSelectorOpen(!isColorSelectorOpen);
             setIsNodeSelectorOpen(false);
             setIsTextAlignmentOpen(false);
+            setIsLinkSelectorOpen(false);
           }}
         />
 

apps/client/src/features/editor/components/bubble-menu/link-selector.tsx

@@ -1,25 +1,66 @@
-import { FC } from "react";
+import { Dispatch, FC, SetStateAction, useCallback } from "react";
 import { IconLink } from "@tabler/icons-react";
-import { ActionIcon, Tooltip } from "@mantine/core";
+import { ActionIcon, Popover, Tooltip } from "@mantine/core";
-import { useSetAtom } from "jotai";
+import { useEditor } from "@tiptap/react";
+import { TextSelection } from "@tiptap/pm/state";
+import { LinkEditorPanel } from "@/features/editor/components/link/link-editor-panel.tsx";
 import { useTranslation } from "react-i18next";
-import { showLinkMenuAtom } from "@/features/editor/atoms/editor-atoms";
 
-export const LinkSelector: FC = () => {
+interface LinkSelectorProps {
+  editor: ReturnType<typeof useEditor>;
+  isOpen: boolean;
+  setIsOpen: Dispatch<SetStateAction<boolean>>;
+}
+
+export const LinkSelector: FC<LinkSelectorProps> = ({
+  editor,
+  isOpen,
+  setIsOpen,
+}) => {
   const { t } = useTranslation();
-  const setShowLinkMenu = useSetAtom(showLinkMenuAtom);
+  const onLink = useCallback(
+    (url: string) => {
+      setIsOpen(false);
+      editor
+        .chain()
+        .focus()
+        .setLink({ href: url })
+        .command(({ tr }) => {
+          tr.setSelection(TextSelection.create(tr.doc, tr.selection.to));
+          return true;
+        })
+        .run();
+    },
+    [editor, setIsOpen],
+  );
 
   return (
-    <Tooltip label={t("Add link")} withArrow>
+    <Popover
-      <ActionIcon
+      width={300}
-        variant="default"
+      opened={isOpen}
-        size="lg"
+      trapFocus
-        radius="0"
+      offset={{ mainAxis: 35, crossAxis: 0 }}
-        style={{ border: "none" }}
+      withArrow
-        onClick={() => setShowLinkMenu(true)}
+    >
-      >
+      <Popover.Target>
-        <IconLink size={16} />
+        <Tooltip label={t("Add link")} withArrow>
-      </ActionIcon>
+          <ActionIcon
-    </Tooltip>
+            variant="default"
+            size="lg"
+            radius="0"
+            style={{
+              border: "none",
+            }}
+            onClick={() => setIsOpen(!isOpen)}
+          >
+            <IconLink size={16} />
+          </ActionIcon>
+        </Tooltip>
+      </Popover.Target>
+
+      <Popover.Dropdown>
+        <LinkEditorPanel onSetLink={onLink} />
+      </Popover.Dropdown>
+    </Popover>
   );
 };

apps/client/src/features/editor/components/drawio/drawio-menu.tsx

@@ -1,6 +1,6 @@
 import { BubbleMenu as BaseBubbleMenu } from "@tiptap/react/menus";
 import { findParentNode, posToDOMRect, useEditorState } from "@tiptap/react";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 import { Node as PMNode } from "@tiptap/pm/model";
 import {
   EditorMenuProps,
@@ -8,9 +8,7 @@ import {
 } from "@/features/editor/components/table/types/types.ts";
 import {
   ActionIcon,
-  LoadingOverlay,
   Modal,
-  Text,
   Tooltip,
   useComputedColorScheme,
 } from "@mantine/core";
@@ -31,12 +29,10 @@ import {
   DrawIoEmbed,
   DrawIoEmbedRef,
   EventExit,
-  EventExport,
   EventSave,
 } from "react-drawio";
 import { decodeBase64ToSvgString, svgStringToFile } from "@/lib/utils";
 import { IAttachment } from "@/features/attachments/types/attachment.types";
-import { modals } from "@mantine/modals";
 import classes from "../common/toolbar-menu.module.css";
 
 export function DrawioMenu({ editor }: EditorMenuProps) {
@@ -45,10 +41,6 @@ export function DrawioMenu({ editor }: EditorMenuProps) {
   const [initialXML, setInitialXML] = useState<string>("");
   const drawioRef = useRef<DrawIoEmbedRef>(null);
   const computedColorScheme = useComputedColorScheme();
-  const isDirtyRef = useRef(false);
-  const isSavingRef = useRef(false);
-  const [isSaving, setIsSaving] = useState(false);
-  const [isLoading, setIsLoading] = useState(false);
 
   const editorState = useEditorState({
     editor,
@@ -139,14 +131,33 @@ export function DrawioMenu({ editor }: EditorMenuProps) {
     editor.commands.deleteSelection();
   }, [editor]);
 
-  const saveData = useCallback(async (svgXml: string) => {
+  const handleOpen = useCallback(async () => {
-    if (isSavingRef.current) return;
+    if (!editorState?.src) return;
-
-    isSavingRef.current = true;
-    setIsSaving(true);
 
     try {
-      const svgString = decodeBase64ToSvgString(svgXml);
+      const url = getFileUrl(editorState.src);
+      const request = await fetch(url, {
+        credentials: "include",
+        cache: "no-store",
+      });
+      const blob = await request.blob();
+
+      const reader = new FileReader();
+      reader.readAsDataURL(blob);
+      reader.onloadend = () => {
+        const base64data = (reader.result || "") as string;
+        setInitialXML(base64data);
+      };
+    } catch (err) {
+      console.error(err);
+    } finally {
+      open();
+    }
+  }, [editorState?.src, open]);
+
+  const handleSave = useCallback(
+    async (data: EventSave) => {
+      const svgString = decodeBase64ToSvgString(data.xml);
       const fileName = "diagram.drawio.svg";
       const drawioSVGFile = await svgStringToFile(svgString, fileName);
 
@@ -168,88 +179,10 @@ export function DrawioMenu({ editor }: EditorMenuProps) {
         attachmentId: attachment.id,
       });
 
-      isDirtyRef.current = false;
-    } finally {
-      isSavingRef.current = false;
-      setIsSaving(false);
-    }
-  }, [editor, editorState?.attachmentId]);
-
-  const handleClose = useCallback(() => {
-    if (!isDirtyRef.current) {
       close();
-      return;
+    },
-    }
+    [editor, editorState?.attachmentId, close],
-
+  );
-    modals.openConfirmModal({
-      title: t("Unsaved changes"),
-      children: (
-        <Text size="sm">
-          {t("You have unsaved changes that will be lost.")}
-        </Text>
-      ),
-      centered: true,
-      labels: { confirm: t("Discard"), cancel: t("Cancel") },
-      confirmProps: { color: "red" },
-      onConfirm: () => {
-        isDirtyRef.current = false;
-        close();
-      },
-    });
-  }, [close, t]);
-
-  const handleOpen = useCallback(async () => {
-    if (!editorState?.src) return;
-
-    setIsLoading(true);
-    try {
-      const url = getFileUrl(editorState.src);
-      const request = await fetch(url, {
-        credentials: "include",
-        cache: "no-store",
-      });
-      const blob = await request.blob();
-
-      const reader = new FileReader();
-      reader.readAsDataURL(blob);
-      reader.onloadend = () => {
-        const base64data = (reader.result || "") as string;
-        setInitialXML(base64data);
-      };
-    } catch (err) {
-      console.error(err);
-    } finally {
-      setIsLoading(false);
-      isDirtyRef.current = false;
-      open();
-    }
-  }, [editorState?.src, open]);
-
-  useEffect(() => {
-    if (!opened) return;
-
-    const interval = setInterval(() => {
-      if (isDirtyRef.current && !isSavingRef.current && drawioRef.current) {
-        drawioRef.current.exportDiagram({ format: "xmlsvg" });
-      }
-    }, 60_000);
-
-    return () => clearInterval(interval);
-  }, [opened]);
-
-  useEffect(() => {
-    if (!opened) return;
-
-    const onKeyDown = (e: KeyboardEvent) => {
-      if (e.key === "Escape") {
-        e.preventDefault();
-        handleClose();
-      }
-    };
-
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [opened, handleClose]);
 
   return (
     <>
@@ -314,7 +247,6 @@ export function DrawioMenu({ editor }: EditorMenuProps) {
               size="lg"
               aria-label={t("Edit")}
               variant="subtle"
-              loading={isLoading}
             >
               <IconEdit size={18} />
             </ActionIcon>
@@ -344,17 +276,15 @@ export function DrawioMenu({ editor }: EditorMenuProps) {
         </div>
       </BaseBubbleMenu>
 
-      <Modal.Root opened={opened} onClose={handleClose} fullScreen closeOnEscape={false}>
+      <Modal.Root opened={opened} onClose={close} fullScreen>
         <Modal.Overlay />
         <Modal.Content style={{ overflow: "hidden" }}>
-          <Modal.Body pos="relative">
+          <Modal.Body>
-            <LoadingOverlay visible={isSaving} />
             <div style={{ height: "100vh" }}>
               <DrawIoEmbed
                 ref={drawioRef}
                 xml={initialXML}
                 baseUrl={getDrawioUrl()}
-                autosave
                 urlParameters={{
                   ui: computedColorScheme === "light" ? "kennedy" : "dark",
                   spin: true,
@@ -366,19 +296,13 @@ export function DrawioMenu({ editor }: EditorMenuProps) {
                   if (data.parentEvent !== "save") {
                     return;
                   }
-                  saveData(data.xml).then(() => close()).catch(() => {});
+                  handleSave(data);
                 }}
                 onClose={(data: EventExit) => {
                   if (data.parentEvent) {
                     return;
                   }
-                  handleClose();
+                  close();
-                }}
-                onAutoSave={() => {
-                  isDirtyRef.current = true;
-                }}
-                onExport={(data: EventExport) => {
-                  saveData(data.data).catch(() => {});
                 }}
               />
             </div>

apps/client/src/features/editor/components/drawio/drawio-view.tsx

@@ -2,12 +2,11 @@ import { NodeViewProps, NodeViewWrapper } from "@tiptap/react";
 import {
   ActionIcon,
   Card,
-  LoadingOverlay,
   Modal,
   Text,
   useComputedColorScheme,
 } from "@mantine/core";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useRef, useState } from "react";
 import { uploadFile } from "@/features/page/services/page-service.ts";
 import { useDisclosure } from "@mantine/hooks";
 import { getDrawioUrl } from "@/lib/config.ts";
@@ -15,7 +14,6 @@ import {
   DrawIoEmbed,
   DrawIoEmbedRef,
   EventExit,
-  EventExport,
   EventSave,
 } from "react-drawio";
 import { IAttachment } from "@/features/attachments/types/attachment.types";
@@ -23,7 +21,6 @@ import { decodeBase64ToSvgString, svgStringToFile } from "@/lib/utils";
 import clsx from "clsx";
 import { IconEdit } from "@tabler/icons-react";
 import { useTranslation } from "react-i18next";
-import { modals } from "@mantine/modals";
 
 export default function DrawioView(props: NodeViewProps) {
   const { t } = useTranslation();
@@ -33,121 +30,50 @@ export default function DrawioView(props: NodeViewProps) {
   const [initialXML, setInitialXML] = useState<string>("");
   const [opened, { open, close }] = useDisclosure(false);
   const computedColorScheme = useComputedColorScheme();
-  const isDirtyRef = useRef(false);
-  const isSavingRef = useRef(false);
-  const [isSaving, setIsSaving] = useState(false);
 
   const handleOpen = async () => {
     if (!editor.isEditable) {
       return;
     }
-    isDirtyRef.current = false;
     open();
   };
 
-  const saveData = async (svgXml: string, updateSrc = true) => {
+  const handleSave = async (data: EventSave) => {
-    if (isSavingRef.current) return;
+    const svgString = decodeBase64ToSvgString(data.xml);
+    const fileName = "diagram.drawio.svg";
+    const drawioSVGFile = await svgStringToFile(svgString, fileName);
 
-    isSavingRef.current = true;
+    //@ts-ignore
-    setIsSaving(true);
+    const pageId = editor.storage?.pageId;
 
-    try {
+    let attachment: IAttachment = null;
-      const svgString = decodeBase64ToSvgString(svgXml);
+    if (attachmentId) {
-      const fileName = "diagram.drawio.svg";
+      attachment = await uploadFile(drawioSVGFile, pageId, attachmentId);
-      const drawioSVGFile = await svgStringToFile(svgString, fileName);
+    } else {
-
+      attachment = await uploadFile(drawioSVGFile, pageId);
-      //@ts-ignore
-      const pageId = editor.storage?.pageId;
-
-      let attachment: IAttachment = null;
-      if (attachmentId) {
-        attachment = await uploadFile(drawioSVGFile, pageId, attachmentId);
-      } else {
-        attachment = await uploadFile(drawioSVGFile, pageId);
-      }
-
-      if (updateSrc) {
-        updateAttributes({
-          src: `/api/files/${attachment.id}/${attachment.fileName}?t=${new Date(attachment.updatedAt).getTime()}`,
-          title: attachment.fileName,
-          size: attachment.fileSize,
-          attachmentId: attachment.id,
-        });
-      } else {
-        updateAttributes({
-          attachmentId: attachment.id,
-        });
-      }
-
-      isDirtyRef.current = false;
-    } finally {
-      isSavingRef.current = false;
-      setIsSaving(false);
-    }
-  };
-
-  const handleClose = useCallback(() => {
-    if (!isDirtyRef.current) {
-      close();
-      return;
     }
 
-    modals.openConfirmModal({
+    updateAttributes({
-      title: t("Unsaved changes"),
+      src: `/api/files/${attachment.id}/${attachment.fileName}?t=${new Date(attachment.updatedAt).getTime()}`,
-      children: (
+      title: attachment.fileName,
-        <Text size="sm">
+      size: attachment.fileSize,
-          {t("You have unsaved changes that will be lost.")}
+      attachmentId: attachment.id,
-        </Text>
-      ),
-      centered: true,
-      labels: { confirm: t("Discard"), cancel: t("Cancel") },
-      confirmProps: { color: "red" },
-      onConfirm: () => {
-        isDirtyRef.current = false;
-        close();
-      },
     });
-  }, [close, t]);
 
-  useEffect(() => {
+    close();
-    if (!opened) return;
+  };
-
-    const interval = setInterval(() => {
-      if (isDirtyRef.current && !isSavingRef.current && drawioRef.current) {
-        drawioRef.current.exportDiagram({ format: "xmlsvg" });
-      }
-    }, 30_000);
-
-    return () => clearInterval(interval);
-  }, [opened]);
-
-  useEffect(() => {
-    if (!opened) return;
-
-    const onKeyDown = (e: KeyboardEvent) => {
-      if (e.key === "Escape") {
-        e.preventDefault();
-        handleClose();
-      }
-    };
-
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [opened, handleClose]);
 
   return (
     <NodeViewWrapper data-drag-handle>
-      <Modal.Root opened={opened} onClose={handleClose} fullScreen closeOnEscape={false}>
+      <Modal.Root opened={opened} onClose={close} fullScreen>
         <Modal.Overlay />
         <Modal.Content style={{ overflow: "hidden" }}>
-          <Modal.Body pos="relative">
+          <Modal.Body>
-            <LoadingOverlay visible={isSaving} />
             <div style={{ height: "100vh" }}>
               <DrawIoEmbed
                 ref={drawioRef}
                 xml={initialXML}
                 baseUrl={getDrawioUrl()}
-                autosave
                 urlParameters={{
                   ui: computedColorScheme === "light" ? "kennedy" : "dark",
                   spin: true,
@@ -159,19 +85,13 @@ export default function DrawioView(props: NodeViewProps) {
                   if (data.parentEvent !== "save") {
                     return;
                   }
-                  saveData(data.xml, true).then(() => close()).catch(() => {});
+                  handleSave(data);
                 }}
                 onClose={(data: EventExit) => {
                   if (data.parentEvent) {
                     return;
                   }
-                  handleClose();
+                  close();
-                }}
-                onAutoSave={() => {
-                  isDirtyRef.current = true;
-                }}
-                onExport={(data: EventExport) => {
-                  saveData(data.data, false).catch(() => {});
                 }}
               />
             </div>

apps/client/src/features/editor/components/excalidraw/excalidraw-menu.tsx

@@ -1,6 +1,6 @@
 import { BubbleMenu as BaseBubbleMenu } from "@tiptap/react/menus";
 import { findParentNode, posToDOMRect, useEditorState } from "@tiptap/react";
-import { lazy, Suspense, useCallback, useEffect, useRef, useState } from "react";
+import { lazy, Suspense, useCallback, useState } from "react";
 import { Node as PMNode } from "@tiptap/pm/model";
 import {
   EditorMenuProps,
@@ -10,11 +10,9 @@ import {
   ActionIcon,
   Button,
   Group,
-  Text,
   Tooltip,
   useComputedColorScheme,
 } from "@mantine/core";
-import { modals } from "@mantine/modals";
 import { useDisclosure } from "@mantine/hooks";
 import clsx from "clsx";
 import {
@@ -54,12 +52,6 @@ export function ExcalidrawMenu({ editor }: EditorMenuProps) {
   });
   const [excalidrawData, setExcalidrawData] = useState<any>(null);
   const computedColorScheme = useComputedColorScheme();
-  const isDirtyRef = useRef(false);
-  const isSavingRef = useRef(false);
-  const [isSaving, setIsSaving] = useState(false);
-  const [isLoading, setIsLoading] = useState(false);
-  const isInitialLoadRef = useRef(true);
-  const lastFingerprintRef = useRef("");
 
   const editorState = useEditorState({
     editor,
@@ -155,7 +147,6 @@ export function ExcalidrawMenu({ editor }: EditorMenuProps) {
   const handleOpen = useCallback(async () => {
     if (!editorState?.src) return;
 
-    setIsLoading(true);
     try {
       const url = getFileUrl(editorState.src);
       const request = await fetch(url, {
@@ -169,112 +160,57 @@ export function ExcalidrawMenu({ editor }: EditorMenuProps) {
     } catch (err) {
       console.error(err);
     } finally {
-      setIsLoading(false);
-      isDirtyRef.current = false;
-      isInitialLoadRef.current = true;
       open();
     }
   }, [editorState?.src, open]);
 
-  const saveData = useCallback(async () => {
+  const handleSave = useCallback(async () => {
-    if (!excalidrawAPI || isSavingRef.current) {
+    if (!excalidrawAPI) {
       return;
     }
 
-    isSavingRef.current = true;
+    const { exportToSvg } = await import("@excalidraw/excalidraw");
-    setIsSaving(true);
 
-    try {
+    const svg = await exportToSvg({
-      const { exportToSvg } = await import("@excalidraw/excalidraw");
+      elements: excalidrawAPI?.getSceneElements(),
-
+      appState: {
-      const svg = await exportToSvg({
+        exportEmbedScene: true,
-        elements: excalidrawAPI?.getSceneElements(),
+        exportWithDarkMode: false,
-        appState: {
-          exportEmbedScene: true,
-          exportWithDarkMode: false,
-        },
-        files: excalidrawAPI?.getFiles(),
-      });
-
-      const serializer = new XMLSerializer();
-      let svgString = serializer.serializeToString(svg);
-
-      svgString = svgString.replace(
-        /https:\/\/unpkg\.com\/@excalidraw\/excalidraw@undefined/g,
-        "https://unpkg.com/@excalidraw/excalidraw@latest",
-      );
-
-      const fileName = "diagram.excalidraw.svg";
-      const excalidrawSvgFile = await svgStringToFile(svgString, fileName);
-
-      // @ts-ignore
-      const pageId = editor.storage?.pageId;
-      const attachmentId = editorState?.attachmentId;
-
-      let attachment: IAttachment = null;
-      if (attachmentId) {
-        attachment = await uploadFile(excalidrawSvgFile, pageId, attachmentId);
-      } else {
-        attachment = await uploadFile(excalidrawSvgFile, pageId);
-      }
-
-      editor.commands.updateAttributes("excalidraw", {
-        src: `/api/files/${attachment.id}/${attachment.fileName}?t=${new Date(attachment.updatedAt).getTime()}`,
-        title: attachment.fileName,
-        size: attachment.fileSize,
-        attachmentId: attachment.id,
-      });
-
-      isDirtyRef.current = false;
-    } finally {
-      isSavingRef.current = false;
-      setIsSaving(false);
-    }
-  }, [editor, excalidrawAPI, editorState?.attachmentId]);
-
-  const handleSaveAndExit = useCallback(async () => {
-    try {
-      await saveData();
-      close();
-    } catch {
-      // save failed, modal stays open
-    }
-  }, [saveData, close]);
-
-  const handleClose = useCallback(() => {
-    if (!isDirtyRef.current) {
-      close();
-      return;
-    }
-
-    modals.openConfirmModal({
-      title: t("Unsaved changes"),
-      children: (
-        <Text size="sm">
-          {t("You have unsaved changes that will be lost.")}
-        </Text>
-      ),
-      centered: true,
-      labels: { confirm: t("Discard"), cancel: t("Cancel") },
-      confirmProps: { color: "red" },
-      onConfirm: () => {
-        isDirtyRef.current = false;
-        close();
       },
+      files: excalidrawAPI?.getFiles(),
     });
-  }, [close, t]);
 
-  useEffect(() => {
+    const serializer = new XMLSerializer();
-    if (!opened) return;
+    let svgString = serializer.serializeToString(svg);
 
-    const interval = setInterval(() => {
+    svgString = svgString.replace(
-      if (isDirtyRef.current && !isSavingRef.current) {
+      /https:\/\/unpkg\.com\/@excalidraw\/excalidraw@undefined/g,
-        saveData().catch(() => {});
+      "https://unpkg.com/@excalidraw/excalidraw@latest",
-      }
+    );
-    }, 60_000);
 
-    return () => clearInterval(interval);
+    const fileName = "diagram.excalidraw.svg";
-  }, [opened, saveData]);
+    const excalidrawSvgFile = await svgStringToFile(svgString, fileName);
+
+    // @ts-ignore
+    const pageId = editor.storage?.pageId;
+    const attachmentId = editorState?.attachmentId;
+
+    let attachment: IAttachment = null;
+    if (attachmentId) {
+      attachment = await uploadFile(excalidrawSvgFile, pageId, attachmentId);
+    } else {
+      attachment = await uploadFile(excalidrawSvgFile, pageId);
+    }
+
+    editor.commands.updateAttributes("excalidraw", {
+      src: `/api/files/${attachment.id}/${attachment.fileName}?t=${new Date(attachment.updatedAt).getTime()}`,
+      title: attachment.fileName,
+      size: attachment.fileSize,
+      attachmentId: attachment.id,
+    });
+
+    close();
+  }, [editor, excalidrawAPI, editorState?.attachmentId, close]);
 
   return (
     <>
@@ -345,7 +281,6 @@ export function ExcalidrawMenu({ editor }: EditorMenuProps) {
               size="lg"
               aria-label={t("Edit")}
               variant="subtle"
-              loading={isLoading}
             >
               <IconEdit size={18} />
             </ActionIcon>
@@ -382,7 +317,7 @@ export function ExcalidrawMenu({ editor }: EditorMenuProps) {
           zIndex: 200,
         }}
         isOpen={opened}
-        onRequestClose={handleClose}
+        onRequestClose={close}
         disableCloseOnBgClick={true}
         contentProps={{
           style: {
@@ -397,10 +332,10 @@ export function ExcalidrawMenu({ editor }: EditorMenuProps) {
           bg="var(--mantine-color-body)"
           p="xs"
         >
-          <Button onClick={handleSaveAndExit} size={"compact-sm"} loading={isSaving}>
+          <Button onClick={handleSave} size={"compact-sm"}>
             {t("Save & Exit")}
           </Button>
-          <Button onClick={handleClose} color="red" size={"compact-sm"}>
+          <Button onClick={close} color="red" size={"compact-sm"}>
             {t("Exit")}
           </Button>
         </Group>
@@ -408,18 +343,6 @@ export function ExcalidrawMenu({ editor }: EditorMenuProps) {
           <Suspense fallback={null}>
             <ExcalidrawComponent
               excalidrawAPI={(api) => setExcalidrawAPI(api)}
-              onChange={(elements, _appState, files) => {
-                const fingerprint = `${elements.length}:${elements.reduce((s, e) => s + (e.version || 0), 0)}:${Object.keys(files).length}`;
-                if (isInitialLoadRef.current) {
-                  lastFingerprintRef.current = fingerprint;
-                  isInitialLoadRef.current = false;
-                  return;
-                }
-                if (fingerprint !== lastFingerprintRef.current) {
-                  lastFingerprintRef.current = fingerprint;
-                  isDirtyRef.current = true;
-                }
-              }}
               initialData={{
                 ...excalidrawData,
                 scrollToContent: true,

apps/client/src/features/editor/components/excalidraw/excalidraw-view.tsx

@@ -7,14 +7,7 @@ import {
   Text,
   useComputedColorScheme,
 } from "@mantine/core";
-import {
+import { lazy, Suspense, useState } from "react";
-  lazy,
-  Suspense,
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
-} from "react";
 import { uploadFile } from "@/features/page/services/page-service.ts";
 import { svgStringToFile } from "@/lib";
 import { useDisclosure } from "@mantine/hooks";
@@ -27,7 +20,6 @@ import { IconEdit } from "@tabler/icons-react";
 import { useTranslation } from "react-i18next";
 import { useHandleLibrary } from "@excalidraw/excalidraw";
 import { localStorageLibraryAdapter } from "@/features/editor/components/excalidraw/excalidraw-utils.ts";
-import { modals } from "@mantine/modals";
 
 const ExcalidrawComponent = lazy(() =>
   import("@excalidraw/excalidraw").then((module) => ({
@@ -50,125 +42,59 @@ export default function ExcalidrawView(props: NodeViewProps) {
   const [opened, { open, close }] = useDisclosure(false);
   const computedColorScheme = useComputedColorScheme();
 
-  const isDirtyRef = useRef(false);
-  const isSavingRef = useRef(false);
-  const [isSaving, setIsSaving] = useState(false);
-  const isInitialLoadRef = useRef(true);
-  const lastFingerprintRef = useRef("");
-
   const handleOpen = async () => {
     if (!editor.isEditable) {
       return;
     }
-    isDirtyRef.current = false;
-    isInitialLoadRef.current = true;
     open();
   };
 
-  const saveData = useCallback(async (updateSrc = true) => {
+  const handleSave = async () => {
-    if (!excalidrawAPI || isSavingRef.current) {
+    if (!excalidrawAPI) {
       return;
     }
 
-    isSavingRef.current = true;
+    const { exportToSvg } = await import("@excalidraw/excalidraw");
-    setIsSaving(true);
 
-    try {
+    const svg = await exportToSvg({
-      const { exportToSvg } = await import("@excalidraw/excalidraw");
+      elements: excalidrawAPI?.getSceneElements(),
-
+      appState: {
-      const svg = await exportToSvg({
+        exportEmbedScene: true,
-        elements: excalidrawAPI?.getSceneElements(),
+        exportWithDarkMode: false,
-        appState: {
-          exportEmbedScene: true,
-          exportWithDarkMode: false,
-        },
-        files: excalidrawAPI?.getFiles(),
-      });
-
-      const serializer = new XMLSerializer();
-      let svgString = serializer.serializeToString(svg);
-
-      svgString = svgString.replace(
-        /https:\/\/unpkg\.com\/@excalidraw\/excalidraw@undefined/g,
-        "https://unpkg.com/@excalidraw/excalidraw@latest",
-      );
-
-      const fileName = "diagram.excalidraw.svg";
-      const excalidrawSvgFile = await svgStringToFile(svgString, fileName);
-
-      // @ts-ignore
-      const pageId = editor.storage?.pageId;
-
-      let attachment: IAttachment = null;
-      if (attachmentId) {
-        attachment = await uploadFile(excalidrawSvgFile, pageId, attachmentId);
-      } else {
-        attachment = await uploadFile(excalidrawSvgFile, pageId);
-      }
-
-      if (updateSrc) {
-        updateAttributes({
-          src: `/api/files/${attachment.id}/${attachment.fileName}?t=${new Date(attachment.updatedAt).getTime()}`,
-          title: attachment.fileName,
-          size: attachment.fileSize,
-          attachmentId: attachment.id,
-        });
-      } else {
-        updateAttributes({
-          attachmentId: attachment.id,
-        });
-      }
-
-      isDirtyRef.current = false;
-    } finally {
-      isSavingRef.current = false;
-      setIsSaving(false);
-    }
-  }, [excalidrawAPI, editor, attachmentId, updateAttributes]);
-
-  const handleSaveAndExit = useCallback(async () => {
-    try {
-      await saveData();
-      close();
-    } catch {
-      /* empty */
-    }
-  }, [saveData, close]);
-
-  const handleClose = useCallback(() => {
-    if (!isDirtyRef.current) {
-      close();
-      return;
-    }
-
-    modals.openConfirmModal({
-      title: t("Unsaved changes"),
-      children: (
-        <Text size="sm">
-          {t("You have unsaved changes that will be lost.")}
-        </Text>
-      ),
-      centered: true,
-      labels: { confirm: t("Discard"), cancel: t("Cancel") },
-      confirmProps: { color: "red" },
-      onConfirm: () => {
-        isDirtyRef.current = false;
-        close();
       },
+      files: excalidrawAPI?.getFiles(),
     });
-  }, [close, t]);
 
-  useEffect(() => {
+    const serializer = new XMLSerializer();
-    if (!opened) return;
+    let svgString = serializer.serializeToString(svg);
 
-    const interval = setInterval(() => {
+    svgString = svgString.replace(
-      if (isDirtyRef.current && !isSavingRef.current) {
+      /https:\/\/unpkg\.com\/@excalidraw\/excalidraw@undefined/g,
-        saveData(false).catch(() => {});
+      "https://unpkg.com/@excalidraw/excalidraw@latest",
-      }
+    );
-    }, 30_000);
 
-    return () => clearInterval(interval);
+    const fileName = "diagram.excalidraw.svg";
-  }, [opened, saveData]);
+    const excalidrawSvgFile = await svgStringToFile(svgString, fileName);
+
+    // @ts-ignore
+    const pageId = editor.storage?.pageId;
+
+    let attachment: IAttachment = null;
+    if (attachmentId) {
+      attachment = await uploadFile(excalidrawSvgFile, pageId, attachmentId);
+    } else {
+      attachment = await uploadFile(excalidrawSvgFile, pageId);
+    }
+
+    updateAttributes({
+      src: `/api/files/${attachment.id}/${attachment.fileName}?t=${new Date(attachment.updatedAt).getTime()}`,
+      title: attachment.fileName,
+      size: attachment.fileSize,
+      attachmentId: attachment.id,
+    });
+
+    close();
+  };
 
   return (
     <NodeViewWrapper data-drag-handle>
@@ -179,7 +105,7 @@ export default function ExcalidrawView(props: NodeViewProps) {
           zIndex: 200,
         }}
         isOpen={opened}
-        onRequestClose={handleClose}
+        onRequestClose={close}
         disableCloseOnBgClick={true}
         contentProps={{
           style: {
@@ -194,10 +120,10 @@ export default function ExcalidrawView(props: NodeViewProps) {
           bg="var(--mantine-color-body)"
           p="xs"
         >
-          <Button onClick={handleSaveAndExit} size={"compact-sm"} loading={isSaving}>
+          <Button onClick={handleSave} size={"compact-sm"}>
             {t("Save & Exit")}
           </Button>
-          <Button onClick={handleClose} color="red" size={"compact-sm"}>
+          <Button onClick={close} color="red" size={"compact-sm"}>
             {t("Exit")}
           </Button>
         </Group>
@@ -205,18 +131,6 @@ export default function ExcalidrawView(props: NodeViewProps) {
           <Suspense fallback={null}>
             <ExcalidrawComponent
               excalidrawAPI={(api) => setExcalidrawAPI(api)}
-              onChange={(elements, _appState, files) => {
-                const fingerprint = `${elements.length}:${elements.reduce((s, e) => s + (e.version || 0), 0)}:${Object.keys(files).length}`;
-                if (isInitialLoadRef.current) {
-                  lastFingerprintRef.current = fingerprint;
-                  isInitialLoadRef.current = false;
-                  return;
-                }
-                if (fingerprint !== lastFingerprintRef.current) {
-                  lastFingerprintRef.current = fingerprint;
-                  isDirtyRef.current = true;
-                }
-              }}
               initialData={{
                 ...excalidrawData,
                 scrollToContent: true,

apps/client/src/features/editor/components/link/link-editor-panel.tsx

@@ -1,200 +1,36 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import React from "react";
-import {
+import { Button, Group, TextInput } from "@mantine/core";
-  Group,
+import { IconLink } from "@tabler/icons-react";
-  ScrollArea,
-  Text,
-  TextInput,
-  UnstyledButton,
-} from "@mantine/core";
-import { IconFileDescription, IconLink, IconWorld } from "@tabler/icons-react";
 import { useLinkEditorState } from "@/features/editor/components/link/use-link-editor-state.tsx";
 import { LinkEditorPanelProps } from "@/features/editor/components/link/types.ts";
 import { useTranslation } from "react-i18next";
-import { useSearchSuggestionsQuery } from "@/features/search/queries/search-query.ts";
-import { useSpaceQuery } from "@/features/space/queries/space-query.ts";
-import { useParams } from "react-router-dom";
-import { buildPageUrl } from "@/features/page/page.utils.ts";
-import { IPage } from "@/features/page/types/page.types.ts";
-import { AutoTooltipText } from "@/components/ui/auto-tooltip-text.tsx";
-import clsx from "clsx";
-import classes from "./link.module.css";
 
 export const LinkEditorPanel = ({
   onSetLink,
   initialUrl,
-  onUnsetLink,
 }: LinkEditorPanelProps) => {
   const { t } = useTranslation();
-  const { spaceSlug } = useParams();
+  const state = useLinkEditorState({
-  const { data: space } = useSpaceQuery(spaceSlug);
+    onSetLink,
-  const state = useLinkEditorState({ onSetLink, initialUrl });
+    initialUrl,
-  const [selectedIndex, setSelectedIndex] = useState(0);
-  const viewportRef = useRef<HTMLDivElement>(null);
-
-  const { data: suggestion } = useSearchSuggestionsQuery({
-    query: state.isSearchQuery ? state.url : "",
-    includeUsers: false,
-    includePages: true,
-    spaceId: space?.id,
-    limit: state.isSearchQuery ? 10 : 3,
-    preload: true,
   });
 
-  const pages: Partial<IPage>[] = suggestion?.pages ?? [];
-
-  useEffect(() => {
-    setSelectedIndex(0);
-  }, [pages.length]);
-
-  const selectPage = useCallback(
-    (page: Partial<IPage>) => {
-      const url = buildPageUrl(
-        page.space?.slug || spaceSlug,
-        page.slugId,
-        page.title,
-      );
-      onSetLink(url, true);
-    },
-    [onSetLink, spaceSlug],
-  );
-
-  const handleKeyDown = useCallback(
-    (e: React.KeyboardEvent) => {
-      const hasUrlItem = state.url.length > 0 && (state.isValidUrl || state.isSearchQuery);
-      const total = (hasUrlItem ? 1 : 0) + (state.isValidUrl ? 0 : pages.length);
-      if (total === 0) return;
-
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        setSelectedIndex((prev) => Math.min(prev + 1, total - 1));
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        setSelectedIndex((prev) => Math.max(prev - 1, 0));
-      } else if (e.key === "Enter") {
-        e.preventDefault();
-        if (hasUrlItem && selectedIndex === 0) {
-          onSetLink(state.url, false);
-        } else {
-          const pageIndex = hasUrlItem ? selectedIndex - 1 : selectedIndex;
-          if (pageIndex >= 0 && pageIndex < pages.length) {
-            selectPage(pages[pageIndex]);
-          }
-        }
-      }
-    },
-    [pages, selectedIndex, selectPage, state.isValidUrl, state.isSearchQuery, state.url, onSetLink],
-  );
-
-  useEffect(() => {
-    viewportRef.current
-      ?.querySelector(`[data-item-index="${selectedIndex}"]`)
-      ?.scrollIntoView({ block: "nearest" });
-  }, [selectedIndex]);
-
-  const showPages = pages.length > 0 && !state.isValidUrl;
-  const showUrlItem = state.url.length > 0 && (state.isValidUrl || state.isSearchQuery);
-  const showDropdown = showPages || showUrlItem;
-
   return (
     <div>
       <form onSubmit={state.handleSubmit}>
-        <TextInput
+        <Group gap="xs" style={{ flex: 1 }} wrap="nowrap">
-          leftSection={<IconLink size={16} stroke={1.5} color="var(--mantine-color-dimmed)" />}
+          <TextInput
-          classNames={{ input: classes.linkInput }}
+            leftSection={<IconLink size={16} />}
-          placeholder={t("Paste link or search pages")}
+            variant="filled"
-          value={state.url}
+            placeholder={t("Paste link")}
-          onChange={state.onChange}
+            value={state.url}
-          onKeyDown={handleKeyDown}
+            onChange={state.onChange}
-          data-autofocus
+          />
-          autoFocus
+          <Button p={"xs"} type="submit" disabled={!state.isValidUrl}>
-        />
+            {t("Save")}
+          </Button>
+        </Group>
       </form>
-
-      {showDropdown && (
-        <>
-          {!state.isSearchQuery && !state.isValidUrl && (
-            <Text c="dimmed" size="xs" fw={600} px="sm" pt={10} pb={4}>
-              {t("Recents")}
-            </Text>
-          )}
-
-          <ScrollArea.Autosize
-            viewportRef={viewportRef}
-            mah={300}
-            scrollbars="y"
-            scrollbarSize={6}
-            mt={state.url.length > 0 ? 8 : 0}
-            styles={{ content: { minWidth: 0 } }}
-          >
-            {showUrlItem && (
-              <UnstyledButton
-                data-item-index={0}
-                onClick={() => onSetLink(state.url, false)}
-                className={clsx(classes.searchItem, {
-                  [classes.selectedSearchItem]: selectedIndex === 0,
-                })}
-              >
-                <Group gap={10} wrap="nowrap" align="flex-start">
-                  <span className={classes.pageIcon}>
-                    <IconWorld size={18} stroke={1.5} />
-                  </span>
-
-                  <div style={{ flex: 1, minWidth: 0 }}>
-                    <Text size="sm" fw={500} truncate lh={1.3}>
-                      {state.url}
-                    </Text>
-                    <Text size="xs" c="dimmed" lh={1.4}>
-                      {t("Link to web page")}
-                    </Text>
-                  </div>
-                </Group>
-              </UnstyledButton>
-            )}
-
-            {!state.isValidUrl && pages.map((page, index) => {
-              const itemIndex = showUrlItem ? index + 1 : index;
-              return (
-                <UnstyledButton
-                  data-item-index={itemIndex}
-                  key={page.id || index}
-                  onClick={() => selectPage(page)}
-                  className={clsx(classes.searchItem, {
-                    [classes.selectedSearchItem]: itemIndex === selectedIndex,
-                  })}
-                >
-                  <Group gap={10} wrap="nowrap" align="flex-start">
-                    <span className={classes.pageIcon}>
-                      {page.icon || <IconFileDescription size={18} stroke={1.5} />}
-                    </span>
-
-                    <div style={{ flex: 1, minWidth: 0 }}>
-                      <AutoTooltipText size="sm" fw={500} truncate lh={1.3}>
-                        {page.title || t("Untitled")}
-                      </AutoTooltipText>
-                      {page.space?.name && (
-                        <AutoTooltipText size="xs" c="dimmed" truncate lh={1.4}>
-                          {page.space.name}
-                        </AutoTooltipText>
-                      )}
-                    </div>
-                  </Group>
-                </UnstyledButton>
-              );
-            })}
-          </ScrollArea.Autosize>
-        </>
-      )}
-
-      {onUnsetLink && (
-        <UnstyledButton
-          onClick={onUnsetLink}
-          className={classes.removeLink}
-        >
-          <Text size="sm" c="red">
-            {t("Remove link")}
-          </Text>
-        </UnstyledButton>
-      )}
     </div>
   );
 };

apps/client/src/features/editor/components/link/link-menu.tsx

@@ -1,114 +1,103 @@
-import { FC, useCallback, useEffect, useRef } from "react";
+import { BubbleMenu as BaseBubbleMenu } from "@tiptap/react/menus";
-import { BubbleMenu } from "@tiptap/react/menus";
+import React, { useCallback, useState } from "react";
-import type { Editor } from "@tiptap/react";
-import { useAtom } from "jotai";
-import { isTextSelected } from "@docmost/editor-ext";
-import { showLinkMenuAtom } from "@/features/editor/atoms/editor-atoms";
-import { LinkEditorPanel } from "@/features/editor/components/link/link-editor-panel";
-import { normalizeUrl } from "@/lib/utils";
 import { TextSelection } from "@tiptap/pm/state";
-import { Paper } from "@mantine/core";
+import { EditorMenuProps } from "@/features/editor/components/table/types/types.ts";
+import { LinkEditorPanel } from "@/features/editor/components/link/link-editor-panel.tsx";
+import { LinkPreviewPanel } from "@/features/editor/components/link/link-preview.tsx";
+import { Card } from "@mantine/core";
+import { useEditorState } from "@tiptap/react";
 
-type EditorLinkMenuProps = {
+export function LinkMenu({ editor, appendTo }: EditorMenuProps) {
-  editor: Editor;
+  const [showEdit, setShowEdit] = useState(false);
-};
 
-export const EditorLinkMenu: FC<EditorLinkMenuProps> = ({ editor }) => {
+  const shouldShow = useCallback(() => {
-  const [showLinkMenu, setShowLinkMenu] = useAtom(showLinkMenuAtom);
+    return editor.isActive("link");
-  const showLinkMenuRef = useRef(showLinkMenu);
+  }, [editor]);
 
-  const containerRef = useRef<HTMLDivElement>(null);
+  const editorState = useEditorState({
+    editor,
+    selector: (ctx) => {
+      if (!ctx.editor) {
+        return null;
+      }
+      const link = ctx.editor.getAttributes("link");
+      return {
+        href: link.href,
+      };
+    },
+  });
 
-  useEffect(() => {
+  const handleEdit = useCallback(() => {
-    showLinkMenuRef.current = showLinkMenu;
+    setShowEdit(true);
-    if (showLinkMenu) {
-      editor.commands.focus();
-    }
-  }, [showLinkMenu, editor]);
-
-  const focusInput = useCallback(() => {
-    requestAnimationFrame(() => {
-      containerRef.current
-        ?.querySelector<HTMLInputElement>("input")
-        ?.focus({ preventScroll: true });
-    });
   }, []);
 
   const onSetLink = useCallback(
-    (url: string, internal?: boolean) => {
+    (url: string) => {
       editor
         .chain()
         .focus()
-        .setLink({
+        .extendMarkRange("link")
-          href: internal ? url : normalizeUrl(url),
+        .setLink({ href: url })
-          internal: !!internal,
-        } as any)
         .command(({ tr }) => {
           tr.setSelection(TextSelection.create(tr.doc, tr.selection.to));
           return true;
         })
         .run();
-      setShowLinkMenu(false);
+      setShowEdit(false);
     },
-    [editor, setShowLinkMenu],
+    [editor],
   );
 
-  useEffect(() => {
+  const onUnsetLink = useCallback(() => {
-    if (!showLinkMenu) return;
+    editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    setShowEdit(false);
+    return null;
+  }, [editor]);
 
-    const dismiss = () => {
+  const onShowEdit = useCallback(() => {
-      setShowLinkMenu(false);
+    setShowEdit(true);
-      editor.commands.focus();
+  }, []);
-      editor.commands.setTextSelection(editor.state.selection.to);
-    };
 
-    const handleKeyDown = (e: KeyboardEvent) => {
+  const onHideEdit = useCallback(() => {
-      if (e.key === "Escape") {
+    setShowEdit(false);
-        dismiss();
+  }, []);
-      }
-    };
-
-    const handleMouseDown = (e: MouseEvent) => {
-      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {
-        dismiss();
-      }
-    };
-
-    document.addEventListener("keydown", handleKeyDown);
-    document.addEventListener("mousedown", handleMouseDown);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-      document.removeEventListener("mousedown", handleMouseDown);
-    };
-  }, [showLinkMenu, setShowLinkMenu]);
-
-  if (!showLinkMenu) return null;
 
   return (
-    <BubbleMenu
+    <BaseBubbleMenu
       editor={editor}
-      shouldShow={({ editor, state }) => {
+      pluginKey={`link-menu`}
-        const { empty } = state.selection;
+      updateDelay={0}
-        return (
-          showLinkMenuRef.current &&
-          editor.isEditable &&
-          !empty &&
-          isTextSelected(editor)
-        );
-      }}
       options={{
-        placement: "bottom",
-        offset: 8,
-        onShow: focusInput,
         onHide: () => {
-          setShowLinkMenu(false);
+          setShowEdit(false);
         },
+        placement: "bottom",
+        offset: 5,
+        // zIndex: 101,
       }}
-      style={{ zIndex: 198, position: "relative" }}
+      shouldShow={shouldShow}
     >
-      <Paper ref={containerRef} w={320} p="sm" shadow="md" radius={6} withBorder>
+      {showEdit ? (
-        <LinkEditorPanel onSetLink={onSetLink} />
+        <Card
-      </Paper>
+          withBorder
-    </BubbleMenu>
+          radius="md"
+          padding="xs"
+          bg="var(--mantine-color-body)"
+        >
+          <LinkEditorPanel
+            initialUrl={editorState?.href}
+            onSetLink={onSetLink}
+          />
+        </Card>
+      ) : (
+        <LinkPreviewPanel
+          url={editorState?.href}
+          onClear={onUnsetLink}
+          onEdit={handleEdit}
+        />
+      )}
+    </BaseBubbleMenu>
   );
-};
+}
+
+export default LinkMenu;

apps/client/src/features/editor/components/link/link-preview.tsx

@@ -0,0 +1,60 @@
+import {
+  Tooltip,
+  ActionIcon,
+  Card,
+  Divider,
+  Anchor,
+  Flex,
+} from "@mantine/core";
+import { IconLinkOff, IconPencil } from "@tabler/icons-react";
+import { useTranslation } from "react-i18next";
+import classes from "./link.module.css";
+
+export type LinkPreviewPanelProps = {
+  url: string;
+  onEdit: () => void;
+  onClear: () => void;
+};
+
+export const LinkPreviewPanel = ({
+  onClear,
+  onEdit,
+  url,
+}: LinkPreviewPanelProps) => {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <Card withBorder radius="md" padding="xs" bg="var(--mantine-color-body)">
+        <Flex align="center">
+          <Tooltip label={url}>
+            <Anchor
+              href={url}
+              target="_blank"
+              rel="noopener noreferrer"
+              className={classes.link}
+            >
+              {url}
+            </Anchor>
+          </Tooltip>
+
+          <Flex align="center">
+            <Divider mx={4} orientation="vertical" />
+
+            <Tooltip label={t("Edit link")}>
+              <ActionIcon onClick={onEdit} variant="subtle" color="gray">
+                <IconPencil size={16} />
+              </ActionIcon>
+            </Tooltip>
+
+            <Tooltip label={t("Remove link")}>
+              <ActionIcon onClick={onClear} variant="subtle" color="red">
+                <IconLinkOff size={16} />
+              </ActionIcon>
+            </Tooltip>
+          </Flex>
+        </Flex>
+      </Card>
+    </>
+  );
+};

apps/client/src/features/editor/components/link/link-view.tsx

@@ -1,578 +0,0 @@
-import { MarkViewContent, MarkViewProps } from "@tiptap/react";
-import { useNavigate, useLocation, useParams } from "react-router-dom";
-import {
-  IconFileDescription,
-  IconCopy,
-  IconExternalLink,
-  IconLinkOff,
-  IconPencil,
-  IconWorld,
-} from "@tabler/icons-react";
-import { useState, useCallback, useRef, useEffect } from "react";
-import { notifications } from "@mantine/notifications";
-import {
-  Divider,
-  Group,
-  Popover,
-  Text,
-  TextInput,
-  ActionIcon,
-  Tooltip,
-  UnstyledButton,
-} from "@mantine/core";
-import classes from "./link.module.css";
-import { useTranslation } from "react-i18next";
-import { INTERNAL_LINK_REGEX } from "@/lib/constants";
-import { LinkEditorPanel } from "@/features/editor/components/link/link-editor-panel.tsx";
-import { usePageQuery } from "@/features/page/queries/page-query.ts";
-import { useSharePageQuery } from "@/features/share/queries/share-query.ts";
-import { buildSharedPageUrl } from "@/features/page/page.utils.ts";
-import { extractPageSlugId } from "@/lib";
-import { sanitizeUrl, copyToClipboard } from "@docmost/editor-ext";
-import { normalizeUrl } from "@/lib/utils";
-
-const parseInternalLink = (
-  href: string,
-  internalAttr?: boolean,
-): { isInternal: boolean; slugId: string | null; label: string } => {
-  if (!href) return { isInternal: !!internalAttr, slugId: null, label: "" };
-
-  const match = INTERNAL_LINK_REGEX.exec(href);
-  if (!match) {
-    if (internalAttr) return { isInternal: true, slugId: null, label: href };
-    return { isInternal: false, slugId: null, label: href };
-  }
-
-  const isExternal = match[2] && match[2] !== window.location.host;
-  const slug = match[5];
-  const slugId = extractPageSlugId(slug);
-  const namePart = slug.split("-").slice(0, -1).join("-");
-
-  return {
-    isInternal: !isExternal,
-    slugId,
-    label: namePart || slug,
-  };
-};
-
-export default function LinkView(props: MarkViewProps) {
-  const { mark, editor } = props;
-  const href = mark.attrs.href as string;
-  const navigate = useNavigate();
-  const location = useLocation();
-  const { shareId, pageSlug } = useParams();
-  const { t } = useTranslation();
-  const isShareRoute = location.pathname.startsWith("/share");
-
-  const [popoverState, setPopoverState] = useState<
-    "closed" | "preview" | "edit"
-  >("closed");
-  const [linkTitle, setLinkTitle] = useState("");
-  const [linkUrl, setLinkUrl] = useState("");
-  const [showSearch, setShowSearch] = useState(false);
-  const lastOpenState = useRef<"preview" | "edit">("preview");
-  const wrapperRef = useRef<HTMLSpanElement>(null);
-  const dropdownRef = useRef<HTMLDivElement>(null);
-  const isEditable = editor.isEditable;
-  const {
-    isInternal,
-    slugId,
-    label: linkLabel,
-  } = parseInternalLink(href, mark.attrs.internal);
-
-  const isPopoverVisible = popoverState !== "closed";
-  const activeView = isPopoverVisible ? popoverState : lastOpenState.current;
-
-  const { data: linkedPage } = usePageQuery({
-    pageId: isPopoverVisible && slugId && !isShareRoute ? slugId : null,
-  });
-
-  const { data: sharedPageData } = useSharePageQuery({
-    pageId: isPopoverVisible && slugId && isShareRoute ? slugId : null,
-  });
-
-  const pageTitle = isShareRoute
-    ? sharedPageData?.page?.title
-    : linkedPage?.title;
-
-  const pendingTitleRef = useRef<string | null>(null);
-  const titleInputRef = useRef<HTMLInputElement>(null);
-
-  const getLinkPos = useCallback((): number | null => {
-    if (!wrapperRef.current) return null;
-    try {
-      return editor.view.posAtDOM(wrapperRef.current, 0);
-    } catch {
-      return null;
-    }
-  }, [editor]);
-
-  const handleUpdateLinkTitle = useCallback(
-    (newTitle: string) => {
-      if (!newTitle) return;
-
-      const pos = getLinkPos();
-      if (pos === null) return;
-
-      const { state } = editor;
-      const resolved = state.doc.resolve(pos);
-      const node = resolved.nodeAfter;
-      if (!node?.isText) return;
-
-      const linkMark = node.marks.find(
-        (m) => m.type.name === "link" && m.attrs.href === href,
-      );
-      if (!linkMark || node.text === newTitle) return;
-
-      const from = pos;
-      const to = pos + node.nodeSize;
-      const { tr } = state;
-      tr.insertText(newTitle, from, to);
-      tr.addMark(from, from + newTitle.length, linkMark);
-      editor.view.dispatch(tr);
-    },
-    [editor, href, getLinkPos],
-  );
-
-  const handleEditLink = useCallback(
-    (url: string, internal?: boolean) => {
-      const normalizedUrl = internal ? url : normalizeUrl(url);
-
-      const pos = getLinkPos();
-      if (pos === null) {
-        setPopoverState("closed");
-        return;
-      }
-
-      const { state } = editor;
-      const resolved = state.doc.resolve(pos);
-      const node = resolved.nodeAfter;
-      if (!node?.isText) {
-        setPopoverState("closed");
-        return;
-      }
-
-      const linkMark = node.marks.find(
-        (m) => m.type.name === "link" && m.attrs.href === href,
-      );
-      if (linkMark) {
-        const from = pos;
-        const to = pos + node.nodeSize;
-        const { tr } = state;
-        tr.removeMark(from, to, linkMark.type);
-        tr.addMark(
-          from,
-          to,
-          linkMark.type.create({ href: normalizedUrl, internal: !!internal }),
-        );
-        editor.view.dispatch(tr);
-      }
-
-      setPopoverState("closed");
-    },
-    [editor, href, getLinkPos],
-  );
-
-  useEffect(() => {
-    if (popoverState === "edit") {
-      const text = wrapperRef.current?.querySelector("a")?.textContent || "";
-      setLinkTitle(text);
-      setLinkUrl(href);
-      pendingTitleRef.current = null;
-      requestAnimationFrame(() => titleInputRef.current?.focus());
-    }
-    if (popoverState === "closed") {
-      if (pendingTitleRef.current !== null) {
-        handleUpdateLinkTitle(pendingTitleRef.current);
-        pendingTitleRef.current = null;
-      }
-      setShowSearch(false);
-    }
-  }, [popoverState, href, isInternal, handleUpdateLinkTitle]);
-
-  useEffect(() => {
-    if (popoverState !== "closed") {
-      lastOpenState.current = popoverState;
-    }
-  }, [popoverState]);
-
-  useEffect(() => {
-    if (!isPopoverVisible) return;
-    const handleClickOutside = (e: MouseEvent) => {
-      const target = e.target as Node;
-      if (
-        wrapperRef.current?.contains(target) ||
-        dropdownRef.current?.contains(target)
-      ) {
-        return;
-      }
-      setPopoverState("closed");
-    };
-    const handleEscape = (e: KeyboardEvent) => {
-      if (e.key === "Escape") {
-        setPopoverState("closed");
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside, true);
-    document.addEventListener("keydown", handleEscape, true);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside, true);
-      document.removeEventListener("keydown", handleEscape, true);
-    };
-  }, [isPopoverVisible]);
-
-  const handleNavigate = useCallback(() => {
-    if (!href) return;
-
-    if (isInternal) {
-      let targetPath = href;
-      let anchor = "";
-
-      try {
-        const url = new URL(href);
-        targetPath = url.pathname;
-        anchor = url.hash.slice(1);
-      } catch {
-        if (href.includes("#")) {
-          [targetPath, anchor] = href.split("#");
-        }
-      }
-
-      if (anchor) {
-        const currentPageSlugId = extractPageSlugId(pageSlug);
-        if (!slugId || currentPageSlugId === slugId) {
-          const element =
-            document.querySelector(`[id="${anchor}"]`) ||
-            document.querySelector(`[data-id="${anchor}"]`);
-          if (element) {
-            element.scrollIntoView({ behavior: "smooth", block: "start" });
-            navigate(`${location.pathname}#${anchor}`, { replace: true });
-            return;
-          }
-        }
-      }
-
-      if (isShareRoute && slugId) {
-        const sharedUrl = buildSharedPageUrl({
-          shareId,
-          pageSlugId: slugId,
-          pageTitle: pageTitle,
-          anchorId: anchor || undefined,
-        });
-        navigate(sharedUrl);
-      } else {
-        navigate(anchor ? `${targetPath}#${anchor}` : targetPath);
-      }
-    } else {
-      window.open(
-        sanitizeUrl(normalizeUrl(href)),
-        "_blank",
-        "noopener,noreferrer",
-      );
-    }
-  }, [
-    href,
-    navigate,
-    location.pathname,
-    isInternal,
-    isShareRoute,
-    slugId,
-    shareId,
-    pageTitle,
-    pageSlug,
-  ]);
-
-  const handleClick = useCallback(
-    (e: React.MouseEvent) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (isEditable) {
-        setPopoverState("preview");
-      } else {
-        handleNavigate();
-      }
-    },
-    [handleNavigate, isEditable],
-  );
-
-  const handleCopy = useCallback(
-    (e: React.MouseEvent) => {
-      e.preventDefault();
-      e.stopPropagation();
-
-      const fullUrl = sanitizeUrl(
-        isInternal ? `${window.location.origin}${href}` : href,
-      );
-      copyToClipboard(fullUrl);
-      notifications.show({
-        message: t("Link copied"),
-      });
-      setPopoverState("closed");
-    },
-    [href, isInternal, t],
-  );
-
-  const handleRemoveLink = useCallback(() => {
-    editor.chain().focus().extendMarkRange("link").unsetLink().run();
-    setPopoverState("closed");
-  }, [editor]);
-
-  const displayHref = sanitizeUrl(
-    isInternal
-      ? isShareRoute && slugId
-        ? buildSharedPageUrl({ shareId, pageSlugId: slugId, pageTitle })
-        : href
-      : normalizeUrl(href),
-  );
-
-  const linkTitleInput = (
-    <>
-      <Text size="xs" fw={600} c="dimmed" mt="sm" mb={4}>
-        {t("Link title")}
-      </Text>
-      <TextInput
-        ref={titleInputRef}
-        classNames={{ input: classes.linkInput }}
-        value={linkTitle}
-        onChange={(e) => {
-          const val = e.currentTarget.value;
-          setLinkTitle(val);
-          pendingTitleRef.current = val;
-          const anchor = wrapperRef.current?.querySelector("a");
-          if (anchor && val) {
-            const walker = document.createTreeWalker(
-              anchor,
-              NodeFilter.SHOW_TEXT,
-            );
-            const textNode = walker.nextNode();
-            if (textNode) {
-              const view = editor.view as any;
-              view.domObserver.stop();
-              textNode.nodeValue = val;
-              view.domObserver.start();
-            }
-          }
-        }}
-        onBlur={() => {
-          if (pendingTitleRef.current !== null) {
-            handleUpdateLinkTitle(pendingTitleRef.current);
-            pendingTitleRef.current = null;
-          }
-        }}
-        onKeyDown={(e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            handleUpdateLinkTitle(linkTitle);
-            pendingTitleRef.current = null;
-            setPopoverState("closed");
-          }
-        }}
-        size="sm"
-      />
-    </>
-  );
-
-  return (
-    <Popover
-      opened={isPopoverVisible}
-      width={activeView === "edit" ? 320 : undefined}
-      position="bottom"
-      withArrow
-      shadow="md"
-      trapFocus={false}
-      closeOnClickOutside={false}
-    >
-      <Popover.Target>
-        <span
-          ref={wrapperRef}
-          className={classes.linkWrapper}
-          onClick={handleClick}
-        >
-          <a
-            href={displayHref}
-            spellCheck={false}
-            onClick={(e) => e.preventDefault()}
-            target={isInternal ? undefined : "_blank"}
-            rel={isInternal ? undefined : "noopener noreferrer"}
-          >
-            <MarkViewContent />
-          </a>
-        </span>
-      </Popover.Target>
-
-      <Popover.Dropdown
-        ref={dropdownRef}
-        p={activeView === "edit" ? "sm" : 6}
-        onMouseDown={(e) => e.stopPropagation()}
-      >
-        {activeView === "edit" ? (
-          <>
-            <Text size="xs" fw={600} c="dimmed" mb={4}>
-              {t("Page or URL")}
-            </Text>
-
-            {isInternal ? (
-              !showSearch ? (
-                <>
-                  <UnstyledButton
-                    className={classes.linkChip}
-                    onClick={() => setShowSearch(true)}
-                  >
-                    <IconFileDescription
-                      size={16}
-                      stroke={1.5}
-                      color="var(--mantine-color-dimmed)"
-                      style={{ flexShrink: 0 }}
-                    />
-                    <Text size="sm" fw={500} truncate>
-                      {pageTitle || linkTitle}
-                    </Text>
-                  </UnstyledButton>
-
-                  {linkTitleInput}
-
-                  <Divider my="xs" />
-
-                  <UnstyledButton
-                    onClick={handleRemoveLink}
-                    className={classes.removeLink}
-                  >
-                    <Group gap={8}>
-                      <IconLinkOff size={16} stroke={1.5} />
-                      <Text size="sm">{t("Remove link")}</Text>
-                    </Group>
-                  </UnstyledButton>
-                </>
-              ) : (
-                <LinkEditorPanel
-                  onSetLink={handleEditLink}
-                  onUnsetLink={handleRemoveLink}
-                />
-              )
-            ) : (
-              <>
-                <TextInput
-                  leftSection={
-                    <IconWorld
-                      size={16}
-                      stroke={1.5}
-                      color="var(--mantine-color-dimmed)"
-                    />
-                  }
-                  classNames={{ input: classes.linkInput }}
-                  value={linkUrl}
-                  onChange={(e) => setLinkUrl(e.currentTarget.value)}
-                  onBlur={() => {
-                    if (linkUrl && linkUrl !== href) {
-                      handleEditLink(linkUrl, false);
-                    }
-                  }}
-                  onKeyDown={(e) => {
-                    if (e.key === "Enter") {
-                      e.preventDefault();
-                      if (linkUrl && linkUrl !== href) {
-                        handleEditLink(linkUrl, false);
-                      }
-                    }
-                  }}
-                  size="sm"
-                />
-
-                {linkTitleInput}
-
-                <Divider my="xs" />
-
-                <UnstyledButton
-                  onClick={handleRemoveLink}
-                  className={classes.removeLink}
-                >
-                  <Group gap={8}>
-                    <IconLinkOff size={16} stroke={1.5} />
-                    <Text size="sm">{t("Remove link")}</Text>
-                  </Group>
-                </UnstyledButton>
-              </>
-            )}
-          </>
-        ) : (
-          <Group gap={4} wrap="nowrap">
-            <Group
-              component="a"
-              //@ts-ignore
-              href={displayHref}
-              target={isInternal ? undefined : "_blank"}
-              rel={isInternal ? undefined : "noopener noreferrer"}
-              gap={6}
-              wrap="nowrap"
-              style={{
-                cursor: "pointer",
-                maxWidth: 250,
-                textDecoration: "none",
-                color: "inherit",
-                userSelect: "none",
-              }}
-              onClick={(e: React.MouseEvent) => {
-                e.preventDefault();
-                handleNavigate();
-              }}
-            >
-              {isInternal ? (
-                <IconFileDescription size={18} color="gray" />
-              ) : (
-                <IconExternalLink size={18} color="gray" />
-              )}
-              <Text size="sm" truncate fw={500}>
-                {isInternal ? pageTitle || linkLabel : href}
-              </Text>
-            </Group>
-
-            <Divider orientation="vertical" />
-
-            <Tooltip label={t("Edit link")} withArrow withinPortal={false}>
-              <ActionIcon
-                variant="subtle"
-                color="gray"
-                onMouseDown={(e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  setShowSearch(false);
-                  setPopoverState("edit");
-                }}
-              >
-                <IconPencil size={18} />
-              </ActionIcon>
-            </Tooltip>
-
-            <Tooltip label={t("Copy link")} withArrow withinPortal={false}>
-              <ActionIcon
-                variant="subtle"
-                color="gray"
-                onMouseDown={(e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  handleCopy(e);
-                }}
-              >
-                <IconCopy size={18} />
-              </ActionIcon>
-            </Tooltip>
-
-            <Tooltip label={t("Remove link")} withArrow withinPortal={false}>
-              <ActionIcon
-                variant="subtle"
-                color="gray"
-                onMouseDown={(e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  handleRemoveLink();
-                }}
-              >
-                <IconLinkOff size={18} />
-              </ActionIcon>
-            </Tooltip>
-          </Group>
-        )}
-      </Popover.Dropdown>
-    </Popover>
-  );
-}

apps/client/src/features/editor/components/link/link.module.css

@@ -1,102 +1,6 @@
-.linkWrapper {
+.link {
-  position: relative;
+    color: light-dark(var(--mantine-color-dark-4), var(--mantine-color-dark-1));
-  display: inline;
+    overflow: hidden;
-}
+    text-overflow: ellipsis;
-
+    white-space: nowrap;
-.linkInput {
-  border: 1.5px solid
-    light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
-  background: transparent;
-
-  &:focus {
-    border-color: light-dark(
-      var(--mantine-color-blue-4),
-      var(--mantine-color-blue-6)
-    );
-    box-shadow: 0 0 0 1px
-      light-dark(var(--mantine-color-blue-4), var(--mantine-color-blue-6));
-  }
-}
-
-.pageIcon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  flex-shrink: 0;
-  color: var(--mantine-color-dimmed);
-  font-size: 16px;
-  margin-top: 2px;
-}
-
-.searchItem {
-  width: 100%;
-  padding: 7px 4px;
-  color: var(--mantine-color-text);
-  border-radius: var(--mantine-radius-sm);
-
-  &:hover {
-    @mixin light {
-      background: var(--mantine-color-gray-1);
-    }
-
-    @mixin dark {
-      background: var(--mantine-color-gray-light);
-    }
-  }
-}
-
-.selectedSearchItem {
-  @mixin light {
-    background: var(--mantine-color-gray-1);
-  }
-
-  @mixin dark {
-    background: var(--mantine-color-gray-light);
-  }
-}
-
-.linkChip {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  padding: 6px 10px;
-  border-radius: var(--mantine-radius-sm);
-  cursor: pointer;
-
-  @mixin light {
-    background: var(--mantine-color-gray-1);
-  }
-
-  @mixin dark {
-    background: var(--mantine-color-dark-5);
-  }
-
-  &:hover {
-    @mixin light {
-      background: var(--mantine-color-gray-2);
-    }
-
-    @mixin dark {
-      background: var(--mantine-color-dark-4);
-    }
-  }
-}
-
-.removeLink {
-  width: 100%;
-  padding: 4px;
-  border-radius: var(--mantine-radius-sm);
-
-  &:hover {
-    @mixin light {
-      background: var(--mantine-color-gray-1);
-    }
-
-    @mixin dark {
-      background: var(--mantine-color-dark-5);
-    }
-  }
 }

apps/client/src/features/editor/components/link/types.ts

@@ -1,5 +1,4 @@
 export type LinkEditorPanelProps = {
   initialUrl?: string;
-  onSetLink: (url: string, internal?: boolean) => void;
+  onSetLink: (url: string, openInNewTab?: boolean) => void;
-  onUnsetLink?: () => void;
 };

apps/client/src/features/editor/components/link/use-link-editor-state.tsx

@@ -13,16 +13,11 @@ export const useLinkEditorState = ({
 
   const isValidUrl = useMemo(() => /^(\S+):(\/\/)?\S+$/.test(url), [url]);
 
-  const isSearchQuery = useMemo(
-    () => url.length > 0 && !isValidUrl,
-    [url, isValidUrl],
-  );
-
   const handleSubmit = useCallback(
     (e: React.FormEvent) => {
       e.preventDefault();
       if (isValidUrl) {
-        onSetLink(url, false);
+        onSetLink(url);
       }
     },
     [url, isValidUrl, onSetLink],
@@ -34,6 +29,5 @@ export const useLinkEditorState = ({
     onChange,
     handleSubmit,
     isValidUrl,
-    isSearchQuery,
   };
 };

apps/client/src/features/editor/extensions/extensions.ts

@@ -86,9 +86,8 @@ import fortran from "highlight.js/lib/languages/fortran";
 import haskell from "highlight.js/lib/languages/haskell";
 import scala from "highlight.js/lib/languages/scala";
 import mentionRenderItems from "@/features/editor/components/mention/mention-suggestion.ts";
-import { ReactNodeViewRenderer, ReactMarkViewRenderer } from "@tiptap/react";
+import { ReactNodeViewRenderer } from "@tiptap/react";
 import MentionView from "@/features/editor/components/mention/mention-view.tsx";
-import LinkView from "@/features/editor/components/link/link-view.tsx";
 import i18n from "@/i18n.ts";
 import { MarkdownClipboard } from "@/features/editor/extensions/markdown-clipboard.ts";
 import EmojiCommand from "./emoji-command";
@@ -177,10 +176,6 @@ export const mainExtensions = [
   }),
   LinkExtension.configure({
     openOnClick: false,
-  }).extend({
-    addMarkView() {
-      return ReactMarkViewRenderer(LinkView);
-    },
   }),
   Superscript,
   SubScript,

apps/client/src/features/editor/hooks/use-editor-scroll.ts

@@ -42,7 +42,7 @@ export const useEditorScroll = ({
         return;
       }
 
-      const dom = editor.view.dom.querySelector(`[id="${targetId}"], [data-id="${targetId}"]`);
+      const dom = editor.view.dom.querySelector(`[id="${targetId}"]`);
       if (dom) {
         dom.scrollIntoView({ behavior: 'smooth', block: 'start' });
         resolve(true);

apps/client/src/features/editor/page-editor.tsx

@@ -50,6 +50,7 @@ import {
   handleFileDrop,
   handlePaste,
 } from "@/features/editor/components/common/editor-paste-handler.tsx";
+import LinkMenu from "@/features/editor/components/link/link-menu.tsx";
 import ExcalidrawMenu from "./components/excalidraw/excalidraw-menu";
 import DrawioMenu from "./components/drawio/drawio-menu";
 import { useCollabToken } from "@/features/auth/queries/auth-query.tsx";
@@ -66,7 +67,6 @@ import { jwtDecode } from "jwt-decode";
 import { searchSpotlight } from "@/features/search/constants.ts";
 import { useEditorScroll } from "./hooks/use-editor-scroll";
 import { EditorAiMenu } from "@/ee/ai/components/editor/ai-menu/ai-menu";
-import { EditorLinkMenu } from "@/features/editor/components/link/link-menu";
 import ColumnsMenu from "@/features/editor/components/columns/columns-menu.tsx";
 
 interface PageEditorProps {
@@ -408,7 +408,6 @@ export default function PageEditor({
         {editor && editorIsEditable && (
           <div>
             <EditorAiMenu editor={editor} />
-            <EditorLinkMenu editor={editor} />
             <EditorBubbleMenu editor={editor} />
             <TableMenu editor={editor} />
             <TableCellMenu editor={editor} appendTo={menuContainerRef} />
@@ -419,6 +418,7 @@ export default function PageEditor({
             <ExcalidrawMenu editor={editor} />
             <DrawioMenu editor={editor} />
             <ColumnsMenu editor={editor} />
+            <LinkMenu editor={editor} appendTo={menuContainerRef} />
           </div>
         )}
         {showCommentPopup && <CommentDialog editor={editor} pageId={pageId} />}

apps/client/src/features/editor/styles/core.css

@@ -98,12 +98,12 @@
   a {
     color: light-dark(var(--mantine-color-dark-4), var(--mantine-color-dark-1));
     @mixin light {
-      border-bottom: 0.07em solid var(--mantine-color-dark-0);
+      border-bottom: 0.05em solid var(--mantine-color-dark-0);
     }
     @mixin dark {
-      border-bottom: 0.07em solid var(--mantine-color-dark-2);
+      border-bottom: 0.05em solid var(--mantine-color-dark-2);
     }
-    font-weight: 500;
+    /*font-weight: 500; */
     text-decoration: none;
     cursor: pointer;
   }

apps/client/src/features/notification/components/notification-item.tsx

@@ -12,7 +12,7 @@ import {
 } from "@tabler/icons-react";
 import { CustomAvatar } from "@/components/ui/custom-avatar";
 import { INotification } from "../types/notification.types";
-import { Trans, useTranslation } from "react-i18next";
+import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { useState } from "react";
 import { useMarkReadMutation } from "../queries/notification-query";
@@ -36,20 +36,20 @@ export function NotificationItem({
 
   const isUnread = !notification.readAt;
 
-  const getNotificationMessageKey = (): string => {
+  const getNotificationMessage = (): string => {
     switch (notification.type) {
       case "comment.user_mention":
-        return "<bold>{{name}}</bold> mentioned you in a comment";
+        return t("mentioned you in a comment");
       case "comment.created":
-        return "<bold>{{name}}</bold> commented on a page";
+        return t("commented on a page");
       case "comment.resolved":
-        return "<bold>{{name}}</bold> resolved a comment";
+        return t("resolved a comment");
       case "page.user_mention":
-        return "<bold>{{name}}</bold> mentioned you on a page";
+        return t("mentioned you on a page");
       case "page.permission_granted":
         return notification.data?.role === "writer"
-          ? "<bold>{{name}}</bold> gave you edit access to a page"
+          ? t("gave you edit access to a page")
-          : "<bold>{{name}}</bold> gave you view access to a page";
+          : t("gave you view access to a page");
       default:
         return "";
     }
@@ -95,11 +95,10 @@ export function NotificationItem({
 
         <div style={{ flex: 1, minWidth: 0 }}>
           <Text size="sm" lineClamp={2}>
-            <Trans
+            <Text span fw={600}>
-              i18nKey={getNotificationMessageKey()}
+              {notification.actor?.name}
-              values={{ name: notification.actor?.name }}
+            </Text>{" "}
-              components={{ bold: <Text span fw={600} /> }}
+            {getNotificationMessage()}
-            />
           </Text>
 
           {notification.page && (

apps/client/src/features/page/components/page-import-modal.tsx

@@ -28,11 +28,9 @@ import { IPage } from "@/features/page/types/page.types.ts";
 import React, { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { ConfluenceIcon } from "@/components/icons/confluence-icon.tsx";
-import { getFileImportSizeLimit } from "@/lib/config.ts";
+import { getFileImportSizeLimit, isCloud } from "@/lib/config.ts";
 import { formatBytes } from "@/lib";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
-import { Feature } from "@/ee/features";
-import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label";
 import { getFileTaskById } from "@/features/file-task/services/file-task-service.ts";
 import { queryClient } from "@/main.tsx";
 import { useQueryEmit } from "@/features/websocket/use-query-emit.ts";
@@ -84,6 +82,7 @@ interface ImportFormatSelection {
 function ImportFormatSelection({ spaceId, onClose }: ImportFormatSelection) {
   const { t } = useTranslation();
   const [treeData, setTreeData] = useAtom(treeDataAtom);
+  const [workspace] = useAtom(workspaceAtom);
   const [fileTaskId, setFileTaskId] = useState<string | null>(null);
   const emit = useQueryEmit();
 
@@ -94,9 +93,8 @@ function ImportFormatSelection({ spaceId, onClose }: ImportFormatSelection) {
   const confluenceFileRef = useRef<() => void>(null);
   const zipFileRef = useRef<() => void>(null);
 
-  const canUseConfluence = useHasFeature(Feature.CONFLUENCE_IMPORT);
+  const canUseConfluence = isCloud() || workspace?.hasLicenseKey;
-  const canUseDocx = useHasFeature(Feature.DOCX_IMPORT);
+  const canUseDocx = isCloud() || workspace?.hasLicenseKey;
-  const upgradeLabel = useUpgradeLabel();
 
   const handleZipUpload = async (selectedFile: File, source: string) => {
     if (!selectedFile) {
@@ -362,7 +360,7 @@ function ImportFormatSelection({ spaceId, onClose }: ImportFormatSelection) {
         >
           {(props) => (
             <Tooltip
-              label={upgradeLabel}
+              label={t("Available in enterprise edition")}
               disabled={canUseDocx}
             >
               <Button
@@ -401,7 +399,7 @@ function ImportFormatSelection({ spaceId, onClose }: ImportFormatSelection) {
         >
           {(props) => (
             <Tooltip
-              label={upgradeLabel}
+              label={t("Available in enterprise edition")}
               disabled={canUseConfluence}
             >
               <Button

apps/client/src/features/page/queries/page-query.ts

@@ -110,7 +110,15 @@ export function useUpdatePageMutation() {
   return useMutation<IPage, Error, Partial<IPageInput>>({
     mutationFn: (data) => updatePage(data),
     onSuccess: (data) => {
-      updatePageData(data);
+      updatePage(data);
+
+      invalidateOnUpdatePage(
+        data.spaceId,
+        data.parentPageId,
+        data.id,
+        data.title,
+        data.icon,
+      );
     },
   });
 }

apps/client/src/features/search/components/search-spotlight-filters.tsx

@@ -22,9 +22,9 @@ import {
 import { useTranslation } from "react-i18next";
 import { useDebouncedValue } from "@mantine/hooks";
 import { useGetSpacesQuery } from "@/features/space/queries/space-query";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { useLicense } from "@/ee/hooks/use-license";
-import { Feature } from "@/ee/features";
 import classes from "./search-spotlight-filters.module.css";
+import { isCloud } from "@/lib/config.ts";
 import { useAtom } from "jotai";
 import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
 
@@ -42,7 +42,7 @@ export function SearchSpotlightFilters({
   isAiMode = false,
 }: SearchSpotlightFiltersProps) {
   const { t } = useTranslation();
-  const hasAttachmentIndexing = useHasFeature(Feature.ATTACHMENT_INDEXING);
+  const { hasLicenseKey } = useLicense();
   const [selectedSpaceId, setSelectedSpaceId] = useState<string | null>(
     spaceId || null,
   );
@@ -87,7 +87,7 @@ export function SearchSpotlightFilters({
     {
       value: "attachment",
       label: t("Attachments"),
-      disabled: !hasAttachmentIndexing,
+      disabled: !isCloud() && !hasLicenseKey,
     },
   ];
 

apps/client/src/features/search/components/search-spotlight.tsx

@@ -11,16 +11,15 @@ import { useUnifiedSearch } from "../hooks/use-unified-search.ts";
 import { useAiSearch } from "../../../ee/ai/hooks/use-ai-search.ts";
 import { SearchResultItem } from "./search-result-item.tsx";
 import { AiSearchResult } from "../../../ee/ai/components/ai-search-result.tsx";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { useLicense } from "@/ee/hooks/use-license.tsx";
-import { Feature } from "@/ee/features";
+import { isCloud } from "@/lib/config.ts";
 
 interface SearchSpotlightProps {
   spaceId?: string;
 }
 export function SearchSpotlight({ spaceId }: SearchSpotlightProps) {
   const { t } = useTranslation();
-  const hasAiFeature = useHasFeature(Feature.AI);
+  const { hasLicenseKey } = useLicense();
-  const hasAttachmentIndexing = useHasFeature(Feature.ATTACHMENT_INDEXING);
   const [query, setQuery] = useState("");
   const [debouncedSearchQuery] = useDebouncedValue(query, 300);
   const [filters, setFilters] = useState<{
@@ -85,7 +84,7 @@ export function SearchSpotlight({ spaceId }: SearchSpotlightProps) {
 
   // Determine result type for rendering
   const isAttachmentSearch =
-    filters.contentType === "attachment" && hasAttachmentIndexing;
+    filters.contentType === "attachment" && (hasLicenseKey || isCloud());
 
   const resultItems = (searchResults || []).map((result) => (
     <SearchResultItem
@@ -135,7 +134,7 @@ export function SearchSpotlight({ spaceId }: SearchSpotlightProps) {
               }
             }}
           />
-          {isAiMode && hasAiFeature && (
+          {isAiMode && hasLicenseKey && (
             <Button
               size="xs"
               leftSection={<IconSparkles size={16} />}

apps/client/src/features/search/hooks/use-unified-search.ts

@@ -8,8 +8,8 @@ import {
   IPageSearch,
   IPageSearchParams,
 } from "@/features/search/types/search.types";
-import { useHasFeature } from "@/ee/hooks/use-feature";
+import { useLicense } from "@/ee/hooks/use-license";
-import { Feature } from "@/ee/features";
+import { isCloud } from "@/lib/config";
 
 export type UnifiedSearchResult = IPageSearch | IAttachmentSearch;
 
@@ -21,10 +21,10 @@ export function useUnifiedSearch(
   params: UseUnifiedSearchParams,
   enabled: boolean = true,
 ): UseQueryResult<UnifiedSearchResult[], Error> {
-  const hasAttachmentIndexing = useHasFeature(Feature.ATTACHMENT_INDEXING);
+  const { hasLicenseKey } = useLicense();
 
   const isAttachmentSearch =
-    params.contentType === "attachment" && hasAttachmentIndexing;
+    params.contentType === "attachment" && (isCloud() || hasLicenseKey);
   const searchType = isAttachmentSearch ? "attachment" : "page";
 
   return useQuery({

apps/client/src/features/search/queries/search-query.ts

@@ -1,4 +1,4 @@
-import { keepPreviousData, useQuery, UseQueryResult } from "@tanstack/react-query";
+import { useQuery, UseQueryResult } from "@tanstack/react-query";
 import {
   searchAttachments,
   searchPage,
@@ -32,7 +32,6 @@ export function useSearchSuggestionsQuery(
     staleTime: 60 * 1000, // 1min
     queryFn: () => searchSuggestions(queryParams),
     enabled: preload || !!params.query,
-    placeholderData: keepPreviousData,
   });
 }
 

apps/client/src/features/session/components/session-list.tsx

@@ -1,165 +0,0 @@
-import { useState } from "react";
-import {
-  Button,
-  Divider,
-  Group,
-  Skeleton,
-  Stack,
-  Table,
-  Text,
-} from "@mantine/core";
-import { IconDevices } from "@tabler/icons-react";
-import { useTranslation } from "react-i18next";
-import {
-  useGetSessionsQuery,
-  useRevokeSessionMutation,
-  useRevokeAllSessionsMutation,
-} from "@/features/session/queries/session-query";
-import { formattedDate } from "@/lib/time";
-
-const PAGE_SIZE = 5;
-
-export default function SessionList() {
-  const { t } = useTranslation();
-  const { data: sessions, isLoading } = useGetSessionsQuery();
-  const revokeSessionMutation = useRevokeSessionMutation();
-  const revokeAllSessionsMutation = useRevokeAllSessionsMutation();
-  const [visibleCount, setVisibleCount] = useState(PAGE_SIZE);
-
-  const otherSessions = sessions?.filter((s) => !s?.isCurrentDevice) ?? [];
-  const visibleSessions = sessions?.slice(0, visibleCount) ?? [];
-  const hasMore = sessions && visibleCount < sessions.length;
-
-  if (isLoading) {
-    return (
-      <Table verticalSpacing="md">
-        <Table.Thead>
-          <Table.Tr>
-            <Table.Th>{t("Device Name")}</Table.Th>
-            <Table.Th>{t("Last Active")}</Table.Th>
-            <Table.Th />
-          </Table.Tr>
-        </Table.Thead>
-        <Table.Tbody>
-          {[1, 2, 3].map((i) => (
-            <Table.Tr key={i}>
-              <Table.Td>
-                <Group gap="xs">
-                  <Skeleton height={18} width={18} radius="sm" />
-                  <Skeleton height={14} width={140} radius="xs" />
-                </Group>
-              </Table.Td>
-              <Table.Td>
-                <Skeleton height={14} width={120} radius="xs" />
-              </Table.Td>
-              <Table.Td>
-                <Skeleton height={30} width={70} radius="sm" />
-              </Table.Td>
-            </Table.Tr>
-          ))}
-        </Table.Tbody>
-      </Table>
-    );
-  }
-
-  return (
-    <Stack>
-      {otherSessions.length > 0 && (
-        <>
-          <div>
-            <Text fw={500}>{t("Log out of all devices")}</Text>
-            <Group justify="space-between" align="center" mt={4}>
-              <Text size="sm" c="dimmed">
-                {t(
-                  "Log out of all sessions except this device",
-                )}
-              </Text>
-              <Button
-                variant="outline"
-                color="red"
-                size="xs"
-                loading={revokeAllSessionsMutation.isPending}
-                onClick={() => revokeAllSessionsMutation.mutate()}
-              >
-                {t("Log out of all devices")}
-              </Button>
-            </Group>
-          </div>
-          <Divider />
-        </>
-      )}
-
-      <Table verticalSpacing="md">
-        <Table.Thead>
-          <Table.Tr>
-            <Table.Th>{t("Device Name")}</Table.Th>
-            <Table.Th>{t("Last Active")}</Table.Th>
-            {otherSessions.length > 0 && <Table.Th />}
-          </Table.Tr>
-        </Table.Thead>
-        <Table.Tbody>
-          {visibleSessions.map((session) => (
-            <Table.Tr key={session.id}>
-              <Table.Td>
-                <Group gap="xs">
-                  <IconDevices size={18} stroke={1.5} />
-                  <div>
-                    <Text size="sm">
-                      {session.deviceName || t("Unknown device")}
-                    </Text>
-                    {session?.isCurrentDevice && (
-                      <Text size="xs" c="blue">
-                        {t("This Device")}
-                      </Text>
-                    )}
-                  </div>
-                </Group>
-              </Table.Td>
-              <Table.Td>
-                <Text size="sm">
-                  {session?.isCurrentDevice
-                    ? t("Now")
-                    : formattedDate(new Date(session.lastActiveAt))}
-                </Text>
-              </Table.Td>
-              {otherSessions.length > 0 && (
-                <Table.Td>
-                  {!session?.isCurrentDevice && (
-                    <Button
-                      variant="outline"
-                      size="xs"
-                      loading={revokeSessionMutation.isPending}
-                      onClick={() =>
-                        revokeSessionMutation.mutate({
-                          sessionId: session.id,
-                        })
-                      }
-                    >
-                      {t("Log out")}
-                    </Button>
-                  )}
-                </Table.Td>
-              )}
-            </Table.Tr>
-          ))}
-        </Table.Tbody>
-      </Table>
-
-      {hasMore && (
-        <Button
-          variant="subtle"
-          size="xs"
-          onClick={() => setVisibleCount((c) => c + PAGE_SIZE)}
-        >
-          {t("Load more")}
-        </Button>
-      )}
-
-      {(!sessions || sessions.length === 0) && (
-        <Text size="sm" c="dimmed" ta="center">
-          {t("No active sessions")}
-        </Text>
-      )}
-    </Stack>
-  );
-}

apps/client/src/features/session/queries/session-query.ts

@@ -1,55 +0,0 @@
-import {
-  useMutation,
-  useQuery,
-  useQueryClient,
-  UseQueryResult,
-} from "@tanstack/react-query";
-import {
-  getSessions,
-  revokeSession,
-  revokeAllSessions,
-} from "@/features/session/services/session-service";
-import { ISession } from "@/features/session/types/session.types";
-import { notifications } from "@mantine/notifications";
-import { useTranslation } from "react-i18next";
-
-export function useGetSessionsQuery(): UseQueryResult<ISession[], Error> {
-  return useQuery({
-    queryKey: ["session-list"],
-    queryFn: () => getSessions(),
-  });
-}
-
-export function useRevokeSessionMutation() {
-  const queryClient = useQueryClient();
-  const { t } = useTranslation();
-
-  return useMutation<void, Error, { sessionId: string }>({
-    mutationFn: (data) => revokeSession(data),
-    onSuccess: () => {
-      notifications.show({ message: t("Session revoked") });
-      queryClient.invalidateQueries({ queryKey: ["session-list"] });
-    },
-    onError: (error) => {
-      const errorMessage = error["response"]?.data?.message;
-      notifications.show({ message: errorMessage, color: "red" });
-    },
-  });
-}
-
-export function useRevokeAllSessionsMutation() {
-  const queryClient = useQueryClient();
-  const { t } = useTranslation();
-
-  return useMutation<void, Error, void>({
-    mutationFn: () => revokeAllSessions(),
-    onSuccess: () => {
-      notifications.show({ message: t("All other sessions revoked") });
-      queryClient.invalidateQueries({ queryKey: ["session-list"] });
-    },
-    onError: (error) => {
-      const errorMessage = error["response"]?.data?.message;
-      notifications.show({ message: errorMessage, color: "red" });
-    },
-  });
-}

apps/client/src/features/session/services/session-service.ts

@@ -1,17 +0,0 @@
-import api from "@/lib/api-client";
-import { ISession } from "@/features/session/types/session.types";
-
-export async function getSessions(): Promise<ISession[]> {
-  const req = await api.post<{ sessions: ISession[] }>("/sessions");
-  return req.data.sessions;
-}
-
-export async function revokeSession(data: {
-  sessionId: string;
-}): Promise<void> {
-  await api.post("/sessions/revoke", data);
-}
-
-export async function revokeAllSessions(): Promise<void> {
-  await api.post("/sessions/revoke-all");
-}

apps/client/src/features/session/types/session.types.ts

@@ -1,8 +0,0 @@
-export type ISession = {
-  id: string;
-  deviceName: string | null;
-  geoLocation: string | null;
-  lastActiveAt: string;
-  createdAt: string;
-  isCurrentDevice?: boolean;
-};

apps/client/src/features/share/components/share-shell.tsx

@@ -180,7 +180,7 @@ export default function ShareShell({
       <AppShell.Main>
         {children}
 
-        {data && shareId && !(data.features?.length > 0) && <ShareBranding />}
+        {data && shareId && !data.hasLicenseKey && <ShareBranding />}
       </AppShell.Main>
 
       <AppShell.Aside

apps/client/src/features/share/types/share.types.ts

@@ -41,7 +41,7 @@ export interface ISharedPage extends IShare {
     level: number;
     sharedPage: { id: string; slugId: string; title: string; icon: string };
   };
-  features?: string[];
+  hasLicenseKey: boolean;
 }
 
 export interface IShareForPage extends IShare {
@@ -71,5 +71,5 @@ export interface IShareInfoInput {
 export interface ISharedPageTree {
   share: IShare;
   pageTree: Partial<IPage[]>;
-  features?: string[];
+  hasLicenseKey: boolean;
 }

apps/client/src/features/space/components/space-details.tsx

@@ -19,6 +19,7 @@ import {
   ResponsiveSettingsRow,
 } from "@/components/ui/responsive-settings-row.tsx";
 import SpacePublicSharingToggle from "@/ee/security/components/space-public-sharing-toggle.tsx";
+import useEnterpriseAccess from "@/ee/hooks/use-enterprise-access.tsx";
 
 interface SpaceDetailsProps {
   spaceId: string;
@@ -27,7 +28,8 @@ interface SpaceDetailsProps {
 export default function SpaceDetails({ spaceId, readOnly }: SpaceDetailsProps) {
   const { t } = useTranslation();
   const { data: space, isLoading, refetch } = useSpaceQuery(spaceId);
-  const showSharingToggle = !readOnly;
+  const hasEnterpriseAccess = useEnterpriseAccess();
+  const showSharingToggle = !readOnly && hasEnterpriseAccess;
   const [exportOpened, { open: openExportModal, close: closeExportModal }] =
     useDisclosure(false);
   const [isIconUploading, setIsIconUploading] = useState(false);

apps/client/src/features/user/components/account-name-form.tsx

@@ -1,8 +1,9 @@
 import { useAtom } from "jotai";
+import { focusAtom } from "jotai-optics";
 import { z } from "zod/v4";
 import { useForm } from "@mantine/form";
 import { zod4Resolver } from "mantine-form-zod-resolver";
-import { userAtom } from "@/features/user/atoms/current-user-atom.ts";
+import { currentUserAtom } from "@/features/user/atoms/current-user-atom.ts";
 import { updateUser } from "@/features/user/services/user-service.ts";
 import { IUser } from "@/features/user/types/user.types.ts";
 import { useState } from "react";
@@ -16,15 +17,18 @@ const formSchema = z.object({
 
 type FormValues = z.infer<typeof formSchema>;
 
+const userAtom = focusAtom(currentUserAtom, (optic) => optic.prop("user"));
+
 export default function AccountNameForm() {
   const { t } = useTranslation();
   const [isLoading, setIsLoading] = useState(false);
-  const [user, setUser] = useAtom(userAtom);
+  const [currentUser] = useAtom(currentUserAtom);
+  const [, setUser] = useAtom(userAtom);
 
   const form = useForm<FormValues>({
     validate: zod4Resolver(formSchema),
     initialValues: {
-      name: user?.name,
+      name: currentUser?.user.name,
     },
   });
 

apps/client/src/features/user/user-provider.tsx

@@ -1,4 +1,4 @@
-import { useAtom, useSetAtom } from "jotai";
+import { useAtom } from "jotai";
 import { currentUserAtom } from "@/features/user/atoms/current-user-atom";
 import React, { useEffect } from "react";
 import useCurrentUser from "@/features/user/hooks/use-current-user";
@@ -11,14 +11,10 @@ import { useTreeSocket } from "@/features/websocket/use-tree-socket.ts";
 import { useNotificationSocket } from "@/features/notification/hooks/use-notification-socket.ts";
 import { useCollabToken } from "@/features/auth/queries/auth-query.tsx";
 import { Error404 } from "@/components/ui/error-404.tsx";
-import { useEntitlements } from "@/ee/entitlement/use-entitlements";
-import { entitlementAtom } from "@/ee/entitlement/entitlement-atom";
 
 export function UserProvider({ children }: React.PropsWithChildren) {
   const [, setCurrentUser] = useAtom(currentUserAtom);
-  const setEntitlements = useSetAtom(entitlementAtom);
   const { data, isLoading, error, isError } = useCurrentUser();
-  const { data: entitlements } = useEntitlements();
   const { i18n } = useTranslation();
   const [, setSocket] = useAtom(socketAtom);
   // fetch collab token on load
@@ -60,12 +56,6 @@ export function UserProvider({ children }: React.PropsWithChildren) {
     }
   }, [data, isLoading]);
 
-  useEffect(() => {
-    if (entitlements) {
-      setEntitlements(entitlements);
-    }
-  }, [entitlements]);
-
   if (isLoading) return <></>;
 
   if (isError && error?.["response"]?.status === 404) {

apps/client/src/features/workspace/services/workspace-service.ts

@@ -113,7 +113,7 @@ export async function getInvitationById(data: {
 
 export async function createWorkspace(
   data: ISetupWorkspace,
-): Promise<{ workspace: IWorkspace; exchangeToken?: string; requiresEmailVerification?: boolean; emailSignature?: string }> {
+): Promise<{ workspace: IWorkspace } & { exchangeToken: string }> {
   const req = await api.post("/workspace/create", data);
   return req.data;
 }

apps/client/src/features/workspace/types/workspace.types.ts

@@ -20,6 +20,7 @@ export interface IWorkspace {
   emailDomains: string[];
   memberCount?: number;
   plan?: string;
+  hasLicenseKey?: boolean;
   enforceMfa?: boolean;
   aiSearch?: boolean;
   generativeAi?: boolean;
@@ -83,6 +84,7 @@ export interface IPublicWorkspace {
   hostname: string;
   enforceSso: boolean;
   authProviders: IAuthProvider[];
+  hasLicenseKey?: boolean;
 }
 
 export interface IVersion {

apps/client/src/hooks/use-is-cloud-ee.tsx

@@ -0,0 +1,7 @@
+import { isCloud } from "@/lib/config";
+import { useLicense } from "@/ee/hooks/use-license";
+
+export const useIsCloudEE = () => {
+  const { hasLicenseKey } = useLicense();
+  return isCloud() || !!hasLicenseKey;
+}; 

apps/client/src/lib/api-client.ts

@@ -74,12 +74,8 @@ function redirectToLogin() {
   ];
   if (!exemptPaths.some((path) => window.location.pathname.startsWith(path))) {
     const redirectTo = window.location.pathname;
-    if (redirectTo === APP_ROUTE.HOME) {
+    const params = new URLSearchParams({ redirect: redirectTo });
-      window.location.href = APP_ROUTE.AUTH.LOGIN;
+    window.location.href = `${APP_ROUTE.AUTH.LOGIN}?${params.toString()}`;
-    } else {
-      const params = new URLSearchParams({ redirect: redirectTo });
-      window.location.href = `${APP_ROUTE.AUTH.LOGIN}?${params.toString()}`;
-    }
   }
 }
 

apps/client/src/lib/app-route.ts

@@ -12,7 +12,6 @@ const APP_ROUTE = {
     SELECT_WORKSPACE: "/select",
     MFA_CHALLENGE: "/login/mfa",
     MFA_SETUP_REQUIRED: "/login/mfa/setup",
-    VERIFY_EMAIL: "/verify-email",
   },
   SETTINGS: {
     ACCOUNT: {

apps/client/src/lib/config.ts

@@ -1,7 +1,6 @@
 import bytes from "bytes";
 import { castToBoolean } from "@/lib/utils.tsx";
 import { AvatarIconType } from "@/features/attachments/types/attachment.types.ts";
-import { sanitizeUrl } from "@docmost/editor-ext";
 
 declare global {
   interface Window {
@@ -67,7 +66,7 @@ export function getFileUrl(src: string) {
   if (src.startsWith("/files/")) {
     return getBackendUrl() + src;
   }
-  return sanitizeUrl(src);
+  return src;
 }
 
 export function getFileUploadSizeLimit() {

apps/client/src/lib/utils.tsx

@@ -94,12 +94,6 @@ export function getPageIcon(icon: string, size = 18): string | ReactNode {
   );
 }
 
-export const normalizeUrl = (url: string): string => {
-  if (!url) return url;
-  if (url.startsWith("/") || /^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(url)) return url;
-  return `https://${url}`;
-};
-
 export function castToBoolean(value: unknown): boolean {
   if (value == null) {
     return false;

apps/client/src/pages/settings/account/account-settings.tsx

@@ -8,7 +8,6 @@ import { getAppName } from "@/lib/config.ts";
 import { Helmet } from "react-helmet-async";
 import { useTranslation } from "react-i18next";
 import { AccountMfaSection } from "@/features/user/components/account-mfa-section";
-import SessionList from "@/features/session/components/session-list";
 
 export default function AccountSettings() {
   const { t } = useTranslation();
@@ -37,10 +36,6 @@ export default function AccountSettings() {
       <Divider my="lg" />
 
       <AccountMfaSection />
-
-      <Divider my="lg" />
-
-      <SessionList />
     </>
   );
 }

apps/client/src/pages/share/shared-page.tsx

@@ -68,7 +68,7 @@ export default function SharedPage() {
         />
       </Container>
 
-      {data && !shareId && !(data.features?.length > 0) && <ShareBranding />}
+      {data && !shareId && !data.hasLicenseKey && <ShareBranding />}
     </div>
   );
 }

apps/client/vite.config.ts

@@ -2,7 +2,7 @@ import { defineConfig, loadEnv } from "vite";
 import react from "@vitejs/plugin-react";
 import * as path from "path";
 
-const envPath = path.resolve(process.cwd(), "..", "..");
+export const envPath = path.resolve(process.cwd(), "..", "..");
 
 export default defineConfig(({ mode }) => {
   const {
@@ -35,20 +35,6 @@ export default defineConfig(({ mode }) => {
       APP_VERSION: JSON.stringify(process.env.npm_package_version),
     },
     plugins: [react()],
-    build: {
-      rolldownOptions: {
-        output: {
-          codeSplitting: {
-            groups: [
-              { name: "vendor-mantine", test: /@mantine/ },
-              { name: "vendor-mermaid", test: /mermaid|cytoscape|elkjs/ },
-              { name: "vendor-excalidraw", test: /excalidraw/ },
-              { name: "vendor-katex", test: /katex/ },
-            ],
-          },
-        },
-      },
-    },
     resolve: {
       alias: {
         "@": "/src",

apps/server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "server",
-  "version": "0.70.3",
+  "version": "0.70.1",
   "description": "",
   "author": "",
   "private": true,
@@ -30,124 +30,122 @@
     "test:e2e": "jest --config test/jest-e2e.json"
   },
   "dependencies": {
-    "@ai-sdk/google": "^3.0.52",
+    "@ai-sdk/google": "^3.0.29",
-    "@ai-sdk/openai": "^3.0.47",
+    "@ai-sdk/openai": "^3.0.29",
-    "@ai-sdk/openai-compatible": "^2.0.37",
+    "@ai-sdk/openai-compatible": "^2.0.30",
-    "@aws-sdk/client-s3": "3.1014.0",
+    "@aws-sdk/client-s3": "3.1000.0",
-    "@aws-sdk/lib-storage": "3.1014.0",
+    "@aws-sdk/lib-storage": "3.1000.0",
-    "@aws-sdk/s3-request-presigner": "3.1014.0",
+    "@aws-sdk/s3-request-presigner": "3.1000.0",
-    "@clickhouse/client": "^1.18.2",
+    "@clickhouse/client": "^1.17.0",
     "@fastify/cookie": "^11.0.2",
     "@fastify/multipart": "^9.4.0",
     "@fastify/static": "^9.0.0",
     "@keyv/redis": "^5.1.6",
-    "@langchain/core": "1.1.34",
+    "@langchain/core": "1.1.29",
     "@langchain/textsplitters": "1.0.1",
     "@modelcontextprotocol/sdk": "^1.27.1",
     "@nestjs-labs/nestjs-ioredis": "^11.0.4",
     "@nestjs/bullmq": "^11.0.4",
     "@nestjs/cache-manager": "^3.1.0",
-    "@nestjs/common": "^11.1.17",
+    "@nestjs/common": "^11.1.14",
     "@nestjs/config": "^4.0.3",
-    "@nestjs/core": "^11.1.17",
+    "@nestjs/core": "^11.1.14",
     "@nestjs/event-emitter": "^3.0.1",
-    "@nestjs/jwt": "11.0.2",
+    "@nestjs/jwt": "11.0.0",
     "@nestjs/mapped-types": "^2.1.0",
     "@nestjs/passport": "^11.0.5",
-    "@nestjs/platform-fastify": "^11.1.17",
+    "@nestjs/platform-fastify": "^11.1.14",
-    "@nestjs/platform-socket.io": "^11.1.17",
+    "@nestjs/platform-socket.io": "^11.1.14",
     "@nestjs/schedule": "^6.1.1",
     "@nestjs/terminus": "^11.1.1",
-    "@nestjs/websockets": "^11.1.17",
+    "@nestjs/websockets": "^11.1.14",
     "@node-saml/passport-saml": "^5.1.0",
-    "@react-email/components": "1.0.10",
+    "@react-email/components": "1.0.7",
     "@react-email/render": "2.0.4",
     "@socket.io/redis-adapter": "^8.3.0",
-    "ai": "^6.0.134",
+    "ai": "^6.0.86",
-    "ai-sdk-ollama": "^3.8.1",
+    "ai-sdk-ollama": "^3.7.0",
     "bcrypt": "^6.0.0",
-    "bowser": "^2.14.1",
+    "bullmq": "^5.70.1",
-    "bullmq": "^5.71.0",
     "cache-manager": "^7.2.8",
     "cheerio": "^1.2.0",
     "class-transformer": "^0.5.1",
     "class-validator": "^0.15.1",
     "cookie": "^1.1.1",
-    "fs-extra": "^11.3.4",
+    "fs-extra": "^11.3.3",
-    "happy-dom": "20.8.4",
+    "happy-dom": "20.1.0",
-    "ioredis": "^5.10.1",
+    "ioredis": "^5.4.1",
     "jsonwebtoken": "^9.0.3",
-    "kysely": "^0.28.14",
+    "kysely": "^0.28.2",
     "kysely-migration-cli": "^0.4.2",
     "kysely-postgres-js": "^3.0.0",
-    "ldapts": "^8.1.7",
+    "ldapts": "^7.4.0",
     "lib0": "^0.2.117",
-    "mammoth": "^1.12.0",
+    "mammoth": "^1.11.0",
-    "mime-types": "^3.0.2",
+    "mime-types": "^2.1.35",
-    "msgpackr": "^1.11.9",
+    "msgpackr": "^1.11.8",
-    "nanoid": "5.1.7",
+    "nanoid": "3.3.11",
     "nestjs-cls": "^6.2.0",
-    "nestjs-kysely": "^3.1.2",
+    "nestjs-kysely": "^1.2.0",
-    "nestjs-pino": "^4.6.1",
+    "nestjs-pino": "^4.5.0",
-    "nodemailer": "^8.0.3",
+    "nodemailer": "^7.0.12",
-    "openid-client": "^6.8.2",
+    "openid-client": "^5.7.1",
-    "otpauth": "^9.5.0",
+    "otpauth": "^9.4.1",
-    "p-limit": "^7.3.0",
+    "p-limit": "^6.2.0",
     "passport-google-oauth20": "^2.0.0",
     "passport-jwt": "^4.0.1",
-    "pdfjs-dist": "^5.5.207",
+    "pdfjs-dist": "^5.4.394",
     "pg-tsquery": "^8.4.2",
     "pgvector": "^0.2.1",
     "pino-http": "^11.0.0",
     "pino-pretty": "^13.1.3",
     "postgres": "^3.4.8",
-    "postmark": "^4.0.7",
+    "postmark": "^4.0.5",
     "react": "^18.3.1",
     "reflect-metadata": "^0.2.2",
     "rxjs": "^7.8.2",
     "sanitize-filename-ts": "1.0.2",
     "socket.io": "^4.8.3",
-    "stripe": "^17.7.0",
+    "stripe": "^17.5.0",
-    "tlds": "^1.261.0",
     "tmp-promise": "^3.0.3",
     "tseep": "^1.3.1",
-    "typesense": "^3.0.3",
+    "typesense": "^2.1.0",
     "ws": "^8.19.0",
-    "yauzl": "^3.2.1",
+    "yauzl": "^3.2.0",
     "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@eslint/js": "^9.28.0",
+    "@eslint/js": "^9.20.0",
     "@nestjs/cli": "^11.0.16",
-    "@nestjs/schematics": "^11.0.9",
+    "@nestjs/schematics": "^11.0.1",
-    "@nestjs/testing": "^11.1.17",
+    "@nestjs/testing": "^11.0.10",
-    "@types/bcrypt": "^6.0.0",
+    "@types/bcrypt": "^5.0.2",
     "@types/debounce": "^1.2.4",
     "@types/fs-extra": "^11.0.4",
     "@types/jest": "^30.0.0",
-    "@types/mime-types": "^3.0.1",
+    "@types/mime-types": "^2.1.4",
-    "@types/node": "^25.5.0",
+    "@types/node": "^22.13.4",
-    "@types/nodemailer": "^7.0.11",
+    "@types/nodemailer": "^6.4.17",
-    "@types/passport-google-oauth20": "^2.0.17",
+    "@types/passport-google-oauth20": "^2.0.16",
     "@types/passport-jwt": "^4.0.1",
     "@types/supertest": "^6.0.3",
     "@types/ws": "^8.18.1",
     "@types/yauzl": "^2.10.3",
-    "eslint": "^9.28.0",
+    "eslint": "^9.39.2",
-    "eslint-config-prettier": "^10.1.8",
+    "eslint-config-prettier": "^10.0.1",
-    "globals": "^17.4.0",
+    "globals": "^15.15.0",
-    "jest": "^30.3.0",
+    "jest": "^30.2.0",
     "kysely-codegen": "^0.20.0",
-    "prettier": "^3.8.1",
+    "prettier": "^3.5.1",
-    "react-email": "5.2.10",
+    "react-email": "5.2.8",
     "source-map-support": "^0.5.21",
     "supertest": "^7.2.2",
     "ts-jest": "^29.4.6",
     "ts-loader": "^9.5.4",
     "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
-    "typescript": "^5.9.3",
+    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.57.1"
+    "typescript-eslint": "^8.24.1"
   },
   "jest": {
     "moduleFileExtensions": [

apps/server/src/collaboration/collaboration.gateway.ts

@@ -116,7 +116,7 @@ export class CollaborationGateway {
 
       // Forward close events
       client.on('close', (code: number, reason: Buffer) => {
-        this.redisSync!.onSocketClose(socketId, code, reason.buffer as ArrayBuffer);
+        this.redisSync!.onSocketClose(socketId, code, reason);
       });
 
       // Forward pong events for keepalive