feat(ui): update app with futuristic Gold and Blue theme

.github/instructions/codacy.instructions.md

@@ -0,0 +1,72 @@
+---
+    description: Configuration for AI behavior when interacting with Codacy's MCP Server
+    applyTo: '**'
+---
+---
+# Codacy Rules
+Configuration for AI behavior when interacting with Codacy's MCP Server
+
+## CRITICAL: After ANY successful `edit_file` or `reapply` operation
+- YOU MUST IMMEDIATELY run the `codacy_cli_analyze` tool from Codacy's MCP Server for each file that was edited, with:
+ - `rootPath`: set to the workspace path
+ - `file`: set to the path of the edited file
+ - `tool`: leave empty or unset
+- If any issues are found in the new edits, propose and apply fixes for them.
+- > NOTE: Failure to follow this rule is considered a critical error.
+
+## When you tried to run the `codacy_cli_analyze` tool and the Codacy CLI is not installed
+- Ask the user 'Codacy CLI is not installed. Would you like me to install it now?'
+- If the user responds with "yes", run the `codacy_cli_install` tool and then continue with the original task
+- If the user responds with "no", instruct the user that they can disable automatic analysis in the extension settings
+- Wait for the user to respond before proceeding with any other actions
+
+## After every response
+- If you made any file edits in this conversation, verify you ran `codacy_cli_analyze` tool from Codacy's MCP Server 
+
+## When there are no Codacy MCP Server tools available, or the MCP Server is not reachable
+- Suggest the user the following troubleshooting steps:
+ - Try to reset the MCP on the extension
+ - If the user is using VSCode, suggest them to review their Copilot > MCP settings in Github, under their organization or personal account. Refer them to Settings > Copilot > Enable MCP servers in Copilot. Suggested URL (https://github.com/settings/copilot/features) or https://github.com/organizations/{organization-name}/settings/copilot/features (This can only be done by their organization admins / owners)
+- If none of the above steps work, suggest the user to contact Codacy support
+
+## Trying to call a tool that needs a rootPath as a parameter
+- Always use the standard, non-URL-encoded file system path
+
+## CRITICAL: Dependencies and Security Checks
+- IMMEDIATELY after ANY of these actions:
+ - Running npm/yarn/pnpm install
+ - Adding dependencies to package.json
+ - Adding requirements to requirements.txt
+ - Adding dependencies to pom.xml
+ - Adding dependencies to build.gradle
+ - Any other package manager operations
+- You MUST run the `codacy_cli_analyze` tool with:
+ - `rootPath`: set to the workspace path
+ - `tool`: set to "trivy"
+ - `file`: leave empty or unset
+- If any vulnerabilities are found because of the newly added packages:
+ - Stop all other operations
+ - Propose and apply fixes for the security issues
+ - Only continue with the original task after security issues are resolved
+- EXAMPLE:
+ - After: npm install react-markdown
+ - Do: Run codacy_cli_analyze with trivy
+ - Before: Continuing with any other tasks
+
+## General
+- Repeat the relevant steps for each modified file.
+- "Propose fixes" means to both suggest and, if possible, automatically apply the fixes.
+- You MUST NOT wait for the user to ask for analysis or remind you to run the tool.
+- Do not run `codacy_cli_analyze` looking for changes in duplicated code or code complexity metrics.
+- Complexity metrics are different from complexity issues. When trying to fix complexity in a repository or file, focus on solving the complexity issues and ignore the complexity metric.
+- Do not run `codacy_cli_analyze` looking for changes in code coverage.
+- Do not try to manually install Codacy CLI using either brew, npm, npx, or any other package manager.
+- If the Codacy CLI is not installed, just run the `codacy_cli_analyze` tool from Codacy's MCP Server.
+- When calling `codacy_cli_analyze`, only send provider, organization and repository if the project is a git repository.
+
+## Whenever a call to a Codacy tool that uses `repository` or `organization` as a parameter returns a 404 error
+- Offer to run the `codacy_setup_repository` tool to add the repository to Codacy
+- If the user accepts, run the `codacy_setup_repository` tool
+- Do not ever try to run the `codacy_setup_repository` tool on your own
+- After setup, immediately retry the action that failed (only retry once)
+---

.gitignore

@@ -7,3 +7,7 @@ __pycache__/
 tmp_*
 test_*
 .DS_Store
+
+
+#Ignore vscode AI rules
+.github\instructions\codacy.instructions.md

app.py

@@ -105,25 +105,50 @@ async def respond_with_ultimate_brain(message, history: list, mode: str, ai_prov
             yield f"{response}\n\n❌ Error: {str(e)}"
 
 # Custom CSS - Simplified with logo styling
+# Custom CSS - Futuristic Gold and Blue Theme
 custom_css = """
-.gradio-container { max-width: 1400px !important; }
+.gradio-container { 
+    max-width: 1400px !important; 
+    background-color: #0a0e17 !important; 
+}
 .header-section {
     text-align: center; padding: 40px 20px;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: white; border-radius: 12px; margin-bottom: 20px;
+    background: linear-gradient(135deg, #001529 0%, #003366 50%, #8a6e14 100%);
+    color: #ffffff; 
+    border-radius: 12px; margin-bottom: 20px;
+    border: 1px solid #D4AF37;
+    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.2);
+}
+.header-section h1 { 
+    font-size: 3rem; margin-bottom: 10px; font-weight: 700; 
+    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
+    background: linear-gradient(to right, #ffffff, #FFD700);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+.header-section p {
+    color: #e0e0e0;
 }
-.header-section h1 { font-size: 3rem; margin-bottom: 10px; font-weight: 700; }
 .brain-badge {
-    display: inline-block; background: #ff6b6b; color: white;
+    display: inline-block; 
+    background: linear-gradient(45deg, #D4AF37, #FDB931);
+    color: #001529;
     padding: 8px 16px; border-radius: 20px; font-weight: bold;
     margin: 10px 5px;
+    border: 1px solid #ffffff;
+    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3);
 }
 .logo-circle img {
     border-radius: 50% !important;
-    box-shadow: 0 8px 32px rgba(102, 126, 234, 0.4) !important;
-    border: 4px solid #667eea !important;
+    box-shadow: 0 0 25px rgba(212, 175, 55, 0.6) !important;
+    border: 4px solid #D4AF37 !important;
     object-fit: cover !important;
 }
+/* Tab Styling */
+.tabs button.selected {
+    color: #D4AF37 !important;
+    border_bottom: 2px solid #D4AF37 !important;
+}
 """
 
 # SEO