@igstack/app-catalog-frontend-core 0.3.1-alpha-20260405015231 → 0.3.1-alpha-20260406011911

package/src/modules/appCatalog/hooks/useAppCounts.ts

@@ -1,10 +1,10 @@
 import { useMemo } from 'react'
-import type { AppForCatalog } from '@igstack/app-catalog-backend-core'
-import { searchApps } from '../utils/searchApps'
+import type { Resource } from '@igstack/app-catalog-backend-core'
+import { searchResources } from '../utils/searchApps'
 import { useAppCatalogFilters } from '../ui/context/AppCatalogFiltersContext'
 
 interface UseAppCountsOptions {
-  apps: AppForCatalog[]
+  apps: Resource[]
   topAppSlugs: string[]
   searchValue: string
 }
@@ -31,7 +31,7 @@ export function useAppCounts({
     if (!filterState.showDeprecated) {
       recentApps = recentApps.filter((app) => !app.deprecated)
     }
-    return searchApps(recentApps, searchValue).length
+    return searchResources(recentApps, searchValue).length
   }, [apps, topAppSlugs, searchValue, filterState.showDeprecated])
 
   // Count for "Show All" (respects showDeprecated, tag filters, and search)
@@ -57,7 +57,7 @@ export function useAppCounts({
       })
     }
 
-    return searchApps(result, searchValue).length
+    return searchResources(result, searchValue).length
   }, [apps, filterState.tagFilters, filterState.showDeprecated, searchValue])
 
   return { recentCount, allCount, deprecatedCount }

package/src/modules/appCatalog/ui/components/AccessRequestSection.tsx

@@ -1,6 +1,6 @@
 import type {
   AppApprovalMethod,
-  AppForCatalog,
+  Resource,
 } from '@igstack/app-catalog-backend-core'
 import { Bot, Check, Copy, ExternalLink, Settings, Users } from 'lucide-react'
 import { useCallback, useEffect, useRef, useState } from 'react'
@@ -26,7 +26,7 @@ import { PersonBadge } from './PersonBadge'
 const COPY_FEEDBACK_DURATION = 2000
 
 interface AccessRequestSectionProps {
-  app: AppForCatalog
+  app: Resource
   approvalMethods: AppApprovalMethod[]
 }
 

package/src/modules/appCatalog/ui/components/AppDetailModal.tsx

@@ -1,4 +1,4 @@
-import type { AppForCatalog } from '@igstack/app-catalog-backend-core'
+import type { Resource } from '@igstack/app-catalog-backend-core'
 import { AppWindowIcon, ExternalLinkIcon, XIcon } from 'lucide-react'
 import React, { useEffect, useMemo, useState } from 'react'
 import { Badge } from '~/ui/badge'
