fix: hide functions in containers view (#2597)

<!-- Please make sure there is an issue that this PR is correlated to. -->

## Changes

<!-- If there are frontend changes, please include screenshots. -->

Author: jog1t

frontend/apps/hub/src/domains/project/components/actors/actors-provider.tsx

@@ -13,6 +13,8 @@ import {
 	createActorAtom,
 	type Logs,
 	actorsQueryAtom,
+	actorsInternalFilterAtom,
+	type Actor,
 } from "@rivet-gg/components/actors";
 import {
 	InfiniteQueryObserver,
@@ -40,6 +42,7 @@ interface ActorsProviderProps {
 	children?: ReactNode;
 	fixedTags?: Record<string, string>;
 	filter?: (actor: Rivet.actors.Actor) => boolean;
+	isActorInternal?: (actor: Actor) => boolean;
 
 	/// filters
 	tags: FilterValue;
@@ -57,6 +60,7 @@ export function ActorsProvider({
 	children,
 	fixedTags,
 	filter,
+	isActorInternal: internalFilter,
 	// filters
 	tags,
 	region,
@@ -84,6 +88,13 @@ export function ActorsProvider({
 		});
 	}, [tags, region, createdAt, destroyedAt, status, devMode]);
 
+	// biome-ignore lint/correctness/useExhaustiveDependencies:  store is not a dependency
+	useEffect(() => {
+		if (internalFilter) {
+			store.set(actorsInternalFilterAtom, internalFilter);
+		}
+	}, [internalFilter]);
+
 	// biome-ignore lint/correctness/useExhaustiveDependencies: store is not a dependency
 	useEffect(() => {
 		return store.sub(actorFiltersAtom, () => {

frontend/apps/hub/src/routes/_authenticated/_layout/projects/$projectNameId/environments/$environmentNameId._v2/containers.tsx

@@ -1,4 +1,5 @@
 import {
+	type Actor as StateActor,
 	ActorFeature,
 	ActorNotFound,
 	ActorsActorDetails,
@@ -64,7 +65,6 @@ const FIXED_TAGS = {};
 //	toRecord(actor.tags).framework !== "actor-core";
 
 const ACTORS_FILTER = (actor: Rivet.actors.Actor) =>
-	toRecord(actor.tags).type !== "function" &&
 	toRecord(actor.tags).framework !== "actor-core";
 
 const ACTORS_VIEW_CONTEXT = {
@@ -107,6 +107,9 @@ const ACTORS_VIEW_CONTEXT = {
 	canCreate: false,
 };
 
+const IS_ACTOR_INTERNAL = (actor: StateActor) =>
+	toRecord(actor.tags).type === "function";
+
 function Content() {
 	const { nameId: projectNameId } = useProject();
 	const { nameId: environmentNameId } = useEnvironment();
@@ -137,6 +140,7 @@ function Content() {
 				actorId={actorId}
 				fixedTags={FIXED_TAGS}
 				filter={ACTORS_FILTER}
+				isActorInternal={IS_ACTOR_INTERNAL}
 				{...filters}
 			>
 				<ActorsListPreview>

frontend/apps/hub/src/routes/_authenticated/_layout/projects/$projectNameId/environments/$environmentNameId._v2/functions.tsx

@@ -26,7 +26,6 @@ import {
 	TableBody,
 	TableCell,
 	DiscreteCopyButton,
-	toRecord,
 	DropdownMenu,
 	DropdownMenuTrigger,
 	DropdownMenuContent,
@@ -102,8 +101,8 @@ function ProjectFunctionsRoute() {
 						<Table>
 							<TableHeader>
 								<TableRow>
+									<TableHead>Name</TableHead>
 									<TableHead>Route</TableHead>
-									<TableHead>Instances</TableHead>
 									<TableHead />
 								</TableRow>
 							</TableHeader>
@@ -121,24 +120,17 @@ function ProjectFunctionsRoute() {
 									<TableRow key={route.id}>
 										<TableCell>
 											<DiscreteCopyButton
-												value={`${route.hostname}${route.path}${route.routeSubpaths ? "/*" : ""}`}
+												value={route.id}
 											>
-												{`${route.hostname}${route.path}${route.routeSubpaths ? "/*" : ""}`}
+												{route.id}
 											</DiscreteCopyButton>
 										</TableCell>
 										<TableCell>
-											{actors?.filter((actor) =>
-												Object.entries(
-													route.target.actors
-														?.selectorTags || {},
-												).some(([key, value]) => {
-													return (
-														toRecord(actor.tags)[
-															key
-														] === value
-													);
-												}),
-											).length || 0}
+											<DiscreteCopyButton
+												value={`${route.hostname}${route.path}${route.routeSubpaths ? "/*" : ""}`}
+											>
+												{`${route.hostname}${route.path}${route.routeSubpaths ? "/*" : ""}`}
+											</DiscreteCopyButton>
 										</TableCell>
 										<TableCell>
 											<DropdownMenu>

frontend/packages/components/src/actors/actor-context.tsx

@@ -112,6 +112,8 @@ export const actorRegionsAtom = atom<Region[]>([
 
 export const actorBuildsAtom = atom<Build[]>([]);
 
+export const actorsInternalFilterAtom = atom<(actor: Actor) => boolean>();
+
 // derived atoms
 
 export const currentActorRegionAtom = atom((get) => {
@@ -127,6 +129,8 @@ export const filteredActorsAtom = atom((get) => {
 	const filters = get(actorFiltersAtom);
 	const actors = get(actorsAtom);
 
+	const isActorInternal = get(actorsInternalFilterAtom);
+
 	return actors.filter((actor) => {
 		const satisfiesFilters = Object.entries(filters).every(
 			([key, filter]) => {
@@ -232,7 +236,9 @@ export const filteredActorsAtom = atom((get) => {
 			},
 		);
 
-		const isInternal = toRecord(actor.tags).owner === "rivet";
+		const isInternal =
+			toRecord(actor.tags).owner === "rivet" ||
+			(isActorInternal?.(actor) ?? false);
 
 		return (
 			satisfiesFilters && ((isInternal && filters.devMode) || !isInternal)