191 lines
7.9 KiB
HTML
191 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ChromaDB — Nexus One AI Portal</title>
|
|
<link rel="stylesheet" href="style.css?v=4">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="topnav">
|
|
<a href="index.html" class="brand">Nexus One <span>AI</span></a>
|
|
<nav>
|
|
<a href="index.html">Home</a>
|
|
<a href="quickstart.html">Quick Start</a>
|
|
<a href="prompts.html">Prompt Library</a>
|
|
<a href="usecases.html">Use Cases</a>
|
|
<span class="nav-sep"></span>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">Help ▾</button>
|
|
<div class="nav-drop-menu">
|
|
<span class="nav-drop-cat">LEARN /</span>
|
|
<a href="quickstart.html">Quick Start</a>
|
|
<a href="models.html">Models</a>
|
|
<span class="nav-drop-cat">SUPPORT /</span>
|
|
<a href="troubleshooting.html">Troubleshoot</a>
|
|
<a href="faq.html">FAQ</a>
|
|
<span class="nav-drop-cat">MORE /</span>
|
|
<a href="glossary.html">Glossary</a>
|
|
<a href="whats-new.html">What's New</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">Admin ▾</button>
|
|
<div class="nav-drop-menu nav-drop-menu-wide">
|
|
<span class="nav-drop-cat">DOCS /</span>
|
|
<a href="security.html">Security & Privacy</a>
|
|
<a href="admin.html">Admin Guide</a>
|
|
<span class="nav-drop-cat">MONITOR /</span>
|
|
<a href="dashboard.html">Dashboard</a>
|
|
<a href="analytics.html">Usage Analytics</a>
|
|
<a href="audit.html">Audit Log</a>
|
|
<a href="feedback.html">Feedback & Ratings</a>
|
|
<span class="nav-drop-cat">MANAGE /</span>
|
|
<a href="users.html">Users</a>
|
|
<a href="teams.html">Teams</a>
|
|
<a href="models-admin.html">Model Manager</a>
|
|
<a href="training.html">Training</a>
|
|
<a href="knowledge.html">Knowledge Base</a>
|
|
<span class="nav-drop-cat">TOOLS /</span>
|
|
<a href="apikeys.html">API Keys</a>
|
|
<a href="benchmark.html">Benchmarking</a>
|
|
<a href="model-compare.html">Model Compare</a>
|
|
<a href="api-playground.html">API Playground</a>
|
|
<a href="guardrails.html">Guardrails</a>
|
|
<a href="rag-quality.html">RAG Quality</a>
|
|
<a href="router.html">Model Router</a>
|
|
<a href="connectors.html">Connectors</a>
|
|
<span class="nav-drop-cat">SYSTEM /</span>
|
|
<a href="console.html">Console</a>
|
|
<a href="settings.html">Settings</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">AI Tools ▾</button>
|
|
<div class="nav-drop-menu">
|
|
<span class="nav-drop-cat">INTELLIGENCE /</span>
|
|
<a href="documents.html">Document Intelligence</a>
|
|
<a href="chat-multi.html">Multimodal Chat</a>
|
|
<a href="prompt-studio.html">Prompt Studio</a>
|
|
<a href="meeting.html">Meeting Assistant</a>
|
|
<span class="nav-drop-cat">AUTOMATION /</span>
|
|
<a href="agents.html">Agent Builder</a>
|
|
<a href="schedules.html">Scheduled Jobs</a>
|
|
<a href="workflows.html">Workflow Automation</a>
|
|
<span class="nav-drop-cat">QUALITY /</span>
|
|
<a href="evals.html">AI Eval Suite</a>
|
|
<a href="chatrooms.html">Chat Rooms</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<a href="notifications.html" style="position:relative">🔔</a>
|
|
<span class="badge" data-brand="tier">Basic Tier</span>
|
|
<div id="nav-org-logo" class="nav-org-logo"></div>
|
|
</header>
|
|
|
|
<div class="tool-hero">
|
|
<div class="tool-icon">🗂️</div>
|
|
<div class="tool-meta">
|
|
<a href="index.html#tools" class="back-link">← All Tools</a>
|
|
<h1>ChromaDB</h1>
|
|
<div class="tagline">The document memory layer — stores your files so the AI can search and answer questions about them.</div>
|
|
<div class="hero-actions">
|
|
<a href="http://ai.local:8000/docs" target="_blank" class="btn-primary">Open API Explorer ↗</a>
|
|
<a href="http://ai.local:8000/api/v1/heartbeat" target="_blank" class="btn-secondary">Heartbeat Check ↗</a>
|
|
<span class="access-pill">🔌 http://ai.local:8000</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
|
|
<div class="section-title">What is it?</div>
|
|
<div class="info-grid">
|
|
<div class="info-card">
|
|
<h4>In plain terms</h4>
|
|
<p>ChromaDB is a <em>vector database</em> — a special kind of storage that lets the AI find relevant content in your documents based on meaning, not just keywords. When you upload a document, ChromaDB breaks it into chunks, converts them into numbers (embeddings), and stores them. When you ask a question, ChromaDB finds the most relevant chunks and passes them to the AI so it can answer accurately.</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>What it enables</h4>
|
|
<ul>
|
|
<li>Ask questions across thousands of documents instantly</li>
|
|
<li>AI answers are grounded in your actual documents — not guessed</li>
|
|
<li>Works with PDFs, Word docs, text files, markdown</li>
|
|
<li>Searches by meaning — "budget constraints" finds "cost limitations" too</li>
|
|
<li>Completely local — documents never leave your server</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="notice">
|
|
💡 <strong>This is what makes "chat with documents" work.</strong> Without ChromaDB, the AI can only use its training knowledge. With ChromaDB, it can search and reference your actual files.
|
|
</div>
|
|
|
|
<div class="section-title">How to use it</div>
|
|
<div class="info-grid">
|
|
<div class="info-card">
|
|
<h4>Through Open WebUI (easiest)</h4>
|
|
<p>Upload documents directly in the chat interface. Open WebUI sends them to ChromaDB automatically. You don't need to know ChromaDB exists — it works behind the scenes.</p>
|
|
<br>
|
|
<p>Go to <strong>Workspace → Knowledge</strong> in Open WebUI to create document collections you can query across multiple conversations.</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>Through Python (for developers)</h4>
|
|
<p>Use the ChromaDB Python library to add documents, query them, and manage collections programmatically. This is how LangChain and custom applications connect to it.</p>
|
|
<br>
|
|
<p>API available at <code>http://localhost:8000</code> for direct access from applications.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">How document Q&A works</div>
|
|
<div class="steps">
|
|
<div class="step">
|
|
<div class="step-num">1</div>
|
|
<div>
|
|
<h4>You upload a document</h4>
|
|
<p>A PDF, Word doc, or text file. Could be a 200-page tender document or a one-page SOP.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">2</div>
|
|
<div>
|
|
<h4>ChromaDB splits and stores it</h4>
|
|
<p>The document is split into overlapping chunks (e.g., 500 words each). Each chunk is converted into a numerical "embedding" that captures its meaning, and stored in ChromaDB.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">3</div>
|
|
<div>
|
|
<h4>You ask a question</h4>
|
|
<p>Your question is also converted into an embedding. ChromaDB finds the chunks most similar in meaning to your question.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">4</div>
|
|
<div>
|
|
<h4>AI reads and answers</h4>
|
|
<p>The top matching chunks are sent to the AI model along with your question. The AI reads them and gives you an accurate, sourced answer — not a guess.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">Works with</div>
|
|
<div class="works-with">
|
|
<a href="tool-openwebui.html">💬 Open WebUI</a>
|
|
<a href="tool-langchain.html">🔗 LangChain</a>
|
|
<a href="tool-jupyter.html">📓 Jupyter</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer>
|
|
<p>Nexus One AI · Powered by Cezen · Basic Tier</p>
|
|
<p>Questions? <a href="mailto:support@cezentech.com">support@cezentech.com</a></p>
|
|
</footer>
|
|
|
|
<script src="auth.js"></script>
|
|
<script src="branding.js"></script>
|
|
</body>
|
|
</html>
|