@arch-cadre/panel 0.0.1

package/dist/actions/settings.cjs

@@ -0,0 +1,26 @@
+"use strict";
+"use server";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getKryoConfig = getKryoConfig;
+exports.updateKryoConfig = updateKryoConfig;
+var _server = require("@arch-cadre/modules/server");
+var _cache = require("next/cache");
+async function getKryoConfig() {
+  const config = await (0, _server.getModuleConfig)("kryo-panel");
+  return config ?? {
+    pathPrefix: "/kryo"
+  };
+}
+async function updateKryoConfig(config) {
+  if (!config.pathPrefix.startsWith("/") || config.pathPrefix.length < 2) {
+    throw new Error("Path prefix must start with '/' and be valid.");
+  }
+  await (0, _server.updateModuleConfig)("kryo-panel", config);
+  (0, _cache.revalidatePath)("/", "layout");
+  return {
+    success: true
+  };
+}

package/dist/actions/settings.d.ts

@@ -0,0 +1,7 @@
+export interface KryoPanelConfig {
+    pathPrefix: string;
+}
+export declare function getKryoConfig(): Promise<KryoPanelConfig>;
+export declare function updateKryoConfig(config: KryoPanelConfig): Promise<{
+    success: boolean;
+}>;

package/dist/actions/settings.mjs

@@ -0,0 +1,20 @@
+"use server";
+import {
+  getModuleConfig,
+  updateModuleConfig
+} from "@arch-cadre/modules/server";
+import { revalidatePath } from "next/cache";
+export async function getKryoConfig() {
+  const config = await getModuleConfig("kryo-panel");
+  return config ?? {
+    pathPrefix: "/kryo"
+  };
+}
+export async function updateKryoConfig(config) {
+  if (!config.pathPrefix.startsWith("/") || config.pathPrefix.length < 2) {
+    throw new Error("Path prefix must start with '/' and be valid.");
+  }
+  await updateModuleConfig("kryo-panel", config);
+  revalidatePath("/", "layout");
+  return { success: true };
+}

package/dist/index.cjs

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _manifest = _interopRequireDefault(require("../manifest.json"));
+var _navigation = require("./navigation.cjs");
+var _routes = require("./routes.cjs");
+var _link = require("./ui/components/profile/link.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const kryoPanelModule = {
+  manifest: _manifest.default,
+  init: async () => {},
+  routes: {
+    public: _routes.publicRoutes,
+    private: _routes.privateRoutes,
+    api: _routes.apiRoutes
+  },
+  navigation: _navigation.navigation,
+  extensions: [{
+    id: "user-settings-link",
+    targetModule: "panel",
+    point: "app-user:extra-link",
+    component: _link.UserDropdownLink,
+    priority: 50
+  }]
+};
+module.exports = kryoPanelModule;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import type { IModule } from "@arch-cadre/modules";
+declare const kryoPanelModule: IModule;
+export default kryoPanelModule;

package/dist/index.mjs

@@ -0,0 +1,25 @@
+import manifest from "../manifest.json";
+import { navigation } from "./navigation.mjs";
+import { apiRoutes, privateRoutes, publicRoutes } from "./routes.mjs";
+import { UserDropdownLink } from "./ui/components/profile/link.mjs";
+const kryoPanelModule = {
+  manifest,
+  init: async () => {
+  },
+  routes: {
+    public: publicRoutes,
+    private: privateRoutes,
+    api: apiRoutes
+  },
+  navigation,
+  extensions: [
+    {
+      id: "user-settings-link",
+      targetModule: "panel",
+      point: "app-user:extra-link",
+      component: UserDropdownLink,
+      priority: 50
+    }
+  ]
+};
+export default kryoPanelModule;

package/dist/intl.d.ts

@@ -0,0 +1,9 @@
+import type messages from "../locales/en/global.json";
+
+type JsonDataType = typeof messages;
+
+declare module "@arch-cadre/intl" {
+  export interface IntlMessages extends JsonDataType {}
+}
+
+export {};

