+
+ );
+ }
+ return this.props.children;
+ }
+}
diff --git a/desktop/ui/src/components/ErrorDisplay.tsx b/desktop/ui/src/components/ErrorDisplay.tsx
new file mode 100644
index 0000000..6c9fdc1
--- /dev/null
+++ b/desktop/ui/src/components/ErrorDisplay.tsx
@@ -0,0 +1,33 @@
+import { useEffect } from 'react';
+import { useAppStore } from '../store/app-store';
+
+export function ErrorDisplay() {
+ const error = useAppStore((s) => s.error);
+ const setError = useAppStore((s) => s.setError);
+
+ useEffect(() => {
+ if (error) {
+ const t = setTimeout(() => setError(null), 10000);
+ return () => clearTimeout(t);
+ }
+ }, [error, setError]);
+
+ if (!error) return null;
+
+ return (
+
+
+
+
+ {import.meta.env.DEV && (
+ ⚠️
+ Произошла ошибка
+Приложение столкнулось с неожиданной ошибкой
+
+
+ )}
+ {this.state.error.toString()}
+
+
+
+
+
+
+ );
+}
diff --git a/desktop/ui/src/components/layout/Layout.tsx b/desktop/ui/src/components/layout/Layout.tsx
new file mode 100644
index 0000000..99390a8
--- /dev/null
+++ b/desktop/ui/src/components/layout/Layout.tsx
@@ -0,0 +1,143 @@
+import type { ReactNode } from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { Link, useLocation } from 'react-router-dom';
+import { ROUTES } from '../../config/routes';
+import { eventBus, Events } from '../../lib/event-bus';
+import { animateLogo, animateStaggerIn } from '../../lib/anime-utils';
+import { LayoutDashboard, ListTodo, FileText, Package, Wallet, Users, MessageSquare, Download } from 'lucide-react';
+
+interface LayoutProps {
+ children: ReactNode;
+}
+
+const NAV_ICONS: Record
+
+
+ ⚠️
+
+
+
+
+ Ошибка
+{error}
+
+
+ {children}
+
+ );
+}
diff --git a/desktop/ui/src/config/routes.ts b/desktop/ui/src/config/routes.ts
new file mode 100644
index 0000000..a97dd6d
--- /dev/null
+++ b/desktop/ui/src/config/routes.ts
@@ -0,0 +1,22 @@
+export interface RouteConfig {
+ path: string;
+ name: string;
+ component: string;
+ description: string;
+}
+
+export const ROUTES: Record
+
+ );
+ }
+
+ return (
+
+
+
+
+
+ {[1, 2, 3].map((i) => )}
+
+
+
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/ChatAgent.tsx b/desktop/ui/src/pages/ChatAgent.tsx
new file mode 100644
index 0000000..1c9629f
--- /dev/null
+++ b/desktop/ui/src/pages/ChatAgent.tsx
@@ -0,0 +1,194 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { open } from '@tauri-apps/plugin-dialog';
+import { MessageSquare, ArrowLeft, RotateCcw, Trash2, FolderOpen } from 'lucide-react';
+import { analyzeProject, type AnalyzeReport } from '../lib/analyze';
+
+type Message =
+ | { role: 'user'; text: string }
+ | { role: 'assistant'; text: string }
+ | { role: 'assistant'; report: AnalyzeReport; error?: string };
+
+export function ChatAgent() {
+ const navigate = useNavigate();
+ const [messages, setMessages] = useState
+
+
+
+
+
+
+
+
+ Журнал аудита
+Просмотр и анализ всех действий в системе
+
+
+
+
+
+ Фильтры
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {filtered.length === 0 ? (
+
+
+ Всего: {filtered.length}
+ События
+
+
+ ) : (
+ Нет событий для отображения
+
+ {filtered.map((event) => {
+ const Icon = getEventIcon(event.event);
+ const isSuccess = event.result === 'success';
+ return (
+
+ )}
+
+
+ );
+ })}
+
+
+
+
+
+
+
+ {event.event}
+
+ {isSuccess ? <>
+
+
+ {event.metadata && Object.keys(event.metadata).length > 0 && (
+
+
+ )}
+ {JSON.stringify(event.metadata, null, 2)}
+
+
+ );
+}
+
+function ReportBlock({ report, error }: { report: AnalyzeReport; error?: string }) {
+ if (error) {
+ return
+
+
+
+
+
+
+
+
+
+
+
+
+ {messages.length === 0 ? (
+
+
+
+ ) : (
+ Диалог с ИИ агентом. Результаты действий отображаются здесь.
+Нажмите «Выбрать папку» для анализа проекта или введите сообщение ниже.
+
+ {messages.map((m, i) => (
+
+ )}
+
+
+ ))}
+
+ {m.role === 'user' ? 'Вы' : 'Агент'}
+
+ {'text' in m && {m.text}
}
+ {'report' in m && m.report && (
+
+
+
+ setInput(e.target.value)}
+ onKeyDown={(e) => e.key === 'Enter' && handleSend()}
+ placeholder="Сообщение или путь к папке для анализа..."
+ className="flex-1 px-4 py-2.5 border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary"
+ />
+
+
+ Ошибка: {error}
;
+ }
+ const r = report as AnalyzeReport;
+ return (
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/Dashboard.tsx b/desktop/ui/src/pages/Dashboard.tsx
new file mode 100644
index 0000000..e525c76
--- /dev/null
+++ b/desktop/ui/src/pages/Dashboard.tsx
@@ -0,0 +1,130 @@
+import { useEffect, useRef } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { ROUTES } from '../config/routes';
+import { eventBus, Events } from '../lib/event-bus';
+import { useAppStore } from '../store/app-store';
+import { animateCardsStagger, animateFadeInUp } from '../lib/anime-utils';
+import { Shield, FileText, Lock, CheckCircle2, ArrowRight, Sparkles } from 'lucide-react';
+
+export function Dashboard() {
+ const headerRef = useRef{r.narrative || r.path}
+ {r.findings?.length > 0 && ( +
+
+ )}
+ {r.recommendations?.length > 0 && (
+ Находки
+-
+ {r.findings.slice(0, 10).map((f, i) => (
+
- + {f.title} + {f.details && ` — ${f.details}`} + + ))} +
+
+ )}
+ Рекомендации
+-
+ {r.recommendations.slice(0, 10).map((rec, i) => (
+
- + {rec.title} + {rec.details && ` — ${rec.details}`} + + ))} +
+
+ );
+}
diff --git a/desktop/ui/src/pages/Diagnostics.tsx b/desktop/ui/src/pages/Diagnostics.tsx
new file mode 100644
index 0000000..1baf115
--- /dev/null
+++ b/desktop/ui/src/pages/Diagnostics.tsx
@@ -0,0 +1,123 @@
+import { useState, useEffect } from 'react';
+import { Copy, Check, Download } from 'lucide-react';
+import { invoke } from '@tauri-apps/api/core';
+import { getVersion } from '@tauri-apps/api/app';
+
+interface AppInfo {
+ version: string;
+ app_data_dir: string | null;
+ app_config_dir: string | null;
+}
+
+export function Diagnostics() {
+ const [appInfo, setAppInfo] = useState
+
+
+
+
+
+
+ Панель управления
++ Управление системой безопасности и политиками +
+
+ {cards.map((card) => {
+ const Icon = card.icon;
+ const isActive = card.status === 'active';
+ return (
+
+
+ handleCardClick(card.path)}
+ onKeyDown={(e) => (e.key === 'Enter' || e.key === ' ') && handleCardClick(card.path)}
+ className={`card-item-anime group relative bg-card/80 backdrop-blur-sm p-8 rounded-2xl border-2 cursor-pointer hover-lift transition-all-smooth ${card.borderColor} hover:border-primary/50 hover:shadow-primary-lg focus:outline-none focus:ring-2 focus:ring-primary`}
+ >
+
+ );
+ })}
+
+
+
+
+
+
+ {isActive && (
+
+
+ )}
+ + {card.title} +
+{card.description}
+
+ Открыть
+
+
+
+
+
+
+
+ Система безопасности
++ Все модули работают в режиме реального времени. Изменения применяются немедленно и логируются в журнале аудита. +
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/Documents.tsx b/desktop/ui/src/pages/Documents.tsx
new file mode 100644
index 0000000..7479060
--- /dev/null
+++ b/desktop/ui/src/pages/Documents.tsx
@@ -0,0 +1,32 @@
+import { useNavigate } from 'react-router-dom';
+import { FolderOpen, ArrowLeft } from 'lucide-react';
+
+export function Documents() {
+ const navigate = useNavigate();
+
+ return (
+ Диагностика
+
+
+
+
+
+
+
+
+ Версии
+-
+
- Приложение: +
- {appInfo?.version ?? tauriVersion ?? '—'} +
- Tauri: +
- {tauriVersion} +
Пути данных
+Используются системные директории (не зависят от $HOME):
+-
+
- app_data_dir: +
- {appInfo?.app_data_dir ?? '—'} +
- app_config_dir: +
- {appInfo?.app_config_dir ?? '—'} +
Состояние обновлений
+
+ Endpoint: …/releases/latest/download/latest.json
+
+ Подпись обязательна; pubkey задаётся в tauri.conf.json. Если ключ не настроен — проверка обновлений вернёт ошибку. +
+
+
+
+
+
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/Finances.tsx b/desktop/ui/src/pages/Finances.tsx
new file mode 100644
index 0000000..4144b8f
--- /dev/null
+++ b/desktop/ui/src/pages/Finances.tsx
@@ -0,0 +1,32 @@
+import { useNavigate } from 'react-router-dom';
+import { Wallet, ArrowLeft } from 'lucide-react';
+
+export function Finances() {
+ const navigate = useNavigate();
+
+ return (
+
+
+
+
+
+
+
+
+ Документы
+Все документы компании Mura Menasa
+
+
+ Раздел документов компании.
+
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/NotFound.tsx b/desktop/ui/src/pages/NotFound.tsx
new file mode 100644
index 0000000..cb536d0
--- /dev/null
+++ b/desktop/ui/src/pages/NotFound.tsx
@@ -0,0 +1,20 @@
+import { useNavigate } from 'react-router-dom';
+
+export function NotFound() {
+ const navigate = useNavigate();
+ return (
+
+
+
+
+
+
+
+
+ Финансы
+Диалог для ввода платежей (текст, скриншот, PDF), ИИ распознавание, таблица, выгрузка в PDF/Excel за период
+
+
+ Модуль финансов: ввод данных о платежах, распознавание ИИ, отчёты за выбранный период.
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/Personnel.tsx b/desktop/ui/src/pages/Personnel.tsx
new file mode 100644
index 0000000..b2f51bf
--- /dev/null
+++ b/desktop/ui/src/pages/Personnel.tsx
@@ -0,0 +1,32 @@
+import { useNavigate } from 'react-router-dom';
+import { Users, ArrowLeft } from 'lucide-react';
+
+export function Personnel() {
+ const navigate = useNavigate();
+
+ return (
+
+
+ 404
+ Страница не найдена
+Запрашиваемая страница не существует или была перемещена
+ +
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/PolicyEngine.tsx b/desktop/ui/src/pages/PolicyEngine.tsx
new file mode 100644
index 0000000..ba3e808
--- /dev/null
+++ b/desktop/ui/src/pages/PolicyEngine.tsx
@@ -0,0 +1,136 @@
+import { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { Shield, ArrowLeft, CheckCircle2, XCircle, AlertTriangle, Clock, FileText } from 'lucide-react';
+
+export function PolicyEngine() {
+ const navigate = useNavigate();
+ const [status] = useState<'active' | 'inactive'>('active');
+ const [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ const t = setTimeout(() => setLoading(false), 500);
+ return () => clearTimeout(t);
+ }, []);
+
+ const rules = [
+ { title: 'Security over convenience', description: 'Безопасность важнее удобства', icon: Shield, color: 'blue' },
+ { title: 'Policy Engine supremacy', description: 'Движок политик имеет приоритет над всеми модулями', icon: Shield, color: 'purple' },
+ { title: 'Desktop Core authority', description: 'Desktop Core имеет финальную власть над Web слоем', icon: Shield, color: 'emerald' },
+ { title: 'Mandatory audit logging', description: 'Все действия должны логироваться', icon: FileText, color: 'orange' },
+ ];
+
+ const denials = [
+ { timestamp: new Date().toISOString(), reason: "Запрос отклонён: инструмент 'shell.exec' не в allowlist", tool: 'shell.exec' },
+ { timestamp: new Date(Date.now() - 3600000).toISOString(), reason: "Запрос отклонён: путь '/etc/passwd' не разрешён", tool: 'fs.read' },
+ ];
+
+ const colorClasses: Record
+
+
+
+
+
+
+
+ Персонал
+ФИО, дата и место рождения, проживание, паспорт, Emirates ID, аренда, учёт рабочего времени, начисление ЗП
+
+
+ Кнопка «Добавить» — форма: ФИО, дата/место рождения, проживание в РФ/за рубежом, копии паспорта и Emirates ID, адрес в Дубае, дата платежа за аренду (напоминание за месяц на дашборде), учёт рабочего времени, автоначисление ЗП.
+
+
+ );
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/Reglamenty.tsx b/desktop/ui/src/pages/Reglamenty.tsx
new file mode 100644
index 0000000..750a189
--- /dev/null
+++ b/desktop/ui/src/pages/Reglamenty.tsx
@@ -0,0 +1,47 @@
+import { useNavigate } from 'react-router-dom';
+import { FileText, ArrowLeft } from 'lucide-react';
+
+const SECTIONS = [
+ { id: 'armak', name: 'АРМАК' },
+ { id: 'faa', name: 'ФАА' },
+ { id: 'easa', name: 'ЕАСА' },
+ { id: 'mura-menasa', name: 'Mura Menasa' },
+];
+
+export function Reglamenty() {
+ const navigate = useNavigate();
+
+ return (
+
+
+
+
+
+
+
+
+
+ Движок политик
+Управление правилами безопасности
+
+
+
+
+
+
+
+
+ {status === 'active' ?
+
+
+ Статус системы
+{status === 'active' ? 'Движок политик активен' : 'Движок политик неактивен'}
+
+ {status === 'active' ? <>
+
+
+
+
+
+ Правила безопасности
+
+ {rules.map((rule, index) => {
+ const Icon = rule.icon;
+ const cls = colorClasses[rule.color] || colorClasses.blue;
+ return (
+
+
+
+ );
+ })}
+
+
+
+
+
+
+ {rule.title}
+ {rule.description}
+
+
+
+
+ Журнал блокировок
+
+ {denials.map((d, i) => (
+
+
+
+ ))}
+
+
+
+
+
+
+ {d.reason}
+ {d.tool && {d.tool}
}
+
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/SecretsGuard.tsx b/desktop/ui/src/pages/SecretsGuard.tsx
new file mode 100644
index 0000000..84db4c2
--- /dev/null
+++ b/desktop/ui/src/pages/SecretsGuard.tsx
@@ -0,0 +1,185 @@
+import { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { Lock, ArrowLeft, CheckCircle2, XCircle, AlertTriangle, Shield, Key, Eye, EyeOff, TrendingUp, Clock } from 'lucide-react';
+
+interface SecretViolation {
+ id: string;
+ type: string;
+ timestamp: string;
+ severity: 'low' | 'medium' | 'high' | 'critical';
+ original: string;
+ redacted: string;
+}
+
+export function SecretsGuard() {
+ const navigate = useNavigate();
+ const [status] = useState<'active' | 'inactive'>('active');
+ const [violations, setViolations] = useState
+
+
+
+
+
+
+
+ Регламенты
+АРМАК, ФАА, ЕАСА, Mura Menasa — разметка документов
+
+ {SECTIONS.map((s) => (
+
+
+
+ ))}
+ {s.name}
+ Документы раздела
+
+
+ );
+ }
+
+ return (
+
+
+
+
+
+ {[1, 2, 3, 4, 5].map((i) => )}
+
+
+
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/TMCZakupki.tsx b/desktop/ui/src/pages/TMCZakupki.tsx
new file mode 100644
index 0000000..f2cfcf0
--- /dev/null
+++ b/desktop/ui/src/pages/TMCZakupki.tsx
@@ -0,0 +1,39 @@
+import { useNavigate } from 'react-router-dom';
+import { Package, ArrowLeft } from 'lucide-react';
+
+export function TMCZakupki() {
+ const navigate = useNavigate();
+
+ return (
+
+
+
+
+
+
+
+
+
+ Защита секретов
+Мониторинг и защита от утечек конфиденциальных данных
+
+
+
+
+
+
+
+
+ {status === 'active' ?
+
+
+ Статус мониторинга
+{status === 'active' ? 'Мониторинг активен' : 'Мониторинг неактивен'}
+
+ {status === 'active' ? <>
+
+ {statCards.map((stat, i) => {
+ const Icon = stat.icon;
+ return (
+
+
+
+
+ );
+ })}
+
+
+
+
+ {stat.value}
+ {stat.label}
+
+
+
+
+ Примеры редактирования
+
+ {violations.map((v) => {
+ const cfg = getSeverityConfig(v.severity);
+ const SeverityIcon = cfg.icon;
+ return (
+
+
+
+ );
+ })}
+
+
+
+
+
+
+
+
+ {v.type.replace('_', ' ')}
+
+
+
+
+
+
+
+
+
+
+ {v.original}
+
+
+
+
+
+
+ {v.redacted}
+
+
+
+
+ );
+}
diff --git a/desktop/ui/src/pages/Tasks.tsx b/desktop/ui/src/pages/Tasks.tsx
new file mode 100644
index 0000000..fdef7d0
--- /dev/null
+++ b/desktop/ui/src/pages/Tasks.tsx
@@ -0,0 +1,873 @@
+import { useState, useRef, useEffect } from 'react';
+import { open } from '@tauri-apps/plugin-dialog';
+import { listen } from '@tauri-apps/api/event';
+import {
+ MessageSquare,
+ RotateCcw,
+ Trash2,
+ FolderOpen,
+ FolderPlus,
+ File,
+ Download,
+ FileDown,
+ User,
+ Bot,
+ Info,
+ RefreshCw,
+ GitCompare,
+ History,
+ X,
+} from 'lucide-react';
+import { invoke } from '@tauri-apps/api/core';
+import { analyzeProject, type AnalyzeReport, type Action, type ApplyResult, type UndoResult, type PreviewResult, type DiffItem } from '../lib/analyze';
+import { animateFadeInUp } from '../lib/anime-utils';
+
+type Message =
+ | { role: 'user'; text: string }
+ | { role: 'system'; text: string }
+ | { role: 'assistant'; text: string }
+ | { role: 'assistant'; report: AnalyzeReport; error?: string };
+
+type HistoryItem = {
+ path: string;
+ ts: number;
+ projectType?: string;
+ risk?: string;
+ issueCount?: number;
+ summary?: string;
+ report: AnalyzeReport;
+};
+
+const UNDO_SYSTEM_MESSAGE = 'Последнее действие отменено.';
+const HISTORY_MAX = 20;
+
+export function Tasks() {
+ const [messages, setMessages] = useState
+
+
+
+
+
+
+
+ ТМЦ и закупки
+Выбор: ТМЦ (ТВ3-117, НР-3, АИ-9) или Закупки
+
+
+
+
+ ТМЦ
+ ТВ3-117 / НР-3 / АИ-9 — акты входного/выходного контроля
+
+
+ Закупки
+ Внесение текста или фото, распознавание ИИ агентом
+
+
+ );
+}
+
+function PreviewDialog({
+ diffs,
+ onApply,
+ onCancel,
+}: {
+ diffs: DiffItem[];
+ onApply: () => void;
+ onCancel: () => void;
+}) {
+ const [expanded, setExpanded] = useState
+ 
+
+
+
+
+
+
+
+ {lastPath && (
+
+ )}
+ {lastReport && previousReport && (
+
+ )}
+
+
+
+
+
+
+
+
+
+ Анализ проекта
+ {messages.length === 0 ? ( +
+
+ ) : (
+ Выберите папку проекта для анализа.
+
+
+
+
+
+ Или введите путь или сообщение ниже.
+
+ {messages.map((m, i) => (
+
+ )}
+
+ {historyOpen && (
+
+ {m.role !== 'system' && (
+
+ ))}
+
+ {m.role === 'user' ? (
+
+ )}
+ {m.role === 'system' && (
+
+
+ )}
+
+ {m.role === 'system' &&
+ {m.text}
}
+ {m.role === 'user' && {m.text}
}
+ {m.role === 'assistant' && 'text' in m && (
+ {m.text}
+ )}
+ {m.role === 'assistant' && 'report' in m && m.report && (
+ setHistoryOpen(false)}>
+
+ )}
+
+ {pendingPreview && (
+ e.stopPropagation()}>
+
+
+
+ История анализов
+ +
+ {history.length === 0 ? (
+
+ Пока нет записей. Запустите анализ папки.
+ ) : ( + history.map((item, i) => ( +
+
+ ))
+ )}
+ {item.path}
+{item.projectType ?? '—'} · риск {item.risk ?? '—'} · проблем {item.issueCount ?? 0}
+
+
+
+
+
+
+
+ setInput(e.target.value)}
+ onKeyDown={(e) => e.key === 'Enter' && handleSend()}
+ placeholder="Сообщение или путь к папке..."
+ className="flex-1 px-4 py-2.5 border rounded-xl bg-background focus:outline-none focus:ring-2 focus:ring-primary/50"
+ />
+
+
+
+
+ );
+}
+
+function PriorityBadge({ priority }: { priority: string }) {
+ const p = (priority || '').toLowerCase();
+ const style = p === 'high' ? 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400' : p === 'medium' ? 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400' : 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400';
+ const label = p === 'high' ? 'high' : p === 'medium' ? 'medium' : 'low';
+ return {label};
+}
+
+function ReportBlock({
+ report,
+ error,
+ onDownload,
+ onDownloadMD,
+ isCurrentReport,
+ selectedActions,
+ setSelectedActions,
+ undoAvailable,
+ hasPendingPreview,
+ isPreviewing,
+ onPreview,
+ onApplyPending,
+ onCancelPending,
+ onUndo,
+}: {
+ report: AnalyzeReport;
+ error?: string;
+ onDownload: (r: AnalyzeReport) => void;
+ onDownloadMD: (r: AnalyzeReport) => void;
+ isCurrentReport: boolean;
+ selectedActions: Record
+
+
+
+ Предпросмотр изменений
+ +
+ {(['preview', 'verify', 'write'] as const).map((t) => (
+
+ ))}
+
+
+ {tab === 'preview' && (
+
+ -
+ {diffs.map((d, i) => (
+
-
+
+ {expanded[i] && (
+ + {d.before != null && ( ++ )} +++ )} + {d.after != null && ( +
До:
+{d.before}+++ )} + {d.kind === 'delete' && d.before == null && d.after == null && ( +После:
+{d.after}+Файл или каталог будет удалён.
+ )} +
+ ))}
+
Проверка типов и сборки после применения будет доступна в следующей версии.
+ )} + {tab === 'write' && ( +Написание и генерация кода по результатам проверки — в разработке.
+ )} +
+
+
+
+ Ошибка: {error}
;
+ }
+ const r = report as AnalyzeReport;
+ const hasReport = r && (r.path || r.narrative || r.findings?.length || r.recommendations?.length);
+ const ctx = r.project_context;
+ const recs = r.recommendations ?? [];
+ const actions = r.actions ?? [];
+ return (
+
+ {hasReport && (
+ <>
+ {r.narrative && (
+
+ );
+}
diff --git a/desktop/ui/src/pages/Updates.tsx b/desktop/ui/src/pages/Updates.tsx
new file mode 100644
index 0000000..59d8f98
--- /dev/null
+++ b/desktop/ui/src/pages/Updates.tsx
@@ -0,0 +1,104 @@
+import { useState } from 'react';
+import { Download, RefreshCw, Copy, Check } from 'lucide-react';
+
+const UPDATER_ENDPOINT = 'https://github.com/yrippert-maker/papayu/releases/latest/download/latest.json';
+const CHANNEL = 'stable';
+
+export function Updates() {
+ const [checkResult, setCheckResult] = useState<{ ok: boolean; message: string } | null>(null);
+ const [isChecking, setIsChecking] = useState(false);
+ const [logLines, setLogLines] = useState{r.narrative}
+ )}
+ {ctx && (ctx.stack?.length || ctx.maturity || ctx.risk_level) && (
+
+
+ )}
+ {r.structure && (r.structure.project_type || r.structure.architecture) && (
+ Контекст проекта
++ {[ctx.stack?.join(', '), ctx.maturity, ctx.risk_level && `риск ${ctx.risk_level}`].filter(Boolean).join(' · ')} +
+
+ {r.structure.project_type && (
+
+ )}
+ {r.findings?.length > 0 && (
+ + Тип проекта:{' '} + {r.structure.project_type} +
+ )} + {r.structure.architecture && ( ++ Архитектура:{' '} + {r.structure.architecture} +
+ )} +
+
+ )}
+ {recs.length > 0 && (
+ Находки
+-
+ {r.findings.slice(0, 10).map((f, i) => (
+
- + {f.title} + {f.details && ` — ${f.details}`} + + ))} +
+
+ )}
+ {isCurrentReport && actions.length > 0 && (
+ Топ-рекомендации
+-
+ {recs.slice(0, 5).map((rec, i) => (
+
-
+
+ + {rec.title} + {(rec.effort || rec.impact) && ( + + (effort: {rec.effort ?? '—'}, impact: {rec.impact ?? '—'}) + + )} + +
+ ))}
+
+
+ )}
+ Исправления
+-
+ {actions.map((a) => (
+
- + setSelectedActions((prev) => ({ ...prev, [a.id]: !prev[a.id] }))} + className="rounded border-border" + /> + + + ))} +
+ {!hasPendingPreview ? (
+
+ ) : (
+ <>
+
+
+
+ )}
+ {undoAvailable && (
+
+ )}
+
+
+
+ {(r.report_md ?? r.narrative) && (
+
+ )}
+
+
+ )}
+
+
+ );
+}
diff --git a/desktop/ui/src/store/app-store.ts b/desktop/ui/src/store/app-store.ts
new file mode 100644
index 0000000..1728043
--- /dev/null
+++ b/desktop/ui/src/store/app-store.ts
@@ -0,0 +1,32 @@
+import { create } from 'zustand';
+
+export interface AppState {
+ currentRoute: string;
+ setCurrentRoute: (route: string) => void;
+ systemStatus: {
+ policyEngine: 'active' | 'inactive';
+ auditLogger: 'active' | 'inactive';
+ secretsGuard: 'active' | 'inactive';
+ };
+ recentAuditEvents: Array<{ id: string; event: string; timestamp: string; actor: string }>;
+ addAuditEvent: (event: AppState['recentAuditEvents'][0]) => void;
+ error: string | null;
+ setError: (error: string | null) => void;
+}
+
+export const useAppStore = createОбновления
+
+
+
+ Endpoint: {UPDATER_ENDPOINT}
+
Канал: {CHANNEL}
+ + {checkResult && ( +
+ {checkResult.message}
+
+ )}
+ {logLines.length > 0 && (
+
+
+ )}
+
+ Лог
+
+
+
+ {logLines.join('\n')}
+
+