fix: color helper

* fix: assignee validation

* chore: remove prints

* fix: remove all assignees

admin/package.json

@@ -1,6 +1,8 @@
 {
   "name": "admin",
-  "version": "0.25.0",
+  "description": "Admin UI for Plane",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
   "private": true,
   "scripts": {
     "dev": "turbo run develop",

apiserver/package.json

@@ -1,4 +1,7 @@
 {
   "name": "plane-api",
-  "version": "0.25.0"
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
+  "private": true,
+  "description": "API server powering Plane's backend"
 }

apiserver/plane/api/serializers/issue.py

@@ -80,6 +80,7 @@ class IssueSerializer(BaseSerializer):
             data["assignees"] = ProjectMember.objects.filter(
                 project_id=self.context.get("project_id"),
                 is_active=True,
+                role__gte=15,
                 member_id__in=data["assignees"],
             ).values_list("member_id", flat=True)
 
@@ -158,8 +159,13 @@ class IssueSerializer(BaseSerializer):
                 pass
         else:
             try:
-                # Then assign it to default assignee
-                if default_assignee_id is not None:
+                # Then assign it to default assignee, if it is a valid assignee
+                if default_assignee_id is not None and ProjectMember.objects.filter(
+                    member_id=default_assignee_id,
+                    project_id=project_id,
+                    role__gte=15,
+                    is_active=True
+                ).exists():
                     IssueAssignee.objects.create(
                         assignee_id=default_assignee_id,
                         issue=issue,

apiserver/plane/app/serializers/issue.py

@@ -36,6 +36,7 @@ from plane.db.models import (
     State,
     IssueVersion,
     IssueDescriptionVersion,
+    ProjectMember,
 )
 
 
@@ -110,14 +111,23 @@ class IssueCreateSerializer(BaseSerializer):
         data["label_ids"] = label_ids if label_ids else []
         return data
 
-    def validate(self, data):
+    def validate(self, attrs):
         if (
-            data.get("start_date", None) is not None
-            and data.get("target_date", None) is not None
-            and data.get("start_date", None) > data.get("target_date", None)
+            attrs.get("start_date", None) is not None
+            and attrs.get("target_date", None) is not None
+            and attrs.get("start_date", None) > attrs.get("target_date", None)
         ):
             raise serializers.ValidationError("Start date cannot exceed target date")
-        return data
+
+        if attrs.get("assignee_ids", []):
+            attrs["assignee_ids"] = ProjectMember.objects.filter(
+                project_id=self.context["project_id"],
+                role__gte=15,
+                is_active=True,
+                member_id__in=attrs["assignee_ids"],
+            ).values_list("member_id", flat=True)
+
+        return attrs
 
     def create(self, validated_data):
         assignees = validated_data.pop("assignee_ids", None)
@@ -139,22 +149,30 @@ class IssueCreateSerializer(BaseSerializer):
                 IssueAssignee.objects.bulk_create(
                     [
                         IssueAssignee(
-                            assignee=user,
+                            assignee_id=assignee_id,
                             issue=issue,
                             project_id=project_id,
                             workspace_id=workspace_id,
                             created_by_id=created_by_id,
                             updated_by_id=updated_by_id,
                         )
-                        for user in assignees
+                        for assignee_id in assignees
                     ],
                     batch_size=10,
                 )
             except IntegrityError:
                 pass
         else:
-            # Then assign it to default assignee
-            if default_assignee_id is not None:
+            # Then assign it to default assignee, if it is a valid assignee
+            if (
+                default_assignee_id is not None
+                and ProjectMember.objects.filter(
+                    member_id=default_assignee_id,
+                    project_id=project_id,
+                    role__gte=15,
+                    is_active=True,
+                ).exists()
+            ):
                 try:
                     IssueAssignee.objects.create(
                         assignee_id=default_assignee_id,
@@ -204,14 +222,14 @@ class IssueCreateSerializer(BaseSerializer):
                 IssueAssignee.objects.bulk_create(
                     [
                         IssueAssignee(
-                            assignee=user,
+                            assignee_id=assignee_id,
                             issue=instance,
                             project_id=project_id,
                             workspace_id=workspace_id,
                             created_by_id=created_by_id,
                             updated_by_id=updated_by_id,
                         )
-                        for user in assignees
+                        for assignee_id in assignees
                     ],
                     batch_size=10,
                     ignore_conflicts=True,

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

@@ -178,7 +178,9 @@ class IntakeIssueViewSet(BaseViewSet):
             workspace__slug=slug, project_id=project_id
         ).first()
         if not intake:
-            return Response({"error": "Intake not found"}, status=status.HTTP_404_NOT_FOUND)
+            return Response(
+                {"error": "Intake not found"}, status=status.HTTP_404_NOT_FOUND
+            )
 
         project = Project.objects.get(pk=project_id)
         filters = issue_filters(request.GET, "GET", "issue__")
@@ -385,7 +387,7 @@ class IntakeIssueViewSet(BaseViewSet):
                 }
 
             issue_serializer = IssueCreateSerializer(
-                issue, data=issue_data, partial=True
+                issue, data=issue_data, partial=True, context={"project_id": project_id}
             )
 
             if issue_serializer.is_valid():

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

@@ -635,7 +635,9 @@ class IssueViewSet(BaseViewSet):
         )
 
         requested_data = json.dumps(self.request.data, cls=DjangoJSONEncoder)
-        serializer = IssueCreateSerializer(issue, data=request.data, partial=True)
+        serializer = IssueCreateSerializer(
+            issue, data=request.data, partial=True, context={"project_id": project_id}
+        )
         if serializer.is_valid():
             serializer.save()
             issue_activity.delay(
@@ -1099,7 +1101,6 @@ class IssueBulkUpdateDateEndpoint(BaseAPIView):
 
 
 class IssueMetaEndpoint(BaseAPIView):
-
     @allow_permission([ROLE.ADMIN, ROLE.MEMBER, ROLE.GUEST], level="PROJECT")
     def get(self, request, slug, project_id, issue_id):
         issue = Issue.issue_objects.only("sequence_id", "project__identifier").get(
@@ -1115,14 +1116,12 @@ class IssueMetaEndpoint(BaseAPIView):
 
 
 class IssueDetailIdentifierEndpoint(BaseAPIView):
-
     def strict_str_to_int(self, s):
-        if not s.isdigit() and not (s.startswith('-') and s[1:].isdigit()):
+        if not s.isdigit() and not (s.startswith("-") and s[1:].isdigit()):
             raise ValueError("Invalid integer string")
         return int(s)
 
     def get(self, request, slug, project_identifier, issue_identifier):
-
         # Check if the issue identifier is a valid integer
         try:
             issue_identifier = self.strict_str_to_int(issue_identifier)
@@ -1134,8 +1133,7 @@ class IssueDetailIdentifierEndpoint(BaseAPIView):
 
         # Fetch the project
         project = Project.objects.get(
-            identifier__iexact=project_identifier,
-            workspace__slug=slug,
+            identifier__iexact=project_identifier, workspace__slug=slug
         )
 
         # Check if the user is a member of the project
@@ -1237,8 +1235,8 @@ class IssueDetailIdentifierEndpoint(BaseAPIView):
             .annotate(
                 is_subscribed=Exists(
                     IssueSubscriber.objects.filter(
-                            workspace__slug=slug,
-                            project_id=project.id,
+                        workspace__slug=slug,
+                        project_id=project.id,
                         issue__sequence_id=issue_identifier,
                         subscriber=request.user,
                     )

apiserver/plane/space/views/intake.py

@@ -12,7 +12,7 @@ from rest_framework.response import Response
 
 # Module imports
 from .base import BaseViewSet
-from plane.db.models import IntakeIssue, Issue, State, IssueLink, FileAsset, DeployBoard
+from plane.db.models import IntakeIssue, Issue, IssueLink, FileAsset, DeployBoard
 from plane.app.serializers import (
     IssueSerializer,
     IntakeIssueSerializer,
@@ -202,7 +202,12 @@ class IntakeIssuePublicViewSet(BaseViewSet):
             "description": issue_data.get("description", issue.description),
         }
 
-        issue_serializer = IssueCreateSerializer(issue, data=issue_data, partial=True)
+        issue_serializer = IssueCreateSerializer(
+            issue,
+            data=issue_data,
+            partial=True,
+            context={"project_id": project_deploy_board.project_id},
+        )
 
         if issue_serializer.is_valid():
             current_instance = issue

live/package.json

@@ -1,7 +1,8 @@
 {
   "name": "live",
-  "version": "0.25.0",
-  "description": "",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
+  "description": "A realtime collaborative server powers Plane's rich text editor",
   "main": "./src/server.ts",
   "private": true,
   "type": "module",
@@ -14,7 +15,6 @@
   },
   "keywords": [],
   "author": "",
-  "license": "ISC",
   "dependencies": {
     "@hocuspocus/extension-database": "^2.15.0",
     "@hocuspocus/extension-logger": "^2.15.0",

nginx/Dockerfile

@@ -1,9 +1,9 @@
 FROM nginx:1.25.0-alpine
 
 RUN rm /etc/nginx/conf.d/default.conf
-COPY nginx/nginx.conf.template /etc/nginx/nginx.conf.template
+COPY nginx.conf.template /etc/nginx/nginx.conf.template
 
-COPY nginx/env.sh /docker-entrypoint.sh
+COPY ./env.sh /docker-entrypoint.sh
 
 RUN chmod +x /docker-entrypoint.sh
 # Update all environment variables

nginx/Dockerfile.dev

@@ -1,9 +1,9 @@
 FROM nginx:1.25.0-alpine
 
 RUN rm /etc/nginx/conf.d/default.conf
-COPY nginx/nginx.conf.dev /etc/nginx/nginx.conf.template
+COPY nginx.conf.dev /etc/nginx/nginx.conf.template
 
-COPY nginx/env.sh /docker-entrypoint.sh
+COPY ./env.sh /docker-entrypoint.sh
 
 RUN chmod +x /docker-entrypoint.sh
 # Update all environment variables

package.json

@@ -1,6 +1,8 @@
 {
+  "name": "plane",
+  "description": "Open-source project management that unlocks customer value",
   "repository": "https://github.com/makeplane/plane.git",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "license": "AGPL-3.0",
   "private": true,
   "workspaces": [
@@ -28,6 +30,5 @@
     "nanoid": "3.3.8",
     "esbuild": "0.25.0"
   },
-  "packageManager": "yarn@1.22.22",
-  "name": "plane"
+  "packageManager": "yarn@1.22.22"
 }

packages/constants/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@plane/constants",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "private": true,
-  "main": "./src/index.ts"
+  "main": "./src/index.ts",
+  "license": "AGPL-3.0"
 }

packages/constants/src/issue/index.ts

@@ -1,3 +1,4 @@
 export * from "./common";
 export * from "./filter";
 export * from "./layout";
+export * from "./modal";

packages/constants/src/issue/modal.ts

@@ -0,0 +1,19 @@
+// plane imports
+import { TIssue } from "@plane/types";
+
+export const DEFAULT_WORK_ITEM_FORM_VALUES: Partial<TIssue> = {
+  project_id: "",
+  type_id: null,
+  name: "",
+  description_html: "",
+  estimate_point: null,
+  state_id: "",
+  parent_id: null,
+  priority: "none",
+  assignee_ids: [],
+  label_ids: [],
+  cycle_id: null,
+  module_ids: null,
+  start_date: null,
+  target_date: null,
+};

packages/editor/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@plane/editor",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "description": "Core Editor that powers Plane",
+  "license": "AGPL-3.0",
   "private": true,
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",

packages/editor/src/core/extensions/custom-image/components/image-node.tsx

@@ -76,7 +76,7 @@ export const CustomImageNode = (props: CustomImageNodeProps) => {
             failedToLoadImage={failedToLoadImage}
             getPos={getPos}
             loadImageFromFileSystem={setImageFromFileSystem}
-            maxFileSize={editor.storage.imageComponent.maxFileSize}
+            maxFileSize={editor.storage.imageComponent?.maxFileSize}
             node={node}
             setIsUploaded={setIsUploaded}
             selected={selected}

packages/editor/src/core/extensions/custom-image/components/upload-status.tsx

@@ -16,7 +16,7 @@ export const ImageUploadStatus: React.FC<Props> = (props) => {
   // subscribe to image upload status
   const uploadStatus: number | undefined = useEditorState({
     editor,
-    selector: ({ editor }) => editor.storage.imageComponent.assetsUploadStatus[nodeId],
+    selector: ({ editor }) => editor.storage.imageComponent?.assetsUploadStatus[nodeId],
   });
 
   useEffect(() => {

packages/editor/src/core/extensions/custom-image/custom-image.ts

@@ -22,7 +22,7 @@ declare module "@tiptap/core" {
     imageComponent: {
       insertImageComponent: ({ file, pos, event }: InsertImageComponentProps) => ReturnType;
       uploadImage: (blockId: string, file: File) => () => Promise<string> | undefined;
-      updateAssetsUploadStatus: (updatedStatus: TFileHandler["assetsUploadStatus"]) => () => void;
+      updateAssetsUploadStatus?: (updatedStatus: TFileHandler["assetsUploadStatus"]) => () => void;
       getImageSource?: (path: string) => () => Promise<string>;
       restoreImage: (src: string) => () => Promise<void>;
     };

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

@@ -50,8 +50,7 @@ type TArguments = {
 export const CoreEditorExtensions = (args: TArguments): Extensions => {
   const { disabledExtensions, enableHistory, fileHandler, mentionHandler, placeholder, tabIndex } = args;
 
-  return [
-    // @ts-expect-error tiptap types are incorrect
+  const extensions = [
     StarterKit.configure({
       bulletList: {
         HTMLAttributes: {
@@ -109,12 +108,6 @@ export const CoreEditorExtensions = (args: TArguments): Extensions => {
       },
     }),
     CustomTypographyExtension,
-    ImageExtension(fileHandler).configure({
-      HTMLAttributes: {
-        class: "rounded-md",
-      },
-    }),
-    CustomImageExtension(fileHandler),
     TiptapUnderline,
     TextStyle,
     TaskList.configure({
@@ -152,7 +145,7 @@ export const CoreEditorExtensions = (args: TArguments): Extensions => {
 
         if (node.type.name === "heading") return `Heading ${node.attrs.level}`;
 
-        if (editor.storage.imageComponent.uploadInProgress) return "";
+        if (editor.storage.imageComponent?.uploadInProgress) return "";
 
         const shouldHidePlaceholder =
           editor.isActive("table") ||
@@ -179,4 +172,18 @@ export const CoreEditorExtensions = (args: TArguments): Extensions => {
       disabledExtensions,
     }),
   ];
+
+  if (!disabledExtensions.includes("image")) {
+    extensions.push(
+      ImageExtension(fileHandler).configure({
+        HTMLAttributes: {
+          class: "rounded-md",
+        },
+      }),
+      CustomImageExtension(fileHandler)
+    );
+  }
+
+  // @ts-expect-error tiptap types are incorrect
+  return extensions;
 };

packages/editor/src/core/extensions/image/image-component-without-props.tsx

@@ -48,6 +48,7 @@ export const CustomImageComponentWithoutProps = () =>
       return {
         fileMap: new Map(),
         deletedImageSet: new Map<string, boolean>(),
+        assetsUploadStatus: {},
       };
     },
   });

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

@@ -41,8 +41,7 @@ type Props = {
 export const CoreReadOnlyEditorExtensions = (props: Props): Extensions => {
   const { disabledExtensions, fileHandler, mentionHandler } = props;
 
-  return [
-    // @ts-expect-error tiptap types are incorrect
+  const extensions = [
     StarterKit.configure({
       bulletList: {
         HTMLAttributes: {
@@ -94,12 +93,6 @@ export const CoreReadOnlyEditorExtensions = (props: Props): Extensions => {
       },
     }),
     CustomTypographyExtension,
-    ReadOnlyImageExtension(fileHandler).configure({
-      HTMLAttributes: {
-        class: "rounded-md",
-      },
-    }),
-    CustomReadOnlyImageExtension(fileHandler),
     TiptapUnderline,
     TextStyle,
     TaskList.configure({
@@ -136,4 +129,18 @@ export const CoreReadOnlyEditorExtensions = (props: Props): Extensions => {
       disabledExtensions,
     }),
   ];
+
+  if (!disabledExtensions.includes("image")) {
+    extensions.push(
+      ReadOnlyImageExtension(fileHandler).configure({
+        HTMLAttributes: {
+          class: "rounded-md",
+        },
+      }),
+      CustomReadOnlyImageExtension(fileHandler)
+    );
+  }
+
+  // @ts-expect-error tiptap types are incorrect
+  return extensions;
 };

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

@@ -43,7 +43,7 @@ import { CommandProps, ISlashCommandItem, TSlashCommandSectionKeys } from "@/typ
 // plane editor extensions
 import { coreEditorAdditionalSlashCommandOptions } from "@/plane-editor/extensions";
 // local types
-import { TExtensionProps } from "./root";
+import { TExtensionProps, TSlashCommandAdditionalOption } from "./root";
 
 export type TSlashCommandSection = {
   key: TSlashCommandSectionKeys;
@@ -54,7 +54,7 @@ export type TSlashCommandSection = {
 export const getSlashCommandFilteredSections =
   (args: TExtensionProps) =>
   ({ query }: { query: string }): TSlashCommandSection[] => {
-    const { additionalOptions, disabledExtensions } = args;
+    const { additionalOptions: externalAdditionalOptions, disabledExtensions } = args;
     const SLASH_COMMAND_SECTIONS: TSlashCommandSection[] = [
       {
         key: "general",
@@ -176,15 +176,6 @@ export const getSlashCommandFilteredSections =
             icon: <Code2 className="size-3.5" />,
             command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run(),
           },
-          {
-            commandKey: "image",
-            key: "image",
-            title: "Image",
-            icon: <ImageIcon className="size-3.5" />,
-            description: "Insert an image",
-            searchTerms: ["img", "photo", "picture", "media", "upload"],
-            command: ({ editor, range }: CommandProps) => insertImage({ editor, event: "insert", range }),
-          },
           {
             commandKey: "callout",
             key: "callout",
@@ -284,8 +275,24 @@ export const getSlashCommandFilteredSections =
       },
     ];
 
+    const internalAdditionalOptions: TSlashCommandAdditionalOption[] = [];
+    if (!disabledExtensions?.includes("image")) {
+      internalAdditionalOptions.push({
+        commandKey: "image",
+        key: "image",
+        title: "Image",
+        icon: <ImageIcon className="size-3.5" />,
+        description: "Insert an image",
+        searchTerms: ["img", "photo", "picture", "media", "upload"],
+        command: ({ editor, range }: CommandProps) => insertImage({ editor, event: "insert", range }),
+        section: "general",
+        pushAfter: "code",
+      });
+    }
+
     [
-      ...(additionalOptions ?? []),
+      ...internalAdditionalOptions,
+      ...(externalAdditionalOptions ?? []),
       ...coreEditorAdditionalSlashCommandOptions({
         disabledExtensions,
       }),

packages/editor/src/core/hooks/use-editor.ts

@@ -111,7 +111,7 @@ export const useEditor = (props: CustomEditorProps) => {
     // value is null when intentionally passed where syncing is not yet
     // supported and value is undefined when the data from swr is not populated
     if (value == null) return;
-    if (editor && !editor.isDestroyed && !editor.storage.imageComponent.uploadInProgress) {
+    if (editor && !editor.isDestroyed && !editor.storage.imageComponent?.uploadInProgress) {
       try {
         editor.commands.setContent(value, false, { preserveWhitespace: "full" });
         if (editor.state.selection) {
@@ -129,7 +129,7 @@ export const useEditor = (props: CustomEditorProps) => {
   useEffect(() => {
     if (!editor) return;
     const assetsUploadStatus = fileHandler.assetsUploadStatus;
-    editor.commands.updateAssetsUploadStatus(assetsUploadStatus);
+    editor.commands.updateAssetsUploadStatus?.(assetsUploadStatus);
   }, [editor, fileHandler.assetsUploadStatus]);
 
   useImperativeHandle(
@@ -221,7 +221,7 @@ export const useEditor = (props: CustomEditorProps) => {
         if (!editor) return;
         scrollSummary(editor, marking);
       },
-      isEditorReadyToDiscard: () => editor?.storage.imageComponent.uploadInProgress === false,
+      isEditorReadyToDiscard: () => editor?.storage.imageComponent?.uploadInProgress === false,
       setFocusAtPosition: (position: number) => {
         if (!editor || editor.isDestroyed) {
           console.error("Editor reference is not available or has been destroyed.");

packages/editor/src/core/hooks/use-file-upload.ts

@@ -21,7 +21,9 @@ export const useUploader = (args: TUploaderArgs) => {
   const uploadFile = useCallback(
     async (file: File) => {
       const setImageUploadInProgress = (isUploading: boolean) => {
-        editor.storage.imageComponent.uploadInProgress = isUploading;
+        if (editor.storage.imageComponent) {
+          editor.storage.imageComponent.uploadInProgress = isUploading;
+        }
       };
       setImageUploadInProgress(true);
       setUploading(true);

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

@@ -1 +1 @@
-export type TExtensions = "ai" | "collaboration-cursor" | "issue-embed" | "slash-commands" | "enter-key";
+export type TExtensions = "ai" | "collaboration-cursor" | "issue-embed" | "slash-commands" | "enter-key" | "image";

packages/eslint-config/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@plane/eslint-config",
   "private": true,
-  "version": "0.25.0",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
   "files": [
     "library.js",
     "next.js",

packages/hooks/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@plane/hooks",
-  "version": "0.25.0",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
   "description": "React hooks that are shared across multiple apps internally",
   "private": true,
   "main": "./dist/index.js",

packages/i18n/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@plane/i18n",
-  "version": "0.25.0",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
   "description": "I18n shared across multiple apps internally",
   "private": true,
   "main": "./src/index.ts",

packages/i18n/src/locales/en/translations.json

@@ -687,7 +687,7 @@
     "you": "You",
     "upgrade_cta": {
       "higher_subscription": "Upgrade to higher subscription",
-      "talk_to_sales": "Talk to sales"
+      "talk_to_sales": "Talk to Sales"
     },
     "category": "Category",
     "categories": "Categories",
@@ -696,7 +696,8 @@
     "delete": "Delete",
     "deleting": "Deleting",
     "pending": "Pending",
-    "invite": "Invite"
+    "invite": "Invite",
+    "view": "View"
   },
 
   "chart": {
@@ -814,7 +815,8 @@
         "sub_issue_count": "Sub-work item count",
         "attachment_count": "Attachment count",
         "created_on": "Created on",
-        "sub_issue": "Sub-work item"
+        "sub_issue": "Sub-work item",
+        "work_item_count": "Work item count"
       },
       "extra": {
         "show_sub_issues": "Show sub-work items",

packages/i18n/src/locales/es/translations.json

@@ -867,7 +867,8 @@
     "delete": "Eliminar",
     "deleting": "Eliminando",
     "pending": "Pendiente",
-    "invite": "Invitar"
+    "invite": "Invitar",
+    "view": "Ver"
   },
 
   "chart": {
@@ -985,7 +986,8 @@
         "sub_issue_count": "Cantidad de sub-elementos",
         "attachment_count": "Cantidad de archivos adjuntos",
         "created_on": "Creado el",
-        "sub_issue": "Sub-elemento de trabajo"
+        "sub_issue": "Sub-elemento de trabajo",
+        "work_item_count": "Recuento de elementos de trabajo"
       },
       "extra": {
         "show_sub_issues": "Mostrar sub-elementos",

packages/i18n/src/locales/fr/translations.json

@@ -856,7 +856,7 @@
     "you": "Vous",
     "upgrade_cta": {
       "higher_subscription": "Passer à une abonnement plus élevé",
-      "talk_to_sales": "Parler à la vente"
+      "talk_to_sales": "Parler aux ventes"
     },
     "category": "Catégorie",
     "categories": "Catégories",
@@ -865,7 +865,8 @@
     "delete": "Supprimer",
     "deleting": "Suppression",
     "pending": "En attente",
-    "invite": "Inviter"
+    "invite": "Inviter",
+    "view": "Afficher"
   },
 
   "chart": {
@@ -983,7 +984,8 @@
         "sub_issue_count": "Nombre de sous-éléments",
         "attachment_count": "Nombre de pièces jointes",
         "created_on": "Créé le",
-        "sub_issue": "Sous-élément de travail"
+        "sub_issue": "Sous-élément de travail",
+        "work_item_count": "Nombre d'éléments de travail"
       },
       "extra": {
         "show_sub_issues": "Afficher les sous-éléments",

packages/i18n/src/locales/it/translations.json

@@ -862,7 +862,8 @@
     "delete": "Elimina",
     "deleting": "Eliminazione in corso",
     "pending": "In sospeso",
-    "invite": "Invita"
+    "invite": "Invita",
+    "view": "Visualizza"
   },
 
   "chart": {
@@ -980,7 +981,8 @@
         "sub_issue_count": "Numero di sotto-elementi di lavoro",
         "attachment_count": "Numero di allegati",
         "created_on": "Creato il",
-        "sub_issue": "Sotto-elemento di lavoro"
+        "sub_issue": "Sotto-elemento di lavoro",
+        "work_item_count": "Conteggio degli elementi di lavoro"
       },
       "extra": {
         "show_sub_issues": "Mostra sotto-elementi di lavoro",

packages/i18n/src/locales/ja/translations.json

@@ -856,7 +856,7 @@
     "you": "あなた",
     "upgrade_cta": {
       "higher_subscription": "高いサブスクリプションにアップグレード",
-      "talk_to_sales": "セールスに連絡"
+      "talk_to_sales": "トーク トゥ セールス"
     },
     "category": "カテゴリー",
     "categories": "カテゴリーズ",
@@ -865,7 +865,8 @@
     "delete": "デリート",
     "deleting": "デリーティング",
     "pending": "保留中",
-    "invite": "招待"
+    "invite": "招待",
+    "view": "ビュー"
   },
 
   "chart": {
@@ -983,7 +984,8 @@
         "sub_issue_count": "サブ作業項目数",
         "attachment_count": "添付ファイル数",
         "created_on": "作成日",
-        "sub_issue": "サブ作業項目"
+        "sub_issue": "サブ作業項目",
+        "work_item_count": "作業項目数"
       },
       "extra": {
         "show_sub_issues": "サブ作業項目を表示",

packages/i18n/src/locales/ru/translations.json

@@ -864,7 +864,8 @@
     "delete": "Удалить",
     "deleting": "Удаление",
     "pending": "Ожидание",
-    "invite": "Пригласить"
+    "invite": "Пригласить",
+    "view": "Просмотр"
   },
 
   "chart": {
@@ -982,7 +983,8 @@
         "sub_issue_count": "Количество подэлементов",
         "attachment_count": "Количество вложений",
         "created_on": "Дата создания",
-        "sub_issue": "Подэлемент"
+        "sub_issue": "Подэлемент",
+        "work_item_count": "Количество рабочих элементов"
       },
       "extra": {
         "show_sub_issues": "Показывать подэлементы",
@@ -1866,7 +1868,7 @@
         }
       },
       "completed_no_issues": {
-        "title": "Нет рабочих элементов в цикле", 
+        "title": "Нет рабочих элементов в цикле",
         "description": "Нет рабочих элементов. Рабочие элементы были перенесены или скрыты. Для просмотра измените настройки отображения."
       },
       "active": {
@@ -2285,7 +2287,7 @@
       "short_description": "Экспорт в csv"
     },
     "excel": {
-      "title": "Excel", 
+      "title": "Excel",
       "description": "Экспорт рабочих элементов в файл Excel.",
       "short_description": "Экспорт в excel"
     },
@@ -2303,7 +2305,7 @@
   "default_global_view": {
     "all_issues": "Все рабочие элементы",
     "assigned": "Назначенные",
-    "created": "Созданные", 
+    "created": "Созданные",
     "subscribed": "Подписанные"
   },
 
@@ -2332,7 +2334,7 @@
   "project_modules": {
     "status": {
       "backlog": "Бэклог",
-      "planned": "Запланировано", 
+      "planned": "Запланировано",
       "in_progress": "В процессе",
       "paused": "Приостановлено",
       "completed": "Завершено",

packages/i18n/src/locales/zh-CN/translations.json

@@ -865,7 +865,8 @@
     "delete": "删除",
     "deleting": "删除中",
     "pending": "待处理",
-    "invite": "邀请"
+    "invite": "邀请",
+    "view": "查看"
   },
 
   "chart": {
@@ -983,7 +984,8 @@
         "sub_issue_count": "子工作项数量",
         "attachment_count": "附件数量",
         "created_on": "创建于",
-        "sub_issue": "子工作项"
+        "sub_issue": "子工作项",
+        "work_item_count": "工作项数量"
       },
       "extra": {
         "show_sub_issues": "显示子工作项",

packages/logger/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@plane/logger",
-  "version": "0.25.0",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
   "description": "Logger shared across multiple apps internally",
   "private": true,
   "main": "./src/index.ts",

packages/propel/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@plane/propel",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "private": true,
+  "license": "AGPL-3.0",
   "scripts": {
     "lint": "eslint src --ext .ts,.tsx",
     "lint:errors": "eslint src --ext .ts,.tsx --quiet"

packages/services/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@plane/services",
-  "version": "0.25.0",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
   "private": true,
   "main": "./src/index.ts",
   "scripts": {

packages/shared-state/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@plane/shared-state",
-  "version": "0.25.0",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
   "description": "Shared state shared across multiple apps internally",
   "private": true,
   "main": "./src/index.ts",

packages/tailwind-config/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@plane/tailwind-config",
-  "version": "0.25.0",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
   "description": "common tailwind configuration across monorepo",
   "main": "tailwind.config.js",
   "private": true,

packages/types/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@plane/types",
-  "version": "0.25.0",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
   "private": true,
   "types": "./src/index.d.ts",
   "main": "./src/index.d.ts"

packages/types/src/index.d.ts

@@ -40,3 +40,4 @@ export * from "./epics";
 export * from "./charts";
 export * from "./home";
 export * from "./stickies";
+export * from "./utils";

packages/types/src/utils.d.ts

@@ -0,0 +1,5 @@
+export type PartialDeep<K> = {
+  [attr in keyof K]?: K[attr] extends object ? PartialDeep<K[attr]> : K[attr];
+};
+
+export type CompleteOrEmpty<T> = T | Record<string, never>;

packages/typescript-config/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@plane/typescript-config",
-  "version": "0.25.0",
+  "version": "0.25.1",
+  "license": "AGPL-3.0",
   "private": true,
   "files": [
     "base.json",

packages/ui/package.json

@@ -2,12 +2,12 @@
   "name": "@plane/ui",
   "description": "UI components shared across multiple apps internally",
   "private": true,
-  "version": "0.25.0",
+  "version": "0.25.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
-  "license": "MIT",
+  "license": "AGPL-3.0",
   "files": [
     "dist/**"
   ],

packages/utils/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@plane/utils",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "description": "Helper functions shared across multiple apps internally",
+  "license": "AGPL-3.0",
   "private": true,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

packages/utils/src/color.ts

@@ -142,3 +142,40 @@ export const hslToHex = ({ h, s, l }: HSL): string => {
 
   return `#${f(0)}${f(8)}${f(4)}`;
 };
+
+/**
+ * @description Generates a deterministic HSL color based on input string
+ * @param {string} string - Input string to generate color from
+ * @returns {HSL} An object containing the HSL values
+ * @example
+ * generateRandomColor("hello") // returns consistent HSL color for "hello"
+ * generateRandomColor("") // returns { h: 0, s: 0, l: 0 }
+ */
+export const generateRandomColor = (string: string): HSL => {
+  if (!string)
+    return {
+      h: 0,
+      s: 0,
+      l: 0,
+    };
+
+  string = `${string}`;
+
+  const uniqueId = string.length.toString() + string; // Unique identifier based on string length
+  const combinedString = uniqueId + string;
+
+  const hash = Array.from(combinedString).reduce((acc, char) => {
+    const charCode = char.charCodeAt(0);
+    return (acc << 5) - acc + charCode;
+  }, 0);
+
+  const hue = hash % 360;
+  const saturation = 70; // Higher saturation for pastel colors
+  const lightness = 60; // Mid-range lightness for pastel colors
+
+  return {
+    h: hue,
+    s: saturation,
+    l: lightness,
+  };
+};

packages/utils/src/common.ts

@@ -5,3 +5,37 @@ import { twMerge } from "tailwind-merge";
 export const getSupportEmail = (defaultEmail: string = ""): string => defaultEmail;
 
 export const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));
+
+/**
+ * Extracts IDs from an array of objects with ID property
+ */
+export const extractIds = <T extends { id: string }>(items: T[]): string[] => items.map((item) => item.id);
+
+/**
+ * Checks if an ID exists and is valid within the provided list
+ */
+export const isValidId = (id: string | null | undefined, validIds: string[]): boolean => !!id && validIds.includes(id);
+
+/**
+ * Filters an array to only include valid IDs
+ */
+export const filterValidIds = (ids: string[], validIds: string[]): string[] =>
+  ids.filter((id) => validIds.includes(id));
+
+/**
+ * Filters an array to include only valid IDs, returning both valid and invalid IDs
+ */
+export const partitionValidIds = (ids: string[], validIds: string[]): { valid: string[]; invalid: string[] } => {
+  const valid: string[] = [];
+  const invalid: string[] = [];
+
+  ids.forEach((id) => {
+    if (validIds.includes(id)) {
+      valid.push(id);
+    } else {
+      invalid.push(id);
+    }
+  });
+
+  return { valid, invalid };
+};

packages/utils/src/index.ts

@@ -11,3 +11,4 @@ export * from "./state";
 export * from "./string";
 export * from "./theme";
 export * from "./workspace";
+export * from "./work-item";

packages/utils/src/string.ts

@@ -90,36 +90,6 @@ export const copyUrlToClipboard = async (path: string) => {
   await copyTextToClipboard(`${originUrl}/${path}`);
 };
 
-/**
- * @description Generates a deterministic HSL color based on input string
- * @param {string} string - Input string to generate color from
- * @returns {string} HSL color string
- * @example
- * generateRandomColor("hello") // returns consistent HSL color for "hello"
- * generateRandomColor("") // returns "rgb(var(--color-primary-100))"
- */
-export const generateRandomColor = (string: string): string => {
-  if (!string) return "rgb(var(--color-primary-100))";
-
-  string = `${string}`;
-
-  const uniqueId = string.length.toString() + string;
-  const combinedString = uniqueId + string;
-
-  const hash = Array.from(combinedString).reduce((acc, char) => {
-    const charCode = char.charCodeAt(0);
-    return (acc << 5) - acc + charCode;
-  }, 0);
-
-  const hue = hash % 360;
-  const saturation = 70;
-  const lightness = 60;
-
-  const randomColor = `hsl(${hue}, ${saturation}%, ${lightness}%)`;
-
-  return randomColor;
-};
-
 /**
  * @description Gets first character of first word or first characters of first two words
  * @param {string} str - Input string

packages/utils/src/work-item/index.ts

@@ -0,0 +1 @@
+export * from "./modal";

packages/utils/src/work-item/modal.ts

@@ -0,0 +1,33 @@
+// plane imports
+import { DEFAULT_WORK_ITEM_FORM_VALUES } from "@plane/constants";
+import { IPartialProject, ISearchIssueResponse, IState, TIssue } from "@plane/types";
+
+export const getUpdateFormDataForReset = (projectId: string | null | undefined, formData: Partial<TIssue>) => ({
+  ...DEFAULT_WORK_ITEM_FORM_VALUES,
+  project_id: projectId,
+  name: formData.name,
+  description_html: formData.description_html,
+  priority: formData.priority,
+  start_date: formData.start_date,
+  target_date: formData.target_date,
+});
+
+export const convertWorkItemDataToSearchResponse = (
+  workspaceSlug: string,
+  workItem: TIssue,
+  project: IPartialProject | undefined,
+  state: IState | undefined
+): ISearchIssueResponse => ({
+  id: workItem.id,
+  name: workItem.name,
+  project_id: workItem.project_id ?? "",
+  project__identifier: project?.identifier ?? "",
+  project__name: project?.name ?? "",
+  sequence_id: workItem.sequence_id,
+  type_id: workItem.type_id ?? "",
+  state__color: state?.color ?? "",
+  start_date: workItem.start_date,
+  state__group: state?.group ?? "backlog",
+  state__name: state?.name ?? "",
+  workspace__slug: workspaceSlug,
+});

proxy/caddy/.prettierignore

@@ -1 +0,0 @@
-nginx.conf.template

proxy/caddy/Caddyfile

@@ -1,39 +0,0 @@
-(plane_proxy) {
-	request_body {
-		max_size {$FILE_SIZE_LIMIT}
-	}
-
-	reverse_proxy /spaces/* space:3000
-	reverse_proxy /god-mode/* admin:3000
-	reverse_proxy /api/* api:8000
-	reverse_proxy /auth/* api:8000
-	reverse_proxy /live/* live:3000
-	reverse_proxy /{$BUCKET_NAME} plane-minio:9000
-	reverse_proxy /{$BUCKET_NAME}/* plane-minio:9000
-	reverse_proxy /* web:3000
-}
-
-{
-	email {$CERT_EMAIL:admin@example.com}
-	acme_ca {$CERT_ACME_CA} 
-	{$CERT_ACME_DNS}
-	servers {
-		timeouts {
-			read_body 600s
-			read_header 30s
-			write 600s
-			idle 600s
-		}
-		max_header_size 25MB
-		client_ip_headers X-Forwarded-For X-Real-IP
-		trusted_proxies static {$TRUSTED_PROXIES:0.0.0.0/0}
-	}
-	log {
-		output {$LOG_OUTPUT:stdout}
-		level {$LOG_LEVEL:INFO}
-	}
-}
-
-{$SITE_ADDRESS} {
-	import plane_proxy
-}

space/package.json

@@ -1,7 +1,8 @@
 {
   "name": "space",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "private": true,
+  "license": "AGPL-3.0",
   "scripts": {
     "dev": "turbo run develop",
     "develop": "next dev -p 3002",

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/settings/(with-sidebar)/layout.tsx

@@ -4,7 +4,7 @@ import { FC, ReactNode } from "react";
 // components
 import { AppHeader } from "@/components/core";
 // local components
-import { ProjectSettingHeader } from "./header";
+import { ProjectSettingHeader } from "../header";
 import { ProjectSettingsSidebar } from "./sidebar";
 
 export interface IProjectSettingLayout {

web/app/[workspaceSlug]/(projects)/settings/(with-sidebar)/layout.tsx

@@ -10,7 +10,7 @@ import { AppHeader } from "@/components/core";
 import { useUserPermissions } from "@/hooks/store";
 // plane web constants
 // local components
-import { WorkspaceSettingHeader } from "./header";
+import { WorkspaceSettingHeader } from "../header";
 import { MobileWorkspaceSettingsTabs } from "./mobile-header-tabs";
 import { WorkspaceSettingsSidebar } from "./sidebar";
 

web/ce/components/issues/issue-layouts/issue-stats.tsx

@@ -4,9 +4,10 @@ import React, { FC } from "react";
 
 type Props = {
   issueId: string;
+  className?: string;
+  size?: number;
+  showProgressText?: boolean;
+  showLabel?: boolean;
 };
 
-export const IssueStats: FC<Props> = (props) => {
-  const { issueId } = props;
-  return <></>;
-};
+export const IssueStats: FC<Props> = (props) => <></>;

web/ce/components/issues/issue-modal/index.ts

@@ -1,3 +1,5 @@
 export * from "./provider";
 export * from "./issue-type-select";
 export * from "./additional-properties";
+export * from "./template-select";
+

web/ce/components/issues/issue-modal/issue-type-select.tsx

@@ -1,4 +1,6 @@
 import { Control } from "react-hook-form";
+// plane imports
+import { EditorRefApi } from "@plane/editor";
 // types
 import { TBulkIssueProperties, TIssue } from "@plane/types";
 
@@ -9,6 +11,7 @@ export type TIssueTypeDropdownVariant = "xs" | "sm";
 export type TIssueTypeSelectProps<T extends Partial<TIssueFields>> = {
   control: Control<T>;
   projectId: string | null;
+  editorRef?: React.MutableRefObject<EditorRefApi | null>;
   disabled?: boolean;
   variant?: TIssueTypeDropdownVariant;
   placeholder?: string;

web/ce/components/issues/issue-modal/provider.tsx

@@ -1,17 +1,29 @@
-import React from "react";
+import React, { useState } from "react";
 import { observer } from "mobx-react-lite";
+// plane imports
+import { ISearchIssueResponse } from "@plane/types";
 // components
 import { IssueModalContext } from "@/components/issues";
 
-type TIssueModalProviderProps = {
+export type TIssueModalProviderProps = {
+  templateId?: string;
   children: React.ReactNode;
 };
 
 export const IssueModalProvider = observer((props: TIssueModalProviderProps) => {
   const { children } = props;
+  // states
+  const [selectedParentIssue, setSelectedParentIssue] = useState<ISearchIssueResponse | null>(null);
+
   return (
     <IssueModalContext.Provider
       value={{
+        workItemTemplateId: null,
+        setWorkItemTemplateId: () => {},
+        isApplyingTemplate: false,
+        setIsApplyingTemplate: () => {},
+        selectedParentIssue,
+        setSelectedParentIssue,
         issuePropertyValues: {},
         setIssuePropertyValues: () => {},
         issuePropertyValueErrors: {},
@@ -20,6 +32,9 @@ export const IssueModalProvider = observer((props: TIssueModalProviderProps) =>
         getActiveAdditionalPropertiesLength: () => 0,
         handlePropertyValuesValidation: () => true,
         handleCreateUpdatePropertyValues: () => Promise.resolve(),
+        handleParentWorkItemDetails: () => Promise.resolve(undefined),
+        handleProjectEntitiesFetch: () => Promise.resolve(),
+        handleTemplateChange: () => Promise.resolve(),
       }}
     >
       {children}

web/ce/components/issues/issue-modal/template-select.tsx

@@ -0,0 +1,15 @@
+export type TWorkItemTemplateDropdownSize = "xs" | "sm";
+
+export type TWorkItemTemplateSelect = {
+  projectId: string | null;
+  typeId: string | null;
+  disabled?: boolean;
+  size?: TWorkItemTemplateDropdownSize;
+  placeholder?: string;
+  renderChevron?: boolean;
+  dropDownContainerClassName?: string;
+  handleFormChange?: () => void;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const WorkItemTemplateSelect = (props: TWorkItemTemplateSelect) => <></>;

web/core/components/command-palette/actions/issue-actions/change-assignee.tsx

@@ -26,7 +26,7 @@ export const ChangeIssueAssignee: React.FC<Props> = observer((props) => {
   } = useMember();
   // derived values
   const projectId = issue?.project_id ?? "";
-  const projectMemberIds = getProjectMemberIds(projectId);
+  const projectMemberIds = getProjectMemberIds(projectId, false);
 
   const options =
     projectMemberIds

web/core/components/core/modals/existing-issues-list-modal.tsx

@@ -24,13 +24,15 @@ import { IssueSearchModalEmptyState } from "./issue-search-modal-empty-state";
 
 type Props = {
   workspaceSlug: string | undefined;
-  projectId: string | undefined;
+  projectId?: string;
   isOpen: boolean;
   handleClose: () => void;
   searchParams: Partial<TProjectIssuesSearchParams>;
   handleOnSubmit: (data: ISearchIssueResponse[]) => Promise<void>;
   workspaceLevelToggle?: boolean;
   shouldHideIssue?: (issue: ISearchIssueResponse) => boolean;
+  selectedWorkItems?: ISearchIssueResponse[];
+  workItemSearchServiceCallback?: (params: TProjectIssuesSearchParams) => Promise<ISearchIssueResponse[]>;
 };
 
 const projectService = new ProjectService();
@@ -47,6 +49,8 @@ export const ExistingIssuesListModal: React.FC<Props> = (props) => {
     handleOnSubmit,
     workspaceLevelToggle = false,
     shouldHideIssue,
+    selectedWorkItems,
+    workItemSearchServiceCallback,
   } = props;
   // states
   const [isLoading, setIsLoading] = useState(false);
@@ -85,20 +89,35 @@ export const ExistingIssuesListModal: React.FC<Props> = (props) => {
     handleClose();
   };
 
-  useEffect(() => {
-    if (!isOpen || !workspaceSlug || !projectId) return;
+  const handleSearch = () => {
+    if (!isOpen || !workspaceSlug) return;
     setIsLoading(true);
-    projectService
-      .projectIssuesSearch(workspaceSlug as string, projectId as string, {
-        search: debouncedSearchTerm,
-        ...searchParams,
-        workspace_search: isWorkspaceLevel,
-      })
+    const searchService =
+      workItemSearchServiceCallback ??
+      (projectId
+        ? projectService.projectIssuesSearch.bind(projectService, workspaceSlug?.toString(), projectId?.toString())
+        : undefined);
+    if (!searchService) return;
+    searchService({
+      search: debouncedSearchTerm,
+      ...searchParams,
+      workspace_search: isWorkspaceLevel,
+    })
       .then((res) => setIssues(res))
       .finally(() => {
         setIsSearching(false);
         setIsLoading(false);
       });
+  };
+
+  useEffect(() => {
+    if (selectedWorkItems) {
+      setSelectedIssues(selectedWorkItems);
+    }
+  }, [isOpen, selectedWorkItems]);
+
+  useEffect(() => {
+    handleSearch();
   }, [debouncedSearchTerm, isOpen, isWorkspaceLevel, projectId, workspaceSlug]);
 
   const filteredIssues = issues.filter((issue) => !shouldHideIssue?.(issue));

web/core/components/dropdowns/member/member-options.tsx

@@ -68,7 +68,11 @@ export const MemberOptions: React.FC<Props> = observer((props: Props) => {
     }
   }, [isOpen, isMobile]);
 
-  const memberIds = propsMemberIds ? propsMemberIds : projectId ? getProjectMemberIds(projectId) : workspaceMemberIds;
+  const memberIds = propsMemberIds
+    ? propsMemberIds
+    : projectId
+      ? getProjectMemberIds(projectId, true)
+      : workspaceMemberIds;
   const onOpen = () => {
     if (!memberIds && workspaceSlug && projectId) fetchProjectMembers(workspaceSlug.toString(), projectId);
   };

web/core/components/editor/rich-text-editor/rich-text-editor.tsx

@@ -52,7 +52,7 @@ export const RichTextEditor = forwardRef<EditorRefApi, RichTextEditorWrapperProp
         renderComponent: (props) => <EditorMentionsRoot {...props} />,
       }}
       {...rest}
-      containerClassName={cn("relative pl-3", containerClassName)}
+      containerClassName={cn("relative pl-3 pb-3", containerClassName)}
     />
   );
 });

web/core/components/empty-state/detailed-empty-state-root.tsx

@@ -27,6 +27,7 @@ type Props = {
   secondaryButton?: ButtonConfig;
   customPrimaryButton?: React.ReactNode;
   customSecondaryButton?: React.ReactNode;
+  className?: string;
 };
 
 const sizeClasses = {
@@ -66,12 +67,18 @@ export const DetailedEmptyState: React.FC<Props> = observer((props) => {
     customPrimaryButton,
     customSecondaryButton,
     assetPath,
+    className,
   } = props;
 
   const hasButtons = primaryButton || secondaryButton || customPrimaryButton || customSecondaryButton;
 
   return (
-    <div className="flex items-center justify-center min-h-full min-w-full overflow-y-auto py-10 md:px-20 px-5">
+    <div
+      className={cn(
+        "flex items-center justify-center min-h-full min-w-full overflow-y-auto py-10 md:px-20 px-5",
+        className
+      )}
+    >
       <div className={cn("flex flex-col gap-5", sizeClasses[size])}>
         <div className="flex flex-col gap-1.5 flex-shrink">
           <h3 className={cn("text-xl font-semibold", { "font-medium": !description })}>{title}</h3>

web/core/components/issues/attachment/attachment-list-item.tsx

@@ -66,7 +66,7 @@ export const IssueAttachmentsListItem: FC<TIssueAttachmentsListItem> = observer(
           </div>
 
           <div className="flex items-center gap-3">
-            {attachment?.updated_by && (
+            {attachment?.created_by && (
               <>
                 <Tooltip
                   isMobile={isMobile}

web/core/components/issues/issue-layouts/filters/header/display-filters/display-properties.tsx

@@ -53,7 +53,7 @@ export const FilterDisplayProperties: React.FC<Props> = observer((props) => {
     }
   }).map((property) => {
     if (isEpic && property.key === "sub_issue_count") {
-      return { ...property, title: "Work item count" };
+      return { ...property, titleTranslationKey: "issue.display.properties.work_item_count" };
     }
     return property;
   });

web/core/components/issues/issue-layouts/gantt/blocks.tsx

@@ -5,9 +5,9 @@ import { useParams } from "next/navigation";
 // ui
 import { Tooltip, ControlLink } from "@plane/ui";
 // components
+import { findTotalDaysInRange } from "@plane/utils";
 import { SIDEBAR_WIDTH } from "@/components/gantt-chart/constants";
 // helpers
-import { renderFormattedDate } from "@/helpers/date-time.helper";
 import { generateWorkItemLink } from "@/helpers/issue.helper";
 // hooks
 import { useIssueDetail, useIssues, useProject, useProjectState } from "@/hooks/store";
@@ -17,6 +17,7 @@ import { usePlatformOS } from "@/hooks/use-platform-os";
 // plane web components
 import { IssueIdentifier } from "@/plane-web/components/issues";
 //
+import { IssueStats } from "@/plane-web/components/issues/issue-layouts/issue-stats";
 import { getBlockViewDetails } from "../utils";
 import { GanttStoreType } from "./base-gantt-root";
 
@@ -48,6 +49,8 @@ export const IssueGanttBlock: React.FC<Props> = observer((props) => {
 
   const handleIssuePeekOverview = () => handleRedirection(workspaceSlug, issueDetails, isMobile);
 
+  const duration = findTotalDaysInRange(issueDetails?.start_date, issueDetails?.target_date) || 0;
+
   return (
     <Tooltip
       isMobile={isMobile}
@@ -62,17 +65,24 @@ export const IssueGanttBlock: React.FC<Props> = observer((props) => {
     >
       <div
         id={`issue-${issueId}`}
-        className="relative flex h-full w-full cursor-pointer items-center rounded"
+        className="relative flex h-full w-full cursor-pointer items-center rounded space-between"
         style={blockStyle}
         onClick={handleIssuePeekOverview}
       >
-        <div className="absolute left-0 top-0 h-full w-full bg-custom-background-100/50" />
+        <div className="absolute left-0 top-0 h-full w-full bg-custom-background-100/50 " />
         <div
-          className="sticky w-auto overflow-hidden truncate px-2.5 py-1 text-sm text-custom-text-100"
+          className="sticky w-auto overflow-hidden truncate px-2.5 py-1 text-sm text-custom-text-100 flex-1"
           style={{ left: `${SIDEBAR_WIDTH}px` }}
         >
           {issueDetails?.name}
         </div>
+        {isEpic && (
+          <IssueStats
+            issueId={issueId}
+            className="sticky mx-2 font-medium text-custom-text-100 overflow-hidden truncate w-auto justify-end flex-shrink-0"
+            showProgressText={duration >= 2}
+          />
+        )}
       </div>
     </Tooltip>
   );

web/core/components/issues/issue-layouts/kanban/block.tsx

@@ -25,8 +25,10 @@ import { usePlatformOS } from "@/hooks/use-platform-os";
 // plane web components
 import { IssueIdentifier } from "@/plane-web/components/issues";
 // local components
+import { IssueStats } from "@/plane-web/components/issues/issue-layouts/issue-stats";
 import { TRenderQuickActions } from "../list/list-view-types";
 import { IssueProperties } from "../properties/all-properties";
+import { WithDisplayPropertiesHOC } from "../properties/with-display-properties-HOC";
 import { getIssueBlockId } from "../utils";
 
 interface IssueBlockProps {
@@ -61,6 +63,9 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
   // hooks
   const { isMobile } = usePlatformOS();
 
+  // derived values
+  const subIssueCount = issue?.sub_issues_count ?? 0;
+
   const handleEventPropagation = (e: React.MouseEvent) => {
     e.stopPropagation();
     e.preventDefault();
@@ -105,6 +110,16 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
         isReadOnly={isReadOnly}
         isEpic={isEpic}
       />
+
+      {isEpic && displayProperties && (
+        <WithDisplayPropertiesHOC
+          displayProperties={displayProperties}
+          displayPropertyKey="sub_issue_count"
+          shouldRenderProperty={(properties) => !!properties.sub_issue_count && !!subIssueCount}
+        >
+          <IssueStats issueId={issue.id} className="mt-2 font-medium text-custom-text-350" />
+        </WithDisplayPropertiesHOC>
+      )}
     </>
   );
 });

web/core/components/issues/issue-layouts/list/block.tsx

@@ -25,6 +25,7 @@ import { usePlatformOS } from "@/hooks/use-platform-os";
 import { IssueIdentifier } from "@/plane-web/components/issues";
 import { IssueStats } from "@/plane-web/components/issues/issue-layouts/issue-stats";
 // types
+import { WithDisplayPropertiesHOC } from "../properties/with-display-properties-HOC";
 import { TRenderQuickActions } from "./list-view-types";
 
 interface IssueBlockProps {
@@ -269,7 +270,15 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
             >
               <p className="truncate cursor-pointer text-sm text-custom-text-100">{issue.name}</p>
             </Tooltip>
-            {isEpic && <IssueStats issueId={issue.id} />}
+            {isEpic && displayProperties && (
+              <WithDisplayPropertiesHOC
+                displayProperties={displayProperties}
+                displayPropertyKey="sub_issue_count"
+                shouldRenderProperty={(properties) => !!properties.sub_issue_count}
+              >
+                <IssueStats issueId={issue.id} className="ml-2 font-medium text-custom-text-350" />
+              </WithDisplayPropertiesHOC>
+            )}
           </div>
           {!issue?.tempId && (
             <div

web/core/components/issues/issue-layouts/properties/all-properties.tsx

@@ -429,36 +429,38 @@ export const IssueProperties: React.FC<IIssueProperties> = observer((props) => {
 
       {/* extra render properties */}
       {/* sub-issues */}
-      <WithDisplayPropertiesHOC
-        displayProperties={displayProperties}
-        displayPropertyKey="sub_issue_count"
-        shouldRenderProperty={(properties) => !!properties.sub_issue_count && !!subIssueCount}
-      >
-        <Tooltip
-          tooltipHeading={isEpic ? t("issues.label", { count: 2 }) : t("common.sub_work_items")}
-          tooltipContent={`${subIssueCount}`}
-          isMobile={isMobile}
-          renderByDefault={false}
+      {!isEpic && (
+        <WithDisplayPropertiesHOC
+          displayProperties={displayProperties}
+          displayPropertyKey="sub_issue_count"
+          shouldRenderProperty={(properties) => !!properties.sub_issue_count && !!subIssueCount}
         >
-          <div
-            onFocus={handleEventPropagation}
-            onClick={(e) => {
-              e.stopPropagation();
-              e.preventDefault();
-              if (subIssueCount) redirectToIssueDetail();
-            }}
-            className={cn(
-              "flex h-5 flex-shrink-0 items-center justify-center gap-2 overflow-hidden rounded border-[0.5px] border-custom-border-300 px-2.5 py-1",
-              {
-                "hover:bg-custom-background-80 cursor-pointer": subIssueCount,
-              }
-            )}
+          <Tooltip
+            tooltipHeading={t("common.sub_work_items")}
+            tooltipContent={`${subIssueCount}`}
+            isMobile={isMobile}
+            renderByDefault={false}
           >
-            <Layers className="h-3 w-3 flex-shrink-0" strokeWidth={2} />
-            <div className="text-xs">{subIssueCount}</div>
-          </div>
-        </Tooltip>
-      </WithDisplayPropertiesHOC>
+            <div
+              onFocus={handleEventPropagation}
+              onClick={(e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                if (subIssueCount) redirectToIssueDetail();
+              }}
+              className={cn(
+                "flex h-5 flex-shrink-0 items-center justify-center gap-2 overflow-hidden rounded border-[0.5px] border-custom-border-300 px-2.5 py-1",
+                {
+                  "hover:bg-custom-background-80 cursor-pointer": subIssueCount,
+                }
+              )}
+            >
+              <Layers className="h-3 w-3 flex-shrink-0" strokeWidth={2} />
+              <div className="text-xs">{subIssueCount}</div>
+            </div>
+          </Tooltip>
+        </WithDisplayPropertiesHOC>
+      )}
 
       {/* attachments */}
       <WithDisplayPropertiesHOC

web/core/components/issues/issue-layouts/spreadsheet/columns/sub-issue-column.tsx

@@ -8,6 +8,7 @@ import { Row } from "@plane/ui";
 import { cn } from "@/helpers/common.helper";
 // hooks
 import { useAppRouter } from "@/hooks/use-app-router";
+import { IssueStats } from "@/plane-web/components/issues/issue-layouts/issue-stats";
 
 type Props = {
   issue: TIssue;
@@ -18,30 +19,30 @@ export const SpreadsheetSubIssueColumn: React.FC<Props> = observer((props: Props
   // router
   const router = useAppRouter();
   // hooks
-  const { workspaceSlug, epicId } = useParams();
+  const { workspaceSlug } = useParams();
   // derived values
+  const isEpic = issue?.is_epic;
   const subIssueCount = issue?.sub_issues_count ?? 0;
 
   const redirectToIssueDetail = () => {
     router.push(
-      `/${workspaceSlug?.toString()}/projects/${issue.project_id}/${issue.archived_at ? "archives/" : ""}${epicId ? "epics" : "issues"}/${issue.id}#sub-issues`
+      `/${workspaceSlug?.toString()}/projects/${issue.project_id}/${issue.archived_at ? "archives/" : ""}${isEpic ? "epics" : "issues"}/${issue.id}#sub-issues`
     );
   };
 
-  const issueLabel = epicId ? "work item" : "sub-work item";
-  const label = `${subIssueCount} ${issueLabel}${subIssueCount !== 1 ? "s" : ""}`;
+  const label = `${subIssueCount} sub-work item${subIssueCount !== 1 ? "s" : ""}`;
 
   return (
     <Row
       onClick={subIssueCount ? redirectToIssueDetail : () => {}}
       className={cn(
-        "flex h-11 w-full items-center border-b-[0.5px] border-custom-border-200 py-1 text-xs hover:bg-custom-background-80 group-[.selected-issue-row]:bg-custom-primary-100/5 group-[.selected-issue-row]:hover:bg-custom-primary-100/10",
+        "flex h-11 w-full items-center border-b-[0.5px] border-custom-border-200 py-1 text-xs hover:bg-custom-background-90 group-[.selected-issue-row]:bg-custom-primary-100/5 group-[.selected-issue-row]:hover:bg-custom-primary-90",
         {
           "cursor-pointer": subIssueCount,
         }
       )}
     >
-      {label}
+      {isEpic ? <IssueStats issueId={issue.id} /> : label}
     </Row>
   );
 });

web/core/components/issues/issue-modal/base.tsx

@@ -241,11 +241,11 @@ export const CreateUpdateIssueModalBase: React.FC<IssuesModalProps> = observer((
       setDescription("<p></p>");
       setChangesMade(null);
       return response;
-    } catch (error) {
+    } catch (error: any) {
       setToast({
         type: TOAST_TYPE.ERROR,
         title: t("error"),
-        message: t(is_draft_issue ? "draft_creation_failed" : "issue_creation_failed"),
+        message: error?.error ?? t(is_draft_issue ? "draft_creation_failed" : "issue_creation_failed"),
       });
       captureIssueEvent({
         eventName: ISSUE_CREATED,
@@ -299,12 +299,12 @@ export const CreateUpdateIssueModalBase: React.FC<IssuesModalProps> = observer((
         path: pathname,
       });
       handleClose();
-    } catch (error) {
+    } catch (error: any) {
       console.error(error);
       setToast({
         type: TOAST_TYPE.ERROR,
         title: t("error"),
-        message: t("issue_could_not_be_updated"),
+        message: error?.error ?? t("issue_could_not_be_updated"),
       });
       captureIssueEvent({
         eventName: ISSUE_UPDATED,

web/core/components/issues/issue-modal/components/title-input.tsx

@@ -2,7 +2,7 @@
 
 import React from "react";
 import { observer } from "mobx-react";
-import { Control, Controller, FieldErrors } from "react-hook-form";
+import { Control, Controller, FormState } from "react-hook-form";
 // plane imports
 import { ETabIndices } from "@plane/constants";
 // types
@@ -18,12 +18,17 @@ import { usePlatformOS } from "@/hooks/use-platform-os";
 type TIssueTitleInputProps = {
   control: Control<TIssue>;
   issueTitleRef: React.MutableRefObject<HTMLInputElement | null>;
-  errors: FieldErrors<TIssue>;
+  formState: FormState<TIssue>;
   handleFormChange: () => void;
 };
 
 export const IssueTitleInput: React.FC<TIssueTitleInputProps> = observer((props) => {
-  const { control, issueTitleRef, errors, handleFormChange } = props;
+  const {
+    control,
+    issueTitleRef,
+    formState: { errors },
+    handleFormChange,
+  } = props;
   // store hooks
   const { isMobile } = usePlatformOS();
   const { t } = useTranslation();