@arch-cadre/setup 0.0.1

package/dist/actions.cjs

@@ -0,0 +1,125 @@
+"use strict";
+"use server";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkDbConnection = checkDbConnection;
+exports.finishSetup = finishSetup;
+exports.getAvailableModules = getAvailableModules;
+exports.syncDatabase = syncDatabase;
+var _nodeChild_process = require("node:child_process");
+var _nodePath = _interopRequireDefault(require("node:path"));
+var _nodeUtil = require("node:util");
+var _server = require("@arch-cadre/core/server");
+var _server2 = require("@arch-cadre/modules/server");
+var _drizzleOrm = require("drizzle-orm");
+var _navigation = require("next/navigation");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const execAsync = (0, _nodeUtil.promisify)(_nodeChild_process.exec);
+async function syncDatabase() {
+  try {
+    const root = process.cwd();
+    const configPath = _nodePath.default.join(root, "drizzle.config.ts");
+    console.log(`[Setup:Actions] Using config: ${configPath}`);
+    const {
+      stdout,
+      stderr
+    } = await execAsync(`npx drizzle-kit push --config=${configPath}`, {
+      cwd: root,
+      env: {
+        ...process.env,
+        // Ensure we are in non-interactive mode if the tool supports it
+        CI: "true"
+      }
+    });
+    console.log("[Setup:Actions] Sync stdout:", stdout);
+    if (stderr) console.warn("[Setup:Actions] Sync stderr:", stderr);
+    return {
+      success: true
+    };
+  } catch (e) {
+    console.error("[Setup:Actions] Sync failed:", e);
+    return {
+      success: false,
+      error: e.message
+    };
+  }
+}
+async function getAvailableModules() {
+  const modules = await (0, _server2.getModules)();
+  return modules.filter(m => m.id !== "setup");
+}
+async function finishSetup(formData, selectedModuleIds) {
+  const email = formData.get("email");
+  const username = formData.get("username");
+  const password = formData.get("password");
+  if (!email || !username || !password) {
+    throw new Error("Missing required fields");
+  }
+  const user = await (0, _server.createUser)(email, username, password);
+  await _server.db.transaction(async tx => {
+    await tx.update(_server.userTable).set({
+      emailVerifiedAt: /* @__PURE__ */new Date()
+    }).where((0, _drizzleOrm.eq)(_server.userTable.id, user.id));
+    let [adminRole] = await tx.select().from(_server.rolesTable).where((0, _drizzleOrm.eq)(_server.rolesTable.name, "admin"));
+    if (!adminRole) {
+      const [newRole] = await tx.insert(_server.rolesTable).values({
+        name: "admin",
+        description: "System Administrator with full access"
+      }).returning();
+      adminRole = newRole;
+    }
+    const systemPermissions = [{
+      name: "system:modules",
+      description: "Manage system modules"
+    }, {
+      name: "system:rbac",
+      description: "Manage roles and permissions"
+    }, {
+      name: "system:activity-logs",
+      description: "View system activity logs"
+    }];
+    console.log("Ensuring system permissions exist...");
+    for (const perm of systemPermissions) {
+      const [existing] = await tx.select().from(_server.permissionsTable).where((0, _drizzleOrm.eq)(_server.permissionsTable.name, perm.name));
+      let permId = existing?.id;
+      if (!existing) {
+        const [inserted] = await tx.insert(_server.permissionsTable).values(perm).returning();
+        permId = inserted.id;
+      }
+      await tx.insert(_server.rolesToPermissionsTable).values({
+        roleId: adminRole.id,
+        permissionId: permId
+      }).onConflictDoNothing();
+    }
+    await tx.insert(_server.usersToRolesTable).values({
+      userId: user.id,
+      roleId: adminRole.id
+    });
+    if (selectedModuleIds.length > 0) {
+      for (const modId of selectedModuleIds) {
+        await tx.insert(_server.systemModulesTable).values({
+          id: modId,
+          enabled: true,
+          system: true,
+          installed: true
+        });
+      }
+    }
+  });
+  (0, _navigation.redirect)(await (0, _server2.getKryoPathPrefix)());
+}
+async function checkDbConnection() {
+  try {
+    await _server.db.execute((0, _drizzleOrm.sql)`SELECT 1`);
+    return {
+      success: true
+    };
+  } catch (e) {
+    return {
+      success: false,
+      error: String(e)
+    };
+  }
+}

