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

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

@@ -0,0 +1,156 @@
+import { jsxs as r, jsx as e, Fragment as y } from "react/jsx-runtime";
+import g from "react";
+import { Flex as o } from "../flex/Flex.js";
+import { useService as a, useStore as d } from "../../utils/contextStore.js";
+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 { DNamespaceRolePermissions as K } from "./DNamespaceRolePermissions.js";
+import { DNamespaceMemberReactiveService as b } from "../d-member/DNamespaceMember.service.js";
+import "../../_virtual/compiler-runtime.js";
+import { Card as f } 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";
+import { Avatar as S } from "../avatar/Avatar.js";
+import { Badge as m } from "../badge/Badge.js";
+import p from "../card/CardSection.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 { 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 "@radix-ui/react-dialog";
+/* empty css                          */
+import { DNamespaceProjectReactiveService as w } from "../d-project/DNamespaceProject.service.js";
+const De = (I) => {
+  const {
+    roleId: h,
+    onSetting: M = () => {
+    },
+    onMembersViewMore: P = () => {
+    },
+    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({
+    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;
+  return /* @__PURE__ */ r(o, { align: "center", style: {
+    gap: "1.3rem"
+  }, justify: "space-between", children: [
+    /* @__PURE__ */ r(o, { align: "center", style: {
+      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, { align: "center", style: {
+      gap: "1.3rem"
+    }, children: [
+      /* @__PURE__ */ r(o, { style: {
+        flexDirection: "column",
+        gap: "0.35rem"
+      }, children: [
+        /* @__PURE__ */ e(n, { size: "xs", hierarchy: "tertiary", children: "Usage" }),
+        /* @__PURE__ */ r(o, { align: "center", style: {
+          gap: "0.35rem"
+        }, children: [
+          /* @__PURE__ */ r(R, { children: [
+            /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(m, { border: !0, style: {
+              verticalAlign: "middle"
+            }, children: [
+              /* @__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(n, { children: "Assigned projects" }),
+              /* @__PURE__ */ e(D, {}),
+              s.length > 0 ? /* @__PURE__ */ r(y, { children: [
+                /* @__PURE__ */ e(z, { spacing: "xxs" }),
+                /* @__PURE__ */ r(f, { 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: {
+                    gap: "0.7rem"
+                  }, children: [
+                    /* @__PURE__ */ e(S, { bg: "transparent", identifier: t?.name ?? "" }),
+                    /* @__PURE__ */ r(o, { style: {
+                      flexDirection: "column",
+                      gap: "0.35rem"
+                    }, children: [
+                      /* @__PURE__ */ e(n, { size: "xs", hierarchy: "secondary", children: t?.name }),
+                      /* @__PURE__ */ e(n, { size: "xs", hierarchy: "tertiary", children: t?.description })
+                    ] })
+                  ] }) }, t.id)),
+                  i && s.slice(1, s.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: () => N(i), children: [
+                    /* @__PURE__ */ e(n, { size: "xs", children: "View more" }),
+                    /* @__PURE__ */ e(m, { border: !0, children: s.slice(1, s.length).length })
+                  ] }) }) : null
+                ] })
+              ] }) : null
+            ] }) })
+          ] }),
+          /* @__PURE__ */ r(R, { children: [
+            /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(m, { border: !0, style: {
+              verticalAlign: "middle"
+            }, children: [
+              /* @__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(n, { children: "Assigned members" }),
+              /* @__PURE__ */ e(D, {}),
+              c.length > 0 ? /* @__PURE__ */ r(y, { children: [
+                /* @__PURE__ */ e(z, { spacing: "xxs" }),
+                /* @__PURE__ */ r(f, { 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);
+                    return /* @__PURE__ */ e(p, { border: !0, children: /* @__PURE__ */ r(o, { align: "center", style: {
+                      gap: "0.7rem"
+                    }, children: [
+                      /* @__PURE__ */ e(S, { bg: "transparent", identifier: l?.username ?? "" }),
+                      /* @__PURE__ */ r(o, { style: {
+                        flexDirection: "column",
+                        gap: "0.35rem"
+                      }, children: [
+                        /* @__PURE__ */ r(n, { size: "xs", hierarchy: "secondary", children: [
+                          "@",
+                          l?.username
+                        ] }),
+                        /* @__PURE__ */ e(n, { size: "xs", hierarchy: "tertiary", children: l?.email })
+                      ] })
+                    ] }) }, 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: [
+                    /* @__PURE__ */ e(n, { size: "xs", children: "View more" }),
+                    /* @__PURE__ */ e(m, { border: !0, children: c.length - 1 })
+                  ] }) }) : null
+                ] })
+              ] }) : null
+            ] }) })
+          ] })
+        ] })
+      ] }),
+      q && /* @__PURE__ */ e(u, { color: "secondary", onClick: (t) => {
+        t.stopPropagation(), M(i);
+      }, children: /* @__PURE__ */ e(J, { size: 16 }) })
+    ] })
+  ] });
+};
+export {
+  De as DNamespaceRoleContent
+};

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

