elysia-rack 0.2.0 → 0.3.0

package/dist/react/page/Panel.d.ts

@@ -1,10 +1,12 @@
 import type { FieldDescriptor } from "../../rack/adapters/index";
 export interface PanelProps {
+    donate?: boolean;
     resource?: string;
     metadata?: {
         label?: string;
         pluralLabel?: string;
         group?: string;
+        icon?: string;
     };
     operations?: {
         list?: boolean;

package/dist/react/page/components/Icon.d.ts

@@ -0,0 +1,10 @@
+import { type LucideProps } from "lucide-react";
+export interface RackIconProps extends Omit<LucideProps, "name"> {
+    /** Lucide icon name (kebab-case or PascalCase). Falls back to the raw value. */
+    name?: string;
+}
+/**
+ * Render a Lucide icon from metadata.
+ * Unknown names fall back to the raw string so existing emoji icons keep working.
+ */
+export declare function RackIcon({ name, ...props }: RackIconProps): import("react").JSX.Element | null;

package/dist/react/page/components/Masthead.d.ts

@@ -1,7 +1,8 @@
+import type { ReactNode } from "react";
 export interface MastheadProps {
     title: string;
-    group?: string;
-    resource?: string;
-    total?: number;
+    icon?: string;
+    detail?: ReactNode;
+    actions?: ReactNode;
 }
-export declare function Masthead({ title, group, resource, total }: MastheadProps): import("react").JSX.Element;
+export declare function Masthead({ title, icon, detail, actions }: MastheadProps): import("react").JSX.Element;

package/dist/react/types.d.ts

@@ -26,5 +26,10 @@ export declare namespace ReactRack {
          */
         css?: PanelCssOverride;
         panelCss?: PanelCssOverride;
+        /**
+         * Donate badge/link — shown in Dashboard & Panel footer.
+         * @default true (show Ko-fi)
+         */
+        donate?: boolean;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elysia-rack",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Model-driven CRUD rack for Elysia: REST + QUERY routes, validation, authorization, OpenAPI metadata, and React panel rendering.",
   "type": "module",
   "license": "MIT",
@@ -54,8 +54,9 @@
     "dev": "bun run src/playground.ts",
     "test": "bun test --coverage",
     "typecheck": "tsc --noEmit",
-    "build": "bun run build:js && bun run build:dts && bun run build:client",
-    "build:js": "bun build ./src/rack/index.ts ./src/react/index.ts --outdir ./dist --target node --format esm --splitting --external elysia --external react --external react-dom",
+    "build": "bun run build:css && bun run build:js && bun run build:dts && bun run build:client",
+    "build:css": "tailwindcss -i src/react/page/panel.css -o dist/panel.css --minify",
+    "build:js": "bun build ./src/rack/index.ts ./src/react/index.ts --outdir ./dist --target node --format esm --splitting --external elysia --external react --external react-dom --external lucide-react",
     "build:client": "bun build src/react/page/client/panel.ts --outfile dist/panel-app.js --target browser --format esm && bun build src/react/page/client/theme.ts --outfile dist/panel-theme.js --target browser --format esm && mkdir -p dist && cp src/react/app.html dist/app.html 2>/dev/null || true",
     "build:dts": "tsc -p tsconfig.build.json",
     "prepublishOnly": "bun run typecheck && bun run build"
@@ -73,6 +74,7 @@
   },
   "devDependencies": {
     "@electric-sql/pglite": "^0.5.8",
+    "@tailwindcss/cli": "4.3.3",
     "@types/bun": "latest",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.5",
@@ -81,5 +83,12 @@
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "typescript": "^5"
+  },
+  "funding": {
+    "type": "ko-fi",
+    "url": "https://ko-fi.com/notoofly_manu"
+  },
+  "dependencies": {
+    "lucide-react": "^1.72.0"
   }
 }

package/dist/Dashboard-2j561p7c.js

@@ -1,225 +0,0 @@
-import {
-  buildRackTree,
-  flatRackTree,
-  getRackTree
-} from "./index-4wxvmd8a.js";
-import"./index-37x76zdn.js";
-
-// src/react/page/components/Breadcrumb.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-function Breadcrumb({ trail }) {
-  return /* @__PURE__ */ jsxDEV("nav", {
-    "aria-label": "Breadcrumb",
-    className: "pb-3 text-sm",
-    children: /* @__PURE__ */ jsxDEV("ol", {
-      className: "flex flex-wrap items-center gap-1.5",
-      children: trail.map((item, i) => {
-        const last = i === trail.length - 1;
-        return /* @__PURE__ */ jsxDEV("li", {
-          className: "flex items-center gap-1.5",
-          children: [
-            i > 0 ? /* @__PURE__ */ jsxDEV("span", {
-              "aria-hidden": "true",
-              className: "text-text-muted",
-              children: "/"
-            }, undefined, false, undefined, this) : null,
-            item.href && !last ? /* @__PURE__ */ jsxDEV("a", {
-              href: item.href,
-              className: "text-text-muted hover:text-foreground",
-              children: item.label
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV("span", {
-              "aria-current": last ? "page" : undefined,
-              className: last ? "text-foreground font-semibold" : "text-text-muted",
-              children: item.label
-            }, undefined, false, undefined, this)
-          ]
-        }, `${item.label}-${i}`, true, undefined, this);
-      })
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
-// src/react/page/components/Sidebar.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-function SidebarItemView({ item, depth = 0 }) {
-  const hasChildren = item.children && item.children.length > 0;
-  return /* @__PURE__ */ jsxDEV2("li", {
-    children: [
-      /* @__PURE__ */ jsxDEV2("a", {
-        href: item.href,
-        "aria-current": item.active ? "page" : undefined,
-        className: item.active ? "bg-sidebar-primary text-sidebar-primary-foreground flex items-center gap-2 rounded-md px-2 py-1.5 text-sm font-semibold" : "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex items-center gap-2 rounded-md px-2 py-1.5 text-sm",
-        style: depth > 0 ? { paddingLeft: `${8 + depth * 12}px` } : undefined,
-        children: [
-          item.icon ? /* @__PURE__ */ jsxDEV2("span", {
-            "aria-hidden": "true",
-            children: item.icon
-          }, undefined, false, undefined, this) : null,
-          /* @__PURE__ */ jsxDEV2("span", {
-            children: item.label
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      hasChildren ? /* @__PURE__ */ jsxDEV2("ul", {
-        className: "border-sidebar-border mt-0.5 ml-2 flex flex-col gap-0.5 border-l py-1 pl-2",
-        children: item.children.map((child) => /* @__PURE__ */ jsxDEV2(SidebarItemView, {
-          item: child,
-          depth: depth + 1
-        }, child.id, false, undefined, this))
-      }, undefined, false, undefined, this) : null
-    ]
-  }, undefined, true, undefined, this);
-}
-function hasActive(items) {
-  for (const it of items) {
-    if (it.active)
-      return true;
-    if (it.children && hasActive(it.children))
-      return true;
-  }
-  return false;
-}
-function Sidebar({ title, groups }) {
-  return /* @__PURE__ */ jsxDEV2("aside", {
-    className: "bg-sidebar text-sidebar-foreground border-sidebar-border min-h-0 w-64 shrink-0 overflow-y-auto rounded-lg border",
-    children: [
-      /* @__PURE__ */ jsxDEV2("div", {
-        className: "border-sidebar-border border-b px-4 py-3",
-        children: /* @__PURE__ */ jsxDEV2("p", {
-          className: "font-koran text-xl font-black tracking-tight",
-          children: title
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("nav", {
-        className: "flex flex-col gap-4 p-3",
-        children: groups.map((group) => /* @__PURE__ */ jsxDEV2("section", {
-          children: /* @__PURE__ */ jsxDEV2("details", {
-            className: "group",
-            open: hasActive(group.items) || undefined,
-            children: [
-              /* @__PURE__ */ jsxDEV2("summary", {
-                className: "font-koran border-sidebar-border flex cursor-pointer list-none items-center justify-between border-b px-2 pb-1 text-base font-bold tracking-tight [&::-webkit-details-marker]:hidden",
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    children: group.name
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    "aria-hidden": "true",
-                    className: "text-text-muted text-xs transition group-open:rotate-180",
-                    children: "▾"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("ul", {
-                className: "border-sidebar-border mt-1 ml-2 flex flex-col gap-0.5 border-l py-1 pl-2",
-                children: group.items.map((item) => /* @__PURE__ */ jsxDEV2(SidebarItemView, {
-                  item
-                }, item.id, false, undefined, this))
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        }, group.name, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/react/page/Dashboard.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-function itemLabel(r) {
-  return r.metadata.pluralLabel ?? r.metadata.label ?? r.metadata.id;
-}
-function buildGroups(racks, selectedId) {
-  const byGroup = new Map;
-  for (const r of racks) {
-    if (r.metadata.hidden)
-      continue;
-    const name = r.metadata.group ?? "General";
-    let group = byGroup.get(name);
-    if (!group) {
-      group = { name, items: [] };
-      byGroup.set(name, group);
-    }
-    group.items.push({
-      id: r.metadata.id,
-      label: itemLabel(r),
-      icon: r.metadata.icon,
-      href: `?resource=${encodeURIComponent(r.metadata.id)}`,
-      active: r.metadata.id === selectedId
-    });
-  }
-  const groups = [...byGroup.values()].sort((a, b) => a.name.localeCompare(b.name));
-  for (const group of groups) {
-    const orderOf = (id) => racks.find((r) => r.metadata.id === id)?.metadata.order ?? 0;
-    group.items.sort((a, b) => orderOf(a.id) - orderOf(b.id) || a.label.localeCompare(b.label));
-  }
-  return groups;
-}
-function toSidebarItem(node, selectedId) {
-  return {
-    id: node.metadata.id,
-    label: itemLabel(node),
-    icon: node.metadata.icon,
-    href: `?resource=${encodeURIComponent(node.metadata.id)}`,
-    active: node.metadata.id === selectedId,
-    children: node.children.filter((c) => !c.metadata.hidden).map((c) => toSidebarItem(c, selectedId))
-  };
-}
-function buildGroupsFromTree(tree, selectedId) {
-  const byGroup = new Map;
-  for (const root of tree) {
-    if (root.metadata.hidden)
-      continue;
-    const name = root.metadata.group ?? "General";
-    let group = byGroup.get(name);
-    if (!group) {
-      group = { name, items: [] };
-      byGroup.set(name, group);
-    }
-    group.items.push(toSidebarItem(root, selectedId));
-  }
-  return [...byGroup.values()].sort((a, b) => a.name.localeCompare(b.name));
-}
-async function Dashboard(props) {
-  const tree = props.racks !== undefined ? buildRackTree(props.racks.filter((r) => !r.metadata.hidden)) : getRackTree().filter((r) => !r.metadata.hidden);
-  const flat = props.racks !== undefined ? props.racks.filter((r) => !r.metadata.hidden) : flatRackTree(tree).filter((r) => !r.metadata.hidden);
-  const selected = flat.find((r) => r.metadata.id === props.resource) ?? flat[0];
-  const groups = tree.length ? buildGroupsFromTree(tree, selected?.metadata.id) : buildGroups(flat, selected?.metadata.id);
-  const trail = [
-    { label: "Dashboard", href: "?" },
-    ...selected?.metadata.group ? [{ label: selected.metadata.group }] : [],
-    ...selected ? [{ label: itemLabel(selected) }] : []
-  ];
-  return /* @__PURE__ */ jsxDEV3("div", {
-    className: "koran-paper font-koran-body text-foreground flex flex-col min-h-screen",
-    children: /* @__PURE__ */ jsxDEV3("div", {
-      className: "flex min-h-0 flex-1 gap-6 p-4 sm:p-6 h-full",
-      children: [
-        /* @__PURE__ */ jsxDEV3(Sidebar, {
-          title: props.name ?? "Panel",
-          groups
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV3("main", {
-          className: "flex min-w-0 flex-1 flex-col",
-          children: [
-            /* @__PURE__ */ jsxDEV3(Breadcrumb, {
-              trail
-            }, undefined, false, undefined, this),
-            selected ? /* @__PURE__ */ jsxDEV3("iframe", {
-              src: selected.path,
-              title: itemLabel(selected),
-              sandbox: "allow-scripts allow-same-origin allow-forms",
-              className: "bg-card min-h-0 w-full flex-1 rounded-lg"
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3("p", {
-              className: "text-text-muted border-border rounded-lg border px-4 py-10 text-center",
-              children: "No resources registered. Mount a resource with rack() first."
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
-}
-export {
-  Dashboard as default
-};

package/dist/Dashboard-5mt9hnbw.js

@@ -1,252 +0,0 @@
-import {
-  flatRackTree,
-  getRackTree
-} from "./index-tgk4jt4d.js";
-import"./index-37x76zdn.js";
-
-// src/react/page/components/Breadcrumb.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-function Breadcrumb({ trail }) {
-  return /* @__PURE__ */ jsxDEV("nav", {
-    "aria-label": "Breadcrumb",
-    className: "pb-3 text-sm",
-    children: /* @__PURE__ */ jsxDEV("ol", {
-      className: "flex flex-wrap items-center gap-1.5",
-      children: trail.map((item, i) => {
-        const last = i === trail.length - 1;
-        return /* @__PURE__ */ jsxDEV("li", {
-          className: "flex items-center gap-1.5",
-          children: [
-            i > 0 ? /* @__PURE__ */ jsxDEV("span", {
-              "aria-hidden": "true",
-              className: "text-text-muted",
-              children: "/"
-            }, undefined, false, undefined, this) : null,
-            item.href && !last ? /* @__PURE__ */ jsxDEV("a", {
-              href: item.href,
-              className: "text-text-muted hover:text-foreground",
-              children: item.label
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV("span", {
-              "aria-current": last ? "page" : undefined,
-              className: last ? "text-foreground font-semibold" : "text-text-muted",
-              children: item.label
-            }, undefined, false, undefined, this)
-          ]
-        }, `${item.label}-${i}`, true, undefined, this);
-      })
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
-// src/react/page/components/Sidebar.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-function SidebarItemView({ item, depth = 0 }) {
-  const hasChildren = item.children && item.children.length > 0;
-  return /* @__PURE__ */ jsxDEV2("li", {
-    children: [
-      /* @__PURE__ */ jsxDEV2("a", {
-        href: item.href,
-        "aria-current": item.active ? "page" : undefined,
-        className: item.active ? "bg-sidebar-primary text-sidebar-primary-foreground flex items-center gap-2 rounded-md px-2 py-1.5 text-sm font-semibold" : "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex items-center gap-2 rounded-md px-2 py-1.5 text-sm",
-        style: depth > 0 ? { paddingLeft: `${8 + depth * 12}px` } : undefined,
-        children: [
-          item.icon ? /* @__PURE__ */ jsxDEV2("span", {
-            "aria-hidden": "true",
-            children: item.icon
-          }, undefined, false, undefined, this) : null,
-          /* @__PURE__ */ jsxDEV2("span", {
-            children: item.label
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      hasChildren ? /* @__PURE__ */ jsxDEV2("ul", {
-        className: "border-sidebar-border mt-0.5 ml-2 flex flex-col gap-0.5 border-l py-1 pl-2",
-        children: item.children.map((child) => /* @__PURE__ */ jsxDEV2(SidebarItemView, {
-          item: child,
-          depth: depth + 1
-        }, child.id, false, undefined, this))
-      }, undefined, false, undefined, this) : null
-    ]
-  }, undefined, true, undefined, this);
-}
-function hasActive(items) {
-  for (const it of items) {
-    if (it.active)
-      return true;
-    if (it.children && hasActive(it.children))
-      return true;
-  }
-  return false;
-}
-function Sidebar({ title, groups }) {
-  return /* @__PURE__ */ jsxDEV2("aside", {
-    className: "bg-sidebar text-sidebar-foreground border-sidebar-border min-h-0 w-64 shrink-0 overflow-y-auto rounded-lg border",
-    children: [
-      /* @__PURE__ */ jsxDEV2("div", {
-        className: "border-sidebar-border border-b px-4 py-3",
-        children: /* @__PURE__ */ jsxDEV2("p", {
-          className: "font-koran text-xl font-black tracking-tight",
-          children: title
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("nav", {
-        className: "flex flex-col gap-4 p-3",
-        children: groups.map((group) => /* @__PURE__ */ jsxDEV2("section", {
-          children: /* @__PURE__ */ jsxDEV2("details", {
-            className: "group",
-            open: hasActive(group.items) || undefined,
-            children: [
-              /* @__PURE__ */ jsxDEV2("summary", {
-                className: "font-koran border-sidebar-border flex cursor-pointer list-none items-center justify-between border-b px-2 pb-1 text-base font-bold tracking-tight [&::-webkit-details-marker]:hidden",
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    children: group.name
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    "aria-hidden": "true",
-                    className: "text-text-muted text-xs transition group-open:rotate-180",
-                    children: "▾"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("ul", {
-                className: "border-sidebar-border mt-1 ml-2 flex flex-col gap-0.5 border-l py-1 pl-2",
-                children: group.items.map((item) => /* @__PURE__ */ jsxDEV2(SidebarItemView, {
-                  item
-                }, item.id, false, undefined, this))
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        }, group.name, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/react/page/Dashboard.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-function itemLabel(r) {
-  return r.metadata.pluralLabel ?? r.metadata.label ?? r.metadata.id;
-}
-function buildGroups(racks, selectedId) {
-  const byGroup = new Map;
-  for (const r of racks) {
-    if (r.metadata.hidden)
-      continue;
-    const name = r.metadata.group ?? "General";
-    let group = byGroup.get(name);
-    if (!group) {
-      group = { name, items: [] };
-      byGroup.set(name, group);
-    }
-    group.items.push({
-      id: r.metadata.id,
-      label: itemLabel(r),
-      icon: r.metadata.icon,
-      href: `?resource=${encodeURIComponent(r.metadata.id)}`,
-      active: r.metadata.id === selectedId
-    });
-  }
-  const groups = [...byGroup.values()].sort((a, b) => a.name.localeCompare(b.name));
-  for (const group of groups) {
-    const orderOf = (id) => racks.find((r) => r.metadata.id === id)?.metadata.order ?? 0;
-    group.items.sort((a, b) => orderOf(a.id) - orderOf(b.id) || a.label.localeCompare(b.label));
-  }
-  return groups;
-}
-function toSidebarItem(node, selectedId) {
-  return {
-    id: node.metadata.id,
-    label: itemLabel(node),
-    icon: node.metadata.icon,
-    href: `?resource=${encodeURIComponent(node.metadata.id)}`,
-    active: node.metadata.id === selectedId,
-    children: node.children.filter((c) => !c.metadata.hidden).map((c) => toSidebarItem(c, selectedId))
-  };
-}
-function buildGroupsFromTree(tree, selectedId) {
-  const byGroup = new Map;
-  for (const root of tree) {
-    if (root.metadata.hidden)
-      continue;
-    const name = root.metadata.group ?? "General";
-    let group = byGroup.get(name);
-    if (!group) {
-      group = { name, items: [] };
-      byGroup.set(name, group);
-    }
-    group.items.push(toSidebarItem(root, selectedId));
-  }
-  return [...byGroup.values()].sort((a, b) => a.name.localeCompare(b.name));
-}
-function treeFromRacks(racks) {
-  const nodes = new Map;
-  for (const r of racks)
-    nodes.set(r.metadata.id, { ...r, children: [] });
-  const roots = [];
-  for (const node of nodes.values()) {
-    const parentId = node.metadata.parent;
-    if (parentId && nodes.has(parentId) && parentId !== node.metadata.id) {
-      nodes.get(parentId).children.push(node);
-    } else {
-      roots.push(node);
-    }
-  }
-  const sort = (list) => {
-    list.sort((a, b) => {
-      const oa = a.metadata.order ?? 0;
-      const ob = b.metadata.order ?? 0;
-      if (oa !== ob)
-        return oa - ob;
-      return itemLabel(a).localeCompare(itemLabel(b));
-    });
-    for (const n of list)
-      if (n.children.length)
-        sort(n.children);
-  };
-  sort(roots);
-  return roots;
-}
-async function Dashboard(props) {
-  const tree = props.racks !== undefined ? treeFromRacks(props.racks.filter((r) => !r.metadata.hidden)) : getRackTree().filter((r) => !r.metadata.hidden);
-  const flat = props.racks !== undefined ? props.racks.filter((r) => !r.metadata.hidden) : flatRackTree(tree).filter((r) => !r.metadata.hidden);
-  const selected = flat.find((r) => r.metadata.id === props.resource) ?? flat[0];
-  const groups = tree.length ? buildGroupsFromTree(tree, selected?.metadata.id) : buildGroups(flat, selected?.metadata.id);
-  const trail = [
-    { label: "Dashboard", href: "?" },
-    ...selected?.metadata.group ? [{ label: selected.metadata.group }] : [],
-    ...selected ? [{ label: itemLabel(selected) }] : []
-  ];
-  return /* @__PURE__ */ jsxDEV3("div", {
-    className: "koran-paper font-koran-body text-foreground flex flex-col min-h-screen",
-    children: /* @__PURE__ */ jsxDEV3("div", {
-      className: "flex min-h-0 flex-1 gap-6 p-4 sm:p-6 h-full",
-      children: [
-        /* @__PURE__ */ jsxDEV3(Sidebar, {
-          title: props.name ?? "Panel",
-          groups
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV3("main", {
-          className: "flex min-w-0 flex-1 flex-col",
-          children: [
-            /* @__PURE__ */ jsxDEV3(Breadcrumb, {
-              trail
-            }, undefined, false, undefined, this),
-            selected ? /* @__PURE__ */ jsxDEV3("iframe", {
-              src: selected.path,
-              title: itemLabel(selected),
-              sandbox: "allow-scripts allow-same-origin allow-forms",
-              className: "bg-card min-h-0 w-full flex-1 rounded-lg"
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3("p", {
-              className: "text-text-muted border-border rounded-lg border px-4 py-10 text-center",
-              children: "No resources registered. Mount a resource with rack() first."
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
-}
-export {
-  Dashboard as default
-};

package/dist/Dashboard-s8nfyf7s.js

@@ -1,39 +0,0 @@
-import"./index-37x76zdn.js";
-
-// src/react/page/Dashboard.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-async function Dashboard(props) {
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "koran-paper font-koran-body text-foreground flex min-h-screen items-center justify-center p-6",
-    children: /* @__PURE__ */ jsxDEV("div", {
-      className: "bg-card border-border max-w-lg rounded-xl border px-8 py-12 text-center shadow-sm",
-      children: [
-        /* @__PURE__ */ jsxDEV("p", {
-          className: "text-text-muted text-xs font-semibold tracking-widest uppercase",
-          children: "Dashboard"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV("h1", {
-          className: "font-koran mt-2 text-4xl font-black tracking-tight",
-          children: "Coming Soon"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV("p", {
-          className: "text-text-muted mt-3 text-sm leading-relaxed",
-          children: [
-            props.name ? `${props.name} — ` : "",
-            "This dashboard is coming soon. Your panels are available via the sidebar in each resource view."
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV("div", {
-          className: "mt-6 flex justify-center",
-          children: /* @__PURE__ */ jsxDEV("span", {
-            className: "bg-primary text-primary-foreground rounded-md px-4 py-1.5 text-sm font-semibold",
-            children: "Stay tuned"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
-}
-export {
-  Dashboard as default
-};