@retrivora-ai/rag-engine 1.9.7 → 1.9.9

package/src/server.ts

@@ -25,6 +25,7 @@ export type { ILLMProvider, EmbedOptions } from './llm/ILLMProvider';
 export type { Chunk, ChunkOptions } from './rag/DocumentChunker';
 export type { HealthCheckResult, IProviderValidator, IProviderHealthChecker } from './core/ProviderInterfaces';
 export type { ValidationError } from './core/ConfigValidator';
+export type { LicensePayload } from './core/LicenseVerifier';
 export type { BatchOptions, BatchResult } from './core/BatchProcessor';
 
 // ── Core Orchestration ─────────────────────────────────────────
@@ -34,6 +35,7 @@ export { Pipeline } from './core/Pipeline';
 export { ConfigResolver } from './core/ConfigResolver';
 export { ProviderRegistry } from './core/ProviderRegistry';
 export { ConfigValidator } from './core/ConfigValidator';
+export { LicenseVerifier } from './core/LicenseVerifier';
 export { ProviderHealthCheck } from './core/ProviderHealthCheck';
 export { BatchProcessor } from './core/BatchProcessor';
 
@@ -65,6 +67,8 @@ export { LLMFactory } from './llm/LLMFactory';
 export { OpenAIProvider } from './llm/providers/OpenAIProvider';
 export { AnthropicProvider } from './llm/providers/AnthropicProvider';
 export { OllamaProvider } from './llm/providers/OllamaProvider';
+export { GroqProvider } from './llm/providers/GroqProvider';
+export { QwenProvider } from './llm/providers/QwenProvider';
 export { UniversalLLMAdapter } from './llm/providers/UniversalLLMAdapter';
 
 // ── Next.js Route Handler Factories ───────────────────────────