package/dist/actions.d.ts

@@ -0,0 +1,16 @@
+export declare function syncDatabase(): Promise<{
+    success: boolean;
+    error?: undefined;
+} | {
+    success: boolean;
+    error: any;
+}>;
+export declare function getAvailableModules(): Promise<any>;
+export declare function finishSetup(formData: FormData, selectedModuleIds: string[]): Promise<void>;
+export declare function checkDbConnection(): Promise<{
+    success: boolean;
+    error?: undefined;
+} | {
+    success: boolean;
+    error: string;
+}>;

package/dist/actions.mjs

@@ -0,0 +1,112 @@
+"use server";
+import { exec } from "node:child_process";
+import path from "node:path";
+import { promisify } from "node:util";
+import {
+  createUser,
+  db,
+  permissionsTable,
+  rolesTable,
+  rolesToPermissionsTable,
+  systemModulesTable,
+  usersToRolesTable,
+  userTable
+} from "@arch-cadre/core/server";
+import { getKryoPathPrefix, getModules } from "@arch-cadre/modules/server";
+import { eq, sql } from "drizzle-orm";
+import { redirect } from "next/navigation";
+const execAsync = promisify(exec);
+export async function syncDatabase() {
+  try {
+    const root = process.cwd();
+    const configPath = path.join(root, "drizzle.config.ts");
+    console.log(`[Setup:Actions] Using config: ${configPath}`);
+    const { stdout, stderr } = await execAsync(
+      `npx drizzle-kit push --config=${configPath}`,
+      {
+        cwd: root,
+        env: {
+          ...process.env,
+          // Ensure we are in non-interactive mode if the tool supports it
+          CI: "true"
+        }
+      }
+    );
+    console.log("[Setup:Actions] Sync stdout:", stdout);
+    if (stderr) console.warn("[Setup:Actions] Sync stderr:", stderr);
+    return { success: true };
+  } catch (e) {
+    console.error("[Setup:Actions] Sync failed:", e);
+    return { success: false, error: e.message };
+  }
+}
+export async function getAvailableModules() {
+  const modules = await getModules();
+  return modules.filter((m) => m.id !== "setup");
+}
+export async function finishSetup(formData, selectedModuleIds) {
+  const email = formData.get("email");
+  const username = formData.get("username");
+  const password = formData.get("password");
+  if (!email || !username || !password) {
+    throw new Error("Missing required fields");
+  }
+  const user = await createUser(email, username, password);
+  await db.transaction(async (tx) => {
+    await tx.update(userTable).set({
+      emailVerifiedAt: /* @__PURE__ */ new Date()
+    }).where(eq(userTable.id, user.id));
+    let [adminRole] = await tx.select().from(rolesTable).where(eq(rolesTable.name, "admin"));
+    if (!adminRole) {
+      const [newRole] = await tx.insert(rolesTable).values({
+        name: "admin",
+        description: "System Administrator with full access"
+      }).returning();
+      adminRole = newRole;
+    }
+    const systemPermissions = [
+      { name: "system:modules", description: "Manage system modules" },
+      { name: "system:rbac", description: "Manage roles and permissions" },
+      {
+        name: "system:activity-logs",
+        description: "View system activity logs"
+      }
+    ];
+    console.log("Ensuring system permissions exist...");
+    for (const perm of systemPermissions) {
+      const [existing] = await tx.select().from(permissionsTable).where(eq(permissionsTable.name, perm.name));
+      let permId = existing?.id;
+      if (!existing) {
+        const [inserted] = await tx.insert(permissionsTable).values(perm).returning();
+        permId = inserted.id;
+      }
+      await tx.insert(rolesToPermissionsTable).values({
+        roleId: adminRole.id,
+        permissionId: permId
+      }).onConflictDoNothing();
+    }
+    await tx.insert(usersToRolesTable).values({
+      userId: user.id,
+      roleId: adminRole.id
+    });
+    if (selectedModuleIds.length > 0) {
+      for (const modId of selectedModuleIds) {
+        await tx.insert(systemModulesTable).values({
+          id: modId,
+          enabled: true,
+          system: true,
+          installed: true
+        });
+      }
+    }
+  });
+  redirect(await getKryoPathPrefix());
+}
+export async function checkDbConnection() {
+  try {
+    await db.execute(sql`SELECT 1`);
+    return { success: true };
+  } catch (e) {
+    return { success: false, error: String(e) };
+  }
+}

