@arch-cadre/panel 0.0.1

package/dist/ui/components/breadcrumb-slot.cjs

@@ -0,0 +1,35 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = BreadcrumbSlot;
+var _intl = require("@arch-cadre/intl");
+var _breadcrumb = require("@arch-cadre/ui/components/breadcrumb");
+var _tooltip = require("@arch-cadre/ui/components/tooltip");
+var _image = _interopRequireDefault(require("next/image"));
+var _link = _interopRequireDefault(require("next/link"));
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function BreadcrumbSlot() {
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  return /* @__PURE__ */React.createElement(_breadcrumb.Breadcrumb, {
+    className: "hidden sm:block"
+  }, /* @__PURE__ */React.createElement(_breadcrumb.BreadcrumbList, null, /* @__PURE__ */React.createElement(_breadcrumb.BreadcrumbItem, null, /* @__PURE__ */React.createElement(_tooltip.Tooltip, null, /* @__PURE__ */React.createElement(_tooltip.TooltipTrigger, {
+    asChild: true
+  }, /* @__PURE__ */React.createElement(_link.default, {
+    href: "/kryo"
+  }, /* @__PURE__ */React.createElement(_image.default, {
+    width: 16,
+    height: 16,
+    src: "/favicon.svg",
+    alt: "logo",
+    className: "size-4",
+    "aria-hidden": true
+  }))), /* @__PURE__ */React.createElement(_tooltip.TooltipContent, null, /* @__PURE__ */React.createElement("p", null, t("Back to Dashboard"))))), /* @__PURE__ */React.createElement(_breadcrumb.BreadcrumbSeparator, null, "\u2022"), /* @__PURE__ */React.createElement(_breadcrumb.BreadcrumbItem, null, /* @__PURE__ */React.createElement(_breadcrumb.BreadcrumbPage, null, t("Dashboard")))));
+}

package/dist/ui/components/breadcrumb-slot.d.ts

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

package/dist/ui/components/breadcrumb-slot.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { useTranslation } from "@arch-cadre/intl";
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+} from "@arch-cadre/ui/components/breadcrumb";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "@arch-cadre/ui/components/tooltip";
+import Image from "next/image";
+import Link from "next/link";
+import * as React from "react";
+export default function BreadcrumbSlot() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(Breadcrumb, { className: "hidden sm:block" }, /* @__PURE__ */ React.createElement(BreadcrumbList, null, /* @__PURE__ */ React.createElement(BreadcrumbItem, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Link, { href: "/kryo" }, /* @__PURE__ */ React.createElement(
+    Image,
+    {
+      width: 16,
+      height: 16,
+      src: "/favicon.svg",
+      alt: "logo",
+      className: "size-4",
+      "aria-hidden": true
+    }
+  ))), /* @__PURE__ */ React.createElement(TooltipContent, null, /* @__PURE__ */ React.createElement("p", null, t("Back to Dashboard"))))), /* @__PURE__ */ React.createElement(BreadcrumbSeparator, null, "\u2022"), /* @__PURE__ */ React.createElement(BreadcrumbItem, null, /* @__PURE__ */ React.createElement(BreadcrumbPage, null, t("Dashboard")))));
+}

package/dist/ui/components/manager/module-card.cjs

