feat: Add System tab with REW credits and fix DB seeding

frontend/app/page.tsx

@@ -10,6 +10,7 @@ import Reports from "../components/Reports";
 import Sidebar from "../components/Sidebar";
 import AnalysisHistory from "../components/AnalysisHistory";
 import GlobalSync from "../components/GlobalSync";
+import SystemInfo from "../components/SystemInfo";
 import { analyzeTender, fetchAnalysisHistory, fetchCompanyProfile, healthCheck, saveCompanyProfile, searchTenders } from "../lib/api";
 import type { AnalysisHistoryItem, AnalysisResult, CompanyProfile as CompanyProfileType, Tender } from "../lib/types";
 
@@ -22,6 +23,7 @@ const tabs = [
   "Proposal Draft",
   "Reports",
   "History",
+  "System",
 ] as const;
 
 type Tab = (typeof tabs)[number];
@@ -217,6 +219,7 @@ export default function HomePage() {
             {activeTab === "Proposal Draft" && <ProposalDraft proposal={analysisResult?.proposal_draft ?? ""} />}
             {activeTab === "Reports" && <Reports reportMarkdown={analysisResult?.report_markdown ?? ""} />}
             {activeTab === "History" && <AnalysisHistory history={analysisHistory} />}
+            {activeTab === "System" && <SystemInfo />}
           </div>
         </main>
       </div>

frontend/components/SystemInfo.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+export default function SystemInfo() {
+  const techStack = [
+    { name: "FastAPI", role: "Backend Engine", desc: "High-performance Python framework for AI orchestration." },
+    { name: "Next.js 14", role: "Frontend Framework", desc: "Modern React framework with server-side capabilities." },
+    { name: "Tailwind CSS", role: "Design System", desc: "Premium styling with custom glassmorphism effects." },
+    { name: "SQLite", role: "Persistence", desc: "Reliable and fast local database for cloud deployments." },
+    { name: "Gemini Pro", role: "AI Intelligence", desc: "Advanced LLM for technical and legal analysis." },
+    { name: "Nginx", role: "Reverse Proxy", desc: "Production-grade traffic management." },
+  ];
+
+  return (
+    <div className="space-y-12 animate-in fade-in slide-in-from-bottom-4 duration-700">
+      {/* Brand Section */}
+      <div className="glass-card rounded-3xl p-12 border border-white/10 text-center relative overflow-hidden">
+        <div className="absolute -right-20 -top-20 h-64 w-64 rounded-full bg-purple-500/10 blur-[100px]" />
+        <div className="relative z-10">
+          <div className="w-20 h-20 premium-gradient rounded-3xl flex items-center justify-center text-white font-black text-3xl mx-auto mb-8 shadow-2xl shadow-purple-500/40">
+            REW
+          </div>
+          <h2 className="text-4xl font-bold text-white mb-4 tracking-tight">System Architecture</h2>
+          <p className="text-slate-400 max-w-2xl mx-auto text-lg leading-relaxed">
+            AndesOps AI is a state-of-the-art platform developed by <span className="text-white font-bold italic">REW Agency</span>. 
+            Engineered to transform public procurement through agentic intelligence.
+          </p>
+          <div className="mt-8 flex items-center justify-center gap-6">
+            <a href="https://rewchile.cl" target="_blank" className="px-6 py-3 rounded-2xl bg-white/5 border border-white/10 text-sm font-bold text-slate-300 hover:bg-white/10 transition-all">
+              Visit rewchile.cl
+            </a>
+            <div className="h-6 w-px bg-white/10" />
+            <span className="text-xs font-bold uppercase tracking-[0.3em] text-purple-400">Powered by AndesOps</span>
+          </div>
+        </div>
+      </div>
+
+      {/* Tech Grid */}
+      <div className="grid gap-6 md:grid-cols-3">
+        {techStack.map((tech) => (
+          <div key={tech.name} className="glass-card rounded-3xl p-8 border border-white/5 hover:border-purple-500/30 transition-all duration-300">
+            <div className="text-[10px] font-black uppercase tracking-widest text-purple-400 mb-2">{tech.role}</div>
+            <h3 className="text-xl font-bold text-white mb-2">{tech.name}</h3>
+            <p className="text-sm text-slate-500 leading-relaxed">{tech.desc}</p>
+          </div>
+        ))}
+      </div>
+
+      {/* Development Status */}
+      <div className="glass-card rounded-3xl p-8 border border-white/5 bg-white/[0.01]">
+        <div className="flex flex-col md:flex-row items-center justify-between gap-8">
+          <div className="flex items-center gap-4">
+            <div className="h-3 w-3 rounded-full bg-green-500 animate-pulse shadow-[0_0_10px_rgba(34,197,94,0.5)]" />
+            <div>
+              <p className="text-sm font-bold text-white">System Status: Operational</p>
+              <p className="text-xs text-slate-500">Version 1.0.4 - Production Environment</p>
+            </div>
+          </div>
+          <div className="text-center md:text-right">
+             <p className="text-[10px] font-bold uppercase tracking-widest text-slate-600 mb-1">Developed & Signed by</p>
+             <p className="text-sm font-black text-slate-400 tracking-tighter">REW DIGITAL AGENCY CHILE</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

start.sh

@@ -2,7 +2,7 @@
 
 # Seed Database with sample data for demo
 echo "Seeding database..."
-cd /app/backend && python seed_db.py
+cd /app/backend && python3 seed_db.py
 
 # Start Backend
 echo "Starting Backend..."