Agent Zero
ec81940178
- 0.7: UI-Design-Richtlinien (docs/ui-design-guidelines.md, 535 lines) - 0.8: Theme-Customization Backend (4 theme fields, migration 0023) - 0.9: Theme-Customization Frontend (SettingsTheme.tsx, themeStore.ts, live preview) - 0.10: RBAC-Audit (4 plugins secured, 53 routes with require_permission) - 0.11: LiteLLM-Cleanup (llm_client.py migrated from httpx to litellm) - 0.12: KI-Agent-Framework docs (plugin-development-guide.md, agent_capabilities field) - 0.13: Heartbeat configurable (ProactiveSettings, migration 0024, frontend UI) - 0.14: Unified Search Field-Level RBAC (resolve_permissions + filter_fields_by_permission) - 0.15: Undo/History-System (EntityHistory model, service, routes, migration 0025, HistoryViewer) - 0.16: Storage Backend (LocalStorage + S3Storage, DMS/attachments/mail updated) - 0.17: Import/Export unified Contact fields (firstname, surname, email_1, phone_1) - 0.18: .gitignore & Config-Cleanup (webui→frontend, python-jose removed, .env untracked) - 0.19: Mail-Salt Security-Fix (per-account random salt, migration 0026) - 0.20: AGPL replaced (PyMuPDF→pypdf, OnlyOffice→Collabora, LICENSE + THIRD_PARTY_LICENSES.md)
54 lines
2.5 KiB
TypeScript
54 lines
2.5 KiB
TypeScript
import React from 'react';
|
|
import { NavLink, Outlet } from 'react-router-dom';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
export function SettingsPage() {
|
|
const { t } = useTranslation();
|
|
|
|
const navItems = [
|
|
{ to: '/settings/system', label: t('systemSettings.title'), icon: '\u2699\ufe0f' },
|
|
{ to: '/settings/roles', label: t('settings.roles'), icon: '\ud83d\udd11' },
|
|
{ to: '/settings/users', label: t('settings.users'), icon: '\ud83d\udc65' },
|
|
{ to: '/settings/groups', label: t('settings.groups', 'Gruppen'), icon: '\ud83d\udc65\ud83d\udcac' },
|
|
{ to: '/settings/plugins', label: t('settings.plugins'), icon: '\ud83e\udde9' },
|
|
{ to: '/settings/currencies', label: t('currencies.title'), icon: '\ud83d\udcb0' },
|
|
{ to: '/settings/taxes', label: t('taxes.title'), icon: '\ud83d\udccb' },
|
|
{ to: '/settings/sequences', label: t('sequences.title'), icon: '\ud83d\udd22' },
|
|
{ to: '/settings/mail', label: t('mail.settings'), icon: '\ud83d\udce7' },
|
|
{ to: '/settings/ai', label: t('nav.aiAssistant'), icon: '\ud83e\udde0' },
|
|
{ to: '/settings/ai-proactive', label: 'Proaktive KI', icon: '\ud83e\udd16' },
|
|
{ to: '/settings/notifications', label: t('settings.notifications'), icon: '\ud83d\udd14' },
|
|
{ to: '/settings/theme', label: t('settings.theme', 'Theme'), icon: '\ud83c\udfa8' },
|
|
];
|
|
|
|
return (
|
|
<div className="flex max-w-7xl mx-auto" data-testid="settings-page">
|
|
<aside className="w-64 flex-shrink-0 border-r border-secondary-200 p-4 min-h-[calc(100vh-4rem)]">
|
|
<h1 className="text-xl font-bold text-secondary-900 mb-6">{t('settings.title')}</h1>
|
|
<nav className="space-y-1" role="navigation" aria-label={t('settings.title')}>
|
|
{navItems.map((item) => (
|
|
<NavLink
|
|
key={item.to}
|
|
to={item.to}
|
|
className={({ isActive }) =>
|
|
`flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-colors ${
|
|
isActive
|
|
? 'bg-primary-100 text-primary-700'
|
|
: 'text-secondary-600 hover:bg-secondary-100 hover:text-secondary-900'
|
|
}`
|
|
}
|
|
data-testid={`settings-nav-${item.to.split('/').pop()}`}
|
|
>
|
|
<span aria-hidden="true">{item.icon}</span>
|
|
{item.label}
|
|
</NavLink>
|
|
))}
|
|
</nav>
|
|
</aside>
|
|
<main className="flex-1 p-6" data-testid="settings-content">
|
|
<Outlet />
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|