@btst/stack 2.5.6 → 2.6.0

package/dist/packages/stack/src/plugins/cms/client/plugin.cjs

@@ -251,32 +251,44 @@ function createContentEditorMeta(typeSlug, id, config) {
 const cmsClientPlugin = (config) => client.defineClientPlugin({
   name: "cms",
   routes: () => ({
-    dashboard: yar.createRoute("/cms", () => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(DashboardPageComponent, {}),
-      loader: createDashboardLoader(config),
-      meta: createDashboardMeta()
-    })),
-    contentList: yar.createRoute("/cms/:typeSlug", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(ContentListPageComponent, { typeSlug: params.typeSlug }),
-      loader: createContentListLoader(params.typeSlug, config),
-      meta: createContentListMeta(params.typeSlug, config)
-    })),
-    newContent: yar.createRoute("/cms/:typeSlug/new", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(ContentEditorPageComponent, { typeSlug: params.typeSlug }),
-      loader: createContentEditorLoader(params.typeSlug, void 0, config),
-      meta: createContentEditorMeta(params.typeSlug, void 0, config)
-    })),
-    editContent: yar.createRoute("/cms/:typeSlug/:id", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(
-        ContentEditorPageComponent,
-        {
-          typeSlug: params.typeSlug,
-          id: params.id
-        }
-      ),
-      loader: createContentEditorLoader(params.typeSlug, params.id, config),
-      meta: createContentEditorMeta(params.typeSlug, params.id, config)
-    }))
+    dashboard: yar.createRoute("/cms", () => {
+      const CustomDashboard = config.pageComponents?.dashboard;
+      return {
+        PageComponent: CustomDashboard ?? (() => /* @__PURE__ */ jsxRuntime.jsx(DashboardPageComponent, {})),
+        loader: createDashboardLoader(config),
+        meta: createDashboardMeta()
+      };
+    }),
+    contentList: yar.createRoute("/cms/:typeSlug", ({ params }) => {
+      const CustomContentList = config.pageComponents?.contentList;
+      return {
+        PageComponent: CustomContentList ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomContentList, { typeSlug: params.typeSlug }) : () => /* @__PURE__ */ jsxRuntime.jsx(ContentListPageComponent, { typeSlug: params.typeSlug }),
+        loader: createContentListLoader(params.typeSlug, config),
+        meta: createContentListMeta(params.typeSlug, config)
+      };
+    }),
+    newContent: yar.createRoute("/cms/:typeSlug/new", ({ params }) => {
+      const CustomNewContent = config.pageComponents?.newContent;
+      return {
+        PageComponent: CustomNewContent ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomNewContent, { typeSlug: params.typeSlug }) : () => /* @__PURE__ */ jsxRuntime.jsx(ContentEditorPageComponent, { typeSlug: params.typeSlug }),
+        loader: createContentEditorLoader(params.typeSlug, void 0, config),
+        meta: createContentEditorMeta(params.typeSlug, void 0, config)
+      };
+    }),
+    editContent: yar.createRoute("/cms/:typeSlug/:id", ({ params }) => {
+      const CustomEditContent = config.pageComponents?.editContent;
+      return {
+        PageComponent: CustomEditContent ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomEditContent, { typeSlug: params.typeSlug, id: params.id }) : () => /* @__PURE__ */ jsxRuntime.jsx(
+          ContentEditorPageComponent,
+          {
+            typeSlug: params.typeSlug,
+            id: params.id
+          }
+        ),
+        loader: createContentEditorLoader(params.typeSlug, params.id, config),
+        meta: createContentEditorMeta(params.typeSlug, params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/stack/src/plugins/cms/client/plugin.mjs

@@ -249,32 +249,44 @@ function createContentEditorMeta(typeSlug, id, config) {
 const cmsClientPlugin = (config) => defineClientPlugin({
   name: "cms",
   routes: () => ({
-    dashboard: createRoute("/cms", () => ({
-      PageComponent: () => /* @__PURE__ */ jsx(DashboardPageComponent, {}),
-      loader: createDashboardLoader(config),
-      meta: createDashboardMeta()
-    })),
-    contentList: createRoute("/cms/:typeSlug", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(ContentListPageComponent, { typeSlug: params.typeSlug }),
-      loader: createContentListLoader(params.typeSlug, config),
-      meta: createContentListMeta(params.typeSlug, config)
-    })),
-    newContent: createRoute("/cms/:typeSlug/new", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(ContentEditorPageComponent, { typeSlug: params.typeSlug }),
-      loader: createContentEditorLoader(params.typeSlug, void 0, config),
-      meta: createContentEditorMeta(params.typeSlug, void 0, config)
-    })),
-    editContent: createRoute("/cms/:typeSlug/:id", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(
-        ContentEditorPageComponent,
-        {
-          typeSlug: params.typeSlug,
-          id: params.id
-        }
-      ),
-      loader: createContentEditorLoader(params.typeSlug, params.id, config),
-      meta: createContentEditorMeta(params.typeSlug, params.id, config)
-    }))
+    dashboard: createRoute("/cms", () => {
+      const CustomDashboard = config.pageComponents?.dashboard;
+      return {
+        PageComponent: CustomDashboard ?? (() => /* @__PURE__ */ jsx(DashboardPageComponent, {})),
+        loader: createDashboardLoader(config),
+        meta: createDashboardMeta()
+      };
+    }),
+    contentList: createRoute("/cms/:typeSlug", ({ params }) => {
+      const CustomContentList = config.pageComponents?.contentList;
+      return {
+        PageComponent: CustomContentList ? () => /* @__PURE__ */ jsx(CustomContentList, { typeSlug: params.typeSlug }) : () => /* @__PURE__ */ jsx(ContentListPageComponent, { typeSlug: params.typeSlug }),
+        loader: createContentListLoader(params.typeSlug, config),
+        meta: createContentListMeta(params.typeSlug, config)
+      };
+    }),
+    newContent: createRoute("/cms/:typeSlug/new", ({ params }) => {
+      const CustomNewContent = config.pageComponents?.newContent;
+      return {
+        PageComponent: CustomNewContent ? () => /* @__PURE__ */ jsx(CustomNewContent, { typeSlug: params.typeSlug }) : () => /* @__PURE__ */ jsx(ContentEditorPageComponent, { typeSlug: params.typeSlug }),
+        loader: createContentEditorLoader(params.typeSlug, void 0, config),
+        meta: createContentEditorMeta(params.typeSlug, void 0, config)
+      };
+    }),
+    editContent: createRoute("/cms/:typeSlug/:id", ({ params }) => {
+      const CustomEditContent = config.pageComponents?.editContent;
+      return {
+        PageComponent: CustomEditContent ? () => /* @__PURE__ */ jsx(CustomEditContent, { typeSlug: params.typeSlug, id: params.id }) : () => /* @__PURE__ */ jsx(
+          ContentEditorPageComponent,
+          {
+            typeSlug: params.typeSlug,
+            id: params.id
+          }
+        ),
+        loader: createContentEditorLoader(params.typeSlug, params.id, config),
+        meta: createContentEditorMeta(params.typeSlug, params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/stack/src/plugins/form-builder/client/components/shared/default-error.cjs

@@ -9,7 +9,7 @@ function DefaultError({ error, resetErrorBoundary }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
     resetErrorBoundary && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
   ] });
 }

package/dist/packages/stack/src/plugins/form-builder/client/components/shared/default-error.mjs

@@ -7,7 +7,7 @@ function DefaultError({ error, resetErrorBoundary }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
     /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
     resetErrorBoundary && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
   ] });
 }

