From 89b006747889d96207019a34085a79182a0cf497 Mon Sep 17 00:00:00 2001
From: Haileyesus <something@gmail.com>
Date: Wed, 8 Apr 2026 17:40:13 +0300
Subject: [PATCH] refactor: add ChooseWorkspaceView for when no workspace is
 selected

---
 src/App.tsx                                   |  3 ++-
 .../shared/view/ChooseWorkspaceView.tsx       | 24 +++++++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 src/components/refactored/shared/view/ChooseWorkspaceView.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 978ad998..8757151e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -22,6 +22,7 @@ import GitPanelRouterAdapter from '@/components/git-panel/view/GitPanelRouterAda
 import { TaskMasterPanel } from '@/components/task-master/index.js';
 import PluginContentRouterAdapter from '@/components/plugins/view/PluginContentRouterAdapter.js';
 import ChatInterface from '@/components/refactored/chat/view/ChatInterface.js';
+import ChooseWorkspaceView from '@/components/refactored/shared/view/ChooseWorkspaceView.js';
 
 const isValidRouteTab = (value: string | undefined): boolean => {
   if (!value) {
@@ -116,7 +117,7 @@ const router = createBrowserRouter(
       path: '/',
       element: <RootLayout />,
       children: [
-        { index: true, element: <NoWorkspaceRoute /> }, // TODO: Show empty state component loader here.
+        { index: true, element: <ChooseWorkspaceView /> }, // TODO: Show empty state component loader here.
         {
           path: 'workspaces/:workspaceId',
           element: <WorkspaceLayout />,
diff --git a/src/components/refactored/shared/view/ChooseWorkspaceView.tsx b/src/components/refactored/shared/view/ChooseWorkspaceView.tsx
new file mode 100644
index 00000000..b0c7e1ca
--- /dev/null
+++ b/src/components/refactored/shared/view/ChooseWorkspaceView.tsx
@@ -0,0 +1,24 @@
+import { t } from "i18next";
+import { Folder } from "lucide-react";
+import { useDeviceSettings } from "@/hooks/useDeviceSettings.js";
+
+export default function ChooseProjectView() {
+    const { isMobile } = useDeviceSettings();
+    
+    return (
+        <div className="flex flex-1 items-center justify-center">
+            <div className="mx-auto max-w-md px-6 text-center">
+                <div className="mx-auto mb-5 flex h-14 w-14 items-center justify-center rounded-2xl bg-muted/50">
+                    <Folder className="h-7 w-7 text-muted-foreground" />
+                </div>
+                <h2 className="mb-2 text-xl font-semibold text-foreground">{t('mainContent.chooseProject')}</h2>
+                <p className="mb-5 text-sm leading-relaxed text-muted-foreground">{t('mainContent.selectProjectDescription')}</p>
+                <div className="rounded-xl border border-primary/10 bg-primary/5 p-3.5">
+                    <p className="text-sm text-primary">
+                        <strong>{t('mainContent.tip')}:</strong> {isMobile ? t('mainContent.createProjectMobile') : t('mainContent.createProjectDesktop')}
+                    </p>
+                </div>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file