@@ -74,6 +78,9 @@ export {
   createIngestHandler,
   createHealthHandler,
   createUploadHandler,
+  createHistoryHandler,
+  createFeedbackHandler,
+  createSessionsHandler,
   createRagHandler,
   sseFrame,
   sseTextFrame,

package/src/types/chat.ts

@@ -41,6 +41,12 @@ export interface ChatOptions {
 export interface UseRagChatOptions {
   /** Override the chat API endpoint (default: /api/chat) */
   apiUrl?: string;
+  /**
+   * Base URL for the Retrivora SDK catch-all route used for history, feedback,
+   * and sessions endpoints. Defaults to '/api/retrivora'.
+   * e.g. if your catch-all is at /api/retrivora/[[...retrivora]], set this to '/api/retrivora'.
+   */
+  retrivoraApiBase?: string;
   /** Override project namespace */
   namespace?: string;
   /** Persist chat history to localStorage (default: true) */
@@ -51,6 +57,8 @@ export interface UseRagChatOptions {
   onError?: (error: string) => void;
   /** Optional custom headers to send with the chat request */
   headers?: Record<string, string>;
+  /** Session ID for history and feedback tracking (default: 'default') */
+  sessionId?: string;
 }
 
 export interface UseRagChatReturn {
@@ -70,4 +78,10 @@ export interface UseRagChatReturn {
   setMessages: React.Dispatch<React.SetStateAction<RagMessage[]>>;
   /** Abort the current active stream request */
   stop: () => void;
+  /** Load message history from database storage */
+  loadHistory: (sessionId: string) => Promise<void>;
+  /** Clear conversation history from database and locally */
+  clearHistory: (sessionId: string) => Promise<void>;
+  /** Submit rating and optional comment for a specific assistant message */
+  submitFeedback: (messageId: string, rating: 'thumbs_up' | 'thumbs_down', comment?: string) => Promise<void>;
 }

package/src/types/props.ts

@@ -57,6 +57,11 @@ export interface ChatWindowProps {
   onAddToCart?: (product: Product) => void;
   /** Optional custom API URL to send chat messages to */
   apiUrl?: string;
+  /**
+   * Base URL for Retrivora SDK history/feedback/sessions endpoints.
+   * Defaults to '/api/retrivora'. Set this to match your catch-all route location.
+   */
+  retrivoraApiBase?: string;
   /** Optional custom headers to send with the chat request */
   headers?: Record<string, string>;
 }
@@ -68,6 +73,11 @@ export interface ChatWidgetProps {
   onAddToCart?: (product: Product) => void;
   /** Optional custom API URL to send chat messages to */
   apiUrl?: string;
+  /**
+   * Base URL for Retrivora SDK history/feedback/sessions endpoints.
+   * Defaults to '/api/retrivora'.
+   */
+  retrivoraApiBase?: string;
   /** Optional custom headers to send with the chat request */
   headers?: Record<string, string>;
 }
@@ -80,6 +90,8 @@ export interface MessageBubbleProps {
   accentColor: string;
   onAddToCart?: (product: Product) => void;
   viewportSize?: ChatViewportSize;
+  /** Called when the user clicks thumbs up or thumbs down on an assistant message */
+  onFeedback?: (messageId: string, rating: 'thumbs_up' | 'thumbs_down') => void;
 }
 
 export interface ProductCardProps {

package/.env.example

@@ -1,80 +0,0 @@
-# ─── Project ─────────────────────────────────────────────────
-RAG_PROJECT_ID=my-project
-
-# ─── Vector Database ──────────────────────────────────────────
-# Choose: pinecone | pgvector | rest | universal_rest
-VECTOR_DB_PROVIDER=pinecone
-VECTOR_DB_INDEX=rag-index
-
-# Pinecone (if provider=pinecone)
-PINECONE_API_KEY=your-pinecone-api-key
-PINECONE_ENVIRONMENT=us-east-1
-
-# pgVector (if provider=pgvector)
-PGVECTOR_CONNECTION_STRING=postgresql://user:password@localhost:5432/StagVectorDB
-
-# Generic REST (if provider=rest)
-VECTOR_DB_REST_URL=http://localhost:8080
-VECTOR_DB_REST_API_KEY=your-rest-api-key
-# VECTOR_DB_QUERY_PATH=/query
-# VECTOR_DB_UPSERT_PATH=/upsert
-
-# ─── LLM ──────────────────────────────────────────────────────
-# Choose: openai | anthropic | ollama | gemini | universal_rest
-LLM_PROVIDER=openai
-LLM_MODEL=gpt-4o
-LLM_MAX_TOKENS=1024
-LLM_TEMPERATURE=0.7
-LLM_SYSTEM_PROMPT=You are a helpful assistant. Use the provided context to answer questions accurately.
-
-# OpenAI (if provider=openai)
-OPENAI_API_KEY=sk-...
-
-# Anthropic (if provider=anthropic)
-ANTHROPIC_API_KEY=sk-ant-...
-
-# Gemini (if provider=gemini)
-GEMINI_API_KEY=AIza...
-
-# Ollama (if provider=ollama)
-LLM_BASE_URL=http://localhost:11434
-
-# ── Master Universal Provider (LiteLLM, Qdrant, etc.) ─────────
-# Use 'universal_rest' for ANY model or DB via pre-set profiles.
-LLM_PROVIDER=universal_rest
-LLM_MODEL=gpt-4o
-# Profile: litellm | ollama-standard | openai-compatible
-LLM_UNIVERSAL_PROFILE=litellm
-LLM_BASE_URL=https://proxy.example.com/api
-LLM_API_KEY=your-key
-
-VECTOR_DB_PROVIDER=universal_rest
-# Profile: qdrant | chromadb
-VECTOR_UNIVERSAL_PROFILE=qdrant
-VECTOR_BASE_URL=http://localhost:6333
-VECTOR_DB_INDEX=my-index
-
-# ─── Embedding ────────────────────────────────────────────────
-# Choose: openai | ollama | gemini | custom
-EMBEDDING_PROVIDER=openai
-EMBEDDING_MODEL=text-embedding-3-small
-EMBEDDING_DIMENSIONS=1536
-# EMBEDDING_BASE_URL=http://localhost:11434  # for ollama
-# EMBEDDING_API_KEY=your-embedding-key       # for custom embedding endpoints
-
-# ─── RAG Pipeline Tuning ──────────────────────────────────────
-RAG_TOP_K=5
-RAG_SCORE_THRESHOLD=0.0
-RAG_CHUNK_SIZE=1000
-RAG_CHUNK_OVERLAP=200
-
-# ─── UI Branding (NEXT_PUBLIC_ = safe to expose to browser) ───
-NEXT_PUBLIC_PROJECT_ID=my-project
-NEXT_PUBLIC_UI_TITLE=AI Assistant
-NEXT_PUBLIC_UI_SUBTITLE=Powered by RAG
-NEXT_PUBLIC_PRIMARY_COLOR=#6366f1
-NEXT_PUBLIC_ACCENT_COLOR=#8b5cf6
-NEXT_PUBLIC_PLACEHOLDER=Ask me anything…
-NEXT_PUBLIC_SHOW_SOURCES=true
-NEXT_PUBLIC_WELCOME_MESSAGE=Hello! I'm your AI assistant. Ask me anything about your documents.
-# NEXT_PUBLIC_LOGO_URL=https://your-domain.com/logo.png

package/LICENSE.txt

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) [2026] [Abhinav Alkuchi]
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/src/components/AmbientBackground.tsx

@@ -1,29 +0,0 @@
-'use client';
-
-import React from 'react';
-import { useConfig } from '@/components/ConfigProvider';
-
-export function AmbientBackground() {
-  const { ui } = useConfig();
-
-  return (
-    <div className="absolute inset-0 overflow-hidden pointer-events-none">
-      <div
-        className="absolute -top-40 -left-40 w-[600px] h-[600px] rounded-full opacity-20 blur-3xl"
-        style={{ background: ui.primaryColor }}
-      />
-      <div
-        className="absolute -bottom-40 -right-40 w-[600px] h-[600px] rounded-full opacity-15 blur-3xl"
-        style={{ background: ui.accentColor }}
-      />
-      <div
-        className="absolute inset-0 opacity-[0.05] dark:opacity-[0.03]"
-        style={{
-          backgroundImage:
-            'linear-gradient(currentColor 1px, transparent 1px), linear-gradient(90deg, currentColor 1px, transparent 1px)',
-          backgroundSize: '48px 48px',
-        }}
-      />
-    </div>
-  );
-}

package/src/components/ArchitectureCard.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { ArchitectureCardProps } from '@/app/types';
-
-export function ArchitectureCard({ icon, title, description, badge, badgeColor }: ArchitectureCardProps) {
-  return (
-    <div className="group rounded-2xl border border-slate-200 dark:border-white/10 bg-white dark:bg-white/5 p-6 shadow-sm transition-all duration-300 hover:border-indigo-500/50 dark:hover:border-indigo-500/30 hover:shadow-xl hover:shadow-indigo-500/5">
-      <div className="mb-4 flex items-center justify-between">
-        <div className="text-3xl transition-transform duration-300 group-hover:scale-110">{icon}</div>
-        <span className={`rounded-full border px-3 py-0.5 text-[10px] font-bold uppercase tracking-wider ${badgeColor}`}>
-          {badge}
-        </span>
-      </div>
-      <h3 className="mb-2 font-bold text-slate-900 dark:text-white">{title}</h3>
-      <p className="text-xs text-slate-500 dark:text-white/40 leading-relaxed font-medium">{description}</p>
-    </div>
-  );
-}

package/src/components/ArchitectureCardsSection.tsx

@@ -1,15 +0,0 @@
-'use client';
-
-import React from 'react';
-import { ArchitectureCard } from '@/components/ArchitectureCard';
-import { ARCHITECTURE_CARDS } from '@/app/constants';
-
-export function ArchitectureCardsSection() {
-  return (
-    <div className="relative z-10 mt-24 mb-32 grid gap-6 sm:grid-cols-3 max-w-5xl mx-auto">
-      {ARCHITECTURE_CARDS.map((card, i) => (
-        <ArchitectureCard key={i} {...card} />
-      ))}
-    </div>
-  );
-}

package/src/components/DocViewer.tsx

@@ -1,103 +0,0 @@
-'use client';
-
-import React from 'react';
-import { Snippet } from '@/app/types';
-import { SNIPPETS } from '@/app/constants';
-import { CodeViewer } from './CodeViewer';
-import { ArrowLeft, ArrowRight } from 'lucide-react';
-
-export function DocViewer({ activeSnippet, setActiveSnippet }: { activeSnippet: Snippet, setActiveSnippet: (s: Snippet) => void }) {
-  const currentIndex = SNIPPETS.findIndex((s) => s.id === activeSnippet.id);
-  const totalSteps = SNIPPETS.length;
-  const isFirst = currentIndex === 0;
-  const isLast = currentIndex === totalSteps - 1;
-
-  const handlePrev = () => {
-    if (!isFirst) {
-      setActiveSnippet(SNIPPETS[currentIndex - 1]);
-    }
-  };
-
-  const handleNext = () => {
-    if (!isLast) {
-      setActiveSnippet(SNIPPETS[currentIndex + 1]);
-    }
-  };
-
-  const progressPercent = Math.round(((currentIndex + 1) / totalSteps) * 100);
-
-  return (
-    <>
-      <div className="mb-6 flex flex-wrap gap-2 border-b border-slate-100 dark:border-white/5 pb-6">
-        {SNIPPETS.map((snippet) => (
-          <button
-            key={snippet.id}
-            onClick={() => setActiveSnippet(snippet)}
-            className={`px-5 py-2 rounded-xl text-[10px] font-bold uppercase tracking-wider transition-all border ${activeSnippet.id === snippet.id
-              ? 'bg-indigo-600 text-white border-indigo-600 shadow-lg shadow-indigo-200 dark:shadow-indigo-500/20 scale-105'
-              : 'bg-white dark:bg-white/5 border-slate-200 dark:border-white/10 text-slate-500 dark:text-white/40 hover:text-indigo-600 dark:hover:text-indigo-400 hover:border-indigo-300 dark:hover:border-white/20'
-              }`}
-          >
-            {snippet.title}
-          </button>
-        ))}
-      </div>
-
-      {/* Visual Progress Bar */}
-      <div className="mb-6 bg-slate-100 dark:bg-white/5 rounded-full h-2.5 overflow-hidden border border-slate-200/50 dark:border-white/5 relative">
-        <div 
-          className="h-full bg-gradient-to-r from-indigo-500 via-indigo-600 to-violet-600 transition-all duration-500 rounded-full shadow-[0_0_8px_rgba(99,102,241,0.5)]"
-          style={{ width: `${progressPercent}%` }}
-        />
-      </div>
-
-      <div className="flex-grow flex flex-col gap-6 animate-in fade-in slide-in-from-bottom-2 duration-500">
-        <div className="max-w-2xl flex items-start justify-between gap-4 flex-wrap sm:flex-nowrap">
-          <div>
-            <h3 className="text-xl font-bold text-slate-900 dark:text-white mb-2 flex items-center gap-3">
-              {activeSnippet.title}
-              <span className="text-[10px] font-extrabold uppercase px-2 py-0.5 rounded bg-indigo-50 dark:bg-indigo-500/10 border border-indigo-100 dark:border-indigo-500/20 text-indigo-600 dark:text-indigo-400">
-                Step {currentIndex + 1} of {totalSteps}
-              </span>
-            </h3>
-            <p className="text-sm text-slate-500 dark:text-white/40 leading-relaxed font-medium italic">
-              {activeSnippet.description}
-            </p>
-          </div>
-          <span className="text-xs font-mono font-bold text-indigo-600 dark:text-indigo-400 self-center shrink-0">
-            {progressPercent}% Complete
-          </span>
-        </div>
-        
-        <CodeViewer snippet={activeSnippet} />
-
-        {/* Next/Prev Navigation */}
-        <div className="flex items-center justify-between border-t border-slate-200 dark:border-white/10 pt-6 mt-4">
-          <button
-            onClick={handlePrev}
-            disabled={isFirst}
-            className={`flex items-center gap-2 px-5 py-2.5 rounded-xl text-xs font-bold transition-all border ${
-              isFirst
-                ? 'opacity-40 cursor-not-allowed border-slate-200 dark:border-white/5 text-slate-400 dark:text-white/20 bg-slate-50 dark:bg-transparent'
-                : 'bg-white dark:bg-white/5 border-slate-200 dark:border-white/10 text-slate-700 dark:text-white/70 hover:border-slate-300 dark:hover:border-white/20 active:scale-95'
-            }`}
-          >
-            <ArrowLeft size={14} /> Previous Step
-          </button>
-          
-          <button
-            onClick={handleNext}
-            disabled={isLast}
-            className={`flex items-center gap-2 px-6 py-2.5 rounded-xl text-xs font-bold transition-all border ${
-              isLast
-                ? 'opacity-40 cursor-not-allowed border-slate-200 dark:border-white/5 text-slate-400 dark:text-white/20 bg-slate-50 dark:bg-transparent'
-                : 'bg-indigo-600 text-white border-indigo-600 hover:bg-indigo-700 hover:border-indigo-700 active:scale-95 shadow-md shadow-indigo-500/10'
-            }`}
-          >
-            {isLast ? 'Complete!' : 'Next Step'} <ArrowRight size={14} />
-          </button>
-        </div>
-      </div>
-    </>
-  );
-}

package/src/components/Documentation.tsx

@@ -1,121 +0,0 @@
-'use client';
-
-import React from 'react';
-import { FileText, Zap, Package, ExternalLink, Code } from 'lucide-react';
-import { DocViewer } from '@/components/DocViewer';
-import { LANDING_PAGE_CONTENT, QUICK_START_STEPS, ADVANCED_STEPS, API_ENDPOINTS, SNIPPETS } from '@/app/constants';
-import { Snippet } from '@/app/types';
-
-export function Documentation() {
-  const [activeSnippet, setActiveSnippet] = React.useState<Snippet>(SNIPPETS[0]);
-
-  return (
-    <div className="mt-32 max-w-6xl mx-auto mb-24 relative">
-      <div className="text-center mb-16">
-        <h2 className="text-3xl font-bold text-slate-900 dark:text-white mb-4">{LANDING_PAGE_CONTENT.guide.title}</h2>
-        <p className="text-slate-600 dark:text-white/40 max-w-2xl mx-auto">{LANDING_PAGE_CONTENT.guide.subtitle}</p>
-      </div>
-      <div className="relative z-10 w-full grid gap-16 lg:grid-cols-[280px_1fr] items-start">
-        <aside className="flex flex-col gap-8">
-          <section>
-            <h2 className="mb-4 text-[10px] font-black text-slate-400 dark:text-white/30 uppercase tracking-[0.3em] flex items-center gap-3">
-              <FileText size={14} className="text-indigo-500" /> Quick Start
-            </h2>
-            <ol className="space-y-2.5">
-              {QUICK_START_STEPS.map((step, i) => {
-                const isActive = activeSnippet.id === step.id;
-                return (
-                  <li key={step.id}>
-                    <button
-                      onClick={() => {
-                        const snip = SNIPPETS.find((s) => s.id === step.id);
-                        if (snip) setActiveSnippet(snip);
-                      }}
-                      className={`w-full flex items-start gap-4 p-3 rounded-xl border text-left transition-all active:scale-[0.98] ${
-                        isActive
-                          ? 'bg-indigo-500/10 dark:bg-indigo-500/10 border-indigo-200 dark:border-indigo-500/30'
-                          : 'bg-white dark:bg-white/3 border-slate-200 dark:border-white/5 hover:border-slate-300 dark:hover:border-white/10 hover:bg-slate-50 dark:hover:bg-white/5 shadow-sm'
-                      }`}
-                    >
-                      <span className={`flex h-6 w-6 shrink-0 items-center justify-center rounded-lg font-mono text-[10px] font-bold border transition-all ${
-                        isActive
-                          ? 'bg-indigo-600 text-white border-indigo-600 shadow-md shadow-indigo-500/20'
-                          : 'bg-slate-100 dark:bg-white/5 text-slate-600 dark:text-white/40 border-slate-200 dark:border-white/10'
-                      }`}>{i + 1}</span>
-                      <div className="pt-0.5">
-                        <span className={`text-xs font-semibold block transition-colors ${
-                          isActive ? 'text-indigo-600 dark:text-indigo-400 font-bold' : 'text-slate-700 dark:text-white/70 font-medium'
-                        }`}>{step.text}</span>
-                        <span className="text-[9px] text-slate-400 dark:text-white/30 block mt-0.5">Step {i + 1}</span>
-                      </div>
-                    </button>
-                  </li>
-                );
-              })}
-            </ol>
-          </section>
-
-          <section>
-            <h2 className="mb-4 text-[10px] font-black text-slate-400 dark:text-white/30 uppercase tracking-[0.3em] flex items-center gap-3">
-              <Code size={14} className="text-violet-500" /> Advanced Options
-            </h2>
-            <ol className="space-y-2.5">
-              {ADVANCED_STEPS.map((step, i) => {
-                const isActive = activeSnippet.id === step.id;
-                return (
-                  <li key={step.id}>
-                    <button
-                      onClick={() => {
-                        const snip = SNIPPETS.find((s) => s.id === step.id);
-                        if (snip) setActiveSnippet(snip);
-                      }}
-                      className={`w-full flex items-start gap-4 p-3 rounded-xl border text-left transition-all active:scale-[0.98] ${
-                        isActive
-                          ? 'bg-violet-500/10 dark:bg-violet-500/10 border-violet-200 dark:border-violet-500/30'
-                          : 'bg-white dark:bg-white/3 border-slate-200 dark:border-white/5 hover:border-slate-300 dark:hover:border-white/10 hover:bg-slate-50 dark:hover:bg-white/5 shadow-sm'
-                      }`}
-                    >
-                      <span className={`flex h-6 w-6 shrink-0 items-center justify-center rounded-lg font-mono text-[10px] font-bold border transition-all ${
-                        isActive
-                          ? 'bg-violet-600 text-white border-violet-600 shadow-md shadow-violet-500/20'
-                          : 'bg-slate-100 dark:bg-white/5 text-slate-600 dark:text-white/40 border-slate-200 dark:border-white/10'
-                      }`}>{i + 5}</span>
-                      <div className="pt-0.5">
-                        <span className={`text-xs font-semibold block transition-colors ${
-                          isActive ? 'text-violet-600 dark:text-violet-400 font-bold' : 'text-slate-700 dark:text-white/70 font-medium'
-                        }`}>{step.text}</span>
-                        <span className="text-[9px] text-slate-400 dark:text-white/30 block mt-0.5">Extension</span>
-                      </div>
-                    </button>
-                  </li>
-                );
-              })}
-            </ol>
-          </section>
-
-          <section className="rounded-2xl border border-slate-200 dark:border-white/10 bg-white dark:bg-white/3 p-6 shadow-sm">
-            <h2 className="mb-6 text-[10px] font-black text-slate-400 dark:text-white/30 uppercase tracking-[0.3em] flex items-center gap-3">
-              <Zap size={14} className="text-indigo-500" /> API Endpoints
-            </h2>
-            <div className="grid gap-2.5">
-              {API_ENDPOINTS.map((slug) => (
-                <div key={slug} className="group flex items-center justify-between p-2 rounded-lg bg-slate-50 dark:bg-white/5 border border-slate-100 dark:border-white/5 hover:border-indigo-200 dark:hover:border-indigo-500/30">
-                  <span className="text-[10px] font-mono text-slate-500 dark:text-white/30 group-hover:text-indigo-600">/api/{slug}</span>
-                  <span className="text-[8px] font-bold text-indigo-600 dark:text-indigo-400 bg-indigo-50 dark:bg-indigo-500/10 px-1.5 py-0.5 rounded border border-indigo-100 dark:border-indigo-500/20">POST</span>
-                </div>
-              ))}
-            </div>
-          </section>
-        </aside>
-        <section className="flex flex-col h-full min-h-[560px]">
-          <DocViewer activeSnippet={activeSnippet} setActiveSnippet={setActiveSnippet} />
-        </section>
-      </div>
-      <div className="mt-16 text-center">
-        <a href="https://www.npmjs.com/package/@retrivora-ai/rag-engine" className="inline-flex items-center gap-3 px-8 py-4 rounded-2xl bg-slate-900 dark:bg-white text-white dark:text-slate-900 font-bold shadow-xl shadow-indigo-500/20">
-          <Package className="w-5 h-5" /> Get Started on NPM <ExternalLink className="w-4 h-4" />
-        </a>
-      </div>
-    </div>
-  );
-}

package/src/components/Hero.tsx

@@ -1,59 +0,0 @@
-'use client';
-
-import React from 'react';
-import { useConfig } from '@/components/ConfigProvider';
-import { ChatWindow } from '@/components/ChatWindow';
-import { LANDING_PAGE_CONTENT, VECTOR_DATABASES, AI_MODELS } from '@/app/constants';
-
-export function Hero() {
-  const { ui } = useConfig();
-
-  return (
-    <div className="grid lg:grid-cols-2 gap-12 items-start">
-      <div className="flex flex-col gap-6 pt-4">
-        <div
-          className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full text-xs font-medium border w-fit"
-          style={{ borderColor: `${ui.primaryColor}40`, color: ui.primaryColor, background: `${ui.primaryColor}10` }}
-        >
-          <span className="w-1.5 h-1.5 rounded-full animate-pulse" style={{ background: ui.primaryColor }} />
-          {LANDING_PAGE_CONTENT.hero.badge}
-        </div>
-        <h1 className="text-5xl md:text-7xl font-black text-slate-900 dark:text-white mb-6 tracking-tight">
-          {LANDING_PAGE_CONTENT.hero.title.split('for')[0]} <br />
-          <span className="text-transparent bg-clip-text" style={{ backgroundImage: `linear-gradient(to right, ${ui.primaryColor}, ${ui.accentColor})` }}>
-            for {LANDING_PAGE_CONTENT.hero.title.split('for')[1]}
-          </span>
-        </h1>
-        <p className="text-lg md:text-xl text-slate-600 dark:text-white/40 max-w-2xl leading-relaxed">
-          {LANDING_PAGE_CONTENT.hero.subtitle}
-        </p>
-        <div className="flex flex-col gap-4 mt-4">
-          <div className="flex flex-col gap-2">
-            <span className="text-[10px] font-black text-slate-400 dark:text-white/30 uppercase tracking-[0.2em] ml-1">Vector Ecosystem</span>
-            <div className="flex flex-wrap gap-2">
-              {VECTOR_DATABASES.map(({ Icon, label }) => (
-                <span key={label} className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white dark:bg-white/5 border border-slate-200 dark:border-white/10 text-slate-600 dark:text-white/60 text-[11px] font-semibold hover:bg-slate-50 dark:hover:bg-white/8 transition-all shadow-sm group">
-                  <Icon className="w-3 h-3 transition-transform group-hover:scale-110" style={{ color: ui.primaryColor }} /> {label}
-                </span>
-              ))}
-            </div>
-          </div>
-
-          <div className="flex flex-col gap-2">
-            <span className="text-[10px] font-black text-slate-400 dark:text-white/30 uppercase tracking-[0.2em] ml-1">AI Model Garden</span>
-            <div className="flex flex-wrap gap-2">
-              {AI_MODELS.map(({ Icon, label }) => (
-                <span key={label} className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white dark:bg-white/5 border border-slate-200 dark:border-white/10 text-slate-600 dark:text-white/60 text-[11px] font-semibold hover:bg-slate-50 dark:hover:bg-white/8 transition-all shadow-sm group">
-                  <Icon className="w-3 h-3 transition-transform group-hover:scale-110" style={{ color: ui.accentColor }} /> {label}
-                </span>
-              ))}
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="lg:sticky lg:top-6 h-[calc(100vh-3rem)] min-h-[500px] max-h-[800px]">
-        <ChatWindow className="w-full h-full" />
-      </div>
-    </div>
-  );
-}

package/src/components/Lifecycle.tsx

@@ -1,37 +0,0 @@
-'use client';
-
-import React from 'react';
-import { LANDING_PAGE_CONTENT, PIPELINE_STEPS } from '@/app/constants';
-
-export function Lifecycle() {
-  return (
-    <div className="mt-24 mb-12">
-      <h2 className="text-2xl font-bold text-slate-900 dark:text-white text-center mb-2">{LANDING_PAGE_CONTENT.lifecycle.title}</h2>
-      <div className="relative max-w-5xl mx-auto py-12">
-        <div className="absolute left-1/2 top-0 bottom-0 w-0.5 bg-slate-200 dark:bg-white/10 -translate-x-1/2 hidden md:block" />
-        <div className="space-y-12 md:space-y-0">
-          {PIPELINE_STEPS.map(({ step, Icon, title, desc, colors }, index) => {
-            const isLeft = index % 2 === 0;
-            return (
-              <div key={step} className={`relative flex flex-col md:flex-row items-center gap-8 ${isLeft ? 'md:flex-row' : 'md:flex-row-reverse'}`}>
-                <div className={`w-full md:w-1/2 relative flex ${isLeft ? 'justify-end' : 'justify-start'}`}>
-                  <div className="relative p-6 rounded-2xl border border-slate-200 dark:border-white/10 bg-white dark:bg-white/3 max-w-md text-left overflow-hidden group">
-                    <div className="absolute -right-2 -bottom-4 text-7xl font-bold opacity-[0.1] italic" style={{ color: colors.from }}>{step}</div>
-                    <h3 className="font-semibold text-slate-900 dark:text-white mb-2 text-lg flex items-center gap-2">
-                      <Icon className="w-5 h-5" style={{ color: colors.from }} /> {title}
-                    </h3>
-                    <p className="text-slate-600 dark:text-white/40 text-sm leading-relaxed">{desc}</p>
-                  </div>
-                </div>
-                <div className="relative z-10 w-12 h-12 rounded-2xl flex items-center justify-center shadow-xl border-4 border-slate-50 dark:border-[#080811]" style={{ background: `linear-gradient(135deg, ${colors.from}, ${colors.to})` }}>
-                  <Icon className="w-6 h-6 text-white" />
-                </div>
-                <div className="hidden md:block md:w-1/2" />
-              </div>
-            );
-          })}
-        </div>
-      </div>
-    </div>
-  );
-}

package/src/components/Navbar.tsx

@@ -1,55 +0,0 @@
-'use client';
-
-import React from 'react';
-import { Zap, Package, GitBranch, HeartPulse } from 'lucide-react';
-import { ThemeToggle } from '@/components/ThemeToggle';
-import { useConfig } from '@/components/ConfigProvider';
-import pkg from '../../package.json';
-
-export function Navbar() {
-  const { ui } = useConfig();
-
-  return (
-    <nav className="sticky top-0 z-50 flex items-center justify-between px-8 py-5 border-b border-slate-200 dark:border-white/5 bg-white/80 dark:bg-[#080811]/80 backdrop-blur-md">
-      <div className="flex items-center gap-3 group cursor-default">
-        <div className="relative">
-          <div
-            className="w-10 h-10 rounded-xl flex items-center justify-center shadow-lg relative z-10 overflow-hidden transition-transform group-hover:scale-110 duration-500"
-            style={{ background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` }}
-          >
-            <Zap className="w-5 h-5 text-white animate-pulse" />
-            <div className="absolute inset-0 bg-white/20 opacity-0 group-hover:opacity-100 transition-opacity" />
-          </div>
-          <div
-            className="absolute inset-0 blur-lg opacity-40 group-hover:opacity-80 transition-opacity"
-            style={{ background: ui.primaryColor }}
-          />
-        </div>
-        <div className="flex flex-col -gap-0.5">
-          <span className="font-black text-transparent bg-clip-text text-xl tracking-tight leading-none"
-            style={{ backgroundImage: `linear-gradient(to right, ${ui.primaryColor}, ${ui.accentColor})` }}
-          >
-            Retrivora&nbsp;AI
-          </span>
-          <div className="flex items-center gap-1.5">
-            <span className="font-bold text-slate-900 dark:text-white text-[10px] tracking-[0.15em] uppercase opacity-70">Accelerator</span>
-            <span className="text-[9px] px-1.5 py-0.5 rounded-full bg-slate-100 dark:bg-white/5 text-slate-500 dark:text-white/40 font-mono border border-slate-200/50 dark:border-white/10">v{pkg?.version}</span>
-          </div>
-        </div>
-      </div>
-
-      <div className="flex items-center gap-3">
-        <ThemeToggle />
-        <a href="https://www.npmjs.com/package/@retrivora-ai/rag-engine" target="_blank" rel="noreferrer" className="text-slate-500 hover:text-[#CB3837] dark:text-white/40 dark:hover:text-[#CB3837] text-sm transition-colors flex items-center gap-1.5">
-          <Package className="w-4 h-4" /> NPM
-        </a>
-        <a href="https://github.com/abhinav1201/ai-accelerator" target="_blank" rel="noreferrer" className="text-slate-500 hover:text-slate-900 dark:text-white/40 dark:hover:text-white/70 text-sm transition-colors flex items-center gap-1.5">
-          <GitBranch className="w-4 h-4" /> GitHub
-        </a>
-        <a href="/api/health" target="_blank" rel="noreferrer" className="px-3 py-1.5 rounded-lg text-xs border border-slate-200 dark:border-white/10 text-slate-600 dark:text-white/50 hover:text-slate-900 dark:hover:text-white/80 hover:bg-slate-100 dark:hover:bg-white/5 transition-all flex items-center gap-1.5">
-          <HeartPulse className="w-3.5 h-3.5" /> Health
-        </a>
-      </div>
-    </nav>
-  );
-}