fix: display username in UI, fix license limits key mismatch
- Read user profile from Logto ID token in OrgResolver, store in Zustand org store, display in sidebar footer and TopBar avatar - Fix license limits showing "—" by aligning frontend LIMIT_LABELS keys with backend snake_case convention (max_agents, retention_days, max_environments) - Bump @cameleer/design-system to v0.1.38 (font-size floor) - Add dev volume mount for local UI hot-reload without image rebuild Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -7,6 +7,7 @@ import {
|
||||
} from '@cameleer/design-system';
|
||||
import { useAuth } from '../auth/useAuth';
|
||||
import { useScopes } from '../auth/useScopes';
|
||||
import { useOrgStore } from '../auth/useOrganization';
|
||||
import { EnvironmentTree } from './EnvironmentTree';
|
||||
import cameleerLogo from '@cameleer/design-system/assets/cameleer3-logo.svg';
|
||||
|
||||
@@ -93,6 +94,7 @@ export function Layout() {
|
||||
const navigate = useNavigate();
|
||||
const { logout } = useAuth();
|
||||
const scopes = useScopes();
|
||||
const { username } = useOrgStore();
|
||||
|
||||
const [envSectionOpen, setEnvSectionOpen] = useState(true);
|
||||
const [collapsed, setCollapsed] = useState(false);
|
||||
@@ -158,7 +160,7 @@ export function Layout() {
|
||||
{/* User info + logout */}
|
||||
<Sidebar.FooterLink
|
||||
icon={<UserIcon />}
|
||||
label="Account"
|
||||
label={username ?? 'Account'}
|
||||
onClick={logout}
|
||||
/>
|
||||
</Sidebar.Footer>
|
||||
@@ -169,7 +171,7 @@ export function Layout() {
|
||||
<AppShell sidebar={sidebar}>
|
||||
<TopBar
|
||||
breadcrumb={[]}
|
||||
user={undefined}
|
||||
user={username ? { name: username } : undefined}
|
||||
onLogout={logout}
|
||||
/>
|
||||
<Outlet />
|
||||
|
||||
Reference in New Issue
Block a user