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

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

@@ -1,61 +1,68 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useService as a } from "../../utils/contextStore.js";
-import l from "react";
+import p from "react";
 import "merge-props";
 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 { DNamespaceProjectReactiveService as y } from "./DNamespaceProject.service.js";
+import { Avatar as g } from "../avatar/Avatar.js";
+import { Text as n } 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 { IconGitFork as x, IconServer as v, IconServerSpark as z, IconEdit as j } from "@tabler/icons-react";
+import { DRuntimeReactiveService as b } from "../d-runtime/DRuntime.service.js";
 import "../../_virtual/compiler-runtime.js";
 import '../../assets/components/card/Card.style.css';/* empty css                      */
-import { Button as z } from "../button/Button.js";
-const T = (p) => {
+import { Button as S } from "../button/Button.js";
+const T = (d) => {
   const {
-    projectId: n,
-    onSetting: d = () => {
-    }
-  } = 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]);
+    projectId: s,
+    onSetting: u = () => {
+    },
+    minimized: o = !1
+  } = d, l = a(y), h = o ? null : a(b), r = p.useMemo(() => l.getById(s), [l, s]), m = o ? null : p.useMemo(() => r ? h.getById(r.primaryRuntime?.id) : null, [r]);
   return /* @__PURE__ */ i(t, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
     /* @__PURE__ */ i(t, { align: "center", style: {
-      gap: "1.3rem"
+      gap: "0.7rem"
     }, children: [
-      /* @__PURE__ */ r(h, { bg: "transparent", identifier: e?.name ?? "" }),
+      /* @__PURE__ */ e(g, { bg: "transparent", identifier: r?.name ?? "" }),
       /* @__PURE__ */ i(t, { style: {
         flexDirection: "column",
         gap: "0.35rem"
       }, children: [
-        /* @__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__ */ e(n, { size: o ? "xs" : "md", hierarchy: "secondary", display: "block", children: r?.name }),
+        /* @__PURE__ */ e(n, { size: o ? "xs" : "sm", hierarchy: "tertiary", display: "block", children: r?.description })
       ] })
     ] }),
-    /* @__PURE__ */ i(t, { align: "center", style: {
+    o ? null : /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ i(t, { align: "center", style: {
-        gap: "0.35rem",
-        flexWrap: "wrap"
+      /* @__PURE__ */ i(t, { style: {
+        flexDirection: "column",
+        gap: "0.35rem"
       }, children: [
-        /* @__PURE__ */ i(c, { color: "secondary", children: [
-          /* @__PURE__ */ r(f, { size: 16 }),
-          /* @__PURE__ */ r(o, { size: "xs", children: e?.flows?.count ?? 0 })
-        ] }),
-        /* @__PURE__ */ i(c, { color: "secondary", children: [
-          /* @__PURE__ */ r(j, { size: 16 }),
-          /* @__PURE__ */ r(o, { size: "xs", children: e?.runtimes?.count ?? 0 })
-        ] }),
-        m && /* @__PURE__ */ i(c, { color: "secondary", children: [
-          /* @__PURE__ */ r(v, { size: 16 }),
-          /* @__PURE__ */ r(o, { size: "xs", children: m.name })
+        /* @__PURE__ */ e(n, { size: "xs", hierarchy: "tertiary", children: "Usage" }),
+        /* @__PURE__ */ i(t, { align: "center", style: {
+          gap: "0.35rem",
+          flexWrap: "wrap"
+        }, children: [
+          /* @__PURE__ */ i(c, { border: !0, children: [
+            /* @__PURE__ */ e(x, { size: 16 }),
+            /* @__PURE__ */ e(n, { size: "xs", children: r?.flows?.count ?? 0 })
+          ] }),
+          /* @__PURE__ */ i(c, { border: !0, children: [
+            /* @__PURE__ */ e(v, { size: 16 }),
+            /* @__PURE__ */ e(n, { size: "xs", children: r?.runtimes?.count ?? 0 })
+          ] }),
+          m && /* @__PURE__ */ i(c, { border: !0, children: [
+            /* @__PURE__ */ e(z, { size: 16 }),
+            /* @__PURE__ */ e(n, { size: "xs", children: m.name })
+          ] })
         ] })
       ] }),
-      e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(z, { color: "secondary", onClick: (y) => {
-        y.stopPropagation(), d(e);
-      }, children: /* @__PURE__ */ r(x, { size: 16 }) }) : null
+      r?.userAbilities?.deleteNamespaceProject || r?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ e(S, { color: "secondary", variant: "filled", onClick: (f) => {
+        f.stopPropagation(), u(r);
+      }, children: /* @__PURE__ */ e(j, { size: 16 }) }) : null
     ] })
   ] });
 };

package/dist/components/d-project/DNamespaceProjectMenu.d.ts

@@ -1,9 +1,13 @@
 import { default as React } from 'react';
 import { MenuProps } from '../menu/Menu';
-import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Namespace, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { DNamespaceProjectView } from './DNamespaceProject.view';
 export interface DNamespaceProjectMenuProps extends MenuProps {
-    projectId: Scalars['NamespaceProjectID']['output'];
-    onProjectSelect: (id: Scalars['NamespaceProjectID']['output']) => void;
+    onProjectSelect: (project: DNamespaceProjectView) => void;
+    namespaceId: Namespace["id"];
+    filter?: (project: DNamespaceProjectView, index: number) => boolean;
+    projectId?: Scalars['NamespaceProjectID']['output'];
+    children?: React.ReactNode;
 }
 declare const DNamespaceProjectMenu: React.FC<DNamespaceProjectMenuProps>;
 export default DNamespaceProjectMenu;

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

@@ -1,18 +1,57 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as M } from "react/jsx-runtime";
 import s from "react";
-import { Menu as u, MenuTrigger as d, MenuPortal as l, MenuContent as f, MenuItem as p } from "../menu/Menu.js";
-import { DNamespaceProjectReactiveService as o } from "./DNamespaceProject.service.js";
-import { useService as c } from "../../utils/contextStore.js";
-import { Button as h } from "../button/Button.js";
-const x = (t) => {
-  const n = c(o), i = c(o), a = n.getById(t.projectId);
-  return s.useMemo(() => /* @__PURE__ */ m(u, { ...t, children: [
-    /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(h, { variant: "none", style: {
-      background: "transparent"
-    }, children: a?.name }) }),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(f, { side: "bottom", align: "start", sideOffset: 0, children: n.values().map((r) => /* @__PURE__ */ e(p, { onSelect: () => t.onProjectSelect(r.id), children: r.name }, r.id)) }) })
-  ] }), [i]);
+import { Menu as S, MenuTrigger as I, MenuPortal as v, MenuContent as b, MenuItem as y, MenuSeparator as z, MenuLabel as P } from "../menu/Menu.js";
+import { DNamespaceProjectReactiveService as p } from "./DNamespaceProject.service.js";
+import { useService as u } from "../../utils/contextStore.js";
+import { Button as w } from "../button/Button.js";
+import { DNamespaceProjectContent as C } from "./DNamespaceProjectContent.js";
+import { Card as D } from "../card/Card.js";
+import { Flex as t } from "../flex/Flex.js";
+import { Badge as n } from "../badge/Badge.js";
+import { IconArrowUp as B, IconArrowDown as N, IconCornerDownLeft as A } from "@tabler/icons-react";
+import { Spacing as F } from "../spacing/Spacing.js";
+const K = (i) => {
+  const {
+    onProjectSelect: h,
+    namespaceId: c,
+    filter: f = () => !0,
+    projectId: g,
+    children: m
+  } = i, d = u(p), a = u(p), x = d.getById(g), l = s.useMemo(() => d.values({
+    namespaceId: c
+  }).filter(f), [a, c]);
+  return s.useMemo(() => /* @__PURE__ */ r(S, { ...i, children: [
+    /* @__PURE__ */ e(I, { asChild: !0, children: m || /* @__PURE__ */ e(w, { variant: "none", paddingSize: "xxs", children: x?.name }) }),
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ r(b, { side: "bottom", align: "center", sideOffset: 8, maw: "210px", color: "secondary", children: [
+      /* @__PURE__ */ e(D, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: {
+        borderWidth: "2px"
+      }, children: l.map((o, j) => /* @__PURE__ */ r(M, { children: [
+        /* @__PURE__ */ e(y, { onSelect: () => h(o), children: /* @__PURE__ */ e(C, { minimized: !0, projectId: o.id }) }, o.id),
+        j < l.length - 1 && /* @__PURE__ */ e(z, {})
+      ] })) }),
+      /* @__PURE__ */ e(P, { children: /* @__PURE__ */ r(t, { style: {
+        gap: ".35rem"
+      }, children: [
+        /* @__PURE__ */ r(t, { align: "center", style: {
+          gap: "0.35rem"
+        }, children: [
+          /* @__PURE__ */ r(t, { children: [
+            /* @__PURE__ */ e(n, { border: !0, children: /* @__PURE__ */ e(B, { size: 12 }) }),
+            /* @__PURE__ */ e(n, { border: !0, children: /* @__PURE__ */ e(N, { size: 12 }) })
+          ] }),
+          "move"
+        ] }),
+        /* @__PURE__ */ e(F, { spacing: "xxs" }),
+        /* @__PURE__ */ r(t, { align: "center", style: {
+          gap: ".35rem"
+        }, children: [
+          /* @__PURE__ */ e(n, { border: !0, children: /* @__PURE__ */ e(A, { size: 12 }) }),
+          "add"
+        ] })
+      ] }) })
+    ] }) })
+  ] }), [a]);
 };
 export {
-  x as default
+  K as default
 };

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

