chore: remove dual imports

admin/core/components/workspace/list-item.tsx

@@ -22,7 +22,7 @@ export const WorkspaceListItem = observer(({ workspaceId }: TWorkspaceListItemPr
   return (
     <Link
       key={workspaceId}
-      href={`${WEB_BASE_URL}/${encodeURIComponent(workspace.slug)}`}
+      href={encodeURI(WEB_BASE_URL + "/" + workspace.slug)}
       target="_blank"
       className="group flex items-center justify-between p-4 gap-2.5 truncate border border-custom-border-200/70 hover:border-custom-border-200 hover:bg-custom-background-90 rounded-md"
     >

admin/core/services/workspace.service.ts

@@ -30,8 +30,7 @@ export class WorkspaceService extends APIService {
    * @returns Promise<any>
    */
   async workspaceSlugCheck(slug: string): Promise<any> {
-    const params = new URLSearchParams({ slug });
-    return this.get(`/api/instances/workspace-slug-check/?${params.toString()}`)
+    return this.get(`/api/instances/workspace-slug-check/?slug=${slug}`)
       .then((response) => response?.data)
       .catch((error) => {
         throw error?.response?.data;

admin/core/store/workspace.store.ts

@@ -14,7 +14,7 @@ export interface IWorkspaceStore {
   // computed
   workspaceIds: string[];
   // helper actions
-  hydrate: (data: Record<string, IWorkspace>) => void;
+  hydrate: (data: any) => void;
   getWorkspaceById: (workspaceId: string) => IWorkspace | undefined;
   // fetch actions
   fetchWorkspaces: () => Promise<IWorkspace[]>;
@@ -59,9 +59,9 @@ export class WorkspaceStore implements IWorkspaceStore {
   // helper actions
   /**
    * @description Hydrates the workspaces
-   * @param data - Record<string, IWorkspace>
+   * @param data - any
    */
-  hydrate = (data: Record<string, IWorkspace>) => {
+  hydrate = (data: any) => {
     if (data) this.workspaces = data;
   };
 

admin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admin",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "private": true,
   "scripts": {
     "dev": "turbo run develop",

apiserver/package.json

@@ -1,4 +1,4 @@
 {
   "name": "plane-api",
-  "version": "0.24.0"
+  "version": "0.23.1"
 }

apiserver/plane/api/views/project.py

@@ -258,7 +258,9 @@ class ProjectAPIEndpoint(BaseAPIView):
                 ProjectSerializer(project).data, cls=DjangoJSONEncoder
             )
 
-            intake_view = request.data.get("inbox_view", project.intake_view)
+            intake_view = request.data.get(
+                "inbox_view", request.data.get("intake_view", False)
+            )
 
             if project.archived_at:
                 return Response(

apiserver/plane/app/views/project/base.py

@@ -384,9 +384,11 @@ class ProjectViewSet(BaseViewSet):
                 )
 
             workspace = Workspace.objects.get(slug=slug)
+            intake_view = request.data.get(
+                "inbox_view", request.data.get("intake_view", False)
+            )
 
             project = Project.objects.get(pk=pk)
-            intake_view = request.data.get("inbox_view", project.intake_view)
             current_instance = json.dumps(
                 ProjectSerializer(project).data, cls=DjangoJSONEncoder
             )

apiserver/plane/app/views/workspace/base.py

@@ -353,7 +353,6 @@ class ExportWorkspaceUserActivityEndpoint(BaseAPIView):
             workspace__slug=slug,
             created_at__date=request.data.get("date"),
             project__project_projectmember__member=request.user,
-            project__project_projectmember__is_active=True,
             actor_id=user_id,
         ).select_related("actor", "workspace", "issue", "project")[:10000]
 

apiserver/plane/bgtasks/notification_task.py

@@ -1,8 +1,6 @@
 # Python imports
 import json
 import uuid
-from uuid import UUID
-
 
 # Module imports
 from plane.db.models import (
@@ -18,9 +16,8 @@ from plane.db.models import (
     IssueComment,
     IssueActivity,
     UserNotificationPreference,
-    ProjectMember,
+    ProjectMember
 )
-from django.db.models import Subquery
 
 # Third Party imports
 from celery import shared_task
@@ -98,8 +95,7 @@ def extract_mentions_as_subscribers(project_id, issue_id, mentions):
             ).exists()
             and not Issue.objects.filter(
                 project_id=project_id, pk=issue_id, created_by_id=mention_id
-            ).exists()
-            and ProjectMember.objects.filter(
+            ).exists() and ProjectMember.objects.filter(
                 project_id=project_id, member_id=mention_id, is_active=True
             ).exists()
         ):
@@ -246,19 +242,14 @@ def notifications(
             2. From the latest set of mentions, extract the users which are not a subscribers & make them subscribers
             """
 
-            # get the list of active project members
-            project_members = ProjectMember.objects.filter(
-                project_id=project_id, is_active=True
-            ).values_list("member_id", flat=True)
-
             # Get new mentions from the newer instance
             new_mentions = get_new_mentions(
                 requested_instance=requested_data, current_instance=current_instance
             )
-
-            new_mentions = [
-                str(mention) for mention in new_mentions if mention in set(project_members)
-            ]
+            new_mentions = list(ProjectMember.objects.filter(
+                project_id=project_id, member_id__in=new_mentions, is_active=True
+            ).values_list("member_id", flat=True))
+            new_mentions = [str(member_id) for member_id in new_mentions]
             removed_mention = get_removed_mentions(
                 requested_instance=requested_data, current_instance=current_instance
             )
@@ -289,11 +280,6 @@ def notifications(
                         new_value=issue_comment_new_value,
                     )
                     comment_mentions = comment_mentions + new_comment_mentions
-                    comment_mentions = [
-                        mention
-                        for mention in comment_mentions
-                        if UUID(mention) in set(project_members)
-                    ]
 
             comment_mention_subscribers = extract_mentions_as_subscribers(
                 project_id=project_id, issue_id=issue_id, mentions=all_comment_mentions
@@ -307,11 +293,7 @@ def notifications(
 
             # ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- #
             issue_subscribers = list(
-                IssueSubscriber.objects.filter(
-                    project_id=project_id,
-                    issue_id=issue_id,
-                    subscriber__in=Subquery(project_members),
-                )
+                IssueSubscriber.objects.filter(project_id=project_id, issue_id=issue_id, project__project_projectmember__is_active=True,)
                 .exclude(
                     subscriber_id__in=list(new_mentions + comment_mentions + [actor_id])
                 )
@@ -332,9 +314,7 @@ def notifications(
             project = Project.objects.get(pk=project_id)
 
             issue_assignees = IssueAssignee.objects.filter(
-                issue_id=issue_id,
-                project_id=project_id,
-                assignee__in=Subquery(project_members),
+                issue_id=issue_id, project_id=project_id
             ).values_list("assignee", flat=True)
 
             issue_subscribers = list(set(issue_subscribers) - {uuid.UUID(actor_id)})

apiserver/plane/license/api/serializers/workspace.py

@@ -18,9 +18,6 @@ class WorkspaceSerializer(BaseSerializer):
         # Check if the slug is restricted
         if value in RESTRICTED_WORKSPACE_SLUGS:
             raise serializers.ValidationError("Slug is not valid")
-        # Check uniqueness case-insensitively
-        if Workspace.objects.filter(slug__iexact=value).exists():
-            raise serializers.ValidationError("Slug is already in use")
         return value
 
     class Meta:

apiserver/plane/license/api/views/workspace.py

@@ -25,7 +25,7 @@ class InstanceWorkSpaceAvailabilityCheckEndpoint(BaseAPIView):
             )
 
         workspace = (
-            Workspace.objects.filter(slug__iexact=slug).exists()
+            Workspace.objects.filter(slug=slug).exists()
             or slug in RESTRICTED_WORKSPACE_SLUGS
         )
         return Response({"status": not workspace}, status=status.HTTP_200_OK)

apiserver/plane/utils/telemetry.py

@@ -1,33 +1,23 @@
-# Python imports
-import os
-import atexit
-
-# Third party imports
 from opentelemetry import trace
 from opentelemetry.sdk.trace import TracerProvider
 from opentelemetry.sdk.trace.export import BatchSpanProcessor
 from opentelemetry.exporter.otlp.proto.grpc.trace_exporter import OTLPSpanExporter
 from opentelemetry.sdk.resources import Resource
 from opentelemetry.instrumentation.django import DjangoInstrumentor
-
-# Global variable to track initialization
-_TRACER_PROVIDER = None
+import os
 
 
 def init_tracer():
     """Initialize OpenTelemetry with proper shutdown handling"""
-    global _TRACER_PROVIDER
 
-    # If already initialized, return existing provider
-    if _TRACER_PROVIDER is not None:
-        return _TRACER_PROVIDER
+    # Check if already initialized to prevent double initialization
+    if trace.get_tracer_provider().__class__.__name__ == "TracerProvider":
+        return
 
     # Configure the tracer provider
     service_name = os.environ.get("SERVICE_NAME", "plane-ce-api")
     resource = Resource.create({"service.name": service_name})
     tracer_provider = TracerProvider(resource=resource)
-
-    # Set as global tracer provider
     trace.set_tracer_provider(tracer_provider)
 
     # Configure the OTLP exporter
@@ -39,20 +29,12 @@ def init_tracer():
     # Initialize Django instrumentation
     DjangoInstrumentor().instrument()
 
-    # Store provider globally
-    _TRACER_PROVIDER = tracer_provider
-
-    # Register shutdown handler
-    atexit.register(shutdown_tracer)
-
     return tracer_provider
 
 
 def shutdown_tracer():
     """Shutdown OpenTelemetry tracers and processors"""
-    global _TRACER_PROVIDER
+    provider = trace.get_tracer_provider()
 
-    if _TRACER_PROVIDER is not None:
-        if hasattr(_TRACER_PROVIDER, "shutdown"):
-            _TRACER_PROVIDER.shutdown()
-        _TRACER_PROVIDER = None
+    if hasattr(provider, "shutdown"):
+        provider.shutdown()

live/package.json

@@ -1,6 +1,6 @@
 {
   "name": "live",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "description": "",
   "main": "./src/server.ts",
   "private": true,

package.json

@@ -1,6 +1,6 @@
 {
   "repository": "https://github.com/makeplane/plane.git",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "license": "AGPL-3.0",
   "private": true,
   "workspaces": [
@@ -22,7 +22,7 @@
   "devDependencies": {
     "prettier": "latest",
     "prettier-plugin-tailwindcss": "^0.5.4",
-    "turbo": "^2.3.3"
+    "turbo": "^2.3.2"
   },
   "packageManager": "yarn@1.22.22",
   "name": "plane"

packages/constants/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plane/constants",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "private": true,
   "main": "./index.ts"
 }

packages/editor/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plane/editor",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "description": "Core Editor that powers Plane",
   "private": true,
   "main": "./dist/index.mjs",

packages/editor/src/ce/extensions/core/extensions.ts

@@ -0,0 +1,3 @@
+import { Extensions } from "@tiptap/core";
+
+export const CoreEditorAdditionalExtensions = (): Extensions => [];

packages/editor/src/ce/extensions/core/index.ts

@@ -0,0 +1,2 @@
+export * from "./extensions";
+export * from "./read-only-extensions";

packages/editor/src/ce/extensions/core/read-only-extensions.ts

@@ -0,0 +1,3 @@
+import { Extensions } from "@tiptap/core";
+
+export const CoreReadOnlyEditorAdditionalExtensions = (): Extensions => [];

packages/editor/src/ce/extensions/core/without-props.ts

@@ -0,0 +1,3 @@
+import { Extensions } from "@tiptap/core";
+
+export const CoreEditorAdditionalExtensionsWithoutProps: Extensions = [];

packages/editor/src/ce/extensions/index.ts

@@ -1 +1,2 @@
+export * from "./core";
 export * from "./document-extensions";

packages/editor/src/ce/types/editor.ts

@@ -0,0 +1 @@
+export type TEditorAdditionalCommands = never;

packages/editor/src/ce/types/index.ts

@@ -1 +1,2 @@
+export * from "./editor";
 export * from "./issue-embed";

packages/editor/src/core/extensions/callout/block.tsx

@@ -1,56 +0,0 @@
-import React, { useState } from "react";
-import { NodeViewContent, NodeViewProps, NodeViewWrapper } from "@tiptap/react";
-// constants
-import { COLORS_LIST } from "@/constants/common";
-// local components
-import { CalloutBlockColorSelector } from "./color-selector";
-import { CalloutBlockLogoSelector } from "./logo-selector";
-// types
-import { EAttributeNames, TCalloutBlockAttributes } from "./types";
-// utils
-import { updateStoredBackgroundColor } from "./utils";
-
-type Props = NodeViewProps & {
-  node: NodeViewProps["node"] & {
-    attrs: TCalloutBlockAttributes;
-  };
-  updateAttributes: (attrs: Partial<TCalloutBlockAttributes>) => void;
-};
-
-export const CustomCalloutBlock: React.FC<Props> = (props) => {
-  const { editor, node, updateAttributes } = props;
-  // states
-  const [isEmojiPickerOpen, setIsEmojiPickerOpen] = useState(false);
-  const [isColorPickerOpen, setIsColorPickerOpen] = useState(false);
-  // derived values
-  const activeBackgroundColor = COLORS_LIST.find((c) => node.attrs["data-background"] === c.key)?.backgroundColor;
-
-  return (
-    <NodeViewWrapper
-      className="editor-callout-component group/callout-node relative bg-custom-background-90 rounded-lg text-custom-text-100 p-4 my-2 flex items-start gap-4 transition-colors duration-500 break-words"
-      style={{
-        backgroundColor: activeBackgroundColor,
-      }}
-    >
-      <CalloutBlockLogoSelector
-        blockAttributes={node.attrs}
-        disabled={!editor.isEditable}
-        isOpen={isEmojiPickerOpen}
-        handleOpen={(val) => setIsEmojiPickerOpen(val)}
-        updateAttributes={updateAttributes}
-      />
-      <CalloutBlockColorSelector
-        disabled={!editor.isEditable}
-        isOpen={isColorPickerOpen}
-        toggleDropdown={() => setIsColorPickerOpen((prev) => !prev)}
-        onSelect={(val) => {
-          updateAttributes({
-            [EAttributeNames.BACKGROUND]: val,
-          });
-          updateStoredBackgroundColor(val);
-        }}
-      />
-      <NodeViewContent as="div" className="w-full break-words" />
-    </NodeViewWrapper>
-  );
-};

packages/editor/src/core/extensions/callout/color-selector.tsx

@@ -1,75 +0,0 @@
-import { Ban, ChevronDown } from "lucide-react";
-// constants
-import { COLORS_LIST } from "@/constants/common";
-// helpers
-import { cn } from "@/helpers/common";
-
-type Props = {
-  disabled: boolean;
-  isOpen: boolean;
-  onSelect: (color: string | null) => void;
-  toggleDropdown: () => void;
-};
-
-export const CalloutBlockColorSelector: React.FC<Props> = (props) => {
-  const { disabled, isOpen, onSelect, toggleDropdown } = props;
-
-  const handleColorSelect = (val: string | null) => {
-    onSelect(val);
-    toggleDropdown();
-  };
-
-  return (
-    <div
-      className={cn("opacity-0 pointer-events-none absolute top-2 right-2 z-10 transition-opacity", {
-        "group-hover/callout-node:opacity-100 group-hover/callout-node:pointer-events-auto": !disabled,
-        "opacity-100 pointer-events-auto": isOpen,
-      })}
-      contentEditable={false}
-    >
-      <div className="relative">
-        <button
-          type="button"
-          onClick={(e) => {
-            toggleDropdown();
-            e.stopPropagation();
-          }}
-          className={cn(
-            "flex items-center gap-1 h-full whitespace-nowrap py-1 px-2.5 text-sm font-medium text-custom-text-300 hover:bg-white/10 active:bg-custom-background-80 rounded transition-colors",
-            {
-              "bg-white/10": isOpen,
-            }
-          )}
-          disabled={disabled}
-        >
-          <span>Color</span>
-          <ChevronDown className="flex-shrink-0 size-3" />
-        </button>
-        {isOpen && (
-          <section className="absolute top-full right-0 z-10 mt-1 rounded-md border-[0.5px] border-custom-border-300 bg-custom-background-100 p-2 shadow-custom-shadow-rg animate-in fade-in slide-in-from-top-1">
-            <div className="flex items-center gap-2">
-              {COLORS_LIST.map((color) => (
-                <button
-                  key={color.key}
-                  type="button"
-                  className="flex-shrink-0 size-6 rounded border-[0.5px] border-custom-border-400 hover:opacity-60 transition-opacity"
-                  style={{
-                    backgroundColor: color.backgroundColor,
-                  }}
-                  onClick={() => handleColorSelect(color.key)}
-                />
-              ))}
-              <button
-                type="button"
-                className="flex-shrink-0 size-6 grid place-items-center rounded text-custom-text-300 border-[0.5px] border-custom-border-400 hover:bg-custom-background-80 transition-colors"
-                onClick={() => handleColorSelect(null)}
-              >
-                <Ban className="size-4" />
-              </button>
-            </div>
-          </section>
-        )}
-      </div>
-    </div>
-  );
-};

packages/editor/src/core/extensions/callout/extension-config.ts

@@ -1,72 +0,0 @@
-import { Node, mergeAttributes } from "@tiptap/core";
-import { Node as NodeType } from "@tiptap/pm/model";
-import { MarkdownSerializerState } from "@tiptap/pm/markdown";
-// types
-import { EAttributeNames, TCalloutBlockAttributes } from "./types";
-// utils
-import { DEFAULT_CALLOUT_BLOCK_ATTRIBUTES } from "./utils";
-
-// Extend Tiptap's Commands interface
-declare module "@tiptap/core" {
-  interface Commands<ReturnType> {
-    calloutComponent: {
-      insertCallout: () => ReturnType;
-    };
-  }
-}
-
-export const CustomCalloutExtensionConfig = Node.create({
-  name: "calloutComponent",
-  group: "block",
-  content: "block+",
-
-  addAttributes() {
-    const attributes = {
-      // Reduce instead of map to accumulate the attributes directly into an object
-      ...Object.values(EAttributeNames).reduce((acc, value) => {
-        acc[value] = {
-          default: DEFAULT_CALLOUT_BLOCK_ATTRIBUTES[value],
-        };
-        return acc;
-      }, {}),
-    };
-    return attributes;
-  },
-
-  addStorage() {
-    return {
-      markdown: {
-        serialize(state: MarkdownSerializerState, node: NodeType) {
-          const attrs = node.attrs as TCalloutBlockAttributes;
-          const logoInUse = attrs["data-logo-in-use"];
-          // add callout logo
-          if (logoInUse === "emoji") {
-            state.write(
-              `> <img src="${attrs["data-emoji-url"]}" alt="${attrs["data-emoji-unicode"]}" width="30px" />\n`
-            );
-          } else {
-            state.write(`> <icon>${attrs["data-icon-name"]} icon</icon>\n`);
-          }
-          // add an empty line after the logo
-          state.write("> \n");
-          // add '> ' before each line of the callout content
-          state.wrapBlock("> ", null, node, () => state.renderContent(node));
-          state.closeBlock(node);
-        },
-      },
-    };
-  },
-
-  parseHTML() {
-    return [
-      {
-        tag: `div[${EAttributeNames.BLOCK_TYPE}="${DEFAULT_CALLOUT_BLOCK_ATTRIBUTES[EAttributeNames.BLOCK_TYPE]}"]`,
-      },
-    ];
-  },
-
-  // Render HTML for the callout node
-  renderHTML({ HTMLAttributes }) {
-    return ["div", mergeAttributes(HTMLAttributes), 0];
-  },
-});

packages/editor/src/core/extensions/callout/extension.tsx

@@ -1,68 +0,0 @@
-import { findParentNodeClosestToPos, Predicate, ReactNodeViewRenderer } from "@tiptap/react";
-// extensions
-import { CustomCalloutBlock } from "@/extensions";
-// helpers
-import { insertEmptyParagraphAtNodeBoundaries } from "@/helpers/insert-empty-paragraph-at-node-boundary";
-// config
-import { CustomCalloutExtensionConfig } from "./extension-config";
-// utils
-import { getStoredBackgroundColor, getStoredLogo } from "./utils";
-
-export const CustomCalloutExtension = CustomCalloutExtensionConfig.extend({
-  selectable: true,
-  draggable: true,
-
-  addCommands() {
-    return {
-      insertCallout:
-        () =>
-        ({ commands }) => {
-          // get stored logo values and background color from the local storage
-          const storedLogoValues = getStoredLogo();
-          const storedBackgroundValue = getStoredBackgroundColor();
-
-          return commands.insertContent({
-            type: this.name,
-            content: [
-              {
-                type: "paragraph",
-              },
-            ],
-            attrs: {
-              ...storedLogoValues,
-              "data-background": storedBackgroundValue,
-            },
-          });
-        },
-    };
-  },
-
-  addKeyboardShortcuts() {
-    return {
-      Backspace: ({ editor }) => {
-        const { $from, empty } = editor.state.selection;
-        try {
-          const isParentNodeCallout: Predicate = (node) => node.type === this.type;
-          const parentNodeDetails = findParentNodeClosestToPos($from, isParentNodeCallout);
-          // Check if selection is empty and at the beginning of the callout
-          if (empty && parentNodeDetails) {
-            const isCursorAtCalloutBeginning = $from.pos === parentNodeDetails.start + 1;
-            if (parentNodeDetails.node.content.size > 2 && isCursorAtCalloutBeginning) {
-              editor.commands.setTextSelection(parentNodeDetails.pos - 1);
-              return true;
-            }
-          }
-        } catch (error) {
-          console.error("Error in performing backspace action on callout", error);
-        }
-        return false; // Allow the default behavior if conditions are not met
-      },
-      ArrowDown: insertEmptyParagraphAtNodeBoundaries("down", this.name),
-      ArrowUp: insertEmptyParagraphAtNodeBoundaries("up", this.name),
-    };
-  },
-
-  addNodeView() {
-    return ReactNodeViewRenderer(CustomCalloutBlock);
-  },
-});

packages/editor/src/core/extensions/callout/index.ts

@@ -1,3 +0,0 @@
-export * from "./block";
-export * from "./extension";
-export * from "./read-only-extension";

packages/editor/src/core/extensions/callout/logo-selector.tsx

@@ -1,97 +0,0 @@
-// plane helpers
-import { convertHexEmojiToDecimal } from "@plane/helpers";
-// plane ui
-import { EmojiIconPicker, EmojiIconPickerTypes, Logo, TEmojiLogoProps } from "@plane/ui";
-// helpers
-import { cn } from "@/helpers/common";
-// types
-import { TCalloutBlockAttributes } from "./types";
-// utils
-import { DEFAULT_CALLOUT_BLOCK_ATTRIBUTES, updateStoredLogo } from "./utils";
-
-type Props = {
-  blockAttributes: TCalloutBlockAttributes;
-  disabled: boolean;
-  handleOpen: (val: boolean) => void;
-  isOpen: boolean;
-  updateAttributes: (attrs: Partial<TCalloutBlockAttributes>) => void;
-};
-
-export const CalloutBlockLogoSelector: React.FC<Props> = (props) => {
-  const { blockAttributes, disabled, handleOpen, isOpen, updateAttributes } = props;
-
-  const logoValue: TEmojiLogoProps = {
-    in_use: blockAttributes["data-logo-in-use"],
-    icon: {
-      color: blockAttributes["data-icon-color"],
-      name: blockAttributes["data-icon-name"],
-    },
-    emoji: {
-      value: blockAttributes["data-emoji-unicode"]?.toString(),
-      url: blockAttributes["data-emoji-url"],
-    },
-  };
-
-  return (
-    <div contentEditable={false}>
-      <EmojiIconPicker
-        closeOnSelect={false}
-        isOpen={isOpen}
-        handleToggle={handleOpen}
-        className="flex-shrink-0 grid place-items-center"
-        buttonClassName={cn("flex-shrink-0 size-8 grid place-items-center rounded-lg", {
-          "hover:bg-white/10": !disabled,
-        })}
-        label={<Logo logo={logoValue} size={18} type="lucide" />}
-        onChange={(val) => {
-          // construct the new logo value based on the type of value
-          let newLogoValue: Partial<TCalloutBlockAttributes> = {};
-          let newLogoValueToStoreInLocalStorage: TEmojiLogoProps = {
-            in_use: "emoji",
-            emoji: {
-              value: DEFAULT_CALLOUT_BLOCK_ATTRIBUTES["data-emoji-unicode"],
-              url: DEFAULT_CALLOUT_BLOCK_ATTRIBUTES["data-emoji-url"],
-            },
-          };
-          if (val.type === "emoji") {
-            newLogoValue = {
-              "data-emoji-unicode": convertHexEmojiToDecimal(val.value.unified),
-              "data-emoji-url": val.value.imageUrl,
-            };
-            newLogoValueToStoreInLocalStorage = {
-              in_use: "emoji",
-              emoji: {
-                value: convertHexEmojiToDecimal(val.value.unified),
-                url: val.value.imageUrl,
-              },
-            };
-          } else if (val.type === "icon") {
-            newLogoValue = {
-              "data-icon-name": val.value.name,
-              "data-icon-color": val.value.color,
-            };
-            newLogoValueToStoreInLocalStorage = {
-              in_use: "icon",
-              icon: {
-                name: val.value.name,
-                color: val.value.color,
-              },
-            };
-          }
-          // update node attributes
-          updateAttributes({
-            "data-logo-in-use": val.type,
-            ...newLogoValue,
-          });
-          // update stored logo in local storage
-          updateStoredLogo(newLogoValueToStoreInLocalStorage);
-          handleOpen(false);
-        }}
-        defaultIconColor={logoValue?.in_use && logoValue.in_use === "icon" ? logoValue?.icon?.color : undefined}
-        defaultOpen={logoValue.in_use === "emoji" ? EmojiIconPickerTypes.EMOJI : EmojiIconPickerTypes.ICON}
-        disabled={disabled}
-        searchDisabled
-      />
-    </div>
-  );
-};

packages/editor/src/core/extensions/callout/read-only-extension.tsx

@@ -1,14 +0,0 @@
-import { ReactNodeViewRenderer } from "@tiptap/react";
-// extensions
-import { CustomCalloutBlock } from "@/extensions";
-// config
-import { CustomCalloutExtensionConfig } from "./extension-config";
-
-export const CustomCalloutReadOnlyExtension = CustomCalloutExtensionConfig.extend({
-  selectable: false,
-  draggable: false,
-
-  addNodeView() {
-    return ReactNodeViewRenderer(CustomCalloutBlock);
-  },
-});

packages/editor/src/core/extensions/callout/types.ts

@@ -1,26 +0,0 @@
-export enum EAttributeNames {
-  ICON_COLOR = "data-icon-color",
-  ICON_NAME = "data-icon-name",
-  EMOJI_UNICODE = "data-emoji-unicode",
-  EMOJI_URL = "data-emoji-url",
-  LOGO_IN_USE = "data-logo-in-use",
-  BACKGROUND = "data-background",
-  BLOCK_TYPE = "data-block-type",
-}
-
-export type TCalloutBlockIconAttributes = {
-  [EAttributeNames.ICON_COLOR]: string | undefined;
-  [EAttributeNames.ICON_NAME]: string | undefined;
-};
-
-export type TCalloutBlockEmojiAttributes = {
-  [EAttributeNames.EMOJI_UNICODE]: string | undefined;
-  [EAttributeNames.EMOJI_URL]: string | undefined;
-};
-
-export type TCalloutBlockAttributes = {
-  [EAttributeNames.LOGO_IN_USE]: "emoji" | "icon";
-  [EAttributeNames.BACKGROUND]: string;
-  [EAttributeNames.BLOCK_TYPE]: "callout-component";
-} & TCalloutBlockIconAttributes &
-  TCalloutBlockEmojiAttributes;

packages/editor/src/core/extensions/callout/utils.ts

@@ -1,85 +0,0 @@
-// plane helpers
-import { sanitizeHTML } from "@plane/helpers";
-// plane ui
-import { TEmojiLogoProps } from "@plane/ui";
-// types
-import {
-  EAttributeNames,
-  TCalloutBlockAttributes,
-  TCalloutBlockEmojiAttributes,
-  TCalloutBlockIconAttributes,
-} from "./types";
-
-export const DEFAULT_CALLOUT_BLOCK_ATTRIBUTES: TCalloutBlockAttributes = {
-  "data-logo-in-use": "emoji",
-  "data-icon-color": null,
-  "data-icon-name": null,
-  "data-emoji-unicode": "128161",
-  "data-emoji-url": "https://cdn.jsdelivr.net/npm/emoji-datasource-apple/img/apple/64/1f4a1.png",
-  "data-background": null,
-  "data-block-type": "callout-component",
-};
-
-type TStoredLogoValue = Pick<TCalloutBlockAttributes, EAttributeNames.LOGO_IN_USE> &
-  (TCalloutBlockEmojiAttributes | TCalloutBlockIconAttributes);
-
-// function to get the stored logo from local storage
-export const getStoredLogo = (): TStoredLogoValue => {
-  const fallBackValues: TStoredLogoValue = {
-    "data-logo-in-use": "emoji",
-    "data-emoji-unicode": DEFAULT_CALLOUT_BLOCK_ATTRIBUTES["data-emoji-unicode"],
-    "data-emoji-url": DEFAULT_CALLOUT_BLOCK_ATTRIBUTES["data-emoji-url"],
-  };
-
-  if (typeof window !== "undefined") {
-    const storedData = sanitizeHTML(localStorage.getItem("editor-calloutComponent-logo"));
-    if (storedData) {
-      let parsedData: TEmojiLogoProps;
-      try {
-        parsedData = JSON.parse(storedData);
-      } catch (error) {
-        console.error(`Error parsing stored callout logo, stored value- ${storedData}`, error);
-        localStorage.removeItem("editor-calloutComponent-logo");
-        return fallBackValues;
-      }
-      if (parsedData.in_use === "emoji" && parsedData.emoji?.value) {
-        return {
-          "data-logo-in-use": "emoji",
-          "data-emoji-unicode": parsedData.emoji.value || DEFAULT_CALLOUT_BLOCK_ATTRIBUTES["data-emoji-unicode"],
-          "data-emoji-url": parsedData.emoji.url || DEFAULT_CALLOUT_BLOCK_ATTRIBUTES["data-emoji-url"],
-        };
-      }
-      if (parsedData.in_use === "icon" && parsedData.icon?.name) {
-        return {
-          "data-logo-in-use": "icon",
-          "data-icon-name": parsedData.icon.name || DEFAULT_CALLOUT_BLOCK_ATTRIBUTES["data-icon-name"],
-          "data-icon-color": parsedData.icon.color || DEFAULT_CALLOUT_BLOCK_ATTRIBUTES["data-icon-color"],
-        };
-      }
-    }
-  }
-  // fallback values
-  return fallBackValues;
-};
-// function to update the stored logo on local storage
-export const updateStoredLogo = (value: TEmojiLogoProps): void => {
-  if (typeof window === "undefined") return;
-  localStorage.setItem("editor-calloutComponent-logo", JSON.stringify(value));
-};
-// function to get the stored background color from local storage
-export const getStoredBackgroundColor = (): string | null => {
-  if (typeof window !== "undefined") {
-    return sanitizeHTML(localStorage.getItem("editor-calloutComponent-background"));
-  }
-  return null;
-};
-// function to update the stored background color on local storage
-export const updateStoredBackgroundColor = (value: string | null): void => {
-  if (typeof window === "undefined") return;
-  if (value === null) {
-    localStorage.removeItem("editor-calloutComponent-background");
-    return;
-  } else {
-    localStorage.setItem("editor-calloutComponent-background", value);
-  }
-};

packages/editor/src/core/extensions/core-without-props.ts

@@ -1,3 +1,4 @@
+import { Extensions } from "@tiptap/core";
 import TaskItem from "@tiptap/extension-task-item";
 import TaskList from "@tiptap/extension-task-list";
 import TextStyle from "@tiptap/extension-text-style";
@@ -17,10 +18,10 @@ import { CustomMentionWithoutProps } from "./mentions/mentions-without-props";
 import { CustomQuoteExtension } from "./quote";
 import { TableHeader, TableCell, TableRow, Table } from "./table";
 import { CustomTextAlignExtension } from "./text-align";
-import { CustomCalloutExtensionConfig } from "./callout/extension-config";
 import { CustomColorExtension } from "./custom-color";
+import { CoreEditorAdditionalExtensionsWithoutProps } from "@/plane-editor/extensions/core/without-props";
 
-export const CoreEditorExtensionsWithoutProps = [
+export const CoreEditorExtensionsWithoutProps: Extensions = [
   StarterKit.configure({
     bulletList: {
       HTMLAttributes: {
@@ -87,8 +88,8 @@ export const CoreEditorExtensionsWithoutProps = [
   TableRow,
   CustomMentionWithoutProps(),
   CustomTextAlignExtension,
-  CustomCalloutExtensionConfig,
   CustomColorExtension,
+  ...CoreEditorAdditionalExtensionsWithoutProps,
 ];
 
 export const DocumentEditorExtensionsWithoutProps = [IssueWidgetWithoutProps()];

packages/editor/src/core/extensions/extensions.tsx

@@ -1,3 +1,4 @@
+import { Extensions } from "@tiptap/core";
 import CharacterCount from "@tiptap/extension-character-count";
 import Placeholder from "@tiptap/extension-placeholder";
 import TaskItem from "@tiptap/extension-task-item";
@@ -8,7 +9,6 @@ import StarterKit from "@tiptap/starter-kit";
 import { Markdown } from "tiptap-markdown";
 // extensions
 import {
-  CustomCalloutExtension,
   CustomCodeBlockExtension,
   CustomCodeInlineExtension,
   CustomCodeMarkPlugin,
@@ -33,6 +33,8 @@ import {
 import { isValidHttpUrl } from "@/helpers/common";
 // types
 import { IMentionHighlight, IMentionSuggestion, TFileHandler } from "@/types";
+// plane editor extensions
+import { CoreEditorAdditionalExtensions } from "@/plane-editor/extensions";
 
 type TArguments = {
   enableHistory: boolean;
@@ -45,7 +47,7 @@ type TArguments = {
   tabIndex?: number;
 };
 
-export const CoreEditorExtensions = (args: TArguments) => {
+export const CoreEditorExtensions = (args: TArguments): Extensions => {
   const { enableHistory, fileHandler, mentionConfig, placeholder, tabIndex } = args;
 
   return [
@@ -160,7 +162,7 @@ export const CoreEditorExtensions = (args: TArguments) => {
     }),
     CharacterCount,
     CustomTextAlignExtension,
-    CustomCalloutExtension,
     CustomColorExtension,
+    ...CoreEditorAdditionalExtensions(),
   ];
 };

packages/editor/src/core/extensions/index.ts

@@ -1,4 +1,3 @@
-export * from "./callout";
 export * from "./code";
 export * from "./code-inline";
 export * from "./custom-image";

packages/editor/src/core/extensions/read-only-extensions.tsx

@@ -1,3 +1,4 @@
+import { Extensions } from "@tiptap/core";
 import CharacterCount from "@tiptap/extension-character-count";
 import TaskItem from "@tiptap/extension-task-item";
 import TaskList from "@tiptap/extension-task-list";
@@ -22,13 +23,14 @@ import {
   HeadingListExtension,
   CustomReadOnlyImageExtension,
   CustomTextAlignExtension,
-  CustomCalloutReadOnlyExtension,
   CustomColorExtension,
 } from "@/extensions";
 // helpers
 import { isValidHttpUrl } from "@/helpers/common";
 // types
 import { IMentionHighlight, TFileHandler } from "@/types";
+// plane editor extensions
+import { CoreReadOnlyEditorAdditionalExtensions } from "@/plane-editor/extensions";
 
 type Props = {
   fileHandler: Pick<TFileHandler, "getAssetSrc">;
@@ -37,7 +39,7 @@ type Props = {
   };
 };
 
-export const CoreReadOnlyEditorExtensions = (props: Props) => {
+export const CoreReadOnlyEditorExtensions = (props: Props): Extensions => {
   const { fileHandler, mentionConfig } = props;
 
   return [
@@ -127,6 +129,6 @@ export const CoreReadOnlyEditorExtensions = (props: Props) => {
     CustomColorExtension,
     HeadingListExtension,
     CustomTextAlignExtension,
-    CustomCalloutReadOnlyExtension,
+    ...CoreReadOnlyEditorAdditionalExtensions(),
   ];
 };

packages/editor/src/core/extensions/slash-commands/command-items-list.tsx

@@ -12,7 +12,6 @@ import {
   List,
   ListOrdered,
   ListTodo,
-  MessageSquareText,
   MinusSquare,
   Table,
   TextQuote,
@@ -35,20 +34,20 @@ import {
   toggleTextColor,
   toggleBackgroundColor,
   insertImage,
-  insertCallout,
   setText,
 } from "@/helpers/editor-commands";
 // types
-import { CommandProps, ISlashCommandItem } from "@/types";
+import { CommandProps, ISlashCommandItem, TSlashCommandSectionKeys } from "@/types";
+import { TSlashCommandAdditionalOption } from "./root";
 
 export type TSlashCommandSection = {
-  key: string;
+  key: TSlashCommandSectionKeys;
   title?: string;
   items: ISlashCommandItem[];
 };
 
 export const getSlashCommandFilteredSections =
-  (additionalOptions?: ISlashCommandItem[]) =>
+  (additionalOptions?: TSlashCommandAdditionalOption[]) =>
   ({ query }: { query: string }): TSlashCommandSection[] => {
     const SLASH_COMMAND_SECTIONS: TSlashCommandSection[] = [
       {
@@ -180,15 +179,6 @@ export const getSlashCommandFilteredSections =
             searchTerms: ["img", "photo", "picture", "media", "upload"],
             command: ({ editor, range }: CommandProps) => insertImage({ editor, event: "insert", range }),
           },
-          {
-            commandKey: "callout",
-            key: "callout",
-            title: "Callout",
-            icon: <MessageSquareText className="size-3.5" />,
-            description: "Insert callout",
-            searchTerms: ["callout", "comment", "message", "info", "alert"],
-            command: ({ editor, range }: CommandProps) => insertCallout(editor, range),
-          },
           {
             commandKey: "divider",
             key: "divider",
@@ -201,7 +191,7 @@ export const getSlashCommandFilteredSections =
         ],
       },
       {
-        key: "text-color",
+        key: "text-colors",
         title: "Colors",
         items: [
           {
@@ -242,7 +232,7 @@ export const getSlashCommandFilteredSections =
         ],
       },
       {
-        key: "background-color",
+        key: "background-colors",
         title: "Background colors",
         items: [
           {
@@ -279,8 +269,18 @@ export const getSlashCommandFilteredSections =
       },
     ];
 
-    additionalOptions?.map((item) => {
-      SLASH_COMMAND_SECTIONS?.[0]?.items.push(item);
+    additionalOptions?.forEach((item) => {
+      const sectionToPushTo = SLASH_COMMAND_SECTIONS.find((s) => s.key === item.section) ?? SLASH_COMMAND_SECTIONS[0];
+      const itemIndexToPushAfter = sectionToPushTo.items.findIndex((i) => i.commandKey === item.pushAfter);
+      if (itemIndexToPushAfter !== undefined) {
+        const resolvedIndex =
+          itemIndexToPushAfter + 1 < sectionToPushTo.items.length
+            ? itemIndexToPushAfter + 1
+            : sectionToPushTo.items.length - 1;
+        sectionToPushTo.items.splice(resolvedIndex, 0, item);
+      } else {
+        sectionToPushTo.items.push(item);
+      }
     });
 
     const filteredSlashSections = SLASH_COMMAND_SECTIONS.map((section) => ({

packages/editor/src/core/extensions/slash-commands/root.tsx

@@ -3,7 +3,7 @@ import { ReactRenderer } from "@tiptap/react";
 import Suggestion, { SuggestionOptions } from "@tiptap/suggestion";
 import tippy from "tippy.js";
 // types
-import { ISlashCommandItem } from "@/types";
+import { ISlashCommandItem, TEditorCommands, TSlashCommandSectionKeys } from "@/types";
 // components
 import { getSlashCommandFilteredSections } from "./command-items-list";
 import { SlashCommandsMenu, SlashCommandsMenuProps } from "./command-menu";
@@ -12,6 +12,11 @@ export type SlashCommandOptions = {
   suggestion: Omit<SuggestionOptions, "editor">;
 };
 
+export type TSlashCommandAdditionalOption = ISlashCommandItem & {
+  section: TSlashCommandSectionKeys;
+  pushAfter: TEditorCommands;
+};
+
 const Command = Extension.create<SlashCommandOptions>({
   name: "slash-command",
   addOptions() {
@@ -102,7 +107,7 @@ const renderItems = () => {
   };
 };
 
-export const SlashCommands = (additionalOptions?: ISlashCommandItem[]) =>
+export const SlashCommands = (additionalOptions?: TSlashCommandAdditionalOption[]) =>
   Command.configure({
     suggestion: {
       items: getSlashCommandFilteredSections(additionalOptions),

packages/editor/src/core/helpers/editor-commands.ts

@@ -189,7 +189,3 @@ export const insertHorizontalRule = (editor: Editor, range?: Range) => {
   if (range) editor.chain().focus().deleteRange(range).setHorizontalRule().run();
   else editor.chain().focus().setHorizontalRule().run();
 };
-export const insertCallout = (editor: Editor, range?: Range) => {
-  if (range) editor.chain().focus().deleteRange(range).insertCallout().run();
-  else editor.chain().focus().insertCallout().run();
-};

packages/editor/src/core/types/editor.ts

@@ -14,6 +14,8 @@ import {
   TServerHandler,
 } from "@/types";
 import { TTextAlign } from "@/extensions";
+// plane editor types
+import { TEditorAdditionalCommands } from "@/plane-editor/types";
 
 export type TEditorCommands =
   | "text"
@@ -39,7 +41,7 @@ export type TEditorCommands =
   | "text-color"
   | "background-color"
   | "text-align"
-  | "callout";
+  | TEditorAdditionalCommands;
 
 export type TCommandExtraProps = {
   image: {
@@ -121,7 +123,7 @@ export interface IEditorProps {
   onEnterKeyPress?: (e?: any) => void;
   placeholder?: string | ((isFocused: boolean, value: string) => string);
   tabIndex?: number;
-  value?: string | null; 
+  value?: string | null;
 }
 export interface ILiteTextEditor extends IEditorProps {
   extensions?: any[];

packages/editor/src/core/types/slash-commands-suggestion.ts

@@ -8,6 +8,8 @@ export type CommandProps = {
   range: Range;
 };
 
+export type TSlashCommandSectionKeys = "general" | "text-colors" | "background-colors";
+
 export type ISlashCommandItem = {
   commandKey: TEditorCommands;
   key: string;

packages/eslint-config/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plane/eslint-config",
   "private": true,
-  "version": "0.24.0",
+  "version": "0.23.1",
   "files": [
     "library.js",
     "next.js",

packages/helpers/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plane/helpers",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "description": "Helper functions shared across multiple apps internally",
   "private": true,
   "main": "./dist/index.js",

packages/tailwind-config-custom/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-config-custom",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "description": "common tailwind configuration across monorepo",
   "main": "index.js",
   "private": true,

packages/types/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plane/types",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "private": true,
   "types": "./src/index.d.ts",
   "main": "./src/index.d.ts"

packages/types/src/issues/issue.d.ts

@@ -95,7 +95,6 @@ export type TIssuesResponse = {
   total_pages: number;
   extra_stats: null;
   results: TIssueResponseResults;
-  total_results: number;
 };
 
 export type TBulkIssueProperties = Pick<

packages/typescript-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plane/typescript-config",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "private": true,
   "files": [
     "base.json",

packages/ui/package.json

@@ -2,7 +2,7 @@
   "name": "@plane/ui",
   "description": "UI components shared across multiple apps internally",
   "private": true,
-  "version": "0.24.0",
+  "version": "0.23.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

packages/ui/src/icons/workspace-icon.tsx

@@ -3,14 +3,7 @@ import * as React from "react";
 import { ISvgIcons } from "./type";
 
 export const WorkspaceIcon: React.FC<ISvgIcons> = ({ className }) => (
-  <svg
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className={className}
-    role="img"
-    aria-label="Workspace icon"
-  >
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
     <path
       fillRule="evenodd"
       clipRule="evenodd"

space/package.json

@@ -1,6 +1,6 @@
 {
   "name": "space",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "private": true,
   "scripts": {
     "dev": "turbo run develop",

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx

@@ -46,6 +46,7 @@ export const ProjectArchivesHeader: FC<TProps> = observer((props: TProps) => {
               type="text"
               link={
                 <BreadcrumbLink
+                  href={`/${workspaceSlug}/projects`}
                   label={currentProjectDetails?.name ?? "Project"}
                   icon={
                     currentProjectDetails && (

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/issues/(detail)/header.tsx

@@ -38,6 +38,7 @@ export const ProjectArchivedIssueDetailsHeader = observer(() => {
             type="text"
             link={
               <BreadcrumbLink
+                href={`/${workspaceSlug}/projects`}
                 label={currentProjectDetails?.name ?? "Project"}
                 icon={
                   currentProjectDetails && (

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/header.tsx

@@ -172,6 +172,7 @@ export const CycleIssuesHeader: React.FC = observer(() => {
                     <span className="hidden md:block">
                       <BreadcrumbLink
                         label={currentProjectDetails?.name ?? "Project"}
+                        href={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/issues`}
                         icon={
                           currentProjectDetails && (
                             <span className="grid h-4 w-4 flex-shrink-0 place-items-center">

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx

@@ -38,6 +38,7 @@ export const CyclesListHeader: FC = observer(() => {
             link={
               <BreadcrumbLink
                 label={currentProjectDetails?.name ?? "Project"}
+                href={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/issues`}
                 icon={
                   currentProjectDetails && (
                     <span className="grid place-items-center flex-shrink-0 h-4 w-4">

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/draft-issues/header.tsx

@@ -99,6 +99,7 @@ export const ProjectDraftIssueHeader: FC = observer(() => {
               type="text"
               link={
                 <BreadcrumbLink
+                  href={`/${workspaceSlug}/projects`}
                   label={currentProjectDetails?.name ?? "Project"}
                   icon={
                     currentProjectDetails && (

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(detail)/header.tsx

@@ -32,6 +32,7 @@ export const ProjectIssueDetailsHeader = observer(() => {
               type="text"
               link={
                 <BreadcrumbLink
+                  href={`/${workspaceSlug}/projects`}
                   label={currentProjectDetails?.name ?? "Project"}
                   icon={
                     currentProjectDetails && (

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/header.tsx

@@ -54,6 +54,7 @@ export const ProjectIssuesHeader = observer(() => {
               type="text"
               link={
                 <BreadcrumbLink
+                  href={`/${workspaceSlug}/projects`}
                   label={currentProjectDetails?.name ?? "Project"}
                   icon={
                     currentProjectDetails ? (

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/header.tsx

@@ -171,6 +171,7 @@ export const ModuleIssuesHeader: React.FC = observer(() => {
                   <span className="hidden md:block">
                     <BreadcrumbLink
                       label={currentProjectDetails?.name ?? "Project"}
+                      href={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/issues`}
                       icon={
                         currentProjectDetails && (
                           <span className="grid h-4 w-4 flex-shrink-0 place-items-center">

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/header.tsx

@@ -39,6 +39,7 @@ export const ModulesListHeader: React.FC = observer(() => {
               type="text"
               link={
                 <BreadcrumbLink
+                  href={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/issues`}
                   label={currentProjectDetails?.name ?? "Project"}
                   icon={
                     currentProjectDetails && (

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/header.tsx

@@ -77,6 +77,7 @@ export const PageDetailsHeader = observer(() => {
                 <span>
                   <span className="hidden md:block">
                     <BreadcrumbLink
+                      href={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/issues`}
                       label={currentProjectDetails?.name ?? "Project"}
                       icon={
                         currentProjectDetails && (

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(list)/header.tsx

@@ -69,6 +69,7 @@ export const PagesListHeader = observer(() => {
               type="text"
               link={
                 <BreadcrumbLink
+                  href={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/issues`}
                   label={currentProjectDetails?.name ?? "Project"}
                   icon={
                     currentProjectDetails && (

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/settings/header.tsx

@@ -34,6 +34,7 @@ export const ProjectSettingHeader: FC = observer(() => {
                 type="text"
                 link={
                   <BreadcrumbLink
+                    href={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/issues`}
                     label={currentProjectDetails?.name ?? "Project"}
                     icon={
                       currentProjectDetails && (

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(detail)/[viewId]/header.tsx

@@ -144,6 +144,7 @@ export const ProjectViewIssuesHeader: React.FC = observer(() => {
             type="text"
             link={
               <BreadcrumbLink
+                href={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/issues`}
                 label={currentProjectDetails?.name ?? "Project"}
                 icon={
                   currentProjectDetails && (

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(list)/header.tsx

@@ -27,6 +27,7 @@ export const ProjectViewsHeader = observer(() => {
               type="text"
               link={
                 <BreadcrumbLink
+                  href={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/issues`}
                   label={currentProjectDetails?.name ?? "Project"}
                   icon={
                     currentProjectDetails && (

web/ce/components/projects/settings/intake/header.tsx

@@ -39,6 +39,7 @@ export const ProjectInboxHeader: FC = observer(() => {
               type="text"
               link={
                 <BreadcrumbLink
+                  href={`/${workspaceSlug}/projects`}
                   label={currentProjectDetails?.name ?? "Project"}
                   icon={
                     currentProjectDetails && (

web/ce/constants/issues.ts

@@ -31,4 +31,7 @@ export const filterActivityOnSelectedFilters = (
 ): TIssueActivityComment[] =>
   activity.filter((activity) => filter.includes(activity.activity_type as TActivityFilters));
 
+// boolean to decide if the local db cache is enabled
+export const ENABLE_LOCAL_DB_CACHE = false;
+
 export const ENABLE_ISSUE_DEPENDENCIES = false;

web/core/components/issues/issue-detail/issue-activity/activity/actions/relation.tsx

@@ -29,11 +29,6 @@ export const IssueRelationActivity: FC<TIssueRelationActivity> = observer((props
       ends={ends}
     >
       {activityContent}
-      {activity.old_value === "" ? (
-        <span className="font-medium text-custom-text-100">{activity.new_value}.</span>
-      ) : (
-        <span className="font-medium text-custom-text-100">{activity.old_value}.</span>
-      )}
     </IssueActivityBlockComponent>
   );
 });

web/core/components/workspace/sidebar/help-section.tsx

@@ -16,6 +16,7 @@ import { usePlatformOS } from "@/hooks/use-platform-os";
 // plane web components
 import { PlaneVersionNumber } from "@/plane-web/components/global";
 import { WorkspaceEditionBadge } from "@/plane-web/components/workspace";
+import { ENABLE_LOCAL_DB_CACHE } from "@/plane-web/constants/issues";
 
 export interface WorkspaceHelpSectionProps {
   setSidebarActive?: React.Dispatch<React.SetStateAction<boolean>>;
@@ -110,21 +111,23 @@ export const SidebarHelpSection: React.FC<WorkspaceHelpSectionProps> = observer(
               </a>
             </CustomMenu.MenuItem>
             <div className="my-1 border-t border-custom-border-200" />
-            <CustomMenu.MenuItem>
-              <div
-                onClick={(e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                }}
-                className="flex w-full items-center justify-between text-xs hover:bg-custom-background-80"
-              >
-                <span className="racking-tight">Local Cache</span>
-                <ToggleSwitch
-                  value={canUseLocalDB}
-                  onChange={() => toggleLocalDB(workspaceSlug?.toString(), projectId?.toString())}
-                />
-              </div>
-            </CustomMenu.MenuItem>
+            {ENABLE_LOCAL_DB_CACHE && (
+              <CustomMenu.MenuItem>
+                <div
+                  onClick={(e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                  }}
+                  className="flex w-full items-center justify-between text-xs hover:bg-custom-background-80"
+                >
+                  <span className="racking-tight">Local Cache</span>
+                  <ToggleSwitch
+                    value={canUseLocalDB}
+                    onChange={() => toggleLocalDB(workspaceSlug?.toString(), projectId?.toString())}
+                  />
+                </div>
+              </CustomMenu.MenuItem>
+            )}
             <CustomMenu.MenuItem>
               <button
                 type="button"
@@ -170,9 +173,8 @@ export const SidebarHelpSection: React.FC<WorkspaceHelpSectionProps> = observer(
           <Tooltip tooltipContent={`${isCollapsed ? "Expand" : "Hide"}`} isMobile={isMobile}>
             <button
               type="button"
-              className={`grid place-items-center rounded-md p-1 text-custom-text-200 outline-none hover:bg-custom-background-90 hover:text-custom-text-100 ${
-                isCollapsed ? "w-full" : ""
-              }`}
+              className={`grid place-items-center rounded-md p-1 text-custom-text-200 outline-none hover:bg-custom-background-90 hover:text-custom-text-100 ${isCollapsed ? "w-full" : ""
+                }`}
               onClick={() => toggleSidebar()}
             >
               <MoveLeft className={`h-4 w-4 duration-300 ${isCollapsed ? "rotate-180" : ""}`} />

web/core/local-db/storage.sqlite.ts

@@ -251,7 +251,7 @@ export class Storage {
 
     activeSpan?.setAttributes({
       projectId: projectId,
-      count: response?.total_results,
+      count: response.total_count,
     });
   };
 

web/core/store/user/index.ts

@@ -9,6 +9,7 @@ import { TUserPermissions } from "@plane/types/src/enums";
 import { API_BASE_URL } from "@/helpers/common.helper";
 // local
 import { persistence } from "@/local-db/storage.sqlite";
+import { ENABLE_LOCAL_DB_CACHE } from "@/plane-web/constants/issues";
 import { EUserPermissions } from "@/plane-web/constants/user-permissions";
 // services
 import { AuthService } from "@/services/auth.service";
@@ -277,6 +278,6 @@ export class UserStore implements IUserStore {
   }
 
   get localDBEnabled() {
-    return this.userSettings.canUseLocalDB;
+    return ENABLE_LOCAL_DB_CACHE && this.userSettings.canUseLocalDB;
   }
 }

web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web",
-  "version": "0.24.0",
+  "version": "0.23.1",
   "private": true,
   "scripts": {
     "dev": "turbo run develop",