package/dist/packages/stack/src/plugins/form-builder/client/plugin.cjs

@@ -264,26 +264,38 @@ function createSubmissionsMeta(formId, config) {
 const formBuilderClientPlugin = (config) => client.defineClientPlugin({
   name: "form-builder",
   routes: () => ({
-    formList: yar.createRoute("/forms", () => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(FormListPageComponent, {}),
-      loader: createFormListLoader(config),
-      meta: createFormListMeta()
-    })),
-    newForm: yar.createRoute("/forms/new", () => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPageComponent, {}),
-      loader: createFormBuilderLoader(void 0, config),
-      meta: createFormBuilderMeta(void 0, config)
-    })),
-    editForm: yar.createRoute("/forms/:id/edit", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPageComponent, { id: params.id }),
-      loader: createFormBuilderLoader(params.id, config),
-      meta: createFormBuilderMeta(params.id, config)
-    })),
-    submissions: yar.createRoute("/forms/:id/submissions", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(SubmissionsPageComponent, { formId: params.id }),
-      loader: createSubmissionsLoader(params.id, config),
-      meta: createSubmissionsMeta(params.id, config)
-    }))
+    formList: yar.createRoute("/forms", () => {
+      const CustomFormList = config.pageComponents?.formList;
+      return {
+        PageComponent: CustomFormList ?? (() => /* @__PURE__ */ jsxRuntime.jsx(FormListPageComponent, {})),
+        loader: createFormListLoader(config),
+        meta: createFormListMeta()
+      };
+    }),
+    newForm: yar.createRoute("/forms/new", () => {
+      const CustomNewForm = config.pageComponents?.newForm;
+      return {
+        PageComponent: CustomNewForm ?? (() => /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPageComponent, {})),
+        loader: createFormBuilderLoader(void 0, config),
+        meta: createFormBuilderMeta(void 0, config)
+      };
+    }),
+    editForm: yar.createRoute("/forms/:id/edit", ({ params }) => {
+      const CustomEditForm = config.pageComponents?.editForm;
+      return {
+        PageComponent: CustomEditForm ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomEditForm, { id: params.id }) : () => /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPageComponent, { id: params.id }),
+        loader: createFormBuilderLoader(params.id, config),
+        meta: createFormBuilderMeta(params.id, config)
+      };
+    }),
+    submissions: yar.createRoute("/forms/:id/submissions", ({ params }) => {
+      const CustomSubmissions = config.pageComponents?.submissions;
+      return {
+        PageComponent: CustomSubmissions ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomSubmissions, { formId: params.id }) : () => /* @__PURE__ */ jsxRuntime.jsx(SubmissionsPageComponent, { formId: params.id }),
+        loader: createSubmissionsLoader(params.id, config),
+        meta: createSubmissionsMeta(params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/stack/src/plugins/form-builder/client/plugin.mjs

@@ -262,26 +262,38 @@ function createSubmissionsMeta(formId, config) {
 const formBuilderClientPlugin = (config) => defineClientPlugin({
   name: "form-builder",
   routes: () => ({
-    formList: createRoute("/forms", () => ({
-      PageComponent: () => /* @__PURE__ */ jsx(FormListPageComponent, {}),
-      loader: createFormListLoader(config),
-      meta: createFormListMeta()
-    })),
-    newForm: createRoute("/forms/new", () => ({
-      PageComponent: () => /* @__PURE__ */ jsx(FormBuilderPageComponent, {}),
-      loader: createFormBuilderLoader(void 0, config),
-      meta: createFormBuilderMeta(void 0, config)
-    })),
-    editForm: createRoute("/forms/:id/edit", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(FormBuilderPageComponent, { id: params.id }),
-      loader: createFormBuilderLoader(params.id, config),
-      meta: createFormBuilderMeta(params.id, config)
-    })),
-    submissions: createRoute("/forms/:id/submissions", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(SubmissionsPageComponent, { formId: params.id }),
-      loader: createSubmissionsLoader(params.id, config),
-      meta: createSubmissionsMeta(params.id, config)
-    }))
+    formList: createRoute("/forms", () => {
+      const CustomFormList = config.pageComponents?.formList;
+      return {
+        PageComponent: CustomFormList ?? (() => /* @__PURE__ */ jsx(FormListPageComponent, {})),
+        loader: createFormListLoader(config),
+        meta: createFormListMeta()
+      };
+    }),
+    newForm: createRoute("/forms/new", () => {
+      const CustomNewForm = config.pageComponents?.newForm;
+      return {
+        PageComponent: CustomNewForm ?? (() => /* @__PURE__ */ jsx(FormBuilderPageComponent, {})),
+        loader: createFormBuilderLoader(void 0, config),
+        meta: createFormBuilderMeta(void 0, config)
+      };
+    }),
+    editForm: createRoute("/forms/:id/edit", ({ params }) => {
+      const CustomEditForm = config.pageComponents?.editForm;
+      return {
+        PageComponent: CustomEditForm ? () => /* @__PURE__ */ jsx(CustomEditForm, { id: params.id }) : () => /* @__PURE__ */ jsx(FormBuilderPageComponent, { id: params.id }),
+        loader: createFormBuilderLoader(params.id, config),
+        meta: createFormBuilderMeta(params.id, config)
+      };
+    }),
+    submissions: createRoute("/forms/:id/submissions", ({ params }) => {
+      const CustomSubmissions = config.pageComponents?.submissions;
+      return {
+        PageComponent: CustomSubmissions ? () => /* @__PURE__ */ jsx(CustomSubmissions, { formId: params.id }) : () => /* @__PURE__ */ jsx(SubmissionsPageComponent, { formId: params.id }),
+        loader: createSubmissionsLoader(params.id, config),
+        meta: createSubmissionsMeta(params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/stack/src/plugins/kanban/client/components/shared/default-error.cjs

@@ -14,7 +14,7 @@ function DefaultError({ error, reset }) {
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-6 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold mb-2", children: "Something went wrong" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: error?.message || "An unexpected error occurred. Please try again." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred. Please try again." }),
         reset && /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { onClick: reset, variant: "outline", children: [
           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.RefreshCw, { className: "mr-2 h-4 w-4" }),
           "Try Again"

package/dist/packages/stack/src/plugins/kanban/client/components/shared/default-error.mjs

@@ -12,7 +12,7 @@ function DefaultError({ error, reset }) {
       children: [
         /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-6 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
         /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Something went wrong" }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: error?.message || "An unexpected error occurred. Please try again." }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred. Please try again." }),
         reset && /* @__PURE__ */ jsxs(Button, { onClick: reset, variant: "outline", children: [
           /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-4 w-4" }),
           "Try Again"

package/dist/packages/stack/src/plugins/kanban/client/plugin.cjs

@@ -235,22 +235,25 @@ const kanbanClientPlugin = (config) => client.defineClientPlugin({
   name: "kanban",
   routes: () => ({
     boards: yar.createRoute("/kanban", () => {
+      const CustomBoards = config.pageComponents?.boards;
       return {
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(boardsListPage.BoardsListPageComponent, {}),
+        PageComponent: CustomBoards ?? (() => /* @__PURE__ */ jsxRuntime.jsx(boardsListPage.BoardsListPageComponent, {})),
         loader: createBoardsLoader(config),
         meta: createBoardsListMeta(config)
       };
     }),
     newBoard: yar.createRoute("/kanban/new", () => {
+      const CustomNewBoard = config.pageComponents?.newBoard;
       return {
-        PageComponent: newBoardPage.NewBoardPageComponent,
+        PageComponent: CustomNewBoard ?? newBoardPage.NewBoardPageComponent,
         loader: createNewBoardLoader(config),
         meta: createNewBoardMeta(config)
       };
     }),
     board: yar.createRoute("/kanban/:boardId", ({ params: { boardId } }) => {
+      const CustomBoard = config.pageComponents?.board;
       return {
-        PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(boardPage.BoardPageComponent, { boardId }),
+        PageComponent: CustomBoard ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomBoard, { boardId }) : () => /* @__PURE__ */ jsxRuntime.jsx(boardPage.BoardPageComponent, { boardId }),
         loader: createBoardLoader(boardId, config),
         meta: createBoardMeta(boardId, config)
       };

package/dist/packages/stack/src/plugins/kanban/client/plugin.mjs

@@ -233,22 +233,25 @@ const kanbanClientPlugin = (config) => defineClientPlugin({
   name: "kanban",
   routes: () => ({
     boards: createRoute("/kanban", () => {
+      const CustomBoards = config.pageComponents?.boards;
       return {
-        PageComponent: () => /* @__PURE__ */ jsx(BoardsListPageComponent, {}),
+        PageComponent: CustomBoards ?? (() => /* @__PURE__ */ jsx(BoardsListPageComponent, {})),
         loader: createBoardsLoader(config),
         meta: createBoardsListMeta(config)
       };
     }),
     newBoard: createRoute("/kanban/new", () => {
+      const CustomNewBoard = config.pageComponents?.newBoard;
       return {
-        PageComponent: NewBoardPageComponent,
+        PageComponent: CustomNewBoard ?? NewBoardPageComponent,
         loader: createNewBoardLoader(config),
         meta: createNewBoardMeta(config)
       };
     }),
     board: createRoute("/kanban/:boardId", ({ params: { boardId } }) => {
+      const CustomBoard = config.pageComponents?.board;
       return {
-        PageComponent: () => /* @__PURE__ */ jsx(BoardPageComponent, { boardId }),
+        PageComponent: CustomBoard ? () => /* @__PURE__ */ jsx(CustomBoard, { boardId }) : () => /* @__PURE__ */ jsx(BoardPageComponent, { boardId }),
         loader: createBoardLoader(boardId, config),
         meta: createBoardMeta(boardId, config)
       };

package/dist/packages/stack/src/plugins/ui-builder/client/components/page-renderer.cjs

@@ -15,7 +15,7 @@ function DefaultLoadingComponent() {
 function DefaultErrorComponent({ error }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center min-h-[200px] p-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-destructive font-medium", children: index.uiBuilderLocalization.pageRenderer.error }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground mt-2", children: error.message })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground mt-2", children: error instanceof Error ? error.message : String(error) })
   ] });
 }
 function DefaultNotFoundComponent() {

package/dist/packages/stack/src/plugins/ui-builder/client/components/page-renderer.mjs

@@ -13,7 +13,7 @@ function DefaultLoadingComponent() {
 function DefaultErrorComponent({ error }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center min-h-[200px] p-4", children: [
     /* @__PURE__ */ jsx("div", { className: "text-destructive font-medium", children: uiBuilderLocalization.pageRenderer.error }),
-    /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground mt-2", children: error.message })
+    /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground mt-2", children: error instanceof Error ? error.message : String(error) })
   ] });
 }
 function DefaultNotFoundComponent() {

package/dist/packages/stack/src/plugins/ui-builder/client/components/shared/default-error.cjs

@@ -9,7 +9,7 @@ function DefaultError({ error, resetErrorBoundary }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
     resetErrorBoundary && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
   ] });
 }

package/dist/packages/stack/src/plugins/ui-builder/client/components/shared/default-error.mjs

@@ -7,7 +7,7 @@ function DefaultError({ error, resetErrorBoundary }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-4 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
     /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Something went wrong" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: error.message || "An unexpected error occurred" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 max-w-sm", children: (error instanceof Error ? error.message : void 0) || "An unexpected error occurred" }),
     resetErrorBoundary && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: resetErrorBoundary, children: "Try again" })
   ] });
 }

package/dist/packages/stack/src/plugins/ui-builder/client/plugin.cjs

@@ -169,21 +169,30 @@ function createPageBuilderMeta(id, config) {
 const uiBuilderClientPlugin = (config) => client.defineClientPlugin({
   name: "ui-builder",
   routes: () => ({
-    pageList: yar.createRoute("/ui-builder", () => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(PageListPageComponent, {}),
-      loader: createPageListLoader(config),
-      meta: createPageListMeta()
-    })),
-    newPage: yar.createRoute("/ui-builder/new", () => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(PageBuilderPageComponent, {}),
-      loader: createPageBuilderLoader(void 0, config),
-      meta: createPageBuilderMeta(void 0, config)
-    })),
-    editPage: yar.createRoute("/ui-builder/:id/edit", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsxRuntime.jsx(PageBuilderPageComponent, { id: params.id }),
-      loader: createPageBuilderLoader(params.id, config),
-      meta: createPageBuilderMeta(params.id, config)
-    }))
+    pageList: yar.createRoute("/ui-builder", () => {
+      const CustomPageList = config.pageComponents?.pageList;
+      return {
+        PageComponent: CustomPageList ?? (() => /* @__PURE__ */ jsxRuntime.jsx(PageListPageComponent, {})),
+        loader: createPageListLoader(config),
+        meta: createPageListMeta()
+      };
+    }),
+    newPage: yar.createRoute("/ui-builder/new", () => {
+      const CustomNewPage = config.pageComponents?.newPage;
+      return {
+        PageComponent: CustomNewPage ?? (() => /* @__PURE__ */ jsxRuntime.jsx(PageBuilderPageComponent, {})),
+        loader: createPageBuilderLoader(void 0, config),
+        meta: createPageBuilderMeta(void 0, config)
+      };
+    }),
+    editPage: yar.createRoute("/ui-builder/:id/edit", ({ params }) => {
+      const CustomEditPage = config.pageComponents?.editPage;
+      return {
+        PageComponent: CustomEditPage ? () => /* @__PURE__ */ jsxRuntime.jsx(CustomEditPage, { id: params.id }) : () => /* @__PURE__ */ jsxRuntime.jsx(PageBuilderPageComponent, { id: params.id }),
+        loader: createPageBuilderLoader(params.id, config),
+        meta: createPageBuilderMeta(params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/stack/src/plugins/ui-builder/client/plugin.mjs

@@ -167,21 +167,30 @@ function createPageBuilderMeta(id, config) {
 const uiBuilderClientPlugin = (config) => defineClientPlugin({
   name: "ui-builder",
   routes: () => ({
-    pageList: createRoute("/ui-builder", () => ({
-      PageComponent: () => /* @__PURE__ */ jsx(PageListPageComponent, {}),
-      loader: createPageListLoader(config),
-      meta: createPageListMeta()
-    })),
-    newPage: createRoute("/ui-builder/new", () => ({
-      PageComponent: () => /* @__PURE__ */ jsx(PageBuilderPageComponent, {}),
-      loader: createPageBuilderLoader(void 0, config),
-      meta: createPageBuilderMeta(void 0, config)
-    })),
-    editPage: createRoute("/ui-builder/:id/edit", ({ params }) => ({
-      PageComponent: () => /* @__PURE__ */ jsx(PageBuilderPageComponent, { id: params.id }),
-      loader: createPageBuilderLoader(params.id, config),
-      meta: createPageBuilderMeta(params.id, config)
-    }))
+    pageList: createRoute("/ui-builder", () => {
+      const CustomPageList = config.pageComponents?.pageList;
+      return {
+        PageComponent: CustomPageList ?? (() => /* @__PURE__ */ jsx(PageListPageComponent, {})),
+        loader: createPageListLoader(config),
+        meta: createPageListMeta()
+      };
+    }),
+    newPage: createRoute("/ui-builder/new", () => {
+      const CustomNewPage = config.pageComponents?.newPage;
+      return {
+        PageComponent: CustomNewPage ?? (() => /* @__PURE__ */ jsx(PageBuilderPageComponent, {})),
+        loader: createPageBuilderLoader(void 0, config),
+        meta: createPageBuilderMeta(void 0, config)
+      };
+    }),
+    editPage: createRoute("/ui-builder/:id/edit", ({ params }) => {
+      const CustomEditPage = config.pageComponents?.editPage;
+      return {
+        PageComponent: CustomEditPage ? () => /* @__PURE__ */ jsx(CustomEditPage, { id: params.id }) : () => /* @__PURE__ */ jsx(PageBuilderPageComponent, { id: params.id }),
+        loader: createPageBuilderLoader(params.id, config),
+        meta: createPageBuilderMeta(params.id, config)
+      };
+    })
   }),
   sitemap: async () => {
     return [];

package/dist/packages/ui/src/components/search-select.cjs

@@ -3,6 +3,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
+const index = require('../../../../node_modules/.pnpm/@radix-ui_react-popover@1.1.15_@types_react-dom@19.2.3_@types_react@19.2.6__@types_reac_5c5a3ca63b34dfe7d9d23f1e8cee675c/node_modules/@radix-ui/react-popover/dist/index.cjs');
 const LucideIcons = require('lucide-react');
 const utils = require('../lib/utils.cjs');
 const button = require('./button.cjs');
@@ -41,11 +42,20 @@ function SearchSelect({
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      popover.PopoverContent,
+      index.Content,
       {
-        className: "border-input w-full min-w-[var(--radix-popper-anchor-width)] p-0 z-[9999]",
         align: "start",
-        usePortal: false,
+        sideOffset: 4,
+        className: utils.cn(
+          "border-input bg-popover text-popover-foreground pointer-events-auto",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+          "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          "z-50 w-full min-w-[var(--radix-popper-anchor-width)] origin-(--radix-popover-content-transform-origin)",
+          "rounded-md border p-0 shadow-md outline-hidden"
+        ),
         children: /* @__PURE__ */ jsxRuntime.jsxs(command.Command, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(command.CommandInput, { placeholder: "Search options..." }),
           /* @__PURE__ */ jsxRuntime.jsxs(command.CommandList, { children: [

package/dist/packages/ui/src/components/search-select.mjs

@@ -1,11 +1,12 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useId, useState } from 'react';
+import { Content as Content2 } from '../../../../node_modules/.pnpm/@radix-ui_react-popover@1.1.15_@types_react-dom@19.2.3_@types_react@19.2.6__@types_reac_5c5a3ca63b34dfe7d9d23f1e8cee675c/node_modules/@radix-ui/react-popover/dist/index.mjs';
 import { ChevronDownIcon, CheckIcon } from 'lucide-react';
 import { cn } from '../lib/utils.mjs';
 import { Button } from './button.mjs';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from './command.mjs';
-import { Popover, PopoverTrigger, PopoverContent } from './popover.mjs';
+import { Popover, PopoverTrigger } from './popover.mjs';
 
 function SearchSelect({
   options,
@@ -39,11 +40,20 @@ function SearchSelect({
       }
     ) }),
     /* @__PURE__ */ jsx(
-      PopoverContent,
+      Content2,
       {
-        className: "border-input w-full min-w-[var(--radix-popper-anchor-width)] p-0 z-[9999]",
         align: "start",
-        usePortal: false,
+        sideOffset: 4,
+        className: cn(
+          "border-input bg-popover text-popover-foreground pointer-events-auto",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+          "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          "z-50 w-full min-w-[var(--radix-popper-anchor-width)] origin-(--radix-popover-content-transform-origin)",
+          "rounded-md border p-0 shadow-md outline-hidden"
+        ),
         children: /* @__PURE__ */ jsxs(Command, { children: [
           /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search options..." }),
           /* @__PURE__ */ jsxs(CommandList, { children: [

package/dist/plugins/ai-chat/client/index.d.cts

@@ -1,6 +1,6 @@
 import * as _btst_stack_plugins_client from '@btst/stack/plugins/client';
-import * as react from 'react';
 import * as _btst_yar from '@btst/yar';
+import { ComponentType } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { S as SerializedConversation, a as SerializedMessage } from '../../../shared/stack.Be1QIHEn.cjs';
 import { A as AiChatMode } from '../../../shared/stack.BV9hnvu4.cjs';
@@ -76,6 +76,19 @@ interface AiChatClientConfig {
     hooks?: AiChatClientHooks;
     /** Optional headers for SSR (e.g., forwarding cookies) */
     headers?: Headers;
+    /**
+     * Optional page component overrides.
+     * Replace any plugin page with a custom React component.
+     * The built-in component is used as the fallback when not provided.
+     */
+    pageComponents?: {
+        /** Replaces the chat home page */
+        chat?: ComponentType;
+        /** Replaces the conversation page (authenticated mode only) */
+        chatConversation?: ComponentType<{
+            conversationId: string;
+        }>;
+    };
 }
 /**
  * Hooks for AI Chat client plugin
@@ -124,9 +137,9 @@ interface AiChatClientHooks {
 declare const aiChatClientPlugin: (config: AiChatClientConfig) => _btst_stack_plugins_client.ClientPlugin<Record<string, never>, {
     chat: {
         (inputCtx_0?: _btst_yar.InputContext<"/chat", _btst_yar.RouteOptions> | undefined): {
-            PageComponent?: react.ComponentType<unknown> | undefined;
-            LoadingComponent?: react.ComponentType<unknown> | undefined;
-            ErrorComponent?: react.ComponentType<unknown> | undefined;
+            PageComponent?: ComponentType<{}> | undefined;
+            LoadingComponent?: ComponentType<{}> | undefined;
+            ErrorComponent?: ComponentType<{}> | undefined;
             loader?: (() => Promise<void>) | undefined;
             meta?: (() => ({
                 title: string;