@@ -0,0 +1,12 @@
+import { Namespace } from '@code0-tech/sagittarius-graphql-types';
+import { default as React } from 'react';
+import { Card } from '../card/Card';
+import { DNamespaceRoleView } from './DNamespaceRole.view';
+export interface DNamespaceRoleListProps extends Omit<Card, "children" | "onSelect"> {
+    namespaceId: Namespace["id"];
+    filter?: (role: DNamespaceRoleView, index: number) => boolean;
+    onSetting?: (role: DNamespaceRoleView) => void;
+    onMembersViewMore?: (role: DNamespaceRoleView) => void;
+    onProjectsViewMore?: (role: DNamespaceRoleView) => void;
+}
+export declare const DNamespaceRoleList: React.FC<DNamespaceRoleListProps>;

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

@@ -0,0 +1,24 @@
+import { jsx as r } from "react/jsx-runtime";
+import { DNamespaceRoleContent as f } from "./DNamespaceRoleContent.js";
+import u from "react";
+import { Card as S } from "../card/Card.js";
+import { useService as v, useStore as R } from "../../utils/contextStore.js";
+import "merge-props";
+import { DNamespaceRoleReactiveService as t } from "./DNamespaceRole.service.js";
+import M from "../card/CardSection.js";
+const I = (i) => {
+  const {
+    namespaceId: o,
+    filter: m = () => !0,
+    onSetting: s,
+    onProjectsViewMore: c,
+    onMembersViewMore: n,
+    ...a
+  } = i, p = v(t), d = R(t), l = u.useMemo(() => p.values({
+    namespaceId: o
+  }), [d, o]);
+  return /* @__PURE__ */ r(S, { ...a, children: l.filter(m).map((e) => e.id && /* @__PURE__ */ r(M, { border: !0, children: /* @__PURE__ */ r(f, { onSetting: s, onProjectsViewMore: c, onMembersViewMore: n, roleId: e?.id }) }, e.id)) });
+};
+export {
+  I as DNamespaceRoleList
+};

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface DNamespaceRolePermissionsProps {
+    abilities?: string[];
+}
+export declare const DNamespaceRolePermissions: React.FC<DNamespaceRolePermissionsProps>;

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

