@code0-tech/pictor 0.0.0-mvp.22 → 0.0.0-mvp.24

package/dist/components/d-member/DNamespaceMemberContent.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { NamespaceMember } from '@code0-tech/sagittarius-graphql-types';
+import { DNamespaceRoleView } from '../d-role';
+import { DNamespaceMemberView } from './DNamespaceMember.view';
+export interface DNamespaceMemberContentProps {
+    memberId: NamespaceMember['id'];
+    onRemove?: (member: DNamespaceMemberView) => void;
+    onAssignRole?: (member: DNamespaceMemberView, roles: DNamespaceRoleView[]) => void;
+}
+export declare const DNamespaceMemberContent: React.FC<DNamespaceMemberContentProps>;

package/dist/components/d-member/DNamespaceMemberContent.js

@@ -0,0 +1,176 @@
+import { jsxs as r, jsx as e, Fragment as K } from "react/jsx-runtime";
+import c from "react";
+import { Flex as n } from "../flex/Flex.js";
+import { useService as g, useStore as y } from "../../utils/contextStore.js";
+import "merge-props";
+import { DNamespaceMemberReactiveService as D } from "./DNamespaceMember.service.js";
+import { DUserReactiveService as x } from "../d-user/DUser.service.js";
+import { Menu as z, MenuTrigger as I, MenuPortal as T, MenuContent as w, MenuLabel as O, MenuItem as f, MenuSeparator as Q } from "../menu/Menu.js";
+import { Avatar as W } from "../avatar/Avatar.js";
+import { Text as o } from "../text/Text.js";
+import "../../_virtual/compiler-runtime.js";
+import { Card as X } from "../card/Card.js";
+import { Badge as m } from "../badge/Badge.js";
+import { IconTrash as Z, IconMailCheck as $, IconDots as _, IconUserOff as ee, IconUserCog as re } from "@tabler/icons-react";
+import { Button as l } from "../button/Button.js";
+import j from "../card/CardSection.js";
+import "@radix-ui/react-checkbox";
+import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/form/Input.style.css';/* empty css                       */
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import "../form/InputSuggestion.js";
+import "../form/NumberInput.js";
+import "../form/PasswordInput.js";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-radio-group";
+import "../form/SwitchInput.js";
+import "../form/TextInput.js";
+/* empty css                            */
+import { DNamespaceRoleReactiveService as B } from "../d-role/DNamespaceRole.service.js";
+import { DNamespaceRolePermissions as b } from "../d-role/DNamespaceRolePermissions.js";
+import { Tooltip as ie, TooltipTrigger as ne, TooltipPortal as oe, TooltipContent as te, TooltipArrow as le } from "../tooltip/Tooltip.js";
+import { Dialog as k, DialogPortal as N, DialogContent as P, DialogClose as d } from "../dialog/Dialog.js";
+const Le = (F) => {
+  const {
+    memberId: v,
+    onAssignRole: U = () => {
+    },
+    onRemove: L = () => {
+    }
+  } = F, Y = g(D), E = y(D), V = g(x), q = y(x), C = g(B), G = y(B), t = c.useMemo(() => Y.getById(v), [E, v]), s = c.useMemo(() => V.getById(t?.user?.id), [q, t]), h = c.useMemo(() => t?.roles?.nodes?.map((i) => C.getById(i?.id, {
+    namespaceId: t?.namespace?.id
+  })) || [], [G, t]), [p, S] = c.useState(h), [H, A] = c.useState(!1), [J, R] = c.useState(!1), M = C.values({
+    namespaceId: t?.namespace?.id
+  }).filter((i) => !p.find((a) => a?.id === i.id));
+  return /* @__PURE__ */ r(n, { align: "center", style: {
+    gap: "1.3rem"
+  }, justify: "space-between", children: [
+    /* @__PURE__ */ e(k, { open: H, onOpenChange: (i) => A(i), children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(P, { showCloseButton: !0, title: "Remove member", children: [
+      /* @__PURE__ */ r(o, { size: "md", hierarchy: "secondary", children: [
+        "Are you sure you want to remove ",
+        " ",
+        /* @__PURE__ */ e(m, { color: "info", children: /* @__PURE__ */ r(o, { size: "md", style: {
+          color: "inherit"
+        }, children: [
+          "@",
+          s?.username
+        ] }) }),
+        " ",
+        " ",
+        "from the namespace members?"
+      ] }),
+      /* @__PURE__ */ r(n, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "secondary", children: "No, go back!" }) }),
+        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "error", onClick: () => L(t), children: "Yes, remove!" }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ e(k, { open: J, onOpenChange: (i) => R(i), children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(P, { autoFocus: !0, showCloseButton: !0, title: "Assign roles", children: [
+      /* @__PURE__ */ e(o, { size: "md", hierarchy: "tertiary", children: "Assign, remove and manage the roles of a active member" }),
+      /* @__PURE__ */ r(X, { paddingSize: "xs", color: "secondary", children: [
+        p.map((i) => /* @__PURE__ */ e(j, { border: !0, children: /* @__PURE__ */ r(n, { style: {
+          gap: "0.7rem"
+        }, align: "center", justify: "space-between", children: [
+          /* @__PURE__ */ r(n, { align: "center", style: {
+            gap: "1.3rem"
+          }, children: [
+            /* @__PURE__ */ e(o, { hierarchy: "primary", children: i?.name }),
+            /* @__PURE__ */ e(b, { abilities: i?.abilities })
+          ] }),
+          /* @__PURE__ */ e(l, { color: "error", paddingSize: "xxs", onClick: () => {
+            S((a) => a.filter((u) => u?.id != i?.id));
+          }, children: /* @__PURE__ */ e(Z, { size: 16 }) })
+        ] }) }, i?.id)),
+        /* @__PURE__ */ r(z, { children: [
+          /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(j, { hover: !0, p: 0.35, border: !0, display: "flex", justify: "center", children: /* @__PURE__ */ e(l, { paddingSize: "xxs", variant: "none", children: "Assign roles" }) }) }),
+          /* @__PURE__ */ e(T, { children: /* @__PURE__ */ r(w, { side: "bottom", sideOffset: 8, align: "center", children: [
+            /* @__PURE__ */ e(O, { children: "Roles to add" }),
+            M.map((i, a) => /* @__PURE__ */ r(K, { children: [
+              /* @__PURE__ */ e(f, { onSelect: () => {
+                S((u) => [...u, i]);
+              }, children: /* @__PURE__ */ r(n, { align: "center", style: {
+                gap: "1.3rem"
+              }, children: [
+                /* @__PURE__ */ e(o, { hierarchy: "primary", children: i?.name }),
+                /* @__PURE__ */ e(b, { abilities: i?.abilities })
+              ] }) }),
+              a < M.length - 1 && /* @__PURE__ */ e(Q, {})
+            ] }))
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ r(n, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "secondary", children: "No, go back!" }) }),
+        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { onClick: () => U(t, p), color: "success", children: "Yes, save!" }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ r(n, { style: {
+      gap: "1.3rem"
+    }, align: "center", children: [
+      /* @__PURE__ */ r(n, { align: "center", style: {
+        gap: ".7rem"
+      }, children: [
+        /* @__PURE__ */ e(W, { identifier: s?.username, bg: "transparent" }),
+        /* @__PURE__ */ r(n, { style: {
+          flexDirection: "column",
+          gap: "0.35rem"
+        }, children: [
+          /* @__PURE__ */ r(o, { size: "md", hierarchy: "primary", children: [
+            "@",
+            s?.username
+          ] }),
+          /* @__PURE__ */ e(o, { size: "sm", hierarchy: "tertiary", children: s?.email })
+        ] })
+      ] }),
+      h.length > 0 ? /* @__PURE__ */ r(n, { style: {
+        flexDirection: "column",
+        gap: "0.35rem"
+      }, children: [
+        /* @__PURE__ */ e(o, { size: "xs", hierarchy: "tertiary", children: "Assigned roles" }),
+        /* @__PURE__ */ e(n, { align: "center", style: {
+          gap: "0.35rem"
+        }, children: h.map((i) => /* @__PURE__ */ r(ie, { children: [
+          /* @__PURE__ */ e(ne, { asChild: !0, children: /* @__PURE__ */ e(m, { color: "info", children: /* @__PURE__ */ e(o, { style: {
+            color: "inherit"
+          }, hierarchy: "tertiary", children: i?.name }) }) }),
+          /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ r(te, { side: "bottom", children: [
+            /* @__PURE__ */ e(b, { abilities: i?.abilities }),
+            /* @__PURE__ */ e(le, {})
+          ] }) })
+        ] })) })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ r(n, { align: "center", style: {
+      gap: "1.3rem"
+    }, children: [
+      /* @__PURE__ */ e(n, { style: {
+        flexDirection: "column",
+        gap: "0.35rem"
+      }, children: /* @__PURE__ */ r(n, { style: {
+        gap: "0.35rem"
+      }, align: "center", children: [
+        s?.admin ? /* @__PURE__ */ e(m, { border: !0, color: "primary", children: /* @__PURE__ */ e(o, { hierarchy: "tertiary", children: "Owner" }) }) : null,
+        s?.emailVerifiedAt ? /* @__PURE__ */ r(m, { border: !0, color: "primary", children: [
+          /* @__PURE__ */ e($, { size: 16 }),
+          /* @__PURE__ */ e(o, { hierarchy: "tertiary", children: "Email verified" })
+        ] }) : null
+      ] }) }),
+      t?.userAbilities?.deleteMember || t?.userAbilities?.assignMemberRoles ? /* @__PURE__ */ r(z, { children: [
+        /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "secondary", children: /* @__PURE__ */ e(_, { size: 16 }) }) }),
+        /* @__PURE__ */ e(T, { children: /* @__PURE__ */ r(w, { align: "end", side: "bottom", sideOffset: 8, children: [
+          /* @__PURE__ */ e(O, { children: "Actions" }),
+          t?.userAbilities?.deleteMember && /* @__PURE__ */ r(f, { onSelect: () => A(!0), children: [
+            /* @__PURE__ */ e(ee, { size: 16 }),
+            /* @__PURE__ */ e(o, { children: "Remove member" })
+          ] }),
+          t?.userAbilities?.assignMemberRoles && /* @__PURE__ */ r(f, { onSelect: () => R(!0), children: [
+            /* @__PURE__ */ e(re, { size: 16 }),
+            /* @__PURE__ */ e(o, { children: "Assign role" })
+          ] })
+        ] }) })
+      ] }) : null
+    ] })
+  ] });
+};
+export {
+  Le as DNamespaceMemberContent
+};

package/dist/components/d-member/DNamespaceMemberList.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Namespace } from '@code0-tech/sagittarius-graphql-types';
+import { Card } from '../card/Card';
+import { DNamespaceMemberView } from './DNamespaceMember.view';
+import { DNamespaceRoleView } from '../d-role';
+export interface DNamespaceMemberListProps extends Omit<Card, "children" | "onSelect"> {
+    namespaceId: Namespace["id"];
+    filter?: (runtime: DNamespaceMemberView, index: number) => boolean;
+    onRemove?: (member: DNamespaceMemberView) => void;
+    onAssignRole?: (member: DNamespaceMemberView, roles: DNamespaceRoleView[]) => void;
+}
+export declare const DNamespaceMemberList: React.FC<DNamespaceMemberListProps>;

package/dist/components/d-member/DNamespaceMemberList.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import f from "react";
+import { useService as u, useStore as l } from "../../utils/contextStore.js";
+import "merge-props";
+import { DNamespaceMemberReactiveService as t } from "./DNamespaceMember.service.js";
+import { Card as v } from "../card/Card.js";
+import S from "../card/CardSection.js";
+import { DNamespaceMemberContent as b } from "./DNamespaceMemberContent.js";
+const g = (m) => {
+  const {
+    namespaceId: o,
+    filter: i = () => !0,
+    onRemove: s,
+    onAssignRole: c,
+    ...n
+  } = m, a = u(t), p = l(t), d = f.useMemo(() => a.values({
+    namespaceId: o
+  }), [p, o]);
+  return /* @__PURE__ */ r(v, { ...n, children: d.filter(i).map((e) => e && e.id && /* @__PURE__ */ r(S, { border: !0, children: /* @__PURE__ */ r(b, { onRemove: s, onAssignRole: c, memberId: e?.id }) }, e.id)) });
+};
+export {
+  g as DNamespaceMemberList
+};

package/dist/components/d-member/index.d.ts

@@ -1,2 +1,4 @@
 export * from './DNamespaceMember.service';
 export * from './DNamespaceMember.view';
+export * from './DNamespaceMemberCard';
+export * from './DNamespaceMemberList';

package/dist/components/d-member/index.js

@@ -1,6 +1,10 @@
 import { DNamespaceMemberReactiveService as m } from "./DNamespaceMember.service.js";
-import { DNamespaceMemberView as c } from "./DNamespaceMember.view.js";
+import { DNamespaceMemberView as o } from "./DNamespaceMember.view.js";
+import { DNamespaceMemberCard as c } from "./DNamespaceMemberCard.js";
+import { DNamespaceMemberList as s } from "./DNamespaceMemberList.js";
 export {
+  c as DNamespaceMemberCard,
+  s as DNamespaceMemberList,
   m as DNamespaceMemberReactiveService,
-  c as DNamespaceMemberView
+  o as DNamespaceMemberView
 };

package/dist/components/d-organization/DOrganizatonContent.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import n from "react";
 import { useStore as c, useService as s } from "../../utils/contextStore.js";
 import "merge-props";
-import { Text as a } from "../text/Text.js";
+import { Text as m } from "../text/Text.js";
 import { DOrganizationReactiveService as S } from "./DOrganization.service.js";
 import { IconFolder as k, IconUser as L, IconServer as N, IconSettings as w, IconLogout as F } from "@tabler/icons-react";
 import { Flex as o } from "../flex/Flex.js";
@@ -11,21 +11,36 @@ import { Spacing as P } from "../spacing/Spacing.js";
 import { Avatar as T } from "../avatar/Avatar.js";
 import { DUserReactiveService as z } from "../d-user/DUser.service.js";
 import "../../_virtual/compiler-runtime.js";
-import '../../assets/components/card/Card.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
+import '../../assets/components/dialog/Dialog.style.css';import '../../assets/components/tooltip/Tooltip.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/card/Card.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "@radix-ui/react-dropdown-menu";
 /* empty css                      */
 import { useUserSession as W } from "../d-user/DUser.session.hook.js";
 import { Badge as d } from "../badge/Badge.js";
+import "@radix-ui/react-checkbox";
+/* empty css                       */
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import "../form/InputSuggestion.js";
+import "../form/NumberInput.js";
+import "../form/PasswordInput.js";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-radio-group";
+import "../form/SwitchInput.js";
+import "../form/TextInput.js";
 import { DNamespaceReactiveService as b } from "../d-namespace/DNamespace.service.js";
 import { DNamespaceMemberReactiveService as x } from "../d-member/DNamespaceMember.service.js";
-const ae = (I) => {
+import "@radix-ui/react-tooltip";
+/* empty css                            */
+import "@radix-ui/react-dialog";
+/* empty css                          */
+const Ie = (I) => {
   const {
-    organizationId: m,
+    organizationId: a,
     onLeave: M = () => {
     },
     onSetting: j = () => {
     }
-  } = I, B = c(S), C = s(S), D = c(b), $ = s(b), A = c(x), R = s(x), U = s(z), O = c(z), g = W(), l = n.useMemo(() => U.getById(g?.user?.id), [O, g]), r = n.useMemo(() => m ? C.getById(m) : null, [B, m]), t = n.useMemo(() => r ? $.getById(r.namespace?.id) : null, [D, r]), u = n.useMemo(() => t && l ? R.getByNamespaceIdAndUserId(t.id, l.id) : null, [A, t, l]), y = t?.projects?.count, h = t?.members?.count, f = t?.runtimes?.count;
+  } = I, B = c(S), C = s(S), D = c(b), $ = s(b), A = c(x), R = s(x), U = s(z), O = c(z), g = W(), p = n.useMemo(() => U.getById(g?.user?.id), [O, g]), r = n.useMemo(() => a ? C.getById(a) : null, [B, a]), t = n.useMemo(() => r ? $.getById(r.namespace?.id) : null, [D, r]), u = n.useMemo(() => t && p ? R.getByNamespaceIdAndUserId(t.id, p.id) : null, [A, t, p]), y = t?.projects?.count, h = t?.members?.count, f = t?.runtimes?.count;
   return /* @__PURE__ */ i(o, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
@@ -36,7 +51,7 @@ const ae = (I) => {
       /* @__PURE__ */ i(o, { style: {
         flexDirection: "column"
       }, children: [
-        /* @__PURE__ */ e(a, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
+        /* @__PURE__ */ e(m, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
         /* @__PURE__ */ e(P, { spacing: "xxs" }),
         /* @__PURE__ */ i(o, { align: "center", style: {
           gap: "0.35rem",
@@ -46,13 +61,13 @@ const ae = (I) => {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(k, { size: 16 }),
-            /* @__PURE__ */ e(a, { size: "xs", hierarchy: "tertiary", children: `${y ?? 0} project${(y ?? 0) !== 1 ? "s" : ""}` })
+            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${y ?? 0} project${(y ?? 0) !== 1 ? "s" : ""}` })
           ] }) }),
           /* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ i(o, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(L, { size: 16 }),
-            /* @__PURE__ */ i(a, { size: "xs", hierarchy: "tertiary", children: [
+            /* @__PURE__ */ i(m, { size: "xs", hierarchy: "tertiary", children: [
               " ",
               `${h ?? 0} member${(h ?? 0) !== 1 ? "s" : ""}`
             ] })
@@ -61,7 +76,7 @@ const ae = (I) => {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(N, { size: 16 }),
-            /* @__PURE__ */ e(a, { size: "xs", hierarchy: "tertiary", children: `${f ?? 0} runtime${(f ?? 0) !== 1 ? "s" : ""}` })
+            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${f ?? 0} runtime${(f ?? 0) !== 1 ? "s" : ""}` })
           ] }) })
         ] })
       ] })
@@ -69,11 +84,11 @@ const ae = (I) => {
     /* @__PURE__ */ i(o, { align: "center", style: {
       gap: "0.35rem"
     }, children: [
-      r?.userAbilities?.deleteOrganization || r?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(v, { color: "secondary", onClick: (p) => {
-        p.stopPropagation(), j(r);
+      r?.userAbilities?.deleteOrganization || r?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(v, { color: "secondary", onClick: (l) => {
+        l.stopPropagation(), j(r);
       }, children: /* @__PURE__ */ e(w, { size: 16 }) }) : null,
-      u && u.userAbilities?.deleteMember ? /* @__PURE__ */ i(v, { color: "error", onClick: (p) => {
-        p.stopPropagation(), r && M(r);
+      u && u.userAbilities?.deleteMember ? /* @__PURE__ */ i(v, { color: "error", onClick: (l) => {
+        l.stopPropagation(), r && M(r);
       }, children: [
         /* @__PURE__ */ e(F, { size: 16 }),
         " Leave"
@@ -82,5 +97,5 @@ const ae = (I) => {
   ] });
 };
 export {
-  ae as DOrganizationContent
+  Ie as DOrganizationContent
 };

package/dist/components/d-organization/index.js

@@ -1,8 +1,8 @@
-import { DOrganizationReactiveService as w } from "./DOrganization.service.js";
-import { DOrganizationView as R } from "./DOrganization.view.js";
+import { DOrganizationReactiveService as B } from "./DOrganization.service.js";
+import { DOrganizationView as E } from "./DOrganization.view.js";
 import "react/jsx-runtime";
 import "../../_virtual/compiler-runtime.js";
-import '../../assets/components/badge/Badge.style.css';import '../../assets/components/menu/Menu.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/card/Card.style.css';/* empty css                      */
+import '../../assets/components/dialog/Dialog.style.css';import '../../assets/components/tooltip/Tooltip.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/badge/Badge.style.css';import '../../assets/components/menu/Menu.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/card/Card.style.css';/* empty css                      */
 import "react";
 import "merge-props";
 import "../../utils/contextStore.js";
@@ -16,9 +16,24 @@ import "js-md5";
 /* empty css                      */
 import "@radix-ui/react-dropdown-menu";
 /* empty css                        */
-import { DOrganizationList as V } from "./DOrganizationList.js";
+import "@radix-ui/react-checkbox";
+/* empty css                       */
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import "../form/InputSuggestion.js";
+import "../form/NumberInput.js";
+import "../form/PasswordInput.js";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-radio-group";
+import "../form/SwitchInput.js";
+import "../form/TextInput.js";
+import "@radix-ui/react-tooltip";
+/* empty css                            */
+import "@radix-ui/react-dialog";
+/* empty css                          */
+import { DOrganizationList as G } from "./DOrganizationList.js";
 export {
-  V as DOrganizationList,
-  w as DOrganizationReactiveService,
-  R as DOrganizationView
+  G as DOrganizationList,
+  B as DOrganizationReactiveService,
+  E as DOrganizationView
 };

package/dist/components/d-project/DNamespaceProjectContent.js

@@ -1,70 +1,64 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { useService as n } from "../../utils/contextStore.js";
-import a from "react";
+import { useService as a } from "../../utils/contextStore.js";
+import l from "react";
 import "merge-props";
-import { Flex as o } from "../flex/Flex.js";
-import { DNamespaceReactiveService as S } from "../d-namespace/DNamespace.service.js";
-import { DOrganizationReactiveService as z } from "../d-organization/DOrganization.service.js";
+import { Flex as t } from "../flex/Flex.js";
+import { DNamespaceProjectReactiveService as g } from "./DNamespaceProject.service.js";
+import { Avatar as h } from "../avatar/Avatar.js";
+import { Text as o } from "../text/Text.js";
+import { Badge as c } from "../badge/Badge.js";
+import { IconGitFork as f, IconServer as j, IconServerSpark as v, IconSettings as x } from "@tabler/icons-react";
+import { DRuntimeReactiveService as S } from "../d-runtime/DRuntime.service.js";
 import "../../_virtual/compiler-runtime.js";
-import '../../assets/components/menu/Menu.style.css';import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/card/Card.style.css';/* empty css                      */
-import { Text as c } from "../text/Text.js";
-import { IconGitFork as j, IconServer as I, IconServerSpark as x, IconSettings as R } from "@tabler/icons-react";
-import { Button as _ } from "../button/Button.js";
-/* empty css                            */
-import { Avatar as B } from "../avatar/Avatar.js";
-import { DUserReactiveService as D } from "../d-user/DUser.service.js";
-/* empty css                      */
-import "@radix-ui/react-dropdown-menu";
-import { Badge as s } from "../badge/Badge.js";
-import { DNamespaceProjectReactiveService as b } from "./DNamespaceProject.service.js";
-import { DRuntimeReactiveService as P } from "../d-runtime/DRuntime.service.js";
-const Y = (m) => {
+import '../../assets/components/card/Card.style.css';/* empty css                      */
+import { Button as z } from "../button/Button.js";
+const T = (p) => {
   const {
-    projectId: k,
-    onSetting: y = () => {
+    projectId: n,
+    onSetting: d = () => {
     }
-  } = m, p = n(b), l = n(S), g = n(z), f = n(D), v = n(P), e = a.useMemo(() => p.getById(m.projectId), [p, m.projectId]), d = a.useMemo(() => e ? v.getById(e.primaryRuntime?.id) : null, [e]), t = a.useMemo(() => e ? l.getById(e.namespace?.id) : null, [l, e]), u = a.useMemo(() => t && t.parent ? t.parent.__typename === "Organization" ? g.getById(t.parent.id) : t.parent.__typename === "User" ? f.getById(t.parent.id) : null : null, []);
-  return /* @__PURE__ */ i(o, { align: "center", style: {
+  } = p, s = a(g), u = a(S), e = l.useMemo(() => s.getById(n), [s, n]), m = l.useMemo(() => e ? u.getById(e.primaryRuntime?.id) : null, [e]);
+  return /* @__PURE__ */ i(t, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
-    /* @__PURE__ */ i(o, { align: "center", style: {
+    /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ r(B, { bg: "transparent", identifier: (t?.parent?.__typename === "User" ? u.username : t?.parent?.__typename === "Organization" ? u.name : "") ?? "" }),
-      /* @__PURE__ */ i(o, { style: {
+      /* @__PURE__ */ r(h, { bg: "transparent", identifier: e?.name ?? "" }),
+      /* @__PURE__ */ i(t, { style: {
         flexDirection: "column",
         gap: "0.35rem"
       }, children: [
-        /* @__PURE__ */ r(c, { size: "lg", hierarchy: "primary", display: "block", children: e?.name }),
-        /* @__PURE__ */ r(c, { size: "sm", hierarchy: "tertiary", display: "block", children: e?.description })
+        /* @__PURE__ */ r(o, { size: "lg", hierarchy: "primary", display: "block", children: e?.name }),
+        /* @__PURE__ */ r(o, { size: "sm", hierarchy: "tertiary", display: "block", children: e?.description })
       ] })
     ] }),
-    /* @__PURE__ */ i(o, { align: "center", style: {
+    /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ i(o, { align: "center", style: {
+      /* @__PURE__ */ i(t, { align: "center", style: {
         gap: "0.35rem",
         flexWrap: "wrap"
       }, children: [
-        /* @__PURE__ */ i(s, { color: "secondary", children: [
-          /* @__PURE__ */ r(j, { size: 16 }),
-          /* @__PURE__ */ r(c, { size: "xs", children: e?.flows?.count ?? 0 })
+        /* @__PURE__ */ i(c, { color: "secondary", children: [
+          /* @__PURE__ */ r(f, { size: 16 }),
+          /* @__PURE__ */ r(o, { size: "xs", children: e?.flows?.count ?? 0 })
         ] }),
-        /* @__PURE__ */ i(s, { color: "secondary", children: [
-          /* @__PURE__ */ r(I, { size: 16 }),
-          /* @__PURE__ */ r(c, { size: "xs", children: e?.runtimes?.count ?? 0 })
+        /* @__PURE__ */ i(c, { color: "secondary", children: [
+          /* @__PURE__ */ r(j, { size: 16 }),
+          /* @__PURE__ */ r(o, { size: "xs", children: e?.runtimes?.count ?? 0 })
         ] }),
-        d && /* @__PURE__ */ i(s, { color: "secondary", children: [
-          /* @__PURE__ */ r(x, { size: 16 }),
-          /* @__PURE__ */ r(c, { size: "xs", children: d.name })
+        m && /* @__PURE__ */ i(c, { color: "secondary", children: [
+          /* @__PURE__ */ r(v, { size: 16 }),
+          /* @__PURE__ */ r(o, { size: "xs", children: m.name })
         ] })
       ] }),
-      e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(_, { color: "secondary", onClick: (h) => {
-        h.stopPropagation(), y(e);
-      }, children: /* @__PURE__ */ r(R, { size: 16 }) }) : null
+      e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(z, { color: "secondary", onClick: (y) => {
+        y.stopPropagation(), d(e);
+      }, children: /* @__PURE__ */ r(x, { size: 16 }) }) : null
     ] })
   ] });
 };
 export {
-  Y as DNamespaceProjectContent
+  T as DNamespaceProjectContent
 };

package/dist/components/d-role/DNamespaceRole.view.d.ts

@@ -1,4 +1,4 @@
-import { Maybe, Namespace, NamespaceProjectConnection, NamespaceRole, NamespaceRoleAbility, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Maybe, Namespace, NamespaceProjectConnection, NamespaceRole, NamespaceRoleAbility, NamespaceRoleUserAbilities, Scalars } from '@code0-tech/sagittarius-graphql-types';
 export declare class DNamespaceRoleView {
     /** The abilities the role is granted */
     private readonly _abilities?;
@@ -14,6 +14,8 @@ export declare class DNamespaceRoleView {
     private readonly _namespace?;
     /** Time when this NamespaceRole was last updated */
     private readonly _updatedAt?;
+    /** Abilities for the current user on this NamespaceRole */
+    private readonly _userAbilities?;
     constructor(payload: NamespaceRole);
     get abilities(): Maybe<Array<NamespaceRoleAbility>> | undefined;
     get assignedProjects(): Maybe<NamespaceProjectConnection> | undefined;
@@ -22,5 +24,6 @@ export declare class DNamespaceRoleView {
     get name(): Maybe<Scalars["String"]["output"]> | undefined;
     get namespace(): Maybe<Namespace> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get userAbilities(): Maybe<NamespaceRoleUserAbilities> | undefined;
     json(): NamespaceRole;
 }

package/dist/components/d-role/DNamespaceRole.view.js

@@ -15,9 +15,9 @@ function a(t, e) {
   }
   return (e === "string" ? String : Number)(t);
 }
-class d {
+class u {
   constructor(e) {
-    i(this, "_abilities", void 0), i(this, "_assignedProjects", void 0), i(this, "_createdAt", void 0), i(this, "_id", void 0), i(this, "_name", void 0), i(this, "_namespace", void 0), i(this, "_updatedAt", void 0), this._abilities = e.abilities, this._assignedProjects = e.assignedProjects, this._createdAt = e.createdAt, this._id = e.id, this._name = e.name, this._namespace = e.namespace, this._updatedAt = e.updatedAt;
+    i(this, "_abilities", void 0), i(this, "_assignedProjects", void 0), i(this, "_createdAt", void 0), i(this, "_id", void 0), i(this, "_name", void 0), i(this, "_namespace", void 0), i(this, "_updatedAt", void 0), i(this, "_userAbilities", void 0), this._abilities = e.abilities, this._assignedProjects = e.assignedProjects, this._createdAt = e.createdAt, this._id = e.id, this._name = e.name, this._namespace = e.namespace, this._updatedAt = e.updatedAt, this._userAbilities = e.userAbilities;
   }
   get abilities() {
     return this._abilities;
@@ -40,6 +40,9 @@ class d {
   get updatedAt() {
     return this._updatedAt;
   }
+  get userAbilities() {
+    return this._userAbilities;
+  }
   json() {
     return {
       abilities: this._abilities,
@@ -53,5 +56,5 @@ class d {
   }
 }
 export {
-  d as DNamespaceRoleView
+  u as DNamespaceRoleView
 };

package/dist/components/d-role/DNamespaceRoleCard.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { DNamespaceRoleView } from './DNamespaceRole.view';
+import { Card } from '../card/Card';
+import { NamespaceRole } from '@code0-tech/sagittarius-graphql-types';
+export interface DNamespaceRoleCardProps extends Omit<Card, "children" | "onSelect"> {
+    roleId: NamespaceRole['id'];
+    onSetting?: (role: DNamespaceRoleView) => void;
+    onMembersViewMore?: (role: DNamespaceRoleView) => void;
+    onProjectsViewMore?: (role: DNamespaceRoleView) => void;
+}
+export declare const DNamespaceRoleCard: React.FC<DNamespaceRoleCardProps>;

package/dist/components/d-role/DNamespaceRoleCard.js

@@ -0,0 +1,17 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import { Card as p } from "../card/Card.js";
+import { DNamespaceRoleContent as a } from "./DNamespaceRoleContent.js";
+const C = (s) => {
+  const e = c.c(5), {
+    roleId: r,
+    onSetting: t,
+    onMembersViewMore: m,
+    onProjectsViewMore: n
+  } = s;
+  let o;
+  return e[0] !== m || e[1] !== n || e[2] !== t || e[3] !== r ? (o = /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(a, { onSetting: t, onMembersViewMore: m, onProjectsViewMore: n, roleId: r }) }), e[0] = m, e[1] = n, e[2] = t, e[3] = r, e[4] = o) : o = e[4], o;
+};
+export {
+  C as DNamespaceRoleCard
+};

package/dist/components/d-role/DNamespaceRoleContent.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { DNamespaceRoleView } from './DNamespaceRole.view';
+import { NamespaceRole } from '@code0-tech/sagittarius-graphql-types';
+export interface DNamespaceRoleContentProps {
+    roleId: NamespaceRole["id"];
+    onSetting?: (role: DNamespaceRoleView) => void;
+    onMembersViewMore?: (role: DNamespaceRoleView) => void;
+    onProjectsViewMore?: (role: DNamespaceRoleView) => void;
+}
+export declare const DNamespaceRoleContent: React.FC<DNamespaceRoleContentProps>;