package/dist/index.cjs

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+
+var _manifest = _interopRequireDefault(require("../manifest.json"));
+var _routes = require("./routes.cjs");
+var _actions = require("./actions.cjs");
+Object.keys(_actions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _actions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _actions[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const setupModule = {
+  manifest: _manifest.default,
+  init: async () => {
+    console.log("[SetupModule] initialized.");
+  },
+  routes: {
+    public: _routes.publicRoutes
+  }
+};
+module.exports = setupModule;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import type { IModule } from "@arch-cadre/modules";
+export * from "./actions";
+declare const setupModule: IModule;
+export default setupModule;

package/dist/index.mjs

@@ -0,0 +1,13 @@
+import manifest from "../manifest.json";
+import { publicRoutes } from "./routes.mjs";
+export * from "./actions.mjs";
+const setupModule = {
+  manifest,
+  init: async () => {
+    console.log("[SetupModule] initialized.");
+  },
+  routes: {
+    public: publicRoutes
+  }
+};
+export default setupModule;

package/dist/intl.d.ts

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

package/dist/routes.cjs

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.publicRoutes = void 0;
+var _setupWizard = require("./ui/pages/setup-wizard.cjs");
+const publicRoutes = exports.publicRoutes = [{
+  path: "/setup",
+  component: _setupWizard.SetupWizard,
+  auth: false
+}];

package/dist/routes.d.ts

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

package/dist/routes.mjs

@@ -0,0 +1,8 @@
+import { SetupWizard } from "./ui/pages/setup-wizard.mjs";
+export const publicRoutes = [
+  {
+    path: "/setup",
+    component: SetupWizard,
+    auth: false
+  }
+];

package/dist/ui/pages/setup-wizard.cjs

@@ -0,0 +1,166 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SetupWizard = SetupWizard;
+var _intl = require("@arch-cadre/intl");
+var _ui = require("@arch-cadre/ui");
+var _logo = require("@arch-cadre/ui/brand/logo");
+var _loader = require("@arch-cadre/ui/shared/loader");
+var _lucideReact = require("lucide-react");
+var React = _interopRequireWildcard(require("react"));
+var _actions = require("../../actions.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 SetupWizard() {
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  const [step, setStep] = React.useState(1);
+  const [loading, setLoading] = React.useState(false);
+  const [syncStatus, setSyncStatus] = React.useState("idle");
+  const [availableModules, setAvailableModules] = React.useState([]);
+  const [selectedModules, setSelectedModules] = React.useState([]);
+  const nextStep = () => setStep(s => s + 1);
+  const handleSync = async () => {
+    setSyncStatus("syncing");
+    const result = await (0, _actions.syncDatabase)();
+    if (result.success) {
+      setSyncStatus("success");
+      const modules = await (0, _actions.getAvailableModules)();
+      setAvailableModules(modules.filter(m => !m.system));
+      setSelectedModules(modules.filter(m => m.system).map(m => m.id));
+      setTimeout(nextStep, 1500);
+    } else {
+      setSyncStatus("error");
+      alert(`Database sync failed: ${result.error}`);
+    }
+  };
+  const toggleModule = id => {
+    setSelectedModules(prev => prev.includes(id) ? prev.filter(m => m !== id) : [...prev, id]);
+  };
+  return /* @__PURE__ */React.createElement("div", {
+    className: "min-h-screen flex items-center justify-center bg-muted/30 p-4"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "w-full max-w-md space-y-8"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "flex flex-col gap-4 items-center justify-center text-center"
+  }, /* @__PURE__ */React.createElement(_logo.Logo, {
+    className: "mx-auto"
+  }), /* @__PURE__ */React.createElement("p", {
+    className: "mt-2 text-sm text-muted-foreground"
+  }, t("setup_description"))), /* @__PURE__ */React.createElement(_ui.Card, {
+    className: "border-2 shadow-xl"
+  }, step === 1 && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_ui.CardHeader, null, /* @__PURE__ */React.createElement(_ui.CardTitle, {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */React.createElement(_lucideReact.Rocket, {
+    className: "h-5 w-5 text-primary"
+  }), t("welcome")), /* @__PURE__ */React.createElement(_ui.CardDescription, null, t("thank_you"))), /* @__PURE__ */React.createElement(_ui.CardContent, null, /* @__PURE__ */React.createElement("div", {
+    className: "space-y-4"
+  }, /* @__PURE__ */React.createElement("p", {
+    className: "text-sm"
+  }, t("step_1_desc")))), /* @__PURE__ */React.createElement(_ui.CardFooter, null, /* @__PURE__ */React.createElement(_ui.Button, {
+    onClick: nextStep,
+    className: "w-full"
+  }, t("get_started")))), step === 2 && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_ui.CardHeader, null, /* @__PURE__ */React.createElement(_ui.CardTitle, {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */React.createElement(_lucideReact.Database, {
+    className: "h-5 w-5 text-primary"
+  }), t("db_prep")), /* @__PURE__ */React.createElement(_ui.CardDescription, null, t("db_desc"))), /* @__PURE__ */React.createElement(_ui.CardContent, {
+    className: "flex flex-col items-center justify-center py-6"
+  }, syncStatus === "idle" && /* @__PURE__ */React.createElement(_lucideReact.Database, {
+    className: "h-12 w-12 text-muted-foreground mb-4"
+  }), syncStatus === "syncing" && /* @__PURE__ */React.createElement(_loader.Loader, {
+    className: "h-12 w-12 text-primary animate-spin mb-4"
+  }), syncStatus === "success" && /* @__PURE__ */React.createElement(_lucideReact.CheckCircle2, {
+    className: "h-12 w-12 text-green-500 mb-4"
+  }), /* @__PURE__ */React.createElement("p", {
+    className: "text-center text-sm font-medium"
+  }, syncStatus === "idle" && t("db_ready_to_sync"), syncStatus === "syncing" && t("db_creating_tables"), syncStatus === "success" && t("db_ready"), syncStatus === "error" && t("db_sync_failed"))), /* @__PURE__ */React.createElement(_ui.CardFooter, null, /* @__PURE__ */React.createElement(_ui.Button, {
+    onClick: handleSync,
+    className: "w-full",
+    disabled: syncStatus === "syncing" || syncStatus === "success"
+  }, syncStatus === "syncing" ? t("db_syncing_btn") : t("db_init_btn")))), step === 3 && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_ui.CardHeader, null, /* @__PURE__ */React.createElement(_ui.CardTitle, {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */React.createElement(_lucideReact.LayoutGrid, {
+    className: "h-5 w-5 text-primary"
+  }), t("select_modules")), /* @__PURE__ */React.createElement(_ui.CardDescription, null, t("select_modules_desc"))), /* @__PURE__ */React.createElement(_ui.CardContent, {
+    className: "space-y-4 max-h-[300px] overflow-y-auto"
+  }, availableModules.map(mod => /* @__PURE__ */React.createElement("label", {
+    htmlFor: mod.id,
+    key: mod.id,
+    className: "cursor-pointer flex items-start space-x-3 space-y-0 rounded-md border p-3"
+  }, /* @__PURE__ */React.createElement(_ui.Checkbox, {
+    id: mod.id,
+    checked: selectedModules.includes(mod.id),
+    onCheckedChange: () => toggleModule(mod.id),
+    disabled: mod.system
+  }), /* @__PURE__ */React.createElement("div", {
+    className: "grid gap-1.5 leading-none"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center gap-2"
+  }, mod.name, mod.system && /* @__PURE__ */React.createElement(_ui.Badge, {
+    variant: "outline",
+    className: "text-[10px] h-4"
+  }, "System")), /* @__PURE__ */React.createElement("p", {
+    className: "text-xs text-muted-foreground"
+  }, mod.description || "No description available."))))), /* @__PURE__ */React.createElement(_ui.CardFooter, null, /* @__PURE__ */React.createElement(_ui.Button, {
+    onClick: nextStep,
+    className: "w-full"
+  }, t("continue_to_admin")))), step === 4 && /* @__PURE__ */React.createElement("form", {
+    action: async formData => {
+      setLoading(true);
+      try {
+        await (0, _actions.finishSetup)(formData, selectedModules);
+      } catch (_e) {
+        setLoading(false);
+      }
+    }
+  }, /* @__PURE__ */React.createElement(_ui.CardHeader, null, /* @__PURE__ */React.createElement(_ui.CardTitle, {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */React.createElement(_lucideReact.UserPlus, {
+    className: "h-5 w-5 text-primary"
+  }), t("admin_account")), /* @__PURE__ */React.createElement(_ui.CardDescription, null, t("admin_description"))), /* @__PURE__ */React.createElement(_ui.CardContent, {
+    className: "space-y-4"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement("label", {
+    className: "text-sm font-medium"
+  }, t("username")), /* @__PURE__ */React.createElement(_ui.Input, {
+    name: "username",
+    placeholder: "admin",
+    required: true
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement("label", {
+    className: "text-sm font-medium"
+  }, t("email")), /* @__PURE__ */React.createElement(_ui.Input, {
+    name: "email",
+    type: "email",
+    placeholder: "admin@kryo.io",
+    required: true
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement("label", {
+    className: "text-sm font-medium"
+  }, t("password")), /* @__PURE__ */React.createElement(_ui.Input, {
+    name: "password",
+    type: "password",
+    required: true
+  }))), /* @__PURE__ */React.createElement(_ui.CardFooter, {
+    className: "mt-4"
+  }, /* @__PURE__ */React.createElement(_ui.Button, {
+    type: "submit",
+    className: "w-full",
+    disabled: loading
+  }, loading ? /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_loader.Loader, {
+    className: "mr-2 h-4 w-4 animate-spin"
+  }), t("setting_up")) : t("complete"))))), /* @__PURE__ */React.createElement("div", {
+    className: "flex justify-center gap-2"
+  }, [1, 2, 3, 4].map(s => /* @__PURE__ */React.createElement("div", {
+    key: s,
+    className: `h-1.5 w-8 rounded-full transition-colors ${step >= s ? "bg-primary" : "bg-primary/10"}`
+  })))));
+}