package/dist/navigation.cjs

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.navigation = void 0;
+var _intl = require("@arch-cadre/intl");
+const navigation = exports.navigation = {
+  admin: {
+    [(0, _intl.i18n)("General")]: [{
+      id: "dashboard",
+      title: (0, _intl.i18n)("Dashboard"),
+      url: "/",
+      icon: "solar:widget-bold-duotone"
+    }, {
+      id: "settings",
+      title: (0, _intl.i18n)("Settings"),
+      url: "/settings",
+      icon: "solar:settings-bold-duotone"
+    }],
+    [(0, _intl.i18n)("System")]: [{
+      id: "module-manager-nav",
+      title: (0, _intl.i18n)("Module Manager"),
+      url: "/modules",
+      icon: "solar:settings-bold-duotone",
+      roles: ["admin"],
+      permissions: ["system:modules"]
+    }]
+  },
+  settings: {
+    [(0, _intl.i18n)("Panel Core")]: [{
+      id: "kryo-config",
+      title: (0, _intl.i18n)("Panel Core Settings"),
+      url: "/settings/panel/config",
+      icon: "solar:tuning-bold-duotone"
+    }]
+  }
+};

package/dist/navigation.d.ts

@@ -0,0 +1,2 @@
+import type { ModuleNavigation } from "@arch-cadre/modules";
+export declare const navigation: ModuleNavigation;

package/dist/navigation.mjs

@@ -0,0 +1,39 @@
+import { i18n } from "@arch-cadre/intl";
+export const navigation = {
+  admin: {
+    [i18n("General")]: [
+      {
+        id: "dashboard",
+        title: i18n("Dashboard"),
+        url: "/",
+        icon: "solar:widget-bold-duotone"
+      },
+      {
+        id: "settings",
+        title: i18n("Settings"),
+        url: "/settings",
+        icon: "solar:settings-bold-duotone"
+      }
+    ],
+    [i18n("System")]: [
+      {
+        id: "module-manager-nav",
+        title: i18n("Module Manager"),
+        url: "/modules",
+        icon: "solar:settings-bold-duotone",
+        roles: ["admin"],
+        permissions: ["system:modules"]
+      }
+    ]
+  },
+  settings: {
+    [i18n("Panel Core")]: [
+      {
+        id: "kryo-config",
+        title: i18n("Panel Core Settings"),
+        url: "/settings/panel/config",
+        icon: "solar:tuning-bold-duotone"
+      }
+    ]
+  }
+};