@@ -0,0 +1,213 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModuleCard = ModuleCard;
+var _core = require("@arch-cadre/core");
+var _intl = require("@arch-cadre/intl");
+var _badge = require("@arch-cadre/ui/components/badge");
+var _button = require("@arch-cadre/ui/components/button");
+var _card = require("@arch-cadre/ui/components/card");
+var _switch = require("@arch-cadre/ui/components/switch");
+var _loader = require("@arch-cadre/ui/shared/loader");
+var _lucideReact = require("lucide-react");
+var _link = _interopRequireDefault(require("next/link"));
+var _navigation = require("next/navigation");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _sonner = require("sonner");
+var _manager = require("../../../actions/manager.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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ModuleCard({
+  module
+}) {
+  const router = (0, _navigation.useRouter)();
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  const [isEnabled, setIsEnabled] = (0, _react.useState)(module.enabled);
+  const [isProcessing, setIsProcessing] = (0, _react.useState)(!!module.lastStep);
+  const [localStep, setLocalStep] = (0, _react.useState)(module.lastStep || null);
+  const pollerRef = (0, _react.useRef)(null);
+  const stopPolling = (0, _react.useCallback)(() => {
+    if (pollerRef.current) {
+      clearInterval(pollerRef.current);
+      pollerRef.current = null;
+    }
+  }, []);
+  const startPolling = (0, _react.useCallback)(() => {
+    if (pollerRef.current) return;
+    pollerRef.current = setInterval(async () => {
+      try {
+        const res = await fetch(`/api/system/modules/${module.id}/status`);
+        const status = await res.json();
+        if (status.lastStep) {
+          setLocalStep(status.lastStep);
+        }
+        if (!status.lastStep) {
+          setIsProcessing(false);
+          setLocalStep(null);
+          stopPolling();
+          router.refresh();
+        } else if (status.lastStep.toLowerCase().includes("error")) {
+          setIsProcessing(false);
+          stopPolling();
+        }
+      } catch (e) {
+        console.error("Polling error", e);
+      }
+    }, 1e3);
+  }, [module.id, router, stopPolling]);
+  (0, _react.useEffect)(() => {
+    const eventType = "module:status:check";
+    const subscriberId = `card-${module.id}`;
+    _core.eventBus.subscribe(eventType, subscriberId, event => {
+      const {
+        triggerSource,
+        dependencies,
+        action
+      } = event.payload;
+      if (triggerSource === module.id || module.system) return;
+      let shouldCheck = false;
+      if (action === "enable") {
+        if (dependencies.includes(module.id)) {
+          shouldCheck = true;
+        }
+      } else if (action === "disable") {
+        if (module.dependencies?.includes(triggerSource)) {
+          shouldCheck = true;
+        }
+        if (dependencies.includes(module.id)) {
+          shouldCheck = true;
+        }
+      }
+      if (shouldCheck && !isProcessing) {
+        setIsProcessing(true);
+        setLocalStep(t("Waiting..."));
+        startPolling();
+      }
+    });
+    return () => _core.eventBus.unsubscribe(eventType, subscriberId);
+  }, [module.id, module.dependencies, isProcessing, module.system, startPolling, t]);
+  (0, _react.useEffect)(() => {
+    if (module.lastStep) {
+      setIsProcessing(true);
+      setLocalStep(module.lastStep);
+      startPolling();
+    }
+    return () => stopPolling();
+  }, [module.lastStep, startPolling, stopPolling]);
+  (0, _react.useEffect)(() => {
+    setIsEnabled(module.enabled);
+  }, [module.enabled]);
+  const handleToggle = async checked => {
+    setIsProcessing(true);
+    setLocalStep(t("Starting..."));
+    setIsEnabled(checked);
+    _core.eventBus.publish("module:status:check", {
+      triggerSource: module.id,
+      dependencies: module.dependencies || [],
+      action: checked ? "enable" : "disable"
+    }, `card-${module.id}`);
+    try {
+      await (0, _manager.toggleModuleAction)(module.id, checked);
+      startPolling();
+    } catch (_error) {
+      setIsEnabled(!checked);
+      setIsProcessing(false);
+      setLocalStep(null);
+      _sonner.toast.error(t("error_occurred"));
+    }
+  };
+  return /* @__PURE__ */React.createElement(_card.Card, {
+    className: `relative overflow-hidden transition-all duration-300 ${!isEnabled && !module.system ? "opacity-75 shadow-none border-dashed" : "shadow-md"}`
+  }, isProcessing && /* @__PURE__ */React.createElement("div", {
+    className: "absolute top-0 left-0 w-full h-1 bg-primary/20 overflow-hidden"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: `h-full bg-primary ${localStep?.startsWith("Waiting") ? "animate-pulse opacity-50" : "animate-progress-fast"}`,
+    style: {
+      width: localStep?.startsWith("Waiting") ? "100%" : "40%"
+    }
+  })), /* @__PURE__ */React.createElement(_card.CardHeader, {
+    className: "flex flex-row items-center justify-between space-y-0 pb-2"
+  }, /* @__PURE__ */React.createElement(_card.CardTitle, {
+    className: "text-base font-medium flex items-center gap-2"
+  }, module.name, module.system && /* @__PURE__ */React.createElement(_lucideReact.ShieldCheck, {
+    className: "size-4 text-primary"
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "flex items-center gap-2"
+  }, module.hasDocs && /* @__PURE__ */React.createElement(_button.Button, {
+    asChild: true,
+    variant: "ghost",
+    size: "icon",
+    className: "h-8 w-8",
+    title: t("View documentation")
+  }, /* @__PURE__ */React.createElement(_link.default, {
+    href: `/kryo/modules/docs/${module.id}`
+  }, /* @__PURE__ */React.createElement(_lucideReact.FileText, {
+    className: "size-4"
+  }))), !module.system && /* @__PURE__ */React.createElement(_switch.Switch, {
+    checked: isEnabled,
+    onCheckedChange: handleToggle,
+    disabled: isProcessing
+  }))), /* @__PURE__ */React.createElement(_card.CardContent, null, /* @__PURE__ */React.createElement("div", {
+    className: "flex items-center gap-2 mb-4"
+  }, /* @__PURE__ */React.createElement(_badge.Badge, {
+    variant: isEnabled || module.system ? "default" : "secondary"
+  }, isProcessing ? /* @__PURE__ */React.createElement("span", {
+    className: "flex items-center gap-1"
+  }, /* @__PURE__ */React.createElement(_loader.Loader, {
+    variant: isEnabled || module.system ? "dark" : "default",
+    className: "size-3"
+  }), localStep?.startsWith("Waiting") ? t("Please wait...") : t("Working...")) : isEnabled || module.system ? t("Enabled") : t("Disabled")), module.installed && /* @__PURE__ */React.createElement(_badge.Badge, {
+    variant: "outline",
+    className: "text-[10px] h-5 font-mono"
+  }, t("Installed")), module.isNpm && /* @__PURE__ */React.createElement(_badge.Badge, {
+    variant: "secondary",
+    className: "text-[10px] h-5 font-mono bg-blue-500/10 text-blue-600 border-blue-500/20"
+  }, "NPM"), /* @__PURE__ */React.createElement("span", {
+    className: "text-xs text-muted-foreground ml-auto"
+  }, "v", module.version)), isProcessing || localStep ? /* @__PURE__ */React.createElement("div", {
+    className: `p-2 rounded-lg border text-[11px] font-mono mb-2 flex items-center gap-2 ${localStep?.toLowerCase().includes("error") ? "bg-destructive/10 text-destructive border-destructive/20" : localStep?.startsWith("Waiting") ? "bg-amber-500/10 text-amber-600 border-amber-500/20" : "bg-muted/50 text-muted-foreground"}`
+  }, localStep?.toLowerCase().includes("error") ? /* @__PURE__ */React.createElement(_lucideReact.AlertCircle, {
+    className: "size-3"
+  }) : localStep?.startsWith("Waiting") ? /* @__PURE__ */React.createElement(_loader.Loader, {
+    className: "size-3 animate-spin opacity-50"
+  }) : /* @__PURE__ */React.createElement(_loader.Loader, {
+    className: "size-3 animate-spin"
+  }), /* @__PURE__ */React.createElement("span", {
+    className: "truncate"
+  }, localStep || t("Processing"))) : /* @__PURE__ */React.createElement("div", {
+    className: "space-y-3"
+  }, /* @__PURE__ */React.createElement("p", {
+    className: "text-sm text-muted-foreground line-clamp-2 h-[40px]"
+  }, t(module.description)), /* @__PURE__ */React.createElement("div", {
+    className: "flex flex-wrap gap-y-2 gap-x-4 pt-2 border-t border-muted/50"
+  }, (!module.extends || module.extends.length === 0) && (!module.dependencies || module.dependencies.length === 0) ? /* @__PURE__ */React.createElement("div", {
+    className: "flex items-center gap-1.5"
+  }, /* @__PURE__ */React.createElement("span", {
+    className: "text-[10px] font-black uppercase tracking-tight text-muted-foreground/40 italic"
+  }, t("No dependencies"))) : /* @__PURE__ */React.createElement(React.Fragment, null, module.extends && module.extends.length > 0 && /* @__PURE__ */React.createElement("div", {
+    className: "flex items-center gap-1.5"
+  }, /* @__PURE__ */React.createElement("span", {
+    className: "text-[10px] font-black uppercase tracking-tight text-primary/70"
+  }, t("Extends")), /* @__PURE__ */React.createElement("div", {
+    className: "flex gap-1"
+  }, module.extends.map(ext => /* @__PURE__ */React.createElement("span", {
+    key: ext,
+    className: "text-[10px] font-mono bg-primary/5 text-primary px-1 rounded border border-primary/10"
+  }, ext)))), module.dependencies && module.dependencies.length > 0 && /* @__PURE__ */React.createElement("div", {
+    className: "flex items-center gap-1.5"
+  }, /* @__PURE__ */React.createElement("span", {
+    className: "text-[10px] font-black uppercase tracking-tight text-muted-foreground"
+  }, t("Requires")), /* @__PURE__ */React.createElement("div", {
+    className: "flex gap-1"
+  }, module.dependencies.map(dep => /* @__PURE__ */React.createElement("span", {
+    key: dep,
+    className: "text-[10px] font-mono bg-muted text-muted-foreground px-1 rounded border"
+  }, dep)))))))));
+}

