| export const HIDEABLE_SIDEBAR_ITEM_IDS = [
|
|
|
| "home",
|
|
|
| "api-manager",
|
| "endpoints",
|
| "providers",
|
| "embedded-services",
|
| "combos",
|
| "quota",
|
|
|
| "context-caveman",
|
| "context-rtk",
|
| "context-combos",
|
|
|
| "cli-code",
|
| "cli-agents",
|
| "acp-agents",
|
| "cloud-agents",
|
| "agent-bridge",
|
| "traffic-inspector",
|
|
|
| "api-endpoints",
|
| "webhooks",
|
|
|
| "proxy",
|
| "mitm-proxy",
|
| "1proxy",
|
|
|
| "analytics",
|
| "analytics-combo-health",
|
| "analytics-utilization",
|
| "costs",
|
| "cache",
|
| "analytics-compression",
|
| "analytics-search",
|
| "analytics-evals",
|
| "provider-stats",
|
|
|
| "activity",
|
| "logs",
|
| "logs-proxy",
|
| "logs-console",
|
| "logs-activity",
|
| "health",
|
| "runtime",
|
|
|
| "costs-pricing",
|
| "costs-budget",
|
| "costs-free-tiers",
|
| "costs-quota-share",
|
|
|
| "audit",
|
| "audit-mcp",
|
| "audit-a2a",
|
|
|
| "translator",
|
| "playground",
|
| "search-tools",
|
|
|
| "memory",
|
| "skills",
|
| "agent-skills",
|
| "mcp",
|
| "a2a",
|
|
|
| "leaderboard",
|
| "profile",
|
| "tokens",
|
|
|
| "media",
|
|
|
| "batch",
|
| "batch-files",
|
|
|
| "settings",
|
| "settings-general",
|
| "settings-appearance",
|
| "settings-ai",
|
| "settings-routing",
|
| "settings-resilience",
|
| "settings-advanced",
|
| "settings-security",
|
| "settings-feature-flags",
|
| "settings-sidebar",
|
|
|
| "docs",
|
| "issues",
|
| "changelog",
|
| ] as const;
|
|
|
| export type HideableSidebarItemId = (typeof HIDEABLE_SIDEBAR_ITEM_IDS)[number];
|
|
|
| export type SidebarSectionId =
|
| | "home"
|
| | "omni-proxy"
|
| | "analytics"
|
| | "costs"
|
| | "monitoring"
|
| | "devtools"
|
| | "agentic-features"
|
| | "other-features"
|
| | "configuration"
|
| | "help";
|
|
|
| export interface SidebarItemDefinition {
|
| id: HideableSidebarItemId;
|
| href: string;
|
| i18nKey: string;
|
| subtitleKey?: string;
|
| icon: string;
|
| exact?: boolean;
|
| external?: boolean;
|
| }
|
|
|
| export interface SidebarItemGroup {
|
| type: "group";
|
| id: string;
|
| titleKey: string;
|
| titleFallback: string;
|
| items: readonly SidebarItemDefinition[];
|
| }
|
|
|
| export type SidebarSectionChild = SidebarItemDefinition | SidebarItemGroup;
|
|
|
| export interface SidebarSectionDefinition {
|
| id: SidebarSectionId;
|
| titleKey: string;
|
| titleFallback: string;
|
| children: readonly SidebarSectionChild[];
|
| showTitle?: boolean;
|
| visibility?: "always" | "debug";
|
| defaultPinned?: boolean;
|
| }
|
|
|
| export function getSectionItems(
|
| section: SidebarSectionDefinition | { children: readonly SidebarSectionChild[] }
|
| ): readonly SidebarItemDefinition[] {
|
| return section.children.flatMap((child) =>
|
| "type" in child && child.type === "group" ? child.items : [child as SidebarItemDefinition]
|
| );
|
| }
|
|
|
|
|
|
|
| const HOME_ITEMS: readonly SidebarItemDefinition[] = [
|
| {
|
| id: "home",
|
| href: "/home",
|
| i18nKey: "home",
|
| subtitleKey: "homeSubtitle",
|
| icon: "home",
|
| exact: true,
|
| },
|
| ];
|
|
|
| const OMNI_PROXY_ITEMS: readonly SidebarItemDefinition[] = [
|
| {
|
| id: "endpoints",
|
| href: "/dashboard/endpoint",
|
| i18nKey: "endpoints",
|
| subtitleKey: "endpointsSubtitle",
|
| icon: "api",
|
| },
|
| {
|
| id: "api-manager",
|
| href: "/dashboard/api-manager",
|
| i18nKey: "apiManager",
|
| subtitleKey: "apiManagerSubtitle",
|
| icon: "vpn_key",
|
| },
|
| {
|
| id: "providers",
|
| href: "/dashboard/providers",
|
| i18nKey: "providers",
|
| subtitleKey: "providersSubtitle",
|
| icon: "dns",
|
| },
|
| {
|
| id: "embedded-services",
|
| href: "/dashboard/providers/services",
|
| i18nKey: "embeddedServices",
|
| subtitleKey: "embeddedServicesSubtitle",
|
| icon: "deployed_code",
|
| },
|
| {
|
| id: "combos",
|
| href: "/dashboard/combos",
|
| i18nKey: "combos",
|
| subtitleKey: "combosSubtitle",
|
| icon: "layers",
|
| },
|
| {
|
| id: "quota",
|
| href: "/dashboard/quota",
|
| i18nKey: "providerQuota",
|
| subtitleKey: "providerQuotaSubtitle",
|
| icon: "tune",
|
| },
|
| {
|
| id: "costs-quota-share",
|
| href: "/dashboard/costs/quota-share",
|
| i18nKey: "costsQuotaShare",
|
| subtitleKey: "costsQuotaShareSubtitle",
|
| icon: "pie_chart",
|
| },
|
| ];
|
|
|
| const COMPRESSION_CONTEXT_GROUP: SidebarItemGroup = {
|
| type: "group",
|
| id: "compression-context",
|
| titleKey: "compressionContextGroup",
|
| titleFallback: "Compression Context",
|
| items: [
|
| {
|
| id: "context-caveman",
|
| href: "/dashboard/context/caveman",
|
| i18nKey: "contextCaveman",
|
| subtitleKey: "contextCavemanSubtitle",
|
| icon: "compress",
|
| },
|
| {
|
| id: "context-rtk",
|
| href: "/dashboard/context/rtk",
|
| i18nKey: "contextRtk",
|
| subtitleKey: "contextRtkSubtitle",
|
| icon: "filter_alt",
|
| },
|
| {
|
| id: "context-combos",
|
| href: "/dashboard/context/combos",
|
| i18nKey: "contextCombos",
|
| subtitleKey: "contextCombosSubtitle",
|
| icon: "hub",
|
| },
|
| ],
|
| };
|
|
|
| const TOOLS_GROUP: SidebarItemGroup = {
|
| type: "group",
|
| id: "tools",
|
| titleKey: "toolsGroup",
|
| titleFallback: "Tools",
|
| items: [
|
| {
|
| id: "cli-code",
|
| href: "/dashboard/cli-code",
|
| i18nKey: "cliCode",
|
| subtitleKey: "cliCodeSubtitle",
|
| icon: "terminal",
|
| },
|
| {
|
| id: "cli-agents",
|
| href: "/dashboard/cli-agents",
|
| i18nKey: "cliAgents",
|
| subtitleKey: "cliAgentsSubtitle",
|
| icon: "smart_toy",
|
| },
|
| {
|
| id: "acp-agents",
|
| href: "/dashboard/acp-agents",
|
| i18nKey: "acpAgents",
|
| subtitleKey: "acpAgentsSubtitle",
|
| icon: "device_hub",
|
| },
|
| {
|
| id: "cloud-agents",
|
| href: "/dashboard/cloud-agents",
|
| i18nKey: "cloudAgents",
|
| subtitleKey: "cloudAgentsSubtitle",
|
| icon: "cloud",
|
| },
|
| {
|
| id: "agent-bridge",
|
| href: "/dashboard/tools/agent-bridge",
|
| i18nKey: "agentBridge",
|
| subtitleKey: "agentBridgeSubtitle",
|
| icon: "link",
|
| },
|
| {
|
| id: "traffic-inspector",
|
| href: "/dashboard/tools/traffic-inspector",
|
| i18nKey: "trafficInspector",
|
| subtitleKey: "trafficInspectorSubtitle",
|
| icon: "network_check",
|
| },
|
| ],
|
| };
|
|
|
| const INTEGRATIONS_GROUP: SidebarItemGroup = {
|
| type: "group",
|
| id: "integrations",
|
| titleKey: "integrationsGroup",
|
| titleFallback: "Integrations",
|
| items: [
|
| {
|
| id: "api-endpoints",
|
| href: "/dashboard/api-endpoints",
|
| i18nKey: "apiEndpoints",
|
| subtitleKey: "apiEndpointsSubtitle",
|
| icon: "api",
|
| },
|
| {
|
| id: "webhooks",
|
| href: "/dashboard/webhooks",
|
| i18nKey: "webhooks",
|
| subtitleKey: "webhooksSubtitle",
|
| icon: "webhook",
|
| },
|
| ],
|
| };
|
|
|
| const PROXY_GROUP: SidebarItemGroup = {
|
| type: "group",
|
| id: "proxy",
|
| titleKey: "proxyGroup",
|
| titleFallback: "Proxy",
|
| items: [
|
| {
|
| id: "proxy",
|
| href: "/dashboard/system/proxy",
|
| i18nKey: "proxy",
|
| subtitleKey: "proxySubtitle",
|
| icon: "dns",
|
| },
|
| ],
|
| };
|
|
|
| const ANALYTICS_ITEMS: readonly SidebarItemDefinition[] = [
|
| {
|
| id: "analytics",
|
| href: "/dashboard/analytics",
|
| i18nKey: "usage",
|
| subtitleKey: "usageSubtitle",
|
| icon: "analytics",
|
| },
|
| {
|
| id: "analytics-combo-health",
|
| href: "/dashboard/analytics/combo-health",
|
| i18nKey: "analyticsComboHealth",
|
| subtitleKey: "analyticsComboHealthSubtitle",
|
| icon: "monitor_heart",
|
| },
|
| {
|
| id: "analytics-utilization",
|
| href: "/dashboard/analytics/utilization",
|
| i18nKey: "analyticsUtilization",
|
| subtitleKey: "analyticsUtilizationSubtitle",
|
| icon: "bar_chart",
|
| },
|
| {
|
| id: "cache",
|
| href: "/dashboard/cache",
|
| i18nKey: "cache",
|
| subtitleKey: "cacheSubtitle",
|
| icon: "cached",
|
| },
|
| {
|
| id: "analytics-compression",
|
| href: "/dashboard/analytics/compression",
|
| i18nKey: "analyticsCompression",
|
| subtitleKey: "analyticsCompressionSubtitle",
|
| icon: "compress",
|
| },
|
| {
|
| id: "analytics-search",
|
| href: "/dashboard/analytics/search",
|
| i18nKey: "analyticsSearch",
|
| subtitleKey: "analyticsSearchSubtitle",
|
| icon: "manage_search",
|
| },
|
| {
|
| id: "analytics-evals",
|
| href: "/dashboard/analytics/evals",
|
| i18nKey: "analyticsEvals",
|
| subtitleKey: "analyticsEvalsSubtitle",
|
| icon: "labs",
|
| },
|
| {
|
| id: "provider-stats",
|
| href: "/dashboard/provider-stats",
|
| i18nKey: "providerStats",
|
| subtitleKey: "providerStatsSubtitle",
|
| icon: "speed",
|
| },
|
| ];
|
|
|
| const MONITORING_ITEMS: readonly SidebarItemDefinition[] = [
|
| {
|
| id: "activity",
|
| href: "/dashboard/activity",
|
| i18nKey: "activity",
|
| subtitleKey: "activitySubtitle",
|
| icon: "timeline",
|
| },
|
| ];
|
|
|
| const LOGS_GROUP: SidebarItemGroup = {
|
| type: "group",
|
| id: "logs",
|
| titleKey: "logsGroup",
|
| titleFallback: "Logs",
|
| items: [
|
| {
|
| id: "logs",
|
| href: "/dashboard/logs",
|
| i18nKey: "logs",
|
| subtitleKey: "logsSubtitle",
|
| icon: "description",
|
| },
|
| {
|
| id: "logs-proxy",
|
| href: "/dashboard/logs/proxy",
|
| i18nKey: "logsProxy",
|
| subtitleKey: "logsProxySubtitle",
|
| icon: "lan",
|
| },
|
| {
|
| id: "logs-console",
|
| href: "/dashboard/logs/console",
|
| i18nKey: "consoleLogs",
|
| subtitleKey: "consoleLogsSubtitle",
|
| icon: "terminal",
|
| },
|
| ],
|
| };
|
|
|
| const SYSTEM_GROUP: SidebarItemGroup = {
|
| type: "group",
|
| id: "system",
|
| titleKey: "systemGroup",
|
| titleFallback: "System",
|
| items: [
|
| {
|
| id: "health",
|
| href: "/dashboard/health",
|
| i18nKey: "health",
|
| subtitleKey: "healthSubtitle",
|
| icon: "health_and_safety",
|
| },
|
| {
|
| id: "runtime",
|
| href: "/dashboard/runtime",
|
| i18nKey: "runtime",
|
| subtitleKey: "runtimeSubtitle",
|
| icon: "bolt",
|
| },
|
| ],
|
| };
|
|
|
| const COSTS_ITEMS: readonly SidebarItemDefinition[] = [
|
| {
|
| id: "costs",
|
| href: "/dashboard/costs",
|
| i18nKey: "costsOverview",
|
| subtitleKey: "costsOverviewSubtitle",
|
| icon: "account_balance_wallet",
|
| },
|
| {
|
| id: "costs-pricing",
|
| href: "/dashboard/costs/pricing",
|
| i18nKey: "costsPricing",
|
| subtitleKey: "costsPricingSubtitle",
|
| icon: "price_change",
|
| },
|
| {
|
| id: "costs-budget",
|
| href: "/dashboard/costs/budget",
|
| i18nKey: "costsBudget",
|
| subtitleKey: "costsBudgetSubtitle",
|
| icon: "savings",
|
| },
|
| {
|
| id: "costs-free-tiers",
|
| href: "/dashboard/free-tiers",
|
| i18nKey: "costsFreeTiers",
|
| subtitleKey: "costsFreeTiersSubtitle",
|
| icon: "request_quote",
|
| },
|
| ];
|
|
|
| const AUDIT_GROUP: SidebarItemGroup = {
|
| type: "group",
|
| id: "audit",
|
| titleKey: "auditGroup",
|
| titleFallback: "Audit",
|
| items: [
|
| {
|
| id: "audit",
|
| href: "/dashboard/audit",
|
| i18nKey: "auditLog",
|
| subtitleKey: "auditLogSubtitle",
|
| icon: "policy",
|
| },
|
| {
|
| id: "audit-mcp",
|
| href: "/dashboard/audit/mcp",
|
| i18nKey: "auditMcp",
|
| subtitleKey: "auditMcpSubtitle",
|
| icon: "security",
|
| },
|
| {
|
| id: "audit-a2a",
|
| href: "/dashboard/audit/a2a",
|
| i18nKey: "auditA2a",
|
| subtitleKey: "auditA2aSubtitle",
|
| icon: "device_hub",
|
| },
|
| ],
|
| };
|
|
|
| const DEVTOOLS_ITEMS: readonly SidebarItemDefinition[] = [
|
| {
|
| id: "translator",
|
| href: "/dashboard/translator",
|
| i18nKey: "translator",
|
| subtitleKey: "translatorSubtitle",
|
| icon: "translate",
|
| },
|
| {
|
| id: "playground",
|
| href: "/dashboard/playground",
|
| i18nKey: "playground",
|
| subtitleKey: "playgroundSubtitle",
|
| icon: "science",
|
| },
|
| {
|
| id: "search-tools",
|
| href: "/dashboard/search-tools",
|
| i18nKey: "searchTools",
|
| subtitleKey: "searchToolsSubtitle",
|
| icon: "manage_search",
|
| },
|
| ];
|
|
|
| const MCP_GROUP: SidebarItemGroup = {
|
| type: "group",
|
| id: "mcp",
|
| titleKey: "mcp",
|
| titleFallback: "MCP Server",
|
| items: [
|
| {
|
| id: "mcp",
|
| href: "/dashboard/mcp",
|
| i18nKey: "mcp",
|
| subtitleKey: "mcpSubtitle",
|
| icon: "hub",
|
| },
|
| ],
|
| };
|
|
|
| const AGENTIC_FEATURES_ITEMS: readonly SidebarSectionChild[] = [
|
| {
|
| id: "memory",
|
| href: "/dashboard/memory",
|
| i18nKey: "memory",
|
| subtitleKey: "memorySubtitle",
|
| icon: "psychology",
|
| },
|
| {
|
| id: "agent-skills",
|
| href: "/dashboard/agent-skills",
|
| i18nKey: "agentSkills",
|
| subtitleKey: "agentSkillsSubtitle",
|
| icon: "share",
|
| },
|
| {
|
| id: "skills",
|
| href: "/dashboard/omni-skills",
|
| i18nKey: "omniSkills",
|
| subtitleKey: "omniSkillsSubtitle",
|
| icon: "auto_fix_high",
|
| },
|
| MCP_GROUP,
|
| {
|
| id: "a2a",
|
| href: "/dashboard/a2a",
|
| i18nKey: "a2a",
|
| subtitleKey: "a2aSubtitle",
|
| icon: "device_hub",
|
| },
|
| ];
|
|
|
| const GAMIFICATION_GROUP: SidebarItemGroup = {
|
| type: "group",
|
| id: "gamification",
|
| titleKey: "gamificationGroup",
|
| titleFallback: "Gamification",
|
| items: [
|
| {
|
| id: "leaderboard",
|
| href: "/dashboard/leaderboard",
|
| i18nKey: "leaderboard",
|
| subtitleKey: "leaderboardSubtitle",
|
| icon: "emoji_events",
|
| },
|
| {
|
| id: "profile",
|
| href: "/dashboard/profile",
|
| i18nKey: "profile",
|
| subtitleKey: "profileSubtitle",
|
| icon: "person",
|
| },
|
| {
|
| id: "tokens",
|
| href: "/dashboard/tokens",
|
| i18nKey: "tokens",
|
| subtitleKey: "tokensSubtitle",
|
| icon: "toll",
|
| },
|
| ],
|
| };
|
|
|
| const OTHER_FEATURES_ITEMS: readonly SidebarItemDefinition[] = [
|
| {
|
| id: "media",
|
| href: "/dashboard/cache/media",
|
| i18nKey: "media",
|
| subtitleKey: "mediaSubtitle",
|
| icon: "perm_media",
|
| },
|
| ];
|
|
|
| const BATCH_GROUP: SidebarItemGroup = {
|
| type: "group",
|
| id: "batch",
|
| titleKey: "batchGroup",
|
| titleFallback: "Batch",
|
| items: [
|
| {
|
| id: "batch",
|
| href: "/dashboard/batch",
|
| i18nKey: "batch",
|
| subtitleKey: "batchSubtitle",
|
| icon: "view_list",
|
| },
|
| {
|
| id: "batch-files",
|
| href: "/dashboard/batch/files",
|
| i18nKey: "batchFiles",
|
| subtitleKey: "batchFilesSubtitle",
|
| icon: "folder",
|
| },
|
| ],
|
| };
|
|
|
| const CONFIGURATION_ITEMS: readonly SidebarItemDefinition[] = [
|
| {
|
| id: "settings",
|
| href: "/dashboard/settings",
|
| i18nKey: "settings",
|
| subtitleKey: "settingsSubtitle",
|
| icon: "settings",
|
| },
|
| {
|
| id: "settings-general",
|
| href: "/dashboard/settings/general",
|
| i18nKey: "settingsGeneral",
|
| subtitleKey: "settingsGeneralSubtitle",
|
| icon: "tune",
|
| },
|
| {
|
| id: "settings-appearance",
|
| href: "/dashboard/settings/appearance",
|
| i18nKey: "settingsAppearance",
|
| subtitleKey: "settingsAppearanceSubtitle",
|
| icon: "palette",
|
| },
|
| {
|
| id: "settings-ai",
|
| href: "/dashboard/settings/ai",
|
| i18nKey: "settingsAi",
|
| subtitleKey: "settingsAiSubtitle",
|
| icon: "auto_awesome",
|
| },
|
| {
|
| id: "settings-routing",
|
| href: "/dashboard/settings/routing",
|
| i18nKey: "globalRouting",
|
| subtitleKey: "globalRoutingSubtitle",
|
| icon: "route",
|
| },
|
| {
|
| id: "settings-resilience",
|
| href: "/dashboard/settings/resilience",
|
| i18nKey: "settingsResilience",
|
| subtitleKey: "settingsResilienceSubtitle",
|
| icon: "health_and_safety",
|
| },
|
| {
|
| id: "settings-advanced",
|
| href: "/dashboard/settings/advanced",
|
| i18nKey: "settingsAdvanced",
|
| subtitleKey: "settingsAdvancedSubtitle",
|
| icon: "engineering",
|
| },
|
| {
|
| id: "settings-security",
|
| href: "/dashboard/settings/security",
|
| i18nKey: "settingsSecurity",
|
| subtitleKey: "settingsSecuritySubtitle",
|
| icon: "shield",
|
| },
|
| {
|
| id: "settings-feature-flags",
|
| href: "/dashboard/settings/feature-flags",
|
| i18nKey: "settingsFeatureFlags",
|
| subtitleKey: "settingsFeatureFlagsSubtitle",
|
| icon: "flag",
|
| },
|
| {
|
| id: "settings-sidebar",
|
| href: "/dashboard/settings/sidebar",
|
| i18nKey: "settingsSidebar",
|
| subtitleKey: "settingsSidebarSubtitle",
|
| icon: "view_sidebar",
|
| },
|
| ];
|
|
|
| const HELP_ITEMS: readonly SidebarItemDefinition[] = [
|
| {
|
| id: "docs",
|
| href: "/docs",
|
| i18nKey: "docs",
|
| subtitleKey: "docsSubtitle",
|
| icon: "menu_book",
|
| external: true,
|
| },
|
| {
|
| id: "issues",
|
| href: "https://github.com/diegosouzapw/OmniRoute/issues",
|
| i18nKey: "issues",
|
| subtitleKey: "issuesSubtitle",
|
| icon: "bug_report",
|
| external: true,
|
| },
|
| {
|
| id: "changelog",
|
| href: "/dashboard/changelog",
|
| i18nKey: "changelog",
|
| subtitleKey: "changelogSubtitle",
|
| icon: "campaign",
|
| },
|
| ];
|
|
|
|
|
|
|
| export const SIDEBAR_SECTIONS: readonly SidebarSectionDefinition[] = [
|
| {
|
| id: "home",
|
| titleKey: "home",
|
| titleFallback: "Home",
|
| children: HOME_ITEMS,
|
| showTitle: false,
|
| },
|
| {
|
| id: "omni-proxy",
|
| titleKey: "omniProxySection",
|
| titleFallback: "OmniProxy",
|
| children: [
|
| ...OMNI_PROXY_ITEMS,
|
| COMPRESSION_CONTEXT_GROUP,
|
| TOOLS_GROUP,
|
| INTEGRATIONS_GROUP,
|
| PROXY_GROUP,
|
| ],
|
| defaultPinned: true,
|
| },
|
| {
|
| id: "analytics",
|
| titleKey: "analyticsSection",
|
| titleFallback: "Analytics",
|
| children: ANALYTICS_ITEMS,
|
| },
|
| {
|
| id: "costs",
|
| titleKey: "costsSection",
|
| titleFallback: "Costs",
|
| children: COSTS_ITEMS,
|
| },
|
| {
|
| id: "monitoring",
|
| titleKey: "monitoringSection",
|
| titleFallback: "Monitoring",
|
| children: [...MONITORING_ITEMS, LOGS_GROUP, AUDIT_GROUP, SYSTEM_GROUP],
|
| },
|
| {
|
| id: "devtools",
|
| titleKey: "devtoolsSection",
|
| titleFallback: "Dev Tools",
|
| children: DEVTOOLS_ITEMS,
|
| visibility: "debug",
|
| },
|
| {
|
| id: "agentic-features",
|
| titleKey: "agenticFeaturesSection",
|
| titleFallback: "Agentic Features",
|
| children: AGENTIC_FEATURES_ITEMS,
|
| },
|
| {
|
| id: "other-features",
|
| titleKey: "otherFeaturesSection",
|
| titleFallback: "Other Features",
|
| children: [GAMIFICATION_GROUP, ...OTHER_FEATURES_ITEMS, BATCH_GROUP],
|
| },
|
| {
|
| id: "configuration",
|
| titleKey: "configurationSection",
|
| titleFallback: "Configuration",
|
| children: CONFIGURATION_ITEMS,
|
| },
|
| {
|
| id: "help",
|
| titleKey: "helpSection",
|
| titleFallback: "Help",
|
| children: HELP_ITEMS,
|
| },
|
| ] as const;
|
|
|
|
|
|
|
| export const HIDDEN_SIDEBAR_ITEMS_SETTING_KEY = "hiddenSidebarItems";
|
| export const SIDEBAR_SECTION_ORDER_KEY = "sidebarSectionOrder";
|
| export const SIDEBAR_ITEM_ORDER_KEY = "sidebarItemOrder";
|
| export const SIDEBAR_PRESET_KEY = "sidebarActivePreset";
|
| export const SIDEBAR_SETTINGS_UPDATED_EVENT = "omniroute:settings-updated";
|
|
|
|
|
|
|
| export type SidebarPresetId = "all" | "minimal" | "developer" | "admin";
|
|
|
| export interface SidebarPresetDefinition {
|
| id: SidebarPresetId;
|
| icon: string;
|
| hiddenItems: HideableSidebarItemId[];
|
| }
|
|
|
| const MINIMAL_SHOWN: ReadonlySet<HideableSidebarItemId> = new Set([
|
| "home",
|
| "endpoints",
|
| "api-manager",
|
| "providers",
|
| "combos",
|
| "analytics",
|
| "costs",
|
| "logs",
|
| "health",
|
| "settings",
|
| "settings-sidebar",
|
| "docs",
|
| "changelog",
|
| ]);
|
|
|
| const DEVELOPER_SHOWN: ReadonlySet<HideableSidebarItemId> = new Set([
|
| "home",
|
| "endpoints",
|
| "api-manager",
|
| "providers",
|
| "combos",
|
| "quota",
|
| "context-caveman",
|
| "context-rtk",
|
| "context-combos",
|
| "cli-code",
|
| "cli-agents",
|
| "acp-agents",
|
| "api-endpoints",
|
| "analytics",
|
| "analytics-combo-health",
|
| "costs",
|
| "cache",
|
| "logs",
|
| "health",
|
| "runtime",
|
| "translator",
|
| "playground",
|
| "memory",
|
| "skills",
|
| "mcp",
|
| "a2a",
|
| "settings",
|
| "settings-routing",
|
| "settings-resilience",
|
| "settings-sidebar",
|
| "docs",
|
| "issues",
|
| "changelog",
|
| ]);
|
|
|
| const ADMIN_SHOWN: ReadonlySet<HideableSidebarItemId> = new Set([
|
| "home",
|
| "endpoints",
|
| "api-manager",
|
| "providers",
|
| "combos",
|
| "quota",
|
| "analytics",
|
| "analytics-combo-health",
|
| "analytics-utilization",
|
| "costs",
|
| "costs-pricing",
|
| "costs-budget",
|
| "costs-quota-share",
|
| "cache",
|
| "logs",
|
| "activity",
|
| "health",
|
| "runtime",
|
| "audit",
|
| "audit-mcp",
|
| "audit-a2a",
|
| "settings",
|
| "settings-general",
|
| "settings-routing",
|
| "settings-resilience",
|
| "settings-security",
|
| "settings-feature-flags",
|
| "settings-sidebar",
|
| "docs",
|
| "changelog",
|
| ]);
|
|
|
| function buildHiddenList(shown: ReadonlySet<HideableSidebarItemId>): HideableSidebarItemId[] {
|
| return HIDEABLE_SIDEBAR_ITEM_IDS.filter((id) => !shown.has(id));
|
| }
|
|
|
| export const SIDEBAR_PRESETS: readonly SidebarPresetDefinition[] = [
|
| { id: "all", icon: "select_all", hiddenItems: [] },
|
| { id: "minimal", icon: "minimize", hiddenItems: buildHiddenList(MINIMAL_SHOWN) },
|
| { id: "developer", icon: "code", hiddenItems: buildHiddenList(DEVELOPER_SHOWN) },
|
| { id: "admin", icon: "admin_panel_settings", hiddenItems: buildHiddenList(ADMIN_SHOWN) },
|
| ];
|
|
|
| export type SidebarItemOrder = Partial<Record<SidebarSectionId, string[]>>;
|
|
|
|
|
|
|
| export function applySectionOrder(
|
| sections: readonly SidebarSectionDefinition[],
|
| order: SidebarSectionId[]
|
| ): SidebarSectionDefinition[] {
|
| if (order.length === 0) return [...sections];
|
| const knownIds = new Set(sections.map((s) => s.id));
|
| const validOrder = order.filter((id) => knownIds.has(id));
|
| const orderMap = new Map(validOrder.map((id, i) => [id, i]));
|
| return [...sections].sort((a, b) => {
|
| const ai = orderMap.get(a.id) ?? validOrder.length + sections.indexOf(a);
|
| const bi = orderMap.get(b.id) ?? validOrder.length + sections.indexOf(b);
|
| return ai - bi;
|
| });
|
| }
|
|
|
| export function applyItemOrder(
|
| children: readonly SidebarSectionChild[],
|
| order: string[]
|
| ): SidebarSectionChild[] {
|
| if (order.length === 0) return [...children];
|
| const getChildId = (c: SidebarSectionChild): string =>
|
| "type" in c && c.type === "group" ? c.id : (c as SidebarItemDefinition).id;
|
| const knownIds = new Set(children.map(getChildId));
|
| const validOrder = order.filter((id) => knownIds.has(id));
|
| const orderMap = new Map(validOrder.map((id, i) => [id, i]));
|
| return [...children].sort((a, b) => {
|
| const aId = getChildId(a);
|
| const bId = getChildId(b);
|
| const ai = orderMap.get(aId) ?? validOrder.length + children.indexOf(a);
|
| const bi = orderMap.get(bId) ?? validOrder.length + children.indexOf(b);
|
| return ai - bi;
|
| });
|
| }
|
|
|
|
|
|
|
| export function normalizeHiddenSidebarItems(value: unknown): HideableSidebarItemId[] {
|
| if (!Array.isArray(value)) return [];
|
|
|
| const hiddenItems = new Set<HideableSidebarItemId>();
|
|
|
| for (const item of value) {
|
| if (
|
| typeof item === "string" &&
|
| HIDEABLE_SIDEBAR_ITEM_IDS.includes(item as HideableSidebarItemId)
|
| ) {
|
| hiddenItems.add(item as HideableSidebarItemId);
|
| }
|
| }
|
|
|
| return HIDEABLE_SIDEBAR_ITEM_IDS.filter((item) => hiddenItems.has(item));
|
| }
|
|
|