@@ -0,0 +1,129 @@
+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 { 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 = {
+  ASSIGN_MEMBER_ROLES: "members",
+  INVITE_MEMBER: "members",
+  DELETE_MEMBER: "members",
+  CREATE_NAMESPACE_PROJECT: "projects",
+  UPDATE_NAMESPACE_PROJECT: "projects",
+  DELETE_NAMESPACE_PROJECT: "projects",
+  ASSIGN_ROLE_PROJECTS: "projects",
+  READ_NAMESPACE_PROJECT: "projects",
+  CREATE_NAMESPACE_ROLE: "roles",
+  UPDATE_NAMESPACE_ROLE: "roles",
+  ASSIGN_ROLE_ABILITIES: "roles",
+  CREATE_RUNTIME: "runtimes",
+  UPDATE_RUNTIME: "runtimes",
+  DELETE_RUNTIME: "runtimes",
+  ROTATE_RUNTIME_TOKEN: "runtimes",
+  ASSIGN_PROJECT_RUNTIMES: "runtimes",
+  CREATE_FLOW: "flows",
+  UPDATE_FLOW: "flows",
+  DELETE_FLOW: "flows",
+  CREATE_NAMESPACE_LICENSE: "license",
+  READ_NAMESPACE_LICENSE: "license",
+  DELETE_NAMESPACE_LICENSE: "license",
+  UPDATE_ORGANIZATION: "organization",
+  DELETE_ORGANIZATION: "organization",
+  NAMESPACE_ADMINISTRATOR: "admin"
+}, p = {
+  members: "members",
+  projects: "projects",
+  roles: "roles",
+  runtimes: "runtimes",
+  flows: "flows",
+  license: "licenses",
+  organization: "the organization",
+  admin: "everything"
+};
+function d(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) {
+  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];
+    if (!o) continue;
+    const t = r.get(o) ?? [];
+    t.push(i), r.set(o, t);
+  }
+  return Array.from(r.entries()).map(([i, o]) => {
+    const t = o.map(d), E = N(t);
+    return {
+      category: i,
+      label: p[i],
+      abilities: o,
+      action: E
+    };
+  });
+}
+function g(e) {
+  if (e.length === 0) return "No special permissions.";
+  const r = (t) => /* @__PURE__ */ s(c, { children: [
+    t.action,
+    " ",
+    /* @__PURE__ */ s(_, { children: [
+      /* @__PURE__ */ n(u, { asChild: !0, children: /* @__PURE__ */ n(A, { color: "info", style: {
+        verticalAlign: "middle"
+      }, children: /* @__PURE__ */ n(l, { style: {
+        color: "inherit"
+      }, children: t.label }) }) }),
+      /* @__PURE__ */ n(h, { children: /* @__PURE__ */ s(C, { side: "bottom", children: [
+        /* @__PURE__ */ n(m, { style: {
+          flexDirection: "column",
+          gap: "0.25rem"
+        }, children: t.abilities.map((E) => /* @__PURE__ */ s(m, { align: "center", style: {
+          gap: "0.35rem"
+        }, children: [
+          /* @__PURE__ */ n(T, { size: 16 }),
+          /* @__PURE__ */ n(l, { size: "xs", children: E })
+        ] }, E)) }),
+        /* @__PURE__ */ n(R, {})
+      ] }) })
+    ] })
+  ] });
+  if (e.length === 1) {
+    const t = e[0];
+    return /* @__PURE__ */ s(c, { children: [
+      "Can ",
+      r(t)
+    ] });
+  }
+  const i = e.slice(0, -1), o = e[e.length - 1];
+  return /* @__PURE__ */ s(c, { children: [
+    "Can",
+    " ",
+    i.map((t, E) => /* @__PURE__ */ s(a.Fragment, { children: [
+      E > 0 && ", ",
+      r(t)
+    ] }, t.category)),
+    " ",
+    "and ",
+    r(o)
+  ] });
+}
+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) })
+  ] });
+};
+export {
+  b as DNamespaceRolePermissions
+};

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

@@ -1,2 +1,4 @@
 export * from './DNamespaceRole.service';
 export * from './DNamespaceRole.view';
+export * from './DNamespaceRoleList';
+export * from './DNamespaceRoleCard';

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

@@ -1,6 +1,10 @@
 import { DNamespaceRoleReactiveService as a } from "./DNamespaceRole.service.js";
-import { DNamespaceRoleView as c } from "./DNamespaceRole.view.js";
+import { DNamespaceRoleView as m } from "./DNamespaceRole.view.js";
+import { DNamespaceRoleList as c } from "./DNamespaceRoleList.js";
+import { DNamespaceRoleCard as s } from "./DNamespaceRoleCard.js";
 export {
+  s as DNamespaceRoleCard,
+  c as DNamespaceRoleList,
   a as DNamespaceRoleReactiveService,
-  c as DNamespaceRoleView
+  m as DNamespaceRoleView
 };

