@vertesia/tools-admin-ui 1.3.0 → 1.4.0-dev.20260615.042549Z

package/lib/tools-admin-ui.js

@@ -1,1037 +1,1552 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { ModeToggle, Avatar, Button, useFetch, Badge, Spinner, Card, CardContent, DotBadge, Separator, Input } from "@vertesia/ui/core";
-import { NavLink, useParams, NestedRouterProvider, RouteComponent } from "@vertesia/ui/router";
-import { createContext, useContext, useState, useMemo } from "react";
+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 { useUserSession } from "@vertesia/ui/session";
-import { LogOut, ArrowLeft, Check, Copy, LayoutDashboard, Download } from "lucide-react";
-const AdminContext = createContext(void 0);
+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() {
-  const ctx = useContext(AdminContext);
-  if (!ctx) throw new Error("useAdminContext must be used within AdminApp");
-  return ctx;
+	const ctx = useContext(AdminContext);
+	if (!ctx) throw new Error("useAdminContext must be used within AdminApp");
+	return ctx;
 }
+//#endregion
+//#region src/components/AdminTopBar.tsx
 function AdminTopBar({ title }) {
-  const { user, logout } = useUserSession();
-  return /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-40 flex h-14 items-center justify-between border-b border-border bg-background px-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex size-8 items-center justify-center rounded-lg bg-primary text-xs font-semibold uppercase tracking-wider text-primary-foreground", children: title.split(/\s+/).map((w) => w[0]).filter(Boolean).slice(0, 2).join("") }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: title })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(ModeToggle, { label: false }),
-      user && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Avatar, { size: "sm", name: user.name, color: "bg-primary" }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => logout(),
-            alt: "Sign out",
-            children: /* @__PURE__ */ jsx(LogOut, { className: "size-4" })
-          }
-        )
-      ] })
-    ] })
-  ] });
+	const { user, logout } = useUserSession();
+	return /* @__PURE__ */ jsxs("header", {
+		className: "sticky top-0 z-40 flex h-14 items-center justify-between border-b border-border bg-background px-6",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex size-8 items-center justify-center rounded-lg bg-primary text-xs font-semibold uppercase tracking-wider text-primary-foreground",
+				children: title.split(/\s+/).map((w) => w[0]).filter(Boolean).slice(0, 2).join("")
+			}), /* @__PURE__ */ jsx("span", {
+				className: "text-sm font-semibold text-foreground",
+				children: title
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ jsx(ModeToggle, { label: false }), user && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Avatar, {
+				size: "sm",
+				name: user.name,
+				color: "bg-primary"
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => logout(),
+				alt: "Sign out",
+				children: /* @__PURE__ */ jsx(LogOut, { className: "size-4" })
+			})] })]
+		})]
+	});
 }
