197 lines
7.5 KiB
HTML
197 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Open WebUI — 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>Open WebUI</h1>
|
|
<div class="tagline">Your private, local ChatGPT — runs entirely on your server, no internet required.</div>
|
|
<div class="hero-actions">
|
|
<a href="http://ai.local:3001" target="_blank" class="btn-primary">Open Chat Interface ↗</a>
|
|
<span class="access-pill">🌐 http://ai.local:3001</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>Open WebUI is the chat interface your team uses to talk to AI models. It looks and works like ChatGPT, but all conversations stay on your server — nothing is sent to the internet. You can upload documents, switch between models, and save conversation history.</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>What you can do</h4>
|
|
<ul>
|
|
<li>Chat with any installed AI model</li>
|
|
<li>Upload PDFs and ask questions about them</li>
|
|
<li>Create custom AI assistants for specific tasks</li>
|
|
<li>Share conversations with your team</li>
|
|
<li>Set up user accounts and access controls</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">How to access it</div>
|
|
<div class="access-box">
|
|
<h4>Open in your browser</h4>
|
|
<div class="access-row">
|
|
<span class="label">URL</span>
|
|
<span class="value">http://ai.local:3001</span>
|
|
</div>
|
|
<div class="access-row">
|
|
<span class="label">Or via IP</span>
|
|
<span class="value">http://[server-ip]:3001</span>
|
|
</div>
|
|
<div class="access-row">
|
|
<span class="label">Default admin</span>
|
|
<span class="value">Set on first login</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="notice">
|
|
💡 Open WebUI works in any browser on your local network — Chrome, Firefox, Edge, Safari. No software installation needed on your computer.
|
|
</div>
|
|
|
|
<div class="section-title">Getting started</div>
|
|
<div class="steps">
|
|
<div class="step">
|
|
<div class="step-num">1</div>
|
|
<div>
|
|
<h4>Open the chat interface</h4>
|
|
<p>Go to <code>http://ai.local:3001</code> in your browser. Sign in with the account your administrator created for you, or create the admin account on first visit.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">2</div>
|
|
<div>
|
|
<h4>Select a model</h4>
|
|
<p>Click the model name at the top of the chat to choose which AI model to use. Your system has Llama 3.1 installed by default — start there.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">3</div>
|
|
<div>
|
|
<h4>Start chatting</h4>
|
|
<p>Type your question or request in the box at the bottom and press Enter. The AI responds in seconds — all on your server.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">4</div>
|
|
<div>
|
|
<h4>Chat with a document (RAG)</h4>
|
|
<p>Click the <strong>+</strong> icon next to the input box and upload a PDF or text file. Then ask questions about it — "Summarise this", "What does section 3 say about payments?", etc.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">5</div>
|
|
<div>
|
|
<h4>Create a custom assistant</h4>
|
|
<p>Go to <strong>Workspace → Models</strong> to create a named assistant with a specific system prompt — for example, an "HR Policy Assistant" that only answers based on your HR documents.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">Works with</div>
|
|
<div class="works-with">
|
|
<a href="tool-ollama.html">🦙 Ollama</a>
|
|
<a href="tool-chromadb.html">🗂️ ChromaDB</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>
|