@@ -1,18 +1,26 @@
-import { DNamespaceProjectReactiveService as f } from "./DNamespaceProject.service.js";
-import { DNamespaceProjectView as x } from "./DNamespaceProject.view.js";
-import { DNamespaceProjectCard as N } from "./DNamespaceProjectCard.js";
-import { DNamespaceProjectList as v } from "./DNamespaceProjectList.js";
+import { DNamespaceProjectReactiveService as w } from "./DNamespaceProject.service.js";
+import { DNamespaceProjectView as L } from "./DNamespaceProject.view.js";
+import { DNamespaceProjectCard as S } from "./DNamespaceProjectCard.js";
+import { DNamespaceProjectList as b } from "./DNamespaceProjectList.js";
 import "react/jsx-runtime";
 import "react";
 import "../../_virtual/compiler-runtime.js";
-import '../../assets/components/menu/Menu.style.css';/* empty css                      */
+import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/card/Card.style.css';import '../../assets/components/badge/Badge.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "merge-props";
 import "@radix-ui/react-dropdown-menu";
 import "../../utils/contextStore.js";
 import "../button/Button.js";
+/* empty css                      */
+import "js-md5";
+/* empty css                          */
+/* empty css                      */
+/* empty css                        */
+import "@tabler/icons-react";
+/* empty css                      */
+/* empty css                            */
 export {
-  N as DNamespaceProjectCard,
-  v as DNamespaceProjectList,
-  f as DNamespaceProjectReactiveService,
-  x as DNamespaceProjectView
+  S as DNamespaceProjectCard,
+  b as DNamespaceProjectList,
+  w as DNamespaceProjectReactiveService,
+  L as DNamespaceProjectView
 };

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

