mirror of
https://github.com/ruvnet/RuVector.git
synced 2026-05-26 16:04:02 +00:00
814f595995
Major additions: - Complete Next.js studio application with 1600+ components - Docker support (Dockerfile.combined, docker-compose.yml) - GCP deployment documentation and benchmarks - SQL benchmark scripts for performance testing - Sentry integration for monitoring - Comprehensive test suite and mocks Studio features: - Dashboard and admin interfaces - Data visualization components - Authentication and user management - API integration with RuVector backend - Static data and public assets 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
38 lines
1.4 KiB
TypeScript
38 lines
1.4 KiB
TypeScript
import { useParams } from 'common'
|
|
import { InlineLink } from 'components/ui/InlineLink'
|
|
import { BASE_PATH } from 'lib/constants'
|
|
import Image from 'next/image'
|
|
|
|
export const APISidePanelPreview = () => {
|
|
const { ref } = useParams()
|
|
|
|
return (
|
|
<div className="space-y-2">
|
|
<p className="text-foreground-light text-sm mb-4">
|
|
Your project's API documentation will be available on any page across the dashboard. <br />
|
|
Get contextualized code snippets based on what you're viewing in the dashboard. Less
|
|
thinking, more building.
|
|
</p>
|
|
<Image
|
|
src={`${BASE_PATH}/img/previews/api-docs-preview.png`}
|
|
width={1860}
|
|
height={970}
|
|
alt="api-docs-side-panel-preview"
|
|
className="rounded border"
|
|
/>
|
|
<div className="space-y-2 !mt-4">
|
|
<p className="text-sm">Enabling this preview will:</p>
|
|
<ul className="list-disc pl-6 text-sm text-foreground-light space-y-1">
|
|
<li>
|
|
Replace the original API documentation page with a global API documentation side panel
|
|
that can be accessed anywhere while in a project.
|
|
</li>
|
|
<li>
|
|
Move the GraphiQL interface the Database section of the dashboard{' '}
|
|
<InlineLink href={`/project/${ref}/database/graphiql`}>here</InlineLink>.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|