+//#endregion
+//#region src/types.ts
+/**
+* Formats a kebab/snake-case name into a title.
+*/
 function formatTitle(name) {
-  return name.replace(/[-_]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+	return name.replace(/[-_]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
+/**
+* Counts items per collection by matching each item to a collection name.
+* If there is only one collection, all items belong to it.
+*/
 function countPerCollection(items, collections, extractCollection) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const col of collections) counts.set(col.name, 0);
-  if (collections.length === 1) {
-    counts.set(collections[0].name, items.length);
-    return counts;
-  }
-  for (const item of items) {
-    const colName = extractCollection(item);
-    if (colName && counts.has(colName)) {
-      counts.set(colName, (counts.get(colName) || 0) + 1);
-    }
-  }
-  return counts;
+	const counts = /* @__PURE__ */ new Map();
+	for (const col of collections) counts.set(col.name, 0);
+	if (collections.length === 1) {
+		counts.set(collections[0].name, items.length);
+		return counts;
+	}
+	for (const item of items) {
+		const colName = extractCollection(item);
+		if (colName && counts.has(colName)) counts.set(colName, (counts.get(colName) || 0) + 1);
+	}
+	return counts;
 }
+/**
+* Builds collections and a flat resource list from the 5 endpoint responses + MCP endpoints.
+*/
 function buildResourceData(interactionsResp, toolsResp, skillsResp, activitiesResp, typesResp, templatesResp, mcpEndpoints) {
-  const collections = [];
-  const resources = [];
-  const interCounts = countPerCollection(
-    interactionsResp.interactions,
-    interactionsResp.collections,
-    (i) => i.id.split(":")[0]
-  );
-  for (const col of interactionsResp.collections) {
-    collections.push({
-      name: col.name,
-      title: col.title || formatTitle(col.name),
-      description: col.description || "",
-      type: "interaction",
-      count: interCounts.get(col.name) || 0
-    });
-  }
-  for (const inter of interactionsResp.interactions) {
-    resources.push({
-      id: inter.id,
-      name: inter.name,
-      title: inter.title || formatTitle(inter.name),
-      description: inter.description || "",
-      type: "interaction",
-      tags: inter.tags
-    });
-  }
-  const toolCounts = countPerCollection(
-    toolsResp.tools,
-    toolsResp.collections,
-    (t) => t.url?.split("/").pop()
-  );
-  for (const col of toolsResp.collections) {
-    collections.push({
-      name: col.name,
-      title: col.title || formatTitle(col.name),
-      description: col.description || "",
-      type: "tool",
-      count: toolCounts.get(col.name) || 0
-    });
-  }
-  for (const tool of toolsResp.tools) {
-    resources.push({
-      name: tool.name,
-      title: formatTitle(tool.name),
-      description: tool.description || "",
-      type: "tool",
-      url: tool.url
-    });
-  }
-  const skillCounts = countPerCollection(
-    skillsResp.tools,
-    skillsResp.collections,
-    (t) => t.url?.split("/").pop()
-  );
-  for (const col of skillsResp.collections) {
-    collections.push({
-      name: col.name,
-      title: col.title || formatTitle(col.name),
-      description: col.description || "",
-      type: "skill",
-      count: skillCounts.get(col.name) || 0
-    });
-  }
-  for (const skill of skillsResp.tools) {
-    resources.push({
-      name: skill.name,
-      title: formatTitle(skill.name),
-      description: skill.description || "",
-      type: "skill",
-      url: skill.url
-    });
-  }
-  const actCounts = countPerCollection(
-    activitiesResp.activities,
-    activitiesResp.collections,
-    (a) => a.collection
-  );
-  for (const col of activitiesResp.collections) {
-    collections.push({
-      name: col.name,
-      title: col.title || formatTitle(col.name),
-      description: col.description || "",
-      type: "activity",
-      count: actCounts.get(col.name) || 0
-    });
-  }
-  for (const act of activitiesResp.activities) {
-    resources.push({
-      name: act.name,
-      title: act.title || formatTitle(act.name),
-      description: act.description || "",
-      type: "activity",
-      url: act.url
-    });
-  }
-  const typeCounts = countPerCollection(
-    typesResp.types,
-    typesResp.collections,
-    (t) => t.id?.split(":")[0]
-  );
-  for (const col of typesResp.collections) {
-    collections.push({
-      name: col.name,
-      title: col.title || formatTitle(col.name),
-      description: col.description || "",
-      type: "type",
-      count: typeCounts.get(col.name) || 0
-    });
-  }
-  for (const t of typesResp.types) {
-    resources.push({
-      name: t.name,
-      title: formatTitle(t.name),
-      description: t.description || "",
-      type: "type",
-      tags: t.tags
-    });
-  }
-  const tmplCounts = countPerCollection(
-    templatesResp.templates,
-    templatesResp.collections,
-    (t) => {
-      const segments = t.path?.split("/");
-      return segments && segments.length >= 4 ? segments[3] : void 0;
-    }
-  );
-  for (const col of templatesResp.collections) {
-    collections.push({
-      name: col.name,
-      title: col.title || formatTitle(col.name),
-      description: col.description || "",
-      type: "template",
-      count: tmplCounts.get(col.name) || 0
-    });
-  }
-  for (const tmpl of templatesResp.templates) {
-    resources.push({
-      name: tmpl.name,
-      title: tmpl.title || formatTitle(tmpl.name),
-      description: tmpl.description || "",
-      type: "template",
-      tags: tmpl.tags,
-      url: tmpl.path
-    });
-  }
-  for (const endpoint of mcpEndpoints || []) {
-    const name = endpoint.split("/").pop() || endpoint;
-    resources.push({
-      name,
-      title: formatTitle(name),
-      description: "",
-      type: "mcp",
-      url: endpoint
-    });
-  }
-  return { collections, resources };
+	const collections = [];
+	const resources = [];
+	const interCounts = countPerCollection(interactionsResp.interactions, interactionsResp.collections, (i) => i.id.split(":")[0]);
+	for (const col of interactionsResp.collections) collections.push({
+		name: col.name,
+		title: col.title || formatTitle(col.name),
+		description: col.description || "",
+		type: "interaction",
+		count: interCounts.get(col.name) || 0
+	});
+	for (const inter of interactionsResp.interactions) resources.push({
+		id: inter.id,
+		name: inter.name,
+		title: inter.title || formatTitle(inter.name),
+		description: inter.description || "",
+		type: "interaction",
+		tags: inter.tags
+	});
+	const toolCounts = countPerCollection(toolsResp.tools, toolsResp.collections, (t) => t.url?.split("/").pop());
+	for (const col of toolsResp.collections) collections.push({
+		name: col.name,
+		title: col.title || formatTitle(col.name),
+		description: col.description || "",
+		type: "tool",
+		count: toolCounts.get(col.name) || 0
+	});
+	for (const tool of toolsResp.tools) resources.push({
+		name: tool.name,
+		title: formatTitle(tool.name),
+		description: tool.description || "",
+		type: "tool",
+		url: tool.url
+	});
+	const skillCounts = countPerCollection(skillsResp.tools, skillsResp.collections, (t) => t.url?.split("/").pop());
+	for (const col of skillsResp.collections) collections.push({
+		name: col.name,
+		title: col.title || formatTitle(col.name),
+		description: col.description || "",
+		type: "skill",
+		count: skillCounts.get(col.name) || 0
+	});
+	for (const skill of skillsResp.tools) resources.push({
+		name: skill.name,
+		title: formatTitle(skill.name),
+		description: skill.description || "",
+		type: "skill",
+		url: skill.url
+	});
+	const actCounts = countPerCollection(activitiesResp.activities, activitiesResp.collections, (a) => a.collection);
+	for (const col of activitiesResp.collections) collections.push({
+		name: col.name,
+		title: col.title || formatTitle(col.name),
+		description: col.description || "",
+		type: "activity",
+		count: actCounts.get(col.name) || 0
+	});
+	for (const act of activitiesResp.activities) resources.push({
+		name: act.name,
+		title: act.title || formatTitle(act.name),
+		description: act.description || "",
+		type: "activity",
+		url: act.url
+	});
+	const typeCounts = countPerCollection(typesResp.types, typesResp.collections, (t) => t.id?.split(":")[0]);
+	for (const col of typesResp.collections) collections.push({
+		name: col.name,
+		title: col.title || formatTitle(col.name),
+		description: col.description || "",
+		type: "type",
+		count: typeCounts.get(col.name) || 0
+	});
+	for (const t of typesResp.types) resources.push({
+		name: t.name,
+		title: formatTitle(t.name),
+		description: t.description || "",
+		type: "type",
+		tags: t.tags
+	});
+	const tmplCounts = countPerCollection(templatesResp.templates, templatesResp.collections, (t) => {
+		const segments = t.path?.split("/");
+		return segments && segments.length >= 4 ? segments[3] : void 0;
+	});
+	for (const col of templatesResp.collections) collections.push({
+		name: col.name,
+		title: col.title || formatTitle(col.name),
+		description: col.description || "",
+		type: "template",
+		count: tmplCounts.get(col.name) || 0
+	});
+	for (const tmpl of templatesResp.templates) resources.push({
+		name: tmpl.name,
+		title: tmpl.title || formatTitle(tmpl.name),
+		description: tmpl.description || "",
+		type: "template",
+		tags: tmpl.tags,
+		url: tmpl.path
+	});
+	for (const endpoint of mcpEndpoints || []) {
+		const name = endpoint.split("/").pop() || endpoint;
+		resources.push({
+			name,
+			title: formatTitle(name),
+			description: "",
+			type: "mcp",
+			url: endpoint
+		});
+	}
+	return {
+		collections,
+		resources
+	};
 }
+/**
+* Filters resources by a search query, matching against name, title, description, type, and tags.
+*/
 function filterResources(items, query) {
-  const q = query.toLowerCase().trim();
-  if (!q) return items;
-  return items.filter(
-    (item) => item.name.toLowerCase().includes(q) || item.title.toLowerCase().includes(q) || item.description.toLowerCase().includes(q) || item.type.includes(q) || item.tags?.some((t) => t.toLowerCase().includes(q))
-  );
+	const q = query.toLowerCase().trim();
+	if (!q) return items;
+	return items.filter((item) => item.name.toLowerCase().includes(q) || item.title.toLowerCase().includes(q) || item.description.toLowerCase().includes(q) || item.type.includes(q) || item.tags?.some((t) => t.toLowerCase().includes(q)));
 }
+//#endregion
+//#region src/hooks.ts
+/**
+* Data fetching hooks for the admin panel.
+*/
+async function fetchJson(url) {
+	const response = await fetch(url);
+	if (!response.ok) throw new Error(`Request failed: ${response.status} ${response.statusText}`);
+	return response.json();
+}
+/**
+* Fetches the tool server info (message, version, endpoints).
+*/
 function useServerInfo(baseUrl) {
-  return useFetch(
-    () => fetch(baseUrl).then((r) => r.json()),
-    [baseUrl]
-  );
+	return useFetch(() => fetchJson(baseUrl), [baseUrl]);
 }
+/**
+* Fetches all 5 resource endpoints in parallel and builds collections + flat resource list.
+* MCP endpoints are passed separately since they come from serverInfo.
+*/
 function useResourceData(baseUrl, mcpEndpoints) {
-  return useFetch(() => {
-    const fetchJson = (path) => fetch(`${baseUrl}/${path}`).then((r) => r.json());
-    return Promise.all([
-      fetchJson("interactions"),
-      fetchJson("tools"),
-      fetchJson("skills"),
-      fetchJson("activities"),
-      fetchJson("types"),
-      fetchJson("templates")
-    ]).then(
-      ([interactions, tools, skills, activities, types, templates]) => buildResourceData(interactions, tools, skills, activities, types, templates, mcpEndpoints)
-    );
-  }, [baseUrl, mcpEndpoints]);
+	return useFetch(() => {
+		const fetchResource = (path) => fetchJson(`${baseUrl}/${path}`);
+		return Promise.all([
+			fetchResource("interactions"),
+			fetchResource("tools"),
+			fetchResource("skills"),
+			fetchResource("activities"),
+			fetchResource("types"),
+			fetchResource("templates")
+		]).then(([interactions, tools, skills, activities, types, templates]) => buildResourceData(interactions, tools, skills, activities, types, templates, mcpEndpoints));
+	}, [baseUrl, mcpEndpoints]);
 }
-const TYPE_VARIANTS = {
-  tool: "bg-blue-100 text-blue-800 dark:bg-blue-500/15 dark:text-blue-300",
-  skill: "bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-300",
-  interaction: "bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-300",
-  type: "bg-gray-100 text-gray-700 dark:bg-gray-500/20 dark:text-gray-300",
-  template: "bg-violet-100 text-violet-800 dark:bg-violet-500/15 dark:text-violet-300",
-  activity: "bg-rose-100 text-rose-800 dark:bg-rose-500/15 dark:text-rose-300",
-  mcp: "bg-pink-100 text-pink-800 dark:bg-pink-500/15 dark:text-pink-300"
+//#endregion
+//#region src/components/typeVariants.ts
+/** Tailwind class mappings for resource type badges. */
+var TYPE_VARIANTS = {
+	tool: "bg-blue-100 text-blue-800 dark:bg-blue-500/15 dark:text-blue-300",
+	skill: "bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-300",
+	interaction: "bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-300",
+	type: "bg-gray-100 text-gray-700 dark:bg-gray-500/20 dark:text-gray-300",
+	template: "bg-violet-100 text-violet-800 dark:bg-violet-500/15 dark:text-violet-300",
+	activity: "bg-rose-100 text-rose-800 dark:bg-rose-500/15 dark:text-rose-300",
+	mcp: "bg-pink-100 text-pink-800 dark:bg-pink-500/15 dark:text-pink-300"
 };
-const ROLE_VARIANTS = {
-  system: "bg-blue-100 text-blue-800 dark:bg-blue-500/15 dark:text-blue-300",
-  user: "bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-300",
-  assistant: "bg-violet-100 text-violet-800 dark:bg-violet-500/15 dark:text-violet-300",
-  safety: "bg-pink-100 text-pink-800 dark:bg-pink-500/15 dark:text-pink-300",
-  tool: "bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-300"
+/** Tailwind class mappings for prompt role badges. */
+var ROLE_VARIANTS = {
+	system: "bg-blue-100 text-blue-800 dark:bg-blue-500/15 dark:text-blue-300",
+	user: "bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-300",
+	assistant: "bg-violet-100 text-violet-800 dark:bg-violet-500/15 dark:text-violet-300",
+	safety: "bg-pink-100 text-pink-800 dark:bg-pink-500/15 dark:text-pink-300",
+	tool: "bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-300"
 };
+//#endregion
+//#region src/components/DetailPage.tsx
 function DetailPage({ type, title, description, tags, backHref = "/", children }) {
-  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-7 py-10", children: [
-    /* @__PURE__ */ jsxs("nav", { className: "mb-5 flex items-center gap-4", children: [
-      backHref !== "/" && /* @__PURE__ */ jsx(NavLink, { href: "/", className: "text-sm text-primary hover:opacity-75", children: "Home" }),
-      /* @__PURE__ */ jsxs(NavLink, { href: backHref, className: "flex items-center gap-1 text-sm text-primary hover:opacity-75", children: [
-        /* @__PURE__ */ jsx(ArrowLeft, { className: "size-3.5" }),
-        "Back"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsx("span", { className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS[type] ?? ""}`, children: type }),
-      /* @__PURE__ */ jsx("h1", { className: "-tracking-wide text-3xl font-bold text-foreground", children: title }),
-      description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm leading-relaxed text-muted-foreground", children: description }),
-      tags && tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-1.5", children: tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "default", children: tag }, tag)) })
-    ] }),
-    children
-  ] });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto max-w-5xl px-7 py-10",
+		children: [
+			/* @__PURE__ */ jsxs("nav", {
+				className: "mb-5 flex items-center gap-4",
+				children: [backHref !== "/" && /* @__PURE__ */ jsx(NavLink, {
+					href: "/",
+					className: "text-sm text-primary hover:opacity-75",
+					children: "Home"
+				}), /* @__PURE__ */ jsxs(NavLink, {
+					href: backHref,
+					className: "flex items-center gap-1 text-sm text-primary hover:opacity-75",
+					children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "size-3.5" }), "Back"]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS[type] ?? ""}`,
+						children: type
+					}),
+					/* @__PURE__ */ jsx("h1", {
+						className: "-tracking-wide text-3xl font-bold text-foreground",
+						children: title
+					}),
+					description && /* @__PURE__ */ jsx("p", {
+						className: "mt-1 text-sm leading-relaxed text-muted-foreground",
+						children: description
+					}),
+					tags && tags.length > 0 && /* @__PURE__ */ jsx("div", {
+						className: "mt-3 flex flex-wrap gap-1.5",
+						children: tags.map((tag) => /* @__PURE__ */ jsx(Badge, {
+							variant: "default",
+							children: tag
+						}, tag))
+					})
+				]
+			}),
+			children
+		]
+	});
 }
+//#endregion
+//#region src/pages/ActivityCollection.tsx
 function ActivityCollection() {
-  const collection = useParams("collection");
-  const { baseUrl } = useAdminContext();
-  const { data, error } = useFetch(
-    () => fetch(`${baseUrl}/activities/${collection}`).then((r) => {
-      if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
-      return r.json();
-    }),
-    [baseUrl, collection]
-  );
-  if (error) return /* @__PURE__ */ jsxs("div", { className: "p-6 text-destructive", children: [
-    "Failed to load activity collection “",
-    collection,
-    "”."
-  ] });
-  if (!data) return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  return /* @__PURE__ */ jsx(
-    DetailPage,
-    {
-      type: "activity",
-      title: data.title || collection,
-      description: data.description || `${data.activities.length} activit${data.activities.length !== 1 ? "ies" : "y"} in this collection.`,
-      children: data.activities.map((activity) => /* @__PURE__ */ jsx(Card, { className: "mb-4", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-5", children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: `inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.activity}`, children: "activity" }),
-          /* @__PURE__ */ jsx("span", { className: "font-semibold text-card-foreground", children: activity.name })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: activity.description || "No description" }),
-        activity.input_schema && /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-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", children: JSON.stringify(activity.input_schema, null, 2) })
-        ] }),
-        activity.output_schema && /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", 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", children: JSON.stringify(activity.output_schema, null, 2) })
-        ] })
-      ] }) }, activity.name))
-    }
-  );
+	const collection = useParams("collection");
+	const { baseUrl } = useAdminContext();
+	const { data, error } = useFetch(() => fetch(`${baseUrl}/activities/${collection}`).then((r) => {
+		if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
+		return r.json();
+	}), [baseUrl, collection]);
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-6 text-destructive",
+		children: [
+			"Failed to load activity collection “",
+			collection,
+			"”."
+		]
+	});
+	if (!data) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-64 items-center justify-center text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsx(DetailPage, {
+		type: "activity",
+		title: data.title || collection,
+		description: data.description || `${data.activities.length} activit${data.activities.length !== 1 ? "ies" : "y"} in this collection.`,
+		children: data.activities.map((activity) => /* @__PURE__ */ jsx(Card, {
+			className: "mb-4",
+			children: /* @__PURE__ */ jsxs(CardContent, {
+				className: "p-5",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "mb-2 flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: `inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.activity}`,
+							children: "activity"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "font-semibold text-card-foreground",
+							children: activity.name
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "text-sm text-muted-foreground",
+						children: activity.description || "No description"
+					}),
+					activity.input_schema && /* @__PURE__ */ jsxs("div", {
+						className: "mt-3",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-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",
+							children: JSON.stringify(activity.input_schema, null, 2)
+						})]
+					}),
+					activity.output_schema && /* @__PURE__ */ jsxs("div", {
+						className: "mt-3",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+							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",
+							children: JSON.stringify(activity.output_schema, null, 2)
+						})]
+					})
+				]
+			})
+		}, activity.name))
+	});
 }
