From 430d0ddc4a0617761a50b71f5fae6f1cc1660708 Mon Sep 17 00:00:00 2001
From: Haileyesus <something@gmail.com>
Date: Wed, 28 Jan 2026 21:19:37 +0300
Subject: [PATCH] chore: add comments that will be used later

---
 src/App.jsx                      | 3 +++
 src/components/ChatInterface.jsx | 4 +++-
 src/components/GitPanel.jsx      | 1 +
 src/components/MainContent.jsx   | 2 +-
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index b65f65b..cd166f5 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -40,11 +40,14 @@ import { I18nextProvider, useTranslation } from 'react-i18next';
 import i18n from './i18n/config.js';
 
 
+// ! Move to a separate file called AppContent.ts
 // Main App component with routing
 function AppContent() {
   const navigate = useNavigate();
   const { sessionId } = useParams();
   const { t } = useTranslation('common');
+  const renderCountRef = useRef(0);
+  console.log(`AppContent render count: ${renderCountRef.current++}`);
   
   const { updateAvailable, latestVersion, currentVersion, releaseInfo } = useVersionCheck('siteboon', 'claudecodeui');
   const [showVersionModal, setShowVersionModal] = useState(false);
diff --git a/src/components/ChatInterface.jsx b/src/components/ChatInterface.jsx
index 3ee5a84..e8ad9a4 100644
--- a/src/components/ChatInterface.jsx
+++ b/src/components/ChatInterface.jsx
@@ -43,6 +43,8 @@ import { CLAUDE_MODELS, CURSOR_MODELS, CODEX_MODELS } from '../../shared/modelCo
 
 import { safeJsonParse } from '../lib/utils.js';
 
+// ! Move all utility functions to utils/chatUtils.ts
+
 // Helper function to decode HTML entities in text
 function decodeHtmlEntities(text) {
   if (!text) return text;
@@ -4879,7 +4881,7 @@ function ChatInterface({ selectedProject, selectedSession, ws, sendMessage, mess
   };
 
 
-
+// ! Unused
   const handleNewSession = () => {
     setChatMessages([]);
     setInput('');
diff --git a/src/components/GitPanel.jsx b/src/components/GitPanel.jsx
index 3abd4c5..b077b05 100644
--- a/src/components/GitPanel.jsx
+++ b/src/components/GitPanel.jsx
@@ -960,6 +960,7 @@ function GitPanel({ selectedProject, isMobile, onFileOpen }) {
           {gitStatus.details && (
             <p className="text-sm text-center leading-relaxed mb-6 max-w-md">{gitStatus.details}</p>
           )}
+          {/* // ! This can be a custom component that can be reused for " Tip: Create a new project..." as well */}
           <div className="p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800 max-w-md">
             <p className="text-sm text-blue-700 dark:text-blue-300 text-center">
               <strong>Tip:</strong> Run <code className="bg-blue-100 dark:bg-blue-900 px-2 py-1 rounded font-mono text-xs">git init</code> in your project directory to initialize git source control.
diff --git a/src/components/MainContent.jsx b/src/components/MainContent.jsx
index 50949a0..21665df 100644
--- a/src/components/MainContent.jsx
+++ b/src/components/MainContent.jsx
@@ -38,7 +38,7 @@ function MainContent({
   sendMessage,
   messages,
   isMobile,
-  isPWA,
+  isPWA, // ! Unused
   onMenuClick,
   isLoading,
   onInputFocusChange,