- Accordion
- Alert
- Alert Dialog
- Autocomplete
- Auth Surface
- Avatar
- Badge
- Browse Catalog Dialog
- Button
- Card
- Checkbox
- Checkbox Group
- Collapsible
- Combobox
- Command
- Connector Setup Dialog
- Cookie Banner
- Dialog
- Directory Card
- Directory Detail
- Directory Skeleton
- DrawerНовое
- Token Parts Input
- Empty
- Field
- Fieldset
- File Preview Modal
- File Preview Skeleton
- Form
- Frame
- Group
- Icon
- Input
- Input Group
- Kbd
- Label
- Legal Shell
- Menu
- Mermaid Diagram
- Mind Map Diagram
- Not Found Screen
- Onboarding Frame
- Popover
- PDF Thumbnail
- Personalization Landing
- Preview Card
- Pricing Page
- Progress
- Radio Group
- Ring Spinner
- Scroll Area
- Select
- Separator
- Settings Page
- Settings Skills
- Settings Connectors
- Settings Capabilities
- Settings Usage
- Settings Account
- Settings Billing
- Sheet
- Sidebar
- Skeleton
- Skill Create Dialog
- Slider
- Spinner
- Stat
- Switch
- Table
- Tabs
- Textarea
- Toast
- Toggle
- Tooltip
- Компоненты AI
- Chat Conversation
- Chat Message
- Chat Response
- Chat Suggestion
- Chat Prompt Input
- Slash Highlighted Textarea
- Chat Search Dialog
- Chat Skill Doc
- Chat Connector Detail
- Chat Attachments
- Chat File Card
- Chat Token Chip
- Chat Code Block
- Chat Image
- Chat Inline Citation
- Chat Sources
- Chat Web Search
- Chat Research
- Chat Source
- Chat Actions
- Chat Context
- Chat Loader
- Chat Compaction
- Chat Timeline
- Chat Snippet
- Chat Terminal
- Chat Stack Trace
- Chat Test Results
- Chat File Tree
- Chat Environment Variables
- Chat Audio Player
- Chat Transcription
- Chat Speech Input
- Chat Mic Selector
- Chat Voice Selector
- Chat Agent
- Chat Persona
- Chat Connection
- Chat Connector Suggestion
- Chat Queue
- Chat Checkpoint
- Chat Confirmation
- Chat Artifact
- Chat JSX Preview
- Chat Schema Display
- Chat Package Info
- Chat Commit
- Chat Plan
- Chat Open In Chat
- Chat Sandbox
- Chat Model Selector
- Chat Canvas
- Chat Node
- Chat Edge
Legal Shell
Общий «хром» правовых страниц — кнопка «Назад», заголовок, секции, маркированные списки и футер со ссылками и почтой.
Условия использования
Последнее обновление: 28 июня 2026 г.
Настоящие Условия регулируют использование сервиса Oracul. Используя сервис, вы соглашаетесь с положениями ниже.
1. Общие положения
Сервис предоставляется «как есть». Мы стремимся обеспечить стабильную работу, но не гарантируем бесперебойность.
2. Использование
Пользуясь сервисом, вы обязуетесь:
- соблюдать применимое законодательство;
- не нарушать права третьих лиц;
- не пытаться нарушить работу сервиса.
import {
LegalList,
LegalSection,
LegalShell,
} from "@/components/ui/legal-shell";
export default function Particle() {
return (
// min-h-0 neutralises the component's min-h-svh so the demo fits the tile.
<LegalShell
className="min-h-0 py-8"
intro="Настоящие Условия регулируют использование сервиса Oracul. Используя сервис, вы соглашаетесь с положениями ниже."
title="Условия использования"
updated="28 июня 2026 г."
>
<LegalSection n={1} title="Общие положения">
<p>
Сервис предоставляется «как есть». Мы стремимся обеспечить стабильную
работу, но не гарантируем бесперебойность.
</p>
</LegalSection>
<LegalSection n={2} title="Использование">
<p>Пользуясь сервисом, вы обязуетесь:</p>
<LegalList
items={[
"соблюдать применимое законодательство;",
"не нарушать права третьих лиц;",
"не пытаться нарушить работу сервиса.",
]}
/>
</LegalSection>
</LegalShell>
);
}
Установка
pnpm dlx shadcn@latest add @oracul/legal-shell
Использование
import {
LegalShell,
LegalSection,
LegalList,
} from "@/components/ui/legal-shell";
<LegalShell
title="Условия использования"
updated="28 июня 2026 г."
intro="Краткое вступление…"
onBack={() => router.back()}
>
<LegalSection n={1} title="Общие положения">
<p>Текст раздела…</p>
</LegalSection>
<LegalSection n={2} title="Использование">
<LegalList items={["пункт первый;", "пункт второй."]} />
</LegalSection>
</LegalShell>API
Презентационный (plain-props): приложение владеет роутингом — передайте onBack
(приложение само решает router.back() или фоллбэк на главную). Ссылки футера и
почта по умолчанию — набор Oracul, но переопределяются.
LegalShell
| Prop | Тип | Описание |
|---|---|---|
title | ReactNode | Заголовок документа. |
updated | ReactNode | Дата последнего обновления. |
intro | ReactNode | Вступительный абзац (опц.). |
children | ReactNode | Секции документа. |
onBack | () => void | Клик «Назад». |
links | LegalLink[] | Ссылки футера (по умолчанию — правовые страницы Oracul). |
email | string | Контактная почта (по умолчанию hello@oracul.co). |
className | string | Доп. классы корневого контейнера. |
LegalSection / LegalList
LegalSection — нумерованный раздел (n, title, children). LegalList —
маркированный список (items: ReactNode[]).
Индекс правовых документов
LegalIndex — отдельная поверхность (лендинг /legal): шапка + список
карточек-ссылок на документы + блок «Контакты». Карточки — обычные ссылки
(href), роутинг и onBack остаются на стороне приложения.
Правовые документы
Последнее обновление: 28 мая 2026 г.
Правила доступа к Oracul: аккаунт, тарифы, ваш контент, ответственность.
Что можно и чего нельзя делать в сервисе.
Какие данные мы обрабатываем, зачем, кому передаём и какие у вас права.
Какие cookie мы используем, зачем они нужны и как ими управлять.
Контакты
По любым вопросам — правовым, по приватности или поддержке — пишите нам:
hello@oracul.coimport { LegalIndex } from "@/components/ui/legal-shell";
export default function Particle() {
// min-h-0 neutralises the component's min-h-svh so the demo fits the tile.
return <LegalIndex className="min-h-0 py-8" updated="28 мая 2026 г." />;
}
import { LegalIndex } from "@/components/ui/legal-shell"LegalIndex
| Prop | Тип | Описание |
|---|---|---|
title | ReactNode | Заголовок (по умолчанию «Правовые документы»). |
updated | ReactNode | Дата обновления (опц.). |
docs | LegalDoc[] | Карточки документов (по умолчанию — набор Oracul). |
contactTitle | ReactNode | Заголовок блока контактов. |
contactNote | ReactNode | Текст над контактной почтой. |
email | string | Контактная почта (по умолчанию hello@oracul.co). |
onBack | () => void | Клик «Назад». |
className | string | Доп. классы корневого контейнера. |
LegalDoc = { href: string; title: string; description: string }.