+//#endregion
+//#region src/components/CollectionCard.tsx
 function CollectionCard({ collection }) {
-  const plural = collection.type === "activity" ? "activities" : `${collection.type}s`;
-  const href = `/${plural}/${collection.name}`;
-  return /* @__PURE__ */ jsx(NavLink, { href, className: "block no-underline", children: /* @__PURE__ */ jsx(Card, { className: "cursor-pointer transition-all hover:-translate-y-0.5 hover:shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-5", children: [
-    /* @__PURE__ */ jsx("span", { className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS[collection.type] ?? ""}`, children: collection.type }),
-    /* @__PURE__ */ jsx("div", { className: "font-semibold text-card-foreground", children: collection.title }),
-    /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: collection.description || "No description" }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-2 font-mono text-xs text-muted-foreground", children: [
-      collection.count,
-      " ",
-      collection.count === 1 ? "item" : "items"
-    ] })
-  ] }) }) });
+	return /* @__PURE__ */ jsx(NavLink, {
+		href: `/${collection.type === "activity" ? "activities" : `${collection.type}s`}/${collection.name}`,
+		className: "block no-underline",
+		children: /* @__PURE__ */ jsx(Card, {
+			className: "cursor-pointer transition-all hover:-translate-y-0.5 hover:shadow-md",
+			children: /* @__PURE__ */ jsxs(CardContent, {
+				className: "p-5",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS[collection.type] ?? ""}`,
+						children: collection.type
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "font-semibold text-card-foreground",
+						children: collection.title
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "mt-1 text-sm text-muted-foreground",
+						children: collection.description || "No description"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mt-2 font-mono text-xs text-muted-foreground",
+						children: [
+							collection.count,
+							" ",
+							collection.count === 1 ? "item" : "items"
+						]
+					})
+				]
+			})
+		})
+	});
 }
+//#endregion
+//#region src/components/EndpointPanel.tsx
 function EndpointPanel({ label, path }) {
-  const [copied, setCopied] = useState(false);
-  function handleCopy() {
-    const url = window.location.origin + path;
-    navigator.clipboard.writeText(url);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1500);
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "mb-1 text-[0.7rem] font-medium uppercase tracking-widest text-primary", children: label }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-muted-background px-3 py-2", children: [
-      /* @__PURE__ */ jsx("code", { className: "flex-1 font-mono text-sm text-foreground", children: path }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "ghost",
-          size: "xs",
-          onClick: handleCopy,
-          "aria-label": "Copy full URL",
-          children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
-        }
-      )
-    ] })
-  ] });
+	const [copied, setCopied] = useState(false);
+	function handleCopy() {
+		const url = window.location.origin + path;
+		navigator.clipboard.writeText(url);
+		setCopied(true);
+		setTimeout(() => setCopied(false), 1500);
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mb-3",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "mb-1 text-[0.7rem] font-medium uppercase tracking-widest text-primary",
+			children: label
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 rounded-lg border border-border bg-muted-background px-3 py-2",
+			children: [/* @__PURE__ */ jsx("code", {
+				className: "flex-1 font-mono text-sm text-foreground",
+				children: path
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "xs",
+				onClick: handleCopy,
+				"aria-label": "Copy full URL",
+				children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
+			})]
+		})]
+	});
 }
+//#endregion
+//#region src/components/SummaryBadge.tsx
 function SummaryBadge({ count, label }) {
-  if (count === 0) return null;
-  return /* @__PURE__ */ jsxs(DotBadge, { variant: "success", children: [
-    count,
-    " ",
-    label,
-    count !== 1 ? "s" : ""
-  ] });
+	if (count === 0) return null;
+	return /* @__PURE__ */ jsxs(DotBadge, {
+		variant: "success",
+		children: [
+			count,
+			" ",
+			label,
+			count !== 1 ? "s" : ""
+		]
+	});
 }
+//#endregion
+//#region src/components/HeroSection.tsx
 function getInitials(title) {
-  return title.split(/\s+/).map((w) => w[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
+	return title.split(/\s+/).map((w) => w[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
 }
 function countByType(resources) {
-  const counts = {};
-  for (const r of resources) {
-    counts[r.type] = (counts[r.type] || 0) + 1;
-  }
-  return counts;
+	const counts = {};
+	for (const r of resources) counts[r.type] = (counts[r.type] || 0) + 1;
+	return counts;
 }
-const badgeLabels = [
-  { type: "tool", label: "tool" },
-  { type: "activity", label: "activity" },
-  { type: "skill", label: "skill" },
-  { type: "interaction", label: "interaction" },
-  { type: "type", label: "content type" },
-  { type: "template", label: "template" },
-  { type: "mcp", label: "MCP provider" }
+var badgeLabels = [
+	{
+		type: "tool",
+		label: "tool"
+	},
+	{
+		type: "activity",
+		label: "activity"
+	},
+	{
+		type: "skill",
+		label: "skill"
+	},
+	{
+		type: "interaction",
+		label: "interaction"
+	},
+	{
+		type: "type",
+		label: "content type"
+	},
+	{
+		type: "template",
+		label: "template"
+	},
+	{
+		type: "mcp",
+		label: "MCP provider"
+	}
 ];
 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", 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", { className: "flex flex-1 flex-col gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex size-14 items-center justify-center rounded-xl bg-linear-to-br from-sky-400 to-indigo-500 text-sm font-semibold uppercase tracking-wider text-white shadow-lg", children: getInitials(title) }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-widest text-muted-foreground", children: "Tools Server" }),
-          /* @__PURE__ */ jsx("h1", { className: "-tracking-wide text-2xl font-bold text-foreground", children: title })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Discover the tools, skills, interactions, and content types exposed by this server." }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: badgeLabels.map(({ type, label }) => /* @__PURE__ */ jsx(SummaryBadge, { count: counts[type] || 0, label }, type)) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3 pt-1", children: [
-        /* @__PURE__ */ jsxs(
-          "a",
-          {
-            href: "/app/",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "inline-flex h-8 items-center gap-2 rounded bg-primary px-3 text-xs font-medium text-white shadow-xs hover:bg-primary/90",
-            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",
-            children: [
-              /* @__PURE__ */ jsx(Download, { className: "size-4" }),
-              "Plugin Bundle"
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("aside", { className: "min-w-55 max-w-65 shrink-0", children: [
-      /* @__PURE__ */ jsx(EndpointPanel, { label: "Base endpoint", path: "/api" }),
-      /* @__PURE__ */ jsx(EndpointPanel, { label: "Package endpoint", path: "/api/package" }),
-      /* @__PURE__ */ jsxs("p", { className: "mt-2 text-xs leading-relaxed text-muted-foreground", children: [
-        "Use ",
-        /* @__PURE__ */ jsx("strong", { className: "text-foreground", children: "POST /api/tools/<collection>" }),
-        " or",
-        " ",
-        /* @__PURE__ */ jsx("strong", { className: "text-foreground", children: "POST /api/skills/<collection>" }),
-        " to call these from your apps or agents."
-      ] }),
-      /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [
-        "v",
-        version
-      ] })
-    ] })
-  ] }) });
+	const counts = countByType(resources);
+	return /* @__PURE__ */ jsx(Card, {
+		className: "mb-10 overflow-hidden border bg-linear-to-br from-card to-muted-background",
+		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", {
+				className: "flex flex-1 flex-col gap-3",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "flex size-14 items-center justify-center rounded-xl bg-linear-to-br from-sky-400 to-indigo-500 text-sm font-semibold uppercase tracking-wider text-white shadow-lg",
+							children: getInitials(title)
+						}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+							className: "text-xs font-medium uppercase tracking-widest text-muted-foreground",
+							children: "Tools Server"
+						}), /* @__PURE__ */ jsx("h1", {
+							className: "-tracking-wide text-2xl font-bold text-foreground",
+							children: title
+						})] })]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Discover the tools, skills, interactions, and content types exposed by this server."
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex flex-wrap gap-2",
+						children: badgeLabels.map(({ type, label }) => /* @__PURE__ */ jsx(SummaryBadge, {
+							count: counts[type] || 0,
+							label
+						}, type))
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap gap-3 pt-1",
+						children: [/* @__PURE__ */ jsxs("a", {
+							href: "/app/",
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "inline-flex h-8 items-center gap-2 rounded bg-primary px-3 text-xs font-medium text-white shadow-xs hover:bg-primary/90",
+							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",
+							children: [/* @__PURE__ */ jsx(Download, { className: "size-4" }), "Plugin Bundle"]
+						})]
+					})
+				]
+			}), /* @__PURE__ */ jsxs("aside", {
+				className: "min-w-55 max-w-65 shrink-0",
+				children: [
+					/* @__PURE__ */ jsx(EndpointPanel, {
+						label: "Base endpoint",
+						path: "/api"
+					}),
+					/* @__PURE__ */ jsx(EndpointPanel, {
+						label: "Package endpoint",
+						path: "/api/package"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "mt-2 text-xs leading-relaxed text-muted-foreground",
+						children: [
+							"Use ",
+							/* @__PURE__ */ jsx("strong", {
+								className: "text-foreground",
+								children: "POST /api/tools/<collection>"
+							}),
+							" or",
+							" ",
+							/* @__PURE__ */ jsx("strong", {
+								className: "text-foreground",
+								children: "POST /api/skills/<collection>"
+							}),
+							" to call these from your apps or agents."
+						]
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "mt-1 text-xs text-muted-foreground",
+						children: ["v", version]
+					})
+				]
+			})]
+		})
+	});
 }
