draft: toast migration

* chore: replaced headless-ui dialog component with base-ui dialog in ui package and web app

* chore: code refactor

apps/api/plane/api/views/issue.py

@@ -947,7 +947,7 @@ class LabelListCreateAPIEndpoint(BaseAPIView):
         )
 
 
-class LabelDetailAPIEndpoint(LabelListCreateAPIEndpoint):
+class LabelDetailAPIEndpoint(BaseAPIView):
     """Label Detail Endpoint"""
 
     serializer_class = LabelSerializer
@@ -1012,16 +1012,14 @@ class LabelDetailAPIEndpoint(LabelListCreateAPIEndpoint):
             if (
                 str(request.data.get("external_id"))
                 and (label.external_id != str(request.data.get("external_id")))
-                and Label.objects.filter(
+                and Issue.objects.filter(
                     project_id=project_id,
                     workspace__slug=slug,
                     external_source=request.data.get(
                         "external_source", label.external_source
                     ),
                     external_id=request.data.get("external_id"),
-                )
-                .exclude(id=pk)
-                .exists()
+                ).exists()
             ):
                 return Response(
                     {

apps/api/plane/bgtasks/email_notification_task.py

@@ -282,7 +282,7 @@ def send_email_notification(
                 "project_url": f"{base_api}/{str(issue.project.workspace.slug)}/projects/{str(issue.project.id)}/issues/",
                 "workspace": str(issue.project.workspace.slug),
                 "project": str(issue.project.name),
-                "user_preference": f"{base_api}/{str(issue.project.workspace.slug)}/settings/account/notifications/",
+                "user_preference": f"{base_api}/profile/preferences/email",
                 "comments": comments,
                 "entity_type": "issue",
             }

apps/api/plane/tests/contract/api/test_labels.py

@@ -1,228 +0,0 @@
-import pytest
-from rest_framework import status
-from django.db import IntegrityError
-from uuid import uuid4
-
-from plane.db.models import Label, Project, ProjectMember
-
-
-@pytest.fixture
-def project(db, workspace, create_user):
-    """Create a test project with the user as a member"""
-    project = Project.objects.create(
-        name="Test Project",
-        identifier="TP",
-        workspace=workspace,
-        created_by=create_user,
-    )
-    ProjectMember.objects.create(
-        project=project,
-        member=create_user,
-        role=20,  # Admin role
-        is_active=True,
-    )
-    return project
-
-
-@pytest.fixture
-def label_data():
-    """Sample label data for tests"""
-    return {
-        "name": "Test Label",
-        "color": "#FF5733",
-        "description": "A test label for unit tests",
-    }
-
-
-@pytest.fixture
-def create_label(db, project, create_user):
-    """Create a test label"""
-    return Label.objects.create(
-        name="Existing Label",
-        color="#00FF00",
-        description="An existing label",
-        project=project,
-        workspace=project.workspace,
-        created_by=create_user,
-    )
-
-
-@pytest.mark.contract
-class TestLabelListCreateAPIEndpoint:
-    """Test Label List and Create API Endpoint"""
-
-    def get_label_url(self, workspace_slug, project_id):
-        """Helper to get label endpoint URL"""
-        return f"/api/v1/workspaces/{workspace_slug}/projects/{project_id}/labels/"
-
-    @pytest.mark.django_db
-    def test_create_label_success(self, api_key_client, workspace, project, label_data):
-        """Test successful label creation"""
-        url = self.get_label_url(workspace.slug, project.id)
-
-        response = api_key_client.post(url, label_data, format="json")
-
-        assert response.status_code == status.HTTP_201_CREATED
-        assert Label.objects.count() == 1
-
-        created_label = Label.objects.first()
-        assert created_label.name == label_data["name"]
-        assert created_label.color == label_data["color"]
-        assert created_label.description == label_data["description"]
-        assert created_label.project == project
-
-    @pytest.mark.django_db
-    def test_create_label_invalid_data(self, api_key_client, workspace, project):
-        """Test label creation with invalid data"""
-        url = self.get_label_url(workspace.slug, project.id)
-
-        # Test with empty data
-        response = api_key_client.post(url, {}, format="json")
-        assert response.status_code == status.HTTP_400_BAD_REQUEST
-
-        # Test with missing name
-        response = api_key_client.post(url, {"color": "#FF5733"}, format="json")
-        assert response.status_code == status.HTTP_400_BAD_REQUEST
-
-    @pytest.mark.django_db
-    def test_create_label_with_external_id(self, api_key_client, workspace, project):
-        """Test creating label with external ID"""
-        url = self.get_label_url(workspace.slug, project.id)
-
-        label_data = {
-            "name": "External Label",
-            "color": "#FF5733",
-            "external_id": "ext-123",
-            "external_source": "github",
-        }
-
-        response = api_key_client.post(url, label_data, format="json")
-
-        assert response.status_code == status.HTTP_201_CREATED
-        created_label = Label.objects.first()
-        assert created_label.external_id == "ext-123"
-        assert created_label.external_source == "github"
-
-    @pytest.mark.django_db
-    def test_create_label_duplicate_external_id(
-        self, api_key_client, workspace, project
-    ):
-        """Test creating label with duplicate external ID"""
-        url = self.get_label_url(workspace.slug, project.id)
-
-        # Create first label
-        Label.objects.create(
-            name="First Label",
-            project=project,
-            workspace=workspace,
-            external_id="ext-123",
-            external_source="github",
-        )
-
-        # Try to create second label with same external ID
-        label_data = {
-            "name": "Second Label",
-            "external_id": "ext-123",
-            "external_source": "github",
-        }
-
-        response = api_key_client.post(url, label_data, format="json")
-
-        assert response.status_code == status.HTTP_409_CONFLICT
-        assert "same external id" in response.data["error"]
-
-    @pytest.mark.django_db
-    def test_list_labels_success(
-        self, api_key_client, workspace, project, create_label
-    ):
-        """Test successful label listing"""
-        url = self.get_label_url(workspace.slug, project.id)
-
-        # Create additional labels
-        Label.objects.create(
-            name="Label 2", project=project, workspace=workspace, color="#00FF00"
-        )
-        Label.objects.create(
-            name="Label 3", project=project, workspace=workspace, color="#0000FF"
-        )
-
-        response = api_key_client.get(url)
-
-        assert response.status_code == status.HTTP_200_OK
-        assert "results" in response.data
-        assert len(response.data["results"]) == 3  # Including create_label fixture
-
-
-@pytest.mark.contract
-class TestLabelDetailAPIEndpoint:
-    """Test Label Detail API Endpoint"""
-
-    def get_label_detail_url(self, workspace_slug, project_id, label_id):
-        """Helper to get label detail endpoint URL"""
-        return f"/api/v1/workspaces/{workspace_slug}/projects/{project_id}/labels/{label_id}/"
-
-    @pytest.mark.django_db
-    def test_get_label_success(self, api_key_client, workspace, project, create_label):
-        """Test successful label retrieval"""
-        url = self.get_label_detail_url(workspace.slug, project.id, create_label.id)
-
-        response = api_key_client.get(url)
-
-        assert response.status_code == status.HTTP_200_OK
-        assert response.data["id"] == create_label.id
-        assert response.data["name"] == create_label.name
-        assert response.data["color"] == create_label.color
-
-    @pytest.mark.django_db
-    def test_get_label_not_found(self, api_key_client, workspace, project):
-        """Test getting non-existent label"""
-        from uuid import uuid4
-
-        fake_id = uuid4()
-        url = self.get_label_detail_url(workspace.slug, project.id, fake_id)
-
-        response = api_key_client.get(url)
-        assert response.status_code == status.HTTP_404_NOT_FOUND
-
-    @pytest.mark.django_db
-    def test_update_label_success(
-        self, api_key_client, workspace, project, create_label
-    ):
-        """Test successful label update"""
-        url = self.get_label_detail_url(workspace.slug, project.id, create_label.id)
-
-        update_data = {
-            "name": f"Updated Label {uuid4()}",
-        }
-
-        response = api_key_client.patch(url, update_data, format="json")
-
-        assert response.status_code == status.HTTP_200_OK
-
-        create_label.refresh_from_db()
-        assert create_label.name == update_data["name"]
-
-    @pytest.mark.django_db
-    def test_update_label_invalid_data(
-        self, api_key_client, workspace, project, create_label
-    ):
-        """Test label update with invalid data"""
-        url = self.get_label_detail_url(workspace.slug, project.id, create_label.id)
-
-        update_data = {"name": ""}
-        response = api_key_client.patch(url, update_data, format="json")
-
-        # This might be 400 if name is required, or 200 if empty names are allowed
-        assert response.status_code in [status.HTTP_400_BAD_REQUEST, status.HTTP_200_OK]
-
-    @pytest.mark.django_db
-    def test_delete_label_success(
-        self, api_key_client, workspace, project, create_label
-    ):
-        """Test successful label deletion"""
-        url = self.get_label_detail_url(workspace.slug, project.id, create_label.id)
-
-        response = api_key_client.delete(url)
-
-        assert response.status_code == status.HTTP_204_NO_CONTENT
-        assert not Label.objects.filter(id=create_label.id).exists()

apps/space/app/issues/[anchor]/client-layout.tsx

@@ -3,13 +3,11 @@
 import { observer } from "mobx-react";
 import useSWR from "swr";
 // components
-import { LogoSpinner } from "@/components/common/logo-spinner";
-import { PoweredBy } from "@/components/common/powered-by";
+import { LogoSpinner, PoweredBy } from "@/components/common";
+import { IssuesNavbarRoot } from "@/components/issues";
 import { SomethingWentWrongError } from "@/components/issues/issue-layouts/error";
-import { IssuesNavbarRoot } from "@/components/issues/navbar";
 // hooks
-import { usePublish, usePublishList } from "@/hooks/store/publish";
-import { useIssueFilter } from "@/hooks/store/use-issue-filter";
+import { useIssueFilter, usePublish, usePublishList } from "@/hooks/store";
 
 type Props = {
   children: React.ReactNode;

apps/space/app/issues/[anchor]/page.tsx

@@ -4,11 +4,9 @@ import { observer } from "mobx-react";
 import { useSearchParams } from "next/navigation";
 import useSWR from "swr";
 // components
-import { IssuesLayoutsRoot } from "@/components/issues/issue-layouts";
+import { IssuesLayoutsRoot } from "@/components/issues";
 // hooks
-import { usePublish } from "@/hooks/store/publish";
-import { useLabel } from "@/hooks/store/use-label";
-import { useStates } from "@/hooks/store/use-state";
+import { usePublish, useLabel, useStates } from "@/hooks/store";
 
 type Props = {
   params: {

apps/space/app/page.tsx

@@ -2,11 +2,11 @@
 
 import { observer } from "mobx-react";
 // components
-import { UserLoggedIn } from "@/components/account/user-logged-in";
-import { LogoSpinner } from "@/components/common/logo-spinner";
+import { UserLoggedIn } from "@/components/account";
+import { LogoSpinner } from "@/components/common";
 import { AuthView } from "@/components/views";
 // hooks
-import { useUser } from "@/hooks/store/use-user";
+import { useUser } from "@/hooks/store";
 
 const HomePage = observer(() => {
   const { data: currentUser, isAuthenticated, isInitializing } = useUser();

apps/space/app/provider.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { FC, ReactNode } from "react";
-import { ThemeProvider } from "next-themes";
 // components
 import { TranslationProvider } from "@plane/i18n";
 import { InstanceProvider } from "@/lib/instance-provider";
@@ -16,14 +15,12 @@ export const AppProvider: FC<IAppProvider> = (props) => {
   const { children } = props;
 
   return (
-    <ThemeProvider themes={["light", "dark"]} defaultTheme="system" enableSystem>
-      <StoreProvider>
-        <TranslationProvider>
-          <ToastProvider>
-            <InstanceProvider>{children}</InstanceProvider>
-          </ToastProvider>
-        </TranslationProvider>
-      </StoreProvider>
-    </ThemeProvider>
+    <StoreProvider>
+      <TranslationProvider>
+        <ToastProvider>
+          <InstanceProvider>{children}</InstanceProvider>
+        </ToastProvider>
+      </TranslationProvider>
+    </StoreProvider>
   );
 };

apps/space/app/views/[anchor]/layout.tsx

@@ -3,11 +3,10 @@
 import { observer } from "mobx-react";
 import useSWR from "swr";
 // components
-import { LogoSpinner } from "@/components/common/logo-spinner";
-import { PoweredBy } from "@/components/common/powered-by";
+import { LogoSpinner, PoweredBy } from "@/components/common";
 import { SomethingWentWrongError } from "@/components/issues/issue-layouts/error";
 // hooks
-import { usePublish, usePublishList } from "@/hooks/store/publish";
+import { usePublish, usePublishList } from "@/hooks/store";
 // Plane web
 import { ViewNavbarRoot } from "@/plane-web/components/navbar";
 import { useView } from "@/plane-web/hooks/store";
@@ -19,7 +18,7 @@ type Props = {
   };
 };
 
-const ViewsLayout = observer((props: Props) => {
+const IssuesLayout = observer((props: Props) => {
   const { children, params } = props;
   // params
   const { anchor } = params;
@@ -62,4 +61,4 @@ const ViewsLayout = observer((props: Props) => {
   );
 });
 
-export default ViewsLayout;
+export default IssuesLayout;

apps/space/app/views/[anchor]/page.tsx

@@ -3,9 +3,9 @@
 import { observer } from "mobx-react";
 import { useSearchParams } from "next/navigation";
 // components
-import { PoweredBy } from "@/components/common/powered-by";
+import { PoweredBy } from "@/components/common";
 // hooks
-import { usePublish } from "@/hooks/store/publish";
+import { usePublish } from "@/hooks/store";
 // plane-web
 import { ViewLayoutsRoot } from "@/plane-web/components/issue-layouts/root";
 
@@ -15,7 +15,7 @@ type Props = {
   };
 };
 
-const ViewsPage = observer((props: Props) => {
+const IssuesPage = observer((props: Props) => {
   const { params } = props;
   const { anchor } = params;
   // params
@@ -34,4 +34,4 @@ const ViewsPage = observer((props: Props) => {
   );
 });
 
-export default ViewsPage;
+export default IssuesPage;

apps/space/ce/components/issue-layouts/root.tsx

@@ -1,9 +1,10 @@
 import { PageNotFound } from "@/components/ui/not-found";
-import type { PublishStore } from "@/store/publish/publish.store";
+import { PublishStore } from "@/store/publish/publish.store";
 
 type Props = {
   peekId: string | undefined;
   publishSettings: PublishStore;
 };
 
-export const ViewLayoutsRoot = (_props: Props) => <PageNotFound />;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const ViewLayoutsRoot = (props: Props) => <PageNotFound />;

apps/space/ce/components/navbar/index.tsx

@@ -1,4 +1,4 @@
-import type { PublishStore } from "@/store/publish/publish.store";
+import { PublishStore } from "@/store/publish/publish.store";
 
 type Props = {
   publishSettings: PublishStore;

apps/space/core/components/account/auth-forms/auth-root.tsx

@@ -11,6 +11,14 @@ import { SitesAuthService } from "@plane/services";
 import { IEmailCheckData } from "@plane/types";
 import { OAuthOptions } from "@plane/ui";
 // components
+import {
+  AuthHeader,
+  AuthBanner,
+  AuthEmailForm,
+  AuthUniqueCodeForm,
+  AuthPasswordForm,
+  TermsAndConditions,
+} from "@/components/account";
 // helpers
 import {
   EAuthenticationErrorCodes,
@@ -19,7 +27,7 @@ import {
   authErrorHandler,
 } from "@/helpers/authentication.helper";
 // hooks
-import { useInstance } from "@/hooks/store/use-instance";
+import { useInstance } from "@/hooks/store";
 // types
 import { EAuthModes, EAuthSteps } from "@/types/auth";
 // assets
@@ -27,13 +35,6 @@ import GithubLightLogo from "/public/logos/github-black.png";
 import GithubDarkLogo from "/public/logos/github-dark.svg";
 import GitlabLogo from "/public/logos/gitlab-logo.svg";
 import GoogleLogo from "/public/logos/google-logo.svg";
-// local imports
-import { TermsAndConditions } from "../terms-and-conditions";
-import { AuthBanner } from "./auth-banner";
-import { AuthHeader } from "./auth-header";
-import { AuthEmailForm } from "./email";
-import { AuthPasswordForm } from "./password";
-import { AuthUniqueCodeForm } from "./unique-code";
 
 const authService = new SitesAuthService();
 

apps/space/core/components/account/auth-forms/index.ts

@@ -1 +1,8 @@
 export * from "./auth-root";
+
+export * from "./auth-header";
+export * from "./auth-banner";
+
+export * from "./email";
+export * from "./password";
+export * from "./unique-code";

apps/space/core/components/account/index.ts

@@ -0,0 +1,3 @@
+export * from "./auth-forms";
+export * from "./terms-and-conditions";
+export * from "./user-logged-in";

apps/space/core/components/account/user-logged-in.tsx

@@ -4,10 +4,10 @@ import { observer } from "mobx-react";
 import Image from "next/image";
 import { PlaneLockup } from "@plane/ui";
 // components
-import { PoweredBy } from "@/components/common/powered-by";
-import { UserAvatar } from "@/components/issues/navbar/user-avatar";
+import { PoweredBy } from "@/components/common";
+import { UserAvatar } from "@/components/issues";
 // hooks
-import { useUser } from "@/hooks/store/use-user";
+import { useUser } from "@/hooks/store";
 // assets
 import UserLoggedInImage from "@/public/user-logged-in.svg";
 

apps/space/core/components/common/index.ts

@@ -0,0 +1,3 @@
+export * from "./project-logo";
+export * from "./logo-spinner";
+export * from "./powered-by";

apps/space/core/components/editor/embeds/index.ts

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

apps/space/core/components/editor/embeds/mentions/user.tsx

@@ -2,8 +2,7 @@ import { observer } from "mobx-react";
 // helpers
 import { cn } from "@plane/utils";
 // hooks
-import { useMember } from "@/hooks/store/use-member";
-import { useUser } from "@/hooks/store/use-user";
+import { useMember, useUser } from "@/hooks/store";
 
 type Props = {
   id: string;

apps/space/core/components/editor/index.ts

@@ -0,0 +1,4 @@
+export * from "./embeds";
+export * from "./lite-text-editor";
+export * from "./rich-text-editor";
+export * from "./toolbar";

apps/space/core/components/editor/lite-text-editor.tsx

@@ -3,13 +3,12 @@ import React from "react";
 import { type EditorRefApi, type ILiteTextEditorProps, LiteTextEditorWithRef, type TFileHandler } from "@plane/editor";
 import type { MakeOptional } from "@plane/types";
 import { cn } from "@plane/utils";
+// components
+import { EditorMentionsRoot, IssueCommentToolbar } from "@/components/editor";
 // helpers
 import { getEditorFileHandlers } from "@/helpers/editor.helper";
 import { isCommentEmpty } from "@/helpers/string.helper";
 import { useEditorFlagging } from "@/plane-web/hooks/use-editor-flagging";
-// local imports
-import { EditorMentionsRoot } from "./embeds/mentions";
-import { IssueCommentToolbar } from "./toolbar";
 
 type LiteTextEditorWrapperProps = MakeOptional<
   Omit<ILiteTextEditorProps, "fileHandler" | "mentionHandler">,

apps/space/core/components/editor/rich-text-editor.tsx

@@ -1,14 +1,14 @@
 import React, { forwardRef } from "react";
 // plane imports
 import { useEditorFlagging } from "ce/hooks/use-editor-flagging";
-import { type EditorRefApi, type IRichTextEditorProps, RichTextEditorWithRef, type TFileHandler } from "@plane/editor";
-import type { MakeOptional } from "@plane/types";
+import { EditorRefApi, IRichTextEditorProps, RichTextEditorWithRef, TFileHandler } from "@plane/editor";
+import { MakeOptional } from "@plane/types";
+// components
+import { EditorMentionsRoot } from "@/components/editor";
 // helpers
 import { getEditorFileHandlers } from "@/helpers/editor.helper";
-// hooks
-import { useMember } from "@/hooks/store/use-member";
-// local imports
-import { EditorMentionsRoot } from "./embeds/mentions";
+// store hooks
+import { useMember } from "@/hooks/store";
 
 type RichTextEditorWrapperProps = MakeOptional<
   Omit<IRichTextEditorProps, "editable" | "fileHandler" | "mentionHandler">,

apps/space/core/components/editor/toolbar.tsx

@@ -2,7 +2,7 @@
 
 import React, { useEffect, useState, useCallback } from "react";
 // plane imports
-import { TOOLBAR_ITEMS, type ToolbarMenuItem, type EditorRefApi } from "@plane/editor";
+import { TOOLBAR_ITEMS, ToolbarMenuItem, EditorRefApi } from "@plane/editor";
 import { Button, Tooltip } from "@plane/ui";
 import { cn } from "@plane/utils";
 

apps/space/core/components/instance/index.ts

@@ -0,0 +1 @@
+export * from "./instance-failure-view";

apps/space/core/components/issues/filters/applied-filters/root.tsx

@@ -5,7 +5,7 @@ import cloneDeep from "lodash/cloneDeep";
 import { observer } from "mobx-react";
 import { useRouter } from "next/navigation";
 // hooks
-import { useIssueFilter } from "@/hooks/store/use-issue-filter";
+import { useIssueFilter } from "@/hooks/store";
 // store
 import type { TIssueLayout, TIssueQueryFilters } from "@/types/issue";
 // components

apps/space/core/components/issues/filters/applied-filters/state.tsx

@@ -6,7 +6,7 @@ import { X } from "lucide-react";
 import { EIconSize } from "@plane/constants";
 import { StateGroupIcon } from "@plane/ui";
 // hooks
-import { useStates } from "@/hooks/store/use-state";
+import { useStates } from "@/hooks/store";
 
 type Props = {
   handleRemove: (val: string) => void;

apps/space/core/components/issues/filters/helpers/index.ts

@@ -0,0 +1,3 @@
+export * from "./dropdown";
+export * from "./filter-header";
+export * from "./filter-option";

apps/space/core/components/issues/filters/index.ts

@@ -1 +1,11 @@
+// filters
 export * from "./root";
+export * from "./selection";
+
+// properties
+export * from "./state";
+export * from "./priority";
+export * from "./labels";
+
+// helpers
+export * from "./helpers";

apps/space/core/components/issues/filters/labels.tsx

@@ -1,13 +1,11 @@
 "use client";
 
 import React, { useState } from "react";
-// plane imports
 import { Loader } from "@plane/ui";
+// components
+import { FilterHeader, FilterOption } from "@/components/issues/filters/helpers";
 // types
-import type { IIssueLabel } from "@/types/issue";
-// local imports
-import { FilterHeader } from "./helpers/filter-header";
-import { FilterOption } from "./helpers/filter-option";
+import { IIssueLabel } from "@/types/issue";
 
 const LabelIcons = ({ color }: { color: string }) => (
   <span className="h-2.5 w-2.5 rounded-full" style={{ backgroundColor: color }} />

apps/space/core/components/issues/filters/priority.tsx

@@ -2,13 +2,13 @@
 
 import React, { useState } from "react";
 import { observer } from "mobx-react";
-// plane imports
 import { ISSUE_PRIORITY_FILTERS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+// ui
 import { PriorityIcon } from "@plane/ui";
-// local imports
-import { FilterHeader } from "./helpers/filter-header";
-import { FilterOption } from "./helpers/filter-option";
+// components
+import { FilterHeader, FilterOption } from "./helpers";
+// constants
 
 type Props = {
   appliedFilters: string[] | null;

apps/space/core/components/issues/filters/root.tsx

@@ -12,7 +12,7 @@ import { FilterSelection } from "@/components/issues/filters/selection";
 // helpers
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
-import { useIssueFilter } from "@/hooks/store/use-issue-filter";
+import { useIssueFilter } from "@/hooks/store";
 // types
 import { TIssueQueryFilters } from "@/types/issue";
 

apps/space/core/components/issues/filters/selection.tsx

@@ -4,10 +4,9 @@ import React, { useState } from "react";
 import { observer } from "mobx-react";
 import { Search, X } from "lucide-react";
 // types
-import type { IIssueFilterOptions, TIssueFilterKeys } from "@/types/issue";
-// local imports
-import { FilterPriority } from "./priority";
-import { FilterState } from "./state";
+import { IIssueFilterOptions, TIssueFilterKeys } from "@/types/issue";
+// components
+import { FilterPriority, FilterState } from ".";
 
 type Props = {
   filters: IIssueFilterOptions;

apps/space/core/components/issues/filters/state.tsx

@@ -5,11 +5,10 @@ import { observer } from "mobx-react";
 // ui
 import { EIconSize } from "@plane/constants";
 import { Loader, StateGroupIcon } from "@plane/ui";
+// components
+import { FilterHeader, FilterOption } from "@/components/issues/filters/helpers";
 // hooks
-import { useStates } from "@/hooks/store/use-state";
-// local imports
-import { FilterHeader } from "./helpers/filter-header";
-import { FilterOption } from "./helpers/filter-option";
+import { useStates } from "@/hooks/store";
 
 type Props = {
   appliedFilters: string[] | null;

apps/space/core/components/issues/index.ts

@@ -0,0 +1,2 @@
+export * from "./issue-layouts";
+export * from "./navbar";

apps/space/core/components/issues/issue-layouts/index.ts

@@ -1 +1,4 @@
+export * from "./kanban/base-kanban-root";
+export * from "./list/base-list-root";
+export * from "./properties";
 export * from "./root";

apps/space/core/components/issues/issue-layouts/issue-layout-HOC.tsx

@@ -1,8 +1,6 @@
 import { observer } from "mobx-react";
-// plane imports
-import type { TLoader } from "@plane/types";
-// components
-import { LogoSpinner } from "@/components/common/logo-spinner";
+import { TLoader } from "@plane/types";
+import { LogoSpinner } from "@/components/common";
 
 interface Props {
   children: string | React.ReactNode | React.ReactNode[];

apps/space/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx

@@ -8,7 +8,7 @@ import { IIssueDisplayProperties } from "@plane/types";
 // components
 import { IssueLayoutHOC } from "@/components/issues/issue-layouts/issue-layout-HOC";
 // hooks
-import { useIssue } from "@/hooks/store/use-issue";
+import { useIssue } from "@/hooks/store";
 
 import { KanBan } from "./default";
 

apps/space/core/components/issues/issue-layouts/kanban/block-reactions.tsx

@@ -3,10 +3,9 @@ import { useParams } from "next/navigation";
 // plane utils
 import { cn } from "@plane/utils";
 // components
-import { IssueEmojiReactions } from "@/components/issues/reactions/issue-emoji-reactions";
-import { IssueVotes } from "@/components/issues/reactions/issue-vote-reactions";
+import { IssueEmojiReactions, IssueVotes } from "@/components/issues/reactions";
 // hooks
-import { usePublish } from "@/hooks/store/publish";
+import { usePublish } from "@/hooks/store";
 
 type Props = {
   issueId: string;

apps/space/core/components/issues/issue-layouts/kanban/block.tsx

@@ -15,8 +15,7 @@ import { WithDisplayPropertiesHOC } from "@/components/issues/issue-layouts/with
 // helpers
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
-import { usePublish } from "@/hooks/store/publish";
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
+import { useIssueDetails, usePublish } from "@/hooks/store";
 //
 import { IIssue } from "@/types/issue";
 import { IssueProperties } from "../properties/all-properties";

apps/space/core/components/issues/issue-layouts/kanban/default.tsx

@@ -13,11 +13,7 @@ import {
   TLoader,
 } from "@plane/types";
 // hooks
-import { useCycle } from "@/hooks/store/use-cycle";
-import { useLabel } from "@/hooks/store/use-label";
-import { useMember } from "@/hooks/store/use-member";
-import { useModule } from "@/hooks/store/use-module";
-import { useStates } from "@/hooks/store/use-state";
+import { useMember, useModule, useStates, useLabel, useCycle } from "@/hooks/store";
 //
 import { getGroupByColumns } from "../utils";
 // components

apps/space/core/components/issues/issue-layouts/kanban/index.ts

@@ -0,0 +1,2 @@
+export * from "./block";
+export * from "./blocks-list";

apps/space/core/components/issues/issue-layouts/kanban/kanban-group.tsx

@@ -3,7 +3,7 @@
 import { MutableRefObject, forwardRef, useCallback, useRef, useState } from "react";
 import { observer } from "mobx-react";
 //types
-import type {
+import {
   TGroupedIssues,
   IIssueDisplayProperties,
   TSubGroupedIssues,
@@ -14,8 +14,8 @@ import type {
 import { cn } from "@plane/utils";
 // hooks
 import { useIntersectionObserver } from "@/hooks/use-intersection-observer";
-// local imports
-import { KanbanIssueBlocksList } from "./blocks-list";
+//
+import { KanbanIssueBlocksList } from ".";
 
 interface IKanbanGroup {
   groupId: string;

apps/space/core/components/issues/issue-layouts/kanban/swimlanes.tsx

@@ -13,11 +13,7 @@ import {
   TLoader,
 } from "@plane/types";
 // hooks
-import { useCycle } from "@/hooks/store/use-cycle";
-import { useLabel } from "@/hooks/store/use-label";
-import { useMember } from "@/hooks/store/use-member";
-import { useModule } from "@/hooks/store/use-module";
-import { useStates } from "@/hooks/store/use-state";
+import { useMember, useModule, useStates, useLabel, useCycle } from "@/hooks/store";
 //
 import { getGroupByColumns } from "../utils";
 import { KanBan } from "./default";

apps/space/core/components/issues/issue-layouts/list/base-list-root.tsx

@@ -6,7 +6,7 @@ import { IIssueDisplayProperties, TGroupedIssues } from "@plane/types";
 // components
 import { IssueLayoutHOC } from "@/components/issues/issue-layouts/issue-layout-HOC";
 // hooks
-import { useIssue } from "@/hooks/store/use-issue";
+import { useIssue } from "@/hooks/store";
 import { List } from "./default";
 
 type Props = {

apps/space/core/components/issues/issue-layouts/list/block.tsx

@@ -13,8 +13,7 @@ import { cn } from "@plane/utils";
 // helpers
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
-import { usePublish } from "@/hooks/store/publish";
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
+import { useIssueDetails, usePublish } from "@/hooks/store";
 //
 import { IssueProperties } from "../properties/all-properties";
 

apps/space/core/components/issues/issue-layouts/list/default.tsx

@@ -11,11 +11,7 @@ import {
   TLoader,
 } from "@plane/types";
 // hooks
-import { useCycle } from "@/hooks/store/use-cycle";
-import { useLabel } from "@/hooks/store/use-label";
-import { useMember } from "@/hooks/store/use-member";
-import { useModule } from "@/hooks/store/use-module";
-import { useStates } from "@/hooks/store/use-state";
+import { useMember, useModule, useStates, useLabel, useCycle } from "@/hooks/store";
 //
 import { getGroupByColumns } from "../utils";
 import { ListGroup } from "./list-group";

apps/space/core/components/issues/issue-layouts/list/index.ts

@@ -0,0 +1,2 @@
+export * from "./block";
+export * from "./blocks-list";

apps/space/core/components/issues/issue-layouts/properties/all-properties.tsx

@@ -2,23 +2,27 @@
 
 import { observer } from "mobx-react";
 import { Layers, Link, Paperclip } from "lucide-react";
-// plane imports
-import type { IIssueDisplayProperties } from "@plane/types";
+// plane types
+import { IIssueDisplayProperties } from "@plane/types";
+// plane ui
 import { Tooltip } from "@plane/ui";
+// plane utils
 import { cn } from "@plane/utils";
 // components
+import {
+  IssueBlockDate,
+  IssueBlockLabels,
+  IssueBlockPriority,
+  IssueBlockState,
+  IssueBlockMembers,
+  IssueBlockModules,
+  IssueBlockCycle,
+} from "@/components/issues";
 import { WithDisplayPropertiesHOC } from "@/components/issues/issue-layouts/with-display-properties-HOC";
 // helpers
 import { getDate } from "@/helpers/date-time.helper";
 //// hooks
 import { IIssue } from "@/types/issue";
-import { IssueBlockCycle } from "./cycle";
-import { IssueBlockDate } from "./due-date";
-import { IssueBlockLabels } from "./labels";
-import { IssueBlockMembers } from "./member";
-import { IssueBlockModules } from "./modules";
-import { IssueBlockPriority } from "./priority";
-import { IssueBlockState } from "./state";
 
 export interface IIssueProperties {
   issue: IIssue;

apps/space/core/components/issues/issue-layouts/properties/due-date.tsx

@@ -8,7 +8,7 @@ import { cn } from "@plane/utils";
 import { renderFormattedDate } from "@/helpers/date-time.helper";
 import { shouldHighlightIssueDueDate } from "@/helpers/issue.helper";
 // hooks
-import { useStates } from "@/hooks/store/use-state";
+import { useStates } from "@/hooks/store";
 
 type Props = {
   due_date: string | undefined;

apps/space/core/components/issues/issue-layouts/properties/index.ts

@@ -0,0 +1,8 @@
+export * from "./due-date";
+export * from "./labels";
+export * from "./priority";
+export * from "./state";
+export * from "./cycle";
+export * from "./member";
+export * from "./modules";
+export * from "./all-properties";

apps/space/core/components/issues/issue-layouts/properties/labels.tsx

@@ -2,10 +2,8 @@
 
 import { observer } from "mobx-react";
 import { Tags } from "lucide-react";
-// plane imports
 import { Tooltip } from "@plane/ui";
-// hooks
-import { useLabel } from "@/hooks/store/use-label";
+import { useLabel } from "@/hooks/store";
 
 type Props = {
   labelIds: string[];

apps/space/core/components/issues/issue-layouts/properties/state.tsx

@@ -6,7 +6,7 @@ import { StateGroupIcon, Tooltip } from "@plane/ui";
 // plane utils
 import { cn } from "@plane/utils";
 //hooks
-import { useStates } from "@/hooks/store/use-state";
+import { useStates } from "@/hooks/store";
 
 type Props = {
   stateId: string | undefined;

apps/space/core/components/issues/issue-layouts/root.tsx

@@ -4,18 +4,15 @@ import { FC, useEffect } from "react";
 import { observer } from "mobx-react";
 import useSWR from "swr";
 // components
+import { IssueKanbanLayoutRoot, IssuesListLayoutRoot } from "@/components/issues";
 import { IssueAppliedFilters } from "@/components/issues/filters/applied-filters/root";
 import { IssuePeekOverview } from "@/components/issues/peek-overview";
 // hooks
-import { useIssue } from "@/hooks/store/use-issue";
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
-import { useIssueFilter } from "@/hooks/store/use-issue-filter";
+import { useIssue, useIssueDetails, useIssueFilter } from "@/hooks/store";
 // store
-import type { PublishStore } from "@/store/publish/publish.store";
-// local imports
+import { PublishStore } from "@/store/publish/publish.store";
+// assets
 import { SomethingWentWrongError } from "./error";
-import { IssueKanbanLayoutRoot } from "./kanban/base-kanban-root";
-import { IssuesListLayoutRoot } from "./list/base-list-root";
 
 type Props = {
   peekId: string | undefined;

apps/space/core/components/issues/issue-layouts/with-display-properties-HOC.tsx

@@ -1,7 +1,6 @@
 import { ReactNode } from "react";
 import { observer } from "mobx-react";
-// plane imports
-import type { IIssueDisplayProperties } from "@plane/types";
+import { IIssueDisplayProperties } from "@plane/types";
 
 interface IWithDisplayPropertiesHOC {
   displayProperties: IIssueDisplayProperties;

apps/space/core/components/issues/navbar/controls.tsx

@@ -4,21 +4,17 @@ import { useEffect, FC } from "react";
 import { observer } from "mobx-react";
 import { useRouter, useSearchParams } from "next/navigation";
 // components
+import { IssuesLayoutSelection, NavbarTheme, UserAvatar } from "@/components/issues";
 import { IssueFiltersDropdown } from "@/components/issues/filters";
 // helpers
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
-import { useIssueFilter } from "@/hooks/store/use-issue-filter";
+import { useIssueFilter, useIssueDetails } from "@/hooks/store";
 import useIsInIframe from "@/hooks/use-is-in-iframe";
 // store
-import type { PublishStore } from "@/store/publish/publish.store";
+import { PublishStore } from "@/store/publish/publish.store";
 // types
-import type { TIssueLayout } from "@/types/issue";
-// local imports
-import { IssuesLayoutSelection } from "./layout-selection";
-import { NavbarTheme } from "./theme";
-import { UserAvatar } from "./user-avatar";
+import { TIssueLayout } from "@/types/issue";
 
 export type NavbarControlsProps = {
   publishSettings: PublishStore;

apps/space/core/components/issues/navbar/index.ts

@@ -1 +1,5 @@
+export * from "./controls";
+export * from "./layout-selection";
 export * from "./root";
+export * from "./theme";
+export * from "./user-avatar";

apps/space/core/components/issues/navbar/layout-selection.tsx

@@ -11,7 +11,7 @@ import { Tooltip } from "@plane/ui";
 // helpers
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
-import { useIssueFilter } from "@/hooks/store/use-issue-filter";
+import { useIssueFilter } from "@/hooks/store";
 // mobx
 import { TIssueLayout } from "@/types/issue";
 import { IssueLayoutIcon } from "./layout-icon";

apps/space/core/components/issues/navbar/root.tsx

@@ -1,14 +1,12 @@
 "use client";
-
 import { FC } from "react";
 import { observer } from "mobx-react";
 import { Briefcase } from "lucide-react";
 // components
-import { ProjectLogo } from "@/components/common/project-logo";
+import { ProjectLogo } from "@/components/common";
+import { NavbarControls } from "@/components/issues";
 // store
-import type { PublishStore } from "@/store/publish/publish.store";
-// local imports
-import { NavbarControls } from "./controls";
+import { PublishStore } from "@/store/publish/publish.store";
 
 type Props = {
   publishSettings: PublishStore;

apps/space/core/components/issues/navbar/user-avatar.tsx

@@ -15,7 +15,7 @@ import { getFileURL } from "@plane/utils";
 // helpers
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
-import { useUser } from "@/hooks/store/use-user";
+import { useUser } from "@/hooks/store";
 
 const authService = new AuthService();
 

apps/space/core/components/issues/peek-overview/comment/add-comment.tsx

@@ -11,9 +11,7 @@ import { TOAST_TYPE, setToast } from "@plane/ui";
 // editor components
 import { LiteTextEditor } from "@/components/editor/lite-text-editor";
 // hooks
-import { usePublish } from "@/hooks/store/publish";
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
-import { useUser } from "@/hooks/store/use-user";
+import { useIssueDetails, usePublish, useUser } from "@/hooks/store";
 // services
 const fileService = new SitesFileService();
 

apps/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx

@@ -8,14 +8,12 @@ import { EditorRefApi } from "@plane/editor";
 import { TIssuePublicComment } from "@plane/types";
 import { getFileURL } from "@plane/utils";
 // components
-import { LiteTextEditor } from "@/components/editor/lite-text-editor";
-import { CommentReactions } from "@/components/issues/peek-overview/comment/comment-reactions";
+import { LiteTextEditor } from "@/components/editor";
+import { CommentReactions } from "@/components/issues/peek-overview";
 // helpers
 import { timeAgo } from "@/helpers/date-time.helper";
 // hooks
-import { usePublish } from "@/hooks/store/publish";
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
-import { useUser } from "@/hooks/store/use-user";
+import { useIssueDetails, usePublish, useUser } from "@/hooks/store";
 import useIsInIframe from "@/hooks/use-is-in-iframe";
 
 type Props = {

apps/space/core/components/issues/peek-overview/comment/comment-reactions.tsx

@@ -12,8 +12,7 @@ import { ReactionSelector } from "@/components/ui";
 import { groupReactions, renderEmoji } from "@/helpers/emoji.helper";
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
-import { useUser } from "@/hooks/store/use-user";
+import { useIssueDetails, useUser } from "@/hooks/store";
 import useIsInIframe from "@/hooks/use-is-in-iframe";
 
 type Props = {

apps/space/core/components/issues/peek-overview/comment/index.ts

@@ -0,0 +1,3 @@
+export * from "./add-comment";
+export * from "./comment-detail-card";
+export * from "./comment-reactions";

apps/space/core/components/issues/peek-overview/full-screen-peek-view.tsx

@@ -1,15 +1,16 @@
 "use client";
 
 import { observer } from "mobx-react";
-// plane imports
+// components
 import { Loader } from "@plane/ui";
+import {
+  PeekOverviewHeader,
+  PeekOverviewIssueActivity,
+  PeekOverviewIssueDetails,
+  PeekOverviewIssueProperties,
+} from "@/components/issues/peek-overview";
 // types
-import type { IIssue } from "@/types/issue";
-// local imports
-import { PeekOverviewHeader } from "./header";
-import { PeekOverviewIssueActivity } from "./issue-activity";
-import { PeekOverviewIssueDetails } from "./issue-details";
-import { PeekOverviewIssueProperties } from "./issue-properties";
+import { IIssue } from "@/types/issue";
 
 type Props = {
   anchor: string;

apps/space/core/components/issues/peek-overview/header.tsx

@@ -9,7 +9,7 @@ import { CenterPanelIcon, FullScreenPanelIcon, setToast, SidePanelIcon, TOAST_TY
 // helpers
 import { copyTextToClipboard } from "@/helpers/string.helper";
 // hooks
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
+import { useIssueDetails } from "@/hooks/store";
 import useClipboardWritePermission from "@/hooks/use-clipboard-write-permission";
 // types
 import { IIssue, IPeekMode } from "@/types/issue";

apps/space/core/components/issues/peek-overview/index.ts

@@ -1 +1,9 @@
+export * from "./comment";
+export * from "./full-screen-peek-view";
+export * from "./header";
+export * from "./issue-activity";
+export * from "./issue-details";
+export * from "./issue-properties";
 export * from "./layout";
+export * from "./side-peek-view";
+export * from "./issue-reaction";

apps/space/core/components/issues/peek-overview/issue-activity.tsx

@@ -4,16 +4,12 @@ import React from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-// plane imports
 import { Button } from "@plane/ui";
 // components
-import { AddComment } from "@/components/issues/peek-overview/comment/add-comment";
-import { CommentCard } from "@/components/issues/peek-overview/comment/comment-detail-card";
+import { CommentCard, AddComment } from "@/components/issues/peek-overview";
 import { Icon } from "@/components/ui";
 // hooks
-import { usePublish } from "@/hooks/store/publish";
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
-import { useUser } from "@/hooks/store/use-user";
+import { useIssueDetails, usePublish, useUser } from "@/hooks/store";
 import useIsInIframe from "@/hooks/use-is-in-iframe";
 // types
 import { IIssue } from "@/types/issue";

apps/space/core/components/issues/peek-overview/issue-details.tsx

@@ -1,11 +1,10 @@
 import { observer } from "mobx-react";
-// plane imports
-import { RichTextEditor } from "@/components/editor/rich-text-editor";
-import { usePublish } from "@/hooks/store/publish";
+// components
+import { RichTextEditor } from "@/components/editor";
+import { IssueReactions } from "@/components/issues/peek-overview";
+import { usePublish } from "@/hooks/store";
 // types
 import { IIssue } from "@/types/issue";
-// local imports
-import { IssueReactions } from "./issue-reaction";
 
 type Props = {
   anchor: string;

apps/space/core/components/issues/peek-overview/issue-properties.tsx

@@ -14,8 +14,7 @@ import { renderFormattedDate } from "@/helpers/date-time.helper";
 import { shouldHighlightIssueDueDate } from "@/helpers/issue.helper";
 import { copyTextToClipboard, addSpaceIfCamelCase } from "@/helpers/string.helper";
 // hooks
-import { usePublish } from "@/hooks/store/publish";
-import { useStates } from "@/hooks/store/use-state";
+import { usePublish, useStates } from "@/hooks/store";
 // types
 import { IIssue, IPeekMode } from "@/types/issue";
 

apps/space/core/components/issues/peek-overview/issue-reaction.tsx

@@ -1,9 +1,7 @@
 import { observer } from "mobx-react";
-// components
-import { IssueEmojiReactions } from "@/components/issues/reactions/issue-emoji-reactions";
-import { IssueVotes } from "@/components/issues/reactions/issue-vote-reactions";
+import { IssueEmojiReactions, IssueVotes } from "@/components/issues/reactions";
 // hooks
-import { usePublish } from "@/hooks/store/publish";
+import { usePublish } from "@/hooks/store";
 import useIsInIframe from "@/hooks/use-is-in-iframe";
 
 type Props = {

apps/space/core/components/issues/peek-overview/layout.tsx

@@ -4,11 +4,10 @@ import { FC, Fragment, useEffect, useState } from "react";
 import { observer } from "mobx-react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { Dialog, Transition } from "@headlessui/react";
+// components
+import { FullScreenPeekView, SidePeekView } from "@/components/issues/peek-overview";
 // hooks
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
-// local imports
-import { FullScreenPeekView } from "./full-screen-peek-view";
-import { SidePeekView } from "./side-peek-view";
+import { useIssueDetails } from "@/hooks/store";
 
 type TIssuePeekOverview = {
   anchor: string;

apps/space/core/components/issues/peek-overview/side-peek-view.tsx

@@ -1,17 +1,18 @@
 "use client";
 
 import { observer } from "mobx-react";
-// plane imports
+// components
 import { Loader } from "@plane/ui";
+import {
+  PeekOverviewHeader,
+  PeekOverviewIssueActivity,
+  PeekOverviewIssueDetails,
+  PeekOverviewIssueProperties,
+} from "@/components/issues/peek-overview";
 // store hooks
-import { usePublish } from "@/hooks/store/publish";
+import { usePublish } from "@/hooks/store";
 // types
 import { IIssue } from "@/types/issue";
-// local imports
-import { PeekOverviewHeader } from "./header";
-import { PeekOverviewIssueActivity } from "./issue-activity";
-import { PeekOverviewIssueDetails } from "./issue-details";
-import { PeekOverviewIssueProperties } from "./issue-properties";
 
 type Props = {
   anchor: string;

apps/space/core/components/issues/reactions/index.ts

@@ -0,0 +1,2 @@
+export * from "./issue-emoji-reactions";
+export * from "./issue-vote-reactions";

apps/space/core/components/issues/reactions/issue-emoji-reactions.tsx

@@ -9,8 +9,7 @@ import { ReactionSelector } from "@/components/ui";
 import { groupReactions, renderEmoji } from "@/helpers/emoji.helper";
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
-import { useUser } from "@/hooks/store/use-user";
+import { useIssueDetails, useUser } from "@/hooks/store";
 
 type IssueEmojiReactionsProps = {
   anchor: string;

apps/space/core/components/issues/reactions/issue-vote-reactions.tsx

@@ -9,8 +9,7 @@ import { cn } from "@plane/utils";
 // helpers
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
-import { useIssueDetails } from "@/hooks/store/use-issue-details";
-import { useUser } from "@/hooks/store/use-user";
+import { useIssueDetails, useUser } from "@/hooks/store";
 import useIsInIframe from "@/hooks/use-is-in-iframe";
 
 type TIssueVotes = {

apps/space/core/components/ui/not-found.tsx

@@ -2,6 +2,7 @@
 
 import React from "react";
 import Image from "next/image";
+// ui
 // images
 import Image404 from "@/public/404.svg";
 

apps/space/core/components/views/auth.tsx

@@ -1,9 +1,8 @@
 "use client";
 
 // components
-import { AuthRoot } from "@/components/account/auth-forms";
-import { PoweredBy } from "@/components/common/powered-by";
-// local imports
+import { AuthRoot } from "@/components/account";
+import { PoweredBy } from "@/components/common";
 import { AuthHeader } from "./header";
 
 export const AuthView = () => (

apps/space/core/hooks/store/index.ts

@@ -0,0 +1,12 @@
+export * from "./publish";
+export * from "./use-instance";
+export * from "./use-issue";
+export * from "./use-user";
+export * from "./use-user-profile";
+export * from "./use-issue-details";
+export * from "./use-issue-filter";
+export * from "./use-state";
+export * from "./use-label";
+export * from "./use-cycle";
+export * from "./use-module";
+export * from "./use-member";

apps/space/core/hooks/store/publish/use-publish-list.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IPublishListStore } from "@/store/publish/publish_list.store";
+import { IPublishListStore } from "@/store/publish/publish_list.store";
 
 export const usePublishList = (): IPublishListStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/publish/use-publish.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { PublishStore } from "@/store/publish/publish.store";
+import { PublishStore } from "@/store/publish/publish.store";
 
 export const usePublish = (anchor: string): PublishStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-cycle.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { ICycleStore } from "@/store/cycle.store";
+import { ICycleStore } from "@/store/cycle.store";
 
 export const useCycle = (): ICycleStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-instance.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IInstanceStore } from "@/store/instance.store";
+import { IInstanceStore } from "@/store/instance.store";
 
 export const useInstance = (): IInstanceStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-issue-details.tsx

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IIssueDetailStore } from "@/store/issue-detail.store";
+import { IIssueDetailStore } from "@/store/issue-detail.store";
 
 export const useIssueDetails = (): IIssueDetailStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-issue-filter.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IIssueFilterStore } from "@/store/issue-filters.store";
+import { IIssueFilterStore } from "@/store/issue-filters.store";
 
 export const useIssueFilter = (): IIssueFilterStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-issue.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IIssueStore } from "@/store/issue.store";
+import { IIssueStore } from "@/store/issue.store";
 
 export const useIssue = (): IIssueStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-label.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IIssueLabelStore } from "@/store/label.store";
+import { IIssueLabelStore } from "@/store/label.store";
 
 export const useLabel = (): IIssueLabelStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-member.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IIssueMemberStore } from "@/store/members.store";
+import { IIssueMemberStore } from "@/store/members.store";
 
 export const useMember = (): IIssueMemberStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-module.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IIssueModuleStore } from "@/store/module.store";
+import { IIssueModuleStore } from "@/store/module.store";
 
 export const useModule = (): IIssueModuleStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-state.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IStateStore } from "@/store/state.store";
+import { IStateStore } from "@/store/state.store";
 
 export const useStates = (): IStateStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-user-profile.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IProfileStore } from "@/store/profile.store";
+import { IProfileStore } from "@/store/profile.store";
 
 export const useUserProfile = (): IProfileStore => {
   const context = useContext(StoreContext);

apps/space/core/hooks/store/use-user.ts

@@ -2,7 +2,7 @@ import { useContext } from "react";
 // lib
 import { StoreContext } from "@/lib/store-provider";
 // store
-import type { IUserStore } from "@/store/user.store";
+import { IUserStore } from "@/store/user.store";
 
 export const useUser = (): IUserStore => {
   const context = useContext(StoreContext);

apps/space/core/lib/instance-provider.tsx

@@ -8,11 +8,10 @@ import { useTheme } from "next-themes";
 import useSWR from "swr";
 import { SPACE_BASE_PATH } from "@plane/constants";
 // components
-import { LogoSpinner } from "@/components/common/logo-spinner";
-import { InstanceFailureView } from "@/components/instance/instance-failure-view";
+import { LogoSpinner } from "@/components/common";
+import { InstanceFailureView } from "@/components/instance";
 // hooks
-import { useInstance } from "@/hooks/store/use-instance";
-import { useUser } from "@/hooks/store/use-user";
+import { useInstance, useUser } from "@/hooks/store";
 // assets
 import PlaneBackgroundPatternDark from "@/public/auth/background-pattern-dark.svg";
 import PlaneBackgroundPattern from "@/public/auth/background-pattern.svg";

apps/space/core/lib/store-provider.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { ReactNode, createContext } from "react";
+import { ThemeProvider } from "next-themes";
 // plane web store
 import { RootStore } from "@/plane-web/store/root.store";
 
@@ -31,5 +32,9 @@ export const StoreProvider = ({ children, initialState = undefined }: StoreProvi
     store.hydrate(initialState);
   }
 
-  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>;
+  return (
+    <ThemeProvider themes={["light", "dark"]} defaultTheme="system" enableSystem>
+      <StoreContext.Provider value={store}>{children}</StoreContext.Provider>
+    </ThemeProvider>
+  );
 };

apps/space/core/store/cycle.store.ts

@@ -3,7 +3,7 @@ import { action, makeObservable, observable, runInAction } from "mobx";
 import { SitesCycleService } from "@plane/services";
 import { TPublicCycle } from "@/types/cycle";
 // store
-import type { CoreRootStore } from "./root.store";
+import { CoreRootStore } from "./root.store";
 
 export interface ICycleStore {
   // observables

apps/space/core/store/helpers/base-issues.store.ts

@@ -8,7 +8,7 @@ import { computedFn } from "mobx-utils";
 // plane imports
 import { ALL_ISSUES } from "@plane/constants";
 import { SitesIssueService } from "@plane/services";
-import type {
+import {
   TIssueGroupByOptions,
   TGroupedIssues,
   TSubGroupedIssues,
@@ -20,8 +20,8 @@ import type {
   TPaginationData,
 } from "@plane/types";
 // types
-import type { IIssue, TIssuesResponse } from "@/types/issue";
-import type { CoreRootStore } from "../root.store";
+import { IIssue, TIssuesResponse } from "@/types/issue";
+import { CoreRootStore } from "../root.store";
 // constants
 // helpers
 

apps/space/core/store/instance.store.ts

@@ -4,7 +4,7 @@ import { observable, action, makeObservable, runInAction } from "mobx";
 import { InstanceService } from "@plane/services";
 import { IInstance, IInstanceConfig } from "@plane/types";
 // store
-import type { CoreRootStore } from "@/store/root.store";
+import { CoreRootStore } from "@/store/root.store";
 
 type TError = {
   status: string;

apps/space/core/store/issue-detail.store.ts

@@ -7,9 +7,9 @@ import { v4 as uuidv4 } from "uuid";
 import { SitesFileService, SitesIssueService } from "@plane/services";
 import { EFileAssetType, TFileSignedURLResponse, TIssuePublicComment } from "@plane/types";
 // store
-import type { CoreRootStore } from "@/store/root.store";
+import { CoreRootStore } from "@/store/root.store";
 // types
-import type { IIssue, IPeekMode, IVote } from "@/types/issue";
+import { IIssue, IPeekMode, IVote } from "@/types/issue";
 
 export interface IIssueDetailStore {
   loader: boolean;

apps/space/core/store/issue-filters.store.ts

@@ -5,11 +5,11 @@ import { action, makeObservable, observable, runInAction } from "mobx";
 import { computedFn } from "mobx-utils";
 // plane internal
 import { ISSUE_DISPLAY_FILTERS_BY_LAYOUT } from "@plane/constants";
-import type { IssuePaginationOptions, TIssueParams } from "@plane/types";
+import { IssuePaginationOptions, TIssueParams } from "@plane/types";
 // store
-import type { CoreRootStore } from "@/store/root.store";
+import { CoreRootStore } from "@/store/root.store";
 // types
-import type {
+import {
   TIssueLayoutOptions,
   TIssueFilters,
   TIssueQueryFilters,

apps/space/core/store/issue.store.ts

@@ -1,11 +1,11 @@
 import { action, makeObservable, runInAction } from "mobx";
 // plane imports
 import { SitesIssueService } from "@plane/services";
-import type { IssuePaginationOptions, TLoader } from "@plane/types";
+import { IssuePaginationOptions, TLoader } from "@plane/types";
 // store
-import type { CoreRootStore } from "@/store/root.store";
+import { CoreRootStore } from "@/store/root.store";
 // types
-import { BaseIssuesStore, type IBaseIssuesStore } from "./helpers/base-issues.store";
+import { BaseIssuesStore, IBaseIssuesStore } from "./helpers/base-issues.store";
 
 export interface IIssueStore extends IBaseIssuesStore {
   // actions

apps/space/core/store/label.store.ts

@@ -2,9 +2,9 @@ import set from "lodash/set";
 import { action, computed, makeObservable, observable, runInAction } from "mobx";
 // plane imports
 import { SitesLabelService } from "@plane/services";
-import type { IIssueLabel } from "@plane/types";
+import { IIssueLabel } from "@plane/types";
 // store
-import type { CoreRootStore } from "./root.store";
+import { CoreRootStore } from "./root.store";
 
 export interface IIssueLabelStore {
   // observables

apps/space/core/store/members.store.ts

@@ -2,8 +2,9 @@ import set from "lodash/set";
 import { action, computed, makeObservable, observable, runInAction } from "mobx";
 // plane imports
 import { SitesMemberService } from "@plane/services";
-import type { TPublicMember } from "@/types/member";
-import type { CoreRootStore } from "./root.store";
+
+import { TPublicMember } from "@/types/member";
+import { CoreRootStore } from "./root.store";
 
 export interface IIssueMemberStore {
   // observables