@vertesia/tools-admin-ui 1.5.0-dev.20260910.052912Z → 1.6.0-dev.20260912.110338Z

package/lib/AdminApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminApp.d.ts","sourceRoot":"","sources":["../src/AdminApp.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,aAAa;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,OAAgB,EAAE,EAAE,aAAa,sCA4C3D"}
+{"version":3,"file":"AdminApp.d.ts","sourceRoot":"","sources":["../src/AdminApp.tsx"],"names":[],"mappings":"AAgCA,MAAM,WAAW,aAAa;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,OAAgB,EAAE,EAAE,aAAa,sCA0C3D"}

package/lib/components/AdminLoadingPage.d.ts

@@ -0,0 +1,5 @@
+/** Shared placeholder for startup and resource-page loads; inherits the host shell's branding. */
+export declare function AdminLoadingPage({ fullPage }: {
+    fullPage?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=AdminLoadingPage.d.ts.map

package/lib/components/AdminLoadingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLoadingPage.d.ts","sourceRoot":"","sources":["../../src/components/AdminLoadingPage.tsx"],"names":[],"mappings":"AAEA,kGAAkG;AAClG,wBAAgB,gBAAgB,CAAC,EAAE,QAAgB,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,+BAQ5E"}

package/lib/pages/ActivityCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityCollection.d.ts","sourceRoot":"","sources":["../../src/pages/ActivityCollection.tsx"],"names":[],"mappings":"AAcA,wBAAgB,kBAAkB,gCAsEjC"}
+{"version":3,"file":"ActivityCollection.d.ts","sourceRoot":"","sources":["../../src/pages/ActivityCollection.tsx"],"names":[],"mappings":"AAcA,wBAAgB,kBAAkB,gCAiEjC"}

package/lib/pages/InteractionCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractionCollection.d.ts","sourceRoot":"","sources":["../../src/pages/InteractionCollection.tsx"],"names":[],"mappings":"AAQA,wBAAgB,qBAAqB,gCA6DpC"}
+{"version":3,"file":"InteractionCollection.d.ts","sourceRoot":"","sources":["../../src/pages/InteractionCollection.tsx"],"names":[],"mappings":"AAQA,wBAAgB,qBAAqB,gCAyDpC"}

package/lib/pages/InteractionDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractionDetail.d.ts","sourceRoot":"","sources":["../../src/pages/InteractionDetail.tsx"],"names":[],"mappings":"AAWA,wBAAgB,iBAAiB,gCA8FhC"}
+{"version":3,"file":"InteractionDetail.d.ts","sourceRoot":"","sources":["../../src/pages/InteractionDetail.tsx"],"names":[],"mappings":"AAWA,wBAAgB,iBAAiB,gCA0FhC"}

package/lib/pages/SkillCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillCollection.d.ts","sourceRoot":"","sources":["../../src/pages/SkillCollection.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,eAAe,gCA4F9B"}
+{"version":3,"file":"SkillCollection.d.ts","sourceRoot":"","sources":["../../src/pages/SkillCollection.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,eAAe,gCAuF9B"}

package/lib/pages/SkillDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillDetail.d.ts","sourceRoot":"","sources":["../../src/pages/SkillDetail.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,WAAW,gCAuG1B"}
+{"version":3,"file":"SkillDetail.d.ts","sourceRoot":"","sources":["../../src/pages/SkillDetail.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,WAAW,gCAkG1B"}

package/lib/pages/TemplateCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateCollection.d.ts","sourceRoot":"","sources":["../../src/pages/TemplateCollection.tsx"],"names":[],"mappings":"AAQA,wBAAgB,kBAAkB,gCA0DjC"}
+{"version":3,"file":"TemplateCollection.d.ts","sourceRoot":"","sources":["../../src/pages/TemplateCollection.tsx"],"names":[],"mappings":"AAQA,wBAAgB,kBAAkB,gCAqDjC"}

package/lib/pages/TemplateDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateDetail.d.ts","sourceRoot":"","sources":["../../src/pages/TemplateDetail.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,cAAc,gCA0D7B"}
+{"version":3,"file":"TemplateDetail.d.ts","sourceRoot":"","sources":["../../src/pages/TemplateDetail.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,cAAc,gCAqD7B"}

package/lib/pages/ToolCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolCollection.d.ts","sourceRoot":"","sources":["../../src/pages/ToolCollection.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,cAAc,gCAoD7B"}
+{"version":3,"file":"ToolCollection.d.ts","sourceRoot":"","sources":["../../src/pages/ToolCollection.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,cAAc,gCA+C7B"}

package/lib/pages/TypeCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeCollection.d.ts","sourceRoot":"","sources":["../../src/pages/TypeCollection.tsx"],"names":[],"mappings":"AAQA,wBAAgB,cAAc,gCAkE7B"}
+{"version":3,"file":"TypeCollection.d.ts","sourceRoot":"","sources":["../../src/pages/TypeCollection.tsx"],"names":[],"mappings":"AAQA,wBAAgB,cAAc,gCA6D7B"}

package/lib/pages/TypeDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeDetail.d.ts","sourceRoot":"","sources":["../../src/pages/TypeDetail.tsx"],"names":[],"mappings":"AAOA,wBAAgB,UAAU,gCA2DzB"}
+{"version":3,"file":"TypeDetail.d.ts","sourceRoot":"","sources":["../../src/pages/TypeDetail.tsx"],"names":[],"mappings":"AAOA,wBAAgB,UAAU,gCAsDzB"}

package/lib/tools-admin-ui.js

@@ -1,9 +1,10 @@
-import { Avatar, Badge, Button, Card, CardContent, DotBadge, Input, ModeToggle, Separator, Spinner, useFetch } from "@vertesia/ui/core";
 import { NavLink, NestedRouterProvider, RouteComponent, useParams } from "@vertesia/ui/router";
 import { createContext, useContext, useMemo, useState } from "react";
+import { BrandedLoadingIndicator } from "@vertesia/ui/shell";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Avatar, Badge, Button, Card, CardContent, DotBadge, Input, ModeToggle, Separator, useFetch } from "@vertesia/ui/core";
 import { useUserSession } from "@vertesia/ui/session";
 import { ArrowLeft, Check, Copy, Download, LayoutDashboard, LogOut } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/AdminContext.ts
 var AdminContext = createContext(void 0);
 function useAdminContext() {
@@ -12,6 +13,15 @@ function useAdminContext() {
 	return ctx;
 }
 //#endregion
+//#region src/components/AdminLoadingPage.tsx
+/** Shared placeholder for startup and resource-page loads; inherits the host shell's branding. */
+function AdminLoadingPage({ fullPage = false }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `flex flex-1 items-center justify-center bg-background text-foreground ${fullPage ? "min-h-dvh" : "min-h-64"}`,
+		children: /* @__PURE__ */ jsx(BrandedLoadingIndicator, { delayMs: 200 })
+	});
+}
+//#endregion
 //#region src/components/AdminTopBar.tsx
 function AdminTopBar({ title }) {
 	const { user, logout } = useUserSession();
@@ -254,11 +264,11 @@ function DetailPage({ type, title, description, tags, backHref = "/", children }
 				className: "mb-5 flex items-center gap-4",
 				children: [backHref !== "/" && /* @__PURE__ */ jsx(NavLink, {
 					href: "/",
-					className: "text-sm text-primary hover:opacity-75",
+					className: "text-sm text-info hover:opacity-75",
 					children: "Home"
 				}), /* @__PURE__ */ jsxs(NavLink, {
 					href: backHref,
-					className: "flex items-center gap-1 text-sm text-primary hover:opacity-75",
+					className: "flex items-center gap-1 text-sm text-info hover:opacity-75",
 					children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "size-3.5" }), "Back"]
 				})]
 			}),
@@ -307,10 +317,7 @@ function ActivityCollection() {
 			"”."
 		]
 	});