+//#endregion
+//#region src/components/ResourceCard.tsx
 function ResourceCard({ resource }) {
-  return /* @__PURE__ */ jsx(Card, { className: "transition-all hover:-translate-y-0.5 hover:shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-5", children: [
-    /* @__PURE__ */ jsx("span", { className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS[resource.type] ?? ""}`, children: resource.type }),
-    /* @__PURE__ */ jsx("div", { className: "font-semibold text-card-foreground", children: resource.title }),
-    /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: resource.description || "No description" }),
-    resource.tags && resource.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: resource.tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "default", children: tag }, tag)) }),
-    resource.url && /* @__PURE__ */ jsx("div", { className: "mt-2 truncate font-mono text-xs text-muted-foreground", children: resource.url })
-  ] }) });
+	return /* @__PURE__ */ jsx(Card, {
+		className: "transition-all hover:-translate-y-0.5 hover:shadow-md",
+		children: /* @__PURE__ */ jsxs(CardContent, {
+			className: "p-5",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS[resource.type] ?? ""}`,
+					children: resource.type
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "font-semibold text-card-foreground",
+					children: resource.title
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: resource.description || "No description"
+				}),
+				resource.tags && resource.tags.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "mt-2 flex flex-wrap gap-1",
+					children: resource.tags.map((tag) => /* @__PURE__ */ jsx(Badge, {
+						variant: "default",
+						children: tag
+					}, tag))
+				}),
+				resource.url && /* @__PURE__ */ jsx("div", {
+					className: "mt-2 truncate font-mono text-xs text-muted-foreground",
+					children: resource.url
+				})
+			]
+		})
+	});
 }
+//#endregion
+//#region src/components/ResourceSection.tsx
 function ResourceSection({ title, subtitle, resources, showDivider }) {
-  if (resources.length === 0) return null;
-  return /* @__PURE__ */ jsxs("section", { children: [
-    showDivider && /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs("h2", { className: "text-xl font-semibold text-foreground", children: [
-        title,
-        /* @__PURE__ */ jsxs("span", { className: "ml-2 text-sm font-normal text-muted-foreground", children: [
-          "(",
-          resources.length,
-          ")"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", children: resources.map((r) => /* @__PURE__ */ jsx(ResourceCard, { resource: r }, `${r.type}:${r.name}`)) })
-  ] });
+	if (resources.length === 0) return null;
+	return /* @__PURE__ */ jsxs("section", { children: [
+		showDivider && /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
+		/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h2", {
+			className: "text-xl font-semibold text-foreground",
+			children: [title, /* @__PURE__ */ jsxs("span", {
+				className: "ml-2 text-sm font-normal text-muted-foreground",
+				children: [
+					"(",
+					resources.length,
+					")"
+				]
+			})]
+		}), /* @__PURE__ */ jsx("p", {
+			className: "mb-4 text-sm text-muted-foreground",
+			children: subtitle
+		})] }),
+		/* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",
+			children: resources.map((r) => /* @__PURE__ */ jsx(ResourceCard, { resource: r }, `${r.type}:${r.name}`))
+		})
+	] });
 }
+//#endregion
+//#region src/components/SearchBar.tsx
 function SearchBar({ value, onChange, placeholder, resultCount, totalCount }) {
-  const hasQuery = value.trim().length > 0;
-  const noResults = hasQuery && resultCount === 0;
-  return /* @__PURE__ */ jsxs("div", { className: "mb-7", children: [
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        type: "search",
-        value,
-        onChange,
-        placeholder: placeholder || "Search collections...",
-        className: "max-w-sm rounded-full",
-        autoComplete: "off"
-      }
-    ),
-    hasQuery && !noResults && /* @__PURE__ */ jsxs("p", { className: "mt-1.5 text-xs text-muted-foreground", children: [
-      "Showing ",
-      resultCount,
-      " of ",
-      totalCount,
-      " resources"
-    ] }),
-    noResults && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-destructive", children: "No resources match this search." })
-  ] });
+	const hasQuery = value.trim().length > 0;
+	const noResults = hasQuery && resultCount === 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mb-7",
+		children: [
+			/* @__PURE__ */ jsx(Input, {
+				type: "search",
+				value,
+				onChange,
+				placeholder: placeholder || "Search collections...",
+				className: "max-w-sm rounded-full",
+				autoComplete: "off"
+			}),
+			hasQuery && !noResults && /* @__PURE__ */ jsxs("p", {
+				className: "mt-1.5 text-xs text-muted-foreground",
+				children: [
+					"Showing ",
+					resultCount,
+					" of ",
+					totalCount,
+					" resources"
+				]
+			}),
+			noResults && /* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-sm text-destructive",
+				children: "No resources match this search."
+			})
+		]
+	});
 }
-const sections = [
-  { type: "tool", title: "Tools", subtitle: "Remote tools available to agents via Vertesia." },
-  { type: "activity", title: "Activities", subtitle: "Remote activities for DSL workflows, invoked via HTTP." },
-  { type: "skill", title: "Skills", subtitle: "Reusable instructions and scripts packaged as tools." },
-  { type: "interaction", title: "Interactions", subtitle: "Conversation blueprints surfaced in the Vertesia UI." },
-  { type: "type", title: "Content Types", subtitle: "Schema definitions for structured content in the data store." },
-  { type: "template", title: "Rendering Templates", subtitle: "Document and presentation templates for content generation." },
-  { type: "mcp", title: "MCP Providers", subtitle: "Remote MCP servers available through this tools server." }
+//#endregion
+//#region src/pages/HomePage.tsx
+var sections = [
+	{
+		type: "tool",
+		title: "Tools",
+		subtitle: "Remote tools available to agents via Vertesia."
+	},
+	{
+		type: "activity",
+		title: "Activities",
+		subtitle: "Remote activities for DSL workflows, invoked via HTTP."
+	},
+	{
+		type: "skill",
+		title: "Skills",
+		subtitle: "Reusable instructions and scripts packaged as tools."
+	},
+	{
+		type: "interaction",
+		title: "Interactions",
+		subtitle: "Conversation blueprints surfaced in the Vertesia UI."
+	},
+	{
+		type: "type",
+		title: "Content Types",
+		subtitle: "Schema definitions for structured content in the data store."
+	},
+	{
+		type: "template",
+		title: "Rendering Templates",
+		subtitle: "Document and presentation templates for content generation."
+	},
+	{
+		type: "mcp",
+		title: "MCP Providers",
+		subtitle: "Remote MCP servers available through this tools server."
+	}
 ];
 function HomePage() {
-  const { serverInfo, collections, resources } = useAdminContext();
-  const [search, setSearch] = useState("");
-  const filtered = useMemo(
-    () => filterResources(resources, search),
-    [resources, search]
-  );
-  const isSearching = search.trim().length > 0;
-  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-7 py-10", children: [
-    /* @__PURE__ */ jsx(
-      HeroSection,
-      {
-        title: serverInfo.message.replace("Vertesia Tools API", "Tools Server"),
-        version: serverInfo.version,
-        resources
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SearchBar,
-      {
-        value: search,
-        onChange: setSearch,
-        placeholder: "Search tools, skills, interactions, types, templates...",
-        resultCount: filtered.length,
-        totalCount: resources.length
-      }
-    ),
-    isSearching ? sections.map((section, i) => {
-      const sectionItems = filtered.filter((r) => r.type === section.type);
-      return /* @__PURE__ */ jsx(
-        ResourceSection,
-        {
-          title: section.title,
-          subtitle: section.subtitle,
-          resources: sectionItems,
-          showDivider: i > 0
-        },
-        section.type
-      );
-    }) : sections.map((section, i) => {
-      const sectionCollections = collections.filter((c) => c.type === section.type);
-      const mcpResources = section.type === "mcp" ? resources.filter((r) => r.type === "mcp") : [];
-      if (sectionCollections.length === 0 && mcpResources.length === 0) return null;
-      return /* @__PURE__ */ jsxs("section", { children: [
-        i > 0 && /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs("h2", { className: "text-xl font-semibold text-foreground", children: [
-            section.title,
-            /* @__PURE__ */ jsxs("span", { className: "ml-2 text-sm font-normal text-muted-foreground", children: [
-              "(",
-              sectionCollections.length,
-              sectionCollections.length === 1 ? " collection" : " collections",
-              ")"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: section.subtitle })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", children: [
-          sectionCollections.map((col) => /* @__PURE__ */ jsx(CollectionCard, { collection: col }, `${col.type}:${col.name}`)),
-          mcpResources.map((r) => /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-card p-5 shadow-sm", children: [
-            /* @__PURE__ */ jsx("span", { className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.mcp}`, children: "mcp" }),
-            /* @__PURE__ */ jsx("div", { className: "font-semibold text-card-foreground", children: r.title }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: r.description || "No description" }),
-            r.url && /* @__PURE__ */ jsx("div", { className: "mt-2 truncate font-mono text-xs text-muted-foreground", children: r.url })
-          ] }, r.name))
-        ] })
-      ] }, section.type);
-    })
-  ] });
+	const { serverInfo, collections, resources } = useAdminContext();
+	const [search, setSearch] = useState("");
+	const filtered = useMemo(() => filterResources(resources, search), [resources, search]);
+	const isSearching = search.trim().length > 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto max-w-5xl px-7 py-10",
+		children: [
+			/* @__PURE__ */ jsx(HeroSection, {
+				title: serverInfo.message.replace("Vertesia Tools API", "Tools Server"),
+				version: serverInfo.version,
+				resources
+			}),
+			/* @__PURE__ */ jsx(SearchBar, {
+				value: search,
+				onChange: setSearch,
+				placeholder: "Search tools, skills, interactions, types, templates...",
+				resultCount: filtered.length,
+				totalCount: resources.length
+			}),
+			isSearching ? sections.map((section, i) => {
+				const sectionItems = filtered.filter((r) => r.type === section.type);
+				return /* @__PURE__ */ jsx(ResourceSection, {
+					title: section.title,
+					subtitle: section.subtitle,
+					resources: sectionItems,
+					showDivider: i > 0
+				}, section.type);
+			}) : sections.map((section, i) => {
+				const sectionCollections = collections.filter((c) => c.type === section.type);
+				const mcpResources = section.type === "mcp" ? resources.filter((r) => r.type === "mcp") : [];
+				if (sectionCollections.length === 0 && mcpResources.length === 0) return null;
+				return /* @__PURE__ */ jsxs("section", { children: [
+					i > 0 && /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h2", {
+						className: "text-xl font-semibold text-foreground",
+						children: [section.title, /* @__PURE__ */ jsxs("span", {
+							className: "ml-2 text-sm font-normal text-muted-foreground",
+							children: [
+								"(",
+								sectionCollections.length,
+								sectionCollections.length === 1 ? " collection" : " collections",
+								")"
+							]
+						})]
+					}), /* @__PURE__ */ jsx("p", {
+						className: "mb-4 text-sm text-muted-foreground",
+						children: section.subtitle
+					})] }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",
+						children: [sectionCollections.map((col) => /* @__PURE__ */ jsx(CollectionCard, { collection: col }, `${col.type}:${col.name}`)), mcpResources.map((r) => /* @__PURE__ */ jsxs("div", {
+							className: "rounded-xl border border-border bg-card p-5 shadow-sm",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.mcp}`,
+									children: "mcp"
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "font-semibold text-card-foreground",
+									children: r.title
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "mt-1 text-sm text-muted-foreground",
+									children: r.description || "No description"
+								}),
+								r.url && /* @__PURE__ */ jsx("div", {
+									className: "mt-2 truncate font-mono text-xs text-muted-foreground",
+									children: r.url
+								})
+							]
+						}, r.name))]
+					})
+				] }, section.type);
+			})
+		]
+	});
 }