package/dist/routes.cjs

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.publicRoutes = exports.privateRoutes = exports.apiRoutes = void 0;
+var _server = require("@arch-cadre/modules/server");
+var _dynamic = _interopRequireDefault(require("next/dynamic"));
+var _server2 = require("next/server");
+var _page = _interopRequireDefault(require("./ui/components/profile/page.cjs"));
+var _page2 = _interopRequireDefault(require("./ui/modules/docs/page.cjs"));
+var _page3 = _interopRequireDefault(require("./ui/modules/page.cjs"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const KryoLayout = (0, _dynamic.default)(() => Promise.resolve().then(() => require("./ui/layout.cjs")));
+const DashboardPage = (0, _dynamic.default)(() => Promise.resolve().then(() => require("./ui/dashboard/page.cjs")));
+const KryoPanelSettingsPage = (0, _dynamic.default)(() => Promise.resolve().then(() => require("./ui/settings-page.cjs")));
+const GlobalSettingsPage = (0, _dynamic.default)(() => Promise.resolve().then(() => require("./ui/settings/page.cjs")));
+const publicRoutes = exports.publicRoutes = [];
+const privateRoutes = exports.privateRoutes = [{
+  path: "/",
+  // Mapuje na prefiks (np. /kryo)
+  component: DashboardPage,
+  layout: KryoLayout,
+  auth: true,
+  roles: ["admin"]
+}, {
+  path: "/profile",
+  component: _page.default,
+  auth: true,
+  roles: ["admin", "user"]
+}, {
+  path: "/settings",
+  component: GlobalSettingsPage,
+  layout: KryoLayout,
+  auth: true,
+  roles: ["admin"]
+}, {
+  path: "/settings/panel/config",
+  component: KryoPanelSettingsPage,
+  layout: KryoLayout,
+  auth: true,
+  roles: ["admin"]
+}, {
+  id: "module-admin",
+  path: "/modules",
+  component: _page3.default,
+  layout: KryoLayout,
+  auth: true,
+  roles: ["admin"],
+  permissions: ["system:modules"]
+}, {
+  id: "module-docs",
+  path: "/modules/:id/docs",
+  component: _page2.default,
+  layout: KryoLayout,
+  auth: true,
+  roles: ["admin"]
+}];
+const apiRoutes = exports.apiRoutes = [{
+  id: "module-status-api",
+  path: "/api/system/modules/:id/status",
+  auth: true,
+  roles: ["admin"],
+  permissions: ["system:modules"],
+  handler: async (_req, {
+    params
+  }) => {
+    const status = await (0, _server.getModuleStatus)(params.id);
+    return _server2.NextResponse.json(status);
+  }
+}];

package/dist/routes.d.ts

@@ -0,0 +1,4 @@
+import type { ApiRouteDefinition, PrivateRouteDefinition, PublicRouteDefinition } from "@arch-cadre/modules";
+export declare const publicRoutes: PublicRouteDefinition[];
+export declare const privateRoutes: PrivateRouteDefinition[];
+export declare const apiRoutes: ApiRouteDefinition[];

package/dist/routes.mjs

@@ -0,0 +1,71 @@
+import { getModuleStatus } from "@arch-cadre/modules/server";
+import dynamic from "next/dynamic";
+import { NextResponse } from "next/server";
+import ProfileSettingsPage from "./ui/components/profile/page.mjs";
+import ModuleDocsPage from "./ui/modules/docs/page.mjs";
+import ModuleAdminPage from "./ui/modules/page.mjs";
+const KryoLayout = dynamic(() => import("./ui/layout.mjs"));
+const DashboardPage = dynamic(() => import("./ui/dashboard/page.mjs"));
+const KryoPanelSettingsPage = dynamic(() => import("./ui/settings-page.mjs"));
+const GlobalSettingsPage = dynamic(() => import("./ui/settings/page.mjs"));
+export const publicRoutes = [];
+export const privateRoutes = [
+  {
+    path: "/",
+    // Mapuje na prefiks (np. /kryo)
+    component: DashboardPage,
+    layout: KryoLayout,
+    auth: true,
+    roles: ["admin"]
+  },
+  {
+    path: "/profile",
+    component: ProfileSettingsPage,
+    auth: true,
+    roles: ["admin", "user"]
+  },
+  {
+    path: "/settings",
+    component: GlobalSettingsPage,
+    layout: KryoLayout,
+    auth: true,
+    roles: ["admin"]
+  },
+  {
+    path: "/settings/panel/config",
+    component: KryoPanelSettingsPage,
+    layout: KryoLayout,
+    auth: true,
+    roles: ["admin"]
+  },
+  {
+    id: "module-admin",
+    path: "/modules",
+    component: ModuleAdminPage,
+    layout: KryoLayout,
+    auth: true,
+    roles: ["admin"],
+    permissions: ["system:modules"]
+  },
+  {
+    id: "module-docs",
+    path: "/modules/:id/docs",
+    component: ModuleDocsPage,
+    layout: KryoLayout,
+    auth: true,
+    roles: ["admin"]
+  }
+];
+export const apiRoutes = [
+  {
+    id: "module-status-api",
+    path: "/api/system/modules/:id/status",
+    auth: true,
+    roles: ["admin"],
+    permissions: ["system:modules"],
+    handler: async (_req, { params }) => {
+      const status = await getModuleStatus(params.id);
+      return NextResponse.json(status);
+    }
+  }
+];

package/dist/types.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/types.d.ts

@@ -0,0 +1,13 @@
+export type { SidebarGroupType, SidebarMenuItemType, SidebarMenuType, } from "@arch-cadre/modules";
+/**
+ *Action result.
+ */
+export interface ActionResult<T = any> {
+    success?: boolean;
+    error?: boolean;
+    message?: string;
+    errors?: {
+        [K in keyof T]?: string[];
+    };
+    inputs?: T;
+}

package/dist/ui/[...catchAll]/page.cjs

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = CatchAllPage;
+exports.generateMetadata = generateMetadata;
+var _server = require("@arch-cadre/core/server");
+var _server2 = require("@arch-cadre/modules/server");
+var _button = require("@arch-cadre/ui/components/button");
+var _empty = require("@arch-cadre/ui/components/empty");
+var _react = require("@iconify/react");
+var _navigation = require("next/navigation");
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function matchRoute(pattern, path) {
+  const paramNames = [];
+  const regexPattern = pattern.replace(/:([^/]+)/g, (_, name) => {
+    paramNames.push(name);
+    return "([^/]+)";
+  }).replace(/\//g, "\\/");
+  const regex = new RegExp(`^${regexPattern}$`);
+  const match = path.match(regex);
+  if (!match) return null;
+  const params = {};
+  paramNames.forEach((name, index) => {
+    params[name] = match[index + 1];
+  });
+  return params;
+}
+async function findMatchedRoute(path) {
+  const privateRoutes = await (0, _server2.getPrivateModuleRoutes)();
+  const routes = [...privateRoutes];
+  for (const route of routes) {
+    const params = matchRoute(route.path, path);
+    if (params) {
+      return {
+        route,
+        params
+      };
+    }
+  }
+  return null;
+}
+async function generateMetadata({
+  params
+}) {
+  const {
+    catchAll
+  } = await params;
+  const path = `/${catchAll.join("/")}`;
+  const matched = await findMatchedRoute(path);
+  if (matched?.route.generateMetadata) {
+    return matched.route.generateMetadata({
+      params: matched.params,
+      searchParams: {}
+    });
+  }
+  return {};
+}
+async function CatchAllPage({
+  params,
+  searchParams
+}) {
+  const {
+    catchAll
+  } = await params;
+  const sParams = await searchParams;
+  const path = `/${catchAll.join("/")}`;
+  const matched = await findMatchedRoute(path);
+  if (matched) {
+    const {
+      route,
+      params: routeParams
+    } = matched;
+    if (route.auth) {
+      const {
+        user,
+        session
+      } = await (0, _server.getCurrentSession)();
+      if (!user || !session) {
+        return (0, _navigation.redirect)("/signin");
+      }
+      const security = await (0, _server.checkSecurity)(session, user, route.roles, route.permissions);
+      if (!security.satisfied) {
+        return (0, _navigation.redirect)(security.redirect || "/signin");
+      }
+    }
+    const Component = route.component;
+    const Layout = route.layout;
+    const content = /* @__PURE__ */React.createElement(Component, {
+      params: routeParams,
+      searchParams: sParams
+    });
+    if (Layout) {
+      return /* @__PURE__ */React.createElement(Layout, null, content);
+    }
+    return content;
+  }
+  return /* @__PURE__ */React.createElement("div", {
+    className: "flex-1 flex w-full items-center justify-center"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "flex w-full justify-center h-[calc(100svh-56px-var(--header-height))] items-center"
+  }, /* @__PURE__ */React.createElement("div", null, /* @__PURE__ */React.createElement(_empty.Empty, null, /* @__PURE__ */React.createElement(_empty.EmptyHeader, null, /* @__PURE__ */React.createElement(_empty.EmptyTitle, {
+    className: "font-black font-mono text-8xl"
+  }, "404"), /* @__PURE__ */React.createElement(_empty.EmptyDescription, {
+    className: "text-nowrap"
+  }, "The page you're looking for might have been moved or doesn't exist.")), /* @__PURE__ */React.createElement(_empty.EmptyContent, null, /* @__PURE__ */React.createElement("div", {
+    className: "flex gap-2"
+  }, /* @__PURE__ */React.createElement(_button.Button, {
+    size: "sm",
+    asChild: true
+  }, /* @__PURE__ */React.createElement("a", {
+    href: "/"
+  }, /* @__PURE__ */React.createElement(_react.Icon, {
+    icon: "solar:home-2-broken"
+  }), " Go Home")), /* @__PURE__ */React.createElement(_button.Button, {
+    variant: "outline",
+    size: "sm",
+    asChild: true
+  }, /* @__PURE__ */React.createElement("a", {
+    href: "/explore"
+  }, /* @__PURE__ */React.createElement(_react.Icon, {
+    icon: "solar:compass-broken"
+  }), " Explore"))))))));
+}

package/dist/ui/[...catchAll]/page.d.ts

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+import * as React from "react";
+export declare function generateMetadata({ params, }: {
+    params: Promise<{
+        catchAll: string[];
+    }>;
+}): Promise<Metadata>;
+export default function CatchAllPage({ params, searchParams, }: {
+    params: Promise<{
+        catchAll: string[];
+    }>;
+    searchParams: Promise<any>;
+}): Promise<React.JSX.Element>;

package/dist/ui/[...catchAll]/page.mjs

@@ -0,0 +1,88 @@
+import { checkSecurity, getCurrentSession } from "@arch-cadre/core/server";
+import { getPrivateModuleRoutes } from "@arch-cadre/modules/server";
+import { Button } from "@arch-cadre/ui/components/button";
+import {
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyTitle
+} from "@arch-cadre/ui/components/empty";
+import { Icon } from "@iconify/react";
+import { redirect } from "next/navigation";
+import * as React from "react";
+function matchRoute(pattern, path) {
+  const paramNames = [];
+  const regexPattern = pattern.replace(/:([^/]+)/g, (_, name) => {
+    paramNames.push(name);
+    return "([^/]+)";
+  }).replace(/\//g, "\\/");
+  const regex = new RegExp(`^${regexPattern}$`);
+  const match = path.match(regex);
+  if (!match) return null;
+  const params = {};
+  paramNames.forEach((name, index) => {
+    params[name] = match[index + 1];
+  });
+  return params;
+}
+async function findMatchedRoute(path) {
+  const privateRoutes = await getPrivateModuleRoutes();
+  const routes = [...privateRoutes];
+  for (const route of routes) {
+    const params = matchRoute(route.path, path);
+    if (params) {
+      return { route, params };
+    }
+  }
+  return null;
+}
+export async function generateMetadata({
+  params
+}) {
+  const { catchAll } = await params;
+  const path = `/${catchAll.join("/")}`;
+  const matched = await findMatchedRoute(path);
+  if (matched?.route.generateMetadata) {
+    return matched.route.generateMetadata({
+      params: matched.params,
+      searchParams: {}
+    });
+  }
+  return {};
+}
+export default async function CatchAllPage({
+  params,
+  searchParams
+}) {
+  const { catchAll } = await params;
+  const sParams = await searchParams;
+  const path = `/${catchAll.join("/")}`;
+  const matched = await findMatchedRoute(path);
+  if (matched) {
+    const { route, params: routeParams } = matched;
+    if (route.auth) {
+      const { user, session } = await getCurrentSession();
+      if (!user || !session) {
+        return redirect("/signin");
+      }
+      const security = await checkSecurity(
+        session,
+        user,
+        route.roles,
+        route.permissions
+      );
+      if (!security.satisfied) {
+        return redirect(security.redirect || "/signin");
+      }
+    }
+    const Component = route.component;
+    const Layout = route.layout;
+    const content = /* @__PURE__ */ React.createElement(Component, { params: routeParams, searchParams: sParams });
+    if (Layout) {
+      return /* @__PURE__ */ React.createElement(Layout, null, content);
+    }
+    return content;
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: "flex-1 flex w-full items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex w-full justify-center h-[calc(100svh-56px-var(--header-height))] items-center" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Empty, null, /* @__PURE__ */ React.createElement(EmptyHeader, null, /* @__PURE__ */ React.createElement(EmptyTitle, { className: "font-black font-mono text-8xl" }, "404"), /* @__PURE__ */ React.createElement(EmptyDescription, { className: "text-nowrap" }, "The page you're looking for might have been moved or doesn't exist.")), /* @__PURE__ */ React.createElement(EmptyContent, null, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement(Button, { size: "sm", asChild: true }, /* @__PURE__ */ React.createElement("a", { href: "/" }, /* @__PURE__ */ React.createElement(Icon, { icon: "solar:home-2-broken" }), " Go Home")), /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "sm", asChild: true }, /* @__PURE__ */ React.createElement("a", { href: "/explore" }, /* @__PURE__ */ React.createElement(Icon, { icon: "solar:compass-broken" }), " Explore"))))))));
+}