package/dist/ui/components/manager/module-card.d.ts

@@ -0,0 +1,12 @@
+import type { ModuleManifest } from "@arch-cadre/modules";
+import * as React from "react";
+interface ModuleCardProps {
+    module: ModuleManifest & {
+        installed?: boolean;
+        hasDocs?: boolean;
+        lastStep?: string | null;
+        isNpm?: boolean;
+    };
+}
+export declare function ModuleCard({ module }: ModuleCardProps): React.JSX.Element;
+export {};

package/dist/ui/components/manager/module-card.mjs

@@ -0,0 +1,197 @@
+"use client";
+import { eventBus } from "@arch-cadre/core";
+import { useTranslation } from "@arch-cadre/intl";
+import { Badge } from "@arch-cadre/ui/components/badge";
+import { Button } from "@arch-cadre/ui/components/button";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "@arch-cadre/ui/components/card";
+import { Switch } from "@arch-cadre/ui/components/switch";
+import { Loader } from "@arch-cadre/ui/shared/loader";
+import { AlertCircle, FileText, ShieldCheck } from "lucide-react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import * as React from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { toast } from "sonner";
+import { toggleModuleAction } from "../../../actions/manager.mjs";
+export function ModuleCard({ module }) {
+  const router = useRouter();
+  const { t } = useTranslation();
+  const [isEnabled, setIsEnabled] = useState(module.enabled);
+  const [isProcessing, setIsProcessing] = useState(!!module.lastStep);
+  const [localStep, setLocalStep] = useState(
+    module.lastStep || null
+  );
+  const pollerRef = useRef(null);
+  const stopPolling = useCallback(() => {
+    if (pollerRef.current) {
+      clearInterval(pollerRef.current);
+      pollerRef.current = null;
+    }
+  }, []);
+  const startPolling = useCallback(() => {
+    if (pollerRef.current) return;
+    pollerRef.current = setInterval(async () => {
+      try {
+        const res = await fetch(`/api/system/modules/${module.id}/status`);
+        const status = await res.json();
+        if (status.lastStep) {
+          setLocalStep(status.lastStep);
+        }
+        if (!status.lastStep) {
+          setIsProcessing(false);
+          setLocalStep(null);
+          stopPolling();
+          router.refresh();
+        } else if (status.lastStep.toLowerCase().includes("error")) {
+          setIsProcessing(false);
+          stopPolling();
+        }
+      } catch (e) {
+        console.error("Polling error", e);
+      }
+    }, 1e3);
+  }, [module.id, router, stopPolling]);
+  useEffect(() => {
+    const eventType = "module:status:check";
+    const subscriberId = `card-${module.id}`;
+    eventBus.subscribe(
+      eventType,
+      subscriberId,
+      (event) => {
+        const { triggerSource, dependencies, action } = event.payload;
+        if (triggerSource === module.id || module.system) return;
+        let shouldCheck = false;
+        if (action === "enable") {
+          if (dependencies.includes(module.id)) {
+            shouldCheck = true;
+          }
+        } else if (action === "disable") {
+          if (module.dependencies?.includes(triggerSource)) {
+            shouldCheck = true;
+          }
+          if (dependencies.includes(module.id)) {
+            shouldCheck = true;
+          }
+        }
+        if (shouldCheck && !isProcessing) {
+          setIsProcessing(true);
+          setLocalStep(t("Waiting..."));
+          startPolling();
+        }
+      }
+    );
+    return () => eventBus.unsubscribe(eventType, subscriberId);
+  }, [
+    module.id,
+    module.dependencies,
+    isProcessing,
+    module.system,
+    startPolling,
+    t
+  ]);
+  useEffect(() => {
+    if (module.lastStep) {
+      setIsProcessing(true);
+      setLocalStep(module.lastStep);
+      startPolling();
+    }
+    return () => stopPolling();
+  }, [module.lastStep, startPolling, stopPolling]);
+  useEffect(() => {
+    setIsEnabled(module.enabled);
+  }, [module.enabled]);
+  const handleToggle = async (checked) => {
+    setIsProcessing(true);
+    setLocalStep(t("Starting..."));
+    setIsEnabled(checked);
+    eventBus.publish(
+      "module:status:check",
+      {
+        triggerSource: module.id,
+        dependencies: module.dependencies || [],
+        action: checked ? "enable" : "disable"
+      },
+      `card-${module.id}`
+    );
+    try {
+      await toggleModuleAction(module.id, checked);
+      startPolling();
+    } catch (_error) {
+      setIsEnabled(!checked);
+      setIsProcessing(false);
+      setLocalStep(null);
+      toast.error(t("error_occurred"));
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    Card,
+    {
+      className: `relative overflow-hidden transition-all duration-300 ${!isEnabled && !module.system ? "opacity-75 shadow-none border-dashed" : "shadow-md"}`
+    },
+    isProcessing && /* @__PURE__ */ React.createElement("div", { className: "absolute top-0 left-0 w-full h-1 bg-primary/20 overflow-hidden" }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `h-full bg-primary ${localStep?.startsWith("Waiting") ? "animate-pulse opacity-50" : "animate-progress-fast"}`,
+        style: { width: localStep?.startsWith("Waiting") ? "100%" : "40%" }
+      }
+    )),
+    /* @__PURE__ */ React.createElement(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2" }, /* @__PURE__ */ React.createElement(CardTitle, { className: "text-base font-medium flex items-center gap-2" }, module.name, module.system && /* @__PURE__ */ React.createElement(ShieldCheck, { className: "size-4 text-primary" })), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, module.hasDocs && /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        asChild: true,
+        variant: "ghost",
+        size: "icon",
+        className: "h-8 w-8",
+        title: t("View documentation")
+      },
+      /* @__PURE__ */ React.createElement(Link, { href: `/kryo/modules/docs/${module.id}` }, /* @__PURE__ */ React.createElement(FileText, { className: "size-4" }))
+    ), !module.system && /* @__PURE__ */ React.createElement(
+      Switch,
+      {
+        checked: isEnabled,
+        onCheckedChange: handleToggle,
+        disabled: isProcessing
+      }
+    ))),
+    /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 mb-4" }, /* @__PURE__ */ React.createElement(Badge, { variant: isEnabled || module.system ? "default" : "secondary" }, isProcessing ? /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-1" }, /* @__PURE__ */ React.createElement(
+      Loader,
+      {
+        variant: isEnabled || module.system ? "dark" : "default",
+        className: "size-3"
+      }
+    ), localStep?.startsWith("Waiting") ? t("Please wait...") : t("Working...")) : isEnabled || module.system ? t("Enabled") : t("Disabled")), module.installed && /* @__PURE__ */ React.createElement(Badge, { variant: "outline", className: "text-[10px] h-5 font-mono" }, t("Installed")), module.isNpm && /* @__PURE__ */ React.createElement(
+      Badge,
+      {
+        variant: "secondary",
+        className: "text-[10px] h-5 font-mono bg-blue-500/10 text-blue-600 border-blue-500/20"
+      },
+      "NPM"
+    ), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground ml-auto" }, "v", module.version)), isProcessing || localStep ? /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `p-2 rounded-lg border text-[11px] font-mono mb-2 flex items-center gap-2 ${localStep?.toLowerCase().includes("error") ? "bg-destructive/10 text-destructive border-destructive/20" : localStep?.startsWith("Waiting") ? "bg-amber-500/10 text-amber-600 border-amber-500/20" : "bg-muted/50 text-muted-foreground"}`
+      },
+      localStep?.toLowerCase().includes("error") ? /* @__PURE__ */ React.createElement(AlertCircle, { className: "size-3" }) : localStep?.startsWith("Waiting") ? /* @__PURE__ */ React.createElement(Loader, { className: "size-3 animate-spin opacity-50" }) : /* @__PURE__ */ React.createElement(Loader, { className: "size-3 animate-spin" }),
+      /* @__PURE__ */ React.createElement("span", { className: "truncate" }, localStep || t("Processing"))
+    ) : /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-muted-foreground line-clamp-2 h-[40px]" }, t(module.description)), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-y-2 gap-x-4 pt-2 border-t border-muted/50" }, (!module.extends || module.extends.length === 0) && (!module.dependencies || module.dependencies.length === 0) ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-black uppercase tracking-tight text-muted-foreground/40 italic" }, t("No dependencies"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, module.extends && module.extends.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-black uppercase tracking-tight text-primary/70" }, t("Extends")), /* @__PURE__ */ React.createElement("div", { className: "flex gap-1" }, module.extends.map((ext) => /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        key: ext,
+        className: "text-[10px] font-mono bg-primary/5 text-primary px-1 rounded border border-primary/10"
+      },
+      ext
+    )))), module.dependencies && module.dependencies.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-black uppercase tracking-tight text-muted-foreground" }, t("Requires")), /* @__PURE__ */ React.createElement("div", { className: "flex gap-1" }, module.dependencies.map((dep) => /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        key: dep,
+        className: "text-[10px] font-mono bg-muted text-muted-foreground px-1 rounded border"
+      },
+      dep
+    ))))))))
+  );
+}

package/dist/ui/components/manager/module-list.cjs

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModuleMarketplaceList = ModuleMarketplaceList;
+var _intl = require("@arch-cadre/intl");
+var _separator = require("@arch-cadre/ui/components/separator");
+var React = _interopRequireWildcard(require("react"));
+var _moduleCard = require("./module-card.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 ModuleMarketplaceList({
+  initialModules
+}) {
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  const sortedModules = [...initialModules].sort((a, b) => a.name.localeCompare(b.name));
+  const coreModules = sortedModules.filter(m => m.system);
+  const publicModules = sortedModules.filter(m => !m.system);
+  return /* @__PURE__ */React.createElement("div", {
+    className: "space-y-10"
+  }, publicModules.length > 0 && /* @__PURE__ */React.createElement("div", {
+    className: "space-y-6"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "flex items-center gap-4"
+  }, /* @__PURE__ */React.createElement("h3", {
+    className: "text-sm font-bold uppercase tracking-widest text-muted-foreground shrink-0"
+  }, t("Public Modules")), /* @__PURE__ */React.createElement(_separator.Separator, {
+    className: "flex-1"
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3"
+  }, publicModules.map(module => /* @__PURE__ */React.createElement(_moduleCard.ModuleCard, {
+    key: module.id,
+    module
+  })))), coreModules.length > 0 && /* @__PURE__ */React.createElement("div", {
+    className: "space-y-6"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "flex items-center gap-4"
+  }, /* @__PURE__ */React.createElement("h3", {
+    className: "text-sm font-bold uppercase tracking-widest text-primary shrink-0"
+  }, t("Core Modules")), /* @__PURE__ */React.createElement(_separator.Separator, {
+    className: "flex-1"
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3"
+  }, coreModules.map(module => /* @__PURE__ */React.createElement(_moduleCard.ModuleCard, {
+    key: module.id,
+    module
+  })))));
+}