+//#endregion
+//#region src/pages/InteractionCollection.tsx
 function InteractionCollection() {
-  const collection = useParams("collection");
-  const { baseUrl } = useAdminContext();
-  const { data: interactions, error } = useFetch(
-    () => fetch(`${baseUrl}/interactions/${collection}`).then((r) => {
-      if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
-      return r.json();
-    }),
-    [baseUrl, collection]
-  );
-  if (error) {
-    return /* @__PURE__ */ jsxs("div", { className: "p-6 text-destructive", children: [
-      "Failed to load collection “",
-      collection,
-      "”."
-    ] });
-  }
-  if (!interactions) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  }
-  return /* @__PURE__ */ jsx(
-    DetailPage,
-    {
-      type: "interaction",
-      title: collection,
-      description: `${interactions.length} interaction${interactions.length !== 1 ? "s" : ""} in this collection.`,
-      children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", children: interactions.map((inter) => /* @__PURE__ */ jsx(NavLink, { href: `/interactions/${collection}/${inter.name}`, className: "block no-underline", children: /* @__PURE__ */ jsx(Card, { className: "cursor-pointer transition-all hover:-translate-y-0.5 hover:shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-5", children: [
-        /* @__PURE__ */ jsx("span", { className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.interaction}`, children: "interaction" }),
-        /* @__PURE__ */ jsx("div", { className: "font-semibold text-card-foreground", children: inter.title || inter.name }),
-        /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: inter.description || "No description" }),
-        inter.tags && inter.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: inter.tags.map((tag) => /* @__PURE__ */ jsx(Badge, { children: tag }, tag)) })
-      ] }) }) }, inter.id)) })
-    }
-  );
+	const collection = useParams("collection");
+	const { baseUrl } = useAdminContext();
+	const { data: interactions, error } = useFetch(() => fetch(`${baseUrl}/interactions/${collection}`).then((r) => {
+		if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
+		return r.json();
+	}), [baseUrl, collection]);
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-6 text-destructive",
+		children: [
+			"Failed to load collection “",
+			collection,
+			"”."
+		]
+	});
+	if (!interactions) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-64 items-center justify-center text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsx(DetailPage, {
+		type: "interaction",
+		title: collection,
+		description: `${interactions.length} interaction${interactions.length !== 1 ? "s" : ""} in this collection.`,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",
+			children: interactions.map((inter) => /* @__PURE__ */ jsx(NavLink, {
+				href: `/interactions/${collection}/${inter.name}`,
+				className: "block no-underline",
+				children: /* @__PURE__ */ jsx(Card, {
+					className: "cursor-pointer transition-all hover:-translate-y-0.5 hover:shadow-md",
+					children: /* @__PURE__ */ jsxs(CardContent, {
+						className: "p-5",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.interaction}`,
+								children: "interaction"
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "font-semibold text-card-foreground",
+								children: inter.title || inter.name
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "mt-1 text-sm text-muted-foreground",
+								children: inter.description || "No description"
+							}),
+							inter.tags && inter.tags.length > 0 && /* @__PURE__ */ jsx("div", {
+								className: "mt-2 flex flex-wrap gap-1",
+								children: inter.tags.map((tag) => /* @__PURE__ */ jsx(Badge, { children: tag }, tag))
+							})
+						]
+					})
+				})
+			}, inter.id))
+		})
+	});
 }
+//#endregion
+//#region src/pages/InteractionDetail.tsx
 function InteractionDetail() {
-  const { client } = useUserSession();
-  const params = useParams();
-  const collection = params.collection;
-  const name = params.name;
-  const { baseUrl } = useAdminContext();
-  const { data: interaction, error } = useFetch(
-    () => client.getRawJWT().then((token) => fetch(`${baseUrl}/interactions/${collection}/${name}`, {
-      headers: {
-        Authorization: `Bearer ${token}`
-      }
-    })).then((r) => {
-      if (!r.ok) throw new Error(`Failed to load interaction: ${r.statusText}`);
-      return r.json();
-    }),
-    [baseUrl, collection, name]
-  );
-  if (error) {
-    return /* @__PURE__ */ jsxs("div", { className: "p-6 text-destructive", children: [
-      "Failed to load interaction “",
-      name,
-      "”."
-    ] });
-  }
-  if (!interaction) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  }
-  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,
-    {
-      type: "interaction",
-      title: interaction.title || interaction.name,
-      description: interaction.description,
-      tags: interaction.tags,
-      backHref: `/interactions/${collection}`,
-      children: [
-        interaction.prompts && interaction.prompts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-lg font-semibold text-foreground", children: "Prompts" }),
-          interaction.prompts.map((prompt) => /* @__PURE__ */ jsx(Card, { className: "mb-3", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: `rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${ROLE_VARIANTS[prompt.role] ?? ""}`, children: prompt.role }),
-              prompt.name && /* @__PURE__ */ jsx("span", { className: "text-sm italic text-muted-foreground", 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", children: prompt.content })
-          ] }) }, `${prompt.role}-${prompt.name ?? ""}`))
-        ] }),
-        interaction.result_schema && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { 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", children: JSON.stringify(interaction.result_schema, null, 2) })
-        ] }),
-        hasAgentFlags && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-lg font-semibold text-foreground", children: "Agent Runner" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-            agent_runner_options.is_agent && /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Agent" }),
-            agent_runner_options.is_tool && /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Tool" }),
-            agent_runner_options.is_skill && /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Skill" })
-          ] })
-        ] })
-      ]
-    }
-  );
+	const { client } = useUserSession();
+	const params = useParams();
+	const collection = params.collection;
+	const name = params.name;
+	const { baseUrl } = useAdminContext();
+	const { data: interaction, error } = useFetch(() => client.getRawJWT().then((token) => fetch(`${baseUrl}/interactions/${collection}/${name}`, { headers: { Authorization: `Bearer ${token}` } })).then((r) => {
+		if (!r.ok) throw new Error(`Failed to load interaction: ${r.statusText}`);
+		return r.json();
+	}), [
+		baseUrl,
+		collection,
+		name
+	]);
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-6 text-destructive",
+		children: [
+			"Failed to load interaction “",
+			name,
+			"”."
+		]
+	});
+	if (!interaction) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-64 items-center justify-center text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	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, {
+		type: "interaction",
+		title: interaction.title || interaction.name,
+		description: interaction.description,
+		tags: interaction.tags,
+		backHref: `/interactions/${collection}`,
+		children: [
+			interaction.prompts && interaction.prompts.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "mb-3 text-lg font-semibold text-foreground",
+					children: "Prompts"
+				}), interaction.prompts.map((prompt) => /* @__PURE__ */ jsx(Card, {
+					className: "mb-3",
+					children: /* @__PURE__ */ jsxs(CardContent, {
+						className: "p-4",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "mb-2 flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: `rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${ROLE_VARIANTS[prompt.role] ?? ""}`,
+								children: prompt.role
+							}), prompt.name && /* @__PURE__ */ jsx("span", {
+								className: "text-sm italic text-muted-foreground",
+								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",
+							children: prompt.content
+						})]
+					})
+				}, `${prompt.role}-${prompt.name ?? ""}`))]
+			}),
+			interaction.result_schema && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					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",
+					children: JSON.stringify(interaction.result_schema, null, 2)
+				})]
+			}),
+			hasAgentFlags && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "mb-3 text-lg font-semibold text-foreground",
+					children: "Agent Runner"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap gap-2",
+					children: [
+						agent_runner_options.is_agent && /* @__PURE__ */ jsx(Badge, {
+							variant: "success",
+							children: "Agent"
+						}),
+						agent_runner_options.is_tool && /* @__PURE__ */ jsx(Badge, {
+							variant: "success",
+							children: "Tool"
+						}),
+						agent_runner_options.is_skill && /* @__PURE__ */ jsx(Badge, {
+							variant: "success",
+							children: "Skill"
+						})
+					]
+				})]
+			})
+		]
+	});
 }