package/dist/ui/pages/setup-wizard.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function SetupWizard(): React.JSX.Element;

package/dist/ui/pages/setup-wizard.mjs

@@ -0,0 +1,108 @@
+"use client";
+import { useTranslation } from "@arch-cadre/intl";
+import {
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Input
+} from "@arch-cadre/ui";
+import { Logo } from "@arch-cadre/ui/brand/logo";
+import { Loader } from "@arch-cadre/ui/shared/loader";
+import {
+  CheckCircle2,
+  Database,
+  LayoutGrid,
+  Rocket,
+  UserPlus
+} from "lucide-react";
+import * as React from "react";
+import { finishSetup, getAvailableModules, syncDatabase } from "../../actions.mjs";
+export function SetupWizard() {
+  const { t } = useTranslation();
+  const [step, setStep] = React.useState(1);
+  const [loading, setLoading] = React.useState(false);
+  const [syncStatus, setSyncStatus] = React.useState("idle");
+  const [availableModules, setAvailableModules] = React.useState([]);
+  const [selectedModules, setSelectedModules] = React.useState([]);
+  const nextStep = () => setStep((s) => s + 1);
+  const handleSync = async () => {
+    setSyncStatus("syncing");
+    const result = await syncDatabase();
+    if (result.success) {
+      setSyncStatus("success");
+      const modules = await getAvailableModules();
+      setAvailableModules(modules.filter((m) => !m.system));
+      setSelectedModules(modules.filter((m) => m.system).map((m) => m.id));
+      setTimeout(nextStep, 1500);
+    } else {
+      setSyncStatus("error");
+      alert(`Database sync failed: ${result.error}`);
+    }
+  };
+  const toggleModule = (id) => {
+    setSelectedModules(
+      (prev) => prev.includes(id) ? prev.filter((m) => m !== id) : [...prev, id]
+    );
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-muted/30 p-4" }, /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-md space-y-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4 items-center justify-center text-center" }, /* @__PURE__ */ React.createElement(Logo, { className: "mx-auto" }), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-muted-foreground" }, t("setup_description"))), /* @__PURE__ */ React.createElement(Card, { className: "border-2 shadow-xl" }, step === 1 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(Rocket, { className: "h-5 w-5 text-primary" }), t("welcome")), /* @__PURE__ */ React.createElement(CardDescription, null, t("thank_you"))), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, t("step_1_desc")))), /* @__PURE__ */ React.createElement(CardFooter, null, /* @__PURE__ */ React.createElement(Button, { onClick: nextStep, className: "w-full" }, t("get_started")))), step === 2 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(Database, { className: "h-5 w-5 text-primary" }), t("db_prep")), /* @__PURE__ */ React.createElement(CardDescription, null, t("db_desc"))), /* @__PURE__ */ React.createElement(CardContent, { className: "flex flex-col items-center justify-center py-6" }, syncStatus === "idle" && /* @__PURE__ */ React.createElement(Database, { className: "h-12 w-12 text-muted-foreground mb-4" }), syncStatus === "syncing" && /* @__PURE__ */ React.createElement(Loader, { className: "h-12 w-12 text-primary animate-spin mb-4" }), syncStatus === "success" && /* @__PURE__ */ React.createElement(CheckCircle2, { className: "h-12 w-12 text-green-500 mb-4" }), /* @__PURE__ */ React.createElement("p", { className: "text-center text-sm font-medium" }, syncStatus === "idle" && t("db_ready_to_sync"), syncStatus === "syncing" && t("db_creating_tables"), syncStatus === "success" && t("db_ready"), syncStatus === "error" && t("db_sync_failed"))), /* @__PURE__ */ React.createElement(CardFooter, null, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: handleSync,
+      className: "w-full",
+      disabled: syncStatus === "syncing" || syncStatus === "success"
+    },
+    syncStatus === "syncing" ? t("db_syncing_btn") : t("db_init_btn")
+  ))), step === 3 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(LayoutGrid, { className: "h-5 w-5 text-primary" }), t("select_modules")), /* @__PURE__ */ React.createElement(CardDescription, null, t("select_modules_desc"))), /* @__PURE__ */ React.createElement(CardContent, { className: "space-y-4 max-h-[300px] overflow-y-auto" }, availableModules.map((mod) => /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      htmlFor: mod.id,
+      key: mod.id,
+      className: "cursor-pointer flex items-start space-x-3 space-y-0 rounded-md border p-3"
+    },
+    /* @__PURE__ */ React.createElement(
+      Checkbox,
+      {
+        id: mod.id,
+        checked: selectedModules.includes(mod.id),
+        onCheckedChange: () => toggleModule(mod.id),
+        disabled: mod.system
+      }
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: "grid gap-1.5 leading-none" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center gap-2" }, mod.name, mod.system && /* @__PURE__ */ React.createElement(Badge, { variant: "outline", className: "text-[10px] h-4" }, "System")), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, mod.description || "No description available."))
+  ))), /* @__PURE__ */ React.createElement(CardFooter, null, /* @__PURE__ */ React.createElement(Button, { onClick: nextStep, className: "w-full" }, t("continue_to_admin")))), step === 4 && /* @__PURE__ */ React.createElement(
+    "form",
+    {
+      action: async (formData) => {
+        setLoading(true);
+        try {
+          await finishSetup(formData, selectedModules);
+        } catch (_e) {
+          setLoading(false);
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(UserPlus, { className: "h-5 w-5 text-primary" }), t("admin_account")), /* @__PURE__ */ React.createElement(CardDescription, null, t("admin_description"))),
+    /* @__PURE__ */ React.createElement(CardContent, { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("label", { className: "text-sm font-medium" }, t("username")), /* @__PURE__ */ React.createElement(Input, { name: "username", placeholder: "admin", required: true })), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("label", { className: "text-sm font-medium" }, t("email")), /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        name: "email",
+        type: "email",
+        placeholder: "admin@kryo.io",
+        required: true
+      }
+    )), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("label", { className: "text-sm font-medium" }, t("password")), /* @__PURE__ */ React.createElement(Input, { name: "password", type: "password", required: true }))),
+    /* @__PURE__ */ React.createElement(CardFooter, { className: "mt-4" }, /* @__PURE__ */ React.createElement(Button, { type: "submit", className: "w-full", disabled: loading }, loading ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Loader, { className: "mr-2 h-4 w-4 animate-spin" }), t("setting_up")) : t("complete")))
+  )), /* @__PURE__ */ React.createElement("div", { className: "flex justify-center gap-2" }, [1, 2, 3, 4].map((s) => /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      key: s,
+      className: `h-1.5 w-8 rounded-full transition-colors ${step >= s ? "bg-primary" : "bg-primary/10"}`
+    }
+  )))));
+}