@@ -3,8 +3,8 @@ import "react";
 import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
 import "merge-props";
 class s extends t {
-  getById(e, r) {
-    return this.values(r).find((i) => i.id === e);
+  getById(i, r) {
+    return this.values(r).find((e) => e && e.id === i);
   }
 }
 export {

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

@@ -51,7 +51,8 @@ class u {
       id: this._id,
       name: this._name,
       namespace: this._namespace,
-      updatedAt: this._updatedAt
+      updatedAt: this._updatedAt,
+      userAbilities: this._userAbilities
     };
   }
 }

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

@@ -6,11 +6,11 @@ import "merge-props";
 import { DNamespaceRoleReactiveService as x } from "./DNamespaceRole.service.js";
 import { Text as n } from "../text/Text.js";
 import { Button as u } from "../button/Button.js";
-import { IconFolders as G, IconUsers as H, IconSettings as J } from "@tabler/icons-react";
+import { IconFolders as G, IconUsers as H, IconEdit as J } from "@tabler/icons-react";
 import { DNamespaceRolePermissions as K } from "./DNamespaceRolePermissions.js";
-import { DNamespaceMemberReactiveService as b } from "../d-member/DNamespaceMember.service.js";
+import { DNamespaceMemberReactiveService as f } from "../d-member/DNamespaceMember.service.js";
 import "../../_virtual/compiler-runtime.js";