+//#endregion
+//#region src/pages/SkillCollection.tsx
+/** Strip the learn_ prefix added by the SDK when exposing skills as tools. */
 function skillDisplayName(name) {
-  return name.startsWith("learn_") ? name.slice(6) : name;
+	return name.startsWith("learn_") ? name.slice(6) : name;
 }
 function SkillCollection() {
-  const collection = useParams("collection");
-  const { baseUrl } = useAdminContext();
-  const { data, error } = useFetch(
-    () => fetch(`${baseUrl}/skills/${collection}`).then((r) => {
-      if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
-      return r.json();
-    }),
-    [baseUrl, collection]
-  );
-  const { data: widgetsData } = useFetch(
-    () => fetch(`${baseUrl}/package?scope=widgets`).then((r) => r.ok ? r.json() : { widgets: {} }),
-    [baseUrl]
-  );
-  const collectionWidgets = useMemo(() => {
-    if (!widgetsData?.widgets) return [];
-    return Object.entries(widgetsData.widgets).filter(([_, w]) => w.collection === collection).map(([name, w]) => ({ name, ...w }));
-  }, [widgetsData, collection]);
-  if (error) return /* @__PURE__ */ jsxs("div", { className: "p-6 text-destructive", children: [
-    "Failed to load skill collection “",
-    collection,
-    "”."
-  ] });
-  if (!data) return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  return /* @__PURE__ */ jsxs(
-    DetailPage,
-    {
-      type: "skill",
-      title: data.title || collection,
-      description: data.description || `${data.tools.length} skill${data.tools.length !== 1 ? "s" : ""} in this collection.`,
-      children: [
-        collectionWidgets.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-lg font-semibold text-foreground", children: "Widgets" }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: collectionWidgets.map((w) => /* @__PURE__ */ jsxs(Badge, { variant: "success", children: [
-            w.name,
-            /* @__PURE__ */ jsxs("span", { className: "ml-2 font-mono text-xs opacity-70", children: [
-              "(skill: ",
-              w.skill,
-              ")"
-            ] })
-          ] }, w.name)) })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", children: data.tools.map((skill) => {
-          const displayName = skillDisplayName(skill.name);
-          return /* @__PURE__ */ jsx(NavLink, { href: `/skills/${collection}/${displayName}`, className: "block no-underline", children: /* @__PURE__ */ jsx(Card, { className: "cursor-pointer transition-all hover:-translate-y-0.5 hover:shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-5", children: [
-            /* @__PURE__ */ jsx("span", { className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.skill}`, children: "skill" }),
-            /* @__PURE__ */ jsx("div", { className: "font-semibold text-card-foreground", children: displayName }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: skill.description || "No description" }),
-            skill.related_tools && skill.related_tools.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: skill.related_tools.map((t) => /* @__PURE__ */ jsx(Badge, { children: t }, t)) })
-          ] }) }) }, skill.name);
-        }) })
-      ]
-    }
-  );
+	const collection = useParams("collection");
+	const { baseUrl } = useAdminContext();
+	const { data, error } = useFetch(() => fetch(`${baseUrl}/skills/${collection}`).then((r) => {
+		if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
+		return r.json();
+	}), [baseUrl, collection]);
+	const { data: widgetsData } = useFetch(() => fetch(`${baseUrl}/package?scope=widgets`).then((r) => r.ok ? r.json() : { widgets: {} }), [baseUrl]);
+	const collectionWidgets = useMemo(() => {
+		if (!widgetsData?.widgets) return [];
+		return Object.entries(widgetsData.widgets).filter(([_, w]) => w.collection === collection).map(([name, w]) => ({
+			name,
+			...w
+		}));
+	}, [widgetsData, collection]);
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-6 text-destructive",
+		children: [
+			"Failed to load skill collection “",
+			collection,
+			"”."
+		]
+	});
+	if (!data) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-64 items-center justify-center text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsxs(DetailPage, {
+		type: "skill",
+		title: data.title || collection,
+		description: data.description || `${data.tools.length} skill${data.tools.length !== 1 ? "s" : ""} in this collection.`,
+		children: [collectionWidgets.length > 0 && /* @__PURE__ */ jsxs("div", {
+			className: "mb-8",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "mb-3 text-lg font-semibold text-foreground",
+				children: "Widgets"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap gap-2",
+				children: collectionWidgets.map((w) => /* @__PURE__ */ jsxs(Badge, {
+					variant: "success",
+					children: [w.name, /* @__PURE__ */ jsxs("span", {
+						className: "ml-2 font-mono text-xs opacity-70",
+						children: [
+							"(skill: ",
+							w.skill,
+							")"
+						]
+					})]
+				}, w.name))
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",
+			children: data.tools.map((skill) => {
+				const displayName = skillDisplayName(skill.name);
+				return /* @__PURE__ */ jsx(NavLink, {
+					href: `/skills/${collection}/${displayName}`,
+					className: "block no-underline",
+					children: /* @__PURE__ */ jsx(Card, {
+						className: "cursor-pointer transition-all hover:-translate-y-0.5 hover:shadow-md",
+						children: /* @__PURE__ */ jsxs(CardContent, {
+							className: "p-5",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.skill}`,
+									children: "skill"
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "font-semibold text-card-foreground",
+									children: displayName
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "mt-1 text-sm text-muted-foreground",
+									children: skill.description || "No description"
+								}),
+								skill.tools && skill.tools.length > 0 && /* @__PURE__ */ jsx("div", {
+									className: "mt-2 flex flex-wrap gap-1",
+									children: skill.tools.map((t) => /* @__PURE__ */ jsx(Badge, { children: t }, t))
+								})
+							]
+						})
+					})
+				}, skill.name);
+			})
+		})]
+	});
 }
+//#endregion
+//#region src/pages/SkillDetail.tsx
 function SkillDetail() {
-  const params = useParams();
-  const collection = params.collection;
-  const name = params.name;
-  const { baseUrl } = useAdminContext();
-  const { data: skill, error } = useFetch(
-    () => fetch(`${baseUrl}/skills/${collection}/${name}`).then((r) => {
-      if (!r.ok) throw new Error(`Failed to load skill: ${r.statusText}`);
-      return r.json();
-    }),
-    [baseUrl, collection, name]
-  );
-  if (error) return /* @__PURE__ */ jsxs("div", { className: "p-6 text-destructive", children: [
-    "Failed to load skill “",
-    name,
-    "”."
-  ] });
-  if (!skill) return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  return /* @__PURE__ */ jsxs(
-    DetailPage,
-    {
-      type: "skill",
-      title: skill.title || skill.name,
-      description: skill.description,
-      backHref: `/skills/${collection}`,
-      children: [
-        skill.widgets && skill.widgets.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-lg font-semibold text-foreground", children: "Widgets" }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: skill.widgets.map((w) => /* @__PURE__ */ jsx(Badge, { variant: "success", children: w }, w)) })
-        ] }),
-        skill.scripts && skill.scripts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-lg font-semibold text-foreground", children: "Scripts" }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: skill.scripts.map((s) => /* @__PURE__ */ jsx(Badge, { variant: "success", children: s }, s)) })
-        ] }),
-        skill.related_tools && skill.related_tools.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-lg font-semibold text-foreground", children: "Related Tools" }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: skill.related_tools.map((t) => /* @__PURE__ */ jsx(Badge, { variant: "success", children: t }, t)) })
-        ] }),
-        skill.execution && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-lg font-semibold text-foreground", children: "Execution" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-            /* @__PURE__ */ jsx(Badge, { variant: "success", children: skill.execution.language }),
-            skill.execution.packages?.map((p) => /* @__PURE__ */ jsx(Badge, { variant: "success", children: p }, p))
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsxs("h2", { className: "mb-3 text-lg font-semibold text-foreground", children: [
-            "Instructions",
-            skill.content_type === "jst" && /* @__PURE__ */ jsx(Badge, { className: "ml-2", 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", children: skill.instructions })
-        ] }),
-        skill.input_schema && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { 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", children: JSON.stringify(skill.input_schema, null, 2) })
-        ] })
-      ]
-    }
-  );
+	const params = useParams();
+	const collection = params.collection;
+	const name = params.name;
+	const { baseUrl } = useAdminContext();
+	const { data: skill, error } = useFetch(() => fetch(`${baseUrl}/skills/${collection}/${name}`).then((r) => {
+		if (!r.ok) throw new Error(`Failed to load skill: ${r.statusText}`);
+		return r.json();
+	}), [
+		baseUrl,
+		collection,
+		name
+	]);
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-6 text-destructive",
+		children: [
+			"Failed to load skill “",
+			name,
+			"”."
+		]
+	});
+	if (!skill) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-64 items-center justify-center text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsxs(DetailPage, {
+		type: "skill",
+		title: skill.title || skill.name,
+		description: skill.description,
+		backHref: `/skills/${collection}`,
+		children: [
+			skill.widgets && skill.widgets.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "mb-3 text-lg font-semibold text-foreground",
+					children: "Widgets"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-2",
+					children: skill.widgets.map((w) => /* @__PURE__ */ jsx(Badge, {
+						variant: "success",
+						children: w
+					}, w))
+				})]
+			}),
+			skill.scripts && skill.scripts.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "mb-3 text-lg font-semibold text-foreground",
+					children: "Scripts"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-2",
+					children: skill.scripts.map((s) => /* @__PURE__ */ jsx(Badge, {
+						variant: "success",
+						children: s
+					}, s))
+				})]
+			}),
+			skill.tools && skill.tools.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "mb-3 text-lg font-semibold text-foreground",
+					children: "Related Tools"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-2",
+					children: skill.tools.map((t) => /* @__PURE__ */ jsx(Badge, {
+						variant: "success",
+						children: t
+					}, t))
+				})]
+			}),
+			skill.execution && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "mb-3 text-lg font-semibold text-foreground",
+					children: "Execution"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap gap-2",
+					children: [/* @__PURE__ */ jsx(Badge, {
+						variant: "success",
+						children: skill.execution.language
+					}), skill.execution.packages?.map((p) => /* @__PURE__ */ jsx(Badge, {
+						variant: "success",
+						children: p
+					}, p))]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsxs("h2", {
+					className: "mb-3 text-lg font-semibold text-foreground",
+					children: ["Instructions", skill.content_type === "jst" && /* @__PURE__ */ jsx(Badge, {
+						className: "ml-2",
+						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",
+					children: skill.instructions
+				})]
+			}),
+			skill.input_schema && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					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",
+					children: JSON.stringify(skill.input_schema, null, 2)
+				})]
+			})
+		]
+	});
 }
