feat: moved project selector to footer

src/renderer/components/ProjectSelector/ProjectSelector.css

@@ -1,34 +1,28 @@
 .project-selector {
   position: relative;
-  padding: 8px 12px;
-  border-bottom: 1px solid var(--vscode-sideBar-border);
   flex-shrink: 0;
-  background-color: var(--vscode-sideBar-background);
-  min-height: 44px;
 }
 
 .project-selector-trigger {
   display: flex;
   align-items: center;
-  gap: 8px;
-  width: 100%;
-  padding: 6px 8px;
-  background-color: #3c3c3c;
-  border: 1px solid #555555;
-  border-radius: 4px;
-  color: #e0e0e0;
+  gap: 6px;
+  padding: 0 8px;
+  height: 22px;
+  background: transparent;
+  border: none;
+  color: var(--vscode-statusBar-foreground);
   cursor: pointer;
-  font-size: 13px;
+  font-size: 12px;
   text-align: left;
 }
 
 .project-selector-trigger:hover {
-  background-color: var(--vscode-list-hoverBackground);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .project-selector-trigger:focus {
   outline: none;
-  border-color: var(--vscode-focusBorder);
 }
 
 .project-icon {
@@ -50,13 +44,14 @@
 
 .project-dropdown {
   position: absolute;
-  top: 100%;
-  left: 12px;
-  right: 12px;
+  bottom: 100%;
+  left: 0;
+  min-width: 220px;
+  margin-bottom: 4px;
   background-color: var(--vscode-dropdown-background);
   border: 1px solid var(--vscode-dropdown-border);
   border-radius: 4px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
   z-index: 1000;
   overflow: hidden;
 }

src/renderer/components/Sidebar/Sidebar.tsx

@@ -1,7 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { useAppStore, PostData } from '../../store';
 import { showToast } from '../Toast';
-import { ProjectSelector } from '../ProjectSelector';
 import './Sidebar.css';
 
 const formatDate = (dateString: string) => {
@@ -631,7 +630,6 @@ export const Sidebar: React.FC = () => {
 
   return (
     <div className="sidebar">
-      <ProjectSelector />
       {activeView === 'posts' && <PostsList />}
       {activeView === 'media' && <MediaList />}
       {activeView === 'settings' && <SettingsPanel />}

src/renderer/components/StatusBar/StatusBar.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { useAppStore } from '../../store';
+import { ProjectSelector } from '../ProjectSelector';
 import './StatusBar.css';
 
 export const StatusBar: React.FC = () => {
@@ -20,6 +21,9 @@ export const StatusBar: React.FC = () => {
   return (
     <div className="status-bar">
       <div className="status-bar-left">
+        {/* Project Selector */}
+        <ProjectSelector />
+
         {/* Sync Status */}
         <div className={`status-bar-item ${!syncConfigured ? 'warning' : ''}`}>
           <span className={`sync-indicator ${syncStatus}`} />