-import { Card as f } from "../card/Card.js";
+import { Card as b } from "../card/Card.js";
 import { DUserReactiveService as v } from "../d-user/DUser.service.js";
 import '../../assets/components/dialog/Dialog.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "@radix-ui/react-dropdown-menu";
@@ -29,24 +29,24 @@ import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import "../form/TextInput.js";
 import { Spacing as z } from "../spacing/Spacing.js";
-import { Tooltip as R, TooltipTrigger as A, TooltipPortal as j, TooltipContent as C, TooltipArrow as D } from "../tooltip/Tooltip.js";
+import { Tooltip as R, TooltipTrigger as A, TooltipPortal as j, TooltipContent as D, TooltipArrow as C } from "../tooltip/Tooltip.js";
 import "@radix-ui/react-dialog";
 /* empty css                          */
-import { DNamespaceProjectReactiveService as w } from "../d-project/DNamespaceProject.service.js";
-const De = (I) => {
+import { DNamespaceProjectReactiveService as P } from "../d-project/DNamespaceProject.service.js";
+const Ce = (w) => {
   const {
     roleId: h,
-    onSetting: M = () => {
+    onSetting: I = () => {
     },
-    onMembersViewMore: P = () => {
+    onMembersViewMore: M = () => {
     },
     onProjectsViewMore: N = () => {
     }
-  } = I, T = a(x), k = d(x), B = a(w), V = d(w), F = a(b), U = d(b), W = a(v), E = d(v), i = g.useMemo(() => T.getById(h), [k, h]), s = g.useMemo(() => B.values({
+  } = w, T = a(x), k = d(x), B = a(P), V = d(P), F = a(f), U = d(f), E = a(v), W = d(v), i = g.useMemo(() => T.getById(h), [k, h]), s = g.useMemo(() => B.values({
     namespaceId: i?.namespace?.id
   }).filter((t) => i?.assignedProjects?.nodes?.map((l) => l?.id).includes(t.id)), [V, i]), c = g.useMemo(() => F.values({
     namespaceId: i?.namespace?.id
-  }).filter((t) => t.roles?.nodes?.map((l) => l?.id).includes(i?.id)), [U, E, h]), q = i?.userAbilities?.deleteNamespaceRole || i?.userAbilities?.updateNamespaceRole || i?.userAbilities?.assignRoleAbilities || i?.userAbilities?.assignRoleProjects;
+  }).filter((t) => t.roles?.nodes?.map((l) => l?.id).includes(i?.id)), [U, W, h]), q = i?.userAbilities?.deleteNamespaceRole || i?.userAbilities?.updateNamespaceRole || i?.userAbilities?.assignRoleAbilities || i?.userAbilities?.assignRoleProjects;
   return /* @__PURE__ */ r(o, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
@@ -54,7 +54,13 @@ const De = (I) => {
       gap: "1.3rem"
     }, children: [
       /* @__PURE__ */ e(n, { size: "lg", hierarchy: "primary", display: "block", children: i?.name }),
-      /* @__PURE__ */ e(K, { abilities: i?.abilities })
+      /* @__PURE__ */ r(o, { style: {
+        flexDirection: "column",
+        gap: "0.35rem"
+      }, children: [
+        /* @__PURE__ */ e(n, { size: "xs", hierarchy: "tertiary", children: "Permissions" }),
+        /* @__PURE__ */ e(K, { abilities: i?.abilities })
+      ] })
     ] }),
     /* @__PURE__ */ r(o, { align: "center", style: {
       gap: "1.3rem"
@@ -74,12 +80,12 @@ const De = (I) => {
               /* @__PURE__ */ e(G, { size: 16 }),
               /* @__PURE__ */ e(n, { hierarchy: "tertiary", size: "xs", children: s.length })
             ] }) }),
-            /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(C, { side: "bottom", maw: "200px", children: [
+            /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(D, { side: "bottom", maw: "200px", children: [
               /* @__PURE__ */ e(n, { children: "Assigned projects" }),
-              /* @__PURE__ */ e(D, {}),
+              /* @__PURE__ */ e(C, {}),
               s.length > 0 ? /* @__PURE__ */ r(y, { children: [
                 /* @__PURE__ */ e(z, { spacing: "xxs" }),
-                /* @__PURE__ */ r(f, { paddingSize: "xs", mb: -0.35, mx: -0.7, style: {
+                /* @__PURE__ */ r(b, { paddingSize: "xs", mb: -0.35, mx: -0.7, style: {
                   borderWidth: "2px"
                 }, children: [
                   s.slice(0, 1).map((t) => /* @__PURE__ */ e(p, { border: !0, children: /* @__PURE__ */ r(o, { align: "center", style: {
@@ -109,16 +115,16 @@ const De = (I) => {
               /* @__PURE__ */ e(H, { size: 16 }),
               /* @__PURE__ */ e(n, { hierarchy: "tertiary", size: "xs", children: c.length })
             ] }) }),
-            /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(C, { side: "bottom", maw: "200px", children: [
+            /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(D, { side: "bottom", maw: "200px", children: [
               /* @__PURE__ */ e(n, { children: "Assigned members" }),
-              /* @__PURE__ */ e(D, {}),
+              /* @__PURE__ */ e(C, {}),
               c.length > 0 ? /* @__PURE__ */ r(y, { children: [
                 /* @__PURE__ */ e(z, { spacing: "xxs" }),
-                /* @__PURE__ */ r(f, { paddingSize: "xs", mb: -0.35, mx: -0.7, style: {
+                /* @__PURE__ */ r(b, { paddingSize: "xs", mb: -0.35, mx: -0.7, style: {
                   borderWidth: "2px"
                 }, children: [
                   c.slice(0, 1).map((t) => {
-                    const l = W.getById(t.user?.id);
+                    const l = E.getById(t.user?.id);
                     return /* @__PURE__ */ e(p, { border: !0, children: /* @__PURE__ */ r(o, { align: "center", style: {
                       gap: "0.7rem"
                     }, children: [
@@ -135,7 +141,7 @@ const De = (I) => {
                       ] })
                     ] }) }, t.id);
                   }),
-                  i && c.slice(1, c.length).length > 0 ? /* @__PURE__ */ e(p, { border: !0, display: "flex", p: 0.35, justify: "center", hover: !0, children: /* @__PURE__ */ r(u, { paddingSize: "xxs", variant: "none", onClick: () => P(i), children: [
+                  i && c.slice(1, c.length).length > 0 ? /* @__PURE__ */ e(p, { border: !0, display: "flex", p: 0.35, justify: "center", hover: !0, children: /* @__PURE__ */ r(u, { paddingSize: "xxs", variant: "none", onClick: () => M(i), children: [
                     /* @__PURE__ */ e(n, { size: "xs", children: "View more" }),
                     /* @__PURE__ */ e(m, { border: !0, children: c.length - 1 })
                   ] }) }) : null
@@ -145,12 +151,12 @@ const De = (I) => {
           ] })
         ] })
       ] }),
-      q && /* @__PURE__ */ e(u, { color: "secondary", onClick: (t) => {
-        t.stopPropagation(), M(i);
+      q && /* @__PURE__ */ e(u, { color: "secondary", variant: "filled", onClick: (t) => {
+        t.stopPropagation(), I(i);
       }, children: /* @__PURE__ */ e(J, { size: 16 }) })
     ] })
   ] });
 };
 export {
-  De as DNamespaceRoleContent
+  Ce as DNamespaceRoleContent
 };

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

@@ -1,11 +1,11 @@
-import { jsxs as s, jsx as n, Fragment as c } from "react/jsx-runtime";
-import a from "react";
-import { Flex as m } from "../flex/Flex.js";
-import { Text as l } from "../text/Text.js";
-import { Badge as A } from "../badge/Badge.js";
+import { jsx as i, jsxs as s, Fragment as l } from "react/jsx-runtime";
+import m from "react";
+import { Flex as A } from "../flex/Flex.js";
+import { Text as c } from "../text/Text.js";
+import { Badge as a } from "../badge/Badge.js";
 import { IconCheck as T } from "@tabler/icons-react";
-import { Tooltip as _, TooltipTrigger as u, TooltipPortal as h, TooltipContent as C, TooltipArrow as R } from "../tooltip/Tooltip.js";
-const f = {
+import { Tooltip as _, TooltipTrigger as u, TooltipPortal as C, TooltipContent as R, TooltipArrow as f } from "../tooltip/Tooltip.js";
+const h = {
   ASSIGN_MEMBER_ROLES: "members",
   INVITE_MEMBER: "members",
   DELETE_MEMBER: "members",
@@ -41,27 +41,27 @@ const f = {
   organization: "the organization",
   admin: "everything"
 };
-function d(e) {
+function N(e) {
   return e.startsWith("CREATE_") ? "create" : e.startsWith("UPDATE_") ? "update" : e.startsWith("DELETE_") ? "delete" : e.startsWith("ASSIGN_") ? "assign" : e.startsWith("READ_") ? "read" : "manage";
 }
-function N(e) {
+function d(e) {
   const r = Array.from(new Set(e));
   return r.length === 1 ? r[0] : "manage";
 }
 function S(e) {
   if (!e || e.length === 0) return [];
   const r = /* @__PURE__ */ new Map();
-  for (const i of e) {
-    const o = f[i];
+  for (const n of e) {
+    const o = h[n];
     if (!o) continue;
     const t = r.get(o) ?? [];
-    t.push(i), r.set(o, t);
+    t.push(n), r.set(o, t);
   }
-  return Array.from(r.entries()).map(([i, o]) => {
-    const t = o.map(d), E = N(t);
+  return Array.from(r.entries()).map(([n, o]) => {
+    const t = o.map(N), E = d(t);
     return {
-      category: i,
-      label: p[i],
+      category: n,
+      label: p[n],
       abilities: o,
       action: E
     };
@@ -69,41 +69,41 @@ function S(e) {
 }
 function g(e) {
   if (e.length === 0) return "No special permissions.";
-  const r = (t) => /* @__PURE__ */ s(c, { children: [
+  const r = (t) => /* @__PURE__ */ s(l, { children: [
     t.action,
     " ",
     /* @__PURE__ */ s(_, { children: [
-      /* @__PURE__ */ n(u, { asChild: !0, children: /* @__PURE__ */ n(A, { color: "info", style: {
+      /* @__PURE__ */ i(u, { asChild: !0, children: /* @__PURE__ */ i(a, { color: "info", style: {
         verticalAlign: "middle"
-      }, children: /* @__PURE__ */ n(l, { style: {
+      }, children: /* @__PURE__ */ i(c, { style: {
         color: "inherit"
       }, children: t.label }) }) }),
-      /* @__PURE__ */ n(h, { children: /* @__PURE__ */ s(C, { side: "bottom", children: [
-        /* @__PURE__ */ n(m, { style: {
+      /* @__PURE__ */ i(C, { children: /* @__PURE__ */ s(R, { side: "bottom", children: [
+        /* @__PURE__ */ i(A, { style: {
           flexDirection: "column",
           gap: "0.25rem"
-        }, children: t.abilities.map((E) => /* @__PURE__ */ s(m, { align: "center", style: {
+        }, children: t.abilities.map((E) => /* @__PURE__ */ s(A, { align: "center", style: {
           gap: "0.35rem"
         }, children: [
-          /* @__PURE__ */ n(T, { size: 16 }),
-          /* @__PURE__ */ n(l, { size: "xs", children: E })
+          /* @__PURE__ */ i(T, { size: 16 }),
+          /* @__PURE__ */ i(c, { size: "xs", children: E })
         ] }, E)) }),
-        /* @__PURE__ */ n(R, {})
+        /* @__PURE__ */ i(f, {})
       ] }) })
     ] })
   ] });
   if (e.length === 1) {
     const t = e[0];
-    return /* @__PURE__ */ s(c, { children: [
+    return /* @__PURE__ */ s(l, { children: [
       "Can ",
       r(t)
     ] });
   }
-  const i = e.slice(0, -1), o = e[e.length - 1];
-  return /* @__PURE__ */ s(c, { children: [
+  const n = e.slice(0, -1), o = e[e.length - 1];
+  return /* @__PURE__ */ s(l, { children: [
     "Can",
     " ",
-    i.map((t, E) => /* @__PURE__ */ s(a.Fragment, { children: [
+    n.map((t, E) => /* @__PURE__ */ s(m.Fragment, { children: [
       E > 0 && ", ",
       r(t)
     ] }, t.category)),
@@ -115,14 +115,8 @@ function g(e) {
 const b = (e) => {
   const {
     abilities: r
-  } = e, i = a.useMemo(() => S(r), [r]);
-  return /* @__PURE__ */ s(m, { style: {
-    flexDirection: "column",
-    gap: "0.35rem"
-  }, children: [
-    /* @__PURE__ */ n(l, { size: "xs", hierarchy: "tertiary", children: "Permissions" }),
-    /* @__PURE__ */ n(l, { size: "sm", hierarchy: "secondary", children: g(i) })
-  ] });
+  } = e, n = m.useMemo(() => S(r), [r]);
+  return /* @__PURE__ */ i(c, { size: "sm", hierarchy: "secondary", children: g(n) });
 };
 export {
   b as DNamespaceRolePermissions

package/dist/components/d-runtime/DRuntime.service.js

@@ -1,7 +1,7 @@
 import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
 class c extends r {
-  getById(e) {
-    return this.values().find((i) => i.id === e);
+  getById(i) {
+    return this.values().find((e) => e && e.id === i);
   }
 }
 export {

package/dist/components/d-runtime/DRuntimeContent.js

@@ -2,19 +2,19 @@ import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import h from "react";
 import { Text as n } from "../text/Text.js";
 import { Flex as i } from "../flex/Flex.js";
-import { IconSettings as y } from "@tabler/icons-react";
-import { Button as g } from "../button/Button.js";
-import { useService as f, useStore as C } from "../../utils/contextStore.js";
+import { IconEdit as y } from "@tabler/icons-react";
+import { Button as f } from "../button/Button.js";
+import { useService as g, useStore as C } from "../../utils/contextStore.js";
 import "merge-props";
-import { DRuntimeReactiveService as s } from "./DRuntime.service.js";
-import { Badge as l } from "../badge/Badge.js";
-const v = (m) => {
+import { DRuntimeReactiveService as l } from "./DRuntime.service.js";
+import { Badge as s } from "../badge/Badge.js";
+const T = (m) => {
   const {
     runtimeId: o,
     minimized: c = !1,
     onSetting: a = () => {
     }
-  } = m, p = f(s), d = C(s), r = h.useMemo(() => p.getById(o), [d, o]);
+  } = m, d = g(l), p = C(l), r = h.useMemo(() => d.getById(o), [p, o]);
   return /* @__PURE__ */ t(i, { justify: "space-between", align: "center", style: {
     gap: "1.3rem"
   }, children: [
@@ -33,13 +33,13 @@ const v = (m) => {
       /* @__PURE__ */ e(i, { align: "center", style: {
         gap: "0.35rem",
         flexWrap: "wrap"
-      }, children: r?.status === "CONNECTED" ? /* @__PURE__ */ e(l, { color: "success", children: "CONNECTED" }) : /* @__PURE__ */ e(l, { color: "error", children: "DISCONNECTED" }) }),
-      !c && (r?.userAbilities?.deleteRuntime || r?.userAbilities?.updateRuntime || r?.userAbilities?.rotateRuntimeToken) ? /* @__PURE__ */ e(g, { color: "secondary", onClick: (u) => {
+      }, children: r?.status === "CONNECTED" ? /* @__PURE__ */ e(s, { color: "success", children: "CONNECTED" }) : /* @__PURE__ */ e(s, { color: "error", children: "DISCONNECTED" }) }),
+      !c && (r?.userAbilities?.deleteRuntime || r?.userAbilities?.updateRuntime || r?.userAbilities?.rotateRuntimeToken) ? /* @__PURE__ */ e(f, { color: "secondary", variant: "filled", onClick: (u) => {
         u.stopPropagation(), a(r);
       }, children: /* @__PURE__ */ e(y, { size: 16 }) }) : null
     ] })
   ] });
 };
 export {
-  v as DRuntimeContent
+  T as DRuntimeContent
 };

package/dist/components/d-user/DUser.service.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveArrayService } from '../../utils/reactiveArrayService';
+import { ReactiveArrayService } from '../../utils';
 import { User, UsersEmailVerificationInput, UsersEmailVerificationPayload, UsersIdentityLinkInput, UsersIdentityLinkPayload, UsersIdentityLoginInput, UsersIdentityLoginPayload, UsersIdentityRegisterInput, UsersIdentityRegisterPayload, UsersIdentityUnlinkInput, UsersIdentityUnlinkPayload, UsersLoginInput, UsersLoginPayload, UsersLogoutInput, UsersLogoutPayload, UsersMfaBackupCodesRotateInput, UsersMfaBackupCodesRotatePayload, UsersMfaTotpGenerateSecretInput, UsersMfaTotpGenerateSecretPayload, UsersMfaTotpValidateSecretInput, UsersMfaTotpValidateSecretPayload, UsersPasswordResetInput, UsersPasswordResetPayload, UsersPasswordResetRequestInput, UsersPasswordResetRequestPayload, UsersRegisterInput, UsersRegisterPayload } from '@code0-tech/sagittarius-graphql-types';
 import { DUserView } from './DUser.view';
 export declare abstract class DUserReactiveService extends ReactiveArrayService<DUserView> {

package/dist/components/d-user/DUser.service.js

@@ -1,14 +1,17 @@
+import "../../utils/contextStore.js";
+import "react";
 import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
-class a extends t {
+import "merge-props";
+class o extends t {
   //TODO: inject UI error handler for toasts
   //no id's need to be injected here because the root query has a users field
-  getById(e) {
-    return this.values().find((r) => r.id === e);
+  getById(r) {
+    return this.values().find((e) => e && e.id === r);
   }
-  getByUsername(e) {
-    return this.values().find((r) => r.username === e);
+  getByUsername(r) {
+    return this.values().find((e) => e && e.username === r);
   }
 }
 export {
-  a as DUserReactiveService
+  o as DUserReactiveService
 };