Minor changes

Author: ProdevappOFFICIAL

App.tsx

@@ -3304,7 +3304,7 @@ Include the corrected full and detailed code`;
                         {/* Code Editor layer — always mounted so Monaco stays alive */}
                         <div
                             style={{ display: (activeTabGroup === 'file' && activeFileId) ? 'block' : 'none' }}
-                            className="absolute inset-0"
+                            className="absolute inset-0 "
                         >
                             <CodeEditor
                                 code={activeContent}

components/Deploy/WalletConnection.tsx

@@ -151,7 +151,7 @@ const WalletConnectionComponent: React.FC<WalletConnectionProps> = ({
           <button
             onClick={() => handleConnect('xverse')}
             disabled={connecting}
-            className="relative flex flex-col items-center justify-center p-4 border border-white/5 bg-white/5 hover:bg-white/10 hover:border-white/10 transition-all group disabled:opacity-50 disabled:cursor-not-allowed"
+            className="relative flex flex-col items-center justify-center p-4 border border-zinc-400/20 bg-zinc-400/20  hover:bg-white/10 hover:border-white/10 transition-all group disabled:opacity-50 disabled:cursor-not-allowed"
           >
             {/* Unstable Badge (Top Right) */}
             <span className="absolute -top-2 -right-2 bg-red-400 text-black text-[10px] px-2 py-0.5 rounded-full font-bold shadow-sm z-10">
@@ -169,7 +169,7 @@ const WalletConnectionComponent: React.FC<WalletConnectionProps> = ({
             )}
           </button>
         ) : (
-          <div className="flex flex-col items-center justify-center p-4 border border-white/5 bg-white/5">
+          <div className="flex flex-col items-center justify-center p-4 border border-zinc-400/20 bg-zinc-400/20">
             <img src="/xverse.png" alt="Xverse" className="h-10 w-10 mb-3 opacity-50 grayscale" />
             <span className="text-xs font-bold text-caspier-muted mb-3">Xverse</span>
             <a
@@ -189,7 +189,7 @@ const WalletConnectionComponent: React.FC<WalletConnectionProps> = ({
           <button
             onClick={() => handleConnect('leather')}
             disabled={connecting}
-            className="relative flex flex-col items-center justify-center p-4 border border-white/5 bg-white/5 hover:bg-white/10 hover:border-white/10 transition-all group disabled:opacity-50 disabled:cursor-not-allowed"
+            className="relative flex flex-col items-center justify-center p-4 border border-zinc-400/20 bg-zinc-400/20 hover:bg-white/10 hover:border-white/10 transition-all group disabled:opacity-50 disabled:cursor-not-allowed"
           >
             <span className="absolute -top-2 -right-2 bg-blue-400 text-black text-[10px] px-2 py-0.5 rounded-full font-bold shadow-sm">
               stable
@@ -203,7 +203,7 @@ const WalletConnectionComponent: React.FC<WalletConnectionProps> = ({
             )}
           </button>
         ) : (
-          <div className="flex flex-col items-center justify-center p-4 border border-white/5 bg-white/5">
+          <div className="flex flex-col items-center justify-center p-4 border border-zinc-400/20 bg-zinc-400/20">
             <img src="/leather.svg" alt="Leather" className="h-10 w-10 mb-3 opacity-50 grayscale" />
             <span className="text-xs font-bold text-caspier-muted mb-3">Leather</span>
             <a

components/Layout/EditorTabs.tsx

@@ -237,6 +237,11 @@ const EditorTabs: React.FC<EditorTabsProps> = ({
                 </span>
               ) : file.name}
             </span>
+            {
+              isDirty && (
+                <div className="w-2 h-2 rounded-full bg-caspier-muted scale-75" />
+              )
+            }
 
             <div className="flex items-center justify-center w-4">
               {isDirty && !isActive && (

components/Layout/SidebarLeft.tsx

@@ -882,7 +882,7 @@ const SidebarLeft: React.FC<SidebarLeftProps> = ({
 
                 {/* Dropdown Menu */}
                 {isDropdownOpen && (
-                    <div className="absolute left-3 right-3 top-[calc(100%-8px)] z-50 mt-1 bg-caspier-dark border-2 border-caspier-border rounded-xl shadow-2xl overflow-hidden animate-in fade-in slide-in-from-top-2 duration-200">
+                    <div className="absolute left-3 right-3 top-[calc(100%-8px)] z-50 mt-1 bg-caspier-dark border-2 border-caspier-border  shadow-2xl overflow-hidden animate-in fade-in slide-in-from-top-2 duration-200">
                         <div className="p-1.5 space-y-0.5">
                             <DropdownItem
                                 icon={<FilePlusIcon className="w-3.5 h-3.5" />}

components/Layout/TerminalPanel.tsx

@@ -372,11 +372,11 @@ const TerminalPanel: React.FC<TerminalPanelProps> = ({
     useEffect(() => {
         if (pendingCommand && pendingCommand.timestamp > lastCommandTimestamp.current) {
             lastCommandTimestamp.current = pendingCommand.timestamp;
-            
+
             // If the command was sent to "temp", it means a new terminal was just created 
             // for it, and it should be the active one.
             const targetId = pendingCommand.terminalId === 'temp' ? activeTerminalId : pendingCommand.terminalId;
-            
+
             const data = xtermRefs.current[targetId];
             if (data && data.inputWriter) {
                 data.inputWriter.write(pendingCommand.command + '\r');

components/UI/HomeTab.tsx

@@ -123,7 +123,7 @@ const FeatureCard: React.FC<FeatureCardProps & { theme: 'dark' | 'light' }> = ({
 
                 <button
                     onClick={onClick}
-                    className={`mt-auto w-full py-3 ${isLight ? 'bg-slate-50 hover:bg-blue-500 text-slate-600 hover:text-white' : 'bg-[#232730] hover:bg-blue-500 text-slate-300 hover:text-white'} rounded-xl text-sm font-semibold transition-all duration-300 flex items-center justify-center gap-2 group/btn`}
+                    className={`mt-auto w-full py-3 ${isLight ? 'bg-slate-400/20  border border-slate-400 hover:bg-blue-500 text-slate-600 hover:text-white' : 'bg-[#232730] hover:bg-blue-500 text-slate-300 hover:text-white'} text-sm font-semibold transition-all duration-300 flex items-center justify-center gap-2 group/btn`}
                 >
                     {buttonText}
                     <ChevronRightIcon className="w-4 h-4 group-hover/btn:translate-x-1 transition-transform" />

components/UI/NewProjectTab.tsx

@@ -5,6 +5,7 @@ import { GitHubTemplateService, GitHubTemplate } from '../../services/githubTemp
 import { HiroTemplateService, HiroTemplate, HIRO_TEMPLATES } from '../../services/hiroTemplates';
 import { FileNode } from '../../types';
 import { renderMarkdown } from '../../utils/markdownUtils';
+import { GitPullRequest } from 'lucide-react';
 
 interface NewProjectTabProps {
     onLoadTemplate: (nodes: FileNode[], templateName?: string, type?: string) => void;
@@ -154,9 +155,10 @@ export const NewProjectTab: React.FC<NewProjectTabProps> = ({
                 <div>
                     <h2 className="text-2xl font-black tracking-widest uppercase ">New Project</h2>
                     <p className="text-caspier-muted text-[10px] mt-2 font-black uppercase tracking-[0.2em]">Select your starting point</p>
+                    <a href='https://github.com/LabSTX/LabSTX-Workshops/issues' target='_blank' onClick={() => { }}> <button className=" bg-caspier-black hover:underline  hover:text-blue-500 rounded-full text-caspier-muted transition-all text-caspier-muted text-[10px] mt-2 font-black  px-2 py-1 bg-caspier-muted/20 flex items-center " > <GitPullRequest className="w-4 h-4 mr-1" /> Request a Template</button></a>
+
                 </div>
 
-                <a href='https://github.com/LabSTX/LabSTX-Workshops/issues' target='_blank' onClick={() => { }}> <button className=" bg-caspier-black hover:underline  hover:text-blue-500 rounded-full text-caspier-muted transition-all text-caspier-muted text-[10px] mt-2 font-black uppercase tracking-[0.2em]" > Request a Template</button></a>
                 <button
                     onClick={onClose}
                     className="p-2 hover:bg-labstx-orange hover:text-white rounded-full text-caspier-muted transition-all border-2 border-transparent hover:border-white/20"