244 lines
14 KiB
Cheetah
244 lines
14 KiB
Cheetah
{{define "connect_ru"}}
|
||
<div class="install-container">
|
||
|
||
<div class="install-header">
|
||
<div>
|
||
<h1>Подключите ИИ к вашим данным</h1>
|
||
<p>Выберите вашего ИИ-ассистента и следуйте инструкциям по установке.</p>
|
||
</div>
|
||
{{if and .Dossier .Dossier.DossierID}}<a href="/dashboard" class="btn btn-secondary btn-small">← Назад</a>{{else}}<a href="/" class="btn btn-secondary btn-small">← Главная</a>{{end}}
|
||
</div>
|
||
|
||
{{if not (and .Dossier .Dossier.DossierID)}}
|
||
<div class="login-prompt">
|
||
<strong>Примечание:</strong> <a href="/start">Войдите</a>, чтобы увидеть персонализированные инструкции с вашим токеном учётной записи.
|
||
</div>
|
||
{{end}}
|
||
|
||
<div class="install-card">
|
||
<div class="ai-tabs">
|
||
<button class="ai-tab active" onclick="showTab('claude')">Claude Desktop</button>
|
||
<button class="ai-tab" onclick="showTab('grok')">Grok</button>
|
||
<button class="ai-tab" onclick="showTab('chatgpt')">ChatGPT</button>
|
||
<button class="ai-tab" onclick="showTab('other')">Другие ИИ</button>
|
||
</div>
|
||
|
||
<!-- Claude Desktop Tab -->
|
||
<div id="tab-claude" class="ai-content active">
|
||
<p>Claude Desktop с MCP обеспечивает лучший опыт — нативный доступ к инструментам, без загрузки URL, полные возможности API.</p>
|
||
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num">1</span>
|
||
<h3>Установите Claude Desktop</h3>
|
||
</div>
|
||
<p>Скачайте и установите с <a href="https://claude.ai/download" target="_blank">claude.ai/download</a></p>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num">2</span>
|
||
<h3>Установите расширение inou</h3>
|
||
</div>
|
||
<p>Скачайте <a href="/download/inou.mcpb">inou.mcpb</a> и установите:</p>
|
||
<ul style="margin: 8px 0 12px 20px;">
|
||
<li><strong>Mac:</strong> Дважды щёлкните по файлу</li>
|
||
<li><strong>Windows:</strong> В Claude Desktop перейдите в <em>File → Import Extension</em> и выберите скачанный файл</li>
|
||
</ul>
|
||
<p>При запросе введите токен вашей учётной записи:</p>
|
||
<div class="code-wrapper">
|
||
<pre id="step2-token">{{if and .Dossier .Dossier.DossierID}}{{.Dossier.DossierID}}{{else}}ВАШ_ТОКЕН_УЧЁТНОЙ_ЗАПИСИ{{end}}</pre>
|
||
<button class="copy-icon" onclick="copyCode('step2-token', this)" title="Копировать">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
||
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<p class="step-note"><strong>Примечание:</strong> Вы увидите предупреждение о разрешениях — это нормально для расширений, ещё не включённых в официальный каталог Claude. <span class="inou-brand">inou</span> делает только HTTPS-запросы к inou.com; локальные файлы не затрагиваются.</p>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num">3</span>
|
||
<h3>Включите и разрешите доступ</h3>
|
||
</div>
|
||
<p>Перейдите в <strong>Settings → Extensions</strong> и включите расширение inou, если оно ещё не включено.</p>
|
||
<p>При первом использовании Claude запросит разрешение для каждого инструмента. Выберите <strong>"Allow for this chat"</strong> и отметьте <strong>"Don't ask again for inou-health"</strong>, чтобы дать все разрешения сразу — иначе вас спросят 11 раз.</p>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num">4</span>
|
||
<h3>Тест</h3>
|
||
</div>
|
||
<p>Откройте Claude Desktop и вставьте:</p>
|
||
<div class="code-wrapper">
|
||
<pre id="step3-test">Покажи мои доступные досье через мост inou.</pre>
|
||
<button class="copy-icon" onclick="copyCode('step3-test', this)" title="Копировать">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
||
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<p>Вы должны увидеть ваше(и) досье. Готово!</p>
|
||
</div>
|
||
|
||
<details style="margin-top: 24px;">
|
||
<summary style="cursor: pointer; color: var(--text-muted); font-size: 0.9rem;">Ручная установка (продвинутый)</summary>
|
||
<div style="margin-top: 16px;">
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num muted">1</span>
|
||
<h3>Скачайте мост</h3>
|
||
</div>
|
||
<p>Скачайте мост для вашей системы:</p>
|
||
<ul>
|
||
<li><a href="/download/inou_bridge_darwin_arm64">Mac Apple Silicon</a></li>
|
||
<li><a href="/download/inou_bridge_darwin_amd64">Mac Intel</a></li>
|
||
<li><a href="/download/inou_bridge_win_amd64.exe">Windows 64-bit</a></li>
|
||
</ul>
|
||
<p>Сохраните в ~/bin/inou_bridge (Mac) или %USERPROFILE%\inou\inou_bridge.exe (Windows). Сделайте исполняемым на Mac: chmod +x ~/bin/inou_bridge</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num muted">2</span>
|
||
<h3>Настройте Claude</h3>
|
||
</div>
|
||
<p>Отредактируйте конфигурацию Claude (Mac: ~/Library/Application Support/Claude/claude_desktop_config.json, Windows: %APPDATA%\Claude\claude_desktop_config.json) и добавьте в mcpServers:</p>
|
||
<div class="code-wrapper">
|
||
<pre id="manual-config">"inou": {
|
||
"command": "BRIDGE_PATH",
|
||
"args": ["--server=https://inou.com", "--account={{if and .Dossier .Dossier.DossierID}}{{.Dossier.DossierID}}{{else}}ВАШ_ТОКЕН_УЧЁТНОЙ_ЗАПИСИ{{end}}"]
|
||
}</pre>
|
||
<button class="copy-icon" onclick="copyCode('manual-config', this)" title="Копировать">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
||
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<p>Замените BRIDGE_PATH на фактический путь. Перезапустите Claude Desktop.</p>
|
||
</div>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
|
||
<!-- Grok Tab -->
|
||
<div id="tab-grok" class="ai-content">
|
||
<p>Grok может получить доступ к вашим медицинским данным напрямую через наш API. Установка не требуется.</p>
|
||
|
||
<div class="quick-start">
|
||
<h3>Быстрый старт</h3>
|
||
<p>Скопируйте это и вставьте в Grok:</p>
|
||
<div class="code-wrapper">
|
||
<pre id="grok-code">Fetch https://inou.com/api/docs to see the API documentation.
|
||
Then fetch https://inou.com/api/dossiers?token={{if and .Dossier .Dossier.DossierID}}{{.Dossier.DossierID}}{{else}}ВАШ_ТОКЕН_УЧЁТНОЙ_ЗАПИСИ{{end}} to list my dossiers.
|
||
If there is more than one dossier, ask me which one to work with before proceeding.
|
||
Help me explore my health data - imaging studies, genome variants, and lab results.
|
||
|
||
IMPORTANT:
|
||
- Allow 3 seconds for API responses before assuming failure.
|
||
- When sharing image links, use the exact image_url from responses.
|
||
- This is real medical data. NEVER hallucinate. Only describe what you actually see.</pre>
|
||
<button class="copy-icon" onclick="copyCode('grok-code', this)" title="Копировать">
|
||
<svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
||
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num">→</span>
|
||
<h3>Что может делать Grok</h3>
|
||
</div>
|
||
<p>После подключения попросите Grok:</p>
|
||
<ul>
|
||
<li>Показать все ваши исследования визуализации, геномные данные и результаты анализов</li>
|
||
<li>Показать серии в конкретном исследовании</li>
|
||
<li>Загрузить и проанализировать отдельные срезы</li>
|
||
<li>Сравнить изображения между разными последовательностями (T1, T2, FLAIR)</li>
|
||
<li>Перейти к определённым анатомическим областям</li>
|
||
<li>Найти геномные варианты по гену, категории или rsid</li>
|
||
<li>Просмотреть реакции на лекарства и риски для здоровья</li>
|
||
<li>Отслеживать лабораторные показатели во времени</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<p style="margin-top: 24px;">См. <a href="/api/docs" style="color: var(--accent);">полную документацию API</a> для всех доступных эндпоинтов.</p>
|
||
</div>
|
||
|
||
<!-- ChatGPT Tab -->
|
||
<div id="tab-chatgpt" class="ai-content">
|
||
<p style="color: var(--text-muted);">Не рекомендуется для медицинской визуализации из-за повышенного риска галлюцинаций в наших тестах.</p>
|
||
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num muted">✗</span>
|
||
<h3>Почему не ChatGPT?</h3>
|
||
</div>
|
||
<p>Медицинская визуализация требует абсолютной точности. В наших тестах ChatGPT выдумывал информацию, даже когда правильные данные были чётко предоставлены. Мы не можем рекомендовать его для анализа медицинских данных, где ошибки имеют реальные последствия.</p>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num">→</span>
|
||
<h3>Рекомендуемые альтернативы</h3>
|
||
</div>
|
||
<p>Используйте <a href="#" onclick="showTab('claude'); return false;">Claude Desktop</a> для лучшего опыта с нативным доступом к инструментам, или <a href="#" onclick="showTab('grok'); return false;">Grok</a> для веб-доступа без установки.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Other AI Tab -->
|
||
<div id="tab-other" class="ai-content">
|
||
<p>Другие ИИ-ассистенты могут получить доступ к вашим данным через наш веб-API, хотя возможности различаются.</p>
|
||
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num warning">⚠</span>
|
||
<h3>Gemini</h3>
|
||
</div>
|
||
<p>Веб-браузинг Gemini в настоящее время ограничен и может не загружать URL-адреса inou.com напрямую. Обходные пути:</p>
|
||
<ul>
|
||
<li>Скопируйте ответы API вручную и вставьте их в Gemini</li>
|
||
<li>Используйте Google AI Studio с вызовом функций</li>
|
||
<li>Рассмотрите вместо этого Claude Desktop или Grok</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<div class="step-header">
|
||
<span class="step-num">→</span>
|
||
<h3>Создайте своё</h3>
|
||
</div>
|
||
<p>Наш API — простой REST + JSON. См. <a href="/api/docs">документацию API</a> для эндпоинтов и аутентификации.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{{template "footer"}}
|
||
|
||
</div>
|
||
|
||
<script>
|
||
function copyCode(id, btn) {
|
||
const text = document.getElementById(id).textContent;
|
||
navigator.clipboard.writeText(text).then(() => {
|
||
btn.classList.add('copied');
|
||
setTimeout(() => btn.classList.remove('copied'), 1500);
|
||
});
|
||
}
|
||
|
||
function showTab(name) {
|
||
document.querySelectorAll('.ai-tab').forEach(t => t.classList.remove('active'));
|
||
document.querySelectorAll('.ai-content').forEach(c => c.classList.remove('active'));
|
||
document.querySelector('[onclick="showTab(\'' + name + '\')"]').classList.add('active');
|
||
document.getElementById('tab-' + name).classList.add('active');
|
||
}
|
||
</script>
|
||
{{end}}
|