package/dist/components/d-runtime/DRuntimeCard.d.ts

@@ -4,5 +4,6 @@ import { DRuntimeView } from './DRuntime.view';
 export interface DRuntimeCardProps {
     runtimeId: Runtime['id'];
     onSetting?: (runtime: DRuntimeView) => void;
+    minimized?: boolean;
 }
 export declare const DRuntimeCard: React.FC<DRuntimeCardProps>;

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

@@ -1,17 +1,18 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c } from "../../_virtual/compiler-runtime.js";
+import { jsx as c } from "react/jsx-runtime";
+import { c as d } from "../../_virtual/compiler-runtime.js";
 import { Card as p } from "../card/Card.js";
-import { DRuntimeContent as s } from "./DRuntimeContent.js";
-const x = (m) => {
-  const t = c.c(3), {
-    runtimeId: n,
-    onSetting: e
-  } = m, r = e === void 0 ? f : e;
-  let o;
-  return t[0] !== r || t[1] !== n ? (o = /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(s, { runtimeId: n, onSetting: r }) }), t[0] = r, t[1] = n, t[2] = o) : o = t[2], o;
+import { DRuntimeContent as f } from "./DRuntimeContent.js";
+const R = (s) => {
+  const t = d.c(4), {
+    runtimeId: o,
+    minimized: m,
+    onSetting: r
+  } = s, n = m === void 0 ? !1 : m, e = r === void 0 ? u : r;
+  let i;
+  return t[0] !== n || t[1] !== e || t[2] !== o ? (i = /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(f, { minimized: n, runtimeId: o, onSetting: e }) }), t[0] = n, t[1] = e, t[2] = o, t[3] = i) : i = t[3], i;
 };