+//#endregion
+//#region src/pages/TemplateCollection.tsx
 function TemplateCollection() {
-  const collection = useParams("collection");
-  const { baseUrl } = useAdminContext();
-  const { data: templates, error } = useFetch(
-    () => fetch(`${baseUrl}/templates/${collection}`).then((r) => {
-      if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
-      return r.json();
-    }),
-    [baseUrl, collection]
-  );
-  if (error) return /* @__PURE__ */ jsxs("div", { className: "p-6 text-destructive", children: [
-    "Failed to load template collection “",
-    collection,
-    "”."
-  ] });
-  if (!templates) return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  return /* @__PURE__ */ jsx(
-    DetailPage,
-    {
-      type: "template",
-      title: collection,
-      description: `${templates.length} template${templates.length !== 1 ? "s" : ""} in this collection.`,
-      children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", children: templates.map((tmpl) => /* @__PURE__ */ jsx(
-        NavLink,
-        {
-          href: `/templates/${collection}/${tmpl.name}`,
-          className: "no-underline",
-          children: /* @__PURE__ */ jsx(Card, { className: "h-full transition-all hover:-translate-y-0.5 hover:shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-5", children: [
-            /* @__PURE__ */ jsx("span", { className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.template}`, children: tmpl.type || "template" }),
-            /* @__PURE__ */ jsx("div", { className: "font-semibold text-card-foreground", children: tmpl.title || tmpl.name }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: tmpl.description || "No description" }),
-            tmpl.tags && tmpl.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-1.5", children: tmpl.tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "default", children: tag }, tag)) })
-          ] }) })
-        },
-        tmpl.name
-      )) })
-    }
-  );
+	const collection = useParams("collection");
+	const { baseUrl } = useAdminContext();
+	const { data: templates, error } = useFetch(() => fetch(`${baseUrl}/templates/${collection}`).then((r) => {
+		if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
+		return r.json();
+	}), [baseUrl, collection]);
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-6 text-destructive",
+		children: [
+			"Failed to load template collection “",
+			collection,
+			"”."
+		]
+	});
+	if (!templates) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-64 items-center justify-center text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsx(DetailPage, {
+		type: "template",
+		title: collection,
+		description: `${templates.length} template${templates.length !== 1 ? "s" : ""} in this collection.`,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",
+			children: templates.map((tmpl) => /* @__PURE__ */ jsx(NavLink, {
+				href: `/templates/${collection}/${tmpl.name}`,
+				className: "no-underline",
+				children: /* @__PURE__ */ jsx(Card, {
+					className: "h-full transition-all hover:-translate-y-0.5 hover:shadow-md",
+					children: /* @__PURE__ */ jsxs(CardContent, {
+						className: "p-5",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.template}`,
+								children: tmpl.type || "template"
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "font-semibold text-card-foreground",
+								children: tmpl.title || tmpl.name
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "mt-1 text-sm text-muted-foreground",
+								children: tmpl.description || "No description"
+							}),
+							tmpl.tags && tmpl.tags.length > 0 && /* @__PURE__ */ jsx("div", {
+								className: "mt-3 flex flex-wrap gap-1.5",
+								children: tmpl.tags.map((tag) => /* @__PURE__ */ jsx(Badge, {
+									variant: "default",
+									children: tag
+								}, tag))
+							})
+						]
+					})
+				})
+			}, tmpl.name))
+		})
+	});
 }
+//#endregion
+//#region src/pages/TemplateDetail.tsx
 function TemplateDetail() {
-  const params = useParams();
-  const collection = params.collection;
-  const name = params.name;
-  const { baseUrl } = useAdminContext();
-  const { data: template, error } = useFetch(
-    () => fetch(`${baseUrl}/templates/${collection}/${name}`).then((r) => {
-      if (!r.ok) throw new Error(`Failed to load template: ${r.statusText}`);
-      return r.json();
-    }),
-    [baseUrl, collection, name]
-  );
-  if (error) return /* @__PURE__ */ jsxs("div", { className: "p-6 text-destructive", children: [
-    "Failed to load template “",
-    name,
-    "”."
-  ] });
-  if (!template) return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  return /* @__PURE__ */ jsxs(
-    DetailPage,
-    {
-      type: "template",
-      title: template.title || template.name,
-      description: template.description,
-      tags: template.tags,
-      backHref: `/templates/${collection}`,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "mb-8", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: /* @__PURE__ */ jsx(Badge, { variant: "success", children: template.type }) }) }),
-        template.assets && template.assets.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-lg font-semibold text-foreground", children: "Assets" }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: template.assets.map((asset) => /* @__PURE__ */ jsx(Badge, { variant: "success", children: asset.split("/").pop() }, asset)) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { 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", children: template.instructions })
-        ] })
-      ]
-    }
-  );
+	const params = useParams();
+	const collection = params.collection;
+	const name = params.name;
+	const { baseUrl } = useAdminContext();
+	const { data: template, error } = useFetch(() => fetch(`${baseUrl}/templates/${collection}/${name}`).then((r) => {
+		if (!r.ok) throw new Error(`Failed to load template: ${r.statusText}`);
+		return r.json();
+	}), [
+		baseUrl,
+		collection,
+		name
+	]);
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-6 text-destructive",
+		children: [
+			"Failed to load template “",
+			name,
+			"”."
+		]
+	});
+	if (!template) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-64 items-center justify-center text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsxs(DetailPage, {
+		type: "template",
+		title: template.title || template.name,
+		description: template.description,
+		tags: template.tags,
+		backHref: `/templates/${collection}`,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-8",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-2",
+					children: /* @__PURE__ */ jsx(Badge, {
+						variant: "success",
+						children: template.type
+					})
+				})
+			}),
+			template.assets && template.assets.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "mb-3 text-lg font-semibold text-foreground",
+					children: "Assets"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-2",
+					children: template.assets.map((asset) => /* @__PURE__ */ jsx(Badge, {
+						variant: "success",
+						children: asset.split("/").pop()
+					}, asset))
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					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",
+					children: template.instructions
+				})]
+			})
+		]
+	});
 }
+//#endregion
+//#region src/pages/ToolCollection.tsx
 function ToolCollection() {
-  const collection = useParams("collection");
-  const { baseUrl } = useAdminContext();
-  const { data, error } = useFetch(
-    () => fetch(`${baseUrl}/tools/${collection}`).then((r) => {
-      if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
-      return r.json();
-    }),
-    [baseUrl, collection]
-  );
-  if (error) return /* @__PURE__ */ jsxs("div", { className: "p-6 text-destructive", children: [
-    "Failed to load tool collection “",
-    collection,
-    "”."
-  ] });
-  if (!data) return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  return /* @__PURE__ */ jsx(
-    DetailPage,
-    {
-      type: "tool",
-      title: data.title || collection,
-      description: data.description || `${data.tools.length} tool${data.tools.length !== 1 ? "s" : ""} in this collection.`,
-      children: data.tools.map((tool) => /* @__PURE__ */ jsx(Card, { className: "mb-4", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-5", children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: `inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.tool}`, children: "tool" }),
-          /* @__PURE__ */ jsx("span", { className: "font-semibold text-card-foreground", children: tool.name })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", 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", children: JSON.stringify(tool.input_schema, null, 2) })
-      ] }) }, tool.name))
-    }
-  );
+	const collection = useParams("collection");
+	const { baseUrl } = useAdminContext();
+	const { data, error } = useFetch(() => fetch(`${baseUrl}/tools/${collection}`).then((r) => {
+		if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
+		return r.json();
+	}), [baseUrl, collection]);
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-6 text-destructive",
+		children: [
+			"Failed to load tool collection “",
+			collection,
+			"”."
+		]
+	});
+	if (!data) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-64 items-center justify-center text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsx(DetailPage, {
+		type: "tool",
+		title: data.title || collection,
+		description: data.description || `${data.tools.length} tool${data.tools.length !== 1 ? "s" : ""} in this collection.`,
+		children: data.tools.map((tool) => /* @__PURE__ */ jsx(Card, {
+			className: "mb-4",
+			children: /* @__PURE__ */ jsxs(CardContent, {
+				className: "p-5",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "mb-2 flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: `inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.tool}`,
+							children: "tool"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "font-semibold text-card-foreground",
+							children: tool.name
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "text-sm text-muted-foreground",
+						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",
+						children: JSON.stringify(tool.input_schema, null, 2)
+					})
+				]
+			})
+		}, tool.name))
+	});
 }
