pastilhasandClaude Opus 5
c4042886fc
Reported by the owner, who went looking for them in user management and then in profile, and found them in neither. They were under Integrations. A key is not an integration with anything. It is a second way to present the authority the account already has, and the permission registry already says exactly that: `/api-keys` is `core`, sitting beside `/user` and `/dock`, with the comment "a key is not new authority". Profile, next to the password it stands in for, is where somebody looks. Moved rather than duplicated, and the route moves with it — /settings/profile/api-keys. Nothing linked to the old path, so there is no redirect to keep. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
93 lines
2.8 KiB
TypeScript
93 lines
2.8 KiB
TypeScript
import { useMemo } from 'react';
|
|
import { User, Lock, Globe, KeyRound, LayoutGrid, Volume2 } from 'lucide-react';
|
|
import type { LayoutNode, PanelComponents } from 'officerdev';
|
|
import { WorkspaceLayout } from 'officerdev';
|
|
|
|
import { SettingsRoute, createSettingsPanelComponents, type SettingsSection } from '../SettingsPanel';
|
|
import { UserData } from './UserData';
|
|
import { ChangePassword } from './ChangePassword';
|
|
import { ApiKeys } from './ApiKeys';
|
|
import { Languages } from './Languages';
|
|
import { DockSettings } from './DockSettings';
|
|
import { VoicePreference } from './VoicePreference';
|
|
|
|
const BASE_PATH = '/settings/profile';
|
|
|
|
const sections: SettingsSection[] = [
|
|
{ key: 'profile', icon: User, title: 'Profile', description: 'Avatar, name, and email', content: <UserData /> },
|
|
{
|
|
key: 'change-password',
|
|
icon: Lock,
|
|
title: 'Change Password',
|
|
description: 'Update your password',
|
|
content: <ChangePassword />,
|
|
},
|
|
// Beside the password rather than under Integrations, where it was until 2026-08-21. A key is not an
|
|
// integration with anything — it is a second way to present the authority this account already has, and
|
|
// the permission registry says so: `/api-keys` is `core`, sitting with `/user` and `/dock`. Somebody
|
|
// looking for it went to user management and then to profile, which is where it should have been.
|
|
{
|
|
key: 'api-keys',
|
|
icon: KeyRound,
|
|
title: 'API keys',
|
|
description: 'Per-app keys that sign in as you, revocable one at a time',
|
|
content: <ApiKeys />,
|
|
},
|
|
{
|
|
key: 'languages',
|
|
icon: Globe,
|
|
title: 'Languages',
|
|
description: 'Spoken, default, and translation',
|
|
content: <Languages />,
|
|
},
|
|
{
|
|
key: 'voice',
|
|
icon: Volume2,
|
|
title: 'Voice',
|
|
description: 'Text-to-speech voice preference',
|
|
content: <VoicePreference />,
|
|
},
|
|
{
|
|
key: 'dock',
|
|
icon: LayoutGrid,
|
|
title: 'Dock',
|
|
description: 'Choose and reorder dock items',
|
|
content: <DockSettings />,
|
|
},
|
|
];
|
|
|
|
const { Sidebar, Content } = createSettingsPanelComponents({
|
|
basePath: BASE_PATH,
|
|
sidebarIcon: User,
|
|
sidebarLabel: 'Profile',
|
|
sections,
|
|
});
|
|
|
|
const layout: LayoutNode = {
|
|
type: 'group',
|
|
id: 'profile-root',
|
|
direction: 'horizontal',
|
|
children: [
|
|
{ node: { type: 'panel', id: 'profile-left', appType: null }, size: 20 },
|
|
{ node: { type: 'panel', id: 'profile-right', appType: null }, size: 80 },
|
|
],
|
|
};
|
|
|
|
export const ProfileSettings = () => {
|
|
const panelComponents: PanelComponents = useMemo(
|
|
() => ({
|
|
'profile-left': Sidebar,
|
|
'profile-right': Content,
|
|
}),
|
|
[],
|
|
);
|
|
|
|
return (
|
|
<SettingsRoute basePath={BASE_PATH} sections={sections}>
|
|
<div className="h-full w-full pt-2">
|
|
<WorkspaceLayout layout={layout} onLayoutChange={() => {}} components={panelComponents} />
|
|
</div>
|
|
</SettingsRoute>
|
|
);
|
|
};
|