-function f() {
+function u() {
 }
 export {
-  x as DRuntimeCard
+  R as DRuntimeCard
 };

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

@@ -4,5 +4,6 @@ import { DRuntimeView } from './DRuntime.view';
 export interface DRuntimeContentProps {
     runtimeId: Runtime['id'];
     onSetting?: (runtime: DRuntimeView) => void;
+    minimized?: boolean;
 }
 export declare const DRuntimeContent: React.FC<DRuntimeContentProps>;

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

@@ -1,37 +1,42 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import d from "react";
+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 t } from "../flex/Flex.js";
-import { IconSettings as h } from "@tabler/icons-react";
-import { Button as f } from "../button/Button.js";
-import { useService as g, useStore as y } from "../../utils/contextStore.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 "merge-props";
-import { DRuntimeReactiveService as c } from "./DRuntime.service.js";
-import { Badge as s } from "../badge/Badge.js";
+import { DRuntimeReactiveService as s } from "./DRuntime.service.js";
+import { Badge as l } from "../badge/Badge.js";
 const v = (m) => {
   const {
     runtimeId: o,
-    onSetting: l = () => {
+    minimized: c = !1,
+    onSetting: a = () => {
     }
-  } = m, a = g(c), p = y(c), e = d.useMemo(() => a.getById(o), [p, o]);
-  return /* @__PURE__ */ i(t, { justify: "space-between", align: "center", children: [
-    /* @__PURE__ */ i(t, { style: {
+  } = m, p = f(s), d = C(s), r = h.useMemo(() => p.getById(o), [d, o]);
+  return /* @__PURE__ */ t(i, { justify: "space-between", align: "center", style: {
+    gap: "1.3rem"
+  }, children: [
+    c ? /* @__PURE__ */ e(i, { align: "center", style: {
+      gap: "0.7rem"
+    }, children: /* @__PURE__ */ e(n, { size: "md", hierarchy: "secondary", display: "block", children: r?.name }) }) : /* @__PURE__ */ t(i, { style: {
       flexDirection: "column",
       gap: "0.35rem"
     }, children: [
-      /* @__PURE__ */ r(n, { size: "lg", hierarchy: "primary", display: "block", children: e?.name }),
-      /* @__PURE__ */ r(n, { size: "sm", hierarchy: "tertiary", display: "block", children: e?.description })
+      /* @__PURE__ */ e(n, { size: "lg", hierarchy: "secondary", display: "block", children: r?.name }),
+      /* @__PURE__ */ e(n, { size: "sm", hierarchy: "tertiary", display: "block", children: r?.description })
     ] }),
-    /* @__PURE__ */ i(t, { align: "center", style: {
+    /* @__PURE__ */ t(i, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ r(t, { align: "center", style: {
+      /* @__PURE__ */ e(i, { align: "center", style: {
         gap: "0.35rem",
         flexWrap: "wrap"
-      }, children: e?.status === "CONNECTED" ? /* @__PURE__ */ r(s, { color: "success", children: "CONNECTED" }) : /* @__PURE__ */ r(s, { color: "error", children: "DISCONNECTED" }) }),
-      e?.userAbilities?.deleteRuntime || e?.userAbilities?.updateRuntime || e?.userAbilities?.rotateRuntimeToken ? /* @__PURE__ */ r(f, { color: "secondary", onClick: (u) => {
-        u.stopPropagation(), l(e);
-      }, children: /* @__PURE__ */ r(h, { size: 16 }) }) : null
+      }, 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) => {
+        u.stopPropagation(), a(r);
+      }, children: /* @__PURE__ */ e(y, { size: 16 }) }) : null
     ] })
   ] });
 };

package/dist/components/d-runtime/DRuntimeList.d.ts

@@ -3,9 +3,10 @@ import { DRuntimeView } from './DRuntime.view';
 import { Card } from '../card/Card';
 import { default as React } from 'react';
 export interface DRuntimeListProps extends Omit<Card, "children" | "onSelect"> {
-    namespaceId: Namespace["id"];
+    namespaceId?: Namespace["id"];
     filter?: (runtime: DRuntimeView, index: number) => boolean;
     onSelect?: (runtime: DRuntimeView) => void;
     onSetting?: (runtime: DRuntimeView) => void;
+    minimized?: boolean;
 }
 export declare const DRuntimeList: React.FC<DRuntimeListProps>;

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

@@ -1,24 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Card as f } from "../card/Card.js";
-import a from "react";
-import { useService as S, useStore as l } from "../../utils/contextStore.js";
+import { Card as a } from "../card/Card.js";
+import S from "react";
+import { useService as l, useStore as v } from "../../utils/contextStore.js";
 import "merge-props";
-import { DRuntimeReactiveService as i } from "./DRuntime.service.js";
-import v from "../card/CardSection.js";
-import { DRuntimeContent as R } from "./DRuntimeContent.js";
-const k = (m) => {
+import { DRuntimeReactiveService as m } from "./DRuntime.service.js";
+import R from "../card/CardSection.js";
+import { DRuntimeContent as C } from "./DRuntimeContent.js";
+const k = (n) => {
   const {
     namespaceId: t,
-    filter: n = () => !0,
-    onSetting: c,
+    minimized: i = !1,
+    filter: c = () => !0,
+    onSetting: s,
     onSelect: o,
-    ...s
-  } = m, u = S(i), p = l(i), d = a.useMemo(() => u.values({
+    ...d
+  } = n, p = l(m), u = v(m), f = S.useMemo(() => p.values({
     namespaceId: t
-  }), [p, t]);
-  return /* @__PURE__ */ r(f, { ...s, children: d.filter(n).map((e) => e.id && /* @__PURE__ */ r(v, { border: !0, hover: !0, onClick: () => {
+  }), [u, t]);
+  return /* @__PURE__ */ r(a, { ...d, ...i ? {
+    paddingSize: "sm"
+  } : {}, children: f.filter(c).map((e) => e.id && /* @__PURE__ */ r(R, { border: !0, hover: !0, onClick: () => {
     o && o(e);
-  }, children: /* @__PURE__ */ r(R, { onSetting: c, runtimeId: e?.id }) }, e.id)) });
+  }, children: /* @__PURE__ */ r(C, { minimized: i, onSetting: s, runtimeId: e?.id }) }, e.id)) });
 };
 export {
   k as DRuntimeList

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

@@ -3,6 +3,7 @@ import { User, UsersEmailVerificationInput, UsersEmailVerificationPayload, Users
 import { DUserView } from './DUser.view';
 export declare abstract class DUserReactiveService extends ReactiveArrayService<DUserView> {
     getById(id: User['id']): DUserView | undefined;
+    getByUsername(username: User['username']): DUserView | undefined;
     abstract usersEmailVerification(payload: UsersEmailVerificationInput): Promise<UsersEmailVerificationPayload | undefined>;
     abstract usersIdentityLink(payload: UsersIdentityLinkInput): Promise<UsersIdentityLinkPayload | undefined>;
     abstract usersIdentityLogin(payload: UsersIdentityLoginInput): Promise<UsersIdentityLoginPayload | undefined>;

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

@@ -1,10 +1,13 @@
-import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
-class a extends i {
+import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
+class a 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);
   }
+  getByUsername(e) {
+    return this.values().find((r) => r.username === e);
+  }
 }
 export {
   a as DUserReactiveService

package/dist/components/d-user/DUserContent.js

@@ -1,10 +1,10 @@
 import { jsx as d, jsxs as p } from "react/jsx-runtime";
 import { c as V } from "../../_virtual/compiler-runtime.js";
-import B from "react";
+import w from "react";
 import { Flex as u } from "../flex/Flex.js";
-import { Avatar as E } from "../avatar/Avatar.js";
-import { useUserSession as k } from "./DUser.session.hook.js";
-import { useService as w } from "../../utils/contextStore.js";
+import { Avatar as B } from "../avatar/Avatar.js";
+import { useUserSession as E } from "./DUser.session.hook.js";
+import { useService as k } from "../../utils/contextStore.js";
 import "merge-props";
 import { DUserReactiveService as F } from "./DUser.service.js";
 import { Text as R } from "../text/Text.js";
@@ -14,17 +14,17 @@ import "../button/Button.js";
 const Z = (D) => {
   const e = V.c(37), {
     userId: x,
-    onRemove: A
-  } = D, z = A === void 0 ? T : A, b = w(F), I = k(), [U, $] = B.useState(!1);
+    onRemove: z
+  } = D, A = z === void 0 ? O : z, b = k(F), I = E(), [U, T] = w.useState(!1);
   let h;
   e[0] !== x || e[1] !== b ? (h = b.getById(x), e[0] = x, e[1] = b, e[2] = h) : h = e[2];
-  const t = h, j = I?.user?.id === t.id;
+  const r = h, j = I?.user?.id === r.id;
   let y;
   e[3] === Symbol.for("react.memo_cache_sentinel") ? (y = {
     gap: ".7rem"
   }, e[3] = y) : y = e[3];
-  let r;
-  e[4] !== t.username ? (r = /* @__PURE__ */ d(E, { identifier: t.username, bg: "transparent" }), e[4] = t.username, e[5] = r) : r = e[5];
+  let t;
+  e[4] !== r.username ? (t = /* @__PURE__ */ d(B, { identifier: r.username, bg: "transparent" }), e[4] = r.username, e[5] = t) : t = e[5];
   let g;
   e[6] === Symbol.for("react.memo_cache_sentinel") ? (g = {
     gap: ".35rem",
@@ -35,37 +35,37 @@ const Z = (D) => {
     gap: "0.35rem"
   }, e[7] = v) : v = e[7];
   let i;
-  e[8] !== t.username ? (i = /* @__PURE__ */ d(R, { size: "md", hierarchy: "primary", children: t.username }), e[8] = t.username, e[9] = i) : i = e[9];
+  e[8] !== r.username ? (i = /* @__PURE__ */ d(R, { size: "md", hierarchy: "primary", children: r.username }), e[8] = r.username, e[9] = i) : i = e[9];
   let l;
-  e[10] !== t.admin ? (l = t.admin ? /* @__PURE__ */ d(C, { color: "secondary", children: "Admin" }) : null, e[10] = t.admin, e[11] = l) : l = e[11];
+  e[10] !== r.admin ? (l = r.admin ? /* @__PURE__ */ d(C, { color: "secondary", children: "Owner" }) : null, e[10] = r.admin, e[11] = l) : l = e[11];
   let s;
   e[12] !== i || e[13] !== l ? (s = /* @__PURE__ */ p(u, { align: "center", style: v, children: [
     i,
     l
   ] }), e[12] = i, e[13] = l, e[14] = s) : s = e[14];
-  let n;
-  e[15] !== t.email ? (n = /* @__PURE__ */ d(R, { size: "md", hierarchy: "tertiary", children: t.email }), e[15] = t.email, e[16] = n) : n = e[16];
   let m;
-  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ p(u, { style: g, children: [
+  e[15] !== r.email ? (m = /* @__PURE__ */ d(R, { size: "sm", hierarchy: "tertiary", children: r.email }), e[15] = r.email, e[16] = m) : m = e[16];
+  let n;
+  e[17] !== s || e[18] !== m ? (n = /* @__PURE__ */ p(u, { style: g, children: [
     s,
-    n
-  ] }), e[17] = s, e[18] = n, e[19] = m) : m = e[19];
-  let o;
-  e[20] !== m || e[21] !== r ? (o = /* @__PURE__ */ p(u, { style: y, align: "center", children: [
-    r,
     m
-  ] }), e[20] = m, e[21] = r, e[22] = o) : o = e[22];
+  ] }), e[17] = s, e[18] = m, e[19] = n) : n = e[19];
+  let o;
+  e[20] !== n || e[21] !== t ? (o = /* @__PURE__ */ p(u, { style: y, align: "center", children: [
+    t,
+    n
+  ] }), e[20] = n, e[21] = t, e[22] = o) : o = e[22];
   let S;
   e[23] === Symbol.for("react.memo_cache_sentinel") ? (S = {
     gap: "1.3rem"
   }, e[23] = S) : S = e[23];
   let c;
-  e[24] !== t.emailVerifiedAt ? (c = t.emailVerifiedAt ? /* @__PURE__ */ p(C, { color: "secondary", children: [
+  e[24] !== r.emailVerifiedAt ? (c = r?.emailVerifiedAt ? /* @__PURE__ */ p(C, { color: "primary", children: [
     /* @__PURE__ */ d(M, { size: 16 }),
-    /* @__PURE__ */ d(R, { size: "xs", children: "Email verified" })
-  ] }) : null, e[24] = t.emailVerifiedAt, e[25] = c) : c = e[25];
+    /* @__PURE__ */ d(R, { size: "xs", hierarchy: "tertiary", children: "Email verified" })
+  ] }) : null, e[24] = r.emailVerifiedAt, e[25] = c) : c = e[25];
   let a;
-  e[26] !== j || e[27] !== z || e[28] !== U || e[29] !== t ? (a = null, e[26] = j, e[27] = z, e[28] = U, e[29] = t, e[30] = a) : a = e[30];
+  e[26] !== j || e[27] !== A || e[28] !== U || e[29] !== r ? (a = null, e[26] = j, e[27] = A, e[28] = U, e[29] = r, e[30] = a) : a = e[30];
   let f;
   e[31] !== c || e[32] !== a ? (f = /* @__PURE__ */ p(u, { style: S, align: "center", children: [
     c,
@@ -77,7 +77,7 @@ const Z = (D) => {
     f
   ] }), e[34] = o, e[35] = f, e[36] = _) : _ = e[36], _;
 };
-function T() {
+function O() {
 }
 export {
   Z as DUserContent