fix: load aurrent actor if its outside of current pagination window (#2772)

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

## Changes

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

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

* **New Features**
  * Improved handling of loading and error states when accessing actor details, providing clearer feedback to users during data retrieval.
  * Introduced a loading indicator (shimmer effect) when actor information is being fetched, replacing the static "not found" message.
  * Ensured the current actor is always included in the actors list for consistent state management.

* **Style**
  * Enhanced the display of hostnames in the network ports list for better text truncation and layout.

* **Chores**
  * Updated internal configuration by removing unused MDX plugin settings.
  * Added local packaging of core actor functionality for streamlined dependency management.
  * Removed deprecated development script for actor-core preparation.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: jog1t

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

@@ -7,8 +7,6 @@ import react from "@vitejs/plugin-react";
 import { visualizer } from "rollup-plugin-visualizer";
 import { defineConfig } from "vite";
 import vitePluginFaviconsInject from "vite-plugin-favicons-inject";
-// @ts-ignore
-import { config as mdxConfig } from "../../../site/src/mdx/mdx.mjs";
 
 // These are only needed in CI. They'll be undefined in dev.
 const GIT_BRANCH = process.env.CF_PAGES_BRANCH;
@@ -18,13 +16,6 @@ const GIT_SHA = process.env.CF_PAGES_COMMIT_SHA;
 export default defineConfig({
 	base: "./",
 	plugins: [
-		{
-			enforce: "pre",
-			...mdx({
-				remarkPlugins: mdxConfig.options.remarkPlugins,
-				rehypePlugins: mdxConfig.options.rehypePlugins,
-			}),
-		},
 		react(),
 		TanStackRouterVite(),
 		vitePluginFaviconsInject(

frontend/apps/hub/vite.config.ts

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5ddf59824be261c166d00af05b1f1129f8d6440ed4556788ca4065b0c6244cc2
+size 308996

frontend/packages/actor-core.tgz

@@ -84,6 +84,14 @@ export type Region = Rivet.actor.Region;
 
 // global atoms
 export const currentActorIdAtom = atom<string | undefined>(undefined);
+
+export const currentActorQueryAtom = atom<{
+	isLoading: boolean;
+	error: string | null;
+}>({
+	isLoading: false,
+	error: null,
+});
 export const actorsQueryAtom = atom<{
 	isLoading: boolean;
 	error: string | null;

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

@@ -81,10 +81,12 @@ export function ActorNetwork({ actor }: ActorNetworkProps) {
 											<Dd>
 												<DiscreteCopyButton
 													size="xs"
-													className="max-w-full min-w-0"
+													className="max-w-full"
 													value={port.hostname || ""}
 												>
-													{port.hostname}
+													<span className=" min-w-0 truncate flex-1">
+														{port.hostname}
+													</span>
 												</DiscreteCopyButton>
 											</Dd>
 											{port.url ? (

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

@@ -4,9 +4,14 @@ import { selectAtom } from "jotai/utils";
 import { useCallback } from "react";
 import { Button } from "../ui/button";
 import { FilterOp } from "../ui/filters";
-import { type ActorFeature, actorFiltersAtom } from "./actor-context";
+import {
+	type ActorFeature,
+	actorFiltersAtom,
+	currentActorQueryAtom,
+} from "./actor-context";
 import { ActorTabs } from "./actors-actor-details";
 import { useActorsView } from "./actors-view-context-provider";
+import { ShimmerLine } from "../shimmer-line";
 
 export function ActorNotFound({
 	features = [],
@@ -21,17 +26,28 @@ export function ActorNotFound({
 		),
 	);
 
+	const { isLoading } = useAtomValue(currentActorQueryAtom);
+
 	return (
 		<div className="flex flex-col h-full flex-1">
-			<ActorTabs disabled features={features}>
-				<div className="flex text-center text-foreground flex-1 justify-center items-center flex-col gap-2">
-					<Icon icon={faQuestionSquare} className="text-4xl" />
-					<p className="max-w-[400px]">{copy.actorNotFound}</p>
-					<p className="max-w-[400px] text-sm text-muted-foreground">
-						{copy.actorNotFoundDescription}
-					</p>
+			<ActorTabs disabled features={features} className="relative">
+				<div className="flex text-center text-foreground flex-1 justify-center items-center flex-col relative gap-2">
+					{!isLoading ? (
+						<>
+							<Icon
+								icon={faQuestionSquare}
+								className="text-4xl"
+							/>
+							<p className="max-w-[400px]">
+								{copy.actorNotFound}
+							</p>
+							<p className="max-w-[400px] text-sm text-muted-foreground">
+								{copy.actorNotFoundDescription}
+							</p>
+						</>
+					) : null}
 
-					{!hasDevMode ? (
+					{!hasDevMode && !isLoading ? (
 						<Button
 							className="mt-3"
 							variant="outline"
@@ -49,6 +65,7 @@ export function ActorNotFound({
 							{copy.showHiddenActors}
 						</Button>
 					) : null}
+					{isLoading ? <ShimmerLine className="top-0" /> : null}
 				</div>
 			</ActorTabs>
 		</div>

frontend/packages/components/src/actors/actor-not-found.tsx

@@ -27,6 +27,7 @@
 	"resolutions": {
 		"react": "^19",
 		"react-dom": "^19",
-		"esbuild": "^0.25.5"
+		"esbuild": "^0.25.5",
+		"actor-core": "file:./frontend/packages/actor-core.tgz"
 	}
 }

frontend/scripts/prepare-cf.sh

@@ -146,17 +146,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@asteasolutions/zod-to-openapi@npm:^7.3.0":
-  version: 7.3.3
-  resolution: "@asteasolutions/zod-to-openapi@npm:7.3.3"
-  dependencies:
-    openapi3-ts: "npm:^4.1.2"
-  peerDependencies:
-    zod: ^3.20.2
-  checksum: 10c0/8c097609fa40088d76c32ab65582b73f24578cfc383090ee78a718a9e1ef442f7b6aecaa853cdff92ad6b70d8b9961613a10e8bbd14cba79e381b590cf53a68d
-  languageName: node
-  linkType: hard
-
 "@aws-crypto/crc32@npm:5.2.0":
   version: 5.2.0
   resolution: "@aws-crypto/crc32@npm:5.2.0"
@@ -1678,29 +1667,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@hono/zod-openapi@npm:^0.19.6":
-  version: 0.19.8
-  resolution: "@hono/zod-openapi@npm:0.19.8"
-  dependencies:
-    "@asteasolutions/zod-to-openapi": "npm:^7.3.0"
-    "@hono/zod-validator": "npm:^0.7.0"
-  peerDependencies:
-    hono: ">=4.3.6"
-    zod: 3.*
-  checksum: 10c0/f2af759a18d784908ff220685f1eafb4aaaf8933dbd1aa268dc0a42aa3f104a32865d46d0e01f8511cd47d224c509de2d03254539b1f9de5a5886610cf0f86ca
-  languageName: node
-  linkType: hard
-
-"@hono/zod-validator@npm:^0.7.0":
-  version: 0.7.0
-  resolution: "@hono/zod-validator@npm:0.7.0"
-  peerDependencies:
-    hono: ">=3.9.0"
-    zod: ^3.25.0
-  checksum: 10c0/8e362358348ef84a889ada450bba0a0c5b6109dacf74189153622f947e1fb66e161ef8772f169efe49d737e837d490c33efbbe094e5bb3e7a55dccd62848acd6
-  languageName: node
-  linkType: hard
-
 "@hookform/resolvers@npm:^3.3.4, @hookform/resolvers@npm:^3.9.0":
   version: 3.10.0
   resolution: "@hookform/resolvers@npm:3.10.0"
@@ -7500,11 +7466,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"actor-core@npm:0.9.0-rc.1":
-  version: 0.9.0-rc.1
-  resolution: "actor-core@npm:0.9.0-rc.1"
+"actor-core@file:./frontend/packages/actor-core.tgz::locator=rivet%40workspace%3A.":
+  version: 0.7.7
+  resolution: "actor-core@file:./frontend/packages/actor-core.tgz#./frontend/packages/actor-core.tgz::hash=cf9e1e&locator=rivet%40workspace%3A."
   dependencies:
-    "@hono/zod-openapi": "npm:^0.19.6"
     cbor-x: "npm:^1.6.0"
     hono: "npm:^4.7.0"
     invariant: "npm:^2.2.4"
@@ -7521,30 +7486,7 @@ __metadata:
       optional: true
   bin:
     actor-core: ./dist/cli/mod.cjs
-  checksum: 10c0/07db1f0a783e53f25a7814da427203578748ca41ad5e35e648d071ad9e742dbe74eefd4f60e878aaa278de2e750def6f9b287d0942bed8928c8e7516bee06e18
-  languageName: node
-  linkType: hard
-
-"actor-core@npm:^0.6.2":
-  version: 0.6.3
-  resolution: "actor-core@npm:0.6.3"
-  dependencies:
-    cbor-x: "npm:^1.6.0"
-    hono: "npm:^4.7.0"
-    on-change: "npm:^5.0.1"
-    p-retry: "npm:^6.2.1"
-    zod: "npm:^3.24.1"
-  peerDependencies:
-    eventsource: ^3.0.5
-    ws: ^8.0.0
-  peerDependenciesMeta:
-    eventsource:
-      optional: true
-    ws:
-      optional: true
-  bin:
-    actor-core: ./dist/cli/mod.cjs
-  checksum: 10c0/4530252688961f39957cca6f6ac2edfd1a6a52f8dac0cc8cebff23a170084089fb56180e0041f2c458681d8033c3205aa4467f10c8da0c4297777153528dcebd
+  checksum: 10c0/7dbe3885982d29a4709cdeb019e18ca38ccbd256ad11a47c56240208ab3e0f9e18b92a551d42bbbd1efec24db12e0539f0ab1495049778c5da7ef8c18cd60c73
   languageName: node
   linkType: hard
 
@@ -13955,15 +13897,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"openapi3-ts@npm:^4.1.2":
-  version: 4.4.0
-  resolution: "openapi3-ts@npm:4.4.0"
-  dependencies:
-    yaml: "npm:^2.5.0"
-  checksum: 10c0/900b834279fc8a43c545728ad75ec7c26934ec5344225b60d1e1c0df44d742d7e7379aea18d9034e03031f079d3308ba5a68600682eece3ed41cdbdd10346a9e
-  languageName: node
-  linkType: hard
-
 "openid-client@npm:^6.5.0":
   version: 6.5.0
   resolution: "openid-client@npm:6.5.0"
@@ -18973,7 +18906,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yaml@npm:^2.3.1, yaml@npm:^2.3.4, yaml@npm:^2.5.0":
+"yaml@npm:^2.3.1, yaml@npm:^2.3.4":
   version: 2.8.0
   resolution: "yaml@npm:2.8.0"
   bin: