@mounaji_npm/saas-template 0.1.0

package/dist/mounajimodules.es.js

@@ -0,0 +1,689 @@
+import be, { useState as I } from "react";
+import { TOKEN_CSS_MAP as ge, useTokens as Z, tokensToCSS as he, TOKEN_GROUPS as ve, DEFAULT_TOKENS as S } from "@mounaji_npm/tokens";
+const A = {
+  id: "home",
+  label: "Home",
+  icon: "⌂",
+  path: "/",
+  section: null,
+  order: 0
+}, O = {
+  id: "dashboard",
+  label: "Dashboard",
+  icon: "▦",
+  path: "/dashboard",
+  section: null,
+  order: 1,
+  children: [
+    { id: "dashboard-overview", label: "Overview", icon: "▦", path: "/dashboard", order: 0 },
+    { id: "dashboard-team", label: "Team", icon: "👥", path: "/dashboard/team", order: 1 },
+    { id: "dashboard-billing", label: "Billing", icon: "💳", path: "/dashboard/billing", order: 2 },
+    { id: "dashboard-usage", label: "Usage", icon: "📈", path: "/dashboard/usage", order: 3 }
+  ]
+}, M = {
+  id: "chat",
+  label: "Chat",
+  icon: "💬",
+  path: "/chat",
+  section: null,
+  order: 3
+}, ye = {
+  id: "discover",
+  label: "Discover",
+  icon: "🧭",
+  path: "/discover",
+  section: null,
+  order: 2,
+  badge: "Soon",
+  disabled: !0
+}, z = {
+  id: "assistants",
+  label: "Assistants",
+  icon: "🤖",
+  path: "/assistants",
+  section: "Workspace",
+  order: 1
+}, U = {
+  id: "knowledge-base",
+  label: "Knowledge Base",
+  icon: "🧠",
+  path: "/knowledge-base",
+  section: "Workspace",
+  order: 2
+}, ke = {
+  id: "agent-workspace",
+  label: "Agent Workspace",
+  icon: "⊞",
+  path: "/workspace",
+  section: "Workspace",
+  order: 3
+}, Q = {
+  id: "inventory",
+  label: "Inventory",
+  icon: "📦",
+  path: "/inventory",
+  section: "Workspace",
+  order: 4
+}, je = {
+  id: "platforms",
+  label: "Platforms",
+  icon: "⚡",
+  path: "/platforms",
+  section: "Channels",
+  order: 1,
+  children: [
+    { id: "platforms-all", label: "All Platforms", icon: "⚡", path: "/platforms", order: 0 },
+    { id: "platforms-analytics", label: "Analytics", icon: "📊", path: "/platforms/analytics", order: 1 }
+  ]
+}, ee = {
+  id: "workflows",
+  label: "Workflows",
+  icon: "⎇",
+  path: "/workflows",
+  section: "Channels",
+  order: 2
+}, re = {
+  id: "tasks",
+  label: "Tasks",
+  icon: "☑",
+  path: "/tasks",
+  section: "Channels",
+  order: 3
+}, Ee = {
+  id: "connections",
+  label: "Connections",
+  icon: "⛓",
+  path: "/connections",
+  section: "Channels",
+  order: 4
+}, ne = {
+  id: "email",
+  label: "Email",
+  icon: "✉",
+  path: "/email",
+  section: "Communication",
+  order: 1
+}, te = {
+  id: "contacts",
+  label: "Contacts",
+  icon: "👤",
+  path: "/contacts",
+  section: "Communication",
+  order: 2
+}, Se = {
+  id: "pricing",
+  label: "Pricing",
+  icon: "💲",
+  path: "/pricing",
+  section: "Account",
+  order: 1
+}, _e = {
+  id: "api-keys",
+  label: "API Keys",
+  icon: "🔑",
+  path: "/dashboard/api-keys",
+  section: "Account",
+  order: 2
+}, Me = {
+  id: "settings",
+  label: "Settings",
+  icon: "⚙",
+  path: "/settings",
+  order: 1,
+  children: [
+    { id: "settings-design", label: "Design Tokens", icon: "🎨", path: "/settings/design", order: 0 },
+    { id: "settings-models", label: "AI Models", icon: "🤖", path: "/settings/models", order: 1 }
+  ]
+}, ze = {
+  id: "help",
+  label: "Help",
+  icon: "?",
+  path: "/help",
+  order: 2
+}, Ue = [
+  A,
+  O,
+  ye,
+  M,
+  z,
+  U,
+  ke,
+  Q,
+  je,
+  ee,
+  re,
+  Ee,
+  ne,
+  te,
+  Se,
+  _e
+], We = [
+  A,
+  O,
+  M,
+  z,
+  U
+], Ye = [
+  A,
+  O,
+  M,
+  z,
+  U,
+  ee
+], $e = [
+  A,
+  O,
+  re,
+  Q,
+  te,
+  ne
+];
+var F = { exports: {} }, j = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var V;
+function Te() {
+  if (V) return j;
+  V = 1;
+  var n = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function s(l, o, a) {
+    var d = null;
+    if (a !== void 0 && (d = "" + a), o.key !== void 0 && (d = "" + o.key), "key" in o) {
+      a = {};
+      for (var m in o)
+        m !== "key" && (a[m] = o[m]);
+    } else a = o;
+    return o = a.ref, {
+      $$typeof: n,
+      type: l,
+      key: d,
+      ref: o !== void 0 ? o : null,
+      props: a
+    };
+  }
+  return j.Fragment = i, j.jsx = s, j.jsxs = s, j;
+}
+var E = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var q;
+function Re() {
+  return q || (q = 1, process.env.NODE_ENV !== "production" && (function() {
+    function n(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === me ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case b:
+          return "Fragment";
+        case ae:
+          return "Profiler";
+        case oe:
+          return "StrictMode";
+        case de:
+          return "Suspense";
+        case ce:
+          return "SuspenseList";
+        case pe:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case T:
+            return "Portal";
+          case se:
+            return e.displayName || "Context";
+          case ie:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case le:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ue:
+            return t = e.displayName || null, t !== null ? t : n(e.type) || "Memo";
+          case w:
+            t = e._payload, e = e._init;
+            try {
+              return n(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function i(e) {
+      return "" + e;
+    }
+    function s(e) {
+      try {
+        i(e);
+        var t = !1;
+      } catch {
+        t = !0;
+      }
+      if (t) {
+        t = console;
+        var c = t.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c.call(
+          t,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          u
+        ), i(e);
+      }
+    }
+    function l(e) {
+      if (e === b) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === w)
+        return "<...>";
+      try {
+        var t = n(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = P.A;
+      return e === null ? null : e.getOwner();
+    }
+    function a() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (W.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, t) {
+      function c() {
+        Y || (Y = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          t
+        ));
+      }
+      c.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: c,
+        configurable: !0
+      });
+    }
+    function f() {
+      var e = n(this.type);
+      return $[e] || ($[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function x(e, t, c, u, R, B) {
+      var p = c.ref;
+      return e = {
+        $$typeof: _,
+        type: e,
+        key: t,
+        props: c,
+        _owner: u
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: f
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: R
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: B
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function g(e, t, c, u, R, B) {
+      var p = t.children;
+      if (p !== void 0)
+        if (u)
+          if (fe(p)) {
+            for (u = 0; u < p.length; u++)
+              k(p[u]);
+            Object.freeze && Object.freeze(p);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else k(p);
+      if (W.call(t, "key")) {
+        p = n(e);
+        var y = Object.keys(t).filter(function(xe) {
+          return xe !== "key";
+        });
+        u = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", K[p + u] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          u,
+          p,
+          y,
+          p
+        ), K[p + u] = !0);
+      }
+      if (p = null, c !== void 0 && (s(c), p = "" + c), d(t) && (s(t.key), p = "" + t.key), "key" in t) {
+        c = {};
+        for (var N in t)
+          N !== "key" && (c[N] = t[N]);
+      } else c = t;
+      return p && m(
+        c,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), x(
+        e,
+        p,
+        c,
+        o(),
+        R,
+        B
+      );
+    }
+    function k(e) {
+      h(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === w && (e._payload.status === "fulfilled" ? h(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function h(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === _;
+    }
+    var v = be, _ = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), oe = Symbol.for("react.strict_mode"), ae = Symbol.for("react.profiler"), ie = Symbol.for("react.consumer"), se = Symbol.for("react.context"), le = Symbol.for("react.forward_ref"), de = Symbol.for("react.suspense"), ce = Symbol.for("react.suspense_list"), ue = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), pe = Symbol.for("react.activity"), me = Symbol.for("react.client.reference"), P = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, fe = Array.isArray, D = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    v = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var Y, $ = {}, G = v.react_stack_bottom_frame.bind(
+      v,
+      a
+    )(), J = D(l(a)), K = {};
+    E.Fragment = b, E.jsx = function(e, t, c) {
+      var u = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return g(
+        e,
+        t,
+        c,
+        !1,
+        u ? Error("react-stack-top-frame") : G,
+        u ? D(l(e)) : J
+      );
+    }, E.jsxs = function(e, t, c) {
+      var u = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return g(
+        e,
+        t,
+        c,
+        !0,
+        u ? Error("react-stack-top-frame") : G,
+        u ? D(l(e)) : J
+      );
+    };
+  })()), E;
+}
+var H;
+function Fe() {
+  return H || (H = 1, process.env.NODE_ENV === "production" ? F.exports = Te() : F.exports = Re()), F.exports;
+}
+var r = Fe();
+function Ce(n) {
+  if (!n) return {};
+  const i = {};
+  return Object.entries(n).forEach(([s, l]) => {
+    const o = ge[s];
+    o && (i[o] = l);
+  }), i;
+}
+const Ae = [
+  { label: "Total Messages", value: "—", icon: "💬", variant: "primary" },
+  { label: "Active Assistants", value: "—", icon: "🤖", variant: "success" },
+  { label: "Knowledge Docs", value: "—", icon: "🧠", variant: "accent" },
+  { label: "API Calls (30d)", value: "—", icon: "⚡", variant: "warning" }
+];
+function Ge({ metrics: n = Ae, activity: i = [], usageBars: s = [], header: l, tokens: o, style: a }) {
+  return /* @__PURE__ */ r.jsxs("div", { style: {
+    padding: "var(--mn-spacing-xl, 32px)",
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--mn-spacing-xl, 32px)",
+    fontFamily: "var(--mn-font-family, inherit)",
+    ...Ce(o),
+    ...a
+  }, children: [
+    l ?? /* @__PURE__ */ r.jsxs("div", { children: [
+      /* @__PURE__ */ r.jsx("h1", { style: { margin: 0, fontSize: "var(--mn-font-size-2xl, 1.5rem)", fontWeight: 700, color: "var(--mn-text-primary-dark, #F0F4FF)" }, children: "Dashboard" }),
+      /* @__PURE__ */ r.jsx("p", { style: { margin: "4px 0 0", fontSize: "var(--mn-font-size-sm, 0.875rem)", color: "var(--mn-text-secondary-dark, #94A3B8)" }, children: "Overview of your workspace activity" })
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))", gap: 16 }, children: n.map((d, m) => /* @__PURE__ */ r.jsx(Oe, { ...d }, d.label ?? m)) }),
+    /* @__PURE__ */ r.jsxs("div", { style: { display: "grid", gridTemplateColumns: s.length ? "1fr 1fr" : "1fr", gap: 24 }, children: [
+      i.length > 0 && /* @__PURE__ */ r.jsx(X, { title: "Recent Activity", children: i.map((d, m) => /* @__PURE__ */ r.jsx(we, { item: d }, m)) }),
+      s.length > 0 && /* @__PURE__ */ r.jsx(X, { title: "Plan Usage", children: /* @__PURE__ */ r.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: s.map((d, m) => /* @__PURE__ */ r.jsx(Pe, { ...d }, m)) }) })
+    ] })
+  ] });
+}
+function Oe({ label: n, value: i, icon: s, variant: l = "primary" }) {
+  const o = { primary: "#3B82F6", success: "#10B981", warning: "#F59E0B", danger: "#EF4444", accent: "#8B5CF6" }, a = o[l] ?? o.primary;
+  return /* @__PURE__ */ r.jsxs("div", { style: { padding: 20, borderRadius: "var(--mn-radius-lg, 0.75rem)", backgroundColor: "var(--mn-color-card-dark, #0B0F23)", border: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))" }, children: [
+    /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ r.jsx("span", { style: { fontSize: "0.8125rem", color: "var(--mn-text-secondary-dark, #94A3B8)" }, children: n }),
+      /* @__PURE__ */ r.jsx("div", { style: { width: 32, height: 32, borderRadius: "var(--mn-radius-md, 0.5rem)", backgroundColor: `${a}18`, display: "flex", alignItems: "center", justifyContent: "center", fontSize: 16 }, children: s })
+    ] }),
+    /* @__PURE__ */ r.jsx("p", { style: { margin: "12px 0 0", fontSize: "1.5rem", fontWeight: 700, color: "var(--mn-text-primary-dark, #F0F4FF)" }, children: i })
+  ] });
+}
+function X({ title: n, children: i }) {
+  return /* @__PURE__ */ r.jsxs("div", { style: { borderRadius: "var(--mn-radius-lg, 0.75rem)", backgroundColor: "var(--mn-color-card-dark, #0B0F23)", border: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))", overflow: "hidden" }, children: [
+    /* @__PURE__ */ r.jsx("div", { style: { padding: "14px 20px", borderBottom: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))" }, children: /* @__PURE__ */ r.jsx("h2", { style: { margin: 0, fontSize: "0.875rem", fontWeight: 600, color: "var(--mn-text-primary-dark, #F0F4FF)" }, children: n }) }),
+    /* @__PURE__ */ r.jsx("div", { style: { padding: "0 20px" }, children: i })
+  ] });
+}
+function we({ item: n }) {
+  return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", gap: 10, alignItems: "flex-start", padding: "12px 0", borderBottom: "1px solid var(--mn-border-dark, rgba(255,255,255,0.05))" }, children: [
+    n.icon && /* @__PURE__ */ r.jsx("span", { style: { fontSize: 16, marginTop: 1 }, children: n.icon }),
+    /* @__PURE__ */ r.jsxs("div", { style: { flex: 1 }, children: [
+      /* @__PURE__ */ r.jsx("p", { style: { margin: 0, fontSize: "0.8125rem", color: "var(--mn-text-primary-dark, #F0F4FF)", fontWeight: 500 }, children: n.title }),
+      n.description && /* @__PURE__ */ r.jsx("p", { style: { margin: "2px 0 0", fontSize: "0.75rem", color: "var(--mn-text-secondary-dark, #94A3B8)" }, children: n.description })
+    ] }),
+    n.ts && /* @__PURE__ */ r.jsx("span", { style: { fontSize: 11, color: "var(--mn-text-muted-dark, #64748B)", flexShrink: 0 }, children: n.ts })
+  ] });
+}
+function Pe({ label: n, used: i, total: s, unit: l = "" }) {
+  const o = s > 0 ? Math.round(i / s * 100) : 0, a = o >= 90 ? "#EF4444" : o >= 70 ? "#F59E0B" : "#3B82F6";
+  return /* @__PURE__ */ r.jsxs("div", { children: [
+    /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 6 }, children: [
+      /* @__PURE__ */ r.jsx("span", { style: { fontSize: "0.8125rem", color: "var(--mn-text-secondary-dark, #94A3B8)" }, children: n }),
+      /* @__PURE__ */ r.jsxs("span", { style: { fontSize: "0.8125rem", fontWeight: 600, color: "var(--mn-text-primary-dark, #F0F4FF)" }, children: [
+        i.toLocaleString(),
+        l,
+        " / ",
+        s === 1 / 0 ? "∞" : s.toLocaleString(),
+        l
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { style: { height: 6, borderRadius: 9999, backgroundColor: "rgba(255,255,255,0.08)", overflow: "hidden" }, children: /* @__PURE__ */ r.jsx("div", { style: { height: "100%", width: `${o}%`, backgroundColor: a, borderRadius: "inherit", transition: "width 300ms" } }) })
+  ] });
+}
+function Je({ tabs: n = [], defaultTab: i = "design", tokens: s, style: l }) {
+  var T;
+  const { tokens: o, updateToken: a, updateTokens: d, resetTokens: m, saveTokens: f, isDirty: x } = Z(), k = [...[
+    { id: "design", label: "🎨 Design Tokens", content: /* @__PURE__ */ r.jsx(De, { tokens: o, onChange: a, onReset: m, onSave: f, isDirty: x }) },
+    { id: "account", label: "👤 Account", content: /* @__PURE__ */ r.jsx(L, { label: "Account settings" }) },
+    { id: "billing", label: "💳 Billing", content: /* @__PURE__ */ r.jsx(L, { label: "Billing settings" }) },
+    { id: "api-keys", label: "🔑 API Keys", content: /* @__PURE__ */ r.jsx(L, { label: "API key management" }) }
+  ], ...n], [h, v] = I(i), _ = (T = k.find((b) => b.id === h)) == null ? void 0 : T.content;
+  return /* @__PURE__ */ r.jsxs("div", { style: {
+    padding: "var(--mn-spacing-xl, 32px)",
+    display: "flex",
+    flexDirection: "column",
+    gap: 24,
+    fontFamily: "var(--mn-font-family, inherit)",
+    ...l
+  }, children: [
+    /* @__PURE__ */ r.jsxs("div", { children: [
+      /* @__PURE__ */ r.jsx("h1", { style: { margin: 0, fontSize: "var(--mn-font-size-2xl, 1.5rem)", fontWeight: 700, color: "var(--mn-text-primary-dark, #F0F4FF)" }, children: "Settings" }),
+      /* @__PURE__ */ r.jsx("p", { style: { margin: "4px 0 0", fontSize: "0.875rem", color: "var(--mn-text-secondary-dark, #94A3B8)" }, children: "Configure your workspace and platform appearance" })
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { style: { display: "flex", gap: 4, borderBottom: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))", paddingBottom: 0 }, children: k.map((b) => /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        onClick: () => v(b.id),
+        style: {
+          padding: "8px 16px",
+          background: "none",
+          border: "none",
+          borderBottom: h === b.id ? "2px solid var(--mn-color-primary, #3B82F6)" : "2px solid transparent",
+          color: h === b.id ? "var(--mn-text-primary-dark, #F0F4FF)" : "var(--mn-text-secondary-dark, #94A3B8)",
+          fontSize: "0.875rem",
+          fontWeight: 500,
+          cursor: "pointer",
+          marginBottom: -1,
+          fontFamily: "inherit",
+          transition: "color 150ms, border-color 150ms"
+        },
+        children: b.label
+      },
+      b.id
+    )) }),
+    /* @__PURE__ */ r.jsx("div", { children: _ })
+  ] });
+}
+function De({ tokens: n, onChange: i, onReset: s, onSave: l, isDirty: o }) {
+  const [a, d] = I("");
+  function m(f, x) {
+    var g;
+    (g = navigator.clipboard) == null || g.writeText(f).then(() => {
+      d(x), setTimeout(() => d(""), 2e3);
+    });
+  }
+  return /* @__PURE__ */ r.jsxs("div", { style: { display: "grid", gridTemplateColumns: "minmax(0,1fr) 320px", gap: 24, alignItems: "start" }, children: [
+    /* @__PURE__ */ r.jsxs("div", { children: [
+      /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", gap: 8, marginBottom: 16 }, children: [
+        o && /* @__PURE__ */ r.jsx(C, { onClick: s, variant: "ghost", children: "Reset" }),
+        /* @__PURE__ */ r.jsx(C, { onClick: l, disabled: !o, variant: "primary", children: o ? "Save Changes" : "Saved" }),
+        /* @__PURE__ */ r.jsx(C, { onClick: () => m(he(n), "css"), variant: "outline", children: a === "css" ? "✓ Copied" : "Copy CSS" }),
+        /* @__PURE__ */ r.jsx(C, { onClick: () => m(JSON.stringify(n, null, 2), "json"), variant: "outline", children: a === "json" ? "✓ Copied" : "Copy JSON" })
+      ] }),
+      ve.map((f) => /* @__PURE__ */ r.jsx(Be, { group: f, tokens: n, onChange: i }, f.id))
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { style: { position: "sticky", top: 70 }, children: /* @__PURE__ */ r.jsx(Ne, { tokens: n }) })
+  ] });
+}
+function Be({ group: n, tokens: i }) {
+  const [s, l] = I(!0), { updateToken: o } = Z();
+  return /* @__PURE__ */ r.jsxs("div", { style: { marginBottom: 12, borderRadius: "var(--mn-radius-lg, 0.75rem)", border: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))", overflow: "hidden" }, children: [
+    /* @__PURE__ */ r.jsxs(
+      "button",
+      {
+        onClick: () => l((a) => !a),
+        style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", padding: "12px 16px", background: "none", border: "none", cursor: "pointer", color: "var(--mn-text-primary-dark, #F0F4FF)", fontFamily: "inherit" },
+        children: [
+          /* @__PURE__ */ r.jsx("span", { style: { fontWeight: 600, fontSize: "0.8125rem" }, children: n.label }),
+          /* @__PURE__ */ r.jsx("span", { style: { fontSize: 10, color: "var(--mn-text-muted-dark, #64748B)" }, children: s ? "▲" : "▼" })
+        ]
+      }
+    ),
+    s && n.tokens.map((a) => {
+      var f;
+      const d = i[a.key] ?? S[a.key], m = d === S[a.key];
+      return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, padding: "8px 16px", borderTop: "1px solid var(--mn-border-dark, rgba(255,255,255,0.05))" }, children: [
+        /* @__PURE__ */ r.jsxs("div", { children: [
+          /* @__PURE__ */ r.jsx("p", { style: { margin: 0, fontSize: "0.8125rem", fontWeight: 500, color: "var(--mn-text-primary-dark, #F0F4FF)" }, children: a.label }),
+          /* @__PURE__ */ r.jsx("code", { style: { fontSize: 11, color: "var(--mn-text-muted-dark, #64748B)" }, children: a.key })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          !m && /* @__PURE__ */ r.jsx("button", { onClick: () => o(a.key, S[a.key]), style: { background: "none", border: "none", cursor: "pointer", color: "var(--mn-text-muted-dark, #64748B)", fontSize: 14 }, children: "↺" }),
+          a.type === "color" ? /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+            /* @__PURE__ */ r.jsx("input", { type: "color", value: (f = d.startsWith) != null && f.call(d, "#") ? d : "#000000", onChange: (x) => o(a.key, x.target.value), style: { width: 28, height: 28, border: "none", borderRadius: 4, cursor: "pointer", padding: 0 } }),
+            /* @__PURE__ */ r.jsx("input", { type: "text", value: d, onChange: (x) => o(a.key, x.target.value), style: { width: 88, padding: "3px 8px", borderRadius: 6, border: "1px solid var(--mn-border-dark, rgba(255,255,255,0.1))", backgroundColor: "rgba(255,255,255,0.05)", color: "var(--mn-text-primary-dark, #F0F4FF)", fontSize: 12, outline: "none", fontFamily: "monospace" } })
+          ] }) : /* @__PURE__ */ r.jsx("input", { type: "text", value: d, onChange: (x) => o(a.key, x.target.value), style: { width: 120, padding: "3px 8px", borderRadius: 6, border: "1px solid var(--mn-border-dark, rgba(255,255,255,0.1))", backgroundColor: "rgba(255,255,255,0.05)", color: "var(--mn-text-primary-dark, #F0F4FF)", fontSize: 12, outline: "none" } })
+        ] })
+      ] }, a.key);
+    })
+  ] });
+}
+function Ne({ tokens: n }) {
+  return /* @__PURE__ */ r.jsxs("div", { style: { borderRadius: "var(--mn-radius-lg, 0.75rem)", border: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))", overflow: "hidden" }, children: [
+    /* @__PURE__ */ r.jsx("div", { style: { padding: "12px 16px", borderBottom: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))" }, children: /* @__PURE__ */ r.jsx("p", { style: { margin: 0, fontSize: "0.8125rem", fontWeight: 600, color: "var(--mn-text-primary-dark, #F0F4FF)" }, children: "Live Preview" }) }),
+    /* @__PURE__ */ r.jsxs("div", { style: { padding: 16, display: "flex", flexDirection: "column", gap: 12 }, children: [
+      /* @__PURE__ */ r.jsx("div", { style: { display: "flex", gap: 6, flexWrap: "wrap" }, children: ["colorPrimary", "colorAccent", "colorAccentAlt", "colorSuccess", "colorWarning", "colorDanger"].map((i) => /* @__PURE__ */ r.jsx("div", { title: i, style: { width: 28, height: 28, borderRadius: 6, backgroundColor: n[i] ?? S[i] } }, i)) }),
+      /* @__PURE__ */ r.jsx("button", { style: { padding: "8px 16px", borderRadius: "var(--mn-radius-md, 0.5rem)", backgroundColor: "var(--mn-color-primary, #3B82F6)", color: "#fff", border: "none", fontFamily: "var(--mn-font-family, inherit)", fontSize: "0.875rem", fontWeight: 500, cursor: "default" }, children: "Primary Button" }),
+      /* @__PURE__ */ r.jsx("button", { style: { padding: "8px 16px", borderRadius: "var(--mn-radius-md, 0.5rem)", backgroundColor: "transparent", color: "var(--mn-color-primary, #3B82F6)", border: "1px solid var(--mn-color-primary, #3B82F6)", fontFamily: "var(--mn-font-family, inherit)", fontSize: "0.875rem", fontWeight: 500, cursor: "default" }, children: "Outline Button" }),
+      /* @__PURE__ */ r.jsxs("div", { style: { padding: 12, borderRadius: "var(--mn-radius-lg, 0.75rem)", backgroundColor: "var(--mn-color-card-dark, #0B0F23)", border: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))" }, children: [
+        /* @__PURE__ */ r.jsx("p", { style: { margin: 0, fontSize: "0.875rem", fontWeight: 600, color: "var(--mn-text-primary-dark, #F0F4FF)" }, children: "Card surface" }),
+        /* @__PURE__ */ r.jsx("p", { style: { margin: "4px 0 0", fontSize: "0.75rem", color: "var(--mn-text-secondary-dark, #94A3B8)" }, children: "Secondary text color" })
+      ] }),
+      /* @__PURE__ */ r.jsx("div", { style: { display: "flex", gap: 8 }, children: ["radiusSm", "radiusMd", "radiusLg", "radiusXl"].map((i) => /* @__PURE__ */ r.jsx("div", { style: { width: 32, height: 32, backgroundColor: "var(--mn-color-accent, #8B5CF6)", borderRadius: n[i] ?? S[i] } }, i)) })
+    ] })
+  ] });
+}
+function C({ children: n, onClick: i, variant: s = "primary", disabled: l = !1 }) {
+  const o = {
+    primary: { backgroundColor: "var(--mn-color-primary, #3B82F6)", color: "#fff", border: "none" },
+    ghost: { backgroundColor: "rgba(255,255,255,0.06)", color: "var(--mn-text-secondary-dark, #94A3B8)", border: "none" },
+    outline: { backgroundColor: "transparent", color: "var(--mn-text-secondary-dark, #94A3B8)", border: "1px solid var(--mn-border-md-dark, rgba(255,255,255,0.13))" }
+  };
+  return /* @__PURE__ */ r.jsx("button", { onClick: i, disabled: l, style: { ...o[s], padding: "6px 14px", borderRadius: "var(--mn-radius-md, 0.5rem)", fontSize: "0.8125rem", fontWeight: 500, cursor: l ? "not-allowed" : "pointer", opacity: l ? 0.5 : 1, fontFamily: "inherit" }, children: n });
+}
+function L({ label: n }) {
+  return /* @__PURE__ */ r.jsxs("div", { style: { padding: "40px 0", textAlign: "center", color: "var(--mn-text-muted-dark, #64748B)", fontSize: "0.875rem" }, children: [
+    n,
+    " — configure with your own content"
+  ] });
+}
+export {
+  ke as AGENT_WORKSPACE_MODULE,
+  Ye as AI_BUNDLE,
+  Ue as ALL_MODULES,
+  _e as API_KEYS_MODULE,
+  z as ASSISTANTS_MODULE,
+  M as CHAT_MODULE,
+  Ee as CONNECTIONS_MODULE,
+  te as CONTACTS_MODULE,
+  We as CORE_MODULES,
+  O as DASHBOARD_MODULE,
+  ye as DISCOVER_MODULE,
+  Ge as DashboardPage,
+  ne as EMAIL_MODULE,
+  ze as HELP_MODULE,
+  A as HOME_MODULE,
+  Q as INVENTORY_MODULE,
+  U as KNOWLEDGE_BASE_MODULE,
+  $e as OPS_BUNDLE,
+  je as PLATFORMS_MODULE,
+  Se as PRICING_MODULE,
+  Me as SETTINGS_MODULE,
+  Je as SettingsPage,
+  re as TASKS_MODULE,
+  ee as WORKFLOWS_MODULE
+};
+//# sourceMappingURL=mounajimodules.es.js.map