package/dist/ui/components/manager/module-list.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare function ModuleMarketplaceList({ initialModules, }: {
+    initialModules: any[];
+}): React.JSX.Element;

package/dist/ui/components/manager/module-list.mjs

@@ -0,0 +1,16 @@
+"use client";
+import { useTranslation } from "@arch-cadre/intl";
+import { Separator } from "@arch-cadre/ui/components/separator";
+import * as React from "react";
+import { ModuleCard } from "./module-card.mjs";
+export function ModuleMarketplaceList({
+  initialModules
+}) {
+  const { t } = useTranslation();
+  const sortedModules = [...initialModules].sort(
+    (a, b) => a.name.localeCompare(b.name)
+  );
+  const coreModules = sortedModules.filter((m) => m.system);
+  const publicModules = sortedModules.filter((m) => !m.system);
+  return /* @__PURE__ */ React.createElement("div", { className: "space-y-10" }, publicModules.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-bold uppercase tracking-widest text-muted-foreground shrink-0" }, t("Public Modules")), /* @__PURE__ */ React.createElement(Separator, { className: "flex-1" })), /* @__PURE__ */ React.createElement("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3" }, publicModules.map((module) => /* @__PURE__ */ React.createElement(ModuleCard, { key: module.id, module })))), coreModules.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-bold uppercase tracking-widest text-primary shrink-0" }, t("Core Modules")), /* @__PURE__ */ React.createElement(Separator, { className: "flex-1" })), /* @__PURE__ */ React.createElement("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3" }, coreModules.map((module) => /* @__PURE__ */ React.createElement(ModuleCard, { key: module.id, module })))));
+}

