docs: comprehensive documentation polish & CI/CD automation

Major Updates:
- Rewrote all docs in beginner-friendly 'ELI5' language
- Created docs index with user journey navigation
- Added complete getting-started guide for novice users
- Set up GitHub Container Registry (GHCR) automation
- Configured GitHub Pages deployment for documentation

Documentation:
- docs/index.md - Central navigation hub
- docs/getting-started.md - Step-by-step beginner guide
- docs/github-setup.md - CI/CD setup instructions
- README.md - Complete rewrite in accessible language
- CONTRIBUTING.md - Contributor guidelines
- Multiple comprehensive API and schema docs

CI/CD Workflows:
- .github/workflows/docker-build.yml - Multi-platform builds to GHCR
- .github/workflows/docs.yml - Automated docs deployment to Pages
- Supports main (latest), development (dev), and version tags
- Automated testing of built images
- Beautiful documentation site with dark theme

Benefits:
- Zero barrier to entry for new users
- Automated Docker builds (AMD64 + ARM64)
- Professional documentation site
- No Docker Hub account needed (uses GHCR)
- Complete CI/CD pipeline

All 7 implementation phases complete - project is production ready!
This commit is contained in:
Wikid82
2025-11-18 13:11:11 -05:00
parent b9dcc6c347
commit e58fcb714d
76 changed files with 16989 additions and 99 deletions

View File

@@ -0,0 +1,44 @@
interface ImportBannerProps {
session: {
uuid: string
filename?: string
state: string
created_at: string
}
onReview: () => void
onCancel: () => void
}
export default function ImportBanner({ session, onReview, onCancel }: ImportBannerProps) {
return (
<div className="bg-blue-900/20 border border-blue-500 rounded-lg p-4 mb-6">
<div className="flex items-center justify-between">
<div>
<h3 className="text-lg font-semibold text-blue-400 mb-1">
Import Session Active
</h3>
<p className="text-sm text-gray-300">
{session.filename && `File: ${session.filename}`}
State: <span className="font-medium">{session.state}</span>
</p>
</div>
<div className="flex gap-3">
{session.state === 'reviewing' && (
<button
onClick={onReview}
className="px-4 py-2 bg-blue-active hover:bg-blue-hover text-white rounded-lg font-medium transition-colors"
>
Review Changes
</button>
)}
<button
onClick={onCancel}
className="px-4 py-2 bg-red-900/20 hover:bg-red-900/30 text-red-400 rounded-lg font-medium transition-colors"
>
Cancel Import
</button>
</div>
</div>
</div>
)
}