package/locales/en/global.json

@@ -0,0 +1,25 @@
+{
+  "setup_description": "setup_description",
+  "welcome": "welcome",
+  "thank_you": "thank_you",
+  "step_1_desc": "step_1_desc",
+  "get_started": "get_started",
+  "db_prep": "db_prep",
+  "db_desc": "db_desc",
+  "db_ready_to_sync": "db_ready_to_sync",
+  "db_creating_tables": "db_creating_tables",
+  "db_ready": "db_ready",
+  "db_sync_failed": "db_sync_failed",
+  "db_syncing_btn": "db_syncing_btn",
+  "db_init_btn": "db_init_btn",
+  "select_modules": "select_modules",
+  "select_modules_desc": "select_modules_desc",
+  "continue_to_admin": "continue_to_admin",
+  "admin_account": "admin_account",
+  "admin_description": "admin_description",
+  "username": "username",
+  "email": "email",
+  "password": "password",
+  "setting_up": "setting_up",
+  "complete": "complete"
+}

package/manifest.json

@@ -0,0 +1,11 @@
+{
+  "id": "setup-module",
+  "name": "System Setup",
+  "version": "0.0.1",
+  "description": "Handles first-time installation and configuration",
+  "enabled": true,
+  "system": true,
+  "dependencies": [],
+  "extends": [],
+  "isNpm": true
+}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@arch-cadre/setup",
+  "version": "0.0.1",
+  "type": "module",
+  "description": "Installation and setup module for Kryo",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "locales",
+    "manifest.json"
+  ],
+  "scripts": {
+    "release": "npm publish --access public --no-git-checks",
+    "clean": "rm -rf ./dist",
+    "switch:dev": "node scripts/switchToSrc.js",
+    "switch:prod": "node scripts/switchToDist.js",
+    "build": "unbuild",
+    "dev": "unbuild --stub",
+    "lint": "biome check --write"
+  },
+  "dependencies": {
+    "@arch-cadre/modules": "^0.0.15",
+    "@arch-cadre/ui": "^0.0.15",
+    "drizzle-orm": "1.0.0-beta.15-859cf75",
+    "lucide-react": "^0.475.0"
+  },
+  "devDependencies": {
+    "@arch-cadre/core": "^0.0.15",
+    "@types/node": "^20.19.9",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "next": "16.1.1",
+    "typescript": "^5.3.3",
+    "unbuild": "^3.6.1"
+  },
+  "peerDependencies": {
+    "@arch-cadre/core": "^0.0.15",
+    "@arch-cadre/intl": "^0.0.15",
+    "next": ">=13.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "main": "./dist/index.mjs"
+}