-	if (!data) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (!data) return /* @__PURE__ */ jsx(AdminLoadingPage, {});
 	return /* @__PURE__ */ jsx(DetailPage, {
 		type: "activity",
 		title: data.title || collection,
@@ -340,7 +347,7 @@ function ActivityCollection() {
 							className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted",
 							children: "Input Schema"
 						}), /* @__PURE__ */ jsx("pre", {
-							className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground",
+							className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted p-4 font-mono text-sm text-foreground",
 							children: JSON.stringify(activity.input_schema, null, 2)
 						})]
 					}),
@@ -350,7 +357,7 @@ function ActivityCollection() {
 							className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted",
 							children: "Output Schema"
 						}), /* @__PURE__ */ jsx("pre", {
-							className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground",
+							className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted p-4 font-mono text-sm text-foreground",
 							children: JSON.stringify(activity.output_schema, null, 2)
 						})]
 					})
@@ -362,8 +369,9 @@ function ActivityCollection() {
 //#endregion
 //#region src/components/CollectionCard.tsx
 function CollectionCard({ collection }) {
+	const href = `/${collection.type === "activity" ? "activities" : `${collection.type}s`}/${collection.name}`;
 	return /* @__PURE__ */ jsx(NavLink, {
-		href: `/${collection.type === "activity" ? "activities" : `${collection.type}s`}/${collection.name}`,
+		href,
 		className: "block no-underline",
 		children: /* @__PURE__ */ jsx(Card, {
 			className: "cursor-pointer transition-all hover:-translate-y-0.5 hover:shadow-md",
@@ -408,7 +416,7 @@ function EndpointPanel({ label, path }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "mb-3",
 		children: [/* @__PURE__ */ jsx("div", {
-			className: "mb-1 text-[0.7rem] font-medium uppercase tracking-widest text-primary",
+			className: "mb-1 text-[0.7rem] font-medium uppercase tracking-widest text-info",
 			children: label
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2 rounded-lg border border-border bg-muted-background px-3 py-2",
@@ -482,7 +490,7 @@ var badgeLabels = [
 function HeroSection({ title, version, resources }) {
 	const counts = countByType(resources);
 	return /* @__PURE__ */ jsx(Card, {
-		className: "mb-10 overflow-hidden border bg-linear-to-br from-card to-muted-background",
+		className: "mb-10 overflow-hidden border bg-linear-to-br from-card to-muted",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-6 p-6 md:flex-row md:items-start md:justify-between",
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -522,7 +530,7 @@ function HeroSection({ title, version, resources }) {
 							children: [/* @__PURE__ */ jsx(LayoutDashboard, { className: "size-4" }), "UI Plugin Dev"]
 						}), /* @__PURE__ */ jsxs("a", {
 							href: "/lib/plugin.js",
-							className: "inline-flex h-8 items-center gap-2 rounded bg-primary/5 px-3 text-xs font-medium text-primary shadow-xs hover:bg-primary/10 dark:bg-primary/10 dark:hover:bg-primary/20",
+							className: "inline-flex h-8 items-center gap-2 rounded bg-info px-3 text-xs font-medium text-info shadow-xs hover:bg-info dark:bg-info dark:hover:bg-info",
 							children: [/* @__PURE__ */ jsx(Download, { className: "size-4" }), "Plugin Bundle"]
 						})]
 					})
@@ -792,10 +800,7 @@ function InteractionCollection() {
 			"”."
 		]
 	});
-	if (!interactions) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (!interactions) return /* @__PURE__ */ jsx(AdminLoadingPage, {});
 	return /* @__PURE__ */ jsx(DetailPage, {
 		type: "interaction",
 		title: collection,
@@ -857,10 +862,7 @@ function InteractionDetail() {
 			"”."
 		]
 	});
-	if (!interaction) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (!interaction) return /* @__PURE__ */ jsx(AdminLoadingPage, {});
 	const { agent_runner_options } = interaction;
 	const hasAgentFlags = agent_runner_options && (agent_runner_options.is_agent || agent_runner_options.is_tool || agent_runner_options.is_skill);
 	return /* @__PURE__ */ jsxs(DetailPage, {
@@ -889,7 +891,7 @@ function InteractionDetail() {
 								children: prompt.name
 							})]
 						}), /* @__PURE__ */ jsx("pre", {
-							className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground",
+							className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted p-4 font-mono text-sm text-foreground",
 							children: prompt.content
 						})]
 					})
@@ -901,7 +903,7 @@ function InteractionDetail() {
 					className: "mb-3 text-lg font-semibold text-foreground",
 					children: "Result Schema"
 				}), /* @__PURE__ */ jsx("pre", {
-					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground",
+					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted p-4 font-mono text-sm text-foreground",
 					children: JSON.stringify(interaction.result_schema, null, 2)
 				})]
 			}),