+//#endregion
+//#region src/pages/TypeCollection.tsx
 function TypeCollection() {
-  const collection = useParams("collection");
-  const { baseUrl } = useAdminContext();
-  const { data: types, error } = useFetch(
-    () => fetch(`${baseUrl}/types/${collection}`).then((r) => {
-      if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
-      return r.json();
-    }),
-    [baseUrl, collection]
-  );
-  if (error) return /* @__PURE__ */ jsxs("div", { className: "p-6 text-destructive", children: [
-    "Failed to load type collection “",
-    collection,
-    "”."
-  ] });
-  if (!types) return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  return /* @__PURE__ */ jsx(
-    DetailPage,
-    {
-      type: "type",
-      title: collection,
-      description: `${types.length} content type${types.length !== 1 ? "s" : ""} in this collection.`,
-      children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", children: types.map((t) => {
-        const typeName = t.id?.split(":")[1] || t.name;
-        return /* @__PURE__ */ jsx(
-          NavLink,
-          {
-            href: `/types/${collection}/${typeName}`,
-            className: "no-underline",
-            children: /* @__PURE__ */ jsx(Card, { className: "h-full transition-all hover:-translate-y-0.5 hover:shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-5", children: [
-              /* @__PURE__ */ jsx("span", { className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.type}`, children: "type" }),
-              /* @__PURE__ */ jsx("div", { className: "font-semibold text-card-foreground", children: t.name }),
-              /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: t.description || "No description" }),
-              t.tags && t.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-1.5", children: t.tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "default", children: tag }, tag)) }),
-              (t.is_chunkable || t.strict_mode) && /* @__PURE__ */ jsxs("div", { className: "mt-2 truncate font-mono text-xs text-muted-foreground", children: [
-                t.is_chunkable && "chunkable",
-                t.is_chunkable && t.strict_mode && " · ",
-                t.strict_mode && "strict"
-              ] })
-            ] }) })
-          },
-          t.name
-        );
-      }) })
-    }
-  );
+	const collection = useParams("collection");
+	const { baseUrl } = useAdminContext();
+	const { data: types, error } = useFetch(() => fetch(`${baseUrl}/types/${collection}`).then((r) => {
+		if (!r.ok) throw new Error(`Failed to load collection: ${r.statusText}`);
+		return r.json();
+	}), [baseUrl, collection]);
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-6 text-destructive",
+		children: [
+			"Failed to load type collection “",
+			collection,
+			"”."
+		]
+	});
+	if (!types) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-64 items-center justify-center text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsx(DetailPage, {
+		type: "type",
+		title: collection,
+		description: `${types.length} content type${types.length !== 1 ? "s" : ""} in this collection.`,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",
+			children: types.map((t) => {
+				return /* @__PURE__ */ jsx(NavLink, {
+					href: `/types/${collection}/${t.id?.split(":")[1] || t.name}`,
+					className: "no-underline",
+					children: /* @__PURE__ */ jsx(Card, {
+						className: "h-full transition-all hover:-translate-y-0.5 hover:shadow-md",
+						children: /* @__PURE__ */ jsxs(CardContent, {
+							className: "p-5",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: `mb-2 inline-block rounded-full px-2 py-0.5 text-[0.7rem] font-semibold uppercase tracking-wide ${TYPE_VARIANTS.type}`,
+									children: "type"
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "font-semibold text-card-foreground",
+									children: t.name
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "mt-1 text-sm text-muted-foreground",
+									children: t.description || "No description"
+								}),
+								t.tags && t.tags.length > 0 && /* @__PURE__ */ jsx("div", {
+									className: "mt-3 flex flex-wrap gap-1.5",
+									children: t.tags.map((tag) => /* @__PURE__ */ jsx(Badge, {
+										variant: "default",
+										children: tag
+									}, tag))
+								}),
+								(t.is_chunkable || t.strict_mode) && /* @__PURE__ */ jsxs("div", {
+									className: "mt-2 truncate font-mono text-xs text-muted-foreground",
+									children: [
+										t.is_chunkable && "chunkable",
+										t.is_chunkable && t.strict_mode && " · ",
+										t.strict_mode && "strict"
+									]
+								})
+							]
+						})
+					})
+				}, t.name);
+			})
+		})
+	});
 }
+//#endregion
+//#region src/pages/TypeDetail.tsx
 function TypeDetail() {
-  const params = useParams();
-  const collection = params.collection;
-  const name = params.name;
-  const { baseUrl } = useAdminContext();
-  const { data: typeDef, error } = useFetch(
-    () => fetch(`${baseUrl}/types/${collection}/${name}`).then((r) => {
-      if (!r.ok) throw new Error(`Failed to load type: ${r.statusText}`);
-      return r.json();
-    }),
-    [baseUrl, collection, name]
-  );
-  if (error) return /* @__PURE__ */ jsxs("div", { className: "p-6 text-destructive", children: [
-    "Failed to load type “",
-    name,
-    "”."
-  ] });
-  if (!typeDef) return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  return /* @__PURE__ */ jsxs(
-    DetailPage,
-    {
-      type: "type",
-      title: typeDef.name,
-      description: typeDef.description,
-      tags: typeDef.tags,
-      backHref: `/types/${collection}`,
-      children: [
-        (typeDef.is_chunkable || typeDef.strict_mode) && /* @__PURE__ */ jsx("div", { className: "mb-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-          typeDef.is_chunkable && /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Chunkable" }),
-          typeDef.strict_mode && /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Strict Mode" })
-        ] }) }),
-        typeDef.object_schema && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { 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", children: JSON.stringify(typeDef.object_schema, null, 2) })
-        ] }),
-        typeDef.table_layout && typeDef.table_layout.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-          /* @__PURE__ */ jsx("h2", { 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", children: JSON.stringify(typeDef.table_layout, null, 2) })
-        ] })
-      ]
-    }
-  );
+	const params = useParams();
+	const collection = params.collection;
+	const name = params.name;
+	const { baseUrl } = useAdminContext();
+	const { data: typeDef, error } = useFetch(() => fetch(`${baseUrl}/types/${collection}/${name}`).then((r) => {
+		if (!r.ok) throw new Error(`Failed to load type: ${r.statusText}`);
+		return r.json();
+	}), [
+		baseUrl,
+		collection,
+		name
+	]);
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-6 text-destructive",
+		children: [
+			"Failed to load type “",
+			name,
+			"”."
+		]
+	});
+	if (!typeDef) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-64 items-center justify-center text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsxs(DetailPage, {
+		type: "type",
+		title: typeDef.name,
+		description: typeDef.description,
+		tags: typeDef.tags,
+		backHref: `/types/${collection}`,
+		children: [
+			(typeDef.is_chunkable || typeDef.strict_mode) && /* @__PURE__ */ jsx("div", {
+				className: "mb-8",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap gap-2",
+					children: [typeDef.is_chunkable && /* @__PURE__ */ jsx(Badge, {
+						variant: "success",
+						children: "Chunkable"
+					}), typeDef.strict_mode && /* @__PURE__ */ jsx(Badge, {
+						variant: "success",
+						children: "Strict Mode"
+					})]
+				})
+			}),
+			typeDef.object_schema && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					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",
+					children: JSON.stringify(typeDef.object_schema, null, 2)
+				})]
+			}),
+			typeDef.table_layout && typeDef.table_layout.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ jsx("h2", {
+					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",
+					children: JSON.stringify(typeDef.table_layout, null, 2)
+				})]
+			})
+		]
+	});
 }
-const routes = [
-  { path: "/", Component: HomePage },
-  { path: "/interactions/:collection", Component: InteractionCollection },
-  { path: "/interactions/:collection/:name", Component: InteractionDetail },
-  { path: "/tools/:collection", Component: ToolCollection },
-  { path: "/activities/:collection", Component: ActivityCollection },
-  { path: "/skills/:collection", Component: SkillCollection },
-  { path: "/skills/:collection/:name", Component: SkillDetail },
-  { path: "/types/:collection", Component: TypeCollection },
-  { path: "/types/:collection/:name", Component: TypeDetail },
-  { path: "/templates/:collection", Component: TemplateCollection },
-  { path: "/templates/:collection/:name", Component: TemplateDetail }
+//#endregion
+//#region src/AdminApp.tsx
+var routes = [
+	{
+		path: "/",
+		Component: HomePage
+	},
+	{
+		path: "/interactions/:collection",
+		Component: InteractionCollection
+	},
+	{
+		path: "/interactions/:collection/:name",
+		Component: InteractionDetail
+	},
+	{
+		path: "/tools/:collection",
+		Component: ToolCollection
+	},
+	{
+		path: "/activities/:collection",
+		Component: ActivityCollection
+	},
+	{
+		path: "/skills/:collection",
+		Component: SkillCollection
+	},
+	{
+		path: "/skills/:collection/:name",
+		Component: SkillDetail
+	},
+	{
+		path: "/types/:collection",
+		Component: TypeCollection
+	},
+	{
+		path: "/types/:collection/:name",
+		Component: TypeDetail
+	},
+	{
+		path: "/templates/:collection",
+		Component: TemplateCollection
+	},
+	{
+		path: "/templates/:collection/:name",
+		Component: TemplateDetail
+	}
 ];
+/**
+* Admin app shell — loads data, provides context, and renders nested routes.
+*
+* Requires a parent VertesiaShell (or equivalent providers for ThemeProvider,
+* UserSessionProvider, ToastProvider).
+*/
 function AdminApp({ baseUrl = "/api" }) {
-  const { data: serverInfo, isLoading: loadingInfo, error: infoError } = useServerInfo(baseUrl);
-  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-foreground", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  }
-  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 }),
-    /* @__PURE__ */ jsx(AdminContext.Provider, { value: {
-      serverInfo,
-      collections: resourceData.collections,
-      resources: resourceData.resources,
-      baseUrl
-    }, children: /* @__PURE__ */ jsx(NestedRouterProvider, { routes, children: /* @__PURE__ */ jsx(RouteComponent, {}) }) })
-  ] });
+	const { data: serverInfo, isLoading: loadingInfo, error: infoError } = useServerInfo(baseUrl);
+	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-foreground",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	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;
+	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, {
+			value: {
+				serverInfo,
+				collections: resourceData.collections,
+				resources: resourceData.resources,
+				baseUrl
+			},
+			children: /* @__PURE__ */ jsx(NestedRouterProvider, {
+				routes,
+				children: /* @__PURE__ */ jsx(RouteComponent, {})
+			})
+		})]
+	});
 }
-export {
-  AdminApp,
-  AdminContext,
-  buildResourceData,
-  filterResources,
-  useAdminContext
-};
-//# sourceMappingURL=tools-admin-ui.js.map
+//#endregion
+export { AdminApp, AdminContext, buildResourceData, filterResources, useAdminContext };
+
+//# sourceMappingURL=tools-admin-ui.js.map