package/dist/ui/components/app-content.cjs

@@ -0,0 +1,49 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppContent = AppContent;
+var _scrollArea = require("@arch-cadre/ui/components/scroll-area");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _appHeader = require("./app-header.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function AppContent({
+  children,
+  breadcrumbs
+}) {
+  const [isScrolled, setIsScrolled] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const onScroll = () => setIsScrolled(window.scrollY > 64);
+    onScroll();
+    window.addEventListener("scroll", onScroll, {
+      passive: true
+    });
+    return () => window.removeEventListener("scroll", onScroll);
+  }, []);
+  const setScrolled = e => {
+    const scrollTop = e.currentTarget.scrollTop;
+    if (scrollTop > 20) {
+      setIsScrolled(true);
+    } else {
+      setIsScrolled(false);
+    }
+  };
+  return /* @__PURE__ */React.createElement("main", {
+    className: "bg-sidebar h-svh overflow-hidden lg:p-2 w-full"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "lg:border squircle overflow-hidden flex flex-col items-center justify-start h-full w-full bg-background"
+  }, /* @__PURE__ */React.createElement(_appHeader.AppHeader, {
+    isScrolled,
+    breadcrumbs
+  }), /* @__PURE__ */React.createElement(_scrollArea.ScrollArea, {
+    onScroll: e => setScrolled(e),
+    className: "h-[calc(100svh-56px-var(--header-height))] w-full flex-1",
+    orientation: "vertical"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "min-h-[calc(100svh-56px-var(--header-height))] p-4"
+  }, children))));
+}

package/dist/ui/components/app-content.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { type ReactNode } from "react";
+export declare function AppContent({ children, breadcrumbs, }: {
+    children?: ReactNode;
+    breadcrumbs?: ReactNode;
+}): React.JSX.Element;