@@ -960,10 +962,7 @@ function SkillCollection() {
 			"”."
 		]
 	});
-	if (!data) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (!data) return /* @__PURE__ */ jsx(AdminLoadingPage, {});
 	return /* @__PURE__ */ jsxs(DetailPage, {
 		type: "skill",
 		title: data.title || collection,
@@ -1046,10 +1045,7 @@ function SkillDetail() {
 			"”."
 		]
 	});
-	if (!skill) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (!skill) return /* @__PURE__ */ jsx(AdminLoadingPage, {});
 	return /* @__PURE__ */ jsxs(DetailPage, {
 		type: "skill",
 		title: skill.title || skill.name,
@@ -1120,7 +1116,7 @@ function SkillDetail() {
 						children: "JST template"
 					})]
 				}), /* @__PURE__ */ jsx("pre", {
-					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground",
+					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted p-4 font-mono text-sm text-foreground",
 					children: skill.instructions
 				})]
 			}),
@@ -1130,7 +1126,7 @@ function SkillDetail() {
 					className: "mb-3 text-lg font-semibold text-foreground",
 					children: "Input Schema"
 				}), /* @__PURE__ */ jsx("pre", {
-					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground",
+					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted p-4 font-mono text-sm text-foreground",
 					children: JSON.stringify(skill.input_schema, null, 2)
 				})]
 			})
@@ -1154,10 +1150,7 @@ function TemplateCollection() {
 			"”."
 		]
 	});
-	if (!templates) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (!templates) return /* @__PURE__ */ jsx(AdminLoadingPage, {});
 	return /* @__PURE__ */ jsx(DetailPage, {
 		type: "template",
 		title: collection,
@@ -1221,10 +1214,7 @@ function TemplateDetail() {
 			"”."
 		]
 	});