@@ -19,10 +19,10 @@ import {
 import { ScreenshotGallery } from './ScreenshotGallery'
 import { TierVariantsSection } from './TierVariantsSection'
 import { SubResourcesSection } from './SubResourcesSection'
-import { getSubResourcesForApp } from '~/modules/appCatalog/utils/resolveHelpers'
+import { getChildResources } from '~/modules/appCatalog/utils/resolveHelpers'
 
 export interface AppDetailModalProps {
-  app: AppForCatalog
+  app: Resource
   isOpen: boolean
   onClose: () => void
 }
@@ -31,7 +31,7 @@ function getIconUrl(iconName: string): string {
   return `/api/icons/${iconName}`
 }
 
-function AppIcon({ app }: { app: AppForCatalog }) {
+function AppIcon({ app }: { app: Resource }) {
   const [imageError, setImageError] = React.useState(false)
 
   if (app.iconName && !imageError) {
@@ -52,7 +52,7 @@ function AppIcon({ app }: { app: AppForCatalog }) {
   )
 }
 
-function ScreenshotPreview({ app }: { app: AppForCatalog }) {
+function ScreenshotPreview({ app }: { app: Resource }) {
   const [imageErrors, setImageErrors] = useState<Set<string>>(() => new Set())
   const [galleryOpen, setGalleryOpen] = useState(false)
   const [initialIndex, setInitialIndex] = useState(0)
@@ -124,7 +124,7 @@ function ScreenshotPreview({ app }: { app: AppForCatalog }) {
   )
 }
 
-function AccessSection({ app }: { app: AppForCatalog }) {
+function AccessSection({ app }: { app: Resource }) {
   const { approvalMethods } = useAppCatalogContext()
   const { accessRequest } = app
   if (!accessRequest) {
@@ -186,11 +186,11 @@ function AccessSection({ app }: { app: AppForCatalog }) {
   )
 }
 
-function TiersAndSubResources({ app }: { app: AppForCatalog }) {
-  const { subResources } = useAppCatalogContext()
+function TiersAndSubResources({ app }: { app: Resource }) {
+  const { resources } = useAppCatalogContext()
   const appSubResources = useMemo(
-    () => getSubResourcesForApp(subResources ?? [], app.slug),
-    [subResources, app.slug],
+    () => getChildResources(resources, app.slug),
+    [resources, app.slug],
   )
 
   return (

package/src/modules/appCatalog/ui/components/ScreenshotGallery.tsx

@@ -1,6 +1,6 @@
 import { useMemo, useRef } from 'react'
 
-import type { AppForCatalog } from '@igstack/app-catalog-backend-core'
+import type { Resource } from '@igstack/app-catalog-backend-core'
 
 import { Gallery } from '~/modules/gallery/Gallery'
 import type { GalleryImage } from '~/modules/gallery/Gallery'
@@ -8,7 +8,7 @@ import { Dialog, DialogContent, DialogTitle } from '~/ui/dialog'
 import { VisuallyHidden } from '~/ui/visually-hidden'
 
 export interface ScreenshotGalleryProps {
-  app: AppForCatalog
+  app: Resource
   screenshotIds: string[]
   initialIndex?: number
   open: boolean

package/src/modules/appCatalog/ui/components/SearchAndFilterHeader.tsx

@@ -1,4 +1,4 @@
-import { useDeferredValue, useEffect, useState } from 'react'
+import { useDeferredValue, useEffect, useMemo, useState } from 'react'
 import { useAppCatalogContext } from '../../context/AppCatalogContext'
 import { useAppClickHistory } from '../../hooks/useAppClickHistory'
 import { useAppCounts } from '../../hooks/useAppCounts'
@@ -11,7 +11,11 @@ import { FilterBar } from '../filters/FilterBar'
  * Uses deferred search value to avoid blocking the input.
  */
 export function SearchAndFilterHeader() {
-  const { apps } = useAppCatalogContext()
+  const { resources } = useAppCatalogContext()
+  const apps = useMemo(
+    () => resources.filter((r) => !r.parentSlug),
+    [resources],
+  )
   const { getTopApps } = useAppClickHistory()
   const { state } = useAppCatalogFilters()
 

package/src/modules/appCatalog/ui/components/SubResourcesSection.tsx

@@ -1,4 +1,4 @@
-import type { SubResource } from '@igstack/app-catalog-backend-core'
+import type { Resource } from '@igstack/app-catalog-backend-core'
 import { Search } from 'lucide-react'
 import { useMemo, useState } from 'react'
 import { Badge } from '~/ui/badge'
@@ -23,7 +23,7 @@ import { useAppCatalogContext } from '~/modules/appCatalog'
 import { getGroupBySlug } from '~/modules/appCatalog/utils/resolveHelpers'
 
 interface SubResourcesSectionProps {
-  subResources: SubResource[]
+  subResources: Resource[]
 }
 
 function getTierBadgeVariant(
@@ -63,7 +63,7 @@ export function SubResourcesSection({
   const uniqueTiers = useMemo(() => {
     const tiers = new Set<string>()
     for (const sr of subResources) {
-      if (sr.tierSlug) tiers.add(sr.tierSlug)
+      if (sr.tier) tiers.add(sr.tier)
     }
     return [...tiers].sort()
   }, [subResources])
@@ -72,7 +72,7 @@ export function SubResourcesSection({
     let result = subResources
 
     if (tierFilter !== 'all') {
-      result = result.filter((sr) => sr.tierSlug === tierFilter)
+      result = result.filter((sr) => sr.tier === tierFilter)
     }
 
     if (search.trim()) {
@@ -80,7 +80,7 @@ export function SubResourcesSection({
       result = result.filter(
         (sr) =>
           sr.displayName.toLowerCase().includes(q) ||
-          sr.aliases.some((a) => a.toLowerCase().includes(q)) ||
+          (sr.aliases ?? []).some((a) => a.toLowerCase().includes(q)) ||
           (sr.description?.toLowerCase().includes(q) ?? false),
       )
     }
@@ -150,12 +150,12 @@ export function SubResourcesSection({
             ) : (
               filtered.map((sr) => {
                 // Resolve maintainer group members
-                const maintainerMembers = sr.accessMaintainerGroupSlugs.flatMap(
-                  (groupSlug) => {
-                    const group = getGroupBySlug(groups, groupSlug)
-                    return group?.memberSlugs ?? []
-                  },
-                )
+                const maintainerMembers = (
+                  sr.accessMaintainerGroupSlugs ?? []
+                ).flatMap((groupSlug) => {
+                  const group = getGroupBySlug(groups, groupSlug)
+                  return group?.memberSlugs ?? []
+                })
                 // Deduplicate
                 const uniqueMaintainers = [...new Set(maintainerMembers)]
 
@@ -165,9 +165,9 @@ export function SubResourcesSection({
                       <div className="font-medium text-sm">
                         {sr.displayName}
                       </div>
-                      {sr.aliases.length > 0 && (
+                      {(sr.aliases ?? []).length > 0 && (
                         <div className="text-xs text-muted-foreground mt-0.5">
-                          {sr.aliases.join(', ')}
+                          {(sr.aliases ?? []).join(', ')}
                         </div>
                       )}
                       {sr.description && (
@@ -177,12 +177,12 @@ export function SubResourcesSection({
                       )}
                     </TableCell>
                     <TableCell>
-                      {sr.tierSlug && (
+                      {sr.tier && (
                         <Badge
-                          variant={getTierBadgeVariant(sr.tierSlug)}
-                          className={`text-xs ${getTierBadgeClassName(sr.tierSlug)}`}
+                          variant={getTierBadgeVariant(sr.tier)}
+                          className={`text-xs ${getTierBadgeClassName(sr.tier)}`}
                         >
-                          {getTierDisplayLabel(sr.tierSlug)}
+                          {getTierDisplayLabel(sr.tier)}
                         </Badge>
                       )}
                     </TableCell>

package/src/modules/appCatalog/ui/components/TierVariantsSection.tsx

@@ -1,7 +1,7 @@
 import type {
   AppAccessRequest,
   AppApprovalMethod,
-  AppTierVariant,
+  TierVariant,
 } from '@igstack/app-catalog-backend-core'
 import { Bot, ExternalLinkIcon, Settings, Users } from 'lucide-react'
 import { useState } from 'react'
@@ -19,7 +19,7 @@ import { useAppCatalogContext } from '~/modules/appCatalog'
 import { PersonBadge } from './PersonBadge'
 
 interface TierVariantsSectionProps {
-  tiers: AppTierVariant[]
+  tiers: TierVariant[]
 }
 
 function getTierBadgeVariant(

package/src/modules/appCatalog/ui/filters/FilterBar.tsx

@@ -1,4 +1,4 @@
-import type { AppForCatalog } from '@igstack/app-catalog-backend-core'
+import type { Resource } from '@igstack/app-catalog-backend-core'
 import { X } from 'lucide-react'
 import { useMemo } from 'react'
 import { Button } from '~/ui/button'
@@ -21,7 +21,7 @@ interface FilterBarProps {
   /** Number of deprecated apps (total) */
   deprecatedCount: number
   /** All apps for counting filter options */
-  apps: AppForCatalog[]
+  apps: Resource[]
 }
 
 /**

package/src/modules/appCatalog/ui/grid/AppCatalogGrid.tsx

@@ -1,6 +1,6 @@
 import type {
-  AppForCatalog,
   GroupingTagDefinition,
+  Resource,
 } from '@igstack/app-catalog-backend-core'
 import type { ColumnDef } from '@tanstack/react-table'
 import {
@@ -39,13 +39,13 @@ import { useKeyboardNavigation } from '../hooks/useKeyboardNavigation'
 import { highlightText } from '../../utils/searchApps'
 import { TierVariantsSection } from '../components/TierVariantsSection'
 import { SubResourcesSection } from '../components/SubResourcesSection'
-import { getSubResourcesForApp } from '../../utils/resolveHelpers'
+import { getChildResources } from '../../utils/resolveHelpers'
 
 export interface AppCatalogGridProps {
-  apps: AppForCatalog[]
+  apps: Resource[]
   selectedAppSlug?: string
   groupingDefinition?: GroupingTagDefinition
-  onAppClick?: (app: AppForCatalog) => void
+  onAppClick?: (app: Resource) => void
   /** Whether search is active (affects group sorting) */
   hasSearch?: boolean
   /** Search query for highlighting matches */
@@ -91,13 +91,7 @@ function HighlightedText({
   )
 }
 
-function AppIcon({
-  app,
-  className,
-}: {
-  app: AppForCatalog
-  className?: string
-}) {
+function AppIcon({ app, className }: { app: Resource; className?: string }) {
   const [imageError, setImageError] = React.useState(false)
 
   // Use iconName from backend if available
@@ -127,7 +121,7 @@ function AppIcon({
   )
 }
 
-function AppScreenshot({ app }: { app: AppForCatalog }) {
+function AppScreenshot({ app }: { app: Resource }) {
   const [imageError, setImageError] = React.useState(false)
   const [isLoadingImage, setIsLoadingImage] = React.useState(true)
 
@@ -172,11 +166,11 @@ function AppScreenshot({ app }: { app: AppForCatalog }) {
   )
 }
 
-function TiersAndSubResourcesPanel({ app }: { app: AppForCatalog }) {
-  const { subResources } = useAppCatalogContext()
+function TiersAndSubResourcesPanel({ app }: { app: Resource }) {
+  const { resources } = useAppCatalogContext()
   const appSubResources = React.useMemo(
-    () => getSubResourcesForApp(subResources ?? [], app.slug),
-    [subResources, app.slug],
+    () => getChildResources(resources, app.slug),
+    [resources, app.slug],
   )
 
   return (
@@ -200,13 +194,13 @@ function AppDetails({
   onAppClick,
   onClosePanel,
 }: {
-  app: AppForCatalog
-  onAppClick?: (app: AppForCatalog) => void
+  app: Resource
+  onAppClick?: (app: Resource) => void
   onClosePanel: () => void
 }) {
   const [isGalleryOpen, setIsGalleryOpen] = React.useState(false)
   const [galleryInitialIndex, setGalleryInitialIndex] = React.useState(0)
-  const { approvalMethods, apps } = useAppCatalogContext()
+  const { approvalMethods, resources: allResources } = useAppCatalogContext()
   const { recordClick } = useAppClickHistory()
   const updateApp = useUpdateApp()
   const [draftSource, setDraftSource] = React.useState<string | null>(null)
@@ -258,7 +252,7 @@ function AppDetails({
 
   // Find replacement app if deprecated
   const replacementApp = app.deprecated?.replacementSlug
-    ? apps.find((a) => a.slug === app.deprecated?.replacementSlug)
+    ? allResources.find((a) => a.slug === app.deprecated?.replacementSlug)
     : null
 
   return (
@@ -621,11 +615,11 @@ function AppDetails({
 
 interface GroupedApps {
   groupName: string
-  apps: AppForCatalog[]
+  apps: Resource[]
 }
 
 function groupApps(
-  apps: AppForCatalog[],
+  apps: Resource[],
   groupingDef?: GroupingTagDefinition,
   hasSearch?: boolean,
 ): GroupedApps[] {
@@ -642,8 +636,8 @@ function groupApps(
     return [{ groupName: 'All Apps', apps: sortedApps }]
   }
 
-  const grouped = new Map<string, AppForCatalog[]>()
-  const ungrouped: AppForCatalog[] = []
+  const grouped = new Map<string, Resource[]>()
+  const ungrouped: Resource[] = []
 
   for (const app of apps) {
     const matchingTag = app.tags?.find((tag) =>
@@ -720,11 +714,11 @@ export function AppCatalogGrid({
     onAppClick,
   })
 
-  // Build a map of appSlug -> matched sub-resource displayName for search annotation
-  const { subResources: allSubResources } = useAppCatalogContext()
+  // Build a map of parentSlug -> matched child resource displayName for search annotation
+  const { resources: allResources2 } = useAppCatalogContext()
   const matchedSubResourceMap = React.useMemo(() => {
     const map = new Map<string, string>()
-    if (!searchQuery?.trim() || !allSubResources?.length) return map
+    if (!searchQuery?.trim() || allResources2.length === 0) return map
     const queryTerms = searchQuery
       .trim()
       .toLowerCase()
@@ -733,22 +727,25 @@ export function AppCatalogGrid({
     const allTermsMatch = (text: string): boolean =>
       queryTerms.every((term) => text.includes(term))
 
-    for (const sr of allSubResources) {
-      if (map.has(sr.appSlug)) continue
-      const nameMatch = allTermsMatch(sr.displayName.toLowerCase())
-      const aliasMatch = sr.aliases.some((a) => allTermsMatch(a.toLowerCase()))
-      const descMatch = sr.description
-        ? allTermsMatch(sr.description.toLowerCase())
+    for (const r of allResources2) {
+      if (!r.parentSlug) continue
+      if (map.has(r.parentSlug)) continue
+      const nameMatch = allTermsMatch(r.displayName.toLowerCase())
+      const aliasMatch = (r.aliases ?? []).some((a) =>
+        allTermsMatch(a.toLowerCase()),
+      )
+      const descMatch = r.description
+        ? allTermsMatch(r.description.toLowerCase())
         : false
       if (nameMatch || aliasMatch || descMatch) {
-        map.set(sr.appSlug, sr.displayName)
+        map.set(r.parentSlug, r.displayName)
       }
     }
     return map
-  }, [searchQuery, allSubResources])
+  }, [searchQuery, allResources2])
 
   // Define columns
-  const columns = React.useMemo<ColumnDef<AppForCatalog>[]>(
+  const columns = React.useMemo<ColumnDef<Resource>[]>(
     () => [
       {
         id: 'application',
@@ -856,7 +853,7 @@ export function AppCatalogGrid({
     }
   }, [selectedAppSlug, rowRefs])
 
-  const handleAppClick = (app: AppForCatalog) => {
+  const handleAppClick = (app: Resource) => {
     onAppClick?.(app)
   }
 

package/src/modules/appCatalog/ui/grid/AppCatalogTable.tsx

@@ -1,4 +1,4 @@
-import type { AppForCatalog } from '@igstack/app-catalog-backend-core'
+import type { Resource } from '@igstack/app-catalog-backend-core'
 import type { ColumnDef } from '@tanstack/react-table'
 import {
   flexRender,
@@ -17,11 +17,11 @@ import {
 import { getAppUrl } from './appCatalogUtils'
 
 export interface AppCatalogTableProps {
-  apps: AppForCatalog[]
+  apps: Resource[]
 }
 
 export function AppCatalogTable({ apps }: AppCatalogTableProps) {
-  const columns = useMemo<ColumnDef<AppForCatalog>[]>(
+  const columns = useMemo<ColumnDef<Resource>[]>(
     () => [
       {
         slug: 'name',

package/src/modules/appCatalog/ui/grid/appCatalogUtils.ts

@@ -1,5 +1,5 @@
-import type { AppForCatalog } from '@igstack/app-catalog-backend-core'
+import type { Resource } from '@igstack/app-catalog-backend-core'
 
-export function getAppUrl(app: AppForCatalog): string {
+export function getAppUrl(app: Resource): string {
   return app.appUrl || '#'
 }

package/src/modules/appCatalog/ui/hooks/useKeyboardNavigation.ts

@@ -1,10 +1,10 @@
-import type { AppForCatalog } from '@igstack/app-catalog-backend-core'
+import type { Resource } from '@igstack/app-catalog-backend-core'
 import React from 'react'
 
 export interface UseKeyboardNavigationProps {
-  apps: AppForCatalog[]
+  apps: Resource[]
   selectedAppSlug?: string
-  onAppClick?: (app: AppForCatalog) => void
+  onAppClick?: (app: Resource) => void
 }
 
 export function useKeyboardNavigation({

package/src/modules/appCatalog/ui/pages/AppCatalogPage.tsx

@@ -1,4 +1,4 @@
-import type { AppForCatalog } from '@igstack/app-catalog-backend-core'
+import type { Resource } from '@igstack/app-catalog-backend-core'
 import { X } from 'lucide-react'
 import { useDeferredValue, useEffect, useMemo, useState } from 'react'
 import { Button } from '~/ui/button'
@@ -14,15 +14,14 @@ import { useAppCatalogContext } from '../../context/AppCatalogContext'
 import { useAppClickHistory } from '../../hooks/useAppClickHistory'
 import { useAppCounts } from '../../hooks/useAppCounts'
 import { useUrlSyncedState } from '../../hooks/useUrlSyncedState'
-import { searchApps } from '../../utils/searchApps'
+import { searchResources } from '../../utils/searchApps'
 import { OnboardingCard } from '../components/OnboardingCard'
 import { useAppCatalogFilters } from '../context/AppCatalogFiltersContext'
 import { FilterBar } from '../filters/FilterBar'
 import { AppCatalogGrid } from '../grid/AppCatalogGrid'
 
 export function AppCatalogPage() {
-  const { apps, isLoadingApps, tagsDefinitions, subResources } =
-    useAppCatalogContext()
+  const { resources, isLoadingApps, tagsDefinitions } = useAppCatalogContext()
   const { state: filterState, actions } = useAppCatalogFilters()
   const { getTopApps } = useAppClickHistory()
 
@@ -49,8 +48,14 @@ export function AppCatalogPage() {
     void getTopApps(10).then(setTopAppSlugs)
   }, [getTopApps])
 
+  // Get root resources for filtering (children handled internally by searchResources)
+  const rootResources = useMemo(
+    () => resources.filter((r) => !r.parentSlug),
+    [resources],
+  )
+
   const filteredApps = useMemo(() => {
-    let result = apps
+    let result = rootResources
 
     // Step 1: Filter deprecated apps (if not showing them)
     if (!filterState.showDeprecated) {
@@ -76,22 +81,27 @@ export function AppCatalogPage() {
     }
 
     // Step 3: Apply search (using deferred value)
-    result = searchApps(result, deferredSearchValue, subResources)
+    // Pass all resources so children contribute to parent scoring
+    const childResources = resources.filter((r) => r.parentSlug)
+    result = searchResources(
+      [...result, ...childResources],
+      deferredSearchValue,
+    )
 
     return result
   }, [
-    apps,
+    rootResources,
+    resources,
     deferredSearchValue,
     filterState.recentMode,
     filterState.tagFilters,
     filterState.showDeprecated,
     topAppSlugs,
-    subResources,
   ])
 
   // Calculate counts for FilterBar
   const { allCount, recentCount, deprecatedCount } = useAppCounts({
-    apps,
+    apps: rootResources,
     topAppSlugs,
     searchValue: deferredSearchValue,
   })
@@ -103,7 +113,7 @@ export function AppCatalogPage() {
     }
   }, [filteredApps, setSelectedAppSlug])
 
-  const handleAppClick = (app: AppForCatalog) => {
+  const handleAppClick = (app: Resource) => {
     setSelectedAppSlug(app.slug)
   }
 
@@ -115,12 +125,12 @@ export function AppCatalogPage() {
 
   // Calculate total apps count (respecting showDeprecated setting)
   const totalAppsCount = useMemo(() => {
-    let count = apps.length
+    let count = rootResources.length
     if (!filterState.showDeprecated) {
-      count = apps.filter((app) => !app.deprecated).length
+      count = rootResources.filter((app) => !app.deprecated).length
     }
     return count
-  }, [apps, filterState.showDeprecated])
+  }, [rootResources, filterState.showDeprecated])
 
   if (isLoadingApps) {
     return <div className="py-6 text-muted-foreground">Loading…</div>
@@ -140,7 +150,7 @@ export function AppCatalogPage() {
           totalCount={allCount}
           recentCount={recentCount}
           deprecatedCount={deprecatedCount}
-          apps={apps}
+          apps={rootResources}
         />
       </div>
 

package/src/modules/appCatalog/utils/resolveHelpers.ts

@@ -1,8 +1,4 @@
-import type {
-  Group,
-  Person,
-  SubResource,
-} from '@igstack/app-catalog-backend-core'
+import type { Group, Person, Resource } from '@igstack/app-catalog-backend-core'
 
 export function getPersonBySlug(
   persons: Person[],
@@ -18,9 +14,16 @@ export function getGroupBySlug(
   return groups.find((g) => g.slug === slug)
 }
 
-export function getSubResourcesForApp(
-  subResources: SubResource[],
-  appSlug: string,
-): SubResource[] {
-  return subResources.filter((sr) => sr.appSlug === appSlug)
+export function getChildResources(
+  resources: Resource[],
+  parentSlug: string,
+): Resource[] {
+  return resources.filter((r) => r.parentSlug === parentSlug)
 }
+
+export function getRootResources(resources: Resource[]): Resource[] {
+  return resources.filter((r) => !r.parentSlug)
+}
+
+/** @deprecated Use getChildResources instead */
+export const getSubResourcesForApp = getChildResources