package/dist/ui/components/manager/module-upload.cjs

@@ -0,0 +1,81 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModuleUpload = ModuleUpload;
+var _intl = require("@arch-cadre/intl");
+var _button = require("@arch-cadre/ui/components/button");
+var _lucideReact = require("lucide-react");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _sonner = require("sonner");
+var _manager = require("../../../actions/manager.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 ModuleUpload() {
+  const [isUploading, setIsUploading] = (0, _react.useState)(false);
+  const [canWrite, setCanWrite] = (0, _react.useState)(null);
+  const fileInputRef = (0, _react.useRef)(null);
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  (0, _react.useEffect)(() => {
+    (0, _manager.checkDiskWriteAccess)().then(res => setCanWrite(res.canWrite));
+  }, []);
+  const handleUpload = async e => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    if (!file.name.endsWith(".zip")) {
+      _sonner.toast.error(t("Invalid file"));
+      return;
+    }
+    const formData = new FormData();
+    formData.append("file", file);
+    setIsUploading(true);
+    const id = _sonner.toast.loading(t("Uploading..."));
+    try {
+      const result = await (0, _manager.uploadModuleAction)(formData);
+      if (result.success) {
+        _sonner.toast.success(t("Upload successful"), {
+          id
+        });
+        if (fileInputRef.current) fileInputRef.current.value = "";
+      } else {
+        _sonner.toast.error(result.error || t("Upload error"), {
+          id
+        });
+      }
+    } catch (_error) {
+      _sonner.toast.error(t("error_occurred"), {
+        id
+      });
+    } finally {
+      setIsUploading(false);
+    }
+  };
+  return /* @__PURE__ */React.createElement("div", {
+    className: "flex items-center gap-4"
+  }, /* @__PURE__ */React.createElement("input", {
+    type: "file",
+    accept: ".zip",
+    className: "hidden",
+    ref: fileInputRef,
+    onChange: handleUpload,
+    disabled: isUploading
+  }), /* @__PURE__ */React.createElement(_button.Button, {
+    onClick: () => fileInputRef.current?.click(),
+    disabled: isUploading || canWrite === false,
+    variant: "outline",
+    size: "sm",
+    className: "gap-2 w-full sm:w-auto",
+    title: canWrite === false ? t("No write access") : void 0
+  }, isUploading ? /* @__PURE__ */React.createElement(_lucideReact.Loader2, {
+    className: "size-4 animate-spin"
+  }) : canWrite === false ? /* @__PURE__ */React.createElement(_lucideReact.Lock, {
+    className: "size-4 text-destructive"
+  }) : /* @__PURE__ */React.createElement(_lucideReact.Upload, {
+    className: "size-4"
+  }), canWrite === false ? t("Upload disabled") : t("Upload module")));
+}