-	if (!template) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (!template) return /* @__PURE__ */ jsx(AdminLoadingPage, {});
 	return /* @__PURE__ */ jsxs(DetailPage, {
 		type: "template",
 		title: template.title || template.name,
@@ -1261,7 +1251,7 @@ function TemplateDetail() {
 					className: "mb-3 text-lg font-semibold text-foreground",
 					children: "Instructions"
 				}), /* @__PURE__ */ jsx("pre", {
-					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground",
+					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted p-4 font-mono text-sm text-foreground",
 					children: template.instructions
 				})]
 			})
@@ -1285,10 +1275,7 @@ function ToolCollection() {
 			"”."
 		]
 	});
-	if (!data) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (!data) return /* @__PURE__ */ jsx(AdminLoadingPage, {});
 	return /* @__PURE__ */ jsx(DetailPage, {
 		type: "tool",
 		title: data.title || collection,
@@ -1313,7 +1300,7 @@ function ToolCollection() {
 						children: tool.description || "No description"
 					}),
 					tool.input_schema && /* @__PURE__ */ jsx("pre", {
-						className: "mt-3 whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground",
+						className: "mt-3 whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted p-4 font-mono text-sm text-foreground",
 						children: JSON.stringify(tool.input_schema, null, 2)
 					})
 				]
@@ -1338,10 +1325,7 @@ function TypeCollection() {
 			"”."
 		]
 	});
-	if (!types) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (!types) return /* @__PURE__ */ jsx(AdminLoadingPage, {});
 	return /* @__PURE__ */ jsx(DetailPage, {
 		type: "type",
 		title: collection,
@@ -1416,10 +1400,7 @@ function TypeDetail() {
 			"”."
 		]
 	});
-	if (!typeDef) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (!typeDef) return /* @__PURE__ */ jsx(AdminLoadingPage, {});
 	return /* @__PURE__ */ jsxs(DetailPage, {
 		type: "type",
 		title: typeDef.name,
@@ -1446,7 +1427,7 @@ function TypeDetail() {
 					className: "mb-3 text-lg font-semibold text-foreground",
 					children: "Object Schema"
 				}), /* @__PURE__ */ jsx("pre", {
-					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground",
+					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted p-4 font-mono text-sm text-foreground",
 					children: JSON.stringify(typeDef.object_schema, null, 2)
 				})]
 			}),
@@ -1456,7 +1437,7 @@ function TypeDetail() {
 					className: "mb-3 text-lg font-semibold text-foreground",
 					children: "Table Layout"
 				}), /* @__PURE__ */ jsx("pre", {
-					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground",
+					className: "whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted p-4 font-mono text-sm text-foreground",
 					children: JSON.stringify(typeDef.table_layout, null, 2)
 				})]
 			})
@@ -1522,18 +1503,16 @@ function AdminApp({ baseUrl = "/api" }) {
 	const { data: resourceData, isLoading: loadingData, error: dataError } = useResourceData(baseUrl, serverInfo?.endpoints?.mcp);
 	const isLoading = loadingInfo || loadingData;
 	const error = infoError || dataError;
-	if (isLoading) return /* @__PURE__ */ jsx("div", {
-		className: "flex h-64 items-center justify-center text-muted",
-		children: /* @__PURE__ */ jsx(Spinner, {})
-	});
+	if (isLoading) return /* @__PURE__ */ jsx(AdminLoadingPage, { fullPage: true });
 	if (error) return /* @__PURE__ */ jsx("div", {
 		className: "p-6 text-destructive",
 		children: "Failed to load server info. Is the API running?"
 	});
 	if (!serverInfo || !resourceData) return null;
+	const title = serverInfo.message.replace("Vertesia Tools API", "Tools Server");
 	return /* @__PURE__ */ jsxs("div", {
-		className: "min-h-screen bg-background text-foreground",
-		children: [/* @__PURE__ */ jsx(AdminTopBar, { title: serverInfo.message.replace("Vertesia Tools API", "Tools Server") }), /* @__PURE__ */ jsx(AdminContext.Provider, {
+		className: "flex min-h-dvh flex-col bg-background text-foreground",
+		children: [/* @__PURE__ */ jsx(AdminTopBar, { title }), /* @__PURE__ */ jsx(AdminContext.Provider, {
 			value: {
 				serverInfo,
 				collections: resourceData.collections,
@@ -1542,7 +1521,10 @@ function AdminApp({ baseUrl = "/api" }) {
 			},
 			children: /* @__PURE__ */ jsx(NestedRouterProvider, {
 				routes,
-				children: /* @__PURE__ */ jsx(RouteComponent, {})
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex flex-1 flex-col",
+					children: /* @__PURE__ */ jsx(RouteComponent, {})
+				})
 			})
 		})]
 	});