-
{t(title)}
+ {t(title, titleDefault ? { defaultValue: titleDefault } : undefined)}
@@ -52,7 +56,7 @@ export default function PageHeader({ title, description, buttonText, onButtonCli
- {description &&
{t(description)} }
+ {description &&
{t(description, descriptionDefault ? { defaultValue: descriptionDefault } : undefined)} }
{buttonText && onButtonClick && (
diff --git a/dashboard/src/features/core-editor/components/xray/xray-api-section.tsx b/dashboard/src/features/core-editor/components/xray/xray-api-section.tsx
new file mode 100644
index 000000000..a4def7c1c
--- /dev/null
+++ b/dashboard/src/features/core-editor/components/xray/xray-api-section.tsx
@@ -0,0 +1,82 @@
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { Checkbox } from '@/components/ui/checkbox'
+import { useCoreEditorStore } from '@/features/core-editor/state/core-editor-store'
+import { findUnknownApiServices, getSelectedOptional, OPTIONAL_API_SERVICES, REQUIRED_API_SERVICES, setRawOptionalService } from '@/lib/xray-api-services'
+import type { Profile } from '@pasarguard/xray-config-kit'
+import { Webhook } from 'lucide-react'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+
+// The structured editor keeps unmodeled top-level keys (incl. `api`) on
+// `profile.raw.topLevel` (see UNMODELED_TOP_LEVEL_KEYS_TO_PRESERVE in xray-adapter.ts),
+// which is structurally a config object for the api-services helpers.
+function readTopLevel(profile: Profile): Record
{
+ return (profile.raw?.topLevel ?? {}) as Record
+}
+
+function withApiService(profile: Profile, service: string, enabled: boolean): Profile {
+ return { ...profile, raw: setRawOptionalService(profile.raw, service, enabled) } as Profile
+}
+
+export function XrayApiSection() {
+ const { t } = useTranslation()
+ const profile = useCoreEditorStore(s => s.xrayProfile)
+ const updateXrayProfile = useCoreEditorStore(s => s.updateXrayProfile)
+
+ const { selected, unknown } = useMemo(() => {
+ const topLevel = profile ? readTopLevel(profile) : {}
+ return {
+ selected: getSelectedOptional(topLevel),
+ unknown: findUnknownApiServices(topLevel),
+ }
+ }, [profile])
+
+ if (!profile) return null
+
+ const toggle = (service: string, enabled: boolean) => {
+ updateXrayProfile(p => withApiService(p, service, enabled))
+ }
+
+ return (
+
+
+
+
+
+
+
+
+ {t('coreEditor.api.hint', {
+ defaultValue: 'gRPC API services exposed by this core. The node always enables the required services; enable optional ones as needed.',
+ })}
+
+
+ {REQUIRED_API_SERVICES.map(svc => (
+
+ {svc}
+ {t('coreEditor.api.alwaysOn', { defaultValue: 'always on' })}
+
+ ))}
+ {OPTIONAL_API_SERVICES.map(svc => (
+
+ toggle(svc, checked === true)} />
+ {svc}
+
+ ))}
+
+ {unknown.length > 0 && (
+
+ {t('coreEditor.api.unknown', {
+ defaultValue: 'Unrecognized API service(s): {{names}}. Fix them in the Advanced tab.',
+ names: unknown.join(', '),
+ })}
+
+ )}
+
+
+